@zealicsolutions/web-ui 0.2.91 → 0.2.92

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 (26) hide show
  1. package/dist/cjs/index.js +1 -1
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/src/atoms/RadioButtons/RadioButtons.d.ts +14 -6
  4. package/dist/cjs/src/atoms/RadioButtons/RadioButtons.stories.d.ts +9 -1
  5. package/dist/cjs/src/containers/MoleculeItem.d.ts +1 -1
  6. package/dist/cjs/src/containers/helpers.d.ts +1 -1
  7. package/dist/cjs/src/containers/types/moleculeTypes.d.ts +21 -6
  8. package/dist/cjs/src/contexts/MlrRichTextViewerContext/types.d.ts +2 -1
  9. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +28 -10
  10. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +36 -1
  11. package/dist/cjs/src/molecules/TextMolecule/TextMolecule.d.ts +2 -2
  12. package/dist/cjs/src/molecules/TextMolecule/TextMolecule.stories.d.ts +1 -1
  13. package/dist/esm/index.js +1 -1
  14. package/dist/esm/index.js.map +1 -1
  15. package/dist/esm/src/atoms/RadioButtons/RadioButtons.d.ts +14 -6
  16. package/dist/esm/src/atoms/RadioButtons/RadioButtons.stories.d.ts +9 -1
  17. package/dist/esm/src/containers/MoleculeItem.d.ts +1 -1
  18. package/dist/esm/src/containers/helpers.d.ts +1 -1
  19. package/dist/esm/src/containers/types/moleculeTypes.d.ts +21 -6
  20. package/dist/esm/src/contexts/MlrRichTextViewerContext/types.d.ts +2 -1
  21. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +28 -10
  22. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +36 -1
  23. package/dist/esm/src/molecules/TextMolecule/TextMolecule.d.ts +2 -2
  24. package/dist/esm/src/molecules/TextMolecule/TextMolecule.stories.d.ts +1 -1
  25. package/dist/index.d.ts +69 -26
  26. package/package.json +1 -1
@@ -17,13 +17,21 @@ export declare type RadioButtonType<T extends string = string> = {
17
17
  disabled?: boolean;
18
18
  isRichText?: boolean;
19
19
  };
20
- export declare type RadioButtonsProps<T extends string> = {
21
- isEditMode?: boolean;
20
+ export declare type RadioButtonsProps<T extends string> = Partial<{
21
+ isEditMode: boolean;
22
22
  onChange: (value: T) => void;
23
23
  value: T;
24
- isRow?: boolean;
24
+ isRow: boolean;
25
25
  items: RadioButtonType<T>[];
26
26
  name: string;
27
- internalConfig?: RadioButtonInternalConfigProps;
28
- };
29
- export declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, internalConfig, }: RadioButtonsProps<T>) => JSX.Element;
27
+ internalConfig: RadioButtonInternalConfigProps;
28
+ }>;
29
+ export declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, internalConfig, }: Partial<{
30
+ isEditMode: boolean;
31
+ onChange: (value: T) => void;
32
+ value: T;
33
+ isRow: boolean;
34
+ items: RadioButtonType<T>[];
35
+ name: string;
36
+ internalConfig: RadioButtonInternalConfigProps;
37
+ }>) => JSX.Element;
@@ -3,7 +3,15 @@ import type { ComponentStory } from '@storybook/react';
3
3
  import { RadioButtons as RadioButtonsComponent } from './RadioButtons';
4
4
  declare const _default: {
5
5
  title: string;
6
- component: <T extends string>({ value, items, isRow, isEditMode, onChange, name, internalConfig, }: import("./RadioButtons").RadioButtonsProps<T>) => JSX.Element;
6
+ component: <T extends string>({ value, items, isRow, isEditMode, onChange, name, internalConfig, }: Partial<{
7
+ isEditMode: boolean;
8
+ onChange: (value: T) => void;
9
+ value: T;
10
+ isRow: boolean;
11
+ items: import("./RadioButtons").RadioButtonType<T>[];
12
+ name: string;
13
+ internalConfig: import("./RadioButtons").RadioButtonInternalConfigProps;
14
+ }>) => JSX.Element;
7
15
  };
8
16
  export default _default;
9
17
  export declare const RadioButtons: ComponentStory<typeof RadioButtonsComponent>;
