@elliemae/ds-modal 3.0.0-next.2 → 3.0.0-next.6

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

@@ -0,0 +1,73 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var FeedbackIcon_exports = {};
+__export(FeedbackIcon_exports, {
+  FeedbackIcon: () => FeedbackIcon,
+  default: () => FeedbackIcon_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_constants = require("../../constants");
+var import_blocks = require("../blocks");
+const feedbackIconSize = "xxl";
+const getIconType = (subtype) => {
+  switch (subtype) {
+    case import_constants.MODAL_SUB_TYPE_V2.WARNING:
+      return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.WarningTriangle, {
+        "data-testid": "icon-waring",
+        size: feedbackIconSize
+      });
+    case import_constants.MODAL_SUB_TYPE_V2.ERROR:
+      return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ErrorHexegon, {
+        "data-testid": "icon-error",
+        size: feedbackIconSize
+      });
+    case import_constants.MODAL_SUB_TYPE_V2.SUCCESS:
+      return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CheckmarkCircle, {
+        "data-testid": "icon-success",
+        size: feedbackIconSize
+      });
+    case import_constants.MODAL_SUB_TYPE_V2.INFORMATION:
+      return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.InfoCircle, {
+        "data-testid": "icon-information",
+        size: feedbackIconSize
+      });
+    default:
+      return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.HelpCircle, {
+        "data-testid": "icon-help",
+        size: feedbackIconSize
+      });
+  }
+};
+const FeedbackIcon = ({ modalSubType }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalFeedback, {
+  classProps: { type: modalSubType }
+}, getIconType(modalSubType));
+var FeedbackIcon_default = FeedbackIcon;
+module.exports = __toCommonJS(FeedbackIcon_exports);
+//# sourceMappingURL=FeedbackIcon.js.map

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

@@ -0,0 +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';\n\nimport { MODAL_SUB_TYPE_V2 } from '../../constants';\nimport { ModalFeedback } from '../blocks';\n\nconst feedbackIconSize = 'xxl';\n\nconst getIconType = (subtype) => {\n  switch (subtype) {\n    case MODAL_SUB_TYPE_V2.WARNING:\n      return <WarningTriangle data-testid=\"icon-waring\" size={feedbackIconSize} />;\n    case MODAL_SUB_TYPE_V2.ERROR:\n      return <ErrorHexegon data-testid=\"icon-error\" size={feedbackIconSize} />;\n    case MODAL_SUB_TYPE_V2.SUCCESS:\n      return <CheckmarkCircle data-testid=\"icon-success\" size={feedbackIconSize} />;\n    case MODAL_SUB_TYPE_V2.INFORMATION:\n      return <InfoCircle data-testid=\"icon-information\" size={feedbackIconSize} />;\n    default:\n      return <HelpCircle data-testid=\"icon-help\" size={feedbackIconSize} />;\n  }\n};\n\nexport const FeedbackIcon = ({ modalSubType }) => (\n  <ModalFeedback classProps={{ type: modalSubType }}>{getIconType(modalSubType)}</ModalFeedback>\n);\n\nexport default FeedbackIcon;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,sBAAuF;AAEvF,uBAAkC;AAClC,oBAA8B;AAE9B,MAAM,mBAAmB;AAEzB,MAAM,cAAc,CAAC,YAAY;AAC/B,UAAQ;AAAA,SACD,mCAAkB;AACrB,aAAO,mDAAC,iCAAD;AAAA,QAAiB,eAAY;AAAA,QAAc,MAAM;AAAA;AAAA,SACrD,mCAAkB;AACrB,aAAO,mDAAC,8BAAD;AAAA,QAAc,eAAY;AAAA,QAAa,MAAM;AAAA;AAAA,SACjD,mCAAkB;AACrB,aAAO,mDAAC,iCAAD;AAAA,QAAiB,eAAY;AAAA,QAAe,MAAM;AAAA;AAAA,SACtD,mCAAkB;AACrB,aAAO,mDAAC,4BAAD;AAAA,QAAY,eAAY;AAAA,QAAmB,MAAM;AAAA;AAAA;AAExD,aAAO,mDAAC,4BAAD;AAAA,QAAY,eAAY;AAAA,QAAY,MAAM;AAAA;AAAA;AAAA;AAIhD,MAAM,eAAe,CAAC,EAAE,mBAC7B,mDAAC,6BAAD;AAAA,EAAe,YAAY,EAAE,MAAM;AAAA,GAAiB,YAAY;AAGlE,IAAO,uBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,81 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Footer_exports = {};
+__export(Footer_exports, {
+  Footer: () => Footer,
+  default: () => Footer_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_button = __toESM(require("@elliemae/ds-button"));
+var import_blocks = require("../blocks");
+const Footer = ({
+  additionalFooterCssClass,
+  actionsRef,
+  rejectLabel,
+  onReject,
+  overridePropsRejectButton,
+  confirmLabel,
+  onConfirm,
+  overridePropsConfirmButton,
+  showRejectButton
+}) => /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalFooter, {
+  classProps: { additionalFooterCssClass },
+  "data-testid": "modal-footer-wrapper"
+}, /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalFooterActions, {
+  ref: actionsRef
+}, showRejectButton === true && /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, __spreadValues({
+  buttonType: "secondary",
+  className: "action-reject",
+  containerProps: { "data-testid": "modal-footer-reject-btn" },
+  labelText: rejectLabel,
+  onClick: onReject
+}, overridePropsRejectButton)), /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, __spreadValues({
+  buttonType: "primary",
+  className: "action-confirm",
+  containerProps: { "data-testid": "modal-footer-confirm-btn" },
+  labelText: confirmLabel,
+  onClick: onConfirm
+}, overridePropsConfirmButton))));
+var Footer_default = Footer;
+module.exports = __toCommonJS(Footer_exports);
+//# sourceMappingURL=Footer.js.map

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

