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

package/cjs/v2/components/ModalContent.js

@@ -1,96 +1,112 @@
-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 });
+'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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var constants = require('../../constants.js');
+var SelectionHeader = require('./SelectionHeader.js');
+var DecisionHeader = require('./DecisionHeader.js');
+var FormHeader = require('./FormHeader.js');
+var FeedbackIcon = require('./FeedbackIcon.js');
+var Footer = require('./Footer.js');
+var Title = require('./Title.js');
+var helpers = require('../helpers.js');
+var blocks = require('../blocks.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+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 DSModalContent = _ref => {
+  let {
+    containerProps = {},
+    //
+    modalType = constants.MODAL_TYPE_V2.INFORMATION,
+    modalSubType = null,
+    modalTitle = '',
+    showRejectButton = false,
+    showClose = true,
+    searchProps = {},
+    // override
+    actionsRef = () => null,
+    additionalFooterCssClass,
+    overridePropsConfirmButton = {},
+    overridePropsRejectButton = {},
+    // react modal
+    children,
+    onClose = () => null,
+    onConfirm = () => null,
+    onReject = () => null,
+    rejectLabel = 'Discard',
+    confirmLabel = 'Save',
+    removePadding = false
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsxs(blocks.ModalWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
+    children: [helpers.showForm({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx__default["default"](FormHeader.FormHeader, {
+      modalTitle: modalTitle,
+      modalType: modalType,
+      onClose: onClose,
+      showClose: showClose
+    }), helpers.showSelection({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx__default["default"](SelectionHeader.SelectionHeader, {
+      modalTitle: modalTitle,
+      modalType: modalType,
+      searchProps: searchProps,
+      showClose: showClose
+    }), helpers.showDecision({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx__default["default"](DecisionHeader.DecisionHeader, {
+      onClose: onClose,
+      showClose: showClose
+    }), helpers.showFeedBack({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx__default["default"](FeedbackIcon.FeedbackIcon, {
+      modalSubType: modalSubType
+    }), helpers.showDecision({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx__default["default"](Title.Title, {
+      modalTitle: modalTitle,
+      modalType: modalType
+    }), /*#__PURE__*/_jsx__default["default"](blocks.ModalContent, {
+      classProps: {
+        type: modalType,
+        removePadding
+      }
+    }, void 0, children), helpers.showFooter({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx__default["default"](Footer.Footer, {
+      actionsRef: actionsRef,
+      additionalFooterCssClass: additionalFooterCssClass,
+      confirmLabel: confirmLabel,
+      onConfirm: onConfirm,
+      onReject: onReject,
+      overridePropsConfirmButton: overridePropsConfirmButton,
+      overridePropsRejectButton: overridePropsRejectButton,
+      rejectLabel: rejectLabel,
+      showRejectButton: showRejectButton
+    })]
+  }));
 };
-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 ModalContent_exports = {};
-__export(ModalContent_exports, {
-  DSModalContent: () => DSModalContent
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_constants = require("../../constants");
-var import_SelectionHeader = require("./SelectionHeader");
-var import_DecisionHeader = require("./DecisionHeader");
-var import_FormHeader = require("./FormHeader");
-var import_FeedbackIcon = require("./FeedbackIcon");
-var import_Footer = require("./Footer");
-var import_Title = require("./Title");
-var import_helpers = require("../helpers");
-var import_blocks = require("../blocks");
-const DSModalContent = ({
-  containerProps = {},
-  modalType = import_constants.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__ */ import_react.default.createElement(import_blocks.ModalWrapper, {
-  ...containerProps
-}, (0, import_helpers.showForm)({ modalType, modalSubType }) && /* @__PURE__ */ import_react.default.createElement(import_FormHeader.FormHeader, {
-  modalTitle,
-  modalType,
-  onClose,
-  showClose
-}), (0, import_helpers.showSelection)({ modalType, modalSubType }) && /* @__PURE__ */ import_react.default.createElement(import_SelectionHeader.SelectionHeader, {
-  modalTitle,
-  modalType,
-  searchProps,
-  showClose
-}), (0, import_helpers.showDecision)({ modalType, modalSubType }) && /* @__PURE__ */ import_react.default.createElement(import_DecisionHeader.DecisionHeader, {
-  onClose,
-  showClose
-}), (0, import_helpers.showFeedBack)({ modalType, modalSubType }) && /* @__PURE__ */ import_react.default.createElement(import_FeedbackIcon.FeedbackIcon, {
-  modalSubType
-}), (0, import_helpers.showDecision)({ modalType, modalSubType }) && /* @__PURE__ */ import_react.default.createElement(import_Title.Title, {
-  modalTitle,
-  modalType
-}), /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalContent, {
-  classProps: { type: modalType, removePadding }
-}, children), (0, import_helpers.showFooter)({ modalType, modalSubType }) && /* @__PURE__ */ import_react.default.createElement(import_Footer.Footer, {
-  actionsRef,
-  additionalFooterCssClass,
-  confirmLabel,
-  onConfirm,
-  onReject,
-  overridePropsConfirmButton,
-  overridePropsRejectButton,
-  rejectLabel,
-  showRejectButton
-}));
-module.exports = __toCommonJS(ModalContent_exports);
-//# sourceMappingURL=ModalContent.js.map
+
+exports.DSModalContent = DSModalContent;

package/cjs/v2/components/SelectionHeader.js

@@ -1,51 +1,49 @@
-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 });
+'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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var dsForm = require('@elliemae/ds-form');
+var blocks = require('../blocks.js');
+var Title = require('./Title.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+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 SelectionHeader = _ref => {
+  let {
+    searchProps = {},
+    modalTitle,
+    modalType,
+    showClose
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](blocks.ModalHeader, {
+    classProps: {
+      type: 'selection'
+    }
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Title.Title, {
+    modalTitle: modalTitle,
+    modalType: modalType
+  }), showClose && /*#__PURE__*/_jsx__default["default"](blocks.ModalHeaderTopRight, {
+    classProps: {
+      type: 'selection'
+    },
+    "data-testid": "modal-search-box"
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(dsForm.DSSearchBox, _objectSpread({}, searchProps))));
 };
-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 SelectionHeader_exports = {};
-__export(SelectionHeader_exports, {
-  SelectionHeader: () => SelectionHeader,
-  default: () => SelectionHeader_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_form = require("@elliemae/ds-form");
-var import_blocks = require("../blocks");
-var import_Title = require("./Title");
-const SelectionHeader = ({ searchProps = {}, modalTitle, modalType, showClose }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalHeader, {
-  classProps: { type: "selection" }
-}, /* @__PURE__ */ import_react.default.createElement(import_Title.Title, {
-  modalTitle,
-  modalType
-}), showClose && /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalHeaderTopRight, {
-  classProps: { type: "selection" },
-  "data-testid": "modal-search-box"
-}, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSSearchBox, {
-  ...searchProps
-})));
-var SelectionHeader_default = SelectionHeader;
-module.exports = __toCommonJS(SelectionHeader_exports);
-//# sourceMappingURL=SelectionHeader.js.map
+
+exports.SelectionHeader = SelectionHeader;
+exports["default"] = SelectionHeader;

package/cjs/v2/components/Title.js

@@ -1,41 +1,26 @@
-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 });
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var blocks = require('../blocks.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const Title = _ref => {
+  let {
+    modalTitle,
+    modalType
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](blocks.ModalTitle, {
+    classProps: {
+      type: modalType
+    }
+  }, void 0, modalTitle);
 };
-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 Title_exports = {};
-__export(Title_exports, {
-  Title: () => Title,
-  default: () => Title_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_blocks = require("../blocks");
-const Title = ({ modalTitle, modalType }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalTitle, {
-  classProps: { type: modalType }
-}, modalTitle);
-var Title_default = Title;
-module.exports = __toCommonJS(Title_exports);
-//# sourceMappingURL=Title.js.map
+
+exports.Title = Title;
+exports["default"] = Title;

package/cjs/v2/helpers.js

@@ -1,54 +1,45 @@
-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 helpers_exports = {};
-__export(helpers_exports, {
-  showDecision: () => showDecision,
-  showFeedBack: () => showFeedBack,
-  showFooter: () => showFooter,
-  showForm: () => showForm,
-  showSelection: () => showSelection
-});
-var React = __toESM(require("react"));
-var import_constants = require("../constants");
-function showDecision({ modalType }) {
-  return [import_constants.MODAL_TYPE_V2.INFORMATION, import_constants.MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var constants = require('../constants.js');
+
+function showDecision(_ref) {
+  let {
+    modalType
+  } = _ref;
+  return [constants.MODAL_TYPE_V2.INFORMATION, constants.MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;
 }
-function showFeedBack({ modalType, modalSubType }) {
-  return showDecision({ modalType }) && Object.values(import_constants.MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1;
+function showFeedBack(_ref2) {
+  let {
+    modalType,
+    modalSubType
+  } = _ref2;
+  return showDecision({
+    modalType
+  }) && Object.values(constants.MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1;
 }
-function showFooter({ modalType }) {
-  return modalType !== import_constants.MODAL_TYPE_V2.INFORMATION;
+function showFooter(_ref3) {
+  let {
+    modalType
+  } = _ref3;
+  return modalType !== constants.MODAL_TYPE_V2.INFORMATION;
 }
-function showSelection({ modalType }) {
-  return modalType === import_constants.MODAL_TYPE_V2.SELECTION;
+function showSelection(_ref4) {
+  let {
+    modalType
+  } = _ref4;
+  return modalType === constants.MODAL_TYPE_V2.SELECTION;
 }
-function showForm({ modalType }) {
-  return modalType === import_constants.MODAL_TYPE_V2.FORM;
+function showForm(_ref5) {
+  let {
+    modalType
+  } = _ref5;
+  return modalType === constants.MODAL_TYPE_V2.FORM;
 }
-module.exports = __toCommonJS(helpers_exports);
-//# sourceMappingURL=helpers.js.map
+
+exports.showDecision = showDecision;
+exports.showFeedBack = showFeedBack;
+exports.showFooter = showFooter;
+exports.showForm = showForm;
+exports.showSelection = showSelection;

package/esm/DSModal.js

@@ -1,59 +1,175 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import { modalTypes } from "./constants";
-import DSModalV1 from "./v1/DSModal";
-import DSModalV2, { DSModalContent } from "./v2/DSModal";
-import { sizes, iconSizes } from "@elliemae/ds-shared/prop-types";
-const DSModal = ({ version = 1, ...rest }) => {
-  if (version === 2)
-    return /* @__PURE__ */ React2.createElement(DSModalV2, {
-      ...rest
-    });
-  return /* @__PURE__ */ React2.createElement(DSModalV1, {
-    ...rest
-  });
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'react';
+import PropTypes from 'prop-types';
+import { modalTypes } from './constants.js';
+import DSModal$2 from './v1/DSModal.js';
+import DSModal$1 from './v2/DSModal.js';
+import { iconSizes, sizes } from '@elliemae/ds-shared/prop-types';
+import { jsx } from 'react/jsx-runtime';
+export { DSModalContent } from './v2/components/ModalContent.js';
+
+const _excluded = ["version"];
+
+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 {
+    version = 1
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  if (version === 2) return /*#__PURE__*/jsx(DSModal$1, _objectSpread({}, rest));
+  return /*#__PURE__*/jsx(DSModal$2, _objectSpread({}, rest));
 };
-DSModal.propTypes = {
-  version: PropTypes.oneOf([1, 2])
-};
-DSModalV1.propTypes = {
+
+DSModal$2.propTypes = {
   version: PropTypes.oneOf([1, 2]),
   className: PropTypes.string,
+
+  /**
+   * Add an additional css class to the footer
+   */
   additionalFooterCssClass: PropTypes.string,
+
+  /**
+   * Set style for the modal
+   */
   style: PropTypes.objectOf(PropTypes.string),
+
+  /**
+   * Select size for the close icon
+   */
   iconCloseSize: PropTypes.oneOf(iconSizes),
+
+  /**
+   * ['default', 'alert', 'confirm', 'notification', 'warning', 'error', 'success', 'help', 'info']
+   */
   modalType: PropTypes.oneOf(modalTypes),
+
+  /**
+   * Show the header or not
+   */
   showHeader: PropTypes.bool,
+
+  /**
+   * Show the footer or not
+   */
   showFooter: PropTypes.bool,
+
+  /**
+   * Main content of the modal
+   */
   children: PropTypes.element.isRequired,
+
+  /**
+   * Content is centered or not
+   */
   centered: PropTypes.bool,
+
+  /**
+   * Text to be added in the confirm button
+   */
   confirmLabel: PropTypes.string,
+
+  /**
+   * Text to be added in the modal title
+   */
   modalTitle: PropTypes.string,
+
+  /**
+   * Text to be added in the modal title
+   */
   size: PropTypes.oneOf(sizes),
+
+  /**
+   * Modal is open or not
+   */
   isOpen: PropTypes.bool,
+
+  /**
+   * Allows a function to be triggered once the modal is closed
+   */
   onClose: PropTypes.func,
+
+  /**
+   * Allows a function to be triggered once the modal is opened
+   */
   onAfterOpen: PropTypes.func,
+
+  /**
+   * Allows a function to be triggered once the modal open is confirmed
+   */
   onConfirm: PropTypes.func,
+
+  /**
+   * Allows a function to be triggered once the modal open is rejected
+   */
   onReject: PropTypes.func,
+
+  /**
+   * Text to be added in the reject button
+   */
   rejectLabel: PropTypes.string,
+
+  /**
+   * If modal should close on overlay click
+   */
   shouldCloseOnOverlayClick: PropTypes.bool,
+
+  /**
+   * Modal has error or not
+   */
   hasError: PropTypes.bool,
+
+  /**
+   * Modal has warning or not
+   */
   hasWarning: PropTypes.bool,
+
+  /**
+   * Modal has success or not
+   */
   hasSuccess: PropTypes.bool,
+
+  /**
+   * Modal has info or not
+   */
   hasInfo: PropTypes.bool,
+
+  /**
+   * Modal has help or not
+   */
   hasHelp: PropTypes.bool,
   actionsRef: PropTypes.func,
   appElement: PropTypes.string,
+
+  /**
+   * Customized props for the confirm button
+   */
   overridePropsConfirmButton: PropTypes.objectOf(PropTypes.shape({})),
+
+  /**
+   * Customized props for the reject button
+   */
   overridePropsRejectButton: PropTypes.objectOf(PropTypes.string),
+
+  /**
+   * Show confirm button
+   */
   showConfirmButton: PropTypes.bool,
+
+  /**
+   * Show confirm button
+   */
   customCloseComponent: PropTypes.element
 };
-var DSModal_default = DSModal;
-export {
-  DSModal,
-  DSModalContent,
-  DSModal_default as default
-};
-//# sourceMappingURL=DSModal.js.map
+
+export { DSModal as default };