@zealicsolutions/web-ui 0.3.17 → 0.3.19

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