@zealicsolutions/web-ui 0.3.138 → 0.3.139
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +20 -20
 - package/dist/cjs/index.js.map +1 -1
 - package/dist/cjs/src/containers/hooks/useStateModifierHandler.d.ts +1 -1
 - package/dist/cjs/src/containers/mock-data.d.ts +1 -176
 - package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts +1 -2
 - package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts +3 -17
 - package/dist/cjs/src/contexts/OrganismContext/OrganismContext.d.ts +0 -1
 - package/dist/cjs/src/contexts/OrganismContext/OrganismContextProvider.d.ts +3 -4
 - package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.d.ts +3 -5
 - package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.stories.d.ts +1 -1
 - package/dist/esm/index.js +19 -19
 - package/dist/esm/index.js.map +1 -1
 - package/dist/esm/src/containers/hooks/useStateModifierHandler.d.ts +1 -1
 - package/dist/esm/src/containers/mock-data.d.ts +1 -176
 - package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts +1 -2
 - package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts +3 -17
 - package/dist/esm/src/contexts/OrganismContext/OrganismContext.d.ts +0 -1
 - package/dist/esm/src/contexts/OrganismContext/OrganismContextProvider.d.ts +3 -4
 - package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.d.ts +3 -5
 - package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.stories.d.ts +1 -1
 - package/dist/index.d.ts +7 -25
 - package/package.json +2 -2
 
| 
         @@ -16,179 +16,4 @@ export declare const DataField: ContainerComponentProps; 
     | 
|
| 
       16 
16 
     | 
    
         
             
            export declare const LogInPermanentPage: ContainerComponentProps;
         
     | 
| 
       17 
17 
     | 
    
         
             
            export declare const stateObjectButton: ContainerComponentProps;
         
     | 
| 
       18 
18 
     | 
    
         
             
            export declare const stateObjectLink: ContainerComponentProps;
         
     | 
| 
       19 
     | 
    
         
            -
            export declare const  
     | 
| 
       20 
     | 
    
         
            -
                id: string;
         
     | 
| 
       21 
     | 
    
         
            -
                config: {
         
     | 
| 
       22 
     | 
    
         
            -
                    size: string;
         
     | 
| 
       23 
     | 
    
         
            -
                    styles: {};
         
     | 
| 
       24 
     | 
    
         
            -
                };
         
     | 
