@elliemae/ds-modal 3.0.0-next.0 → 3.0.0-next.4

package/dist/esm/v2/DSModal.js

@@ -0,0 +1,145 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import React2 from "react";
+import { PropTypes, describe } from "react-desc";
+import ReactModal from "react-modal";
+import { convertPropToCssClassName } from "@elliemae/ds-classnames";
+import { MODAL_TYPE_V2 } from "../constants";
+import { DSModalContent } from "./components/ModalContent";
+const DSModal = ({
+  containerProps = {},
+  className = "",
+  style = {},
+  size = "default",
+  modalType = MODAL_TYPE_V2.INFORMATION,
+  modalSubType = null,
+  modalTitle = "",
+  dataTestId = "ds-modal",
+  centered = false,
+  showRejectButton = false,
+  showClose = true,
+  searchProps = {},
+  actionsRef = () => null,
+  additionalFooterCssClass,
+  overridePropsConfirmButton = {},
+  overridePropsRejectButton = {},
+  children,
+  isOpen = true,
+  onClose = () => null,
+  onAfterOpen = () => null,
+  onConfirm = () => null,
+  onReject = () => null,
+  rejectLabel = "Discard",
+  confirmLabel = "Save",
+  shouldCloseOnOverlayClick = false,
+  appElement = "#root",
+  zIndex = 10,
+  removePadding = false
+}) => {
+  if (typeof document !== "undefined" && true && document && ReactModal.setAppElement) {
+    ReactModal.setAppElement(appElement);
+  }
+  const {
+    cssClassName,
+    classNameBlock,
+    classNameModifier
+  } = convertPropToCssClassName("modal-v2", className, { size });
+  return /* @__PURE__ */ React2.createElement(ReactModal, {
+    testId: dataTestId,
+    className: `${cssClassName} ${classNameBlock(`type-${modalType}`)}`,
+    contentLabel: modalTitle,
+    isOpen,
+    onAfterOpen,
+    onRequestClose: onClose,
+    overlayClassName: `${classNameBlock("overlay")} ${classNameModifier(centered ? "center" : "top")}`,
+    shouldCloseOnOverlayClick,
+    style: {
+      content: __spreadValues({}, style),
+      overlay: {
+        zIndex
+      }
+    }
+  }, /* @__PURE__ */ React2.createElement(DSModalContent, {
+    actionsRef,
+    additionalFooterCssClass,
+    confirmLabel,
+    containerProps,
+    modalSubType,
+    modalTitle,
+    modalType,
+    onClose,
+    onConfirm,
+    onReject,
+    overridePropsConfirmButton,
+    overridePropsRejectButton,
+    rejectLabel,
+    searchProps,
+    showClose,
+    showRejectButton,
+    removePadding
+  }, children));
+};
+const props = {
+  containerProps: PropTypes.object.description("inject props to container wrapper"),
+  className: PropTypes.string.description("css class"),
+  style: PropTypes.object.description("style object for container wrapper"),
+  modalTitle: PropTypes.string.description("modal container title"),
+  centered: PropTypes.bool.description("center container"),
+  showRejectButton: PropTypes.bool.description("show reject button"),
+  showClose: PropTypes.bool.description("show close button"),
+  searchProps: PropTypes.object.description("Props for search component"),
+  additionalFooterCssClass: PropTypes.string.description("css class for footer"),
+  overridePropsConfirmButton: PropTypes.object.description("override props confirm button"),
+  overridePropsRejectButton: PropTypes.object.description("override props reject button"),
+  isOpen: PropTypes.bool.description("controlled isOpen flag"),
+  onClose: PropTypes.func.description("close callback"),
+  onAfterOpen: PropTypes.func.description("after open callback"),
+  onConfirm: PropTypes.func.description("confirm callback"),
+  onReject: PropTypes.func.description("reject callback"),
+  rejectLabel: PropTypes.string.description("reject label"),
+  confirmLabel: PropTypes.string.description("confirm text string"),
+  size: PropTypes.oneOf([
+    "default",
+    "xx-large",
+    "x-large",
+    "large",
+    "medium",
+    "small"
+  ]).description("modal container size"),
+  modalSubType: PropTypes.any.description("modal sub type"),
+  modalType: PropTypes.any.description("modal type"),
+  actionsRef: PropTypes.any.description("ref for modal footer actions"),
+  children: PropTypes.oneOfType([
+    PropTypes.element,
+    PropTypes.arrayOf([PropTypes.element])
+  ]).description("modal container children"),
+  shouldCloseOnOverlayClick: PropTypes.bool.description("close on click outside container"),
+  appElement: PropTypes.string.description("App element ID to inject the modal"),
+  zIndex: PropTypes.number.description("zindex for modal container"),
+  removePadding: PropTypes.bool.description("remove modal builtin padding")
+};
+DSModal.propTypes = props;
+const DSModalWithSchema = describe(DSModal);
+DSModalWithSchema.propTypes = props;
+var DSModal_default = DSModal;
+export {
+  DSModalContent,
+  DSModalWithSchema,
+  DSModal_default as default
+};
+//# sourceMappingURL=DSModal.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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 from 'react';\nimport { PropTypes, describe } from 'react-desc';\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 = 10,\n  removePadding = false,\n}) => {\n  if (\n    typeof document !== 'undefined' &&\n    process.env.NODE_ENV !== 'test' &&\n    document &&\n    ReactModal.setAppElement\n  ) {\n    ReactModal.setAppElement(appElement);\n  }\n\n  const {\n    cssClassName,\n    classNameBlock,\n    classNameModifier,\n  } = convertPropToCssClassName('modal-v2', className, { size });\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(\n        centered ? 'center' : 'top',\n      )}`}\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,\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(\n    'inject props to container wrapper',\n  ),\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(\n    'css class for footer',\n  ),\n  /**  override props confirm button */\n  overridePropsConfirmButton: PropTypes.object.description(\n    'override props confirm button',\n  ),\n  /** override props reject button */\n  overridePropsRejectButton: PropTypes.object.description(\n    'override props reject button',\n  ),\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([\n    'default',\n    'xx-large',\n    'x-large',\n    'large',\n    'medium',\n    'small',\n  ]).description('modal container size'),\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([\n    PropTypes.element,\n    PropTypes.arrayOf([PropTypes.element]),\n  ]).description('modal container children'),\n  /** close on click outside container */\n  shouldCloseOnOverlayClick: PropTypes.bool.description(\n    'close on click outside container',\n  ),\n  /*\n    App element ID to inject the modal\n  */\n  appElement: PropTypes.string.description(\n    'App element ID to inject the modal',\n  ),\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;\n\nconst DSModalWithSchema = describe(DSModal);\nDSModalWithSchema.propTypes = props;\n\nexport { DSModalContent, DSModalWithSchema };\nexport default DSModal;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/v2/blocks.js

