Commit ad1d7988 authored by Malthus Yau's avatar Malthus Yau
Browse files

Update storybook to the latest

Summary: Update storybook and fix a bunch of dependencies.

Test Plan: yarn storybook

Reviewers: michelle, #engineering, zasgar

Reviewed By: #engineering, zasgar

Differential Revision: https://phab.corp.pixielabs.ai/D3431

GitOrigin-RevId: 81fd1044c25e089fb51d8980c28d133dbe44933c
parent c78739a7
Showing with 2839 additions and 915 deletions
+2839 -915
import { addDecorator, configure } from '@storybook/react';
import { withInfo } from '@storybook/addon-info';
import { withNotes } from '@storybook/addon-notes';
import {addDecorator, configure} from '@storybook/react';
import {withInfo} from '@storybook/addon-info';
import {withNotes} from '@storybook/addon-notes';
import '../src/index.scss';
import './styles.scss';
addDecorator(withInfo);
addDecorator(withNotes);
......
......@@ -2,12 +2,14 @@ const topLevelConfig = require('../webpack.config.js')();
const TSDocgenPlugin = require('react-docgen-typescript-webpack-plugin');
const path = require('path');
module.exports = (baseConfig, env, config) => {
config.module.rules = topLevelConfig.module.rules;
config.resolve.extensions = topLevelConfig.resolve.extensions;
module.exports = {
webpackFinal: (config) => {
config.module.rules = topLevelConfig.module.rules;
config.resolve.extensions = topLevelConfig.resolve.extensions;
config.resolve.modules = ['node_modules', path.resolve(__dirname, '../src'), path.resolve(__dirname, '../assets')];
config.plugins.push(new TSDocgenPlugin());
config.resolve.modules = ['node_modules', path.resolve(__dirname, '../src'), path.resolve(__dirname, '../assets')];
config.plugins.push(new TSDocgenPlugin());
return config;
return config;
},
};
@import "theme.scss";
@import "~bootstrap/scss/bootstrap.scss";
@import "~react-vis/dist/style";
......@@ -7,14 +7,15 @@
"@babel/core": "^7.0.0-rc.2",
"@babel/plugin-proposal-class-properties": "^7.0.0-rc.2",
"@babel/plugin-proposal-object-rest-spread": "^7.0.0-rc.2",
"@babel/preset-env": "^7.0.0-rc.2",
"@babel/preset-react": "^7.0.0-rc.2",
"@babel/preset-env": "^7.8.4",
"@babel/preset-react": "^7.8.3",
"@babel/preset-typescript": "^7.0.0-rc.2",
"@storybook/addon-actions": "^4.1.2",
"@babel/runtime-corejs3": "^7.8.4",
"@storybook/addon-actions": "^5.3.12",
"@storybook/addon-info": "^4.1.2",
"@storybook/addon-notes": "^4.1.2",
"@storybook/addons": "^4.1.2",
"@storybook/react": "^4.1.2",
"@storybook/react": "^5.3.12",
"@types/auth0-lock": "^11.4.7",
"@types/d3": "^5.7.2",
"@types/dagre": "^0.7.42",
......@@ -33,6 +34,7 @@
"babel-jest": "24.9.0",
"babel-loader": "^8.0.0-beta",
"case-sensitive-paths-webpack-plugin": "^2.1.2",
"core-js": "2.6.10",
"css-loader": "^1.0.0",
"enzyme": "^3.10.0",
"enzyme-adapter-react-16": "^1.15.1",
......@@ -44,6 +46,7 @@
"jest-junit": "8.0.0",
"jest-raw-loader": "^1.0.1",
"node-sass": "^4.9.3",
"raw-loader": "^4.0.0",
"react-dev-utils": "^5.0.1",
"react-docgen-typescript-webpack-plugin": "^1.1.0",
"react-hot-loader": "^4.3.4",
......
import * as React from 'react';
import {ListGroup, ListGroupItem} from 'react-bootstrap';
import * as toml from 'toml';
// @ts-ignore : TS does not seem to like this import.
import * as PresetQueriesTOML from '../vizier/preset-queries.toml';
interface PresetQueriesProps {
onQuerySelect?: (query: PresetQuery) => void;
}
export interface PresetQuery {
name: string;
code: string;
}
const PRESET_QUERIES: PresetQuery[] = toml.parse(PresetQueriesTOML).queries.map(
(query) => ({ name: query[0], code: query[1] }));
export const PresetQueries = React.memo<PresetQueriesProps>((props) => {
const getHandler = (query: PresetQuery) => (() => {
if (props.onQuerySelect) {
props.onQuerySelect(query);
}
});
return (
<ListGroup>
{PRESET_QUERIES.map((query) => (
<ListGroupItem
action
key={query.name}
onClick={getHandler(query)}
>
{query.name}
</ListGroupItem>
))}
</ListGroup>
);
});
......@@ -144,8 +144,15 @@ var webpackConfig = {
use: ['style-loader', 'css-loader'],
},
{
test: /\.toml$/,
use: ['raw-loader'],
test: /\.toml$/i,
use: [
{
loader: 'raw-loader',
options: {
esModule: false,
},
},
],
},
{
test: /\.(woff(2)?|ttf|eot)(\?v=\d+\.\d+\.\d+)?$/,
......
This diff is collapsed.
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment