@zealicsolutions/web-ui 0.3.46 → 0.3.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/cjs/index.js +3 -3
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/src/atoms/Select/Select.d.ts +1 -1
  4. package/dist/cjs/src/containers/Container.d.ts +7 -3
  5. package/dist/cjs/src/containers/MoleculeItem.d.ts +1 -1
  6. package/dist/cjs/src/containers/OrganismItem.d.ts +5 -2
  7. package/dist/cjs/src/containers/OrganismItemWithActiveChildren.d.ts +5 -2
  8. package/dist/cjs/src/containers/hooks/index.d.ts +1 -0
  9. package/dist/cjs/src/containers/hooks/useSetFormData.d.ts +14 -0
  10. package/dist/cjs/src/containers/types/moleculeTypes.d.ts +6 -3
  11. package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts +4 -3
  12. package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts +3 -2
  13. package/dist/cjs/src/molecules/InputField/InputField.d.ts +3 -2
  14. package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +2 -1
  15. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +4 -2
  16. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -1
  17. package/dist/cjs/src/molecules/SelectField/SelectField.d.ts +3 -1
  18. package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +2 -1
  19. package/dist/esm/index.js +3 -3
  20. package/dist/esm/index.js.map +1 -1
  21. package/dist/esm/src/atoms/Select/Select.d.ts +1 -1
  22. package/dist/esm/src/containers/Container.d.ts +7 -3
  23. package/dist/esm/src/containers/MoleculeItem.d.ts +1 -1
  24. package/dist/esm/src/containers/OrganismItem.d.ts +5 -2
  25. package/dist/esm/src/containers/OrganismItemWithActiveChildren.d.ts +5 -2
  26. package/dist/esm/src/containers/hooks/index.d.ts +1 -0
  27. package/dist/esm/src/containers/hooks/useSetFormData.d.ts +14 -0
  28. package/dist/esm/src/containers/types/moleculeTypes.d.ts +6 -3
  29. package/dist/esm/src/molecules/CheckboxField/CheckboxField.d.ts +4 -3
  30. package/dist/esm/src/molecules/CheckboxField/CheckboxField.stories.d.ts +3 -2
  31. package/dist/esm/src/molecules/InputField/InputField.d.ts +3 -2
  32. package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +2 -1
  33. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +4 -2
  34. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -1
  35. package/dist/esm/src/molecules/SelectField/SelectField.d.ts +3 -1
  36. package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +2 -1
  37. package/dist/index.d.ts +26 -12
  38. package/package.json +1 -1
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
+ import { RefCallBack } from 'react-hook-form/dist/types';
2
3
  import { ThemeColors } from 'theme';
3
4
  import type { AnyObject, Callback, StylesType } from 'typescript';
4
- import { RefCallBack } from 'react-hook-form/dist/types';
5
5
  export declare type SelectOption = {
6
6
  id: string;
7
7
  label: string;
@@ -1,5 +1,6 @@
1
1
  import { ContainerComponentProps, ContainerProps } from 'containers';
2
- import { ReactNode } from 'react';
2
+ import { Dispatch, ReactNode, SetStateAction } from 'react';
3
+ import { AnyObject } from 'typescript';
3
4
  export declare const Container: ({ children, wide, compact, type, props, id, metadata, }: Partial<{
4
5
  type: import("containers").ContainerType;
5
6
  containerTemplateType: "row_content_container";
@@ -51,10 +52,13 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
51
52
  activeChildrenIds: string[];
52
53
  activeOrganismIds: string[];
53
54
  }>;
54
- metadata: import("../typescript").AnyObject;
55
+ metadata: AnyObject;
55
56
  }> & {
56
57
  children?: ReactNode;
57
58
  } & {
58
59
  id: string;
59
60
  }) => JSX.Element;
60
- export declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, }: ContainerComponentProps) => JSX.Element | null;
61
+ export declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, formData, setFormData, }: ContainerComponentProps & {
62
+ formData?: AnyObject | undefined;
63
+ setFormData?: Dispatch<SetStateAction<AnyObject>> | undefined;
64
+ }) => JSX.Element | null;
@@ -4,6 +4,6 @@ import { TabGroupProps } from 'molecules';
4
4
  export declare const getFullLink: (url: string) => string;
5
5
  export declare const navigateToPage: (url: string) => void;
