@zealicsolutions/web-ui 0.2.324 → 0.2.325

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

@@ -1,410 +0,0 @@
-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/helpers.d.ts

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

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

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

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

@@ -1,21 +0,0 @@
-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

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

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

@@ -1,7 +0,0 @@
-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

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

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

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

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

@@ -1,19 +0,0 @@
-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' | 'deepBlue' | '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

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

package/dist/cjs/typescript.d.ts

@@ -1,17 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,21 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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 {};

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { ThemeColors } from 'theme';
-export declare type CircularIndicatorProps = {
-    active: boolean;
-    activeColor?: ThemeColors | string;
-    inactiveColor?: ThemeColors | string;
-};
-export declare const CircularIndicator: ({ activeColor, inactiveColor, ...props }: CircularIndicatorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const CircularIndicatorStyledComponent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & CircularIndicatorProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;