@zealicsolutions/web-ui 0.3.81 → 0.3.82
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 +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 };
|