@zealicsolutions/web-ui 0.2.120 → 0.2.122
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +5 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/containers/types/moleculeTypes.d.ts +4 -22
- package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.d.ts +2 -2
- package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.stories.d.ts +1 -1
- package/dist/cjs/src/organisms/Consent/ConsentCapture.d.ts +1 -1
- package/dist/esm/index.js +6 -6
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/containers/types/moleculeTypes.d.ts +4 -22
- package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.d.ts +2 -2
- package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.stories.d.ts +1 -1
- package/dist/esm/src/organisms/Consent/ConsentCapture.d.ts +1 -1
- package/dist/index.d.ts +49 -71
- package/package.json +1 -1
@@ -5,31 +5,13 @@ import { CSSProperties } from 'styled-components';
|
|
5
5
|
import type { AnyObject, Nullable, StrictUnion } from 'typescript';
|
6
6
|
import { ContainerComponentProps } from './types';
|
7
7
|
export declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
|
8
|
-
export declare type
|
9
|
-
export declare type ContentStatus = 'in_use' | 'draft';
|
10
|
-
export declare type FileMatrixMessageDTO = Readonly<Partial<{
|
11
|
-
id: string;
|
12
|
-
text: string;
|
13
|
-
label: string;
|
14
|
-
locationId: string;
|
15
|
-
}>>;
|
16
|
-
export declare type FileObjectDTO = Readonly<Partial<{
|
17
|
-
id: string;
|
18
|
-
name: string;
|
19
|
-
fileType: FileType;
|
20
|
-
description: string;
|
21
|
-
originalName: string;
|
8
|
+
export declare type DownloadFile = {
|
22
9
|
url: string;
|
23
|
-
|
24
|
-
|
25
|
-
updatedAt: string;
|
26
|
-
createdAt: string;
|
27
|
-
status: ContentStatus;
|
28
|
-
tags: FileMatrixMessageDTO[];
|
29
|
-
}>> | null;
|
10
|
+
name: string;
|
11
|
+
};
|
30
12
|
declare type LinkAction = Omit<LinkAttributes, 'attributeType'>;
|
31
13
|
declare type PopupDrawerAction = ContainerComponentProps;
|
32
|
-
declare type DownloadAction =
|
14
|
+
declare type DownloadAction = DownloadFile;
|
33
15
|
declare type SubmitAction = AnyObject;
|
34
16
|
declare type CancelAction = AnyObject;
|
35
17
|
declare type ResetAction = AnyObject;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { ModalProps as MUIModalProps } from '@mui/material';
|
2
2
|
import React, { KeyboardEvent, PropsWithChildren } from 'react';
|
3
3
|
import { CSSProperties } from 'styled-components';
|
4
|
-
import { Callback, OverrideStyles } from '
|
4
|
+
import type { Callback, OverrideStyles } from 'typescript';
|
5
5
|
export declare type ZealUIModalProps = PropsWithChildren<Pick<MUIModalProps, 'open'>> & {
|
6
6
|
padding?: number | string;
|
7
7
|
wrapperStyles?: CSSProperties;
|
@@ -9,7 +9,7 @@ export declare type ZealUIModalProps = PropsWithChildren<Pick<MUIModalProps, 'op
|
|
9
9
|
modalStyles?: CSSProperties;
|
10
10
|
onClose?: Callback;
|
11
11
|
};
|
12
|
-
export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles,
|
12
|
+
export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
|
13
13
|
export declare const ModalWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, OverrideStyles, never>;
|
14
14
|
export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
15
15
|
activeOpacity?: number | undefined;
|
@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
|
|
3
3
|
import { ZealUIModal as ZealUIModalComponent } from './ZealUIModal';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles,
|
6
|
+
component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: import("./ZealUIModal").ZealUIModalProps) => JSX.Element;
|
7
7
|
};
|
8
8
|
export default _default;
|
9
9
|
export declare const ZealUIModal: StoryFn<typeof ZealUIModalComponent>;
|
@@ -14,7 +14,7 @@ export declare type CheckboxCaptureProps = {
|
|
14
14
|
type: 'checkbox';
|
15
15
|
label: string;
|
16
16
|
value: boolean;
|
17
|
-
onChange: (value:
|
17
|
+
onChange: (value: boolean) => void;
|
18
18
|
};
|
19
19
|
export declare type ConsentCaptureProps<T extends string = string> = ButtonCaptureProps | RadioButtonsCaptureProps<T> | CheckboxCaptureProps;
|
20
20
|
export declare const ConsentCapture: <T extends string>(props: ConsentCaptureProps<T>) => JSX.Element;
|
package/dist/index.d.ts
CHANGED
@@ -2,10 +2,10 @@
|
|
2
2
|
import * as React$1 from 'react';
|
3
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
|
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, 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';
|
@@ -61,8 +61,8 @@ declare type CheckboxInternalConfigProps = Partial<{
|
|
61
61
|
selectedCheckboxIconColor: ThemeColors$1 | string;
|
62
62
|
buttonPadding: number;
|
63
63
|
textPadding: number;
|
64
|
-
styles: StylesType
|
65
|
-
wrapperStyles: StylesType
|
64
|
+
styles: StylesType;
|
65
|
+
wrapperStyles: StylesType;
|
66
66
|
buttonOptionSpacing?: SizesTypes$1;
|
67
67
|
}>;
|
68
68
|
|
@@ -91,8 +91,8 @@ declare type SelectInternalConfigurationOptions = {
|
|
91
91
|
selectedTextFontSize: number;
|
92
92
|
verticalPadding: number;
|
93
93
|
horizontalPadding: number;
|
94
|
-
wrapperStyles: StylesType
|
95
|
-
styles: StylesType
|
94
|
+
wrapperStyles: StylesType;
|
95
|
+
styles: StylesType;
|
96
96
|
};
|
97
97
|
declare type SelectProps = Partial<{
|
98
98
|
ref: RefCallBack;
|
@@ -117,8 +117,8 @@ declare type InputFieldInternalConfigProps = Partial<{
|
|
117
117
|
placeholderTextFontSize: number;
|
118
118
|
verticalPadding: number;
|
119
119
|
horizontalPadding: number;
|
120
|
-
styles: StylesType
|
121
|
-
wrapperStyles: StylesType
|
120
|
+
styles: StylesType;
|
121
|
+
wrapperStyles: StylesType;
|
122
122
|
}>;
|
123
123
|
declare type InputIconProps = {
|
124
124
|
name: IconNames$1;
|
@@ -148,7 +148,7 @@ declare type TextProps = {
|
|
148
148
|
variant: FontSizesTypes$1;
|
149
149
|
layout?: 'div' | 'span';
|
150
150
|
type?: TextTypes;
|
151
|
-
styles?: StylesType
|
151
|
+
styles?: StylesType;
|
152
152
|
color?: ThemeColors$2 | string;
|
153
153
|
numberOfLines?: number;
|
154
154
|
textAlign?: TextAlign;
|
@@ -217,7 +217,7 @@ declare type RegularImageProps = {
|
|
217
217
|
height: number | string;
|
218
218
|
onClick: Callback$1;
|
219
219
|
cornerRadius: number;
|
220
|
-
}> & OverrideStyles
|
220
|
+
}> & OverrideStyles;
|
221
221
|
declare const RegularImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, {
|
222
222
|
src: string;
|
223
223
|
} & Partial<{
|
@@ -226,7 +226,7 @@ declare const RegularImage: styled_components.StyledComponent<"img", styled_comp
|
|
226
226
|
height: number | string;
|
227
227
|
onClick: Callback$1;
|
228
228
|
cornerRadius: number;
|
229
|
-
}> & OverrideStyles
|
229
|
+
}> & OverrideStyles, never>;
|
230
230
|
declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, {
|
231
231
|
src: string;
|
232
232
|
} & Partial<{
|
@@ -235,7 +235,7 @@ declare const BackgroundImage: styled_components.StyledComponent<"img", styled_c
|
|
235
235
|
height: number | string;
|
236
236
|
onClick: Callback$1;
|
237
237
|
cornerRadius: number;
|
238
|
-
}> & OverrideStyles
|
238
|
+
}> & OverrideStyles, never>;
|
239
239
|
|
240
240
|
declare type TextButtonProps = Pick<BaseButtonProps$1, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & {
|
241
241
|
buttonLink?: string;
|
@@ -254,9 +254,9 @@ declare type ValidationTagProps = {
|
|
254
254
|
declare const ValidationTag: ({ text, status }: ValidationTagProps) => JSX.Element;
|
255
255
|
|
256
256
|
declare type TooltipProps = Pick<TooltipProps$1, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'> & {
|
257
|
-
styles?: StylesType
|
257
|
+
styles?: StylesType;
|
258
258
|
};
|
259
|
-
declare const StyleWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, OverrideStyles
|
259
|
+
declare const StyleWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, OverrideStyles, never>;
|
260
260
|
declare const Tooltip: ({ trigger, placement, styles, ...props }: TooltipProps) => JSX.Element;
|
261
261
|
|
262
262
|
declare type ToastType = 'success' | 'infoTierOne' | 'infoTierTwo' | 'warning' | 'error';
|
@@ -333,7 +333,7 @@ declare type RichTextEditorProps = Partial<{
|
|
333
333
|
value: string;
|
334
334
|
font: FontSizesTypes$2;
|
335
335
|
color: ThemeColors$1 | string;
|
336
|
-
textStyles: StylesType
|
336
|
+
textStyles: StylesType;
|
337
337
|
numberOfLines?: number;
|
338
338
|
extraTextProps?: TextProps$1;
|
339
339
|
}>;
|
@@ -344,10 +344,10 @@ declare type RadioButtonInternalConfigProps = Partial<{
|
|
344
344
|
selectedRadioOptionIndicatorColor: ThemeColors$1 | string;
|
345
345
|
buttonPadding: number;
|
346
346
|
textPadding: number;
|
347
|
-
styles: StylesType
|
348
|
-
wrapperStyles: StylesType
|
347
|
+
styles: StylesType;
|
348
|
+
wrapperStyles: StylesType;
|
349
349
|
buttonOptionSpacing: SizesTypes$1;
|
350
|
-
radioGroupWrapperStyles: StylesType
|
350
|
+
radioGroupWrapperStyles: StylesType;
|
351
351
|
}>;
|
352
352
|
declare type RadioButtonsProps<T extends string> = Partial<{
|
353
353
|
ref: RefCallBack;
|
@@ -388,7 +388,7 @@ declare const RadioButtons: <T extends string>({ ref, name, value, options, onBl
|
|
388
388
|
}>) => JSX.Element;
|
389
389
|
declare const RadioGroupWrapper: styled_components.StyledComponent<typeof RadioGroup, styled_components.DefaultTheme, StyledTransientProps<{
|
390
390
|
isRow: boolean;
|
391
|
-
}> & OverrideStyles
|
391
|
+
}> & OverrideStyles, never>;
|
392
392
|
|
393
393
|
declare type CircleType = 'link' | 'message';
|
394
394
|
declare type CircleBoxProps = {
|
@@ -442,7 +442,7 @@ declare type TabProps<T = string, K = string> = {
|
|
442
442
|
defaultTabTextColor: ThemeColors$1 | string;
|
443
443
|
selectedTabTextColor: ThemeColors$1 | string;
|
444
444
|
selectedTabIndicatorColor: ThemeColors$1 | string;
|
445
|
-
styles: StylesType
|
445
|
+
styles: StylesType;
|
446
446
|
}>;
|
447
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;
|
448
448
|
declare const Tab: <T, K>(props: {
|
@@ -564,7 +564,7 @@ declare type FeedContentProps = {
|
|
564
564
|
showDefaultDocumentStyles?: boolean;
|
565
565
|
destinationLink?: string;
|
566
566
|
onDestinationHandler?: Callback$1;
|
567
|
-
imageStyles?: StylesType
|
567
|
+
imageStyles?: StylesType;
|
568
568
|
videoStyles?: CSSProperties;
|
569
569
|
isEnabledFavoriting?: boolean;
|
570
570
|
isFavorite?: boolean;
|
@@ -672,7 +672,7 @@ declare type CheckboxCaptureProps = {
|
|
672
672
|
type: 'checkbox';
|
673
673
|
label: string;
|
674
674
|
value: boolean;
|
675
|
-
onChange: (value:
|
675
|
+
onChange: (value: boolean) => void;
|
676
676
|
};
|
677
677
|
declare type ConsentCaptureProps<T extends string = string> = ButtonCaptureProps | RadioButtonsCaptureProps<T> | CheckboxCaptureProps;
|
678
678
|
|
@@ -918,15 +918,15 @@ declare type LabelInternalConfig = {
|
|
918
918
|
fontWeight: string | number;
|
919
919
|
color: ThemeColors$1 | string;
|
920
920
|
padding: string;
|
921
|
-
styles: StylesType
|
922
|
-
wrapperStyles: StylesType
|
921
|
+
styles: StylesType;
|
922
|
+
wrapperStyles: StylesType;
|
923
923
|
};
|
924
924
|
declare type RuleLabelInternalConfig = {
|
925
925
|
requiredTextColor: ThemeColors$1 | string;
|
926
926
|
optionalTextColor: ThemeColors$1 | string;
|
927
927
|
padding: string;
|
928
928
|
fontSize: number;
|
929
|
-
styles: StylesType
|
929
|
+
styles: StylesType;
|
930
930
|
};
|
931
931
|
declare type TooltipInternalConfig = {
|
932
932
|
fontVariant: FontSizesTypes$2;
|
@@ -936,8 +936,8 @@ declare type TooltipInternalConfig = {
|
|
936
936
|
padding: string;
|
937
937
|
backgroundColor: ThemeColors$1 | string;
|
938
938
|
iconColor: ThemeColors$1 | string;
|
939
|
-
styles: StylesType
|
940
|
-
wrapperStyles: StylesType
|
939
|
+
styles: StylesType;
|
940
|
+
wrapperStyles: StylesType;
|
941
941
|
};
|
942
942
|
declare type FieldLabelsProps = {
|
943
943
|
label?: string;
|
@@ -960,7 +960,7 @@ declare type InputFieldProps = Partial<{
|
|
960
960
|
optional: boolean;
|
961
961
|
defaultValue: string;
|
962
962
|
inputProps: InputProps$1;
|
963
|
-
styles: StylesType
|
963
|
+
styles: StylesType;
|
964
964
|
labelsProps: FieldLabelsProps;
|
965
965
|
}>;
|
966
966
|
declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, }: InputFieldProps) => JSX.Element;
|
@@ -972,13 +972,13 @@ declare type FieldMapperProps<T extends object> = {
|
|
972
972
|
spacer?: number;
|
973
973
|
isTooltipVisible?: boolean;
|
974
974
|
optionsPresentation?: boolean;
|
975
|
-
styles?: StylesType
|
975
|
+
styles?: StylesType;
|
976
976
|
};
|
977
977
|
declare const FieldMapper: <T extends object>({ field, isEditMode, spacer, control, isTooltipVisible, optionsPresentation, styles, }: FieldMapperProps<T>) => JSX.Element | null;
|
978
978
|
|
979
979
|
declare type CheckboxesProps = Partial<{
|
980
|
-
checkboxGroupWrapperStyles: StylesType
|
981
|
-
checkboxFieldWrapperStyles: StylesType
|
980
|
+
checkboxGroupWrapperStyles: StylesType;
|
981
|
+
checkboxFieldWrapperStyles: StylesType;
|
982
982
|
onChange: (id: string) => void;
|
983
983
|
disabled: boolean;
|
984
984
|
options?: SelectOption$1[];
|
@@ -996,7 +996,7 @@ declare type CheckboxFieldProps = Partial<{
|
|
996
996
|
control: Control$1<any>;
|
997
997
|
required: boolean;
|
998
998
|
optional: boolean;
|
999
|
-
wrapperStyles: StylesType
|
999
|
+
wrapperStyles: StylesType;
|
1000
1000
|
}>;
|
1001
1001
|
declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, }: CheckboxFieldProps) => JSX.Element;
|
1002
1002
|
|
@@ -1017,7 +1017,7 @@ declare type SelectFieldProps = Partial<{
|
|
1017
1017
|
required: boolean;
|
1018
1018
|
optional: boolean;
|
1019
1019
|
defaultValue: string;
|
1020
|
-
styles: StylesType
|
1020
|
+
styles: StylesType;
|
1021
1021
|
}>;
|
1022
1022
|
declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: SelectFieldProps) => JSX.Element;
|
1023
1023
|
|
@@ -1112,7 +1112,7 @@ declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuCon
|
|
1112
1112
|
|
1113
1113
|
declare type TabType<T = string, K = string> = Pick<TabProps$1<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
|
1114
1114
|
declare type AdditionalTabContainerProps = {
|
1115
|
-
containerStyle?: StylesType
|
1115
|
+
containerStyle?: StylesType;
|
1116
1116
|
containerProps?: Record<string, unknown>;
|
1117
1117
|
};
|
1118
1118
|
declare type TabGroupProps<T = string, K = string> = {
|
@@ -1120,7 +1120,7 @@ declare type TabGroupProps<T = string, K = string> = {
|
|
1120
1120
|
activeTabKey: T;
|
1121
1121
|
onTabChange?: (tabKey: T) => void;
|
1122
1122
|
onOptionClick?: (optionKey: K) => void;
|
1123
|
-
styles?: StylesType
|
1123
|
+
styles?: StylesType;
|
1124
1124
|
vertical?: boolean;
|
1125
1125
|
tabTheme?: TabTheme$1;
|
1126
1126
|
tabFont?: FontSizesTypes$1;
|
@@ -1161,7 +1161,7 @@ declare const EmphasizedText: ({ textContent, invertColors }: EmphasizedTextProp
|
|
1161
1161
|
declare type RadioButtonFieldProps<T extends string> = Partial<{
|
1162
1162
|
name: string;
|
1163
1163
|
rules: ControllerProps$1['rules'];
|
1164
|
-
styles: StylesType
|
1164
|
+
styles: StylesType;
|
1165
1165
|
control: Control$1<any>;
|
1166
1166
|
optional: boolean;
|
1167
1167
|
required: boolean;
|
@@ -1278,10 +1278,6 @@ declare type ToggleFieldProps = {
|
|
1278
1278
|
};
|
1279
1279
|
declare const HorizontalButtonsField: ({ name, title, control, description, horizontalButtonsProps, }: ToggleFieldProps) => JSX.Element;
|
1280
1280
|
|
1281
|
-
declare type StylesType = ReturnType<ThemedCssFunction<DefaultTheme>>;
|
1282
|
-
declare type OverrideStyles = {
|
1283
|
-
$styles?: StylesType;
|
1284
|
-
};
|
1285
1281
|
declare type Callback = () => void;
|
1286
1282
|
|
1287
1283
|
declare type BottomNaVBarItemProps = {
|
@@ -1315,7 +1311,7 @@ declare type ImageProps = {
|
|
1315
1311
|
height: number;
|
1316
1312
|
cornerRadius: number;
|
1317
1313
|
behaveAs: 'background' | 'regular';
|
1318
|
-
styles: StylesType
|
1314
|
+
styles: StylesType;
|
1319
1315
|
}>;
|
1320
1316
|
declare const Image: ({ src, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
|
1321
1317
|
|
@@ -1344,7 +1340,7 @@ declare type TextMoleculeProps = Partial<{
|
|
1344
1340
|
lineHeight: number;
|
1345
1341
|
fontWeight: string | number;
|
1346
1342
|
isRichText: boolean;
|
1347
|
-
styles: StylesType
|
1343
|
+
styles: StylesType;
|
1348
1344
|
textAlign: 'center' | 'right' | 'left';
|
1349
1345
|
}> & Pick<TextProps$1, 'seoTag' | 'numberOfLines'>;
|
1350
1346
|
declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
|
@@ -1371,7 +1367,7 @@ declare type BaseButtonProps = PropsWithChildren<{
|
|
1371
1367
|
inactiveButtonColor?: ThemeColors$1 | string;
|
1372
1368
|
inactiveStrokeColor?: ThemeColors$1 | string;
|
1373
1369
|
inactiveTextColor?: ThemeColors$1 | string;
|
1374
|
-
styles?: StylesType
|
1370
|
+
styles?: StylesType;
|
1375
1371
|
colorTheme?: 'light' | 'dark';
|
1376
1372
|
href?: string;
|
1377
1373
|
type?: ButtonType;
|
@@ -1383,8 +1379,8 @@ declare type ButtonProps = BaseButtonProps & {
|
|
1383
1379
|
elementId?: string;
|
1384
1380
|
loading?: boolean;
|
1385
1381
|
isRichText?: boolean;
|
1386
|
-
containerStyle?: StylesType
|
1387
|
-
buttonStyle?: StylesType
|
1382
|
+
containerStyle?: StylesType;
|
1383
|
+
buttonStyle?: StylesType;
|
1388
1384
|
};
|
1389
1385
|
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
1386
|
|
@@ -1393,9 +1389,9 @@ declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
|
|
1393
1389
|
wrapperStyles?: CSSProperties;
|
1394
1390
|
onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
|
1395
1391
|
modalStyles?: CSSProperties;
|
1396
|
-
onClose?: Callback;
|
1392
|
+
onClose?: Callback$1;
|
1397
1393
|
};
|
1398
|
-
declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles,
|
1394
|
+
declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
|
1399
1395
|
declare const ModalWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, OverrideStyles, never>;
|
1400
1396
|
declare const IconWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
|
1401
1397
|
activeOpacity?: number | undefined;
|
@@ -1409,31 +1405,13 @@ declare const Container: ({ children, wide, compact, type, props }: ContainerPro
|
|
1409
1405
|
declare const ContainerComponent: ({ type, items, config, tabsProps }: ContainerComponentProps$1) => JSX.Element | null;
|
1410
1406
|
|
1411
1407
|
declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
|
1412
|
-
declare type
|
1413
|
-
declare type ContentStatus = 'in_use' | 'draft';
|
1414
|
-
declare type FileMatrixMessageDTO = Readonly<Partial<{
|
1415
|
-
id: string;
|
1416
|
-
text: string;
|
1417
|
-
label: string;
|
1418
|
-
locationId: string;
|
1419
|
-
}>>;
|
1420
|
-
declare type FileObjectDTO = Readonly<Partial<{
|
1421
|
-
id: string;
|
1422
|
-
name: string;
|
1423
|
-
fileType: FileType;
|
1424
|
-
description: string;
|
1425
|
-
originalName: string;
|
1408
|
+
declare type DownloadFile = {
|
1426
1409
|
url: string;
|
1427
|
-
|
1428
|
-
|
1429
|
-
updatedAt: string;
|
1430
|
-
createdAt: string;
|
1431
|
-
status: ContentStatus;
|
1432
|
-
tags: FileMatrixMessageDTO[];
|
1433
|
-
}>> | null;
|
1410
|
+
name: string;
|
1411
|
+
};
|
1434
1412
|
declare type LinkAction = Omit<LinkAttributes, 'attributeType'>;
|
1435
1413
|
declare type PopupDrawerAction = ContainerComponentProps;
|
1436
|
-
declare type DownloadAction =
|
1414
|
+
declare type DownloadAction = DownloadFile;
|
1437
1415
|
declare type SubmitAction = AnyObject;
|
1438
1416
|
declare type CancelAction = AnyObject;
|
1439
1417
|
declare type ResetAction = AnyObject;
|
@@ -1618,7 +1596,7 @@ declare type ContainerPropsType = Partial<{
|
|
1618
1596
|
position: ContainerPositionType;
|
1619
1597
|
scrollBehaviour: ContainerScrollBehaviourType;
|
1620
1598
|
cornerRadius: number;
|
1621
|
-
styles: StylesType
|
1599
|
+
styles: StylesType;
|
1622
1600
|
formProps: {
|
1623
1601
|
mode: keyof ValidationMode;
|
1624
1602
|
};
|
@@ -1666,4 +1644,4 @@ declare const OrganismItem: ({ item, tabsProps, }: {
|
|
1666
1644
|
tabsProps?: Pick<TabGroupProps$1<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
|
1667
1645
|
}) => JSX.Element | null;
|
1668
1646
|
|
1669
|
-
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,
|
1647
|
+
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, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, 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, IconWrapper, 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 };
|