@@ -0,0 +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;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,uBAAqB;AACrB,oBAAgD;AAEzC,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC,2BAAD;AAAA,EAAa,YAAY,EAAE;AAAA,EAA4B,eAAY;AAAA,GACjE,mDAAC,kCAAD;AAAA,EAAoB,KAAK;AAAA,GACtB,qBAAqB,QACpB,mDAAC,0BAAD;AAAA,EACE,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe;AAAA,EACjC,WAAW;AAAA,EACX,SAAS;AAAA,GACL,6BAGR,mDAAC,0BAAD;AAAA,EACE,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe;AAAA,EACjC,WAAW;AAAA,EACX,SAAS;AAAA,GACL;AAMZ,IAAO,iBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,54 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var FormHeader_exports = {};
+__export(FormHeader_exports, {
+  FormHeader: () => FormHeader,
+  default: () => FormHeader_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+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");
+const FormHeader = ({ showClose, modalTitle, modalType, onClose }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalHeader, {
+  classProps: { type: "selection" }
+}, /* @__PURE__ */ import_react.default.createElement(import_Title.Title, {
+  modalTitle,
+  modalType
+}), /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalHeaderTopRight, {
+  classProps: { type: "form" }
+}, showClose && /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+  buttonType: "link",
+  containerProps: { "data-testid": "modal-close-btn" },
+  icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Close, null),
+  onClick: onClose
+})));
+var FormHeader_default = FormHeader;
+module.exports = __toCommonJS(FormHeader_exports);
+//# sourceMappingURL=FormHeader.js.map

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

