@zealicsolutions/web-ui 0.2.101 → 0.2.103
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.css +246 -246
- package/dist/cjs/index.js +26 -26
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/RadioButtons/RadioButtons.d.ts +40 -21
- package/dist/cjs/src/atoms/RadioButtons/RadioButtons.stories.d.ts +22 -8
- package/dist/cjs/src/atoms/RadioButtons/RadioOption.d.ts +6 -3
- package/dist/cjs/src/atoms/RadioButtons/helpers.d.ts +9 -3
- package/dist/cjs/src/atoms/RadioButtons/styles.d.ts +7 -7
- package/dist/cjs/src/atoms/Select/Select.d.ts +17 -14
- package/dist/cjs/src/atoms/Select/Select.stories.d.ts +14 -1
- package/dist/cjs/src/containers/MoleculeItem.d.ts +2 -1
- package/dist/cjs/src/containers/mock-data.d.ts +1 -0
- package/dist/cjs/src/containers/types/moleculeTypes.d.ts +56 -2
- package/dist/cjs/src/containers/types/types.d.ts +7 -4
- package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts +11 -0
- package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts +11 -0
- package/dist/cjs/src/contexts/hooks/useButtonActionsContext.d.ts +1 -0
- package/dist/cjs/src/contexts/index.d.ts +3 -0
- package/dist/cjs/src/molecules/Button/Button.d.ts +1 -2
- package/dist/cjs/src/molecules/CheckboxField/CheckboxGroup.d.ts +5 -1
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +41 -16
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +34 -10
- package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +14 -1
- package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.d.ts +10 -0
- package/dist/cjs/src/molecules/ZealUIModal/styles.d.ts +2 -0
- package/dist/cjs/src/molecules/index.d.ts +1 -0
- package/dist/cjs/src/typescript.d.ts +6 -0
- package/dist/esm/index.css +246 -246
- package/dist/esm/index.js +12 -12
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/RadioButtons/RadioButtons.d.ts +40 -21
- package/dist/esm/src/atoms/RadioButtons/RadioButtons.stories.d.ts +22 -8
- package/dist/esm/src/atoms/RadioButtons/RadioOption.d.ts +6 -3
- package/dist/esm/src/atoms/RadioButtons/helpers.d.ts +9 -3
- package/dist/esm/src/atoms/RadioButtons/styles.d.ts +7 -7
- package/dist/esm/src/atoms/Select/Select.d.ts +17 -14
- package/dist/esm/src/atoms/Select/Select.stories.d.ts +14 -1
- package/dist/esm/src/containers/MoleculeItem.d.ts +2 -1
- package/dist/esm/src/containers/mock-data.d.ts +1 -0
- package/dist/esm/src/containers/types/moleculeTypes.d.ts +56 -2
- package/dist/esm/src/containers/types/types.d.ts +7 -4
- package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts +11 -0
- package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts +11 -0
- package/dist/esm/src/contexts/hooks/useButtonActionsContext.d.ts +1 -0
- package/dist/esm/src/contexts/index.d.ts +3 -0
- package/dist/esm/src/molecules/Button/Button.d.ts +1 -2
- package/dist/esm/src/molecules/CheckboxField/CheckboxGroup.d.ts +5 -1
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +41 -16
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +34 -10
- package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +14 -1
- package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.d.ts +10 -0
- package/dist/esm/src/molecules/ZealUIModal/styles.d.ts +2 -0
- package/dist/esm/src/molecules/index.d.ts +1 -0
- package/dist/esm/src/typescript.d.ts +6 -0
- package/dist/index.d.ts +190 -58
- package/package.json +1 -1
@@ -1,5 +1,9 @@
|
|
1
1
|
import { DefaultTheme, ThemedCssFunction } from 'styled-components';
|
2
|
+
export declare type FileType = 'image' | 'video' | 'document' | 'audio';
|
2
3
|
export declare type StylesType = ReturnType<ThemedCssFunction<DefaultTheme>>;
|
4
|
+
export declare type StyledTransientProps<T> = {
|
5
|
+
[K in keyof T & string as `$${K}`]: T[K];
|
6
|
+
};
|
3
7
|
export declare type OverrideStyles = {
|
4
8
|
$styles?: StylesType;
|
5
9
|
};
|
@@ -8,4 +12,6 @@ export declare type Nullable<T> = T | null;
|
|
8
12
|
declare type UnionKeys<T> = T extends any ? keyof T : never;
|
9
13
|
declare type StrictUnionHelper<T, TAll> = T extends any ? T & Partial<Record<Exclude<UnionKeys<TAll>, keyof T>, never>> : never;
|
10
14
|
export declare type StrictUnion<T> = StrictUnionHelper<T, T>;
|
15
|
+
export declare type AnyObject = Record<string, unknown>;
|
16
|
+
export declare type LooseObject = Record<string, any>;
|
11
17
|
export {};
|
package/dist/index.d.ts
CHANGED
@@ -1,10 +1,12 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import * as React$1 from 'react';
|
3
|
-
import React__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction, CSSProperties as CSSProperties$1, ComponentType } from 'react';
|
3
|
+
import React__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction, CSSProperties as CSSProperties$1, ComponentType, KeyboardEvent } from 'react';
|
4
4
|
import * as styled_components from 'styled-components';
|
5
5
|
import { CSSProperties, DefaultTheme } from 'styled-components';
|
6
6
|
import { ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
|
7
|
-
import
|
7
|
+
import * as typescript from 'typescript';
|
8
|
+
import { StylesType, Callback as Callback$1, OverrideStyles, StyledTransientProps, Nullable, AnyObject, StrictUnion } from 'typescript';
|
9
|
+
import { RefCallBack, Control as Control$1, ControllerProps as ControllerProps$1 } from 'react-hook-form/dist/types';
|
8
10
|
import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
|
9
11
|
import { InputFieldTypes as InputFieldTypes$1, FieldTypes as FieldTypes$1, UIFields as UIFields$2 } from 'fieldsConfiguration/types';
|
10
12
|
import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
|
@@ -13,7 +15,8 @@ import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
|
|
13
15
|
import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
|
14
16
|
import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
|
15
17
|
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, SelectProps as SelectProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
|
18
|
+
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, SelectProps as SelectProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, RadioButtonInternalConfigProps as RadioButtonInternalConfigProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
|
19
|
+
import { RadioGroup, DrawerProps as DrawerProps$1, ModalProps } from '@mui/material';
|
17
20
|
import { UIFields as UIFields$1, UIField as UIField$1 } from 'fieldsConfiguration';
|
18
21
|
import { MaxRuleValidation, MinRuleValidation, SetPasswordFields } from 'organisms/SetPasswordForm/types';
|
19
22
|
import { ConsentProps as ConsentProps$1, FilteredFeedContentType as FilteredFeedContentType$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1, ProcessTrackerStatus as ProcessTrackerStatus$1 } from 'organisms';
|
@@ -33,11 +36,10 @@ import { AlertProps as AlertProps$2 } from 'molecules/Alert/Alert';
|
|
33
36
|
import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
|
34
37
|
import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
|
35
38
|
import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
|
39
|
+
import * as contexts_ButtonActionsContext_ButtonActionsContext from 'contexts/ButtonActionsContext/ButtonActionsContext';
|
40
|
+
import { ContainerComponentProps as ContainerComponentProps$1, ContainerProps as ContainerProps$1, Molecule as Molecule$1 } from 'containers';
|
36
41
|
export * from 'helpers/constants';
|
37
|
-
import { Control as Control$1, ControllerProps as ControllerProps$1 } from 'react-hook-form/dist/types';
|
38
42
|
import { CheckboxInternalConfigProps as CheckboxInternalConfigProps$1 } from 'atoms/Checkbox/types';
|
39
|
-
import { DrawerProps as DrawerProps$1 } from '@mui/material';
|
40
|
-
import { ContainerProps as ContainerProps$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1 } from 'containers';
|
41
43
|
import * as containers_types_types from 'containers/types/types';
|
42
44
|
import { ContainerProps as ContainerProps$2 } from 'containers/types/types';
|
43
45
|
|
@@ -92,19 +94,21 @@ declare type SelectInternalConfigurationOptions = {
|
|
92
94
|
wrapperStyles: StylesType;
|
93
95
|
styles: StylesType;
|
94
96
|
};
|
95
|
-
declare type SelectProps = {
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
97
|
+
declare type SelectProps = Partial<{
|
98
|
+
ref: RefCallBack;
|
99
|
+
onBlur: Callback$1;
|
100
|
+
value: string;
|
101
|
+
optionsPresentation: boolean;
|
102
|
+
onChange: (value: string) => void;
|
103
|
+
placeholder: string;
|
104
|
+
disabled: boolean;
|
105
|
+
options: SelectOption[];
|
106
|
+
isError: boolean;
|
107
|
+
isEditMode: boolean;
|
108
|
+
selectInternalConfig: SelectInternalConfigurationOptions;
|
109
|
+
isRichText: boolean;
|
110
|
+
}>;
|
111
|
+
declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
|
108
112
|
|
109
113
|
declare type InputFieldInternalConfigProps = Partial<{
|
110
114
|
textColor: ThemeColors$2 | string;
|
@@ -335,40 +339,56 @@ declare type RichTextEditorProps = Partial<{
|
|
335
339
|
}>;
|
336
340
|
declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, }: RichTextEditorProps) => JSX.Element | null;
|
337
341
|
|
338
|
-
declare type RadioButtonInternalConfigProps = {
|
342
|
+
declare type RadioButtonInternalConfigProps = Partial<{
|
339
343
|
selectedRadioOptionBackgroundColor: ThemeColors$1 | string;
|
340
344
|
selectedRadioOptionIndicatorColor: ThemeColors$1 | string;
|
341
345
|
buttonPadding: number;
|
342
346
|
textPadding: number;
|
343
347
|
styles: StylesType;
|
344
348
|
wrapperStyles: StylesType;
|
345
|
-
buttonOptionSpacing
|
346
|
-
|
347
|
-
|
348
|
-
id: T;
|
349
|
-
label?: string;
|
350
|
-
error?: boolean;
|
351
|
-
disabled?: boolean;
|
352
|
-
isRichText?: boolean;
|
353
|
-
};
|
349
|
+
buttonOptionSpacing: SizesTypes$1;
|
350
|
+
radioGroupWrapperStyles: StylesType;
|
351
|
+
}>;
|
354
352
|
declare type RadioButtonsProps<T extends string> = Partial<{
|
355
|
-
|
356
|
-
|
353
|
+
ref: RefCallBack;
|
354
|
+
name: string;
|
357
355
|
value: T;
|
356
|
+
options: SelectOption[];
|
357
|
+
onBlur: Callback$1;
|
358
|
+
onChange: (value: T) => void;
|
358
359
|
isRow: boolean;
|
359
|
-
|
360
|
-
|
360
|
+
isError: boolean;
|
361
|
+
disabled: boolean;
|
362
|
+
isEditMode: boolean;
|
363
|
+
isRichText: boolean;
|
361
364
|
internalConfig: RadioButtonInternalConfigProps;
|
362
365
|
}>;
|
363
|
-
declare const RadioButtons: <T extends string>({ value,
|
364
|
-
|
365
|
-
|
366
|
+
declare const RadioButtons: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, }: Partial<{
|
367
|
+
ref: RefCallBack;
|
368
|
+
name: string;
|
366
369
|
value: T;
|
370
|
+
options: SelectOption[];
|
371
|
+
onBlur: Callback$1;
|
372
|
+
onChange: (value: T) => void;
|
367
373
|
isRow: boolean;
|
368
|
-
|
369
|
-
|
370
|
-
|
374
|
+
isError: boolean;
|
375
|
+
disabled: boolean;
|
376
|
+
isEditMode: boolean;
|
377
|
+
isRichText: boolean;
|
378
|
+
internalConfig: Partial<{
|
379
|
+
selectedRadioOptionBackgroundColor: ThemeColors$1 | string;
|
380
|
+
selectedRadioOptionIndicatorColor: ThemeColors$1 | string;
|
381
|
+
buttonPadding: number;
|
382
|
+
textPadding: number;
|
383
|
+
styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
384
|
+
wrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
385
|
+
buttonOptionSpacing: SizesTypes$1;
|
386
|
+
radioGroupWrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
387
|
+
}>;
|
371
388
|
}>) => JSX.Element;
|
389
|
+
declare const RadioGroupWrapper: styled_components.StyledComponent<typeof RadioGroup, styled_components.DefaultTheme, StyledTransientProps<{
|
390
|
+
isRow: boolean;
|
391
|
+
}> & OverrideStyles, never>;
|
372
392
|
|
373
393
|
declare type CircleType = 'link' | 'message';
|
374
394
|
declare type CircleBoxProps = {
|
@@ -865,6 +885,28 @@ declare type AnnotationsList = {
|
|
865
885
|
|
866
886
|
declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
|
867
887
|
|
888
|
+
declare const useButtonActionsContext: () => contexts_ButtonActionsContext_ButtonActionsContext.ButtonActionsContextType;
|
889
|
+
|
890
|
+
declare type ButtonActionsContextType = {
|
891
|
+
actionContent?: ContainerComponentProps$1;
|
892
|
+
setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
|
893
|
+
isModalVisible: boolean;
|
894
|
+
setModalVisible: Dispatch<SetStateAction<boolean>>;
|
895
|
+
isDrawerVisible: boolean;
|
896
|
+
setDrawerVisible: Dispatch<SetStateAction<boolean>>;
|
897
|
+
};
|
898
|
+
declare const ButtonActionsContext: React$1.Context<ButtonActionsContextType>;
|
899
|
+
|
900
|
+
declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
|
901
|
+
actionContent: ContainerComponentProps$1;
|
902
|
+
setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
|
903
|
+
isModalVisible: boolean;
|
904
|
+
setModalVisible: Dispatch<SetStateAction<boolean>>;
|
905
|
+
setDrawerVisible: Dispatch<SetStateAction<boolean>>;
|
906
|
+
isDrawerVisible: boolean;
|
907
|
+
}>>;
|
908
|
+
declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;
|
909
|
+
|
868
910
|
declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
|
869
911
|
declare type LabelInternalConfig = {
|
870
912
|
fontVariant: FontSizesTypes$2;
|
@@ -955,10 +997,12 @@ declare type CheckboxFieldProps = Partial<{
|
|
955
997
|
declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, }: CheckboxFieldProps) => JSX.Element;
|
956
998
|
|
957
999
|
declare type CheckboxGroupProps = Partial<{
|
1000
|
+
ref: RefCallBack;
|
1001
|
+
onBlur: Callback$1;
|
958
1002
|
onChange: (checkedIds: string[]) => void;
|
959
1003
|
checkboxesProps: CheckboxesProps;
|
960
1004
|
}>;
|
961
|
-
declare const CheckboxGroup: ({ onChange, checkboxesProps }: CheckboxGroupProps) => JSX.Element;
|
1005
|
+
declare const CheckboxGroup: ({ ref, onBlur, onChange, checkboxesProps }: CheckboxGroupProps) => JSX.Element;
|
962
1006
|
|
963
1007
|
declare type SelectFieldProps = Partial<{
|
964
1008
|
selectProps: SelectProps$1;
|
@@ -1112,33 +1156,58 @@ declare const EmphasizedText: ({ textContent, invertColors }: EmphasizedTextProp
|
|
1112
1156
|
|
1113
1157
|
declare type RadioButtonFieldProps<T extends string> = Partial<{
|
1114
1158
|
name: string;
|
1115
|
-
control: Control$1<any>;
|
1116
1159
|
rules: ControllerProps$1['rules'];
|
1117
|
-
|
1160
|
+
styles: StylesType;
|
1161
|
+
control: Control$1<any>;
|
1118
1162
|
optional: boolean;
|
1163
|
+
required: boolean;
|
1164
|
+
labelsProps: FieldLabelsProps;
|
1119
1165
|
defaultValue: string;
|
1120
|
-
styles: CSSProperties;
|
1121
1166
|
radioButtonsProps: RadioButtonsProps$1<T>;
|
1122
|
-
|
1167
|
+
internalConfig: RadioButtonInternalConfigProps$1;
|
1123
1168
|
}>;
|
1124
|
-
declare const RadioButtonField: <T extends string>({
|
1169
|
+
declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, }: Partial<{
|
1125
1170
|
name: string;
|
1126
|
-
control: Control$1<any>;
|
1127
1171
|
rules: ControllerProps$1['rules'];
|
1128
|
-
|
1172
|
+
styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
1173
|
+
control: Control$1<any>;
|
1129
1174
|
optional: boolean;
|
1175
|
+
required: boolean;
|
1176
|
+
labelsProps: FieldLabelsProps;
|
1130
1177
|
defaultValue: string;
|
1131
|
-
styles: CSSProperties;
|
1132
1178
|
radioButtonsProps: Partial<{
|
1133
|
-
|
1134
|
-
|
1179
|
+
ref: react_hook_form.RefCallBack;
|
1180
|
+
name: string;
|
1135
1181
|
value: T;
|
1182
|
+
options: atoms.SelectOption[];
|
1183
|
+
onBlur: typescript.Callback;
|
1184
|
+
onChange: (value: T) => void;
|
1136
1185
|
isRow: boolean;
|
1137
|
-
|
1138
|
-
|
1139
|
-
|
1186
|
+
isError: boolean;
|
1187
|
+
disabled: boolean;
|
1188
|
+
isEditMode: boolean;
|
1189
|
+
isRichText: boolean;
|
1190
|
+
internalConfig: Partial<{
|
1191
|
+
selectedRadioOptionBackgroundColor: string;
|
1192
|
+
selectedRadioOptionIndicatorColor: string;
|
1193
|
+
buttonPadding: number;
|
1194
|
+
textPadding: number;
|
1195
|
+
styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
1196
|
+
wrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
1197
|
+
buttonOptionSpacing: SizesTypes;
|
1198
|
+
radioGroupWrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
1199
|
+
}>;
|
1200
|
+
}>;
|
1201
|
+
internalConfig: Partial<{
|
1202
|
+
selectedRadioOptionBackgroundColor: string;
|
1203
|
+
selectedRadioOptionIndicatorColor: string;
|
1204
|
+
buttonPadding: number;
|
1205
|
+
textPadding: number;
|
1206
|
+
styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
1207
|
+
wrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
1208
|
+
buttonOptionSpacing: SizesTypes;
|
1209
|
+
radioGroupWrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
1140
1210
|
}>;
|
1141
|
-
labelsProps: FieldLabelsProps;
|
1142
1211
|
}>) => JSX.Element;
|
1143
1212
|
|
1144
1213
|
declare type AlertProps = {
|
@@ -1311,14 +1380,65 @@ declare type ButtonProps = BaseButtonProps & {
|
|
1311
1380
|
};
|
1312
1381
|
declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: ButtonProps) => JSX.Element | null;
|
1313
1382
|
|
1383
|
+
declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open' | 'onClose'>> & {
|
1384
|
+
padding?: number | string;
|
1385
|
+
wrapperStyles?: CSSProperties;
|
1386
|
+
onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
|
1387
|
+
modalStyles?: CSSProperties;
|
1388
|
+
};
|
1389
|
+
declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
|
1390
|
+
|
1314
1391
|
declare const Container: ({ children, wide, compact, type, props }: ContainerProps$1) => JSX.Element;
|
1315
1392
|
declare const ContainerComponent: ({ type, items, config, tabsProps }: ContainerComponentProps$1) => JSX.Element | null;
|
1316
1393
|
|
1394
|
+
declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
|
1395
|
+
declare type FileType = 'image' | 'video' | 'document' | 'audio';
|
1396
|
+
declare type ContentStatus = 'in_use' | 'draft';
|
1397
|
+
declare type FileMatrixMessageDTO = Readonly<Partial<{
|
1398
|
+
id: string;
|
1399
|
+
text: string;
|
1400
|
+
label: string;
|
1401
|
+
locationId: string;
|
1402
|
+
}>>;
|
1403
|
+
declare type FileObjectDTO = Readonly<Partial<{
|
1404
|
+
id: string;
|
1405
|
+
name: string;
|
1406
|
+
fileType: FileType;
|
1407
|
+
description: string;
|
1408
|
+
originalName: string;
|
1409
|
+
url: string;
|
1410
|
+
size: number;
|
1411
|
+
type: FileType;
|
1412
|
+
updatedAt: string;
|
1413
|
+
createdAt: string;
|
1414
|
+
status: ContentStatus;
|
1415
|
+
tags: FileMatrixMessageDTO[];
|
1416
|
+
}>> | null;
|
1417
|
+
declare type LinkAction = Omit<LinkAttributes, 'attributeType'>;
|
1418
|
+
declare type PopupDrawerAction = ContainerComponentProps;
|
1419
|
+
declare type DownloadAction = FileObjectDTO;
|
1420
|
+
declare type SubmitAction = AnyObject;
|
1421
|
+
declare type CancelAction = AnyObject;
|
1422
|
+
declare type ResetAction = AnyObject;
|
1423
|
+
declare type DestroyAction = AnyObject;
|
1424
|
+
declare type Action = {
|
1425
|
+
type: ActionTypes;
|
1426
|
+
} & Partial<{
|
1427
|
+
link: LinkAction;
|
1428
|
+
popup: PopupDrawerAction;
|
1429
|
+
drawer: PopupDrawerAction;
|
1430
|
+
download: DownloadAction;
|
1431
|
+
submit: SubmitAction;
|
1432
|
+
cancel: CancelAction;
|
1433
|
+
reset: ResetAction;
|
1434
|
+
destroy: DestroyAction;
|
1435
|
+
}>;
|
1317
1436
|
declare type ImageAttributes = {
|
1318
1437
|
attributeType: 'image';
|
1319
1438
|
imageSource: string;
|
1320
1439
|
};
|
1321
1440
|
interface TextAttributes {
|
1441
|
+
id?: string;
|
1322
1442
|
attributeType: 'text';
|
1323
1443
|
isRichText: boolean;
|
1324
1444
|
text: string;
|
@@ -1327,6 +1447,10 @@ interface VideoAttributes {
|
|
1327
1447
|
attributeType: 'video';
|
1328
1448
|
videoSource: string;
|
1329
1449
|
}
|
1450
|
+
interface ActionAttributes {
|
1451
|
+
attributeType: 'action';
|
1452
|
+
action: Action;
|
1453
|
+
}
|
1330
1454
|
interface LinkAttributes {
|
1331
1455
|
id: string;
|
1332
1456
|
attributeType: 'link';
|
@@ -1336,6 +1460,7 @@ interface LinkAttributes {
|
|
1336
1460
|
name: string;
|
1337
1461
|
}
|
1338
1462
|
interface SelectAttributes {
|
1463
|
+
id?: string;
|
1339
1464
|
attributeType: 'select';
|
1340
1465
|
value: string;
|
1341
1466
|
options: SelectOption$1[];
|
@@ -1353,6 +1478,10 @@ interface BaseMolecule {
|
|
1353
1478
|
id: string;
|
1354
1479
|
instance: 'molecule';
|
1355
1480
|
type: MoleculeTypes;
|
1481
|
+
metadata?: AnyObject;
|
1482
|
+
idForFrontend?: string;
|
1483
|
+
moleculeLibraryId?: string;
|
1484
|
+
organismLibraryMoleculeId?: string;
|
1356
1485
|
}
|
1357
1486
|
interface ImageMolecule extends BaseMolecule {
|
1358
1487
|
type: 'image';
|
@@ -1379,7 +1508,7 @@ interface ButtonMolecule extends BaseMolecule {
|
|
1379
1508
|
type: 'button';
|
1380
1509
|
attributes: {
|
1381
1510
|
title: TextAttributes;
|
1382
|
-
|
1511
|
+
action: ActionAttributes;
|
1383
1512
|
};
|
1384
1513
|
config: {
|
1385
1514
|
props: Partial<Omit<ButtonProps$1, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
|
@@ -1472,7 +1601,7 @@ declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMol
|
|
1472
1601
|
};
|
1473
1602
|
|
1474
1603
|
declare type ContainerType = 'row' | 'column' | 'slider' | 'form';
|
1475
|
-
declare type ContainerPositionType = 'fixed' | 'sticky' | 'static';
|
1604
|
+
declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
|
1476
1605
|
declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
|
1477
1606
|
declare type ContainerPropsType = Partial<{
|
1478
1607
|
position: ContainerPositionType;
|
@@ -1497,13 +1626,16 @@ declare type ContainerComponentProps = {
|
|
1497
1626
|
id: string;
|
1498
1627
|
instance: 'container';
|
1499
1628
|
type: ContainerType;
|
1629
|
+
items: (ContainerComponentProps | Molecule)[];
|
1500
1630
|
config: {
|
1501
1631
|
wide?: AdditionalContainerProps;
|
1502
1632
|
compact?: AdditionalContainerProps;
|
1503
1633
|
props?: ContainerPropsType;
|
1504
1634
|
};
|
1505
|
-
items: (ContainerComponentProps | Molecule)[];
|
1506
1635
|
tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
|
1636
|
+
metadata?: AnyObject;
|
1637
|
+
attributes?: AnyObject;
|
1638
|
+
containerLibraryId?: string;
|
1507
1639
|
};
|
1508
1640
|
|
1509
1641
|
declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Pick<ContainerProps$2, "type"> & {
|
@@ -1523,4 +1655,4 @@ declare const OrganismItem: ({ item, tabsProps, }: {
|
|
1523
1655
|
tabsProps?: Pick<TabGroupProps$1<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
|
1524
1656
|
}) => JSX.Element | null;
|
1525
1657
|
|
1526
|
-
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, 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, 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, ErrorText, 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,
|
1658
|
+
export { AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionTypes, AdditionalContainerProps, 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, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, ContentStatus, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FileMatrixMessageDTO, FileObjectDTO, FileType, 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, RadioButtons, RadioButtonsProps, RadioGroupWrapper, 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, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
|