6
6
  export declare const downloadFile: (url?: string, name?: string) => Promise<void>;
7
- export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id: moleculeId, }: Molecule & {
7
+ export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id: moleculeId, formData, setFormData, }: Molecule & {
8
8
  tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
9
9
  }) => JSX.Element | null;
@@ -1,8 +1,11 @@
1
- /// <reference types="react" />
2
1
  import { ContainerComponentProps, Molecule } from 'containers';
3
2
  import { TabGroupProps } from 'molecules';
3
+ import { Dispatch, SetStateAction } from 'react';
4
+ import { AnyObject } from 'typescript';
4
5
  export declare type OrganismItemProps = {
5
6
  item: ContainerComponentProps | Molecule;
6
7
  tabsProps?: Pick<TabGroupProps, 'tabs' | 'activeTabKey' | 'onTabChange'>;
8
+ formData?: AnyObject;
9
+ setFormData?: Dispatch<SetStateAction<AnyObject>>;
7
10
  };
8
- export declare const OrganismItem: ({ item, tabsProps }: OrganismItemProps) => JSX.Element | null;
11
+ export declare const OrganismItem: ({ item, tabsProps, formData, setFormData }: OrganismItemProps) => JSX.Element | null;
@@ -1,7 +1,10 @@
1
- /// <reference types="react" />
2
1
  import { ContainerComponentProps } from 'containers/types/types';
2
+ import { Dispatch, SetStateAction } from 'react';
3
+ import { AnyObject } from 'typescript';
3
4
  export declare type OrganismItemWithActiveChildrenProps = {
4
5
  item: ContainerComponentProps;
5
6
  activeChildrenIds: string[];
7
+ formData?: AnyObject;
8
+ setFormData?: Dispatch<SetStateAction<AnyObject>>;
6
9
  };
7
- export declare const OrganismItemWithActiveChildren: (props: OrganismItemWithActiveChildrenProps) => JSX.Element | null;
10
+ export declare const OrganismItemWithActiveChildren: ({ formData, setFormData, ...props }: OrganismItemWithActiveChildrenProps) => JSX.Element | null;
@@ -1 +1,2 @@
1
1
  export { useCheckCondition } from './useCheckCondition';
2
+ export { useSetFormData } from './useSetFormData';
@@ -0,0 +1,14 @@
1
+ import { DataConnectionAttributes } from 'containers/types/moleculeTypes';
2
+ import { Dispatch, SetStateAction } from 'react';
3
+ import { AnyObject } from 'typescript';
4
+ declare type UseSetFormDataProps<DefaultValueType> = Partial<{
5
+ defaultValue: DefaultValueType;
6
+ dataModelField: DataConnectionAttributes;
7
+ setFormData: Dispatch<SetStateAction<AnyObject>>;
8
+ }>;
9
+ export declare const useSetFormData: <DefaultValueType>({ setFormData, defaultValue, dataModelField, }: Partial<{
10
+ defaultValue: DefaultValueType;
11
+ dataModelField: DataConnectionAttributes;
12
+ setFormData: Dispatch<SetStateAction<AnyObject>>;
13
+ }>) => void;
14
+ export {};
@@ -1,5 +1,6 @@
1
1
  import { LinkVariant, SelectOption } from 'atoms';
2
2
  import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, Consent, ImageProps, InputFieldProps, LinkProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
3
+ import { Dispatch, SetStateAction } from 'react';
3
4
  import { UseFormReturn } from 'react-hook-form';
4
5
  import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
5
6
  import { ConditionConfig, ContainerComponentProps } from './types';
@@ -225,7 +226,9 @@ export interface LinkMolecule extends BaseMolecule {
225
226
  }>;
226
227
  };
227
228
  }
228
- export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule> & {
229
- form?: UseFormReturn<any>;
230
- };
229
+ export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule> & Partial<{
230
+ form: UseFormReturn<any>;
231
+ formData: AnyObject;
232
+ setFormData: Dispatch<SetStateAction<AnyObject>>;
233
+ }>;
231
234
  export {};
@@ -3,7 +3,7 @@ import { SelectOption } from 'atoms';
3
3
  import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
4
4
  import { ConditionConfig, FormStateType } from 'containers';
5
5
  import { Control, ControllerProps } from 'react-hook-form/dist/types';
