@elliemae/ds-modal 3.4.3-rc.0 → 3.4.4-next.0

package/dist/esm/constants.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/constants.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const MODAL_TYPE = {\n  DEFAULT: 'default',\n  ALERT: 'alert',\n  CONFIRM: 'confirm',\n  NOTIFICATION: 'notification',\n  WARNING: 'warning',\n  ERROR: 'error',\n  SUCCESS: 'success',\n  HELP: 'help',\n  INFO: 'info',\n};\n\nexport const modalTypes = [\n  MODAL_TYPE.DEFAULT,\n  MODAL_TYPE.ALERT,\n  MODAL_TYPE.CONFIRM,\n  MODAL_TYPE.NOTIFICATION,\n  MODAL_TYPE.WARNING,\n  MODAL_TYPE.ERROR,\n  MODAL_TYPE.SUCCESS,\n  MODAL_TYPE.HELP,\n  MODAL_TYPE.INFO,\n];\n\nexport const MODAL_TYPE_V2 = {\n  INFORMATION: 'information',\n  DECISION: 'decision',\n  SELECTION: 'selection',\n  FORM: 'form',\n};\n\nexport const MODAL_SUB_TYPE_V2 = {\n  SUCCESS: 'success',\n  WARNING: 'warning',\n  ERROR: 'error',\n  INFORMATION: 'information',\n};\n\nexport default MODAL_TYPE;\n"],
-  "mappings": "AAAA;ACAO,MAAM,aAAa;AAAA,EACxB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,cAAc;AAAA,EACd,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AACR;AAEO,MAAM,aAAa;AAAA,EACxB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb;AAEO,MAAM,gBAAgB;AAAA,EAC3B,aAAa;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX,MAAM;AACR;AAEO,MAAM,oBAAoB;AAAA,EAC/B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AACf;AAEA,IAAO,oBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,aAAa;AAAA,EACxB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,cAAc;AAAA,EACd,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AACR;AAEO,MAAM,aAAa;AAAA,EACxB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb;AAEO,MAAM,gBAAgB;AAAA,EAC3B,aAAa;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX,MAAM;AACR;AAEO,MAAM,oBAAoB;AAAA,EAC/B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AACf;AAEA,IAAO,oBAAQ;",
   "names": []
 }

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSModal, DSModal as default } from './DSModal';\nexport { MODAL_TYPE, modalTypes, MODAL_TYPE_V2, MODAL_SUB_TYPE_V2 } from './constants';\nexport { DSModalWithSchema } from './v2/DSModal';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,SAAoB,WAAXA,gBAA0B;AAC5C,SAAS,YAAY,YAAY,eAAe,yBAAyB;AACzE,SAAS,yBAAyB;",
+  "names": ["DSModal"]
 }

package/dist/esm/v1/DSModal.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import PropTypes from "prop-types";
 import ReactModal from "react-modal";
 import { convertPropToCssClassName } from "@elliemae/ds-classnames";
