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