@zealicsolutions/web-ui 0.3.3-2.2125 → 0.3.4
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +31 -26
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/Buttons/Buttons.stories.d.ts +4 -4
- package/dist/cjs/src/atoms/Buttons/IconButton.d.ts +1 -1
- package/dist/cjs/src/atoms/GoogleMap/GoogleMap.d.ts +13 -2
- package/dist/cjs/src/atoms/GoogleMap/GoogleMap.stories.d.ts +12 -0
- package/dist/cjs/src/atoms/Input/Input.d.ts +1 -3
- package/dist/cjs/src/atoms/Input/Input.stories.d.ts +1 -1
- package/dist/cjs/src/atoms/Select/Select.d.ts +1 -3
- package/dist/cjs/src/containers/Container.d.ts +2 -38
- package/dist/cjs/src/containers/MoleculeItem.d.ts +1 -2
- package/dist/cjs/src/containers/mock-data.d.ts +0 -2
- package/dist/cjs/src/containers/styles.d.ts +3 -2
- package/dist/cjs/src/containers/types/moleculeTypes.d.ts +34 -96
- package/dist/cjs/src/containers/types/types.d.ts +8 -34
- package/dist/cjs/src/contexts/index.d.ts +0 -5
- package/dist/cjs/src/fieldsConfiguration/types.d.ts +1 -1
- package/dist/cjs/src/helpers/validations.d.ts +0 -9
- package/dist/cjs/src/molecules/Button/Button.d.ts +2 -1
- package/dist/cjs/src/molecules/Button/Button.stories.d.ts +2 -2
- package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts +3 -5
- package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts +2 -3
- package/dist/cjs/src/molecules/Drawer/Drawer.stories.d.ts +2 -2
- package/dist/cjs/src/molecules/Image/Image.d.ts +2 -3
- package/dist/cjs/src/molecules/Image/Image.stories.d.ts +1 -1
- package/dist/cjs/src/molecules/InputField/InputField.d.ts +1 -3
- package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +2 -3
- package/dist/cjs/src/molecules/PdfDocument/PdfDocument.d.ts +2 -1
- package/dist/cjs/src/molecules/PdfDocument/PdfDocument.stories.d.ts +9 -0
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +2 -5
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -3
- package/dist/cjs/src/molecules/SelectField/SelectField.d.ts +1 -3
- package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +2 -3
- package/dist/cjs/src/molecules/Video/Video.d.ts +1 -3
- package/dist/cjs/src/molecules/Video/Video.stories.d.ts +2 -2
- package/dist/cjs/src/molecules/index.d.ts +0 -2
- 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/Consent/Consent.d.ts +11 -0
- package/dist/cjs/src/organisms/Consent/Consent.stories.d.ts +9 -0
- package/dist/{esm/src/molecules → cjs/src/organisms}/Consent/ConsentCapture.d.ts +1 -2
- package/dist/cjs/src/{molecules → organisms}/Consent/consentMock.d.ts +2 -2
- package/dist/cjs/src/organisms/FeedContent/styles.d.ts +1 -1
- 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 +1 -0
- package/dist/cjs/src/typescript.d.ts +0 -3
- package/dist/esm/index.js +31 -26
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/Buttons/Buttons.stories.d.ts +4 -4
- package/dist/esm/src/atoms/Buttons/IconButton.d.ts +1 -1
- package/dist/esm/src/atoms/GoogleMap/GoogleMap.d.ts +13 -2
- package/dist/esm/src/atoms/GoogleMap/GoogleMap.stories.d.ts +12 -0
- package/dist/esm/src/atoms/Input/Input.d.ts +1 -3
- package/dist/esm/src/atoms/Input/Input.stories.d.ts +1 -1
- package/dist/esm/src/atoms/Select/Select.d.ts +1 -3
- package/dist/esm/src/containers/Container.d.ts +2 -38
- package/dist/esm/src/containers/MoleculeItem.d.ts +1 -2
- package/dist/esm/src/containers/mock-data.d.ts +0 -2
- package/dist/esm/src/containers/styles.d.ts +3 -2
- package/dist/esm/src/containers/types/moleculeTypes.d.ts +34 -96
- package/dist/esm/src/containers/types/types.d.ts +8 -34
- package/dist/esm/src/contexts/index.d.ts +0 -5
- package/dist/esm/src/fieldsConfiguration/types.d.ts +1 -1
- package/dist/esm/src/helpers/validations.d.ts +0 -9
- package/dist/esm/src/molecules/Button/Button.d.ts +2 -1
- package/dist/esm/src/molecules/Button/Button.stories.d.ts +2 -2
- package/dist/esm/src/molecules/CheckboxField/CheckboxField.d.ts +3 -5
- package/dist/esm/src/molecules/CheckboxField/CheckboxField.stories.d.ts +2 -3
- package/dist/esm/src/molecules/Drawer/Drawer.stories.d.ts +2 -2
- package/dist/esm/src/molecules/Image/Image.d.ts +2 -3
- package/dist/esm/src/molecules/Image/Image.stories.d.ts +1 -1
- package/dist/esm/src/molecules/InputField/InputField.d.ts +1 -3
- package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +2 -3
- package/dist/esm/src/molecules/PdfDocument/PdfDocument.d.ts +2 -1
- package/dist/esm/src/molecules/PdfDocument/PdfDocument.stories.d.ts +9 -0
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +2 -5
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -3
- package/dist/esm/src/molecules/SelectField/SelectField.d.ts +1 -3
- package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +2 -3
- package/dist/esm/src/molecules/Video/Video.d.ts +1 -3
- package/dist/esm/src/molecules/Video/Video.stories.d.ts +2 -2
- package/dist/esm/src/molecules/index.d.ts +0 -2
- 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/Consent/Consent.d.ts +11 -0
- package/dist/esm/src/organisms/Consent/Consent.stories.d.ts +9 -0
- package/dist/{cjs/src/molecules → esm/src/organisms}/Consent/ConsentCapture.d.ts +1 -2
- package/dist/esm/src/{molecules → organisms}/Consent/consentMock.d.ts +2 -2
- package/dist/esm/src/organisms/FeedContent/styles.d.ts +1 -1
- 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 +1 -0
- package/dist/esm/src/typescript.d.ts +0 -3
- package/dist/index.d.ts +157 -340
- package/package.json +5 -10
- package/dist/cjs/src/atoms/Input/helpers.d.ts +0 -18
- package/dist/cjs/src/containers/FormStepContainer.d.ts +0 -6
- package/dist/cjs/src/containers/hooks/index.d.ts +0 -1
- package/dist/cjs/src/containers/hooks/useCheckCondition.d.ts +0 -11
- package/dist/cjs/src/containers/hooks/useCheckCondition.test.d.ts +0 -1
- package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts +0 -11
- package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts +0 -11
- package/dist/cjs/src/contexts/FormStepContext/FormStepContext.d.ts +0 -13
- package/dist/cjs/src/contexts/FormStepContext/FormStepContextProvider.d.ts +0 -5
- package/dist/cjs/src/contexts/FormStepContext/utils.d.ts +0 -2
- package/dist/cjs/src/contexts/OrganismContext/OrganismContext.d.ts +0 -8
- package/dist/cjs/src/contexts/OrganismContext/OrganismContextProvider.d.ts +0 -6
- package/dist/cjs/src/contexts/OrganismContext/utils.d.ts +0 -5
- package/dist/cjs/src/contexts/hooks/index.d.ts +0 -4
- package/dist/cjs/src/contexts/hooks/useButtonActionsContext.d.ts +0 -1
- package/dist/cjs/src/contexts/hooks/useFormStepContext.d.ts +0 -1
- package/dist/cjs/src/contexts/hooks/useOrganismContext.d.ts +0 -1
- package/dist/cjs/src/molecules/Consent/Consent.d.ts +0 -28
- package/dist/cjs/src/molecules/Consent/Consent.stories.d.ts +0 -9
- package/dist/cjs/src/molecules/Consent/ConsentMolecule.d.ts +0 -3
- package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.d.ts +0 -20
- package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.stories.d.ts +0 -9
- package/dist/esm/src/atoms/Input/helpers.d.ts +0 -18
- package/dist/esm/src/containers/FormStepContainer.d.ts +0 -6
- package/dist/esm/src/containers/hooks/index.d.ts +0 -1
- package/dist/esm/src/containers/hooks/useCheckCondition.d.ts +0 -11
- package/dist/esm/src/containers/hooks/useCheckCondition.test.d.ts +0 -1
- package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts +0 -11
- package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts +0 -11
- package/dist/esm/src/contexts/FormStepContext/FormStepContext.d.ts +0 -13
- package/dist/esm/src/contexts/FormStepContext/FormStepContextProvider.d.ts +0 -5
- package/dist/esm/src/contexts/FormStepContext/utils.d.ts +0 -2
- package/dist/esm/src/contexts/OrganismContext/OrganismContext.d.ts +0 -8
- package/dist/esm/src/contexts/OrganismContext/OrganismContextProvider.d.ts +0 -6
- package/dist/esm/src/contexts/OrganismContext/utils.d.ts +0 -5
- package/dist/esm/src/contexts/hooks/index.d.ts +0 -4
- package/dist/esm/src/contexts/hooks/useButtonActionsContext.d.ts +0 -1
- package/dist/esm/src/contexts/hooks/useFormStepContext.d.ts +0 -1
- package/dist/esm/src/contexts/hooks/useOrganismContext.d.ts +0 -1
- package/dist/esm/src/molecules/Consent/Consent.d.ts +0 -28
- package/dist/esm/src/molecules/Consent/Consent.stories.d.ts +0 -9
- package/dist/esm/src/molecules/Consent/ConsentMolecule.d.ts +0 -3
- package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.d.ts +0 -20
- package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.stories.d.ts +0 -9
package/dist/index.d.ts
CHANGED
@@ -1,48 +1,46 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import * as
|
3
|
-
import
|
2
|
+
import * as React$1 from 'react';
|
3
|
+
import React__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction, CSSProperties as CSSProperties$1, ComponentType } from 'react';
|
4
4
|
import * as styled_components from 'styled-components';
|
5
5
|
import { CSSProperties, DefaultTheme } from 'styled-components';
|
6
6
|
import { ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
|
7
7
|
import * as typescript from 'typescript';
|
8
|
-
import { StylesType,
|
8
|
+
import { StylesType, Callback as Callback$1, OverrideStyles, StyledTransientProps, Nullable, StrictUnion } from 'typescript';
|
9
9
|
import { RefCallBack, Control as Control$1, ControllerProps as ControllerProps$1 } from 'react-hook-form/dist/types';
|
10
10
|
import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
|
11
|
-
import {
|
11
|
+
import { InputFieldTypes as InputFieldTypes$1, FieldTypes as FieldTypes$1, UIFields as UIFields$2 } from 'fieldsConfiguration/types';
|
12
12
|
import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
|
13
|
-
import
|
14
|
-
import { ControllerProps, DeepPartial, FieldValues, FormState, Control, UseFormReturn, ValidationMode } from 'react-hook-form';
|
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, 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';
|
13
|
+
import { 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, InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldProps$1, FieldSectionProps as FieldSectionProps$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';
|
18
14
|
import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
|
19
|
-
import {
|
20
|
-
import {
|
21
|
-
import
|
22
|
-
import {
|
15
|
+
import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
|
16
|
+
import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
|
17
|
+
import * as atoms from 'atoms';
|
18
|
+
import { TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, RadioButtonsProps as RadioButtonsProps$1, SelectOption as SelectOption$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';
|
19
|
+
import { RadioGroup, DrawerProps as DrawerProps$1 } from '@mui/material';
|
20
|
+
import { UIFields as UIFields$1, UIField as UIField$1 } from 'fieldsConfiguration';
|
21
|
+
import { MaxRuleValidation, MinRuleValidation, SetPasswordFields } from 'organisms/SetPasswordForm/types';
|
22
|
+
import { ConsentProps as ConsentProps$1, FilteredFeedContentType as FilteredFeedContentType$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1, ProcessTrackerStatus as ProcessTrackerStatus$1 } from 'organisms';
|
23
|
+
import { ConsentProps as ConsentProps$2 } from 'organisms/Consent/Consent';
|
23
24
|
import { FooterAProps } from 'organisms/Footer/FooterA';
|
24
25
|
import { FooterBProps } from 'organisms/Footer/FooterB';
|
25
26
|
import { FooterCProps } from 'organisms/Footer/FooterC';
|
26
27
|
import { FooterDProps } from 'organisms/Footer/FooterD';
|
27
|
-
import { FilteredFeedContentType as FilteredFeedContentType$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1, ConsentProps as ConsentProps$3, ProcessTrackerStatus as ProcessTrackerStatus$1 } from 'organisms';
|
28
28
|
import { FeedContentContainerProps as FeedContentContainerProps$1 } from 'organisms/FeedContentContainer/FeedContentContainer';
|
29
29
|
import { SubscribePanelProps as SubscribePanelProps$1 } from 'organisms/SubscribePanel/type';
|
30
30
|
import { ISIAProps } from 'organisms/ISI/ISIA';
|
31
31
|
import { HeaderAProps as HeaderAProps$1 } from 'organisms/Header/HeaderA';
|
32
32
|
import { FeedContentProps as FeedContentProps$1, FeedContentTemplateTypes as FeedContentTemplateTypes$1 } from 'organisms/FeedContent/types';
|
33
|
+
import * as react_hook_form from 'react-hook-form';
|
34
|
+
import { Control, ControllerProps, DeepPartial, FieldValues, FormState, UseFormReturn, ValidationMode } from 'react-hook-form';
|
33
35
|
import { AlertProps as AlertProps$2 } from 'molecules/Alert/Alert';
|
34
36
|
import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
|
35
37
|
import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
|
36
38
|
import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
|
37
|
-
import * as contexts_ButtonActionsContext_ButtonActionsContext from 'contexts/ButtonActionsContext/ButtonActionsContext';
|
38
|
-
import * as containers from 'containers';
|
39
|
-
import { ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, ConditionConfig as ConditionConfig$1 } from 'containers';
|
40
39
|
export * from 'helpers/constants';
|
41
40
|
import { CheckboxInternalConfigProps as CheckboxInternalConfigProps$1 } from 'atoms/Checkbox/types';
|
42
|
-
import {
|
43
|
-
import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
|
41
|
+
import { ContainerProps as ContainerProps$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1 } from 'containers';
|
44
42
|
import * as containers_types_types from 'containers/types/types';
|
45
|
-
import { ContainerProps as ContainerProps$
|
43
|
+
import { ContainerProps as ContainerProps$2 } from 'containers/types/types';
|
46
44
|
|
47
45
|
declare type TouchableOpacityProps = PropsWithChildren<{
|
48
46
|
activeOpacity?: number;
|
@@ -54,7 +52,7 @@ declare const TouchableOpacity: styled_components.StyledComponent<"div", styled_
|
|
54
52
|
withoutOpacityEffect?: boolean | undefined;
|
55
53
|
disabled?: boolean | undefined;
|
56
54
|
} & {
|
57
|
-
children?:
|
55
|
+
children?: React$1.ReactNode;
|
58
56
|
}, never>;
|
59
57
|
|
60
58
|
declare type CheckboxInternalConfigProps = Partial<{
|
@@ -84,8 +82,6 @@ declare const Checkbox: ({ id, onClick, label, isError, disabled, isEditMode, is
|
|
84
82
|
declare type SelectOption = {
|
85
83
|
id: string;
|
86
84
|
label: string;
|
87
|
-
value?: string;
|
88
|
-
config?: AnyObject;
|
89
85
|
};
|
90
86
|
declare type SelectInternalConfigurationOptions = {
|
91
87
|
placeholderTextColor: ThemeColors$1 | string;
|
@@ -113,53 +109,6 @@ declare type SelectProps = Partial<{
|
|
113
109
|
}>;
|
114
110
|
declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
|
115
111
|
|
116
|
-
declare const getFieldPlaceholder: (type: FieldTypes$1, title?: string) => string;
|
117
|
-
|
118
|
-
declare type InputFieldTypes = 'phone_number' | 'text' | 'email' | 'password' | 'numerical' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'us_zip_code' | 'any';
|
119
|
-
declare type FieldTypes = 'input' | 'select' | 'checkbox';
|
120
|
-
declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
|
121
|
-
name: T;
|
122
|
-
type: FieldTypes;
|
123
|
-
value?: string;
|
124
|
-
label?: string;
|
125
|
-
placeholder?: string;
|
126
|
-
required?: boolean;
|
127
|
-
tooltip?: string;
|
128
|
-
rules?: ControllerProps['rules'];
|
129
|
-
order?: number;
|
130
|
-
};
|
131
|
-
declare type UIInputField = {
|
132
|
-
inputType?: InputFieldTypes;
|
133
|
-
maxLength?: number;
|
134
|
-
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
135
|
-
} & InputFieldProps$1;
|
136
|
-
declare type UISelectField = {
|
137
|
-
options?: SelectOption$1[];
|
138
|
-
} & SelectFieldProps$1;
|
139
|
-
declare type UICheckboxField = {
|
140
|
-
checkboxLabel?: string;
|
141
|
-
};
|
142
|
-
declare type UIFields<T extends object> = UIField<keyof T>[];
|
143
|
-
|
144
|
-
declare const getInitialValuesFromFields: <T extends object>(fields: UIFields$1<T>) => DeepPartial<T>;
|
145
|
-
declare const isFormValid: <T extends FieldValues>(formState: FormState<T>) => boolean;
|
146
|
-
declare const getFieldsFromFieldSections: <T extends object>(sections: Pick<FieldSectionProps$1<T>, "fields">[]) => UIFields$1<T>;
|
147
|
-
|
148
|
-
declare const acquisitionFormMockFields: UIFields$1<Record<string, string>>;
|
149
|
-
declare const setPasswordMockFields: UIFields$1<SetPasswordFields>;
|
150
|
-
declare const loginMockFields: UIFields$1<LoginFields$1>;
|
151
|
-
declare const sectionMockFields: UIFields$1<Record<string, string>>;
|
152
|
-
declare const profileInformationMockForm: {
|
153
|
-
label: string;
|
154
|
-
fields: UIFields$1<Record<string, string>>;
|
155
|
-
}[];
|
156
|
-
|
157
|
-
declare type MaskConfig = Partial<{
|
158
|
-
maskPlaceholder: string;
|
159
|
-
dataModelFieldType: InputFieldTypes;
|
160
|
-
maskPattern: Array<string | RegExp>;
|
161
|
-
}>;
|
162
|
-
|
163
112
|
declare type InputFieldInternalConfigProps = Partial<{
|
164
113
|
textColor: ThemeColors$2 | string;
|
165
114
|
textFontSize: number;
|
@@ -186,11 +135,10 @@ declare type InputProps = {
|
|
186
135
|
isError?: boolean;
|
187
136
|
maxLength?: number;
|
188
137
|
onChange?: (value: string) => void;
|
189
|
-
onKeyDown?: (event:
|
138
|
+
onKeyDown?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
|
190
139
|
internalConfig?: InputFieldInternalConfigProps;
|
191
|
-
config?: MaskConfig;
|
192
140
|
};
|
193
|
-
declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig,
|
141
|
+
declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, ...rest }: InputProps) => JSX.Element;
|
194
142
|
|
195
143
|
declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
|
196
144
|
declare type TextAlign = 'center' | 'right' | 'left';
|
@@ -364,7 +312,16 @@ declare type DividerProps = {
|
|
364
312
|
};
|
365
313
|
declare const Divider: styled_components.StyledComponent<"div", styled_components.DefaultTheme, DividerProps, never>;
|
366
314
|
|
367
|
-
declare
|
315
|
+
declare type MapPosition = {
|
316
|
+
lat: number;
|
317
|
+
lng: number;
|
318
|
+
};
|
319
|
+
declare type GoogleMapProps = {
|
320
|
+
position: MapPosition;
|
321
|
+
} & WithScriptjsProps & WithGoogleMapProps;
|
322
|
+
declare const GoogleMap: React__default.ComponentClass<{
|
323
|
+
position: MapPosition;
|
324
|
+
} & WithScriptjsProps & WithGoogleMapProps, any>;
|
368
325
|
|
369
326
|
declare const MATRIX_MESSAGE_ELEMENT_ID = "matrix-message";
|
370
327
|
declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
|
@@ -486,7 +443,7 @@ declare type TabProps<T = string, K = string> = {
|
|
486
443
|
selectedTabIndicatorColor: ThemeColors$1 | string;
|
487
444
|
styles: StylesType;
|
488
445
|
}>;
|
489
|
-
declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, tabTheme, tabFont, tabPadding, selectedTabIndicatorColor, textSize, defaultTabTextColor, ...tabProps }: TabProps<T, K>, ref:
|
446
|
+
declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, tabTheme, tabFont, tabPadding, selectedTabIndicatorColor, textSize, defaultTabTextColor, ...tabProps }: TabProps<T, K>, ref: React__default.ForwardedRef<TabElement>) => JSX.Element;
|
490
447
|
declare const Tab: <T, K>(props: {
|
491
448
|
tabKey: T;
|
492
449
|
text: string;
|
@@ -507,7 +464,7 @@ declare const Tab: <T, K>(props: {
|
|
507
464
|
selectedTabIndicatorColor: ThemeColors$1 | string;
|
508
465
|
styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
509
466
|
}> & {
|
510
|
-
ref?:
|
467
|
+
ref?: React__default.ForwardedRef<TabElement> | undefined;
|
511
468
|
}) => ReturnType<typeof ZealTab>;
|
512
469
|
|
513
470
|
declare type SetPasswordRuleValidation = {
|
@@ -515,7 +472,7 @@ declare type SetPasswordRuleValidation = {
|
|
515
472
|
rule: MaxRuleValidation | MinRuleValidation;
|
516
473
|
};
|
517
474
|
declare type SetPasswordFormProps = {
|
518
|
-
fields: UIFields$
|
475
|
+
fields: UIFields$1<SetPasswordFields>;
|
519
476
|
logoUrl: string;
|
520
477
|
isLoading?: boolean;
|
521
478
|
validations: SetPasswordRuleValidation[];
|
@@ -526,7 +483,7 @@ declare const SetPasswordForm: ({ logoUrl, fields, validations, onBack, onSubmit
|
|
526
483
|
|
527
484
|
declare const showAcceptToastMessage: () => void | undefined;
|
528
485
|
declare type AcquisitionFormProps<T extends object> = {
|
529
|
-
fields: UIFields$
|
486
|
+
fields: UIFields$1<T>;
|
530
487
|
consents: ConsentProps$1[];
|
531
488
|
logoUrl: string;
|
532
489
|
isLoading?: boolean;
|
@@ -562,7 +519,7 @@ declare type LoginFields = {
|
|
562
519
|
};
|
563
520
|
|
564
521
|
declare type LoginFormProps = {
|
565
|
-
fields: UIFields$
|
522
|
+
fields: UIFields$1<LoginFields>;
|
566
523
|
logoUrl: string;
|
567
524
|
isLoading?: boolean;
|
568
525
|
twoFactorAuthConfig?: {
|
@@ -701,6 +658,32 @@ declare type HeaderProps<T = string> = (HeaderAProps<T> & {
|
|
701
658
|
});
|
702
659
|
declare const Header: <T extends string | number>(props: HeaderProps<T>) => JSX.Element;
|
703
660
|
|
661
|
+
declare type ButtonCaptureProps = {
|
662
|
+
type: 'button';
|
663
|
+
acceptButton: ButtonProps$1;
|
664
|
+
denyButton: ButtonProps$1;
|
665
|
+
};
|
666
|
+
declare type RadioButtonsCaptureProps<T extends string> = {
|
667
|
+
type: 'radioButton';
|
668
|
+
acceptValue: T;
|
669
|
+
} & RadioButtonsProps$1<T>;
|
670
|
+
declare type CheckboxCaptureProps = {
|
671
|
+
type: 'checkbox';
|
672
|
+
label: string;
|
673
|
+
value: boolean;
|
674
|
+
onChange: (value: boolean) => void;
|
675
|
+
};
|
676
|
+
declare type ConsentCaptureProps<T extends string = string> = ButtonCaptureProps | RadioButtonsCaptureProps<T> | CheckboxCaptureProps;
|
677
|
+
|
678
|
+
declare type ConsentProps<T extends string = string> = {
|
679
|
+
text: string;
|
680
|
+
isRequired?: boolean;
|
681
|
+
consentCaptureProps: ConsentCaptureProps<T>;
|
682
|
+
containerStyles?: CSSProperties;
|
683
|
+
clearStyles?: boolean;
|
684
|
+
};
|
685
|
+
declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
|
686
|
+
|
704
687
|
declare type ProcessTrackerStatus = 'complete' | 'incomplete' | 'in_progress';
|
705
688
|
declare type ProcessTrackerProps = {
|
706
689
|
title?: Nullable<string>;
|
@@ -800,7 +783,7 @@ interface Helpers {
|
|
800
783
|
}
|
801
784
|
declare const useStep: (maxStep: number) => [number, Helpers];
|
802
785
|
|
803
|
-
declare const useRequiredConsentsAcceptedValues: (consents: ConsentProps$
|
786
|
+
declare const useRequiredConsentsAcceptedValues: (consents: ConsentProps$1[]) => boolean;
|
804
787
|
|
805
788
|
declare const defaultTheme: DefaultTheme;
|
806
789
|
|
@@ -832,6 +815,47 @@ declare const toastStyles: styled_components.FlattenSimpleInterpolation;
|
|
832
815
|
|
833
816
|
declare const useMediaQuery: (breakpointSize: BreakpointSizesTypes$1) => boolean;
|
834
817
|
|
818
|
+
declare const getFieldPlaceholder: (type: FieldTypes$1, title?: string) => string;
|
819
|
+
|
820
|
+
declare type InputFieldTypes = 'phone-number' | 'text' | 'email' | 'password' | 'numerical' | 'any';
|
821
|
+
declare type FieldTypes = 'input' | 'select' | 'checkbox';
|
822
|
+
declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
|
823
|
+
name: T;
|
824
|
+
type: FieldTypes;
|
825
|
+
value?: string;
|
826
|
+
label?: string;
|
827
|
+
placeholder?: string;
|
828
|
+
required?: boolean;
|
829
|
+
tooltip?: string;
|
830
|
+
rules?: ControllerProps['rules'];
|
831
|
+
order?: number;
|
832
|
+
};
|
833
|
+
declare type UIInputField = {
|
834
|
+
inputType?: InputFieldTypes;
|
835
|
+
maxLength?: number;
|
836
|
+
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
837
|
+
} & InputFieldProps$1;
|
838
|
+
declare type UISelectField = {
|
839
|
+
options?: SelectOption$1[];
|
840
|
+
} & SelectFieldProps$1;
|
841
|
+
declare type UICheckboxField = {
|
842
|
+
checkboxLabel?: string;
|
843
|
+
};
|
844
|
+
declare type UIFields<T extends object> = UIField<keyof T>[];
|
845
|
+
|
846
|
+
declare const getInitialValuesFromFields: <T extends object>(fields: UIFields$2<T>) => DeepPartial<T>;
|
847
|
+
declare const isFormValid: <T extends FieldValues>(formState: FormState<T>) => boolean;
|
848
|
+
declare const getFieldsFromFieldSections: <T extends object>(sections: Pick<FieldSectionProps$1<T>, "fields">[]) => UIFields$2<T>;
|
849
|
+
|
850
|
+
declare const acquisitionFormMockFields: UIFields$2<Record<string, string>>;
|
851
|
+
declare const setPasswordMockFields: UIFields$2<SetPasswordFields>;
|
852
|
+
declare const loginMockFields: UIFields$2<LoginFields$1>;
|
853
|
+
declare const sectionMockFields: UIFields$2<Record<string, string>>;
|
854
|
+
declare const profileInformationMockForm: {
|
855
|
+
label: string;
|
856
|
+
fields: UIFields$2<Record<string, string>>;
|
857
|
+
}[];
|
858
|
+
|
835
859
|
declare type MlrRichTextViewerProviderProps = PropsWithChildren<{
|
836
860
|
annotationsList: AnnotationsList$1;
|
837
861
|
isMLRReview: boolean;
|
@@ -844,7 +868,7 @@ declare type MlrRichTextViewerContextType = {
|
|
844
868
|
showAnnotations: boolean;
|
845
869
|
annotationsList: AnnotationsList$1;
|
846
870
|
};
|
847
|
-
declare const MlrRichTextViewerContext:
|
871
|
+
declare const MlrRichTextViewerContext: React$1.Context<MlrRichTextViewerContextType>;
|
848
872
|
|
849
873
|
declare type AnnotationsList = {
|
850
874
|
tags: {
|
@@ -864,42 +888,6 @@ declare type AnnotationsList = {
|
|
864
888
|
|
865
889
|
declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
|
866
890
|
|
867
|
-
declare const useButtonActionsContext: () => contexts_ButtonActionsContext_ButtonActionsContext.ButtonActionsContextType;
|
868
|
-
|
869
|
-
declare type ButtonActionsContextType = {
|
870
|
-
actionContent?: ContainerComponentProps$1;
|
871
|
-
setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
|
872
|
-
isModalVisible: boolean;
|
873
|
-
setModalVisible: Dispatch<SetStateAction<boolean>>;
|
874
|
-
isDrawerVisible: boolean;
|
875
|
-
setDrawerVisible: Dispatch<SetStateAction<boolean>>;
|
876
|
-
};
|
877
|
-
declare const ButtonActionsContext: react.Context<ButtonActionsContextType>;
|
878
|
-
|
879
|
-
declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
|
880
|
-
actionContent: ContainerComponentProps$1;
|
881
|
-
setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
|
882
|
-
isModalVisible: boolean;
|
883
|
-
setModalVisible: Dispatch<SetStateAction<boolean>>;
|
884
|
-
setDrawerVisible: Dispatch<SetStateAction<boolean>>;
|
885
|
-
isDrawerVisible: boolean;
|
886
|
-
}>>;
|
887
|
-
declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;
|
888
|
-
|
889
|
-
declare type StepItem = ContainerComponentProps$1 | Molecule$1;
|
890
|
-
declare type GroupedStepItemsByStepContainer = Map<string, StepItem[]>;
|
891
|
-
|
892
|
-
declare type OrganismContextType = {
|
893
|
-
items: (ContainerComponentProps$1 | Molecule$1)[];
|
894
|
-
groupStepItemsByStepContainer: () => GroupedStepItemsByStepContainer;
|
895
|
-
};
|
896
|
-
declare const OrganismContext: react.Context<OrganismContextType>;
|
897
|
-
|
898
|
-
declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
|
899
|
-
initItems: (ContainerComponentProps$1 | Molecule$1)[];
|
900
|
-
}>>;
|
901
|
-
declare const OrganismContextProvider: ({ initItems, children, }: FormStepContextProviderProps) => JSX.Element;
|
902
|
-
|
903
891
|
declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
|
904
892
|
declare type LabelInternalConfig = {
|
905
893
|
fontVariant: FontSizesTypes$2;
|
@@ -951,9 +939,8 @@ declare type InputFieldProps = Partial<{
|
|
951
939
|
inputProps: InputProps$1;
|
952
940
|
styles: StylesType;
|
953
941
|
labelsProps: FieldLabelsProps;
|
954
|
-
conditionConfig?: ConditionConfig$1;
|
955
942
|
}>;
|
956
|
-
declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules,
|
943
|
+
declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, }: InputFieldProps) => JSX.Element;
|
957
944
|
|
958
945
|
declare type FieldMapperProps<T extends object> = {
|
959
946
|
field: UIField$1<keyof T>;
|
@@ -987,9 +974,8 @@ declare type CheckboxFieldProps = Partial<{
|
|
987
974
|
required: boolean;
|
988
975
|
optional: boolean;
|
989
976
|
wrapperStyles: StylesType;
|
990
|
-
conditionConfig?: ConditionConfig$1;
|
991
977
|
}>;
|
992
|
-
declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles,
|
978
|
+
declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, }: CheckboxFieldProps) => JSX.Element;
|
993
979
|
|
994
980
|
declare type CheckboxGroupProps = Partial<{
|
995
981
|
ref: RefCallBack;
|
@@ -1009,9 +995,8 @@ declare type SelectFieldProps = Partial<{
|
|
1009
995
|
optional: boolean;
|
1010
996
|
defaultValue: string;
|
1011
997
|
styles: StylesType;
|
1012
|
-
conditionConfig?: ConditionConfig$1;
|
1013
998
|
}>;
|
1014
|
-
declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules,
|
999
|
+
declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: SelectFieldProps) => JSX.Element;
|
1015
1000
|
|
1016
1001
|
declare type CustomValidationRule<T = string> = {
|
1017
1002
|
text: string;
|
@@ -1161,9 +1146,8 @@ declare type RadioButtonFieldProps<T extends string> = Partial<{
|
|
1161
1146
|
defaultValue: string;
|
1162
1147
|
radioButtonsProps: RadioButtonsProps$1<T>;
|
1163
1148
|
internalConfig: RadioButtonInternalConfigProps$1;
|
1164
|
-
conditionConfig?: ConditionConfig$1;
|
1165
1149
|
}>;
|
1166
|
-
declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps,
|
1150
|
+
declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, }: Partial<{
|
1167
1151
|
name: string;
|
1168
1152
|
rules: ControllerProps$1['rules'];
|
1169
1153
|
styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
@@ -1205,8 +1189,7 @@ declare const RadioButtonField: <T extends string>({ name, rules, styles, contro
|
|
1205
1189
|
buttonOptionSpacing: SizesTypes;
|
1206
1190
|
radioGroupWrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
1207
1191
|
}>;
|
1208
|
-
|
1209
|
-
}>) => JSX.Element | null;
|
1192
|
+
}>) => JSX.Element;
|
1210
1193
|
|
1211
1194
|
declare type AlertProps = {
|
1212
1195
|
style?: CSSProperties;
|
@@ -1250,7 +1233,7 @@ declare type PdfDocumentProps = {
|
|
1250
1233
|
disabledPaginationArrowColor: ThemeColors$1 | string;
|
1251
1234
|
}>;
|
1252
1235
|
};
|
1253
|
-
declare const PdfDocument: () => JSX.Element;
|
1236
|
+
declare const PdfDocument: ({ source, isMobile, customDocumentStyles, }: PdfDocumentProps) => JSX.Element;
|
1254
1237
|
|
1255
1238
|
declare type FeedTemplateKeys = `feed_${'a' | 'b'}`;
|
1256
1239
|
declare type FeedContentHeaderProps = {
|
@@ -1291,10 +1274,9 @@ declare type VideoProps = {
|
|
1291
1274
|
enableCoverImage: boolean;
|
1292
1275
|
coverImageSrc: string;
|
1293
1276
|
style: CSSProperties;
|
1294
|
-
styles: StylesType;
|
1295
1277
|
template: FeedContentTemplateTypes$1;
|
1296
1278
|
}>;
|
1297
|
-
declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc,
|
1279
|
+
declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: VideoProps) => JSX.Element;
|
1298
1280
|
|
1299
1281
|
declare type ImageProps = {
|
1300
1282
|
src: string;
|
@@ -1302,14 +1284,13 @@ declare type ImageProps = {
|
|
1302
1284
|
id: string;
|
1303
1285
|
altText: string;
|
1304
1286
|
link: string;
|
1305
|
-
onClick: Callback$1;
|
1306
1287
|
width: number;
|
1307
1288
|
height: number;
|
1308
1289
|
cornerRadius: number;
|
1309
1290
|
behaveAs: 'background' | 'regular';
|
1310
1291
|
styles: StylesType;
|
1311
1292
|
}>;
|
1312
|
-
declare const Image: ({ src,
|
1293
|
+
declare const Image: ({ src, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
|
1313
1294
|
|
1314
1295
|
declare type CarouselProps = {
|
1315
1296
|
children: JSX.Element[];
|
@@ -1380,129 +1361,25 @@ declare type ButtonProps = BaseButtonProps & {
|
|
1380
1361
|
};
|
1381
1362
|
declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: ButtonProps) => JSX.Element | null;
|
1382
1363
|
|
1383
|
-
declare
|
1384
|
-
|
1385
|
-
wrapperStyles?: CSSProperties;
|
1386
|
-
onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
|
1387
|
-
modalStyles?: CSSProperties;
|
1388
|
-
onClose?: Callback$1;
|
1389
|
-
};
|
1390
|
-
declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
|
1391
|
-
declare const ModalWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, OverrideStyles, never>;
|
1392
|
-
declare const IconWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
|
1393
|
-
activeOpacity?: number | undefined;
|
1394
|
-
withoutOpacityEffect?: boolean | undefined;
|
1395
|
-
disabled?: boolean | undefined;
|
1396
|
-
} & {
|
1397
|
-
children?: react__default.ReactNode;
|
1398
|
-
}, never>;
|
1364
|
+
declare const Container: ({ children, wide, compact, type, props }: ContainerProps$1) => JSX.Element;
|
1365
|
+
declare const ContainerComponent: ({ type, items, config, tabsProps }: ContainerComponentProps$1) => JSX.Element | null;
|
1399
1366
|
|
1400
|
-
declare type ConsentCaptureMethod = 'button' | 'radioButton' | 'checkbox';
|
1401
|
-
declare type DefaultSelectionType = 'confirmation' | 'rejection';
|
1402
|
-
declare type ConsentProps<T extends string = string> = {
|
1403
|
-
text: string;
|
1404
|
-
isRequired?: boolean;
|
1405
|
-
consentCaptureProps: ConsentCaptureProps<T>;
|
1406
|
-
containerStyles?: CSSProperties;
|
1407
|
-
clearStyles?: boolean;
|
1408
|
-
};
|
1409
|
-
declare type Consent = {
|
1410
|
-
id: string;
|
1411
|
-
name: string;
|
1412
|
-
acknowledgment: CustomDescendant[];
|
1413
|
-
methodOfCapture: ConsentCaptureMethod;
|
1414
|
-
description: string;
|
1415
|
-
language: CustomDescendant[];
|
1416
|
-
expiration: string;
|
1417
|
-
confirmationButtonText: string;
|
1418
|
-
rejectionButtonText: string;
|
1419
|
-
defaultSelection: DefaultSelectionType;
|
1420
|
-
value?: DefaultSelectionType | boolean;
|
1421
|
-
isRequired?: boolean;
|
1422
|
-
};
|
1423
|
-
declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
|
1424
|
-
|
1425
|
-
declare const Container: ({ children, wide, compact, type, props, id, }: Partial<{
|
1426
|
-
type: containers.ContainerType;
|
1427
|
-
wide: Partial<{
|
1428
|
-
containerStyle: styled_components.CSSProperties;
|
1429
|
-
containerProps: Partial<{
|
1430
|
-
position: containers.ContainerPositionType;
|
1431
|
-
scrollBehaviour: containers.ContainerScrollBehaviourType;
|
1432
|
-
cornerRadius: number;
|
1433
|
-
styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
1434
|
-
formProps: containers.FormContainerProps;
|
1435
|
-
formStepProps: containers.FormStepContainerProps;
|
1436
|
-
}>;
|
1437
|
-
}>;
|
1438
|
-
compact: Partial<{
|
1439
|
-
containerStyle: styled_components.CSSProperties;
|
1440
|
-
containerProps: Partial<{
|
1441
|
-
position: containers.ContainerPositionType;
|
1442
|
-
scrollBehaviour: containers.ContainerScrollBehaviourType;
|
1443
|
-
cornerRadius: number;
|
1444
|
-
styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
1445
|
-
formProps: containers.FormContainerProps;
|
1446
|
-
formStepProps: containers.FormStepContainerProps;
|
1447
|
-
}>;
|
1448
|
-
}>;
|
1449
|
-
props: Partial<{
|
1450
|
-
position: containers.ContainerPositionType;
|
1451
|
-
scrollBehaviour: containers.ContainerScrollBehaviourType;
|
1452
|
-
cornerRadius: number;
|
1453
|
-
styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
1454
|
-
formProps: containers.FormContainerProps;
|
1455
|
-
formStepProps: containers.FormStepContainerProps;
|
1456
|
-
}>;
|
1457
|
-
}> & {
|
1458
|
-
children?: react.ReactNode;
|
1459
|
-
} & {
|
1460
|
-
id: string;
|
1461
|
-
}) => JSX.Element;
|
1462
|
-
declare const ContainerComponent: ({ type, items, config, tabsProps, id, }: ContainerComponentProps$1) => JSX.Element | null;
|
1463
|
-
|
1464
|
-
declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
|
1465
|
-
declare type DownloadFile = {
|
1466
|
-
url: string;
|
1467
|
-
name: string;
|
1468
|
-
};
|
1469
|
-
declare type LinkAction = LinkAttributes;
|
1470
|
-
declare type PopupDrawerAction = ContainerComponentProps;
|
1471
|
-
declare type DownloadAction = DownloadFile;
|
1472
|
-
declare type SubmitAction = AnyObject;
|
1473
|
-
declare type CancelAction = AnyObject;
|
1474
|
-
declare type ResetAction = AnyObject;
|
1475
|
-
declare type DestroyAction = AnyObject;
|
1476
|
-
declare type Action = {
|
1477
|
-
type: ActionTypes;
|
1478
|
-
} & Partial<{
|
1479
|
-
link: LinkAction;
|
1480
|
-
popup: PopupDrawerAction;
|
1481
|
-
drawer: PopupDrawerAction;
|
1482
|
-
download: DownloadAction;
|
1483
|
-
submit: SubmitAction;
|
1484
|
-
cancel: CancelAction;
|
1485
|
-
reset: ResetAction;
|
1486
|
-
destroy: DestroyAction;
|
1487
|
-
}>;
|
1488
1367
|
declare type ImageAttributes = {
|
1489
1368
|
attributeType: 'image';
|
1490
1369
|
imageSource: string;
|
1370
|
+
tags: {
|
1371
|
+
id: string;
|
1372
|
+
}[];
|
1491
1373
|
};
|
1492
1374
|
interface TextAttributes {
|
1493
|
-
id?: string;
|
1494
1375
|
attributeType: 'text';
|
1495
|
-
isRichText
|
1376
|
+
isRichText: boolean;
|
1496
1377
|
text: string;
|
1497
1378
|
}
|
1498
1379
|
interface VideoAttributes {
|
1499
1380
|
attributeType: 'video';
|
1500
1381
|
videoSource: string;
|
1501
1382
|
}
|
1502
|
-
interface ActionAttributes {
|
1503
|
-
attributeType: 'action';
|
1504
|
-
action: Action;
|
1505
|
-
}
|
1506
1383
|
interface LinkAttributes {
|
1507
1384
|
id: string;
|
1508
1385
|
attributeType: 'link';
|
@@ -1512,7 +1389,6 @@ interface LinkAttributes {
|
|
1512
1389
|
name: string;
|
1513
1390
|
}
|
1514
1391
|
interface SelectAttributes {
|
1515
|
-
id?: string;
|
1516
1392
|
attributeType: 'select';
|
1517
1393
|
value: string;
|
1518
1394
|
options: SelectOption$1[];
|
@@ -1525,72 +1401,56 @@ interface IterableAttributes {
|
|
1525
1401
|
attributeType: 'iterable';
|
1526
1402
|
options: SelectOption$1[];
|
1527
1403
|
}
|
1528
|
-
|
1529
|
-
id: string;
|
1530
|
-
attributeType: 'data_model_field';
|
1531
|
-
dataModelField: {
|
1532
|
-
id: string;
|
1533
|
-
fieldName: string;
|
1534
|
-
code: string;
|
1535
|
-
};
|
1536
|
-
}
|
1537
|
-
interface ConditionConfigAttributes {
|
1538
|
-
id: string;
|
1539
|
-
attributeType: 'condition_config';
|
1540
|
-
conditionConfig: ConditionConfig;
|
1541
|
-
}
|
1542
|
-
declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent';
|
1404
|
+
declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field';
|
1543
1405
|
interface BaseMolecule {
|
1544
1406
|
id: string;
|
1545
1407
|
instance: 'molecule';
|
1546
1408
|
type: MoleculeTypes;
|
1547
|
-
metadata?: AnyObject;
|
1548
1409
|
}
|
1549
1410
|
interface ImageMolecule extends BaseMolecule {
|
1550
1411
|
type: 'image';
|
1551
|
-
attributes:
|
1412
|
+
attributes: {
|
1552
1413
|
image: ImageAttributes;
|
1553
1414
|
altText: Omit<TextAttributes, 'isRichText'>;
|
1554
1415
|
link: LinkAttributes;
|
1555
|
-
}
|
1416
|
+
};
|
1556
1417
|
config: {
|
1557
|
-
props
|
1418
|
+
props: Omit<ImageProps$1, 'src' | 'link' | 'altText'>;
|
1558
1419
|
};
|
1559
1420
|
}
|
1560
1421
|
interface TextMoleculeType extends BaseMolecule {
|
1561
1422
|
type: 'text';
|
1562
|
-
attributes:
|
1423
|
+
attributes: {
|
1563
1424
|
text: TextAttributes;
|
1564
1425
|
seoStyle: SelectAttributes;
|
1565
|
-
|
1566
|
-
}>;
|
1426
|
+
};
|
1567
1427
|
config: {
|
1568
|
-
props
|
1428
|
+
props: TextMoleculeProps$1;
|
1569
1429
|
};
|
1570
1430
|
}
|
1571
1431
|
interface ButtonMolecule extends BaseMolecule {
|
1572
1432
|
type: 'button';
|
1573
|
-
attributes:
|
1433
|
+
attributes: {
|
1574
1434
|
title: TextAttributes;
|
1575
|
-
|
1576
|
-
}
|
1435
|
+
buttonLink: LinkAttributes;
|
1436
|
+
};
|
1577
1437
|
config: {
|
1578
|
-
props
|
1438
|
+
props: Partial<Omit<ButtonProps$1, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
|
1579
1439
|
};
|
1580
1440
|
}
|
1581
1441
|
interface VideoMolecule extends BaseMolecule {
|
1582
1442
|
type: 'video';
|
1583
|
-
attributes:
|
1443
|
+
attributes: {
|
1584
1444
|
video: VideoAttributes;
|
1585
1445
|
altText: Omit<TextAttributes, 'isRichText'>;
|
1586
1446
|
autoPlayVideo: BooleanAttributes;
|
1587
1447
|
enableCoverImage: BooleanAttributes;
|
1588
1448
|
coverImage: ImageAttributes;
|
1589
|
-
}
|
1449
|
+
};
|
1590
1450
|
config: {
|
1591
1451
|
props: Partial<{
|
1592
1452
|
width: number;
|
1593
|
-
styles:
|
1453
|
+
styles: CSSProperties;
|
1594
1454
|
}>;
|
1595
1455
|
};
|
1596
1456
|
}
|
@@ -1604,96 +1464,71 @@ interface TabGroupMolecule extends BaseMolecule {
|
|
1604
1464
|
}
|
1605
1465
|
interface TextInputMolecule extends BaseMolecule {
|
1606
1466
|
type: 'input_field';
|
1607
|
-
attributes:
|
1467
|
+
attributes: {
|
1608
1468
|
label: TextAttributes;
|
1609
1469
|
required: BooleanAttributes;
|
1610
1470
|
inputType: SelectAttributes;
|
1611
|
-
|
1612
|
-
conditionConfig: ConditionConfigAttributes;
|
1613
|
-
}>;
|
1471
|
+
};
|
1614
1472
|
config: {
|
1615
|
-
props
|
1473
|
+
props: Partial<{
|
1616
1474
|
state: 'default' | 'error';
|
1617
1475
|
} & InputFieldProps$1>;
|
1618
1476
|
};
|
1619
1477
|
}
|
1620
1478
|
interface SelectFieldMolecule extends BaseMolecule {
|
1621
1479
|
type: 'select_field';
|
1622
|
-
attributes:
|
1480
|
+
attributes: {
|
1623
1481
|
label: TextAttributes;
|
1624
1482
|
required: BooleanAttributes;
|
1625
1483
|
options: IterableAttributes;
|
1626
|
-
|
1627
|
-
conditionConfig: ConditionConfigAttributes;
|
1628
|
-
}>;
|
1484
|
+
};
|
1629
1485
|
config: {
|
1630
|
-
props
|
1486
|
+
props: Partial<{
|
1631
1487
|
state: 'default' | 'error';
|
1632
1488
|
} & SelectFieldProps$1>;
|
1633
1489
|
};
|
1634
1490
|
}
|
1635
1491
|
interface RadioButtonFieldMolecule extends BaseMolecule {
|
1636
1492
|
type: 'radio_button_field';
|
1637
|
-
attributes:
|
1493
|
+
attributes: {
|
1638
1494
|
label: TextAttributes;
|
1639
1495
|
required: BooleanAttributes;
|
1640
1496
|
options: IterableAttributes;
|
1641
|
-
|
1642
|
-
conditionConfig: ConditionConfigAttributes;
|
1643
|
-
}>;
|
1497
|
+
};
|
1644
1498
|
config: {
|
1645
|
-
props
|
1499
|
+
props: Partial<{
|
1646
1500
|
state: 'default' | 'error';
|
1647
1501
|
} & RadioButtonFieldProps$1<string>>;
|
1648
1502
|
};
|
1649
1503
|
}
|
1650
1504
|
interface CheckboxFieldMolecule extends BaseMolecule {
|
1651
1505
|
type: 'checkbox_field';
|
1652
|
-
attributes:
|
1506
|
+
attributes: {
|
1653
1507
|
label: TextAttributes;
|
1654
1508
|
required: BooleanAttributes;
|
1655
1509
|
options: IterableAttributes;
|
1656
|
-
|
1657
|
-
conditionConfig: ConditionConfigAttributes;
|
1658
|
-
}>;
|
1510
|
+
};
|
1659
1511
|
config: {
|
1660
|
-
props
|
1512
|
+
props: Partial<{
|
1661
1513
|
state: 'default' | 'error';
|
1662
1514
|
} & CheckboxFieldProps$1>;
|
1663
1515
|
};
|
1664
1516
|
}
|
1665
|
-
|
1666
|
-
type: 'consent';
|
1667
|
-
attributes: Partial<{
|
1668
|
-
consent: Partial<{
|
1669
|
-
attributeType: 'consent';
|
1670
|
-
consent: Consent$1;
|
1671
|
-
required: BooleanAttributes;
|
1672
|
-
}>;
|
1673
|
-
}>;
|
1674
|
-
}
|
1675
|
-
declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule> & {
|
1517
|
+
declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule> & {
|
1676
1518
|
form?: UseFormReturn<any>;
|
1677
1519
|
};
|
1678
1520
|
|
1679
|
-
declare type ContainerType = 'row' | 'column' | 'slider' | 'form'
|
1680
|
-
declare type ContainerPositionType = 'fixed' | 'sticky' | 'static'
|
1521
|
+
declare type ContainerType = 'row' | 'column' | 'slider' | 'form';
|
1522
|
+
declare type ContainerPositionType = 'fixed' | 'sticky' | 'static';
|
1681
1523
|
declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
|
1682
|
-
declare type FormStepContainerProps = {
|
1683
|
-
formStepName: string;
|
1684
|
-
order: number;
|
1685
|
-
conditionConfig: ConditionConfig;
|
1686
|
-
};
|
1687
|
-
declare type FormContainerProps = {
|
1688
|
-
mode: keyof ValidationMode;
|
1689
|
-
};
|
1690
1524
|
declare type ContainerPropsType = Partial<{
|
1691
1525
|
position: ContainerPositionType;
|
1692
1526
|
scrollBehaviour: ContainerScrollBehaviourType;
|
1693
1527
|
cornerRadius: number;
|
1694
1528
|
styles: StylesType;
|
1695
|
-
formProps:
|
1696
|
-
|
1529
|
+
formProps: {
|
1530
|
+
mode: keyof ValidationMode;
|
1531
|
+
};
|
1697
1532
|
}>;
|
1698
1533
|
declare type AdditionalContainerProps = Partial<{
|
1699
1534
|
containerStyle: CSSProperties;
|
@@ -1709,42 +1544,24 @@ declare type ContainerComponentProps = {
|
|
1709
1544
|
id: string;
|
1710
1545
|
instance: 'container';
|
1711
1546
|
type: ContainerType;
|
1712
|
-
items: (ContainerComponentProps | Molecule)[];
|
1713
1547
|
config: {
|
1714
1548
|
wide?: AdditionalContainerProps;
|
1715
1549
|
compact?: AdditionalContainerProps;
|
1716
1550
|
props?: ContainerPropsType;
|
1717
1551
|
};
|
1552
|
+
items: (ContainerComponentProps | Molecule)[];
|
1718
1553
|
tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
|
1719
|
-
metadata?: AnyObject;
|
1720
|
-
attributes?: AnyObject;
|
1721
|
-
containerLibraryId?: string;
|
1722
1554
|
};
|
1723
|
-
declare type CriteriaType = 'operator' | 'condition';
|
1724
|
-
declare type ConditionCriteria = {
|
1725
|
-
id: string;
|
1726
|
-
type: CriteriaType;
|
1727
|
-
operator: string;
|
1728
|
-
dataFieldId: Nullable<string>;
|
1729
|
-
dataFieldName: Nullable<string>;
|
1730
|
-
dataValue: Nullable<string>;
|
1731
|
-
connectedTo: Nullable<string>;
|
1732
|
-
};
|
1733
|
-
declare type SegmentationType = 'simple' | 'advanced';
|
1734
|
-
declare type ConditionConfig = Nullable<{
|
1735
|
-
id: string;
|
1736
|
-
segmentationType: SegmentationType;
|
1737
|
-
criteriaList: ConditionCriteria[];
|
1738
|
-
}>;
|
1739
1555
|
|
1740
|
-
declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Pick<ContainerProps$
|
1556
|
+
declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Pick<ContainerProps$2, "type"> & {
|
1741
1557
|
containerProps?: Partial<{
|
1742
1558
|
position: containers_types_types.ContainerPositionType;
|
1743
1559
|
scrollBehaviour: containers_types_types.ContainerScrollBehaviourType;
|
1744
1560
|
cornerRadius: number;
|
1745
1561
|
styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
1746
|
-
formProps:
|
1747
|
-
|
1562
|
+
formProps: {
|
1563
|
+
mode: keyof react_hook_form.ValidationMode;
|
1564
|
+
};
|
1748
1565
|
}> | undefined;
|
1749
1566
|
}, never>;
|
1750
1567
|
|
@@ -1753,4 +1570,4 @@ declare const OrganismItem: ({ item, tabsProps, }: {
|
|
1753
1570
|
tabsProps?: Pick<TabGroupProps$1<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
|
1754
1571
|
}) => JSX.Element | null;
|
1755
1572
|
|
1756
|
-
export { AcquisitionForm, AcquisitionFormProps,
|
1573
|
+
export { AcquisitionForm, AcquisitionFormProps, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, 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, 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, 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, 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, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
|