@flexis/ui/components/Modal/Modal.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 _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));

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

var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));

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

var _react2 = require("@storybook/addon-knobs/react");

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

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

var _createElement = _react.default.createElement;
(0, _2.setAppElement)('#root');
var stylableApi = "\nStylable API\n---\n- :appear\n- :appearActive\n- :enter\n- :enterActive\n- :enterDone\n- :exit\n- :exitActive\n- :exitDone\n- ::window\n\t- :centered\n- ::closeButton\n";
exports.stylableApi = stylableApi;
var events = {
  onClose: (0, _addonActions.action)('close')
};
exports.events = events;

var _ref = /*#__PURE__*/_createElement("a", null, "x");

var _default = (0, _stories.storiesOf)('Modal', module).addParameters({
  info: stylableApi
}).add('with active state', function () {
  return _createElement(_2.default, (0, _extends2.default)({}, events, {
    style: {
      width: '500px',
      marginTop: '20px'
    },
    active: (0, _react2.boolean)('Active', true)
  }), "Modal content.");
}).add('with inactive state', function () {
  return _createElement(_2.default, (0, _extends2.default)({}, events, {
    style: {
      width: '500px',
      marginTop: '20px'
    },
    active: (0, _react2.boolean)('Active', false)
  }), "Modal content.");
}).add('with centered state', function () {
  return _createElement(_2.default, (0, _extends2.default)({}, events, {
    style: {
      width: '500px',
      marginTop: '20px'
    },
    active: (0, _react2.boolean)('Active', true),
    centered: (0, _react2.boolean)('Centered', true)
  }), "Modal content.");
}).add('with custom button', function () {
  return _createElement(_2.default, (0, _extends2.default)({}, events, {
    style: {
      width: '500px',
      marginTop: '20px'
    },
    active: (0, _react2.boolean)('Active', true),
    centered: (0, _react2.boolean)('Centered', true),
    closeButton: _ref
  }), "Modal content.");
}).add('with content wrapper', function () {
  return _createElement(_2.default, (0, _extends2.default)({}, events, {
    style: {
      width: '500px',
      marginTop: '20px'
    },
    active: (0, _react2.boolean)('Active', true),
    centered: (0, _react2.boolean)('Centered', true) // tslint:disable-next-line: jsx-no-lambda
    ,
    wrapContent: function wrapContent(_) {
      return _createElement(_reactFocusLock.default, null, _);
    }
  }), "Modal content.");
});

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