@@ -3,6 +3,6 @@ import { Molecule } from 'containers';
3
3
  import { TabGroupProps } from 'molecules';
4
4
  export declare const getFullLink: (url: string) => string;
5
5
  export declare const navigateToPage: (url: string) => void;
6
- export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, }: Molecule & {
6
+ export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id: moleculeId, }: Molecule & {
7
7
  tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
8
8
  }) => JSX.Element;
@@ -1,2 +1,2 @@
1
1
  import { ContainerScrollBehaviourType } from 'containers/types/types';
2
- export declare const getScrollBehaviour: (scrollBehaviour?: ContainerScrollBehaviourType) => "overflow-y: scroll" | "overflow-x: scroll" | "overflow: visible" | "overflow: auto";
2
+ export declare const getScrollBehaviour: (scrollBehaviour?: ContainerScrollBehaviourType) => "overflow-y: scroll" | "overflow-x: scroll" | "overflow: visible" | "overflow: unset";
@@ -1,5 +1,5 @@
1
- import { SelectOption } from 'atoms';
2
- import { ButtonProps, ImageProps, InputFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
1
+ import { RadioButtonType, SelectOption } from 'atoms';
2
+ import { ButtonProps, ImageProps, InputFieldProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
3
3
  import { UseFormReturn } from 'react-hook-form';
4
4
  import { CSSProperties } from 'styled-components';
5
5
  import type { Nullable, StrictUnion } from 'typescript';
@@ -35,9 +35,9 @@ export interface BooleanAttributes {
35
35
  }
36
36
  export interface IterableAttributes {
37
37
  attributeType: 'iterable';
38
- options: SelectOption[];
38
+ options: SelectOption | RadioButtonType[];
39
39
  }
40
- export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field';
40
+ export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field';
41
41
  export interface BaseMolecule {
42
42
  id: string;
43
43
  instance: 'molecule';
@@ -71,7 +71,9 @@ export interface ButtonMolecule extends BaseMolecule {
71
71
  buttonLink: LinkAttributes;
72
72
  };
73
73
  config: {
74
- props: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
74
+ props: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>> & {
75
+ type?: 'button' | 'submit' | 'reset';
76
+ };
75
77
  };
76
78
  }
77
79
  export interface VideoMolecule extends BaseMolecule {
@@ -130,6 +132,19 @@ export interface SelectFieldMolecule extends BaseMolecule {
130
132
  } & SelectFieldProps>;
131
133
  };
132
134
  }
133
- export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule> & {
135
+ export interface RadioButtonFieldMolecule extends BaseMolecule {
136
+ type: 'radio_button_field';
137
+ attributes: {
138
+ label: TextAttributes;
139
+ required: BooleanAttributes;
140
+ options: IterableAttributes;
141
+ };
142
+ config: {
143
+ props: Partial<{
144
+ state: 'default' | 'error';
145
+ } & RadioButtonFieldProps<string>>;
146
+ };
147
+ }
148
+ export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule> & {
134
149
  form?: UseFormReturn<any>;
135
150
  };
@@ -4,7 +4,8 @@ export declare type AnnotationsList = {
4
4
  label: string;
5
5
  }[];
6
6
  links: {
7
- id: string;
7
+ referencedById: string;
8
+ moleculeId: string;
8
9
  text: string;
9
10
  url: string;
10
11
  }[];
@@ -3,15 +3,33 @@ import { RadioButtonsProps } from 'atoms';
3
3
  import { Control, ControllerProps } from 'react-hook-form/dist/types';
4
4
  import { CSSProperties } from 'styled-components';
5
5
  import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
6
- export declare type RadioButtonFieldProps<T extends string> = {
6
+ export declare type RadioButtonFieldProps<T extends string> = Partial<{
7
7
  name: string;
8
- control?: Control<any>;
9
- rules?: ControllerProps['rules'];
10
- required?: boolean;
11
- optional?: boolean;
12
- defaultValue?: string;
13
- styles?: CSSProperties;
8
+ control: Control<any>;
9
+ rules: ControllerProps['rules'];
10
+ required: boolean;
11
+ optional: boolean;
12
+ defaultValue: string;
13
+ styles: CSSProperties;
14
14
  radioButtonsProps: RadioButtonsProps<T>;
15
- labelsProps?: FieldLabelsProps;
16
- };
17
- export declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: RadioButtonFieldProps<T>) => JSX.Element;
15
+ labelsProps: FieldLabelsProps;
16
+ }>;
17
+ export declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: Partial<{
18
+ name: string;
19
+ control: Control<any>;
20
+ rules: ControllerProps['rules'];
21
+ required: boolean;
22
+ optional: boolean;
23
+ defaultValue: string;
24
+ styles: CSSProperties;
25
+ radioButtonsProps: Partial<{
26
+ isEditMode: boolean;
27
+ onChange: (value: T) => void;
28
+ value: T;
29
+ isRow: boolean;
30
+ items: import("atoms").RadioButtonType<T>[];
31
+ name: string;
32
+ internalConfig: import("atoms").RadioButtonInternalConfigProps;
33
+ }>;
34
+ labelsProps: FieldLabelsProps;
35
+ }>) => JSX.Element;
@@ -3,7 +3,42 @@ import type { ComponentStory } from '@storybook/react';
3
3
  import { RadioButtonField as RadioButtonFieldComponent } from './RadioButtonField';