| 
       25 
     | 
    
         
            -
                content: {
         
     | 
| 
       26 
     | 
    
         
            -
                    embedded: {
         
     | 
| 
       27 
     | 
    
         
            -
                        id: string;
         
     | 
| 
       28 
     | 
    
         
            -
                        createdAt: string;
         
     | 
| 
       29 
     | 
    
         
            -
                        updatedAt: string;
         
     | 
| 
       30 
     | 
    
         
            -
                        name: string;
         
     | 
| 
       31 
     | 
    
         
            -
                        type: string;
         
     | 
| 
       32 
     | 
    
         
            -
                        body: {
         
     | 
| 
       33 
     | 
    
         
            -
                            instance: string;
         
     | 
| 
       34 
     | 
    
         
            -
                            type: string;
         
     | 
| 
       35 
     | 
    
         
            -
                            items: {
         
     | 
| 
       36 
     | 
    
         
            -
                                instance: string;
         
     | 
| 
       37 
     | 
    
         
            -
                                config: {
         
     | 
| 
       38 
     | 
    
         
            -
                                    compact: {
         
     | 
| 
       39 
     | 
    
         
            -
                                        containerProps: {};
         
     | 
| 
       40 
     | 
    
         
            -
                                        containerStyle: {
         
     | 
| 
       41 
     | 
    
         
            -
                                            display: string;
         
     | 
| 
       42 
     | 
    
         
            -
                                            gap: string;
         
     | 
| 
       43 
     | 
    
         
            -
                                            width: string;
         
     | 
| 
       44 
     | 
    
         
            -
                                            flexDirection: string;
         
     | 
| 
       45 
     | 
    
         
            -
                                        };
         
     | 
| 
       46 
     | 
    
         
            -
                                    };
         
     | 
| 
       47 
     | 
    
         
            -
                                    wide: {
         
     | 
| 
       48 
     | 
    
         
            -
                                        containerProps: {};
         
     | 
| 
       49 
     | 
    
         
            -
                                        containerStyle: {
         
     | 
| 
       50 
     | 
    
         
            -
                                            display: string;
         
     | 
| 
       51 
     | 
    
         
            -
                                            gap: string;
         
     | 
| 
       52 
     | 
    
         
            -
                                            width: string;
         
     | 
| 
       53 
     | 
    
         
            -
                                            flexDirection: string;
         
     | 
| 
       54 
     | 
    
         
            -
                                        };
         
     | 
| 
       55 
     | 
    
         
            -
                                    };
         
     | 
| 
       56 
     | 
    
         
            -
                                    props: {
         
     | 
| 
       57 
     | 
    
         
            -
                                        formStepProps: {
         
     | 
| 
       58 
     | 
    
         
            -
                                            formStepName: string;
         
     | 
| 
       59 
     | 
    
         
            -
                                            order: number;
         
     | 
| 
       60 
     | 
    
         
            -
                                            conditionConfig: null;
         
     | 
| 
       61 
     | 
    
         
            -
                                        };
         
     | 
| 
       62 
     | 
    
         
            -
                                    };
         
     | 
| 
       63 
     | 
    
         
            -
                                };
         
     | 
| 
       64 
     | 
    
         
            -
                                type: string;
         
     | 
| 
       65 
     | 
    
         
            -
                                items: {
         
     | 
| 
       66 
     | 
    
         
            -
                                    type: string;
         
     | 
| 
       67 
     | 
    
         
            -
                                    config: {
         
     | 
| 
       68 
     | 
    
         
            -
                                        wide: {
         
     | 
| 
       69 
     | 
    
         
            -
                                            containerProps: {};
         
     | 
| 
       70 
     | 
    
         
            -
                                            containerStyle: {
         
     | 
| 
       71 
     | 
    
         
            -
                                                display: string;
         
     | 
| 
       72 
     | 
    
         
            -
                                                gap: string;
         
     | 
| 
       73 
     | 
    
         
            -
                                                width: string;
         
     | 
| 
       74 
     | 
    
         
            -
                                                flexDirection: string;
         
     | 
| 
       75 
     | 
    
         
            -
                                            };
         
     | 
| 
       76 
     | 
    
         
            -
                                        };
         
     | 
| 
       77 
     | 
    
         
            -
                                        compact: {
         
     | 
| 
       78 
     | 
    
         
            -
                                            containerProps: {};
         
     | 
| 
       79 
     | 
    
         
            -
                                            containerStyle: {
         
     | 
| 
       80 
     | 
    
         
            -
                                                display: string;
         
     | 
| 
       81 
     | 
    
         
            -
                                                gap: string;
         
     | 
| 
       82 
     | 
    
         
            -
                                                width: string;
         
     | 
| 
       83 
     | 
    
         
            -
                                                flexDirection: string;
         
     | 
| 
       84 
     | 
    
         
            -
                                            };
         
     | 
| 
       85 
     | 
    
         
            -
                                        };
         
     | 
| 
       86 
     | 
    
         
            -
                                    };
         
     | 
| 
       87 
     | 
    
         
            -
                                    items: {
         
     | 
| 
       88 
     | 
    
         
            -
                                        id: string;
         
     | 
| 
       89 
     | 
    
         
            -
                                        moleculeLibraryId: string;
         
     | 
| 
       90 
     | 
    
         
            -
                                        instance: string;
         
     | 
| 
       91 
     | 
    
         
            -
                                        type: string;
         
     | 
| 
       92 
     | 
    
         
            -
                                        metadata: {};
         
     | 
| 
       93 
     | 
    
         
            -
                                        config: {};
         
     | 
| 
       94 
     | 
    
         
            -
                                        attributes: {
         
     | 
| 
       95 
     | 
    
         
            -
                                            label: {
         
     | 
| 
       96 
     | 
    
         
            -
                                                required: boolean;
         
     | 
| 
       97 
     | 
    
         
            -
                                                isRichText: boolean;
         
     | 
| 
       98 
     | 
    
         
            -
                                                attributeType: string;
         
     | 
| 
       99 
     | 
    
         
            -
                                                showRichTextToolbar: boolean;
         
     | 
| 
       100 
     | 
    
         
            -
                                                text: string;
         
     | 
| 
       101 
     | 
    
         
            -
                                                id: string;
         
     | 
| 
       102 
     | 
    
         
            -
                                            };
         
     | 
| 
       103 
     | 
    
         
            -
                                            required: {
         
     | 
| 
       104 
     | 
    
         
            -
                                                attributeType: string;
         
     | 
| 
       105 
     | 
    
         
            -
                                                value: boolean;
         
     | 
| 
       106 
     | 
    
         
            -
                                                id: string;
         
     | 
| 
       107 
     | 
    
         
            -
                                            };
         
     | 
| 
       108 
     | 
    
         
            -
                                            dataModelField: {
         
     | 
| 
       109 
     | 
    
         
            -
                                                id: string;
         
     | 
| 
       110 
     | 
    
         
            -
                                                attributeType: string;
         
     | 
| 
       111 
     | 
    
         
            -
                                                required: boolean;
         
     | 
| 
       112 
     | 
    
         
            -
                                                dataModelField: {
         
     | 
| 
       113 
     | 
    
         
            -
                                                    dataFieldName: string;
         
     | 
| 
       114 
     | 
    
         
            -
                                                    dataModelFieldId: string;
         
     | 
| 
       115 
     | 
    
         
            -
                                                    defaultValue: null;
         
     | 
| 
       116 
     | 
    
         
            -
                                                    entitySubtypeId: string;
         
     | 
| 
       117 
     | 
    
         
            -
                                                    entitySubtypeName: string;
         
     | 
| 
       118 
     | 
    
         
            -
                                                };
         
     | 
| 
       119 
     | 
    
         
            -
                                            };
         
     | 
| 
       120 
     | 
    
         
            -
                                            conditionConfig: {
         
     | 
| 
       121 
     | 
    
         
            -
                                                id: string;
         
     | 
| 
       122 
     | 
    
         
            -
                                                attributeType: string;
         
     | 
| 
       123 
     | 
    
         
            -
                                                conditionConfig: {
         
     | 
| 
       124 
     | 
    
         
            -
                                                    criteriaList: never[];
         
     | 
| 
       125 
     | 
    
         
            -
                                                    segmentationType: string;
         
     | 
| 
       126 
     | 
    
         
            -
                                                };
         
     | 
| 
       127 
     | 
    
         
            -
                                            };
         
     | 
| 
       128 
     | 
    
         
            -
                                            inputType: {};
         
     | 
| 
       129 
     | 
    
         
            -
                                        };
         
     | 
| 
       130 
     | 
    
         
            -
                                    }[];
         
     | 
| 
       131 
     | 
    
         
            -
                                    metadata: {};
         
     | 
| 
       132 
     | 
    
         
            -
                                    instance: string;
         
     | 
| 
       133 
     | 
    
         
            -
                                    containerLibraryId: string;
         
     | 
| 
       134 
     | 
    
         
            -
                                    id: string;
         
     | 
| 
       135 
     | 
    
         
            -
                                }[];
         
     | 
| 
       136 
     | 
    
         
            -
                                metadata: {
         
     | 
| 
       137 
     | 
    
         
            -
                                    validation: string;
         
     | 
| 
       138 
     | 
    
         
            -
                                };
         
     | 
| 
       139 
     | 
    
         
            -
                                organismLibraryContainerId: string;
         
     | 
| 
       140 
     | 
    
         
            -
                                containerLibraryId: string;
         
     | 
| 
       141 
     | 
    
         
            -
                                id: string;
         
     | 
| 
       142 
     | 
    
         
            -
                            }[];
         
     | 
| 
       143 
     | 
    
         
            -
                            config: {
         
     | 
| 
       144 
     | 
    
         
            -
                                compact: {
         
     | 
| 
       145 
     | 
    
         
            -
                                    containerProps: {};
         
     | 
| 
       146 
     | 
    
         
            -
                                    containerStyle: {
         
     | 
| 
       147 
     | 
    
         
            -
                                        padding: string;
         
     | 
| 
       148 
     | 
    
         
            -
                                    };
         
     | 
| 
       149 
     | 
    
         
            -
                                };
         
     | 
| 
       150 
     | 
    
         
            -
                                wide: {
         
     | 
| 
       151 
     | 
    
         
            -
                                    containerProps: {};
         
     | 
| 
       152 
     | 
    
         
            -
                                    containerStyle: {
         
     | 
| 
       153 
     | 
    
         
            -
                                        padding: string;
         
     | 
| 
       154 
     | 
    
         
            -
                                    };
         
     | 
| 
       155 
     | 
    
         
            -
                                };
         
     | 
| 
       156 
     | 
    
         
            -
                                props: {
         
     | 
| 
       157 
     | 
    
         
            -
                                    formProps: {
         
     | 
| 
       158 
     | 
    
         
            -
                                        mode: string;
         
     | 
| 
       159 
     | 
    
         
            -
                                    };
         
     | 
| 
       160 
     | 
    
         
            -
                                    styles: {
         
     | 
| 
       161 
     | 
    
         
            -
                                        display: string;
         
     | 
| 
       162 
     | 
    
         
            -
                                        flexDirection: string;
         
     | 
| 
       163 
     | 
    
         
            -
                                        gap: string;
         
     | 
| 
       164 
     | 
    
         
            -
                                        padding: string;
         
     | 
| 
       165 
     | 
    
         
            -
                                    };
         
     | 
| 
       166 
     | 
    
         
            -
                                };
         
     | 
| 
       167 
     | 
    
         
            -
                            };
         
     | 
| 
       168 
     | 
    
         
            -
                            metadata: {
         
     | 
| 
       169 
     | 
    
         
            -
                                validation: string;
         
     | 
| 
       170 
     | 
    
         
            -
                                display: {
         
     | 
| 
       171 
     | 
    
         
            -
                                    type: string;
         
     | 
| 
       172 
     | 
    
         
            -
                                    itemsPerStep: number;
         
     | 
| 
       173 
     | 
    
         
            -
                                };
         
     | 
| 
       174 
     | 
    
         
            -
                            };
         
     | 
| 
       175 
     | 
    
         
            -
                            organismLibraryContainerId: string;
         
     | 
| 
       176 
     | 
    
         
            -
                            containerLibraryId: string;
         
     | 
| 
       177 
     | 
    
         
            -
                            id: string;
         
     | 
| 
       178 
     | 
    
         
            -
                        };
         
     | 
| 
       179 
     | 
    
         
            -
                        metadata: {
         
     | 
| 
       180 
     | 
    
         
            -
                            formType: string;
         
     | 
| 
       181 
     | 
    
         
            -
                            editable: boolean;
         
     | 
| 
       182 
     | 
    
         
            -
                            isEditMode: boolean;
         
     | 
| 
       183 
     | 
    
         
            -
                            group: string[];
         
     | 
| 
       184 
     | 
    
         
            -
                            isTrigger: boolean;
         
     | 
| 
       185 
     | 
    
         
            -
                            referenceName: string;
         
     | 
| 
       186 
     | 
    
         
            -
                        };
         
     | 
| 
       187 
     | 
    
         
            -
                        status: string;
         
     | 
| 
       188 
     | 
    
         
            -
                        brandId: string;
         
     | 
| 
       189 
     | 
    
         
            -
                        organismLibraryId: string;
         
     | 
| 
       190 
     | 
    
         
            -
                        subtype: string;
         
     | 
| 
       191 
     | 
    
         
            -
                    }[];
         
     | 
| 
       192 
     | 
    
         
            -
                    isi: null;
         
     | 
| 
       193 
     | 
    
         
            -
                };
         
     | 
