@zealicsolutions/web-ui 0.3.46 → 0.3.47

Sign up to get free protection for your applications and to get access to all the features.
Files changed (38) hide show
  1. package/dist/cjs/index.js +2 -2
  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 +2 -2
  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.47",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"