@zealicsolutions/web-ui 0.3.45 → 0.3.47

package/dist/esm/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/esm/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";
@@ -16,6 +17,8 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
             formStepProps: import("containers").FormStepContainerProps;
             padding: import("containers").Padding;
             border: string;
+            activeChildrenIds: string[];
+            activeOrganismIds: string[];
         }>;
     }>;
     compact: Partial<{
@@ -31,6 +34,8 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
             formStepProps: import("containers").FormStepContainerProps;
             padding: import("containers").Padding;
             border: string;
+            activeChildrenIds: string[];
+            activeOrganismIds: string[];
         }>;
     }>;
     props: Partial<{
@@ -44,11 +49,16 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
         formStepProps: import("containers").FormStepContainerProps;
         padding: import("containers").Padding;
         border: string;
+        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/esm/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/esm/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/esm/src/containers/OrganismItemWithActiveChildren.d.ts

@@ -0,0 +1,10 @@
+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: ({ formData, setFormData, ...props }: OrganismItemWithActiveChildrenProps) => JSX.Element | null;

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

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

package/dist/esm/src/containers/hooks/useOrganismItemWithActiveChildren.d.ts

@@ -0,0 +1,3 @@
+import { OrganismItemWithActiveChildrenProps } from 'containers/OrganismItemWithActiveChildren';
+import { ContainerComponentProps } from 'containers/types/types';
+export declare const useOrganismItemWithActiveChildren: ({ item, activeChildrenIds, }: OrganismItemWithActiveChildrenProps) => ContainerComponentProps | undefined;

package/dist/esm/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/esm/src/containers/index.d.ts

@@ -3,3 +3,4 @@ export * from './types/types';
 export * from './types/moleculeTypes';
 export * from './styles';
 export * from './OrganismItem';
+export { OrganismItemWithActiveChildren } from './OrganismItemWithActiveChildren';

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

@@ -13,6 +13,8 @@ export declare const ContainerWrapper: import("styled-components").StyledCompone
         formStepProps: import("containers/types/types").FormStepContainerProps;
         padding: import("containers/types/types").Padding;
         border: string;
+        activeChildrenIds: string[];
+        activeOrganismIds: string[];
     }> | undefined;
     metadata?: AnyObject | undefined;
 }, never>;

package/dist/esm/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/esm/src/containers/types/types.d.ts

@@ -35,6 +35,8 @@ export declare type ContainerPropsType = Partial<{
     formStepProps: FormStepContainerProps;
     padding: Padding;
     border: string;
+    activeChildrenIds: string[];
+    activeOrganismIds: string[];
 }>;
 export declare type AdditionalContainerProps = Partial<{
     containerStyle: CSSProperties;
@@ -53,11 +55,11 @@ export declare type ContainerComponentProps = {
     instance: 'container';
     type: ContainerType;
     items: (ContainerComponentProps | Molecule)[];
-    config: {
-        wide?: AdditionalContainerProps;
-        compact?: AdditionalContainerProps;
-        props?: ContainerPropsType;
-    };
+    config: Partial<{
+        wide: AdditionalContainerProps;
+        compact: AdditionalContainerProps;
+        props: ContainerPropsType;
+    }>;
     tabsProps?: Pick<TabGroupProps, 'tabs' | 'activeTabKey' | 'onTabChange'>;
     metadata?: AnyObject;
     attributes?: AnyObject;

package/dist/esm/src/contexts/OrganismContext/OrganismContextProvider.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
 import { ContainerComponentProps, Molecule } from 'containers';
+import { PropsWithChildren } from 'react';
 export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
     initItems: (ContainerComponentProps | Molecule)[];
 }>>;

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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;

package/dist/index.d.ts

@@ -45,7 +45,7 @@ import { CheckboxInternalConfigProps as CheckboxInternalConfigProps$1 } from 'at
 import { CustomDescendant } from 'atoms/RichTextViewer/types';
 import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
 import * as containers_types_types from 'containers/types/types';
-import { ContainerProps as ContainerProps$1 } from 'containers/types/types';
+import { ContainerProps as ContainerProps$1, ContainerComponentProps as ContainerComponentProps$2 } from 'containers/types/types';
 
 declare type TouchableOpacityProps = PropsWithChildren<{
     activeOpacity?: number;
@@ -978,10 +978,11 @@ declare type InputFieldProps = Partial<{
     labelsProps: FieldLabelsProps;
     conditionConfig: ConditionConfig$1;
     state: FormStateType$1;
+    formData: AnyObject$1;
 }>;
 declare type ReturnValueType = Record<FormStateType$1, string>;
 declare const getMockValueForSuccessAndFormatError: (type: InputFieldTypes$2) => ReturnValueType;
-declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, }: InputFieldProps) => JSX.Element | null;
+declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, }: InputFieldProps) => JSX.Element | null;
 
 declare type FieldMapperProps<T extends object> = {
     field: UIField$1<keyof T>;
@@ -1017,9 +1018,10 @@ declare type CheckboxFieldProps = Partial<{
     wrapperStyles: StylesType;
     conditionConfig: ConditionConfig$1;
     state: FormStateType$1;
-    defaultValue: string;
+    defaultValue: string[];
+    formData: AnyObject$1;
 }>;
-declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, }: CheckboxFieldProps) => JSX.Element | null;
+declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, }: CheckboxFieldProps) => JSX.Element | null;
 
 declare type CheckboxGroupProps = Partial<{
     ref: RefCallBack;
@@ -1041,8 +1043,9 @@ declare type SelectFieldProps = Partial<{
     styles: StylesType;
     conditionConfig: ConditionConfig$1;
     state: FormStateType$1;
+    formData: AnyObject$1;
 }>;
-declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, }: SelectFieldProps) => JSX.Element | null;
+declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, }: SelectFieldProps) => JSX.Element | null;
 
 declare type CustomValidationRule<T = string> = {
     text: string;
@@ -1194,8 +1197,9 @@ declare type RadioButtonFieldProps<T extends string> = Partial<{
     internalConfig: RadioButtonInternalConfigProps$1;
     conditionConfig: ConditionConfig$1;
     state: FormStateType$1;
+    formData: AnyObject$1;
 }>;
-declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, }: Partial<{
+declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, }: Partial<{
     name: string;
     rules: ControllerProps$1['rules'];
     styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
@@ -1239,6 +1243,7 @@ declare const RadioButtonField: <T extends string>({ name, rules, styles, contro
     }>;
     conditionConfig: ConditionConfig$1;
     state: FormStateType$1;
+    formData: AnyObject$1;
 }>) => JSX.Element | null;
 
 declare type AlertProps = {
@@ -1478,6 +1483,8 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
             formStepProps: containers.FormStepContainerProps;
             padding: containers.Padding;
             border: string;
+            activeChildrenIds: string[];
+            activeOrganismIds: string[];
         }>;
     }>;
     compact: Partial<{
@@ -1493,6 +1500,8 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
             formStepProps: containers.FormStepContainerProps;
             padding: containers.Padding;
             border: string;
+            activeChildrenIds: string[];
+            activeOrganismIds: string[];
         }>;
     }>;
     props: Partial<{
@@ -1506,14 +1515,19 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
         formStepProps: containers.FormStepContainerProps;
         padding: containers.Padding;
         border: string;
+        activeChildrenIds: string[];
+        activeOrganismIds: string[];
     }>;
