@elliemae/ds-modal 2.3.0-next.0 → 3.0.0-alpha.0

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/FeedbackIcon.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ErrorHexegon, WarningTriangle, CheckmarkCircle, HelpCircle, InfoCircle } from '@elliemae/ds-icons';\n\nimport { MODAL_SUB_TYPE_V2 } from '../../constants';\nimport { ModalFeedback } from '../blocks';\n\nconst feedbackIconSize = 'xxl';\n\nconst getIconType = (subtype) => {\n  switch (subtype) {\n    case MODAL_SUB_TYPE_V2.WARNING:\n      return <WarningTriangle data-testid=\"icon-waring\" size={feedbackIconSize} />;\n    case MODAL_SUB_TYPE_V2.ERROR:\n      return <ErrorHexegon data-testid=\"icon-error\" size={feedbackIconSize} />;\n    case MODAL_SUB_TYPE_V2.SUCCESS:\n      return <CheckmarkCircle data-testid=\"icon-success\" size={feedbackIconSize} />;\n    case MODAL_SUB_TYPE_V2.INFORMATION:\n      return <InfoCircle data-testid=\"icon-information\" size={feedbackIconSize} />;\n    default:\n      return <HelpCircle data-testid=\"icon-help\" size={feedbackIconSize} />;\n  }\n};\n\nexport const FeedbackIcon = ({ modalSubType }) => (\n  <ModalFeedback classProps={{ type: modalSubType }}>{getIconType(modalSubType)}</ModalFeedback>\n);\n\nexport default FeedbackIcon;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA;AACA;AAEA,MAAM,mBAAmB;AAEzB,MAAM,cAAc,CAAC,YAAY;AAC/B,UAAQ;AAAA,SACD,kBAAkB;AACrB,aAAO,qCAAC,iBAAD;AAAA,QAAiB,eAAY;AAAA,QAAc,MAAM;AAAA;AAAA,SACrD,kBAAkB;AACrB,aAAO,qCAAC,cAAD;AAAA,QAAc,eAAY;AAAA,QAAa,MAAM;AAAA;AAAA,SACjD,kBAAkB;AACrB,aAAO,qCAAC,iBAAD;AAAA,QAAiB,eAAY;AAAA,QAAe,MAAM;AAAA;AAAA,SACtD,kBAAkB;AACrB,aAAO,qCAAC,YAAD;AAAA,QAAY,eAAY;AAAA,QAAmB,MAAM;AAAA;AAAA;AAExD,aAAO,qCAAC,YAAD;AAAA,QAAY,eAAY;AAAA,QAAY,MAAM;AAAA;AAAA;AAAA;AAIhD,MAAM,eAAe,CAAC,EAAE,mBAC7B,qCAAC,eAAD;AAAA,EAAe,YAAY,EAAE,MAAM;AAAA,GAAiB,YAAY;AAGlE,IAAO,uBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,40 @@
+import * as React from "react";
+import React2 from "react";
+import DSButton from "@elliemae/ds-button";
+import { ModalFooter, ModalFooterActions } from "../blocks";
+const Footer = ({
+  additionalFooterCssClass,
+  actionsRef,
+  rejectLabel,
+  onReject,
+  overridePropsRejectButton,
+  confirmLabel,
+  onConfirm,
+  overridePropsConfirmButton,
+  showRejectButton
+}) => /* @__PURE__ */ React2.createElement(ModalFooter, {
+  classProps: { additionalFooterCssClass },
+  "data-testid": "modal-footer-wrapper"
+}, /* @__PURE__ */ React2.createElement(ModalFooterActions, {
+  ref: actionsRef
+}, showRejectButton === true && /* @__PURE__ */ React2.createElement(DSButton, {
+  buttonType: "secondary",
+  className: "action-reject",
+  containerProps: { "data-testid": "modal-footer-reject-btn" },
+  labelText: rejectLabel,
+  onClick: onReject,
+  ...overridePropsRejectButton
+}), /* @__PURE__ */ React2.createElement(DSButton, {
+  buttonType: "primary",
+  className: "action-confirm",
+  containerProps: { "data-testid": "modal-footer-confirm-btn" },
+  labelText: confirmLabel,
+  onClick: onConfirm,
+  ...overridePropsConfirmButton
+})));
+var Footer_default = Footer;
+export {
+  Footer,
+  Footer_default as default
+};
+//# sourceMappingURL=Footer.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/Footer.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AAEO,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,qCAAC,aAAD;AAAA,EAAa,YAAY,EAAE;AAAA,EAA4B,eAAY;AAAA,GACjE,qCAAC,oBAAD;AAAA,EAAoB,KAAK;AAAA,GACtB,qBAAqB,QACpB,qCAAC,UAAD;AAAA,EACE,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe;AAAA,EACjC,WAAW;AAAA,EACX,SAAS;AAAA,KACL;AAAA,IAGR,qCAAC,UAAD;AAAA,EACE,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe;AAAA,EACjC,WAAW;AAAA,EACX,SAAS;AAAA,KACL;AAAA;AAMZ,IAAO,iBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,25 @@
+import * as React from "react";
+import React2 from "react";
+import { Close } from "@elliemae/ds-icons";
+import DSButton from "@elliemae/ds-button";
+import { ModalHeader, ModalHeaderTopRight } from "../blocks";
+import { Title } from "./Title";
+const FormHeader = ({ showClose, modalTitle, modalType, onClose }) => /* @__PURE__ */ React2.createElement(ModalHeader, {
+  classProps: { type: "selection" }
+}, /* @__PURE__ */ React2.createElement(Title, {
+  modalTitle,
+  modalType
+}), /* @__PURE__ */ React2.createElement(ModalHeaderTopRight, {
+  classProps: { type: "form" }
+}, showClose && /* @__PURE__ */ React2.createElement(DSButton, {
+  buttonType: "link",
+  containerProps: { "data-testid": "modal-close-btn" },
+  icon: /* @__PURE__ */ React2.createElement(Close, null),
+  onClick: onClose
+})));
+var FormHeader_default = FormHeader;
+export {
+  FormHeader,
+  FormHeader_default as default
+};
+//# sourceMappingURL=FormHeader.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/FormHeader.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { Close } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { ModalHeader, 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"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEO,MAAM,aAAa,CAAC,EAAE,WAAW,YAAY,WAAW,cAC7D,qCAAC,aAAD;AAAA,EAAa,YAAY,EAAE,MAAM;AAAA,GAC/B,qCAAC,OAAD;AAAA,EAAO;AAAA,EAAwB;AAAA,IAC/B,qCAAC,qBAAD;AAAA,EAAqB,YAAY,EAAE,MAAM;AAAA,GACtC,aACC,qCAAC,UAAD;AAAA,EACE,YAAW;AAAA,EACX,gBAAgB,EAAE,eAAe;AAAA,EACjC,MAAM,qCAAC,OAAD;AAAA,EACN,SAAS;AAAA;AAOnB,IAAO,qBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,73 @@
+import * as React from "react";
+import React2 from "react";
+import { MODAL_TYPE_V2 } from "../../constants";
+import { SelectionHeader } from "./SelectionHeader";
+import { DecisionHeader } from "./DecisionHeader";
+import { FormHeader } from "./FormHeader";
+import { FeedbackIcon } from "./FeedbackIcon";
+import { Footer } from "./Footer";
+import { Title } from "./Title";
+import {
+  showDecision,
+  showFeedBack,
+  showFooter,
+  showSelection,
+  showForm
+} from "../helpers";
+import { ModalContent, ModalWrapper } from "../blocks";
+const DSModalContent = ({
+  containerProps = {},
+  modalType = 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__ */ React2.createElement(ModalWrapper, {
+  ...containerProps
+}, showForm({ modalType, modalSubType }) && /* @__PURE__ */ React2.createElement(FormHeader, {
+  modalTitle,
+  modalType,
+  onClose,
+  showClose
+}), showSelection({ modalType, modalSubType }) && /* @__PURE__ */ React2.createElement(SelectionHeader, {
+  modalTitle,
+  modalType,
+  searchProps,
+  showClose
+}), showDecision({ modalType, modalSubType }) && /* @__PURE__ */ React2.createElement(DecisionHeader, {
+  onClose,
+  showClose
+}), showFeedBack({ modalType, modalSubType }) && /* @__PURE__ */ React2.createElement(FeedbackIcon, {
+  modalSubType
+}), showDecision({ modalType, modalSubType }) && /* @__PURE__ */ React2.createElement(Title, {
+  modalTitle,
+  modalType
+}), /* @__PURE__ */ React2.createElement(ModalContent, {
+  classProps: { type: modalType, removePadding }
+}, children), showFooter({ modalType, modalSubType }) && /* @__PURE__ */ React2.createElement(Footer, {
+  actionsRef,
+  additionalFooterCssClass,
+  confirmLabel,
+  onConfirm,
+  onReject,
+  overridePropsConfirmButton,
+  overridePropsRejectButton,
+  rejectLabel,
+  showRejectButton
+}));
+export {
+  DSModalContent
+};
+//# sourceMappingURL=ModalContent.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/ModalContent.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AAEO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,iBAAiB;AAAA,EAEjB,YAAY,cAAc;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,qCAAC,cAAD;AAAA,KAAkB;AAAA,GACf,SAAS,EAAE,WAAW,mBACrB,qCAAC,YAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IAGH,cAAc,EAAE,WAAW,mBAC1B,qCAAC,iBAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IAGH,aAAa,EAAE,WAAW,mBACzB,qCAAC,gBAAD;AAAA,EAAgB;AAAA,EAAkB;AAAA,IAEnC,aAAa,EAAE,WAAW,mBACzB,qCAAC,cAAD;AAAA,EAAc;AAAA,IAEf,aAAa,EAAE,WAAW,mBACzB,qCAAC,OAAD;AAAA,EAAO;AAAA,EAAwB;AAAA,IAEjC,qCAAC,cAAD;AAAA,EAAc,YAAY,EAAE,MAAM,WAAW;AAAA,GAC1C,WAEF,WAAW,EAAE,WAAW,mBACvB,qCAAC,QAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,22 @@
+import * as React from "react";
+import React2 from "react";
+import { DSSearchBox } from "@elliemae/ds-form";
+import { ModalHeader, ModalHeaderTopRight } from "../blocks";
+import { Title } from "./Title";
+const SelectionHeader = ({ searchProps = {}, modalTitle, modalType, showClose }) => /* @__PURE__ */ React2.createElement(ModalHeader, {
+  classProps: { type: "selection" }
+}, /* @__PURE__ */ React2.createElement(Title, {
+  modalTitle,
+  modalType
+}), showClose && /* @__PURE__ */ React2.createElement(ModalHeaderTopRight, {
+  classProps: { type: "selection" },
+  "data-testid": "modal-search-box"
+}, /* @__PURE__ */ React2.createElement(DSSearchBox, {
+  ...searchProps
+})));
+var SelectionHeader_default = SelectionHeader;
+export {
+  SelectionHeader,
+  SelectionHeader_default as default
+};
+//# sourceMappingURL=SelectionHeader.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/SelectionHeader.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEO,MAAM,kBAAkB,CAAC,EAAE,cAAc,IAAI,YAAY,WAAW,gBACzE,qCAAC,aAAD;AAAA,EAAa,YAAY,EAAE,MAAM;AAAA,GAC/B,qCAAC,OAAD;AAAA,EAAO;AAAA,EAAwB;AAAA,IAC9B,aACC,qCAAC,qBAAD;AAAA,EAAqB,YAAY,EAAE,MAAM;AAAA,EAAe,eAAY;AAAA,GAClE,qCAAC,aAAD;AAAA,KAAiB;AAAA;AAMzB,IAAO,0BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+import React2 from "react";
+import { ModalTitle } from "../blocks";
+const Title = ({ modalTitle, modalType }) => /* @__PURE__ */ React2.createElement(ModalTitle, {
+  classProps: { type: modalType }
+}, modalTitle);
+var Title_default = Title;
+export {
+  Title,
+  Title_default as default
+};
+//# sourceMappingURL=Title.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/Title.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACCA;AACA;AAEO,MAAM,QAAQ,CAAC,EAAE,YAAY,gBAClC,qCAAC,YAAD;AAAA,EAAY,YAAY,EAAE,MAAM;AAAA,GAAc;AAGhD,IAAO,gBAAQ;",
+  "names": []
+}

package/dist/esm/v2/helpers.js

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { MODAL_TYPE_V2, MODAL_SUB_TYPE_V2 } from "../constants";
+function showDecision({ modalType }) {
+  return [MODAL_TYPE_V2.INFORMATION, MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;
+}
+function showFeedBack({ modalType, modalSubType }) {
+  return showDecision({ modalType }) && Object.values(MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1;
+}
+function showFooter({ modalType }) {
+  return modalType !== MODAL_TYPE_V2.INFORMATION;
+}
+function showSelection({ modalType }) {
+  return modalType === MODAL_TYPE_V2.SELECTION;
+}
+function showForm({ modalType }) {
+  return modalType === MODAL_TYPE_V2.FORM;
+}
+export {
+  showDecision,
+  showFeedBack,
+  showFooter,
+  showForm,
+  showSelection
+};
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/helpers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AAEO,sBAAsB,EAAE,aAAa;AAC1C,SACE,CAAC,cAAc,aAAa,cAAc,UAAU,QAAQ,aAAa;AAAA;AAItE,sBAAsB,EAAE,WAAW,gBAAgB;AACxD,SACE,aAAa,EAAE,gBACf,OAAO,OAAO,mBAAmB,QAAQ,gBAAgB;AAAA;AAItD,oBAAoB,EAAE,aAAa;AACxC,SAAO,cAAc,cAAc;AAAA;AAG9B,uBAAuB,EAAE,aAAa;AAC3C,SAAO,cAAc,cAAc;AAAA;AAE9B,kBAAkB,EAAE,aAAa;AACtC,SAAO,cAAc,cAAc;AAAA;",
+  "names": []
+}

package/{types → dist/types}/DSModal.d.ts

@@ -10,5 +10,5 @@ declare const DSModal: {
         version: PropTypes.Requireable<number>;
     };
 };
-export { DSModalContent };
+export { DSModalContent, DSModal };
 export default DSModal;

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { DSModal, DSModal as default } from './DSModal';
+export { MODAL_TYPE, modalTypes, MODAL_TYPE_V2, MODAL_SUB_TYPE_V2 } from './constants';
+export { DSModalWithSchema } from './v2/DSModal';

package/package.json

@@ -1,79 +1,82 @@
 {
   "name": "@elliemae/ds-modal",
-  "version": "2.3.0-next.0",
+  "version": "3.0.0-alpha.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Modal",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./v2/helpers": {
-      "import": "./esm/v2/helpers.js",
-      "require": "./cjs/v2/helpers.js"
+      "import": "./dist/esm/v2/helpers.js",
+      "require": "./dist/cjs/v2/helpers.js"
     },
     "./v2/DSModal": {
-      "import": "./esm/v2/DSModal.js",
-      "require": "./cjs/v2/DSModal.js"
+      "import": "./dist/esm/v2/DSModal.js",
+      "require": "./dist/cjs/v2/DSModal.js"
     },
     "./v2/components/Title": {
-      "import": "./esm/v2/components/Title.js",
-      "require": "./cjs/v2/components/Title.js"
+      "import": "./dist/esm/v2/components/Title.js",
+      "require": "./dist/cjs/v2/components/Title.js"
     },
     "./v2/components/SelectionHeader": {
-      "import": "./esm/v2/components/SelectionHeader.js",
-      "require": "./cjs/v2/components/SelectionHeader.js"
+      "import": "./dist/esm/v2/components/SelectionHeader.js",
+      "require": "./dist/cjs/v2/components/SelectionHeader.js"
     },
     "./v2/components/ModalContent": {
-      "import": "./esm/v2/components/ModalContent.js",
-      "require": "./cjs/v2/components/ModalContent.js"
+      "import": "./dist/esm/v2/components/ModalContent.js",
+      "require": "./dist/cjs/v2/components/ModalContent.js"
     },
     "./v2/components/FormHeader": {
-      "import": "./esm/v2/components/FormHeader.js",
-      "require": "./cjs/v2/components/FormHeader.js"
+      "import": "./dist/esm/v2/components/FormHeader.js",
+      "require": "./dist/cjs/v2/components/FormHeader.js"
     },
     "./v2/components/Footer": {
-      "import": "./esm/v2/components/Footer.js",
-      "require": "./cjs/v2/components/Footer.js"
+      "import": "./dist/esm/v2/components/Footer.js",
+      "require": "./dist/cjs/v2/components/Footer.js"
     },
     "./v2/components/FeedbackIcon": {
-      "import": "./esm/v2/components/FeedbackIcon.js",
-      "require": "./cjs/v2/components/FeedbackIcon.js"
+      "import": "./dist/esm/v2/components/FeedbackIcon.js",
+      "require": "./dist/cjs/v2/components/FeedbackIcon.js"
     },
     "./v2/components/DecisionHeader": {
-      "import": "./esm/v2/components/DecisionHeader.js",
-      "require": "./cjs/v2/components/DecisionHeader.js"
+      "import": "./dist/esm/v2/components/DecisionHeader.js",
+      "require": "./dist/cjs/v2/components/DecisionHeader.js"
     },
     "./v2/blocks": {
-      "import": "./esm/v2/blocks.js",
-      "require": "./cjs/v2/blocks.js"
+      "import": "./dist/esm/v2/blocks.js",
+      "require": "./dist/cjs/v2/blocks.js"
     },
     "./v1/ModalFeedBack/ModalFeedBack": {
-      "import": "./esm/v1/ModalFeedBack/ModalFeedBack.js",
-      "require": "./cjs/v1/ModalFeedBack/ModalFeedBack.js"
+      "import": "./dist/esm/v1/ModalFeedBack/ModalFeedBack.js",
+      "require": "./dist/cjs/v1/ModalFeedBack/ModalFeedBack.js"
     },
     "./v1/DSModalWrapper": {
-      "import": "./esm/v1/DSModalWrapper.js",
-      "require": "./cjs/v1/DSModalWrapper.js"
+      "import": "./dist/esm/v1/DSModalWrapper.js",
+      "require": "./dist/cjs/v1/DSModalWrapper.js"
     },
     "./v1/DSModalType": {
-      "import": "./esm/v1/DSModalType.js",
-      "require": "./cjs/v1/DSModalType.js"
+      "import": "./dist/esm/v1/DSModalType.js",
+      "require": "./dist/cjs/v1/DSModalType.js"
     },
     "./v1/DSModal": {
-      "import": "./esm/v1/DSModal.js",
-      "require": "./cjs/v1/DSModal.js"
+      "import": "./dist/esm/v1/DSModal.js",
+      "require": "./dist/cjs/v1/DSModal.js"
     },
     "./DSModal": {
-      "import": "./esm/DSModal.js",
-      "require": "./cjs/DSModal.js"
+      "import": "./dist/esm/DSModal.js",
+      "require": "./dist/cjs/DSModal.js"
     },
     "./constants": {
-      "import": "./esm/constants.js",
-      "require": "./cjs/constants.js"
+      "import": "./dist/esm/constants.js",
+      "require": "./dist/cjs/constants.js"
     }
   },
   "sideEffects": [
@@ -85,30 +88,30 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.3.0-next.0",
-    "@elliemae/ds-classnames": "2.3.0-next.0",
-    "@elliemae/ds-form": "2.3.0-next.0",
-    "@elliemae/ds-icon": "2.3.0-next.0",
-    "@elliemae/ds-icons": "2.3.0-next.0",
-    "@elliemae/ds-shared": "2.3.0-next.0",
-    "@elliemae/ds-system": "2.3.0-next.0",
+    "@elliemae/ds-button": "3.0.0-alpha.0",
+    "@elliemae/ds-classnames": "3.0.0-alpha.0",
+    "@elliemae/ds-form": "3.0.0-alpha.0",
+    "@elliemae/ds-icon": "3.0.0-alpha.0",
+    "@elliemae/ds-icons": "3.0.0-alpha.0",
+    "@elliemae/ds-shared": "3.0.0-alpha.0",
+    "@elliemae/ds-system": "3.0.0-alpha.0",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-modal": "~3.12.1"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.15.0",
+    "@testing-library/jest-dom": "~5.15.1",
     "@testing-library/react": "~12.1.2"
   },
   "peerDependencies": {
@@ -118,7 +121,12 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }