@elliemae/ds-modal 3.5.0-rc.9 → 3.6.0-next.0

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/DSModal.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useContext } from 'react';\nimport { ThemeContext } from '@elliemae/ds-system';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport ReactModal from 'react-modal';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { MODAL_TYPE_V2 } from '../constants';\nimport { DSModalContent } from './components/ModalContent';\n\nconst DSModal = ({\n  containerProps = {},\n  className = '',\n  style = {},\n  size = 'default',\n  //\n  modalType = MODAL_TYPE_V2.INFORMATION,\n  modalSubType = null,\n  modalTitle = '',\n  dataTestId = 'ds-modal',\n  centered = false,\n  showRejectButton = false,\n  showClose = true,\n  searchProps = {},\n  // override\n  actionsRef = () => null,\n  additionalFooterCssClass,\n  overridePropsConfirmButton = {},\n  overridePropsRejectButton = {},\n  // react modal\n  children,\n  isOpen = true,\n  onClose = () => null,\n  onAfterOpen = () => null,\n  onConfirm = () => null,\n  onReject = () => null,\n  rejectLabel = 'Discard',\n  confirmLabel = 'Save',\n  shouldCloseOnOverlayClick = false,\n  appElement = '#root',\n  zIndex,\n  removePadding = false,\n}) => {\n  if (typeof document !== 'undefined' && process.env.NODE_ENV !== 'test' && document && ReactModal.setAppElement) {\n    ReactModal.setAppElement(appElement);\n  }\n\n  const { cssClassName, classNameBlock, classNameModifier } = convertPropToCssClassName('modal-v2', className, {\n    size,\n  });\n\n  const theme = useContext(ThemeContext);\n\n  return (\n    <ReactModal\n      testId={dataTestId}\n      className={`${cssClassName} ${classNameBlock(`type-${modalType}`)}`}\n      contentLabel={modalTitle}\n      isOpen={isOpen}\n      onAfterOpen={onAfterOpen}\n      onRequestClose={onClose}\n      overlayClassName={`${classNameBlock('overlay')} ${classNameModifier(centered ? 'center' : 'top')}`}\n      shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n      style={{\n        content: {\n          ...style,\n        },\n        overlay: {\n          // position: 'absolute', https://jira.elliemae.io/browse/PUI-1471, the overlay should be positioned based on the browser window rather positioned absolute to its parent\n          zIndex: zIndex ?? theme.zIndex.dialog,\n        },\n      }}\n    >\n      <DSModalContent\n        actionsRef={actionsRef}\n        additionalFooterCssClass={additionalFooterCssClass}\n        confirmLabel={confirmLabel}\n        containerProps={containerProps}\n        modalSubType={modalSubType}\n        modalTitle={modalTitle}\n        modalType={modalType}\n        onClose={onClose}\n        onConfirm={onConfirm}\n        onReject={onReject}\n        overridePropsConfirmButton={overridePropsConfirmButton}\n        overridePropsRejectButton={overridePropsRejectButton}\n        rejectLabel={rejectLabel}\n        searchProps={searchProps}\n        showClose={showClose}\n        showRejectButton={showRejectButton}\n        removePadding={removePadding}\n      >\n        {children}\n      </DSModalContent>\n    </ReactModal>\n  );\n};\n\nconst props = {\n  /** inject props to container wrapper */\n  containerProps: PropTypes.object.description('inject props to container wrapper'),\n  /** css class */\n  className: PropTypes.string.description('css class'),\n  /** style object for container wrapper */\n  style: PropTypes.object.description('style object for container wrapper'),\n  /** modal container title */\n  modalTitle: PropTypes.string.description('modal container title'),\n  /** center container */\n  centered: PropTypes.bool.description('center container'),\n  /** show reject button */\n  showRejectButton: PropTypes.bool.description('show reject button'),\n  /** show close button */\n  showClose: PropTypes.bool.description('show close button'),\n  /*\n    Props for search component\n  */\n  searchProps: PropTypes.object.description('Props for search component'),\n  /** css class for footer */\n  additionalFooterCssClass: PropTypes.string.description('css class for footer'),\n  /**  override props confirm button */\n  overridePropsConfirmButton: PropTypes.object.description('override props confirm button'),\n  /** override props reject button */\n  overridePropsRejectButton: PropTypes.object.description('override props reject button'),\n  /** controlled isOpen flag */\n  isOpen: PropTypes.bool.description('controlled isOpen flag'),\n  /** close callback */\n  onClose: PropTypes.func.description('close callback'),\n  /** after open callback */\n  onAfterOpen: PropTypes.func.description('after open callback'),\n  /** confirm callback */\n  onConfirm: PropTypes.func.description('confirm callback'),\n  /** reject callback */\n  onReject: PropTypes.func.description('reject callback'),\n  /** reject label */\n  rejectLabel: PropTypes.string.description('reject label'),\n  /** confirm text string */\n  confirmLabel: PropTypes.string.description('confirm text string'),\n  /** modal container size */\n  size: PropTypes.oneOf(['default', 'xx-large', 'x-large', 'large', 'medium', 'small']).description(\n    'modal container size',\n  ),\n  /** modal sub type */\n  modalSubType: PropTypes.any.description('modal sub type'),\n  /** modal type */\n  modalType: PropTypes.any.description('modal type'),\n  /** ref for modal footer actions */\n  actionsRef: PropTypes.any.description('ref for modal footer actions'),\n  /** modal container children */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).description(\n    'modal container children',\n  ),\n  /** close on click outside container */\n  shouldCloseOnOverlayClick: PropTypes.bool.description('close on click outside container'),\n  /*\n    App element ID to inject the modal\n  */\n  appElement: PropTypes.string.description('App element ID to inject the modal'),\n  /** zindex for modal container */\n  zIndex: PropTypes.number.description('zindex for modal container'),\n  /** remove modal builtin padding */\n  removePadding: PropTypes.bool.description('remove modal builtin padding'),\n};\n\nDSModal.propTypes = props;\nDSModal.displayName = 'DSModal';\nconst DSModalWithSchema = describe(DSModal);\nDSModalWithSchema.propTypes = props;\n\nexport { DSModalContent, DSModalWithSchema };\nexport default DSModal;\n"],
-  "mappings": "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",
-  "names": ["React"]
+  "mappings": "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",
+  "names": []
 }

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

@@ -1,16 +1,17 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { Close } from "@elliemae/ds-icons";
 import DSButton from "@elliemae/ds-button";
 import { ModalHeader } from "../blocks";
-const DecisionHeader = ({ onClose, showClose }) => /* @__PURE__ */ React2.createElement(ModalHeader, {
-  classProps: { type: "decision", showClose }
-}, showClose && /* @__PURE__ */ React2.createElement(DSButton, {
-  buttonType: "link",
-  containerProps: { "data-testid": "modal-button-close" },
-  icon: /* @__PURE__ */ React2.createElement(Close, null),
-  onClick: onClose
-}));
+const DecisionHeader = ({ onClose, showClose }) => /* @__PURE__ */ jsx(ModalHeader, {
+  classProps: { type: "decision", showClose },
+  children: showClose && /* @__PURE__ */ jsx(DSButton, {
+    buttonType: "link",
+    containerProps: { "data-testid": "modal-button-close" },
+    icon: /* @__PURE__ */ jsx(Close, {}),
+    onClick: onClose
+  })
+});
 var DecisionHeader_default = DecisionHeader;
 export {
   DecisionHeader,

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

@@ -2,6 +2,6 @@
   "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 />}\n        onClick={onClose}\n      />\n    )}\n  </ModalHeader>\n);\n\nexport default DecisionHeader;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,YAAW;AAClB,SAAS,aAAa;AACtB,OAAO,cAAc;AACrB,SAAS,mBAAmB;AAErB,MAAM,iBAAiB,CAAC,EAAE,SAAS,UAAU,MAClD,gBAAAA,OAAA,cAAC;AAAA,EAAY,YAAY,EAAE,MAAM,YAAY,UAAU;AAAA,GACpD,aACC,gBAAAA,OAAA,cAAC;AAAA,EACC,YAAW;AAAA,EACX,gBAAgB,EAAE,eAAe,qBAAqB;AAAA,EACtD,MAAM,gBAAAA,OAAA,cAAC,WAAM;AAAA,EACb,SAAS;AAAA,CACX,CAEJ;AAGF,IAAO,yBAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,aAAa;AACtB,OAAO,cAAc;AACrB,SAAS,mBAAmB;AAErB,MAAM,iBAAiB,CAAC,EAAE,SAAS,UAAU,MAClD,oBAAC;AAAA,EAAY,YAAY,EAAE,MAAM,YAAY,UAAU;AAAA,EACpD,uBACC,oBAAC;AAAA,IACC,YAAW;AAAA,IACX,gBAAgB,EAAE,eAAe,qBAAqB;AAAA,IACtD,MAAM,oBAAC,SAAM;AAAA,IACb,SAAS;AAAA,GACX;AAAA,CAEJ;AAGF,IAAO,yBAAQ;",
+  "names": []
 }

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 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";
@@ -7,35 +7,36 @@ const feedbackIconSize = "xxl";
 const getIconType = (subtype) => {
   switch (subtype) {
     case MODAL_SUB_TYPE_V2.WARNING:
-      return /* @__PURE__ */ React2.createElement(WarningTriangle, {
+      return /* @__PURE__ */ jsx(WarningTriangle, {
         "data-testid": "icon-waring",
         size: feedbackIconSize
       });
     case MODAL_SUB_TYPE_V2.ERROR:
-      return /* @__PURE__ */ React2.createElement(ErrorHexegon, {
+      return /* @__PURE__ */ jsx(ErrorHexegon, {
         "data-testid": "icon-error",
         size: feedbackIconSize
       });
     case MODAL_SUB_TYPE_V2.SUCCESS:
-      return /* @__PURE__ */ React2.createElement(CheckmarkCircle, {
+      return /* @__PURE__ */ jsx(CheckmarkCircle, {
         "data-testid": "icon-success",
         size: feedbackIconSize
       });
     case MODAL_SUB_TYPE_V2.INFORMATION:
-      return /* @__PURE__ */ React2.createElement(InfoCircle, {
+      return /* @__PURE__ */ jsx(InfoCircle, {
         "data-testid": "icon-information",
         size: feedbackIconSize
       });
     default:
-      return /* @__PURE__ */ React2.createElement(HelpCircle, {
+      return /* @__PURE__ */ jsx(HelpCircle, {
         "data-testid": "icon-help",
         size: feedbackIconSize
       });
   }
 };
-const FeedbackIcon = ({ modalSubType }) => /* @__PURE__ */ React2.createElement(ModalFeedback, {
-  classProps: { type: modalSubType }
-}, getIconType(modalSubType));
+const FeedbackIcon = ({ modalSubType }) => /* @__PURE__ */ jsx(ModalFeedback, {
+  classProps: { type: modalSubType },
+  children: getIconType(modalSubType)
+});
 var FeedbackIcon_default = FeedbackIcon;
 export {
   FeedbackIcon,

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

@@ -2,6 +2,6 @@
   "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;ACAvB,OAAOA,YAAW;AAClB,SAAS,cAAc,iBAAiB,iBAAiB,YAAY,kBAAkB;AAEvF,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAE9B,MAAM,mBAAmB;AAEzB,MAAM,cAAc,CAAC,YAAY;AAC/B,UAAQ;AAAA,SACD,kBAAkB;AACrB,aAAO,gBAAAA,OAAA,cAAC;AAAA,QAAgB,eAAY;AAAA,QAAc,MAAM;AAAA,OAAkB;AAAA,SACvE,kBAAkB;AACrB,aAAO,gBAAAA,OAAA,cAAC;AAAA,QAAa,eAAY;AAAA,QAAa,MAAM;AAAA,OAAkB;AAAA,SACnE,kBAAkB;AACrB,aAAO,gBAAAA,OAAA,cAAC;AAAA,QAAgB,eAAY;AAAA,QAAe,MAAM;AAAA,OAAkB;AAAA,SACxE,kBAAkB;AACrB,aAAO,gBAAAA,OAAA,cAAC;AAAA,QAAW,eAAY;AAAA,QAAmB,MAAM;AAAA,OAAkB;AAAA;AAE1E,aAAO,gBAAAA,OAAA,cAAC;AAAA,QAAW,eAAY;AAAA,QAAY,MAAM;AAAA,OAAkB;AAAA;AAEzE;AAEO,MAAM,eAAe,CAAC,EAAE,aAAa,MAC1C,gBAAAA,OAAA,cAAC;AAAA,EAAc,YAAY,EAAE,MAAM,aAAa;AAAA,GAAI,YAAY,YAAY,CAAE;AAGhF,IAAO,uBAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,cAAc,iBAAiB,iBAAiB,YAAY,kBAAkB;AAEvF,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAE9B,MAAM,mBAAmB;AAEzB,MAAM,cAAc,CAAC,YAAY;AAC/B,UAAQ;AAAA,SACD,kBAAkB;AACrB,aAAO,oBAAC;AAAA,QAAgB,eAAY;AAAA,QAAc,MAAM;AAAA,OAAkB;AAAA,SACvE,kBAAkB;AACrB,aAAO,oBAAC;AAAA,QAAa,eAAY;AAAA,QAAa,MAAM;AAAA,OAAkB;AAAA,SACnE,kBAAkB;AACrB,aAAO,oBAAC;AAAA,QAAgB,eAAY;AAAA,QAAe,MAAM;AAAA,OAAkB;AAAA,SACxE,kBAAkB;AACrB,aAAO,oBAAC;AAAA,QAAW,eAAY;AAAA,QAAmB,MAAM;AAAA,OAAkB;AAAA;AAE1E,aAAO,oBAAC;AAAA,QAAW,eAAY;AAAA,QAAY,MAAM;AAAA,OAAkB;AAAA;AAEzE;AAEO,MAAM,eAAe,CAAC,EAAE,aAAa,MAC1C,oBAAC;AAAA,EAAc,YAAY,EAAE,MAAM,aAAa;AAAA,EAAI,sBAAY,YAAY;AAAA,CAAE;AAGhF,IAAO,uBAAQ;",
+  "names": []
 }

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import DSButton from "@elliemae/ds-button";
 import { ModalFooter, ModalFooterActions } from "../blocks";
 const Footer = ({
@@ -12,26 +12,31 @@ const Footer = ({
   onConfirm,
   overridePropsConfirmButton,
   showRejectButton
-}) => /* @__PURE__ */ React2.createElement(ModalFooter, {
+}) => /* @__PURE__ */ jsx(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
-})));
+  "data-testid": "modal-footer-wrapper",
+  children: /* @__PURE__ */ jsxs(ModalFooterActions, {
+    ref: actionsRef,
+    children: [
+      showRejectButton === true && /* @__PURE__ */ jsx(DSButton, {
+        buttonType: "secondary",
+        className: "action-reject",
+        containerProps: { "data-testid": "modal-footer-reject-btn" },
+        labelText: rejectLabel,
+        onClick: onReject,
+        ...overridePropsRejectButton
+      }),
+      /* @__PURE__ */ jsx(DSButton, {
+        buttonType: "primary",
+        className: "action-confirm",
+        containerProps: { "data-testid": "modal-footer-confirm-btn" },
+        labelText: confirmLabel,
+        onClick: onConfirm,
+        ...overridePropsConfirmButton
+      })
+    ]
+  })
+});
 var Footer_default = Footer;
 export {
   Footer,

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

@@ -2,6 +2,6 @@
   "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,YAAY,WAAW;ACCvB,OAAOA,YAAW;AAClB,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,gBAAAA,OAAA,cAAC;AAAA,EAAY,YAAY,EAAE,yBAAyB;AAAA,EAAG,eAAY;AAAA,GACjE,gBAAAA,OAAA,cAAC;AAAA,EAAmB,KAAK;AAAA,GACtB,qBAAqB,QACpB,gBAAAA,OAAA,cAAC;AAAA,EACC,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe,0BAA0B;AAAA,EAC3D,WAAW;AAAA,EACX,SAAS;AAAA,EACR,GAAG;AAAA,CACN,GAEF,gBAAAA,OAAA,cAAC;AAAA,EACC,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe,2BAA2B;AAAA,EAC5D,WAAW;AAAA,EACX,SAAS;AAAA,EACR,GAAG;AAAA,CACN,CACF,CACF;AAGF,IAAO,iBAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,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;AAAA,EAAY,YAAY,EAAE,yBAAyB;AAAA,EAAG,eAAY;AAAA,EACjE,+BAAC;AAAA,IAAmB,KAAK;AAAA,IACtB;AAAA,2BAAqB,QACpB,oBAAC;AAAA,QACC,YAAW;AAAA,QACX,WAAU;AAAA,QACV,gBAAgB,EAAE,eAAe,0BAA0B;AAAA,QAC3D,WAAW;AAAA,QACX,SAAS;AAAA,QACR,GAAG;AAAA,OACN;AAAA,MAEF,oBAAC;AAAA,QACC,YAAW;AAAA,QACX,WAAU;AAAA,QACV,gBAAgB,EAAE,eAAe,2BAA2B;AAAA,QAC5D,WAAW;AAAA,QACX,SAAS;AAAA,QACR,GAAG;AAAA,OACN;AAAA;AAAA,GACF;AAAA,CACF;AAGF,IAAO,iBAAQ;",
+  "names": []
 }

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

@@ -1,22 +1,27 @@
 import * as React from "react";
-import React2 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";
-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
-})));
+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(DSButton, {
+        buttonType: "link",
+        containerProps: { "data-testid": "modal-close-btn" },
+        icon: /* @__PURE__ */ jsx(Close, {}),
+        onClick: onClose
+      })
+    })
+  ]
+});
 var FormHeader_default = FormHeader;
 export {
   FormHeader,

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

@@ -2,6 +2,6 @@
   "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,YAAY,WAAW;ACCvB,OAAOA,YAAW;AAClB,SAAS,aAAa;AACtB,OAAO,cAAc;AACrB,SAAS,aAAa,2BAA2B;AACjD,SAAS,aAAa;AAEf,MAAM,aAAa,CAAC,EAAE,WAAW,YAAY,WAAW,QAAQ,MACrE,gBAAAA,OAAA,cAAC;AAAA,EAAY,YAAY,EAAE,MAAM,YAAY;AAAA,GAC3C,gBAAAA,OAAA,cAAC;AAAA,EAAM;AAAA,EAAwB;AAAA,CAAsB,GACrD,gBAAAA,OAAA,cAAC;AAAA,EAAoB,YAAY,EAAE,MAAM,OAAO;AAAA,GAC7C,aACC,gBAAAA,OAAA,cAAC;AAAA,EACC,YAAW;AAAA,EACX,gBAAgB,EAAE,eAAe,kBAAkB;AAAA,EACnD,MAAM,gBAAAA,OAAA,cAAC,WAAM;AAAA,EACb,SAAS;AAAA,CACX,CAEJ,CACF;AAGF,IAAO,qBAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,aAAa;AACtB,OAAO,cAAc;AACrB,SAAS,aAAa,2BAA2B;AACjD,SAAS,aAAa;AAEf,MAAM,aAAa,CAAC,EAAE,WAAW,YAAY,WAAW,QAAQ,MACrE,qBAAC;AAAA,EAAY,YAAY,EAAE,MAAM,YAAY;AAAA,EAC3C;AAAA,wBAAC;AAAA,MAAM;AAAA,MAAwB;AAAA,KAAsB;AAAA,IACrD,oBAAC;AAAA,MAAoB,YAAY,EAAE,MAAM,OAAO;AAAA,MAC7C,uBACC,oBAAC;AAAA,QACC,YAAW;AAAA,QACX,gBAAgB,EAAE,eAAe,kBAAkB;AAAA,QACnD,MAAM,oBAAC,SAAM;AAAA,QACb,SAAS;AAAA,OACX;AAAA,KAEJ;AAAA;AAAA,CACF;AAGF,IAAO,qBAAQ;",
+  "names": []
 }

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { MODAL_TYPE_V2 } from "../../constants";
 import { SelectionHeader } from "./SelectionHeader";
 import { DecisionHeader } from "./DecisionHeader";
