@zealicsolutions/web-ui 0.4.31 → 0.4.32
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 +4 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/containers/hooks/useSetFormData.d.ts +1 -1
- package/dist/cjs/src/containers/hooks/useStateModifierHandler.d.ts +1 -1
- package/dist/cjs/src/containers/mock-data.d.ts +278 -0
- package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts +2 -1
- package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts +17 -3
- package/dist/cjs/src/contexts/OrganismContext/OrganismContext.d.ts +1 -0
- package/dist/cjs/src/contexts/OrganismContext/OrganismContextProvider.d.ts +4 -3
- package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.d.ts +5 -3
- package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.stories.d.ts +1 -1
- package/dist/esm/index.js +12 -12
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/containers/hooks/useSetFormData.d.ts +1 -1
- package/dist/esm/src/containers/hooks/useStateModifierHandler.d.ts +1 -1
- package/dist/esm/src/containers/mock-data.d.ts +278 -0
- package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts +2 -1
- package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts +17 -3
- package/dist/esm/src/contexts/OrganismContext/OrganismContext.d.ts +1 -0
- package/dist/esm/src/contexts/OrganismContext/OrganismContextProvider.d.ts +4 -3
- package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.d.ts +5 -3
- package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.stories.d.ts +1 -1
- package/dist/index.d.ts +25 -7
- package/package.json +1 -1
| @@ -1,6 +1,6 @@ | |
| 1 1 | 
             
            import { DataConnectionValues } from 'containers/types/moleculeTypes';
         | 
| 2 2 | 
             
            import { Dispatch, SetStateAction } from 'react';
         | 
| 3 | 
            -
            import { AnyObject } from 'typescript';
         | 
| 3 | 
            +
            import type { AnyObject } from 'typescript';
         | 
