@zealicsolutions/web-ui 0.4.51 → 0.4.53

package/dist/cjs/src/atoms/Tab/Tab.d.ts

@@ -39,7 +39,7 @@ export declare const Tab: <T, K>(props: {
     vertical: boolean;
     isActive: boolean;
     onClick: (key: T) => void;
-    options: MenuItem<K>[];
+    options: MenuItem<K_1>[];
     onOptionClick: (optionKey: K) => void;
     tabTheme: TabTheme;
     divider: boolean;

package/dist/cjs/src/atoms/Tab/Tab.stories.d.ts

@@ -11,7 +11,7 @@ declare const _default: {
         vertical: boolean;
         isActive: boolean;
         onClick: (key: T) => void;
-        options: import("../..").MenuItem<K>[];
+        options: MenuItem<K_1>[];
         onOptionClick: (optionKey: K) => void;
         tabTheme: import("atoms").TabTheme;
         divider: boolean;

package/dist/cjs/src/containers/mock-data.d.ts

@@ -11,6 +11,7 @@ export declare const rowRepeaterContainerSingle: ContainerComponentProps;
 export declare const columnRepeaterContainer: ContainerComponentProps;
 export declare const outlinedColumnContainer: ContainerComponentProps;
 export declare const headerContainer: ContainerComponentProps;
+export declare const headerWithTabs2: ContainerComponentProps;
 export declare const headerContainerWithTabs: ContainerComponentProps;
 export declare const DataField: ContainerComponentProps;
 export declare const LogInPermanentPage: ContainerComponentProps;

package/dist/cjs/src/molecules/MenuItems/MenuItem.d.ts

@@ -0,0 +1,20 @@
+export declare type MenuItemType<T> = {
+    id: T;
+    title: string;
+    active?: boolean;
+    onClick: (id: T) => void;
+    options?: MenuItemType<T>[];
+    divider?: boolean;
+    disabled?: boolean;
+    itemColor?: string;
+    activeItemColor?: string;
+};
+export declare type MenuItemProps<T> = {
+    item: MenuItemType<T>;
+    activeKey?: T;
+    itemColor?: string;
+    menuTheme?: 'light' | 'dark';
+    activeItemColor?: string;
+    parentHandleClick?: (id: T) => void;
+};
+export declare const MenuItem: <T extends string | number>({ item, activeKey, menuTheme, itemColor, activeItemColor, parentHandleClick, }: MenuItemProps<T>) => JSX.Element;

package/dist/cjs/src/molecules/MenuItems/MenuItems.d.ts

@@ -1,11 +1,11 @@
-export declare type MenuItem<T> = {
-    id: T;
-    title: string;
-    onClick?: (id: T) => void;
-};
+import { MenuItemType } from './MenuItem';
 export declare type MenuItemsProps<T> = {
     title?: string;
+    options?: MenuItemType<T>[];
+    activeKey?: T;
+    itemColor?: string;
+    menuTheme?: 'light' | 'dark';
     onItemPress?: (id: T) => void;
-    options?: MenuItem<T>[];
+    activeItemColor?: string;
 };
-export declare const MenuItems: <T extends string | number>({ title, onItemPress, options, }: MenuItemsProps<T>) => JSX.Element;
+export declare const MenuItems: <T extends string | number>({ title, options, activeKey, itemColor, menuTheme, onItemPress, activeItemColor, }: MenuItemsProps<T>) => JSX.Element;

package/dist/cjs/src/molecules/MenuItems/MenuItems.stories.d.ts

@@ -2,7 +2,7 @@ import type { ComponentStory } from '@storybook/react';
 import { MenuItems as MenuItemsComponent } from './MenuItems';
 declare const _default: {
     title: string;
-    component: <T extends string | number>({ title, onItemPress, options, }: import("./MenuItems").MenuItemsProps<T>) => JSX.Element;
+    component: <T extends string | number>({ title, options, activeKey, itemColor, menuTheme, onItemPress, activeItemColor, }: import("./MenuItems").MenuItemsProps<T>) => JSX.Element;
 };
 export default _default;
 export declare const MenuItems: ComponentStory<typeof MenuItemsComponent>;

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

@@ -1,8 +1,10 @@
+import { IconNames } from 'atoms';
 import { MenuItemsProps } from '../MenuItems/MenuItems';
 export declare type MenuNavigationProps<T> = {
     menuConfig: MenuItemsProps<T>;
+    customIconType?: IconNames;
 };
-export declare const MenuNavigation: <T extends string | number>({ menuConfig, }: MenuNavigationProps<T>) => JSX.Element;
+export declare const MenuNavigation: <T extends string | number>({ menuConfig, customIconType, }: MenuNavigationProps<T>) => JSX.Element;
 export declare const CaretIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isOpen: boolean;
 }, never>;

package/dist/cjs/src/molecules/MenuNavigation/MenuNavigation.stories.d.ts

@@ -3,7 +3,7 @@ import { MenuNavigation as MenuNavigationComponent } from 'molecules/MenuNavigat
 import 'rc-dropdown/assets/index.css';
 declare const _default: {
     title: string;
-    component: <T extends string | number>({ menuConfig, }: import("molecules/MenuNavigation/MenuNavigation").MenuNavigationProps<T>) => JSX.Element;
+    component: <T extends string | number>({ menuConfig, customIconType, }: import("molecules/MenuNavigation/MenuNavigation").MenuNavigationProps<T>) => JSX.Element;
 };
 export default _default;
 export declare const MenuNavigation: ComponentStory<typeof MenuNavigationComponent>;

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

@@ -1,6 +1,6 @@
 import { TabProps, TabTheme } from 'atoms';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme/types';
-import { StylesType } from 'typescript';
+import type { StylesType } from 'typescript';
 export declare type TabType<T = string, K = string> = Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
 export declare type AdditionalTabContainerProps = {
     containerStyle?: StylesType;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { TabTheme } from 'atoms/Tab/Tab';
 import { SizesTypes, ThemeColors } from 'theme/types';
-import { OverrideStyles, StyledTransientProps } from 'typescript';
+import type { OverrideStyles, StyledTransientProps } from 'typescript';
 export declare const TabsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledTransientProps<{
     spacing: SizesTypes;
     vertical: boolean;