@@ -0,0 +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 />}\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;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,sBAAsB;AACtB,uBAAqB;AACrB,oBAAiD;AACjD,mBAAsB;AAEf,MAAM,aAAa,CAAC,EAAE,WAAW,YAAY,WAAW,cAC7D,mDAAC,2BAAD;AAAA,EAAa,YAAY,EAAE,MAAM;AAAA,GAC/B,mDAAC,oBAAD;AAAA,EAAO;AAAA,EAAwB;AAAA,IAC/B,mDAAC,mCAAD;AAAA,EAAqB,YAAY,EAAE,MAAM;AAAA,GACtC,aACC,mDAAC,0BAAD;AAAA,EACE,YAAW;AAAA,EACX,gBAAgB,EAAE,eAAe;AAAA,EACjC,MAAM,mDAAC,uBAAD;AAAA,EACN,SAAS;AAAA;AAOnB,IAAO,qBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,108 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ModalContent_exports = {};
+__export(ModalContent_exports, {
+  DSModalContent: () => DSModalContent
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+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");
+const DSModalContent = ({
+  containerProps = {},
+  modalType = import_constants.MODAL_TYPE_V2.INFORMATION,
+  modalSubType = null,
+  modalTitle = "",
+  showRejectButton = false,
+  showClose = true,
+  searchProps = {},
+  actionsRef = () => null,
+  additionalFooterCssClass,
+  overridePropsConfirmButton = {},
+  overridePropsRejectButton = {},
+  children,
+  onClose = () => null,
+  onConfirm = () => null,
+  onReject = () => null,
+  rejectLabel = "Discard",
+  confirmLabel = "Save",
+  removePadding = false
+}) => /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalWrapper, __spreadValues({}, containerProps), (0, import_helpers.showForm)({ modalType, modalSubType }) && /* @__PURE__ */ import_react.default.createElement(import_FormHeader.FormHeader, {
+  modalTitle,
+  modalType,
+  onClose,
+  showClose
+}), (0, import_helpers.showSelection)({ modalType, modalSubType }) && /* @__PURE__ */ import_react.default.createElement(import_SelectionHeader.SelectionHeader, {
+  modalTitle,
+  modalType,
+  searchProps,
+  showClose
+}), (0, import_helpers.showDecision)({ modalType, modalSubType }) && /* @__PURE__ */ import_react.default.createElement(import_DecisionHeader.DecisionHeader, {
+  onClose,
+  showClose
+}), (0, import_helpers.showFeedBack)({ modalType, modalSubType }) && /* @__PURE__ */ import_react.default.createElement(import_FeedbackIcon.FeedbackIcon, {
+  modalSubType
+}), (0, import_helpers.showDecision)({ modalType, modalSubType }) && /* @__PURE__ */ import_react.default.createElement(import_Title.Title, {
+  modalTitle,
+  modalType
+}), /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalContent, {
+  classProps: { type: modalType, removePadding }
+}, children), (0, import_helpers.showFooter)({ modalType, modalSubType }) && /* @__PURE__ */ import_react.default.createElement(import_Footer.Footer, {
+  actionsRef,
+  additionalFooterCssClass,
+  confirmLabel,
+  onConfirm,
+  onReject,
+  overridePropsConfirmButton,
+  overridePropsRejectButton,
+  rejectLabel,
+  showRejectButton
+}));
+module.exports = __toCommonJS(ModalContent_exports);
+//# sourceMappingURL=ModalContent.js.map

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

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

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

@@ -0,0 +1,63 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var SelectionHeader_exports = {};
+__export(SelectionHeader_exports, {
+  SelectionHeader: () => SelectionHeader,
+  default: () => SelectionHeader_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_form = require("@elliemae/ds-form");
+var import_blocks = require("../blocks");
+var import_Title = require("./Title");
+const SelectionHeader = ({ searchProps = {}, modalTitle, modalType, showClose }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalHeader, {
+  classProps: { type: "selection" }
+}, /* @__PURE__ */ import_react.default.createElement(import_Title.Title, {
+  modalTitle,
+  modalType
+}), showClose && /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalHeaderTopRight, {
+  classProps: { type: "selection" },
+  "data-testid": "modal-search-box"
+}, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSSearchBox, __spreadValues({}, searchProps))));
+var SelectionHeader_default = SelectionHeader;
+module.exports = __toCommonJS(SelectionHeader_exports);
+//# sourceMappingURL=SelectionHeader.js.map

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

