@zealicsolutions/web-ui 0.3.17 → 0.3.19

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 (62) hide show
  1. package/dist/cjs/index.js +4 -4
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/src/containers/FormStepContainer.d.ts +4 -0
  4. package/dist/cjs/src/containers/hooks/index.d.ts +1 -0
  5. package/dist/cjs/src/containers/hooks/useCheckCondition.d.ts +6 -0
  6. package/dist/cjs/src/containers/hooks/useCheckCondition.test.d.ts +1 -0
  7. package/dist/cjs/src/containers/mock-data.d.ts +1 -0
  8. package/dist/cjs/src/containers/styles.d.ts +2 -3
  9. package/dist/cjs/src/containers/types/moleculeTypes.d.ts +44 -12
  10. package/dist/cjs/src/containers/types/types.d.ts +28 -5
  11. package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts +3 -1
  12. package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts +3 -2
  13. package/dist/cjs/src/molecules/Consent/Consent.d.ts +28 -0
  14. package/dist/cjs/src/{organisms → molecules}/Consent/Consent.stories.d.ts +2 -2
  15. package/dist/{esm/src/organisms → cjs/src/molecules}/Consent/ConsentCapture.d.ts +2 -1
  16. package/dist/cjs/src/molecules/Consent/ConsentMolecule.d.ts +3 -0
  17. package/dist/{esm/src/organisms → cjs/src/molecules}/Consent/consentMock.d.ts +2 -2
  18. package/dist/cjs/src/molecules/InputField/InputField.d.ts +3 -1
  19. package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +3 -2
  20. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +5 -2
  21. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +3 -2
  22. package/dist/cjs/src/molecules/SelectField/SelectField.d.ts +3 -1
  23. package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +3 -2
  24. package/dist/cjs/src/molecules/index.d.ts +1 -0
  25. package/dist/cjs/src/organisms/AcquisitionForm/AcquisitionForm.d.ts +1 -1
  26. package/dist/cjs/src/organisms/AcquisitionForm/AcquisitionForm.stories.d.ts +2 -2
  27. package/dist/cjs/src/organisms/LoginForm/LoginForm.d.ts +1 -1
  28. package/dist/cjs/src/organisms/LoginForm/LoginForm.stories.d.ts +2 -2
  29. package/dist/cjs/src/organisms/index.d.ts +0 -1
  30. package/dist/esm/index.js +4 -4
  31. package/dist/esm/index.js.map +1 -1
  32. package/dist/esm/src/containers/FormStepContainer.d.ts +4 -0
  33. package/dist/esm/src/containers/hooks/index.d.ts +1 -0
  34. package/dist/esm/src/containers/hooks/useCheckCondition.d.ts +6 -0
  35. package/dist/esm/src/containers/hooks/useCheckCondition.test.d.ts +1 -0
  36. package/dist/esm/src/containers/mock-data.d.ts +1 -0
  37. package/dist/esm/src/containers/styles.d.ts +2 -3
  38. package/dist/esm/src/containers/types/moleculeTypes.d.ts +44 -12
  39. package/dist/esm/src/containers/types/types.d.ts +28 -5
  40. package/dist/esm/src/molecules/CheckboxField/CheckboxField.d.ts +3 -1
  41. package/dist/esm/src/molecules/CheckboxField/CheckboxField.stories.d.ts +3 -2
  42. package/dist/esm/src/molecules/Consent/Consent.d.ts +28 -0
  43. package/dist/esm/src/{organisms → molecules}/Consent/Consent.stories.d.ts +2 -2
  44. package/dist/{cjs/src/organisms → esm/src/molecules}/Consent/ConsentCapture.d.ts +2 -1
  45. package/dist/esm/src/molecules/Consent/ConsentMolecule.d.ts +3 -0
  46. package/dist/{cjs/src/organisms → esm/src/molecules}/Consent/consentMock.d.ts +2 -2
  47. package/dist/esm/src/molecules/InputField/InputField.d.ts +3 -1
  48. package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +3 -2
  49. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +5 -2
  50. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +3 -2
  51. package/dist/esm/src/molecules/SelectField/SelectField.d.ts +3 -1
  52. package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +3 -2
  53. package/dist/esm/src/molecules/index.d.ts +1 -0
  54. package/dist/esm/src/organisms/AcquisitionForm/AcquisitionForm.d.ts +1 -1
  55. package/dist/esm/src/organisms/AcquisitionForm/AcquisitionForm.stories.d.ts +2 -2
  56. package/dist/esm/src/organisms/LoginForm/LoginForm.d.ts +1 -1
  57. package/dist/esm/src/organisms/LoginForm/LoginForm.stories.d.ts +2 -2
  58. package/dist/esm/src/organisms/index.d.ts +0 -1
  59. package/dist/index.d.ts +115 -55
  60. package/package.json +2 -1
  61. package/dist/cjs/src/organisms/Consent/Consent.d.ts +0 -11
  62. package/dist/esm/src/organisms/Consent/Consent.d.ts +0 -11