| 
       194 
     | 
    
         
            -
            };
         
     | 
| 
      
 19 
     | 
    
         
            +
            export declare const oneFieldMock: ContainerComponentProps;
         
     | 
| 
         @@ -4,9 +4,8 @@ export declare type ButtonActionsContextType = { 
     | 
|
| 
       4 
4 
     | 
    
         
             
                actionContent?: ContainerComponentProps;
         
     | 
| 
       5 
5 
     | 
    
         
             
                setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
         
     | 
| 
       6 
6 
     | 
    
         
             
                isModalVisible: boolean;
         
     | 
| 
      
 7 
     | 
    
         
            +
                setModalVisible: Dispatch<SetStateAction<boolean>>;
         
     | 
| 
       7 
8 
     | 
    
         
             
                isDrawerVisible: boolean;
         
     | 
| 
       8 
9 
     | 
    
         
             
                setDrawerVisible: Dispatch<SetStateAction<boolean>>;
         
     | 
| 
       9 
     | 
    
         
            -
                setActivePopUpById: (id: string) => void;
         
     | 
| 
       10 
     | 
    
         
            -
                onCloseModal: (id: string) => void;
         
     | 
| 
       11 
10 
     | 
    
         
             
            };
         
     | 
| 
       12 
11 
     | 
    
         
             
            export declare const ButtonActionsContext: import("react").Context<ButtonActionsContextType>;
         
     | 