@@ -34,39 +34,49 @@ const DSModalContent = ({
   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
-}));
+}) => /* @__PURE__ */ jsxs(ModalWrapper, {
+  ...containerProps,
+  children: [
+    showForm({ modalType, modalSubType }) && /* @__PURE__ */ jsx(FormHeader, {
+      modalTitle,
+      modalType,
+      onClose,
+      showClose
+    }),
+    showSelection({ modalType, modalSubType }) && /* @__PURE__ */ jsx(SelectionHeader, {
+      modalTitle,
+      modalType,
+      searchProps,
+      showClose
+    }),
+    showDecision({ modalType, modalSubType }) && /* @__PURE__ */ jsx(DecisionHeader, {
+      onClose,
+      showClose
+    }),
+    showFeedBack({ modalType, modalSubType }) && /* @__PURE__ */ jsx(FeedbackIcon, {
+      modalSubType
+    }),
+    showDecision({ modalType, modalSubType }) && /* @__PURE__ */ jsx(Title, {
+      modalTitle,
+      modalType
+    }),
+    /* @__PURE__ */ jsx(ModalContent, {
+      classProps: { type: modalType, removePadding },
+      children
+    }),
+    showFooter({ modalType, modalSubType }) && /* @__PURE__ */ jsx(Footer, {
+      actionsRef,
+      additionalFooterCssClass,
+      confirmLabel,
+      onConfirm,
+      onReject,
+      overridePropsConfirmButton,
+      overridePropsRejectButton,
+      rejectLabel,
+      showRejectButton
+    })
+  ]
+});
 export {
   DSModalContent
 };

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