| 4 4 | 
             
            declare type UseSetFormDataProps<DefaultValueType> = Partial<{
         | 
| 5 5 | 
             
                defaultValue: DefaultValueType;
         | 
| 6 6 | 
             
                dataModelField: DataConnectionValues;
         | 
| @@ -16,3 +16,281 @@ 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 popUP: {
         | 
| 20 | 
            +
                id: string;
         | 
| 21 | 
            +
                config: {
         | 
| 22 | 
            +
                    size: string;
         | 
| 23 | 
            +
                    styles: {};
         | 
| 24 | 
            +
                };
         | 
| 25 | 
            +
                content: {
         | 
| 26 | 
            +
                    embedded: {
         | 
| 27 | 
            +
                        instance: string;
         | 
| 28 | 
            +
                        type: string;
         | 
| 29 | 
            +
                        items: {
         | 
| 30 | 
            +
                            instance: string;
         | 
| 31 | 
            +
                            config: {
         | 
| 32 | 
            +
                                compact: {
         | 
| 33 | 
            +
                                    containerProps: {};
         | 
| 34 | 
            +
                                    containerStyle: {
         | 
| 35 | 
            +
                                        display: string;
         | 
| 36 | 
            +
                                        gap: string;
         | 
| 37 | 
            +
                                        width: string;
         | 
| 38 | 
            +
                                        flexDirection: string;
         | 
| 39 | 
            +
                                    };
         | 
| 40 | 
            +
                                };
         | 
| 41 | 
            +
                                wide: {
         | 
| 42 | 
            +
                                    containerProps: {};
         | 
| 43 | 
            +
                                    containerStyle: {
         | 
| 44 | 
            +
                                        display: string;
         | 
| 45 | 
            +
                                        gap: string;
         | 
| 46 | 
            +
                                        width: string;
         | 
| 47 | 
            +
                                        flexDirection: string;
         | 
| 48 | 
            +
                                    };
         | 
| 49 | 
            +
                                };
         | 
| 50 | 
            +
                                props: {
         | 
| 51 | 
            +
                                    formStepProps: {
         | 
| 52 | 
            +
                                        formStepName: string;
         | 
| 53 | 
            +
                                        order: number;
         | 
| 54 | 
            +
                                        conditionConfig: null;
         | 
| 55 | 
            +
                                    };
         | 
| 56 | 
            +
                                };
         | 
| 57 | 
            +
                            };
         | 
| 58 | 
            +
                            type: string;
         | 
| 59 | 
            +
                            items: {
         | 
| 60 | 
            +
                                type: string;
         | 
| 61 | 
            +
                                config: {
         | 
| 62 | 
            +
                                    wide: {
         | 
| 63 | 
            +
                                        containerProps: {};
         | 
| 64 | 
            +
                                        containerStyle: {
         | 
| 65 | 
            +
                                            display: string;
         | 
| 66 | 
            +
                                            gap: string;
         | 
| 67 | 
            +
                                            width: string;
         | 
| 68 | 
            +
                                            flexDirection: string;
         | 
| 69 | 
            +
                                        };
         | 
| 70 | 
            +
                                    };
         | 
| 71 | 
            +
                                    compact: {
         | 
| 72 | 
            +
                                        containerProps: {};
         | 
| 73 | 
            +
                                        containerStyle: {
         | 
| 74 | 
            +
                                            display: string;
         | 
| 75 | 
            +
                                            gap: string;
         | 
| 76 | 
            +
                                            width: string;
         | 
| 77 | 
            +
                                            flexDirection: string;
         | 
| 78 | 
            +
                                        };
         | 
| 79 | 
            +
                                    };
         | 
| 80 | 
            +
                                };
         | 
| 81 | 
            +
                                items: {
         | 
| 82 | 
            +
                                    id: string;
         | 
| 83 | 
            +
                                    moleculeLibraryId: string;
         | 
| 84 | 
            +
                                    instance: string;
         | 
| 85 | 
            +
                                    type: string;
         | 
| 86 | 
            +
                                    metadata: {};
         | 
| 87 | 
            +
                                    config: {};
         | 
| 88 | 
            +
                                    attributes: {
         | 
| 89 | 
            +
                                        label: {
         | 
| 90 | 
            +
                                            required: boolean;
         | 
| 91 | 
            +
                                            isRichText: boolean;
         | 
| 92 | 
            +
                                            attributeType: string;
         | 
| 93 | 
            +
                                            showRichTextToolbar: boolean;
         | 
| 94 | 
            +
                                            text: string;
         | 
| 95 | 
            +
                                            id: string;
         | 
| 96 | 
            +
                                        };
         | 
| 97 | 
            +
                                        required: {
         | 
| 98 | 
            +
                                            attributeType: string;
         | 
| 99 | 
            +
                                            value: boolean;
         | 
| 100 | 
            +
                                            id: string;
         | 
| 101 | 
            +
                                        };
         | 
| 102 | 
            +
                                        dataModelField: {
         | 
| 103 | 
            +
                                            attributeType: string;
         | 
| 104 | 
            +
                                            required: boolean;
         | 
| 105 | 
            +
                                            dataModelField: {
         | 
| 106 | 
            +
                                                dataModelFieldId: string;
         | 
| 107 | 
            +
                                                entitySubtypeId: string;
         | 
| 108 | 
            +
                                                dataFieldName: string;
         | 
| 109 | 
            +
                                                entitySubtypeName: string;
         | 
| 110 | 
            +
                                                defaultValue: null;
         | 
| 111 | 
            +
                                                format: {
         | 
| 112 | 
            +
                                                    id: string;
         | 
| 113 | 
            +
                                                    label: string;
         | 
| 114 | 
            +
                                                    value: string;
         | 
| 115 | 
            +
                                                    code: string;
         | 
| 116 | 
            +
                                                    config: {
         | 
| 117 | 
            +
                                                        dataModelFieldType: string;
         | 
| 118 | 
            +
                                                    };
         | 
| 119 | 
            +
                                                };
         | 
| 120 | 
            +
                                            };
         | 
| 121 | 
            +
                                            id: string;
         | 
| 122 | 
            +
                                        };
         | 
| 123 | 
            +
                                        conditionConfig: {
         | 
| 124 | 
            +
                                            attributeType: string;
         | 
| 125 | 
            +
                                            conditionConfig: {
         | 
| 126 | 
            +
                                                criteriaList: never[];
         | 
| 127 | 
            +
                                                segmentationType: string;
         | 
| 128 | 
            +
                                            };
         | 
| 129 | 
            +
                                            id: string;
         | 
| 130 | 
            +
                                        };
         | 
| 131 | 
            +
                                    };
         | 
| 132 | 
            +
                                }[];
         | 
| 133 | 
            +
                                metadata: {};
         | 
| 134 | 
            +
                                instance: string;
         | 
| 135 | 
            +
                                fields: {
         | 
| 136 | 
            +
                                    id: string;
         | 
| 137 | 
            +
                                    type: string;
         | 
| 138 | 
            +
                                    values: {
         | 
| 139 | 
            +
                                        id: string;
         | 
| 140 | 
            +
                                        createdAt: string;
         | 
| 141 | 
            +
                                        updatedAt: string;
         | 
| 142 | 
            +
                                        name: string;
         | 
| 143 | 
            +
                                        type: string;
         | 
| 144 | 
            +
                                        previewImageUrl: string;
         | 
| 145 | 
            +
                                        attributes: {
         | 
| 146 | 
            +
                                            label: {
         | 
| 147 | 
            +
                                                required: boolean;
         | 
| 148 | 
            +
                                                isRichText: boolean;
         | 
| 149 | 
            +
                                                attributeType: string;
         | 
| 150 | 
            +
                                                showRichTextToolbar: boolean;
         | 
| 151 | 
            +
                                            };
         | 
| 152 | 
            +
                                            required: {
         | 
| 153 | 
            +
                                                attributeType: string;
         | 
| 154 | 
            +
                                            };
         | 
| 155 | 
            +
                                            dataModelField: {
         | 
| 156 | 
            +
                                                id: string;
         | 
| 157 | 
            +
                                                attributeType: string;
         | 
| 158 | 
            +
                                                required: boolean;
         | 
| 159 | 
            +
                                                dataModelField: {
         | 
| 160 | 
            +
                                                    dataModelFieldId: string;
         | 
| 161 | 
            +
                                                    entitySubtypeId: string;
         | 
| 162 | 
            +
                                                    dataFieldName: string;
         | 
| 163 | 
            +
                                                    entitySubtypeName: string;
         | 
| 164 | 
            +
                                                    defaultValue: null;
         | 
| 165 | 
            +
                                                    format: {
         | 
| 166 | 
            +
                                                        id: string;
         | 
| 167 | 
            +
                                                        label: string;
         | 
| 168 | 
            +
                                                        value: string;
         | 
| 169 | 
            +
                                                        code: string;
         | 
| 170 | 
            +
                                                        config: {
         | 
| 171 | 
            +
                                                            dataModelFieldType: string;
         | 
| 172 | 
            +
                                                        };
         | 
| 173 | 
            +
                                                    };
         | 
| 174 | 
            +
                                                };
         | 
| 175 | 
            +
                                            };
         | 
| 176 | 
            +
                                            conditionConfig: {
         | 
| 177 | 
            +
                                                id: string;
         | 
| 178 | 
            +
                                                attributeType: string;
         | 
| 179 | 
            +
                                                conditionConfig: {
         | 
| 180 | 
            +
                                                    id: string;
         | 
| 181 | 
            +
                                                    criteriaList: never[];
         | 
| 182 | 
            +
                                                    segmentationType: string;
         | 
| 183 | 
            +
                                                };
         | 
| 184 | 
            +
                                            };
         | 
| 185 | 
            +
                                        };
         | 
| 186 | 
            +
                                        config: {};
         | 
| 187 | 
            +
                                        metadata: {
         | 
| 188 | 
            +
                                            group: string[];
         | 
| 189 | 
            +
                                        };
         | 
| 190 | 
            +
                                        deleted: boolean;
         | 
| 191 | 
            +
                                        moleculeId: string;
         | 
| 192 | 
            +
                                        moleculeLibraryId: string;
         | 
| 193 | 
            +
                                        label: {
         | 
| 194 | 
            +
                                            type: string;
         | 
| 195 | 
            +
                                            children: {
         | 
| 196 | 
            +
                                                text: string;
         | 
| 197 | 
            +
                                            }[];
         | 
| 198 | 
            +
                                        }[];
         | 
| 199 | 
            +
                                        showRichTextToolbar: boolean;
         | 
| 200 | 
            +
                                        conditionConfig: {
         | 
| 201 | 
            +
                                            id: string;
         | 
| 202 | 
            +
                                            criteriaList: never[];
         | 
| 203 | 
            +
                                            segmentationType: string;
         | 
| 204 | 
            +
                                        };
         | 
| 205 | 
            +
                                        dataModelField: {
         | 
| 206 | 
            +
                                            name: string;
         | 
| 207 | 
            +
                                            dataModelFieldId: string;
         | 
| 208 | 
            +
                                            entitySubtypeId: string;
         | 
| 209 | 
            +
                                            dataFieldName: string;
         | 
| 210 | 
            +
                                            entitySubtypeName: string;
         | 
| 211 | 
            +
                                            defaultValue: null;
         | 
| 212 | 
            +
                                            format: {
         | 
| 213 | 
            +
                                                id: string;
         | 
| 214 | 
            +
                                                label: string;
         | 
| 215 | 
            +
                                                value: string;
         | 
| 216 | 
            +
                                                code: string;
         | 
| 217 | 
            +
                                                config: {
         | 
| 218 | 
            +
                                                    dataModelFieldType: string;
         | 
| 219 | 
            +
                                                };
         | 
| 220 | 
            +
                                            };
         | 
| 221 | 
            +
                                        };
         | 
| 222 | 
            +
                                        labelRequired: boolean;
         | 
| 223 | 
            +
                                        dataModelFieldRequired: boolean;
         | 
| 224 | 
            +
                                    };
         | 
| 225 | 
            +
                                    instance: string;
         | 
| 226 | 
            +
                                    previewImageUrl: string;
         | 
| 227 | 
            +
                                    moleculeLibraryId: string;
         | 
| 228 | 
            +
                                    attributes: {
         | 
| 229 | 
            +
                                        label: {
         | 
| 230 | 
            +
                                            required: boolean;
         | 
| 231 | 
            +
                                            isRichText: boolean;
         | 
| 232 | 
            +
                                            attributeType: string;
         | 
| 233 | 
            +
                                            showRichTextToolbar: boolean;
         | 
| 234 | 
            +
                                        };
         | 
| 235 | 
            +
                                        required: {
         | 
| 236 | 
            +
                                            attributeType: string;
         | 
| 237 | 
            +
                                        };
         | 
| 238 | 
            +
                                        dataModelField: {
         | 
| 239 | 
            +
                                            required: boolean;
         | 
| 240 | 
            +
                                            attributeType: string;
         | 
| 241 | 
            +
                                        };
         | 
| 242 | 
            +
                                        conditionConfig: {
         | 
| 243 | 
            +
                                            attributeType: string;
         | 
| 244 | 
            +
                                        };
         | 
| 245 | 
            +
                                    };
         | 
| 246 | 
            +
                                    idForFrontend: string;
         | 
| 247 | 
            +
                                }[];
         | 
| 248 | 
            +
                                containerLibraryId: string;
         | 
| 249 | 
            +
                                id: string;
         | 
| 250 | 
            +
                            }[];
         | 
| 251 | 
            +
                            metadata: {
         | 
| 252 | 
            +
                                validation: string;
         | 
| 253 | 
            +
                            };
         | 
| 254 | 
            +
                            organismLibraryContainerId: string;
         | 
| 255 | 
            +
                            containerLibraryId: string;
         | 
| 256 | 
            +
                            id: string;
         | 
| 257 | 
            +
                        }[];
         | 
| 258 | 
            +
                        config: {
         | 
| 259 | 
            +
                            compact: {
         | 
| 260 | 
            +
                                containerProps: {};
         | 
| 261 | 
            +
                                containerStyle: {
         | 
| 262 | 
            +
                                    padding: string;
         | 
| 263 | 
            +
                                };
         | 
| 264 | 
            +
                            };
         | 
| 265 | 
            +
                            wide: {
         | 
| 266 | 
            +
                                containerProps: {};
         | 
| 267 | 
            +
                                containerStyle: {
         | 
| 268 | 
            +
                                    padding: string;
         | 
| 269 | 
            +
                                };
         | 
| 270 | 
            +
                            };
         | 
| 271 | 
            +
                            props: {
         | 
| 272 | 
            +
                                formProps: {
         | 
| 273 | 
            +
                                    mode: string;
         | 
| 274 | 
            +
                                };
         | 
| 275 | 
            +
                                styles: {
         | 
| 276 | 
            +
                                    display: string;
         | 
| 277 | 
            +
                                    flexDirection: string;
         | 
| 278 | 
            +
                                    gap: string;
         | 
| 279 | 
            +
                                    padding: string;
         | 
| 280 | 
            +
                                };
         | 
| 281 | 
            +
                            };
         | 
| 282 | 
            +
                        };
         | 
| 283 | 
            +
                        metadata: {
         | 
| 284 | 
            +
                            validation: string;
         | 
| 285 | 
            +
                            display: {
         | 
| 286 | 
            +
                                type: string;
         | 
| 287 | 
            +
                                itemsPerStep: number;
         | 
| 288 | 
            +
                            };
         | 
| 289 | 
            +
                        };
         | 
| 290 | 
            +
                        organismLibraryContainerId: string;
         | 
| 291 | 
            +
                        containerLibraryId: string;
         | 
| 292 | 
            +
                        id: string;
         | 
| 293 | 
            +
                    }[];
         | 
| 294 | 
            +
                    isi: null;
         | 
| 295 | 
            +
                };
         | 
| 296 | 
            +
            };
         | 
| @@ -4,8 +4,9 @@ export declare type ButtonActionsContextType = { | |
| 4 4 | 
             
                actionContent?: ContainerComponentProps;
         | 
| 5 5 | 
             
                setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
         | 
| 6 6 | 
             
                isModalVisible: boolean;
         | 
| 7 | 
            -
                setModalVisible: Dispatch<SetStateAction<boolean>>;
         | 
| 8 7 | 
             
                isDrawerVisible: boolean;
         | 
| 9 8 | 
             
                setDrawerVisible: Dispatch<SetStateAction<boolean>>;
         | 
| 9 | 
            +
                setActivePopUpById: (id: string) => void;
         | 
| 10 | 
            +
                onCloseModal: (id: string) => void;
         | 
| 10 11 | 
             
            };
         | 
| 11 12 | 
             
            export declare const ButtonActionsContext: import("react").Context<ButtonActionsContextType>;
         | 
| @@ -1,11 +1,25 @@ | |
| 1 1 | 
             
            import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
         | 
| 2 | 
            -
            import {  | 
| 2 | 
            +
            import { AnyObject } from 'typescript';
         | 
| 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 | 
            +
            };
         | 
| 3 15 | 
             
            export declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
         | 
| 4 16 | 
             
                actionContent: ContainerComponentProps;
         | 
| 5 17 | 
             
                setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
         | 
| 6 18 | 
             
                isModalVisible: boolean;
         | 
| 7 | 
            -
                setModalVisible: Dispatch<SetStateAction<boolean>>;
         | 
| 8 19 | 
             
                setDrawerVisible: Dispatch<SetStateAction<boolean>>;
         | 
| 9 20 | 
             
                isDrawerVisible: boolean;
         | 
| 21 | 
            +
                setActivePopUpById: (id: string) => void;
         | 
| 22 | 
            +
                onCloseModal: (id: string) => void;
         | 
| 23 | 
            +
                popupProps?: PopupPropsType[];
         | 
| 10 24 | 
             
            }>>;
         | 
