@elliemae/ds-modal 3.16.0-next.2 → 3.16.0-next.21

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

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

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

@@ -2,7 +2,7 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { Close } from "@elliemae/ds-icons";
 import DSButton from "@elliemae/ds-button";
-import { ModalHeader } from "../blocks";
+import { ModalHeader } from "../blocks.js";
 const DecisionHeader = ({ onClose, showClose }) => /* @__PURE__ */ jsx(ModalHeader, { classProps: { type: "decision", showClose }, children: showClose && /* @__PURE__ */ jsx(
   DSButton,
   {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/DecisionHeader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { Close } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { ModalHeader } from '../blocks';\n\nexport const DecisionHeader = ({ onClose, showClose }) => (\n  <ModalHeader classProps={{ type: 'decision', showClose }}>\n    {showClose && (\n      <DSButton\n        buttonType=\"link\"\n        containerProps={{ 'data-testid': 'modal-button-close' }}\n        icon={<Close color={['neutral', '900']} />}\n        onClick={onClose}\n      />\n    )}\n  </ModalHeader>\n);\n\nexport default DecisionHeader;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { Close } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { ModalHeader } from '../blocks.js';\n\nexport const DecisionHeader = ({ onClose, showClose }) => (\n  <ModalHeader classProps={{ type: 'decision', showClose }}>\n    {showClose && (\n      <DSButton\n        buttonType=\"link\"\n        containerProps={{ 'data-testid': 'modal-button-close' }}\n        icon={<Close color={['neutral', '900']} />}\n        onClick={onClose}\n      />\n    )}\n  </ModalHeader>\n);\n\nexport default DecisionHeader;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACYT;AAVd,SAAS,aAAa;AACtB,OAAO,cAAc;AACrB,SAAS,mBAAmB;AAErB,MAAM,iBAAiB,CAAC,EAAE,SAAS,UAAU,MAClD,oBAAC,eAAY,YAAY,EAAE,MAAM,YAAY,UAAU,GACpD,uBACC;AAAA,EAAC;AAAA;AAAA,IACC,YAAW;AAAA,IACX,gBAAgB,EAAE,eAAe,qBAAqB;AAAA,IACtD,MAAM,oBAAC,SAAM,OAAO,CAAC,WAAW,KAAK,GAAG;AAAA,IACxC,SAAS;AAAA;AACX,GAEJ;AAGF,IAAO,yBAAQ;",
   "names": []
 }

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

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { ErrorHexegon, WarningTriangle, CheckmarkCircle, HelpCircle, InfoCircle } from "@elliemae/ds-icons";
-import { MODAL_SUB_TYPE_V2 } from "../../constants";
-import { ModalFeedback } from "../blocks";
+import { MODAL_SUB_TYPE_V2 } from "../../constants.js";
+import { ModalFeedback } from "../blocks.js";
 const feedbackIconSize = "xxl";
 const getIconType = (subtype) => {
   switch (subtype) {

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

@@ -1,7 +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,YAAY,WAAW;ACWV;AAVb,SAAS,cAAc,iBAAiB,iBAAiB,YAAY,kBAAkB;AAEvF,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAE9B,MAAM,mBAAmB;AAEzB,MAAM,cAAc,CAAC,YAAY;AAC/B,UAAQ,SAAS;AAAA,IACf,KAAK,kBAAkB;AACrB,aAAO,oBAAC,mBAAgB,eAAY,eAAc,MAAM,kBAAkB;AAAA,IAC5E,KAAK,kBAAkB;AACrB,aAAO,oBAAC,gBAAa,eAAY,cAAa,MAAM,kBAAkB;AAAA,IACxE,KAAK,kBAAkB;AACrB,aAAO,oBAAC,mBAAgB,eAAY,gBAAe,MAAM,kBAAkB;AAAA,IAC7E,KAAK,kBAAkB;AACrB,aAAO,oBAAC,cAAW,eAAY,oBAAmB,MAAM,kBAAkB;AAAA,IAC5E;AACE,aAAO,oBAAC,cAAW,eAAY,aAAY,MAAM,kBAAkB;AAAA,EACvE;AACF;AAEO,MAAM,eAAe,CAAC,EAAE,aAAa,MAC1C,oBAAC,iBAAc,YAAY,EAAE,MAAM,aAAa,GAAI,sBAAY,YAAY,GAAE;AAGhF,IAAO,uBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ErrorHexegon, WarningTriangle, CheckmarkCircle, HelpCircle, InfoCircle } from '@elliemae/ds-icons';\nimport { MODAL_SUB_TYPE_V2 } from '../../constants.js';\nimport { ModalFeedback } from '../blocks.js';\n\nconst feedbackIconSize = 'xxl';\n\nconst getIconType = (subtype) => {\n  switch (subtype) {\n    case MODAL_SUB_TYPE_V2.WARNING:\n      return <WarningTriangle data-testid=\"icon-waring\" size={feedbackIconSize} />;\n    case MODAL_SUB_TYPE_V2.ERROR:\n      return <ErrorHexegon data-testid=\"icon-error\" size={feedbackIconSize} />;\n    case MODAL_SUB_TYPE_V2.SUCCESS:\n      return <CheckmarkCircle data-testid=\"icon-success\" size={feedbackIconSize} />;\n    case MODAL_SUB_TYPE_V2.INFORMATION:\n      return <InfoCircle data-testid=\"icon-information\" size={feedbackIconSize} />;\n    default:\n      return <HelpCircle data-testid=\"icon-help\" size={feedbackIconSize} />;\n  }\n};\n\nexport const FeedbackIcon = ({ modalSubType }) => (\n  <ModalFeedback classProps={{ type: modalSubType }}>{getIconType(modalSubType)}</ModalFeedback>\n);\n\nexport default FeedbackIcon;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACUV;AATb,SAAS,cAAc,iBAAiB,iBAAiB,YAAY,kBAAkB;AACvF,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAE9B,MAAM,mBAAmB;AAEzB,MAAM,cAAc,CAAC,YAAY;AAC/B,UAAQ,SAAS;AAAA,IACf,KAAK,kBAAkB;AACrB,aAAO,oBAAC,mBAAgB,eAAY,eAAc,MAAM,kBAAkB;AAAA,IAC5E,KAAK,kBAAkB;AACrB,aAAO,oBAAC,gBAAa,eAAY,cAAa,MAAM,kBAAkB;AAAA,IACxE,KAAK,kBAAkB;AACrB,aAAO,oBAAC,mBAAgB,eAAY,gBAAe,MAAM,kBAAkB;AAAA,IAC7E,KAAK,kBAAkB;AACrB,aAAO,oBAAC,cAAW,eAAY,oBAAmB,MAAM,kBAAkB;AAAA,IAC5E;AACE,aAAO,oBAAC,cAAW,eAAY,aAAY,MAAM,kBAAkB;AAAA,EACvE;AACF;AAEO,MAAM,eAAe,CAAC,EAAE,aAAa,MAC1C,oBAAC,iBAAc,YAAY,EAAE,MAAM,aAAa,GAAI,sBAAY,YAAY,GAAE;AAGhF,IAAO,uBAAQ;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import DSButton from "@elliemae/ds-button";
-import { ModalFooter, ModalFooterActions } from "../blocks";
+import { ModalFooter, ModalFooterActions } from "../blocks.js";
 const Footer = ({
   additionalFooterCssClass,
   actionsRef,

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

@@ -1,7 +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"],
+  "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.js';\n\nexport const Footer = ({\n  additionalFooterCssClass,\n  actionsRef,\n  rejectLabel,\n  onReject,\n  overridePropsRejectButton,\n  confirmLabel,\n  onConfirm,\n  overridePropsConfirmButton,\n  showRejectButton,\n}) => (\n  <ModalFooter classProps={{ additionalFooterCssClass }} data-testid=\"modal-footer-wrapper\">\n    <ModalFooterActions ref={actionsRef}>\n      {showRejectButton === true && (\n        <DSButton\n          buttonType=\"secondary\"\n          className=\"action-reject\"\n          containerProps={{ 'data-testid': 'modal-footer-reject-btn' }}\n          labelText={rejectLabel}\n          onClick={onReject}\n          {...overridePropsRejectButton}\n        />\n      )}\n      <DSButton\n        buttonType=\"primary\"\n        className=\"action-confirm\"\n        containerProps={{ 'data-testid': 'modal-footer-confirm-btn' }}\n        labelText={confirmLabel}\n        onClick={onConfirm}\n        {...overridePropsConfirmButton}\n      />\n    </ModalFooterActions>\n  </ModalFooter>\n);\n\nexport default Footer;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACiBnB,SAEI,KAFJ;AAfJ,OAAO,cAAc;AACrB,SAAS,aAAa,0BAA0B;AAEzC,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,oBAAC,eAAY,YAAY,EAAE,yBAAyB,GAAG,eAAY,wBACjE,+BAAC,sBAAmB,KAAK,YACtB;AAAA,uBAAqB,QACpB;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,WAAU;AAAA,MACV,gBAAgB,EAAE,eAAe,0BAA0B;AAAA,MAC3D,WAAW;AAAA,MACX,SAAS;AAAA,MACR,GAAG;AAAA;AAAA,EACN;AAAA,EAEF;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,WAAU;AAAA,MACV,gBAAgB,EAAE,eAAe,2BAA2B;AAAA,MAC5D,WAAW;AAAA,MACX,SAAS;AAAA,MACR,GAAG;AAAA;AAAA,EACN;AAAA,GACF,GACF;AAGF,IAAO,iBAAQ;",
   "names": []
 }

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

@@ -2,8 +2,8 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Close } from "@elliemae/ds-icons";
 import DSButton from "@elliemae/ds-button";
-import { ModalHeader, ModalHeaderTopRight } from "../blocks";
-import { Title } from "./Title";
+import { ModalHeader, ModalHeaderTopRight } from "../blocks.js";
+import { Title } from "./Title.js";
 const FormHeader = ({ showClose, modalTitle, modalType, onClose }) => /* @__PURE__ */ jsxs(ModalHeader, { classProps: { type: "selection" }, children: [
   /* @__PURE__ */ jsx(Title, { modalTitle, modalType }),
   /* @__PURE__ */ jsx(ModalHeaderTopRight, { classProps: { type: "form" }, children: showClose && /* @__PURE__ */ jsx(

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

@@ -1,7 +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 color={['neutral', '900']} />}\n          onClick={onClose}\n        />\n      )}\n    </ModalHeaderTopRight>\n  </ModalHeader>\n);\n\nexport default FormHeader;\n"],
+  "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.js';\nimport { Title } from './Title.js';\n\nexport const FormHeader = ({ showClose, modalTitle, modalType, onClose }) => (\n  <ModalHeader classProps={{ type: 'selection' }}>\n    <Title modalTitle={modalTitle} modalType={modalType} />\n    <ModalHeaderTopRight classProps={{ type: 'form' }}>\n      {showClose && (\n        <DSButton\n          buttonType=\"link\"\n          containerProps={{ 'data-testid': 'modal-close-btn' }}\n          icon={<Close color={['neutral', '900']} />}\n          onClick={onClose}\n        />\n      )}\n    </ModalHeaderTopRight>\n  </ModalHeader>\n);\n\nexport default FormHeader;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACQrB,SACE,KADF;AANF,SAAS,aAAa;AACtB,OAAO,cAAc;AACrB,SAAS,aAAa,2BAA2B;AACjD,SAAS,aAAa;AAEf,MAAM,aAAa,CAAC,EAAE,WAAW,YAAY,WAAW,QAAQ,MACrE,qBAAC,eAAY,YAAY,EAAE,MAAM,YAAY,GAC3C;AAAA,sBAAC,SAAM,YAAwB,WAAsB;AAAA,EACrD,oBAAC,uBAAoB,YAAY,EAAE,MAAM,OAAO,GAC7C,uBACC;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,gBAAgB,EAAE,eAAe,kBAAkB;AAAA,MACnD,MAAM,oBAAC,SAAM,OAAO,CAAC,WAAW,KAAK,GAAG;AAAA,MACxC,SAAS;AAAA;AAAA,EACX,GAEJ;AAAA,GACF;AAGF,IAAO,qBAAQ;",
   "names": []
 }

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

@@ -1,26 +1,29 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-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";
+import { MODAL_TYPE_V2 } from "../../constants.js";
+import { SelectionHeader } from "./SelectionHeader.js";
+import { DecisionHeader } from "./DecisionHeader.js";
+import { FormHeader } from "./FormHeader.js";
+import { FeedbackIcon } from "./FeedbackIcon.js";
+import { Footer } from "./Footer.js";
+import { Title } from "./Title.js";
+import { showDecision, showFeedBack, showFooter, showSelection, showForm } from "../helpers.js";
+import { ModalContent, ModalWrapper } from "../blocks.js";
 const DSModalContent = ({
   containerProps = {},
+  //
   modalType = MODAL_TYPE_V2.INFORMATION,
   modalSubType = null,
   modalTitle = "",
   showRejectButton = false,
   showClose = true,
   searchProps = {},
+  // override
   actionsRef = () => null,
   additionalFooterCssClass,
   overridePropsConfirmButton = {},
   overridePropsRejectButton = {},
+  // react modal
   children,
   onClose = () => null,
   onConfirm = () => null,

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

@@ -1,7 +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 { showDecision, showFeedBack, showFooter, showSelection, showForm } from '../helpers';\nimport { ModalContent, ModalWrapper } from '../blocks';\n\nexport const DSModalContent = ({\n  containerProps = {},\n  //\n  modalType = MODAL_TYPE_V2.INFORMATION,\n  modalSubType = null,\n  modalTitle = '',\n  showRejectButton = false,\n  showClose = true,\n  searchProps = {},\n  // override\n  actionsRef = () => null,\n  additionalFooterCssClass,\n  overridePropsConfirmButton = {},\n  overridePropsRejectButton = {},\n  // react modal\n  children,\n  onClose = () => null,\n  onConfirm = () => null,\n  onReject = () => null,\n  rejectLabel = 'Discard',\n  confirmLabel = 'Save',\n  removePadding = false,\n}) => (\n  <ModalWrapper {...containerProps}>\n    {showForm({ modalType, modalSubType }) && (\n      <FormHeader modalTitle={modalTitle} modalType={modalType} onClose={onClose} showClose={showClose} />\n    )}\n    {showSelection({ modalType, modalSubType }) && (\n      <SelectionHeader modalTitle={modalTitle} modalType={modalType} searchProps={searchProps} showClose={showClose} />\n    )}\n    {showDecision({ modalType, modalSubType }) && <DecisionHeader onClose={onClose} showClose={showClose} />}\n    {showFeedBack({ modalType, modalSubType }) && <FeedbackIcon modalSubType={modalSubType} />}\n    {showDecision({ modalType, modalSubType }) && <Title modalTitle={modalTitle} modalType={modalType} />}\n    <ModalContent classProps={{ type: modalType, removePadding }}>{children}</ModalContent>\n    {showFooter({ modalType, modalSubType }) && (\n      <Footer\n        actionsRef={actionsRef}\n        additionalFooterCssClass={additionalFooterCssClass}\n        confirmLabel={confirmLabel}\n        onConfirm={onConfirm}\n        onReject={onReject}\n        overridePropsConfirmButton={overridePropsConfirmButton}\n        overridePropsRejectButton={overridePropsRejectButton}\n        rejectLabel={rejectLabel}\n        showRejectButton={showRejectButton}\n      />\n    )}\n  </ModalWrapper>\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACmCrB,SAEI,KAFJ;AAjCF,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,cAAc,cAAc,YAAY,eAAe,gBAAgB;AAChF,SAAS,cAAc,oBAAoB;AAEpC,MAAM,iBAAiB,CAAC;AAAA,EAC7B,iBAAiB,CAAC;AAAA,EAElB,YAAY,cAAc;AAAA,EAC1B,eAAe;AAAA,EACf,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,cAAc,CAAC;AAAA,EAEf,aAAa,MAAM;AAAA,EACnB;AAAA,EACA,6BAA6B,CAAC;AAAA,EAC9B,4BAA4B,CAAC;AAAA,EAE7B;AAAA,EACA,UAAU,MAAM;AAAA,EAChB,YAAY,MAAM;AAAA,EAClB,WAAW,MAAM;AAAA,EACjB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,gBAAgB;AAClB,MACE,qBAAC,gBAAc,GAAG,gBACf;AAAA,WAAS,EAAE,WAAW,aAAa,CAAC,KACnC,oBAAC,cAAW,YAAwB,WAAsB,SAAkB,WAAsB;AAAA,EAEnG,cAAc,EAAE,WAAW,aAAa,CAAC,KACxC,oBAAC,mBAAgB,YAAwB,WAAsB,aAA0B,WAAsB;AAAA,EAEhH,aAAa,EAAE,WAAW,aAAa,CAAC,KAAK,oBAAC,kBAAe,SAAkB,WAAsB;AAAA,EACrG,aAAa,EAAE,WAAW,aAAa,CAAC,KAAK,oBAAC,gBAAa,cAA4B;AAAA,EACvF,aAAa,EAAE,WAAW,aAAa,CAAC,KAAK,oBAAC,SAAM,YAAwB,WAAsB;AAAA,EACnG,oBAAC,gBAAa,YAAY,EAAE,MAAM,WAAW,cAAc,GAAI,UAAS;AAAA,EACvE,WAAW,EAAE,WAAW,aAAa,CAAC,KACrC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAAA,GAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { MODAL_TYPE_V2 } from '../../constants.js';\nimport { SelectionHeader } from './SelectionHeader.js';\nimport { DecisionHeader } from './DecisionHeader.js';\nimport { FormHeader } from './FormHeader.js';\nimport { FeedbackIcon } from './FeedbackIcon.js';\nimport { Footer } from './Footer.js';\nimport { Title } from './Title.js';\nimport { showDecision, showFeedBack, showFooter, showSelection, showForm } from '../helpers.js';\nimport { ModalContent, ModalWrapper } from '../blocks.js';\n\nexport const DSModalContent = ({\n  containerProps = {},\n  //\n  modalType = MODAL_TYPE_V2.INFORMATION,\n  modalSubType = null,\n  modalTitle = '',\n  showRejectButton = false,\n  showClose = true,\n  searchProps = {},\n  // override\n  actionsRef = () => null,\n  additionalFooterCssClass,\n  overridePropsConfirmButton = {},\n  overridePropsRejectButton = {},\n  // react modal\n  children,\n  onClose = () => null,\n  onConfirm = () => null,\n  onReject = () => null,\n  rejectLabel = 'Discard',\n  confirmLabel = 'Save',\n  removePadding = false,\n}) => (\n  <ModalWrapper {...containerProps}>\n    {showForm({ modalType, modalSubType }) && (\n      <FormHeader modalTitle={modalTitle} modalType={modalType} onClose={onClose} showClose={showClose} />\n    )}\n    {showSelection({ modalType, modalSubType }) && (\n      <SelectionHeader modalTitle={modalTitle} modalType={modalType} searchProps={searchProps} showClose={showClose} />\n    )}\n    {showDecision({ modalType, modalSubType }) && <DecisionHeader onClose={onClose} showClose={showClose} />}\n    {showFeedBack({ modalType, modalSubType }) && <FeedbackIcon modalSubType={modalSubType} />}\n    {showDecision({ modalType, modalSubType }) && <Title modalTitle={modalTitle} modalType={modalType} />}\n    <ModalContent classProps={{ type: modalType, removePadding }}>{children}</ModalContent>\n    {showFooter({ modalType, modalSubType }) && (\n      <Footer\n        actionsRef={actionsRef}\n        additionalFooterCssClass={additionalFooterCssClass}\n        confirmLabel={confirmLabel}\n        onConfirm={onConfirm}\n        onReject={onReject}\n        overridePropsConfirmButton={overridePropsConfirmButton}\n        overridePropsRejectButton={overridePropsRejectButton}\n        rejectLabel={rejectLabel}\n        showRejectButton={showRejectButton}\n      />\n    )}\n  </ModalWrapper>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACmCrB,SAEI,KAFJ;AAjCF,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,cAAc,cAAc,YAAY,eAAe,gBAAgB;AAChF,SAAS,cAAc,oBAAoB;AAEpC,MAAM,iBAAiB,CAAC;AAAA,EAC7B,iBAAiB,CAAC;AAAA;AAAA,EAElB,YAAY,cAAc;AAAA,EAC1B,eAAe;AAAA,EACf,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,cAAc,CAAC;AAAA;AAAA,EAEf,aAAa,MAAM;AAAA,EACnB;AAAA,EACA,6BAA6B,CAAC;AAAA,EAC9B,4BAA4B,CAAC;AAAA;AAAA,EAE7B;AAAA,EACA,UAAU,MAAM;AAAA,EAChB,YAAY,MAAM;AAAA,EAClB,WAAW,MAAM;AAAA,EACjB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,gBAAgB;AAClB,MACE,qBAAC,gBAAc,GAAG,gBACf;AAAA,WAAS,EAAE,WAAW,aAAa,CAAC,KACnC,oBAAC,cAAW,YAAwB,WAAsB,SAAkB,WAAsB;AAAA,EAEnG,cAAc,EAAE,WAAW,aAAa,CAAC,KACxC,oBAAC,mBAAgB,YAAwB,WAAsB,aAA0B,WAAsB;AAAA,EAEhH,aAAa,EAAE,WAAW,aAAa,CAAC,KAAK,oBAAC,kBAAe,SAAkB,WAAsB;AAAA,EACrG,aAAa,EAAE,WAAW,aAAa,CAAC,KAAK,oBAAC,gBAAa,cAA4B;AAAA,EACvF,aAAa,EAAE,WAAW,aAAa,CAAC,KAAK,oBAAC,SAAM,YAAwB,WAAsB;AAAA,EACnG,oBAAC,gBAAa,YAAY,EAAE,MAAM,WAAW,cAAc,GAAI,UAAS;AAAA,EACvE,WAAW,EAAE,WAAW,aAAa,CAAC,KACrC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAAA,GAEJ;",
   "names": []
 }

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

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DSSearchBox } from "@elliemae/ds-form";
-import { ModalHeader, ModalHeaderTopRight } from "../blocks";
-import { Title } from "./Title";
+import { ModalHeader, ModalHeaderTopRight } from "../blocks.js";
+import { Title } from "./Title.js";
 const SelectionHeader = ({ searchProps = {}, modalTitle, modalType, showClose }) => /* @__PURE__ */ jsxs(ModalHeader, { classProps: { type: "selection" }, children: [
   /* @__PURE__ */ jsx(Title, { modalTitle, modalType }),
   showClose && /* @__PURE__ */ jsx(ModalHeaderTopRight, { classProps: { type: "selection" }, "data-testid": "modal-search-box", children: /* @__PURE__ */ jsx(DSSearchBox, { ...searchProps }) })

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

@@ -1,7 +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"],
+  "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.js';\nimport { Title } from './Title.js';\n\nexport const SelectionHeader = ({ searchProps = {}, modalTitle, modalType, showClose }) => (\n  <ModalHeader classProps={{ type: 'selection' }}>\n    <Title modalTitle={modalTitle} modalType={modalType} />\n    {showClose && (\n      <ModalHeaderTopRight classProps={{ type: 'selection' }} data-testid=\"modal-search-box\">\n        <DSSearchBox {...searchProps} />\n      </ModalHeaderTopRight>\n    )}\n  </ModalHeader>\n);\n\nexport default SelectionHeader;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACOrB,SACE,KADF;AALF,SAAS,mBAAmB;AAC5B,SAAS,aAAa,2BAA2B;AACjD,SAAS,aAAa;AAEf,MAAM,kBAAkB,CAAC,EAAE,cAAc,CAAC,GAAG,YAAY,WAAW,UAAU,MACnF,qBAAC,eAAY,YAAY,EAAE,MAAM,YAAY,GAC3C;AAAA,sBAAC,SAAM,YAAwB,WAAsB;AAAA,EACpD,aACC,oBAAC,uBAAoB,YAAY,EAAE,MAAM,YAAY,GAAG,eAAY,oBAClE,8BAAC,eAAa,GAAG,aAAa,GAChC;AAAA,GAEJ;AAGF,IAAO,0BAAQ;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { ModalTitle } from "../blocks";
+import { ModalTitle } from "../blocks.js";
 const Title = ({ modalTitle, modalType }) => /* @__PURE__ */ jsx(ModalTitle, { classProps: { type: modalType }, children: modalTitle });
 var Title_default = Title;
 export {

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

@@ -1,7 +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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { ModalTitle } from '../blocks.js';\n\nexport const Title = ({ modalTitle, modalType }) => (\n  <ModalTitle classProps={{ type: modalType }}>{modalTitle}</ModalTitle>\n);\n\nexport default Title;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACKrB;AAHF,SAAS,kBAAkB;AAEpB,MAAM,QAAQ,CAAC,EAAE,YAAY,UAAU,MAC5C,oBAAC,cAAW,YAAY,EAAE,MAAM,UAAU,GAAI,sBAAW;AAG3D,IAAO,gBAAQ;",
   "names": []
 }

package/dist/esm/v2/helpers.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { MODAL_TYPE_V2, MODAL_SUB_TYPE_V2 } from "../constants";
+import { MODAL_TYPE_V2, MODAL_SUB_TYPE_V2 } from "../constants.js";
 function showDecision({ modalType }) {
   return [MODAL_TYPE_V2.INFORMATION, MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;
 }

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

@@ -1,7 +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 [MODAL_TYPE_V2.INFORMATION, MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;\n}\n\nexport function showFeedBack({ modalType, modalSubType }) {\n  return showDecision({ modalType }) && Object.values(MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1;\n}\n\nexport function showFooter({ modalType }) {\n  return modalType !== MODAL_TYPE_V2.INFORMATION;\n}\n\nexport function showSelection({ modalType }) {\n  return modalType === MODAL_TYPE_V2.SELECTION;\n}\nexport function showForm({ modalType }) {\n  return modalType === MODAL_TYPE_V2.FORM;\n}\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { MODAL_TYPE_V2, MODAL_SUB_TYPE_V2 } from '../constants.js';\n\nexport function showDecision({ modalType }) {\n  return [MODAL_TYPE_V2.INFORMATION, MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;\n}\n\nexport function showFeedBack({ modalType, modalSubType }) {\n  return showDecision({ modalType }) && Object.values(MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1;\n}\n\nexport function showFooter({ modalType }) {\n  return modalType !== MODAL_TYPE_V2.INFORMATION;\n}\n\nexport function showSelection({ modalType }) {\n  return modalType === MODAL_TYPE_V2.SELECTION;\n}\nexport function showForm({ modalType }) {\n  return modalType === MODAL_TYPE_V2.FORM;\n}\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe,yBAAyB;AAE1C,SAAS,aAAa,EAAE,UAAU,GAAG;AAC1C,SAAO,CAAC,cAAc,aAAa,cAAc,QAAQ,EAAE,QAAQ,SAAS,IAAI;AAClF;AAEO,SAAS,aAAa,EAAE,WAAW,aAAa,GAAG;AACxD,SAAO,aAAa,EAAE,UAAU,CAAC,KAAK,OAAO,OAAO,iBAAiB,EAAE,QAAQ,YAAY,IAAI;AACjG;AAEO,SAAS,WAAW,EAAE,UAAU,GAAG;AACxC,SAAO,cAAc,cAAc;AACrC;AAEO,SAAS,cAAc,EAAE,UAAU,GAAG;AAC3C,SAAO,cAAc,cAAc;AACrC;AACO,SAAS,SAAS,EAAE,UAAU,GAAG;AACtC,SAAO,cAAc,cAAc;AACrC;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-modal",
-  "version": "3.16.0-next.2",
+  "version": "3.16.0-next.21",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Modal",
   "files": [
@@ -101,18 +101,19 @@
   "dependencies": {
     "prop-types": "~15.8.1",
     "react-modal": "~3.16.1",
-    "styled-components": "~5.3.6",
-    "@elliemae/ds-button": "3.16.0-next.2",
-    "@elliemae/ds-form": "3.16.0-next.2",
-    "@elliemae/ds-icon": "3.16.0-next.2",
-    "@elliemae/ds-classnames": "3.16.0-next.2",
-    "@elliemae/ds-shared": "3.16.0-next.2",
-    "@elliemae/ds-system": "3.16.0-next.2",
-    "@elliemae/ds-icons": "3.16.0-next.2",
-    "@elliemae/ds-utilities": "3.16.0-next.2"
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-button": "3.16.0-next.21",
+    "@elliemae/ds-classnames": "3.16.0-next.21",
+    "@elliemae/ds-form": "3.16.0-next.21",
+    "@elliemae/ds-icon": "3.16.0-next.21",
+    "@elliemae/ds-icons": "3.16.0-next.21",
+    "@elliemae/ds-props-helpers": "3.16.0-next.21",
+    "@elliemae/ds-shared": "3.16.0-next.21",
+    "@elliemae/ds-system": "3.16.0-next.21",
+    "@elliemae/ds-utilities": "3.16.0-next.21"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/jest-dom": "~5.16.5",
     "@testing-library/react": "~12.1.3"
   },
   "peerDependencies": {
@@ -128,10 +129,10 @@
     "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
     "test": "node ../../scripts/testing/test.mjs",
     "lint": "node ../../scripts/lint.mjs",
-    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
-    "dts": "node ../../scripts/dts.mjs",
+    "eslint:fix": "exit 0",
+    "dts": "exit 0",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
-    "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
+    "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
     "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }

package/dist/types/DSModal.d.ts

@@ -1,13 +0,0 @@
-import PropTypes from 'prop-types';
-import { DSModalContent } from './v2/DSModal';
-declare const DSModal: {
-    ({ version, ...rest }: {
-        [x: string]: any;
-        version?: number | undefined;
-    }): JSX.Element;
-    propTypes: {
-        version: PropTypes.Requireable<number>;
-    };
-};
-export { DSModalContent, DSModal };
-export default DSModal;

package/dist/types/constants.d.ts

@@ -1,25 +0,0 @@
-export declare const MODAL_TYPE: {
-    DEFAULT: string;
-    ALERT: string;
-    CONFIRM: string;
-    NOTIFICATION: string;
-    WARNING: string;
-    ERROR: string;
-    SUCCESS: string;
-    HELP: string;
-    INFO: string;
-};
-export declare const modalTypes: string[];
-export declare const MODAL_TYPE_V2: {
-    INFORMATION: string;
-    DECISION: string;
-    SELECTION: string;
-    FORM: string;
-};
-export declare const MODAL_SUB_TYPE_V2: {
-    SUCCESS: string;
-    WARNING: string;
-    ERROR: string;
-    INFORMATION: string;
-};
-export default MODAL_TYPE;

package/dist/types/index.d.ts

@@ -1,3 +0,0 @@
-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/dist/types/v1/DSModal.d.ts

@@ -1,142 +0,0 @@
-import PropTypes from 'prop-types';
-declare const DSModal: {
-    ({ containerProps, className, dataTestId, additionalFooterCssClass, style, iconCloseSize, modalType, showHeader, showFooter, children, centered, confirmLabel, modalTitle, size, isOpen, onClose, onAfterOpen, onConfirm, onReject, rejectLabel, shouldCloseOnOverlayClick, hasError, hasWarning, hasSuccess, hasInfo, hasHelp, actionsRef, appElement, overridePropsConfirmButton, overridePropsRejectButton, zIndex, }: {
-        containerProps?: {} | undefined;
-        className?: string | undefined;
-        dataTestId?: string | undefined;
-        additionalFooterCssClass?: string | undefined;
-        style?: {} | undefined;
-        iconCloseSize?: string | undefined;
-        modalType?: string | undefined;
-        showHeader?: boolean | undefined;
-        showFooter?: boolean | undefined;
-        children: any;
-        centered?: boolean | undefined;
-        confirmLabel?: string | undefined;
-        modalTitle?: string | undefined;
-        size?: string | undefined;
-        isOpen?: boolean | undefined;
-        onClose?: (() => null) | undefined;
-        onAfterOpen?: (() => null) | undefined;
-        onConfirm?: (() => null) | undefined;
-        onReject?: (() => null) | undefined;
-        rejectLabel?: string | undefined;
-        shouldCloseOnOverlayClick?: boolean | undefined;
-        hasError?: boolean | undefined;
-        hasWarning?: boolean | undefined;
-        hasSuccess?: boolean | undefined;
-        hasInfo?: boolean | undefined;
-        hasHelp?: boolean | undefined;
-        actionsRef?: (() => null) | undefined;
-        appElement?: string | undefined;
-        overridePropsConfirmButton?: {} | undefined;
-        overridePropsRejectButton?: {} | undefined;
-        zIndex?: number | undefined;
-    }): JSX.Element;
-    propTypes: {
-        className: PropTypes.Requireable<string>;
-        /**
-         * Add an additional css class to the footer
-         */
-        additionalFooterCssClass: PropTypes.Requireable<string>;
-        /**
-         * Set style for the modal
-         */
-        style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-        /**
-         * Select size for the close icon
-         */
-        iconCloseSize: PropTypes.Requireable<"xxl" | "s" | "m" | "l" | "xxs" | "xs" | "xl">;
-        /**
-         * ['default', 'alert', 'confirm', 'notification', 'warning', 'error', 'success', 'help', 'info']
-         */
-        modalType: PropTypes.Requireable<string>;
-        /**
-         * Show the header or not
-         */
-        showHeader: PropTypes.Requireable<boolean>;
-        /**
-         * Show the footer or not
-         */
-        showFooter: PropTypes.Requireable<boolean>;
-        /**
-         * Main content of the modal
-         */
-        children: PropTypes.Validator<any>;
-        /**
-         * Content is centered or not
-         */
-        centered: PropTypes.Requireable<boolean>;
-        /**
-         * Text to be added in the confirm button
-         */
-        confirmLabel: PropTypes.Requireable<string>;
-        /**
-         * Text to be added in the modal title
-         */
-        modalTitle: PropTypes.Requireable<string>;
-        /**
-         * Text to be added in the modal title
-         */
-        size: PropTypes.Requireable<"small" | "medium" | "xsmall" | "large" | "xlarge">;
-        /**
-         * Modal is open or not
-         */
-        isOpen: PropTypes.Requireable<boolean>;
-        /**
-         * Allows a function to be triggered once the modal is closed
-         */
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Allows a function to be triggered once the modal is opened
-         */
-        onAfterOpen: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Allows a function to be triggered once the modal open is confirmed
-         */
-        onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Allows a function to be triggered once the modal open is rejected
-         */
-        onReject: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Text to be added in the reject button
-         */
-        rejectLabel: PropTypes.Requireable<string>;
-        /**
-         * If modal should close on overlay click
-         */
-        shouldCloseOnOverlayClick: PropTypes.Requireable<boolean>;
-        /**
-         * Modal has error or not
-         */
-        hasError: PropTypes.Requireable<boolean>;
-        /**
-         * Modal has warning or not
-         */
-        hasWarning: PropTypes.Requireable<boolean>;
-        /**
-         * Modal has success or not
-         */
-        hasSuccess: PropTypes.Requireable<boolean>;
-        /**
-         * Modal has info or not
-         */
-        hasInfo: PropTypes.Requireable<boolean>;
-        /**
-         * Modal has help or not
-         */
-        hasHelp: PropTypes.Requireable<boolean>;
-        actionsRef: PropTypes.Requireable<(...args: any[]) => any>;
-        appElement: PropTypes.Requireable<string>;
-        /**
-         * Customized props for the confirm button
-         */
-        overridePropsConfirmButton: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-        /**
-         * Customized props for the reject button
-         */
-        overridePropsRejectButton: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-    };
-};
-export default DSModal;

package/dist/types/v1/DSModalType.d.ts

@@ -1 +0,0 @@
-export declare const modalTypes: any[];