@elliemae/ds-modal 2.2.0-next.6 → 2.3.0-alpha.1

package/esm/v1/ModalFeedBack/ModalFeedBack.js

@@ -1,76 +1,59 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { InfoCircle, HelpCircle, CheckmarkCircle, WarningCircle } from '@elliemae/ds-icons';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import { MODAL_TYPE } from '../../constants.js';
-
-var _WarningCircle, _CheckmarkCircle, _HelpCircle, _InfoCircle, _InfoCircle2;
-const feedbackIconSize = 'xxl';
-const {
-  WARNING,
-  ERROR,
-  SUCCESS,
-  HELP,
-  INFO
-} = MODAL_TYPE;
-
-const getModalType = (modalType, _ref) => {
-  let {
-    hasError,
-    hasWarning,
-    hasSuccess,
-    hasInfo,
-    hasHelp
-  } = _ref;
-  if ([WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1) return modalType;
-  if (hasError) return ERROR;
-  if (hasWarning) return WARNING;
-  if (hasSuccess) return SUCCESS;
-  if (hasHelp) return HELP;
-  if (hasInfo) return INFO;
+import * as React from "react";
+import React2 from "react";
+import { WarningCircle, CheckmarkCircle, HelpCircle, InfoCircle } from "@elliemae/ds-icons";
+import { convertPropToCssClassName } from "@elliemae/ds-classnames";
+import { MODAL_TYPE } from "../../constants";
+const feedbackIconSize = "xxl";
+const { WARNING, ERROR, SUCCESS, HELP, INFO } = MODAL_TYPE;
+const getModalType = (modalType, { hasError, hasWarning, hasSuccess, hasInfo, hasHelp }) => {
+  if ([WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1)
+    return modalType;
+  if (hasError)
+    return ERROR;
+  if (hasWarning)
+    return WARNING;
+  if (hasSuccess)
+    return SUCCESS;
+  if (hasHelp)
+    return HELP;
+  if (hasInfo)
+    return INFO;
   return INFO;
 };
-
-const getIconType = modalType => {
+const getIconType = (modalType) => {
   switch (modalType) {
     case WARNING:
     case ERROR:
-      return _WarningCircle || (_WarningCircle = /*#__PURE__*/_jsx(WarningCircle, {
+      return /* @__PURE__ */ React2.createElement(WarningCircle, {
         size: feedbackIconSize
-      }));
-
+      });
     case SUCCESS:
-      return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx(CheckmarkCircle, {
+      return /* @__PURE__ */ React2.createElement(CheckmarkCircle, {
         size: feedbackIconSize
-      }));
-
+      });
     case HELP:
-      return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx(HelpCircle, {
+      return /* @__PURE__ */ React2.createElement(HelpCircle, {
         size: feedbackIconSize
-      }));
-
+      });
     case INFO:
-      return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx(InfoCircle, {
+      return /* @__PURE__ */ React2.createElement(InfoCircle, {
         size: feedbackIconSize
-      }));
-
+      });
     default:
-      return _InfoCircle2 || (_InfoCircle2 = /*#__PURE__*/_jsx(InfoCircle, {
+      return /* @__PURE__ */ React2.createElement(InfoCircle, {
         size: feedbackIconSize
-      }));
+      });
   }
 };
-
-const ModalFeedBack = _ref2 => {
-  let {
-    className = '',
-    modalType = null,
-    hasError = false,
-    hasWarning = false,
-    hasSuccess = false,
-    hasInfo = false,
-    hasHelp = false
-  } = _ref2;
+const ModalFeedBack = ({
+  className = "",
+  modalType = null,
+  hasError = false,
+  hasWarning = false,
+  hasSuccess = false,
+  hasInfo = false,
+  hasHelp = false
+}) => {
   const type = getModalType(modalType, {
     hasError,
     hasWarning,
@@ -78,15 +61,14 @@ const ModalFeedBack = _ref2 => {
     hasInfo,
     hasHelp
   });
-  const {
-    cssClassName
-  } = convertPropToCssClassName('modal-feedback', className, {
-    modalType: type
-  });
+  const { cssClassName } = convertPropToCssClassName("modal-feedback", className, { modalType: type });
   const feedbackIcon = getIconType(type);
-  return /*#__PURE__*/_jsx("div", {
+  return /* @__PURE__ */ React2.createElement("div", {
     className: cssClassName
-  }, void 0, feedbackIcon);
+  }, feedbackIcon);
+};
+var ModalFeedBack_default = ModalFeedBack;
+export {
+  ModalFeedBack_default as default
 };
-
-export { ModalFeedBack as default };
+//# sourceMappingURL=ModalFeedBack.js.map

package/esm/v1/ModalFeedBack/ModalFeedBack.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v1/ModalFeedBack/ModalFeedBack.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { WarningCircle, CheckmarkCircle, HelpCircle, InfoCircle } from '@elliemae/ds-icons';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { MODAL_TYPE } from '../../constants';\n\nconst feedbackIconSize = 'xxl';\n\nconst { WARNING, ERROR, SUCCESS, HELP, INFO } = MODAL_TYPE;\n\nconst getModalType = (modalType, { hasError, hasWarning, hasSuccess, hasInfo, hasHelp }) => {\n  if ([WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1) return modalType;\n  if (hasError) return ERROR;\n  if (hasWarning) return WARNING;\n  if (hasSuccess) return SUCCESS;\n  if (hasHelp) return HELP;\n  if (hasInfo) return INFO;\n  return INFO;\n};\n\nconst getIconType = (modalType) => {\n  switch (modalType) {\n    case WARNING:\n    case ERROR:\n      return <WarningCircle size={feedbackIconSize} />;\n    case SUCCESS:\n      return <CheckmarkCircle size={feedbackIconSize} />;\n    case HELP:\n      return <HelpCircle size={feedbackIconSize} />;\n    case INFO:\n      return <InfoCircle size={feedbackIconSize} />;\n    default:\n      return <InfoCircle size={feedbackIconSize} />;\n  }\n};\n\nconst ModalFeedBack = ({\n  className = '',\n  modalType = null,\n  hasError = false,\n  hasWarning = false,\n  hasSuccess = false,\n  hasInfo = false,\n  hasHelp = false,\n}) => {\n  const type = getModalType(modalType, {\n    hasError,\n    hasWarning,\n    hasSuccess,\n    hasInfo,\n    hasHelp,\n  });\n  const { cssClassName } = convertPropToCssClassName('modal-feedback', className, { modalType: type });\n  const feedbackIcon = getIconType(type);\n\n  return <div className={cssClassName}>{feedbackIcon}</div>;\n};\n\nexport default ModalFeedBack;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,mBAAmB;AAEzB,MAAM,EAAE,SAAS,OAAO,SAAS,MAAM,SAAS;AAEhD,MAAM,eAAe,CAAC,WAAW,EAAE,UAAU,YAAY,YAAY,SAAS,cAAc;AAC1F,MAAI,CAAC,SAAS,OAAO,SAAS,MAAM,MAAM,QAAQ,aAAa;AAAI,WAAO;AAC1E,MAAI;AAAU,WAAO;AACrB,MAAI;AAAY,WAAO;AACvB,MAAI;AAAY,WAAO;AACvB,MAAI;AAAS,WAAO;AACpB,MAAI;AAAS,WAAO;AACpB,SAAO;AAAA;AAGT,MAAM,cAAc,CAAC,cAAc;AACjC,UAAQ;AAAA,SACD;AAAA,SACA;AACH,aAAO,qCAAC,eAAD;AAAA,QAAe,MAAM;AAAA;AAAA,SACzB;AACH,aAAO,qCAAC,iBAAD;AAAA,QAAiB,MAAM;AAAA;AAAA,SAC3B;AACH,aAAO,qCAAC,YAAD;AAAA,QAAY,MAAM;AAAA;AAAA,SACtB;AACH,aAAO,qCAAC,YAAD;AAAA,QAAY,MAAM;AAAA;AAAA;AAEzB,aAAO,qCAAC,YAAD;AAAA,QAAY,MAAM;AAAA;AAAA;AAAA;AAI/B,MAAM,gBAAgB,CAAC;AAAA,EACrB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,MACN;AACJ,QAAM,OAAO,aAAa,WAAW;AAAA,IACnC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAEF,QAAM,EAAE,iBAAiB,0BAA0B,kBAAkB,WAAW,EAAE,WAAW;AAC7F,QAAM,eAAe,YAAY;AAEjC,SAAO,qCAAC,OAAD;AAAA,IAAK,WAAW;AAAA,KAAe;AAAA;AAGxC,IAAO,wBAAQ;",
+  "names": []
+}

package/esm/v2/DSModal.js

@@ -1,192 +1,131 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import ReactModal from 'react-modal';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import { MODAL_TYPE_V2 } from '../constants.js';
-import { DSModalContent } from './components/ModalContent.js';
-export { DSModalContent } from './components/ModalContent.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSModal = _ref => {
-  let {
-    containerProps = {},
-    className = '',
-    style = {},
-    size = 'default',
-    //
-    modalType = MODAL_TYPE_V2.INFORMATION,
-    modalSubType = null,
-    modalTitle = '',
-    dataTestId = 'ds-modal',
-    centered = false,
-    showRejectButton = false,
-    showClose = true,
-    searchProps = {},
-    // override
-    actionsRef = () => null,
-    additionalFooterCssClass,
-    overridePropsConfirmButton = {},
-    overridePropsRejectButton = {},
-    // react modal
-    children,
-    isOpen = true,
-    onClose = () => null,
-    onAfterOpen = () => null,
-    onConfirm = () => null,
-    onReject = () => null,
-    rejectLabel = 'Discard',
-    confirmLabel = 'Save',
-    shouldCloseOnOverlayClick = false,
-    appElement = '#root',
-    zIndex = 10,
-    removePadding = false
-  } = _ref;
-
-  if (typeof document !== 'undefined' && process.env.NODE_ENV !== 'test' && document && ReactModal.setAppElement) {
+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__*/_jsx(ReactModal, {
+  } = convertPropToCssClassName("modal-v2", className, { size });
+  return /* @__PURE__ */ React2.createElement(ReactModal, {
     testId: dataTestId,
-    className: "".concat(cssClassName, " ").concat(classNameBlock("type-".concat(modalType))),
+    className: `${cssClassName} ${classNameBlock(`type-${modalType}`)}`,
     contentLabel: modalTitle,
-    isOpen: isOpen,
-    onAfterOpen: onAfterOpen,
+    isOpen,
+    onAfterOpen,
     onRequestClose: onClose,
-    overlayClassName: "".concat(classNameBlock('overlay'), " ").concat(classNameModifier(centered ? 'center' : 'top')),
-    shouldCloseOnOverlayClick: shouldCloseOnOverlayClick,
+    overlayClassName: `${classNameBlock("overlay")} ${classNameModifier(centered ? "center" : "top")}`,
+    shouldCloseOnOverlayClick,
     style: {
-      content: _objectSpread({}, style),
+      content: {
+        ...style
+      },
       overlay: {
-        // 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
         zIndex
       }
     }
-  }, void 0, /*#__PURE__*/_jsx(DSModalContent, {
-    actionsRef: actionsRef,
-    additionalFooterCssClass: additionalFooterCssClass,
-    confirmLabel: confirmLabel,
-    containerProps: containerProps,
-    modalSubType: modalSubType,
-    modalTitle: modalTitle,
-    modalType: modalType,
-    onClose: onClose,
-    onConfirm: onConfirm,
-    onReject: onReject,
-    overridePropsConfirmButton: overridePropsConfirmButton,
-    overridePropsRejectButton: overridePropsRejectButton,
-    rejectLabel: rejectLabel,
-    searchProps: searchProps,
-    showClose: showClose,
-    showRejectButton: showRejectButton,
-    removePadding: removePadding
-  }, void 0, children));
+  }, /* @__PURE__ */ React2.createElement(DSModalContent, {
+    actionsRef,
+    additionalFooterCssClass,
+    confirmLabel,
+    containerProps,
+    modalSubType,
+    modalTitle,
+    modalType,
+    onClose,
+    onConfirm,
+    onReject,
+    overridePropsConfirmButton,
+    overridePropsRejectButton,
+    rejectLabel,
+    searchProps,
+    showClose,
+    showRejectButton,
+    removePadding
+  }, children));
 };
-
 const props = {
-  /** inject props to container wrapper */
-  containerProps: PropTypes.object.description('inject props to container wrapper'),
-
-  /** css class */
-  className: PropTypes.string.description('css class'),
-
-  /** style object for container wrapper */
-  style: PropTypes.object.description('style object for container wrapper'),
-
-  /** modal container title */
-  modalTitle: PropTypes.string.description('modal container title'),
-
-  /** center container */
-  centered: PropTypes.bool.description('center container'),
-
-  /** show reject button */
-  showRejectButton: PropTypes.bool.description('show reject button'),
-
-  /** show close button */
-  showClose: PropTypes.bool.description('show close button'),
-
-  /*
-    Props for search component
-  */
-  searchProps: PropTypes.object.description('Props for search component'),
-
-  /** css class for footer */
-  additionalFooterCssClass: PropTypes.string.description('css class for footer'),
-
-  /**  override props confirm button */
-  overridePropsConfirmButton: PropTypes.object.description('override props confirm button'),
-
-  /** override props reject button */
-  overridePropsRejectButton: PropTypes.object.description('override props reject button'),
-
-  /** controlled isOpen flag */
-  isOpen: PropTypes.bool.description('controlled isOpen flag'),
-
-  /** close callback */
-  onClose: PropTypes.func.description('close callback'),
-
-  /** after open callback */
-  onAfterOpen: PropTypes.func.description('after open callback'),
-
-  /** confirm callback */
-  onConfirm: PropTypes.func.description('confirm callback'),
-
-  /** reject callback */
-  onReject: PropTypes.func.description('reject callback'),
-
-  /** reject label */
-  rejectLabel: PropTypes.string.description('reject label'),
-
-  /** confirm text string */
-  confirmLabel: PropTypes.string.description('confirm text string'),
-
-  /** modal container size */
-  size: PropTypes.oneOf(['default', 'xx-large', 'x-large', 'large', 'medium', 'small']).description('modal container size'),
-
-  /** modal sub type */
-  modalSubType: PropTypes.any.description('modal sub type'),
-
-  /** modal type */
-  modalType: PropTypes.any.description('modal type'),
-
-  /** ref for modal footer actions */
-  actionsRef: PropTypes.any.description('ref for modal footer actions'),
-
-  /** modal container children */
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf([PropTypes.element])]).description('modal container children'),
-
-  /** close on click outside container */
-  shouldCloseOnOverlayClick: PropTypes.bool.description('close on click outside container'),
-
-  /*
-    App element ID to inject the modal
-  */
-  appElement: PropTypes.string.description('App element ID to inject the modal'),
-
-  /** zindex for modal container */
-  zIndex: PropTypes.number.description('zindex for modal container'),
-
-  /** remove modal builtin padding */
-  removePadding: PropTypes.bool.description('remove modal builtin padding')
+  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;
-
-export { DSModalWithSchema, DSModal as default };
+var DSModal_default = DSModal;
+export {
+  DSModalContent,
+  DSModalWithSchema,
+  DSModal_default as default
+};
+//# sourceMappingURL=DSModal.js.map

package/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/esm/v2/blocks.js

@@ -1,77 +1,42 @@
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-
-const blockName = 'modal-v2';
-const ModalHeader = aggregatedClasses('div')(blockName, 'modal-header', _ref => {
-  let {
-    type,
-    showClose
-  } = _ref;
-  return {
-    [type]: type,
-    'with-close': showClose
-  };
-});
-const ModalHeaderTopRight = aggregatedClasses('div')(blockName, 'modal-header-close', _ref2 => {
-  let {
-    type
-  } = _ref2;
-  return {
-    [type]: type
-  };
-});
-const ModalFeedback = aggregatedClasses('div')(blockName, 'modal-feedback', _ref3 => {
-  let {
-    type
-  } = _ref3;
-  return {
-    [type]: type
-  };
-});
-const ModalTitle = aggregatedClasses('h3')(blockName, 'modal-title', _ref4 => {
-  let {
-    type
-  } = _ref4;
-  return {
-    [type]: type
-  };
-});
-const ModalContent = aggregatedClasses('div')(blockName, 'modal-content', _ref5 => {
-  let {
-    type,
-    removePadding
-  } = _ref5;
-  return {
-    [type]: type,
-    'remove-padding': removePadding
-  };
-});
-const ModalWrapper = aggregatedClasses('div')(blockName, 'modal-wrapper', _ref6 => {
-  let {
-    type,
-    removePadding
-  } = _ref6;
-  return {
-    [type]: type,
-    'remove-padding': removePadding
-  };
-});
-const ModalFooter = aggregatedClasses('div')(blockName, 'modal-footer', _ref7 => {
-  let {
-    type,
-    additionalFooterCssClass
-  } = _ref7;
-  return {
-    [type]: type,
-    [additionalFooterCssClass]: additionalFooterCssClass
-  };
-});
-const ModalFooterActions = aggregatedClasses('div')(blockName, 'modal-footer-actions', _ref8 => {
-  let {
-    type
-  } = _ref8;
-  return {
-    [type]: type
-  };
-});
-
-export { ModalContent, ModalFeedback, ModalFooter, ModalFooterActions, ModalHeader, ModalHeaderTopRight, ModalTitle, ModalWrapper };
+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/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": []
+}