@flexis/ui/components/Menu/Menu.stories.js

Styleless React Components

"use strict";

var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");

var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");

_Object$defineProperty(exports, "__esModule", {
  value: true
});

exports.default = exports.events = exports.stylableApi = void 0;

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

var _addonActions = require("@storybook/addon-actions");

var _stories = require("../../helpers/stories");

var _ = _interopRequireWildcard(require("./"));

var _createElement = _react.default.createElement;
var stylableApi = "\nStylable API\n---\n- ::button\n- ::item\n- ::itemSeparator\n";
exports.stylableApi = stylableApi;
var events = {
  onClick: (0, _addonActions.action)('click'),
  onFocus: (0, _addonActions.action)('focus'),
  onBlur: (0, _addonActions.action)('blur')
};
exports.events = events;

var _default = (0, _stories.storiesOf)('Menu', module).addParameters({
  info: stylableApi
}).add('with items', function () {
  return _createElement(_.default, {
    style: {
      width: '10rem'
    }
  }, _createElement(_.MenuItem, null, _createElement(_.MenuButton, events, "Menu item #1")), _createElement(_.MenuItem, null, _createElement(_.MenuButton, events, "Menu item #2")), _createElement(_.MenuItem, null, _createElement(_.MenuButton, events, "Menu item #3")));
}).add('with separator', function () {
  return _createElement(_.default, {
    style: {
      width: '10rem'
    }
  }, _createElement(_.MenuItem, null, _createElement(_.MenuButton, events, "Menu item #1")), _createElement(_.MenuItemSeparator, {
    style: {
      minHeight: '1em'
    }
  }), _createElement(_.MenuItem, null, _createElement(_.MenuButton, events, "Menu item #2")), _createElement(_.MenuItem, null, _createElement(_.MenuButton, events, "Menu item #3")));
}).add('with items and submenu', function () {
  return _createElement(_.default, {
    style: {
      width: '10rem'
    }
  }, _createElement(_.MenuItem, null, _createElement(_.MenuButton, events, "Menu item #1")), _createElement(_.MenuItem, null, _createElement(_.MenuButton, events, "Menu item #2")), _createElement(_.MenuItem, null, _createElement(_.default, {
    style: {
      width: '10rem',
      marginLeft: '4rem'
    }
  }, _createElement(_.MenuItem, null, _createElement(_.MenuButton, events, "Menu item #1")), _createElement(_.MenuItem, null, _createElement(_.MenuButton, events, "Menu item #2")))));
});

exports.default = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lbnUvTWVudS5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUdBOztBQUdBOzs7QUFNTyxJQUFNLFdBQVcsbUVBQWpCOztBQVFBLElBQU0sTUFBTSxHQUFHO0FBQ3JCLEVBQUEsT0FBTyxFQUFFLDBCQUFPLE9BQVAsQ0FEWTtBQUVyQixFQUFBLE9BQU8sRUFBRSwwQkFBTyxPQUFQLENBRlk7QUFHckIsRUFBQSxNQUFNLEVBQUcsMEJBQU8sTUFBUDtBQUhZLENBQWY7OztlQU1RLHdCQUFVLE1BQVYsRUFBa0IsTUFBbEIsRUFDYixhQURhLENBQ0M7QUFDZCxFQUFBLElBQUksRUFBRTtBQURRLENBREQsRUFJYixHQUphLENBS2IsWUFMYSxFQU1iO0FBQUEsU0FDQyxlQUFDLFNBQUQ7QUFBTSxJQUFBLEtBQUssRUFBRTtBQUFFLE1BQUEsS0FBSyxFQUFFO0FBQVQ7QUFBYixLQUNDLGVBQUMsVUFBRCxRQUNDLGVBQUMsWUFBRCxFQUFnQixNQUFoQixpQkFERCxDQURELEVBTUMsZUFBQyxVQUFELFFBQ0MsZUFBQyxZQUFELEVBQWdCLE1BQWhCLGlCQURELENBTkQsRUFXQyxlQUFDLFVBQUQsUUFDQyxlQUFDLFlBQUQsRUFBZ0IsTUFBaEIsaUJBREQsQ0FYRCxDQUREO0FBQUEsQ0FOYSxFQTBCYixHQTFCYSxDQTJCYixnQkEzQmEsRUE0QmI7QUFBQSxTQUNDLGVBQUMsU0FBRDtBQUFNLElBQUEsS0FBSyxFQUFFO0FBQUUsTUFBQSxLQUFLLEVBQUU7QUFBVDtBQUFiLEtBQ0MsZUFBQyxVQUFELFFBQ0MsZUFBQyxZQUFELEVBQWdCLE1BQWhCLGlCQURELENBREQsRUFNQyxlQUFDLG1CQUFEO0FBQW1CLElBQUEsS0FBSyxFQUFFO0FBQUUsTUFBQSxTQUFTLEVBQUU7QUFBYjtBQUExQixJQU5ELEVBT0MsZUFBQyxVQUFELFFBQ0MsZUFBQyxZQUFELEVBQWdCLE1BQWhCLGlCQURELENBUEQsRUFZQyxlQUFDLFVBQUQsUUFDQyxlQUFDLFlBQUQsRUFBZ0IsTUFBaEIsaUJBREQsQ0FaRCxDQUREO0FBQUEsQ0E1QmEsRUFpRGIsR0FqRGEsQ0FrRGIsd0JBbERhLEVBbURiO0FBQUEsU0FDQyxlQUFDLFNBQUQ7QUFBTSxJQUFBLEtBQUssRUFBRTtBQUFFLE1BQUEsS0FBSyxFQUFFO0FBQVQ7QUFBYixLQUNDLGVBQUMsVUFBRCxRQUNDLGVBQUMsWUFBRCxFQUFnQixNQUFoQixpQkFERCxDQURELEVBTUMsZUFBQyxVQUFELFFBQ0MsZUFBQyxZQUFELEVBQWdCLE1BQWhCLGlCQURELENBTkQsRUFXQyxlQUFDLFVBQUQsUUFDQyxlQUFDLFNBQUQ7QUFBTSxJQUFBLEtBQUssRUFBRTtBQUFFLE1BQUEsS0FBSyxFQUFFLE9BQVQ7QUFBa0IsTUFBQSxVQUFVLEVBQUU7QUFBOUI7QUFBYixLQUNDLGVBQUMsVUFBRCxRQUNDLGVBQUMsWUFBRCxFQUFnQixNQUFoQixpQkFERCxDQURELEVBTUMsZUFBQyxVQUFELFFBQ0MsZUFBQyxZQUFELEVBQWdCLE1BQWhCLGlCQURELENBTkQsQ0FERCxDQVhELENBREQ7QUFBQSxDQW5EYSxDIiwic291cmNlUm9vdCI6IiJ9