@elliemae/ds-modal 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/cjs/DSModal.js

@@ -2,9 +2,35 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -38,14 +64,11 @@ var import_constants = require("./constants");
 var import_DSModal = __toESM(require("./v1/DSModal"));
 var import_DSModal2 = __toESM(require("./v2/DSModal"));
 var import_prop_types2 = require("@elliemae/ds-shared/prop-types");
-const DSModal = ({ version = 1, ...rest }) => {
+const DSModal = (_a) => {
+  var _b = _a, { version = 1 } = _b, rest = __objRest(_b, ["version"]);
   if (version === 2)
-    return /* @__PURE__ */ import_react.default.createElement(import_DSModal2.default, {
-      ...rest
-    });
-  return /* @__PURE__ */ import_react.default.createElement(import_DSModal.default, {
-    ...rest
-  });
+    return /* @__PURE__ */ import_react.default.createElement(import_DSModal2.default, __spreadValues({}, rest));
+  return /* @__PURE__ */ import_react.default.createElement(import_DSModal.default, __spreadValues({}, rest));
 };
 DSModal.propTypes = {
   version: import_prop_types.default.oneOf([1, 2])

package/dist/cjs/DSModal.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSModal.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { modalTypes } from './constants';\nimport DSModalV1 from './v1/DSModal';\nimport DSModalV2, { DSModalContent } from './v2/DSModal';\nimport { sizes, iconSizes } from '@elliemae/ds-shared/prop-types';\n\nconst DSModal = ({ version = 1, ...rest }) => {\n  if (version === 2) return <DSModalV2 {...rest} />;\n  return <DSModalV1 {...rest} />;\n};\n\nDSModal.propTypes = {\n  version: PropTypes.oneOf([1, 2]),\n};\n\nDSModalV1.propTypes = {\n  version: PropTypes.oneOf([1, 2]),\n  className: PropTypes.string,\n  /**\n   * Add an additional css class to the footer\n   */\n  additionalFooterCssClass: PropTypes.string,\n  /**\n   * Set style for the modal\n   */\n  style: PropTypes.objectOf(PropTypes.string),\n  /**\n   * Select size for the close icon\n   */\n  iconCloseSize: PropTypes.oneOf(iconSizes),\n  /**\n   * ['default', 'alert', 'confirm', 'notification', 'warning', 'error', 'success', 'help', 'info']\n   */\n  modalType: PropTypes.oneOf(modalTypes),\n  /**\n   * Show the header or not\n   */\n  showHeader: PropTypes.bool,\n  /**\n   * Show the footer or not\n   */\n  showFooter: PropTypes.bool,\n  /**\n   * Main content of the modal\n   */\n  children: PropTypes.element.isRequired,\n  /**\n   * Content is centered or not\n   */\n  centered: PropTypes.bool,\n  /**\n   * Text to be added in the confirm button\n   */\n  confirmLabel: PropTypes.string,\n  /**\n   * Text to be added in the modal title\n   */\n  modalTitle: PropTypes.string,\n  /**\n   * Text to be added in the modal title\n   */\n  size: PropTypes.oneOf(sizes),\n  /**\n   * Modal is open or not\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Allows a function to be triggered once the modal is closed\n   */\n  onClose: PropTypes.func,\n  /**\n   * Allows a function to be triggered once the modal is opened\n   */\n  onAfterOpen: PropTypes.func,\n  /**\n   * Allows a function to be triggered once the modal open is confirmed\n   */\n  onConfirm: PropTypes.func,\n  /**\n   * Allows a function to be triggered once the modal open is rejected\n   */\n  onReject: PropTypes.func,\n  /**\n   * Text to be added in the reject button\n   */\n  rejectLabel: PropTypes.string,\n  /**\n   * If modal should close on overlay click\n   */\n  shouldCloseOnOverlayClick: PropTypes.bool,\n  /**\n   * Modal has error or not\n   */\n  hasError: PropTypes.bool,\n  /**\n   * Modal has warning or not\n   */\n  hasWarning: PropTypes.bool,\n  /**\n   * Modal has success or not\n   */\n  hasSuccess: PropTypes.bool,\n  /**\n   * Modal has info or not\n   */\n  hasInfo: PropTypes.bool,\n  /**\n   * Modal has help or not\n   */\n  hasHelp: PropTypes.bool,\n  actionsRef: PropTypes.func,\n  appElement: PropTypes.string,\n  /**\n   * Customized props for the confirm button\n   */\n  overridePropsConfirmButton: PropTypes.objectOf(PropTypes.shape({})),\n  /**\n   * Customized props for the reject button\n   */\n  overridePropsRejectButton: PropTypes.objectOf(PropTypes.string),\n  /**\n   * Show confirm button\n   */\n  showConfirmButton: PropTypes.bool,\n  /**\n   * Show confirm button\n   */\n  customCloseComponent: PropTypes.element,\n};\nexport { DSModalContent, DSModal };\nexport default DSModal;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAsB;AACtB,uBAA2B;AAC3B,qBAAsB;AACtB,sBAA0C;AAC1C,yBAAiC;AAEjC,MAAM,UAAU,CAAC,EAAE,UAAU,MAAM,WAAW;AAC5C,MAAI,YAAY;AAAG,WAAO,mDAAC,yBAAD;AAAA,SAAe;AAAA;AACzC,SAAO,mDAAC,wBAAD;AAAA,OAAe;AAAA;AAAA;AAGxB,QAAQ,YAAY;AAAA,EAClB,SAAS,0BAAU,MAAM,CAAC,GAAG;AAAA;AAG/B,uBAAU,YAAY;AAAA,EACpB,SAAS,0BAAU,MAAM,CAAC,GAAG;AAAA,EAC7B,WAAW,0BAAU;AAAA,EAIrB,0BAA0B,0BAAU;AAAA,EAIpC,OAAO,0BAAU,SAAS,0BAAU;AAAA,EAIpC,eAAe,0BAAU,MAAM;AAAA,EAI/B,WAAW,0BAAU,MAAM;AAAA,EAI3B,YAAY,0BAAU;AAAA,EAItB,YAAY,0BAAU;AAAA,EAItB,UAAU,0BAAU,QAAQ;AAAA,EAI5B,UAAU,0BAAU;AAAA,EAIpB,cAAc,0BAAU;AAAA,EAIxB,YAAY,0BAAU;AAAA,EAItB,MAAM,0BAAU,MAAM;AAAA,EAItB,QAAQ,0BAAU;AAAA,EAIlB,SAAS,0BAAU;AAAA,EAInB,aAAa,0BAAU;AAAA,EAIvB,WAAW,0BAAU;AAAA,EAIrB,UAAU,0BAAU;AAAA,EAIpB,aAAa,0BAAU;AAAA,EAIvB,2BAA2B,0BAAU;AAAA,EAIrC,UAAU,0BAAU;AAAA,EAIpB,YAAY,0BAAU;AAAA,EAItB,YAAY,0BAAU;AAAA,EAItB,SAAS,0BAAU;AAAA,EAInB,SAAS,0BAAU;AAAA,EACnB,YAAY,0BAAU;AAAA,EACtB,YAAY,0BAAU;AAAA,EAItB,4BAA4B,0BAAU,SAAS,0BAAU,MAAM;AAAA,EAI/D,2BAA2B,0BAAU,SAAS,0BAAU;AAAA,EAIxD,mBAAmB,0BAAU;AAAA,EAI7B,sBAAsB,0BAAU;AAAA;AAGlC,IAAO,kBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAsB;AACtB,uBAA2B;AAC3B,qBAAsB;AACtB,sBAA0C;AAC1C,yBAAiC;AAEjC,MAAM,UAAU,CAAC,OAA6B;AAA7B,eAAE,YAAU,MAAZ,IAAkB,iBAAlB,IAAkB,CAAhB;AACjB,MAAI,YAAY;AAAG,WAAO,mDAAC,yBAAD,mBAAe;AACzC,SAAO,mDAAC,wBAAD,mBAAe;AAAA;AAGxB,QAAQ,YAAY;AAAA,EAClB,SAAS,0BAAU,MAAM,CAAC,GAAG;AAAA;AAG/B,uBAAU,YAAY;AAAA,EACpB,SAAS,0BAAU,MAAM,CAAC,GAAG;AAAA,EAC7B,WAAW,0BAAU;AAAA,EAIrB,0BAA0B,0BAAU;AAAA,EAIpC,OAAO,0BAAU,SAAS,0BAAU;AAAA,EAIpC,eAAe,0BAAU,MAAM;AAAA,EAI/B,WAAW,0BAAU,MAAM;AAAA,EAI3B,YAAY,0BAAU;AAAA,EAItB,YAAY,0BAAU;AAAA,EAItB,UAAU,0BAAU,QAAQ;AAAA,EAI5B,UAAU,0BAAU;AAAA,EAIpB,cAAc,0BAAU;AAAA,EAIxB,YAAY,0BAAU;AAAA,EAItB,MAAM,0BAAU,MAAM;AAAA,EAItB,QAAQ,0BAAU;AAAA,EAIlB,SAAS,0BAAU;AAAA,EAInB,aAAa,0BAAU;AAAA,EAIvB,WAAW,0BAAU;AAAA,EAIrB,UAAU,0BAAU;AAAA,EAIpB,aAAa,0BAAU;AAAA,EAIvB,2BAA2B,0BAAU;AAAA,EAIrC,UAAU,0BAAU;AAAA,EAIpB,YAAY,0BAAU;AAAA,EAItB,YAAY,0BAAU;AAAA,EAItB,SAAS,0BAAU;AAAA,EAInB,SAAS,0BAAU;AAAA,EACnB,YAAY,0BAAU;AAAA,EACtB,YAAY,0BAAU;AAAA,EAItB,4BAA4B,0BAAU,SAAS,0BAAU,MAAM;AAAA,EAI/D,2BAA2B,0BAAU,SAAS,0BAAU;AAAA,EAIxD,mBAAmB,0BAAU;AAAA,EAI7B,sBAAsB,0BAAU;AAAA;AAGlC,IAAO,kBAAQ;",
   "names": []
 }

package/dist/cjs/v1/DSModal.js

@@ -2,8 +2,22 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -94,16 +108,12 @@ const DSModal = ({
     overlayClassName: `${classNameBlock("overlay")} ${classNameModifier(centered && "center")}`,
     shouldCloseOnOverlayClick,
     style: {
-      content: {
-        ...style
-      },
+      content: __spreadValues({}, style),
       overlay: {
         zIndex
       }
     }
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    ...containerProps
-  }, showHeader && /* @__PURE__ */ import_react.default.createElement("div", {
+  }, /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({}, containerProps), showHeader && /* @__PURE__ */ import_react.default.createElement("div", {
     className: classNameBlock("modal-header")
   }, /* @__PURE__ */ import_react.default.createElement("div", {
     className: classNameElement("title", "modal-header")
@@ -128,19 +138,17 @@ const DSModal = ({
   }, /* @__PURE__ */ import_react.default.createElement("div", {
     ref: actionsRef,
     className: classNameBlock("modal-footer-actions")
-  }, modalType === import_constants.default.CONFIRM && /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+  }, modalType === import_constants.default.CONFIRM && /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, __spreadValues({
     buttonType: "secondary",
     className: `${classNameElement("button-action")} ${classNameModifier("reject", "button-action")} `,
     labelText: rejectLabel,
-    onClick: onReject,
-    ...overridePropsRejectButton
-  }), /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+    onClick: onReject
+  }, overridePropsRejectButton)), /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, __spreadValues({
     buttonType: "primary",
     className: `${classNameElement("button-action")} ${classNameModifier("confirm", "button-action")} `,
     labelText: confirmLabel,
-    onClick: onConfirm,
-    ...overridePropsConfirmButton
-  })))));
+    onClick: onConfirm
+  }, overridePropsConfirmButton))))));
 };
 DSModal.propTypes = {
   className: import_prop_types.default.string,

package/dist/cjs/v1/DSModal.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/v1/DSModal.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactModal from 'react-modal';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport { Close } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport MODAL_TYPE, { modalTypes } from '../constants';\nimport ModalFeedBack from './ModalFeedBack/ModalFeedBack';\nimport { sizes, iconSizes } from '@elliemae/ds-shared/prop-types';\n\nconst DSModal = ({\n  containerProps = {},\n  className = '',\n  dataTestId = 'ds-modal',\n  additionalFooterCssClass = '',\n  style = {},\n  iconCloseSize = DSIconSizes.S,\n  modalType = MODAL_TYPE.DEFAULT,\n  showHeader = true,\n  showFooter = true,\n  children,\n  centered = true,\n  confirmLabel = 'Accept',\n  modalTitle = '',\n  size = 'medium',\n  isOpen = false,\n  onClose = () => null,\n  onAfterOpen = () => null,\n  onConfirm = () => null,\n  onReject = () => null,\n  rejectLabel = 'Cancel',\n  shouldCloseOnOverlayClick = false,\n  hasError = false,\n  hasWarning = false,\n  hasSuccess = false,\n  hasInfo = false,\n  hasHelp = false,\n  actionsRef = () => null,\n  appElement = '#root',\n  overridePropsConfirmButton = {},\n  overridePropsRejectButton = {},\n  zIndex = 10,\n}) => {\n  // http://reactcommunity.org/react-modal/accessibility/ https://github.com/reactjs/react-modal#examples\n  typeof document !== 'undefined' && document && ReactModal.setAppElement && ReactModal.setAppElement(appElement); // eslint-disable-line\n  const { cssClassName, classNameElement, classNameBlock, classNameModifier, classNameBlockModifier } =\n    convertPropToCssClassName('modal', className, {\n      hasError,\n      hasWarning,\n      hasSuccess,\n      modalType,\n      size,\n    });\n\n  const { WARNING, ERROR, SUCCESS, HELP, INFO } = MODAL_TYPE;\n\n  const isAFeedbackType = [WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1;\n  const showFeedBack = isAFeedbackType || hasError || hasWarning || hasSuccess || hasInfo || hasHelp;\n\n  return (\n    <ReactModal\n      testId={dataTestId}\n      className={cssClassName}\n      contentLabel={modalTitle}\n      isOpen={isOpen}\n      onAfterOpen={onAfterOpen}\n      onRequestClose={onClose}\n      overlayClassName={`${classNameBlock('overlay')} ${classNameModifier(centered && 'center')}`}\n      shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n      style={{\n        content: {\n          ...style,\n        },\n        overlay: {\n          zIndex,\n        },\n      }}\n    >\n      <div {...containerProps}>\n        {showHeader && (\n          <div className={classNameBlock('modal-header')}>\n            <div className={classNameElement('title', 'modal-header')}>{modalTitle}</div>\n            <div className={classNameElement('icon', 'modal-header')}>\n              <DSButton buttonType=\"link\" icon={<Close />} onClick={onClose} size={iconCloseSize} />\n            </div>\n          </div>\n        )}\n        <div className={classNameElement('body')}>\n          {showFeedBack && (\n            <ModalFeedBack\n              hasError={hasError}\n              hasHelp={hasHelp}\n              hasInfo={hasInfo}\n              hasSuccess={hasSuccess}\n              hasWarning={hasWarning}\n              modalType={modalType}\n            />\n          )}\n          {children}\n        </div>\n        {showFooter && !isAFeedbackType && (\n          <div\n            className={`${classNameBlock('modal-footer')} ${\n              additionalFooterCssClass ? classNameBlockModifier(additionalFooterCssClass, 'modal-footer') : ''\n            }`}\n          >\n            <div ref={actionsRef} className={classNameBlock('modal-footer-actions')}>\n              {modalType === MODAL_TYPE.CONFIRM && (\n                <DSButton\n                  buttonType=\"secondary\"\n                  className={`${classNameElement('button-action')} ${classNameModifier('reject', 'button-action')} `}\n                  labelText={rejectLabel}\n                  onClick={onReject}\n                  {...overridePropsRejectButton}\n                />\n              )}\n              <DSButton\n                buttonType=\"primary\"\n                className={`${classNameElement('button-action')} ${classNameModifier('confirm', 'button-action')} `}\n                labelText={confirmLabel}\n                onClick={onConfirm}\n                {...overridePropsConfirmButton}\n              />\n            </div>\n          </div>\n        )}\n      </div>\n    </ReactModal>\n  );\n};\n\nDSModal.propTypes = {\n  className: PropTypes.string,\n  /**\n   * Add an additional css class to the footer\n   */\n  additionalFooterCssClass: PropTypes.string,\n  /**\n   * Set style for the modal\n   */\n  style: PropTypes.shape({}),\n  /**\n   * Select size for the close icon\n   */\n  iconCloseSize: PropTypes.oneOf(iconSizes),\n  /**\n   * ['default', 'alert', 'confirm', 'notification', 'warning', 'error', 'success', 'help', 'info']\n   */\n  modalType: PropTypes.oneOf(modalTypes),\n  /**\n   * Show the header or not\n   */\n  showHeader: PropTypes.bool,\n  /**\n   * Show the footer or not\n   */\n  showFooter: PropTypes.bool,\n  /**\n   * Main content of the modal\n   */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.any]).isRequired,\n  /**\n   * Content is centered or not\n   */\n  centered: PropTypes.bool,\n  /**\n   * Text to be added in the confirm button\n   */\n  confirmLabel: PropTypes.string,\n  /**\n   * Text to be added in the modal title\n   */\n  modalTitle: PropTypes.string,\n  /**\n   * Text to be added in the modal title\n   */\n  size: PropTypes.oneOf(sizes),\n  /**\n   * Modal is open or not\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Allows a function to be triggered once the modal is closed\n   */\n  onClose: PropTypes.func,\n  /**\n   * Allows a function to be triggered once the modal is opened\n   */\n  onAfterOpen: PropTypes.func,\n  /**\n   * Allows a function to be triggered once the modal open is confirmed\n   */\n  onConfirm: PropTypes.func,\n  /**\n   * Allows a function to be triggered once the modal open is rejected\n   */\n  onReject: PropTypes.func,\n  /**\n   * Text to be added in the reject button\n   */\n  rejectLabel: PropTypes.string,\n  /**\n   * If modal should close on overlay click\n   */\n  shouldCloseOnOverlayClick: PropTypes.bool,\n  /**\n   * Modal has error or not\n   */\n  hasError: PropTypes.bool,\n  /**\n   * Modal has warning or not\n   */\n  hasWarning: PropTypes.bool,\n  /**\n   * Modal has success or not\n   */\n  hasSuccess: PropTypes.bool,\n  /**\n   * Modal has info or not\n   */\n  hasInfo: PropTypes.bool,\n  /**\n   * Modal has help or not\n   */\n  hasHelp: PropTypes.bool,\n  actionsRef: PropTypes.func,\n  appElement: PropTypes.string,\n  /**\n   * Customized props for the confirm button\n   */\n  overridePropsConfirmButton: PropTypes.shape({}),\n  /**\n   * Customized props for the reject button\n   */\n  overridePropsRejectButton: PropTypes.shape({}),\n};\n\nexport default DSModal;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/v1/DSModalWrapper.js

@@ -1,9 +1,26 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -106,8 +123,7 @@ var DSModalWrapper_default = (WrappedComponent) => {
     render() {
       const { props, state } = this;
       const { additionalFooterCssClass, height } = state;
-      return (0, import_react.createElement)(WrappedComponent, {
-        ...props,
+      return (0, import_react.createElement)(WrappedComponent, __spreadProps(__spreadValues({}, props), {
         height,
         onResize: this.onResize,
         onFooterHeight: this.onFooterHeight,
@@ -120,7 +136,7 @@ var DSModalWrapper_default = (WrappedComponent) => {
             props.onAfterOpen();
           this.verifyNodes();
         }
-      });
+      }));
     }
   }
   return DSModalWrapper;

package/dist/cjs/v1/DSModalWrapper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/v1/DSModalWrapper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { Component, createElement } from 'react';\nimport { MODAL_TYPE } from '../constants';\n\nexport default (WrappedComponent) => {\n  class DSModalWrapper extends Component {\n    state = {\n      childready: false,\n      additionalFooterCssClass: 'loading',\n      container: null,\n      actions: null,\n      height: '100%',\n    };\n\n    componentDidMount() {\n      window.addEventListener('resize', this.handleResize);\n    }\n\n    componentWillUnmount() {\n      window.removeEventListener('resize', this.handleResize);\n    }\n\n    onHeaderHeight = (e) => {\n      this.heightHeaderFlag = true;\n      this.heightHeader = e.height || 0;\n    };\n\n    onFooterHeight = (e) => {\n      this.heightFooterFlag = true;\n      this.heightFooter = e.height || 0;\n    };\n\n    onResize = ({ bounds }) => {\n      if (this.heightFooterFlag && this.heightHeaderFlag) {\n        return this.setState({\n          height: bounds.height - this.heightFooter - this.heightHeader,\n        });\n      }\n      return setTimeout(this.onResize({ bounds }), 0);\n    };\n\n    handleContainer = (node) => {\n      if (node) this.setState({ container: node });\n      this.handleResize();\n    };\n\n    handleActions = (node) => {\n      if (node) this.setState({ actions: node });\n      this.handleResize();\n    };\n\n    /**\n     * Change button width to 100% if the\n     * combined width of the button (or button group) exceed 50% of the container width.\n     */\n    handleResize() {\n      if (!this.state) return null;\n      const { container, actions, childready } = this.state;\n      if (!childready) return null;\n      this.setState({ additionalFooterCssClass: null }); // !important reset to default state to recalculate\n      const { clientWidth: containerWidth } = container;\n      const { clientWidth: actionsWidth } = actions;\n      // Change button width to 100% if the combined width of the button (or button group) exceed 50% of the container width.\n      if (\n        containerWidth &&\n        actionsWidth &&\n        (actionsWidth / containerWidth) * 100 > 50\n      ) {\n        return this.setState({ additionalFooterCssClass: 'fluid-actions' });\n      }\n      return this.setState({ additionalFooterCssClass: null });\n    }\n\n    verifyNodes() {\n      const { modalType } = this.props;\n      if (modalType !== MODAL_TYPE.DEFAULT) {\n        const nodesInterval = setInterval(() => {\n          // !important it checks when nodes are availables\n          const { container, actions } = this.state;\n          if (!container || !actions) return null;\n          clearInterval(nodesInterval);\n          this.setState({ childready: true });\n          return this.handleResize();\n        }, 100);\n      }\n    }\n\n    render() {\n      const { props, state } = this;\n      const { additionalFooterCssClass, height } = state;\n      return createElement(WrappedComponent, {\n        ...props,\n        height,\n        onResize: this.onResize,\n        onFooterHeight: this.onFooterHeight,\n        onHeaderHeight: this.onHeaderHeight,\n        containerRef: this.handleContainer,\n        actionsRef: this.handleActions,\n        additionalFooterCssClass,\n        onAfterOpen: () => {\n          if (props.onAfterOpen) props.onAfterOpen();\n          this.verifyNodes();\n        },\n      });\n    }\n  }\n\n  return DSModalWrapper;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,uBAA2B;AAE3B,IAAO,yBAAQ,CAAC,qBAAqB;AACnC,+BAA6B,uBAAU;AAAA,IAAvC,cAJF;AAIE;AACE,mBAAQ;AAAA,QACN,YAAY;AAAA,QACZ,0BAA0B;AAAA,QAC1B,WAAW;AAAA,QACX,SAAS;AAAA,QACT,QAAQ;AAAA;AAWV,4BAAiB,CAAC,MAAM;AACtB,aAAK,mBAAmB;AACxB,aAAK,eAAe,EAAE,UAAU;AAAA;AAGlC,4BAAiB,CAAC,MAAM;AACtB,aAAK,mBAAmB;AACxB,aAAK,eAAe,EAAE,UAAU;AAAA;AAGlC,sBAAW,CAAC,EAAE,aAAa;AACzB,YAAI,KAAK,oBAAoB,KAAK,kBAAkB;AAClD,iBAAO,KAAK,SAAS;AAAA,YACnB,QAAQ,OAAO,SAAS,KAAK,eAAe,KAAK;AAAA;AAAA;AAGrD,eAAO,WAAW,KAAK,SAAS,EAAE,WAAW;AAAA;AAG/C,6BAAkB,CAAC,SAAS;AAC1B,YAAI;AAAM,eAAK,SAAS,EAAE,WAAW;AACrC,aAAK;AAAA;AAGP,2BAAgB,CAAC,SAAS;AACxB,YAAI;AAAM,eAAK,SAAS,EAAE,SAAS;AACnC,aAAK;AAAA;AAAA;AAAA,IAlCP,oBAAoB;AAClB,aAAO,iBAAiB,UAAU,KAAK;AAAA;AAAA,IAGzC,uBAAuB;AACrB,aAAO,oBAAoB,UAAU,KAAK;AAAA;AAAA,IAoC5C,eAAe;AACb,UAAI,CAAC,KAAK;AAAO,eAAO;AACxB,YAAM,EAAE,WAAW,SAAS,eAAe,KAAK;AAChD,UAAI,CAAC;AAAY,eAAO;AACxB,WAAK,SAAS,EAAE,0BAA0B;AAC1C,YAAM,EAAE,aAAa,mBAAmB;AACxC,YAAM,EAAE,aAAa,iBAAiB;AAEtC,UACE,kBACA,gBACC,eAAe,iBAAkB,MAAM,IACxC;AACA,eAAO,KAAK,SAAS,EAAE,0BAA0B;AAAA;AAEnD,aAAO,KAAK,SAAS,EAAE,0BAA0B;AAAA;AAAA,IAGnD,cAAc;AACZ,YAAM,EAAE,cAAc,KAAK;AAC3B,UAAI,cAAc,4BAAW,SAAS;AACpC,cAAM,gBAAgB,YAAY,MAAM;AAEtC,gBAAM,EAAE,WAAW,YAAY,KAAK;AACpC,cAAI,CAAC,aAAa,CAAC;AAAS,mBAAO;AACnC,wBAAc;AACd,eAAK,SAAS,EAAE,YAAY;AAC5B,iBAAO,KAAK;AAAA,WACX;AAAA;AAAA;AAAA,IAIP,SAAS;AACP,YAAM,EAAE,OAAO,UAAU;AACzB,YAAM,EAAE,0BAA0B,WAAW;AAC7C,aAAO,gCAAc,kBAAkB;AAAA,WAClC;AAAA,QACH;AAAA,QACA,UAAU,KAAK;AAAA,QACf,gBAAgB,KAAK;AAAA,QACrB,gBAAgB,KAAK;AAAA,QACrB,cAAc,KAAK;AAAA,QACnB,YAAY,KAAK;AAAA,QACjB;AAAA,QACA,aAAa,MAAM;AACjB,cAAI,MAAM;AAAa,kBAAM;AAC7B,eAAK;AAAA;AAAA;AAAA;AAAA;AAMb,SAAO;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,uBAA2B;AAE3B,IAAO,yBAAQ,CAAC,qBAAqB;AACnC,+BAA6B,uBAAU;AAAA,IAAvC,cAJF;AAIE;AACE,mBAAQ;AAAA,QACN,YAAY;AAAA,QACZ,0BAA0B;AAAA,QAC1B,WAAW;AAAA,QACX,SAAS;AAAA,QACT,QAAQ;AAAA;AAWV,4BAAiB,CAAC,MAAM;AACtB,aAAK,mBAAmB;AACxB,aAAK,eAAe,EAAE,UAAU;AAAA;AAGlC,4BAAiB,CAAC,MAAM;AACtB,aAAK,mBAAmB;AACxB,aAAK,eAAe,EAAE,UAAU;AAAA;AAGlC,sBAAW,CAAC,EAAE,aAAa;AACzB,YAAI,KAAK,oBAAoB,KAAK,kBAAkB;AAClD,iBAAO,KAAK,SAAS;AAAA,YACnB,QAAQ,OAAO,SAAS,KAAK,eAAe,KAAK;AAAA;AAAA;AAGrD,eAAO,WAAW,KAAK,SAAS,EAAE,WAAW;AAAA;AAG/C,6BAAkB,CAAC,SAAS;AAC1B,YAAI;AAAM,eAAK,SAAS,EAAE,WAAW;AACrC,aAAK;AAAA;AAGP,2BAAgB,CAAC,SAAS;AACxB,YAAI;AAAM,eAAK,SAAS,EAAE,SAAS;AACnC,aAAK;AAAA;AAAA;AAAA,IAlCP,oBAAoB;AAClB,aAAO,iBAAiB,UAAU,KAAK;AAAA;AAAA,IAGzC,uBAAuB;AACrB,aAAO,oBAAoB,UAAU,KAAK;AAAA;AAAA,IAoC5C,eAAe;AACb,UAAI,CAAC,KAAK;AAAO,eAAO;AACxB,YAAM,EAAE,WAAW,SAAS,eAAe,KAAK;AAChD,UAAI,CAAC;AAAY,eAAO;AACxB,WAAK,SAAS,EAAE,0BAA0B;AAC1C,YAAM,EAAE,aAAa,mBAAmB;AACxC,YAAM,EAAE,aAAa,iBAAiB;AAEtC,UACE,kBACA,gBACC,eAAe,iBAAkB,MAAM,IACxC;AACA,eAAO,KAAK,SAAS,EAAE,0BAA0B;AAAA;AAEnD,aAAO,KAAK,SAAS,EAAE,0BAA0B;AAAA;AAAA,IAGnD,cAAc;AACZ,YAAM,EAAE,cAAc,KAAK;AAC3B,UAAI,cAAc,4BAAW,SAAS;AACpC,cAAM,gBAAgB,YAAY,MAAM;AAEtC,gBAAM,EAAE,WAAW,YAAY,KAAK;AACpC,cAAI,CAAC,aAAa,CAAC;AAAS,mBAAO;AACnC,wBAAc;AACd,eAAK,SAAS,EAAE,YAAY;AAC5B,iBAAO,KAAK;AAAA,WACX;AAAA;AAAA;AAAA,IAIP,SAAS;AACP,YAAM,EAAE,OAAO,UAAU;AACzB,YAAM,EAAE,0BAA0B,WAAW;AAC7C,aAAO,gCAAc,kBAAkB,iCAClC,QADkC;AAAA,QAErC;AAAA,QACA,UAAU,KAAK;AAAA,QACf,gBAAgB,KAAK;AAAA,QACrB,gBAAgB,KAAK;AAAA,QACrB,cAAc,KAAK;AAAA,QACnB,YAAY,KAAK;AAAA,QACjB;AAAA,QACA,aAAa,MAAM;AACjB,cAAI,MAAM;AAAa,kBAAM;AAC7B,eAAK;AAAA;AAAA;AAAA;AAAA;AAMb,SAAO;AAAA;",
   "names": []
 }

package/dist/cjs/v2/DSModal.js

@@ -2,8 +2,22 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -86,9 +100,7 @@ const DSModal = ({
     overlayClassName: `${classNameBlock("overlay")} ${classNameModifier(centered ? "center" : "top")}`,
     shouldCloseOnOverlayClick,
     style: {
-      content: {
-        ...style
-      },
+      content: __spreadValues({}, style),
       overlay: {
         zIndex
       }

package/dist/cjs/v2/DSModal.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/v2/DSModal.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport ReactModal from 'react-modal';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { MODAL_TYPE_V2 } from '../constants';\nimport { DSModalContent } from './components/ModalContent';\n\nconst DSModal = ({\n  containerProps = {},\n  className = '',\n  style = {},\n  size = 'default',\n  //\n  modalType = MODAL_TYPE_V2.INFORMATION,\n  modalSubType = null,\n  modalTitle = '',\n  dataTestId = 'ds-modal',\n  centered = false,\n  showRejectButton = false,\n  showClose = true,\n  searchProps = {},\n  // override\n  actionsRef = () => null,\n  additionalFooterCssClass,\n  overridePropsConfirmButton = {},\n  overridePropsRejectButton = {},\n  // react modal\n  children,\n  isOpen = true,\n  onClose = () => null,\n  onAfterOpen = () => null,\n  onConfirm = () => null,\n  onReject = () => null,\n  rejectLabel = 'Discard',\n  confirmLabel = 'Save',\n  shouldCloseOnOverlayClick = false,\n  appElement = '#root',\n  zIndex = 10,\n  removePadding = false,\n}) => {\n  if (\n    typeof document !== 'undefined' &&\n    process.env.NODE_ENV !== 'test' &&\n    document &&\n    ReactModal.setAppElement\n  ) {\n    ReactModal.setAppElement(appElement);\n  }\n\n  const {\n    cssClassName,\n    classNameBlock,\n    classNameModifier,\n  } = convertPropToCssClassName('modal-v2', className, { size });\n\n  return (\n    <ReactModal\n      testId={dataTestId}\n      className={`${cssClassName} ${classNameBlock(`type-${modalType}`)}`}\n      contentLabel={modalTitle}\n      isOpen={isOpen}\n      onAfterOpen={onAfterOpen}\n      onRequestClose={onClose}\n      overlayClassName={`${classNameBlock('overlay')} ${classNameModifier(\n        centered ? 'center' : 'top',\n      )}`}\n      shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n      style={{\n        content: {\n          ...style,\n        },\n        overlay: {\n          // position: 'absolute', https://jira.elliemae.io/browse/PUI-1471, the overlay should be positioned based on the browser window rather positioned absolute to its parent\n          zIndex,\n        },\n      }}\n    >\n      <DSModalContent\n        actionsRef={actionsRef}\n        additionalFooterCssClass={additionalFooterCssClass}\n        confirmLabel={confirmLabel}\n        containerProps={containerProps}\n        modalSubType={modalSubType}\n        modalTitle={modalTitle}\n        modalType={modalType}\n        onClose={onClose}\n        onConfirm={onConfirm}\n        onReject={onReject}\n        overridePropsConfirmButton={overridePropsConfirmButton}\n        overridePropsRejectButton={overridePropsRejectButton}\n        rejectLabel={rejectLabel}\n        searchProps={searchProps}\n        showClose={showClose}\n        showRejectButton={showRejectButton}\n        removePadding={removePadding}\n      >\n        {children}\n      </DSModalContent>\n    </ReactModal>\n  );\n};\n\nconst props = {\n  /** inject props to container wrapper */\n  containerProps: PropTypes.object.description(\n    'inject props to container wrapper',\n  ),\n  /** css class */\n  className: PropTypes.string.description('css class'),\n  /** style object for container wrapper */\n  style: PropTypes.object.description('style object for container wrapper'),\n  /** modal container title */\n  modalTitle: PropTypes.string.description('modal container title'),\n  /** center container */\n  centered: PropTypes.bool.description('center container'),\n  /** show reject button */\n  showRejectButton: PropTypes.bool.description('show reject button'),\n  /** show close button */\n  showClose: PropTypes.bool.description('show close button'),\n  /*\n    Props for search component\n  */\n  searchProps: PropTypes.object.description('Props for search component'),\n  /** css class for footer */\n  additionalFooterCssClass: PropTypes.string.description(\n    'css class for footer',\n  ),\n  /**  override props confirm button */\n  overridePropsConfirmButton: PropTypes.object.description(\n    'override props confirm button',\n  ),\n  /** override props reject button */\n  overridePropsRejectButton: PropTypes.object.description(\n    'override props reject button',\n  ),\n  /** controlled isOpen flag */\n  isOpen: PropTypes.bool.description('controlled isOpen flag'),\n  /** close callback */\n  onClose: PropTypes.func.description('close callback'),\n  /** after open callback */\n  onAfterOpen: PropTypes.func.description('after open callback'),\n  /** confirm callback */\n  onConfirm: PropTypes.func.description('confirm callback'),\n  /** reject callback */\n  onReject: PropTypes.func.description('reject callback'),\n  /** reject label */\n  rejectLabel: PropTypes.string.description('reject label'),\n  /** confirm text string */\n  confirmLabel: PropTypes.string.description('confirm text string'),\n  /** modal container size */\n  size: PropTypes.oneOf([\n    'default',\n    'xx-large',\n    'x-large',\n    'large',\n    'medium',\n    'small',\n  ]).description('modal container size'),\n  /** modal sub type */\n  modalSubType: PropTypes.any.description('modal sub type'),\n  /** modal type */\n  modalType: PropTypes.any.description('modal type'),\n  /** ref for modal footer actions */\n  actionsRef: PropTypes.any.description('ref for modal footer actions'),\n  /** modal container children */\n  children: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.arrayOf([PropTypes.element]),\n  ]).description('modal container children'),\n  /** close on click outside container */\n  shouldCloseOnOverlayClick: PropTypes.bool.description(\n    'close on click outside container',\n  ),\n  /*\n    App element ID to inject the modal\n  */\n  appElement: PropTypes.string.description(\n    'App element ID to inject the modal',\n  ),\n  /** zindex for modal container */\n  zIndex: PropTypes.number.description('zindex for modal container'),\n  /** remove modal builtin padding */\n  removePadding: PropTypes.bool.description('remove modal builtin padding'),\n};\n\nDSModal.propTypes = props;\n\nconst DSModalWithSchema = describe(DSModal);\nDSModalWithSchema.propTypes = props;\n\nexport { DSModalContent, DSModalWithSchema };\nexport default DSModal;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/v2/components/Footer.js

@@ -2,8 +2,22 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -49,21 +63,19 @@ const Footer = ({
   "data-testid": "modal-footer-wrapper"
 }, /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalFooterActions, {
   ref: actionsRef
-}, showRejectButton === true && /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+}, showRejectButton === true && /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, __spreadValues({
   buttonType: "secondary",
   className: "action-reject",
   containerProps: { "data-testid": "modal-footer-reject-btn" },
   labelText: rejectLabel,
-  onClick: onReject,
-  ...overridePropsRejectButton
-}), /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+  onClick: onReject
+}, overridePropsRejectButton)), /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, __spreadValues({
   buttonType: "primary",
   className: "action-confirm",
   containerProps: { "data-testid": "modal-footer-confirm-btn" },
   labelText: confirmLabel,
-  onClick: onConfirm,
-  ...overridePropsConfirmButton
-})));
+  onClick: onConfirm
+}, overridePropsConfirmButton))));
 var Footer_default = Footer;
 module.exports = __toCommonJS(Footer_exports);
 //# sourceMappingURL=Footer.js.map

