@elliemae/ds-modal 2.0.0-next.1 → 2.0.0-next.11

package/cjs/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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');

package/cjs/v1/DSModal.js

@@ -1,13 +1,18 @@
 'use strict';
 
+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 ReactModal = require('react-modal');
 var dsClassnames = require('@elliemae/ds-classnames');
-var CloseIcon = require('@elliemae/ds-icons/Close');
-var Icon = require('@elliemae/ds-basic/Icon');
-var DSButton = require('@elliemae/ds-basic/Button');
+var dsIcon = require('@elliemae/ds-icon');
+var dsIcons = require('@elliemae/ds-icons');
+var DSButton = require('@elliemae/ds-button');
 var constants = require('../constants.js');
 var ModalFeedBack = require('./ModalFeedBack/ModalFeedBack.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -17,48 +22,48 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var ReactModal__default = /*#__PURE__*/_interopDefaultLegacy(ReactModal);
-var CloseIcon__default = /*#__PURE__*/_interopDefaultLegacy(CloseIcon);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var _CloseIcon;
+var _Close;
 
 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 = '',
-  dataTestId = 'ds-modal',
-  additionalFooterCssClass = '',
-  style = {},
-  iconCloseSize = Icon.DSIconSizes.S,
-  modalType = constants.MODAL_TYPE.DEFAULT,
-  showHeader = true,
-  showFooter = true,
-  children,
-  centered = true,
-  confirmLabel = 'Accept',
-  modalTitle = '',
-  size = 'medium',
-  isOpen = false,
-  onClose = () => null,
-  onAfterOpen = () => null,
-  onConfirm = () => null,
-  onReject = () => null,
-  rejectLabel = 'Cancel',
-  shouldCloseOnOverlayClick = false,
-  hasError = false,
-  hasWarning = false,
-  hasSuccess = false,
-  hasInfo = false,
-  hasHelp = false,
-  actionsRef = () => null,
-  appElement = '#root',
-  overridePropsConfirmButton = {},
-  overridePropsRejectButton = {},
-  zIndex = 10
-}) => {
+const DSModal = _ref => {
+  let {
+    containerProps = {},
+    className = '',
+    dataTestId = 'ds-modal',
+    additionalFooterCssClass = '',
+    style = {},
+    iconCloseSize = dsIcon.DSIconSizes.S,
+    modalType = constants.MODAL_TYPE.DEFAULT,
+    showHeader = true,
+    showFooter = true,
+    children,
+    centered = true,
+    confirmLabel = 'Accept',
+    modalTitle = '',
+    size = 'medium',
+    isOpen = false,
+    onClose = () => null,
+    onAfterOpen = () => null,
+    onConfirm = () => null,
+    onReject = () => null,
+    rejectLabel = 'Cancel',
+    shouldCloseOnOverlayClick = false,
+    hasError = false,
+    hasWarning = false,
+    hasSuccess = false,
+    hasInfo = false,
+    hasHelp = false,
+    actionsRef = () => null,
+    appElement = '#root',
+    overridePropsConfirmButton = {},
+    overridePropsRejectButton = {},
+    zIndex = 10
+  } = _ref;
   // http://reactcommunity.org/react-modal/accessibility/ https://github.com/reactjs/react-modal#examples
   typeof document !== 'undefined' && document && ReactModal__default["default"].setAppElement && ReactModal__default["default"].setAppElement(appElement); // eslint-disable-line
 
@@ -91,7 +96,7 @@ const DSModal = ({
     isOpen: isOpen,
     onAfterOpen: onAfterOpen,
     onRequestClose: onClose,
-    overlayClassName: `${classNameBlock('overlay')} ${classNameModifier(centered && 'center')}`,
+    overlayClassName: "".concat(classNameBlock('overlay'), " ").concat(classNameModifier(centered && 'center')),
     shouldCloseOnOverlayClick: shouldCloseOnOverlayClick,
     style: {
       content: _objectSpread({}, style),
@@ -108,7 +113,7 @@ const DSModal = ({
       className: classNameElement('icon', 'modal-header')
     }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       buttonType: "link",
-      icon: _CloseIcon || (_CloseIcon = /*#__PURE__*/_jsx__default["default"](CloseIcon__default["default"], {})),
+      icon: _Close || (_Close = /*#__PURE__*/_jsx__default["default"](dsIcons.Close, {})),
       onClick: onClose,
       size: iconCloseSize
     }))), /*#__PURE__*/_jsx__default["default"]("div", {
@@ -121,18 +126,18 @@ const DSModal = ({
       hasWarning: hasWarning,
       modalType: modalType
     }), children), showFooter && !isAFeedbackType && /*#__PURE__*/_jsx__default["default"]("div", {
-      className: `${classNameBlock('modal-footer')} ${additionalFooterCssClass ? classNameBlockModifier(additionalFooterCssClass, 'modal-footer') : ''}`
+      className: "".concat(classNameBlock('modal-footer'), " ").concat(additionalFooterCssClass ? classNameBlockModifier(additionalFooterCssClass, 'modal-footer') : '')
     }, void 0, /*#__PURE__*/jsxRuntime.jsxs("div", {
       ref: actionsRef,
       className: classNameBlock('modal-footer-actions'),
       children: [modalType === constants.MODAL_TYPE.CONFIRM && /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
         buttonType: "secondary",
-        className: `${classNameElement('button-action')} ${classNameModifier('reject', 'button-action')} `,
+        className: "".concat(classNameElement('button-action'), " ").concat(classNameModifier('reject', 'button-action'), " "),
         labelText: rejectLabel,
         onClick: onReject
       }, overridePropsRejectButton)), /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
         buttonType: "primary",
-        className: `${classNameElement('button-action')} ${classNameModifier('confirm', 'button-action')} `,
+        className: "".concat(classNameElement('button-action'), " ").concat(classNameModifier('confirm', 'button-action'), " "),
         labelText: confirmLabel,
         onClick: onConfirm
       }, overridePropsConfirmButton))]

