@zealicsolutions/web-ui 0.1.21 → 0.1.23

package/dist/esm/src/atoms/Buttons/Button.d.ts

@@ -10,5 +10,6 @@ export declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
     text?: string;
     loading?: boolean;
+    isRichText?: boolean;
 };
-export declare const Button: ({ text, onClick, loading, disabled, variant, fullWidth, }: ButtonProps) => JSX.Element;
+export declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, }: ButtonProps) => JSX.Element;

package/dist/esm/src/atoms/Buttons/Button.stories.d.ts

@@ -5,7 +5,7 @@ import { LinkButtonProps } from './LinkButton';
 import { TouchableOpacityProps } from './TouchableOpacity';
 declare const _default: {
     title: string;
-    component: ({ text, onClick, loading, disabled, variant, fullWidth, }: import("./Button").ButtonProps) => JSX.Element;
+    component: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, }: import("./Button").ButtonProps) => JSX.Element;
 };
 export default _default;
 export declare const Button: ComponentStory<typeof ButtonComponent>;

package/dist/esm/src/atoms/RichTextViewer/RichTextViewer.d.ts

@@ -1,5 +1,10 @@
 /// <reference types="react" />
+import { CSSProperties } from 'styled-components';
+import { FontSizesTypes, ThemeColors } from 'theme';
 export declare type RichTextEditorProps = Partial<{
     value: string;
+    font: FontSizesTypes;
+    color: ThemeColors;
+    textStyles: CSSProperties;
 }>;
-export declare const RichTextViewer: ({ value }: RichTextEditorProps) => JSX.Element | null;
+export declare const RichTextViewer: ({ value, color, textStyles, font, }: RichTextEditorProps) => JSX.Element | null;

package/dist/esm/src/molecules/MenuNavigation/MenuNavigation.d.ts

@@ -4,3 +4,6 @@ export declare type MenuNavigationProps<T> = {
     menuConfig: MenuItemsProps<T>;
 };
 export declare const MenuNavigation: <T extends string | number>({ menuConfig, }: MenuNavigationProps<T>) => JSX.Element;
+export declare const CaretIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isOpen: boolean;
+}, never>;

package/dist/esm/src/molecules/Tab/Tab.d.ts

@@ -11,12 +11,13 @@ export declare type TabProps<T = string, K = string> = {
     tabKey: T;
     text: string;
     disabled?: boolean;
+    vertical?: boolean;
     isActive?: boolean;
     onClick?: (key: T) => void;
     options?: MenuItem<K>[];
     onOptionClick?: (optionKey: K) => void;
 };
-declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, onOptionClick, ...tabProps }: TabProps<T, K>, ref: React.ForwardedRef<TabElement>) => JSX.Element;
+declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, ...tabProps }: TabProps<T, K>, ref: React.ForwardedRef<TabElement>) => JSX.Element;
 export declare const Tab: <T, K>(props: TabProps<T, K> & {
     ref?: React.ForwardedRef<TabElement> | undefined;
 }) => ReturnType<typeof ZealTab>;

package/dist/esm/src/molecules/TabGroup/TabGroup.d.ts

@@ -9,5 +9,6 @@ export declare type TabGroupProps<T = string, K = string> = {
     onTabChange?: (tabKey: T) => void;
     onOptionClick?: (optionKey: K) => void;
     style?: CSSProperties;
+    vertical?: boolean;
 };
-export declare const TabGroup: <T extends string, K extends string>({ tabs, spacing, activeTabKey, onTabChange, style, }: TabGroupProps<T, K>) => JSX.Element;
+export declare const TabGroup: <T extends string, K extends string>({ tabs, spacing, vertical, activeTabKey, onTabChange, style, }: TabGroupProps<T, K>) => JSX.Element;

package/dist/esm/src/molecules/TabGroup/TabGroup.stories.d.ts

@@ -3,7 +3,7 @@ import type { ComponentStory } from '@storybook/react';
 import { TabGroup as TabGroupComponent } from './TabGroup';
 declare const _default: {
     title: string;
-    component: <T extends string, K extends string>({ tabs, spacing, activeTabKey, onTabChange, style, }: import("./TabGroup").TabGroupProps<T, K>) => JSX.Element;
+    component: <T extends string, K extends string>({ tabs, spacing, vertical, activeTabKey, onTabChange, style, }: import("./TabGroup").TabGroupProps<T, K>) => JSX.Element;
 };
 export default _default;
 export declare const TabGroup: ComponentStory<typeof TabGroupComponent>;

package/dist/esm/src/molecules/TabGroup/styles.d.ts

