config.js

import { configure, addDecorator, setAddon } from '@storybook/react';
import infoAddon, { setDefaults } from '@storybook/addon-info';
import { setOptions } from '@storybook/addon-options';
import centered from './decorator-centered';

// TODO: remove it when react-svg-morph is ready
require('react').PropTypes = require('prop-types');

// addon-info
setDefaults({
  inline: true,
});

const context = require.context('../src/', true, /\.example\.js$/);

setAddon(infoAddon);
addDecorator(centered);
setOptions({
  name: 'MCS Lite',
  url: 'https://github.com/MCS-Lite/mcs-lite',
  goFullScreen: false,
  showStoriesPanel: true,
  showAddonPanel: false,
  showSearchBox: false,
  addonPanelInRight: false,
  sortStoriesByKind: true,
  sidebarAnimations: false,
});

function loadStories() {
  context.keys().forEach(context);
}

configure(loadStories, module);