package/dist/index.d.ts CHANGED
@@ -13,20 +13,20 @@ import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, Sizes
13
13
  import * as react_hook_form from 'react-hook-form';
14
14
  import { ControllerProps, DeepPartial, FieldValues, FormState, Control, UseFormReturn, ValidationMode } from 'react-hook-form';
15
15
  import * as atoms from 'atoms';
16
- import { SelectOption as SelectOption$1, TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, RadioButtonsProps as RadioButtonsProps$1, InputProps as InputProps$1, SelectProps as SelectProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, RadioButtonInternalConfigProps as RadioButtonInternalConfigProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
17
- import { InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldProps$1, FieldSectionProps as FieldSectionProps$1, BaseButtonProps as BaseButtonProps$1, MenuItem as MenuItem$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, ButtonProps as ButtonProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, MenuItemsProps as MenuItemsProps$1, ImageProps as ImageProps$1, TextMoleculeProps as TextMoleculeProps$1, AdditionalTabContainerProps as AdditionalTabContainerProps$1, RadioButtonFieldProps as RadioButtonFieldProps$1, CheckboxFieldProps as CheckboxFieldProps$1 } from 'molecules';
16
+ import { SelectOption as SelectOption$1, TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, InputProps as InputProps$1, SelectProps as SelectProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, RadioButtonsProps as RadioButtonsProps$1, RadioButtonInternalConfigProps as RadioButtonInternalConfigProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
17
+ import { InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldProps$1, FieldSectionProps as FieldSectionProps$1, BaseButtonProps as BaseButtonProps$1, MenuItem as MenuItem$1, ConsentProps as ConsentProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, ButtonProps as ButtonProps$1, MenuItemsProps as MenuItemsProps$1, ImageProps as ImageProps$1, TextMoleculeProps as TextMoleculeProps$1, AdditionalTabContainerProps as AdditionalTabContainerProps$1, RadioButtonFieldProps as RadioButtonFieldProps$1, CheckboxFieldProps as CheckboxFieldProps$1, Consent as Consent$1 } from 'molecules';
18
18
  import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
19
19
  import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
20
20
  import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
21
21
  import { RadioGroup, DrawerProps as DrawerProps$1, ModalProps } from '@mui/material';
22
22
  import { UIFields as UIFields$2, UIField as UIField$1 } from 'fieldsConfiguration';
23
23
  import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
24
- import { ConsentProps as ConsentProps$1, FilteredFeedContentType as FilteredFeedContentType$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1, ProcessTrackerStatus as ProcessTrackerStatus$1 } from 'organisms';
25
- import { ConsentProps as ConsentProps$2 } from 'organisms/Consent/Consent';
24
+ import { ConsentProps as ConsentProps$2 } from 'molecules/Consent/Consent';
26
25
  import { FooterAProps } from 'organisms/Footer/FooterA';
27
26
  import { FooterBProps } from 'organisms/Footer/FooterB';
28
27
  import { FooterCProps } from 'organisms/Footer/FooterC';
29
28
  import { FooterDProps } from 'organisms/Footer/FooterD';
29
+ import { FilteredFeedContentType as FilteredFeedContentType$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1, ConsentProps as ConsentProps$3, ProcessTrackerStatus as ProcessTrackerStatus$1 } from 'organisms';
30
30
  import { FeedContentContainerProps as FeedContentContainerProps$1 } from 'organisms/FeedContentContainer/FeedContentContainer';
31
31
  import { SubscribePanelProps as SubscribePanelProps$1 } from 'organisms/SubscribePanel/type';
32
32
  import { ISIAProps } from 'organisms/ISI/ISIA';
@@ -37,9 +37,11 @@ import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
37
37
  import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
38
38
  import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
39
39
  import * as contexts_ButtonActionsContext_ButtonActionsContext from 'contexts/ButtonActionsContext/ButtonActionsContext';
40
- import { ContainerComponentProps as ContainerComponentProps$1, ContainerProps as ContainerProps$1, Molecule as Molecule$1 } from 'containers';
40
+ import { ContainerComponentProps as ContainerComponentProps$1, ConditionConfig as ConditionConfig$1, ContainerProps as ContainerProps$1, Molecule as Molecule$1 } from 'containers';
41
41
  export * from 'helpers/constants';
42
42
  import { CheckboxInternalConfigProps as CheckboxInternalConfigProps$1 } from 'atoms/Checkbox/types';
43
+ import { CustomDescendant } from 'atoms/RichTextViewer/types';
44
+ import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
43
45
  import * as containers_types_types from 'containers/types/types';
44
46
  import { ContainerProps as ContainerProps$2 } from 'containers/types/types';
45
47
 
@@ -709,32 +711,6 @@ declare type HeaderProps<T = string> = (HeaderAProps<T> & {
709
711
  });
710
712
  declare const Header: <T extends string | number>(props: HeaderProps<T>) => JSX.Element;
711
713
 
712
- declare type ButtonCaptureProps = {
713
- type: 'button';
714
- acceptButton: ButtonProps$1;
715
- denyButton: ButtonProps$1;
716
- };
717
- declare type RadioButtonsCaptureProps<T extends string> = {
718
- type: 'radioButton';
719
- acceptValue: T;
720
- } & RadioButtonsProps$1<T>;
721
- declare type CheckboxCaptureProps = {
722
- type: 'checkbox';
723
- label: string;
724
- value: boolean;
725
- onChange: (value: boolean) => void;
726
- };
727
- declare type ConsentCaptureProps<T extends string = string> = ButtonCaptureProps | RadioButtonsCaptureProps<T> | CheckboxCaptureProps;
728
-
729
- declare type ConsentProps<T extends string = string> = {
730
- text: string;
731
- isRequired?: boolean;
732
- consentCaptureProps: ConsentCaptureProps<T>;
733
- containerStyles?: CSSProperties;
734
- clearStyles?: boolean;
735
- };
736
- declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
737
-
738
714
  declare type ProcessTrackerStatus = 'complete' | 'incomplete' | 'in_progress';
739
715
  declare type ProcessTrackerProps = {
740
716
  title?: Nullable<string>;
@@ -834,7 +810,7 @@ interface Helpers {
834
810
  }
835
811
  declare const useStep: (maxStep: number) => [number, Helpers];
836
812
 
837
- declare const useRequiredConsentsAcceptedValues: (consents: ConsentProps$1[]) => boolean;
813
+ declare const useRequiredConsentsAcceptedValues: (consents: ConsentProps$3[]) => boolean;
838
814
 
839
815
  declare const defaultTheme: DefaultTheme;
840
816
 
@@ -971,8 +947,9 @@ declare type InputFieldProps = Partial<{
971
947
  inputProps: InputProps$1;
972
948
  styles: StylesType;
973
949
  labelsProps: FieldLabelsProps;
950
+ conditionConfig?: ConditionConfig$1;
974
951
  }>;
975
- declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, }: InputFieldProps) => JSX.Element;
952
+ declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, }: InputFieldProps) => JSX.Element | null;
976
953
 