| 11 | 
            -
            export declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;
         | 
| 25 | 
            +
            export declare const ButtonActionsProvider: ({ children, popupProps }: ButtonActionsProviderProps) => JSX.Element;
         | 
| @@ -23,5 +23,6 @@ export declare type OrganismContextType = { | |
| 23 23 | 
             
                validations?: PasswordRuleValidation[];
         | 
| 24 24 | 
             
                editable?: boolean;
         | 
| 25 25 | 
             
                isFormInEditMode?: boolean;
         | 
| 26 | 
            +
                organismMetadata?: AnyObject;
         | 
| 26 27 | 
             
            };
         | 
| 27 28 | 
             
            export declare const OrganismContext: import("react").Context<OrganismContextType>;
         | 
| @@ -1,7 +1,7 @@ | |
| 1 | 
            +
            import { PropsWithChildren } from 'react';
         | 
| 1 2 | 
             
            import { ContainerComponentProps, Molecule } from 'containers';
         | 
| 3 | 
            +
            import type { AnyObject } from 'typescript';
         | 
| 2 4 | 
             
            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,5 +12,6 @@ export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{ | |
| 12 12 | 
             
                validations: PasswordRuleValidation[];
         | 
| 13 13 | 
             
                editable: boolean;
         | 
| 14 14 | 
             
                isFormInEditMode?: boolean;
         | 
| 15 | 
            +
                organismMetadata?: AnyObject;
         | 
| 15 16 | 
             
            }>>;
         | 