@@ -2,6 +2,6 @@
   "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,YAAY,WAAW;ACCvB,OAAOA,YAAW;AAClB,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,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,gBAAAA,OAAA,cAAC;AAAA,EAAc,GAAG;AAAA,GACf,SAAS,EAAE,WAAW,aAAa,CAAC,KACnC,gBAAAA,OAAA,cAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF,GAED,cAAc,EAAE,WAAW,aAAa,CAAC,KACxC,gBAAAA,OAAA,cAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF,GAED,aAAa,EAAE,WAAW,aAAa,CAAC,KACvC,gBAAAA,OAAA,cAAC;AAAA,EAAe;AAAA,EAAkB;AAAA,CAAsB,GAEzD,aAAa,EAAE,WAAW,aAAa,CAAC,KACvC,gBAAAA,OAAA,cAAC;AAAA,EAAa;AAAA,CAA4B,GAE3C,aAAa,EAAE,WAAW,aAAa,CAAC,KACvC,gBAAAA,OAAA,cAAC;AAAA,EAAM;AAAA,EAAwB;AAAA,CAAsB,GAEvD,gBAAAA,OAAA,cAAC;AAAA,EAAa,YAAY,EAAE,MAAM,WAAW,cAAc;AAAA,GACxD,QACH,GACC,WAAW,EAAE,WAAW,aAAa,CAAC,KACrC,gBAAAA,OAAA,cAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF,CAEJ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,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;AAAA,EAAc,GAAG;AAAA,EACf;AAAA,aAAS,EAAE,WAAW,aAAa,CAAC,KACnC,oBAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,KACF;AAAA,IAED,cAAc,EAAE,WAAW,aAAa,CAAC,KACxC,oBAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,KACF;AAAA,IAED,aAAa,EAAE,WAAW,aAAa,CAAC,KACvC,oBAAC;AAAA,MAAe;AAAA,MAAkB;AAAA,KAAsB;AAAA,IAEzD,aAAa,EAAE,WAAW,aAAa,CAAC,KACvC,oBAAC;AAAA,MAAa;AAAA,KAA4B;AAAA,IAE3C,aAAa,EAAE,WAAW,aAAa,CAAC,KACvC,oBAAC;AAAA,MAAM;AAAA,MAAwB;AAAA,KAAsB;AAAA,IAEvD,oBAAC;AAAA,MAAa,YAAY,EAAE,MAAM,WAAW,cAAc;AAAA,MACxD;AAAA,KACH;AAAA,IACC,WAAW,EAAE,WAAW,aAAa,CAAC,KACrC,oBAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,KACF;AAAA;AAAA,CAEJ;",