package/cjs/v1/DSModalWrapper.js

@@ -1,6 +1,12 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+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 react = require('react');
 var constants = require('../constants.js');
 
@@ -13,8 +19,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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; }
 var DSModalWrapper = (WrappedComponent => {
   class DSModalWrapper extends react.Component {
-    constructor(...args) {
-      super(...args);
+    constructor() {
+      super(...arguments);
 
       _defineProperty__default["default"](this, "state", {
         childready: false,
@@ -34,9 +40,11 @@ var DSModalWrapper = (WrappedComponent => {
         this.heightFooter = e.height || 0;
       });
 
-      _defineProperty__default["default"](this, "onResize", ({
-        bounds
-      }) => {
+      _defineProperty__default["default"](this, "onResize", _ref => {
+        let {
+          bounds
+        } = _ref;
+
         if (this.heightFooterFlag && this.heightHeaderFlag) {
           return this.setState({
             height: bounds.height - this.heightFooter - this.heightHeader

package/cjs/v1/ModalFeedBack/ModalFeedBack.js

@@ -2,20 +2,13 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var WarningCircle = require('@elliemae/ds-icons/WarningCircle');
-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 dsClassnames = require('@elliemae/ds-classnames');
 var constants = require('../../constants.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var WarningCircle__default = /*#__PURE__*/_interopDefaultLegacy(WarningCircle);
-var CheckmarkCircle__default = /*#__PURE__*/_interopDefaultLegacy(CheckmarkCircle);
-var HelpCircle__default = /*#__PURE__*/_interopDefaultLegacy(HelpCircle);
-var InfoCircle__default = /*#__PURE__*/_interopDefaultLegacy(InfoCircle);
 
 var _WarningCircle, _CheckmarkCircle, _HelpCircle, _InfoCircle, _InfoCircle2;
 const feedbackIconSize = 'xxl';
@@ -27,13 +20,14 @@ const {
   INFO
 } = constants.MODAL_TYPE;
 
-const getModalType = (modalType, {
-  hasError,
-  hasWarning,
-  hasSuccess,
-  hasInfo,
-  hasHelp
-}) => {
+const getModalType = (modalType, _ref) => {
+  let {
+    hasError,
+    hasWarning,
+    hasSuccess,
+    hasInfo,
+    hasHelp
+  } = _ref;
   if ([WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1) return modalType;
   if (hasError) return ERROR;
   if (hasWarning) return WARNING;
@@ -47,41 +41,42 @@ const getIconType = modalType => {
   switch (modalType) {
     case WARNING:
     case ERROR:
-      return _WarningCircle || (_WarningCircle = /*#__PURE__*/_jsx__default["default"](WarningCircle__default["default"], {
+      return _WarningCircle || (_WarningCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.WarningCircle, {
         size: feedbackIconSize
       }));
 
     case SUCCESS:
-      return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx__default["default"](CheckmarkCircle__default["default"], {
+      return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.CheckmarkCircle, {
         size: feedbackIconSize
       }));
 
     case HELP:
-      return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx__default["default"](HelpCircle__default["default"], {
+      return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.HelpCircle, {
         size: feedbackIconSize
       }));
 
     case INFO:
-      return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx__default["default"](InfoCircle__default["default"], {
+      return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.InfoCircle, {
         size: feedbackIconSize
       }));
 
     default:
-      return _InfoCircle2 || (_InfoCircle2 = /*#__PURE__*/_jsx__default["default"](InfoCircle__default["default"], {
+      return _InfoCircle2 || (_InfoCircle2 = /*#__PURE__*/_jsx__default["default"](dsIcons.InfoCircle, {
         size: feedbackIconSize
       }));
   }
 };
 
-const ModalFeedBack = ({
-  className = '',
-  modalType = null,
-  hasError = false,
-  hasWarning = false,
-  hasSuccess = false,
-  hasInfo = false,
-  hasHelp = false
-}) => {
+const ModalFeedBack = _ref2 => {
+  let {
+    className = '',
+    modalType = null,
+    hasError = false,
+    hasWarning = false,
+    hasSuccess = false,
+    hasInfo = false,
+    hasHelp = false
+  } = _ref2;
   const type = getModalType(modalType, {
     hasError,
     hasWarning,

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');
@@ -21,39 +26,41 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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
-}) => {
+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);
   }
@@ -67,12 +74,12 @@ const DSModal = ({
   });
   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),

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;