intelicoreact 0.1.60 → 0.1.61

package/dist/Atomic/FormElements/InputMask/InputMask.stories.js

@@ -1,266 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InputMaskTemplate = exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactFeather = require("react-feather");
-
-var _config = require("./config");
-
-var _InputMask = _interopRequireDefault(require("./InputMask"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-global.lng = 'en';
-var _default = {
-  title: 'Form Elements/Input Mask',
-  component: _InputMask.default,
-  argTypes: {
-    maskPattern: {
-      title: 'Mask Pattern',
-      description: "<b>\"".concat(_config.DIGIT_MASK_CHAR, "\"</b> - Digit.<br/><b>\"").concat(_config.UPPERCASE_LETTER_MASK_CHAR, "\"</b> or <b>\"").concat(_config.LOWERCASE_LETTER_MASK_CHAR, "\"</b> - Letter.")
-    },
-    maskPatternPlaceholder: {
-      title: 'Pattern Placeholder',
-      description: 'Fine-tuning the mask character.<br/>Works if <b>"usePatternPlaceholder"</b> is <b>ENABLED</b>.'
-    },
-    usePatternPlaceholder: {
-      title: 'Pattern Placeholder',
-      type: 'boolean',
-      default: false,
-      description: 'Turn <b>On/Off</b> use of <b>"maskPatternPlaceholder"</b>'
-    },
-    maskPlaceholder: {
-      title: 'Mask Placeholder',
-      type: 'string',
-      description: 'General Mask Char.<br/>Uses if <b>"usePatternPlaceholder"</b> is <b>Turned Off</b> or Specialized Mask Char is not recieved.'
-    },
-    maskDigitPlaceholder: {
-      title: 'Specialized Mask Placeholder for Digit Char',
-      description: 'Specialized Mask Placeholder for <b>Digit</b>.'
-    },
-    maskLetterPlaceholder: {
-      title: 'Specialized Mask Placeholder for Letter Char',
-      description: 'Specialized Mask Placeholder for <b>Letter</b>.'
-    },
-    maskAsPlaceholder: {
-      title: 'Use Mask As Placeholder',
-      description: 'Use Mask As Placeholder',
-      type: 'boolean',
-      default: true
-    },
-    isCaseSensitive: {
-      type: 'boolean',
-      default: false,
-      description: 'Turn <b>On/Off</b> use of <b>Case Sensitive Mode</b>.'
-    },
-    adaptTextCase: {
-      type: 'boolean',
-      default: false,
-      description: 'Turn <b>On/Off</b> use of <b>Auto Text Case Adapt</b>.'
-    },
-    icon: {
-      type: 'object',
-      description: 'Icon for Input.<br/>Will works only if <b>"showIcon"</b> is <b>ENABLED</b>.'
-    },
-    showIcon: {
-      type: 'boolean',
-      default: false,
-      description: 'Turn <b>On/Off</b> Icon Display.'
-    },
-    isIconLeft: {
-      type: 'boolean',
-      default: false,
-      description: 'Display Icon on Left Side.'
-    },
-    isIconRight: {
-      type: 'boolean',
-      default: false,
-      description: 'Display Icon on Right Side.'
-    },
-    isClearable: {
-      type: 'boolean',
-      default: false,
-      description: 'Display Clear Button and Enable Clearable Possibility.'
-    },
-    value: {
-      type: 'string',
-      description: 'Input Value',
-      default: ''
-    },
-    onChange: {
-      type: 'function',
-      description: 'Callback Function for Handle <b>Input Value Change</b>'
-    },
-    blinkErrors: {
-      type: 'boolean',
-      default: true,
-      description: 'Turn <b>On/Off</b> Blinking Error Mode.'
-    },
-    blinkDuration: {
-      type: 'number',
-      description: 'Duration of <b>Error Blink</b> in <b>ms</b>.',
-      default: 100
-    },
-    showErrors: {
-      type: 'boolean',
-      default: true,
-      description: 'Turn <b>On/Off</b> Display of Errors.'
-    },
-    errors: {
-      type: 'object',
-      description: "Errors Descriptions: <br/>\n      {\n        ".concat(Object.keys(_config.DEFAULT_ERRORS).map(function (key) {
-        return "<br/> &nbsp;&nbsp;&nbsp;&nbsp;".concat(key, ": '").concat(_config.DEFAULT_ERRORS[key], "'");
-      }), "\n        <br/>\n      }")
-    },
-    error: {
-      type: 'string',
-      default: '',
-      description: 'Custom Error Text. If is not empty, field would be hightlited'
-    },
-    onFocus: {
-      type: 'function',
-      description: 'Callback Function for Handle <b>Input Focus</b>'
-    },
-    onBlur: {
-      type: 'function',
-      description: 'Callback Function for Handle <b>Input Blur</b>'
-    },
-    className: {
-      type: 'string',
-      description: 'ClassName For Input Mask Wrapper',
-      default: ''
-    },
-    isFocusedDefault: {
-      type: 'boolean',
-      description: 'Set Autofocus On Render',
-      default: false
-    },
-    imitateTypingOnPaste: {
-      type: 'boolean',
-      description: '<b>Manual Input Simulation Mode</b> when called <b>Pasting Text Event</b>.',
-      default: false
-    },
-    imitateTypingOnPasteDelay: {
-      type: 'number',
-      description: '<b>Delay Time</b> for <b>Manual Input Simulation Mode</b> when called <b>Pasting Text Event</b>.',
-      default: 100
-    },
-    showHint: {
-      type: 'boolean',
-      description: 'Turn <b>On/Off</b> Input Hint.',
-      default: false
-    },
-    hintText: {
-      type: 'string',
-      description: 'Input Hint Text.',
-      default: ''
-    },
-    hintClassName: {
-      type: 'string',
-      description: 'ClassName for Input Hint.',
-      default: ''
-    },
-    isHintLeft: {
-      type: 'boolean',
-      default: false,
-      description: 'Display Input Hint on Left Side.'
-    },
-    isHintRight: {
-      type: 'boolean',
-      default: true,
-      description: 'Display Input Hint on Right Side.'
-    },
-    hintPosition: {
-      type: 'string',
-      description: 'Position of <b>Input Hint Text</b>',
-      default: 'right'
-    }
-  }
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  var _useState = (0, _react.useState)('0123456789'),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(''),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      clearValue = _useState4[0],
-      setClearValue = _useState4[1];
-
-  var ref = (0, _react.useRef)(null);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      fontSize: "24px",
-      fontWeight: '200'
-    }
-  }, "Value: ", /*#__PURE__*/_react.default.createElement("div", null, value)), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      fontSize: "24px",
-      fontWeight: '200'
-    }
-  }, "Clear Value: ", /*#__PURE__*/_react.default.createElement("div", null, clearValue))), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_InputMask.default, (0, _extends2.default)({}, args, {
-    value: value,
-    onChange: function onChange(v, cv) {
-      setValue(v);
-      setClearValue(cv);
-    }
-  })));
-};
-
-var InputMaskTemplate = Template.bind({});
-exports.InputMaskTemplate = InputMaskTemplate;
-InputMaskTemplate.args = {
-  // maskPattern: 'DD/DD/DDDD',
-  // maskPatternPlaceholder: 'MM/DD/YYYY',
-  maskPattern: 'DDD-DDD-DDDD',
-  maskPatternPlaceholder: 'XXX-XXX-XXXX',
-  usePatternPlaceholder: false,
-  maskPlaceholder: 'X',
-  maskDigitPlaceholder: '',
-  maskLetterPlaceholder: '',
-  maskAsPlaceholder: true,
-  isCaseSensitive: false,
-  adaptTextCase: false,
-  icon: /*#__PURE__*/_react.default.createElement(_reactFeather.Type, null),
-  showIcon: false,
-  isIconLeft: true,
-  isIconRight: false,
-  isClearable: true,
-  value: '1234567890',
-  onChange: function onChange() {},
-  blinkErrors: false,
-  blinkDuration: 100,
-  showErrors: true,
-  errors: {},
-  error: '',
-  onFocus: function onFocus() {},
-  onBlur: function onBlur() {},
-  className: '',
-  isFocusedDefault: false,
-  imitateTypingOnPaste: false,
-  imitateTypingOnPasteDelay: 100,
-  showHint: false,
-  hintText: 'Hint Text',
-  hintClassName: '',
-  isHintRight: true,
-  isHintLeft: false,
-  hintPosition: 'right'
-};