4
4
  declare const _default: {
5
5
  title: string;
6
- component: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: import("./RadioButtonField").RadioButtonFieldProps<T>) => JSX.Element;
6
+ component: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: Partial<{
7
+ name: string;
8
+ control: import("react-hook-form").Control<any, any>;
9
+ rules: Omit<Partial<{
10
+ required: string | import("react-hook-form").ValidationRule<boolean>;
11
+ min: import("react-hook-form").ValidationRule<string | number>;
12
+ max: import("react-hook-form").ValidationRule<string | number>;
13
+ maxLength: import("react-hook-form").ValidationRule<number>;
14
+ minLength: import("react-hook-form").ValidationRule<number>;
15
+ pattern: import("react-hook-form").ValidationRule<RegExp>;
16
+ validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
17
+ valueAsNumber: boolean;
18
+ valueAsDate: boolean;
19
+ value: any;
20
+ setValueAs: (value: any) => any;
21
+ shouldUnregister?: boolean | undefined;
22
+ onChange?: ((event: any) => void) | undefined;
23
+ onBlur?: ((event: any) => void) | undefined;
24
+ disabled: boolean;
25
+ deps: string | string[];
26
+ }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
27
+ required: boolean;
28
+ optional: boolean;
29
+ defaultValue: string;
30
+ styles: import("styled-components").CSSProperties;
31
+ radioButtonsProps: Partial<{
32
+ isEditMode: boolean;
33
+ onChange: (value: T) => void;
34
+ value: T;
35
+ isRow: boolean;
36
+ items: import("../..").RadioButtonType<T>[];
37
+ name: string;
38
+ internalConfig: import("../..").RadioButtonInternalConfigProps;
39
+ }>;
40
+ labelsProps: import("..").FieldLabelsProps;
41
+ }>) => JSX.Element;
7
42
  };
8
43
  export default _default;
9
44
  export declare const RadioButtonField: ComponentStory<typeof RadioButtonFieldComponent>;
@@ -14,5 +14,5 @@ export declare type TextMoleculeProps = Partial<{
14
14
  isRichText: boolean;
15
15
  styles: StylesType;
16
16
  textAlign: 'center' | 'right' | 'left';
17
- }> & Pick<TextProps, 'seoTag'>;
18
- export declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, }: TextMoleculeProps) => JSX.Element;
17
+ }> & Pick<TextProps, 'seoTag' | 'numberOfLines'>;
18
+ export declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
3
3
  import { TextMoleculeProps } from './TextMolecule';
4
4
  declare const _default: {
5
5
  title: string;
6
- component: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, }: TextMoleculeProps) => JSX.Element;
6
+ component: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
7
7
  };
8
8
  export default _default;
9
9
  export declare const TextMolecule: StoryFn<TextMoleculeProps>;
