@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.
@@ -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<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, TextWrapperProps, never>;
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<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, TextWrapperProps, never>;
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<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, import("../../atoms").TextWrapperProps & {
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<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, import("../../atoms/TextWrapper/TextWrapper").TextWrapperProps & {
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<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, import("atoms").TextWrapperProps & {
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<_mui_material_OverridableComponent.OverridableComponent<_mui_material.BoxTypeMap<{}, "div">>, styled_components.DefaultTheme, TextWrapperProps, never>;
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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zealicsolutions/web-ui",
3
- "version": "0.2.42",
3
+ "version": "0.2.43",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"