@elliemae/ds-modal 3.16.0 → 3.16.1

package/dist/cjs/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
 ));
@@ -32,9 +36,9 @@ module.exports = __toCommonJS(DSModal_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_prop_types = __toESM(require("prop-types"));
-var import_constants = require("./constants");
-var import_DSModal = __toESM(require("./v1/DSModal"));
-var import_DSModal2 = __toESM(require("./v2/DSModal"));
+var import_constants = require("./constants.js");
+var import_DSModal = __toESM(require("./v1/DSModal.js"));
+var import_DSModal2 = __toESM(require("./v2/DSModal.js"));
 var import_ds_shared = require("@elliemae/ds-shared");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 const DSModal = ({ version = 1, ...rest }) => {
@@ -49,34 +53,115 @@ DSModal.propTypes = {
 import_DSModal.default.propTypes = {
   version: import_prop_types.default.oneOf([1, 2]),
   className: import_prop_types.default.string,
+  /**
+   * Add an additional css class to the footer
+   */
   additionalFooterCssClass: import_prop_types.default.string,
+  /**
+   * Set style for the modal
+   */
   style: import_prop_types.default.objectOf(import_prop_types.default.string),
+  /**
+   * Select size for the close icon
+   */
   iconCloseSize: import_prop_types.default.oneOf(import_ds_shared.iconSizes),
+  /**
+   * ['default', 'alert', 'confirm', 'notification', 'warning', 'error', 'success', 'help', 'info']
+   */
   modalType: import_prop_types.default.oneOf(import_constants.modalTypes),
+  /**
+   * Show the header or not
+   */
   showHeader: import_prop_types.default.bool,
+  /**
+   * Show the footer or not
+   */
   showFooter: import_prop_types.default.bool,
+  /**
+   * Main content of the modal
+   */
   children: import_prop_types.default.element.isRequired,
+  /**
+   * Content is centered or not
+   */
   centered: import_prop_types.default.bool,
+  /**
+   * Text to be added in the confirm button
+   */
   confirmLabel: import_prop_types.default.string,
+  /**
+   * Text to be added in the modal title
+   */
   modalTitle: import_prop_types.default.string,
+  /**
+   * Text to be added in the modal title
+   */
   size: import_prop_types.default.oneOf(import_ds_shared.sizes),
+  /**
+   * Modal is open or not
+   */
   isOpen: import_prop_types.default.bool,
+  /**
+   * Allows a function to be triggered once the modal is closed
+   */
   onClose: import_prop_types.default.func,
+  /**
+   * Allows a function to be triggered once the modal is opened
+   */
   onAfterOpen: import_prop_types.default.func,
+  /**
+   * Allows a function to be triggered once the modal open is confirmed
+   */
   onConfirm: import_prop_types.default.func,
+  /**
+   * Allows a function to be triggered once the modal open is rejected
+   */
   onReject: import_prop_types.default.func,
+  /**
+   * Text to be added in the reject button
+   */
   rejectLabel: import_prop_types.default.string,
+  /**
+   * If modal should close on overlay click
+   */
   shouldCloseOnOverlayClick: import_prop_types.default.bool,
+  /**
+   * Modal has error or not
+   */
   hasError: import_prop_types.default.bool,
+  /**
+   * Modal has warning or not
+   */
   hasWarning: import_prop_types.default.bool,
+  /**
+   * Modal has success or not
+   */
   hasSuccess: import_prop_types.default.bool,
+  /**
+   * Modal has info or not
+   */
   hasInfo: import_prop_types.default.bool,
+  /**
+   * Modal has help or not
+   */
   hasHelp: import_prop_types.default.bool,
   actionsRef: import_prop_types.default.func,
   appElement: import_prop_types.default.string,
+  /**
+   * Customized props for the confirm button
+   */
   overridePropsConfirmButton: import_prop_types.default.objectOf(import_prop_types.default.shape({})),
+  /**
+   * Customized props for the reject button
+   */
   overridePropsRejectButton: import_prop_types.default.objectOf(import_prop_types.default.string),
+  /**
+   * Show confirm button
+   */
   showConfirmButton: import_prop_types.default.bool,
+  /**
+   * Show confirm button
+   */
   customCloseComponent: import_prop_types.default.element
 };
 var DSModal_default = DSModal;

package/dist/cjs/DSModal.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSModal.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { modalTypes } from './constants';\nimport DSModalV1 from './v1/DSModal';\nimport DSModalV2, { DSModalContent } from './v2/DSModal';\nimport { sizes, iconSizes } from '@elliemae/ds-shared';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\n\nconst DSModal = ({ version = 1, ...rest }) => {\n  useDeprecateComponent({ componentName: 'ds-modal', version: 'TBD Date: 2023 Q3' });\n\n  if (version === 2) return <DSModalV2 {...rest} />;\n  return <DSModalV1 {...rest} />;\n};\n\nDSModal.propTypes = {\n  version: PropTypes.oneOf([1, 2]),\n};\n\nDSModalV1.propTypes = {\n  version: PropTypes.oneOf([1, 2]),\n  className: PropTypes.string,\n  /**\n   * Add an additional css class to the footer\n   */\n  additionalFooterCssClass: PropTypes.string,\n  /**\n   * Set style for the modal\n   */\n  style: PropTypes.objectOf(PropTypes.string),\n  /**\n   * Select size for the close icon\n   */\n  iconCloseSize: PropTypes.oneOf(iconSizes),\n  /**\n   * ['default', 'alert', 'confirm', 'notification', 'warning', 'error', 'success', 'help', 'info']\n   */\n  modalType: PropTypes.oneOf(modalTypes),\n  /**\n   * Show the header or not\n   */\n  showHeader: PropTypes.bool,\n  /**\n   * Show the footer or not\n   */\n  showFooter: PropTypes.bool,\n  /**\n   * Main content of the modal\n   */\n  children: PropTypes.element.isRequired,\n  /**\n   * Content is centered or not\n   */\n  centered: PropTypes.bool,\n  /**\n   * Text to be added in the confirm button\n   */\n  confirmLabel: PropTypes.string,\n  /**\n   * Text to be added in the modal title\n   */\n  modalTitle: PropTypes.string,\n  /**\n   * Text to be added in the modal title\n   */\n  size: PropTypes.oneOf(sizes),\n  /**\n   * Modal is open or not\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Allows a function to be triggered once the modal is closed\n   */\n  onClose: PropTypes.func,\n  /**\n   * Allows a function to be triggered once the modal is opened\n   */\n  onAfterOpen: PropTypes.func,\n  /**\n   * Allows a function to be triggered once the modal open is confirmed\n   */\n  onConfirm: PropTypes.func,\n  /**\n   * Allows a function to be triggered once the modal open is rejected\n   */\n  onReject: PropTypes.func,\n  /**\n   * Text to be added in the reject button\n   */\n  rejectLabel: PropTypes.string,\n  /**\n   * If modal should close on overlay click\n   */\n  shouldCloseOnOverlayClick: PropTypes.bool,\n  /**\n   * Modal has error or not\n   */\n  hasError: PropTypes.bool,\n  /**\n   * Modal has warning or not\n   */\n  hasWarning: PropTypes.bool,\n  /**\n   * Modal has success or not\n   */\n  hasSuccess: PropTypes.bool,\n  /**\n   * Modal has info or not\n   */\n  hasInfo: PropTypes.bool,\n  /**\n   * Modal has help or not\n   */\n  hasHelp: PropTypes.bool,\n  actionsRef: PropTypes.func,\n  appElement: PropTypes.string,\n  /**\n   * Customized props for the confirm button\n   */\n  overridePropsConfirmButton: PropTypes.objectOf(PropTypes.shape({})),\n  /**\n   * Customized props for the reject button\n   */\n  overridePropsRejectButton: PropTypes.objectOf(PropTypes.string),\n  /**\n   * Show confirm button\n   */\n  showConfirmButton: PropTypes.bool,\n  /**\n   * Show confirm button\n   */\n  customCloseComponent: PropTypes.element,\n};\nexport { DSModalContent, DSModal };\nexport default DSModal;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYK;AAV5B,wBAAsB;AACtB,uBAA2B;AAC3B,qBAAsB;AACtB,IAAAA,kBAA0C;AAC1C,uBAAiC;AACjC,0BAAsC;AAEtC,MAAM,UAAU,CAAC,EAAE,UAAU,MAAM,KAAK,MAAM;AAC5C,iDAAsB,EAAE,eAAe,YAAY,SAAS,oBAAoB,CAAC;AAEjF,MAAI,YAAY;AAAG,WAAO,4CAAC,gBAAAC,SAAA,EAAW,GAAG,MAAM;AAC/C,SAAO,4CAAC,eAAAC,SAAA,EAAW,GAAG,MAAM;AAC9B;AAEA,QAAQ,YAAY;AAAA,EAClB,SAAS,kBAAAC,QAAU,MAAM,CAAC,GAAG,CAAC,CAAC;AACjC;AAEA,eAAAD,QAAU,YAAY;AAAA,EACpB,SAAS,kBAAAC,QAAU,MAAM,CAAC,GAAG,CAAC,CAAC;AAAA,EAC/B,WAAW,kBAAAA,QAAU;AAAA,EAIrB,0BAA0B,kBAAAA,QAAU;AAAA,EAIpC,OAAO,kBAAAA,QAAU,SAAS,kBAAAA,QAAU,MAAM;AAAA,EAI1C,eAAe,kBAAAA,QAAU,MAAM,0BAAS;AAAA,EAIxC,WAAW,kBAAAA,QAAU,MAAM,2BAAU;AAAA,EAIrC,YAAY,kBAAAA,QAAU;AAAA,EAItB,YAAY,kBAAAA,QAAU;AAAA,EAItB,UAAU,kBAAAA,QAAU,QAAQ;AAAA,EAI5B,UAAU,kBAAAA,QAAU;AAAA,EAIpB,cAAc,kBAAAA,QAAU;AAAA,EAIxB,YAAY,kBAAAA,QAAU;AAAA,EAItB,MAAM,kBAAAA,QAAU,MAAM,sBAAK;AAAA,EAI3B,QAAQ,kBAAAA,QAAU;AAAA,EAIlB,SAAS,kBAAAA,QAAU;AAAA,EAInB,aAAa,kBAAAA,QAAU;AAAA,EAIvB,WAAW,kBAAAA,QAAU;AAAA,EAIrB,UAAU,kBAAAA,QAAU;AAAA,EAIpB,aAAa,kBAAAA,QAAU;AAAA,EAIvB,2BAA2B,kBAAAA,QAAU;AAAA,EAIrC,UAAU,kBAAAA,QAAU;AAAA,EAIpB,YAAY,kBAAAA,QAAU;AAAA,EAItB,YAAY,kBAAAA,QAAU;AAAA,EAItB,SAAS,kBAAAA,QAAU;AAAA,EAInB,SAAS,kBAAAA,QAAU;AAAA,EACnB,YAAY,kBAAAA,QAAU;AAAA,EACtB,YAAY,kBAAAA,QAAU;AAAA,EAItB,4BAA4B,kBAAAA,QAAU,SAAS,kBAAAA,QAAU,MAAM,CAAC,CAAC,CAAC;AAAA,EAIlE,2BAA2B,kBAAAA,QAAU,SAAS,kBAAAA,QAAU,MAAM;AAAA,EAI9D,mBAAmB,kBAAAA,QAAU;AAAA,EAI7B,sBAAsB,kBAAAA,QAAU;AAClC;AAEA,IAAO,kBAAQ;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { modalTypes } from './constants.js';\nimport DSModalV1 from './v1/DSModal.js';\nimport DSModalV2, { DSModalContent } from './v2/DSModal.js';\nimport { sizes, iconSizes } from '@elliemae/ds-shared';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\n\nconst DSModal = ({ version = 1, ...rest }) => {\n  useDeprecateComponent({ componentName: 'ds-modal', version: 'TBD Date: 2023 Q3' });\n\n  if (version === 2) return <DSModalV2 {...rest} />;\n  return <DSModalV1 {...rest} />;\n};\n\nDSModal.propTypes = {\n  version: PropTypes.oneOf([1, 2]),\n};\n\nDSModalV1.propTypes = {\n  version: PropTypes.oneOf([1, 2]),\n  className: PropTypes.string,\n  /**\n   * Add an additional css class to the footer\n   */\n  additionalFooterCssClass: PropTypes.string,\n  /**\n   * Set style for the modal\n   */\n  style: PropTypes.objectOf(PropTypes.string),\n  /**\n   * Select size for the close icon\n   */\n  iconCloseSize: PropTypes.oneOf(iconSizes),\n  /**\n   * ['default', 'alert', 'confirm', 'notification', 'warning', 'error', 'success', 'help', 'info']\n   */\n  modalType: PropTypes.oneOf(modalTypes),\n  /**\n   * Show the header or not\n   */\n  showHeader: PropTypes.bool,\n  /**\n   * Show the footer or not\n   */\n  showFooter: PropTypes.bool,\n  /**\n   * Main content of the modal\n   */\n  children: PropTypes.element.isRequired,\n  /**\n   * Content is centered or not\n   */\n  centered: PropTypes.bool,\n  /**\n   * Text to be added in the confirm button\n   */\n  confirmLabel: PropTypes.string,\n  /**\n   * Text to be added in the modal title\n   */\n  modalTitle: PropTypes.string,\n  /**\n   * Text to be added in the modal title\n   */\n  size: PropTypes.oneOf(sizes),\n  /**\n   * Modal is open or not\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Allows a function to be triggered once the modal is closed\n   */\n  onClose: PropTypes.func,\n  /**\n   * Allows a function to be triggered once the modal is opened\n   */\n  onAfterOpen: PropTypes.func,\n  /**\n   * Allows a function to be triggered once the modal open is confirmed\n   */\n  onConfirm: PropTypes.func,\n  /**\n   * Allows a function to be triggered once the modal open is rejected\n   */\n  onReject: PropTypes.func,\n  /**\n   * Text to be added in the reject button\n   */\n  rejectLabel: PropTypes.string,\n  /**\n   * If modal should close on overlay click\n   */\n  shouldCloseOnOverlayClick: PropTypes.bool,\n  /**\n   * Modal has error or not\n   */\n  hasError: PropTypes.bool,\n  /**\n   * Modal has warning or not\n   */\n  hasWarning: PropTypes.bool,\n  /**\n   * Modal has success or not\n   */\n  hasSuccess: PropTypes.bool,\n  /**\n   * Modal has info or not\n   */\n  hasInfo: PropTypes.bool,\n  /**\n   * Modal has help or not\n   */\n  hasHelp: PropTypes.bool,\n  actionsRef: PropTypes.func,\n  appElement: PropTypes.string,\n  /**\n   * Customized props for the confirm button\n   */\n  overridePropsConfirmButton: PropTypes.objectOf(PropTypes.shape({})),\n  /**\n   * Customized props for the reject button\n   */\n  overridePropsRejectButton: PropTypes.objectOf(PropTypes.string),\n  /**\n   * Show confirm button\n   */\n  showConfirmButton: PropTypes.bool,\n  /**\n   * Show confirm button\n   */\n  customCloseComponent: PropTypes.element,\n};\nexport { DSModalContent, DSModal };\nexport default DSModal;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYK;AAV5B,wBAAsB;AACtB,uBAA2B;AAC3B,qBAAsB;AACtB,IAAAA,kBAA0C;AAC1C,uBAAiC;AACjC,0BAAsC;AAEtC,MAAM,UAAU,CAAC,EAAE,UAAU,GAAG,GAAG,KAAK,MAAM;AAC5C,iDAAsB,EAAE,eAAe,YAAY,SAAS,oBAAoB,CAAC;AAEjF,MAAI,YAAY;AAAG,WAAO,4CAAC,gBAAAC,SAAA,EAAW,GAAG,MAAM;AAC/C,SAAO,4CAAC,eAAAC,SAAA,EAAW,GAAG,MAAM;AAC9B;AAEA,QAAQ,YAAY;AAAA,EAClB,SAAS,kBAAAC,QAAU,MAAM,CAAC,GAAG,CAAC,CAAC;AACjC;AAEA,eAAAD,QAAU,YAAY;AAAA,EACpB,SAAS,kBAAAC,QAAU,MAAM,CAAC,GAAG,CAAC,CAAC;AAAA,EAC/B,WAAW,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,0BAA0B,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIpC,OAAO,kBAAAA,QAAU,SAAS,kBAAAA,QAAU,MAAM;AAAA;AAAA;AAAA;AAAA,EAI1C,eAAe,kBAAAA,QAAU,MAAM,0BAAS;AAAA;AAAA;AAAA;AAAA,EAIxC,WAAW,kBAAAA,QAAU,MAAM,2BAAU;AAAA;AAAA;AAAA;AAAA,EAIrC,YAAY,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAItB,YAAY,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAItB,UAAU,kBAAAA,QAAU,QAAQ;AAAA;AAAA;AAAA;AAAA,EAI5B,UAAU,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,cAAc,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIxB,YAAY,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAItB,MAAM,kBAAAA,QAAU,MAAM,sBAAK;AAAA;AAAA;AAAA;AAAA,EAI3B,QAAQ,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIlB,SAAS,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAInB,aAAa,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIvB,WAAW,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,UAAU,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,aAAa,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIvB,2BAA2B,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIrC,UAAU,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,YAAY,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAItB,YAAY,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAItB,SAAS,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAInB,SAAS,kBAAAA,QAAU;AAAA,EACnB,YAAY,kBAAAA,QAAU;AAAA,EACtB,YAAY,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAItB,4BAA4B,kBAAAA,QAAU,SAAS,kBAAAA,QAAU,MAAM,CAAC,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,EAIlE,2BAA2B,kBAAAA,QAAU,SAAS,kBAAAA,QAAU,MAAM;AAAA;AAAA;AAAA;AAAA,EAI9D,mBAAmB,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAI7B,sBAAsB,kBAAAA,QAAU;AAClC;AAEA,IAAO,kBAAQ;",
   "names": ["import_DSModal", "DSModalV2", "DSModalV1", "PropTypes"]
 }

package/dist/cjs/constants.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/constants.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/constants.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,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/cjs/index.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
 ));
