chore: coordinate storybook with main repository (apache#1466)

* chore: coordinate storybook with main repository * update lock file
zhaoyongjie · Nov 24, 2021 · a60a2ea · a60a2ea
1 parent aacd973
commit a60a2ea
Show file tree

Hide file tree

Showing 20 changed files with 6,188 additions and 1,612 deletions.
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/package-lock.json b/superset-frontend/temporary_superset_ui/superset-ui/package-lock.json
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/packages/superset-ui-demo/package.json b/superset-frontend/temporary_superset_ui/superset-ui/packages/superset-ui-demo/package.json
@@ -68,7 +68,6 @@
     "@superset-ui/plugin-chart-word-cloud": "0.18.22",
     "@superset-ui/preset-chart-xy": "0.18.22",
     "@types/react-loadable": "^5.5.3",
-    "@types/react-resizable": "^1.7.2",
     "antd": "^4.9.4",
     "bootstrap": "^3.4.1",
     "core-js": "3.8.3",
@@ -79,7 +78,7 @@
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-loadable": "^5.5.0",
-    "react-resizable": "^1.10.1",
+    "react-resizable": "^3.0.4",
     "storybook-addon-jsx": "^7.3.14"
   },
   "devDependencies": {

diff --git a/...packages/superset-ui-demo/storybook/stories/plugins/legacy-plugin-chart-chord/Stories.tsx b/...packages/superset-ui-demo/storybook/stories/plugins/legacy-plugin-chart-chord/Stories.tsx
@@ -21,18 +21,20 @@ import React from 'react';
 import { SuperChart } from '@superset-ui/core';
 import ChordChartPlugin from '@superset-ui/legacy-plugin-chart-chord';
 import data from './data';
+import { withResizableChartDemo } from '../../../shared/components/ResizableChartDemo';
 
 new ChordChartPlugin().configure({ key: 'chord' }).register();
 
 export default {
   title: 'Legacy Chart Plugins/legacy-plugin-chart-chord',
+  decorators: [withResizableChartDemo],
 };
 
-export const basic = () => (
+export const basic = ({ width, height }) => (
   <SuperChart
     chartType="chord"
-    width={400}
-    height={400}
+    width={width}
+    height={height}
     queriesData={[{ data }]}
     formData={{
       colorScheme: 'd3Category10',

diff --git a/...t-ui-demo/storybook/stories/plugins/legacy-plugin-chart-country-map/CountryMapStories.tsx b/...t-ui-demo/storybook/stories/plugins/legacy-plugin-chart-country-map/CountryMapStories.tsx
@@ -23,8 +23,9 @@ import {
   SuperChart,
   SequentialD3,
 } from '@superset-ui/core';
-import CountryMapChartPlugin from '@superset-ui/legacy-plugin-chart-country-map/src';
-import countries from '@superset-ui/legacy-plugin-chart-country-map/src/countries';
+import CountryMapChartPlugin, {
+  countries,
+} from '@superset-ui/legacy-plugin-chart-country-map';
 import { withKnobs, select } from '@storybook/addon-knobs';
 import { withResizableChartDemo } from '../../../shared/components/ResizableChartDemo';
 

diff --git a/...kages/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/BoxPlot/Stories.tsx b/...kages/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/BoxPlot/Stories.tsx
@@ -20,8 +20,10 @@
 import React from 'react';
 import { SuperChart, getChartTransformPropsRegistry } from '@superset-ui/core';
 import { select, withKnobs } from '@storybook/addon-knobs';
-import { EchartsBoxPlotChartPlugin } from '@superset-ui/plugin-chart-echarts';
-import transformProps from '@superset-ui/plugin-chart-echarts/lib/BoxPlot/transformProps';
+import {
+  EchartsBoxPlotChartPlugin,
+  BoxPlotTransformProps,
+} from '@superset-ui/plugin-chart-echarts';
 import data from './data';
 import { withResizableChartDemo } from '../../../../shared/components/ResizableChartDemo';
 
@@ -31,7 +33,7 @@ new EchartsBoxPlotChartPlugin()
 
 getChartTransformPropsRegistry().registerValue(
   'echarts-boxplot',
-  transformProps,
+  BoxPlotTransformProps,
 );
 
 export default {

diff --git a/...ckages/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/Funnel/Stories.tsx b/...ckages/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/Funnel/Stories.tsx
@@ -20,16 +20,18 @@
 import React from 'react';
 import { SuperChart, getChartTransformPropsRegistry } from '@superset-ui/core';
 import { boolean, number, select, withKnobs } from '@storybook/addon-knobs';
-import { EchartsFunnelChartPlugin } from '@superset-ui/plugin-chart-echarts';
-import transformProps from '@superset-ui/plugin-chart-echarts/lib/Funnel/transformProps';
+import {
+  EchartsFunnelChartPlugin,
+  FunnelTransformProps,
+} from '@superset-ui/plugin-chart-echarts';
 import { dataSource } from './constants';
 import { withResizableChartDemo } from '../../../../shared/components/ResizableChartDemo';
 
 new EchartsFunnelChartPlugin().configure({ key: 'echarts-funnel' }).register();
 
 getChartTransformPropsRegistry().registerValue(
   'echarts-funnel',
-  transformProps,
+  FunnelTransformProps,
 );
 
 export default {

diff --git a/...ackages/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/Gauge/Stories.tsx b/...ackages/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/Gauge/Stories.tsx
@@ -20,14 +20,19 @@
 import React from 'react';
 import { SuperChart, getChartTransformPropsRegistry } from '@superset-ui/core';
 import { withKnobs } from '@storybook/addon-knobs';
-import { EchartsGaugeChartPlugin } from '@superset-ui/plugin-chart-echarts';
-import transformProps from '@superset-ui/plugin-chart-echarts/lib/Gauge/transformProps';
+import {
+  EchartsGaugeChartPlugin,
+  GaugeTransformProps,
+} from '@superset-ui/plugin-chart-echarts';
 import { withResizableChartDemo } from '../../../../shared/components/ResizableChartDemo';
 import { speed } from './data';
 
 new EchartsGaugeChartPlugin().configure({ key: 'echarts-gauge' }).register();
 
-getChartTransformPropsRegistry().registerValue('echarts-gauge', transformProps);
+getChartTransformPropsRegistry().registerValue(
+  'echarts-gauge',
+  GaugeTransformProps,
+);
 
 export default {
   title: 'Chart Plugins/plugin-chart-echarts/Gauge',

diff --git a/...ackages/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/Graph/Stories.tsx b/...ackages/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/Graph/Stories.tsx
@@ -20,14 +20,19 @@
 import React from 'react';
 import { SuperChart, getChartTransformPropsRegistry } from '@superset-ui/core';
 import { withKnobs } from '@storybook/addon-knobs';
-import { EchartsGraphChartPlugin } from '@superset-ui/plugin-chart-echarts';
-import transformProps from '@superset-ui/plugin-chart-echarts/lib/Graph/transformProps';
+import {
+  EchartsGraphChartPlugin,
+  GraphTransformProps,
+} from '@superset-ui/plugin-chart-echarts';
 import { basic } from './data';
 import { withResizableChartDemo } from '../../../../shared/components/ResizableChartDemo';
 
 new EchartsGraphChartPlugin().configure({ key: 'echarts-graph' }).register();
 
-getChartTransformPropsRegistry().registerValue('echarts-graph', transformProps);
+getChartTransformPropsRegistry().registerValue(
+  'echarts-graph',
+  GraphTransformProps,
+);
 
 export default {
   title: 'Chart Plugins/plugin-chart-echarts/Graph',

diff --git a/...perset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/MixedTimeseries/Stories.tsx b/...perset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/MixedTimeseries/Stories.tsx
@@ -26,8 +26,10 @@ import {
   select,
   withKnobs,
 } from '@storybook/addon-knobs';
-import { EchartsTimeseriesChartPlugin } from '@superset-ui/plugin-chart-echarts';
-import transformProps from '@superset-ui/plugin-chart-echarts/lib/MixedTimeseries/transformProps';
+import {
+  EchartsTimeseriesChartPlugin,
+  MixedTimeseriesTransformProps,
+} from '@superset-ui/plugin-chart-echarts';
 import data from '../Timeseries/data';
 import { withResizableChartDemo } from '../../../../shared/components/ResizableChartDemo';
 
@@ -37,7 +39,7 @@ new EchartsTimeseriesChartPlugin()
 
 getChartTransformPropsRegistry().registerValue(
   'mixed-timeseries',
-  transformProps,
+  MixedTimeseriesTransformProps,
 );
 
 export default {

diff --git a/.../packages/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/Pie/Stories.tsx b/.../packages/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/Pie/Stories.tsx
@@ -20,14 +20,19 @@
 import React from 'react';
 import { SuperChart, getChartTransformPropsRegistry } from '@superset-ui/core';
 import { boolean, number, select, withKnobs } from '@storybook/addon-knobs';
-import { EchartsPieChartPlugin } from '@superset-ui/plugin-chart-echarts';
-import transformProps from '@superset-ui/plugin-chart-echarts/lib/Pie/transformProps';
+import {
+  EchartsPieChartPlugin,
+  PieTransformProps,
+} from '@superset-ui/plugin-chart-echarts';
 import { weekday, population } from './data';
 import { withResizableChartDemo } from '../../../../shared/components/ResizableChartDemo';
 
 new EchartsPieChartPlugin().configure({ key: 'echarts-pie' }).register();
 
-getChartTransformPropsRegistry().registerValue('echarts-pie', transformProps);
+getChartTransformPropsRegistry().registerValue(
+  'echarts-pie',
+  PieTransformProps,
+);
 
 export default {
   title: 'Chart Plugins/plugin-chart-echarts/Pie',

diff --git a/...ackages/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/Radar/Stories.tsx b/...ackages/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/Radar/Stories.tsx
@@ -20,14 +20,19 @@
 import React from 'react';
 import { SuperChart, getChartTransformPropsRegistry } from '@superset-ui/core';
 import { withKnobs } from '@storybook/addon-knobs';
-import { EchartsRadarChartPlugin } from '@superset-ui/plugin-chart-echarts';
-import transformProps from '@superset-ui/plugin-chart-echarts/lib/Radar/transformProps';
+import {
+  EchartsRadarChartPlugin,
+  RadarTransformProps,
+} from '@superset-ui/plugin-chart-echarts';
 import { withResizableChartDemo } from '../../../../shared/components/ResizableChartDemo';
 import { basic } from './data';
 
 new EchartsRadarChartPlugin().configure({ key: 'echarts-radar' }).register();
 
-getChartTransformPropsRegistry().registerValue('echarts-radar', transformProps);
+getChartTransformPropsRegistry().registerValue(
+  'echarts-radar',
+  RadarTransformProps,
+);
 
 export default {
   title: 'Chart Plugins/plugin-chart-echarts/Radar',

diff --git a/...es/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/Timeseries/Stories.tsx b/...es/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/Timeseries/Stories.tsx
@@ -20,8 +20,10 @@
 import React from 'react';
 import { SuperChart, getChartTransformPropsRegistry } from '@superset-ui/core';
 import { boolean, number, select, withKnobs } from '@storybook/addon-knobs';
-import { EchartsTimeseriesChartPlugin } from '@superset-ui/plugin-chart-echarts';
-import transformProps from '@superset-ui/plugin-chart-echarts/lib/Timeseries/transformProps';
+import {
+  EchartsTimeseriesChartPlugin,
+  TimeseriesTransformProps,
+} from '@superset-ui/plugin-chart-echarts';
 import data from './data';
 import { withResizableChartDemo } from '../../../../shared/components/ResizableChartDemo';
 
@@ -31,7 +33,7 @@ new EchartsTimeseriesChartPlugin()
 
 getChartTransformPropsRegistry().registerValue(
   'echarts-timeseries',
-  transformProps,
+  TimeseriesTransformProps,
 );
 
 export default {

diff --git a/...packages/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/Tree/Stories.tsx b/...packages/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/Tree/Stories.tsx
@@ -20,14 +20,19 @@
 import React from 'react';
 import { SuperChart, getChartTransformPropsRegistry } from '@superset-ui/core';
 import { select, withKnobs, text, number } from '@storybook/addon-knobs';
-import { EchartsTreeChartPlugin } from '@superset-ui/plugin-chart-echarts';
-import transformProps from '@superset-ui/plugin-chart-echarts/lib/Tree/transformProps';
+import {
+  EchartsTreeChartPlugin,
+  TreeTransformProps,
+} from '@superset-ui/plugin-chart-echarts';
 import data from './data';
 import { withResizableChartDemo } from '../../../../shared/components/ResizableChartDemo';
 
 new EchartsTreeChartPlugin().configure({ key: 'echarts-tree' }).register();
 
-getChartTransformPropsRegistry().registerValue('echarts-tree', transformProps);
+getChartTransformPropsRegistry().registerValue(
+  'echarts-tree',
+  TreeTransformProps,
+);
 
 export default {
   title: 'Chart Plugins/plugin-chart-echarts/Tree',

diff --git a/...kages/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/Treemap/Stories.tsx b/...kages/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/Treemap/Stories.tsx
@@ -20,8 +20,10 @@
 import React from 'react';
 import { SuperChart, getChartTransformPropsRegistry } from '@superset-ui/core';
 import { boolean, withKnobs, select } from '@storybook/addon-knobs';
-import { EchartsTreemapChartPlugin } from '@superset-ui/plugin-chart-echarts';
-import transformProps from '@superset-ui/plugin-chart-echarts/lib/Treemap/transformProps';
+import {
+  EchartsTreemapChartPlugin,
+  TreemapTransformProps,
+} from '@superset-ui/plugin-chart-echarts';
 import data from './data';
 import { withResizableChartDemo } from '../../../../shared/components/ResizableChartDemo';
 
@@ -31,7 +33,7 @@ new EchartsTreemapChartPlugin()
 
 getChartTransformPropsRegistry().registerValue(
   'echarts-treemap',
-  transformProps,
+  TreemapTransformProps,
 );
 
 export default {

diff --git a/...i/packages/superset-ui-demo/storybook/stories/plugins/plugin-chart-table/TableStories.tsx b/...i/packages/superset-ui-demo/storybook/stories/plugins/plugin-chart-table/TableStories.tsx
@@ -23,7 +23,7 @@ import { withKnobs, number, boolean } from '@storybook/addon-knobs';
 import { SuperChart } from '@superset-ui/core';
 import TableChartPlugin, {
   TableChartProps,
-} from '@superset-ui/plugin-chart-table/src';
+} from '@superset-ui/plugin-chart-table';
 import { basicFormData, basicData, birthNames } from './testData';
 import { withResizableChartDemo } from '../../../shared/components/ResizableChartDemo';
 

diff --git a/...i/packages/superset-ui-demo/storybook/stories/plugins/plugin-chart-word-cloud/Stories.tsx b/...i/packages/superset-ui-demo/storybook/stories/plugins/plugin-chart-word-cloud/Stories.tsx
@@ -23,8 +23,8 @@ import { select, withKnobs } from '@storybook/addon-knobs';
 import {
   WordCloudChartPlugin,
   LegacyWordCloudChartPlugin,
+  WordCloudTransformProps,
 } from '@superset-ui/plugin-chart-word-cloud';
-import transformProps from '@superset-ui/plugin-chart-word-cloud/lib/plugin/transformProps';
 import { withResizableChartDemo } from '../../../shared/components/ResizableChartDemo';
 import data from './data';
 
@@ -35,7 +35,10 @@ new LegacyWordCloudChartPlugin()
 
 // Enable the new WordCloud Props to show case its full features
 // if the control panel is updated to be able to pass formData in the new format.
-getChartTransformPropsRegistry().registerValue('word-cloud2', transformProps);
+getChartTransformPropsRegistry().registerValue(
+  'word-cloud2',
+  WordCloudTransformProps,
+);
 
 export default {
   title: 'Chart Plugins/plugin-chart-word-cloud',

diff --git a/superset-frontend/temporary_superset_ui/superset-ui/packages/superset-ui-demo/tsconfig.json b/superset-frontend/temporary_superset_ui/superset-ui/packages/superset-ui-demo/tsconfig.json
@@ -11,6 +11,21 @@
     "experimentalDecorators": true,
     "noImplicitAny": false,
     "noEmit": false,
+    "baseUrl": "../../",
+    "paths": {
+      "@superset-ui/core": ["./packages/superset-ui-core/src"],
+      "@superset-ui/chart-controls": [
+        "./packages/superset-ui-chart-controls/src"
+      ],
+      "@superset-ui/legacy-plugin-chart-*": [
+        "./plugins/legacy-plugin-chart-*/src"
+      ],
+      "@superset-ui/legacy-preset-chart-*": [
+        "./plugins/legacy-preset-chart-*/src"
+      ],
+      "@superset-ui/plugin-chart-*": ["./plugins/plugin-chart-*/src"],
+      "@superset-ui/preset-chart-*": ["./plugins/preset-chart-*/src"],
+    }
   },
   "exclude": ["node_modules"],
   "include": [

diff --git a/...nd/temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-country-map/src/index.js b/...nd/temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-country-map/src/index.js
@@ -50,3 +50,5 @@ export default class CountryMapChartPlugin extends ChartPlugin {
     });
   }
 }
+
+export { default as countries } from './countries';
diff --git a/...rset-frontend/temporary_superset_ui/superset-ui/plugins/plugin-chart-echarts/src/index.ts b/...rset-frontend/temporary_superset_ui/superset-ui/plugins/plugin-chart-echarts/src/index.ts
@@ -33,6 +33,17 @@ export { default as EchartsFunnelChartPlugin } from './Funnel';
 export { default as EchartsTreeChartPlugin } from './Tree';
 export { default as EchartsTreemapChartPlugin } from './Treemap';
 
+export { default as BoxPlotTransformProps } from './BoxPlot/transformProps';
+export { default as FunnelTransformProps } from './Funnel/transformProps';
+export { default as GaugeTransformProps } from './Gauge/transformProps';
+export { default as GraphTransformProps } from './Graph/transformProps';
+export { default as MixedTimeseriesTransformProps } from './MixedTimeseries/transformProps';
+export { default as PieTransformProps } from './Pie/transformProps';
+export { default as RadarTransformProps } from './Radar/transformProps';
+export { default as TimeseriesTransformProps } from './Timeseries/transformProps';
+export { default as TreeTransformProps } from './Tree/transformProps';
+export { default as TreemapTransformProps } from './Treemap/transformProps';
+
 export * from './types';
 
 /**

diff --git a/...t-frontend/temporary_superset_ui/superset-ui/plugins/plugin-chart-word-cloud/src/index.ts b/...t-frontend/temporary_superset_ui/superset-ui/plugins/plugin-chart-word-cloud/src/index.ts
@@ -18,6 +18,7 @@
  */
 
 export { default as WordCloudChartPlugin } from './plugin';
+export { default as WordCloudTransformProps } from './plugin/transformProps';
 export { default as LegacyWordCloudChartPlugin } from './legacyPlugin';
 export * from './types';
 export { default as configureEncodable } from './configureEncodable';