@elliemae/ds-modal 3.16.0 → 3.16.1

package/dist/cjs/v2/DSModal.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -36,13 +40,14 @@ var import_ds_system = require("@elliemae/ds-system");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_react_modal = __toESM(require("react-modal"));
 var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_constants = require("../constants");
-var import_ModalContent = require("./components/ModalContent");
+var import_constants = require("../constants.js");
+var import_ModalContent = require("./components/ModalContent.js");
 const DSModal = ({
   containerProps = {},
   className = "",
   style = {},
   size = "default",
+  //
   modalType = import_constants.MODAL_TYPE_V2.INFORMATION,
   modalSubType = null,
   modalTitle = "",
@@ -51,10 +56,12 @@ const DSModal = ({
   showRejectButton = false,
   showClose = true,
   searchProps = {},
+  // override
   actionsRef = () => null,
   additionalFooterCssClass,
   overridePropsConfirmButton = {},
   overridePropsRejectButton = {},
+  // react modal
   children,
   isOpen = true,
   onClose = () => null,
@@ -91,6 +98,7 @@ const DSModal = ({
           ...style
         },
         overlay: {
+          // 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
           zIndex: zIndex ?? theme.zIndex.dialog
         }
       },
@@ -121,36 +129,67 @@ const DSModal = ({
   );
 };
 const props = {
+  /** inject props to container wrapper */
   containerProps: import_ds_props_helpers.PropTypes.object.description("inject props to container wrapper"),
+  /** css class */
   className: import_ds_props_helpers.PropTypes.string.description("css class"),
+  /** style object for container wrapper */
   style: import_ds_props_helpers.PropTypes.object.description("style object for container wrapper"),
+  /** modal container title */
   modalTitle: import_ds_props_helpers.PropTypes.string.description("modal container title"),
+  /** center container */
   centered: import_ds_props_helpers.PropTypes.bool.description("center container"),
+  /** show reject button */
   showRejectButton: import_ds_props_helpers.PropTypes.bool.description("show reject button"),
+  /** show close button */
   showClose: import_ds_props_helpers.PropTypes.bool.description("show close button"),
+  /*
+    Props for search component
+  */
   searchProps: import_ds_props_helpers.PropTypes.object.description("Props for search component"),
+  /** css class for footer */
   additionalFooterCssClass: import_ds_props_helpers.PropTypes.string.description("css class for footer"),
+  /**  override props confirm button */
   overridePropsConfirmButton: import_ds_props_helpers.PropTypes.object.description("override props confirm button"),
+  /** override props reject button */
   overridePropsRejectButton: import_ds_props_helpers.PropTypes.object.description("override props reject button"),
+  /** controlled isOpen flag */
   isOpen: import_ds_props_helpers.PropTypes.bool.description("controlled isOpen flag"),
+  /** close callback */
   onClose: import_ds_props_helpers.PropTypes.func.description("close callback"),
+  /** after open callback */
   onAfterOpen: import_ds_props_helpers.PropTypes.func.description("after open callback"),
+  /** confirm callback */
   onConfirm: import_ds_props_helpers.PropTypes.func.description("confirm callback"),
+  /** reject callback */
   onReject: import_ds_props_helpers.PropTypes.func.description("reject callback"),
+  /** reject label */
   rejectLabel: import_ds_props_helpers.PropTypes.string.description("reject label"),
+  /** confirm text string */
   confirmLabel: import_ds_props_helpers.PropTypes.string.description("confirm text string"),
+  /** modal container size */
   size: import_ds_props_helpers.PropTypes.oneOf(["default", "xx-large", "x-large", "large", "medium", "small"]).description(
     "modal container size"
   ),
+  /** modal sub type */
   modalSubType: import_ds_props_helpers.PropTypes.any.description("modal sub type"),
+  /** modal type */
   modalType: import_ds_props_helpers.PropTypes.any.description("modal type"),
+  /** ref for modal footer actions */
   actionsRef: import_ds_props_helpers.PropTypes.any.description("ref for modal footer actions"),
+  /** modal container children */
   children: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.element, import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.element)]).description(
     "modal container children"
   ),
+  /** close on click outside container */
   shouldCloseOnOverlayClick: import_ds_props_helpers.PropTypes.bool.description("close on click outside container"),
+  /*
+    App element ID to inject the modal
+  */
   appElement: import_ds_props_helpers.PropTypes.string.description("App element ID to inject the modal"),
+  /** zindex for modal container */
   zIndex: import_ds_props_helpers.PropTypes.number.description("zindex for modal container"),
+  /** remove modal builtin padding */
   removePadding: import_ds_props_helpers.PropTypes.bool.description("remove modal builtin padding")
 };
 DSModal.propTypes = props;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/v2/DSModal.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useContext } from 'react';\nimport { ThemeContext } from '@elliemae/ds-system';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useContext } from 'react';\nimport { ThemeContext } from '@elliemae/ds-system';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport ReactModal from 'react-modal';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { MODAL_TYPE_V2 } from '../constants.js';\nimport { DSModalContent } from './components/ModalContent.js';\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": ["ReactModal"]
 }