| 
         @@ -1,25 +1,11 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
         
     | 
| 
       2 
     | 
    
         
            -
            import {  
     | 
| 
       3 
     | 
    
         
            -
            import { ContainerComponentProps, Molecule } from 'containers';
         
     | 
| 
       4 
     | 
    
         
            -
            export declare type PopupPropsType = {
         
     | 
| 
       5 
     | 
    
         
            -
                id: string;
         
     | 
| 
       6 
     | 
    
         
            -
                config: {
         
     | 
| 
       7 
     | 
    
         
            -
                    styles?: AnyObject;
         
     | 
| 
       8 
     | 
    
         
            -
                    size?: 'large' | 'medium';
         
     | 
| 
       9 
     | 
    
         
            -
                };
         
     | 
| 
       10 
     | 
    
         
            -
                content: {
         
     | 
| 
       11 
     | 
    
         
            -
                    embedded?: (ContainerComponentProps | Molecule)[];
         
     | 
| 
       12 
     | 
    
         
            -
                    isi?: ContainerComponentProps | Molecule;
         
     | 
| 
       13 
     | 
    
         
            -
                };
         
     | 
| 
       14 
     | 
    
         
            -
            };
         
     | 
| 
      
 2 
     | 
    
         
            +
            import { ContainerComponentProps } from 'containers';
         
     | 
| 
       15 
3 
     | 
    
         
             
            export declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
         
     | 
| 
       16 
4 
     | 
    
         
             
                actionContent: ContainerComponentProps;
         
     | 
| 
       17 
5 
     | 
    
         
             
                setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
         
     | 
| 
       18 
6 
     | 
    
         
             
                isModalVisible: boolean;
         
     | 
| 
      
 7 
     | 
    
         
            +
                setModalVisible: Dispatch<SetStateAction<boolean>>;
         
     | 
| 
       19 
8 
     | 
    
         
             
                setDrawerVisible: Dispatch<SetStateAction<boolean>>;
         
     | 
| 
       20 
9 
     | 
    
         
             
                isDrawerVisible: boolean;
         
     | 
| 
       21 
     | 
    
         
            -
                setActivePopUpById: (id: string) => void;
         
     | 
| 
       22 
     | 
    
         
            -
                onCloseModal: (id: string) => void;
         
     | 
| 
       23 
     | 
    
         
            -
                popupProps?: PopupPropsType[];
         
     | 
| 
       24 
10 
     | 
    
         
             
            }>>;
         
     | 
