@zealicsolutions/web-ui 0.3.46 → 0.3.47

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
+import { RefCallBack } from 'react-hook-form/dist/types';
 import { ThemeColors } from 'theme';
 import type { AnyObject, Callback, StylesType } from 'typescript';
-import { RefCallBack } from 'react-hook-form/dist/types';
 export declare type SelectOption = {
     id: string;
     label: string;

package/dist/cjs/src/containers/Container.d.ts

@@ -1,5 +1,6 @@
 import { ContainerComponentProps, ContainerProps } from 'containers';
-import { ReactNode } from 'react';
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { AnyObject } from 'typescript';
 export declare const Container: ({ children, wide, compact, type, props, id, metadata, }: Partial<{
     type: import("containers").ContainerType;
     containerTemplateType: "row_content_container";
@@ -51,10 +52,13 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
         activeChildrenIds: string[];
         activeOrganismIds: string[];
     }>;
-    metadata: import("../typescript").AnyObject;
+    metadata: AnyObject;
 }> & {
     children?: ReactNode;
 } & {
     id: string;
 }) => JSX.Element;
-export declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, }: ContainerComponentProps) => JSX.Element | null;
+export declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, formData, setFormData, }: ContainerComponentProps & {
+    formData?: AnyObject | undefined;
+    setFormData?: Dispatch<SetStateAction<AnyObject>> | undefined;
+}) => JSX.Element | null;

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

@@ -4,6 +4,6 @@ import { TabGroupProps } from 'molecules';
 export declare const getFullLink: (url: string) => string;
 export declare const navigateToPage: (url: string) => void;
 export declare const downloadFile: (url?: string, name?: string) => Promise<void>;
-export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id: moleculeId, }: Molecule & {
+export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id: moleculeId, formData, setFormData, }: Molecule & {
     tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
 }) => JSX.Element | null;

package/dist/cjs/src/containers/OrganismItem.d.ts

@@ -1,8 +1,11 @@
-/// <reference types="react" />
 import { ContainerComponentProps, Molecule } from 'containers';
 import { TabGroupProps } from 'molecules';
+import { Dispatch, SetStateAction } from 'react';
+import { AnyObject } from 'typescript';
 export declare type OrganismItemProps = {
     item: ContainerComponentProps | Molecule;
     tabsProps?: Pick<TabGroupProps, 'tabs' | 'activeTabKey' | 'onTabChange'>;
+    formData?: AnyObject;
+    setFormData?: Dispatch<SetStateAction<AnyObject>>;
 };
-export declare const OrganismItem: ({ item, tabsProps }: OrganismItemProps) => JSX.Element | null;
+export declare const OrganismItem: ({ item, tabsProps, formData, setFormData }: OrganismItemProps) => JSX.Element | null;

package/dist/cjs/src/containers/OrganismItemWithActiveChildren.d.ts

@@ -1,7 +1,10 @@
-/// <reference types="react" />
 import { ContainerComponentProps } from 'containers/types/types';
+import { Dispatch, SetStateAction } from 'react';
+import { AnyObject } from 'typescript';
 export declare type OrganismItemWithActiveChildrenProps = {
     item: ContainerComponentProps;
     activeChildrenIds: string[];
+    formData?: AnyObject;
+    setFormData?: Dispatch<SetStateAction<AnyObject>>;
 };
-export declare const OrganismItemWithActiveChildren: (props: OrganismItemWithActiveChildrenProps) => JSX.Element | null;
+export declare const OrganismItemWithActiveChildren: ({ formData, setFormData, ...props }: OrganismItemWithActiveChildrenProps) => JSX.Element | null;

package/dist/cjs/src/containers/hooks/index.d.ts

@@ -1 +1,2 @@
 export { useCheckCondition } from './useCheckCondition';
+export { useSetFormData } from './useSetFormData';

package/dist/cjs/src/containers/hooks/useSetFormData.d.ts

