@mw-kit/mw-ui 1.7.96 → 1.7.98

package/dist/components/Tabs/components/Close/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { TabProps, TabsProps } from '../../interfaces';
-declare const Close: <T>(props: Pick<TabsProps<T>, "onClose"> & {
+declare const Close: (props: Pick<TabsProps, 'onClose'> & {
     index: number;
-    active: [number, React.Dispatch<React.SetStateAction<number>>];
-    options: [TabProps<T>[], React.Dispatch<React.SetStateAction<TabProps<T>[]>>];
+    active: Exclude<TabsProps['active'], number>;
+    options: [TabProps[], React.Dispatch<React.SetStateAction<TabProps[]>>];
 }) => JSX.Element;
 export default Close;

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

@@ -35,7 +35,7 @@ export interface TabsProps<T = {}> extends React.HTMLAttributes<HTMLDivElement>
     /**
      * React state to control which tab is active.
      */
-    active: number | [number, React.Dispatch<React.SetStateAction<number>>];
+    active: number | [number, (active: number, data: T) => void];
     /**
      * Sets the style of the tabs to internal.
      */

package/dist/index.js

@@ -14648,7 +14648,7 @@ var HiddenInput = styled__default.input(_templateObject4$a || (_templateObject4$
 
 var isAvailable = function isAvailable(index, option) {
   return !option.disabled && !(option.rules || []).some(function (rule) {
-    return rule(index, option) !== true;
+    return rule(index, option.data) !== true;
   });
 };
 
@@ -14704,7 +14704,9 @@ var useNavigation = function useNavigation(props) {
   }, [highlight, options]);
 
   var onFocus = function onFocus() {
-    setHighlight(0);
+    setHighlight(options.findIndex(function (e, i) {
+      return isAvailable(i, e);
+    }));
   };
 
   var onBlur = function onBlur() {
@@ -19433,8 +19435,11 @@ var Close$1 = function Close$1(props) {
     newOptions.splice(index, 1);
     onClose(index, options[index], event);
 
-    if (index < active || active === index && active > 0) {
-      setActive(active - 1);
+    if (index < active) {
+      setActive(active - 1, newOptions[active - 1].data);
+    } else if (active === index) {
+      var newactive = active > 0 ? active - 1 : active;
+      setActive(newactive, newOptions[newactive].data);
     }
 
     setOptions(newOptions);
@@ -19486,7 +19491,7 @@ var Tabs$1 = function Tabs$1(props) {
       $active: true
     } : {
       onClick: function onClick() {
-        return setActive(index);
+        return setActive(index, tab.data);
       }
     }, {
       "$internal": props.internal,