@elliemae/ds-modal 2.0.0-alpha.1 → 2.0.0-alpha.13

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.1",
+  "version": "2.0.0-alpha.13",
   "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.1",
-    "@elliemae/ds-classnames": "2.0.0-alpha.1",
+    "@elliemae/ds-button": "2.0.0-alpha.13",
+    "@elliemae/ds-classnames": "2.0.0-alpha.13",
+    "@elliemae/ds-form": "2.0.0-alpha.13",
+    "@elliemae/ds-icon": "2.0.0-alpha.13",
+    "@elliemae/ds-icons": "2.0.0-alpha.13",
+    "@elliemae/ds-shared": "2.0.0-alpha.13",
+    "@elliemae/ds-system": "2.0.0-alpha.13",
     "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;

package/types/v2/DSModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 import { DSModalContent } from './components/ModalContent';
 declare const DSModal: {
@@ -33,59 +34,227 @@ declare const DSModal: {
     }): JSX.Element;
     propTypes: {
         /** inject props to container wrapper */
-        containerProps: any;
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** css class */
-        className: any;
+        className: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** style object for container wrapper */
-        style: any;
+        style: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** modal container title */
-        modalTitle: any;
+        modalTitle: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** center container */
-        centered: any;
+        centered: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** show reject button */
-        showRejectButton: any;
+        showRejectButton: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** show close button */
-        showClose: any;
-        searchProps: any;
+        showClose: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        searchProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** css class for footer */
-        additionalFooterCssClass: any;
+        additionalFooterCssClass: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**  override props confirm button */
-        overridePropsConfirmButton: any;
+        overridePropsConfirmButton: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** override props reject button */
-        overridePropsRejectButton: any;
+        overridePropsRejectButton: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** controlled isOpen flag */
-        isOpen: any;
+        isOpen: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** close callback */
-        onClose: any;
+        onClose: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** after open callback */
-        onAfterOpen: any;
+        onAfterOpen: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** confirm callback */
-        onConfirm: any;
+        onConfirm: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** reject callback */
-        onReject: any;
+        onReject: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** reject label */
-        rejectLabel: any;
+        rejectLabel: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** confirm text string */
-        confirmLabel: any;
+        confirmLabel: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** modal container size */
-        size: any;
+        size: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** modal sub type */
-        modalSubType: any;
+        modalSubType: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** modal type */
-        modalType: any;
+        modalType: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** ref for modal footer actions */
-        actionsRef: any;
+        actionsRef: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** modal container children */
-        children: any;
+        children: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** close on click outside container */
-        shouldCloseOnOverlayClick: any;
-        appElement: any;
+        shouldCloseOnOverlayClick: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        appElement: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** zindex for modal container */
-        zIndex: any;
+        zIndex: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** remove modal builtin padding */
-        removePadding: any;
+        removePadding: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 };
-declare const DSModalWithSchema: any;
+declare const DSModalWithSchema: {
+    (props?: {
+        containerProps?: {} | undefined;
+        className?: string | undefined;
+        style?: {} | undefined;
+        size?: string | undefined;
+        modalType?: string | undefined;
+        modalSubType?: null | undefined;
+        modalTitle?: string | undefined;
+        dataTestId?: string | undefined;
+        centered?: boolean | undefined;
+        showRejectButton?: boolean | undefined;
+        showClose?: boolean | undefined;
+        searchProps?: {} | undefined;
+        actionsRef?: (() => null) | undefined;
+        additionalFooterCssClass: any;
+        overridePropsConfirmButton?: {} | undefined;
+        overridePropsRejectButton?: {} | undefined;
+        children: any;
+        isOpen?: boolean | undefined;
+        onClose?: (() => null) | undefined;
+        onAfterOpen?: (() => null) | undefined;
+        onConfirm?: (() => null) | undefined;
+        onReject?: (() => null) | undefined;
+        rejectLabel?: string | undefined;
+        confirmLabel?: string | undefined;
+        shouldCloseOnOverlayClick?: boolean | undefined;
+        appElement?: string | undefined;
+        zIndex?: number | undefined;
+        removePadding?: boolean | undefined;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { DSModalContent, DSModalWithSchema };
 export default DSModal;

package/types/v2/components/SelectionHeader.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const SelectionHeader: ({ searchProps, modalTitle, modalType, showClose, }: {
+export declare const SelectionHeader: ({ searchProps, modalTitle, modalType, showClose }: {
     searchProps?: {} | undefined;
     modalTitle: any;
     modalType: any;

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}