@zealicsolutions/web-ui 0.3.7 → 0.3.8
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/containers/MoleculeItem.d.ts +1 -0
- 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/CheckboxField.stories.d.ts +1 -18
- package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +1 -18
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +1 -18
- package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +1 -18
- package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.d.ts +13 -0
- package/dist/cjs/src/molecules/index.d.ts +1 -0
- package/dist/cjs/src/typescript.d.ts +3 -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/containers/MoleculeItem.d.ts +1 -0
- 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/CheckboxField.stories.d.ts +1 -18
- package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +1 -18
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +1 -18
- package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +1 -18
- package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.d.ts +13 -0
- package/dist/esm/src/molecules/index.d.ts +1 -0
- package/dist/esm/src/typescript.d.ts +3 -0
- package/dist/index.d.ts +140 -48
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
@@ -1,11 +1,11 @@
|
|
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
|
-
import { CSSProperties, DefaultTheme } from 'styled-components';
|
5
|
+
import { CSSProperties, DefaultTheme, ThemedCssFunction } from 'styled-components';
|
6
6
|
import { ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
|
7
7
|
import * as typescript from 'typescript';
|
8
|
-
import { StylesType, Callback as Callback$1, OverrideStyles, StyledTransientProps, Nullable, StrictUnion } from 'typescript';
|
8
|
+
import { StylesType as StylesType$1, Callback as Callback$1, OverrideStyles as OverrideStyles$1, StyledTransientProps, Nullable, AnyObject, StrictUnion } from 'typescript';
|
9
9
|
import { RefCallBack, Control as Control$1, ControllerProps as ControllerProps$1 } from 'react-hook-form/dist/types';
|
10
10
|
import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
|
11
11
|
import { InputFieldTypes as InputFieldTypes$1, FieldTypes as FieldTypes$1, UIFields as UIFields$2 } from 'fieldsConfiguration/types';
|
@@ -16,7 +16,7 @@ import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
|
|
16
16
|
import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
|
17
17
|
import * as atoms from 'atoms';
|
18
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 } from '@mui/material';
|
19
|
+
import { RadioGroup, DrawerProps as DrawerProps$1, ModalProps } from '@mui/material';
|
20
20
|
import { UIFields as UIFields$1, UIField as UIField$1 } from 'fieldsConfiguration';
|
21
21
|
import { MaxRuleValidation, MinRuleValidation, SetPasswordFields } from 'organisms/SetPasswordForm/types';
|
22
22
|
import { ConsentProps as ConsentProps$1, FilteredFeedContentType as FilteredFeedContentType$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1, ProcessTrackerStatus as ProcessTrackerStatus$1 } from 'organisms';
|
@@ -36,9 +36,10 @@ import { AlertProps as AlertProps$2 } from 'molecules/Alert/Alert';
|
|
36
36
|
import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
|
37
37
|
import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
|
38
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';
|
39
41
|
export * from 'helpers/constants';
|
40
42
|
import { CheckboxInternalConfigProps as CheckboxInternalConfigProps$1 } from 'atoms/Checkbox/types';
|
41
|
-
import { ContainerProps as ContainerProps$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1 } from 'containers';
|
42
43
|
import * as containers_types_types from 'containers/types/types';
|
43
44
|
import { ContainerProps as ContainerProps$2 } from 'containers/types/types';
|
44
45
|
|
@@ -60,8 +61,8 @@ declare type CheckboxInternalConfigProps = Partial<{
|
|
60
61
|
selectedCheckboxIconColor: ThemeColors$1 | string;
|
61
62
|
buttonPadding: number;
|
62
63
|
textPadding: number;
|
63
|
-
styles: StylesType;
|
64
|
-
wrapperStyles: StylesType;
|
64
|
+
styles: StylesType$1;
|
65
|
+
wrapperStyles: StylesType$1;
|
65
66
|
buttonOptionSpacing?: SizesTypes$1;
|
66
67
|
}>;
|
67
68
|
|
@@ -90,8 +91,8 @@ declare type SelectInternalConfigurationOptions = {
|
|
90
91
|
selectedTextFontSize: number;
|
91
92
|
verticalPadding: number;
|
92
93
|
horizontalPadding: number;
|
93
|
-
wrapperStyles: StylesType;
|
94
|
-
styles: StylesType;
|
94
|
+
wrapperStyles: StylesType$1;
|
95
|
+
styles: StylesType$1;
|
95
96
|
};
|
96
97
|
declare type SelectProps = Partial<{
|
97
98
|
ref: RefCallBack;
|
@@ -116,8 +117,8 @@ declare type InputFieldInternalConfigProps = Partial<{
|
|
116
117
|
placeholderTextFontSize: number;
|
117
118
|
verticalPadding: number;
|
118
119
|
horizontalPadding: number;
|
119
|
-
styles: StylesType;
|
120
|
-
wrapperStyles: StylesType;
|
120
|
+
styles: StylesType$1;
|
121
|
+
wrapperStyles: StylesType$1;
|
121
122
|
}>;
|
122
123
|
declare type InputIconProps = {
|
123
124
|
name: IconNames$1;
|
@@ -147,7 +148,7 @@ declare type TextProps = {
|
|
147
148
|
variant: FontSizesTypes$1;
|
148
149
|
layout?: 'div' | 'span';
|
149
150
|
type?: TextTypes;
|
150
|
-
styles?: StylesType;
|
151
|
+
styles?: StylesType$1;
|
151
152
|
color?: ThemeColors$2 | string;
|
152
153
|
numberOfLines?: number;
|
153
154
|
textAlign?: TextAlign;
|
@@ -216,7 +217,7 @@ declare type RegularImageProps = {
|
|
216
217
|
height: number | string;
|
217
218
|
onClick: Callback$1;
|
218
219
|
cornerRadius: number;
|
219
|
-
}> & OverrideStyles;
|
220
|
+
}> & OverrideStyles$1;
|
220
221
|
declare const RegularImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, {
|
221
222
|
src: string;
|
222
223
|
} & Partial<{
|
@@ -225,7 +226,7 @@ declare const RegularImage: styled_components.StyledComponent<"img", styled_comp
|
|
225
226
|
height: number | string;
|
226
227
|
onClick: Callback$1;
|
227
228
|
cornerRadius: number;
|
228
|
-
}> & OverrideStyles, never>;
|
229
|
+
}> & OverrideStyles$1, never>;
|
229
230
|
declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, {
|
230
231
|
src: string;
|
231
232
|
} & Partial<{
|
@@ -234,7 +235,7 @@ declare const BackgroundImage: styled_components.StyledComponent<"img", styled_c
|
|
234
235
|
height: number | string;
|
235
236
|
onClick: Callback$1;
|
236
237
|
cornerRadius: number;
|
237
|
-
}> & OverrideStyles, never>;
|
238
|
+
}> & OverrideStyles$1, never>;
|
238
239
|
|
239
240
|
declare type TextButtonProps = Pick<BaseButtonProps$1, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & {
|
240
241
|
buttonLink?: string;
|
@@ -253,9 +254,9 @@ declare type ValidationTagProps = {
|
|
253
254
|
declare const ValidationTag: ({ text, status }: ValidationTagProps) => JSX.Element;
|
254
255
|
|
255
256
|
declare type TooltipProps = Pick<TooltipProps$1, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'> & {
|
256
|
-
styles?: StylesType;
|
257
|
+
styles?: StylesType$1;
|
257
258
|
};
|
258
|
-
declare const StyleWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, OverrideStyles, never>;
|
259
|
+
declare const StyleWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, OverrideStyles$1, never>;
|
259
260
|
declare const Tooltip: ({ trigger, placement, styles, ...props }: TooltipProps) => JSX.Element;
|
260
261
|
|
261
262
|
declare type ToastType = 'success' | 'infoTierOne' | 'infoTierTwo' | 'warning' | 'error';
|
@@ -332,7 +333,7 @@ declare type RichTextEditorProps = Partial<{
|
|
332
333
|
value: string;
|
333
334
|
font: FontSizesTypes$2;
|
334
335
|
color: ThemeColors$1 | string;
|
335
|
-
textStyles: StylesType;
|
336
|
+
textStyles: StylesType$1;
|
336
337
|
numberOfLines?: number;
|
337
338
|
extraTextProps?: TextProps$1;
|
338
339
|
}>;
|
@@ -343,10 +344,10 @@ declare type RadioButtonInternalConfigProps = Partial<{
|
|
343
344
|
selectedRadioOptionIndicatorColor: ThemeColors$1 | string;
|
344
345
|
buttonPadding: number;
|
345
346
|
textPadding: number;
|
346
|
-
styles: StylesType;
|
347
|
-
wrapperStyles: StylesType;
|
347
|
+
styles: StylesType$1;
|
348
|
+
wrapperStyles: StylesType$1;
|
348
349
|
buttonOptionSpacing: SizesTypes$1;
|
349
|
-
radioGroupWrapperStyles: StylesType;
|
350
|
+
radioGroupWrapperStyles: StylesType$1;
|
350
351
|
}>;
|
351
352
|
declare type RadioButtonsProps<T extends string> = Partial<{
|
352
353
|
ref: RefCallBack;
|
@@ -387,7 +388,7 @@ declare const RadioButtons: <T extends string>({ ref, name, value, options, onBl
|
|
387
388
|
}>) => JSX.Element;
|
388
389
|
declare const RadioGroupWrapper: styled_components.StyledComponent<typeof RadioGroup, styled_components.DefaultTheme, StyledTransientProps<{
|
389
390
|
isRow: boolean;
|
390
|
-
}> & OverrideStyles, never>;
|
391
|
+
}> & OverrideStyles$1, never>;
|
391
392
|
|
392
393
|
declare type CircleType = 'link' | 'message';
|
393
394
|
declare type CircleBoxProps = {
|
@@ -441,7 +442,7 @@ declare type TabProps<T = string, K = string> = {
|
|
441
442
|
defaultTabTextColor: ThemeColors$1 | string;
|
442
443
|
selectedTabTextColor: ThemeColors$1 | string;
|
443
444
|
selectedTabIndicatorColor: ThemeColors$1 | string;
|
444
|
-
styles: StylesType;
|
445
|
+
styles: StylesType$1;
|
445
446
|
}>;
|
446
447
|
declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, tabTheme, tabFont, tabPadding, selectedTabIndicatorColor, textSize, defaultTabTextColor, ...tabProps }: TabProps<T, K>, ref: React__default.ForwardedRef<TabElement>) => JSX.Element;
|
447
448
|
declare const Tab: <T, K>(props: {
|
@@ -563,7 +564,7 @@ declare type FeedContentProps = {
|
|
563
564
|
showDefaultDocumentStyles?: boolean;
|
564
565
|
destinationLink?: string;
|
565
566
|
onDestinationHandler?: Callback$1;
|
566
|
-
imageStyles?: StylesType;
|
567
|
+
imageStyles?: StylesType$1;
|
567
568
|
videoStyles?: CSSProperties;
|
568
569
|
isEnabledFavoriting?: boolean;
|
569
570
|
isFavorite?: boolean;
|
@@ -888,6 +889,28 @@ declare type AnnotationsList = {
|
|
888
889
|
|
889
890
|
declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
|
890
891
|
|
892
|
+
declare const useButtonActionsContext: () => contexts_ButtonActionsContext_ButtonActionsContext.ButtonActionsContextType;
|
893
|
+
|
894
|
+
declare type ButtonActionsContextType = {
|
895
|
+
actionContent?: ContainerComponentProps$1;
|
896
|
+
setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
|
897
|
+
isModalVisible: boolean;
|
898
|
+
setModalVisible: Dispatch<SetStateAction<boolean>>;
|
899
|
+
isDrawerVisible: boolean;
|
900
|
+
setDrawerVisible: Dispatch<SetStateAction<boolean>>;
|
901
|
+
};
|
902
|
+
declare const ButtonActionsContext: React$1.Context<ButtonActionsContextType>;
|
903
|
+
|
904
|
+
declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
|
905
|
+
actionContent: ContainerComponentProps$1;
|
906
|
+
setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
|
907
|
+
isModalVisible: boolean;
|
908
|
+
setModalVisible: Dispatch<SetStateAction<boolean>>;
|
909
|
+
setDrawerVisible: Dispatch<SetStateAction<boolean>>;
|
910
|
+
isDrawerVisible: boolean;
|
911
|
+
}>>;
|
912
|
+
declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;
|
913
|
+
|
891
914
|
declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
|
892
915
|
declare type LabelInternalConfig = {
|
893
916
|
fontVariant: FontSizesTypes$2;
|
@@ -895,15 +918,15 @@ declare type LabelInternalConfig = {
|
|
895
918
|
fontWeight: string | number;
|
896
919
|
color: ThemeColors$1 | string;
|
897
920
|
padding: string;
|
898
|
-
styles: StylesType;
|
899
|
-
wrapperStyles: StylesType;
|
921
|
+
styles: StylesType$1;
|
922
|
+
wrapperStyles: StylesType$1;
|
900
923
|
};
|
901
924
|
declare type RuleLabelInternalConfig = {
|
902
925
|
requiredTextColor: ThemeColors$1 | string;
|
903
926
|
optionalTextColor: ThemeColors$1 | string;
|
904
927
|
padding: string;
|
905
928
|
fontSize: number;
|
906
|
-
styles: StylesType;
|
929
|
+
styles: StylesType$1;
|
907
930
|
};
|
908
931
|
declare type TooltipInternalConfig = {
|
909
932
|
fontVariant: FontSizesTypes$2;
|
@@ -913,8 +936,8 @@ declare type TooltipInternalConfig = {
|
|
913
936
|
padding: string;
|
914
937
|
backgroundColor: ThemeColors$1 | string;
|
915
938
|
iconColor: ThemeColors$1 | string;
|
916
|
-
styles: StylesType;
|
917
|
-
wrapperStyles: StylesType;
|
939
|
+
styles: StylesType$1;
|
940
|
+
wrapperStyles: StylesType$1;
|
918
941
|
};
|
919
942
|
declare type FieldLabelsProps = {
|
920
943
|
label?: string;
|
@@ -937,7 +960,7 @@ declare type InputFieldProps = Partial<{
|
|
937
960
|
optional: boolean;
|
938
961
|
defaultValue: string;
|
939
962
|
inputProps: InputProps$1;
|
940
|
-
styles: StylesType;
|
963
|
+
styles: StylesType$1;
|
941
964
|
labelsProps: FieldLabelsProps;
|
942
965
|
}>;
|
943
966
|
declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, }: InputFieldProps) => JSX.Element;
|
@@ -949,13 +972,13 @@ declare type FieldMapperProps<T extends object> = {
|
|
949
972
|
spacer?: number;
|
950
973
|
isTooltipVisible?: boolean;
|
951
974
|
optionsPresentation?: boolean;
|
952
|
-
styles?: StylesType;
|
975
|
+
styles?: StylesType$1;
|
953
976
|
};
|
954
977
|
declare const FieldMapper: <T extends object>({ field, isEditMode, spacer, control, isTooltipVisible, optionsPresentation, styles, }: FieldMapperProps<T>) => JSX.Element | null;
|
955
978
|
|
956
979
|
declare type CheckboxesProps = Partial<{
|
957
|
-
checkboxGroupWrapperStyles: StylesType;
|
958
|
-
checkboxFieldWrapperStyles: StylesType;
|
980
|
+
checkboxGroupWrapperStyles: StylesType$1;
|
981
|
+
checkboxFieldWrapperStyles: StylesType$1;
|
959
982
|
onChange: (id: string) => void;
|
960
983
|
disabled: boolean;
|
961
984
|
options?: SelectOption$1[];
|
@@ -973,7 +996,7 @@ declare type CheckboxFieldProps = Partial<{
|
|
973
996
|
control: Control$1<any>;
|
974
997
|
required: boolean;
|
975
998
|
optional: boolean;
|
976
|
-
wrapperStyles: StylesType;
|
999
|
+
wrapperStyles: StylesType$1;
|
977
1000
|
}>;
|
978
1001
|
declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, }: CheckboxFieldProps) => JSX.Element;
|
979
1002
|
|
@@ -994,7 +1017,7 @@ declare type SelectFieldProps = Partial<{
|
|
994
1017
|
required: boolean;
|
995
1018
|
optional: boolean;
|
996
1019
|
defaultValue: string;
|
997
|
-
styles: StylesType;
|
1020
|
+
styles: StylesType$1;
|
998
1021
|
}>;
|
999
1022
|
declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: SelectFieldProps) => JSX.Element;
|
1000
1023
|
|
@@ -1089,7 +1112,7 @@ declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuCon
|
|
1089
1112
|
|
1090
1113
|
declare type TabType<T = string, K = string> = Pick<TabProps$1<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
|
1091
1114
|
declare type AdditionalTabContainerProps = {
|
1092
|
-
containerStyle?: StylesType;
|
1115
|
+
containerStyle?: StylesType$1;
|
1093
1116
|
containerProps?: Record<string, unknown>;
|
1094
1117
|
};
|
1095
1118
|
declare type TabGroupProps<T = string, K = string> = {
|
@@ -1097,7 +1120,7 @@ declare type TabGroupProps<T = string, K = string> = {
|
|
1097
1120
|
activeTabKey: T;
|
1098
1121
|
onTabChange?: (tabKey: T) => void;
|
1099
1122
|
onOptionClick?: (optionKey: K) => void;
|
1100
|
-
styles?: StylesType;
|
1123
|
+
styles?: StylesType$1;
|
1101
1124
|
vertical?: boolean;
|
1102
1125
|
tabTheme?: TabTheme$1;
|
1103
1126
|
tabFont?: FontSizesTypes$1;
|
@@ -1138,7 +1161,7 @@ declare const EmphasizedText: ({ textContent, invertColors }: EmphasizedTextProp
|
|
1138
1161
|
declare type RadioButtonFieldProps<T extends string> = Partial<{
|
1139
1162
|
name: string;
|
1140
1163
|
rules: ControllerProps$1['rules'];
|
1141
|
-
styles: StylesType;
|
1164
|
+
styles: StylesType$1;
|
1142
1165
|
control: Control$1<any>;
|
1143
1166
|
optional: boolean;
|
1144
1167
|
required: boolean;
|
@@ -1255,6 +1278,10 @@ declare type ToggleFieldProps = {
|
|
1255
1278
|
};
|
1256
1279
|
declare const HorizontalButtonsField: ({ name, title, control, description, horizontalButtonsProps, }: ToggleFieldProps) => JSX.Element;
|
1257
1280
|
|
1281
|
+
declare type StylesType = ReturnType<ThemedCssFunction<DefaultTheme>>;
|
1282
|
+
declare type OverrideStyles = {
|
1283
|
+
$styles?: StylesType;
|
1284
|
+
};
|
1258
1285
|
declare type Callback = () => void;
|
1259
1286
|
|
1260
1287
|
declare type BottomNaVBarItemProps = {
|
@@ -1288,7 +1315,7 @@ declare type ImageProps = {
|
|
1288
1315
|
height: number;
|
1289
1316
|
cornerRadius: number;
|
1290
1317
|
behaveAs: 'background' | 'regular';
|
1291
|
-
styles: StylesType;
|
1318
|
+
styles: StylesType$1;
|
1292
1319
|
}>;
|
1293
1320
|
declare const Image: ({ src, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
|
1294
1321
|
|
@@ -1317,7 +1344,7 @@ declare type TextMoleculeProps = Partial<{
|
|
1317
1344
|
lineHeight: number;
|
1318
1345
|
fontWeight: string | number;
|
1319
1346
|
isRichText: boolean;
|
1320
|
-
styles: StylesType;
|
1347
|
+
styles: StylesType$1;
|
1321
1348
|
textAlign: 'center' | 'right' | 'left';
|
1322
1349
|
}> & Pick<TextProps$1, 'seoTag' | 'numberOfLines'>;
|
1323
1350
|
declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
|
@@ -1344,7 +1371,7 @@ declare type BaseButtonProps = PropsWithChildren<{
|
|
1344
1371
|
inactiveButtonColor?: ThemeColors$1 | string;
|
1345
1372
|
inactiveStrokeColor?: ThemeColors$1 | string;
|
1346
1373
|
inactiveTextColor?: ThemeColors$1 | string;
|
1347
|
-
styles?: StylesType;
|
1374
|
+
styles?: StylesType$1;
|
1348
1375
|
colorTheme?: 'light' | 'dark';
|
1349
1376
|
href?: string;
|
1350
1377
|
type?: ButtonType;
|
@@ -1356,19 +1383,72 @@ declare type ButtonProps = BaseButtonProps & {
|
|
1356
1383
|
elementId?: string;
|
1357
1384
|
loading?: boolean;
|
1358
1385
|
isRichText?: boolean;
|
1359
|
-
containerStyle?: StylesType;
|
1360
|
-
buttonStyle?: StylesType;
|
1386
|
+
containerStyle?: StylesType$1;
|
1387
|
+
buttonStyle?: StylesType$1;
|
1361
1388
|
};
|
1362
1389
|
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;
|
1363
1390
|
|
1391
|
+
declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
|
1392
|
+
padding?: number | string;
|
1393
|
+
wrapperStyles?: CSSProperties;
|
1394
|
+
onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
|
1395
|
+
modalStyles?: CSSProperties;
|
1396
|
+
onClose?: Callback;
|
1397
|
+
};
|
1398
|
+
declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, onClose, ...rest }: ZealUIModalProps) => JSX.Element;
|
1399
|
+
declare const ModalWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, OverrideStyles, never>;
|
1400
|
+
|
1364
1401
|
declare const Container: ({ children, wide, compact, type, props }: ContainerProps$1) => JSX.Element;
|
1365
1402
|
declare const ContainerComponent: ({ type, items, config, tabsProps }: ContainerComponentProps$1) => JSX.Element | null;
|
1366
1403
|
|
1404
|
+
declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
|
1405
|
+
declare type FileType = 'image' | 'video' | 'document' | 'audio';
|
1406
|
+
declare type ContentStatus = 'in_use' | 'draft';
|
1407
|
+
declare type FileMatrixMessageDTO = Readonly<Partial<{
|
1408
|
+
id: string;
|
1409
|
+
text: string;
|
1410
|
+
label: string;
|
1411
|
+
locationId: string;
|
1412
|
+
}>>;
|
1413
|
+
declare type FileObjectDTO = Readonly<Partial<{
|
1414
|
+
id: string;
|
1415
|
+
name: string;
|
1416
|
+
fileType: FileType;
|
1417
|
+
description: string;
|
1418
|
+
originalName: string;
|
1419
|
+
url: string;
|
1420
|
+
size: number;
|
1421
|
+
type: FileType;
|
1422
|
+
updatedAt: string;
|
1423
|
+
createdAt: string;
|
1424
|
+
status: ContentStatus;
|
1425
|
+
tags: FileMatrixMessageDTO[];
|
1426
|
+
}>> | null;
|
1427
|
+
declare type LinkAction = Omit<LinkAttributes, 'attributeType'>;
|
1428
|
+
declare type PopupDrawerAction = ContainerComponentProps;
|
1429
|
+
declare type DownloadAction = FileObjectDTO;
|
1430
|
+
declare type SubmitAction = AnyObject;
|
1431
|
+
declare type CancelAction = AnyObject;
|
1432
|
+
declare type ResetAction = AnyObject;
|
1433
|
+
declare type DestroyAction = AnyObject;
|
1434
|
+
declare type Action = {
|
1435
|
+
type: ActionTypes;
|
1436
|
+
} & Partial<{
|
1437
|
+
link: LinkAction;
|
1438
|
+
popup: PopupDrawerAction;
|
1439
|
+
drawer: PopupDrawerAction;
|
1440
|
+
download: DownloadAction;
|
1441
|
+
submit: SubmitAction;
|
1442
|
+
cancel: CancelAction;
|
1443
|
+
reset: ResetAction;
|
1444
|
+
destroy: DestroyAction;
|
1445
|
+
}>;
|
1367
1446
|
declare type ImageAttributes = {
|
1368
1447
|
attributeType: 'image';
|
1369
1448
|
imageSource: string;
|
1370
1449
|
};
|
1371
1450
|
interface TextAttributes {
|
1451
|
+
id?: string;
|
1372
1452
|
attributeType: 'text';
|
1373
1453
|
isRichText: boolean;
|
1374
1454
|
text: string;
|
@@ -1377,6 +1457,10 @@ interface VideoAttributes {
|
|
1377
1457
|
attributeType: 'video';
|
1378
1458
|
videoSource: string;
|
1379
1459
|
}
|
1460
|
+
interface ActionAttributes {
|
1461
|
+
attributeType: 'action';
|
1462
|
+
action: Action;
|
1463
|
+
}
|
1380
1464
|
interface LinkAttributes {
|
1381
1465
|
id: string;
|
1382
1466
|
attributeType: 'link';
|
@@ -1386,6 +1470,7 @@ interface LinkAttributes {
|
|
1386
1470
|
name: string;
|
1387
1471
|
}
|
1388
1472
|
interface SelectAttributes {
|
1473
|
+
id?: string;
|
1389
1474
|
attributeType: 'select';
|
1390
1475
|
value: string;
|
1391
1476
|
options: SelectOption$1[];
|
@@ -1403,6 +1488,10 @@ interface BaseMolecule {
|
|
1403
1488
|
id: string;
|
1404
1489
|
instance: 'molecule';
|
1405
1490
|
type: MoleculeTypes;
|
1491
|
+
metadata?: AnyObject;
|
1492
|
+
idForFrontend?: string;
|
1493
|
+
moleculeLibraryId?: string;
|
1494
|
+
organismLibraryMoleculeId?: string;
|
1406
1495
|
}
|
1407
1496
|
interface ImageMolecule extends BaseMolecule {
|
1408
1497
|
type: 'image';
|
@@ -1429,7 +1518,7 @@ interface ButtonMolecule extends BaseMolecule {
|
|
1429
1518
|
type: 'button';
|
1430
1519
|
attributes: {
|
1431
1520
|
title: TextAttributes;
|
1432
|
-
|
1521
|
+
action: ActionAttributes;
|
1433
1522
|
};
|
1434
1523
|
config: {
|
1435
1524
|
props: Partial<Omit<ButtonProps$1, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
|
@@ -1516,13 +1605,13 @@ declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMol
|
|
1516
1605
|
};
|
1517
1606
|
|
1518
1607
|
declare type ContainerType = 'row' | 'column' | 'slider' | 'form';
|
1519
|
-
declare type ContainerPositionType = 'fixed' | 'sticky' | 'static';
|
1608
|
+
declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
|
1520
1609
|
declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
|
1521
1610
|
declare type ContainerPropsType = Partial<{
|
1522
1611
|
position: ContainerPositionType;
|
1523
1612
|
scrollBehaviour: ContainerScrollBehaviourType;
|
1524
1613
|
cornerRadius: number;
|
1525
|
-
styles: StylesType;
|
1614
|
+
styles: StylesType$1;
|
1526
1615
|
formProps: {
|
1527
1616
|
mode: keyof ValidationMode;
|
1528
1617
|
};
|
@@ -1541,13 +1630,16 @@ declare type ContainerComponentProps = {
|
|
1541
1630
|
id: string;
|
1542
1631
|
instance: 'container';
|
1543
1632
|
type: ContainerType;
|
1633
|
+
items: (ContainerComponentProps | Molecule)[];
|
1544
1634
|
config: {
|
1545
1635
|
wide?: AdditionalContainerProps;
|
1546
1636
|
compact?: AdditionalContainerProps;
|
1547
1637
|
props?: ContainerPropsType;
|
1548
1638
|
};
|
1549
|
-
items: (ContainerComponentProps | Molecule)[];
|
1550
1639
|
tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
|
1640
|
+
metadata?: AnyObject;
|
1641
|
+
attributes?: AnyObject;
|
1642
|
+
containerLibraryId?: string;
|
1551
1643
|
};
|
1552
1644
|
|
1553
1645
|
declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Pick<ContainerProps$2, "type"> & {
|
@@ -1567,4 +1659,4 @@ declare const OrganismItem: ({ item, tabsProps, }: {
|
|
1567
1659
|
tabsProps?: Pick<TabGroupProps$1<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
|
1568
1660
|
}) => JSX.Element | null;
|
1569
1661
|
|
1570
|
-
export { AcquisitionForm, AcquisitionFormProps, AdditionalContainerProps, AdditionalTabContainerProps, 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, CirclesWrapper, 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, 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, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
|
1662
|
+
export { AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, 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, ModalWrapper, 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 };
|