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

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?: 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

@@ -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;

package/types/v2/DSModal.d.ts

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const ModalHeader: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const ModalHeaderTopRight: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const ModalFeedback: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const ModalTitle: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const ModalContent: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const ModalWrapper: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const ModalFooter: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const ModalFooterActions: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const DecisionHeader: ({ onClose, showClose }: {
+    onClose: any;
+    showClose: any;
+}) => JSX.Element;
+export default DecisionHeader;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const FeedbackIcon: ({ modalSubType }: {
+    modalSubType: any;
+}) => JSX.Element;
+export default FeedbackIcon;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const Footer: ({ additionalFooterCssClass, actionsRef, rejectLabel, onReject, overridePropsRejectButton, confirmLabel, onConfirm, overridePropsConfirmButton, showRejectButton, }: {
+    additionalFooterCssClass: any;
+    actionsRef: any;
+    rejectLabel: any;
+    onReject: any;
+    overridePropsRejectButton: any;
+    confirmLabel: any;
+    onConfirm: any;
+    overridePropsConfirmButton: any;
+    showRejectButton: any;
+}) => JSX.Element;
+export default Footer;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const FormHeader: ({ showClose, modalTitle, modalType, onClose }: {
+    showClose: any;
+    modalTitle: any;
+    modalType: any;
+    onClose: any;
+}) => JSX.Element;
+export default FormHeader;

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export declare const DSModalContent: ({ containerProps, modalType, modalSubType, modalTitle, showRejectButton, showClose, searchProps, actionsRef, additionalFooterCssClass, overridePropsConfirmButton, overridePropsRejectButton, children, onClose, onConfirm, onReject, rejectLabel, confirmLabel, removePadding, }: {
+    containerProps?: {} | undefined;
+    modalType?: string | undefined;
+    modalSubType?: null | undefined;
+    modalTitle?: string | undefined;
+    showRejectButton?: boolean | undefined;
+    showClose?: boolean | undefined;
+    searchProps?: {} | undefined;
+    actionsRef?: (() => null) | undefined;
+    additionalFooterCssClass: any;
+    overridePropsConfirmButton?: {} | undefined;
+    overridePropsRejectButton?: {} | undefined;
+    children: any;
+    onClose?: (() => null) | undefined;
+    onConfirm?: (() => null) | undefined;
+    onReject?: (() => null) | undefined;
+    rejectLabel?: string | undefined;
+    confirmLabel?: string | undefined;
+    removePadding?: boolean | undefined;
+}) => JSX.Element;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const SelectionHeader: ({ searchProps, modalTitle, modalType, showClose }: {
+    searchProps?: {} | undefined;
+    modalTitle: any;
+    modalType: any;
+    showClose: any;
+}) => JSX.Element;
+export default SelectionHeader;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const Title: ({ modalTitle, modalType }: {
+    modalTitle: any;
+    modalType: any;
+}) => JSX.Element;
+export default Title;

package/types/v2/components/tests/DecisionHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/v2/components/tests/FeedbackIcon.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/v2/components/tests/Footer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/v2/components/tests/FormHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

package/types/v2/helpers.d.ts

@@ -0,0 +1,16 @@
+export declare function showDecision({ modalType }: {
+    modalType: any;
+}): boolean;
+export declare function showFeedBack({ modalType, modalSubType }: {
+    modalType: any;
+    modalSubType: any;
+}): boolean;
+export declare function showFooter({ modalType }: {
+    modalType: any;
+}): boolean;
+export declare function showSelection({ modalType }: {
+    modalType: any;
+}): boolean;
+export declare function showForm({ modalType }: {
+    modalType: any;
+}): boolean;

package/types/v2/tests/DSModal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/DSModal/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-modal/DSModal",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/DSModal.js",
-  "module": "../esm/DSModal.js"
-}