@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.
Files changed (50) hide show
  1. package/dist/cjs/index.js +4 -4
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/src/atoms/Buttons/Buttons.stories.d.ts +8 -4
  4. package/dist/cjs/src/atoms/Buttons/TextButton.d.ts +16 -8
  5. package/dist/cjs/src/atoms/Input/Input.d.ts +17 -15
  6. package/dist/cjs/src/atoms/Input/Input.stories.d.ts +30 -1
  7. package/dist/cjs/src/atoms/Input/helpers.d.ts +30 -1
  8. package/dist/cjs/src/atoms/RichTextViewer/RichTextViewer.d.ts +6 -4
  9. package/dist/cjs/src/containers/FormStepContainer.d.ts +1 -1
  10. package/dist/cjs/src/containers/types/moleculeTypes.d.ts +27 -16
  11. package/dist/cjs/src/molecules/Button/Button.d.ts +25 -25
  12. package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts +5 -3
  13. package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts +4 -2
  14. package/dist/cjs/src/molecules/Columns/styles.d.ts +8 -4
  15. package/dist/cjs/src/molecules/InputField/InputField.d.ts +9 -4
  16. package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +33 -3
  17. package/dist/cjs/src/molecules/Link/Link.d.ts +8 -0
  18. package/dist/cjs/src/molecules/Link/Link.stories.d.ts +9 -0
  19. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +5 -3
  20. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -1
  21. package/dist/cjs/src/molecules/SelectField/SelectField.d.ts +3 -2
  22. package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +2 -1
  23. package/dist/cjs/src/molecules/index.d.ts +1 -0
  24. package/dist/cjs/src/organisms/FeedContent/styles.d.ts +1 -1
  25. package/dist/esm/index.js +4 -4
  26. package/dist/esm/index.js.map +1 -1
  27. package/dist/esm/src/atoms/Buttons/Buttons.stories.d.ts +8 -4
  28. package/dist/esm/src/atoms/Buttons/TextButton.d.ts +16 -8
  29. package/dist/esm/src/atoms/Input/Input.d.ts +17 -15
  30. package/dist/esm/src/atoms/Input/Input.stories.d.ts +30 -1
  31. package/dist/esm/src/atoms/Input/helpers.d.ts +30 -1
  32. package/dist/esm/src/atoms/RichTextViewer/RichTextViewer.d.ts +6 -4
  33. package/dist/esm/src/containers/FormStepContainer.d.ts +1 -1
  34. package/dist/esm/src/containers/types/moleculeTypes.d.ts +27 -16
  35. package/dist/esm/src/molecules/Button/Button.d.ts +25 -25
  36. package/dist/esm/src/molecules/CheckboxField/CheckboxField.d.ts +5 -3
  37. package/dist/esm/src/molecules/CheckboxField/CheckboxField.stories.d.ts +4 -2
  38. package/dist/esm/src/molecules/Columns/styles.d.ts +8 -4
  39. package/dist/esm/src/molecules/InputField/InputField.d.ts +9 -4
  40. package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +33 -3
  41. package/dist/esm/src/molecules/Link/Link.d.ts +8 -0
  42. package/dist/esm/src/molecules/Link/Link.stories.d.ts +9 -0
  43. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +5 -3
  44. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -1
  45. package/dist/esm/src/molecules/SelectField/SelectField.d.ts +3 -2
  46. package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +2 -1
  47. package/dist/esm/src/molecules/index.d.ts +1 -0
  48. package/dist/esm/src/organisms/FeedContent/styles.d.ts +1 -1
  49. package/dist/index.d.ts +116 -80
  50. 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?: string;
181
- leftIcon?: InputIconProps;
182
- rightIcon?: InputIconProps;
183
- onBlur?: Callback$1;
184
- type?: InputFieldTypes$1;
185
- placeholder?: string;
186
- disabled?: boolean;
187
- isEditMode?: boolean;
188
- isError?: boolean;
189
- maxLength?: number;
190
- onChange?: (value: string) => void;
191
- onKeyDown?: (event: react__default.KeyboardEvent<HTMLInputElement>) => void;
192
- internalConfig?: InputFieldInternalConfigProps;
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 TextButtonProps = Pick<BaseButtonProps$1, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & {
294
- buttonLink?: string;
295
- elementId?: string;
296
- };
297
- declare const TextButton: styled_components.StyledComponent<"a", styled_components.DefaultTheme, Pick<BaseButtonProps$1, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & {
298
- buttonLink?: string | undefined;
299
- elementId?: string | undefined;
300
- }, never>;
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?: number;
391
- extraTextProps?: TextProps$1;
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?: ConditionConfig$1;
977
+ conditionConfig: ConditionConfig$1;
978
+ state: FormStateType$1;
966
979
  }>;
967
- declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, }: InputFieldProps) => JSX.Element | null;
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?: ConditionConfig$1;
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?: ConditionConfig$1;
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?: ConditionConfig$1;
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?: ConditionConfig$1 | undefined;
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?: Callback$1;
1359
- variant?: ButtonVariant;
1360
- disabled?: boolean;
1361
- state?: 'disabled' | 'enabled';
1362
- fullWidth?: boolean;
1363
- size?: 'medium' | 'small';
1364
- buttonFont?: FontSizesTypes$2;
1365
- textColor?: ThemeColors$1 | string;
1366
- textSize?: number;
1367
- horizontalPadding?: SizesTypes$1;
1368
- verticalPadding?: SizesTypes$1;
1369
- buttonColor?: ThemeColors$1 | string;
1370
- buttonStroke?: ThemeColors$1 | string;
1371
- cornerRadius?: SizesTypes$1 | number;
1372
- hoverButtonColor?: ThemeColors$1 | string;
1373
- hoverStrokeColor?: ThemeColors$1 | string;
1374
- inactiveButtonColor?: ThemeColors$1 | string;
1375
- inactiveStrokeColor?: ThemeColors$1 | string;
1376
- inactiveTextColor?: ThemeColors$1 | string;
1377
- styles?: StylesType;
1378
- colorTheme?: 'light' | 'dark';
1379
- href?: string;
1380
- type?: ButtonType;
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
- declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent';
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?: Partial<{
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?: Partial<{
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?: Partial<{
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?: Partial<{
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
- declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule> & {
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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zealicsolutions/web-ui",
3
- "version": "0.3.32",
3
+ "version": "0.3.34",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"