package/dist/cjs/v2/components/Footer.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/v2/components/Footer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport DSButton from '@elliemae/ds-button';\nimport { ModalFooter, ModalFooterActions } from '../blocks';\n\nexport const Footer = ({\n  additionalFooterCssClass,\n  actionsRef,\n  rejectLabel,\n  onReject,\n  overridePropsRejectButton,\n  confirmLabel,\n  onConfirm,\n  overridePropsConfirmButton,\n  showRejectButton,\n}) => (\n  <ModalFooter classProps={{ additionalFooterCssClass }} data-testid=\"modal-footer-wrapper\">\n    <ModalFooterActions ref={actionsRef}>\n      {showRejectButton === true && (\n        <DSButton\n          buttonType=\"secondary\"\n          className=\"action-reject\"\n          containerProps={{ 'data-testid': 'modal-footer-reject-btn' }}\n          labelText={rejectLabel}\n          onClick={onReject}\n          {...overridePropsRejectButton}\n        />\n      )}\n      <DSButton\n        buttonType=\"primary\"\n        className=\"action-confirm\"\n        containerProps={{ 'data-testid': 'modal-footer-confirm-btn' }}\n        labelText={confirmLabel}\n        onClick={onConfirm}\n        {...overridePropsConfirmButton}\n      />\n    </ModalFooterActions>\n  </ModalFooter>\n);\n\nexport default Footer;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,uBAAqB;AACrB,oBAAgD;AAEzC,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC,2BAAD;AAAA,EAAa,YAAY,EAAE;AAAA,EAA4B,eAAY;AAAA,GACjE,mDAAC,kCAAD;AAAA,EAAoB,KAAK;AAAA,GACtB,qBAAqB,QACpB,mDAAC,0BAAD;AAAA,EACE,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe;AAAA,EACjC,WAAW;AAAA,EACX,SAAS;AAAA,KACL;AAAA,IAGR,mDAAC,0BAAD;AAAA,EACE,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe;AAAA,EACjC,WAAW;AAAA,EACX,SAAS;AAAA,KACL;AAAA;AAMZ,IAAO,iBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,uBAAqB;AACrB,oBAAgD;AAEzC,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC,2BAAD;AAAA,EAAa,YAAY,EAAE;AAAA,EAA4B,eAAY;AAAA,GACjE,mDAAC,kCAAD;AAAA,EAAoB,KAAK;AAAA,GACtB,qBAAqB,QACpB,mDAAC,0BAAD;AAAA,EACE,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe;AAAA,EACjC,WAAW;AAAA,EACX,SAAS;AAAA,GACL,6BAGR,mDAAC,0BAAD;AAAA,EACE,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe;AAAA,EACjC,WAAW;AAAA,EACX,SAAS;AAAA,GACL;AAMZ,IAAO,iBAAQ;",
   "names": []
 }

