@zealicsolutions/web-ui 0.4.39 → 0.4.41

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Callback } from 'typescript';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
 import { IconNames } from '..';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { Avatar as AvatarComponent } from './Avatar';
 declare const _default: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ThemeColors } from 'theme';
 import { IconNames, TouchableOpacityProps } from 'atoms';
 import type { Callback } from 'typescript';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxInternalConfigProps } from './types';
 export declare type CheckboxProps = {
     id: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { Checkbox as CheckboxComponent } from './Checkbox';
 declare const _default: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type CircleType = 'link' | 'message';
 export declare type CircleBoxProps = {
     index: number;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { Circle as CircleComponent } from 'atoms/Circle/Circle';
 declare const _default: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ThemeColors } from 'theme';
 export declare type CircularIndicatorProps = {
     active: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { CircularIndicator as CircularIndicatorComponent } from './CircularIndicator';
 declare const _default: {

package/dist/esm/src/atoms/HorizontalButtons/HorizontalButtons.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare type HorizontalButtonsProps = {
     selectedButtonId: string;
     buttonOptions: {

package/dist/esm/src/atoms/HorizontalButtons/HorizontalButtons.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { HorizontalButtons as HorizontalButtonsComponent } from './HorizontalButtons';
 declare const _default: {

package/dist/esm/src/atoms/Icon/Icon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CSSProperties } from 'styled-components';
 import { ThemeColors } from 'theme';
 export declare type IconProps = {

package/dist/esm/src/atoms/Icon/Icon.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { Icon as IconComponent } from './Icon';
 declare const _default: {

package/dist/esm/src/atoms/RadioButtons/RadioButtons.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioGroup } from '@mui/material';
 import { RefCallBack } from 'react-hook-form/dist/types';
 import { SizesTypes, ThemeColors } from 'theme';

package/dist/esm/src/atoms/RadioButtons/RadioButtons.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { RadioButtons as RadioButtonsComponent } from './RadioButtons';
 declare const _default: {

package/dist/esm/src/atoms/RadioButtons/RadioOption.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioButtonInternalConfigProps, SelectOption } from 'atoms';
 declare type RadioOptionProps = {
     option: SelectOption;

package/dist/esm/src/atoms/RichTextViewer/RichTextViewer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TextProps } from 'atoms';
 import { Descendant } from 'slate';
 import { FontSizesTypes, ThemeColors } from 'theme';

package/dist/esm/src/atoms/RichTextViewer/components/EditorElement.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RenderElementProps } from 'slate-react/dist/components/editable';
 import { Callback } from 'typescript';
 export declare const EditorElement: ({ element, children, attributes, onClick, }: RenderElementProps & {

package/dist/esm/src/atoms/RichTextViewer/components/Leaf.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { RenderLeafProps } from 'slate-react';
 export declare const Leaf: ({ leaf, children, attributes }: RenderLeafProps) => JSX.Element;

package/dist/esm/src/atoms/Select/Select.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RefCallBack } from 'react-hook-form/dist/types';
 import { ThemeColors } from 'theme';
 import type { AnyObject, Callback, StylesType } from 'typescript';

package/dist/esm/src/atoms/Select/Select.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StoryFn } from '@storybook/react';
 import { SelectProps } from './Select';
 declare const _default: {

package/dist/esm/src/atoms/Tab/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TabProps } from 'atoms/Tab/Tab';
 declare type TabContainerProps = Pick<TabProps, 'isActive' | 'disabled' | 'tabTheme' | 'selectedTabTextColor' | 'styles' | 'defaultTabTextColor'>;
 declare type TabTextProps = Pick<TabProps, 'tabTheme' | 'textSize' | 'defaultTabTextColor' | 'tabPadding' | 'tabFont'>;

package/dist/esm/src/atoms/TextWrapper/TextWrapper.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { TextWrapperProps } from 'atoms';
 declare const _default: {

package/dist/esm/src/atoms/Toast/ToastContent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ToastType } from './types';
 declare type ToastContentProps = {
     type: ToastType;

package/dist/esm/src/atoms/Tooltip/Tooltip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipProps as TooltipComponentProps } from 'rc-tooltip/lib/Tooltip';
 import { OverrideStyles, StylesType } from 'typescript';
 import 'rc-tooltip/assets/bootstrap.css';

package/dist/esm/src/atoms/ValidationTag/ValidationTag.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
 export declare type ValidationTagProps = {
     status: ValidationTagStatus;

package/dist/esm/src/atoms/ValidationTag/ValidationTag.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { ValidationTag as ValidationTagComponent } from './ValidationTag';
 declare const _default: {

package/dist/esm/src/containers/MoleculeItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Molecule } from 'containers';
 import { TabGroupProps } from 'molecules';
 export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id, formData, setFormData, isMobile, metadata, }: Molecule & {

package/dist/esm/src/containers/mock-data.d.ts

@@ -14,6 +14,504 @@ export declare const headerContainer: ContainerComponentProps;
 export declare const headerContainerWithTabs: ContainerComponentProps;
 export declare const DataField: ContainerComponentProps;
 export declare const LogInPermanentPage: ContainerComponentProps;
+export declare const accountCreationMock: {
+    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;
+    };
+    items: {
+        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;
+        };
+        items: {
+            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;
+            items: ({
+                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;
+                    label?: undefined;
+                    required?: undefined;
+                    dataModelField?: undefined;
+                    conditionConfig?: undefined;
+                    passwordFieldLabel?: undefined;
+                    reenteredPasswordFieldLabel?: undefined;
+                    passwordFieldRequired?: undefined;
+                    reenteredPasswordFieldRequired?: undefined;
+                    title?: undefined;
+                    actionTypes?: undefined;
+                    action?: undefined;
+                };
+                config: {
+                    props: {
+                        width: string;
+                        height: string;
+                        behaveAs: string;
+                        isRichText?: undefined;
+                        inputProps?: undefined;
+                        labelsProps?: undefined;
+                        validationLabel?: undefined;
+                        passwordInputProps?: undefined;
+                        reenteredPasswordInputProps?: undefined;
+                        fullWidth?: undefined;
+                    };
+                };
+                organismLibraryMoleculeId: string;
+                moleculeLibraryId: string;
+                metadata: {
+                    group: string[];
+                    notEditable?: 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;
+                    label?: undefined;
+                    required?: undefined;
+                    dataModelField?: undefined;
+                    conditionConfig?: undefined;
+                    passwordFieldLabel?: undefined;
+                    reenteredPasswordFieldLabel?: undefined;
+                    passwordFieldRequired?: undefined;
+                    reenteredPasswordFieldRequired?: undefined;
+                    title?: undefined;
+                    actionTypes?: undefined;
+                    action?: undefined;
+                };
+                config: {
+                    props: {
+                        isRichText: boolean;
+                        width?: undefined;
+                        height?: undefined;
+                        behaveAs?: undefined;
+                        inputProps?: undefined;
+                        labelsProps?: undefined;
+                        validationLabel?: undefined;
+                        passwordInputProps?: undefined;
+                        reenteredPasswordInputProps?: undefined;
+                        fullWidth?: undefined;
+                    };
+                };
+                organismLibraryMoleculeId: string;
+                moleculeLibraryId: string;
+                metadata: {
+                    group: string[];
+                    notEditable?: undefined;
+                };
+                id: string;
+            } | {
+                instance: string;
+                type: string;
+                metadata: {
+                    group: string[];
+                    notEditable: boolean;
+                };
+                config: {
+                    props: {
+                        inputProps: {
+                            placeholder: string;
+                        };
+                        labelsProps: {
+                            ruleLabel: null;
+                        };
+                        width?: undefined;
+                        height?: undefined;
+                        behaveAs?: undefined;
+                        isRichText?: undefined;
+                        validationLabel?: undefined;
+                        passwordInputProps?: undefined;
+                        reenteredPasswordInputProps?: undefined;
+                        fullWidth?: undefined;
+                    };
+                };
+                attributes: {
+                    label: {
+                        required: boolean;
+                        isRichText: boolean;
+                        attributeType: string;
+                        showRichTextToolbar: boolean;
+                        text: string;
+                        id: string;
+                    };
+                    required: {
+                        attributeType: string;
+                        value: boolean;
+                        id: string;
+                    };
+                    dataModelField: {
+                        required: boolean;
+                        attributeType: string;
+                        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;
+                    };
+                    conditionConfig: {
+                        attributeType: string;
+                        conditionConfig: {
+                            criteriaList: never[];
+                            segmentationType: string;
+                        };
+                        id: string;
+                    };
+                    image?: undefined;
+                    altText?: undefined;
+                    link?: undefined;
+                    text?: undefined;
+                    seoStyle?: undefined;
+                    fontVariant?: undefined;
+                    color?: undefined;
+                    passwordFieldLabel?: undefined;
+                    reenteredPasswordFieldLabel?: undefined;
+                    passwordFieldRequired?: undefined;
+                    reenteredPasswordFieldRequired?: undefined;
+                    title?: undefined;
+                    actionTypes?: undefined;
+                    action?: undefined;
+                };
+                organismLibraryMoleculeId: string;
+                moleculeLibraryId: string;
+                id: string;
+            } | {
+                instance: string;
+                type: string;
+                metadata: {
+                    group: string[];
+                    notEditable: boolean;
+                };
+                config: {
+                    props: {
+                        validationLabel: string;
+                        passwordInputProps: {
+                            inputProps: {
+                                type: string;
+                                placeholder: string;
+                            };
+                        };
+                        reenteredPasswordInputProps: {
+                            inputProps: {
+                                type: string;
+                                placeholder: string;
+                            };
+                        };
+                        width?: undefined;
+                        height?: undefined;
+                        behaveAs?: undefined;
+                        isRichText?: undefined;
+                        inputProps?: undefined;
+                        labelsProps?: 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;
+                    label?: undefined;
+                    conditionConfig?: 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;
+                    label?: undefined;
+                    required?: undefined;
+                    dataModelField?: undefined;
+                    conditionConfig?: undefined;
+                    passwordFieldLabel?: undefined;
+                    reenteredPasswordFieldLabel?: undefined;
+                    passwordFieldRequired?: undefined;
+                    reenteredPasswordFieldRequired?: undefined;
+                };
+                metadata: {
+                    group: string[];
+                    notEditable: boolean;
+                };
+                config: {
+                    props: {
+                        fullWidth: boolean;
+                        width?: undefined;
+                        height?: undefined;
+                        behaveAs?: undefined;
+                        isRichText?: undefined;
+                        inputProps?: undefined;
+                        labelsProps?: 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;
+};
 export declare const stateObjectButton: ContainerComponentProps;
 export declare const stateObjectLink: ContainerComponentProps;
 export declare const popUP: {