| 
       25 
     | 
    
         
            -
            export declare const ButtonActionsProvider: ({ children 
     | 
| 
      
 11 
     | 
    
         
            +
            export declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;
         
     | 
| 
         @@ -23,6 +23,5 @@ export declare type OrganismContextType = { 
     | 
|
| 
       23 
23 
     | 
    
         
             
                validations?: PasswordRuleValidation[];
         
     | 
| 
       24 
24 
     | 
    
         
             
                editable?: boolean;
         
     | 
| 
       25 
25 
     | 
    
         
             
                isFormInEditMode?: boolean;
         
     | 
| 
       26 
     | 
    
         
            -
                organismMetadata?: AnyObject;
         
     | 
| 
       27 
26 
     | 
    
         
             
            };
         
     | 
| 
       28 
27 
     | 
    
         
             
            export declare const OrganismContext: import("react").Context<OrganismContextType>;
         
     | 
| 
         @@ -1,7 +1,7 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            import { PropsWithChildren } from 'react';
         
     | 
| 
       2 
1 
     | 
    
         
             
            import { ContainerComponentProps, Molecule } from 'containers';
         
     | 
| 
       3 
     | 
    
         
            -
            import type { AnyObject } from 'typescript';
         
     | 
| 
       4 
2 
     | 
    
         
             
            import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
         
     | 
| 
      
 3 
     | 
    
         
            +
            import { PropsWithChildren } from 'react';
         
     | 
| 
      
 4 
     | 
    
         
            +
            import { AnyObject } from 'typescript';
         
     | 
| 
       5 
5 
     | 
    
         
             
            export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
         
     | 
| 
       6 
6 
     | 
    
         
             
                initItems: (ContainerComponentProps | Molecule)[];
         
     | 
| 
       7 
7 
     | 
    
         
             
                formId: string;
         
     | 
| 
         @@ -12,6 +12,5 @@ export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{ 
     | 
|
| 
       12 
12 
     | 
    
         
             
                validations: PasswordRuleValidation[];
         
     | 
| 
       13 
13 
     | 
    
         
             
                editable: boolean;
         
     | 
| 
       14 
14 
     | 
    
         
             
                isFormInEditMode?: boolean;
         
     | 
| 
       15 
     | 
    
         
            -
                organismMetadata?: AnyObject;
         
     | 
| 
       16 
15 
     | 
    
         
             
            }>>;
         
     | 
| 
       17 
     | 
    
         
            -
            export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isFormInEditMode,  
     | 
| 
      
 16 
     | 
    
         
            +
            export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isFormInEditMode, }: FormStepContextProviderProps) => JSX.Element;
         
     | 
