@zealicsolutions/web-ui 0.3.81 → 0.3.82
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +16 -16
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/containers/Container.d.ts +1 -1
- package/dist/cjs/src/containers/Container.stories.d.ts +2 -1
- package/dist/cjs/src/containers/FormStepContainer.d.ts +3 -2
- package/dist/cjs/src/containers/MoleculeItem.d.ts +1 -1
- package/dist/cjs/src/containers/mock-data.d.ts +1 -0
- package/dist/cjs/src/containers/types/moleculeTypes.d.ts +24 -5
- package/dist/cjs/src/containers/types/types.d.ts +23 -2
- package/dist/cjs/src/contexts/StateContext/StateContext.d.ts +6 -0
- package/dist/cjs/src/contexts/StateContext/StateContextProvider.d.ts +6 -0
- package/dist/cjs/src/contexts/hooks/index.d.ts +1 -0
- package/dist/cjs/src/contexts/hooks/useStateContext.d.ts +1 -0
- package/dist/cjs/src/fieldsConfiguration/mock.d.ts +2 -0
- package/dist/cjs/src/molecules/FieldLabels/FieldLabels.d.ts +2 -2
- package/dist/cjs/src/molecules/PasswordSetup/PasswordSetup.d.ts +18 -0
- package/dist/cjs/src/molecules/PasswordSetup/PasswordSetup.stories.d.ts +8 -0
- package/dist/cjs/src/organisms/FeedContent/styles.d.ts +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/containers/Container.d.ts +1 -1
- package/dist/esm/src/containers/Container.stories.d.ts +2 -1
- package/dist/esm/src/containers/FormStepContainer.d.ts +3 -2
- package/dist/esm/src/containers/MoleculeItem.d.ts +1 -1
- package/dist/esm/src/containers/mock-data.d.ts +1 -0
- package/dist/esm/src/containers/types/moleculeTypes.d.ts +24 -5
- package/dist/esm/src/containers/types/types.d.ts +23 -2
- package/dist/esm/src/contexts/StateContext/StateContext.d.ts +6 -0
- package/dist/esm/src/contexts/StateContext/StateContextProvider.d.ts +6 -0
- package/dist/esm/src/contexts/hooks/index.d.ts +1 -0
- package/dist/esm/src/contexts/hooks/useStateContext.d.ts +1 -0
- package/dist/esm/src/fieldsConfiguration/mock.d.ts +2 -0
- package/dist/esm/src/molecules/FieldLabels/FieldLabels.d.ts +2 -2
- package/dist/esm/src/molecules/PasswordSetup/PasswordSetup.d.ts +18 -0
- package/dist/esm/src/molecules/PasswordSetup/PasswordSetup.stories.d.ts +8 -0
- package/dist/esm/src/organisms/FeedContent/styles.d.ts +1 -1
- package/dist/index.d.ts +50 -9
- package/package.json +1 -1
@@ -52,7 +52,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
|
|
52
52
|
activeChildrenIds: string[];
|
53
53
|
activeOrganismIds: string[];
|
54
54
|
}>;
|
55
|
-
metadata:
|
55
|
+
metadata: import("containers").MetadataType;
|
56
56
|
isMobile: boolean;
|
57
57
|
}> & {
|
58
58
|
children?: ReactNode;
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import type { Meta, StoryFn } from '@storybook/react';
|
2
|
-
import { ContainerComponent, ContainerComponentProps } from 'containers';
|
2
|
+
import { ContainerComponent, ContainerComponentProps, StateConfigType } from 'containers';
|
3
3
|
declare const meta: Meta<typeof ContainerComponent>;
|
4
4
|
export default meta;
|
5
5
|
declare type Story = StoryFn<ContainerComponentProps>;
|
6
6
|
export declare const Container: Story;
|
7
|
+
export declare const stateObject: StateConfigType;
|
@@ -1,6 +1,7 @@
|
|
1
|
-
import { FormStepContainerProps } from 'containers';
|
1
|
+
import { FormStepContainerProps, MetadataType } from 'containers';
|
2
2
|
import { PropsWithChildren } from 'react';
|
3
3
|
export declare type StepContainerProps = PropsWithChildren<Partial<FormStepContainerProps>> & {
|
4
4
|
id: string;
|
5
|
+
metadata?: MetadataType;
|
5
6
|
};
|
6
|
-
export declare const FormStepContainer: ({ order, id }: StepContainerProps) => JSX.Element | null;
|
7
|
+
export declare const FormStepContainer: ({ order, id, metadata }: StepContainerProps) => JSX.Element | null;
|
@@ -3,7 +3,7 @@ import { TabGroupProps } from 'molecules';
|
|
3
3
|
export declare const getFullLink: (url: string) => string;
|
4
4
|
export declare const navigateToPage: (url: string) => void;
|
5
5
|
export declare const downloadFile: (url?: string, name?: string) => Promise<void>;
|
6
|
-
export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id, formData, setFormData, isMobile, }: Molecule & {
|
6
|
+
export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id, formData, setFormData, isMobile, validations, }: Molecule & {
|
7
7
|
tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
|
8
8
|
isMobile?: boolean | undefined;
|
9
9
|
}) => JSX.Element | null;
|
@@ -11,3 +11,4 @@ export declare const rowRepeaterContainerSingle: ContainerComponentProps;
|
|
11
11
|
export declare const columnRepeaterContainer: ContainerComponentProps;
|
12
12
|
export declare const outlinedColumnContainer: ContainerComponentProps;
|
13
13
|
export declare const headerContainer: ContainerComponentProps;
|
14
|
+
export declare const headerContainerWithTabs: ContainerComponentProps;
|
@@ -1,9 +1,10 @@
|
|
1
1
|
import { LinkVariant, SelectOption } from 'atoms';
|
2
2
|
import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, ConsentType, ImageProps, InputFieldProps, LinkProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
|
3
|
+
import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
|
3
4
|
import { Dispatch, SetStateAction } from 'react';
|
4
5
|
import { UseFormReturn } from 'react-hook-form';
|
5
6
|
import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
|
6
|
-
import { ConditionConfig, ContainerComponentProps } from './types';
|
7
|
+
import { ConditionConfig, ContainerComponentProps, MetadataType } from './types';
|
7
8
|
export declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
|
8
9
|
export declare type DownloadFile = {
|
9
10
|
url: string;
|
@@ -28,7 +29,7 @@ declare type Action = {
|
|
28
29
|
reset: ResetAction;
|
29
30
|
destroy: DestroyAction;
|
30
31
|
}>;
|
31
|
-
export declare type FormStateType = 'default' | 'success' | 'format_error' | 'field_error' | 'open_dropdown';
|
32
|
+
export declare type FormStateType = 'default' | 'success' | 'format_error' | 'field_error' | 'open_dropdown' | 'match_error';
|
32
33
|
export declare type ImageAttributes = {
|
33
34
|
attributeType: 'image';
|
34
35
|
imageSource: string;
|
@@ -87,12 +88,12 @@ export interface ColorAttributes {
|
|
87
88
|
attributeType: 'color';
|
88
89
|
color: string;
|
89
90
|
}
|
90
|
-
export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link';
|
91
|
+
export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link' | 'password_setup_field';
|
91
92
|
export interface BaseMolecule {
|
92
93
|
id: string;
|
93
94
|
instance: 'molecule';
|
94
95
|
type: MoleculeTypes;
|
95
|
-
metadata?:
|
96
|
+
metadata?: MetadataType;
|
96
97
|
}
|
97
98
|
export interface ImageMolecule extends BaseMolecule {
|
98
99
|
type: 'image';
|
@@ -232,9 +233,27 @@ export interface LinkMolecule extends BaseMolecule {
|
|
232
233
|
}>;
|
233
234
|
};
|
234
235
|
}
|
235
|
-
export
|
236
|
+
export interface PasswordSetupMolecule extends BaseMolecule {
|
237
|
+
type: 'password_setup_field';
|
238
|
+
attributes: Partial<{
|
239
|
+
passwordFieldLabel: TextAttributes;
|
240
|
+
reenteredPasswordFieldLabel: TextAttributes;
|
241
|
+
passwordFieldRequired: BooleanAttributes;
|
242
|
+
reenteredPasswordFieldRequired: BooleanAttributes;
|
243
|
+
dataModelField: DataConnectionAttributes;
|
244
|
+
}>;
|
245
|
+
config: {
|
246
|
+
props: {
|
247
|
+
validationLabel?: string;
|
248
|
+
passwordInputProps: InputFieldProps;
|
249
|
+
reenteredPasswordInputProps: InputFieldProps;
|
250
|
+
};
|
251
|
+
};
|
252
|
+
}
|
253
|
+
export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule> & Partial<{
|
236
254
|
form: UseFormReturn<any>;
|
237
255
|
formData: AnyObject;
|
238
256
|
setFormData: Dispatch<SetStateAction<AnyObject>>;
|
257
|
+
validations: PasswordRuleValidation[];
|
239
258
|
}>;
|
240
259
|
export {};
|
@@ -10,6 +10,26 @@ export declare type ContainerTemplateType = 'row_content_container';
|
|
10
10
|
export declare type WrappedContainerType = Extract<ContainerType, 'slider' | 'form' | 'form_step'>;
|
11
11
|
export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
|
12
12
|
export declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
|
13
|
+
export declare type StateActionType = 'visible' | 'disabled';
|
14
|
+
export declare type StateEventType = 'click' | 'view';
|
15
|
+
export declare type StateListenerConfigType = {
|
16
|
+
stateRole: 'stateListener';
|
17
|
+
stateKey: string;
|
18
|
+
stateValue: string;
|
19
|
+
defaultState: Record<StateActionType, boolean>;
|
20
|
+
action: Record<StateActionType, boolean>;
|
21
|
+
};
|
22
|
+
export declare type StateModifierConfigType = {
|
23
|
+
stateRole: 'stateModifier';
|
24
|
+
stateKey: string;
|
25
|
+
event: StateEventType;
|
26
|
+
};
|
27
|
+
export declare type MetadataStateConfig = StateListenerConfigType | StateModifierConfigType;
|
28
|
+
export declare type MetadataType = AnyObject & {
|
29
|
+
stateConfig: MetadataStateConfig[];
|
30
|
+
notEditable?: boolean;
|
31
|
+
hasOwnButton?: boolean;
|
32
|
+
};
|
13
33
|
export declare type SliderProps = {
|
14
34
|
autoplay?: boolean;
|
15
35
|
autoplayDuration?: number;
|
@@ -48,7 +68,7 @@ export declare type ContainerProps = PropsWithChildren<Partial<{
|
|
48
68
|
wide: AdditionalContainerProps;
|
49
69
|
compact: AdditionalContainerProps;
|
50
70
|
props: ContainerPropsType;
|
51
|
-
metadata:
|
71
|
+
metadata: MetadataType;
|
52
72
|
isMobile: boolean;
|
53
73
|
}>>;
|
54
74
|
export declare type ContainerComponentProps = {
|
@@ -62,7 +82,7 @@ export declare type ContainerComponentProps = {
|
|
62
82
|
props: ContainerPropsType;
|
63
83
|
}>;
|
64
84
|
tabsProps?: Pick<TabGroupProps, 'tabs' | 'activeTabKey' | 'onTabChange'>;
|
65
|
-
metadata?:
|
85
|
+
metadata?: MetadataType;
|
66
86
|
attributes?: AnyObject;
|
67
87
|
containerLibraryId?: string;
|
68
88
|
isMobile?: boolean;
|
@@ -83,3 +103,4 @@ export declare type ConditionConfig = Nullable<{
|
|
83
103
|
segmentationType: SegmentationType;
|
84
104
|
criteriaList: ConditionCriteria[];
|
85
105
|
}>;
|
106
|
+
export declare type StateConfigType = Record<string, Nullable<boolean | string>>;
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { StateConfigType } from 'containers';
|
2
|
+
import { PropsWithChildren } from 'react';
|
3
|
+
export declare type StateContextProviderProps = PropsWithChildren<{
|
4
|
+
initStateConfig: StateConfigType;
|
5
|
+
}>;
|
6
|
+
export declare const StateContextProvider: ({ initStateConfig, children }: StateContextProviderProps) => JSX.Element;
|
@@ -2,3 +2,4 @@ export { useFormStepContext } from './useFormStepContext';
|
|
2
2
|
export { useButtonActionsContext } from './useButtonActionsContext';
|
3
3
|
export { useMlrRichTextViewerContext } from './useMlrRichTextViewerContext';
|
4
4
|
export { useOrganismContext } from './useOrganismContext';
|
5
|
+
export { useStateContext } from './useStateContext';
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const useStateContext: () => import("contexts/StateContext/StateContext").StateContextType;
|
@@ -1,8 +1,10 @@
|
|
1
1
|
import { UIFields } from 'fieldsConfiguration/types';
|
2
|
+
import { PasswordFields } from 'molecules/PasswordSetup/PasswordSetup';
|
2
3
|
import { LoginFields } from 'organisms/LoginForm/types';
|
3
4
|
import { SetPasswordFields } from 'organisms/SetPasswordForm/types';
|
4
5
|
export declare const acquisitionFormMockFields: UIFields<Record<string, string>>;
|
5
6
|
export declare const setPasswordMockFields: UIFields<SetPasswordFields>;
|
7
|
+
export declare const passwordMockFields: UIFields<PasswordFields>;
|
6
8
|
export declare const loginMockFields: UIFields<LoginFields>;
|
7
9
|
export declare const sectionMockFields: UIFields<Record<string, string>>;
|
8
10
|
export declare const profileInformationMockForm: {
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import type { StylesType } from 'typescript';
|
2
1
|
import { FontSizesTypes, ThemeColors } from 'theme';
|
2
|
+
import type { Nullable, StylesType } from 'typescript';
|
3
3
|
export declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
|
4
4
|
export declare type LabelInternalConfig = {
|
5
5
|
fontVariant: FontSizesTypes;
|
@@ -33,7 +33,7 @@ export declare type FieldLabelsProps = {
|
|
33
33
|
tooltipText?: string;
|
34
34
|
isError?: boolean;
|
35
35
|
isTooltipVisible?: boolean;
|
36
|
-
ruleLabel?: FieldRuleLabelTypes
|
36
|
+
ruleLabel?: Nullable<FieldRuleLabelTypes>;
|
37
37
|
labelInternalConfig?: LabelInternalConfig;
|
38
38
|
ruleLabelInternalConfig?: RuleLabelInternalConfig;
|
39
39
|
tooltipInternalConfig?: TooltipInternalConfig;
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { UIFields } from 'fieldsConfiguration';
|
2
|
+
import { MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
|
3
|
+
import { UseFormReturn } from 'react-hook-form';
|
4
|
+
export declare type PasswordRuleValidation = {
|
5
|
+
label: string;
|
6
|
+
rule: MaxRuleValidation | MinRuleValidation;
|
7
|
+
};
|
8
|
+
export declare type PasswordFields = {
|
9
|
+
password: string;
|
10
|
+
reenteredPassword?: string;
|
11
|
+
};
|
12
|
+
export declare type PasswordSetupProps = {
|
13
|
+
fields: UIFields<PasswordFields>;
|
14
|
+
validations: PasswordRuleValidation[];
|
15
|
+
form?: UseFormReturn<any>;
|
16
|
+
validationLabel?: string;
|
17
|
+
};
|
18
|
+
export declare const PasswordSetup: ({ fields, validations, form, validationLabel, }: PasswordSetupProps) => JSX.Element;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import type { ComponentStory } from '@storybook/react';
|
2
|
+
import { PasswordSetup as PasswordSetupComponent } from './PasswordSetup';
|
3
|
+
declare const _default: {
|
4
|
+
title: string;
|
5
|
+
component: ({ fields, validations, form, validationLabel, }: import("./PasswordSetup").PasswordSetupProps) => JSX.Element;
|
6
|
+
};
|
7
|
+
export default _default;
|
8
|
+
export declare const PasswordSetup: ComponentStory<typeof PasswordSetupComponent>;
|
@@ -15,5 +15,5 @@ export declare const CloseButton: import("styled-components").StyledComponent<"d
|
|
15
15
|
disabled?: boolean | undefined;
|
16
16
|
} & {
|
17
17
|
children?: import("react").ReactNode;
|
18
|
-
} & Pick<FeedContentProps, "
|
18
|
+
} & Pick<FeedContentProps, "feedContentTemplate" | "withCloseIcon">, never>;
|
19
19
|
export declare const PdfWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<FeedContentProps, "showDefaultDocumentStyles">, never>;
|
package/dist/index.d.ts
CHANGED
@@ -36,6 +36,7 @@ import { ISIAProps } from 'organisms/ISI/ISIA';
|
|
36
36
|
import { HeaderAProps as HeaderAProps$1 } from 'organisms/Header/HeaderA';
|
37
37
|
import { FeedContentProps as FeedContentProps$1, FeedContentTemplateTypes as FeedContentTemplateTypes$1 } from 'organisms/FeedContent/types';
|
38
38
|
import { AlertProps as AlertProps$2 } from 'molecules/Alert/Alert';
|
39
|
+
import { PasswordFields, PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
|
39
40
|
import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
|
40
41
|
import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
|
41
42
|
import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
|
@@ -153,6 +154,7 @@ declare const getFieldsFromFieldSections: <T extends object>(sections: Pick<Fiel
|
|
153
154
|
|
154
155
|
declare const acquisitionFormMockFields: UIFields$1<Record<string, string>>;
|
155
156
|
declare const setPasswordMockFields: UIFields$1<SetPasswordFields>;
|
157
|
+
declare const passwordMockFields: UIFields$1<PasswordFields>;
|
156
158
|
declare const loginMockFields: UIFields$1<LoginFields$1>;
|
157
159
|
declare const sectionMockFields: UIFields$1<Record<string, string>>;
|
158
160
|
declare const profileInformationMockForm: {
|
@@ -968,7 +970,7 @@ declare type FieldLabelsProps = {
|
|
968
970
|
tooltipText?: string;
|
969
971
|
isError?: boolean;
|
970
972
|
isTooltipVisible?: boolean;
|
971
|
-
ruleLabel?: FieldRuleLabelTypes
|
973
|
+
ruleLabel?: Nullable<FieldRuleLabelTypes>;
|
972
974
|
labelInternalConfig?: LabelInternalConfig;
|
973
975
|
ruleLabelInternalConfig?: RuleLabelInternalConfig;
|
974
976
|
tooltipInternalConfig?: TooltipInternalConfig;
|
@@ -1528,7 +1530,7 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
|
|
1528
1530
|
activeChildrenIds: string[];
|
1529
1531
|
activeOrganismIds: string[];
|
1530
1532
|
}>;
|
1531
|
-
metadata:
|
1533
|
+
metadata: containers.MetadataType;
|
1532
1534
|
isMobile: boolean;
|
1533
1535
|
}> & {
|
1534
1536
|
children?: ReactNode;
|
@@ -1564,7 +1566,7 @@ declare type Action = {
|
|
1564
1566
|
reset: ResetAction;
|
1565
1567
|
destroy: DestroyAction;
|
1566
1568
|
}>;
|
1567
|
-
declare type FormStateType = 'default' | 'success' | 'format_error' | 'field_error' | 'open_dropdown';
|
1569
|
+
declare type FormStateType = 'default' | 'success' | 'format_error' | 'field_error' | 'open_dropdown' | 'match_error';
|
1568
1570
|
declare type ImageAttributes = {
|
1569
1571
|
attributeType: 'image';
|
1570
1572
|
imageSource: string;
|
@@ -1623,12 +1625,12 @@ interface ColorAttributes {
|
|
1623
1625
|
attributeType: 'color';
|
1624
1626
|
color: string;
|
1625
1627
|
}
|
1626
|
-
declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link';
|
1628
|
+
declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link' | 'password_setup_field';
|
1627
1629
|
interface BaseMolecule {
|
1628
1630
|
id: string;
|
1629
1631
|
instance: 'molecule';
|
1630
1632
|
type: MoleculeTypes;
|
1631
|
-
metadata?:
|
1633
|
+
metadata?: MetadataType;
|
1632
1634
|
}
|
1633
1635
|
interface ImageMolecule extends BaseMolecule {
|
1634
1636
|
type: 'image';
|
@@ -1768,10 +1770,28 @@ interface LinkMolecule extends BaseMolecule {
|
|
1768
1770
|
}>;
|
1769
1771
|
};
|
1770
1772
|
}
|
1771
|
-
|
1773
|
+
interface PasswordSetupMolecule extends BaseMolecule {
|
1774
|
+
type: 'password_setup_field';
|
1775
|
+
attributes: Partial<{
|
1776
|
+
passwordFieldLabel: TextAttributes;
|
1777
|
+
reenteredPasswordFieldLabel: TextAttributes;
|
1778
|
+
passwordFieldRequired: BooleanAttributes;
|
1779
|
+
reenteredPasswordFieldRequired: BooleanAttributes;
|
1780
|
+
dataModelField: DataConnectionAttributes;
|
1781
|
+
}>;
|
1782
|
+
config: {
|
1783
|
+
props: {
|
1784
|
+
validationLabel?: string;
|
1785
|
+
passwordInputProps: InputFieldProps$1;
|
1786
|
+
reenteredPasswordInputProps: InputFieldProps$1;
|
1787
|
+
};
|
1788
|
+
};
|
1789
|
+
}
|
1790
|
+
declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule> & Partial<{
|
1772
1791
|
form: UseFormReturn<any>;
|
1773
1792
|
formData: AnyObject$1;
|
1774
1793
|
setFormData: Dispatch<SetStateAction<AnyObject$1>>;
|
1794
|
+
validations: PasswordRuleValidation[];
|
1775
1795
|
}>;
|
1776
1796
|
|
1777
1797
|
declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
|
@@ -1779,6 +1799,26 @@ declare type ContainerTemplateType = 'row_content_container';
|
|
1779
1799
|
declare type WrappedContainerType = Extract<ContainerType, 'slider' | 'form' | 'form_step'>;
|
1780
1800
|
declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
|
1781
1801
|
declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
|
1802
|
+
declare type StateActionType = 'visible' | 'disabled';
|
1803
|
+
declare type StateEventType = 'click' | 'view';
|
1804
|
+
declare type StateListenerConfigType = {
|
1805
|
+
stateRole: 'stateListener';
|
1806
|
+
stateKey: string;
|
1807
|
+
stateValue: string;
|
1808
|
+
defaultState: Record<StateActionType, boolean>;
|
1809
|
+
action: Record<StateActionType, boolean>;
|
1810
|
+
};
|
1811
|
+
declare type StateModifierConfigType = {
|
1812
|
+
stateRole: 'stateModifier';
|
1813
|
+
stateKey: string;
|
1814
|
+
event: StateEventType;
|
1815
|
+
};
|
1816
|
+
declare type MetadataStateConfig = StateListenerConfigType | StateModifierConfigType;
|
1817
|
+
declare type MetadataType = AnyObject$1 & {
|
1818
|
+
stateConfig: MetadataStateConfig[];
|
1819
|
+
notEditable?: boolean;
|
1820
|
+
hasOwnButton?: boolean;
|
1821
|
+
};
|
1782
1822
|
declare type SliderProps = {
|
1783
1823
|
autoplay?: boolean;
|
1784
1824
|
autoplayDuration?: number;
|
@@ -1817,7 +1857,7 @@ declare type ContainerProps = PropsWithChildren<Partial<{
|
|
1817
1857
|
wide: AdditionalContainerProps;
|
1818
1858
|
compact: AdditionalContainerProps;
|
1819
1859
|
props: ContainerPropsType;
|
1820
|
-
metadata:
|
1860
|
+
metadata: MetadataType;
|
1821
1861
|
isMobile: boolean;
|
1822
1862
|
}>>;
|
1823
1863
|
declare type ContainerComponentProps = {
|
@@ -1831,7 +1871,7 @@ declare type ContainerComponentProps = {
|
|
1831
1871
|
props: ContainerPropsType;
|
1832
1872
|
}>;
|
1833
1873
|
tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
|
1834
|
-
metadata?:
|
1874
|
+
metadata?: MetadataType;
|
1835
1875
|
attributes?: AnyObject$1;
|
1836
1876
|
containerLibraryId?: string;
|
1837
1877
|
isMobile?: boolean;
|
@@ -1852,6 +1892,7 @@ declare type ConditionConfig = Nullable<{
|
|
1852
1892
|
segmentationType: SegmentationType;
|
1853
1893
|
criteriaList: ConditionCriteria[];
|
1854
1894
|
}>;
|
1895
|
+
declare type StateConfigType = Record<string, Nullable<boolean | string>>;
|
1855
1896
|
|
1856
1897
|
declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Pick<ContainerProps$1, "type"> & {
|
1857
1898
|
containerProps?: Partial<{
|
@@ -1889,4 +1930,4 @@ declare type FormOrganismItemProps = {
|
|
1889
1930
|
};
|
1890
1931
|
declare const FormOrganismItem: ({ formData, setFormData, isMobile, ...props }: FormOrganismItemProps) => JSX.Element | null;
|
1891
1932
|
|
1892
|
-
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, ConsentType, 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, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, Padding, PaddingVariants, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
|
1933
|
+
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, ConsentType, 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, FormOrganismItem, 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, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, Padding, PaddingVariants, PasswordSetupMolecule, 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, StateActionType, StateConfigType, StateEventType, StateListenerConfigType, StateModifierConfigType, 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, isFormValid, loginMockFields, passwordMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
|