977
954
  declare type FieldMapperProps<T extends object> = {
978
955
  field: UIField$1<keyof T>;
@@ -1006,8 +983,9 @@ declare type CheckboxFieldProps = Partial<{
1006
983
  required: boolean;
1007
984
  optional: boolean;
1008
985
  wrapperStyles: StylesType;
986
+ conditionConfig?: ConditionConfig$1;
1009
987
  }>;
1010
- declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, }: CheckboxFieldProps) => JSX.Element;
988
+ declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, }: CheckboxFieldProps) => JSX.Element | null;
1011
989
 
1012
990
  declare type CheckboxGroupProps = Partial<{
1013
991
  ref: RefCallBack;
@@ -1027,8 +1005,9 @@ declare type SelectFieldProps = Partial<{
1027
1005
  optional: boolean;
1028
1006
  defaultValue: string;
1029
1007
  styles: StylesType;
1008
+ conditionConfig?: ConditionConfig$1;
1030
1009
  }>;
1031
- declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: SelectFieldProps) => JSX.Element;
1010
+ declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, }: SelectFieldProps) => JSX.Element | null;
1032
1011
 
1033
1012
  declare type CustomValidationRule<T = string> = {
1034
1013
  text: string;
@@ -1178,8 +1157,9 @@ declare type RadioButtonFieldProps<T extends string> = Partial<{
1178
1157
  defaultValue: string;
1179
1158
  radioButtonsProps: RadioButtonsProps$1<T>;
1180
1159
  internalConfig: RadioButtonInternalConfigProps$1;
1160
+ conditionConfig?: ConditionConfig$1;
1181
1161
  }>;
1182
- declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, }: Partial<{
1162
+ declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, }: Partial<{
1183
1163
  name: string;
1184
1164
  rules: ControllerProps$1['rules'];
1185
1165
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
@@ -1221,7 +1201,8 @@ declare const RadioButtonField: <T extends string>({ name, rules, styles, contro
1221
1201
  buttonOptionSpacing: SizesTypes;
1222
1202
  radioGroupWrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
1223
1203
  }>;
1224
- }>) => JSX.Element;
1204
+ conditionConfig?: ConditionConfig$1 | undefined;
1205
+ }>) => JSX.Element | null;
1225
1206
 
