@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.
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/Select/Select.d.ts +1 -1
- package/dist/cjs/src/containers/Container.d.ts +7 -3
- package/dist/cjs/src/containers/MoleculeItem.d.ts +1 -1
- package/dist/cjs/src/containers/OrganismItem.d.ts +5 -2
- package/dist/cjs/src/containers/OrganismItemWithActiveChildren.d.ts +5 -2
- package/dist/cjs/src/containers/hooks/index.d.ts +1 -0
- package/dist/cjs/src/containers/hooks/useSetFormData.d.ts +14 -0
- package/dist/cjs/src/containers/types/moleculeTypes.d.ts +6 -3
- package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts +4 -3
- package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts +3 -2
- package/dist/cjs/src/molecules/InputField/InputField.d.ts +3 -2
- package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +2 -1
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +4 -2
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -1
- package/dist/cjs/src/molecules/SelectField/SelectField.d.ts +3 -1
- package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +2 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/Select/Select.d.ts +1 -1
- package/dist/esm/src/containers/Container.d.ts +7 -3
- package/dist/esm/src/containers/MoleculeItem.d.ts +1 -1
- package/dist/esm/src/containers/OrganismItem.d.ts +5 -2
- package/dist/esm/src/containers/OrganismItemWithActiveChildren.d.ts +5 -2
- package/dist/esm/src/containers/hooks/index.d.ts +1 -0
- package/dist/esm/src/containers/hooks/useSetFormData.d.ts +14 -0
- package/dist/esm/src/containers/types/moleculeTypes.d.ts +6 -3
- package/dist/esm/src/molecules/CheckboxField/CheckboxField.d.ts +4 -3
- package/dist/esm/src/molecules/CheckboxField/CheckboxField.stories.d.ts +3 -2
- package/dist/esm/src/molecules/InputField/InputField.d.ts +3 -2
- package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +2 -1
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +4 -2
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -1
- package/dist/esm/src/molecules/SelectField/SelectField.d.ts +3 -1
- package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +2 -1
- package/dist/index.d.ts +26 -12
- 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:
|
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
|
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;
|
@@ -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
|
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
|
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
|
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 };
|