@elliemae/ds-modal 3.0.0-next.2 → 3.0.0-next.6

package/esm/v2/components/FeedbackIcon.js

@@ -1,55 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { HelpCircle, InfoCircle, CheckmarkCircle, ErrorHexegon, WarningTriangle } from '@elliemae/ds-icons';
-import { MODAL_SUB_TYPE_V2 } from '../../constants.js';
-import { ModalFeedback } from '../blocks.js';
-
-var _WarningTriangle, _ErrorHexegon, _CheckmarkCircle, _InfoCircle, _HelpCircle;
-const feedbackIconSize = 'xxl';
-
-const getIconType = subtype => {
-  switch (subtype) {
-    case MODAL_SUB_TYPE_V2.WARNING:
-      return _WarningTriangle || (_WarningTriangle = /*#__PURE__*/_jsx(WarningTriangle, {
-        "data-testid": "icon-waring",
-        size: feedbackIconSize
-      }));
-
-    case MODAL_SUB_TYPE_V2.ERROR:
-      return _ErrorHexegon || (_ErrorHexegon = /*#__PURE__*/_jsx(ErrorHexegon, {
-        "data-testid": "icon-error",
-        size: feedbackIconSize
-      }));
-
-    case MODAL_SUB_TYPE_V2.SUCCESS:
-      return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx(CheckmarkCircle, {
-        "data-testid": "icon-success",
-        size: feedbackIconSize
-      }));
-
-    case MODAL_SUB_TYPE_V2.INFORMATION:
-      return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx(InfoCircle, {
-        "data-testid": "icon-information",
-        size: feedbackIconSize
-      }));
-
-    default:
-      return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx(HelpCircle, {
-        "data-testid": "icon-help",
-        size: feedbackIconSize
-      }));
-  }
-};
-
-const FeedbackIcon = _ref => {
-  let {
-    modalSubType
-  } = _ref;
-  return /*#__PURE__*/_jsx(ModalFeedback, {
-    classProps: {
-      type: modalSubType
-    }
-  }, void 0, getIconType(modalSubType));
-};
-
-export { FeedbackIcon, FeedbackIcon as default };

package/esm/v2/components/Footer.js

@@ -1,55 +0,0 @@
-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 _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import DSButton from '@elliemae/ds-button';
-import { ModalFooter, ModalFooterActions } from '../blocks.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-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 Footer = _ref => {
-  let {
-    additionalFooterCssClass,
-    actionsRef,
-    rejectLabel,
-    onReject,
-    overridePropsRejectButton,
-    confirmLabel,
-    onConfirm,
-    overridePropsConfirmButton,
-    showRejectButton
-  } = _ref;
-  return /*#__PURE__*/_jsx(ModalFooter, {
-    classProps: {
-      additionalFooterCssClass
-    },
-    "data-testid": "modal-footer-wrapper"
-  }, void 0, /*#__PURE__*/jsxs(ModalFooterActions, {
-    ref: actionsRef,
-    children: [showRejectButton === true && /*#__PURE__*/jsx(DSButton, _objectSpread({
-      buttonType: "secondary",
-      className: "action-reject",
-      containerProps: {
-        'data-testid': 'modal-footer-reject-btn'
-      },
-      labelText: rejectLabel,
-      onClick: onReject
-    }, overridePropsRejectButton)), /*#__PURE__*/jsx(DSButton, _objectSpread({
-      buttonType: "primary",
-      className: "action-confirm",
-      containerProps: {
-        'data-testid': 'modal-footer-confirm-btn'
-      },
-      labelText: confirmLabel,
-      onClick: onConfirm
-    }, overridePropsConfirmButton))]
-  }));
-};
-
-export { Footer, Footer as default };

package/esm/v2/components/FormHeader.js

@@ -1,37 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { Close } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
-import { ModalHeader, ModalHeaderTopRight } from '../blocks.js';
-import { Title } from './Title.js';
-
-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,103 +0,0 @@
-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';
-import { FormHeader } from './FormHeader.js';
-import { FeedbackIcon } from './FeedbackIcon.js';
-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 { jsxs } from 'react/jsx-runtime';
-
-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 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,39 +0,0 @@
-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 { jsx } from 'react/jsx-runtime';
-
-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 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

@@ -1,17 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { ModalTitle } from '../blocks.js';
-
-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,37 +0,0 @@
-import { MODAL_TYPE_V2, MODAL_SUB_TYPE_V2 } from '../constants.js';
-
-function showDecision(_ref) {
-  let {
-    modalType
-  } = _ref;
-  return [MODAL_TYPE_V2.INFORMATION, MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;
-}
-function showFeedBack(_ref2) {
-  let {
-    modalType,
-    modalSubType
-  } = _ref2;
-  return showDecision({
-    modalType
-  }) && Object.values(MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1;
-}
-function showFooter(_ref3) {
-  let {
-    modalType
-  } = _ref3;
-  return modalType !== MODAL_TYPE_V2.INFORMATION;
-}
-function showSelection(_ref4) {
-  let {
-    modalType
-  } = _ref4;
-  return modalType === MODAL_TYPE_V2.SELECTION;
-}
-function showForm(_ref5) {
-  let {
-    modalType
-  } = _ref5;
-  return modalType === MODAL_TYPE_V2.FORM;
-}
-
-export { showDecision, showFeedBack, showFooter, showForm, showSelection };

package/types/DSModal.d.ts

@@ -1,14 +0,0 @@
-/// <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

@@ -1,25 +0,0 @@
-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

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

package/types/v1/DSModal.d.ts

@@ -1,143 +0,0 @@
-/// <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?: string | undefined;
-        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

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

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

@@ -1,11 +0,0 @@
-/// <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;