@infomaximum/ui-kit 0.13.1 → 0.13.2

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

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

package/dist/components/Tabs/hooks/useTabsDndController.js

@@ -1,8 +1,21 @@
-import { useState, useCallback } from "react";
+import { useState, useRef, useEffect, useCallback } from "react";
 import { arrayMove } from "@dnd-kit/sortable";
-const useTabsDndController = (items) => {
-  const [tabsOrder, setTabsOrder] = useState(items.map((item) => item.key));
+import { getTabKeysWithoutOrdering, getOrderedTabKeys } from "../Tabs.utils.js";
+const useTabsDndController = (items, draggable) => {
+  const [tabsOrder, setTabsOrder] = useState([]);
   const [isDragging, setIsDragging] = useState(false);
+  const isInitialMount = useRef(true);
+  useEffect(() => {
+    const newTabKeys = getTabKeysWithoutOrdering(items);
+    if (!draggable || isInitialMount.current) {
+      isInitialMount.current = false;
+      setTabsOrder(newTabKeys);
+      return;
+    }
+    setTabsOrder((prev) => {
+      return getOrderedTabKeys(prev, newTabKeys);
+    });
+  }, [draggable, items]);
   const handleDragStart = useCallback(() => {
     setIsDragging(true);
   }, []);

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

@@ -3,7 +3,7 @@ import { BaseTooltipProps } from '../BaseTooltip/BaseTooltip.types';
 import { ReactNode } from 'react';
 import { Theme } from '../../themes';
 export type TooltipTriggerType = "hover" | "focus" | "click";
-export interface TooltipProps extends Omit<BaseTooltipProps, "floatingElement" | "arrowColor" | "trigger"> {
+export interface TooltipProps extends Omit<BaseTooltipProps, "floatingElement" | "arrowColor" | "trigger" | "styles"> {
     title?: ReactNode | (() => ReactNode);
     trigger?: TooltipTriggerType;
     styles?: {

package/package.json

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