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

Styleless React Components

import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
import React from 'react';
var _createElement = React.createElement;
import { action } from '@storybook/addon-actions';
import { button } from '@storybook/addon-knobs/react';
import { storiesOf } from '../../helpers/stories';
import ConfirmModal from './';
export var stylableApi = "\nStylable API\n---\n- ::form\n";
var confirmRef = null;

var _ref2 = /*#__PURE__*/_createElement("p", null, "Are you sure?");

var _ref3 = /*#__PURE__*/_createElement("footer", null, _createElement("button", {
  type: "submit"
}, "Yes"), _createElement("button", {
  type: "reset"
}, "No"));

export default storiesOf('ConfirmModal', module).addParameters({
  info: stylableApi
}).add('with show demo', function () {
  button('Show', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
    return _regeneratorRuntime.wrap(function _callee$(_context) {
      while (1) {
        switch (_context.prev = _context.next) {
          case 0:
            if (!confirmRef) {
              _context.next = 6;
              break;
            }

            _context.t0 = action('confirm');
            _context.next = 4;
            return confirmRef.show();

          case 4:
            _context.t1 = _context.sent;
            (0, _context.t0)(_context.t1);

          case 6:
          case "end":
            return _context.stop();
        }
      }
    }, _callee);
  })));
  return _createElement(ConfirmModal, {
    ref: function ref(_ref4) {
      confirmRef = _ref4;
    },
    style: {
      width: '500px',
      marginTop: '20px'
    }
  }, _ref2, _ref3);
});
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbmZpcm1Nb2RhbC9Db25maXJtTW9kYWwuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEtBQVAsTUFBa0IsT0FBbEI7O0FBQ0EsU0FDQyxNQURELFFBRU8sMEJBRlA7QUFHQSxTQUNDLE1BREQsUUFFTyw4QkFGUDtBQUdBLFNBQ0MsU0FERCxRQUVPLHVCQUZQO0FBR0EsT0FBTyxZQUFQLE1BQXlCLElBQXpCO0FBRUEsT0FBTyxJQUFNLFdBQVcsb0NBQWpCO0FBTVAsSUFBSSxVQUFVLEdBQUcsSUFBakI7O3lCQTJCSywwQzs7eUJBR0EsK0JBQ0M7QUFBUSxFQUFBLElBQUksRUFBQztBQUFiLFNBREQsRUFJQztBQUFRLEVBQUEsSUFBSSxFQUFDO0FBQWIsUUFKRCxDOztBQTVCTCxlQUFlLFNBQVMsQ0FBQyxjQUFELEVBQWlCLE1BQWpCLENBQVQsQ0FDYixhQURhLENBQ0M7QUFDZCxFQUFBLElBQUksRUFBRTtBQURRLENBREQsRUFJYixHQUphLENBS2IsZ0JBTGEsRUFNYixZQUFLO0FBRUosRUFBQSxNQUFNLENBQUMsTUFBRCx3RUFBUztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsaUJBRVYsVUFGVTtBQUFBO0FBQUE7QUFBQTs7QUFBQSwwQkFHYixNQUFNLENBQUMsU0FBRCxDQUhPO0FBQUE7QUFBQSxtQkFHVyxVQUFVLENBQUMsSUFBWCxFQUhYOztBQUFBO0FBQUE7QUFBQTs7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxHQUFULEdBQU47QUFPQSxTQUNDLGVBQUMsWUFBRDtBQUNDLElBQUEsR0FBRyxFQUFFLGFBQUMsS0FBRCxFQUFRO0FBQ1osTUFBQSxVQUFVLEdBQUcsS0FBYjtBQUNBLEtBSEY7QUFJQyxJQUFBLEtBQUssRUFBRTtBQUNOLE1BQUEsS0FBSyxFQUFNLE9BREw7QUFFTixNQUFBLFNBQVMsRUFBRTtBQUZMO0FBSlIsa0JBREQ7QUF1QkEsQ0F0Q1ksQ0FBZiIsInNvdXJjZVJvb3QiOiIifQ==