package/dist/Atomic/FormElements/InputsRow/InputsRow.stories.js

@@ -1,43 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InputsRowTemplate = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _InputsRow = _interopRequireDefault(require("./InputsRow"));
-
-global.lng = 'en';
-var _default = {
-  title: 'InputsRow',
-  component: _InputsRow.default
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_InputsRow.default, args);
-};
-
-var InputsRowTemplate = Template.bind({});
-exports.InputsRowTemplate = InputsRowTemplate;
-InputsRowTemplate.args = {
-  title: 'InputsRow title',
-  paramPlaceholder: 'Params placeholder',
-  valuePlaceholder: 'Value placeholder',
-  descriptionPlaceholder: 'Description placeholder',
-  items: [{
-    param: 'x-leadgen-id',
-    value: 'QUIDDI_220',
-    description: '',
-    rowId: '1'
-  }, {
-    param: '',
-    value: '',
-    description: '',
-    rowId: '2'
-  }]
-};

package/dist/Atomic/FormElements/Label/Label.stories.js

@@ -1,33 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LabelTemplate = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Label = _interopRequireDefault(require("./Label"));
-
-global.lng = 'en';
-var _default = {
-  title: 'Form Elements/Label',
-  component: _Label.default
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_Label.default, args);
-};
-
-var LabelTemplate = Template.bind({});
-exports.LabelTemplate = LabelTemplate;
-LabelTemplate.args = {
-  label: 'Label text',
-  hint: {
-    text: 'Hint text',
-    hintSide: 'bottom'
-  }
-};

