@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.
- package/dist/cjs/index.js +4 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/containers/FormStepContainer.d.ts +4 -0
- package/dist/cjs/src/containers/hooks/index.d.ts +1 -0
- package/dist/cjs/src/containers/hooks/useCheckCondition.d.ts +6 -0
- package/dist/cjs/src/containers/hooks/useCheckCondition.test.d.ts +1 -0
- package/dist/cjs/src/containers/mock-data.d.ts +1 -0
- package/dist/cjs/src/containers/styles.d.ts +2 -3
- package/dist/cjs/src/containers/types/moleculeTypes.d.ts +44 -12
- package/dist/cjs/src/containers/types/types.d.ts +28 -5
- package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts +3 -1
- package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts +3 -2
- package/dist/cjs/src/molecules/Consent/Consent.d.ts +28 -0
- package/dist/cjs/src/{organisms → molecules}/Consent/Consent.stories.d.ts +2 -2
- package/dist/{esm/src/organisms → cjs/src/molecules}/Consent/ConsentCapture.d.ts +2 -1
- package/dist/cjs/src/molecules/Consent/ConsentMolecule.d.ts +3 -0
- package/dist/{esm/src/organisms → cjs/src/molecules}/Consent/consentMock.d.ts +2 -2
- package/dist/cjs/src/molecules/InputField/InputField.d.ts +3 -1
- package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +3 -2
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +5 -2
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +3 -2
- package/dist/cjs/src/molecules/SelectField/SelectField.d.ts +3 -1
- package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +3 -2
- package/dist/cjs/src/molecules/index.d.ts +1 -0
- package/dist/cjs/src/organisms/AcquisitionForm/AcquisitionForm.d.ts +1 -1
- package/dist/cjs/src/organisms/AcquisitionForm/AcquisitionForm.stories.d.ts +2 -2
- package/dist/cjs/src/organisms/LoginForm/LoginForm.d.ts +1 -1
- package/dist/cjs/src/organisms/LoginForm/LoginForm.stories.d.ts +2 -2
- package/dist/cjs/src/organisms/index.d.ts +0 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/containers/FormStepContainer.d.ts +4 -0
- package/dist/esm/src/containers/hooks/index.d.ts +1 -0
- package/dist/esm/src/containers/hooks/useCheckCondition.d.ts +6 -0
- package/dist/esm/src/containers/hooks/useCheckCondition.test.d.ts +1 -0
- package/dist/esm/src/containers/mock-data.d.ts +1 -0
- package/dist/esm/src/containers/styles.d.ts +2 -3
- package/dist/esm/src/containers/types/moleculeTypes.d.ts +44 -12
- package/dist/esm/src/containers/types/types.d.ts +28 -5
- package/dist/esm/src/molecules/CheckboxField/CheckboxField.d.ts +3 -1
- package/dist/esm/src/molecules/CheckboxField/CheckboxField.stories.d.ts +3 -2
- package/dist/esm/src/molecules/Consent/Consent.d.ts +28 -0
- package/dist/esm/src/{organisms → molecules}/Consent/Consent.stories.d.ts +2 -2
- package/dist/{cjs/src/organisms → esm/src/molecules}/Consent/ConsentCapture.d.ts +2 -1
- package/dist/esm/src/molecules/Consent/ConsentMolecule.d.ts +3 -0
- package/dist/{cjs/src/organisms → esm/src/molecules}/Consent/consentMock.d.ts +2 -2
- package/dist/esm/src/molecules/InputField/InputField.d.ts +3 -1
- package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +3 -2
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +5 -2
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +3 -2
- package/dist/esm/src/molecules/SelectField/SelectField.d.ts +3 -1
- package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +3 -2
- package/dist/esm/src/molecules/index.d.ts +1 -0
- package/dist/esm/src/organisms/AcquisitionForm/AcquisitionForm.d.ts +1 -1
- package/dist/esm/src/organisms/AcquisitionForm/AcquisitionForm.stories.d.ts +2 -2
- package/dist/esm/src/organisms/LoginForm/LoginForm.d.ts +1 -1
- package/dist/esm/src/organisms/LoginForm/LoginForm.stories.d.ts +2 -2
- package/dist/esm/src/organisms/index.d.ts +0 -1
- package/dist/index.d.ts +115 -55
- package/package.json +2 -1
- package/dist/cjs/src/organisms/Consent/Consent.d.ts +0 -11
- 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,
|
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,
|
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$
|
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$
|
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
|
-
|
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
|
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
|
-
|
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
|
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
|
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
|
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
|
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
|
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
|
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
|
1619
|
+
props?: Partial<{
|
1592
1620
|
state: 'default' | 'error';
|
1593
1621
|
} & CheckboxFieldProps$1>;
|
1594
1622
|
};
|
1595
1623
|
}
|
1596
|
-
|
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
|
-
|
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
|
-
|
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.
|
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;
|