@elliemae/ds-modal 1.57.1-rc.0 → 2.0.0-alpha.11

package/esm/v2/components/ModalContent.js

@@ -1,4 +1,6 @@
-import React from 'react';
+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,99 +10,76 @@ 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, {
+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: modalType,
-    modalSubType: modalSubType
-  }) && /*#__PURE__*/React.createElement(SelectionHeader, {
+    modalType,
+    modalSubType
+  }) && /*#__PURE__*/_jsx(SelectionHeader, {
     modalTitle: modalTitle,
     modalType: modalType,
     searchProps: searchProps,
     showClose: showClose
   }), showDecision({
-    modalType: modalType,
-    modalSubType: modalSubType
-  }) && /*#__PURE__*/React.createElement(DecisionHeader, {
+    modalType,
+    modalSubType
+  }) && /*#__PURE__*/_jsx(DecisionHeader, {
     onClose: onClose,
     showClose: showClose
   }), showFeedBack({
-    modalType: modalType,
-    modalSubType: modalSubType
-  }) && /*#__PURE__*/React.createElement(FeedbackIcon, {
+    modalType,
+    modalSubType
+  }) && /*#__PURE__*/_jsx(FeedbackIcon, {
     modalSubType: modalSubType
   }), showDecision({
-    modalType: modalType,
-    modalSubType: modalSubType
-  }) && /*#__PURE__*/React.createElement(Title, {
+    modalType,
+    modalSubType
+  }) && /*#__PURE__*/_jsx(Title, {
     modalTitle: modalTitle,
     modalType: modalType
-  }), /*#__PURE__*/React.createElement(ModalContent, {
+  }), /*#__PURE__*/_jsx(ModalContent, {
     classProps: {
       type: modalType,
-      removePadding: removePadding
+      removePadding
     }
-  }, children), showFooter({
-    modalType: modalType,
-    modalSubType: modalSubType
-  }) && /*#__PURE__*/React.createElement(Footer, {
+  }, void 0, children), showFooter({
+    modalType,
+    modalSubType
+  }) && /*#__PURE__*/_jsx(Footer, {
     actionsRef: actionsRef,
     additionalFooterCssClass: additionalFooterCssClass,
     confirmLabel: confirmLabel,
@@ -110,8 +89,7 @@ var DSModalContent = function DSModalContent(_ref) {
     overridePropsRejectButton: overridePropsRejectButton,
     rejectLabel: rejectLabel,
     showRejectButton: showRejectButton
-  }));
-};
+  })]
+}));
 
 export { DSModalContent };
-//# sourceMappingURL=ModalContent.js.map

package/esm/v2/components/SelectionHeader.js

@@ -1,31 +1,31 @@
-import React from 'react';
-import { DSSearchBox } from '@elliemae/ds-form';
+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 { 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, {
-    classProps: {
-      type: 'selection'
-    }
-  }, /*#__PURE__*/React.createElement(Title, {
-    modalTitle: modalTitle,
-    modalType: modalType
-  }), showClose && /*#__PURE__*/React.createElement(ModalHeaderTopRight, {
-    classProps: {
-      type: 'selection'
-    },
-    "data-testid": "modal-search-box"
-  }, /*#__PURE__*/React.createElement(DSSearchBox, searchProps)));
-};
+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))));
 
 export { SelectionHeader, SelectionHeader as default };
-//# sourceMappingURL=SelectionHeader.js.map

package/esm/v2/components/Title.js

@@ -1,18 +1,14 @@
-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, {
-    classProps: {
-      type: modalType
-    }
-  }, modalTitle);
-};
+const Title = ({
+  modalTitle,
+  modalType
+}) => /*#__PURE__*/_jsx(ModalTitle, {
+  classProps: {
+    type: modalType
+  }
+}, void 0, modalTitle);
 
 export { Title, Title as default };
-//# sourceMappingURL=Title.js.map

package/esm/v2/helpers.js

@@ -1,28 +1,32 @@
 import { MODAL_TYPE_V2, MODAL_SUB_TYPE_V2 } from '../constants.js';
 