package/dist/index.d.ts CHANGED
@@ -8,11 +8,12 @@ import { StylesType, Callback as Callback$1, OverrideStyles, Nullable, StrictUni
8
8
  import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
9
9
  import { InputFieldTypes as InputFieldTypes$1, FieldTypes as FieldTypes$1, UIFields as UIFields$2 } from 'fieldsConfiguration/types';
10
10
  import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
11
- import { BaseButtonProps as BaseButtonProps$1, MenuItem as MenuItem$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, ButtonProps as ButtonProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldProps$1, FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, ImageProps as ImageProps$1, TextMoleculeProps as TextMoleculeProps$1 } from 'molecules';
11
+ import { BaseButtonProps as BaseButtonProps$1, MenuItem as MenuItem$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, ButtonProps as ButtonProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldProps$1, FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, ImageProps as ImageProps$1, TextMoleculeProps as TextMoleculeProps$1, RadioButtonFieldProps as RadioButtonFieldProps$1 } from 'molecules';
12
12
  import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
13
13
  import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
14
14
  import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
15
- import { TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, RadioButtonsProps as RadioButtonsProps$1, SelectOption as SelectOption$1, InputProps as InputProps$1, CheckBoxProps as CheckBoxProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
15
+ import * as atoms from 'atoms';
16
+ import { TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, RadioButtonsProps as RadioButtonsProps$1, SelectOption as SelectOption$1, InputProps as InputProps$1, CheckBoxProps as CheckBoxProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1, RadioButtonType as RadioButtonType$1 } from 'atoms';
16
17
  import { UIFields as UIFields$1, UIField as UIField$1 } from 'fieldsConfiguration';
17
18
  import { MaxRuleValidation, MinRuleValidation, SetPasswordFields } from 'organisms/SetPasswordForm/types';
18
19
  import { ConsentProps as ConsentProps$1, FilteredFeedContentType as FilteredFeedContentType$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1, ProcessTrackerStatus as ProcessTrackerStatus$1 } from 'organisms';
@@ -331,16 +332,24 @@ declare type RadioButtonType<T extends string = string> = {
331
332
  disabled?: boolean;
332
333
  isRichText?: boolean;
333
334
  };
334
- declare type RadioButtonsProps<T extends string> = {
335
- isEditMode?: boolean;
335
+ declare type RadioButtonsProps<T extends string> = Partial<{
336
+ isEditMode: boolean;
336
337
  onChange: (value: T) => void;
337
338
  value: T;
338
- isRow?: boolean;
339
+ isRow: boolean;
339
340
  items: RadioButtonType<T>[];
340
341
  name: string;
341
- internalConfig?: RadioButtonInternalConfigProps;
342
- };
343
- declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, internalConfig, }: RadioButtonsProps<T>) => JSX.Element;
342
+ internalConfig: RadioButtonInternalConfigProps;
343
+ }>;
344
+ declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, internalConfig, }: Partial<{
345
+ isEditMode: boolean;
346
+ onChange: (value: T) => void;
347
+ value: T;
348
+ isRow: boolean;
349
+ items: RadioButtonType<T>[];
350
+ name: string;
351
+ internalConfig: RadioButtonInternalConfigProps;
352
+ }>) => JSX.Element;
344
353
 
345
354
  declare type CircleType = 'link' | 'message';
346
355
  declare type CircleBoxProps = {
@@ -828,7 +837,8 @@ declare type AnnotationsList = {
828
837
  label: string;
829
838
  }[];
830
839
  links: {
831
- id: string;
840
+ referencedById: string;
841
+ moleculeId: string;
832
842
  text: string;
833
843
  url: string;
834
844
  }[];
@@ -1059,18 +1069,36 @@ declare type EmphasizedTextProps = {
1059
1069
  };
1060
1070
  declare const EmphasizedText: ({ textContent, invertColors }: EmphasizedTextProps) => JSX.Element;
1061
1071
 
1062
- declare type RadioButtonFieldProps<T extends string> = {
1072
+ declare type RadioButtonFieldProps<T extends string> = Partial<{
1063
1073
  name: string;
1064
- control?: Control$1<any>;
1065
- rules?: ControllerProps$1['rules'];
1066
- required?: boolean;
1067
- optional?: boolean;
1068
- defaultValue?: string;
1069
- styles?: CSSProperties;
1074
+ control: Control$1<any>;
1075
+ rules: ControllerProps$1['rules'];
1076
+ required: boolean;
1077
+ optional: boolean;
1078
+ defaultValue: string;
1079
+ styles: CSSProperties;
1070
1080
  radioButtonsProps: RadioButtonsProps$1<T>;
1071
- labelsProps?: FieldLabelsProps;
1072
- };
1073
- declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: RadioButtonFieldProps<T>) => JSX.Element;
1081
+ labelsProps: FieldLabelsProps;
1082
+ }>;
1083
+ declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: Partial<{
1084
+ name: string;
1085
+ control: Control$1<any>;
1086
+ rules: ControllerProps$1['rules'];
1087
+ required: boolean;
1088
+ optional: boolean;
1089
+ defaultValue: string;
1090
+ styles: CSSProperties;
1091
+ radioButtonsProps: Partial<{
1092
+ isEditMode: boolean;
1093
+ onChange: (value: T) => void;
1094
+ value: T;
1095
+ isRow: boolean;
1096
+ items: atoms.RadioButtonType<T>[];
1097
+ name: string;
1098
+ internalConfig: atoms.RadioButtonInternalConfigProps;
1099
+ }>;
1100
+ labelsProps: FieldLabelsProps;
1101
+ }>) => JSX.Element;
1074
1102
 
