@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.
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/RadioButtons/RadioButtons.d.ts +14 -6
- package/dist/cjs/src/atoms/RadioButtons/RadioButtons.stories.d.ts +9 -1
- package/dist/cjs/src/containers/MoleculeItem.d.ts +1 -1
- package/dist/cjs/src/containers/helpers.d.ts +1 -1
- package/dist/cjs/src/containers/types/moleculeTypes.d.ts +21 -6
- package/dist/cjs/src/contexts/MlrRichTextViewerContext/types.d.ts +2 -1
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +28 -10
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +36 -1
- package/dist/cjs/src/molecules/TextMolecule/TextMolecule.d.ts +2 -2
- package/dist/cjs/src/molecules/TextMolecule/TextMolecule.stories.d.ts +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/RadioButtons/RadioButtons.d.ts +14 -6
- package/dist/esm/src/atoms/RadioButtons/RadioButtons.stories.d.ts +9 -1
- package/dist/esm/src/containers/MoleculeItem.d.ts +1 -1
- package/dist/esm/src/containers/helpers.d.ts +1 -1
- package/dist/esm/src/containers/types/moleculeTypes.d.ts +21 -6
- package/dist/esm/src/contexts/MlrRichTextViewerContext/types.d.ts +2 -1
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +28 -10
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +36 -1
- package/dist/esm/src/molecules/TextMolecule/TextMolecule.d.ts +2 -2
- package/dist/esm/src/molecules/TextMolecule/TextMolecule.stories.d.ts +1 -1
- package/dist/index.d.ts +69 -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
|
20
|
+
export declare type RadioButtonsProps<T extends string> = Partial<{
|
21
|
+
isEditMode: boolean;
|
22
22
|
onChange: (value: T) => void;
|
23
23
|
value: T;
|
24
|
-
isRow
|
24
|
+
isRow: boolean;
|
25
25
|
items: RadioButtonType<T>[];
|
26
26
|
name: string;
|
27
|
-
internalConfig
|
28
|
-
}
|
29
|
-
export declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, internalConfig, }:
|
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, }:
|
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:
|
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
|
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
|
};
|
@@ -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
|
9
|
-
rules
|
10
|
-
required
|
11
|
-
optional
|
12
|
-
defaultValue
|
13
|
-
styles
|
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
|
16
|
-
}
|
17
|
-
export declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }:
|
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, }:
|
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
|
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
|
335
|
+
declare type RadioButtonsProps<T extends string> = Partial<{
|
336
|
+
isEditMode: boolean;
|
336
337
|
onChange: (value: T) => void;
|
337
338
|
value: T;
|
338
|
-
isRow
|
339
|
+
isRow: boolean;
|
339
340
|
items: RadioButtonType<T>[];
|
340
341
|
name: string;
|
341
|
-
internalConfig
|
342
|
-
}
|
343
|
-
declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, internalConfig, }:
|
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
|
-
|
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
|
1065
|
-
rules
|
1066
|
-
required
|
1067
|
-
optional
|
1068
|
-
defaultValue
|
1069
|
-
styles
|
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
|
1072
|
-
}
|
1073
|
-
declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }:
|
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
|
-
|
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 };
|