@elliemae/ds-modal 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/v1/ModalFeedBack/ModalFeedBack.js

@@ -1,90 +1,82 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ModalFeedBack_exports = {};
-__export(ModalFeedBack_exports, {
-  default: () => ModalFeedBack_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_constants = require("../../constants");
-const feedbackIconSize = "xxl";
-const { WARNING, ERROR, SUCCESS, HELP, INFO } = import_constants.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;
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var dsIcons = require('@elliemae/ds-icons');
+var dsClassnames = require('@elliemae/ds-classnames');
+var constants = require('../../constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _WarningCircle, _CheckmarkCircle, _HelpCircle, _InfoCircle, _InfoCircle2;
+const feedbackIconSize = 'xxl';
+const {
+  WARNING,
+  ERROR,
+  SUCCESS,
+  HELP,
+  INFO
+} = constants.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;
   return INFO;
 };
-const getIconType = (modalType) => {
+
+const getIconType = modalType => {
   switch (modalType) {
     case WARNING:
     case ERROR:
-      return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.WarningCircle, {
+      return _WarningCircle || (_WarningCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.WarningCircle, {
         size: feedbackIconSize
-      });
+      }));
+
     case SUCCESS:
-      return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CheckmarkCircle, {
+      return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.CheckmarkCircle, {
         size: feedbackIconSize
-      });
+      }));
+
     case HELP:
-      return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.HelpCircle, {
+      return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.HelpCircle, {
         size: feedbackIconSize
-      });
+      }));
+
     case INFO:
-      return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.InfoCircle, {
+      return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.InfoCircle, {
         size: feedbackIconSize
-      });
+      }));
+
     default:
-      return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.InfoCircle, {
+      return _InfoCircle2 || (_InfoCircle2 = /*#__PURE__*/_jsx__default["default"](dsIcons.InfoCircle, {
         size: feedbackIconSize
-      });
+      }));
   }
 };
-const ModalFeedBack = ({
-  className = "",
-  modalType = null,
-  hasError = false,
-  hasWarning = false,
-  hasSuccess = false,
-  hasInfo = false,
-  hasHelp = false
-}) => {
+
+const ModalFeedBack = _ref2 => {
+  let {
+    className = '',
+    modalType = null,
+    hasError = false,
+    hasWarning = false,
+    hasSuccess = false,
+    hasInfo = false,
+    hasHelp = false
+  } = _ref2;
   const type = getModalType(modalType, {
     hasError,
     hasWarning,
@@ -92,12 +84,15 @@ const ModalFeedBack = ({
     hasInfo,
     hasHelp
   });
-  const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)("modal-feedback", className, { modalType: type });
+  const {
+    cssClassName
+  } = dsClassnames.convertPropToCssClassName('modal-feedback', className, {
+    modalType: type
+  });
   const feedbackIcon = getIconType(type);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     className: cssClassName
-  }, feedbackIcon);
+  }, void 0, feedbackIcon);
 };
-var ModalFeedBack_default = ModalFeedBack;
-module.exports = __toCommonJS(ModalFeedBack_exports);
-//# sourceMappingURL=ModalFeedBack.js.map
+
+module.exports = ModalFeedBack;

package/cjs/v2/DSModal.js

