@elliemae/ds-modal 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/v2/DSModal.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('react');
@@ -19,43 +24,45 @@ var ReactModal__default = /*#__PURE__*/_interopDefaultLegacy(ReactModal);
 
 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) { _defineProperty__default['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; }
-
-const DSModal = ({
-  containerProps = {},
-  className = '',
-  style = {},
-  size = 'default',
-  //
-  modalType = constants.MODAL_TYPE_V2.INFORMATION,
-  modalSubType = null,
-  modalTitle = '',
-  dataTestId = 'ds-modal',
-  centered = false,
-  showRejectButton = false,
-  showClose = true,
-  searchProps = {},
-  // override
-  actionsRef = () => null,
-  additionalFooterCssClass,
-  overridePropsConfirmButton = {},
-  overridePropsRejectButton = {},
-  // react modal
-  children,
-  isOpen = true,
-  onClose = () => null,
-  onAfterOpen = () => null,
-  onConfirm = () => null,
-  onReject = () => null,
-  rejectLabel = 'Discard',
-  confirmLabel = 'Save',
-  shouldCloseOnOverlayClick = false,
-  appElement = '#root',
-  zIndex = 10,
-  removePadding = false
-}) => {
-  if (typeof document !== 'undefined' && process.env.NODE_ENV !== 'test' && document && ReactModal__default['default'].setAppElement) {
-    ReactModal__default['default'].setAppElement(appElement);
+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) { _defineProperty__default["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; }
+
+const DSModal = _ref => {
+  let {
+    containerProps = {},
+    className = '',
+    style = {},
+    size = 'default',
+    //
+    modalType = constants.MODAL_TYPE_V2.INFORMATION,
+    modalSubType = null,
+    modalTitle = '',
+    dataTestId = 'ds-modal',
+    centered = false,
+    showRejectButton = false,
+    showClose = true,
+    searchProps = {},
+    // override
+    actionsRef = () => null,
+    additionalFooterCssClass,
+    overridePropsConfirmButton = {},
+    overridePropsRejectButton = {},
+    // react modal
+    children,
+    isOpen = true,
+    onClose = () => null,
+    onAfterOpen = () => null,
+    onConfirm = () => null,
+    onReject = () => null,
+    rejectLabel = 'Discard',
+    confirmLabel = 'Save',
+    shouldCloseOnOverlayClick = false,
+    appElement = '#root',
+    zIndex = 10,
+    removePadding = false
+  } = _ref;
+
+  if (typeof document !== 'undefined' && process.env.NODE_ENV !== 'test' && document && ReactModal__default["default"].setAppElement) {
+    ReactModal__default["default"].setAppElement(appElement);
   }
 
   const {
@@ -65,14 +72,14 @@ const DSModal = ({
   } = dsClassnames.convertPropToCssClassName('modal-v2', className, {
     size
   });
-  return /*#__PURE__*/_jsx__default['default'](ReactModal__default['default'], {
+  return /*#__PURE__*/_jsx__default["default"](ReactModal__default["default"], {
     testId: dataTestId,
-    className: `${cssClassName} ${classNameBlock(`type-${modalType}`)}`,
+    className: "".concat(cssClassName, " ").concat(classNameBlock("type-".concat(modalType))),
     contentLabel: modalTitle,
     isOpen: isOpen,
     onAfterOpen: onAfterOpen,
     onRequestClose: onClose,
-    overlayClassName: `${classNameBlock('overlay')} ${classNameModifier(centered ? 'center' : 'top')}`,
+    overlayClassName: "".concat(classNameBlock('overlay'), " ").concat(classNameModifier(centered ? 'center' : 'top')),
     shouldCloseOnOverlayClick: shouldCloseOnOverlayClick,
     style: {
       content: _objectSpread({}, style),
@@ -81,7 +88,7 @@ const DSModal = ({
         zIndex
       }
     }
-  }, void 0, /*#__PURE__*/_jsx__default['default'](ModalContent.DSModalContent, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ModalContent.DSModalContent, {
     actionsRef: actionsRef,
     additionalFooterCssClass: additionalFooterCssClass,
     confirmLabel: confirmLabel,
@@ -193,4 +200,4 @@ DSModalWithSchema.propTypes = props;
 
 exports.DSModalContent = ModalContent.DSModalContent;
 exports.DSModalWithSchema = DSModalWithSchema;
-exports['default'] = DSModal;
+exports["default"] = DSModal;

package/cjs/v2/blocks.js

@@ -5,54 +5,78 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var dsClassnames = require('@elliemae/ds-classnames');
 
 const blockName = 'modal-v2';
-const ModalHeader = dsClassnames.aggregatedClasses('div')(blockName, 'modal-header', ({
-  type,
-  showClose
-}) => ({
-  [type]: type,
-  'with-close': showClose
-}));
-const ModalHeaderTopRight = dsClassnames.aggregatedClasses('div')(blockName, 'modal-header-close', ({
-  type
-}) => ({
-  [type]: type
-}));
-const ModalFeedback = dsClassnames.aggregatedClasses('div')(blockName, 'modal-feedback', ({
-  type
-}) => ({
-  [type]: type
-}));
-const ModalTitle = dsClassnames.aggregatedClasses('h3')(blockName, 'modal-title', ({
-  type
-}) => ({
-  [type]: type
-}));
-const ModalContent = dsClassnames.aggregatedClasses('div')(blockName, 'modal-content', ({
-  type,
-  removePadding
-}) => ({
-  [type]: type,
-  'remove-padding': removePadding
-}));
-const ModalWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'modal-wrapper', ({
-  type,
-  removePadding
-}) => ({
-  [type]: type,
-  'remove-padding': removePadding
-}));
-const ModalFooter = dsClassnames.aggregatedClasses('div')(blockName, 'modal-footer', ({
-  type,
-  additionalFooterCssClass
-}) => ({
-  [type]: type,
-  [additionalFooterCssClass]: additionalFooterCssClass
-}));
-const ModalFooterActions = dsClassnames.aggregatedClasses('div')(blockName, 'modal-footer-actions', ({
-  type
-}) => ({
-  [type]: type
-}));
+const ModalHeader = dsClassnames.aggregatedClasses('div')(blockName, 'modal-header', _ref => {
+  let {
+    type,
+    showClose
+  } = _ref;
+  return {
+    [type]: type,
+    'with-close': showClose
+  };
+});
+const ModalHeaderTopRight = dsClassnames.aggregatedClasses('div')(blockName, 'modal-header-close', _ref2 => {
+  let {
+    type
+  } = _ref2;
+  return {
+    [type]: type
+  };
+});
+const ModalFeedback = dsClassnames.aggregatedClasses('div')(blockName, 'modal-feedback', _ref3 => {
+  let {
+    type
+  } = _ref3;
+  return {
+    [type]: type
+  };
+});
+const ModalTitle = dsClassnames.aggregatedClasses('h3')(blockName, 'modal-title', _ref4 => {
+  let {
+    type
+  } = _ref4;
+  return {
+    [type]: type
+  };
+});
+const ModalContent = dsClassnames.aggregatedClasses('div')(blockName, 'modal-content', _ref5 => {
+  let {
+    type,
+    removePadding
+  } = _ref5;
+  return {
+    [type]: type,
+    'remove-padding': removePadding
+  };
+});
+const ModalWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'modal-wrapper', _ref6 => {
+  let {
+    type,
+    removePadding
+  } = _ref6;
+  return {
+    [type]: type,
+    'remove-padding': removePadding
+  };
+});
+const ModalFooter = dsClassnames.aggregatedClasses('div')(blockName, 'modal-footer', _ref7 => {
+  let {
+    type,
+    additionalFooterCssClass
+  } = _ref7;
+  return {
+    [type]: type,
+    [additionalFooterCssClass]: additionalFooterCssClass
+  };
+});
+const ModalFooterActions = dsClassnames.aggregatedClasses('div')(blockName, 'modal-footer-actions', _ref8 => {
+  let {
+    type
+  } = _ref8;
+  return {
+    [type]: type
+  };
+});
 
 exports.ModalContent = ModalContent;
 exports.ModalFeedback = ModalFeedback;

package/cjs/v2/components/DecisionHeader.js

@@ -4,33 +4,35 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var CloseIcon = require('@elliemae/ds-icons/Close');
-var DSButton = require('@elliemae/ds-basic/Button');
+var dsIcons = require('@elliemae/ds-icons');
+var DSButton = require('@elliemae/ds-button');
 var blocks = require('../blocks.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var CloseIcon__default = /*#__PURE__*/_interopDefaultLegacy(CloseIcon);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var _CloseIcon;
-const DecisionHeader = ({
-  onClose,
-  showClose
-}) => /*#__PURE__*/_jsx__default['default'](blocks.ModalHeader, {
-  classProps: {
-    type: 'decision',
+var _Close;
+const DecisionHeader = _ref => {
+  let {
+    onClose,
     showClose
-  }
-}, void 0, showClose && /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
-  buttonType: "link",
-  containerProps: {
-    'data-testid': 'modal-button-close'
-  },
-  icon: _CloseIcon || (_CloseIcon = /*#__PURE__*/_jsx__default['default'](CloseIcon__default['default'], {})),
-  onClick: onClose
-}));
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](blocks.ModalHeader, {
+    classProps: {
+      type: 'decision',
+      showClose
+    }
+  }, void 0, showClose && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+    buttonType: "link",
+    containerProps: {
+      'data-testid': 'modal-button-close'
+    },
+    icon: _Close || (_Close = /*#__PURE__*/_jsx__default["default"](dsIcons.Close, {})),
+    onClick: onClose
+  }));
+};
 
 exports.DecisionHeader = DecisionHeader;
-exports['default'] = DecisionHeader;
+exports["default"] = DecisionHeader;

package/cjs/v2/components/FeedbackIcon.js

@@ -4,22 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var ErrorHexegon = require('@elliemae/ds-icons/ErrorHexegon');
-var WarningTriangle = require('@elliemae/ds-icons/WarningTriangle');
-var CheckmarkCircle = require('@elliemae/ds-icons/CheckmarkCircle');
-var HelpCircle = require('@elliemae/ds-icons/HelpCircle');
-var InfoCircle = require('@elliemae/ds-icons/InfoCircle');
+var dsIcons = require('@elliemae/ds-icons');
 var constants = require('../../constants.js');
 var blocks = require('../blocks.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var ErrorHexegon__default = /*#__PURE__*/_interopDefaultLegacy(ErrorHexegon);
-var WarningTriangle__default = /*#__PURE__*/_interopDefaultLegacy(WarningTriangle);
-var CheckmarkCircle__default = /*#__PURE__*/_interopDefaultLegacy(CheckmarkCircle);
-var HelpCircle__default = /*#__PURE__*/_interopDefaultLegacy(HelpCircle);
-var InfoCircle__default = /*#__PURE__*/_interopDefaultLegacy(InfoCircle);
 
 var _WarningTriangle, _ErrorHexegon, _CheckmarkCircle, _InfoCircle, _HelpCircle;
 const feedbackIconSize = 'xxl';
@@ -27,44 +18,47 @@ const feedbackIconSize = 'xxl';
 const getIconType = subtype => {
   switch (subtype) {
     case constants.MODAL_SUB_TYPE_V2.WARNING:
-      return _WarningTriangle || (_WarningTriangle = /*#__PURE__*/_jsx__default['default'](WarningTriangle__default['default'], {
+      return _WarningTriangle || (_WarningTriangle = /*#__PURE__*/_jsx__default["default"](dsIcons.WarningTriangle, {
         "data-testid": "icon-waring",
         size: feedbackIconSize
       }));
 
     case constants.MODAL_SUB_TYPE_V2.ERROR:
-      return _ErrorHexegon || (_ErrorHexegon = /*#__PURE__*/_jsx__default['default'](ErrorHexegon__default['default'], {
+      return _ErrorHexegon || (_ErrorHexegon = /*#__PURE__*/_jsx__default["default"](dsIcons.ErrorHexegon, {
         "data-testid": "icon-error",
         size: feedbackIconSize
       }));
 
     case constants.MODAL_SUB_TYPE_V2.SUCCESS:
-      return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx__default['default'](CheckmarkCircle__default['default'], {
+      return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.CheckmarkCircle, {
         "data-testid": "icon-success",
         size: feedbackIconSize
       }));
 
     case constants.MODAL_SUB_TYPE_V2.INFORMATION:
-      return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx__default['default'](InfoCircle__default['default'], {
+      return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.InfoCircle, {
         "data-testid": "icon-information",
         size: feedbackIconSize
       }));
 
     default:
-      return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx__default['default'](HelpCircle__default['default'], {
+      return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.HelpCircle, {
         "data-testid": "icon-help",
         size: feedbackIconSize
       }));
   }
 };
 
-const FeedbackIcon = ({
-  modalSubType
-}) => /*#__PURE__*/_jsx__default['default'](blocks.ModalFeedback, {
-  classProps: {
-    type: modalSubType
-  }
-}, void 0, getIconType(modalSubType));
+const FeedbackIcon = _ref => {
+  let {
+    modalSubType
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](blocks.ModalFeedback, {
+    classProps: {
+      type: modalSubType
+    }
+  }, void 0, getIconType(modalSubType));
+};
 
 exports.FeedbackIcon = FeedbackIcon;
-exports['default'] = FeedbackIcon;
+exports["default"] = FeedbackIcon;

package/cjs/v2/components/Footer.js

@@ -2,10 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('react');
-var DSButton = require('@elliemae/ds-basic/Button');
+var DSButton = require('@elliemae/ds-button');
 var blocks = require('../blocks.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -17,42 +22,45 @@ var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
 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) { _defineProperty__default['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; }
-const Footer = ({
-  additionalFooterCssClass,
-  actionsRef,
-  rejectLabel,
-  onReject,
-  overridePropsRejectButton,
-  confirmLabel,
-  onConfirm,
-  overridePropsConfirmButton,
-  showRejectButton
-}) => /*#__PURE__*/_jsx__default['default'](blocks.ModalFooter, {
-  classProps: {
-    additionalFooterCssClass
-  },
-  "data-testid": "modal-footer-wrapper"
-}, void 0, /*#__PURE__*/jsxRuntime.jsxs(blocks.ModalFooterActions, {
-  ref: actionsRef,
-  children: [showRejectButton === true && /*#__PURE__*/jsxRuntime.jsx(DSButton__default['default'], _objectSpread({
-    buttonType: "secondary",
-    className: "action-reject",
-    containerProps: {
-      'data-testid': 'modal-footer-reject-btn'
+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) { _defineProperty__default["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; }
+const Footer = _ref => {
+  let {
+    additionalFooterCssClass,
+    actionsRef,
+    rejectLabel,
+    onReject,
+    overridePropsRejectButton,
+    confirmLabel,
+    onConfirm,
+    overridePropsConfirmButton,
+    showRejectButton
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](blocks.ModalFooter, {
+    classProps: {
+      additionalFooterCssClass
     },
-    labelText: rejectLabel,
-    onClick: onReject
-  }, overridePropsRejectButton)), /*#__PURE__*/jsxRuntime.jsx(DSButton__default['default'], _objectSpread({
-    buttonType: "primary",
-    className: "action-confirm",
-    containerProps: {
-      'data-testid': 'modal-footer-confirm-btn'
-    },
-    labelText: confirmLabel,
-    onClick: onConfirm
-  }, overridePropsConfirmButton))]
-}));
+    "data-testid": "modal-footer-wrapper"
+  }, void 0, /*#__PURE__*/jsxRuntime.jsxs(blocks.ModalFooterActions, {
+    ref: actionsRef,
+    children: [showRejectButton === true && /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
+      buttonType: "secondary",
+      className: "action-reject",
+      containerProps: {
+        'data-testid': 'modal-footer-reject-btn'
+      },
+      labelText: rejectLabel,
+      onClick: onReject
+    }, overridePropsRejectButton)), /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
+      buttonType: "primary",
+      className: "action-confirm",
+      containerProps: {
+        'data-testid': 'modal-footer-confirm-btn'
+      },
+      labelText: confirmLabel,
+      onClick: onConfirm
+    }, overridePropsConfirmButton))]
+  }));
+};
 
 exports.Footer = Footer;
-exports['default'] = Footer;
+exports["default"] = Footer;

package/cjs/v2/components/FormHeader.js

@@ -4,42 +4,44 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var CloseIcon = require('@elliemae/ds-icons/Close');
-var DSButton = require('@elliemae/ds-basic/Button');
+var dsIcons = require('@elliemae/ds-icons');
+var DSButton = require('@elliemae/ds-button');
 var blocks = require('../blocks.js');
 var Title = require('./Title.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var CloseIcon__default = /*#__PURE__*/_interopDefaultLegacy(CloseIcon);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var _CloseIcon;
-const FormHeader = ({
-  showClose,
-  modalTitle,
-  modalType,
-  onClose
-}) => /*#__PURE__*/_jsx__default['default'](blocks.ModalHeader, {
-  classProps: {
-    type: 'selection'
-  }
-}, void 0, /*#__PURE__*/_jsx__default['default'](Title.Title, {
-  modalTitle: modalTitle,
-  modalType: modalType
-}), /*#__PURE__*/_jsx__default['default'](blocks.ModalHeaderTopRight, {
-  classProps: {
-    type: 'form'
-  }
-}, void 0, showClose && /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
-  buttonType: "link",
-  containerProps: {
-    'data-testid': 'modal-close-btn'
-  },
-  icon: _CloseIcon || (_CloseIcon = /*#__PURE__*/_jsx__default['default'](CloseIcon__default['default'], {})),
-  onClick: onClose
-})));
+var _Close;
+const FormHeader = _ref => {
+  let {
+    showClose,
+    modalTitle,
+    modalType,
+    onClose
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](blocks.ModalHeader, {
+    classProps: {
+      type: 'selection'
+    }
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Title.Title, {
+    modalTitle: modalTitle,
+    modalType: modalType
+  }), /*#__PURE__*/_jsx__default["default"](blocks.ModalHeaderTopRight, {
+    classProps: {
+      type: 'form'
+    }
+  }, void 0, showClose && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+    buttonType: "link",
+    containerProps: {
+      'data-testid': 'modal-close-btn'
+    },
+    icon: _Close || (_Close = /*#__PURE__*/_jsx__default["default"](dsIcons.Close, {})),
+    onClick: onClose
+  })));
+};
 
 exports.FormHeader = FormHeader;
-exports['default'] = FormHeader;
+exports["default"] = FormHeader;