@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.
- 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;
|