| 16 | 
            -
            export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isFormInEditMode, }: FormStepContextProviderProps) => JSX.Element;
         | 
| 17 | 
            +
            export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isFormInEditMode, organismMetadata, }: FormStepContextProviderProps) => JSX.Element;
         | 
| @@ -1,15 +1,17 @@ | |
| 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 {  | 
| 4 | 
            +
            import type { 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 | 
            -
                 | 
| 10 | 
            +
                size?: string;
         | 
| 11 | 
            +
                popupId: string;
         | 
| 12 | 
            +
                onClose: (popupId: string) => void;
         | 
| 11 13 | 
             
            };
         | 
| 12 | 
            -
            export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
         | 
| 14 | 
            +
            export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, size, popupId, ...rest }: ZealUIModalProps) => JSX.Element;
         | 
| 13 15 | 
             
            export declare const ModalWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, OverrideStyles, never>;
         | 
| 14 16 | 
             
            export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
         | 
| 15 17 | 
             
                activeOpacity?: number | undefined;
         | 
| @@ -2,7 +2,7 @@ import type { StoryFn } from '@storybook/react'; | |
| 2 2 | 
             
            import { ZealUIModal as ZealUIModalComponent } from './ZealUIModal';
         | 
| 3 3 | 
             
            declare const _default: {
         | 
| 4 4 | 
             
                title: string;
         | 
| 5 | 
            -
                component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: import("./ZealUIModal").ZealUIModalProps) => JSX.Element;
         | 