-function showDecision(_ref) {
-  var modalType = _ref.modalType;
+function showDecision({
+  modalType
+}) {
   return [MODAL_TYPE_V2.INFORMATION, MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;
 }
-function showFeedBack(_ref2) {
-  var modalType = _ref2.modalType,
-      modalSubType = _ref2.modalSubType;
+function showFeedBack({
+  modalType,
+  modalSubType
+}) {
   return showDecision({
-    modalType: modalType
+    modalType
   }) && Object.values(MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1;
 }
-function showFooter(_ref3) {
-  var modalType = _ref3.modalType;
+function showFooter({
+  modalType
+}) {
   return modalType !== MODAL_TYPE_V2.INFORMATION;
 }
-function showSelection(_ref4) {
-  var modalType = _ref4.modalType;
+function showSelection({
+  modalType
+}) {
   return modalType === MODAL_TYPE_V2.SELECTION;
 }
-function showForm(_ref5) {
-  var modalType = _ref5.modalType;
+function showForm({
+  modalType
+}) {
   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.57.1-rc.0",
+  "version": "2.0.0-alpha.11",
   "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,20 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "1.57.1-rc.0",
-    "@elliemae/ds-classnames": "1.57.1-rc.0",
-    "@elliemae/ds-icons": "1.57.1-rc.0",
-    "@elliemae/ds-modal": "1.57.1-rc.0",
-    "@elliemae/ds-system": "1.57.1-rc.0",
+    "@elliemae/ds-basic": "2.0.0-alpha.11",
+    "@elliemae/ds-classnames": "2.0.0-alpha.11",
     "prop-types": "~15.7.2",
-    "react-desc": "^4.1.2",
+    "react-measure": "~2.5.2",
     "react-modal": "~3.12.1"
   },
   "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';

package/types/v1/DSModal.d.ts

@@ -0,0 +1,143 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare const DSModal: {
+    ({ containerProps, className, dataTestId, additionalFooterCssClass, style, iconCloseSize, modalType, showHeader, showFooter, children, centered, confirmLabel, modalTitle, size, isOpen, onClose, onAfterOpen, onConfirm, onReject, rejectLabel, shouldCloseOnOverlayClick, hasError, hasWarning, hasSuccess, hasInfo, hasHelp, actionsRef, appElement, overridePropsConfirmButton, overridePropsRejectButton, zIndex, }: {
+        containerProps?: {} | undefined;
+        className?: string | undefined;
+        dataTestId?: string | undefined;
+        additionalFooterCssClass?: string | undefined;
+        style?: {} | undefined;
+        iconCloseSize?: any;
+        modalType?: string | undefined;
+        showHeader?: boolean | undefined;
+        showFooter?: boolean | undefined;
+        children: any;
+        centered?: boolean | undefined;
+        confirmLabel?: string | undefined;
+        modalTitle?: string | undefined;
+        size?: string | undefined;
+        isOpen?: boolean | undefined;
+        onClose?: (() => null) | undefined;
+        onAfterOpen?: (() => null) | undefined;
+        onConfirm?: (() => null) | undefined;
+        onReject?: (() => null) | undefined;
+        rejectLabel?: string | undefined;
+        shouldCloseOnOverlayClick?: boolean | undefined;
+        hasError?: boolean | undefined;
+        hasWarning?: boolean | undefined;
+        hasSuccess?: boolean | undefined;
+        hasInfo?: boolean | undefined;
+        hasHelp?: boolean | undefined;
+        actionsRef?: (() => null) | undefined;
+        appElement?: string | undefined;
+        overridePropsConfirmButton?: {} | undefined;
+        overridePropsRejectButton?: {} | undefined;
+        zIndex?: number | undefined;
+    }): JSX.Element;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+        /**
+         * Add an additional css class to the footer
+         */
+        additionalFooterCssClass: PropTypes.Requireable<string>;
+        /**
+         * Set style for the modal
+         */
+        style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        /**
+         * Select size for the close icon
+         */
+        iconCloseSize: PropTypes.Requireable<unknown>;
+        /**
+         * ['default', 'alert', 'confirm', 'notification', 'warning', 'error', 'success', 'help', 'info']
+         */
+        modalType: PropTypes.Requireable<string>;
+        /**
+         * Show the header or not
+         */
+        showHeader: PropTypes.Requireable<boolean>;
+        /**
+         * Show the footer or not
+         */
+        showFooter: PropTypes.Requireable<boolean>;
+        /**
+         * Main content of the modal
+         */
+        children: PropTypes.Validator<any>;
+        /**
+         * Content is centered or not
+         */
+        centered: PropTypes.Requireable<boolean>;
+        /**
+         * Text to be added in the confirm button
+         */
+        confirmLabel: PropTypes.Requireable<string>;
+        /**
+         * Text to be added in the modal title
+         */
+        modalTitle: PropTypes.Requireable<string>;
+        /**
+         * Text to be added in the modal title
+         */
+        size: PropTypes.Requireable<unknown>;
+        /**
+         * Modal is open or not
+         */
+        isOpen: PropTypes.Requireable<boolean>;
+        /**
+         * Allows a function to be triggered once the modal is closed
+         */
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Allows a function to be triggered once the modal is opened
+         */
+        onAfterOpen: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Allows a function to be triggered once the modal open is confirmed
+         */
+        onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Allows a function to be triggered once the modal open is rejected
+         */
+        onReject: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Text to be added in the reject button
+         */
+        rejectLabel: PropTypes.Requireable<string>;
+        /**
+         * If modal should close on overlay click
+         */
+        shouldCloseOnOverlayClick: PropTypes.Requireable<boolean>;
+        /**
+         * Modal has error or not
+         */
+        hasError: PropTypes.Requireable<boolean>;
+        /**
+         * Modal has warning or not
+         */
+        hasWarning: PropTypes.Requireable<boolean>;
+        /**
+         * Modal has success or not
+         */
+        hasSuccess: PropTypes.Requireable<boolean>;
+        /**
+         * Modal has info or not
+         */
+        hasInfo: PropTypes.Requireable<boolean>;
+        /**
+         * Modal has help or not
+         */
+        hasHelp: PropTypes.Requireable<boolean>;
+        actionsRef: PropTypes.Requireable<(...args: any[]) => any>;
+        appElement: PropTypes.Requireable<string>;
+        /**
+         * Customized props for the confirm button
+         */
+        overridePropsConfirmButton: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        /**
+         * Customized props for the reject button
+         */
+        overridePropsRejectButton: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+    };
+};
+export default DSModal;

package/types/v1/DSModalType.d.ts

@@ -0,0 +1 @@
+export declare const modalTypes: any[];

package/types/v1/ModalFeedBack/ModalFeedBack.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const ModalFeedBack: ({ className, modalType, hasError, hasWarning, hasSuccess, hasInfo, hasHelp, }: {
+    className?: string | undefined;
+    modalType?: null | undefined;
+    hasError?: boolean | undefined;
+    hasWarning?: boolean | undefined;
+    hasSuccess?: boolean | undefined;
+    hasInfo?: boolean | undefined;
+    hasHelp?: boolean | undefined;
+}) => JSX.Element;
+export default ModalFeedBack;