storybook-addon-customize-antd-theme/dist/cjs/preset/manager.js

a Storybook addon help you visually customize an ant design theme

"use strict";

var _addons = require("@storybook/addons");

var _constants = require("../constants");

var _Panel = _interopRequireDefault(require("../components/Panel"));

var _Toolbar = _interopRequireDefault(require("../components/Toolbar"));

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

// Register the addon
_addons.addons.register(_constants.ADDON_ID, function () {
  // Register the panel
  _addons.addons.add(_constants.PANEL_ID, {
    type: _addons.types.PANEL,
    title: 'Customize Antd Theme',
    match: function match(_ref) {
      var viewMode = _ref.viewMode;
      return viewMode === 'story';
    },
    render: _Panel["default"],
    paramKey: _constants.PARAM_KEY
  });

  _addons.addons.add(_constants.TOOL_ID, {
    title: 'Customize Antd Theme',
    // 👇 Sets the type of UI element in Storybook
    type: _addons.types.TOOL,
    // 👇 Shows the Toolbar UI element if either the Canvas or Docs tab is active
    match: function match(_ref2) {
      var viewMode = _ref2.viewMode;
      return !!(viewMode && viewMode.match(/^(story|docs)$/));
    },
    render: _Toolbar["default"]
  });
});