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

Styleless React Components

"use strict";

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.stylableApi = void 0;

var _regenerator = _interopRequireDefault(require("@babel/runtime-corejs3/regenerator"));

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

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

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

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

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

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

var _createElement = _react.default.createElement;
var stylableApi = "\nStylable API\n---\n- ::form\n";
exports.stylableApi = stylableApi;
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"));

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

            _context.t0 = (0, _addonActions.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(_.default, {
    ref: function ref(_ref4) {
      confirmRef = _ref4;
    },
    style: {
      width: '500px',
      marginTop: '20px'
    }
  }, _ref2, _ref3);
});

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