self-hosted/teleport
self-hosted/teleport
1
0
Fork 0
mirror of https://github.com/gravitational/teleport synced 2024-10-21 01:34:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix storybook sorting

Browse source
This commit is contained in:
Alexey Kontsevoy 2019-11-23 18:01:49 -05:00
parent acc3ea4f58
commit 938e9df587
1 changed files with 19 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
web/.storybook/config.js
View file

@ -15,12 +15,22 @@ limitations under the License.
*/ */
import React from 'react'; import React from 'react';
import { configure } from '@storybook/react'; import { configure, addParameters } from '@storybook/react';
import { addDecorator } from '@storybook/react'; import { addDecorator } from '@storybook/react';
import theme from './../packages/design/src/theme'; import theme from './../packages/design/src/theme';
import ThemeProvider from './../packages/design/src/ThemeProvider'; import ThemeProvider from './../packages/design/src/ThemeProvider';
import Box from './../packages/design/src/Box'; import Box from './../packages/design/src/Box';
const reqs = require.context('./../packages/', true, /\.story.(js|tsx)$/);
function storySort(moduleA, moduleB) {
return moduleA[1].id.localeCompare(moduleB[1].id);
}
function loadStories() {
reqs.keys().forEach(reqs);
}
const ThemeDecorator = storyFn => ( const ThemeDecorator = storyFn => (
<ThemeProvider theme={theme}> <ThemeProvider theme={theme}>
<Box p={3}>{storyFn()}</Box> <Box p={3}>{storyFn()}</Box>
@ -28,10 +38,13 @@ const ThemeDecorator = storyFn => (
); );
addDecorator(ThemeDecorator); addDecorator(ThemeDecorator);
addParameters({
const reqs = require.context('./../packages/', true, /\.story.(js|tsx)$/); options: {
const loadStories = () => { showPanel: false,
reqs.keys().forEach(reqs); showNav: true,
}; isToolshown: true,
storySort,
},
});
configure(loadStories, module); configure(loadStories, module);