package/dist/cjs/v2/components/ModalContent.js

@@ -2,8 +2,22 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -59,9 +73,7 @@ const DSModalContent = ({
   rejectLabel = "Discard",
   confirmLabel = "Save",
   removePadding = false
-}) => /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalWrapper, {
-  ...containerProps
-}, (0, import_helpers.showForm)({ modalType, modalSubType }) && /* @__PURE__ */ import_react.default.createElement(import_FormHeader.FormHeader, {
+}) => /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalWrapper, __spreadValues({}, containerProps), (0, import_helpers.showForm)({ modalType, modalSubType }) && /* @__PURE__ */ import_react.default.createElement(import_FormHeader.FormHeader, {
   modalTitle,
   modalType,
   onClose,

package/dist/cjs/v2/components/ModalContent.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/v2/components/ModalContent.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { MODAL_TYPE_V2 } from '../../constants';\nimport { SelectionHeader } from './SelectionHeader';\nimport { DecisionHeader } from './DecisionHeader';\nimport { FormHeader } from './FormHeader';\nimport { FeedbackIcon } from './FeedbackIcon';\nimport { Footer } from './Footer';\nimport { Title } from './Title';\nimport {\n  showDecision,\n  showFeedBack,\n  showFooter,\n  showSelection,\n  showForm,\n} from '../helpers';\nimport { ModalContent, ModalWrapper } from '../blocks';\n\nexport const DSModalContent = ({\n  containerProps = {},\n  //\n  modalType = MODAL_TYPE_V2.INFORMATION,\n  modalSubType = null,\n  modalTitle = '',\n  showRejectButton = false,\n  showClose = true,\n  searchProps = {},\n  // override\n  actionsRef = () => null,\n  additionalFooterCssClass,\n  overridePropsConfirmButton = {},\n  overridePropsRejectButton = {},\n  // react modal\n  children,\n  onClose = () => null,\n  onConfirm = () => null,\n  onReject = () => null,\n  rejectLabel = 'Discard',\n  confirmLabel = 'Save',\n  removePadding = false,\n}) => (\n  <ModalWrapper {...containerProps}>\n    {showForm({ modalType, modalSubType }) && (\n      <FormHeader\n        modalTitle={modalTitle}\n        modalType={modalType}\n        onClose={onClose}\n        showClose={showClose}\n      />\n    )}\n    {showSelection({ modalType, modalSubType }) && (\n      <SelectionHeader\n        modalTitle={modalTitle}\n        modalType={modalType}\n        searchProps={searchProps}\n        showClose={showClose}\n      />\n    )}\n    {showDecision({ modalType, modalSubType }) && (\n      <DecisionHeader onClose={onClose} showClose={showClose} />\n    )}\n    {showFeedBack({ modalType, modalSubType }) && (\n      <FeedbackIcon modalSubType={modalSubType} />\n    )}\n    {showDecision({ modalType, modalSubType }) && (\n      <Title modalTitle={modalTitle} modalType={modalType} />\n    )}\n    <ModalContent classProps={{ type: modalType, removePadding }}>\n      {children}\n    </ModalContent>\n    {showFooter({ modalType, modalSubType }) && (\n      <Footer\n        actionsRef={actionsRef}\n        additionalFooterCssClass={additionalFooterCssClass}\n        confirmLabel={confirmLabel}\n        onConfirm={onConfirm}\n        onReject={onReject}\n        overridePropsConfirmButton={overridePropsConfirmButton}\n        overridePropsRejectButton={overridePropsRejectButton}\n        rejectLabel={rejectLabel}\n        showRejectButton={showRejectButton}\n      />\n    )}\n  </ModalWrapper>\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,uBAA8B;AAC9B,6BAAgC;AAChC,4BAA+B;AAC/B,wBAA2B;AAC3B,0BAA6B;AAC7B,oBAAuB;AACvB,mBAAsB;AACtB,qBAMO;AACP,oBAA2C;AAEpC,MAAM,iBAAiB,CAAC;AAAA,EAC7B,iBAAiB;AAAA,EAEjB,YAAY,+BAAc;AAAA,EAC1B,eAAe;AAAA,EACf,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,cAAc;AAAA,EAEd,aAAa,MAAM;AAAA,EACnB;AAAA,EACA,6BAA6B;AAAA,EAC7B,4BAA4B;AAAA,EAE5B;AAAA,EACA,UAAU,MAAM;AAAA,EAChB,YAAY,MAAM;AAAA,EAClB,WAAW,MAAM;AAAA,EACjB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,gBAAgB;AAAA,MAEhB,mDAAC,4BAAD;AAAA,KAAkB;AAAA,GACf,6BAAS,EAAE,WAAW,mBACrB,mDAAC,8BAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IAGH,kCAAc,EAAE,WAAW,mBAC1B,mDAAC,wCAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IAGH,iCAAa,EAAE,WAAW,mBACzB,mDAAC,sCAAD;AAAA,EAAgB;AAAA,EAAkB;AAAA,IAEnC,iCAAa,EAAE,WAAW,mBACzB,mDAAC,kCAAD;AAAA,EAAc;AAAA,IAEf,iCAAa,EAAE,WAAW,mBACzB,mDAAC,oBAAD;AAAA,EAAO;AAAA,EAAwB;AAAA,IAEjC,mDAAC,4BAAD;AAAA,EAAc,YAAY,EAAE,MAAM,WAAW;AAAA,GAC1C,WAEF,+BAAW,EAAE,WAAW,mBACvB,mDAAC,sBAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,uBAA8B;AAC9B,6BAAgC;AAChC,4BAA+B;AAC/B,wBAA2B;AAC3B,0BAA6B;AAC7B,oBAAuB;AACvB,mBAAsB;AACtB,qBAMO;AACP,oBAA2C;AAEpC,MAAM,iBAAiB,CAAC;AAAA,EAC7B,iBAAiB;AAAA,EAEjB,YAAY,+BAAc;AAAA,EAC1B,eAAe;AAAA,EACf,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,cAAc;AAAA,EAEd,aAAa,MAAM;AAAA,EACnB;AAAA,EACA,6BAA6B;AAAA,EAC7B,4BAA4B;AAAA,EAE5B;AAAA,EACA,UAAU,MAAM;AAAA,EAChB,YAAY,MAAM;AAAA,EAClB,WAAW,MAAM;AAAA,EACjB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,gBAAgB;AAAA,MAEhB,mDAAC,4BAAD,mBAAkB,iBACf,6BAAS,EAAE,WAAW,mBACrB,mDAAC,8BAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IAGH,kCAAc,EAAE,WAAW,mBAC1B,mDAAC,wCAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IAGH,iCAAa,EAAE,WAAW,mBACzB,mDAAC,sCAAD;AAAA,EAAgB;AAAA,EAAkB;AAAA,IAEnC,iCAAa,EAAE,WAAW,mBACzB,mDAAC,kCAAD;AAAA,EAAc;AAAA,IAEf,iCAAa,EAAE,WAAW,mBACzB,mDAAC,oBAAD;AAAA,EAAO;AAAA,EAAwB;AAAA,IAEjC,mDAAC,4BAAD;AAAA,EAAc,YAAY,EAAE,MAAM,WAAW;AAAA,GAC1C,WAEF,+BAAW,EAAE,WAAW,mBACvB,mDAAC,sBAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;",
   "names": []
 }

package/dist/cjs/v2/components/SelectionHeader.js

@@ -2,8 +2,22 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -43,9 +57,7 @@ const SelectionHeader = ({ searchProps = {}, modalTitle, modalType, showClose })
 }), showClose && /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalHeaderTopRight, {
   classProps: { type: "selection" },
   "data-testid": "modal-search-box"
-}, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSSearchBox, {
-  ...searchProps
-})));
+}, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSSearchBox, __spreadValues({}, searchProps))));
 var SelectionHeader_default = SelectionHeader;
 module.exports = __toCommonJS(SelectionHeader_exports);
 //# sourceMappingURL=SelectionHeader.js.map

