@zealicsolutions/web-ui 0.3.32 → 0.3.34
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +4 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/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 };
|