6
- import type { StylesType } from 'typescript';
6
+ import type { AnyObject, StylesType } from 'typescript';
7
7
  import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
8
8
  export declare type CheckboxesProps = Partial<{
9
9
  checkboxGroupWrapperStyles: StylesType;
@@ -28,6 +28,7 @@ export declare type CheckboxFieldProps = Partial<{
28
28
  wrapperStyles: StylesType;
29
29
  conditionConfig: ConditionConfig;
30
30
  state: FormStateType;
31
- defaultValue: string;
31
+ defaultValue: string[];
32
+ formData: AnyObject;
32
33
  }>;
33
- export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, }: CheckboxFieldProps) => JSX.Element | null;
34
+ export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, }: CheckboxFieldProps) => JSX.Element | null;
@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
3
3
  import { CheckboxField as CheckboxFieldComponent } from 'molecules';
4
4
  declare const _default: {
5
5
  title: string;
6
- component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, }: Partial<{
6
+ component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, }: Partial<{
7
7
  checkboxesProps: Partial<{
8
8
  checkboxGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
9
9
  checkboxFieldWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
@@ -50,7 +50,8 @@ declare const _default: {
50
50
  wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
51
51
  conditionConfig: import("../..").ConditionConfig;
52
52
  state: import("../..").FormStateType;
53
- defaultValue: string;
53
+ defaultValue: string[];
54
+ formData: import("../../typescript").AnyObject;
54
55
  }>) => JSX.Element | null;
55
56
  };
56
57
  export default _default;
@@ -3,7 +3,7 @@ import { InputProps } from 'atoms';
3
3
  import { ConditionConfig, FormStateType } from 'containers';
4
4
  import { InputFieldTypes } from 'fieldsConfiguration';
5
5
  import { Control, ControllerProps } from 'react-hook-form/dist/types';
6
- import type { StylesType } from 'typescript';
6
+ import type { AnyObject, StylesType } from 'typescript';
7
7
  import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
8
8
  export declare type InputFieldProps = Partial<{
9
9
  name: string;
@@ -17,8 +17,9 @@ export declare type InputFieldProps = Partial<{
17
17
  labelsProps: FieldLabelsProps;
18
18
  conditionConfig: ConditionConfig;
19
19
  state: FormStateType;
20
+ formData: AnyObject;
20
21
  }>;
21
22
  declare type ReturnValueType = Record<FormStateType, string>;
22
23
  export declare const getMockValueForSuccessAndFormatError: (type: InputFieldTypes) => ReturnValueType;
23
- export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, }: InputFieldProps) => JSX.Element | null;
24
+ export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, }: InputFieldProps) => JSX.Element | null;
24
25
  export {};
@@ -3,7 +3,7 @@ import { StoryFn } from '@storybook/react';
3
3
  import { InputFieldProps } from './InputField';
4
4
  declare const _default: {
5
5
  title: string;
6
- component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, }: Partial<{
6
+ component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, }: Partial<{
7
7
  name: string;
8
8
  control: import("react-hook-form").Control<any, any>;
9
9
  rules: Omit<Partial<{
@@ -61,6 +61,7 @@ declare const _default: {
61
61
  labelsProps: import("..").FieldLabelsProps;
62
62
  conditionConfig: import("../..").ConditionConfig;
63
63
  state: import("../..").FormStateType;
64
+ formData: import("typescript").AnyObject;
64
65
  }>) => JSX.Element | null;
65
66
  };
66
67
  export default _default;
@@ -2,7 +2,7 @@
2
2
  import { RadioButtonInternalConfigProps, RadioButtonsProps } from 'atoms';
3
3
  import { ConditionConfig, FormStateType } from 'containers';
4
4
  import { Control, ControllerProps } from 'react-hook-form/dist/types';
5
- import type { StylesType } from 'typescript';
5
+ import type { AnyObject, StylesType } from 'typescript';
6
6
  import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
7
7
  export declare type RadioButtonFieldProps<T extends string> = Partial<{
8
8
  name: string;
@@ -17,8 +17,9 @@ export declare type RadioButtonFieldProps<T extends string> = Partial<{
17
17
  internalConfig: RadioButtonInternalConfigProps;
18
18
  conditionConfig: ConditionConfig;
19
19
  state: FormStateType;
20
+ formData: AnyObject;
20
21
  }>;
21
- export declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, }: Partial<{
22
+ export declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, }: Partial<{
22
23
  name: string;
23
24
  rules: ControllerProps['rules'];
24
25
  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,
62
63
  }>;
