@flexis/ui/components/Modal/Modal.stories.es.js

Styleless React Components

import _extends from "@babel/runtime-corejs3/helpers/extends";
import React from 'react';
var _createElement = React.createElement;
import FocusLock from 'react-focus-lock';
import { action } from '@storybook/addon-actions';
import { boolean } from '@storybook/addon-knobs/react';
import { storiesOf } from '../../helpers/stories';
import Modal, { setAppElement } from './';
setAppElement('#root');
export 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";
export var events = {
  onClose: action('close')
};

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

export default storiesOf('Modal', module).addParameters({
  info: stylableApi
}).add('with active state', function () {
  return _createElement(Modal, _extends({}, events, {
    style: {
      width: '500px',
      marginTop: '20px'
    },
    active: boolean('Active', true)
  }), "Modal content.");
}).add('with inactive state', function () {
  return _createElement(Modal, _extends({}, events, {
    style: {
      width: '500px',
      marginTop: '20px'
    },
    active: boolean('Active', false)
  }), "Modal content.");
}).add('with centered state', function () {
  return _createElement(Modal, _extends({}, events, {
    style: {
      width: '500px',
      marginTop: '20px'
    },
    active: boolean('Active', true),
    centered: boolean('Centered', true)
  }), "Modal content.");
}).add('with custom button', function () {
  return _createElement(Modal, _extends({}, events, {
    style: {
      width: '500px',
      marginTop: '20px'
    },
    active: boolean('Active', true),
    centered: boolean('Centered', true),
    closeButton: _ref
  }), "Modal content.");
}).add('with content wrapper', function () {
  return _createElement(Modal, _extends({}, events, {
    style: {
      width: '500px',
      marginTop: '20px'
    },
    active: boolean('Active', true),
    centered: boolean('Centered', true) // tslint:disable-next-line: jsx-no-lambda
    ,
    wrapContent: function wrapContent(_) {
      return _createElement(FocusLock, null, _);
    }
  }), "Modal content.");
});
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01vZGFsL01vZGFsLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQVAsTUFBa0IsT0FBbEI7O0FBQ0EsT0FBTyxTQUFQLE1BQXNCLGtCQUF0QjtBQUNBLFNBQ0MsTUFERCxRQUVPLDBCQUZQO0FBR0EsU0FDQyxPQURELFFBRU8sOEJBRlA7QUFHQSxTQUNDLFNBREQsUUFFTyx1QkFGUDtBQUdBLE9BQU8sS0FBUCxJQUNDLGFBREQsUUFFTyxJQUZQO0FBSUEsYUFBYSxDQUFDLE9BQUQsQ0FBYjtBQUVBLE9BQU8sSUFBTSxXQUFXLCtLQUFqQjtBQWdCUCxPQUFPLElBQU0sTUFBTSxHQUFHO0FBQ3JCLEVBQUEsT0FBTyxFQUFFLE1BQU0sQ0FBQyxPQUFEO0FBRE0sQ0FBZjs7d0JBaUVVLDhCOztBQTdEakIsZUFBZSxTQUFTLENBQUMsT0FBRCxFQUFVLE1BQVYsQ0FBVCxDQUNiLGFBRGEsQ0FDQztBQUNkLEVBQUEsSUFBSSxFQUFFO0FBRFEsQ0FERCxFQUliLEdBSmEsQ0FLYixtQkFMYSxFQU1iO0FBQUEsU0FDQyxlQUFDLEtBQUQsZUFDSyxNQURMO0FBRUMsSUFBQSxLQUFLLEVBQUU7QUFDTixNQUFBLEtBQUssRUFBTSxPQURMO0FBRU4sTUFBQSxTQUFTLEVBQUU7QUFGTCxLQUZSO0FBTUMsSUFBQSxNQUFNLEVBQUUsT0FBTyxDQUFDLFFBQUQsRUFBVyxJQUFYO0FBTmhCLHVCQUREO0FBQUEsQ0FOYSxFQW1CYixHQW5CYSxDQW9CYixxQkFwQmEsRUFxQmI7QUFBQSxTQUNDLGVBQUMsS0FBRCxlQUNLLE1BREw7QUFFQyxJQUFBLEtBQUssRUFBRTtBQUNOLE1BQUEsS0FBSyxFQUFNLE9BREw7QUFFTixNQUFBLFNBQVMsRUFBRTtBQUZMLEtBRlI7QUFNQyxJQUFBLE1BQU0sRUFBRSxPQUFPLENBQUMsUUFBRCxFQUFXLEtBQVg7QUFOaEIsdUJBREQ7QUFBQSxDQXJCYSxFQWtDYixHQWxDYSxDQW1DYixxQkFuQ2EsRUFvQ2I7QUFBQSxTQUNDLGVBQUMsS0FBRCxlQUNLLE1BREw7QUFFQyxJQUFBLEtBQUssRUFBRTtBQUNOLE1BQUEsS0FBSyxFQUFNLE9BREw7QUFFTixNQUFBLFNBQVMsRUFBRTtBQUZMLEtBRlI7QUFNQyxJQUFBLE1BQU0sRUFBRSxPQUFPLENBQUMsUUFBRCxFQUFXLElBQVgsQ0FOaEI7QUFPQyxJQUFBLFFBQVEsRUFBRSxPQUFPLENBQUMsVUFBRCxFQUFhLElBQWI7QUFQbEIsdUJBREQ7QUFBQSxDQXBDYSxFQWtEYixHQWxEYSxDQW1EYixvQkFuRGEsRUFvRGI7QUFBQSxTQUNDLGVBQUMsS0FBRCxlQUNLLE1BREw7QUFFQyxJQUFBLEtBQUssRUFBRTtBQUNOLE1BQUEsS0FBSyxFQUFNLE9BREw7QUFFTixNQUFBLFNBQVMsRUFBRTtBQUZMLEtBRlI7QUFNQyxJQUFBLE1BQU0sRUFBRSxPQUFPLENBQUMsUUFBRCxFQUFXLElBQVgsQ0FOaEI7QUFPQyxJQUFBLFFBQVEsRUFBRSxPQUFPLENBQUMsVUFBRCxFQUFhLElBQWIsQ0FQbEI7QUFRQyxJQUFBLFdBQVc7QUFSWix1QkFERDtBQUFBLENBcERhLEVBbUViLEdBbkVhLENBb0ViLHNCQXBFYSxFQXFFYjtBQUFBLFNBQ0MsZUFBQyxLQUFELGVBQ0ssTUFETDtBQUVDLElBQUEsS0FBSyxFQUFFO0FBQ04sTUFBQSxLQUFLLEVBQU0sT0FETDtBQUVOLE1BQUEsU0FBUyxFQUFFO0FBRkwsS0FGUjtBQU1DLElBQUEsTUFBTSxFQUFFLE9BQU8sQ0FBQyxRQUFELEVBQVcsSUFBWCxDQU5oQjtBQU9DLElBQUEsUUFBUSxFQUFFLE9BQU8sQ0FBQyxVQUFELEVBQWEsSUFBYixDQVBsQixDQVFDO0FBUkQ7QUFTQyxJQUFBLFdBQVcsRUFBRSxxQkFBQSxDQUFDO0FBQUEsYUFBSSxlQUFDLFNBQUQsUUFBWSxDQUFaLENBQUo7QUFBQTtBQVRmLHVCQUREO0FBQUEsQ0FyRWEsQ0FBZiIsInNvdXJjZVJvb3QiOiIifQ==