@zealicsolutions/web-ui 0.3.32 → 0.3.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +4 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/Buttons/Buttons.stories.d.ts +8 -4
- package/dist/cjs/src/atoms/Buttons/TextButton.d.ts +16 -8
- package/dist/cjs/src/atoms/Input/Input.d.ts +17 -15
- package/dist/cjs/src/atoms/Input/Input.stories.d.ts +30 -1
- package/dist/cjs/src/atoms/Input/helpers.d.ts +30 -1
- package/dist/cjs/src/atoms/RichTextViewer/RichTextViewer.d.ts +6 -4
- package/dist/cjs/src/containers/FormStepContainer.d.ts +1 -1
- package/dist/cjs/src/containers/types/moleculeTypes.d.ts +27 -16
- package/dist/cjs/src/molecules/Button/Button.d.ts +25 -25
- package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts +5 -3
- package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts +4 -2
- package/dist/cjs/src/molecules/Columns/styles.d.ts +8 -4
- package/dist/cjs/src/molecules/InputField/InputField.d.ts +9 -4
- package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +33 -3
- package/dist/cjs/src/molecules/Link/Link.d.ts +8 -0
- package/dist/cjs/src/molecules/Link/Link.stories.d.ts +9 -0
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +5 -3
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -1
- package/dist/cjs/src/molecules/SelectField/SelectField.d.ts +3 -2
- package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +2 -1
- package/dist/cjs/src/molecules/index.d.ts +1 -0
- package/dist/cjs/src/organisms/FeedContent/styles.d.ts +1 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/Buttons/Buttons.stories.d.ts +8 -4
- package/dist/esm/src/atoms/Buttons/TextButton.d.ts +16 -8
- package/dist/esm/src/atoms/Input/Input.d.ts +17 -15
- package/dist/esm/src/atoms/Input/Input.stories.d.ts +30 -1
- package/dist/esm/src/atoms/Input/helpers.d.ts +30 -1
- package/dist/esm/src/atoms/RichTextViewer/RichTextViewer.d.ts +6 -4
- package/dist/esm/src/containers/FormStepContainer.d.ts +1 -1
- package/dist/esm/src/containers/types/moleculeTypes.d.ts +27 -16
- package/dist/esm/src/molecules/Button/Button.d.ts +25 -25
- package/dist/esm/src/molecules/CheckboxField/CheckboxField.d.ts +5 -3
- package/dist/esm/src/molecules/CheckboxField/CheckboxField.stories.d.ts +4 -2
- package/dist/esm/src/molecules/Columns/styles.d.ts +8 -4
- package/dist/esm/src/molecules/InputField/InputField.d.ts +9 -4
- package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +33 -3
- package/dist/esm/src/molecules/Link/Link.d.ts +8 -0
- package/dist/esm/src/molecules/Link/Link.stories.d.ts +9 -0
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +5 -3
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -1
- package/dist/esm/src/molecules/SelectField/SelectField.d.ts +3 -2
- package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +2 -1
- package/dist/esm/src/molecules/index.d.ts +1 -0
- package/dist/esm/src/organisms/FeedContent/styles.d.ts +1 -1
- package/dist/index.d.ts +116 -80
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
@@ -8,18 +8,20 @@ import * as typescript from 'typescript';
|
|
8
8
|
import { StylesType, AnyObject, 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 * as containers from 'containers';
|
12
|
+
import { FormStateType as FormStateType$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, ConditionConfig as ConditionConfig$1 } from 'containers';
|
11
13
|
import { FieldTypes as FieldTypes$1, UIFields as UIFields$1, InputFieldTypes as InputFieldTypes$1 } from 'fieldsConfiguration/types';
|
12
14
|
import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
|
13
15
|
import * as react_hook_form from 'react-hook-form';
|
14
16
|
import { ControllerProps, DeepPartial, FieldValues, FormState, Control, UseFormReturn, ValidationMode } from 'react-hook-form';
|
15
17
|
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';
|
18
|
+
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, LinkVariant as LinkVariant$1 } from 'atoms';
|
19
|
+
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, LinkProps as LinkProps$1 } from 'molecules';
|
18
20
|
import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
|
19
21
|
import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
|
20
22
|
import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
|
21
23
|
import { RadioGroup, DrawerProps as DrawerProps$1, ModalProps } from '@mui/material';
|
22
|
-
import { UIFields as UIFields$2, UIField as UIField$1 } from 'fieldsConfiguration';
|
24
|
+
import { UIFields as UIFields$2, InputFieldTypes as InputFieldTypes$2, UIField as UIField$1 } from 'fieldsConfiguration';
|
23
25
|
import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
|
24
26
|
import { ConsentProps as ConsentProps$2 } from 'molecules/Consent/Consent';
|
25
27
|
import { FooterAProps } from 'organisms/Footer/FooterA';
|
@@ -37,8 +39,6 @@ import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
|
|
37
39
|
import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
|
38
40
|
import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
|
39
41
|
import * as contexts_ButtonActionsContext_ButtonActionsContext from 'contexts/ButtonActionsContext/ButtonActionsContext';
|
40
|
-
import * as containers from 'containers';
|
41
|
-
import { ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, ConditionConfig as ConditionConfig$1 } from 'containers';
|
42
42
|
export * from 'helpers/constants';
|
43
43
|
import { CheckboxInternalConfigProps as CheckboxInternalConfigProps$1 } from 'atoms/Checkbox/types';
|
44
44
|
import { CustomDescendant } from 'atoms/RichTextViewer/types';
|
@@ -115,6 +115,8 @@ declare type SelectProps = Partial<{
|
|
115
115
|
}>;
|
116
116
|
declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
|
117
117
|
|
118
|
+
declare type Callback = () => void;
|
119
|
+
|
118
120
|
declare const getFieldPlaceholder: (type: FieldTypes$1, title?: string) => string;
|
119
121
|
|
120
122
|
declare type InputFieldTypes = 'phone_number' | 'text' | 'email' | 'password' | 'numerical' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'us_zip_code' | 'any';
|
@@ -176,22 +178,23 @@ declare type InputIconProps = {
|
|
176
178
|
name: IconNames$1;
|
177
179
|
onClick?: Callback$1;
|
178
180
|
};
|
179
|
-
declare type InputProps = {
|
180
|
-
value
|
181
|
-
leftIcon
|
182
|
-
rightIcon
|
183
|
-
onBlur
|
184
|
-
type
|
185
|
-
placeholder
|
186
|
-
disabled
|
187
|
-
isEditMode
|
188
|
-
isError
|
189
|
-
maxLength
|
190
|
-
onChange
|
191
|
-
onKeyDown
|
192
|
-
internalConfig
|
181
|
+
declare type InputProps = Partial<{
|
182
|
+
value: string;
|
183
|
+
leftIcon: InputIconProps;
|
184
|
+
rightIcon: InputIconProps;
|
185
|
+
onBlur: Callback$1;
|
186
|
+
type: InputFieldTypes$1;
|
187
|
+
placeholder: string;
|
188
|
+
disabled: boolean;
|
189
|
+
isEditMode: boolean;
|
190
|
+
isError: boolean;
|
191
|
+
maxLength: number;
|
192
|
+
onChange: (value: string) => void;
|
193
|
+
onKeyDown: (event: react__default.KeyboardEvent<HTMLInputElement>) => void;
|
194
|
+
internalConfig: InputFieldInternalConfigProps;
|
193
195
|
config?: MaskConfig;
|
194
|
-
|
196
|
+
state: FormStateType$1;
|
197
|
+
}>;
|
195
198
|
declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: InputProps) => JSX.Element;
|
196
199
|
|
197
200
|
declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
|
@@ -290,14 +293,21 @@ declare const BackgroundImage: styled_components.StyledComponent<"img", styled_c
|
|
290
293
|
cornerRadius: number;
|
291
294
|
}> & OverrideStyles, never>;
|
292
295
|
|
293
|
-
declare type
|
294
|
-
|
295
|
-
|
296
|
-
|
297
|
-
|
298
|
-
|
299
|
-
|
300
|
-
|
296
|
+
declare type LinkVariant = 'link' | 'custom';
|
297
|
+
declare type TextButtonProps = Pick<BaseButtonProps$1, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & Partial<{
|
298
|
+
buttonLink: string;
|
299
|
+
elementId: string;
|
300
|
+
$styles: StylesType;
|
301
|
+
$variant: LinkVariant;
|
302
|
+
}>;
|
303
|
+
declare const TextButton: styled_components.StyledComponent<"a", styled_components.DefaultTheme, {
|
304
|
+
target: "_blank";
|
305
|
+
} & Pick<BaseButtonProps$1, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
|
306
|
+
buttonLink: string;
|
307
|
+
elementId: string;
|
308
|
+
$styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
309
|
+
$variant: LinkVariant;
|
310
|
+
}>, "target">;
|
301
311
|
|
302
312
|
declare type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
|
303
313
|
declare type ValidationTagProps = {
|
@@ -387,10 +397,12 @@ declare type RichTextEditorProps = Partial<{
|
|
387
397
|
font: FontSizesTypes$2;
|
388
398
|
color: ThemeColors$1 | string;
|
389
399
|
textStyles: StylesType;
|
390
|
-
numberOfLines
|
391
|
-
extraTextProps
|
400
|
+
numberOfLines: number;
|
401
|
+
extraTextProps: TextProps$1;
|
402
|
+
renderElementWrapperComponent: (props: AnyObject) => JSX.Element;
|
403
|
+
renderElementWrapperProps: AnyObject;
|
392
404
|
}>;
|
393
|
-
declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, }: RichTextEditorProps) => JSX.Element | null;
|
405
|
+
declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, renderElementWrapperComponent: RenderElementWrapperComponent, renderElementWrapperProps, }: RichTextEditorProps) => JSX.Element | null;
|
394
406
|
|
395
407
|
declare type RadioButtonInternalConfigProps = Partial<{
|
396
408
|
selectedRadioOptionBackgroundColor: ThemeColors$1 | string;
|
@@ -962,9 +974,12 @@ declare type InputFieldProps = Partial<{
|
|
962
974
|
inputProps: InputProps$1;
|
963
975
|
styles: StylesType;
|
964
976
|
labelsProps: FieldLabelsProps;
|
965
|
-
conditionConfig
|
977
|
+
conditionConfig: ConditionConfig$1;
|
978
|
+
state: FormStateType$1;
|
966
979
|
}>;
|
967
|
-
declare
|
980
|
+
declare type ReturnValueType = Record<FormStateType$1, string>;
|
981
|
+
declare const getMockValueForSuccessAndFormatError: (type: InputFieldTypes$2) => ReturnValueType;
|
982
|
+
declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, }: InputFieldProps) => JSX.Element | null;
|
968
983
|
|
969
984
|
declare type FieldMapperProps<T extends object> = {
|
970
985
|
field: UIField$1<keyof T>;
|
@@ -998,9 +1013,11 @@ declare type CheckboxFieldProps = Partial<{
|
|
998
1013
|
required: boolean;
|
999
1014
|
optional: boolean;
|
1000
1015
|
wrapperStyles: StylesType;
|
1001
|
-
conditionConfig
|
1016
|
+
conditionConfig: ConditionConfig$1;
|
1017
|
+
state: FormStateType$1;
|
1018
|
+
defaultValue: string;
|
1002
1019
|
}>;
|
1003
|
-
declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, }: CheckboxFieldProps) => JSX.Element | null;
|
1020
|
+
declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, }: CheckboxFieldProps) => JSX.Element | null;
|
1004
1021
|
|
1005
1022
|
declare type CheckboxGroupProps = Partial<{
|
1006
1023
|
ref: RefCallBack;
|
@@ -1020,7 +1037,8 @@ declare type SelectFieldProps = Partial<{
|
|
1020
1037
|
optional: boolean;
|
1021
1038
|
defaultValue: string;
|
1022
1039
|
styles: StylesType;
|
1023
|
-
conditionConfig
|
1040
|
+
conditionConfig: ConditionConfig$1;
|
1041
|
+
state: FormStateType$1;
|
1024
1042
|
}>;
|
1025
1043
|
declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, }: SelectFieldProps) => JSX.Element | null;
|
1026
1044
|
|
@@ -1172,7 +1190,8 @@ declare type RadioButtonFieldProps<T extends string> = Partial<{
|
|
1172
1190
|
defaultValue: string;
|
1173
1191
|
radioButtonsProps: RadioButtonsProps$1<T>;
|
1174
1192
|
internalConfig: RadioButtonInternalConfigProps$1;
|
1175
|
-
conditionConfig
|
1193
|
+
conditionConfig: ConditionConfig$1;
|
1194
|
+
state: FormStateType$1;
|
1176
1195
|
}>;
|
1177
1196
|
declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, }: Partial<{
|
1178
1197
|
name: string;
|
@@ -1216,7 +1235,8 @@ declare const RadioButtonField: <T extends string>({ name, rules, styles, contro
|
|
1216
1235
|
buttonOptionSpacing: SizesTypes;
|
1217
1236
|
radioGroupWrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
1218
1237
|
}>;
|
1219
|
-
conditionConfig
|
1238
|
+
conditionConfig: ConditionConfig$1;
|
1239
|
+
state: FormStateType$1;
|
1220
1240
|
}>) => JSX.Element | null;
|
1221
1241
|
|
1222
1242
|
declare type AlertProps = {
|
@@ -1283,8 +1303,6 @@ declare type ToggleFieldProps = {
|
|
1283
1303
|
};
|
1284
1304
|
declare const HorizontalButtonsField: ({ name, title, control, description, horizontalButtonsProps, }: ToggleFieldProps) => JSX.Element;
|
1285
1305
|
|
1286
|
-
declare type Callback = () => void;
|
1287
|
-
|
1288
1306
|
declare type BottomNaVBarItemProps = {
|
1289
1307
|
name: string;
|
1290
1308
|
icon: ComponentType<Omit<IconProps$1, 'name'>>;
|
@@ -1354,31 +1372,31 @@ declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, t
|
|
1354
1372
|
|
1355
1373
|
declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
|
1356
1374
|
declare type ButtonType = 'button' | 'submit' | 'reset';
|
1357
|
-
declare type BaseButtonProps = PropsWithChildren<{
|
1358
|
-
onClick
|
1359
|
-
variant
|
1360
|
-
disabled
|
1361
|
-
state
|
1362
|
-
fullWidth
|
1363
|
-
size
|
1364
|
-
buttonFont
|
1365
|
-
textColor
|
1366
|
-
textSize
|
1367
|
-
horizontalPadding
|
1368
|
-
verticalPadding
|
1369
|
-
buttonColor
|
1370
|
-
buttonStroke
|
1371
|
-
cornerRadius
|
1372
|
-
hoverButtonColor
|
1373
|
-
hoverStrokeColor
|
1374
|
-
inactiveButtonColor
|
1375
|
-
inactiveStrokeColor
|
1376
|
-
inactiveTextColor
|
1377
|
-
styles
|
1378
|
-
colorTheme
|
1379
|
-
href
|
1380
|
-
type
|
1381
|
-
}
|
1375
|
+
declare type BaseButtonProps = PropsWithChildren<Partial<{
|
1376
|
+
onClick: Callback$1;
|
1377
|
+
variant: ButtonVariant;
|
1378
|
+
disabled: boolean;
|
1379
|
+
state: 'disabled' | 'enabled';
|
1380
|
+
fullWidth: boolean;
|
1381
|
+
size: 'medium' | 'small';
|
1382
|
+
buttonFont: FontSizesTypes$2;
|
1383
|
+
textColor: ThemeColors$1 | string;
|
1384
|
+
textSize: number;
|
1385
|
+
horizontalPadding: SizesTypes$1;
|
1386
|
+
verticalPadding: SizesTypes$1;
|
1387
|
+
buttonColor: ThemeColors$1 | string;
|
1388
|
+
buttonStroke: ThemeColors$1 | string;
|
1389
|
+
cornerRadius: SizesTypes$1 | number;
|
1390
|
+
hoverButtonColor: ThemeColors$1 | string;
|
1391
|
+
hoverStrokeColor: ThemeColors$1 | string;
|
1392
|
+
inactiveButtonColor: ThemeColors$1 | string;
|
1393
|
+
inactiveStrokeColor: ThemeColors$1 | string;
|
1394
|
+
inactiveTextColor: ThemeColors$1 | string;
|
1395
|
+
styles: StylesType;
|
1396
|
+
colorTheme: 'light' | 'dark';
|
1397
|
+
href: string;
|
1398
|
+
type: ButtonType;
|
1399
|
+
}>>;
|
1382
1400
|
declare type ButtonProps = BaseButtonProps & {
|
1383
1401
|
fullWidth?: boolean;
|
1384
1402
|
text?: string;
|
@@ -1433,6 +1451,13 @@ declare type Consent = {
|
|
1433
1451
|
};
|
1434
1452
|
declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
|
1435
1453
|
|
1454
|
+
declare type LinkProps = Omit<TextButtonProps$1, 'children'> & Partial<{
|
1455
|
+
text: string;
|
1456
|
+
isRichText: boolean;
|
1457
|
+
href: string;
|
1458
|
+
}>;
|
1459
|
+
declare const Link: ({ text: textProp, isRichText, ...props }: LinkProps) => JSX.Element | null;
|
1460
|
+
|
1436
1461
|
declare const Container: ({ children, wide, compact, type, props, id, }: Partial<{
|
1437
1462
|
type: containers.ContainerType;
|
1438
1463
|
wide: Partial<{
|
@@ -1496,6 +1521,7 @@ declare type Action = {
|
|
1496
1521
|
reset: ResetAction;
|
1497
1522
|
destroy: DestroyAction;
|
1498
1523
|
}>;
|
1524
|
+
declare type FormStateType = 'default' | 'success' | 'format_error' | 'field_error' | 'open_dropdown';
|
1499
1525
|
declare type ImageAttributes = {
|
1500
1526
|
attributeType: 'image';
|
1501
1527
|
imageSource: string;
|
@@ -1550,7 +1576,11 @@ interface ConditionConfigAttributes {
|
|
1550
1576
|
attributeType: 'condition_config';
|
1551
1577
|
conditionConfig: ConditionConfig;
|
1552
1578
|
}
|
1553
|
-
|
1579
|
+
interface ColorAttributes {
|
1580
|
+
attributeType: 'color';
|
1581
|
+
color: string;
|
1582
|
+
}
|
1583
|
+
declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link';
|
1554
1584
|
interface BaseMolecule {
|
1555
1585
|
id: string;
|
1556
1586
|
instance: 'molecule';
|
@@ -1574,6 +1604,7 @@ interface TextMoleculeType extends BaseMolecule {
|
|
1574
1604
|
text: TextAttributes;
|
1575
1605
|
seoStyle: SelectAttributes;
|
1576
1606
|
fontVariant: SelectAttributes;
|
1607
|
+
textColor: ColorAttributes;
|
1577
1608
|
}>;
|
1578
1609
|
config: {
|
1579
1610
|
props?: TextMoleculeProps$1;
|
@@ -1623,9 +1654,7 @@ interface TextInputMolecule extends BaseMolecule {
|
|
1623
1654
|
conditionConfig: ConditionConfigAttributes;
|
1624
1655
|
}>;
|
1625
1656
|
config: {
|
1626
|
-
props
|
1627
|
-
state: 'default' | 'error';
|
1628
|
-
} & InputFieldProps$1>;
|
1657
|
+
props: InputFieldProps$1;
|
1629
1658
|
};
|
1630
1659
|
}
|
1631
1660
|
interface SelectFieldMolecule extends BaseMolecule {
|
@@ -1638,9 +1667,7 @@ interface SelectFieldMolecule extends BaseMolecule {
|
|
1638
1667
|
conditionConfig: ConditionConfigAttributes;
|
1639
1668
|
}>;
|
1640
1669
|
config: {
|
1641
|
-
props
|
1642
|
-
state: 'default' | 'error';
|
1643
|
-
} & SelectFieldProps$1>;
|
1670
|
+
props: SelectFieldProps$1;
|
1644
1671
|
};
|
1645
1672
|
}
|
1646
1673
|
interface RadioButtonFieldMolecule extends BaseMolecule {
|
@@ -1653,9 +1680,7 @@ interface RadioButtonFieldMolecule extends BaseMolecule {
|
|
1653
1680
|
conditionConfig: ConditionConfigAttributes;
|
1654
1681
|
}>;
|
1655
1682
|
config: {
|
1656
|
-
props
|
1657
|
-
state: 'default' | 'error';
|
1658
|
-
} & RadioButtonFieldProps$1<string>>;
|
1683
|
+
props: RadioButtonFieldProps$1<string>;
|
1659
1684
|
};
|
1660
1685
|
}
|
1661
1686
|
interface CheckboxFieldMolecule extends BaseMolecule {
|
@@ -1668,9 +1693,7 @@ interface CheckboxFieldMolecule extends BaseMolecule {
|
|
1668
1693
|
conditionConfig: ConditionConfigAttributes;
|
1669
1694
|
}>;
|
1670
1695
|
config: {
|
1671
|
-
props
|
1672
|
-
state: 'default' | 'error';
|
1673
|
-
} & CheckboxFieldProps$1>;
|
1696
|
+
props: CheckboxFieldProps$1;
|
1674
1697
|
};
|
1675
1698
|
}
|
1676
1699
|
interface ConsentFieldMolecule extends BaseMolecule {
|
@@ -1683,7 +1706,20 @@ interface ConsentFieldMolecule extends BaseMolecule {
|
|
1683
1706
|
}>;
|
1684
1707
|
}>;
|
1685
1708
|
}
|
1686
|
-
|
1709
|
+
interface LinkMolecule extends BaseMolecule {
|
1710
|
+
type: 'link';
|
1711
|
+
attributes: {
|
1712
|
+
text: TextAttributes;
|
1713
|
+
link: LinkAttributes;
|
1714
|
+
};
|
1715
|
+
config: {
|
1716
|
+
props: Omit<LinkProps$1, '$variant' | '$styles'> & Partial<{
|
1717
|
+
variant: LinkVariant$1;
|
1718
|
+
styles: StylesType;
|
1719
|
+
}>;
|
1720
|
+
};
|
1721
|
+
}
|
1722
|
+
declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule> & {
|
1687
1723
|
form?: UseFormReturn<any>;
|
1688
1724
|
};
|
1689
1725
|
|
@@ -1764,4 +1800,4 @@ declare const OrganismItem: ({ item, tabsProps, }: {
|
|
1764
1800
|
tabsProps?: Pick<TabGroupProps$1<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
|
1765
1801
|
}) => JSX.Element | null;
|
1766
1802
|
|
1767
|
-
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, FormStepContextProviderProps, 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, OrganismContext, OrganismContextProvider, OrganismContextType, 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 };
|
1803
|
+
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, ColorAttributes, 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, FormStateType, FormStepContainerProps, FormStepContextProviderProps, 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, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, 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, getMockValueForSuccessAndFormatError, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
|