@zealicsolutions/web-ui 0.3.267 → 0.3.269

package/dist/esm/organisms/Organism/mock-data.d.ts

@@ -0,0 +1,410 @@
+export declare const simpleOrganismDTO: {
+    id: string;
+    name: string;
+    type: string;
+    subtype: string;
+    body: {
+        instance: string;
+        type: string;
+        config: {
+            compact: {
+                containerProps: {};
+                containerStyle: {
+                    padding: string;
+                };
+            };
+            wide: {
+                containerProps: {};
+                containerStyle: {
+                    padding: string;
+                };
+            };
+            props: {
+                formProps: {
+                    mode: string;
+                };
+                styles: {
+                    display: string;
+                    flexDirection: string;
+                    gap: string;
+                    padding: string;
+                };
+            };
+        };
+        metadata: {
+            display: {
+                type: string;
+                itemsPerStep: number;
+            };
+            validation: string;
+        };
+        children: {
+            instance: string;
+            config: {
+                compact: {
+                    containerProps: {};
+                    containerStyle: {
+                        display: string;
+                        gap: string;
+                        width: string;
+                        flexDirection: string;
+                        alignItems: string;
+                    };
+                };
+                wide: {
+                    containerProps: {};
+                    containerStyle: {
+                        display: string;
+                        gap: string;
+                        width: string;
+                        flexDirection: string;
+                        alignItems: string;
+                    };
+                };
+                props: {
+                    formStepProps: {
+                        formStepName: string;
+                        order: number;
+                        conditionConfig: null;
+                        formStepStyles: {
+                            alignItems: string;
+                        };
+                    };
+                };
+            };
+            type: string;
+            metadata: {
+                validation: string;
+                hasOwnButton: boolean;
+            };
+            children: {
+                type: string;
+                config: {
+                    wide: {
+                        containerProps: {};
+                        containerStyle: {
+                            display: string;
+                            gap: string;
+                            width: string;
+                            flexDirection: string;
+                            maxWidth: string;
+                        };
+                    };
+                    compact: {
+                        containerProps: {};
+                        containerStyle: {
+                            display: string;
+                            gap: string;
+                            width: string;
+                            flexDirection: string;
+                            maxWidth: string;
+                        };
+                    };
+                };
+                metadata: {
+                    group: string[];
+                };
+                instance: string;
+                children: ({
+                    instance: string;
+                    type: string;
+                    attributes: {
+                        image: {
+                            attributeType: string;
+                            imageSource: string;
+                            id: string;
+                        };
+                        altText: {
+                            attributeType: string;
+                            text: string;
+                            id: string;
+                        };
+                        link: {
+                            attributeType: string;
+                            id: string;
+                        };
+                        text?: undefined;
+                        seoStyle?: undefined;
+                        fontVariant?: undefined;
+                        color?: undefined;
+                        passwordFieldLabel?: undefined;
+                        reenteredPasswordFieldLabel?: undefined;
+                        passwordFieldRequired?: undefined;
+                        reenteredPasswordFieldRequired?: undefined;
+                        dataModelField?: undefined;
+                        required?: undefined;
+                        title?: undefined;
+                        actionTypes?: undefined;
+                        action?: undefined;
+                    };
+                    config: {
+                        props: {
+                            width: string;
+                            height: string;
+                            behaveAs: string;
+                            isRichText?: undefined;
+                            validationLabel?: undefined;
+                            passwordInputProps?: undefined;
+                            reenteredPasswordInputProps?: undefined;
+                            fullWidth?: undefined;
+                        };
+                    };
+                    organismLibraryMoleculeId: string;
+                    moleculeLibraryId: string;
+                    metadata: {
+                        group: string[];
+                        isTrigger: boolean;
+                        notEditable?: undefined;
+                        isAction?: undefined;
+                    };
+                    id: string;
+                } | {
+                    instance: string;
+                    type: string;
+                    attributes: {
+                        text: {
+                            attributeType: string;
+                            isRichText: boolean;
+                            required: boolean;
+                            showRichTextToolbar: boolean;
+                            text: string;
+                            id: string;
+                        };
+                        seoStyle: {
+                            attributeType: string;
+                            options: {
+                                id: string;
+                                label: string;
+                                value: string;
+                            }[];
+                            value: string;
+                            id: string;
+                        };
+                        fontVariant: {
+                            attributeType: string;
+                            options: {
+                                id: string;
+                                label: string;
+                                value: string;
+                            }[];
+                            value: string;
+                            id: string;
+                        };
+                        color: {
+                            attributeType: string;
+                            color: string;
+                            id: string;
+                        };
+                        image?: undefined;
+                        altText?: undefined;
+                        link?: undefined;
+                        passwordFieldLabel?: undefined;
+                        reenteredPasswordFieldLabel?: undefined;
+                        passwordFieldRequired?: undefined;
+                        reenteredPasswordFieldRequired?: undefined;
+                        dataModelField?: undefined;
+                        required?: undefined;
+                        title?: undefined;
+                        actionTypes?: undefined;
+                        action?: undefined;
+                    };
+                    config: {
+                        props: {
+                            isRichText: boolean;
+                            width?: undefined;
+                            height?: undefined;
+                            behaveAs?: undefined;
+                            validationLabel?: undefined;
+                            passwordInputProps?: undefined;
+                            reenteredPasswordInputProps?: undefined;
+                            fullWidth?: undefined;
+                        };
+                    };
+                    organismLibraryMoleculeId: string;
+                    moleculeLibraryId: string;
+                    metadata: {
+                        group: string[];
+                        isTrigger?: undefined;
+                        notEditable?: undefined;
+                        isAction?: undefined;
+                    };
+                    id: string;
+                } | {
+                    instance: string;
+                    type: string;
+                    metadata: {
+                        group: string[];
+                        notEditable: boolean;
+                        isTrigger?: undefined;
+                        isAction?: undefined;
+                    };
+                    config: {
+                        props: {
+                            validationLabel: string;
+                            passwordInputProps: {
+                                inputProps: {
+                                    type: string;
+                                    placeholder: string;
+                                };
+                            };
+                            reenteredPasswordInputProps: {
+                                inputProps: {
+                                    type: string;
+                                    placeholder: string;
+                                };
+                            };
+                            width?: undefined;
+                            height?: undefined;
+                            behaveAs?: undefined;
+                            isRichText?: undefined;
+                            fullWidth?: undefined;
+                        };
+                    };
+                    attributes: {
+                        passwordFieldLabel: {
+                            attributeType: string;
+                            isRichText: boolean;
+                            required: boolean;
+                            showRichTextToolbar: boolean;
+                            text: string;
+                            id: string;
+                        };
+                        reenteredPasswordFieldLabel: {
+                            attributeType: string;
+                            isRichText: boolean;
+                            required: boolean;
+                            showRichTextToolbar: boolean;
+                            text: string;
+                            id: string;
+                        };
+                        passwordFieldRequired: {
+                            attributeType: string;
+                            id: string;
+                        };
+                        reenteredPasswordFieldRequired: {
+                            attributeType: string;
+                            id: string;
+                        };
+                        dataModelField: {
+                            attributeType: string;
+                            required: boolean;
+                            dataModelField: {
+                                dataModelFieldId: string;
+                                entitySubtypeId: string;
+                                dataFieldName: string;
+                                entitySubtypeName: string;
+                                defaultValue: null;
+                                format: {
+                                    id: string;
+                                    label: string;
+                                    value: string;
+                                    code: string;
+                                    config: {
+                                        dataModelFieldType: string;
+                                    };
+                                };
+                            };
+                            id: string;
+                        };
+                        required: {
+                            attributeType: string;
+                            value: boolean;
+                            id: string;
+                        };
+                        image?: undefined;
+                        altText?: undefined;
+                        link?: undefined;
+                        text?: undefined;
+                        seoStyle?: undefined;
+                        fontVariant?: undefined;
+                        color?: undefined;
+                        title?: undefined;
+                        actionTypes?: undefined;
+                        action?: undefined;
+                    };
+                    organismLibraryMoleculeId: string;
+                    moleculeLibraryId: string;
+                    id: string;
+                } | {
+                    instance: string;
+                    type: string;
+                    attributes: {
+                        title: {
+                            attributeType: string;
+                            isRichText: boolean;
+                            required: boolean;
+                            showRichTextToolbar: boolean;
+                            text: string;
+                            id: string;
+                        };
+                        actionTypes: {
+                            attributeType: string;
+                            required: boolean;
+                            options: {
+                                id: string;
+                                label: string;
+                                value: string;
+                            }[];
+                            value: string;
+                            id: string;
+                        };
+                        action: {
+                            attributeType: string;
+                            action: {
+                                type: string;
+                                submit: {};
+                            };
+                            id: string;
+                        };
+                        image?: undefined;
+                        altText?: undefined;
+                        link?: undefined;
+                        text?: undefined;
+                        seoStyle?: undefined;
+                        fontVariant?: undefined;
+                        color?: undefined;
+                        passwordFieldLabel?: undefined;
+                        reenteredPasswordFieldLabel?: undefined;
+                        passwordFieldRequired?: undefined;
+                        reenteredPasswordFieldRequired?: undefined;
+                        dataModelField?: undefined;
+                        required?: undefined;
+                    };
+                    metadata: {
+                        group: string[];
+                        isAction: boolean;
+                        isTrigger: boolean;
+                        notEditable: boolean;
+                    };
+                    config: {
+                        props: {
+                            fullWidth: boolean;
+                            width?: undefined;
+                            height?: undefined;
+                            behaveAs?: undefined;
+                            isRichText?: undefined;
+                            validationLabel?: undefined;
+                            passwordInputProps?: undefined;
+                            reenteredPasswordInputProps?: undefined;
+                        };
+                    };
+                    organismLibraryMoleculeId: string;
+                    moleculeLibraryId: string;
+                    id: string;
+                })[];
+                organismLibraryContainerId: string;
+                containerLibraryId: string;
+                attributes: {};
+                id: string;
+            }[];
+            organismLibraryContainerId: string;
+            containerLibraryId: string;
+            attributes: {};
+            id: string;
+        }[];
+        organismLibraryContainerId: string;
+        containerLibraryId: string;
+        attributes: {};
+        id: string;
+    };
+};