1226
1207
  declare type AlertProps = {
1227
1208
  style?: CSSProperties;
@@ -1411,6 +1392,31 @@ declare const IconWrapper: styled_components.StyledComponent<"div", styled_compo
1411
1392
  children?: React__default.ReactNode;
1412
1393
  }, never>;
1413
1394
 
1395
+ declare type ConsentCaptureMethod = 'button' | 'radioButton' | 'checkbox';
1396
+ declare type DefaultSelectionType = 'confirmation' | 'rejection';
1397
+ declare type ConsentProps<T extends string = string> = {
1398
+ text: string;
1399
+ isRequired?: boolean;
1400
+ consentCaptureProps: ConsentCaptureProps<T>;
1401
+ containerStyles?: CSSProperties;
1402
+ clearStyles?: boolean;
1403
+ };
1404
+ declare type Consent = {
1405
+ id: string;
1406
+ name: string;
1407
+ acknowledgment: CustomDescendant[];
1408
+ methodOfCapture: ConsentCaptureMethod;
1409
+ description: string;
1410
+ language: CustomDescendant[];
1411
+ expiration: string;
1412
+ confirmationButtonText: string;
1413
+ rejectionButtonText: string;
1414
+ defaultSelection: DefaultSelectionType;
1415
+ value?: DefaultSelectionType | boolean;
1416
+ isRequired?: boolean;
1417
+ };
1418
+ declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
1419
+
1414
1420
  declare const Container: ({ children, wide, compact, type, props }: ContainerProps$1) => JSX.Element;
1415
1421
  declare const ContainerComponent: ({ type, items, config, tabsProps }: ContainerComponentProps$1) => JSX.Element | null;
1416
1422
 
