@zealicsolutions/web-ui 0.2.67 → 0.2.69
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 +25 -25
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/Buttons/Button.d.ts +15 -1
- package/dist/cjs/src/atoms/Buttons/Button.stories.d.ts +1 -1
- package/dist/cjs/src/atoms/Buttons/TextButton.d.ts +2 -2
- package/dist/cjs/src/atoms/RegularImage/RegularImage.d.ts +12 -0
- package/dist/cjs/src/atoms/RegularImage/RegularImage.stories.d.ts +8 -0
- package/dist/cjs/src/atoms/RichTextViewer/RichTextViewer.d.ts +5 -3
- package/dist/cjs/src/atoms/Tab/styles.d.ts +2 -1
- package/dist/cjs/src/atoms/TextWrapper/TextWrapper.d.ts +6 -4
- package/dist/cjs/src/atoms/TextWrapper/TextWrapper.stories.d.ts +4 -4
- package/dist/cjs/src/atoms/index.d.ts +1 -1
- package/dist/cjs/src/helpers/constants.d.ts +1 -0
- package/dist/cjs/src/helpers/utils.d.ts +1 -0
- package/dist/cjs/src/helpers/validations.d.ts +1 -0
- package/dist/cjs/src/molecules/AvatarDropdown/AvatarDropdown.d.ts +1 -1
- package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts +1 -1
- package/dist/cjs/src/molecules/Columns/Column.d.ts +1 -1
- package/dist/cjs/src/molecules/Columns/styles.d.ts +2 -2
- package/dist/cjs/src/molecules/HeroImage/HeroImage.d.ts +2 -2
- package/dist/cjs/src/molecules/Image/Image.d.ts +14 -0
- package/dist/cjs/src/molecules/Image/Image.stories.d.ts +9 -0
- package/dist/cjs/src/molecules/SelectableInfoCard/BaseSelectable.d.ts +1 -1
- package/dist/cjs/src/molecules/SelectableInfoCard/styles.d.ts +4 -3
- package/dist/cjs/src/molecules/TabGroup/TabGroup.d.ts +2 -1
- package/dist/cjs/src/molecules/TabGroup/TabGroup.stories.d.ts +3 -3
- package/dist/cjs/src/molecules/TextMolecule/TextMolecule.d.ts +16 -0
- package/dist/cjs/src/molecules/TextMolecule/TextMolecule.stories.d.ts +9 -0
- package/dist/cjs/src/organisms/AccountInformation/AccountInformation.d.ts +2 -2
- package/dist/cjs/src/organisms/Footer/styles.d.ts +1 -1
- package/dist/cjs/src/organisms/Header/styles.d.ts +3 -2
- package/dist/cjs/src/organisms/ProcessTracker/mocks.d.ts +1 -1
- package/dist/cjs/src/organisms/SetPasswordForm/utils.d.ts +2 -2
- package/dist/cjs/src/organisms/TwoFactorAuth/constants.d.ts +1 -1
- package/dist/esm/index.js +26 -26
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/Buttons/Button.d.ts +15 -1
- package/dist/esm/src/atoms/Buttons/Button.stories.d.ts +1 -1
- package/dist/esm/src/atoms/Buttons/TextButton.d.ts +2 -2
- package/dist/esm/src/atoms/RegularImage/RegularImage.d.ts +12 -0
- package/dist/esm/src/atoms/RegularImage/RegularImage.stories.d.ts +8 -0
- package/dist/esm/src/atoms/RichTextViewer/RichTextViewer.d.ts +5 -3
- package/dist/esm/src/atoms/Tab/styles.d.ts +2 -1
- package/dist/esm/src/atoms/TextWrapper/TextWrapper.d.ts +6 -4
- package/dist/esm/src/atoms/TextWrapper/TextWrapper.stories.d.ts +4 -4
- package/dist/esm/src/atoms/index.d.ts +1 -1
- package/dist/esm/src/helpers/constants.d.ts +1 -0
- package/dist/esm/src/helpers/utils.d.ts +1 -0
- package/dist/esm/src/helpers/validations.d.ts +1 -0
- package/dist/esm/src/molecules/AvatarDropdown/AvatarDropdown.d.ts +1 -1
- package/dist/esm/src/molecules/CheckboxField/CheckboxField.d.ts +1 -1
- package/dist/esm/src/molecules/Columns/Column.d.ts +1 -1
- package/dist/esm/src/molecules/Columns/styles.d.ts +2 -2
- package/dist/esm/src/molecules/HeroImage/HeroImage.d.ts +2 -2
- package/dist/esm/src/molecules/Image/Image.d.ts +14 -0
- package/dist/esm/src/molecules/Image/Image.stories.d.ts +9 -0
- package/dist/esm/src/molecules/SelectableInfoCard/BaseSelectable.d.ts +1 -1
- package/dist/esm/src/molecules/SelectableInfoCard/styles.d.ts +4 -3
- package/dist/esm/src/molecules/TabGroup/TabGroup.d.ts +2 -1
- package/dist/esm/src/molecules/TabGroup/TabGroup.stories.d.ts +3 -3
- package/dist/esm/src/molecules/TextMolecule/TextMolecule.d.ts +16 -0
- package/dist/esm/src/molecules/TextMolecule/TextMolecule.stories.d.ts +9 -0
- package/dist/esm/src/organisms/AccountInformation/AccountInformation.d.ts +2 -2
- package/dist/esm/src/organisms/Footer/styles.d.ts +1 -1
- package/dist/esm/src/organisms/Header/styles.d.ts +3 -2
- package/dist/esm/src/organisms/ProcessTracker/mocks.d.ts +1 -1
- package/dist/esm/src/organisms/SetPasswordForm/utils.d.ts +2 -2
- package/dist/esm/src/organisms/TwoFactorAuth/constants.d.ts +1 -1
- package/dist/index.d.ts +70 -52
- package/package.json +3 -2
- package/dist/cjs/src/atoms/Image/Image.d.ts +0 -8
- package/dist/cjs/src/atoms/Image/Image.stories.d.ts +0 -8
- package/dist/esm/src/atoms/Image/Image.d.ts +0 -8
- package/dist/esm/src/atoms/Image/Image.stories.d.ts +0 -8
package/dist/index.d.ts
CHANGED
@@ -3,23 +3,21 @@ import * as React$1 from 'react';
|
|
3
3
|
import React__default, { PropsWithChildren, ReactNode, CSSProperties as CSSProperties$1, ComponentType, Dispatch, SetStateAction } from 'react';
|
4
4
|
import * as styled_components from 'styled-components';
|
5
5
|
import { CSSProperties, DefaultTheme } from 'styled-components';
|
6
|
+
import { FontSizesTypes as FontSizesTypes$1, ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1 } from 'theme';
|
6
7
|
import { Callback as Callback$1, StylesType, Nullable } from 'typescript';
|
7
8
|
import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
|
8
9
|
import { InputFieldTypes as InputFieldTypes$1, FieldTypes as FieldTypes$1, UIFields as UIFields$1 } from 'fieldsConfiguration/types';
|
9
|
-
import
|
10
|
-
import * as _mui_material from '@mui/material';
|
11
|
-
import { DrawerProps as DrawerProps$1 } from '@mui/material';
|
12
|
-
import { FontSizesTypes as FontSizesTypes$1, ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
|
13
|
-
import { ThemeColors as ThemeColors$2, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
|
10
|
+
import { FontSizesTypes as FontSizesTypes$2, ThemeColors as ThemeColors$2, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
|
14
11
|
import { FeedContentTemplateTypes as FeedContentTemplateTypes$1, FeedContentProps as FeedContentProps$1 } from 'organisms/FeedContent/types';
|
15
12
|
import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
|
16
13
|
import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
|
17
14
|
import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
|
18
|
-
import { IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, InputProps as InputProps$1,
|
15
|
+
import { TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, InputProps as InputProps$1, CheckBoxProps as CheckBoxProps$1, RegularImageProps as RegularImageProps$1, ButtonProps as ButtonProps$1, TextButtonProps as TextButtonProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, TabTheme as TabTheme$1, RadioButtonsProps as RadioButtonsProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
|
19
16
|
import { MenuItem as MenuItem$1, FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, InputFieldProps as InputFieldProps$1, TabProps as TabProps$2, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1 } from 'molecules';
|
20
17
|
import { Control, ControllerProps } from 'react-hook-form/dist/types';
|
21
18
|
import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
|
22
19
|
import { ControllerProps as ControllerProps$1, DeepPartial, FieldValues, FormState, Control as Control$1 } from 'react-hook-form';
|
20
|
+
import { DrawerProps as DrawerProps$1 } from '@mui/material';
|
23
21
|
import { ProcessTrackerStatus as ProcessTrackerStatus$1, FilteredFeedContentType as FilteredFeedContentType$1, ConsentProps as ConsentProps$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1 } from 'organisms';
|
24
22
|
import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
|
25
23
|
import { UIFields as UIFields$2 } from 'fieldsConfiguration';
|
@@ -45,6 +43,18 @@ declare type BaseButtonProps = PropsWithChildren<{
|
|
45
43
|
disabled?: boolean;
|
46
44
|
fullWidth?: boolean;
|
47
45
|
size?: 'medium' | 'small';
|
46
|
+
buttonFont?: FontSizesTypes$1;
|
47
|
+
textColor?: ThemeColors$1 | string;
|
48
|
+
textSize?: number;
|
49
|
+
buttonPadding?: SizesTypes$1;
|
50
|
+
buttonColor?: ThemeColors$1 | string;
|
51
|
+
buttonStroke?: ThemeColors$1 | string;
|
52
|
+
cornerRadius?: SizesTypes$1 | number;
|
53
|
+
hoverButtonColor?: ThemeColors$1 | string;
|
54
|
+
hoverStrokeColor?: ThemeColors$1 | string;
|
55
|
+
inactiveButtonColor?: ThemeColors$1 | string;
|
56
|
+
inactiveStrokeColor?: ThemeColors$1 | string;
|
57
|
+
styles?: StylesType;
|
48
58
|
}>;
|
49
59
|
declare type ButtonProps = BaseButtonProps & {
|
50
60
|
fullWidth?: boolean;
|
@@ -56,7 +66,7 @@ declare type ButtonProps = BaseButtonProps & {
|
|
56
66
|
containerStyle?: CSSProperties;
|
57
67
|
buttonStyle?: CSSProperties;
|
58
68
|
};
|
59
|
-
declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, }: ButtonProps) => JSX.Element | null;
|
69
|
+
declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, ...props }: ButtonProps) => JSX.Element | null;
|
60
70
|
|
61
71
|
declare type TouchableOpacityProps = PropsWithChildren<{
|
62
72
|
activeOpacity?: number;
|
@@ -119,24 +129,26 @@ declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled,
|
|
119
129
|
|
120
130
|
declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
|
121
131
|
declare type TextAlign = 'center' | 'right' | 'left';
|
122
|
-
declare type
|
123
|
-
|
124
|
-
variant: FontSizesTypes$
|
132
|
+
declare type SeoTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
|
133
|
+
declare type TextProps = {
|
134
|
+
variant: FontSizesTypes$2;
|
125
135
|
layout?: 'div' | 'span';
|
126
136
|
type?: TextTypes;
|
127
137
|
styles?: StylesType;
|
128
|
-
color?: ThemeColors$
|
138
|
+
color?: ThemeColors$2 | string;
|
129
139
|
numberOfLines?: number;
|
130
140
|
textAlign?: TextAlign;
|
131
141
|
behaveAs?: 'text' | 'button';
|
142
|
+
seoTag?: SeoTags;
|
132
143
|
};
|
133
|
-
declare
|
144
|
+
declare type TextWrapperProps = PropsWithChildren<TextProps>;
|
145
|
+
declare const TextWrapper: ({ children, seoTag, ...textProps }: TextWrapperProps) => JSX.Element;
|
134
146
|
|
135
147
|
declare type IconProps = {
|
136
148
|
name: IconNames;
|
137
149
|
size?: number;
|
138
|
-
color?: ThemeColors$
|
139
|
-
fill?: ThemeColors$
|
150
|
+
color?: ThemeColors$1 | string;
|
151
|
+
fill?: ThemeColors$1 | string;
|
140
152
|
pointerEvents?: 'auto' | 'none';
|
141
153
|
style?: React.CSSProperties;
|
142
154
|
};
|
@@ -174,19 +186,23 @@ declare type SpacerProps = {
|
|
174
186
|
declare const Spacer: styled_components.StyledComponent<"div", styled_components.DefaultTheme, SpacerProps, never>;
|
175
187
|
|
176
188
|
declare const Spinner: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
|
177
|
-
color?: ThemeColors$
|
189
|
+
color?: ThemeColors$2 | undefined;
|
178
190
|
size?: SizesTypes$2 | undefined;
|
179
191
|
}, never>;
|
180
192
|
|
181
|
-
declare type
|
193
|
+
declare type RegularImageProps = {
|
182
194
|
src: string;
|
183
195
|
alt?: string;
|
184
|
-
|
196
|
+
width?: number | string;
|
197
|
+
height?: number | string;
|
198
|
+
styles?: StylesType;
|
199
|
+
onClick?: Callback$1;
|
200
|
+
cornerRadius?: number;
|
185
201
|
};
|
186
|
-
declare const
|
187
|
-
declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme,
|
202
|
+
declare const RegularImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, RegularImageProps, never>;
|
203
|
+
declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, RegularImageProps, never>;
|
188
204
|
|
189
|
-
declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children'> & {
|
205
|
+
declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'styles' | 'buttonPadding' | 'textColor' | 'textSize' | 'buttonFont'> & {
|
190
206
|
buttonLink?: string;
|
191
207
|
elementId?: string;
|
192
208
|
};
|
@@ -198,7 +214,7 @@ declare const TextButton: styled_components.StyledComponent<"div", styled_compon
|
|
198
214
|
children?: React$1.ReactNode;
|
199
215
|
} & {
|
200
216
|
withoutOpacityEffect: boolean;
|
201
|
-
} & Pick<BaseButtonProps, "children" | "onClick" | "disabled"> & {
|
217
|
+
} & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "styles" | "buttonPadding" | "textColor" | "textSize" | "buttonFont"> & {
|
202
218
|
buttonLink?: string | undefined;
|
203
219
|
elementId?: string | undefined;
|
204
220
|
}, "withoutOpacityEffect">;
|
@@ -248,9 +264,9 @@ declare type AvatarProps = {
|
|
248
264
|
size?: SizesTypes$1 | number;
|
249
265
|
withShadow?: boolean;
|
250
266
|
label?: string;
|
251
|
-
backgroundColor?: ThemeColors$
|
267
|
+
backgroundColor?: ThemeColors$1;
|
252
268
|
textConfig?: {
|
253
|
-
color?: ThemeColors$
|
269
|
+
color?: ThemeColors$1;
|
254
270
|
font?: SizesTypes$1;
|
255
271
|
};
|
256
272
|
content: {
|
@@ -270,7 +286,7 @@ declare const VerticalPadding: styled_components.StyledComponent<"div", styled_c
|
|
270
286
|
|
271
287
|
declare type DividerProps = {
|
272
288
|
type?: 'horizontal' | 'vertical';
|
273
|
-
color?: ThemeColors$
|
289
|
+
color?: ThemeColors$1 | string;
|
274
290
|
marginVertical?: SizesTypes$1 | number;
|
275
291
|
marginHorizontal?: SizesTypes$1 | number;
|
276
292
|
weight?: number;
|
@@ -295,12 +311,13 @@ declare const COMMUNICATION_LINK_DATA_URL = "communication-link-url";
|
|
295
311
|
declare const COMMUNICATION_LINK_DATA_TEXT = "communication-link-text";
|
296
312
|
declare type RichTextEditorProps = Partial<{
|
297
313
|
value: string;
|
298
|
-
font: FontSizesTypes$
|
299
|
-
color: ThemeColors$
|
300
|
-
textStyles:
|
314
|
+
font: FontSizesTypes$1;
|
315
|
+
color: ThemeColors$1;
|
316
|
+
textStyles: StylesType;
|
301
317
|
numberOfLines?: number;
|
318
|
+
extraTextProps?: TextProps$1;
|
302
319
|
}>;
|
303
|
-
declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, }: RichTextEditorProps) => JSX.Element | null;
|
320
|
+
declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, }: RichTextEditorProps) => JSX.Element | null;
|
304
321
|
|
305
322
|
declare type RadioButtonType<T extends string = string> = {
|
306
323
|
id: T;
|
@@ -328,8 +345,8 @@ declare const Circle: ({ index, type }: CircleBoxProps) => JSX.Element;
|
|
328
345
|
|
329
346
|
declare type CircularIndicatorProps = {
|
330
347
|
active: boolean;
|
331
|
-
activeColor?: ThemeColors$
|
332
|
-
inactiveColor?: ThemeColors$
|
348
|
+
activeColor?: ThemeColors$1 | string;
|
349
|
+
inactiveColor?: ThemeColors$1 | string;
|
333
350
|
};
|
334
351
|
declare const CircularIndicator: ({ activeColor, inactiveColor, ...props }: CircularIndicatorProps) => JSX.Element;
|
335
352
|
declare const CircularIndicatorStyledComponent: styled_components.StyledComponent<"span", styled_components.DefaultTheme, CircularIndicatorProps, never>;
|
@@ -338,8 +355,8 @@ declare type IconButtonProps = {
|
|
338
355
|
name: IconNames$2;
|
339
356
|
size?: number;
|
340
357
|
onClick: Callback$1;
|
341
|
-
color?: ThemeColors$
|
342
|
-
fill?: ThemeColors$
|
358
|
+
color?: ThemeColors$1 | string;
|
359
|
+
fill?: ThemeColors$1 | string;
|
343
360
|
pointerEvents?: 'auto' | 'none';
|
344
361
|
};
|
345
362
|
declare const IconButton: ({ name, color, onClick, disabled, activeOpacity, withoutOpacityEffect, ...props }: IconButtonProps & TouchableOpacityProps$1) => JSX.Element;
|
@@ -363,12 +380,12 @@ declare type TabProps<T = string, K = string> = {
|
|
363
380
|
onOptionClick?: (optionKey: K) => void;
|
364
381
|
tabTheme?: TabTheme;
|
365
382
|
divider?: boolean;
|
366
|
-
tabFont?: FontSizesTypes$
|
383
|
+
tabFont?: FontSizesTypes$1;
|
367
384
|
textSize?: number;
|
368
385
|
tabPadding?: SizesTypes$1 | number;
|
369
|
-
textColor?: ThemeColors$
|
370
|
-
selectedTabTextColor?: ThemeColors$
|
371
|
-
selectedTabIndicatorColor?: ThemeColors$
|
386
|
+
textColor?: ThemeColors$1 | string;
|
387
|
+
selectedTabTextColor?: ThemeColors$1 | string;
|
388
|
+
selectedTabIndicatorColor?: ThemeColors$1 | string;
|
372
389
|
styles?: StylesType;
|
373
390
|
};
|
374
391
|
declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, tabTheme, tabFont, tabPadding, selectedTabIndicatorColor, textSize, textColor, ...tabProps }: TabProps<T, K>, ref: React__default.ForwardedRef<TabElement>) => JSX.Element;
|
@@ -456,7 +473,7 @@ declare type CheckboxFieldProps = {
|
|
456
473
|
name: string;
|
457
474
|
control?: Control<any>;
|
458
475
|
defaultValue?: boolean;
|
459
|
-
checkboxProps: Omit<CheckBoxProps, 'error' | 'onClick' | 'value'>;
|
476
|
+
checkboxProps: Omit<CheckBoxProps$1, 'error' | 'onClick' | 'value'>;
|
460
477
|
};
|
461
478
|
declare const CheckboxField: ({ control, name, checkboxProps, defaultValue, }: CheckboxFieldProps) => JSX.Element;
|
462
479
|
|
@@ -486,7 +503,7 @@ declare type CustomValidationProps<T = string> = {
|
|
486
503
|
declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;
|
487
504
|
|
488
505
|
declare type BaseSelectableProps<T> = {
|
489
|
-
iconName: IconNames;
|
506
|
+
iconName: IconNames$2;
|
490
507
|
infoText: string;
|
491
508
|
isActive?: boolean;
|
492
509
|
onClick?: (value: T) => void;
|
@@ -505,7 +522,7 @@ declare type HeroImageAlignment = 'left_aligned' | 'center_aligned';
|
|
505
522
|
declare type HeroImageTemplate = 'card' | 'full_width';
|
506
523
|
declare type HeroImageProps = {
|
507
524
|
type: 'hero_image';
|
508
|
-
backgroundImage:
|
525
|
+
backgroundImage: RegularImageProps$1;
|
509
526
|
mainHeading: string;
|
510
527
|
subHeading?: string;
|
511
528
|
button?: ButtonProps$1;
|
@@ -523,7 +540,7 @@ declare type DrawerProps = DrawerProps$1 & {
|
|
523
540
|
padding?: SizesTypes$2 | number;
|
524
541
|
height?: number | string;
|
525
542
|
width?: number | string;
|
526
|
-
closeIconColor?: ThemeColors$
|
543
|
+
closeIconColor?: ThemeColors$2 | string;
|
527
544
|
};
|
528
545
|
|
529
546
|
declare const Drawer: ({ children, closeIconColor, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
|
@@ -557,26 +574,27 @@ declare type MenuItemsProps<T> = {
|
|
557
574
|
declare const MenuItems: <T extends string | number>({ title, onItemPress, options, }: MenuItemsProps<T>) => JSX.Element;
|
558
575
|
|
559
576
|
declare type AvatarDropdownProps<T> = {
|
560
|
-
avatarProps: AvatarProps;
|
577
|
+
avatarProps: AvatarProps$1;
|
561
578
|
menuConfig: MenuItemsProps<T>;
|
562
579
|
};
|
563
580
|
declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, }: AvatarDropdownProps<T>) => JSX.Element;
|
564
581
|
|
582
|
+
declare type TabType<T = string, K = string> = Pick<TabProps$1<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
|
565
583
|
declare type TabGroupProps<T = string, K = string> = {
|
566
|
-
tabs:
|
584
|
+
tabs: TabType<T, K>[];
|
567
585
|
activeTabKey: T;
|
568
586
|
onTabChange?: (tabKey: T) => void;
|
569
587
|
onOptionClick?: (optionKey: K) => void;
|
570
588
|
styles?: StylesType;
|
571
589
|
vertical?: boolean;
|
572
590
|
tabTheme?: TabTheme$1;
|
573
|
-
tabFont?: FontSizesTypes$
|
591
|
+
tabFont?: FontSizesTypes$2;
|
574
592
|
textSize?: number;
|
575
593
|
tabPadding?: SizesTypes$2 | number;
|
576
594
|
tabSpacing?: SizesTypes$2;
|
577
|
-
textColor?: ThemeColors$
|
578
|
-
selectedTabTextColor?: ThemeColors$
|
579
|
-
selectedTabIndicatorColor?: ThemeColors$
|
595
|
+
textColor?: ThemeColors$2 | string;
|
596
|
+
selectedTabTextColor?: ThemeColors$2 | string;
|
597
|
+
selectedTabIndicatorColor?: ThemeColors$2 | string;
|
580
598
|
containerStyle?: CSSProperties;
|
581
599
|
containerProps?: Record<string, unknown>;
|
582
600
|
};
|
@@ -629,7 +647,7 @@ declare type AlertProps = {
|
|
629
647
|
withCloseIcon?: {
|
630
648
|
onClose: Callback$1;
|
631
649
|
};
|
632
|
-
fontColor?: ThemeColors$
|
650
|
+
fontColor?: ThemeColors$1;
|
633
651
|
destinationLink?: string;
|
634
652
|
onDestinationHandler?: Callback$1;
|
635
653
|
containerStyles?: CSSProperties;
|
@@ -652,12 +670,12 @@ declare type PdfDocumentProps = {
|
|
652
670
|
source: string;
|
653
671
|
isMobile?: boolean;
|
654
672
|
customDocumentStyles?: Partial<{
|
655
|
-
wrapperBackgroundColor: ThemeColors$
|
656
|
-
pageNumberColor: ThemeColors$
|
673
|
+
wrapperBackgroundColor: ThemeColors$1 | string;
|
674
|
+
pageNumberColor: ThemeColors$1 | string;
|
657
675
|
pageWidth: number;
|
658
676
|
pageHeight: number;
|
659
|
-
paginationArrowColor: ThemeColors$
|
660
|
-
disabledPaginationArrowColor: ThemeColors$
|
677
|
+
paginationArrowColor: ThemeColors$1 | string;
|
678
|
+
disabledPaginationArrowColor: ThemeColors$1 | string;
|
661
679
|
}>;
|
662
680
|
};
|
663
681
|
declare const PdfDocument: ({ source, isMobile, customDocumentStyles, }: PdfDocumentProps) => JSX.Element;
|
@@ -1068,4 +1086,4 @@ declare type AnnotationsList = {
|
|
1068
1086
|
|
1069
1087
|
declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
|
1070
1088
|
|
1071
|
-
export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, ButtonVariant, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, 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,
|
1089
|
+
export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, ButtonVariant, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, 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, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextButton, TextButtonProps, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoProps, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@zealicsolutions/web-ui",
|
3
|
-
"version": "0.2.
|
3
|
+
"version": "0.2.69",
|
4
4
|
"repository": {
|
5
5
|
"type": "git",
|
6
6
|
"url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"
|
@@ -23,6 +23,7 @@
|
|
23
23
|
"scripts": {
|
24
24
|
"build": "npm run clean && rollup -c",
|
25
25
|
"test": "jest",
|
26
|
+
"start": "npm run storybook",
|
26
27
|
"storybook": "storybook dev -p 6006",
|
27
28
|
"build-storybook": "storybook build",
|
28
29
|
"clean": "rimraf dist",
|
@@ -118,4 +119,4 @@
|
|
118
119
|
"homepage": "https://bitbucket.org/Zealic_Solutions/zeal-ui-web#readme",
|
119
120
|
"keywords": [],
|
120
121
|
"description": ""
|
121
|
-
}
|
122
|
+
}
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import { CSSProperties } from 'styled-components';
|
2
|
-
export declare type ImageProps = {
|
3
|
-
src: string;
|
4
|
-
alt?: string;
|
5
|
-
style?: CSSProperties;
|
6
|
-
};
|
7
|
-
export declare const Image: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, ImageProps, never>;
|
8
|
-
export declare const BackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, ImageProps, never>;
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import type { ComponentStory } from '@storybook/react';
|
2
|
-
import { Image as ImageComponent } from './Image';
|
3
|
-
declare const _default: {
|
4
|
-
title: string;
|
5
|
-
component: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("./Image").ImageProps, never>;
|
6
|
-
};
|
7
|
-
export default _default;
|
8
|
-
export declare const Image: ComponentStory<typeof ImageComponent>;
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import { CSSProperties } from 'styled-components';
|
2
|
-
export declare type ImageProps = {
|
3
|
-
src: string;
|
4
|
-
alt?: string;
|
5
|
-
style?: CSSProperties;
|
6
|
-
};
|
7
|
-
export declare const Image: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, ImageProps, never>;
|
8
|
-
export declare const BackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, ImageProps, never>;
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import type { ComponentStory } from '@storybook/react';
|
2
|
-
import { Image as ImageComponent } from './Image';
|
3
|
-
declare const _default: {
|
4
|
-
title: string;
|
5
|
-
component: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("./Image").ImageProps, never>;
|
6
|
-
};
|
7
|
-
export default _default;
|
8
|
-
export declare const Image: ComponentStory<typeof ImageComponent>;
|