@@ -1,6 +1,7 @@
 import { SizesTypes } from 'theme/types';
 export declare const TabsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     spacing: SizesTypes;
+    vertical: boolean;
 }, never>;
 export declare const TabGroupContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 declare type TabSliderProps = {

package/dist/esm/src/organisms/Header/HeaderA.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MenuItemsProps, TabGroupProps } from 'molecules';
+import { TabGroupProps } from 'molecules';
 import type { Callback } from 'typescript';
 declare type ImportantLink = {
     text: string;
@@ -11,8 +11,7 @@ export declare type HeaderAProps<T = string> = {
     tabsProps: TabGroupProps;
     onActionButtonClick?: Callback;
     buttonText: string;
-    menuConfig: MenuItemsProps<T>;
     isMobile?: boolean;
 };
-export declare const HeaderA: <T extends string | number>({ logoUrl, links, onActionButtonClick, menuConfig, tabsProps, buttonText, isMobile, }: HeaderAProps<T>) => JSX.Element;
+export declare const HeaderA: <T extends string | number>({ logoUrl, links, onActionButtonClick, tabsProps, buttonText, isMobile, }: HeaderAProps<T>) => JSX.Element;
 export {};

package/dist/esm/src/organisms/Header/HeaderB.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { HeaderAProps } from 'organisms/Header/HeaderA';
-export declare type HeaderBProps<T = string> = Pick<HeaderAProps<T>, 'isMobile' | 'logoUrl' | 'tabsProps' | 'menuConfig' | 'buttonText' | 'onActionButtonClick'>;
-export declare const HeaderB: <T extends string | number>({ logoUrl, onActionButtonClick, buttonText, menuConfig, isMobile, tabsProps, }: HeaderBProps<T>) => JSX.Element;
+export declare type HeaderBProps<T = string> = Pick<HeaderAProps<T>, 'isMobile' | 'logoUrl' | 'tabsProps' | 'buttonText' | 'onActionButtonClick'>;
+export declare const HeaderB: <T extends string | number>({ logoUrl, onActionButtonClick, buttonText, isMobile, tabsProps, }: HeaderBProps<T>) => JSX.Element;

package/dist/esm/src/organisms/Header/HeaderC.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { HeaderAProps } from 'organisms/Header/HeaderA';
-export declare type HeaderCProps<T> = Pick<HeaderAProps<T>, 'logoUrl' | 'tabsProps' | 'menuConfig' | 'isMobile'>;
-export declare const HeaderC: <T extends string | number>({ logoUrl, menuConfig, tabsProps, isMobile, }: HeaderCProps<T>) => JSX.Element;
+export declare type HeaderCProps<T> = Pick<HeaderAProps<T>, 'logoUrl' | 'tabsProps' | 'isMobile'>;
+export declare const HeaderC: <T extends string | number>({ logoUrl, tabsProps, isMobile, }: HeaderCProps<T>) => JSX.Element;

package/dist/esm/src/organisms/Header/HeaderMobileNavigation.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { HeaderAProps } from './HeaderA';
+export declare type HeaderMobileNavigationProps = Pick<HeaderAProps, 'logoUrl' | 'tabsProps'>;
+export declare const HeaderMobileNavigation: ({ tabsProps, logoUrl }: HeaderMobileNavigationProps) => JSX.Element;

package/dist/index.d.ts

@@ -10,7 +10,7 @@ import * as _mui_material_OverridableComponent from '@mui/material/OverridableCo
 import * as _mui_material from '@mui/material';
 import { DrawerProps as DrawerProps$1 } from '@mui/material';
 import { FontSizesTypes as FontSizesTypes$1, ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
-import { ThemeColors as ThemeColors$2, SizesTypes as SizesTypes$1 } from 'theme';
+import { ThemeColors as ThemeColors$2, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
 import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
 import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
 import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
@@ -22,7 +22,7 @@ import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organis
 import { FooterAProps } from 'organisms/Footer/FooterA';
 import { FooterBProps } from 'organisms/Footer/FooterB';
 import { FooterCProps } from 'organisms/Footer/FooterC';
-import { FieldSectionProps as FieldSectionProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, MenuItemsProps as MenuItemsProps$1, AvatarDropdownProps as AvatarDropdownProps$1 } from 'molecules';
+import { FieldSectionProps as FieldSectionProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1 } from 'molecules';
 import { ISIAProps } from 'organisms/ISI/ISIA';
 import { HeaderAProps as HeaderAProps$1 } from 'organisms/Header/HeaderA';
 import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
@@ -37,8 +37,9 @@ declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
     text?: string;
     loading?: boolean;
+    isRichText?: boolean;
 };
-declare const Button: ({ text, onClick, loading, disabled, variant, fullWidth, }: ButtonProps) => JSX.Element;
+declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, }: ButtonProps) => JSX.Element;
 
 declare type TouchableOpacityProps = PropsWithChildren<{
     activeOpacity?: number;
@@ -238,8 +239,11 @@ declare const GoogleMap: react__default.ComponentClass<{
 
 declare type RichTextEditorProps = Partial<{
     value: string;
+    font: FontSizesTypes$2;
+    color: ThemeColors$2;
+    textStyles: CSSProperties;
 }>;
-declare const RichTextViewer: ({ value }: RichTextEditorProps) => JSX.Element | null;
+declare const RichTextViewer: ({ value, color, textStyles, font, }: RichTextEditorProps) => JSX.Element | null;
 
 declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
 declare type FieldLabelsProps = {
@@ -446,6 +450,7 @@ declare type TabProps<T = string, K = string> = {
     tabKey: T;
     text: string;
     disabled?: boolean;
+    vertical?: boolean;
     isActive?: boolean;
     onClick?: (key: T) => void;
     options?: MenuItem<K>[];
@@ -459,8 +464,9 @@ declare type TabGroupProps<T = string, K = string> = {
     onTabChange?: (tabKey: T) => void;
     onOptionClick?: (optionKey: K) => void;
     style?: CSSProperties;
+    vertical?: boolean;
 };
-declare const TabGroup: <T extends string, K extends string>({ tabs, spacing, activeTabKey, onTabChange, style, }: TabGroupProps<T, K>) => JSX.Element;
+declare const TabGroup: <T extends string, K extends string>({ tabs, spacing, vertical, activeTabKey, onTabChange, style, }: TabGroupProps<T, K>) => JSX.Element;
 
 declare type FieldSectionProps<T extends object> = {
     label: string;
@@ -474,6 +480,9 @@ declare type MenuNavigationProps<T> = {
     menuConfig: MenuItemsProps<T>;
 };
 declare const MenuNavigation: <T extends string | number>({ menuConfig, }: MenuNavigationProps<T>) => JSX.Element;
+declare const CaretIconWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
+    isOpen: boolean;
+}, never>;
 
 declare type EmphasizedTextProps = {
     type: 'emphasized_text';
@@ -604,13 +613,12 @@ declare type HeaderAProps<T = string> = {
     tabsProps: TabGroupProps$1;
     onActionButtonClick?: Callback;
     buttonText: string;
-    menuConfig: MenuItemsProps$1<T>;
     isMobile?: boolean;
 };
 
-declare type HeaderBProps<T = string> = Pick<HeaderAProps$1<T>, 'isMobile' | 'logoUrl' | 'tabsProps' | 'menuConfig' | 'buttonText' | 'onActionButtonClick'>;
+declare type HeaderBProps<T = string> = Pick<HeaderAProps$1<T>, 'isMobile' | 'logoUrl' | 'tabsProps' | 'buttonText' | 'onActionButtonClick'>;
 
-declare type HeaderCProps<T> = Pick<HeaderAProps$1<T>, 'logoUrl' | 'tabsProps' | 'menuConfig' | 'isMobile'>;
+declare type HeaderCProps<T> = Pick<HeaderAProps$1<T>, 'logoUrl' | 'tabsProps' | 'isMobile'>;
 
 declare type HeaderDProps = {
     withAvatar: AvatarDropdownProps$1<string>;
@@ -644,4 +652,4 @@ interface Helpers {
 }
 declare const useStep: (maxStep: number) => [number, Helpers];
 
-export { AcquisitionForm, AcquisitionFormProps, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BreakpointSizesTypes, Button, ButtonProps, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, ColumnItem, Columns, ColumnsProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, EmphasizedText, EmphasizedTextProps, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FontSizesTypes, Footer, FooterContentInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, ProfileInformation, ProfileInformationProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, StyleWrapper, 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, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, toast, toastStyles, useMediaQuery, useStep };
+export { AcquisitionForm, AcquisitionFormProps, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BreakpointSizesTypes, Button, ButtonProps, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, ColumnItem, Columns, ColumnsProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, EmphasizedText, EmphasizedTextProps, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FontSizesTypes, Footer, FooterContentInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, ProfileInformation, ProfileInformationProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, StyleWrapper, 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, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, toast, toastStyles, useMediaQuery, useStep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.1.21",
+  "version": "0.1.23",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"