-    metadata: AnyObject;
+    metadata: AnyObject$1;
 }> & {
     children?: ReactNode;
 } & {
     id: string;
 }) => JSX.Element;
-declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, }: ContainerComponentProps$1) => JSX.Element | null;
+declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, formData, setFormData, }: ContainerComponentProps$1 & {
+    formData?: AnyObject$1 | undefined;
+    setFormData?: Dispatch<SetStateAction<AnyObject$1>> | undefined;
+}) => JSX.Element | null;
 
 declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
 declare type DownloadFile = {
@@ -1737,9 +1751,11 @@ interface LinkMolecule extends BaseMolecule {
         }>;
     };
 }
-declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule> & {
-    form?: UseFormReturn<any>;
-};
+declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule> & Partial<{
+    form: UseFormReturn<any>;
+    formData: AnyObject$1;
+    setFormData: Dispatch<SetStateAction<AnyObject$1>>;
+}>;
 
 declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
 declare type ContainerTemplateType = 'row_content_container';
@@ -1771,6 +1787,8 @@ declare type ContainerPropsType = Partial<{
     formStepProps: FormStepContainerProps;
     padding: Padding;
     border: string;
+    activeChildrenIds: string[];
+    activeOrganismIds: string[];
 }>;
 declare type AdditionalContainerProps = Partial<{
     containerStyle: CSSProperties;
@@ -1789,11 +1807,11 @@ declare type ContainerComponentProps = {
     instance: 'container';
     type: ContainerType;
     items: (ContainerComponentProps | Molecule)[];
-    config: {
-        wide?: AdditionalContainerProps;
-        compact?: AdditionalContainerProps;
-        props?: ContainerPropsType;
-    };
+    config: Partial<{
+        wide: AdditionalContainerProps;
+        compact: AdditionalContainerProps;
+        props: ContainerPropsType;
+    }>;
     tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
     metadata?: AnyObject$1;
     attributes?: AnyObject$1;
@@ -1828,6 +1846,8 @@ declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_
         formStepProps: containers_types_types.FormStepContainerProps;
         padding: containers_types_types.Padding;
         border: string;
+        activeChildrenIds: string[];
+        activeOrganismIds: string[];
     }> | undefined;
     metadata?: AnyObject | undefined;
 }, never>;
@@ -1835,7 +1855,17 @@ declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_
 declare type OrganismItemProps = {
     item: ContainerComponentProps$1 | Molecule$1;
     tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
+    formData?: AnyObject$1;
+    setFormData?: Dispatch<SetStateAction<AnyObject$1>>;
+};
+declare const OrganismItem: ({ item, tabsProps, formData, setFormData }: OrganismItemProps) => JSX.Element | null;
+
+declare type OrganismItemWithActiveChildrenProps = {
+    item: ContainerComponentProps$2;
+    activeChildrenIds: string[];
+    formData?: AnyObject$1;
+    setFormData?: Dispatch<SetStateAction<AnyObject$1>>;
 };
-declare const OrganismItem: ({ item, tabsProps }: OrganismItemProps) => JSX.Element | null;
+declare const OrganismItemWithActiveChildren: ({ formData, setFormData, ...props }: OrganismItemWithActiveChildrenProps) => JSX.Element | null;
 
-export { AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, Padding, PaddingVariants, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, getMockValueForSuccessAndFormatError, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+export { AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrganismItemWithActiveChildren, OrientationType, Padding, PaddingVariants, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, getMockValueForSuccessAndFormatError, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.3.45",
+  "version": "0.3.47",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"