@@ -1,160 +1,203 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSModal_exports = {};
-__export(DSModal_exports, {
-  DSModalContent: () => import_ModalContent.DSModalContent,
-  DSModalWithSchema: () => DSModalWithSchema,
-  default: () => DSModal_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_react_modal = __toESM(require("react-modal"));
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_constants = require("../constants");
-var import_ModalContent = require("./components/ModalContent");
-const DSModal = ({
-  containerProps = {},
-  className = "",
-  style = {},
-  size = "default",
-  modalType = import_constants.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 && import_react_modal.default.setAppElement) {
-    import_react_modal.default.setAppElement(appElement);
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('react');
+var reactDesc = require('react-desc');
+var ReactModal = require('react-modal');
+var dsClassnames = require('@elliemae/ds-classnames');
+var constants = require('../constants.js');
+var ModalContent = require('./components/ModalContent.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var ReactModal__default = /*#__PURE__*/_interopDefaultLegacy(ReactModal);
+
+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__default["default"](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 = constants.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__default["default"].setAppElement) {
+    ReactModal__default["default"].setAppElement(appElement);
   }
+
   const {
     cssClassName,
     classNameBlock,
     classNameModifier
-  } = (0, import_ds_classnames.convertPropToCssClassName)("modal-v2", className, { size });
-  return /* @__PURE__ */ import_react.default.createElement(import_react_modal.default, {
+  } = dsClassnames.convertPropToCssClassName('modal-v2', className, {
+    size
+  });
+  return /*#__PURE__*/_jsx__default["default"](ReactModal__default["default"], {
     testId: dataTestId,
-    className: `${cssClassName} ${classNameBlock(`type-${modalType}`)}`,
+    className: "".concat(cssClassName, " ").concat(classNameBlock("type-".concat(modalType))),
     contentLabel: modalTitle,
-    isOpen,
-    onAfterOpen,
+    isOpen: isOpen,
+    onAfterOpen: onAfterOpen,
     onRequestClose: onClose,
-    overlayClassName: `${classNameBlock("overlay")} ${classNameModifier(centered ? "center" : "top")}`,
-    shouldCloseOnOverlayClick,
+    overlayClassName: "".concat(classNameBlock('overlay'), " ").concat(classNameModifier(centered ? 'center' : 'top')),
+    shouldCloseOnOverlayClick: shouldCloseOnOverlayClick,
     style: {
-      content: {
-        ...style
-      },
+      content: _objectSpread({}, 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
       }
     }
-  }, /* @__PURE__ */ import_react.default.createElement(import_ModalContent.DSModalContent, {
-    actionsRef,
-    additionalFooterCssClass,
-    confirmLabel,
-    containerProps,
-    modalSubType,
-    modalTitle,
-    modalType,
-    onClose,
-    onConfirm,
-    onReject,
-    overridePropsConfirmButton,
-    overridePropsRejectButton,
-    rejectLabel,
-    searchProps,
-    showClose,
-    showRejectButton,
-    removePadding
-  }, children));
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ModalContent.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));
 };
+
 const props = {
-  containerProps: import_react_desc.PropTypes.object.description("inject props to container wrapper"),
-  className: import_react_desc.PropTypes.string.description("css class"),
-  style: import_react_desc.PropTypes.object.description("style object for container wrapper"),
-  modalTitle: import_react_desc.PropTypes.string.description("modal container title"),
-  centered: import_react_desc.PropTypes.bool.description("center container"),
-  showRejectButton: import_react_desc.PropTypes.bool.description("show reject button"),
-  showClose: import_react_desc.PropTypes.bool.description("show close button"),
-  searchProps: import_react_desc.PropTypes.object.description("Props for search component"),
-  additionalFooterCssClass: import_react_desc.PropTypes.string.description("css class for footer"),
-  overridePropsConfirmButton: import_react_desc.PropTypes.object.description("override props confirm button"),
-  overridePropsRejectButton: import_react_desc.PropTypes.object.description("override props reject button"),
-  isOpen: import_react_desc.PropTypes.bool.description("controlled isOpen flag"),
-  onClose: import_react_desc.PropTypes.func.description("close callback"),
-  onAfterOpen: import_react_desc.PropTypes.func.description("after open callback"),
-  onConfirm: import_react_desc.PropTypes.func.description("confirm callback"),
-  onReject: import_react_desc.PropTypes.func.description("reject callback"),
-  rejectLabel: import_react_desc.PropTypes.string.description("reject label"),
-  confirmLabel: import_react_desc.PropTypes.string.description("confirm text string"),
-  size: import_react_desc.PropTypes.oneOf([
-    "default",
-    "xx-large",
-    "x-large",
-    "large",
-    "medium",
-    "small"
-  ]).description("modal container size"),
-  modalSubType: import_react_desc.PropTypes.any.description("modal sub type"),
-  modalType: import_react_desc.PropTypes.any.description("modal type"),
-  actionsRef: import_react_desc.PropTypes.any.description("ref for modal footer actions"),
-  children: import_react_desc.PropTypes.oneOfType([
-    import_react_desc.PropTypes.element,
-    import_react_desc.PropTypes.arrayOf([import_react_desc.PropTypes.element])
-  ]).description("modal container children"),
-  shouldCloseOnOverlayClick: import_react_desc.PropTypes.bool.description("close on click outside container"),
-  appElement: import_react_desc.PropTypes.string.description("App element ID to inject the modal"),
-  zIndex: import_react_desc.PropTypes.number.description("zindex for modal container"),
-  removePadding: import_react_desc.PropTypes.bool.description("remove modal builtin padding")
+  /** inject props to container wrapper */
+  containerProps: reactDesc.PropTypes.object.description('inject props to container wrapper'),
+
+  /** css class */
+  className: reactDesc.PropTypes.string.description('css class'),
+
+  /** style object for container wrapper */
+  style: reactDesc.PropTypes.object.description('style object for container wrapper'),
+
+  /** modal container title */
+  modalTitle: reactDesc.PropTypes.string.description('modal container title'),
+
+  /** center container */
+  centered: reactDesc.PropTypes.bool.description('center container'),
+
+  /** show reject button */
+  showRejectButton: reactDesc.PropTypes.bool.description('show reject button'),
+
+  /** show close button */
+  showClose: reactDesc.PropTypes.bool.description('show close button'),
+
+  /*
+    Props for search component
+  */
+  searchProps: reactDesc.PropTypes.object.description('Props for search component'),
+
+  /** css class for footer */
+  additionalFooterCssClass: reactDesc.PropTypes.string.description('css class for footer'),
+
+  /**  override props confirm button */
+  overridePropsConfirmButton: reactDesc.PropTypes.object.description('override props confirm button'),
+
+  /** override props reject button */
+  overridePropsRejectButton: reactDesc.PropTypes.object.description('override props reject button'),
+
+  /** controlled isOpen flag */
+  isOpen: reactDesc.PropTypes.bool.description('controlled isOpen flag'),
+
+  /** close callback */
+  onClose: reactDesc.PropTypes.func.description('close callback'),
+
+  /** after open callback */
+  onAfterOpen: reactDesc.PropTypes.func.description('after open callback'),
+
+  /** confirm callback */
+  onConfirm: reactDesc.PropTypes.func.description('confirm callback'),
+
+  /** reject callback */
+  onReject: reactDesc.PropTypes.func.description('reject callback'),
+
+  /** reject label */
+  rejectLabel: reactDesc.PropTypes.string.description('reject label'),
+
+  /** confirm text string */
+  confirmLabel: reactDesc.PropTypes.string.description('confirm text string'),
+
+  /** modal container size */
+  size: reactDesc.PropTypes.oneOf(['default', 'xx-large', 'x-large', 'large', 'medium', 'small']).description('modal container size'),
+
+  /** modal sub type */
+  modalSubType: reactDesc.PropTypes.any.description('modal sub type'),
+
+  /** modal type */
+  modalType: reactDesc.PropTypes.any.description('modal type'),
+
+  /** ref for modal footer actions */
+  actionsRef: reactDesc.PropTypes.any.description('ref for modal footer actions'),
+
+  /** modal container children */
+  children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.element, reactDesc.PropTypes.arrayOf([reactDesc.PropTypes.element])]).description('modal container children'),
+
+  /** close on click outside container */
+  shouldCloseOnOverlayClick: reactDesc.PropTypes.bool.description('close on click outside container'),
+
+  /*
+    App element ID to inject the modal
+  */
+  appElement: reactDesc.PropTypes.string.description('App element ID to inject the modal'),
+
+  /** zindex for modal container */
+  zIndex: reactDesc.PropTypes.number.description('zindex for modal container'),
+
+  /** remove modal builtin padding */
+  removePadding: reactDesc.PropTypes.bool.description('remove modal builtin padding')
 };
-DSModal.propTypes = props;
-const DSModalWithSchema = (0, import_react_desc.describe)(DSModal);
+const DSModalWithSchema = reactDesc.describe(DSModal);
 DSModalWithSchema.propTypes = props;
-var DSModal_default = DSModal;
-module.exports = __toCommonJS(DSModal_exports);
-//# sourceMappingURL=DSModal.js.map
+
+exports.DSModalContent = ModalContent.DSModalContent;
+exports.DSModalWithSchema = DSModalWithSchema;
+exports["default"] = DSModal;