joyent-portal/ui/.storybook/config.js
2017-02-21 14:36:59 +00:00

46 lines
878 B
JavaScript

const React = require('react');
const { configure, addDecorator } = require('@kadira/storybook');
const req = require.context('../src/components', true, /.+?(?=story.js$)/);
const Styled = require('styled-components');
const Base = require('../src/components/base');
const {
injectGlobal
} = Styled;
class StyledDecorator extends React.Component {
componentWillMount() {
injectGlobal`
${Base.global}
`;
}
render() {
return (
<Base>
{this.props.children}
</Base>
)
}
}
addDecorator((story) => (
<StyledDecorator>
{story()}
</StyledDecorator>
));
function loadStories() {
let stories = req.keys();
stories = stories.sort();
stories.forEach(story => req(story));
// Fallback to stories/index.js file for anything that
// hasn't been moved
require('../stories');
}
configure(loadStories, module);