@zealicsolutions/web-ui 0.2.42 → 0.2.43
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 +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/RichTextViewer/RichTextViewer.d.ts +2 -1
- package/dist/cjs/src/atoms/TextWrapper/TextWrapper.d.ts +5 -1
- package/dist/cjs/src/atoms/TextWrapper/TextWrapper.stories.d.ts +1 -1
- package/dist/cjs/src/molecules/HeroImage/HeroImage.d.ts +2 -1
- package/dist/cjs/src/molecules/HeroImage/HeroImage.stories.d.ts +1 -1
- package/dist/cjs/src/molecules/SelectableInfoCard/styles.d.ts +1 -1
- package/dist/cjs/src/molecules/Tab/styles.d.ts +1 -1
- package/dist/cjs/src/organisms/Header/styles.d.ts +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/RichTextViewer/RichTextViewer.d.ts +2 -1
- package/dist/esm/src/atoms/TextWrapper/TextWrapper.d.ts +5 -1
- package/dist/esm/src/atoms/TextWrapper/TextWrapper.stories.d.ts +1 -1
- package/dist/esm/src/molecules/HeroImage/HeroImage.d.ts +2 -1
- package/dist/esm/src/molecules/HeroImage/HeroImage.stories.d.ts +1 -1
- package/dist/esm/src/molecules/SelectableInfoCard/styles.d.ts +1 -1
- package/dist/esm/src/molecules/Tab/styles.d.ts +1 -1
- package/dist/esm/src/organisms/Header/styles.d.ts +1 -1
- package/dist/index.d.ts +11 -7
- package/package.json +1 -1
@@ -11,5 +11,6 @@ export declare type RichTextEditorProps = Partial<{
|
|
11
11
|
font: FontSizesTypes;
|
12
12
|
color: ThemeColors;
|
13
13
|
textStyles: CSSProperties;
|
14
|
+
numberOfLines?: number;
|
14
15
|
}>;
|
15
|
-
export declare const RichTextViewer: ({ value, color, textStyles, font, }: RichTextEditorProps) => JSX.Element | null;
|
16
|
+
export declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, }: RichTextEditorProps) => JSX.Element | null;
|
@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
|
|
2
2
|
import { FontSizesTypes, ThemeColors } from 'theme/types';
|
3
3
|
import { StylesType } from 'typescript';
|
4
4
|
export declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
|
5
|
+
export declare type TextAlign = 'center' | 'right' | 'left';
|
5
6
|
export declare type TextWrapperProps = {
|
6
7
|
children: ReactNode;
|
7
8
|
variant: FontSizesTypes;
|
@@ -9,5 +10,8 @@ export declare type TextWrapperProps = {
|
|
9
10
|
type?: TextTypes;
|
10
11
|
styles?: StylesType;
|
11
12
|
color?: ThemeColors | string;
|
13
|
+
numberOfLines?: number;
|
14
|
+
textAlign?: TextAlign;
|
15
|
+
behaveAs?: 'text' | 'button';
|
12
16
|
};
|
13
|
-
export declare const TextWrapper: import("styled-components").StyledComponent<
|
17
|
+
export declare const TextWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TextWrapperProps, never>;
|
@@ -3,7 +3,7 @@ import { FC } from 'react';
|
|
3
3
|
import { TextWrapperProps } from './TextWrapper';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: import("styled-components").StyledComponent<
|
6
|
+
component: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TextWrapperProps, never>;
|
7
7
|
};
|
8
8
|
export default _default;
|
9
9
|
export declare const Text: ComponentStory<FC<TextWrapperProps>>;
|
@@ -12,5 +12,6 @@ export declare type HeroImageProps = {
|
|
12
12
|
horizontalPaddings?: number;
|
13
13
|
template?: HeroImageTemplate;
|
14
14
|
isMobile?: boolean;
|
15
|
+
height?: number;
|
15
16
|
};
|
16
|
-
export declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, template, isMobile, }: HeroImageProps) => JSX.Element;
|
17
|
+
export declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, template, isMobile, height, }: HeroImageProps) => JSX.Element;
|
@@ -3,7 +3,7 @@ import type { ComponentStory } from '@storybook/react';
|
|
3
3
|
import { HeroImage as HeroImageComponent } from './HeroImage';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, template, isMobile, }: import("./HeroImage").HeroImageProps) => JSX.Element;
|
6
|
+
component: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, template, isMobile, height, }: import("./HeroImage").HeroImageProps) => JSX.Element;
|
7
7
|
};
|
8
8
|
export default _default;
|
9
9
|
export declare const HeroImage: ComponentStory<typeof HeroImageComponent>;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { SizesTypes } from '../../theme';
|
2
|
-
export declare const InfoText: import("styled-components").StyledComponent<
|
2
|
+
export declare const InfoText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms").TextWrapperProps & {
|
3
3
|
variant: string;
|
4
4
|
}, "variant">;
|
5
5
|
export declare const SelectableInfoCardStyled: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { TabProps } from './Tab';
|
2
2
|
declare type TabContainerProps = Pick<TabProps, 'isActive' | 'disabled'>;
|
3
|
-
export declare const TabText: import("styled-components").StyledComponent<
|
3
|
+
export declare const TabText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/TextWrapper/TextWrapper").TextWrapperProps & {
|
4
4
|
variant: string;
|
5
5
|
}, "variant">;
|
6
6
|
export declare const TabContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TabContainerProps, never>;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
export declare const HeaderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
2
|
-
export declare const ImportantLinkText: import("styled-components").StyledComponent<
|
2
|
+
export declare const ImportantLinkText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("atoms").TextWrapperProps & {
|
3
3
|
variant: string;
|
4
4
|
}, "variant">;
|
5
5
|
export declare const ScrollWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
package/dist/index.d.ts
CHANGED
@@ -6,9 +6,6 @@ import * as styled_components from 'styled-components';
|
|
6
6
|
import { CSSProperties, DefaultTheme } from 'styled-components';
|
7
7
|
import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
|
8
8
|
import { InputFieldTypes as InputFieldTypes$1, FieldTypes as FieldTypes$1, UIFields as UIFields$1 } from 'fieldsConfiguration/types';
|
9
|
-
import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
|
10
|
-
import * as _mui_material from '@mui/material';
|
11
|
-
import { DrawerProps as DrawerProps$1 } from '@mui/material';
|
12
9
|
import { FontSizesTypes as FontSizesTypes$1, ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
|
13
10
|
import { ThemeColors as ThemeColors$2, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
|
14
11
|
import { FeedContentTemplateTypes as FeedContentTemplateTypes$1, FeedContentProps as FeedContentProps$1 } from 'organisms/FeedContent/types';
|
@@ -19,6 +16,7 @@ import { IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProp
|
|
19
16
|
import { Control, ControllerProps } from 'react-hook-form/dist/types';
|
20
17
|
import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
|
21
18
|
import { ControllerProps as ControllerProps$1, DeepPartial, FieldValues, FormState, Control as Control$1 } from 'react-hook-form';
|
19
|
+
import { DrawerProps as DrawerProps$1 } from '@mui/material';
|
22
20
|
import { ProcessTrackerStatus as ProcessTrackerStatus$1, FilteredFeedContentType as FilteredFeedContentType$1, ConsentProps as ConsentProps$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1 } from 'organisms';
|
23
21
|
import { FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, InputFieldProps as InputFieldProps$1, 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';
|
24
22
|
import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
|
@@ -113,6 +111,7 @@ declare type InputProps = {
|
|
113
111
|
declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, ...rest }: InputProps) => JSX.Element;
|
114
112
|
|
115
113
|
declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
|
114
|
+
declare type TextAlign = 'center' | 'right' | 'left';
|
116
115
|
declare type TextWrapperProps = {
|
117
116
|
children: ReactNode;
|
118
117
|
variant: FontSizesTypes$1;
|
@@ -120,8 +119,11 @@ declare type TextWrapperProps = {
|
|
120
119
|
type?: TextTypes;
|
121
120
|
styles?: StylesType;
|
122
121
|
color?: ThemeColors$1 | string;
|
122
|
+
numberOfLines?: number;
|
123
|
+
textAlign?: TextAlign;
|
124
|
+
behaveAs?: 'text' | 'button';
|
123
125
|
};
|
124
|
-
declare const TextWrapper: styled_components.StyledComponent<
|
126
|
+
declare const TextWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, TextWrapperProps, never>;
|
125
127
|
|
126
128
|
declare type IconProps = {
|
127
129
|
name: IconNames;
|
@@ -292,8 +294,9 @@ declare type RichTextEditorProps = Partial<{
|
|
292
294
|
font: FontSizesTypes$2;
|
293
295
|
color: ThemeColors$2;
|
294
296
|
textStyles: CSSProperties;
|
297
|
+
numberOfLines?: number;
|
295
298
|
}>;
|
296
|
-
declare const RichTextViewer: ({ value, color, textStyles, font, }: RichTextEditorProps) => JSX.Element | null;
|
299
|
+
declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, }: RichTextEditorProps) => JSX.Element | null;
|
297
300
|
|
298
301
|
declare type RadioButtonType<T extends string = string> = {
|
299
302
|
id: T;
|
@@ -503,8 +506,9 @@ declare type HeroImageProps = {
|
|
503
506
|
horizontalPaddings?: number;
|
504
507
|
template?: HeroImageTemplate;
|
505
508
|
isMobile?: boolean;
|
509
|
+
height?: number;
|
506
510
|
};
|
507
|
-
declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, template, isMobile, }: HeroImageProps) => JSX.Element;
|
511
|
+
declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, template, isMobile, height, }: HeroImageProps) => JSX.Element;
|
508
512
|
|
509
513
|
declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
|
510
514
|
declare type DrawerProps = DrawerProps$1 & {
|
@@ -1028,4 +1032,4 @@ declare type AnnotationsList = {
|
|
1028
1032
|
|
1029
1033
|
declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
|
1030
1034
|
|
1031
|
-
export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, 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, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, 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, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, TabGroup, TabGroupProps, 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 };
|
1035
|
+
export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, 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, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, 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, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, TabGroup, TabGroupProps, TextAlign, 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 };
|