@zealicsolutions/web-ui 0.3.81 → 0.3.83

Sign up to get free protection for your applications and to get access to all the features.
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"