package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.stories.js

@@ -1,131 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CalendarTemplate = exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _MobileCalendar = _interopRequireDefault(require("./MobileCalendar"));
-
-var _moment = _interopRequireDefault(require("moment"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-global.lng = 'en';
-var _default = {
-  title: 'Form Elements/Mobile Calendar',
-  component: _MobileCalendar.default,
-  argTypes: {
-    min: {
-      description: 'Min Date',
-      control: {
-        type: "date"
-      }
-    },
-    max: {
-      description: 'Max Date',
-      control: {
-        type: "date"
-      }
-    },
-    value: {
-      description: 'Value',
-      control: {
-        type: "date"
-      }
-    },
-    rows: {
-      description: 'Calendar Rows',
-      control: {
-        type: "number"
-      }
-    },
-    label: {
-      description: 'Calendar Label',
-      control: {
-        type: "text"
-      }
-    },
-    timeout: {
-      description: 'Scroll Timeout',
-      control: {
-        type: "number"
-      }
-    },
-    isMobile: {
-      description: 'Touch Scroll Switcher'
-    },
-    showSelectedDate: {
-      description: 'Selected Date Block Visibility'
-    },
-    listItemHeight: {
-      description: 'List Item Height For Scroll Calculate',
-      control: {
-        type: "number"
-      }
-    },
-    classes: {
-      description: 'Style Classes'
-    },
-    onChange: {
-      description: 'On Change Callback'
-    },
-    onMinDateReached: {
-      description: 'On Min Date Reached Callback'
-    },
-    onMaxDateReached: {
-      description: 'On Max Date Reached Callback'
-    }
-  }
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      date = _useState2[0],
-      setDate = _useState2[1];
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MobileCalendar.default, args));
-};
-
-var CalendarTemplate = Template.bind({});
-exports.CalendarTemplate = CalendarTemplate;
-CalendarTemplate.args = {
-  min: "",
-  max: "",
-  value: "",
-  rows: 5,
-  label: "",
-  timeout: 75,
-  isMobile: true,
-  showSelectedDate: false,
-  listItemHeight: 32,
-  classes: {
-    wrapper: "",
-    label: "",
-    body: "",
-    yearsBlock: "",
-    yearsList: "",
-    yearsListItem: "",
-    monthsBlock: "",
-    monthsList: "",
-    monthsListItem: "",
-    daysBlock: "",
-    daysList: "",
-    daysListItem: "",
-    prevItem: "",
-    nextItem: "",
-    activeItem: ""
-  }
-};