@@ -53,7 +53,7 @@ const DSModal = ({
   const { WARNING, ERROR, SUCCESS, HELP, INFO } = MODAL_TYPE;
   const isAFeedbackType = [WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1;
   const showFeedBack = isAFeedbackType || hasError || hasWarning || hasSuccess || hasInfo || hasHelp;
-  return /* @__PURE__ */ React2.createElement(ReactModal, {
+  return /* @__PURE__ */ jsx(ReactModal, {
     testId: dataTestId,
     className: cssClassName,
     contentLabel: modalTitle,
@@ -69,47 +69,68 @@ const DSModal = ({
       overlay: {
         zIndex
       }
-    }
-  }, /* @__PURE__ */ React2.createElement("div", {
-    ...containerProps
-  }, showHeader && /* @__PURE__ */ React2.createElement("div", {
-    className: classNameBlock("modal-header")
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: classNameElement("title", "modal-header")
-  }, modalTitle), /* @__PURE__ */ React2.createElement("div", {
-    className: classNameElement("icon", "modal-header")
-  }, /* @__PURE__ */ React2.createElement(DSButton, {
-    buttonType: "link",
-    icon: /* @__PURE__ */ React2.createElement(Close, null),
-    onClick: onClose,
-    size: iconCloseSize
-  }))), /* @__PURE__ */ React2.createElement("div", {
-    className: classNameElement("body")
-  }, showFeedBack && /* @__PURE__ */ React2.createElement(ModalFeedBack, {
-    hasError,
-    hasHelp,
-    hasInfo,
-    hasSuccess,
-    hasWarning,
-    modalType
-  }), children), showFooter && !isAFeedbackType && /* @__PURE__ */ React2.createElement("div", {
-    className: `${classNameBlock("modal-footer")} ${additionalFooterCssClass ? classNameBlockModifier(additionalFooterCssClass, "modal-footer") : ""}`
-  }, /* @__PURE__ */ React2.createElement("div", {
-    ref: actionsRef,
-    className: classNameBlock("modal-footer-actions")
-  }, modalType === MODAL_TYPE.CONFIRM && /* @__PURE__ */ React2.createElement(DSButton, {
-    buttonType: "secondary",
-    className: `${classNameElement("button-action")} ${classNameModifier("reject", "button-action")} `,
-    labelText: rejectLabel,
-    onClick: onReject,
-    ...overridePropsRejectButton
-  }), /* @__PURE__ */ React2.createElement(DSButton, {
-    buttonType: "primary",
-    className: `${classNameElement("button-action")} ${classNameModifier("confirm", "button-action")} `,
-    labelText: confirmLabel,
-    onClick: onConfirm,
-    ...overridePropsConfirmButton
-  })))));
+    },
+    children: /* @__PURE__ */ jsxs("div", {
+      ...containerProps,
+      children: [
+        showHeader && /* @__PURE__ */ jsxs("div", {
+          className: classNameBlock("modal-header"),
+          children: [
+            /* @__PURE__ */ jsx("div", {
+              className: classNameElement("title", "modal-header"),
+              children: modalTitle
+            }),
+            /* @__PURE__ */ jsx("div", {
+              className: classNameElement("icon", "modal-header"),
+              children: /* @__PURE__ */ jsx(DSButton, {
+                buttonType: "link",
+                icon: /* @__PURE__ */ jsx(Close, {}),
+                onClick: onClose,
+                size: iconCloseSize
+              })
+            })
+          ]
+        }),
+        /* @__PURE__ */ jsxs("div", {
+          className: classNameElement("body"),
+          children: [
+            showFeedBack && /* @__PURE__ */ jsx(ModalFeedBack, {
+              hasError,
+              hasHelp,
+              hasInfo,
+              hasSuccess,
+              hasWarning,
+              modalType
+            }),
+            children
+          ]
+        }),
+        showFooter && !isAFeedbackType && /* @__PURE__ */ jsx("div", {
+          className: `${classNameBlock("modal-footer")} ${additionalFooterCssClass ? classNameBlockModifier(additionalFooterCssClass, "modal-footer") : ""}`,
+          children: /* @__PURE__ */ jsxs("div", {
+            ref: actionsRef,
+            className: classNameBlock("modal-footer-actions"),
+            children: [
+              modalType === MODAL_TYPE.CONFIRM && /* @__PURE__ */ jsx(DSButton, {
+                buttonType: "secondary",
+                className: `${classNameElement("button-action")} ${classNameModifier("reject", "button-action")} `,
+                labelText: rejectLabel,
+                onClick: onReject,
+                ...overridePropsRejectButton
+              }),
+              /* @__PURE__ */ jsx(DSButton, {
+                buttonType: "primary",
+                className: `${classNameElement("button-action")} ${classNameModifier("confirm", "button-action")} `,
+                labelText: confirmLabel,
+                onClick: onConfirm,
+                ...overridePropsConfirmButton
+              })
+            ]
+          })
+        })
+      ]
+    })
+  });
 };
 DSModal.propTypes = {
   className: PropTypes.string,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/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 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';\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"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/v1/DSModalType.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/DSModalType.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const modalTypes = [\n  MODAL_TYPE.DEFAULT,\n  MODAL_TYPE.ALERT,\n  MODAL_TYPE.CONFIRM,\n  MODAL_TYPE.NOTIFICATION,\n  MODAL_TYPE.WARNING,\n  MODAL_TYPE.ERROR,\n  MODAL_TYPE.SUCCESS,\n  MODAL_TYPE.HELP,\n  MODAL_TYPE.INFO,\n];\n"],
-  "mappings": "AAAA;ACAO,MAAM,aAAa;AAAA,EACxB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,aAAa;AAAA,EACxB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/DSModalWrapper.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,IAAO,yBAAQ,CAAC,qBAAqB;AACnC,QAAM,uBAAuB,UAAU;AAAA,IAAvC;AAAA;AACE,mBAAQ;AAAA,QACN,YAAY;AAAA,QACZ,0BAA0B;AAAA,QAC1B,WAAW;AAAA,QACX,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAUA,4BAAiB,CAAC,MAAM;AACtB,aAAK,mBAAmB;AACxB,aAAK,eAAe,EAAE,UAAU;AAAA,MAClC;AAEA,4BAAiB,CAAC,MAAM;AACtB,aAAK,mBAAmB;AACxB,aAAK,eAAe,EAAE,UAAU;AAAA,MAClC;AAEA,sBAAW,CAAC,EAAE,aAAa;AACzB,YAAI,KAAK,oBAAoB,KAAK,kBAAkB;AAClD,iBAAO,KAAK,SAAS;AAAA,YACnB,QAAQ,OAAO,SAAS,KAAK,eAAe,KAAK;AAAA,UACnD,CAAC;AAAA,QACH;AACA,eAAO,WAAW,KAAK,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC;AAAA,MAChD;AAEA,6BAAkB,CAAC,SAAS;AAC1B,YAAI;AAAM,eAAK,SAAS,EAAE,WAAW,KAAK,CAAC;AAC3C,aAAK,aAAa;AAAA,MACpB;AAEA,2BAAgB,CAAC,SAAS;AACxB,YAAI;AAAM,eAAK,SAAS,EAAE,SAAS,KAAK,CAAC;AACzC,aAAK,aAAa;AAAA,MACpB;AAMA,0BAAe,MAAM;AACnB,YAAI,CAAC,KAAK;AAAO,iBAAO;AACxB,cAAM,EAAE,WAAW,SAAS,eAAe,KAAK;AAChD,YAAI,CAAC;AAAY,iBAAO;AACxB,aAAK,SAAS,EAAE,0BAA0B,KAAK,CAAC;AAChD,cAAM,EAAE,aAAa,mBAAmB;AACxC,cAAM,EAAE,aAAa,iBAAiB;AAEtC,YACE,kBACA,gBACC,eAAe,iBAAkB,MAAM,IACxC;AACA,iBAAO,KAAK,SAAS,EAAE,0BAA0B,gBAAgB,CAAC;AAAA,QACpE;AACA,eAAO,KAAK,SAAS,EAAE,0BAA0B,KAAK,CAAC;AAAA,MACzD;AAAA;AAAA,IAzDA,oBAAoB;AAClB,aAAO,iBAAiB,UAAU,KAAK,YAAY;AAAA,IACrD;AAAA,IAEA,uBAAuB;AACrB,aAAO,oBAAoB,UAAU,KAAK,YAAY;AAAA,IACxD;AAAA,IAqDA,cAAc;AACZ,YAAM,EAAE,cAAc,KAAK;AAC3B,UAAI,cAAc,WAAW,SAAS;AACpC,cAAM,gBAAgB,YAAY,MAAM;AAEtC,gBAAM,EAAE,WAAW,YAAY,KAAK;AACpC,cAAI,CAAC,aAAa,CAAC;AAAS,mBAAO;AACnC,wBAAc,aAAa;AAC3B,eAAK,SAAS,EAAE,YAAY,KAAK,CAAC;AAClC,iBAAO,KAAK,aAAa;AAAA,QAC3B,GAAG,GAAG;AAAA,MACR;AAAA,IACF;AAAA,IAEA,SAAS;AACP,YAAM,EAAE,OAAO,UAAU;AACzB,YAAM,EAAE,0BAA0B,WAAW;AAC7C,aAAO,cAAc,kBAAkB;AAAA,QACrC,GAAG;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,YAAY;AACzC,eAAK,YAAY;AAAA,QACnB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,qBAAqB;AACzC,SAAS,kBAAkB;AAE3B,IAAO,yBAAQ,CAAC,qBAAqB;AACnC,QAAM,uBAAuB,UAAU;AAAA,IAAvC;AAAA;AACE,mBAAQ;AAAA,QACN,YAAY;AAAA,QACZ,0BAA0B;AAAA,QAC1B,WAAW;AAAA,QACX,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAUA,4BAAiB,CAAC,MAAM;AACtB,aAAK,mBAAmB;AACxB,aAAK,eAAe,EAAE,UAAU;AAAA,MAClC;AAEA,4BAAiB,CAAC,MAAM;AACtB,aAAK,mBAAmB;AACxB,aAAK,eAAe,EAAE,UAAU;AAAA,MAClC;AAEA,sBAAW,CAAC,EAAE,OAAO,MAAM;AACzB,YAAI,KAAK,oBAAoB,KAAK,kBAAkB;AAClD,iBAAO,KAAK,SAAS;AAAA,YACnB,QAAQ,OAAO,SAAS,KAAK,eAAe,KAAK;AAAA,UACnD,CAAC;AAAA,QACH;AACA,eAAO,WAAW,KAAK,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC;AAAA,MAChD;AAEA,6BAAkB,CAAC,SAAS;AAC1B,YAAI;AAAM,eAAK,SAAS,EAAE,WAAW,KAAK,CAAC;AAC3C,aAAK,aAAa;AAAA,MACpB;AAEA,2BAAgB,CAAC,SAAS;AACxB,YAAI;AAAM,eAAK,SAAS,EAAE,SAAS,KAAK,CAAC;AACzC,aAAK,aAAa;AAAA,MACpB;AAMA,0BAAe,MAAM;AACnB,YAAI,CAAC,KAAK;AAAO,iBAAO;AACxB,cAAM,EAAE,WAAW,SAAS,WAAW,IAAI,KAAK;AAChD,YAAI,CAAC;AAAY,iBAAO;AACxB,aAAK,SAAS,EAAE,0BAA0B,KAAK,CAAC;AAChD,cAAM,EAAE,aAAa,eAAe,IAAI;AACxC,cAAM,EAAE,aAAa,aAAa,IAAI;AAEtC,YACE,kBACA,gBACC,eAAe,iBAAkB,MAAM,IACxC;AACA,iBAAO,KAAK,SAAS,EAAE,0BAA0B,gBAAgB,CAAC;AAAA,QACpE;AACA,eAAO,KAAK,SAAS,EAAE,0BAA0B,KAAK,CAAC;AAAA,MACzD;AAAA;AAAA,IAzDA,oBAAoB;AAClB,aAAO,iBAAiB,UAAU,KAAK,YAAY;AAAA,IACrD;AAAA,IAEA,uBAAuB;AACrB,aAAO,oBAAoB,UAAU,KAAK,YAAY;AAAA,IACxD;AAAA,IAqDA,cAAc;AACZ,YAAM,EAAE,UAAU,IAAI,KAAK;AAC3B,UAAI,cAAc,WAAW,SAAS;AACpC,cAAM,gBAAgB,YAAY,MAAM;AAEtC,gBAAM,EAAE,WAAW,QAAQ,IAAI,KAAK;AACpC,cAAI,CAAC,aAAa,CAAC;AAAS,mBAAO;AACnC,wBAAc,aAAa;AAC3B,eAAK,SAAS,EAAE,YAAY,KAAK,CAAC;AAClC,iBAAO,KAAK,aAAa;AAAA,QAC3B,GAAG,GAAG;AAAA,MACR;AAAA,IACF;AAAA,IAEA,SAAS;AACP,YAAM,EAAE,OAAO,MAAM,IAAI;AACzB,YAAM,EAAE,0BAA0B,OAAO,IAAI;AAC7C,aAAO,cAAc,kBAAkB;AAAA,QACrC,GAAG;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,YAAY;AACzC,eAAK,YAAY;AAAA,QACnB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/v1/ModalFeedBack/ModalFeedBack.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { WarningCircle, CheckmarkCircle, HelpCircle, InfoCircle } from "@elliemae/ds-icons";
 import { convertPropToCssClassName } from "@elliemae/ds-classnames";
 import { MODAL_TYPE } from "../../constants";
@@ -24,23 +24,23 @@ const getIconType = (modalType) => {
   switch (modalType) {
     case WARNING:
     case ERROR:
-      return /* @__PURE__ */ React2.createElement(WarningCircle, {
+      return /* @__PURE__ */ jsx(WarningCircle, {
         size: feedbackIconSize
       });
     case SUCCESS:
-      return /* @__PURE__ */ React2.createElement(CheckmarkCircle, {
+      return /* @__PURE__ */ jsx(CheckmarkCircle, {
         size: feedbackIconSize
       });
     case HELP:
-      return /* @__PURE__ */ React2.createElement(HelpCircle, {
+      return /* @__PURE__ */ jsx(HelpCircle, {
         size: feedbackIconSize
       });
     case INFO:
-      return /* @__PURE__ */ React2.createElement(InfoCircle, {
+      return /* @__PURE__ */ jsx(InfoCircle, {
         size: feedbackIconSize
       });
     default:
-      return /* @__PURE__ */ React2.createElement(InfoCircle, {
+      return /* @__PURE__ */ jsx(InfoCircle, {
         size: feedbackIconSize
       });
   }
@@ -63,9 +63,10 @@ const ModalFeedBack = ({
   });
   const { cssClassName } = convertPropToCssClassName("modal-feedback", className, { modalType: type });
   const feedbackIcon = getIconType(type);
-  return /* @__PURE__ */ React2.createElement("div", {
-    className: cssClassName
-  }, feedbackIcon);
+  return /* @__PURE__ */ jsx("div", {
+    className: cssClassName,
+    children: feedbackIcon
+  });
 };
 var ModalFeedBack_default = ModalFeedBack;
 export {

package/dist/esm/v1/ModalFeedBack/ModalFeedBack.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v1/ModalFeedBack/ModalFeedBack.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { WarningCircle, CheckmarkCircle, HelpCircle, InfoCircle } from '@elliemae/ds-icons';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { MODAL_TYPE } from '../../constants';\n\nconst feedbackIconSize = 'xxl';\n\nconst { WARNING, ERROR, SUCCESS, HELP, INFO } = MODAL_TYPE;\n\nconst getModalType = (modalType, { hasError, hasWarning, hasSuccess, hasInfo, hasHelp }) => {\n  if ([WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1) return modalType;\n  if (hasError) return ERROR;\n  if (hasWarning) return WARNING;\n  if (hasSuccess) return SUCCESS;\n  if (hasHelp) return HELP;\n  if (hasInfo) return INFO;\n  return INFO;\n};\n\nconst getIconType = (modalType) => {\n  switch (modalType) {\n    case WARNING:\n    case ERROR:\n      return <WarningCircle size={feedbackIconSize} />;\n    case SUCCESS:\n      return <CheckmarkCircle size={feedbackIconSize} />;\n    case HELP:\n      return <HelpCircle size={feedbackIconSize} />;\n    case INFO:\n      return <InfoCircle size={feedbackIconSize} />;\n    default:\n      return <InfoCircle size={feedbackIconSize} />;\n  }\n};\n\nconst ModalFeedBack = ({\n  className = '',\n  modalType = null,\n  hasError = false,\n  hasWarning = false,\n  hasSuccess = false,\n  hasInfo = false,\n  hasHelp = false,\n}) => {\n  const type = getModalType(modalType, {\n    hasError,\n    hasWarning,\n    hasSuccess,\n    hasInfo,\n    hasHelp,\n  });\n  const { cssClassName } = convertPropToCssClassName('modal-feedback', className, { modalType: type });\n  const feedbackIcon = getIconType(type);\n\n  return <div className={cssClassName}>{feedbackIcon}</div>;\n};\n\nexport default ModalFeedBack;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,mBAAmB;AAEzB,MAAM,EAAE,SAAS,OAAO,SAAS,MAAM,SAAS;AAEhD,MAAM,eAAe,CAAC,WAAW,EAAE,UAAU,YAAY,YAAY,SAAS,cAAc;AAC1F,MAAI,CAAC,SAAS,OAAO,SAAS,MAAM,IAAI,EAAE,QAAQ,SAAS,IAAI;AAAI,WAAO;AAC1E,MAAI;AAAU,WAAO;AACrB,MAAI;AAAY,WAAO;AACvB,MAAI;AAAY,WAAO;AACvB,MAAI;AAAS,WAAO;AACpB,MAAI;AAAS,WAAO;AACpB,SAAO;AACT;AAEA,MAAM,cAAc,CAAC,cAAc;AACjC,UAAQ;AAAA,SACD;AAAA,SACA;AACH,aAAO,qCAAC;AAAA,QAAc,MAAM;AAAA,OAAkB;AAAA,SAC3C;AACH,aAAO,qCAAC;AAAA,QAAgB,MAAM;AAAA,OAAkB;AAAA,SAC7C;AACH,aAAO,qCAAC;AAAA,QAAW,MAAM;AAAA,OAAkB;AAAA,SACxC;AACH,aAAO,qCAAC;AAAA,QAAW,MAAM;AAAA,OAAkB;AAAA;AAE3C,aAAO,qCAAC;AAAA,QAAW,MAAM;AAAA,OAAkB;AAAA;AAEjD;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,MACN;AACJ,QAAM,OAAO,aAAa,WAAW;AAAA,IACnC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,EAAE,iBAAiB,0BAA0B,kBAAkB,WAAW,EAAE,WAAW,KAAK,CAAC;AACnG,QAAM,eAAe,YAAY,IAAI;AAErC,SAAO,qCAAC;AAAA,IAAI,WAAW;AAAA,KAAe,YAAa;AACrD;AAEA,IAAO,wBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,eAAe,iBAAiB,YAAY,kBAAkB;AACvE,SAAS,iCAAiC;AAC1C,SAAS,kBAAkB;AAE3B,MAAM,mBAAmB;AAEzB,MAAM,EAAE,SAAS,OAAO,SAAS,MAAM,KAAK,IAAI;AAEhD,MAAM,eAAe,CAAC,WAAW,EAAE,UAAU,YAAY,YAAY,SAAS,QAAQ,MAAM;AAC1F,MAAI,CAAC,SAAS,OAAO,SAAS,MAAM,IAAI,EAAE,QAAQ,SAAS,IAAI;AAAI,WAAO;AAC1E,MAAI;AAAU,WAAO;AACrB,MAAI;AAAY,WAAO;AACvB,MAAI;AAAY,WAAO;AACvB,MAAI;AAAS,WAAO;AACpB,MAAI;AAAS,WAAO;AACpB,SAAO;AACT;AAEA,MAAM,cAAc,CAAC,cAAc;AACjC,UAAQ;AAAA,SACD;AAAA,SACA;AACH,aAAO,oBAAC;AAAA,QAAc,MAAM;AAAA,OAAkB;AAAA,SAC3C;AACH,aAAO,oBAAC;AAAA,QAAgB,MAAM;AAAA,OAAkB;AAAA,SAC7C;AACH,aAAO,oBAAC;AAAA,QAAW,MAAM;AAAA,OAAkB;AAAA,SACxC;AACH,aAAO,oBAAC;AAAA,QAAW,MAAM;AAAA,OAAkB;AAAA;AAE3C,aAAO,oBAAC;AAAA,QAAW,MAAM;AAAA,OAAkB;AAAA;AAEjD;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AACZ,MAAM;AACJ,QAAM,OAAO,aAAa,WAAW;AAAA,IACnC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,EAAE,aAAa,IAAI,0BAA0B,kBAAkB,WAAW,EAAE,WAAW,KAAK,CAAC;AACnG,QAAM,eAAe,YAAY,IAAI;AAErC,SAAO,oBAAC;AAAA,IAAI,WAAW;AAAA,IAAe;AAAA,GAAa;AACrD;AAEA,IAAO,wBAAQ;",
   "names": []
 }

package/dist/esm/v2/DSModal.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
 import { ThemeContext } from "@elliemae/ds-system";
 import { PropTypes, describe } from "@elliemae/ds-utilities";
 import ReactModal from "react-modal";
@@ -43,7 +44,7 @@ const DSModal = ({
     size
   });
   const theme = useContext(ThemeContext);
-  return /* @__PURE__ */ React2.createElement(ReactModal, {
+  return /* @__PURE__ */ jsx(ReactModal, {
     testId: dataTestId,
     className: `${cssClassName} ${classNameBlock(`type-${modalType}`)}`,
     contentLabel: modalTitle,
@@ -59,26 +60,28 @@ const DSModal = ({
       overlay: {
         zIndex: zIndex ?? theme.zIndex.dialog
       }
-    }
-  }, /* @__PURE__ */ React2.createElement(DSModalContent, {
-    actionsRef,
-    additionalFooterCssClass,
-    confirmLabel,
-    containerProps,
-    modalSubType,
-    modalTitle,
-    modalType,
-    onClose,
-    onConfirm,
-    onReject,
-    overridePropsConfirmButton,
-    overridePropsRejectButton,
-    rejectLabel,
-    searchProps,
-    showClose,
-    showRejectButton,
-    removePadding
-  }, children));
+    },
+    children: /* @__PURE__ */ jsx(DSModalContent, {
+      actionsRef,
+      additionalFooterCssClass,
+      confirmLabel,
+      containerProps,
+      modalSubType,
+      modalTitle,
+      modalType,
+      onClose,
+      onConfirm,
+      onReject,
+      overridePropsConfirmButton,
+      overridePropsRejectButton,
+      rejectLabel,
+      searchProps,
+      showClose,
+      showRejectButton,
+      removePadding,
+      children
+    })
+  });
 };
 const props = {
   containerProps: PropTypes.object.description("inject props to container wrapper"),
@@ -99,11 +102,15 @@ const props = {
   onReject: PropTypes.func.description("reject callback"),
   rejectLabel: PropTypes.string.description("reject label"),
   confirmLabel: PropTypes.string.description("confirm text string"),
-  size: PropTypes.oneOf(["default", "xx-large", "x-large", "large", "medium", "small"]).description("modal container size"),
+  size: PropTypes.oneOf(["default", "xx-large", "x-large", "large", "medium", "small"]).description(
+    "modal container size"
+  ),
   modalSubType: PropTypes.any.description("modal sub type"),
   modalType: PropTypes.any.description("modal type"),
   actionsRef: PropTypes.any.description("ref for modal footer actions"),
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).description("modal container children"),
+  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).description(
+    "modal container children"
+  ),
   shouldCloseOnOverlayClick: PropTypes.bool.description("close on click outside container"),
   appElement: PropTypes.string.description("App element ID to inject the modal"),
   zIndex: PropTypes.number.description("zindex for modal container"),

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/DSModal.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useContext } from 'react';\nimport { ThemeContext } from '@elliemae/ds-system';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\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,\n  removePadding = false,\n}) => {\n  if (typeof document !== 'undefined' && process.env.NODE_ENV !== 'test' && document && ReactModal.setAppElement) {\n    ReactModal.setAppElement(appElement);\n  }\n\n  const { cssClassName, classNameBlock, classNameModifier } = convertPropToCssClassName('modal-v2', className, {\n    size,\n  });\n\n  const theme = useContext(ThemeContext);\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(centered ? 'center' : 'top')}`}\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: zIndex ?? theme.zIndex.dialog,\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('inject props to container wrapper'),\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('css class for footer'),\n  /**  override props confirm button */\n  overridePropsConfirmButton: PropTypes.object.description('override props confirm button'),\n  /** override props reject button */\n  overridePropsRejectButton: PropTypes.object.description('override props reject button'),\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(['default', 'xx-large', 'x-large', 'large', 'medium', 'small']).description(\n    'modal container size',\n  ),\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([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).description(\n    'modal container children',\n  ),\n  /** close on click outside container */\n  shouldCloseOnOverlayClick: PropTypes.bool.description('close on click outside container'),\n  /*\n    App element ID to inject the modal\n  */\n  appElement: PropTypes.string.description('App element ID to inject the modal'),\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;\nDSModal.displayName = 'DSModal';\nconst DSModalWithSchema = describe(DSModal);\nDSModalWithSchema.propTypes = props;\n\nexport { DSModalContent, DSModalWithSchema };\nexport default DSModal;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/v2/blocks.js

@@ -22,10 +22,14 @@ const ModalWrapper = aggregatedClasses("div")(blockName, "modal-wrapper", ({ typ
   [type]: type,
   "remove-padding": removePadding
 }));
-const ModalFooter = aggregatedClasses("div")(blockName, "modal-footer", ({ type, additionalFooterCssClass }) => ({
-  [type]: type,
-  [additionalFooterCssClass]: additionalFooterCssClass
-}));
+const ModalFooter = aggregatedClasses("div")(
+  blockName,
+  "modal-footer",
+  ({ type, additionalFooterCssClass }) => ({
+    [type]: type,
+    [additionalFooterCssClass]: additionalFooterCssClass
+  })
+);
 const ModalFooterActions = aggregatedClasses("div")(blockName, "modal-footer-actions", ({ type }) => ({
   [type]: type
 }));

package/dist/esm/v2/blocks.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/blocks.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'modal-v2';\n\nexport const ModalHeader = aggregatedClasses('div')(blockName, 'modal-header', ({ type, showClose }) => ({\n  [type]: type,\n  'with-close': showClose,\n}));\n\nexport const ModalHeaderTopRight = aggregatedClasses('div')(blockName, 'modal-header-close', ({ type }) => ({\n  [type]: type,\n}));\n\nexport const ModalFeedback = aggregatedClasses('div')(blockName, 'modal-feedback', ({ type }) => ({\n  [type]: type,\n}));\n\nexport const ModalTitle = aggregatedClasses('h3')(blockName, 'modal-title', ({ type }) => ({\n  [type]: type,\n}));\n\nexport const ModalContent = aggregatedClasses('div')(blockName, 'modal-content', ({ type, removePadding }) => ({\n  [type]: type,\n  'remove-padding': removePadding,\n}));\n\nexport const ModalWrapper = aggregatedClasses('div')(blockName, 'modal-wrapper', ({ type, removePadding }) => ({\n  [type]: type,\n  'remove-padding': removePadding,\n}));\n\nexport const ModalFooter = aggregatedClasses('div')(\n  blockName,\n  'modal-footer',\n  ({ type, additionalFooterCssClass }) => ({\n    [type]: type,\n    [additionalFooterCssClass]: additionalFooterCssClass,\n  }),\n);\n\nexport const ModalFooterActions = aggregatedClasses('div')(blockName, 'modal-footer-actions', ({ type }) => ({\n  [type]: type,\n}));\n"],
-  "mappings": "AAAA;ACAA;AAEA,MAAM,YAAY;AAEX,MAAM,cAAc,kBAAkB,KAAK,EAAE,WAAW,gBAAgB,CAAC,EAAE,MAAM,gBAAiB;AAAA,EACvG,CAAC,OAAO;AAAA,EACR,cAAc;AAChB,EAAE;AAEK,MAAM,sBAAsB,kBAAkB,KAAK,EAAE,WAAW,sBAAsB,CAAC,EAAE,WAAY;AAAA,EAC1G,CAAC,OAAO;AACV,EAAE;AAEK,MAAM,gBAAgB,kBAAkB,KAAK,EAAE,WAAW,kBAAkB,CAAC,EAAE,WAAY;AAAA,EAChG,CAAC,OAAO;AACV,EAAE;AAEK,MAAM,aAAa,kBAAkB,IAAI,EAAE,WAAW,eAAe,CAAC,EAAE,WAAY;AAAA,EACzF,CAAC,OAAO;AACV,EAAE;AAEK,MAAM,eAAe,kBAAkB,KAAK,EAAE,WAAW,iBAAiB,CAAC,EAAE,MAAM,oBAAqB;AAAA,EAC7G,CAAC,OAAO;AAAA,EACR,kBAAkB;AACpB,EAAE;AAEK,MAAM,eAAe,kBAAkB,KAAK,EAAE,WAAW,iBAAiB,CAAC,EAAE,MAAM,oBAAqB;AAAA,EAC7G,CAAC,OAAO;AAAA,EACR,kBAAkB;AACpB,EAAE;AAEK,MAAM,cAAc,kBAAkB,KAAK,EAChD,WACA,gBACA,CAAC,EAAE,MAAM,+BAAgC;AAAA,EACvC,CAAC,OAAO;AAAA,EACR,CAAC,2BAA2B;AAC9B,EACF;AAEO,MAAM,qBAAqB,kBAAkB,KAAK,EAAE,WAAW,wBAAwB,CAAC,EAAE,WAAY;AAAA,EAC3G,CAAC,OAAO;AACV,EAAE;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,yBAAyB;AAElC,MAAM,YAAY;AAEX,MAAM,cAAc,kBAAkB,KAAK,EAAE,WAAW,gBAAgB,CAAC,EAAE,MAAM,UAAU,OAAO;AAAA,EACvG,CAAC,OAAO;AAAA,EACR,cAAc;AAChB,EAAE;AAEK,MAAM,sBAAsB,kBAAkB,KAAK,EAAE,WAAW,sBAAsB,CAAC,EAAE,KAAK,OAAO;AAAA,EAC1G,CAAC,OAAO;AACV,EAAE;AAEK,MAAM,gBAAgB,kBAAkB,KAAK,EAAE,WAAW,kBAAkB,CAAC,EAAE,KAAK,OAAO;AAAA,EAChG,CAAC,OAAO;AACV,EAAE;AAEK,MAAM,aAAa,kBAAkB,IAAI,EAAE,WAAW,eAAe,CAAC,EAAE,KAAK,OAAO;AAAA,EACzF,CAAC,OAAO;AACV,EAAE;AAEK,MAAM,eAAe,kBAAkB,KAAK,EAAE,WAAW,iBAAiB,CAAC,EAAE,MAAM,cAAc,OAAO;AAAA,EAC7G,CAAC,OAAO;AAAA,EACR,kBAAkB;AACpB,EAAE;AAEK,MAAM,eAAe,kBAAkB,KAAK,EAAE,WAAW,iBAAiB,CAAC,EAAE,MAAM,cAAc,OAAO;AAAA,EAC7G,CAAC,OAAO;AAAA,EACR,kBAAkB;AACpB,EAAE;AAEK,MAAM,cAAc,kBAAkB,KAAK;AAAA,EAChD;AAAA,EACA;AAAA,EACA,CAAC,EAAE,MAAM,yBAAyB,OAAO;AAAA,IACvC,CAAC,OAAO;AAAA,IACR,CAAC,2BAA2B;AAAA,EAC9B;AACF;AAEO,MAAM,qBAAqB,kBAAkB,KAAK,EAAE,WAAW,wBAAwB,CAAC,EAAE,KAAK,OAAO;AAAA,EAC3G,CAAC,OAAO;AACV,EAAE;",
   "names": []
 }

package/dist/esm/v2/components/DecisionHeader.js

@@ -1,16 +1,17 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { Close } from "@elliemae/ds-icons";
 import DSButton from "@elliemae/ds-button";
 import { ModalHeader } from "../blocks";
-const DecisionHeader = ({ onClose, showClose }) => /* @__PURE__ */ React2.createElement(ModalHeader, {
-  classProps: { type: "decision", showClose }
-}, showClose && /* @__PURE__ */ React2.createElement(DSButton, {
-  buttonType: "link",
-  containerProps: { "data-testid": "modal-button-close" },
-  icon: /* @__PURE__ */ React2.createElement(Close, null),
-  onClick: onClose
-}));
+const DecisionHeader = ({ onClose, showClose }) => /* @__PURE__ */ jsx(ModalHeader, {
+  classProps: { type: "decision", showClose },
+  children: showClose && /* @__PURE__ */ jsx(DSButton, {
+    buttonType: "link",
+    containerProps: { "data-testid": "modal-button-close" },
+    icon: /* @__PURE__ */ jsx(Close, {}),
+    onClick: onClose
+  })
+});
 var DecisionHeader_default = DecisionHeader;
 export {
   DecisionHeader,

package/dist/esm/v2/components/DecisionHeader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/DecisionHeader.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { Close } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { ModalHeader } from '../blocks';\n\nexport const DecisionHeader = ({ onClose, showClose }) => (\n  <ModalHeader classProps={{ type: 'decision', showClose }}>\n    {showClose && (\n      <DSButton\n        buttonType=\"link\"\n        containerProps={{ 'data-testid': 'modal-button-close' }}\n        icon={<Close />}\n        onClick={onClose}\n      />\n    )}\n  </ModalHeader>\n);\n\nexport default DecisionHeader;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEO,MAAM,iBAAiB,CAAC,EAAE,SAAS,gBACxC,qCAAC;AAAA,EAAY,YAAY,EAAE,MAAM,YAAY,UAAU;AAAA,GACpD,aACC,qCAAC;AAAA,EACC,YAAW;AAAA,EACX,gBAAgB,EAAE,eAAe,qBAAqB;AAAA,EACtD,MAAM,qCAAC,WAAM;AAAA,EACb,SAAS;AAAA,CACX,CAEJ;AAGF,IAAO,yBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,aAAa;AACtB,OAAO,cAAc;AACrB,SAAS,mBAAmB;AAErB,MAAM,iBAAiB,CAAC,EAAE,SAAS,UAAU,MAClD,oBAAC;AAAA,EAAY,YAAY,EAAE,MAAM,YAAY,UAAU;AAAA,EACpD,uBACC,oBAAC;AAAA,IACC,YAAW;AAAA,IACX,gBAAgB,EAAE,eAAe,qBAAqB;AAAA,IACtD,MAAM,oBAAC,SAAM;AAAA,IACb,SAAS;AAAA,GACX;AAAA,CAEJ;AAGF,IAAO,yBAAQ;",
   "names": []
 }

package/dist/esm/v2/components/FeedbackIcon.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { ErrorHexegon, WarningTriangle, CheckmarkCircle, HelpCircle, InfoCircle } from "@elliemae/ds-icons";
 import { MODAL_SUB_TYPE_V2 } from "../../constants";
 import { ModalFeedback } from "../blocks";
@@ -7,35 +7,36 @@ const feedbackIconSize = "xxl";
 const getIconType = (subtype) => {
   switch (subtype) {
     case MODAL_SUB_TYPE_V2.WARNING:
-      return /* @__PURE__ */ React2.createElement(WarningTriangle, {
+      return /* @__PURE__ */ jsx(WarningTriangle, {
         "data-testid": "icon-waring",
         size: feedbackIconSize
       });
     case MODAL_SUB_TYPE_V2.ERROR:
-      return /* @__PURE__ */ React2.createElement(ErrorHexegon, {
+      return /* @__PURE__ */ jsx(ErrorHexegon, {
         "data-testid": "icon-error",
         size: feedbackIconSize
       });
     case MODAL_SUB_TYPE_V2.SUCCESS:
-      return /* @__PURE__ */ React2.createElement(CheckmarkCircle, {
+      return /* @__PURE__ */ jsx(CheckmarkCircle, {
         "data-testid": "icon-success",
         size: feedbackIconSize
       });
     case MODAL_SUB_TYPE_V2.INFORMATION:
-      return /* @__PURE__ */ React2.createElement(InfoCircle, {
+      return /* @__PURE__ */ jsx(InfoCircle, {
         "data-testid": "icon-information",
         size: feedbackIconSize
       });
     default:
-      return /* @__PURE__ */ React2.createElement(HelpCircle, {
+      return /* @__PURE__ */ jsx(HelpCircle, {
         "data-testid": "icon-help",
         size: feedbackIconSize
       });
   }
 };
-const FeedbackIcon = ({ modalSubType }) => /* @__PURE__ */ React2.createElement(ModalFeedback, {
-  classProps: { type: modalSubType }
-}, getIconType(modalSubType));
+const FeedbackIcon = ({ modalSubType }) => /* @__PURE__ */ jsx(ModalFeedback, {
+  classProps: { type: modalSubType },
+  children: getIconType(modalSubType)
+});
 var FeedbackIcon_default = FeedbackIcon;
 export {
   FeedbackIcon,

package/dist/esm/v2/components/FeedbackIcon.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/FeedbackIcon.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ErrorHexegon, WarningTriangle, CheckmarkCircle, HelpCircle, InfoCircle } from '@elliemae/ds-icons';\n\nimport { MODAL_SUB_TYPE_V2 } from '../../constants';\nimport { ModalFeedback } from '../blocks';\n\nconst feedbackIconSize = 'xxl';\n\nconst getIconType = (subtype) => {\n  switch (subtype) {\n    case MODAL_SUB_TYPE_V2.WARNING:\n      return <WarningTriangle data-testid=\"icon-waring\" size={feedbackIconSize} />;\n    case MODAL_SUB_TYPE_V2.ERROR:\n      return <ErrorHexegon data-testid=\"icon-error\" size={feedbackIconSize} />;\n    case MODAL_SUB_TYPE_V2.SUCCESS:\n      return <CheckmarkCircle data-testid=\"icon-success\" size={feedbackIconSize} />;\n    case MODAL_SUB_TYPE_V2.INFORMATION:\n      return <InfoCircle data-testid=\"icon-information\" size={feedbackIconSize} />;\n    default:\n      return <HelpCircle data-testid=\"icon-help\" size={feedbackIconSize} />;\n  }\n};\n\nexport const FeedbackIcon = ({ modalSubType }) => (\n  <ModalFeedback classProps={{ type: modalSubType }}>{getIconType(modalSubType)}</ModalFeedback>\n);\n\nexport default FeedbackIcon;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA;AACA;AAEA,MAAM,mBAAmB;AAEzB,MAAM,cAAc,CAAC,YAAY;AAC/B,UAAQ;AAAA,SACD,kBAAkB;AACrB,aAAO,qCAAC;AAAA,QAAgB,eAAY;AAAA,QAAc,MAAM;AAAA,OAAkB;AAAA,SACvE,kBAAkB;AACrB,aAAO,qCAAC;AAAA,QAAa,eAAY;AAAA,QAAa,MAAM;AAAA,OAAkB;AAAA,SACnE,kBAAkB;AACrB,aAAO,qCAAC;AAAA,QAAgB,eAAY;AAAA,QAAe,MAAM;AAAA,OAAkB;AAAA,SACxE,kBAAkB;AACrB,aAAO,qCAAC;AAAA,QAAW,eAAY;AAAA,QAAmB,MAAM;AAAA,OAAkB;AAAA;AAE1E,aAAO,qCAAC;AAAA,QAAW,eAAY;AAAA,QAAY,MAAM;AAAA,OAAkB;AAAA;AAEzE;AAEO,MAAM,eAAe,CAAC,EAAE,mBAC7B,qCAAC;AAAA,EAAc,YAAY,EAAE,MAAM,aAAa;AAAA,GAAI,YAAY,YAAY,CAAE;AAGhF,IAAO,uBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,cAAc,iBAAiB,iBAAiB,YAAY,kBAAkB;AAEvF,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAE9B,MAAM,mBAAmB;AAEzB,MAAM,cAAc,CAAC,YAAY;AAC/B,UAAQ;AAAA,SACD,kBAAkB;AACrB,aAAO,oBAAC;AAAA,QAAgB,eAAY;AAAA,QAAc,MAAM;AAAA,OAAkB;AAAA,SACvE,kBAAkB;AACrB,aAAO,oBAAC;AAAA,QAAa,eAAY;AAAA,QAAa,MAAM;AAAA,OAAkB;AAAA,SACnE,kBAAkB;AACrB,aAAO,oBAAC;AAAA,QAAgB,eAAY;AAAA,QAAe,MAAM;AAAA,OAAkB;AAAA,SACxE,kBAAkB;AACrB,aAAO,oBAAC;AAAA,QAAW,eAAY;AAAA,QAAmB,MAAM;AAAA,OAAkB;AAAA;AAE1E,aAAO,oBAAC;AAAA,QAAW,eAAY;AAAA,QAAY,MAAM;AAAA,OAAkB;AAAA;AAEzE;AAEO,MAAM,eAAe,CAAC,EAAE,aAAa,MAC1C,oBAAC;AAAA,EAAc,YAAY,EAAE,MAAM,aAAa;AAAA,EAAI,sBAAY,YAAY;AAAA,CAAE;AAGhF,IAAO,uBAAQ;",
   "names": []
 }

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import DSButton from "@elliemae/ds-button";
 import { ModalFooter, ModalFooterActions } from "../blocks";
 const Footer = ({
@@ -12,26 +12,31 @@ const Footer = ({
   onConfirm,
   overridePropsConfirmButton,
   showRejectButton
-}) => /* @__PURE__ */ React2.createElement(ModalFooter, {
+}) => /* @__PURE__ */ jsx(ModalFooter, {
   classProps: { additionalFooterCssClass },
-  "data-testid": "modal-footer-wrapper"
-}, /* @__PURE__ */ React2.createElement(ModalFooterActions, {
-  ref: actionsRef
-}, showRejectButton === true && /* @__PURE__ */ React2.createElement(DSButton, {
-  buttonType: "secondary",
-  className: "action-reject",
-  containerProps: { "data-testid": "modal-footer-reject-btn" },
-  labelText: rejectLabel,
-  onClick: onReject,
-  ...overridePropsRejectButton
-}), /* @__PURE__ */ React2.createElement(DSButton, {
-  buttonType: "primary",
-  className: "action-confirm",
-  containerProps: { "data-testid": "modal-footer-confirm-btn" },
-  labelText: confirmLabel,
-  onClick: onConfirm,
-  ...overridePropsConfirmButton
-})));
+  "data-testid": "modal-footer-wrapper",
+  children: /* @__PURE__ */ jsxs(ModalFooterActions, {
+    ref: actionsRef,
+    children: [
+      showRejectButton === true && /* @__PURE__ */ jsx(DSButton, {
+        buttonType: "secondary",
+        className: "action-reject",
+        containerProps: { "data-testid": "modal-footer-reject-btn" },
+        labelText: rejectLabel,
+        onClick: onReject,
+        ...overridePropsRejectButton
+      }),
+      /* @__PURE__ */ jsx(DSButton, {
+        buttonType: "primary",
+        className: "action-confirm",
+        containerProps: { "data-testid": "modal-footer-confirm-btn" },
+        labelText: confirmLabel,
+        onClick: onConfirm,
+        ...overridePropsConfirmButton
+      })
+    ]
+  })
+});
 var Footer_default = Footer;
 export {
   Footer,