storybook-addon-material-ui/dist/muiTheme.js

Storybook Addon for Material UI Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.muiTheme = muiTheme;

var _react = _interopRequireDefault(require("react"));

var _styles = require("@material-ui/core/styles");

var _config = require("./config");

var _MuiDecorator = _interopRequireDefault(require("./UI/MuiDecorator"));

var _decorator = require("./adk/decorator");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var lightBaseTheme = (0, _styles.createMuiTheme)({
  typography: {
    useNextVariants: true
  }
});
var darkBaseTheme = (0, _styles.createMuiTheme)({
  palette: {
    type: 'dark'
  },
  typography: {
    useNextVariants: true
  }
});
lightBaseTheme.themeName = 'Light Theme';
darkBaseTheme.themeName = 'Dark Theme';

function muiTheme(themes) {
  var store = (0, _decorator.createStore)(_config.EVENT_ID_INIT, _config.EVENT_ID_DATA, _config.EVENT_ID_BACK, 'iframe');
  var themesInitList = [lightBaseTheme, darkBaseTheme];

  if (themes) {
    if (Array.isArray(themes)) {
      themesInitList = themes;
      themesInitList.forEach(function (val, ind) {
        if (typeof val === 'string') {
          /* note: unsupported names goes as lightBaseTheme
          if (val === lightBaseTheme.themeName) {
              themesInitList[ind] = lightBaseTheme;
          }
          */
          if (val === darkBaseTheme.themeName) {
            themesInitList[ind] = darkBaseTheme;
          } else {
            themesInitList[ind] = lightBaseTheme;
          }
        }
      });
    } else {
      themesInitList = [themes];
    }
  }

  store.onConnected(function () {
    return store.sendInit({
      themes: themesInitList,
      themeInd: 0
    });
  });
  return function (story) {
    var storyItem = story();
    return _react.default.createElement(_MuiDecorator.default, {
      story: storyItem,
      initData: {
        themes: themesInitList,
        themeInd: 0
      }
    });
  };
}