63
64
  conditionConfig: ConditionConfig;
64
65
  state: FormStateType;
66
+ formData: AnyObject;
65
67
  }>) => JSX.Element | null;
@@ -3,7 +3,7 @@ import type { ComponentStory } from '@storybook/react';
3
3
  import { RadioButtonField as RadioButtonFieldComponent } from './RadioButtonField';
4
4
  declare const _default: {
5
5
  title: string;
6
- component: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, }: Partial<{
6
+ component: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, }: Partial<{
7
7
  name: string;
8
8
  rules: Omit<Partial<{
9
9
  required: string | import("react-hook-form").ValidationRule<boolean>;
@@ -64,6 +64,7 @@ declare const _default: {
64
64
  }>;
65
65
  conditionConfig: import("../..").ConditionConfig;
66
66
  state: import("../..").FormStateType;
67
+ formData: import("typescript").AnyObject;
67
68
  }>) => JSX.Element | null;
68
69
  };
69
70
  export default _default;
@@ -3,6 +3,7 @@ import { SelectProps } from 'atoms';
3
3
  import { ConditionConfig, FormStateType } from 'containers';
4
4
  import { Control, ControllerProps } from 'react-hook-form/dist/types';
5
5
  import type { StylesType } from 'typescript';
6
+ import { AnyObject } from 'typescript';
6
7
  import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
7
8
  export declare type SelectFieldProps = Partial<{
8
9
  selectProps: SelectProps;
@@ -16,5 +17,6 @@ export declare type SelectFieldProps = Partial<{
16
17
  styles: StylesType;
17
18
  conditionConfig: ConditionConfig;
18
19
  state: FormStateType;
20
+ formData: AnyObject;
19
21
  }>;
20
- export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, }: SelectFieldProps) => JSX.Element | null;
22
+ export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, }: SelectFieldProps) => JSX.Element | null;
@@ -3,7 +3,7 @@ import { StoryFn } from '@storybook/react';
3
3
  import { SelectFieldProps } from './SelectField';
4
4
  declare const _default: {
5
5
  title: string;
6
- component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, }: Partial<{
6
+ component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, }: Partial<{
7
7
  selectProps: Partial<{
8
8
  ref: import("react-hook-form").RefCallBack;
9
9
  onBlur: import("typescript").Callback;
@@ -45,6 +45,7 @@ declare const _default: {
45
45
  styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
46
46
  conditionConfig: import("../..").ConditionConfig;
47
47
  state: import("../..").FormStateType;
48
+ formData: import("typescript").AnyObject;
48
49
  }>) => JSX.Element | null;
49
50
  };
50
51
  export default _default;
package/dist/index.d.ts CHANGED
@@ -978,10 +978,11 @@ declare type InputFieldProps = Partial<{
978
978
  labelsProps: FieldLabelsProps;
979
979
  conditionConfig: ConditionConfig$1;
980
980
  state: FormStateType$1;
981
+ formData: AnyObject$1;
981
982
  }>;
982
983
  declare type ReturnValueType = Record<FormStateType$1, string>;
983
984
  declare const getMockValueForSuccessAndFormatError: (type: InputFieldTypes$2) => ReturnValueType;
984
- declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, }: InputFieldProps) => JSX.Element | null;
985
+ declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, }: InputFieldProps) => JSX.Element | null;
985
986
 
986
987
  declare type FieldMapperProps<T extends object> = {
987
988
  field: UIField$1<keyof T>;
@@ -1017,9 +1018,10 @@ declare type CheckboxFieldProps = Partial<{
1017
1018
  wrapperStyles: StylesType;
1018
1019
  conditionConfig: ConditionConfig$1;
1019
1020
  state: FormStateType$1;
1020
- defaultValue: string;
1021
+ defaultValue: string[];
1022
+ formData: AnyObject$1;
1021
1023
  }>;
1022
- declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, }: CheckboxFieldProps) => JSX.Element | null;
1024
+ declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, }: CheckboxFieldProps) => JSX.Element | null;
1023
1025
 
