@zealicsolutions/web-ui 0.3.81 → 0.3.83
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/atoms/RichTextViewer/RichTextViewer.d.ts +2 -1
- package/dist/cjs/src/atoms/TextWrapper/TextWrapper.d.ts +1 -0
- package/dist/cjs/src/containers/Container.d.ts +2 -2
- 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/helpers.d.ts +2 -0
- package/dist/cjs/src/containers/hooks/useStateClickModifierHandler.d.ts +2 -0
- package/dist/cjs/src/containers/hooks/useStateListenerValue.d.ts +5 -0
- package/dist/cjs/src/containers/hooks/useStateViewModifierHandler.d.ts +2 -0
- 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 +7 -0
- package/dist/cjs/src/contexts/StateContext/StateContextProvider.d.ts +7 -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/Button/Button.d.ts +4 -1
- package/dist/cjs/src/molecules/Button/Button.stories.d.ts +1 -1
- package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts +2 -1
- package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts +2 -1
- package/dist/cjs/src/molecules/Consent/ConsentMolecule.d.ts +2 -1
- package/dist/cjs/src/molecules/FieldLabels/FieldLabels.d.ts +2 -2
- package/dist/cjs/src/molecules/Image/Image.d.ts +4 -1
- package/dist/cjs/src/molecules/Image/Image.stories.d.ts +1 -1
- package/dist/cjs/src/molecules/InputField/InputField.d.ts +2 -1
- package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +2 -1
- package/dist/cjs/src/molecules/Link/Link.d.ts +2 -1
- package/dist/cjs/src/molecules/Link/Link.stories.d.ts +1 -1
- 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/molecules/RadioButtonField/RadioButtonField.d.ts +3 -1
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -1
- package/dist/cjs/src/molecules/SelectField/SelectField.d.ts +2 -1
- package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +2 -1
- package/dist/cjs/src/molecules/TabGroup/TabGroup.d.ts +2 -1
- package/dist/cjs/src/molecules/TabGroup/TabGroup.stories.d.ts +1 -1
- package/dist/cjs/src/molecules/TextMolecule/TextMolecule.d.ts +2 -1
- package/dist/cjs/src/molecules/TextMolecule/TextMolecule.stories.d.ts +1 -1
- package/dist/cjs/src/molecules/Video/Video.d.ts +2 -1
- package/dist/cjs/src/molecules/Video/Video.stories.d.ts +1 -1
- 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/atoms/RichTextViewer/RichTextViewer.d.ts +2 -1
- package/dist/esm/src/atoms/TextWrapper/TextWrapper.d.ts +1 -0
- package/dist/esm/src/containers/Container.d.ts +2 -2
- 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/helpers.d.ts +2 -0
- package/dist/esm/src/containers/hooks/useStateClickModifierHandler.d.ts +2 -0
- package/dist/esm/src/containers/hooks/useStateListenerValue.d.ts +5 -0
- package/dist/esm/src/containers/hooks/useStateViewModifierHandler.d.ts +2 -0
- 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 +7 -0
- package/dist/esm/src/contexts/StateContext/StateContextProvider.d.ts +7 -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/Button/Button.d.ts +4 -1
- package/dist/esm/src/molecules/Button/Button.stories.d.ts +1 -1
- package/dist/esm/src/molecules/CheckboxField/CheckboxField.d.ts +2 -1
- package/dist/esm/src/molecules/CheckboxField/CheckboxField.stories.d.ts +2 -1
- package/dist/esm/src/molecules/Consent/ConsentMolecule.d.ts +2 -1
- package/dist/esm/src/molecules/FieldLabels/FieldLabels.d.ts +2 -2
- package/dist/esm/src/molecules/Image/Image.d.ts +4 -1
- package/dist/esm/src/molecules/Image/Image.stories.d.ts +1 -1
- package/dist/esm/src/molecules/InputField/InputField.d.ts +2 -1
- package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +2 -1
- package/dist/esm/src/molecules/Link/Link.d.ts +2 -1
- package/dist/esm/src/molecules/Link/Link.stories.d.ts +1 -1
- 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/molecules/RadioButtonField/RadioButtonField.d.ts +3 -1
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -1
- package/dist/esm/src/molecules/SelectField/SelectField.d.ts +2 -1
- package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +2 -1
- package/dist/esm/src/molecules/TabGroup/TabGroup.d.ts +2 -1
- package/dist/esm/src/molecules/TabGroup/TabGroup.stories.d.ts +1 -1
- package/dist/esm/src/molecules/TextMolecule/TextMolecule.d.ts +2 -1
- package/dist/esm/src/molecules/TextMolecule/TextMolecule.stories.d.ts +1 -1
- package/dist/esm/src/molecules/Video/Video.d.ts +2 -1
- package/dist/esm/src/molecules/Video/Video.stories.d.ts +1 -1
- package/dist/esm/src/organisms/FeedContent/styles.d.ts +1 -1
- package/dist/index.d.ts +78 -22
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
@@ -10,7 +10,7 @@ import { StylesType, AnyObject as AnyObject$1, Callback as Callback$1, OverrideS
|
|
10
10
|
import { RefCallBack, Control as Control$1, ControllerProps as ControllerProps$1 } from 'react-hook-form/dist/types';
|
11
11
|
import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
|
12
12
|
import * as containers from 'containers';
|
13
|
-
import { FormStateType as FormStateType$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, ConditionConfig as ConditionConfig$1 } from 'containers';
|
13
|
+
import { FormStateType as FormStateType$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, ConditionConfig as ConditionConfig$1, MetadataStateConfig as MetadataStateConfig$1 } from 'containers';
|
14
14
|
import { FieldTypes as FieldTypes$1, UIFields as UIFields$1, InputFieldTypes as InputFieldTypes$1 } from 'fieldsConfiguration/types';
|
15
15
|
import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
|
16
16
|
import * as react_hook_form from 'react-hook-form';
|
@@ -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: {
|
@@ -212,6 +214,7 @@ declare type TextProps = {
|
|
212
214
|
textAlign?: TextAlign;
|
213
215
|
behaveAs?: 'text' | 'button';
|
214
216
|
seoTag?: SeoTags;
|
217
|
+
htmlElementId?: string;
|
215
218
|
};
|
216
219
|
declare type TextWrapperProps = PropsWithChildren<TextProps>;
|
217
220
|
declare const TextWrapper: ({ children, seoTag, ...textProps }: TextWrapperProps) => JSX.Element;
|
@@ -403,8 +406,9 @@ declare type RichTextEditorProps = Partial<{
|
|
403
406
|
extraTextProps: TextProps$1;
|
404
407
|
renderElementWrapperComponent: (props: AnyObject$1) => JSX.Element;
|
405
408
|
renderElementWrapperProps: AnyObject$1;
|
409
|
+
htmlElementId: string;
|
406
410
|
}>;
|
407
|
-
declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, renderElementWrapperComponent, renderElementWrapperProps, }: RichTextEditorProps) => JSX.Element | null;
|
411
|
+
declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, renderElementWrapperComponent, renderElementWrapperProps, htmlElementId, }: RichTextEditorProps) => JSX.Element | null;
|
408
412
|
|
409
413
|
declare type RadioButtonInternalConfigProps = Partial<{
|
410
414
|
selectedRadioOptionBackgroundColor: ThemeColors$1 | string;
|
@@ -968,7 +972,7 @@ declare type FieldLabelsProps = {
|
|
968
972
|
tooltipText?: string;
|
969
973
|
isError?: boolean;
|
970
974
|
isTooltipVisible?: boolean;
|
971
|
-
ruleLabel?: FieldRuleLabelTypes
|
975
|
+
ruleLabel?: Nullable<FieldRuleLabelTypes>;
|
972
976
|
labelInternalConfig?: LabelInternalConfig;
|
973
977
|
ruleLabelInternalConfig?: RuleLabelInternalConfig;
|
974
978
|
tooltipInternalConfig?: TooltipInternalConfig;
|
@@ -989,8 +993,9 @@ declare type InputFieldProps = Partial<{
|
|
989
993
|
conditionConfig: ConditionConfig$1;
|
990
994
|
state: FormStateType$1;
|
991
995
|
formData: AnyObject$1;
|
996
|
+
htmlElementId: string;
|
992
997
|
}>;
|
993
|
-
declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, }: InputFieldProps) => JSX.Element | null;
|
998
|
+
declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: InputFieldProps) => JSX.Element | null;
|
994
999
|
|
995
1000
|
declare type FieldMapperProps<T extends object> = {
|
996
1001
|
field: UIField$1<keyof T>;
|
@@ -1028,8 +1033,9 @@ declare type CheckboxFieldProps = Partial<{
|
|
1028
1033
|
state: FormStateType$1;
|
1029
1034
|
defaultValue: string[];
|
1030
1035
|
formData: AnyObject$1;
|
1036
|
+
htmlElementId: string;
|
1031
1037
|
}>;
|
1032
|
-
declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, }: CheckboxFieldProps) => JSX.Element | null;
|
1038
|
+
declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, }: CheckboxFieldProps) => JSX.Element | null;
|
1033
1039
|
|
1034
1040
|
declare type CheckboxGroupProps = Partial<{
|
1035
1041
|
ref: RefCallBack;
|
@@ -1052,8 +1058,9 @@ declare type SelectFieldProps = Partial<{
|
|
1052
1058
|
conditionConfig: ConditionConfig$1;
|
1053
1059
|
state: FormStateType$1;
|
1054
1060
|
formData: AnyObject$1;
|
1061
|
+
htmlElementId: string;
|
1055
1062
|
}>;
|
1056
|
-
declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, }: SelectFieldProps) => JSX.Element | null;
|
1063
|
+
declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, }: SelectFieldProps) => JSX.Element | null;
|
1057
1064
|
|
1058
1065
|
declare type CustomValidationRule<T = string> = {
|
1059
1066
|
text: string;
|
@@ -1167,8 +1174,9 @@ declare type TabGroupProps<T = string, K = string> = {
|
|
1167
1174
|
wide?: AdditionalTabContainerProps;
|
1168
1175
|
compact?: AdditionalTabContainerProps;
|
1169
1176
|
isMobile?: boolean;
|
1177
|
+
htmlElementId?: string;
|
1170
1178
|
};
|
1171
|
-
declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, ...props }: TabGroupProps<T, K>) => JSX.Element;
|
1179
|
+
declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, htmlElementId, ...props }: TabGroupProps<T, K>) => JSX.Element;
|
1172
1180
|
|
1173
1181
|
declare type FieldSectionProps<T extends object> = {
|
1174
1182
|
label: string;
|
@@ -1207,8 +1215,9 @@ declare type RadioButtonFieldProps<T extends string> = Partial<{
|
|
1207
1215
|
conditionConfig: ConditionConfig$1;
|
1208
1216
|
state: FormStateType$1;
|
1209
1217
|
formData: AnyObject$1;
|
1218
|
+
htmlElementId: string;
|
1210
1219
|
}>;
|
1211
|
-
declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, }: Partial<{
|
1220
|
+
declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, htmlElementId, }: Partial<{
|
1212
1221
|
name: string;
|
1213
1222
|
rules: ControllerProps$1['rules'];
|
1214
1223
|
styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
@@ -1253,6 +1262,7 @@ declare const RadioButtonField: <T extends string>({ name, rules, styles, contro
|
|
1253
1262
|
conditionConfig: ConditionConfig$1;
|
1254
1263
|
state: FormStateType$1;
|
1255
1264
|
formData: AnyObject$1;
|
1265
|
+
htmlElementId: string;
|
1256
1266
|
}>) => JSX.Element | null;
|
1257
1267
|
|
1258
1268
|
declare type AlertProps = {
|
@@ -1339,8 +1349,9 @@ declare type VideoProps = {
|
|
1339
1349
|
style: CSSProperties;
|
1340
1350
|
styles: StylesType;
|
1341
1351
|
template: FeedContentTemplateTypes$1;
|
1352
|
+
htmlElementId: string;
|
1342
1353
|
}>;
|
1343
|
-
declare const Video: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, }: VideoProps) => JSX.Element | null;
|
1354
|
+
declare const Video: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, htmlElementId, }: VideoProps) => JSX.Element | null;
|
1344
1355
|
|
1345
1356
|
declare type ImageProps = {
|
1346
1357
|
src: string;
|
@@ -1354,8 +1365,10 @@ declare type ImageProps = {
|
|
1354
1365
|
cornerRadius: number;
|
1355
1366
|
behaveAs: 'background' | 'regular';
|
1356
1367
|
styles: StylesType;
|
1368
|
+
stateConfig: MetadataStateConfig$1[];
|
1369
|
+
htmlElementId: string;
|
1357
1370
|
}>;
|
1358
|
-
declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element | null;
|
1371
|
+
declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, stateConfig, htmlElementId, }: ImageProps) => JSX.Element | null;
|
1359
1372
|
|
1360
1373
|
declare type CarouselProps = {
|
1361
1374
|
children: JSX.Element[];
|
@@ -1386,8 +1399,9 @@ declare type TextMoleculeProps = Partial<{
|
|
1386
1399
|
isRichText: boolean;
|
1387
1400
|
styles: StylesType;
|
1388
1401
|
textAlign: 'center' | 'right' | 'left';
|
1402
|
+
htmlElementId: string;
|
1389
1403
|
}> & Pick<TextProps$1, 'seoTag' | 'numberOfLines'>;
|
1390
|
-
declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
|
1404
|
+
declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, htmlElementId, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
|
1391
1405
|
|
1392
1406
|
declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
|
1393
1407
|
declare type ButtonType = 'button' | 'submit' | 'reset';
|
@@ -1425,8 +1439,10 @@ declare type ButtonProps = BaseButtonProps & {
|
|
1425
1439
|
isRichText?: boolean;
|
1426
1440
|
containerStyle?: StylesType;
|
1427
1441
|
buttonStyle?: StylesType;
|
1442
|
+
stateConfig?: MetadataStateConfig$1[];
|
1443
|
+
htmlElementId?: string;
|
1428
1444
|
};
|
1429
|
-
declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: ButtonProps) => JSX.Element | null;
|
1445
|
+
declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, stateConfig, htmlElementId, ...props }: ButtonProps) => JSX.Element | null;
|
1430
1446
|
|
1431
1447
|
declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
|
1432
1448
|
padding?: number | string;
|
@@ -1474,8 +1490,9 @@ declare type LinkProps = Omit<TextButtonProps$1, 'children'> & Partial<{
|
|
1474
1490
|
text: string;
|
1475
1491
|
isRichText: boolean;
|
1476
1492
|
href: string;
|
1493
|
+
htmlElementId: string;
|
1477
1494
|
}>;
|
1478
|
-
declare const Link: ({ text, isRichText, ...props }: LinkProps) => JSX.Element | null;
|
1495
|
+
declare const Link: ({ text, isRichText, htmlElementId, ...props }: LinkProps) => JSX.Element | null;
|
1479
1496
|
|
1480
1497
|
declare const Container: ({ children, wide, compact, type, props, id, metadata, isMobile, }: Partial<{
|
1481
1498
|
type: containers.ContainerType;
|
@@ -1528,13 +1545,13 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
|
|
1528
1545
|
activeChildrenIds: string[];
|
1529
1546
|
activeOrganismIds: string[];
|
1530
1547
|
}>;
|
1531
|
-
metadata:
|
1548
|
+
metadata: containers.MetadataType;
|
1532
1549
|
isMobile: boolean;
|
1533
1550
|
}> & {
|
1534
1551
|
children?: ReactNode;
|
1535
1552
|
} & {
|
1536
1553
|
id: string;
|
1537
|
-
}) => JSX.Element;
|
1554
|
+
}) => JSX.Element | null;
|
1538
1555
|
declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, formData, setFormData, isMobile, }: ContainerComponentProps$1 & {
|
1539
1556
|
formData?: AnyObject$1 | undefined;
|
1540
1557
|
setFormData?: Dispatch<SetStateAction<AnyObject$1>> | undefined;
|
@@ -1564,7 +1581,7 @@ declare type Action = {
|
|
1564
1581
|
reset: ResetAction;
|
1565
1582
|
destroy: DestroyAction;
|
1566
1583
|
}>;
|
1567
|
-
declare type FormStateType = 'default' | 'success' | 'format_error' | 'field_error' | 'open_dropdown';
|
1584
|
+
declare type FormStateType = 'default' | 'success' | 'format_error' | 'field_error' | 'open_dropdown' | 'match_error';
|
1568
1585
|
declare type ImageAttributes = {
|
1569
1586
|
attributeType: 'image';
|
1570
1587
|
imageSource: string;
|
@@ -1623,12 +1640,12 @@ interface ColorAttributes {
|
|
1623
1640
|
attributeType: 'color';
|
1624
1641
|
color: string;
|
1625
1642
|
}
|
1626
|
-
declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link';
|
1643
|
+
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
1644
|
interface BaseMolecule {
|
1628
1645
|
id: string;
|
1629
1646
|
instance: 'molecule';
|
1630
1647
|
type: MoleculeTypes;
|
1631
|
-
metadata?:
|
1648
|
+
metadata?: MetadataType;
|
1632
1649
|
}
|
1633
1650
|
interface ImageMolecule extends BaseMolecule {
|
1634
1651
|
type: 'image';
|
@@ -1768,10 +1785,28 @@ interface LinkMolecule extends BaseMolecule {
|
|
1768
1785
|
}>;
|
1769
1786
|
};
|
1770
1787
|
}
|
1771
|
-
|
1788
|
+
interface PasswordSetupMolecule extends BaseMolecule {
|
1789
|
+
type: 'password_setup_field';
|
1790
|
+
attributes: Partial<{
|
1791
|
+
passwordFieldLabel: TextAttributes;
|
1792
|
+
reenteredPasswordFieldLabel: TextAttributes;
|
1793
|
+
passwordFieldRequired: BooleanAttributes;
|
1794
|
+
reenteredPasswordFieldRequired: BooleanAttributes;
|
1795
|
+
dataModelField: DataConnectionAttributes;
|
1796
|
+
}>;
|
1797
|
+
config: {
|
1798
|
+
props: {
|
1799
|
+
validationLabel?: string;
|
1800
|
+
passwordInputProps: InputFieldProps$1;
|
1801
|
+
reenteredPasswordInputProps: InputFieldProps$1;
|
1802
|
+
};
|
1803
|
+
};
|
1804
|
+
}
|
1805
|
+
declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule> & Partial<{
|
1772
1806
|
form: UseFormReturn<any>;
|
1773
1807
|
formData: AnyObject$1;
|
1774
1808
|
setFormData: Dispatch<SetStateAction<AnyObject$1>>;
|
1809
|
+
validations: PasswordRuleValidation[];
|
1775
1810
|
}>;
|
1776
1811
|
|
1777
1812
|
declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
|
@@ -1779,6 +1814,26 @@ declare type ContainerTemplateType = 'row_content_container';
|
|
1779
1814
|
declare type WrappedContainerType = Extract<ContainerType, 'slider' | 'form' | 'form_step'>;
|
1780
1815
|
declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
|
1781
1816
|
declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
|
1817
|
+
declare type StateActionType = 'visible' | 'disabled';
|
1818
|
+
declare type StateEventType = 'click' | 'view';
|
1819
|
+
declare type StateListenerConfigType = {
|
1820
|
+
role: 'stateListener';
|
1821
|
+
stateKey: string;
|
1822
|
+
stateValue: string | boolean;
|
1823
|
+
defaultState: Partial<Record<StateActionType, boolean>>;
|
1824
|
+
action: Partial<Record<StateActionType, boolean>>;
|
1825
|
+
};
|
1826
|
+
declare type StateModifierConfigType = {
|
1827
|
+
role: 'stateModifier';
|
1828
|
+
stateKey: string;
|
1829
|
+
event: StateEventType;
|
1830
|
+
};
|
1831
|
+
declare type MetadataStateConfig = StateListenerConfigType | StateModifierConfigType;
|
1832
|
+
declare type MetadataType = AnyObject$1 & {
|
1833
|
+
stateConfig: MetadataStateConfig[];
|
1834
|
+
notEditable?: boolean;
|
1835
|
+
hasOwnButton?: boolean;
|
1836
|
+
};
|
1782
1837
|
declare type SliderProps = {
|
1783
1838
|
autoplay?: boolean;
|
1784
1839
|
autoplayDuration?: number;
|
@@ -1817,7 +1872,7 @@ declare type ContainerProps = PropsWithChildren<Partial<{
|
|
1817
1872
|
wide: AdditionalContainerProps;
|
1818
1873
|
compact: AdditionalContainerProps;
|
1819
1874
|
props: ContainerPropsType;
|
1820
|
-
metadata:
|
1875
|
+
metadata: MetadataType;
|
1821
1876
|
isMobile: boolean;
|
1822
1877
|
}>>;
|
1823
1878
|
declare type ContainerComponentProps = {
|
@@ -1831,7 +1886,7 @@ declare type ContainerComponentProps = {
|
|
1831
1886
|
props: ContainerPropsType;
|
1832
1887
|
}>;
|
1833
1888
|
tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
|
1834
|
-
metadata?:
|
1889
|
+
metadata?: MetadataType;
|
1835
1890
|
attributes?: AnyObject$1;
|
1836
1891
|
containerLibraryId?: string;
|
1837
1892
|
isMobile?: boolean;
|
@@ -1852,6 +1907,7 @@ declare type ConditionConfig = Nullable<{
|
|
1852
1907
|
segmentationType: SegmentationType;
|
1853
1908
|
criteriaList: ConditionCriteria[];
|
1854
1909
|
}>;
|
1910
|
+
declare type StateConfigType = Record<string, Nullable<boolean | string>>;
|
1855
1911
|
|
1856
1912
|
declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Pick<ContainerProps$1, "type"> & {
|
1857
1913
|
containerProps?: Partial<{
|
@@ -1889,4 +1945,4 @@ declare type FormOrganismItemProps = {
|
|
1889
1945
|
};
|
1890
1946
|
declare const FormOrganismItem: ({ formData, setFormData, isMobile, ...props }: FormOrganismItemProps) => JSX.Element | null;
|
1891
1947
|
|
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 };
|
1948
|
+
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 };
|