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