@zealicsolutions/web-ui 0.1.20 → 0.1.22

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/esm/src/organisms/LoginForm/LoginForm.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import type { Callback } from 'typescript';
 import { UIFields } from '../../fieldsConfiguration';
-import { LoginFields } from './types';
 import { TwoFactorAuthProps } from '../TwoFactorAuth/TwoFactorAuth';
+import { LoginFields } from './types';
 export declare type LoginFormProps = {
     fields: UIFields<LoginFields>;
     logoUrl: string;

package/dist/esm/src/organisms/SetPasswordForm/SetPasswordForm.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
+import { MaxRuleValidation, MinRuleValidation, SetPasswordFields } from 'organisms/SetPasswordForm/types';
 import { UIFields } from '../../fieldsConfiguration';
 export declare type SetPasswordRuleValidation = {
     label: string;

package/dist/index.d.ts

@@ -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';
@@ -446,6 +446,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 +460,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 +476,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';
@@ -508,12 +513,6 @@ declare type AcquisitionFormProps<T extends object> = {
 };
 declare const AcquisitionForm: <T extends object>({ logoUrl, title, description, buttonText, fields, onSubmit, onLinkButtonClick, isLoading, }: AcquisitionFormProps<T>) => JSX.Element;
 
-declare type LoginFields = {
-    email: string;
-    password: string;
-    rememberMe: boolean;
-};
-
 declare type VerificationCodeForm = {
     code: string;
 };
@@ -526,6 +525,12 @@ declare type TwoFactorAuthProps = {
 };
 declare const TwoFactorAuth: ({ logoUrl, onSubmit, onBack, onNext }: TwoFactorAuthProps) => JSX.Element;
 
+declare type LoginFields = {
+    email: string;
+    password: string;
+    rememberMe: boolean;
+};
+
 declare type LoginFormProps = {
     fields: UIFields<LoginFields>;
     logoUrl: string;
@@ -604,13 +609,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 +648,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.20",
+  "version": "0.1.22",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"