| 5 | 
            +
                component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, size, popupId, ...rest }: import("./ZealUIModal").ZealUIModalProps) => JSX.Element;
         | 
| 6 6 | 
             
            };
         | 
| 7 7 | 
             
            export default _default;
         | 
| 8 8 | 
             
            export declare const ZealUIModal: StoryFn<typeof ZealUIModalComponent>;
         | 
    
        package/dist/index.d.ts
    CHANGED
    
    | @@ -1392,21 +1392,35 @@ declare type ButtonActionsContextType = { | |
| 1392 1392 | 
             
                actionContent?: ContainerComponentProps$1;
         | 
| 1393 1393 | 
             
                setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
         | 
| 1394 1394 | 
             
                isModalVisible: boolean;
         | 
| 1395 | 
            -
                setModalVisible: Dispatch<SetStateAction<boolean>>;
         | 
| 1396 1395 | 
             
                isDrawerVisible: boolean;
         | 
| 1397 1396 | 
             
                setDrawerVisible: Dispatch<SetStateAction<boolean>>;
         | 
| 1397 | 
            +
                setActivePopUpById: (id: string) => void;
         | 
| 1398 | 
            +
                onCloseModal: (id: string) => void;
         | 
| 1398 1399 | 
             
            };
         | 
| 1399 1400 | 
             
            declare const ButtonActionsContext: react.Context<ButtonActionsContextType>;
         | 