| 
         @@ -1,17 +1,15 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            import { ModalProps as MUIModalProps } from '@mui/material';
         
     | 
| 
       2 
2 
     | 
    
         
             
            import React, { KeyboardEvent, PropsWithChildren } from 'react';
         
     | 
| 
       3 
3 
     | 
    
         
             
            import { CSSProperties } from 'styled-components';
         
     | 
| 
       4 
     | 
    
         
            -
            import type { OverrideStyles } from 'typescript';
         
     | 
| 
      
 4 
     | 
    
         
            +
            import type { Callback, OverrideStyles } from 'typescript';
         
     | 
| 
       5 
5 
     | 
    
         
             
            export declare type ZealUIModalProps = PropsWithChildren<Pick<MUIModalProps, 'open'>> & {
         
     | 
| 
       6 
6 
     | 
    
         
             
                padding?: number | string;
         
     | 
| 
       7 
7 
     | 
    
         
             
                wrapperStyles?: CSSProperties;
         
     | 
| 
       8 
8 
     | 
    
         
             
                onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
         
     | 
| 
       9 
9 
     | 
    
         
             
                modalStyles?: CSSProperties;
         
     | 
| 
       10 
     | 
    
         
            -
                 
     | 
| 
       11 
     | 
    
         
            -
                popupId: string;
         
     | 
| 
       12 
     | 
    
         
            -
                onClose: (popupId: string) => void;
         
     | 
| 
      
 10 
     | 
    
         
            +
                onClose?: Callback;
         
     | 
| 
       13 
11 
     | 
    
         
             
            };
         
     | 
| 
       14 
     | 
    
         
            -
            export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles,  
     | 
| 
      
 12 
     | 
    
         
            +
            export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
         
     | 
| 
       15 
13 
     | 
    
         
             
            export declare const ModalWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, OverrideStyles, never>;
         
     | 
| 
       16 
14 
     | 
    
         
             
            export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
         
     | 
| 
       17 
15 
     | 
    
         
             
                activeOpacity?: number | undefined;
         
     | 
| 
         @@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react'; 
     | 
|
| 
       3 
3 
     | 
    
         
             
            import { ZealUIModal as ZealUIModalComponent } from './ZealUIModal';
         
     | 
| 
       4 
4 
     | 
    
         
             
            declare const _default: {
         
     | 
| 
       5 
5 
     | 
    
         
             
                title: string;
         
     | 
| 
       6 
     | 
    
         
            -
                component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles,  
     | 
| 
      
 6 
     | 
    
         
            +
                component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: import("./ZealUIModal").ZealUIModalProps) => JSX.Element;
         
     | 
| 
       7 
7 
     | 
    
         
             
            };
         
     | 
| 
       8 
8 
     | 
    
         
             
            export default _default;
         
     | 
| 
       9 
9 
     | 
    
         
             
            export declare const ZealUIModal: StoryFn<typeof ZealUIModalComponent>;
         
     |