@@ -34,7 +38,7 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-var import_DSModal = require("./DSModal");
-var import_constants = require("./constants");
-var import_DSModal2 = require("./v2/DSModal");
+var import_DSModal = require("./DSModal.js");
+var import_constants = require("./constants.js");
+var import_DSModal2 = require("./v2/DSModal.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAA4C;AAC5C,uBAAyE;AACzE,IAAAA,kBAAkC;",
+  "sourcesContent": ["export { DSModal, DSModal as default } from './DSModal.js';\nexport { MODAL_TYPE, modalTypes, MODAL_TYPE_V2, MODAL_SUB_TYPE_V2 } from './constants.js';\nexport { DSModalWithSchema } from './v2/DSModal.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAA4C;AAC5C,uBAAyE;AACzE,IAAAA,kBAAkC;",
   "names": ["import_DSModal"]
 }

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/cjs/v1/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
 ));
@@ -35,8 +39,8 @@ var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_ds_icon = require("@elliemae/ds-icon");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_constants = __toESM(require("../constants"));
-var import_ModalFeedBack = __toESM(require("./ModalFeedBack/ModalFeedBack"));
+var import_constants = __toESM(require("../constants.js"));
+var import_ModalFeedBack = __toESM(require("./ModalFeedBack/ModalFeedBack.js"));
 var import_ds_shared = require("@elliemae/ds-shared");
 const DSModal = ({
   containerProps = {},
@@ -154,32 +158,107 @@ const DSModal = ({
 };
 DSModal.propTypes = {
   className: import_prop_types.default.string,
+  /**
+   * Add an additional css class to the footer
+   */
   additionalFooterCssClass: import_prop_types.default.string,
+  /**
+   * Set style for the modal
+   */
   style: import_prop_types.default.shape({}),
+  /**
+   * Select size for the close icon
+   */
   iconCloseSize: import_prop_types.default.oneOf(import_ds_shared.iconSizes),
+  /**
+   * ['default', 'alert', 'confirm', 'notification', 'warning', 'error', 'success', 'help', 'info']
+   */
   modalType: import_prop_types.default.oneOf(import_constants.modalTypes),
+  /**
+   * Show the header or not
+   */
   showHeader: import_prop_types.default.bool,
+  /**
+   * Show the footer or not
+   */
   showFooter: import_prop_types.default.bool,
+  /**
+   * Main content of the modal
+   */
   children: import_prop_types.default.oneOfType([import_prop_types.default.element, import_prop_types.default.string, import_prop_types.default.any]).isRequired,
+  /**
+   * Content is centered or not
+   */
   centered: import_prop_types.default.bool,
+  /**
+   * Text to be added in the confirm button
+   */
   confirmLabel: import_prop_types.default.string,
+  /**
+   * Text to be added in the modal title
+   */
   modalTitle: import_prop_types.default.string,
+  /**
+   * Text to be added in the modal title
+   */
   size: import_prop_types.default.oneOf(import_ds_shared.sizes),
+  /**
+   * Modal is open or not
+   */
   isOpen: import_prop_types.default.bool,
+  /**
+   * Allows a function to be triggered once the modal is closed
+   */
   onClose: import_prop_types.default.func,
+  /**
+   * Allows a function to be triggered once the modal is opened
+   */
   onAfterOpen: import_prop_types.default.func,
+  /**
+   * Allows a function to be triggered once the modal open is confirmed
+   */
   onConfirm: import_prop_types.default.func,
+  /**
+   * Allows a function to be triggered once the modal open is rejected
+   */
   onReject: import_prop_types.default.func,
+  /**
+   * Text to be added in the reject button
+   */
   rejectLabel: import_prop_types.default.string,
+  /**
+   * If modal should close on overlay click
+   */
   shouldCloseOnOverlayClick: import_prop_types.default.bool,
+  /**
+   * Modal has error or not
+   */
   hasError: import_prop_types.default.bool,
+  /**
+   * Modal has warning or not
+   */
   hasWarning: import_prop_types.default.bool,
+  /**
+   * Modal has success or not
+   */
   hasSuccess: import_prop_types.default.bool,
+  /**
+   * Modal has info or not
+   */
   hasInfo: import_prop_types.default.bool,
+  /**
+   * Modal has help or not
+   */
   hasHelp: import_prop_types.default.bool,
   actionsRef: import_prop_types.default.func,
   appElement: import_prop_types.default.string,
+  /**
+   * Customized props for the confirm button
+   */
   overridePropsConfirmButton: import_prop_types.default.shape({}),
+  /**
+   * Customized props for the reject button
+   */
   overridePropsRejectButton: import_prop_types.default.shape({})
 };
 var DSModal_default = DSModal;

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

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

package/dist/cjs/v1/DSModalType.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/v1/DSModalType.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/v1/DSModalType.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,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;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,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/cjs/v1/DSModalWrapper.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,7 +33,7 @@ __export(DSModalWrapper_exports, {
 module.exports = __toCommonJS(DSModalWrapper_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
-var import_constants = require("../constants");
+var import_constants = require("../constants.js");
 var DSModalWrapper_default = (WrappedComponent) => {
   class DSModalWrapper extends import_react.Component {
     constructor() {
@@ -67,6 +71,10 @@ var DSModalWrapper_default = (WrappedComponent) => {
           this.setState({ actions: node });
         this.handleResize();
       };
+      /**
+       * Change button width to 100% if the
+       * combined width of the button (or button group) exceed 50% of the container width.
+       */
       this.handleResize = () => {
         if (!this.state)
           return null;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/v1/DSModalWrapper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { Component, createElement } from 'react';\nimport { MODAL_TYPE } from '../constants';\n\nexport default (WrappedComponent) => {\n  class DSModalWrapper extends Component {\n    state = {\n      childready: false,\n      additionalFooterCssClass: 'loading',\n      container: null,\n      actions: null,\n      height: '100%',\n    };\n\n    componentDidMount() {\n      window.addEventListener('resize', this.handleResize);\n    }\n\n    componentWillUnmount() {\n      window.removeEventListener('resize', this.handleResize);\n    }\n\n    onHeaderHeight = (e) => {\n      this.heightHeaderFlag = true;\n      this.heightHeader = e.height || 0;\n    };\n\n    onFooterHeight = (e) => {\n      this.heightFooterFlag = true;\n      this.heightFooter = e.height || 0;\n    };\n\n    onResize = ({ bounds }) => {\n      if (this.heightFooterFlag && this.heightHeaderFlag) {\n        return this.setState({\n          height: bounds.height - this.heightFooter - this.heightHeader,\n        });\n      }\n      return setTimeout(this.onResize({ bounds }), 0);\n    };\n\n    handleContainer = (node) => {\n      if (node) this.setState({ container: node });\n      this.handleResize();\n    };\n\n    handleActions = (node) => {\n      if (node) this.setState({ actions: node });\n      this.handleResize();\n    };\n\n    /**\n     * Change button width to 100% if the\n     * combined width of the button (or button group) exceed 50% of the container width.\n     */\n    handleResize = () => {\n      if (!this.state) return null;\n      const { container, actions, childready } = this.state;\n      if (!childready) return null;\n      this.setState({ additionalFooterCssClass: null }); // !important reset to default state to recalculate\n      const { clientWidth: containerWidth } = container;\n      const { clientWidth: actionsWidth } = actions;\n      // Change button width to 100% if the combined width of the button (or button group) exceed 50% of the container width.\n      if (containerWidth && actionsWidth && (actionsWidth / containerWidth) * 100 > 50) {\n        return this.setState({ additionalFooterCssClass: 'fluid-actions' });\n      }\n      return this.setState({ additionalFooterCssClass: null });\n    };\n\n    verifyNodes() {\n      const { modalType } = this.props;\n      if (modalType !== MODAL_TYPE.DEFAULT) {\n        const nodesInterval = setInterval(() => {\n          // !important it checks when nodes are availables\n          const { container, actions } = this.state;\n          if (!container || !actions) return null;\n          clearInterval(nodesInterval);\n          this.setState({ childready: true });\n          return this.handleResize();\n        }, 100);\n      }\n    }\n\n    render() {\n      const { props, state } = this;\n      const { additionalFooterCssClass, height } = state;\n      return createElement(WrappedComponent, {\n        ...props,\n        height,\n        onResize: this.onResize,\n        onFooterHeight: this.onFooterHeight,\n        onHeaderHeight: this.onHeaderHeight,\n        containerRef: this.handleContainer,\n        actionsRef: this.handleActions,\n        additionalFooterCssClass,\n        onAfterOpen: () => {\n          if (props.onAfterOpen) props.onAfterOpen();\n          this.verifyNodes();\n        },\n      });\n    }\n  }\n\n  return DSModalWrapper;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,uBAA2B;AAE3B,IAAO,yBAAQ,CAAC,qBAAqB;AACnC,QAAM,uBAAuB,uBAAU;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,YAAI,kBAAkB,gBAAiB,eAAe,iBAAkB,MAAM,IAAI;AAChF,iBAAO,KAAK,SAAS,EAAE,0BAA0B,gBAAgB,CAAC;AAAA,QACpE;AACA,eAAO,KAAK,SAAS,EAAE,0BAA0B,KAAK,CAAC;AAAA,MACzD;AAAA;AAAA,IArDA,oBAAoB;AAClB,aAAO,iBAAiB,UAAU,KAAK,YAAY;AAAA,IACrD;AAAA,IAEA,uBAAuB;AACrB,aAAO,oBAAoB,UAAU,KAAK,YAAY;AAAA,IACxD;AAAA,IAiDA,cAAc;AACZ,YAAM,EAAE,UAAU,IAAI,KAAK;AAC3B,UAAI,cAAc,4BAAW,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,iBAAO,4BAAc,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;",
+  "sourcesContent": ["import { Component, createElement } from 'react';\nimport { MODAL_TYPE } from '../constants.js';\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 (containerWidth && actionsWidth && (actionsWidth / containerWidth) * 100 > 50) {\n        return this.setState({ additionalFooterCssClass: 'fluid-actions' });\n      }\n      return this.setState({ additionalFooterCssClass: null });\n    };\n\n    verifyNodes() {\n      const { modalType } = this.props;\n      if (modalType !== MODAL_TYPE.DEFAULT) {\n        const nodesInterval = setInterval(() => {\n          // !important it checks when nodes are availables\n          const { container, actions } = this.state;\n          if (!container || !actions) return null;\n          clearInterval(nodesInterval);\n          this.setState({ childready: true });\n          return this.handleResize();\n        }, 100);\n      }\n    }\n\n    render() {\n      const { props, state } = this;\n      const { additionalFooterCssClass, height } = state;\n      return createElement(WrappedComponent, {\n        ...props,\n        height,\n        onResize: this.onResize,\n        onFooterHeight: this.onFooterHeight,\n        onHeaderHeight: this.onHeaderHeight,\n        containerRef: this.handleContainer,\n        actionsRef: this.handleActions,\n        additionalFooterCssClass,\n        onAfterOpen: () => {\n          if (props.onAfterOpen) props.onAfterOpen();\n          this.verifyNodes();\n        },\n      });\n    }\n  }\n\n  return DSModalWrapper;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/v1/ModalFeedBack/ModalFeedBack.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 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_constants = require("../../constants");
+var import_constants = require("../../constants.js");
 const feedbackIconSize = "xxl";
 const { WARNING, ERROR, SUCCESS, HELP, INFO } = import_constants.MODAL_TYPE;
 const getModalType = (modalType, { hasError, hasWarning, hasSuccess, hasInfo, hasHelp }) => {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/v1/ModalFeedBack/ModalFeedBack.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuBV;AAtBb,sBAAuE;AACvE,2BAA0C;AAC1C,uBAA2B;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,WAAW;AAAA,IACjB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,4CAAC,iCAAc,MAAM,kBAAkB;AAAA,IAChD,KAAK;AACH,aAAO,4CAAC,mCAAgB,MAAM,kBAAkB;AAAA,IAClD,KAAK;AACH,aAAO,4CAAC,8BAAW,MAAM,kBAAkB;AAAA,IAC7C,KAAK;AACH,aAAO,4CAAC,8BAAW,MAAM,kBAAkB;AAAA,IAC7C;AACE,aAAO,4CAAC,8BAAW,MAAM,kBAAkB;AAAA,EAC/C;AACF;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,QAAI,gDAA0B,kBAAkB,WAAW,EAAE,WAAW,KAAK,CAAC;AACnG,QAAM,eAAe,YAAY,IAAI;AAErC,SAAO,4CAAC,SAAI,WAAW,cAAe,wBAAa;AACrD;AAEA,IAAO,wBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { WarningCircle, CheckmarkCircle, HelpCircle, InfoCircle } from '@elliemae/ds-icons';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { MODAL_TYPE } from '../../constants.js';\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuBV;AAtBb,sBAAuE;AACvE,2BAA0C;AAC1C,uBAA2B;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,WAAW;AAAA,IACjB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,4CAAC,iCAAc,MAAM,kBAAkB;AAAA,IAChD,KAAK;AACH,aAAO,4CAAC,mCAAgB,MAAM,kBAAkB;AAAA,IAClD,KAAK;AACH,aAAO,4CAAC,8BAAW,MAAM,kBAAkB;AAAA,IAC7C,KAAK;AACH,aAAO,4CAAC,8BAAW,MAAM,kBAAkB;AAAA,IAC7C;AACE,aAAO,4CAAC,8BAAW,MAAM,kBAAkB;AAAA,EAC/C;AACF;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,QAAI,gDAA0B,kBAAkB,WAAW,EAAE,WAAW,KAAK,CAAC;AACnG,QAAM,eAAe,YAAY,IAAI;AAErC,SAAO,4CAAC,SAAI,WAAW,cAAe,wBAAa;AACrD;AAEA,IAAO,wBAAQ;",
   "names": []
 }