package/dist/cjs/v2/blocks.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/v2/blocks.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAElC,MAAM,YAAY;AAEX,MAAM,kBAAc,wCAAkB,KAAK,EAAE,WAAW,gBAAgB,CAAC,EAAE,MAAM,UAAU,OAAO;AAAA,EACvG,CAAC,OAAO;AAAA,EACR,cAAc;AAChB,EAAE;AAEK,MAAM,0BAAsB,wCAAkB,KAAK,EAAE,WAAW,sBAAsB,CAAC,EAAE,KAAK,OAAO;AAAA,EAC1G,CAAC,OAAO;AACV,EAAE;AAEK,MAAM,oBAAgB,wCAAkB,KAAK,EAAE,WAAW,kBAAkB,CAAC,EAAE,KAAK,OAAO;AAAA,EAChG,CAAC,OAAO;AACV,EAAE;AAEK,MAAM,iBAAa,wCAAkB,IAAI,EAAE,WAAW,eAAe,CAAC,EAAE,KAAK,OAAO;AAAA,EACzF,CAAC,OAAO;AACV,EAAE;AAEK,MAAM,mBAAe,wCAAkB,KAAK,EAAE,WAAW,iBAAiB,CAAC,EAAE,MAAM,cAAc,OAAO;AAAA,EAC7G,CAAC,OAAO;AAAA,EACR,kBAAkB;AACpB,EAAE;AAEK,MAAM,mBAAe,wCAAkB,KAAK,EAAE,WAAW,iBAAiB,CAAC,EAAE,MAAM,cAAc,OAAO;AAAA,EAC7G,CAAC,OAAO;AAAA,EACR,kBAAkB;AACpB,EAAE;AAEK,MAAM,kBAAc,wCAAkB,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,yBAAqB,wCAAkB,KAAK,EAAE,WAAW,wBAAwB,CAAC,EAAE,KAAK,OAAO;AAAA,EAC3G,CAAC,OAAO;AACV,EAAE;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAElC,MAAM,YAAY;AAEX,MAAM,kBAAc,wCAAkB,KAAK,EAAE,WAAW,gBAAgB,CAAC,EAAE,MAAM,UAAU,OAAO;AAAA,EACvG,CAAC,IAAI,GAAG;AAAA,EACR,cAAc;AAChB,EAAE;AAEK,MAAM,0BAAsB,wCAAkB,KAAK,EAAE,WAAW,sBAAsB,CAAC,EAAE,KAAK,OAAO;AAAA,EAC1G,CAAC,IAAI,GAAG;AACV,EAAE;AAEK,MAAM,oBAAgB,wCAAkB,KAAK,EAAE,WAAW,kBAAkB,CAAC,EAAE,KAAK,OAAO;AAAA,EAChG,CAAC,IAAI,GAAG;AACV,EAAE;AAEK,MAAM,iBAAa,wCAAkB,IAAI,EAAE,WAAW,eAAe,CAAC,EAAE,KAAK,OAAO;AAAA,EACzF,CAAC,IAAI,GAAG;AACV,EAAE;AAEK,MAAM,mBAAe,wCAAkB,KAAK,EAAE,WAAW,iBAAiB,CAAC,EAAE,MAAM,cAAc,OAAO;AAAA,EAC7G,CAAC,IAAI,GAAG;AAAA,EACR,kBAAkB;AACpB,EAAE;AAEK,MAAM,mBAAe,wCAAkB,KAAK,EAAE,WAAW,iBAAiB,CAAC,EAAE,MAAM,cAAc,OAAO;AAAA,EAC7G,CAAC,IAAI,GAAG;AAAA,EACR,kBAAkB;AACpB,EAAE;AAEK,MAAM,kBAAc,wCAAkB,KAAK;AAAA,EAChD;AAAA,EACA;AAAA,EACA,CAAC,EAAE,MAAM,yBAAyB,OAAO;AAAA,IACvC,CAAC,IAAI,GAAG;AAAA,IACR,CAAC,wBAAwB,GAAG;AAAA,EAC9B;AACF;AAEO,MAAM,yBAAqB,wCAAkB,KAAK,EAAE,WAAW,wBAAwB,CAAC,EAAE,KAAK,OAAO;AAAA,EAC3G,CAAC,IAAI,GAAG;AACV,EAAE;",
   "names": []
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -32,7 +36,7 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_blocks = require("../blocks");
+var import_blocks = require("../blocks.js");
 const DecisionHeader = ({ onClose, showClose }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.ModalHeader, { classProps: { type: "decision", showClose }, children: showClose && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   import_ds_button.default,
   {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/v2/components/DecisionHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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 color={['neutral', '900']} />}\n        onClick={onClose}\n      />\n    )}\n  </ModalHeader>\n);\n\nexport default DecisionHeader;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYT;AAVd,sBAAsB;AACtB,uBAAqB;AACrB,oBAA4B;AAErB,MAAM,iBAAiB,CAAC,EAAE,SAAS,UAAU,MAClD,4CAAC,6BAAY,YAAY,EAAE,MAAM,YAAY,UAAU,GACpD,uBACC;AAAA,EAAC,iBAAAA;AAAA,EAAA;AAAA,IACC,YAAW;AAAA,IACX,gBAAgB,EAAE,eAAe,qBAAqB;AAAA,IACtD,MAAM,4CAAC,yBAAM,OAAO,CAAC,WAAW,KAAK,GAAG;AAAA,IACxC,SAAS;AAAA;AACX,GAEJ;AAGF,IAAO,yBAAQ;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { Close } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { ModalHeader } from '../blocks.js';\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 color={['neutral', '900']} />}\n        onClick={onClose}\n      />\n    )}\n  </ModalHeader>\n);\n\nexport default DecisionHeader;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYT;AAVd,sBAAsB;AACtB,uBAAqB;AACrB,oBAA4B;AAErB,MAAM,iBAAiB,CAAC,EAAE,SAAS,UAAU,MAClD,4CAAC,6BAAY,YAAY,EAAE,MAAM,YAAY,UAAU,GACpD,uBACC;AAAA,EAAC,iBAAAA;AAAA,EAAA;AAAA,IACC,YAAW;AAAA,IACX,gBAAgB,EAAE,eAAe,qBAAqB;AAAA,IACtD,MAAM,4CAAC,yBAAM,OAAO,CAAC,WAAW,KAAK,GAAG;AAAA,IACxC,SAAS;AAAA;AACX,GAEJ;AAGF,IAAO,yBAAQ;",
   "names": ["DSButton"]
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,8 +35,8 @@ module.exports = __toCommonJS(FeedbackIcon_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_icons = require("@elliemae/ds-icons");
-var import_constants = require("../../constants");
-var import_blocks = require("../blocks");
+var import_constants = require("../../constants.js");
+var import_blocks = require("../blocks.js");
 const feedbackIconSize = "xxl";
 const getIconType = (subtype) => {
   switch (subtype) {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/v2/components/FeedbackIcon.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { ErrorHexegon, WarningTriangle, CheckmarkCircle, HelpCircle, InfoCircle } from '@elliemae/ds-icons';\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUV;AATb,sBAAuF;AACvF,uBAAkC;AAClC,oBAA8B;AAE9B,MAAM,mBAAmB;AAEzB,MAAM,cAAc,CAAC,YAAY;AAC/B,UAAQ,SAAS;AAAA,IACf,KAAK,mCAAkB;AACrB,aAAO,4CAAC,mCAAgB,eAAY,eAAc,MAAM,kBAAkB;AAAA,IAC5E,KAAK,mCAAkB;AACrB,aAAO,4CAAC,gCAAa,eAAY,cAAa,MAAM,kBAAkB;AAAA,IACxE,KAAK,mCAAkB;AACrB,aAAO,4CAAC,mCAAgB,eAAY,gBAAe,MAAM,kBAAkB;AAAA,IAC7E,KAAK,mCAAkB;AACrB,aAAO,4CAAC,8BAAW,eAAY,oBAAmB,MAAM,kBAAkB;AAAA,IAC5E;AACE,aAAO,4CAAC,8BAAW,eAAY,aAAY,MAAM,kBAAkB;AAAA,EACvE;AACF;AAEO,MAAM,eAAe,CAAC,EAAE,aAAa,MAC1C,4CAAC,+BAAc,YAAY,EAAE,MAAM,aAAa,GAAI,sBAAY,YAAY,GAAE;AAGhF,IAAO,uBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { ErrorHexegon, WarningTriangle, CheckmarkCircle, HelpCircle, InfoCircle } from '@elliemae/ds-icons';\nimport { MODAL_SUB_TYPE_V2 } from '../../constants.js';\nimport { ModalFeedback } from '../blocks.js';\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUV;AATb,sBAAuF;AACvF,uBAAkC;AAClC,oBAA8B;AAE9B,MAAM,mBAAmB;AAEzB,MAAM,cAAc,CAAC,YAAY;AAC/B,UAAQ,SAAS;AAAA,IACf,KAAK,mCAAkB;AACrB,aAAO,4CAAC,mCAAgB,eAAY,eAAc,MAAM,kBAAkB;AAAA,IAC5E,KAAK,mCAAkB;AACrB,aAAO,4CAAC,gCAAa,eAAY,cAAa,MAAM,kBAAkB;AAAA,IACxE,KAAK,mCAAkB;AACrB,aAAO,4CAAC,mCAAgB,eAAY,gBAAe,MAAM,kBAAkB;AAAA,IAC7E,KAAK,mCAAkB;AACrB,aAAO,4CAAC,8BAAW,eAAY,oBAAmB,MAAM,kBAAkB;AAAA,IAC5E;AACE,aAAO,4CAAC,8BAAW,eAAY,aAAY,MAAM,kBAAkB;AAAA,EACvE;AACF;AAEO,MAAM,eAAe,CAAC,EAAE,aAAa,MAC1C,4CAAC,+BAAc,YAAY,EAAE,MAAM,aAAa,GAAI,sBAAY,YAAY,GAAE;AAGhF,IAAO,uBAAQ;",
   "names": []
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,7 +35,7 @@ module.exports = __toCommonJS(Footer_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_blocks = require("../blocks");
+var import_blocks = require("../blocks.js");
 const Footer = ({
   additionalFooterCssClass,
   actionsRef,

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

@@ -1,7 +1,7 @@
 {
   "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;AAAA;ACAA,YAAuB;ADiBnB;AAfJ,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;AACF,MACE,4CAAC,6BAAY,YAAY,EAAE,yBAAyB,GAAG,eAAY,wBACjE,uDAAC,oCAAmB,KAAK,YACtB;AAAA,uBAAqB,QACpB;AAAA,IAAC,iBAAAA;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,WAAU;AAAA,MACV,gBAAgB,EAAE,eAAe,0BAA0B;AAAA,MAC3D,WAAW;AAAA,MACX,SAAS;AAAA,MACR,GAAG;AAAA;AAAA,EACN;AAAA,EAEF;AAAA,IAAC,iBAAAA;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,WAAU;AAAA,MACV,gBAAgB,EAAE,eAAe,2BAA2B;AAAA,MAC5D,WAAW;AAAA,MACX,SAAS;AAAA,MACR,GAAG;AAAA;AAAA,EACN;AAAA,GACF,GACF;AAGF,IAAO,iBAAQ;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport DSButton from '@elliemae/ds-button';\nimport { ModalFooter, ModalFooterActions } from '../blocks.js';\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;AAAA;ACAA,YAAuB;ADiBnB;AAfJ,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;AACF,MACE,4CAAC,6BAAY,YAAY,EAAE,yBAAyB,GAAG,eAAY,wBACjE,uDAAC,oCAAmB,KAAK,YACtB;AAAA,uBAAqB,QACpB;AAAA,IAAC,iBAAAA;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,WAAU;AAAA,MACV,gBAAgB,EAAE,eAAe,0BAA0B;AAAA,MAC3D,WAAW;AAAA,MACX,SAAS;AAAA,MACR,GAAG;AAAA;AAAA,EACN;AAAA,EAEF;AAAA,IAAC,iBAAAA;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,WAAU;AAAA,MACV,gBAAgB,EAAE,eAAe,2BAA2B;AAAA,MAC5D,WAAW;AAAA,MACX,SAAS;AAAA,MACR,GAAG;AAAA;AAAA,EACN;AAAA,GACF,GACF;AAGF,IAAO,iBAAQ;",
   "names": ["DSButton"]
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -32,8 +36,8 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_blocks = require("../blocks");
-var import_Title = require("./Title");
+var import_blocks = require("../blocks.js");
+var import_Title = require("./Title.js");
 const FormHeader = ({ showClose, modalTitle, modalType, onClose }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_blocks.ModalHeader, { classProps: { type: "selection" }, children: [
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Title.Title, { modalTitle, modalType }),
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.ModalHeaderTopRight, { classProps: { type: "form" }, children: showClose && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/v2/components/FormHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { Close } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { ModalHeader, ModalHeaderTopRight } from '../blocks';\nimport { Title } from './Title';\n\nexport const FormHeader = ({ showClose, modalTitle, modalType, onClose }) => (\n  <ModalHeader classProps={{ type: 'selection' }}>\n    <Title modalTitle={modalTitle} modalType={modalType} />\n    <ModalHeaderTopRight classProps={{ type: 'form' }}>\n      {showClose && (\n        <DSButton\n          buttonType=\"link\"\n          containerProps={{ 'data-testid': 'modal-close-btn' }}\n          icon={<Close color={['neutral', '900']} />}\n          onClick={onClose}\n        />\n      )}\n    </ModalHeaderTopRight>\n  </ModalHeader>\n);\n\nexport default FormHeader;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADQrB;AANF,sBAAsB;AACtB,uBAAqB;AACrB,oBAAiD;AACjD,mBAAsB;AAEf,MAAM,aAAa,CAAC,EAAE,WAAW,YAAY,WAAW,QAAQ,MACrE,6CAAC,6BAAY,YAAY,EAAE,MAAM,YAAY,GAC3C;AAAA,8CAAC,sBAAM,YAAwB,WAAsB;AAAA,EACrD,4CAAC,qCAAoB,YAAY,EAAE,MAAM,OAAO,GAC7C,uBACC;AAAA,IAAC,iBAAAA;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,gBAAgB,EAAE,eAAe,kBAAkB;AAAA,MACnD,MAAM,4CAAC,yBAAM,OAAO,CAAC,WAAW,KAAK,GAAG;AAAA,MACxC,SAAS;AAAA;AAAA,EACX,GAEJ;AAAA,GACF;AAGF,IAAO,qBAAQ;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { Close } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { ModalHeader, ModalHeaderTopRight } from '../blocks.js';\nimport { Title } from './Title.js';\n\nexport const FormHeader = ({ showClose, modalTitle, modalType, onClose }) => (\n  <ModalHeader classProps={{ type: 'selection' }}>\n    <Title modalTitle={modalTitle} modalType={modalType} />\n    <ModalHeaderTopRight classProps={{ type: 'form' }}>\n      {showClose && (\n        <DSButton\n          buttonType=\"link\"\n          containerProps={{ 'data-testid': 'modal-close-btn' }}\n          icon={<Close color={['neutral', '900']} />}\n          onClick={onClose}\n        />\n      )}\n    </ModalHeaderTopRight>\n  </ModalHeader>\n);\n\nexport default FormHeader;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADQrB;AANF,sBAAsB;AACtB,uBAAqB;AACrB,oBAAiD;AACjD,mBAAsB;AAEf,MAAM,aAAa,CAAC,EAAE,WAAW,YAAY,WAAW,QAAQ,MACrE,6CAAC,6BAAY,YAAY,EAAE,MAAM,YAAY,GAC3C;AAAA,8CAAC,sBAAM,YAAwB,WAAsB;AAAA,EACrD,4CAAC,qCAAoB,YAAY,EAAE,MAAM,OAAO,GAC7C,uBACC;AAAA,IAAC,iBAAAA;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,gBAAgB,EAAE,eAAe,kBAAkB;AAAA,MACnD,MAAM,4CAAC,yBAAM,OAAO,CAAC,WAAW,KAAK,GAAG;AAAA,MACxC,SAAS;AAAA;AAAA,EACX,GAEJ;AAAA,GACF;AAGF,IAAO,qBAAQ;",
   "names": ["DSButton"]
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -29,27 +33,30 @@ __export(ModalContent_exports, {
 module.exports = __toCommonJS(ModalContent_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_constants = require("../../constants");
-var import_SelectionHeader = require("./SelectionHeader");
-var import_DecisionHeader = require("./DecisionHeader");
-var import_FormHeader = require("./FormHeader");
-var import_FeedbackIcon = require("./FeedbackIcon");
-var import_Footer = require("./Footer");
-var import_Title = require("./Title");
-var import_helpers = require("../helpers");
-var import_blocks = require("../blocks");
+var import_constants = require("../../constants.js");
+var import_SelectionHeader = require("./SelectionHeader.js");
+var import_DecisionHeader = require("./DecisionHeader.js");
+var import_FormHeader = require("./FormHeader.js");
+var import_FeedbackIcon = require("./FeedbackIcon.js");
+var import_Footer = require("./Footer.js");
+var import_Title = require("./Title.js");
+var import_helpers = require("../helpers.js");
+var import_blocks = require("../blocks.js");
 const DSModalContent = ({
   containerProps = {},
+  //
   modalType = import_constants.MODAL_TYPE_V2.INFORMATION,
   modalSubType = null,
   modalTitle = "",
   showRejectButton = false,
   showClose = true,
   searchProps = {},
+  // override
   actionsRef = () => null,
   additionalFooterCssClass,
   overridePropsConfirmButton = {},
   overridePropsRejectButton = {},
+  // react modal
   children,
   onClose = () => null,
   onConfirm = () => null,

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

@@ -1,7 +1,7 @@
 {
   "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 { showDecision, showFeedBack, showFooter, showSelection, showForm } 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 modalTitle={modalTitle} modalType={modalType} onClose={onClose} showClose={showClose} />\n    )}\n    {showSelection({ modalType, modalSubType }) && (\n      <SelectionHeader modalTitle={modalTitle} modalType={modalType} searchProps={searchProps} showClose={showClose} />\n    )}\n    {showDecision({ modalType, modalSubType }) && <DecisionHeader onClose={onClose} showClose={showClose} />}\n    {showFeedBack({ modalType, modalSubType }) && <FeedbackIcon modalSubType={modalSubType} />}\n    {showDecision({ modalType, modalSubType }) && <Title modalTitle={modalTitle} modalType={modalType} />}\n    <ModalContent classProps={{ type: modalType, removePadding }}>{children}</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;AAAA;ACAA,YAAuB;ADmCrB;AAjCF,uBAA8B;AAC9B,6BAAgC;AAChC,4BAA+B;AAC/B,wBAA2B;AAC3B,0BAA6B;AAC7B,oBAAuB;AACvB,mBAAsB;AACtB,qBAAgF;AAChF,oBAA2C;AAEpC,MAAM,iBAAiB,CAAC;AAAA,EAC7B,iBAAiB,CAAC;AAAA,EAElB,YAAY,+BAAc;AAAA,EAC1B,eAAe;AAAA,EACf,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,cAAc,CAAC;AAAA,EAEf,aAAa,MAAM;AAAA,EACnB;AAAA,EACA,6BAA6B,CAAC;AAAA,EAC9B,4BAA4B,CAAC;AAAA,EAE7B;AAAA,EACA,UAAU,MAAM;AAAA,EAChB,YAAY,MAAM;AAAA,EAClB,WAAW,MAAM;AAAA,EACjB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,gBAAgB;AAClB,MACE,6CAAC,8BAAc,GAAG,gBACf;AAAA,+BAAS,EAAE,WAAW,aAAa,CAAC,KACnC,4CAAC,gCAAW,YAAwB,WAAsB,SAAkB,WAAsB;AAAA,MAEnG,8BAAc,EAAE,WAAW,aAAa,CAAC,KACxC,4CAAC,0CAAgB,YAAwB,WAAsB,aAA0B,WAAsB;AAAA,MAEhH,6BAAa,EAAE,WAAW,aAAa,CAAC,KAAK,4CAAC,wCAAe,SAAkB,WAAsB;AAAA,MACrG,6BAAa,EAAE,WAAW,aAAa,CAAC,KAAK,4CAAC,oCAAa,cAA4B;AAAA,MACvF,6BAAa,EAAE,WAAW,aAAa,CAAC,KAAK,4CAAC,sBAAM,YAAwB,WAAsB;AAAA,EACnG,4CAAC,8BAAa,YAAY,EAAE,MAAM,WAAW,cAAc,GAAI,UAAS;AAAA,MACvE,2BAAW,EAAE,WAAW,aAAa,CAAC,KACrC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAAA,GAEJ;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { MODAL_TYPE_V2 } from '../../constants.js';\nimport { SelectionHeader } from './SelectionHeader.js';\nimport { DecisionHeader } from './DecisionHeader.js';\nimport { FormHeader } from './FormHeader.js';\nimport { FeedbackIcon } from './FeedbackIcon.js';\nimport { Footer } from './Footer.js';\nimport { Title } from './Title.js';\nimport { showDecision, showFeedBack, showFooter, showSelection, showForm } from '../helpers.js';\nimport { ModalContent, ModalWrapper } from '../blocks.js';\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 modalTitle={modalTitle} modalType={modalType} onClose={onClose} showClose={showClose} />\n    )}\n    {showSelection({ modalType, modalSubType }) && (\n      <SelectionHeader modalTitle={modalTitle} modalType={modalType} searchProps={searchProps} showClose={showClose} />\n    )}\n    {showDecision({ modalType, modalSubType }) && <DecisionHeader onClose={onClose} showClose={showClose} />}\n    {showFeedBack({ modalType, modalSubType }) && <FeedbackIcon modalSubType={modalSubType} />}\n    {showDecision({ modalType, modalSubType }) && <Title modalTitle={modalTitle} modalType={modalType} />}\n    <ModalContent classProps={{ type: modalType, removePadding }}>{children}</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;AAAA;ACAA,YAAuB;ADmCrB;AAjCF,uBAA8B;AAC9B,6BAAgC;AAChC,4BAA+B;AAC/B,wBAA2B;AAC3B,0BAA6B;AAC7B,oBAAuB;AACvB,mBAAsB;AACtB,qBAAgF;AAChF,oBAA2C;AAEpC,MAAM,iBAAiB,CAAC;AAAA,EAC7B,iBAAiB,CAAC;AAAA;AAAA,EAElB,YAAY,+BAAc;AAAA,EAC1B,eAAe;AAAA,EACf,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,cAAc,CAAC;AAAA;AAAA,EAEf,aAAa,MAAM;AAAA,EACnB;AAAA,EACA,6BAA6B,CAAC;AAAA,EAC9B,4BAA4B,CAAC;AAAA;AAAA,EAE7B;AAAA,EACA,UAAU,MAAM;AAAA,EAChB,YAAY,MAAM;AAAA,EAClB,WAAW,MAAM;AAAA,EACjB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,gBAAgB;AAClB,MACE,6CAAC,8BAAc,GAAG,gBACf;AAAA,+BAAS,EAAE,WAAW,aAAa,CAAC,KACnC,4CAAC,gCAAW,YAAwB,WAAsB,SAAkB,WAAsB;AAAA,MAEnG,8BAAc,EAAE,WAAW,aAAa,CAAC,KACxC,4CAAC,0CAAgB,YAAwB,WAAsB,aAA0B,WAAsB;AAAA,MAEhH,6BAAa,EAAE,WAAW,aAAa,CAAC,KAAK,4CAAC,wCAAe,SAAkB,WAAsB;AAAA,MACrG,6BAAa,EAAE,WAAW,aAAa,CAAC,KAAK,4CAAC,oCAAa,cAA4B;AAAA,MACvF,6BAAa,EAAE,WAAW,aAAa,CAAC,KAAK,4CAAC,sBAAM,YAAwB,WAAsB;AAAA,EACnG,4CAAC,8BAAa,YAAY,EAAE,MAAM,WAAW,cAAc,GAAI,UAAS;AAAA,MACvE,2BAAW,EAAE,WAAW,aAAa,CAAC,KACrC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAAA,GAEJ;",
   "names": []
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,8 +35,8 @@ module.exports = __toCommonJS(SelectionHeader_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_form = require("@elliemae/ds-form");
-var import_blocks = require("../blocks");
-var import_Title = require("./Title");
+var import_blocks = require("../blocks.js");
+var import_Title = require("./Title.js");
 const SelectionHeader = ({ searchProps = {}, modalTitle, modalType, showClose }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_blocks.ModalHeader, { classProps: { type: "selection" }, children: [
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Title.Title, { modalTitle, modalType }),
   showClose && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.ModalHeaderTopRight, { classProps: { type: "selection" }, "data-testid": "modal-search-box", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSSearchBox, { ...searchProps }) })

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

@@ -1,7 +1,7 @@
 {
   "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;AAAA;ACAA,YAAuB;ADOrB;AALF,qBAA4B;AAC5B,oBAAiD;AACjD,mBAAsB;AAEf,MAAM,kBAAkB,CAAC,EAAE,cAAc,CAAC,GAAG,YAAY,WAAW,UAAU,MACnF,6CAAC,6BAAY,YAAY,EAAE,MAAM,YAAY,GAC3C;AAAA,8CAAC,sBAAM,YAAwB,WAAsB;AAAA,EACpD,aACC,4CAAC,qCAAoB,YAAY,EAAE,MAAM,YAAY,GAAG,eAAY,oBAClE,sDAAC,8BAAa,GAAG,aAAa,GAChC;AAAA,GAEJ;AAGF,IAAO,0BAAQ;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { DSSearchBox } from '@elliemae/ds-form';\nimport { ModalHeader, ModalHeaderTopRight } from '../blocks.js';\nimport { Title } from './Title.js';\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;AAAA;ACAA,YAAuB;ADOrB;AALF,qBAA4B;AAC5B,oBAAiD;AACjD,mBAAsB;AAEf,MAAM,kBAAkB,CAAC,EAAE,cAAc,CAAC,GAAG,YAAY,WAAW,UAAU,MACnF,6CAAC,6BAAY,YAAY,EAAE,MAAM,YAAY,GAC3C;AAAA,8CAAC,sBAAM,YAAwB,WAAsB;AAAA,EACpD,aACC,4CAAC,qCAAoB,YAAY,EAAE,MAAM,YAAY,GAAG,eAAY,oBAClE,sDAAC,8BAAa,GAAG,aAAa,GAChC;AAAA,GAEJ;AAGF,IAAO,0BAAQ;",
   "names": []
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -30,7 +34,7 @@ __export(Title_exports, {
 module.exports = __toCommonJS(Title_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_blocks = require("../blocks");
+var import_blocks = require("../blocks.js");
 const Title = ({ modalTitle, modalType }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.ModalTitle, { classProps: { type: modalType }, children: modalTitle });
 var Title_default = Title;
 //# sourceMappingURL=Title.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/v2/components/Title.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { ModalTitle } from '../blocks';\n\nexport const Title = ({ modalTitle, modalType }) => (\n  <ModalTitle classProps={{ type: modalType }}>{modalTitle}</ModalTitle>\n);\n\nexport default Title;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKrB;AAHF,oBAA2B;AAEpB,MAAM,QAAQ,CAAC,EAAE,YAAY,UAAU,MAC5C,4CAAC,4BAAW,YAAY,EAAE,MAAM,UAAU,GAAI,sBAAW;AAG3D,IAAO,gBAAQ;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { ModalTitle } from '../blocks.js';\n\nexport const Title = ({ modalTitle, modalType }) => (\n  <ModalTitle classProps={{ type: modalType }}>{modalTitle}</ModalTitle>\n);\n\nexport default Title;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKrB;AAHF,oBAA2B;AAEpB,MAAM,QAAQ,CAAC,EAAE,YAAY,UAAU,MAC5C,4CAAC,4BAAW,YAAY,EAAE,MAAM,UAAU,GAAI,sBAAW;AAG3D,IAAO,gBAAQ;",
   "names": []
 }

package/dist/cjs/v2/helpers.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -32,7 +36,7 @@ __export(helpers_exports, {
 });
 module.exports = __toCommonJS(helpers_exports);
 var React = __toESM(require("react"));
-var import_constants = require("../constants");
+var import_constants = require("../constants.js");
 function showDecision({ modalType }) {
   return [import_constants.MODAL_TYPE_V2.INFORMATION, import_constants.MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/v2/helpers.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { MODAL_TYPE_V2, MODAL_SUB_TYPE_V2 } from '../constants';\n\nexport function showDecision({ modalType }) {\n  return [MODAL_TYPE_V2.INFORMATION, MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;\n}\n\nexport function showFeedBack({ modalType, modalSubType }) {\n  return showDecision({ modalType }) && Object.values(MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1;\n}\n\nexport function showFooter({ modalType }) {\n  return modalType !== MODAL_TYPE_V2.INFORMATION;\n}\n\nexport function showSelection({ modalType }) {\n  return modalType === MODAL_TYPE_V2.SELECTION;\n}\nexport function showForm({ modalType }) {\n  return modalType === MODAL_TYPE_V2.FORM;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAiD;AAE1C,SAAS,aAAa,EAAE,UAAU,GAAG;AAC1C,SAAO,CAAC,+BAAc,aAAa,+BAAc,QAAQ,EAAE,QAAQ,SAAS,IAAI;AAClF;AAEO,SAAS,aAAa,EAAE,WAAW,aAAa,GAAG;AACxD,SAAO,aAAa,EAAE,UAAU,CAAC,KAAK,OAAO,OAAO,kCAAiB,EAAE,QAAQ,YAAY,IAAI;AACjG;AAEO,SAAS,WAAW,EAAE,UAAU,GAAG;AACxC,SAAO,cAAc,+BAAc;AACrC;AAEO,SAAS,cAAc,EAAE,UAAU,GAAG;AAC3C,SAAO,cAAc,+BAAc;AACrC;AACO,SAAS,SAAS,EAAE,UAAU,GAAG;AACtC,SAAO,cAAc,+BAAc;AACrC;",
+  "sourcesContent": ["import { MODAL_TYPE_V2, MODAL_SUB_TYPE_V2 } from '../constants.js';\n\nexport function showDecision({ modalType }) {\n  return [MODAL_TYPE_V2.INFORMATION, MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;\n}\n\nexport function showFeedBack({ modalType, modalSubType }) {\n  return showDecision({ modalType }) && Object.values(MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1;\n}\n\nexport function showFooter({ modalType }) {\n  return modalType !== MODAL_TYPE_V2.INFORMATION;\n}\n\nexport function showSelection({ modalType }) {\n  return modalType === MODAL_TYPE_V2.SELECTION;\n}\nexport function showForm({ modalType }) {\n  return modalType === MODAL_TYPE_V2.FORM;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAiD;AAE1C,SAAS,aAAa,EAAE,UAAU,GAAG;AAC1C,SAAO,CAAC,+BAAc,aAAa,+BAAc,QAAQ,EAAE,QAAQ,SAAS,IAAI;AAClF;AAEO,SAAS,aAAa,EAAE,WAAW,aAAa,GAAG;AACxD,SAAO,aAAa,EAAE,UAAU,CAAC,KAAK,OAAO,OAAO,kCAAiB,EAAE,QAAQ,YAAY,IAAI;AACjG;AAEO,SAAS,WAAW,EAAE,UAAU,GAAG;AACxC,SAAO,cAAc,+BAAc;AACrC;AAEO,SAAS,cAAc,EAAE,UAAU,GAAG;AAC3C,SAAO,cAAc,+BAAc;AACrC;AACO,SAAS,SAAS,EAAE,UAAU,GAAG;AACtC,SAAO,cAAc,+BAAc;AACrC;",
   "names": []
 }