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

package/esm/v2/components/FormHeader.js

@@ -1,34 +1,37 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
-import CloseIcon from '@elliemae/ds-icons/Close';
-import DSButton from '@elliemae/ds-basic/Button';
+import { Close } from '@elliemae/ds-icons';
+import DSButton from '@elliemae/ds-button';
 import { ModalHeader, ModalHeaderTopRight } from '../blocks.js';
 import { Title } from './Title.js';
 
-var _CloseIcon;
-const FormHeader = ({
-  showClose,
-  modalTitle,
-  modalType,
-  onClose
-}) => /*#__PURE__*/_jsx(ModalHeader, {
-  classProps: {
-    type: 'selection'
-  }
-}, void 0, /*#__PURE__*/_jsx(Title, {
-  modalTitle: modalTitle,
-  modalType: modalType
-}), /*#__PURE__*/_jsx(ModalHeaderTopRight, {
-  classProps: {
-    type: 'form'
-  }
-}, void 0, showClose && /*#__PURE__*/_jsx(DSButton, {
-  buttonType: "link",
-  containerProps: {
-    'data-testid': 'modal-close-btn'
-  },
-  icon: _CloseIcon || (_CloseIcon = /*#__PURE__*/_jsx(CloseIcon, {})),
-  onClick: onClose
-})));
+var _Close;
+const FormHeader = _ref => {
+  let {
+    showClose,
+    modalTitle,
+    modalType,
+    onClose
+  } = _ref;
+  return /*#__PURE__*/_jsx(ModalHeader, {
+    classProps: {
+      type: 'selection'
+    }
+  }, void 0, /*#__PURE__*/_jsx(Title, {
+    modalTitle: modalTitle,
+    modalType: modalType
+  }), /*#__PURE__*/_jsx(ModalHeaderTopRight, {
+    classProps: {
+      type: 'form'
+    }
+  }, void 0, showClose && /*#__PURE__*/_jsx(DSButton, {
+    buttonType: "link",
+    containerProps: {
+      'data-testid': 'modal-close-btn'
+    },
+    icon: _Close || (_Close = /*#__PURE__*/_jsx(Close, {})),
+    onClick: onClose
+  })));
+};
 
 export { FormHeader, FormHeader as default };

package/esm/v2/components/ModalContent.js

@@ -1,3 +1,8 @@
+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';
@@ -15,81 +20,84 @@ import { jsxs } from 'react/jsx-runtime';
 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 = ({
-  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
-}) => /*#__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
-  })]
-}));
+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 };

package/esm/v2/components/SelectionHeader.js

@@ -1,7 +1,12 @@
+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-basic/form/SearchBox';
+import { DSSearchBox } from '@elliemae/ds-form';
 import { ModalHeader, ModalHeaderTopRight } from '../blocks.js';
 import { Title } from './Title.js';
 import { jsx } from 'react/jsx-runtime';
@@ -9,23 +14,26 @@ import { jsx } from 'react/jsx-runtime';
 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 = ({
-  searchProps = {},
-  modalTitle,
-  modalType,
-  showClose
-}) => /*#__PURE__*/_jsx(ModalHeader, {
-  classProps: {
-    type: 'selection'
-  }
-}, void 0, /*#__PURE__*/_jsx(Title, {
-  modalTitle: modalTitle,
-  modalType: modalType
-}), showClose && /*#__PURE__*/_jsx(ModalHeaderTopRight, {
-  classProps: {
-    type: 'selection'
-  },
-  "data-testid": "modal-search-box"
-}, void 0, /*#__PURE__*/jsx(DSSearchBox, _objectSpread({}, searchProps))));
+const SelectionHeader = _ref => {
+  let {
+    searchProps = {},
+    modalTitle,
+    modalType,
+    showClose
+  } = _ref;
+  return /*#__PURE__*/_jsx(ModalHeader, {
+    classProps: {
+      type: 'selection'
+    }
+  }, void 0, /*#__PURE__*/_jsx(Title, {
+    modalTitle: modalTitle,
+    modalType: modalType
+  }), showClose && /*#__PURE__*/_jsx(ModalHeaderTopRight, {
+    classProps: {
+      type: 'selection'
+    },
+    "data-testid": "modal-search-box"
+  }, void 0, /*#__PURE__*/jsx(DSSearchBox, _objectSpread({}, searchProps))));
+};
 
 export { SelectionHeader, SelectionHeader as default };

package/esm/v2/components/Title.js

@@ -2,13 +2,16 @@ import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import { ModalTitle } from '../blocks.js';
 
-const Title = ({
-  modalTitle,
-  modalType
-}) => /*#__PURE__*/_jsx(ModalTitle, {
-  classProps: {
-    type: modalType
-  }
-}, void 0, modalTitle);
+const Title = _ref => {
+  let {
+    modalTitle,
+    modalType
+  } = _ref;
+  return /*#__PURE__*/_jsx(ModalTitle, {
+    classProps: {
+      type: modalType
+    }
+  }, void 0, modalTitle);
+};
 
 export { Title, Title as default };

package/esm/v2/helpers.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-modal",
-  "version": "2.0.0-alpha.11",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Modal",
   "module": "./esm/index.js",
@@ -96,12 +96,21 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-alpha.11",
-    "@elliemae/ds-classnames": "2.0.0-alpha.11",
+    "@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-measure": "~2.5.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.21",
     "react": "~17.0.2",

package/types/v1/DSModal.d.ts

@@ -7,7 +7,7 @@ declare const DSModal: {
         dataTestId?: string | undefined;
         additionalFooterCssClass?: string | undefined;
         style?: {} | undefined;
-        iconCloseSize?: any;
+        iconCloseSize?: string | undefined;
         modalType?: string | undefined;
         showHeader?: boolean | undefined;
         showFooter?: boolean | undefined;