@infomaximum/ui-kit 0.17.0 → 0.17.1

package/dist/components/Dropdown/hooks/useSelectedKeysController.d.ts

@@ -1,31 +1,35 @@
 import { MouseEvent } from 'react';
-import { ItemType } from '../Dropdown.types';
+import { DropdownItemKeyType, ItemType } from '../Dropdown.types';
 interface UseSelectedKeysControllerProps {
-    defaultSelectedKeys: string[] | undefined;
-    selectedKeys: string[] | undefined;
+    defaultSelectedKeys: DropdownItemKeyType[] | undefined;
+    selectedKeys: DropdownItemKeyType[] | undefined;
     multiple: boolean;
     selectable: boolean;
-    onClick: ((props: {
+    onClick?: (props: {
         item: ItemType;
-        key: string;
+        key: DropdownItemKeyType;
         e: MouseEvent;
-    }) => void) | undefined;
-    onSelect: ((props: {
+    }) => void;
+    onSelect?: (props: {
         item: ItemType;
-        key: string;
+        key: DropdownItemKeyType;
         e: MouseEvent;
-    }) => void) | undefined;
-    onDeselect: ((props: {
+    }) => void;
+    onDeselect?: (props: {
         item: ItemType;
-        key: string;
+        key: DropdownItemKeyType;
         e: MouseEvent;
-    }) => void) | undefined;
+    }) => void;
 }
 export declare const useSelectedKeysController: ({ defaultSelectedKeys, selectedKeys, multiple, selectable, onClick, onSelect, onDeselect, }: UseSelectedKeysControllerProps) => {
-    currentSelectedKey: string[];
-    onMenuItemClick: (itemKey: string, item: ItemType, e: MouseEvent) => void;
+    currentSelectedKey: DropdownItemKeyType[];
+    onMenuItemClick: (props: {
+        item: ItemType;
+        itemKey: DropdownItemKeyType;
+        e: MouseEvent;
+    }) => void;
     onMouseUp: (e: MouseEvent) => void;
-    select: (itemKey: string) => void;
-    deselect: (itemKey: string) => void;
+    select: (itemKey: DropdownItemKeyType) => void;
+    deselect: (itemKey: DropdownItemKeyType) => void;
 };
 export {};

package/dist/components/Dropdown/hooks/useSelectedKeysController.js

