@elliemae/ds-modal 1.60.0 → 2.0.0-alpha.12

package/esm/v2/components/ModalContent.js

@@ -1,4 +1,11 @@
-import React from 'react';
+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 _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { MODAL_TYPE_V2 } from '../../constants.js';
 import { SelectionHeader } from './SelectionHeader.js';
 import { DecisionHeader } from './DecisionHeader.js';
@@ -8,110 +15,89 @@ import { Footer } from './Footer.js';
 import { Title } from './Title.js';
 import { showForm, showSelection, showDecision, showFeedBack, showFooter } from '../helpers.js';
 import { ModalWrapper, ModalContent } from '../blocks.js';
-import '@elliemae/ds-form';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-classnames';
+import { jsxs } from 'react/jsx-runtime';
 
-/* eslint-disable max-lines */
-var DSModalContent = function DSModalContent(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      _ref$modalType = _ref.modalType,
-      modalType = _ref$modalType === void 0 ? MODAL_TYPE_V2.INFORMATION : _ref$modalType,
-      _ref$modalSubType = _ref.modalSubType,
-      modalSubType = _ref$modalSubType === void 0 ? null : _ref$modalSubType,
-      _ref$modalTitle = _ref.modalTitle,
-      modalTitle = _ref$modalTitle === void 0 ? '' : _ref$modalTitle,
-      _ref$showRejectButton = _ref.showRejectButton,
-      showRejectButton = _ref$showRejectButton === void 0 ? false : _ref$showRejectButton,
-      _ref$showClose = _ref.showClose,
-      showClose = _ref$showClose === void 0 ? true : _ref$showClose,
-      _ref$searchProps = _ref.searchProps,
-      searchProps = _ref$searchProps === void 0 ? {} : _ref$searchProps,
-      _ref$actionsRef = _ref.actionsRef,
-      actionsRef = _ref$actionsRef === void 0 ? function () {
-    return null;
-  } : _ref$actionsRef,
-      additionalFooterCssClass = _ref.additionalFooterCssClass,
-      _ref$overridePropsCon = _ref.overridePropsConfirmButton,
-      overridePropsConfirmButton = _ref$overridePropsCon === void 0 ? {} : _ref$overridePropsCon,
-      _ref$overridePropsRej = _ref.overridePropsRejectButton,
-      overridePropsRejectButton = _ref$overridePropsRej === void 0 ? {} : _ref$overridePropsRej,
-      children = _ref.children,
-      _ref$onClose = _ref.onClose,
-      onClose = _ref$onClose === void 0 ? function () {
-    return null;
-  } : _ref$onClose,
-      _ref$onConfirm = _ref.onConfirm,
-      onConfirm = _ref$onConfirm === void 0 ? function () {
-    return null;
-  } : _ref$onConfirm,
-      _ref$onReject = _ref.onReject,
-      onReject = _ref$onReject === void 0 ? function () {
-    return null;
-  } : _ref$onReject,
-      _ref$rejectLabel = _ref.rejectLabel,
-      rejectLabel = _ref$rejectLabel === void 0 ? 'Discard' : _ref$rejectLabel,
-      _ref$confirmLabel = _ref.confirmLabel,
-      confirmLabel = _ref$confirmLabel === void 0 ? 'Save' : _ref$confirmLabel,
-      _ref$removePadding = _ref.removePadding,
-      removePadding = _ref$removePadding === void 0 ? false : _ref$removePadding;
-  return /*#__PURE__*/React.createElement(ModalWrapper, containerProps, showForm({
-    modalType: modalType,
-    modalSubType: modalSubType
-  }) && /*#__PURE__*/React.createElement(FormHeader, {
-    modalTitle: modalTitle,
-    modalType: modalType,
-    onClose: onClose,
-    showClose: showClose
-  }), showSelection({
-    modalType: modalType,
-    modalSubType: modalSubType
-  }) && /*#__PURE__*/React.createElement(SelectionHeader, {
-    modalTitle: modalTitle,
-    modalType: modalType,
-    searchProps: searchProps,
-    showClose: showClose
-  }), showDecision({
-    modalType: modalType,
-    modalSubType: modalSubType
-  }) && /*#__PURE__*/React.createElement(DecisionHeader, {
-    onClose: onClose,
-    showClose: showClose
-  }), showFeedBack({
-    modalType: modalType,
-    modalSubType: modalSubType
-  }) && /*#__PURE__*/React.createElement(FeedbackIcon, {
-    modalSubType: modalSubType
-  }), showDecision({
-    modalType: modalType,
-    modalSubType: modalSubType
-  }) && /*#__PURE__*/React.createElement(Title, {
-    modalTitle: modalTitle,
-    modalType: modalType
-  }), /*#__PURE__*/React.createElement(ModalContent, {
-    classProps: {
-      type: modalType,
-      removePadding: removePadding
-    }
-  }, children), showFooter({
-    modalType: modalType,
-    modalSubType: modalSubType
-  }) && /*#__PURE__*/React.createElement(Footer, {
-    actionsRef: actionsRef,
-    additionalFooterCssClass: additionalFooterCssClass,
-    confirmLabel: confirmLabel,
-    onConfirm: onConfirm,
-    onReject: onReject,
-    overridePropsConfirmButton: overridePropsConfirmButton,
-    overridePropsRejectButton: overridePropsRejectButton,
-    rejectLabel: rejectLabel,
-    showRejectButton: showRejectButton
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const DSModalContent = _ref => {
+  let {
+    containerProps = {},
+    //
+    modalType = 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__*/jsxs(ModalWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
+    children: [showForm({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx(FormHeader, {
+      modalTitle: modalTitle,
+      modalType: modalType,
+      onClose: onClose,
+      showClose: showClose
+    }), showSelection({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx(SelectionHeader, {
+      modalTitle: modalTitle,
+      modalType: modalType,
+      searchProps: searchProps,
+      showClose: showClose
+    }), showDecision({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx(DecisionHeader, {
+      onClose: onClose,
+      showClose: showClose
+    }), showFeedBack({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx(FeedbackIcon, {
+      modalSubType: modalSubType
+    }), showDecision({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx(Title, {
+      modalTitle: modalTitle,
+      modalType: modalType
+    }), /*#__PURE__*/_jsx(ModalContent, {
+      classProps: {
+        type: modalType,
+        removePadding
+      }
+    }, void 0, children), showFooter({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx(Footer, {
+      actionsRef: actionsRef,
+      additionalFooterCssClass: additionalFooterCssClass,
+      confirmLabel: confirmLabel,
+      onConfirm: onConfirm,
+      onReject: onReject,
+      overridePropsConfirmButton: overridePropsConfirmButton,
+      overridePropsRejectButton: overridePropsRejectButton,
+      rejectLabel: rejectLabel,
+      showRejectButton: showRejectButton
+    })]
   }));
 };
 
 export { DSModalContent };
-//# sourceMappingURL=ModalContent.js.map

package/esm/v2/components/SelectionHeader.js

@@ -1,31 +1,39 @@
-import React from 'react';
+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 _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { DSSearchBox } from '@elliemae/ds-form';
 import { ModalHeader, ModalHeaderTopRight } from '../blocks.js';
 import { Title } from './Title.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-classnames';
+import { jsx } from 'react/jsx-runtime';
 
-/* eslint-disable max-lines */
-var SelectionHeader = function SelectionHeader(_ref) {
-  var _ref$searchProps = _ref.searchProps,
-      searchProps = _ref$searchProps === void 0 ? {} : _ref$searchProps,
-      modalTitle = _ref.modalTitle,
-      modalType = _ref.modalType,
-      showClose = _ref.showClose;
-  return /*#__PURE__*/React.createElement(ModalHeader, {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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(ModalHeader, {
     classProps: {
       type: 'selection'
     }
-  }, /*#__PURE__*/React.createElement(Title, {
+  }, void 0, /*#__PURE__*/_jsx(Title, {
     modalTitle: modalTitle,
     modalType: modalType
-  }), showClose && /*#__PURE__*/React.createElement(ModalHeaderTopRight, {
+  }), showClose && /*#__PURE__*/_jsx(ModalHeaderTopRight, {
     classProps: {
       type: 'selection'
     },
     "data-testid": "modal-search-box"
-  }, /*#__PURE__*/React.createElement(DSSearchBox, searchProps)));
+  }, void 0, /*#__PURE__*/jsx(DSSearchBox, _objectSpread({}, searchProps))));
 };
 
 export { SelectionHeader, SelectionHeader as default };
-//# sourceMappingURL=SelectionHeader.js.map

package/esm/v2/components/Title.js

@@ -1,18 +1,17 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { ModalTitle } from '../blocks.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-classnames';
 
-/* eslint-disable max-lines */
-var Title = function Title(_ref) {
-  var modalTitle = _ref.modalTitle,
-      modalType = _ref.modalType;
-  return /*#__PURE__*/React.createElement(ModalTitle, {
+const Title = _ref => {
+  let {
+    modalTitle,
+    modalType
+  } = _ref;
+  return /*#__PURE__*/_jsx(ModalTitle, {
     classProps: {
       type: modalType
     }
-  }, modalTitle);
+  }, void 0, modalTitle);
 };
 
 export { Title, Title as default };
-//# sourceMappingURL=Title.js.map

package/esm/v2/helpers.js

@@ -1,28 +1,37 @@
 import { MODAL_TYPE_V2, MODAL_SUB_TYPE_V2 } from '../constants.js';
 
 function showDecision(_ref) {
-  var modalType = _ref.modalType;
+  let {
+    modalType
+  } = _ref;
   return [MODAL_TYPE_V2.INFORMATION, MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;
 }
 function showFeedBack(_ref2) {
-  var modalType = _ref2.modalType,
-      modalSubType = _ref2.modalSubType;
+  let {
+    modalType,
+    modalSubType
+  } = _ref2;
   return showDecision({
-    modalType: modalType
+    modalType
   }) && Object.values(MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1;
 }
 function showFooter(_ref3) {
-  var modalType = _ref3.modalType;
+  let {
+    modalType
+  } = _ref3;
   return modalType !== MODAL_TYPE_V2.INFORMATION;
 }
 function showSelection(_ref4) {
-  var modalType = _ref4.modalType;
+  let {
+    modalType
+  } = _ref4;
   return modalType === MODAL_TYPE_V2.SELECTION;
 }
 function showForm(_ref5) {
-  var modalType = _ref5.modalType;
+  let {
+    modalType
+  } = _ref5;
   return modalType === MODAL_TYPE_V2.FORM;
 }
 
 export { showDecision, showFeedBack, showFooter, showForm, showSelection };
-//# sourceMappingURL=helpers.js.map

package/package.json

@@ -1,14 +1,94 @@
 {
   "name": "@elliemae/ds-modal",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Modal",
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
+  "description": "ICE MT - Dimsum - Modal",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./v2/helpers": {
+      "import": "./esm/v2/helpers.js",
+      "require": "./cjs/v2/helpers.js"
+    },
+    "./v2/DSModal": {
+      "import": "./esm/v2/DSModal.js",
+      "require": "./cjs/v2/DSModal.js"
+    },
+    "./v2/components/Title": {
+      "import": "./esm/v2/components/Title.js",
+      "require": "./cjs/v2/components/Title.js"
+    },
+    "./v2/components/SelectionHeader": {
+      "import": "./esm/v2/components/SelectionHeader.js",
+      "require": "./cjs/v2/components/SelectionHeader.js"
+    },
+    "./v2/components/ModalContent": {
+      "import": "./esm/v2/components/ModalContent.js",
+      "require": "./cjs/v2/components/ModalContent.js"
+    },
+    "./v2/components/FormHeader": {
+      "import": "./esm/v2/components/FormHeader.js",
+      "require": "./cjs/v2/components/FormHeader.js"
+    },
+    "./v2/components/Footer": {
+      "import": "./esm/v2/components/Footer.js",
+      "require": "./cjs/v2/components/Footer.js"
+    },
+    "./v2/components/FeedbackIcon": {
+      "import": "./esm/v2/components/FeedbackIcon.js",
+      "require": "./cjs/v2/components/FeedbackIcon.js"
+    },
+    "./v2/components/DecisionHeader": {
+      "import": "./esm/v2/components/DecisionHeader.js",
+      "require": "./cjs/v2/components/DecisionHeader.js"
+    },
+    "./v2/blocks": {
+      "import": "./esm/v2/blocks.js",
+      "require": "./cjs/v2/blocks.js"
+    },
+    "./v1/ModalFeedBack/ModalFeedBack": {
+      "import": "./esm/v1/ModalFeedBack/ModalFeedBack.js",
+      "require": "./cjs/v1/ModalFeedBack/ModalFeedBack.js"
+    },
+    "./v1/DSModalWrapper": {
+      "import": "./esm/v1/DSModalWrapper.js",
+      "require": "./cjs/v1/DSModalWrapper.js"
+    },
+    "./v1/DSModalType": {
+      "import": "./esm/v1/DSModalType.js",
+      "require": "./cjs/v1/DSModalType.js"
+    },
+    "./v1/DSModal": {
+      "import": "./esm/v1/DSModal.js",
+      "require": "./cjs/v1/DSModal.js"
+    },
+    "./DSModal": {
+      "import": "./esm/DSModal.js",
+      "require": "./cjs/DSModal.js"
+    },
+    "./constants": {
+      "import": "./esm/constants.js",
+      "require": "./cjs/constants.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,22 +96,29 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "1.60.0",
-    "@elliemae/ds-classnames": "1.60.0",
-    "@elliemae/ds-icons": "1.60.0",
-    "@elliemae/ds-modal": "1.60.0",
-    "@elliemae/ds-system": "1.60.0",
+    "@elliemae/ds-button": "2.0.0-alpha.12",
+    "@elliemae/ds-classnames": "2.0.0-alpha.12",
+    "@elliemae/ds-form": "2.0.0-alpha.12",
+    "@elliemae/ds-icon": "2.0.0-alpha.12",
+    "@elliemae/ds-icons": "2.0.0-alpha.12",
+    "@elliemae/ds-shared": "2.0.0-alpha.12",
+    "@elliemae/ds-system": "2.0.0-alpha.12",
     "prop-types": "~15.7.2",
-    "react-desc": "^4.1.2",
+    "react-desc": "~4.1.3",
     "react-modal": "~3.12.1"
   },
+  "devDependencies": {
+    "@testing-library/jest-dom": "~5.15.0",
+    "@testing-library/react": "~12.1.2"
+  },
   "peerDependencies": {
-    "lodash": "^4.17.20",
-    "react": "~17.0.1",
-    "react-dom": "^17.0.1"
+    "lodash": "^4.17.21",
+    "react": "~17.0.2",
+    "react-dom": "^17.0.2"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/DSModal.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+import { DSModalContent } from './v2/DSModal';
+declare const DSModal: {
+    ({ version, ...rest }: {
+        [x: string]: any;
+        version?: number | undefined;
+    }): JSX.Element;
+    propTypes: {
+        version: PropTypes.Requireable<number>;
+    };
+};
+export { DSModalContent };
+export default DSModal;

package/types/constants.d.ts

@@ -0,0 +1,25 @@
+export declare const MODAL_TYPE: {
+    DEFAULT: string;
+    ALERT: string;
+    CONFIRM: string;
+    NOTIFICATION: string;
+    WARNING: string;
+    ERROR: string;
+    SUCCESS: string;
+    HELP: string;
+    INFO: string;
+};
+export declare const modalTypes: string[];
+export declare const MODAL_TYPE_V2: {
+    INFORMATION: string;
+    DECISION: string;
+    SELECTION: string;
+    FORM: string;
+};
+export declare const MODAL_SUB_TYPE_V2: {
+    SUCCESS: string;
+    WARNING: string;
+    ERROR: string;
+    INFORMATION: string;
+};
+export default MODAL_TYPE;

package/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DSModal';
+export * from './constants';
+export { DSModalWithSchema } from './v2/DSModal';
+export { default } from './DSModal';