@@ -1445,7 +1451,7 @@ declare type ImageAttributes = {
1445
1451
  interface TextAttributes {
1446
1452
  id?: string;
1447
1453
  attributeType: 'text';
1448
- isRichText: boolean;
1454
+ isRichText?: boolean;
1449
1455
  text: string;
1450
1456
  }
1451
1457
  interface VideoAttributes {
@@ -1478,7 +1484,21 @@ interface IterableAttributes {
1478
1484
  attributeType: 'iterable';
1479
1485
  options: SelectOption$1[];
1480
1486
  }
1481
- declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field';
1487
+ interface DataConnectionAttributes {
1488
+ id: string;
1489
+ attributeType: 'data_model_field';
1490
+ dataModelField: {
1491
+ id: string;
1492
+ fieldName: string;
1493
+ code: string;
1494
+ };
1495
+ }
1496
+ interface ConditionConfigAttributes {
1497
+ id: string;
1498
+ attributeType: 'condition_config';
1499
+ conditionConfig: ConditionConfig;
1500
+ }
1501
+ declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent';
1482
1502
  interface BaseMolecule {
1483
1503
  id: string;
1484
1504
  instance: 'molecule';
@@ -1493,7 +1513,7 @@ interface ImageMolecule extends BaseMolecule {
1493
1513
  link: LinkAttributes;
1494
1514
  };
1495
1515
  config: {
1496
- props: Omit<ImageProps$1, 'src' | 'link' | 'altText'>;
1516
+ props?: Omit<ImageProps$1, 'src' | 'link' | 'altText'>;
1497
1517
  };
1498
1518
  }
1499
1519
  interface TextMoleculeType extends BaseMolecule {
@@ -1504,7 +1524,7 @@ interface TextMoleculeType extends BaseMolecule {
1504
1524
  fontVariant: SelectAttributes;
1505
1525
  };
1506
1526
  config: {
1507
- props: TextMoleculeProps$1;
1527
+ props?: TextMoleculeProps$1;
1508
1528
  };
1509
1529
  }
1510
1530
  interface ButtonMolecule extends BaseMolecule {
@@ -1514,7 +1534,7 @@ interface ButtonMolecule extends BaseMolecule {
1514
1534
  action: ActionAttributes;
1515
1535
  };
1516
1536
  config: {
1517
- props: Partial<Omit<ButtonProps$1, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
1537
+ props?: Partial<Omit<ButtonProps$1, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
1518
1538
  };
1519
1539
  }
1520
1540
  interface VideoMolecule extends BaseMolecule {
@@ -1547,9 +1567,11 @@ interface TextInputMolecule extends BaseMolecule {
1547
1567
  label: TextAttributes;
1548
1568
  required: BooleanAttributes;
1549
1569
  inputType: SelectAttributes;
1570
+ dataModelField: DataConnectionAttributes;
1571
+ conditionConfig: ConditionConfigAttributes;
1550
1572
  };
1551
1573
  config: {
1552
- props: Partial<{
1574
+ props?: Partial<{
1553
1575
  state: 'default' | 'error';
1554
1576
  } & InputFieldProps$1>;
1555
1577
  };
@@ -1560,9 +1582,11 @@ interface SelectFieldMolecule extends BaseMolecule {
1560
1582
  label: TextAttributes;
1561
1583
  required: BooleanAttributes;
1562
1584
  options: IterableAttributes;
1585
+ dataModelField: DataConnectionAttributes;
1586
+ conditionConfig: ConditionConfigAttributes;
1563
1587
  };
1564
1588
  config: {
1565
- props: Partial<{
1589
+ props?: Partial<{
1566
1590
  state: 'default' | 'error';
1567
1591
  } & SelectFieldProps$1>;
1568
1592
  };
@@ -1573,9 +1597,11 @@ interface RadioButtonFieldMolecule extends BaseMolecule {
1573
1597
  label: TextAttributes;
1574
1598
  required: BooleanAttributes;
1575
1599
  options: IterableAttributes;
1600
+ dataModelField: DataConnectionAttributes;
1601
+ conditionConfig: ConditionConfigAttributes;
1576
1602
  };
1577
1603
  config: {
1578
- props: Partial<{
1604
+ props?: Partial<{
1579
1605
  state: 'default' | 'error';
1580
1606
  } & RadioButtonFieldProps$1<string>>;
1581
1607
  };
@@ -1586,28 +1612,47 @@ interface CheckboxFieldMolecule extends BaseMolecule {
1586
1612
  label: TextAttributes;
1587
1613
  required: BooleanAttributes;
1588
1614
  options: IterableAttributes;
1615
+ dataModelField: DataConnectionAttributes;
1616
+ conditionConfig: ConditionConfigAttributes;
1589
1617
  };
1590
1618
  config: {
1591
- props: Partial<{
1619
+ props?: Partial<{
1592
1620
  state: 'default' | 'error';
1593
1621
  } & CheckboxFieldProps$1>;
1594
1622
  };
1595
1623
  }
1596
- declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule> & {
1624
+ interface ConsentFieldMolecule extends BaseMolecule {
1625
+ type: 'consent';
1626
+ attributes: {
1627
+ consent: {
1628
+ attributeType: 'consent';
1629
+ consent: Consent$1;
1630
+ required: BooleanAttributes;
1631
+ };
1632
+ };
1633
+ }
1634
+ declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule> & {
1597
1635
  form?: UseFormReturn<any>;
1598
1636
  };
1599
1637
 
1600
- declare type ContainerType = 'row' | 'column' | 'slider' | 'form';
1638
+ declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step';
1601
1639
  declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
1602
1640
  declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
1641
+ declare type FormStepContainerProps = {
1642
+ formStepName: string;
1643
+ order: number;
1644
+ conditionConfig: ConditionConfig;
1645
+ };
1646
+ declare type FormContainerProps = {
1647
+ mode: keyof ValidationMode;
1648
+ };
1603
1649
  declare type ContainerPropsType = Partial<{
1604
1650
  position: ContainerPositionType;
1605
1651
  scrollBehaviour: ContainerScrollBehaviourType;
1606
1652
  cornerRadius: number;
1607
1653
  styles: StylesType;
1608
- formProps: {
1609
- mode: keyof ValidationMode;
1610
- };
1654
+ formProps: FormContainerProps;
1655
+ formStepProps: FormStepContainerProps;
1611
1656
  }>;
1612
1657
  declare type AdditionalContainerProps = Partial<{
1613
1658
  containerStyle: CSSProperties;
@@ -1634,6 +1679,22 @@ declare type ContainerComponentProps = {
1634
1679
  attributes?: AnyObject;
1635
1680
  containerLibraryId?: string;
1636
1681
  };
1682
+ declare type CriteriaType = 'operator' | 'condition';
1683
+ declare type ConditionCriteria = {
1684
+ id: string;
1685
+ type: CriteriaType;
1686
+ operator: string;
1687
+ dataFieldId: Nullable<string>;
1688
+ dataFieldName: Nullable<string>;
1689
+ dataValue: Nullable<string>;
1690
+ connectedTo: Nullable<string>;
1691
+ };
1692
+ declare type SegmentationType = 'simple' | 'advanced';
1693
+ declare type ConditionConfig = Nullable<{
1694
+ id: string;
1695
+ segmentationType: SegmentationType;
1696
+ criteriaList: ConditionCriteria[];
1697
+ }>;
1637
1698
 
1638
1699
  declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Pick<ContainerProps$2, "type"> & {
1639
1700
  containerProps?: Partial<{
@@ -1641,9 +1702,8 @@ declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_
1641
1702
  scrollBehaviour: containers_types_types.ContainerScrollBehaviourType;
1642
1703
  cornerRadius: number;
1643
1704
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
1644
- formProps: {
1645
- mode: keyof react_hook_form.ValidationMode;
1646
- };
1705
+ formProps: containers_types_types.FormContainerProps;
1706
+ formStepProps: containers_types_types.FormStepContainerProps;
1647
1707
  }> | undefined;
1648
1708
  }, never>;
1649
1709
 
@@ -1652,4 +1712,4 @@ declare const OrganismItem: ({ item, tabsProps, }: {
1652
1712
  tabsProps?: Pick<TabGroupProps$1<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
1653
1713
  }) => JSX.Element | null;
1654
1714
 
1655
- 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, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, CustomValidation, CustomValidationProps, CustomValidationRule, 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, 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, LinkAttributes, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, 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, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
1715
+ 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, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, 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, FormStepContainerProps, 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, LinkAttributes, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismItem, OrientationType, 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, 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, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, 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.17",
3
+ "version": "0.3.19",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"
@@ -53,6 +53,7 @@
53
53
  "@swc/jest": "^0.2.22",
54
54
  "@testing-library/jest-dom": "^5.16.5",
55
55
  "@testing-library/react": "^13.4.0",
56
+ "@testing-library/react-hooks": "^8.0.1",
56
57
  "@testing-library/user-event": "^14.4.3",
57
58
  "@types/jest": "^29.0.0",
58
59
  "@types/react": "^18.0.18",
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import { CSSProperties } from 'styled-components';
3
- import { ConsentCaptureProps } from './ConsentCapture';
4
- export declare type ConsentProps<T extends string = string> = {
5
- text: string;
6
- isRequired?: boolean;
7
- consentCaptureProps: ConsentCaptureProps<T>;
8
- containerStyles?: CSSProperties;
9
- clearStyles?: boolean;
10
- };
11
- export declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import { CSSProperties } from 'styled-components';
3
- import { ConsentCaptureProps } from './ConsentCapture';
4
- export declare type ConsentProps<T extends string = string> = {
5
- text: string;
6
- isRequired?: boolean;
7
- consentCaptureProps: ConsentCaptureProps<T>;
8
- containerStyles?: CSSProperties;
9
- clearStyles?: boolean;
10
- };
11
- export declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;