@@ -17,7 +17,12 @@ const useSelectedKeysController = ({
   const deselect = useCallback((itemKey) => {
     setLocalSelectedKeys((prev) => prev.filter((key) => key !== itemKey));
   }, []);
-  const handleMenuItemClick = useCallback((itemKey, item, e) => {
+  const handleMenuItemClick = useCallback((props) => {
+    const {
+      item,
+      itemKey,
+      e
+    } = props;
     e.stopPropagation();
     onClick == null ? void 0 : onClick({
       item,
@@ -42,7 +47,7 @@ const useSelectedKeysController = ({
       key: itemKey,
       e
     });
-  }, [deselect, localSelectedKeys, multiple, onClick, onDeselect, onSelect, select, selectedKeys]);
+  }, [deselect, localSelectedKeys, multiple, onClick, onDeselect, onSelect, select, selectable, selectedKeys]);
   const handleMouseUp = useCallback((e) => {
     e.stopPropagation();
   }, []);

package/dist/components/Dropdown/hooks/useSubMenusController.d.ts

@@ -1,7 +1,8 @@
+import { DropdownItemKeyType } from '../Dropdown.types';
 export declare const useSubMenusController: () => {
-    openedSubMenuKeys: string[];
-    openSubMenu: (subMenuKey: string) => void;
-    closeSubMenu: (subMenuKey: string) => void;
-    switchSubMenu: (subMenuKey: string) => void;
+    openedSubMenuKeys: DropdownItemKeyType[];
+    openSubMenu: (subMenuKey: DropdownItemKeyType) => void;
+    closeSubMenu: (subMenuKey: DropdownItemKeyType) => void;
+    switchSubMenu: (subMenuKey: DropdownItemKeyType) => void;
     closeAllSubMenus: () => void;
 };

package/dist/components/Dropdown/index.d.ts

@@ -1,2 +1,3 @@
 export { Dropdown } from './Dropdown';
-export type { DropdownProps, DropdownMenu } from './Dropdown.types';
+export { isSubMenu, isMenuItem, isGroupType, isDivider } from './Dropdown.types';
+export type { DropdownProps, DropdownMenu, ItemType, MenuItem, GroupType, DividerType, SubMenuType, } from './Dropdown.types';

package/dist/components/Tabs/Tabs.js

@@ -51,7 +51,7 @@ const Tabs = memo(({
     onTabClick,
     onTabScroll
   };
-  return /* @__PURE__ */ jsxs("div", { css: [tabsStyle.wrapper, (_b = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _b.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:Tabs;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RFciLCJmaWxlIjoiL2J1aWxkcy9mcm9udGVuZC9saWJzL3VpLWtpdC9zcmMvY29tcG9uZW50cy9UYWJzL1RhYnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWVtbywgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlLCB0eXBlIEZDIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IFRhYnNQcm9wcyB9IGZyb20gXCIuL1RhYnMudHlwZXNcIjtcbmltcG9ydCB7IHRhYnNTdHlsZSB9IGZyb20gXCIuL1RhYnMuc3R5bGVzXCI7XG5pbXBvcnQgeyBpc0Z1bmN0aW9uIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuaW1wb3J0IHsgVGFiQmFyIH0gZnJvbSBcIi4vY29tcG9uZW50cy9UYWJCYXIvVGFiQmFyXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHR5cGUgeyBEcm9wZG93blRyaWdnZXIgfSBmcm9tIFwiY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi50eXBlc1wiO1xuXG5leHBvcnQgY29uc3QgVGFiczogRkM8VGFic1Byb3BzPiA9IG1lbW8oXG4gICh7XG4gICAgaXRlbXMsXG4gICAgZXh0cmEsXG4gICAgaWNvbk9ubHkgPSBmYWxzZSxcbiAgICBkcmFnZ2FibGUgPSBmYWxzZSxcbiAgICBzaXplID0gXCJtaWRkbGVcIixcbiAgICBwb3B1cENsYXNzTmFtZSxcbiAgICBkZWZhdWx0QWN0aXZlS2V5LFxuICAgIGFjdGl2ZUtleSxcbiAgICBib3JkZXIgPSB0cnVlLFxuICAgIG1vcmUgPSB7IHRyaWdnZXI6IFtcImhvdmVyXCJdIGFzIERyb3Bkb3duVHJpZ2dlcltdIH0sXG4gICAgdGVzdElkLFxuICAgIHN0eWxlcyxcbiAgICByZW5kZXJUYWJCYXIsXG4gICAgb25DaGFuZ2UsXG4gICAgb25UYWJDbGljayxcbiAgICBvblRhYlNjcm9sbCxcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IGZpcnN0VGFiID0gaXRlbXM/LlswXT8ua2V5O1xuXG4gICAgY29uc3QgW2xvY2FsQWN0aXZlS2V5LCBzZXRMb2NhbEFjdGl2ZUtleV0gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KFxuICAgICAgZGVmYXVsdEFjdGl2ZUtleSA/PyBmaXJzdFRhYlxuICAgICk7XG4gICAgY29uc3QgW2NvbnRlbnRXcmFwcGVyLCBzZXRDb250ZW50V3JhcHBlcl0gPSB1c2VTdGF0ZTxIVE1MRGl2RWxlbWVudCB8IG51bGw+KG51bGwpO1xuXG4gICAgY29uc3QgY3VycmVudEFjdGl2ZUtleSA9IGFjdGl2ZUtleSA/PyBsb2NhbEFjdGl2ZUtleTtcbiAgICBjb25zdCBjb250ZW50V3JhcHBlclJlZiA9IChlbGVtZW50OiBIVE1MRGl2RWxlbWVudCkgPT4gc2V0Q29udGVudFdyYXBwZXIoZWxlbWVudCk7XG5cbiAgICBjb25zdCBjaGFuZ2VBY3RpdmVLZXkgPSB1c2VDYWxsYmFjaygoaXRlbUtleTogc3RyaW5nKSA9PiB7XG4gICAgICBzZXRMb2NhbEFjdGl2ZUtleShpdGVtS2V5KTtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCB0YWJCYXJQcm9wcyA9IHtcbiAgICAgIGl0ZW1zLFxuICAgICAgZXh0cmEsXG4gICAgICBpY29uT25seSxcbiAgICAgIGRyYWdnYWJsZSxcbiAgICAgIHNpemUsXG4gICAgICBib3JkZXIsXG4gICAgICBtb3JlLFxuICAgICAgcG9wdXBDbGFzc05hbWUsXG4gICAgICBjdXJyZW50QWN0aXZlS2V5LFxuICAgICAgY29udGVudFdyYXBwZXIsXG4gICAgICBzdHlsZXM6IHN0eWxlcz8udGFiQmFyLFxuICAgICAgY2hhbmdlQWN0aXZlS2V5LFxuICAgICAgb25DaGFuZ2UsXG4gICAgICBvblRhYkNsaWNrLFxuICAgICAgb25UYWJTY3JvbGwsXG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNzcz17W3RhYnNTdHlsZS53cmFwcGVyLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfSB0ZXN0LWlkPXt0ZXN0SWR9PlxuICAgICAgICB7aXNGdW5jdGlvbihyZW5kZXJUYWJCYXIpID8gcmVuZGVyVGFiQmFyKHRhYkJhclByb3BzLCBUYWJCYXIpIDogPFRhYkJhciB7Li4udGFiQmFyUHJvcHN9IC8+fVxuXG4gICAgICAgIDxkaXYgY3NzPXtzdHlsZXM/LmNvbnRlbnQ/Lih0aGVtZSl9IHJlZj17Y29udGVudFdyYXBwZXJSZWZ9IC8+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], "test-id": testId, children: [
+  return /* @__PURE__ */ jsxs("div", { css: [tabsStyle.wrapper, (_b = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _b.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:Tabs;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RFciLCJmaWxlIjoiL2J1aWxkcy9mcm9udGVuZC9saWJzL3VpLWtpdC9zcmMvY29tcG9uZW50cy9UYWJzL1RhYnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWVtbywgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlLCB0eXBlIEZDIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IFRhYnNQcm9wcyB9IGZyb20gXCIuL1RhYnMudHlwZXNcIjtcbmltcG9ydCB7IHRhYnNTdHlsZSB9IGZyb20gXCIuL1RhYnMuc3R5bGVzXCI7XG5pbXBvcnQgeyBpc0Z1bmN0aW9uIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuaW1wb3J0IHsgVGFiQmFyIH0gZnJvbSBcIi4vY29tcG9uZW50cy9UYWJCYXIvVGFiQmFyXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHR5cGUgeyBEcm9wZG93bkl0ZW1LZXlUeXBlLCBEcm9wZG93blRyaWdnZXIgfSBmcm9tIFwiY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi50eXBlc1wiO1xuXG5leHBvcnQgY29uc3QgVGFiczogRkM8VGFic1Byb3BzPiA9IG1lbW8oXG4gICh7XG4gICAgaXRlbXMsXG4gICAgZXh0cmEsXG4gICAgaWNvbk9ubHkgPSBmYWxzZSxcbiAgICBkcmFnZ2FibGUgPSBmYWxzZSxcbiAgICBzaXplID0gXCJtaWRkbGVcIixcbiAgICBwb3B1cENsYXNzTmFtZSxcbiAgICBkZWZhdWx0QWN0aXZlS2V5LFxuICAgIGFjdGl2ZUtleSxcbiAgICBib3JkZXIgPSB0cnVlLFxuICAgIG1vcmUgPSB7IHRyaWdnZXI6IFtcImhvdmVyXCJdIGFzIERyb3Bkb3duVHJpZ2dlcltdIH0sXG4gICAgdGVzdElkLFxuICAgIHN0eWxlcyxcbiAgICByZW5kZXJUYWJCYXIsXG4gICAgb25DaGFuZ2UsXG4gICAgb25UYWJDbGljayxcbiAgICBvblRhYlNjcm9sbCxcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IGZpcnN0VGFiID0gaXRlbXM/LlswXT8ua2V5O1xuXG4gICAgY29uc3QgW2xvY2FsQWN0aXZlS2V5LCBzZXRMb2NhbEFjdGl2ZUtleV0gPSB1c2VTdGF0ZTxEcm9wZG93bkl0ZW1LZXlUeXBlIHwgdW5kZWZpbmVkPihcbiAgICAgIGRlZmF1bHRBY3RpdmVLZXkgPz8gZmlyc3RUYWJcbiAgICApO1xuICAgIGNvbnN0IFtjb250ZW50V3JhcHBlciwgc2V0Q29udGVudFdyYXBwZXJdID0gdXNlU3RhdGU8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcblxuICAgIGNvbnN0IGN1cnJlbnRBY3RpdmVLZXkgPSBhY3RpdmVLZXkgPz8gbG9jYWxBY3RpdmVLZXk7XG4gICAgY29uc3QgY29udGVudFdyYXBwZXJSZWYgPSAoZWxlbWVudDogSFRNTERpdkVsZW1lbnQpID0+IHNldENvbnRlbnRXcmFwcGVyKGVsZW1lbnQpO1xuXG4gICAgY29uc3QgY2hhbmdlQWN0aXZlS2V5ID0gdXNlQ2FsbGJhY2soKGl0ZW1LZXk6IERyb3Bkb3duSXRlbUtleVR5cGUpID0+IHtcbiAgICAgIHNldExvY2FsQWN0aXZlS2V5KGl0ZW1LZXkpO1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHRhYkJhclByb3BzID0ge1xuICAgICAgaXRlbXMsXG4gICAgICBleHRyYSxcbiAgICAgIGljb25Pbmx5LFxuICAgICAgZHJhZ2dhYmxlLFxuICAgICAgc2l6ZSxcbiAgICAgIGJvcmRlcixcbiAgICAgIG1vcmUsXG4gICAgICBwb3B1cENsYXNzTmFtZSxcbiAgICAgIGN1cnJlbnRBY3RpdmVLZXksXG4gICAgICBjb250ZW50V3JhcHBlcixcbiAgICAgIHN0eWxlczogc3R5bGVzPy50YWJCYXIsXG4gICAgICBjaGFuZ2VBY3RpdmVLZXksXG4gICAgICBvbkNoYW5nZSxcbiAgICAgIG9uVGFiQ2xpY2ssXG4gICAgICBvblRhYlNjcm9sbCxcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXtbdGFic1N0eWxlLndyYXBwZXIsIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19IHRlc3QtaWQ9e3Rlc3RJZH0+XG4gICAgICAgIHtpc0Z1bmN0aW9uKHJlbmRlclRhYkJhcikgPyByZW5kZXJUYWJCYXIodGFiQmFyUHJvcHMsIFRhYkJhcikgOiA8VGFiQmFyIHsuLi50YWJCYXJQcm9wc30gLz59XG5cbiAgICAgICAgPGRpdiBjc3M9e3N0eWxlcz8uY29udGVudD8uKHRoZW1lKX0gcmVmPXtjb250ZW50V3JhcHBlclJlZn0gLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbik7XG4iXX0= */"], "test-id": testId, children: [
     isFunction(renderTabBar) ? renderTabBar(tabBarProps, TabBar) : /* @__PURE__ */ jsx(TabBar, { ...tabBarProps }),
     /* @__PURE__ */ jsx("div", { css: (_c = styles == null ? void 0 : styles.content) == null ? void 0 : _c.call(styles, theme), ref: contentWrapperRef })
   ] });

package/dist/components/Tabs/Tabs.types.d.ts

@@ -4,10 +4,11 @@ import { Theme } from 'themes';
 import { TabItem } from './components/TabItem/TabItem.types';
 import { TabBarProps } from './components/TabBar/TabBar.types';
 import { Interpolation } from '@emotion/react';
+import { DropdownItemKeyType } from 'components/Dropdown/Dropdown.types';
 export type TabsSizeType = "middle" | "small";
 export interface TabsProps {
-    activeKey?: string;
-    defaultActiveKey?: string;
+    activeKey?: DropdownItemKeyType;
+    defaultActiveKey?: DropdownItemKeyType;
     items?: TabItem[];
     more?: DropdownProps;
     popupClassName?: string;
@@ -23,7 +24,7 @@ export interface TabsProps {
         tabBar?: TabBarProps["styles"];
     };
     renderTabBar?: (props: TabBarProps, DefaultTabBar: FC<TabBarProps>) => React.ReactElement;
-    onChange?: (activeKey: string) => void;
-    onTabClick?: (activeKey: string, event: MouseEvent) => void;
+    onChange?: (activeKey: DropdownItemKeyType) => void;
+    onTabClick?: (activeKey: DropdownItemKeyType, event: MouseEvent) => void;
     onTabScroll?: (direction: "left" | "right") => void;
 }

package/dist/components/Tabs/Tabs.utils.d.ts

@@ -1,3 +1,4 @@
+import { DropdownItemKeyType } from 'components/Dropdown/Dropdown.types';
 import { TabItem } from './components/TabItem/TabItem.types';
-export declare const getTabKeysWithoutOrdering: (items: TabItem[]) => string[];
-export declare const getOrderedTabKeys: (currentOrderedTabKeys: string[], newTabKeys: string[]) => string[];
+export declare const getTabKeysWithoutOrdering: (items: TabItem[]) => DropdownItemKeyType[];
+export declare const getOrderedTabKeys: (currentOrderedTabKeys: DropdownItemKeyType[], newTabKeys: DropdownItemKeyType[]) => DropdownItemKeyType[];

package/dist/components/Tabs/components/TabBar/TabBar.types.d.ts

@@ -2,8 +2,9 @@ import { Interpolation } from '@emotion/react';
 import { TabsProps } from 'components/Tabs/Tabs.types';
 import { Theme } from 'themes';
 import { TabItemProps } from '../TabItem/TabItem.types';
+import { DropdownItemKeyType } from 'components/Dropdown/Dropdown.types';
 export interface TabBarProps extends Omit<TabsProps, "activeKey" | "defaultActiveKey" | "styles" | "renderTabBar"> {
-    currentActiveKey: string | undefined;
+    currentActiveKey: DropdownItemKeyType | undefined;
     contentWrapper: HTMLDivElement | null;
     styles?: {
         wrapper?: (theme: Theme) => Interpolation;
@@ -12,5 +13,5 @@ export interface TabBarProps extends Omit<TabsProps, "activeKey" | "defaultActiv
         more?: (theme: Theme) => Interpolation;
         tabItem?: TabItemProps["styles"];
     };
-    changeActiveKey: (key: string) => void;
+    changeActiveKey: (key: DropdownItemKeyType) => void;
 }

package/dist/components/Tabs/components/TabItem/TabItem.types.d.ts

@@ -1,9 +1,10 @@
 import { Interpolation } from '@emotion/react';
+import { DropdownItemKeyType } from 'components/Dropdown/Dropdown.types';
 import { TabsSizeType } from 'components/Tabs/Tabs.types';
 import { MouseEvent, ReactNode } from 'react';
 import { Theme } from 'themes';
 export interface TabItem {
-    key: string;
+    key: DropdownItemKeyType;
     disabled?: boolean;
     forceRender?: boolean;
     label?: ReactNode;
@@ -11,12 +12,12 @@ export interface TabItem {
     children?: ReactNode;
 }
 export interface TabItemProps extends Omit<TabItem, "key"> {
-    itemKey: string;
+    itemKey: DropdownItemKeyType;
     selected: boolean;
     contentWrapper: HTMLDivElement | null;
-    changeActiveKey: (key: string) => void;
-    addHiddenTab: (itemKey: string) => void;
-    deleteHiddenTab: (itemKey: string) => void;
+    changeActiveKey: (key: DropdownItemKeyType) => void;
+    addHiddenTab: (itemKey: DropdownItemKeyType) => void;
+    deleteHiddenTab: (itemKey: DropdownItemKeyType) => void;
     setCurrentTabElement: (tab: HTMLElement | null) => void;
     scrollToTab: (element: HTMLElement | null) => void;
     size?: TabsSizeType;
@@ -27,6 +28,6 @@ export interface TabItemProps extends Omit<TabItem, "key"> {
         labelWrapper?: (theme: Theme, selected: boolean) => Interpolation;
         childrenWrapper?: (theme: Theme, selected: boolean) => Interpolation;
     };
-    onChange?: (activeKey: string) => void;
-    onTabClick?: (activeKey: string, event: MouseEvent) => void;
+    onChange?: (activeKey: DropdownItemKeyType) => void;
+    onTabClick?: (activeKey: DropdownItemKeyType, event: MouseEvent) => void;
 }

package/dist/components/Tabs/hooks/useMoreTabsController.d.ts

@@ -1,17 +1,17 @@
 import { MouseEvent } from 'react';
 import { TabItem } from '../components/TabItem/TabItem.types';
-import { ItemType, MenuItem } from 'components/Dropdown/Dropdown.types';
-export declare const useMoreTabsController: (items: TabItem[], currentActiveKey: string | undefined, currentTabElement: HTMLElement | null, onTabClick: ((activeKey: string, event: MouseEvent) => void) | undefined, onChange: ((activeKey: string) => void) | undefined, changeActiveKey: (key: string) => void) => {
+import { DropdownItemKeyType, ItemType, MenuItem } from 'components/Dropdown/Dropdown.types';
+export declare const useMoreTabsController: (items: TabItem[], currentActiveKey: DropdownItemKeyType | undefined, currentTabElement: HTMLElement | null, onTabClick: ((activeKey: DropdownItemKeyType, event: MouseEvent) => void) | undefined, onChange: ((activeKey: DropdownItemKeyType) => void) | undefined, changeActiveKey: (key: DropdownItemKeyType) => void) => {
     tabsRef: import('react').MutableRefObject<HTMLDivElement | null>;
     dropdownMenu: {
         items: MenuItem[];
         onClick: (props: {
             item: ItemType;
-            key: string;
+            key: DropdownItemKeyType;
             e: MouseEvent;
         }) => void;
     };
-    addHiddenTab: (itemKey: string) => void;
-    deleteHiddenTab: (itemKey: string) => void;
+    addHiddenTab: (itemKey: DropdownItemKeyType) => void;
+    deleteHiddenTab: (itemKey: DropdownItemKeyType) => void;
     scrollToTab: (element: HTMLElement | null) => void;
 };

package/dist/components/Tabs/hooks/useTabsDndController.d.ts

@@ -1,7 +1,8 @@
 import { TabItem } from '../components/TabItem/TabItem.types';
 import { DragEndEvent } from '@dnd-kit/core';
+import { DropdownItemKeyType } from 'components/Dropdown/Dropdown.types';
 export declare const useTabsDndController: (items: TabItem[], draggable: boolean) => {
-    tabsOrder: string[];
+    tabsOrder: DropdownItemKeyType[];
     isDragging: boolean;
     dndEvents: {
         onDragStart: () => void;

package/dist/index.d.ts

@@ -28,8 +28,8 @@ export type { MessageObjectType } from './components/Message';
 export { type TimePickerProps, TimePicker } from './components/TimePicker';
 export { type DatePickerProps, DatePicker } from './components/DatePicker';
 export { type UploadProps, Upload } from './components/Upload';
-export { Dropdown } from './components/Dropdown';
-export type { DropdownProps, DropdownMenu } from './components/Dropdown';
+export { Dropdown, isSubMenu, isMenuItem, isGroupType, isDivider } from './components/Dropdown';
+export type { DropdownProps, DropdownMenu, ItemType, MenuItem, GroupType, DividerType, SubMenuType, } from './components/Dropdown';
 export { type ProgressProps, Progress } from './components/Progress';
 export { Avatar, avatarColors } from './components/Avatar';
 export type { AvatarProps, AvatarColorType } from './components/Avatar';

package/dist/index.js

@@ -22,6 +22,7 @@ import { TimePicker } from "./components/TimePicker/TimePicker.js";
 import { DatePicker } from "./components/DatePicker/DatePicker.js";
 import { Upload } from "./components/Upload/Upload.js";
 import { Dropdown } from "./components/Dropdown/Dropdown.js";
+import { isDivider, isGroupType, isMenuItem, isSubMenu } from "./components/Dropdown/Dropdown.types.js";
 import { Progress } from "./components/Progress/Progress.js";
 import { Avatar } from "./components/Avatar/Avatar.js";
 import { avatarColors } from "./components/Avatar/Avatar.utils.js";
@@ -72,6 +73,10 @@ export {
   avatarColors,
   inputNumberWrapperClassName,
   isCheckboxChangeEvent,
+  isDivider,
+  isGroupType,
+  isMenuItem,
+  isSubMenu,
   message,
   messagesHolder,
   themeMap,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@infomaximum/ui-kit",
   "license": "Apache-2.0",
-  "version": "0.17.0",
+  "version": "0.17.1",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",