(
+
- );
-};
+ position: select('Label Position', ['top', 'right', 'left', 'bottom'], 'top'),
+ layout: select('Tree Layout', ['orthogonal', 'radial'], 'orthogonal'),
+ orient: select('Orientation', ['LR', 'RL', 'TB', 'BT'], 'LR'),
+ emphasis: select('Emphasis', ['ancestor', 'descendant'], 'descendant'),
+ symbol: select('Symbol', ['emptyCircle', 'circle', 'rect', 'triangle'], 'circle'),
+ symbol_size: number('[Symbol Size', 7, { range: true, min: 5, max: 30, step: 2 }),
+ }}
+ />
+);
diff --git a/packages/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/Treemap/Stories.tsx b/packages/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/Treemap/Stories.tsx
index 5b45f3d2ee..b0b46f68b1 100644
--- a/packages/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/Treemap/Stories.tsx
+++ b/packages/superset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/Treemap/Stories.tsx
@@ -34,21 +34,19 @@ export default {
decorators: [withKnobs, withResizableChartDemo],
};
-export const Treemap = ({ width, height }) => {
- return (
-
- );
-};
+export const Treemap = ({ width, height }) => (
+
+);
diff --git a/packages/superset-ui-demo/storybook/stories/plugins/preset-chart-xy/Line/Stories.tsx b/packages/superset-ui-demo/storybook/stories/plugins/preset-chart-xy/Line/Stories.tsx
index be8522684f..d5ad581a0a 100644
--- a/packages/superset-ui-demo/storybook/stories/plugins/preset-chart-xy/Line/Stories.tsx
+++ b/packages/superset-ui-demo/storybook/stories/plugins/preset-chart-xy/Line/Stories.tsx
@@ -18,8 +18,8 @@
*/
import { LineChartPlugin, LegacyLineChartPlugin } from '@superset-ui/preset-chart-xy';
-import { LINE_PLUGIN_TYPE, LINE_PLUGIN_LEGACY_TYPE } from './constants';
import { withKnobs } from '@storybook/addon-knobs';
+import { LINE_PLUGIN_TYPE, LINE_PLUGIN_LEGACY_TYPE } from './constants';
new LegacyLineChartPlugin().configure({ key: LINE_PLUGIN_LEGACY_TYPE }).register();
new LineChartPlugin().configure({ key: LINE_PLUGIN_TYPE }).register();
diff --git a/packages/superset-ui-demo/storybook/stories/plugins/preset-chart-xy/ScatterPlot/Stories.tsx b/packages/superset-ui-demo/storybook/stories/plugins/preset-chart-xy/ScatterPlot/Stories.tsx
index 9ba122ea21..bb6a8640d8 100644
--- a/packages/superset-ui-demo/storybook/stories/plugins/preset-chart-xy/ScatterPlot/Stories.tsx
+++ b/packages/superset-ui-demo/storybook/stories/plugins/preset-chart-xy/ScatterPlot/Stories.tsx
@@ -18,8 +18,8 @@
*/
import { ScatterPlotChartPlugin, LegacyScatterPlotChartPlugin } from '@superset-ui/preset-chart-xy';
-import { SCATTER_PLOT_PLUGIN_TYPE, SCATTER_PLOT_PLUGIN_LEGACY_TYPE } from './constants';
import { withKnobs } from '@storybook/addon-knobs';
+import { SCATTER_PLOT_PLUGIN_TYPE, SCATTER_PLOT_PLUGIN_LEGACY_TYPE } from './constants';
new LegacyScatterPlotChartPlugin().configure({ key: SCATTER_PLOT_PLUGIN_LEGACY_TYPE }).register();
new ScatterPlotChartPlugin().configure({ key: SCATTER_PLOT_PLUGIN_TYPE }).register();
diff --git a/packages/superset-ui-demo/storybook/stories/superset-ui-chart/SuperChartStories.tsx b/packages/superset-ui-demo/storybook/stories/superset-ui-chart/SuperChartStories.tsx
index 68edd1005c..9e1a5e5e29 100644
--- a/packages/superset-ui-demo/storybook/stories/superset-ui-chart/SuperChartStories.tsx
+++ b/packages/superset-ui-demo/storybook/stories/superset-ui-chart/SuperChartStories.tsx
@@ -67,20 +67,18 @@ export const container50pct = () => {
};
container50pct.story = { name: '50% of container' };
-export const Resizable = () => {
- return (
-
- {size => (
-
- )}
-
- );
-};
+export const Resizable = () => (
+
+ {size => (
+
+ )}
+
+);
export const fixedWidth100height = () => {
const width = text('Vis width', '500');
diff --git a/packages/superset-ui-demo/storybook/stories/superset-ui-style/ThemeStories.jsx b/packages/superset-ui-demo/storybook/stories/superset-ui-style/ThemeStories.jsx
index 33673972fb..8d0d51ebd6 100644
--- a/packages/superset-ui-demo/storybook/stories/superset-ui-style/ThemeStories.jsx
+++ b/packages/superset-ui-demo/storybook/stories/superset-ui-style/ThemeStories.jsx
@@ -26,7 +26,7 @@ export default {
};
export const ThemeColors = () => {
- const colors = supersetTheme.colors;
+ const { colors } = supersetTheme;
return Object.keys(colors).map(collection => (
{collection}
@@ -39,7 +39,7 @@ export const ThemeColors = () => {
{hex}
|
- |
+ |
);
})}