@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.
Files changed (92) hide show
  1. package/dist/cjs/index.js +16 -16
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/src/atoms/RichTextViewer/RichTextViewer.d.ts +2 -1
  4. package/dist/cjs/src/atoms/TextWrapper/TextWrapper.d.ts +1 -0
  5. package/dist/cjs/src/containers/Container.d.ts +2 -2
  6. package/dist/cjs/src/containers/Container.stories.d.ts +2 -1
  7. package/dist/cjs/src/containers/FormStepContainer.d.ts +3 -2
  8. package/dist/cjs/src/containers/MoleculeItem.d.ts +1 -1
  9. package/dist/cjs/src/containers/helpers.d.ts +2 -0
  10. package/dist/cjs/src/containers/hooks/useStateClickModifierHandler.d.ts +2 -0
  11. package/dist/cjs/src/containers/hooks/useStateListenerValue.d.ts +5 -0
  12. package/dist/cjs/src/containers/hooks/useStateViewModifierHandler.d.ts +2 -0
  13. package/dist/cjs/src/containers/mock-data.d.ts +1 -0
  14. package/dist/cjs/src/containers/types/moleculeTypes.d.ts +24 -5
  15. package/dist/cjs/src/containers/types/types.d.ts +23 -2
  16. package/dist/cjs/src/contexts/StateContext/StateContext.d.ts +7 -0
  17. package/dist/cjs/src/contexts/StateContext/StateContextProvider.d.ts +7 -0
  18. package/dist/cjs/src/contexts/hooks/index.d.ts +1 -0
  19. package/dist/cjs/src/contexts/hooks/useStateContext.d.ts +1 -0
  20. package/dist/cjs/src/fieldsConfiguration/mock.d.ts +2 -0
  21. package/dist/cjs/src/molecules/Button/Button.d.ts +4 -1
  22. package/dist/cjs/src/molecules/Button/Button.stories.d.ts +1 -1
  23. package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts +2 -1
  24. package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts +2 -1
  25. package/dist/cjs/src/molecules/Consent/ConsentMolecule.d.ts +2 -1
  26. package/dist/cjs/src/molecules/FieldLabels/FieldLabels.d.ts +2 -2
  27. package/dist/cjs/src/molecules/Image/Image.d.ts +4 -1
  28. package/dist/cjs/src/molecules/Image/Image.stories.d.ts +1 -1
  29. package/dist/cjs/src/molecules/InputField/InputField.d.ts +2 -1
  30. package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +2 -1
  31. package/dist/cjs/src/molecules/Link/Link.d.ts +2 -1
  32. package/dist/cjs/src/molecules/Link/Link.stories.d.ts +1 -1
  33. package/dist/cjs/src/molecules/PasswordSetup/PasswordSetup.d.ts +18 -0
  34. package/dist/cjs/src/molecules/PasswordSetup/PasswordSetup.stories.d.ts +8 -0
  35. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +3 -1
  36. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -1
  37. package/dist/cjs/src/molecules/SelectField/SelectField.d.ts +2 -1
  38. package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +2 -1
  39. package/dist/cjs/src/molecules/TabGroup/TabGroup.d.ts +2 -1
  40. package/dist/cjs/src/molecules/TabGroup/TabGroup.stories.d.ts +1 -1
  41. package/dist/cjs/src/molecules/TextMolecule/TextMolecule.d.ts +2 -1
  42. package/dist/cjs/src/molecules/TextMolecule/TextMolecule.stories.d.ts +1 -1
  43. package/dist/cjs/src/molecules/Video/Video.d.ts +2 -1
  44. package/dist/cjs/src/molecules/Video/Video.stories.d.ts +1 -1
  45. package/dist/cjs/src/organisms/FeedContent/styles.d.ts +1 -1
  46. package/dist/esm/index.js +3 -3
  47. package/dist/esm/index.js.map +1 -1
  48. package/dist/esm/src/atoms/RichTextViewer/RichTextViewer.d.ts +2 -1
  49. package/dist/esm/src/atoms/TextWrapper/TextWrapper.d.ts +1 -0
  50. package/dist/esm/src/containers/Container.d.ts +2 -2
  51. package/dist/esm/src/containers/Container.stories.d.ts +2 -1
  52. package/dist/esm/src/containers/FormStepContainer.d.ts +3 -2
  53. package/dist/esm/src/containers/MoleculeItem.d.ts +1 -1
  54. package/dist/esm/src/containers/helpers.d.ts +2 -0
  55. package/dist/esm/src/containers/hooks/useStateClickModifierHandler.d.ts +2 -0
  56. package/dist/esm/src/containers/hooks/useStateListenerValue.d.ts +5 -0
  57. package/dist/esm/src/containers/hooks/useStateViewModifierHandler.d.ts +2 -0
  58. package/dist/esm/src/containers/mock-data.d.ts +1 -0
  59. package/dist/esm/src/containers/types/moleculeTypes.d.ts +24 -5
  60. package/dist/esm/src/containers/types/types.d.ts +23 -2
  61. package/dist/esm/src/contexts/StateContext/StateContext.d.ts +7 -0
  62. package/dist/esm/src/contexts/StateContext/StateContextProvider.d.ts +7 -0
  63. package/dist/esm/src/contexts/hooks/index.d.ts +1 -0
  64. package/dist/esm/src/contexts/hooks/useStateContext.d.ts +1 -0
  65. package/dist/esm/src/fieldsConfiguration/mock.d.ts +2 -0
  66. package/dist/esm/src/molecules/Button/Button.d.ts +4 -1
  67. package/dist/esm/src/molecules/Button/Button.stories.d.ts +1 -1
  68. package/dist/esm/src/molecules/CheckboxField/CheckboxField.d.ts +2 -1
  69. package/dist/esm/src/molecules/CheckboxField/CheckboxField.stories.d.ts +2 -1
  70. package/dist/esm/src/molecules/Consent/ConsentMolecule.d.ts +2 -1
  71. package/dist/esm/src/molecules/FieldLabels/FieldLabels.d.ts +2 -2
  72. package/dist/esm/src/molecules/Image/Image.d.ts +4 -1
  73. package/dist/esm/src/molecules/Image/Image.stories.d.ts +1 -1
  74. package/dist/esm/src/molecules/InputField/InputField.d.ts +2 -1
  75. package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +2 -1
  76. package/dist/esm/src/molecules/Link/Link.d.ts +2 -1
  77. package/dist/esm/src/molecules/Link/Link.stories.d.ts +1 -1
  78. package/dist/esm/src/molecules/PasswordSetup/PasswordSetup.d.ts +18 -0
  79. package/dist/esm/src/molecules/PasswordSetup/PasswordSetup.stories.d.ts +8 -0
  80. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +3 -1
  81. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -1
  82. package/dist/esm/src/molecules/SelectField/SelectField.d.ts +2 -1
  83. package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +2 -1
  84. package/dist/esm/src/molecules/TabGroup/TabGroup.d.ts +2 -1
  85. package/dist/esm/src/molecules/TabGroup/TabGroup.stories.d.ts +1 -1
  86. package/dist/esm/src/molecules/TextMolecule/TextMolecule.d.ts +2 -1
  87. package/dist/esm/src/molecules/TextMolecule/TextMolecule.stories.d.ts +1 -1
  88. package/dist/esm/src/molecules/Video/Video.d.ts +2 -1
  89. package/dist/esm/src/molecules/Video/Video.stories.d.ts +1 -1
  90. package/dist/esm/src/organisms/FeedContent/styles.d.ts +1 -1
  91. package/dist/index.d.ts +78 -22
  92. 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: AnyObject$1;
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?: AnyObject$1;
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
- declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule> & Partial<{
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: AnyObject$1;
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?: AnyObject$1;
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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zealicsolutions/web-ui",
3
- "version": "0.3.81",
3
+ "version": "0.3.83",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"