@zealicsolutions/web-ui 0.3.10 → 0.3.11
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.css +246 -246
- package/dist/cjs/index.js +11 -11
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/Buttons/Buttons.stories.d.ts +4 -4
- package/dist/cjs/src/atoms/Buttons/IconButton.d.ts +1 -1
- package/dist/cjs/src/containers/types/moleculeTypes.d.ts +4 -22
- package/dist/cjs/src/molecules/Button/Button.stories.d.ts +2 -2
- package/dist/cjs/src/molecules/Drawer/Drawer.stories.d.ts +2 -2
- package/dist/cjs/src/molecules/Video/Video.stories.d.ts +1 -1
- package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.d.ts +10 -3
- package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.stories.d.ts +9 -0
- package/dist/cjs/src/organisms/Consent/Consent.stories.d.ts +2 -2
- package/dist/esm/index.css +246 -246
- package/dist/esm/index.js +12 -12
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/Buttons/Buttons.stories.d.ts +4 -4
- package/dist/esm/src/atoms/Buttons/IconButton.d.ts +1 -1
- package/dist/esm/src/containers/types/moleculeTypes.d.ts +4 -22
- package/dist/esm/src/molecules/Button/Button.stories.d.ts +2 -2
- package/dist/esm/src/molecules/Drawer/Drawer.stories.d.ts +2 -2
- package/dist/esm/src/molecules/Video/Video.stories.d.ts +1 -1
- package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.d.ts +10 -3
- package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.stories.d.ts +9 -0
- package/dist/esm/src/organisms/Consent/Consent.stories.d.ts +2 -2
- package/dist/index.d.ts +55 -70
- package/package.json +1 -1
@@ -1,4 +1,4 @@
|
|
1
|
-
import type {
|
1
|
+
import type { StoryFn } from '@storybook/react';
|
2
2
|
import { TextButtonProps } from 'atoms/Buttons/TextButton';
|
3
3
|
import { FC } from 'react';
|
4
4
|
import { IconButton as IconButtonComponent } from './IconButton';
|
@@ -11,6 +11,6 @@ declare const _default: {
|
|
11
11
|
}, never>;
|
12
12
|
};
|
13
13
|
export default _default;
|
14
|
-
export declare const TouchableOpacity:
|
15
|
-
export declare const TextButton:
|
16
|
-
export declare const IconButton:
|
14
|
+
export declare const TouchableOpacity: StoryFn<FC<TouchableOpacityProps>>;
|
15
|
+
export declare const TextButton: StoryFn<FC<TextButtonProps>>;
|
16
|
+
export declare const IconButton: StoryFn<typeof IconButtonComponent>;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { ThemeColors } from 'theme';
|
3
3
|
import { IconNames, TouchableOpacityProps } from 'atoms';
|
4
|
-
import { Callback } from 'typescript';
|
4
|
+
import type { Callback } from 'typescript';
|
5
5
|
export declare type IconButtonProps = {
|
6
6
|
name: IconNames;
|
7
7
|
size?: number;
|
@@ -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,9 +1,9 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import type { StoryFn } from '@storybook/react';
|
3
|
-
import { Button as ButtonComponent } from 'molecules
|
3
|
+
import { Button as ButtonComponent } from 'molecules';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: import("molecules
|
6
|
+
component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: import("molecules").ButtonProps) => JSX.Element | null;
|
7
7
|
};
|
8
8
|
export default _default;
|
9
9
|
export declare const Button: StoryFn<typeof ButtonComponent>;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import type {
|
1
|
+
import type { StoryFn } from '@storybook/react';
|
2
2
|
import React from 'react';
|
3
3
|
import { Drawer as DrawerComponent } from './Drawer';
|
4
4
|
declare const _default: {
|
@@ -6,4 +6,4 @@ declare const _default: {
|
|
6
6
|
component: ({ children, closeIconColor, ...props }: React.PropsWithChildren<import("./styles").DrawerProps>) => JSX.Element;
|
7
7
|
};
|
8
8
|
export default _default;
|
9
|
-
export declare const Drawer:
|
9
|
+
export declare const Drawer: StoryFn<typeof DrawerComponent>;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { ModalProps as MUIModalProps } from '@mui/material';
|
2
|
-
import { KeyboardEvent, PropsWithChildren } from 'react';
|
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,5 +9,12 @@ 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
|
+
export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
15
|
+
activeOpacity?: number | undefined;
|
16
|
+
withoutOpacityEffect?: boolean | undefined;
|
17
|
+
disabled?: boolean | undefined;
|
18
|
+
} & {
|
19
|
+
children?: React.ReactNode;
|
20
|
+
}, never>;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import type { StoryFn } from '@storybook/react';
|
3
|
+
import { ZealUIModal as ZealUIModalComponent } from './ZealUIModal';
|
4
|
+
declare const _default: {
|
5
|
+
title: string;
|
6
|
+
component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: import("./ZealUIModal").ZealUIModalProps) => JSX.Element;
|
7
|
+
};
|
8
|
+
export default _default;
|
9
|
+
export declare const ZealUIModal: StoryFn<typeof ZealUIModalComponent>;
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import {
|
2
|
+
import type { StoryFn } from '@storybook/react';
|
3
3
|
import { Consent as ConsentComponent } from './Consent';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
6
|
component: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: import("./Consent").ConsentProps<T>) => JSX.Element;
|
7
7
|
};
|
8
8
|
export default _default;
|
9
|
-
export declare const Consent:
|
9
|
+
export declare const Consent: StoryFn<typeof ConsentComponent>;
|
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;
|
@@ -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,40 +1389,29 @@ 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>;
|
1396
|
+
declare const IconWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
|
1397
|
+
activeOpacity?: number | undefined;
|
1398
|
+
withoutOpacityEffect?: boolean | undefined;
|
1399
|
+
disabled?: boolean | undefined;
|
1400
|
+
} & {
|
1401
|
+
children?: React__default.ReactNode;
|
1402
|
+
}, never>;
|
1400
1403
|
|
1401
1404
|
declare const Container: ({ children, wide, compact, type, props }: ContainerProps$1) => JSX.Element;
|
1402
1405
|
declare const ContainerComponent: ({ type, items, config, tabsProps }: ContainerComponentProps$1) => JSX.Element | null;
|
1403
1406
|
|
1404
1407
|
declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
|
1405
|
-
declare type
|
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;
|
1408
|
+
declare type DownloadFile = {
|
1419
1409
|
url: string;
|
1420
|
-
|
1421
|
-
|
1422
|
-
updatedAt: string;
|
1423
|
-
createdAt: string;
|
1424
|
-
status: ContentStatus;
|
1425
|
-
tags: FileMatrixMessageDTO[];
|
1426
|
-
}>> | null;
|
1410
|
+
name: string;
|
1411
|
+
};
|
1427
1412
|
declare type LinkAction = Omit<LinkAttributes, 'attributeType'>;
|
1428
1413
|
declare type PopupDrawerAction = ContainerComponentProps;
|
1429
|
-
declare type DownloadAction =
|
1414
|
+
declare type DownloadAction = DownloadFile;
|
1430
1415
|
declare type SubmitAction = AnyObject;
|
1431
1416
|
declare type CancelAction = AnyObject;
|
1432
1417
|
declare type ResetAction = AnyObject;
|
@@ -1611,7 +1596,7 @@ declare type ContainerPropsType = Partial<{
|
|
1611
1596
|
position: ContainerPositionType;
|
1612
1597
|
scrollBehaviour: ContainerScrollBehaviourType;
|
1613
1598
|
cornerRadius: number;
|
1614
|
-
styles: StylesType
|
1599
|
+
styles: StylesType;
|
1615
1600
|
formProps: {
|
1616
1601
|
mode: keyof ValidationMode;
|
1617
1602
|
};
|
@@ -1659,4 +1644,4 @@ declare const OrganismItem: ({ item, tabsProps, }: {
|
|
1659
1644
|
tabsProps?: Pick<TabGroupProps$1<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
|
1660
1645
|
}) => JSX.Element | null;
|
1661
1646
|
|
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,
|
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 };
|