| 1400 1401 |  | 
| 1402 | 
            +
            declare type PopupPropsType = {
         | 
| 1403 | 
            +
                id: string;
         | 
| 1404 | 
            +
                config: {
         | 
| 1405 | 
            +
                    styles?: AnyObject$1;
         | 
| 1406 | 
            +
                    size?: 'large' | 'medium';
         | 
| 1407 | 
            +
                };
         | 
| 1408 | 
            +
                content: {
         | 
| 1409 | 
            +
                    embedded?: (ContainerComponentProps$1 | Molecule$1)[];
         | 
| 1410 | 
            +
                    isi?: ContainerComponentProps$1 | Molecule$1;
         | 
| 1411 | 
            +
                };
         | 
| 1412 | 
            +
            };
         | 
| 1401 1413 | 
             
            declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
         | 
| 1402 1414 | 
             
                actionContent: ContainerComponentProps$1;
         | 
| 1403 1415 | 
             
                setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
         | 
| 1404 1416 | 
             
                isModalVisible: boolean;
         | 
| 1405 | 
            -
                setModalVisible: Dispatch<SetStateAction<boolean>>;
         | 
| 1406 1417 | 
             
                setDrawerVisible: Dispatch<SetStateAction<boolean>>;
         | 
| 1407 1418 | 
             
                isDrawerVisible: boolean;
         | 
| 1419 | 
            +
                setActivePopUpById: (id: string) => void;
         | 
| 1420 | 
            +
                onCloseModal: (id: string) => void;
         | 
| 1421 | 
            +
                popupProps?: PopupPropsType[];
         | 