@@ -0,0 +1,14 @@
+import { DataConnectionAttributes } from 'containers/types/moleculeTypes';
+import { Dispatch, SetStateAction } from 'react';
+import { AnyObject } from 'typescript';
+declare type UseSetFormDataProps<DefaultValueType> = Partial<{
+    defaultValue: DefaultValueType;
+    dataModelField: DataConnectionAttributes;
+    setFormData: Dispatch<SetStateAction<AnyObject>>;
+}>;
+export declare const useSetFormData: <DefaultValueType>({ setFormData, defaultValue, dataModelField, }: Partial<{
+    defaultValue: DefaultValueType;
+    dataModelField: DataConnectionAttributes;
+    setFormData: Dispatch<SetStateAction<AnyObject>>;
+}>) => void;
+export {};

package/dist/cjs/src/containers/types/moleculeTypes.d.ts

@@ -1,5 +1,6 @@
 import { LinkVariant, SelectOption } from 'atoms';
 import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, Consent, ImageProps, InputFieldProps, LinkProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
+import { Dispatch, SetStateAction } from 'react';
 import { UseFormReturn } from 'react-hook-form';
 import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
 import { ConditionConfig, ContainerComponentProps } from './types';
@@ -225,7 +226,9 @@ export interface LinkMolecule extends BaseMolecule {
         }>;
     };
 }
-export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule> & {
-    form?: UseFormReturn<any>;
-};
+export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule> & Partial<{
+    form: UseFormReturn<any>;
+    formData: AnyObject;
+    setFormData: Dispatch<SetStateAction<AnyObject>>;
+}>;
 export {};

package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts

@@ -3,7 +3,7 @@ import { SelectOption } from 'atoms';
 import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
 import { ConditionConfig, FormStateType } from 'containers';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
-import type { StylesType } from 'typescript';
+import type { AnyObject, StylesType } from 'typescript';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
 export declare type CheckboxesProps = Partial<{
     checkboxGroupWrapperStyles: StylesType;
@@ -28,6 +28,7 @@ export declare type CheckboxFieldProps = Partial<{
     wrapperStyles: StylesType;
     conditionConfig: ConditionConfig;
     state: FormStateType;
-    defaultValue: string;
+    defaultValue: string[];
+    formData: AnyObject;
 }>;
-export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, }: CheckboxFieldProps) => JSX.Element | null;
+export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, }: CheckboxFieldProps) => JSX.Element | null;

package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
 import { CheckboxField as CheckboxFieldComponent } from 'molecules';
 declare const _default: {
     title: string;
-    component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, }: Partial<{
+    component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, }: Partial<{
         checkboxesProps: Partial<{
             checkboxGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
             checkboxFieldWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
@@ -50,7 +50,8 @@ declare const _default: {
         wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         conditionConfig: import("../..").ConditionConfig;
         state: import("../..").FormStateType;
-        defaultValue: string;
+        defaultValue: string[];
+        formData: import("../../typescript").AnyObject;
     }>) => JSX.Element | null;
 };
 export default _default;

package/dist/cjs/src/molecules/InputField/InputField.d.ts

@@ -3,7 +3,7 @@ import { InputProps } from 'atoms';
 import { ConditionConfig, FormStateType } from 'containers';
 import { InputFieldTypes } from 'fieldsConfiguration';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
-import type { StylesType } from 'typescript';
+import type { AnyObject, StylesType } from 'typescript';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
 export declare type InputFieldProps = Partial<{
     name: string;
@@ -17,8 +17,9 @@ export declare type InputFieldProps = Partial<{
     labelsProps: FieldLabelsProps;
     conditionConfig: ConditionConfig;
     state: FormStateType;
+    formData: AnyObject;
 }>;
 declare type ReturnValueType = Record<FormStateType, string>;
 export declare const getMockValueForSuccessAndFormatError: (type: InputFieldTypes) => ReturnValueType;
-export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, }: InputFieldProps) => JSX.Element | null;
+export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, }: InputFieldProps) => JSX.Element | null;
 export {};