+  "names": []
 }

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

@@ -1,19 +1,24 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 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, {
+const SelectionHeader = ({ searchProps = {}, modalTitle, modalType, showClose }) => /* @__PURE__ */ jsxs(ModalHeader, {
   classProps: { type: "selection" },
-  "data-testid": "modal-search-box"
-}, /* @__PURE__ */ React2.createElement(DSSearchBox, {
-  ...searchProps
-})));
+  children: [
+    /* @__PURE__ */ jsx(Title, {
+      modalTitle,
+      modalType
+    }),
+    showClose && /* @__PURE__ */ jsx(ModalHeaderTopRight, {
+      classProps: { type: "selection" },
+      "data-testid": "modal-search-box",
+      children: /* @__PURE__ */ jsx(DSSearchBox, {
+        ...searchProps
+      })
+    })
+  ]
+});
 var SelectionHeader_default = SelectionHeader;
 export {
   SelectionHeader,

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

@@ -2,6 +2,6 @@
   "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,YAAY,WAAW;ACCvB,OAAOA,YAAW;AAClB,SAAS,mBAAmB;AAC5B,SAAS,aAAa,2BAA2B;AACjD,SAAS,aAAa;AAEf,MAAM,kBAAkB,CAAC,EAAE,cAAc,CAAC,GAAG,YAAY,WAAW,UAAU,MACnF,gBAAAA,OAAA,cAAC;AAAA,EAAY,YAAY,EAAE,MAAM,YAAY;AAAA,GAC3C,gBAAAA,OAAA,cAAC;AAAA,EAAM;AAAA,EAAwB;AAAA,CAAsB,GACpD,aACC,gBAAAA,OAAA,cAAC;AAAA,EAAoB,YAAY,EAAE,MAAM,YAAY;AAAA,EAAG,eAAY;AAAA,GAClE,gBAAAA,OAAA,cAAC;AAAA,EAAa,GAAG;AAAA,CAAa,CAChC,CAEJ;AAGF,IAAO,0BAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,mBAAmB;AAC5B,SAAS,aAAa,2BAA2B;AACjD,SAAS,aAAa;AAEf,MAAM,kBAAkB,CAAC,EAAE,cAAc,CAAC,GAAG,YAAY,WAAW,UAAU,MACnF,qBAAC;AAAA,EAAY,YAAY,EAAE,MAAM,YAAY;AAAA,EAC3C;AAAA,wBAAC;AAAA,MAAM;AAAA,MAAwB;AAAA,KAAsB;AAAA,IACpD,aACC,oBAAC;AAAA,MAAoB,YAAY,EAAE,MAAM,YAAY;AAAA,MAAG,eAAY;AAAA,MAClE,8BAAC;AAAA,QAAa,GAAG;AAAA,OAAa;AAAA,KAChC;AAAA;AAAA,CAEJ;AAGF,IAAO,0BAAQ;",
+  "names": []
 }

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

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

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

