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