@@ -0,0 +1,42 @@
+import * as React from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+const blockName = "modal-v2";
+const ModalHeader = aggregatedClasses("div")(blockName, "modal-header", ({ type, showClose }) => ({
+  [type]: type,
+  "with-close": showClose
+}));
+const ModalHeaderTopRight = aggregatedClasses("div")(blockName, "modal-header-close", ({ type }) => ({
+  [type]: type
+}));
+const ModalFeedback = aggregatedClasses("div")(blockName, "modal-feedback", ({ type }) => ({
+  [type]: type
+}));
+const ModalTitle = aggregatedClasses("h3")(blockName, "modal-title", ({ type }) => ({
+  [type]: type
+}));
+const ModalContent = aggregatedClasses("div")(blockName, "modal-content", ({ type, removePadding }) => ({
+  [type]: type,
+  "remove-padding": removePadding
+}));
+const ModalWrapper = aggregatedClasses("div")(blockName, "modal-wrapper", ({ type, removePadding }) => ({
+  [type]: type,
+  "remove-padding": removePadding
+}));
+const ModalFooter = aggregatedClasses("div")(blockName, "modal-footer", ({ type, additionalFooterCssClass }) => ({
+  [type]: type,
+  [additionalFooterCssClass]: additionalFooterCssClass
+}));
+const ModalFooterActions = aggregatedClasses("div")(blockName, "modal-footer-actions", ({ type }) => ({
+  [type]: type
+}));
+export {
+  ModalContent,
+  ModalFeedback,
+  ModalFooter,
+  ModalFooterActions,
+  ModalHeader,
+  ModalHeaderTopRight,
+  ModalTitle,
+  ModalWrapper
+};
+//# sourceMappingURL=blocks.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;ACAA;AAEA,MAAM,YAAY;AAEX,MAAM,cAAc,kBAAkB,OAAO,WAAW,gBAAgB,CAAC,EAAE,MAAM,gBAAiB;AAAA,GACtG,OAAO;AAAA,EACR,cAAc;AAAA;AAGT,MAAM,sBAAsB,kBAAkB,OAAO,WAAW,sBAAsB,CAAC,EAAE,WAAY;AAAA,GACzG,OAAO;AAAA;AAGH,MAAM,gBAAgB,kBAAkB,OAAO,WAAW,kBAAkB,CAAC,EAAE,WAAY;AAAA,GAC/F,OAAO;AAAA;AAGH,MAAM,aAAa,kBAAkB,MAAM,WAAW,eAAe,CAAC,EAAE,WAAY;AAAA,GACxF,OAAO;AAAA;AAGH,MAAM,eAAe,kBAAkB,OAAO,WAAW,iBAAiB,CAAC,EAAE,MAAM,oBAAqB;AAAA,GAC5G,OAAO;AAAA,EACR,kBAAkB;AAAA;AAGb,MAAM,eAAe,kBAAkB,OAAO,WAAW,iBAAiB,CAAC,EAAE,MAAM,oBAAqB;AAAA,GAC5G,OAAO;AAAA,EACR,kBAAkB;AAAA;AAGb,MAAM,cAAc,kBAAkB,OAC3C,WACA,gBACA,CAAC,EAAE,MAAM,+BAAgC;AAAA,GACtC,OAAO;AAAA,GACP,2BAA2B;AAAA;AAIzB,MAAM,qBAAqB,kBAAkB,OAAO,WAAW,wBAAwB,CAAC,EAAE,WAAY;AAAA,GAC1G,OAAO;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,19 @@
+import * as React from "react";
+import React2 from "react";
+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
+}));
+var DecisionHeader_default = DecisionHeader;
+export {
+  DecisionHeader,
+  DecisionHeader_default as default
+};
+//# sourceMappingURL=DecisionHeader.js.map

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