@@ -2,6 +2,6 @@
   "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,YAAY,WAAW;ACCvB,OAAOA,YAAW;AAClB,SAAS,kBAAkB;AAEpB,MAAM,QAAQ,CAAC,EAAE,YAAY,UAAU,MAC5C,gBAAAA,OAAA,cAAC;AAAA,EAAW,YAAY,EAAE,MAAM,UAAU;AAAA,GAAI,UAAW;AAG3D,IAAO,gBAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,kBAAkB;AAEpB,MAAM,QAAQ,CAAC,EAAE,YAAY,UAAU,MAC5C,oBAAC;AAAA,EAAW,YAAY,EAAE,MAAM,UAAU;AAAA,EAAI;AAAA,CAAW;AAG3D,IAAO,gBAAQ;",
+  "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-modal",
-  "version": "3.5.0-rc.9",
+  "version": "3.6.0-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Modal",
   "files": [
@@ -99,14 +99,14 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.5.0-rc.9",
-    "@elliemae/ds-classnames": "3.5.0-rc.9",
-    "@elliemae/ds-form": "3.5.0-rc.9",
-    "@elliemae/ds-icon": "3.5.0-rc.9",
-    "@elliemae/ds-icons": "3.5.0-rc.9",
-    "@elliemae/ds-shared": "3.5.0-rc.9",
-    "@elliemae/ds-system": "3.5.0-rc.9",
-    "@elliemae/ds-utilities": "3.5.0-rc.9",
+    "@elliemae/ds-button": "3.6.0-next.0",
+    "@elliemae/ds-classnames": "3.6.0-next.0",
+    "@elliemae/ds-form": "3.6.0-next.0",
+    "@elliemae/ds-icon": "3.6.0-next.0",
+    "@elliemae/ds-icons": "3.6.0-next.0",
+    "@elliemae/ds-shared": "3.6.0-next.0",
+    "@elliemae/ds-system": "3.6.0-next.0",
+    "@elliemae/ds-utilities": "3.6.0-next.0",
     "prop-types": "~15.8.1",
     "react-modal": "~3.15.1",
     "styled-components": "~5.3.5"