@mw-kit/mw-ui 1.7.97 → 1.7.99

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

@@ -12885,10 +12885,10 @@ var ScrollContainer = React__default.forwardRef(function (props, ref) {
     if (event.target !== event.currentTarget) return;
     var target = event.nativeEvent.target;
     if (!target) return;
-    var scrollTopMax = target.scrollHeight - target.clientHeight;
+    var scrollTopMax = target.scrollHeight - target.getBoundingClientRect().height - 10;
     var scrollTop = target.scrollTop;
 
-    if (scrollTopMax !== 0 && scrollTopMax === scrollTop) {
+    if (scrollTopMax > 0 && scrollTop >= scrollTopMax) {
       setLastPagination(function (prev) {
         var now = new Date();
         var diff = Math.abs((now.getTime() - prev.getTime()) / 1000);
@@ -19435,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);
@@ -19488,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,