@zealicsolutions/web-ui 0.3.82 → 0.3.84
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/RichTextViewer/RichTextViewer.d.ts +4 -1
- package/dist/cjs/src/atoms/TextWrapper/TextWrapper.d.ts +1 -0
- package/dist/cjs/src/containers/Container.d.ts +1 -1
- package/dist/cjs/src/containers/FormStepContainer.d.ts +1 -1
- package/dist/cjs/src/containers/MoleculeItem.d.ts +3 -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/types/moleculeTypes.d.ts +0 -2
- package/dist/cjs/src/containers/types/types.d.ts +6 -5
- package/dist/cjs/src/contexts/OrganismContext/OrganismContext.d.ts +2 -0
- package/dist/cjs/src/contexts/OrganismContext/OrganismContextProvider.d.ts +3 -1
- package/dist/cjs/src/contexts/StateContext/StateContext.d.ts +1 -0
- package/dist/cjs/src/contexts/StateContext/StateContextProvider.d.ts +2 -1
- 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/CustomValidation/CustomValidation.d.ts +2 -1
- package/dist/cjs/src/molecules/CustomValidation/CustomValidation.stories.d.ts +1 -1
- 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/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/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/RichTextViewer/RichTextViewer.d.ts +4 -1
- package/dist/esm/src/atoms/TextWrapper/TextWrapper.d.ts +1 -0
- package/dist/esm/src/containers/Container.d.ts +1 -1
- package/dist/esm/src/containers/FormStepContainer.d.ts +1 -1
- package/dist/esm/src/containers/MoleculeItem.d.ts +3 -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/types/moleculeTypes.d.ts +0 -2
- package/dist/esm/src/containers/types/types.d.ts +6 -5
- package/dist/esm/src/contexts/OrganismContext/OrganismContext.d.ts +2 -0
- package/dist/esm/src/contexts/OrganismContext/OrganismContextProvider.d.ts +3 -1
- package/dist/esm/src/contexts/StateContext/StateContext.d.ts +1 -0
- package/dist/esm/src/contexts/StateContext/StateContextProvider.d.ts +2 -1
- 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/CustomValidation/CustomValidation.d.ts +2 -1
- package/dist/esm/src/molecules/CustomValidation/CustomValidation.stories.d.ts +1 -1
- 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/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/index.d.ts +42 -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';
|
@@ -21,6 +21,7 @@ import { InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldPr
|
|
21
21
|
import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
|
22
22
|
import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
|
23
23
|
import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
|
24
|
+
import { Descendant } from 'slate';
|
24
25
|
import { RadioGroup, DrawerProps as DrawerProps$1, ModalProps } from '@mui/material';
|
25
26
|
import { UIFields as UIFields$2, UIField as UIField$1 } from 'fieldsConfiguration';
|
26
27
|
import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
|
@@ -214,6 +215,7 @@ declare type TextProps = {
|
|
214
215
|
textAlign?: TextAlign;
|
215
216
|
behaveAs?: 'text' | 'button';
|
216
217
|
seoTag?: SeoTags;
|
218
|
+
htmlElementId?: string;
|
217
219
|
};
|
218
220
|
declare type TextWrapperProps = PropsWithChildren<TextProps>;
|
219
221
|
declare const TextWrapper: ({ children, seoTag, ...textProps }: TextWrapperProps) => JSX.Element;
|
@@ -391,6 +393,7 @@ declare const GoogleMap: react__default.ComponentClass<{
|
|
391
393
|
position: MapPosition;
|
392
394
|
} & WithScriptjsProps & WithGoogleMapProps, any>;
|
393
395
|
|
396
|
+
declare const defaultValue: Descendant[];
|
394
397
|
declare const MATRIX_MESSAGE_ELEMENT_ID = "matrix-message";
|
395
398
|
declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
|
396
399
|
declare const MATRIX_MESSAGE_DATA_ID = "matrix-message-id";
|
@@ -405,8 +408,9 @@ declare type RichTextEditorProps = Partial<{
|
|
405
408
|
extraTextProps: TextProps$1;
|
406
409
|
renderElementWrapperComponent: (props: AnyObject$1) => JSX.Element;
|
407
410
|
renderElementWrapperProps: AnyObject$1;
|
411
|
+
htmlElementId: string;
|
408
412
|
}>;
|
409
|
-
declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, renderElementWrapperComponent, renderElementWrapperProps, }: RichTextEditorProps) => JSX.Element | null;
|
413
|
+
declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, renderElementWrapperComponent, renderElementWrapperProps, htmlElementId, }: RichTextEditorProps) => JSX.Element | null;
|
410
414
|
|
411
415
|
declare type RadioButtonInternalConfigProps = Partial<{
|
412
416
|
selectedRadioOptionBackgroundColor: ThemeColors$1 | string;
|
@@ -924,6 +928,7 @@ declare type OrganismContextType = {
|
|
924
928
|
formId: string;
|
925
929
|
data: AnyObject$1;
|
926
930
|
}[]) => void;
|
931
|
+
validations?: PasswordRuleValidation[];
|
927
932
|
};
|
928
933
|
declare const OrganismContext: react.Context<OrganismContextType>;
|
929
934
|
|
@@ -934,8 +939,9 @@ declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
|
|
934
939
|
formId: string;
|
935
940
|
data: AnyObject$1;
|
936
941
|
}[]) => void;
|
942
|
+
validations: PasswordRuleValidation[];
|
937
943
|
}>>;
|
938
|
-
declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, }: FormStepContextProviderProps) => JSX.Element;
|
944
|
+
declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, }: FormStepContextProviderProps) => JSX.Element;
|
939
945
|
|
940
946
|
declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
|
941
947
|
declare type LabelInternalConfig = {
|
@@ -991,8 +997,9 @@ declare type InputFieldProps = Partial<{
|
|
991
997
|
conditionConfig: ConditionConfig$1;
|
992
998
|
state: FormStateType$1;
|
993
999
|
formData: AnyObject$1;
|
1000
|
+
htmlElementId: string;
|
994
1001
|
}>;
|
995
|
-
declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, }: InputFieldProps) => JSX.Element | null;
|
1002
|
+
declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: InputFieldProps) => JSX.Element | null;
|
996
1003
|
|
997
1004
|
declare type FieldMapperProps<T extends object> = {
|
998
1005
|
field: UIField$1<keyof T>;
|
@@ -1030,8 +1037,9 @@ declare type CheckboxFieldProps = Partial<{
|
|
1030
1037
|
state: FormStateType$1;
|
1031
1038
|
defaultValue: string[];
|
1032
1039
|
formData: AnyObject$1;
|
1040
|
+
htmlElementId: string;
|
1033
1041
|
}>;
|
1034
|
-
declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, }: CheckboxFieldProps) => JSX.Element | null;
|
1042
|
+
declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, }: CheckboxFieldProps) => JSX.Element | null;
|
1035
1043
|
|
1036
1044
|
declare type CheckboxGroupProps = Partial<{
|
1037
1045
|
ref: RefCallBack;
|
@@ -1054,8 +1062,9 @@ declare type SelectFieldProps = Partial<{
|
|
1054
1062
|
conditionConfig: ConditionConfig$1;
|
1055
1063
|
state: FormStateType$1;
|
1056
1064
|
formData: AnyObject$1;
|
1065
|
+
htmlElementId: string;
|
1057
1066
|
}>;
|
1058
|
-
declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, }: SelectFieldProps) => JSX.Element | null;
|
1067
|
+
declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, }: SelectFieldProps) => JSX.Element | null;
|
1059
1068
|
|
1060
1069
|
declare type CustomValidationRule<T = string> = {
|
1061
1070
|
text: string;
|
@@ -1066,8 +1075,9 @@ declare type CustomValidationProps<T = string> = {
|
|
1066
1075
|
value: T;
|
1067
1076
|
isSubmitted?: boolean;
|
1068
1077
|
rules: CustomValidationRule<T>[];
|
1078
|
+
spacer?: number;
|
1069
1079
|
};
|
1070
|
-
declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;
|
1080
|
+
declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, }: CustomValidationProps<T>) => JSX.Element;
|
1071
1081
|
|
1072
1082
|
declare type BaseSelectableProps<T> = {
|
1073
1083
|
iconName: IconNames$2;
|
@@ -1169,8 +1179,9 @@ declare type TabGroupProps<T = string, K = string> = {
|
|
1169
1179
|
wide?: AdditionalTabContainerProps;
|
1170
1180
|
compact?: AdditionalTabContainerProps;
|
1171
1181
|
isMobile?: boolean;
|
1182
|
+
htmlElementId?: string;
|
1172
1183
|
};
|
1173
|
-
declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, ...props }: TabGroupProps<T, K>) => JSX.Element;
|
1184
|
+
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;
|
1174
1185
|
|
1175
1186
|
declare type FieldSectionProps<T extends object> = {
|
1176
1187
|
label: string;
|
@@ -1209,8 +1220,9 @@ declare type RadioButtonFieldProps<T extends string> = Partial<{
|
|
1209
1220
|
conditionConfig: ConditionConfig$1;
|
1210
1221
|
state: FormStateType$1;
|
1211
1222
|
formData: AnyObject$1;
|
1223
|
+
htmlElementId: string;
|
1212
1224
|
}>;
|
1213
|
-
declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, }: Partial<{
|
1225
|
+
declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, htmlElementId, }: Partial<{
|
1214
1226
|
name: string;
|
1215
1227
|
rules: ControllerProps$1['rules'];
|
1216
1228
|
styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
@@ -1255,6 +1267,7 @@ declare const RadioButtonField: <T extends string>({ name, rules, styles, contro
|
|
1255
1267
|
conditionConfig: ConditionConfig$1;
|
1256
1268
|
state: FormStateType$1;
|
1257
1269
|
formData: AnyObject$1;
|
1270
|
+
htmlElementId: string;
|
1258
1271
|
}>) => JSX.Element | null;
|
1259
1272
|
|
1260
1273
|
declare type AlertProps = {
|
@@ -1341,8 +1354,9 @@ declare type VideoProps = {
|
|
1341
1354
|
style: CSSProperties;
|
1342
1355
|
styles: StylesType;
|
1343
1356
|
template: FeedContentTemplateTypes$1;
|
1357
|
+
htmlElementId: string;
|
1344
1358
|
}>;
|
1345
|
-
declare const Video: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, }: VideoProps) => JSX.Element | null;
|
1359
|
+
declare const Video: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, htmlElementId, }: VideoProps) => JSX.Element | null;
|
1346
1360
|
|
1347
1361
|
declare type ImageProps = {
|
1348
1362
|
src: string;
|
@@ -1356,8 +1370,10 @@ declare type ImageProps = {
|
|
1356
1370
|
cornerRadius: number;
|
1357
1371
|
behaveAs: 'background' | 'regular';
|
1358
1372
|
styles: StylesType;
|
1373
|
+
stateConfig: MetadataStateConfig$1[];
|
1374
|
+
htmlElementId: string;
|
1359
1375
|
}>;
|
1360
|
-
declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element | null;
|
1376
|
+
declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, stateConfig, htmlElementId, }: ImageProps) => JSX.Element | null;
|
1361
1377
|
|
1362
1378
|
declare type CarouselProps = {
|
1363
1379
|
children: JSX.Element[];
|
@@ -1388,8 +1404,9 @@ declare type TextMoleculeProps = Partial<{
|
|
1388
1404
|
isRichText: boolean;
|
1389
1405
|
styles: StylesType;
|
1390
1406
|
textAlign: 'center' | 'right' | 'left';
|
1407
|
+
htmlElementId: string;
|
1391
1408
|
}> & Pick<TextProps$1, 'seoTag' | 'numberOfLines'>;
|
1392
|
-
declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
|
1409
|
+
declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, htmlElementId, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
|
1393
1410
|
|
1394
1411
|
declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
|
1395
1412
|
declare type ButtonType = 'button' | 'submit' | 'reset';
|
@@ -1427,8 +1444,10 @@ declare type ButtonProps = BaseButtonProps & {
|
|
1427
1444
|
isRichText?: boolean;
|
1428
1445
|
containerStyle?: StylesType;
|
1429
1446
|
buttonStyle?: StylesType;
|
1447
|
+
stateConfig?: MetadataStateConfig$1[];
|
1448
|
+
htmlElementId?: string;
|
1430
1449
|
};
|
1431
|
-
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;
|
1450
|
+
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;
|
1432
1451
|
|
1433
1452
|
declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
|
1434
1453
|
padding?: number | string;
|
@@ -1476,8 +1495,9 @@ declare type LinkProps = Omit<TextButtonProps$1, 'children'> & Partial<{
|
|
1476
1495
|
text: string;
|
1477
1496
|
isRichText: boolean;
|
1478
1497
|
href: string;
|
1498
|
+
htmlElementId: string;
|
1479
1499
|
}>;
|
1480
|
-
declare const Link: ({ text, isRichText, ...props }: LinkProps) => JSX.Element | null;
|
1500
|
+
declare const Link: ({ text, isRichText, htmlElementId, ...props }: LinkProps) => JSX.Element | null;
|
1481
1501
|
|
1482
1502
|
declare const Container: ({ children, wide, compact, type, props, id, metadata, isMobile, }: Partial<{
|
1483
1503
|
type: containers.ContainerType;
|
@@ -1536,7 +1556,7 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
|
|
1536
1556
|
children?: ReactNode;
|
1537
1557
|
} & {
|
1538
1558
|
id: string;
|
1539
|
-
}) => JSX.Element;
|
1559
|
+
}) => JSX.Element | null;
|
1540
1560
|
declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, formData, setFormData, isMobile, }: ContainerComponentProps$1 & {
|
1541
1561
|
formData?: AnyObject$1 | undefined;
|
1542
1562
|
setFormData?: Dispatch<SetStateAction<AnyObject$1>> | undefined;
|
@@ -1791,7 +1811,6 @@ declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMol
|
|
1791
1811
|
form: UseFormReturn<any>;
|
1792
1812
|
formData: AnyObject$1;
|
1793
1813
|
setFormData: Dispatch<SetStateAction<AnyObject$1>>;
|
1794
|
-
validations: PasswordRuleValidation[];
|
1795
1814
|
}>;
|
1796
1815
|
|
1797
1816
|
declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
|
@@ -1802,14 +1821,14 @@ declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' |
|
|
1802
1821
|
declare type StateActionType = 'visible' | 'disabled';
|
1803
1822
|
declare type StateEventType = 'click' | 'view';
|
1804
1823
|
declare type StateListenerConfigType = {
|
1805
|
-
|
1824
|
+
role: 'stateListener';
|
1806
1825
|
stateKey: string;
|
1807
|
-
stateValue: string;
|
1808
|
-
defaultState: Record<StateActionType, boolean
|
1809
|
-
action: Record<StateActionType, boolean
|
1826
|
+
stateValue: string | boolean;
|
1827
|
+
defaultState: Partial<Record<StateActionType, boolean>>;
|
1828
|
+
action: Partial<Record<StateActionType, boolean>>;
|
1810
1829
|
};
|
1811
1830
|
declare type StateModifierConfigType = {
|
1812
|
-
|
1831
|
+
role: 'stateModifier';
|
1813
1832
|
stateKey: string;
|
1814
1833
|
event: StateEventType;
|
1815
1834
|
};
|
@@ -1827,6 +1846,7 @@ declare type FormStepContainerProps = {
|
|
1827
1846
|
formStepName: string;
|
1828
1847
|
order: number;
|
1829
1848
|
conditionConfig: ConditionConfig;
|
1849
|
+
formStepStyles?: CSSProperties;
|
1830
1850
|
};
|
1831
1851
|
declare type FormContainerProps = {
|
1832
1852
|
mode: keyof ValidationMode;
|
@@ -1930,4 +1950,4 @@ declare type FormOrganismItemProps = {
|
|
1930
1950
|
};
|
1931
1951
|
declare const FormOrganismItem: ({ formData, setFormData, isMobile, ...props }: FormOrganismItemProps) => JSX.Element | null;
|
1932
1952
|
|
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 };
|
1953
|
+
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, defaultValue, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
|