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