@elliemae/ds-modal 2.0.0-next.7 → 2.0.0-rc.2

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');
 
@@ -18,41 +23,44 @@ 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'
+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;

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;

package/cjs/v2/components/ModalContent.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 _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
@@ -24,81 +29,84 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 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 DSModalContent = ({
-  containerProps = {},
-  //
-  modalType = constants.MODAL_TYPE_V2.INFORMATION,
-  modalSubType = null,
-  modalTitle = '',
-  showRejectButton = false,
-  showClose = true,
-  searchProps = {},
-  // override
-  actionsRef = () => null,
-  additionalFooterCssClass,
-  overridePropsConfirmButton = {},
-  overridePropsRejectButton = {},
-  // react modal
-  children,
-  onClose = () => null,
-  onConfirm = () => null,
-  onReject = () => null,
-  rejectLabel = 'Discard',
-  confirmLabel = 'Save',
-  removePadding = false
-}) => /*#__PURE__*/jsxRuntime.jsxs(blocks.ModalWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
-  children: [helpers.showForm({
-    modalType,
-    modalSubType
-  }) && /*#__PURE__*/_jsx__default["default"](FormHeader.FormHeader, {
-    modalTitle: modalTitle,
-    modalType: modalType,
-    onClose: onClose,
-    showClose: showClose
-  }), helpers.showSelection({
-    modalType,
-    modalSubType
-  }) && /*#__PURE__*/_jsx__default["default"](SelectionHeader.SelectionHeader, {
-    modalTitle: modalTitle,
-    modalType: modalType,
-    searchProps: searchProps,
-    showClose: showClose
-  }), helpers.showDecision({
-    modalType,
-    modalSubType
-  }) && /*#__PURE__*/_jsx__default["default"](DecisionHeader.DecisionHeader, {
-    onClose: onClose,
-    showClose: showClose
-  }), helpers.showFeedBack({
-    modalType,
-    modalSubType
-  }) && /*#__PURE__*/_jsx__default["default"](FeedbackIcon.FeedbackIcon, {
-    modalSubType: modalSubType
-  }), helpers.showDecision({
-    modalType,
-    modalSubType
-  }) && /*#__PURE__*/_jsx__default["default"](Title.Title, {
-    modalTitle: modalTitle,
-    modalType: modalType
-  }), /*#__PURE__*/_jsx__default["default"](blocks.ModalContent, {
-    classProps: {
-      type: modalType,
-      removePadding
-    }
-  }, void 0, children), helpers.showFooter({
-    modalType,
-    modalSubType
-  }) && /*#__PURE__*/_jsx__default["default"](Footer.Footer, {
-    actionsRef: actionsRef,
-    additionalFooterCssClass: additionalFooterCssClass,
-    confirmLabel: confirmLabel,
-    onConfirm: onConfirm,
-    onReject: onReject,
-    overridePropsConfirmButton: overridePropsConfirmButton,
-    overridePropsRejectButton: overridePropsRejectButton,
-    rejectLabel: rejectLabel,
-    showRejectButton: showRejectButton
-  })]
-}));
+const DSModalContent = _ref => {
+  let {
+    containerProps = {},
+    //
+    modalType = constants.MODAL_TYPE_V2.INFORMATION,
+    modalSubType = null,
+    modalTitle = '',
+    showRejectButton = false,
+    showClose = true,
+    searchProps = {},
+    // override
+    actionsRef = () => null,
+    additionalFooterCssClass,
+    overridePropsConfirmButton = {},
+    overridePropsRejectButton = {},
+    // react modal
+    children,
+    onClose = () => null,
+    onConfirm = () => null,
+    onReject = () => null,
+    rejectLabel = 'Discard',
+    confirmLabel = 'Save',
+    removePadding = false
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsxs(blocks.ModalWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
+    children: [helpers.showForm({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx__default["default"](FormHeader.FormHeader, {
+      modalTitle: modalTitle,
+      modalType: modalType,
+      onClose: onClose,
+      showClose: showClose
+    }), helpers.showSelection({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx__default["default"](SelectionHeader.SelectionHeader, {
+      modalTitle: modalTitle,
+      modalType: modalType,
+      searchProps: searchProps,
+      showClose: showClose
+    }), helpers.showDecision({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx__default["default"](DecisionHeader.DecisionHeader, {
+      onClose: onClose,
+      showClose: showClose
+    }), helpers.showFeedBack({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx__default["default"](FeedbackIcon.FeedbackIcon, {
+      modalSubType: modalSubType
+    }), helpers.showDecision({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx__default["default"](Title.Title, {
+      modalTitle: modalTitle,
+      modalType: modalType
+    }), /*#__PURE__*/_jsx__default["default"](blocks.ModalContent, {
+      classProps: {
+        type: modalType,
+        removePadding
+      }
+    }, void 0, children), helpers.showFooter({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx__default["default"](Footer.Footer, {
+      actionsRef: actionsRef,
+      additionalFooterCssClass: additionalFooterCssClass,
+      confirmLabel: confirmLabel,
+      onConfirm: onConfirm,
+      onReject: onReject,
+      overridePropsConfirmButton: overridePropsConfirmButton,
+      overridePropsRejectButton: overridePropsRejectButton,
+      rejectLabel: rejectLabel,
+      showRejectButton: showRejectButton
+    })]
+  }));
+};
 
 exports.DSModalContent = DSModalContent;

package/cjs/v2/components/SelectionHeader.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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var DSSearchBox = require('@elliemae/ds-basic/form/SearchBox');
+var dsForm = require('@elliemae/ds-form');
 var blocks = require('../blocks.js');
 var Title = require('./Title.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -14,29 +19,31 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSSearchBox__default = /*#__PURE__*/_interopDefaultLegacy(DSSearchBox);
 
 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 SelectionHeader = ({
-  searchProps = {},
-  modalTitle,
-  modalType,
-  showClose
-}) => /*#__PURE__*/_jsx__default["default"](blocks.ModalHeader, {
-  classProps: {
-    type: 'selection'
-  }
-}, void 0, /*#__PURE__*/_jsx__default["default"](Title.Title, {
-  modalTitle: modalTitle,
-  modalType: modalType
-}), showClose && /*#__PURE__*/_jsx__default["default"](blocks.ModalHeaderTopRight, {
-  classProps: {
-    type: 'selection'
-  },
-  "data-testid": "modal-search-box"
-}, void 0, /*#__PURE__*/jsxRuntime.jsx(DSSearchBox__default["default"], _objectSpread({}, searchProps))));
+const SelectionHeader = _ref => {
+  let {
+    searchProps = {},
+    modalTitle,
+    modalType,
+    showClose
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](blocks.ModalHeader, {
+    classProps: {
+      type: 'selection'
+    }
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Title.Title, {
+    modalTitle: modalTitle,
+    modalType: modalType
+  }), showClose && /*#__PURE__*/_jsx__default["default"](blocks.ModalHeaderTopRight, {
+    classProps: {
+      type: 'selection'
+    },
+    "data-testid": "modal-search-box"
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(dsForm.DSSearchBox, _objectSpread({}, searchProps))));
+};
 
 exports.SelectionHeader = SelectionHeader;
 exports["default"] = SelectionHeader;

package/cjs/v2/components/Title.js

@@ -10,14 +10,17 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const Title = ({
-  modalTitle,
-  modalType
-}) => /*#__PURE__*/_jsx__default["default"](blocks.ModalTitle, {
-  classProps: {
-    type: modalType
-  }
-}, void 0, modalTitle);
+const Title = _ref => {
+  let {
+    modalTitle,
+    modalType
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](blocks.ModalTitle, {
+    classProps: {
+      type: modalType
+    }
+  }, void 0, modalTitle);
+};
 
 exports.Title = Title;
 exports["default"] = Title;

package/cjs/v2/helpers.js

@@ -4,32 +4,37 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var constants = require('../constants.js');
 
-function showDecision({
-  modalType
-}) {
+function showDecision(_ref) {
+  let {
+    modalType
+  } = _ref;
   return [constants.MODAL_TYPE_V2.INFORMATION, constants.MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;
 }
-function showFeedBack({
-  modalType,
-  modalSubType
-}) {
+function showFeedBack(_ref2) {
+  let {
+    modalType,
+    modalSubType
+  } = _ref2;
   return showDecision({
     modalType
   }) && Object.values(constants.MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1;
 }
-function showFooter({
-  modalType
-}) {
+function showFooter(_ref3) {
+  let {
+    modalType
+  } = _ref3;
   return modalType !== constants.MODAL_TYPE_V2.INFORMATION;
 }
-function showSelection({
-  modalType
-}) {
+function showSelection(_ref4) {
+  let {
+    modalType
+  } = _ref4;
   return modalType === constants.MODAL_TYPE_V2.SELECTION;
 }
-function showForm({
-  modalType
-}) {
+function showForm(_ref5) {
+  let {
+    modalType
+  } = _ref5;
   return modalType === constants.MODAL_TYPE_V2.FORM;
 }
 

package/esm/DSModal.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'react';

package/esm/v1/DSModal.js

@@ -1,54 +1,60 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'react';
 import ReactModal from 'react-modal';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import CloseIcon from '@elliemae/ds-icons/Close';
-import { DSIconSizes } from '@elliemae/ds-basic/Icon';
-import DSButton from '@elliemae/ds-basic/Button';
+import { DSIconSizes } from '@elliemae/ds-icon';
+import { Close } from '@elliemae/ds-icons';
+import DSButton from '@elliemae/ds-button';
 import { MODAL_TYPE } from '../constants.js';
 import ModalFeedBack from './ModalFeedBack/ModalFeedBack.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-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(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 = DSIconSizes.S,
-  modalType = 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 = DSIconSizes.S,
+    modalType = 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.setAppElement && ReactModal.setAppElement(appElement); // eslint-disable-line
 
@@ -98,7 +104,7 @@ const DSModal = ({
       className: classNameElement('icon', 'modal-header')
     }, void 0, /*#__PURE__*/_jsx(DSButton, {
       buttonType: "link",
-      icon: _CloseIcon || (_CloseIcon = /*#__PURE__*/_jsx(CloseIcon, {})),
+      icon: _Close || (_Close = /*#__PURE__*/_jsx(Close, {})),
       onClick: onClose,
       size: iconCloseSize
     }))), /*#__PURE__*/_jsx("div", {

package/esm/v1/DSModalWrapper.js

@@ -1,5 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { Component, createElement } from 'react';
 import { MODAL_TYPE } from '../constants.js';
 
@@ -8,8 +13,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(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 Component {
-    constructor(...args) {
-      super(...args);
+    constructor() {
+      super(...arguments);
 
       _defineProperty(this, "state", {
         childready: false,
@@ -29,9 +34,11 @@ var DSModalWrapper = (WrappedComponent => {
         this.heightFooter = e.height || 0;
       });
 
-      _defineProperty(this, "onResize", ({
-        bounds
-      }) => {
+      _defineProperty(this, "onResize", _ref => {
+        let {
+          bounds
+        } = _ref;
+
         if (this.heightFooterFlag && this.heightHeaderFlag) {
           return this.setState({
             height: bounds.height - this.heightFooter - this.heightHeader