1024
1026
  declare type CheckboxGroupProps = Partial<{
1025
1027
  ref: RefCallBack;
@@ -1041,8 +1043,9 @@ declare type SelectFieldProps = Partial<{
1041
1043
  styles: StylesType;
1042
1044
  conditionConfig: ConditionConfig$1;
1043
1045
  state: FormStateType$1;
1046
+ formData: AnyObject$1;
1044
1047
  }>;
1045
- declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, }: SelectFieldProps) => JSX.Element | null;
1048
+ declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, }: SelectFieldProps) => JSX.Element | null;
1046
1049
 
1047
1050
  declare type CustomValidationRule<T = string> = {
1048
1051
  text: string;
@@ -1194,8 +1197,9 @@ declare type RadioButtonFieldProps<T extends string> = Partial<{
1194
1197
  internalConfig: RadioButtonInternalConfigProps$1;
1195
1198
  conditionConfig: ConditionConfig$1;
1196
1199
  state: FormStateType$1;
1200
+ formData: AnyObject$1;
1197
1201
  }>;
1198
- declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, }: Partial<{
1202
+ declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, }: Partial<{
1199
1203
  name: string;
1200
1204
  rules: ControllerProps$1['rules'];
1201
1205
  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
1239
1243
  }>;
1240
1244
  conditionConfig: ConditionConfig$1;
1241
1245
  state: FormStateType$1;
1246
+ formData: AnyObject$1;
1242
1247
  }>) => JSX.Element | null;
1243
1248
 
1244
1249
  declare type AlertProps = {
@@ -1513,13 +1518,16 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
1513
1518
  activeChildrenIds: string[];
1514
1519
  activeOrganismIds: string[];
1515
1520
  }>;
1516
- metadata: AnyObject;
1521
+ metadata: AnyObject$1;
1517
1522
  }> & {
1518
1523
  children?: ReactNode;
1519
1524
  } & {
1520
1525
  id: string;
1521
1526
  }) => JSX.Element;
1522
- declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, }: ContainerComponentProps$1) => JSX.Element | null;
1527
+ declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, formData, setFormData, }: ContainerComponentProps$1 & {
1528
+ formData?: AnyObject$1 | undefined;
1529
+ setFormData?: Dispatch<SetStateAction<AnyObject$1>> | undefined;
1530
+ }) => JSX.Element | null;
1523
1531
 
1524
1532
  declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
1525
1533
  declare type DownloadFile = {
@@ -1743,9 +1751,11 @@ interface LinkMolecule extends BaseMolecule {
1743
1751
  }>;
1744
1752
  };
1745
1753
  }
1746
- declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule> & {
1747
- form?: UseFormReturn<any>;
1748
- };
1754
+ declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule> & Partial<{
1755
+ form: UseFormReturn<any>;
1756
+ formData: AnyObject$1;
1757
+ setFormData: Dispatch<SetStateAction<AnyObject$1>>;
1758
+ }>;
1749
1759
 
1750
1760
  declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
1751
1761
  declare type ContainerTemplateType = 'row_content_container';
@@ -1845,13 +1855,17 @@ declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_
1845
1855
  declare type OrganismItemProps = {
1846
1856
  item: ContainerComponentProps$1 | Molecule$1;
1847
1857
  tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
1858
+ formData?: AnyObject$1;
1859
+ setFormData?: Dispatch<SetStateAction<AnyObject$1>>;
1848
1860
  };
1849
- declare const OrganismItem: ({ item, tabsProps }: OrganismItemProps) => JSX.Element | null;
1861
+ declare const OrganismItem: ({ item, tabsProps, formData, setFormData }: OrganismItemProps) => JSX.Element | null;
1850
1862
 
1851
1863
  declare type OrganismItemWithActiveChildrenProps = {
1852
1864
  item: ContainerComponentProps$2;
1853
1865
  activeChildrenIds: string[];
1866
+ formData?: AnyObject$1;
1867
+ setFormData?: Dispatch<SetStateAction<AnyObject$1>>;
1854
1868
  };
1855
- declare const OrganismItemWithActiveChildren: (props: OrganismItemWithActiveChildrenProps) => JSX.Element | null;
1869
+ declare const OrganismItemWithActiveChildren: ({ formData, setFormData, ...props }: OrganismItemWithActiveChildrenProps) => JSX.Element | null;
1856
1870
 
1857
1871
  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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zealicsolutions/web-ui",
3
- "version": "0.3.46",
3
+ "version": "0.3.48",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"