build: multi-level nesting in storybook (#58)

* build: multi-level nesting in storybook * feat: select country * fix: config * fix: minor
zhaoyongjie · Nov 26, 2021 · e86706f · e86706f
1 parent e2f32cb
commit e86706f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/...set-ui/plugins/superset-ui-plugins/packages/superset-ui-plugins-demo/.storybook/config.js b/...set-ui/plugins/superset-ui-plugins/packages/superset-ui-plugins-demo/.storybook/config.js
@@ -6,6 +6,7 @@ addParameters({
     addonPanelInRight: false,
     enableShortcuts: false,
     goFullScreen: false,
+    hierarchyRootSeparator: null,
     hierarchySeparator: /\|/,
     selectedAddonPanel: undefined, // The order of addons in the "Addon panel" is the same as you import them in 'addons.js'. The first panel will be opened by default as you run Storybook
     showAddonPanel: true,

diff --git a/...es/superset-ui-plugins-demo/storybook/stories/legacy-plugin-chart-country-map/Stories.jsx b/...es/superset-ui-plugins-demo/storybook/stories/legacy-plugin-chart-country-map/Stories.jsx
@@ -1,7 +1,9 @@
 /* eslint-disable no-magic-numbers */
 import React from 'react';
 import { SuperChart } from '@superset-ui/chart';
+import { select } from '@storybook/addon-knobs';
 import data from './data';
+import countries from '../../../../superset-ui-legacy-plugin-chart-country-map/lib/countries';
 
 export default [
   {
@@ -12,7 +14,7 @@ export default [
           formData: {
             linearColorScheme: 'schemeRdYlBu',
             numberFormat: '.3s',
-            selectCountry: 'France',
+            selectCountry: select('Country', Object.keys(countries), 'france', 'country'),
           },
           height: 400,
           payload: { data },