@zealicsolutions/web-ui 0.3.267 → 0.3.269

package/dist/cjs/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/cjs/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/cjs/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/cjs/organisms/index.d.ts

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/theme/theme.d.ts

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

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

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

package/dist/cjs/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/cjs/theme/useMediaQuery.d.ts

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

package/dist/cjs/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 {};

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

@@ -0,0 +1,8 @@
+export declare const AppLogo: any;
+export declare const HomeHeroImage: any;
+export declare const ProfileGraphic: any;
+export declare const PulseEmblem: any;
+export declare const Logo: any;
+export declare const AppleLogo: any;
+export declare const ModernaLogo: any;
+export declare const PfizerLogo: any;

package/dist/esm/atoms/Avatar/Avatar.d.ts

@@ -0,0 +1,20 @@
+import type { Callback } from 'typescript';
+import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
+import { IconNames } from '..';
+export declare type AvatarProps = {
+    size?: SizesTypes | number;
+    withShadow?: boolean;
+    label?: string;
+    backgroundColor?: ThemeColors;
+    textConfig?: {
+        color?: ThemeColors;
+        font?: FontSizesTypes;
+    };
+    content: {
+        initials?: string;
+        iconName?: IconNames;
+        imageUrl?: string;
+    };
+    onPress?: Callback;
+};
+export declare const Avatar: ({ size, withShadow, label, backgroundColor, onPress, content: { initials, iconName, imageUrl }, textConfig: { color, font }, }: AvatarProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/atoms/Buttons/IconButton.d.ts

@@ -0,0 +1,12 @@
+import { ThemeColors } from 'theme';
+import { IconNames, TouchableOpacityProps } from 'atoms';
+import type { Callback } from 'typescript';
+export declare type IconButtonProps = {
+    name: IconNames;
+    size?: number;
+    onClick: Callback;
+    color?: ThemeColors | string;
+    fill?: ThemeColors | string;
+    pointerEvents?: 'auto' | 'none';
+};
+export declare const IconButton: ({ name, color, onClick, disabled, activeOpacity, withoutOpacityEffect, ...props }: IconButtonProps & TouchableOpacityProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/atoms/Buttons/TextButton.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { StylesType } from 'typescript';
+import { BaseButtonProps } from 'molecules';
+export declare type LinkVariant = 'link' | 'custom';
+export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & Partial<{
+    buttonLink: string;
+    elementId: string;
+    $styles: StylesType;
+    $variant: LinkVariant;
+    textColor: string;
+}>;
+export declare const BaseTextButton: React.FC<TextButtonProps & React.AnchorHTMLAttributes<HTMLAnchorElement>>;
+export declare const TextButton: import("@emotion/styled").StyledComponent<Pick<BaseButtonProps, "children" | "disabled" | "size" | "onClick" | "colorTheme"> & Partial<{
+    buttonLink: string;
+    elementId: string;
+    $styles: StylesType;
+    $variant: LinkVariant;
+    textColor: string;
+}> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/dist/esm/atoms/Buttons/TouchableOpacity.d.ts

@@ -0,0 +1,16 @@
+import { PropsWithChildren } from 'react';
+export declare type TouchableOpacityProps = PropsWithChildren<{
+    activeOpacity?: number;
+    withoutOpacityEffect?: boolean;
+    disabled?: boolean;
+}>;
+export declare const TouchableOpacity: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/atoms/Checkbox/Checkbox.d.ts

@@ -0,0 +1,14 @@
+import { CheckboxInternalConfigProps } from './types';
+export declare type CheckboxProps = {
+    id: string;
+    onClick: (id: string) => void;
+    label: string;
+    isError?: boolean;
+    disabled?: boolean;
+    isEditMode?: boolean;
+    isSelected?: boolean;
+    isRichText?: boolean;
+    notInteractable?: boolean;
+    internalConfig?: CheckboxInternalConfigProps;
+};
+export declare const Checkbox: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, notInteractable, internalConfig, }: CheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/atoms/Checkbox/helpers.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxInternalConfigProps, CheckBoxStates, CheckboxStylesConfig } from './types';
+export declare const getCheckboxStyles: (isHovered: boolean, checkboxState: CheckBoxStates, internalConfig?: CheckboxInternalConfigProps) => CheckboxStylesConfig;

package/dist/esm/atoms/Checkbox/types.d.ts

@@ -0,0 +1,18 @@
+import { SizesTypes, ThemeColors } from 'theme';
+import type { StylesType } from 'typescript';
+export declare type CheckboxInternalConfigProps = Partial<{
+    selectedCheckboxBackgroundColor: ThemeColors | string;
+    selectedCheckboxIconColor: ThemeColors | string;
+    buttonPadding: number;
+    textPadding: number;
+    styles: StylesType;
+    wrapperStyles: StylesType;
+    buttonOptionSpacing?: SizesTypes;
+}>;
+export declare type CheckboxStylesConfig = {
+    checkboxIconWrapperColor: StylesType;
+    checkboxIconColor: ThemeColors | string;
+    checkboxWrapperStyles: StylesType;
+    checkboxTextStyles: StylesType;
+};
+export declare type CheckBoxStates = 'selected' | 'disabled' | 'error' | 'default';

package/dist/esm/atoms/Circle/Circle.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare type CircleType = 'link' | 'message';
+export declare type CircleBoxProps = {
+    index: number;
+    type: CircleType;
+};
+export declare const Circle: ({ index, type }: CircleBoxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CirclesWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export {};