package/dist/esm/organisms/OrganismItem/OrganismItem.d.ts

@@ -0,0 +1,14 @@
+import { Dispatch, SetStateAction } from 'react';
+import { ContainerComponentProps, Molecule } from '../../containers';
+import { TabGroupProps } from '../../molecules';
+import type { AnyObject } from '../../typescript';
+export declare type OrganismItemProps = {
+    item: ContainerComponentProps | Molecule;
+    tabsProps?: Pick<TabGroupProps, 'tabs' | 'activeTabKey' | 'onTabChange'>;
+    formData?: AnyObject;
+    setFormData?: Dispatch<SetStateAction<AnyObject>>;
+    isMobile?: boolean;
+    isConfigurationMode?: boolean;
+    onConfigurationItemHandler?: (itemPath: string) => void;
+};
+export declare const OrganismItem: ({ item, tabsProps, formData, setFormData, isMobile, }: OrganismItemProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/esm/organisms/OrganismItem/helpers.d.ts

@@ -0,0 +1,3 @@
+import { ContainerComponentProps } from '../../containers';
+import { ContainerDTO } from '../types';
+export declare const toOrganismItem: ({ children, ...restContainer }: ContainerDTO) => ContainerComponentProps;

package/dist/esm/organisms/index.d.ts

@@ -0,0 +1,2 @@
+export { OrganismItem } from './OrganismItem/OrganismItem';
+export { Organism } from './Organism/Organism';

package/dist/esm/organisms/types.d.ts

@@ -0,0 +1,21 @@
+import { ContainerComponentProps, MetadataType, Molecule } from '../containers';
+export declare type FinalizedStatuses = 'draft' | 'in_review' | 'finalized';
+export declare type OrganismType = 'header' | 'footer' | 'isi' | 'dynamic' | 'embedded';
+export declare type OrganismSubtype = 'default' | 'form' | 'dynamic' | 'account_creation' | 'log_in' | 'forgot_password' | 'change_password' | 'process_tracker' | 'checklist';
+export declare type ContainerDTO = Omit<ContainerComponentProps, 'items'> & {
+    children: (ContainerDTO | Molecule)[];
+};
+export interface OrganismDTO {
+    id?: string;
+    name: string;
+    brandId: string;
+    type: OrganismType;
+    body: ContainerDTO;
+    instance: 'organism';
+    metadata: MetadataType;
+    previewImageUrl: string;
+    subtype: OrganismSubtype;
+    organismLibraryId: string;
+    status?: FinalizedStatuses;
+    topicIds?: string[];
+}

package/dist/esm/theme/index.d.ts

@@ -0,0 +1,5 @@
+export * from './theme';
+export * from './provider';
+export * from './types';
+export * from './toastStyles';
+export * from './useMediaQuery';

package/dist/esm/theme/provider.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import { Theme } from '@emotion/react';
+declare const theme: import("@mui/material").Theme;
+export declare const ZealThemeProvider: (props: PropsWithChildren<{
+    theme?: Theme;
+}>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/theme/theme.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '@emotion/react';
+export declare const defaultTheme: Theme;

package/dist/esm/theme/toastStyles.d.ts

@@ -0,0 +1 @@
+export declare const toastStyles: import("@emotion/react").SerializedStyles;

package/dist/esm/theme/types.d.ts

@@ -0,0 +1,19 @@
+export declare type ThemeColors = 'primary' | 'primaryTint' | 'primaryShade' | 'secondary' | 'secondaryTint' | 'secondaryShade' | 'pink' | 'pinkTint' | 'pinkShade' | 'orange' | 'orangeTint' | 'orangeShade' | 'purple' | 'purpleTint' | 'purpleShade' | 'indigo' | 'indigoTint1' | 'indigoTint2' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'green' | 'greenTint' | 'greenShade' | 'yellow' | 'yellowTint' | 'yellowShade' | 'red' | 'redTint' | 'redShade' | 'black' | 'white' | 'blue' | 'blueTint' | 'blueShade' | 'background';
+export declare type SizesTypes = '5XL' | '4XL' | '3XL' | '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
+export declare type FontSizesTypes = Exclude<SizesTypes, '5XL' | '4XL'>;
+export declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export declare type FontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+export declare type ThemeColorsType = Record<ThemeColors, string>;
+export declare type ThemeTextType = Record<FontSizesTypes, {
+    'font-weight': string;
+    'font-size': number;
+    'line-height': number;
+}>;
+export declare type ThemeSizesType = Record<SizesTypes, number>;
+export declare type ThemeDevicesType = Record<BreakpointSizesTypes, string>;
+export declare type ZealTheme = {
+    colors: ThemeColorsType;
+    fonts: Record<FontSizesTypes, number>;
+    sizes: ThemeSizesType;
+    devices: ThemeDevicesType;
+};

package/dist/esm/theme/useMediaQuery.d.ts

@@ -0,0 +1,2 @@
+import { BreakpointSizesTypes } from 'theme/types';
+export declare const useMediaQuery: (breakpointSize: BreakpointSizesTypes) => boolean;

package/dist/esm/typescript.d.ts

@@ -0,0 +1,17 @@
+import { SerializedStyles } from '@emotion/react';
+export declare type FileType = 'image' | 'video' | 'document' | 'audio';
+export declare type StylesType = SerializedStyles;
+export declare type StyledTransientProps<T> = {
+    [K in keyof T & string as `$${K}`]: T[K];
+};
+export declare type OverrideStyles = {
+    $styles?: StylesType;
+};
+export declare type Callback = () => void;
+export declare type Nullable<T> = T | null;
+declare type UnionKeys<T> = T extends any ? keyof T : never;
+declare type StrictUnionHelper<T, TAll> = T extends any ? T & Partial<Record<Exclude<UnionKeys<TAll>, keyof T>, never>> : never;
+export declare type StrictUnion<T> = StrictUnionHelper<T, T>;
+export declare type AnyObject = Record<string, unknown>;
+export declare type LooseObject = Record<string, any>;
+export {};