package/dist/cjs/v2/components/SelectionHeader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/v2/components/SelectionHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { DSSearchBox } from '@elliemae/ds-form';\nimport { ModalHeader, ModalHeaderTopRight } from '../blocks';\nimport { Title } from './Title';\n\nexport const SelectionHeader = ({ searchProps = {}, modalTitle, modalType, showClose }) => (\n  <ModalHeader classProps={{ type: 'selection' }}>\n    <Title modalTitle={modalTitle} modalType={modalType} />\n    {showClose && (\n      <ModalHeaderTopRight classProps={{ type: 'selection' }} data-testid=\"modal-search-box\">\n        <DSSearchBox {...searchProps} />\n      </ModalHeaderTopRight>\n    )}\n  </ModalHeader>\n);\n\nexport default SelectionHeader;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,qBAA4B;AAC5B,oBAAiD;AACjD,mBAAsB;AAEf,MAAM,kBAAkB,CAAC,EAAE,cAAc,IAAI,YAAY,WAAW,gBACzE,mDAAC,2BAAD;AAAA,EAAa,YAAY,EAAE,MAAM;AAAA,GAC/B,mDAAC,oBAAD;AAAA,EAAO;AAAA,EAAwB;AAAA,IAC9B,aACC,mDAAC,mCAAD;AAAA,EAAqB,YAAY,EAAE,MAAM;AAAA,EAAe,eAAY;AAAA,GAClE,mDAAC,4BAAD;AAAA,KAAiB;AAAA;AAMzB,IAAO,0BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,qBAA4B;AAC5B,oBAAiD;AACjD,mBAAsB;AAEf,MAAM,kBAAkB,CAAC,EAAE,cAAc,IAAI,YAAY,WAAW,gBACzE,mDAAC,2BAAD;AAAA,EAAa,YAAY,EAAE,MAAM;AAAA,GAC/B,mDAAC,oBAAD;AAAA,EAAO;AAAA,EAAwB;AAAA,IAC9B,aACC,mDAAC,mCAAD;AAAA,EAAqB,YAAY,EAAE,MAAM;AAAA,EAAe,eAAY;AAAA,GAClE,mDAAC,4BAAD,mBAAiB;AAMzB,IAAO,0BAAQ;",
   "names": []
 }

package/dist/esm/DSModal.js

@@ -1,3 +1,31 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import * as React from "react";
 import React2 from "react";
 import PropTypes from "prop-types";
@@ -5,14 +33,11 @@ import { modalTypes } from "./constants";
 import DSModalV1 from "./v1/DSModal";
 import DSModalV2, { DSModalContent } from "./v2/DSModal";
 import { sizes, iconSizes } from "@elliemae/ds-shared/prop-types";
-const DSModal = ({ version = 1, ...rest }) => {
+const DSModal = (_a) => {
+  var _b = _a, { version = 1 } = _b, rest = __objRest(_b, ["version"]);
   if (version === 2)
-    return /* @__PURE__ */ React2.createElement(DSModalV2, {
-      ...rest
-    });
-  return /* @__PURE__ */ React2.createElement(DSModalV1, {
-    ...rest
-  });
+    return /* @__PURE__ */ React2.createElement(DSModalV2, __spreadValues({}, rest));
+  return /* @__PURE__ */ React2.createElement(DSModalV1, __spreadValues({}, rest));
 };
 DSModal.propTypes = {
   version: PropTypes.oneOf([1, 2])

package/dist/esm/DSModal.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSModal.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { modalTypes } from './constants';\nimport DSModalV1 from './v1/DSModal';\nimport DSModalV2, { DSModalContent } from './v2/DSModal';\nimport { sizes, iconSizes } from '@elliemae/ds-shared/prop-types';\n\nconst DSModal = ({ version = 1, ...rest }) => {\n  if (version === 2) return <DSModalV2 {...rest} />;\n  return <DSModalV1 {...rest} />;\n};\n\nDSModal.propTypes = {\n  version: PropTypes.oneOf([1, 2]),\n};\n\nDSModalV1.propTypes = {\n  version: PropTypes.oneOf([1, 2]),\n  className: PropTypes.string,\n  /**\n   * Add an additional css class to the footer\n   */\n  additionalFooterCssClass: PropTypes.string,\n  /**\n   * Set style for the modal\n   */\n  style: PropTypes.objectOf(PropTypes.string),\n  /**\n   * Select size for the close icon\n   */\n  iconCloseSize: PropTypes.oneOf(iconSizes),\n  /**\n   * ['default', 'alert', 'confirm', 'notification', 'warning', 'error', 'success', 'help', 'info']\n   */\n  modalType: PropTypes.oneOf(modalTypes),\n  /**\n   * Show the header or not\n   */\n  showHeader: PropTypes.bool,\n  /**\n   * Show the footer or not\n   */\n  showFooter: PropTypes.bool,\n  /**\n   * Main content of the modal\n   */\n  children: PropTypes.element.isRequired,\n  /**\n   * Content is centered or not\n   */\n  centered: PropTypes.bool,\n  /**\n   * Text to be added in the confirm button\n   */\n  confirmLabel: PropTypes.string,\n  /**\n   * Text to be added in the modal title\n   */\n  modalTitle: PropTypes.string,\n  /**\n   * Text to be added in the modal title\n   */\n  size: PropTypes.oneOf(sizes),\n  /**\n   * Modal is open or not\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Allows a function to be triggered once the modal is closed\n   */\n  onClose: PropTypes.func,\n  /**\n   * Allows a function to be triggered once the modal is opened\n   */\n  onAfterOpen: PropTypes.func,\n  /**\n   * Allows a function to be triggered once the modal open is confirmed\n   */\n  onConfirm: PropTypes.func,\n  /**\n   * Allows a function to be triggered once the modal open is rejected\n   */\n  onReject: PropTypes.func,\n  /**\n   * Text to be added in the reject button\n   */\n  rejectLabel: PropTypes.string,\n  /**\n   * If modal should close on overlay click\n   */\n  shouldCloseOnOverlayClick: PropTypes.bool,\n  /**\n   * Modal has error or not\n   */\n  hasError: PropTypes.bool,\n  /**\n   * Modal has warning or not\n   */\n  hasWarning: PropTypes.bool,\n  /**\n   * Modal has success or not\n   */\n  hasSuccess: PropTypes.bool,\n  /**\n   * Modal has info or not\n   */\n  hasInfo: PropTypes.bool,\n  /**\n   * Modal has help or not\n   */\n  hasHelp: PropTypes.bool,\n  actionsRef: PropTypes.func,\n  appElement: PropTypes.string,\n  /**\n   * Customized props for the confirm button\n   */\n  overridePropsConfirmButton: PropTypes.objectOf(PropTypes.shape({})),\n  /**\n   * Customized props for the reject button\n   */\n  overridePropsRejectButton: PropTypes.objectOf(PropTypes.string),\n  /**\n   * Show confirm button\n   */\n  showConfirmButton: PropTypes.bool,\n  /**\n   * Show confirm button\n   */\n  customCloseComponent: PropTypes.element,\n};\nexport { DSModalContent, DSModal };\nexport default DSModal;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,UAAU,CAAC,EAAE,UAAU,MAAM,WAAW;AAC5C,MAAI,YAAY;AAAG,WAAO,qCAAC,WAAD;AAAA,SAAe;AAAA;AACzC,SAAO,qCAAC,WAAD;AAAA,OAAe;AAAA;AAAA;AAGxB,QAAQ,YAAY;AAAA,EAClB,SAAS,UAAU,MAAM,CAAC,GAAG;AAAA;AAG/B,UAAU,YAAY;AAAA,EACpB,SAAS,UAAU,MAAM,CAAC,GAAG;AAAA,EAC7B,WAAW,UAAU;AAAA,EAIrB,0BAA0B,UAAU;AAAA,EAIpC,OAAO,UAAU,SAAS,UAAU;AAAA,EAIpC,eAAe,UAAU,MAAM;AAAA,EAI/B,WAAW,UAAU,MAAM;AAAA,EAI3B,YAAY,UAAU;AAAA,EAItB,YAAY,UAAU;AAAA,EAItB,UAAU,UAAU,QAAQ;AAAA,EAI5B,UAAU,UAAU;AAAA,EAIpB,cAAc,UAAU;AAAA,EAIxB,YAAY,UAAU;AAAA,EAItB,MAAM,UAAU,MAAM;AAAA,EAItB,QAAQ,UAAU;AAAA,EAIlB,SAAS,UAAU;AAAA,EAInB,aAAa,UAAU;AAAA,EAIvB,WAAW,UAAU;AAAA,EAIrB,UAAU,UAAU;AAAA,EAIpB,aAAa,UAAU;AAAA,EAIvB,2BAA2B,UAAU;AAAA,EAIrC,UAAU,UAAU;AAAA,EAIpB,YAAY,UAAU;AAAA,EAItB,YAAY,UAAU;AAAA,EAItB,SAAS,UAAU;AAAA,EAInB,SAAS,UAAU;AAAA,EACnB,YAAY,UAAU;AAAA,EACtB,YAAY,UAAU;AAAA,EAItB,4BAA4B,UAAU,SAAS,UAAU,MAAM;AAAA,EAI/D,2BAA2B,UAAU,SAAS,UAAU;AAAA,EAIxD,mBAAmB,UAAU;AAAA,EAI7B,sBAAsB,UAAU;AAAA;AAGlC,IAAO,kBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,UAAU,CAAC,OAA6B;AAA7B,eAAE,YAAU,MAAZ,IAAkB,iBAAlB,IAAkB,CAAhB;AACjB,MAAI,YAAY;AAAG,WAAO,qCAAC,WAAD,mBAAe;AACzC,SAAO,qCAAC,WAAD,mBAAe;AAAA;AAGxB,QAAQ,YAAY;AAAA,EAClB,SAAS,UAAU,MAAM,CAAC,GAAG;AAAA;AAG/B,UAAU,YAAY;AAAA,EACpB,SAAS,UAAU,MAAM,CAAC,GAAG;AAAA,EAC7B,WAAW,UAAU;AAAA,EAIrB,0BAA0B,UAAU;AAAA,EAIpC,OAAO,UAAU,SAAS,UAAU;AAAA,EAIpC,eAAe,UAAU,MAAM;AAAA,EAI/B,WAAW,UAAU,MAAM;AAAA,EAI3B,YAAY,UAAU;AAAA,EAItB,YAAY,UAAU;AAAA,EAItB,UAAU,UAAU,QAAQ;AAAA,EAI5B,UAAU,UAAU;AAAA,EAIpB,cAAc,UAAU;AAAA,EAIxB,YAAY,UAAU;AAAA,EAItB,MAAM,UAAU,MAAM;AAAA,EAItB,QAAQ,UAAU;AAAA,EAIlB,SAAS,UAAU;AAAA,EAInB,aAAa,UAAU;AAAA,EAIvB,WAAW,UAAU;AAAA,EAIrB,UAAU,UAAU;AAAA,EAIpB,aAAa,UAAU;AAAA,EAIvB,2BAA2B,UAAU;AAAA,EAIrC,UAAU,UAAU;AAAA,EAIpB,YAAY,UAAU;AAAA,EAItB,YAAY,UAAU;AAAA,EAItB,SAAS,UAAU;AAAA,EAInB,SAAS,UAAU;AAAA,EACnB,YAAY,UAAU;AAAA,EACtB,YAAY,UAAU;AAAA,EAItB,4BAA4B,UAAU,SAAS,UAAU,MAAM;AAAA,EAI/D,2BAA2B,UAAU,SAAS,UAAU;AAAA,EAIxD,mBAAmB,UAAU;AAAA,EAI7B,sBAAsB,UAAU;AAAA;AAGlC,IAAO,kBAAQ;",
   "names": []
 }

package/dist/esm/v1/DSModal.js

@@ -1,3 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import * as React from "react";
 import React2 from "react";
 import PropTypes from "prop-types";
@@ -63,16 +79,12 @@ const DSModal = ({
     overlayClassName: `${classNameBlock("overlay")} ${classNameModifier(centered && "center")}`,
     shouldCloseOnOverlayClick,
     style: {
-      content: {
-        ...style
-      },
+      content: __spreadValues({}, style),
       overlay: {
         zIndex
       }
     }
-  }, /* @__PURE__ */ React2.createElement("div", {
-    ...containerProps
-  }, showHeader && /* @__PURE__ */ React2.createElement("div", {
+  }, /* @__PURE__ */ React2.createElement("div", __spreadValues({}, containerProps), showHeader && /* @__PURE__ */ React2.createElement("div", {
     className: classNameBlock("modal-header")
   }, /* @__PURE__ */ React2.createElement("div", {
     className: classNameElement("title", "modal-header")
@@ -97,19 +109,17 @@ const DSModal = ({
   }, /* @__PURE__ */ React2.createElement("div", {
     ref: actionsRef,
     className: classNameBlock("modal-footer-actions")
-  }, modalType === MODAL_TYPE.CONFIRM && /* @__PURE__ */ React2.createElement(DSButton, {
+  }, modalType === MODAL_TYPE.CONFIRM && /* @__PURE__ */ React2.createElement(DSButton, __spreadValues({
     buttonType: "secondary",
     className: `${classNameElement("button-action")} ${classNameModifier("reject", "button-action")} `,
     labelText: rejectLabel,
-    onClick: onReject,
-    ...overridePropsRejectButton
-  }), /* @__PURE__ */ React2.createElement(DSButton, {
+    onClick: onReject
+  }, overridePropsRejectButton)), /* @__PURE__ */ React2.createElement(DSButton, __spreadValues({
     buttonType: "primary",
     className: `${classNameElement("button-action")} ${classNameModifier("confirm", "button-action")} `,
     labelText: confirmLabel,
-    onClick: onConfirm,
-    ...overridePropsConfirmButton
-  })))));
+    onClick: onConfirm
+  }, overridePropsConfirmButton))))));
 };
 DSModal.propTypes = {
   className: PropTypes.string,