package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts

@@ -3,7 +3,7 @@ import { StoryFn } from '@storybook/react';
 import { InputFieldProps } from './InputField';
 declare const _default: {
     title: string;
-    component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, }: Partial<{
+    component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, }: Partial<{
         name: string;
         control: import("react-hook-form").Control<any, any>;
         rules: Omit<Partial<{
@@ -61,6 +61,7 @@ declare const _default: {
         labelsProps: import("..").FieldLabelsProps;
         conditionConfig: import("../..").ConditionConfig;
         state: import("../..").FormStateType;
+        formData: import("typescript").AnyObject;
     }>) => JSX.Element | null;
 };
 export default _default;

package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts

@@ -2,7 +2,7 @@
 import { RadioButtonInternalConfigProps, RadioButtonsProps } from 'atoms';
 import { ConditionConfig, FormStateType } from 'containers';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
-import type { StylesType } from 'typescript';
+import type { AnyObject, StylesType } from 'typescript';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
 export declare type RadioButtonFieldProps<T extends string> = Partial<{
     name: string;
@@ -17,8 +17,9 @@ export declare type RadioButtonFieldProps<T extends string> = Partial<{
     internalConfig: RadioButtonInternalConfigProps;
     conditionConfig: ConditionConfig;
     state: FormStateType;
+    formData: AnyObject;
 }>;
-export declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, }: Partial<{
+export declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, }: Partial<{
     name: string;
     rules: ControllerProps['rules'];
     styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
@@ -62,4 +63,5 @@ export declare const RadioButtonField: <T extends string>({ name, rules, styles,
     }>;
     conditionConfig: ConditionConfig;
     state: FormStateType;
+    formData: AnyObject;
 }>) => JSX.Element | null;

package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts

@@ -3,7 +3,7 @@ import type { ComponentStory } from '@storybook/react';
 import { RadioButtonField as RadioButtonFieldComponent } from './RadioButtonField';
 declare const _default: {
     title: string;
-    component: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, }: Partial<{
+    component: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, }: Partial<{
         name: string;
         rules: Omit<Partial<{
             required: string | import("react-hook-form").ValidationRule<boolean>;
@@ -64,6 +64,7 @@ declare const _default: {
         }>;
         conditionConfig: import("../..").ConditionConfig;
         state: import("../..").FormStateType;
+        formData: import("typescript").AnyObject;
     }>) => JSX.Element | null;
 };
 export default _default;

package/dist/cjs/src/molecules/SelectField/SelectField.d.ts

@@ -3,6 +3,7 @@ import { SelectProps } from 'atoms';
 import { ConditionConfig, FormStateType } from 'containers';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import type { StylesType } from 'typescript';
+import { AnyObject } from 'typescript';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
 export declare type SelectFieldProps = Partial<{
     selectProps: SelectProps;
@@ -16,5 +17,6 @@ export declare type SelectFieldProps = Partial<{
     styles: StylesType;
     conditionConfig: ConditionConfig;
     state: FormStateType;
+    formData: AnyObject;
 }>;
-export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, }: SelectFieldProps) => JSX.Element | null;
+export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, }: SelectFieldProps) => JSX.Element | null;

package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts

@@ -3,7 +3,7 @@ import { StoryFn } from '@storybook/react';
 import { SelectFieldProps } from './SelectField';
 declare const _default: {
     title: string;
-    component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, }: Partial<{
+    component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, }: Partial<{
         selectProps: Partial<{
             ref: import("react-hook-form").RefCallBack;
             onBlur: import("typescript").Callback;
@@ -45,6 +45,7 @@ declare const _default: {
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         conditionConfig: import("../..").ConditionConfig;
         state: import("../..").FormStateType;
+        formData: import("typescript").AnyObject;
     }>) => JSX.Element | null;
 };
 export default _default;