@@ -0,0 +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;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,qBAA4B;AAC5B,oBAAiD;AACjD,mBAAsB;AAEf,MAAM,kBAAkB,CAAC,EAAE,cAAc,IAAI,YAAY,WAAW,gBACzE,mDAAC,2BAAD;AAAA,EAAa,YAAY,EAAE,MAAM;AAAA,GAC/B,mDAAC,oBAAD;AAAA,EAAO;AAAA,EAAwB;AAAA,IAC9B,aACC,mDAAC,mCAAD;AAAA,EAAqB,YAAY,EAAE,MAAM;AAAA,EAAe,eAAY;AAAA,GAClE,mDAAC,4BAAD,mBAAiB;AAMzB,IAAO,0BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,41 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Title_exports = {};
+__export(Title_exports, {
+  Title: () => Title,
+  default: () => Title_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_blocks = require("../blocks");
+const Title = ({ modalTitle, modalType }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalTitle, {
+  classProps: { type: modalType }
+}, modalTitle);
+var Title_default = Title;
+module.exports = __toCommonJS(Title_exports);
+//# sourceMappingURL=Title.js.map

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

@@ -0,0 +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;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,oBAA2B;AAEpB,MAAM,QAAQ,CAAC,EAAE,YAAY,gBAClC,mDAAC,0BAAD;AAAA,EAAY,YAAY,EAAE,MAAM;AAAA,GAAc;AAGhD,IAAO,gBAAQ;",
+  "names": []
+}

package/dist/cjs/v2/helpers.js

@@ -0,0 +1,54 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var helpers_exports = {};
+__export(helpers_exports, {
+  showDecision: () => showDecision,
+  showFeedBack: () => showFeedBack,
+  showFooter: () => showFooter,
+  showForm: () => showForm,
+  showSelection: () => showSelection
+});
+var React = __toESM(require("react"));
+var import_constants = require("../constants");
+function showDecision({ modalType }) {
+  return [import_constants.MODAL_TYPE_V2.INFORMATION, import_constants.MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;
+}
+function showFeedBack({ modalType, modalSubType }) {
+  return showDecision({ modalType }) && Object.values(import_constants.MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1;
+}
+function showFooter({ modalType }) {
+  return modalType !== import_constants.MODAL_TYPE_V2.INFORMATION;
+}
+function showSelection({ modalType }) {
+  return modalType === import_constants.MODAL_TYPE_V2.SELECTION;
+}
+function showForm({ modalType }) {
+  return modalType === import_constants.MODAL_TYPE_V2.FORM;
+}
+module.exports = __toCommonJS(helpers_exports);
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +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 (\n    [MODAL_TYPE_V2.INFORMATION, MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1\n  );\n}\n\nexport function showFeedBack({ modalType, modalSubType }) {\n  return (\n    showDecision({ modalType }) &&\n    Object.values(MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1\n  );\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;ACAA,YAAuB;ADAvB,uBAAiD;AAE1C,sBAAsB,EAAE,aAAa;AAC1C,SACE,CAAC,+BAAc,aAAa,+BAAc,UAAU,QAAQ,aAAa;AAAA;AAItE,sBAAsB,EAAE,WAAW,gBAAgB;AACxD,SACE,aAAa,EAAE,gBACf,OAAO,OAAO,oCAAmB,QAAQ,gBAAgB;AAAA;AAItD,oBAAoB,EAAE,aAAa;AACxC,SAAO,cAAc,+BAAc;AAAA;AAG9B,uBAAuB,EAAE,aAAa;AAC3C,SAAO,cAAc,+BAAc;AAAA;AAE9B,kBAAkB,EAAE,aAAa;AACtC,SAAO,cAAc,+BAAc;AAAA;",
+  "names": []
+}

package/dist/esm/DSModal.js

@@ -0,0 +1,84 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import { modalTypes } from "./constants";
+import DSModalV1 from "./v1/DSModal";
+import DSModalV2, { DSModalContent } from "./v2/DSModal";
+import { sizes, iconSizes } from "@elliemae/ds-shared/prop-types";
+const DSModal = (_a) => {
+  var _b = _a, { version = 1 } = _b, rest = __objRest(_b, ["version"]);
+  if (version === 2)
+    return /* @__PURE__ */ React2.createElement(DSModalV2, __spreadValues({}, rest));
+  return /* @__PURE__ */ React2.createElement(DSModalV1, __spreadValues({}, rest));
+};
+DSModal.propTypes = {
+  version: PropTypes.oneOf([1, 2])
+};
+DSModalV1.propTypes = {
+  version: PropTypes.oneOf([1, 2]),
+  className: PropTypes.string,
+  additionalFooterCssClass: PropTypes.string,
+  style: PropTypes.objectOf(PropTypes.string),
+  iconCloseSize: PropTypes.oneOf(iconSizes),
+  modalType: PropTypes.oneOf(modalTypes),
+  showHeader: PropTypes.bool,
+  showFooter: PropTypes.bool,
+  children: PropTypes.element.isRequired,
+  centered: PropTypes.bool,
+  confirmLabel: PropTypes.string,
+  modalTitle: PropTypes.string,
+  size: PropTypes.oneOf(sizes),
+  isOpen: PropTypes.bool,
+  onClose: PropTypes.func,
+  onAfterOpen: PropTypes.func,
+  onConfirm: PropTypes.func,
+  onReject: PropTypes.func,
+  rejectLabel: PropTypes.string,
+  shouldCloseOnOverlayClick: PropTypes.bool,
+  hasError: PropTypes.bool,
+  hasWarning: PropTypes.bool,
+  hasSuccess: PropTypes.bool,
+  hasInfo: PropTypes.bool,
+  hasHelp: PropTypes.bool,
+  actionsRef: PropTypes.func,
+  appElement: PropTypes.string,
+  overridePropsConfirmButton: PropTypes.objectOf(PropTypes.shape({})),
+  overridePropsRejectButton: PropTypes.objectOf(PropTypes.string),
+  showConfirmButton: PropTypes.bool,
+  customCloseComponent: PropTypes.element
+};
+var DSModal_default = DSModal;
+export {
+  DSModal,
+  DSModalContent,
+  DSModal_default as default
+};
+//# sourceMappingURL=DSModal.js.map