package/dist/Atomic/FormElements/Modal/Modal.stories.js

@@ -1,157 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ModalWithConfirmation = exports.ModalTemplate = exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Modal = _interopRequireDefault(require("./Modal"));
-
-var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
-
-var _Alert = _interopRequireDefault(require("../../UI/Alert/Alert"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-global.lng = 'en';
-var examples = [JSON.stringify({
-  withConfirmation: {
-    cancel: true
-  }
-}), JSON.stringify({
-  withConfirmation: {
-    confirm: true
-  }
-}), JSON.stringify({
-  withConfirmation: {
-    confirm: true,
-    cancel: true
-  }
-}), JSON.stringify({
-  withConfirmation: {
-    title: 'some value',
-    children: 'some value',
-    confirmBtnLabel: 'some value'
-  }
-})];
-var confirmationDescrip = 'If you pass the "withConfirmation" property, you will be able to request confirmation of the user\'s action.\n\n' + "For example, if you want to request confirmation to close a modal window, pass the property like this: ".concat(examples[0], "\n\n") + "To confirm submit, pass the property like this: with Confirmation: ".concat(examples[1], "\n\n") + "If you want confirmation for each action, pass the property like this: with Confirmation: ".concat(examples[2], "\n\n") + "If you want to control the contents of the confirmation window, pass an object with values instead of boolean values, like this:\n\n".concat(examples[3], "\n\n");
-var _default = {
-  title: 'Modal',
-  component: _Modal.default,
-  argTypes: {
-    mode: {
-      control: {
-        type: 'select',
-        options: ['default', 'edit', 'create', 'add']
-      }
-    },
-    variant: {
-      control: {
-        type: 'select',
-        options: ['default', 'primary']
-      }
-    },
-    size: {
-      control: {
-        type: 'select',
-        options: ['default', '290', '420', '870', '770', '950']
-      }
-    },
-    type: {
-      control: {
-        type: 'select',
-        options: ['default', 'primary']
-      }
-    },
-    withConfirmation: {
-      description: confirmationDescrip
-    }
-  }
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var closeModal = function closeModal() {
-    return setIsOpen(false);
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: function onClick() {
-      return setIsOpen(true);
-    },
-    text: "Show modal"
-  }), /*#__PURE__*/_react.default.createElement(_Modal.default, (0, _extends2.default)({}, args, {
-    closeModal: closeModal,
-    submitHandler: function submitHandler() {
-      args.submitHandler();
-      closeModal();
-    },
-    isOpen: isOpen
-  }), /*#__PURE__*/_react.default.createElement(_Alert.default, {
-    message: "Alert message",
-    variant: "error",
-    className: "mb5"
-  }), /*#__PURE__*/_react.default.createElement(_Alert.default, {
-    message: "Alert message",
-    variant: "warning",
-    className: "mb5"
-  }), /*#__PURE__*/_react.default.createElement(_Alert.default, {
-    message: "Alert message",
-    variant: "success",
-    className: "mb5"
-  }), /*#__PURE__*/_react.default.createElement(_Alert.default, {
-    message: "Alert message",
-    variant: "info"
-  })));
-};
-
-var ModalTemplate = Template.bind({});
-exports.ModalTemplate = ModalTemplate;
-var ModalWithConfirmation = Template.bind({});
-exports.ModalWithConfirmation = ModalWithConfirmation;
-var mainProps = {
-  title: 'Modal',
-  variant: 'primary',
-  mode: 'edit',
-  size: '',
-  confirmBtnLabel: '',
-  submitHandler: function submitHandler() {
-    console.log('Hi');
-  }
-};
-var confirmationProps = {
-  title: '',
-  children: '',
-  confirmBtnLabel: ''
-};
-var confirmationVariants = {
-  // confirm: { ...confirmationProps },
-  cancel: _objectSpread({}, confirmationProps)
-};
-ModalTemplate.args = _objectSpread({}, mainProps);
-ModalWithConfirmation.args = _objectSpread(_objectSpread({}, mainProps), {}, {
-  withConfirmation: _objectSpread({}, confirmationVariants)
-});