@@ -0,0 +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 />}\n        onClick={onClose}\n      />\n    )}\n  </ModalHeader>\n);\n\nexport default DecisionHeader;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEO,MAAM,iBAAiB,CAAC,EAAE,SAAS,gBACxC,qCAAC,aAAD;AAAA,EAAa,YAAY,EAAE,MAAM,YAAY;AAAA,GAC1C,aACC,qCAAC,UAAD;AAAA,EACE,YAAW;AAAA,EACX,gBAAgB,EAAE,eAAe;AAAA,EACjC,MAAM,qCAAC,OAAD;AAAA,EACN,SAAS;AAAA;AAMjB,IAAO,yBAAQ;",
+  "names": []
+}

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,54 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+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, __spreadValues({
+  buttonType: "secondary",
+  className: "action-reject",
+  containerProps: { "data-testid": "modal-footer-reject-btn" },
+  labelText: rejectLabel,
+  onClick: onReject
+}, overridePropsRejectButton)), /* @__PURE__ */ React2.createElement(DSButton, __spreadValues({
+  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,GACL,6BAGR,qCAAC,UAAD;AAAA,EACE,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe;AAAA,EACjC,WAAW;AAAA,EACX,SAAS;AAAA,GACL;AAMZ,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/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,87 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+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, __spreadValues({}, 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,mBAAkB,iBACf,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,36 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+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, __spreadValues({}, 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,mBAAiB;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": []
+}