1075
1103
  declare type AlertProps = {
1076
1104
  style?: CSSProperties;
@@ -1199,8 +1227,8 @@ declare type TextMoleculeProps = Partial<{
1199
1227
  isRichText: boolean;
1200
1228
  styles: StylesType;
1201
1229
  textAlign: 'center' | 'right' | 'left';
1202
- }> & Pick<TextProps$1, 'seoTag'>;
1203
- declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, }: TextMoleculeProps) => JSX.Element;
1230
+ }> & Pick<TextProps$1, 'seoTag' | 'numberOfLines'>;
1231
+ declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
1204
1232
 
1205
1233
  declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
1206
1234
  declare type BaseButtonProps = PropsWithChildren<{
@@ -1274,9 +1302,9 @@ interface BooleanAttributes {
1274
1302
  }
1275
1303
  interface IterableAttributes {
1276
1304
  attributeType: 'iterable';
1277
- options: SelectOption$1[];
1305
+ options: SelectOption$1 | RadioButtonType$1[];
1278
1306
  }
1279
- declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field';
1307
+ declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field';
1280
1308
  interface BaseMolecule {
1281
1309
  id: string;
1282
1310
  instance: 'molecule';
@@ -1310,7 +1338,9 @@ interface ButtonMolecule extends BaseMolecule {
1310
1338
  buttonLink: LinkAttributes;
1311
1339
  };
1312
1340
  config: {
1313
- props: Partial<Omit<ButtonProps$1, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
1341
+ props: Partial<Omit<ButtonProps$1, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>> & {
1342
+ type?: 'button' | 'submit' | 'reset';
1343
+ };
1314
1344
  };
1315
1345
  }
1316
1346
  interface VideoMolecule extends BaseMolecule {
@@ -1369,7 +1399,20 @@ interface SelectFieldMolecule extends BaseMolecule {
1369
1399
  } & SelectFieldProps$1>;
1370
1400
  };
1371
1401
  }
1372
- declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule> & {
1402
+ interface RadioButtonFieldMolecule extends BaseMolecule {
1403
+ type: 'radio_button_field';
1404
+ attributes: {
1405
+ label: TextAttributes;
1406
+ required: BooleanAttributes;
1407
+ options: IterableAttributes;
1408
+ };
1409
+ config: {
1410
+ props: Partial<{
1411
+ state: 'default' | 'error';
1412
+ } & RadioButtonFieldProps$1<string>>;
1413
+ };
1414
+ }
1415
+ declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule> & {
1373
1416
  form?: UseFormReturn<any>;
1374
1417
  };
1375
1418
 
@@ -1425,4 +1468,4 @@ declare const OrganismItem: ({ item, tabsProps, }: {
1425
1468
  tabsProps?: Pick<TabGroupProps$1<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
1426
1469
  }) => JSX.Element | null;
1427
1470
 
1428
- export { AcquisitionForm, AcquisitionFormProps, AdditionalContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonMolecule, ButtonProps, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, LinkAttributes, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtonType, RadioButtons, RadioButtonsProps, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SlidesWrapper, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, Wrapper, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
1471
+ export { AcquisitionForm, AcquisitionFormProps, AdditionalContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonMolecule, ButtonProps, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, LinkAttributes, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtonType, RadioButtons, RadioButtonsProps, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SlidesWrapper, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, Wrapper, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zealicsolutions/web-ui",
3
- "version": "0.2.91",
3
+ "version": "0.2.92",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"