| 1408 1422 | 
             
            }>>;
         | 
| 1409 | 
            -
            declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;
         | 
| 1423 | 
            +
            declare const ButtonActionsProvider: ({ children, popupProps }: ButtonActionsProviderProps) => JSX.Element;
         | 
| 1410 1424 |  | 
| 1411 1425 | 
             
            declare type StepItem = ContainerComponentProps$1 | Molecule$1;
         | 
| 1412 1426 | 
             
            declare type GroupedStepItemsByStepContainer = Map<string, StepItem[]>;
         | 
| @@ -1430,6 +1444,7 @@ declare type OrganismContextType = { | |
| 1430 1444 | 
             
                validations?: PasswordRuleValidation[];
         | 
| 1431 1445 | 
             
                editable?: boolean;
         | 
| 1432 1446 | 
             
                isFormInEditMode?: boolean;
         | 
| 1447 | 
            +
                organismMetadata?: AnyObject$1;
         | 
| 1433 1448 | 
             
            };
         | 
| 1434 1449 | 
             
            declare const OrganismContext: react.Context<OrganismContextType>;
         | 
| 1435 1450 |  | 
| @@ -1443,8 +1458,9 @@ declare type FormStepContextProviderProps = PropsWithChildren<Partial<{ | |
| 1443 1458 | 
             
                validations: PasswordRuleValidation[];
         | 
| 1444 1459 | 
             
                editable: boolean;
         | 
| 1445 1460 | 
             
                isFormInEditMode?: boolean;
         | 
| 1461 | 
            +
                organismMetadata?: AnyObject$1;
         | 
| 1446 1462 | 
             
            }>>;
         | 
| 1447 | 
            -
            declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isFormInEditMode, }: FormStepContextProviderProps) => JSX.Element;
         | 
| 1463 | 
            +
            declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isFormInEditMode, organismMetadata, }: FormStepContextProviderProps) => JSX.Element;
         | 
| 1448 1464 |  | 
| 1449 1465 | 
             
            declare type AccountButtonContextType = Partial<{
         | 
| 1450 1466 | 
             
                userInitials: string;
         | 
| @@ -2002,9 +2018,11 @@ declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & { | |
| 2002 2018 | 
             
                wrapperStyles?: CSSProperties;
         | 
| 2003 2019 | 
             
                onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
         | 
| 2004 2020 | 
             
                modalStyles?: CSSProperties;
         | 
| 2005 | 
            -
                 | 
| 2021 | 
            +
                size?: string;
         | 
| 2022 | 
            +
                popupId: string;
         | 
| 2023 | 
            +
                onClose: (popupId: string) => void;
         | 
| 2006 2024 | 
             
            };
         | 
| 2007 | 
            -
            declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
         | 
| 2025 | 
            +
            declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, size, popupId, ...rest }: ZealUIModalProps) => JSX.Element;
         | 
| 2008 2026 | 
             
            declare const ModalWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, OverrideStyles, never>;
         | 
| 2009 2027 | 
             
            declare const IconWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
         | 
| 2010 2028 | 
             
                activeOpacity?: number | undefined;
         | 
| @@ -2049,4 +2067,4 @@ declare type LinkProps = Omit<TextButtonProps$1, 'children'> & Partial<{ | |
| 2049 2067 | 
             
            }>;
         | 
| 2050 2068 | 
             
            declare const Link: ({ text, isRichText, htmlElementId, isTrigger, moleculeId, ...props }: LinkProps) => JSX.Element | null;
         | 
| 2051 2069 |  | 
| 2052 | 
            -
            export { AccountButtonContext, AccountButtonContextType, AccountButtonMolecule, AccountButtonProvider, AccountButtonProviderProps, AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionEventType, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownMenuConfigType, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, ConsentType, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, Padding, PaddingVariants, PasswordSetupMolecule, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, SlateValueChildType, Slide, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, defaultValue, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
         | 
| 2070 | 
            +
            export { AccountButtonContext, AccountButtonContextType, AccountButtonMolecule, AccountButtonProvider, AccountButtonProviderProps, AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionEventType, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownMenuConfigType, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, ConsentType, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, Padding, PaddingVariants, PasswordSetupMolecule, PdfDocument, PdfDocumentProps, PopupPropsType, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, SlateValueChildType, Slide, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, defaultValue, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
         |