@mw-kit/mw-ui 1.7.86 → 1.7.87

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

@@ -1,13 +1,6 @@
 /// <reference types="react" />
 import { SpacingOrZero, Spacings } from '../../interfaces';
-export declare type TabComponent<T = {}> = React.FunctionComponent<{
-    data: T;
-}>;
-export declare type TabProvider<T = {}> = React.FunctionComponent<React.PropsWithChildren<{
-    active: boolean;
-    data: T;
-}>>;
-export declare type TabProps<T = {}> = {
+declare type Tab<T = {}> = {
     /**
      * Define the tab label.
      */
@@ -16,7 +9,15 @@ export declare type TabProps<T = {}> = {
      * Define the tab data.
      */
     data: T;
-} & ({
+};
+export declare type TabComponent<T = {}> = React.FunctionComponent<{
+    data: T;
+}>;
+export declare type TabProvider<T = {}> = React.FunctionComponent<React.PropsWithChildren<{
+    active: boolean;
+    setTab: React.Dispatch<React.SetStateAction<Tab<T>>>;
+} & Tab<T>>>;
+export declare type TabProps<T = {}> = Tab<T> & ({
     /**
      * Specifies which component, will mount/unmount everytime the tab is ACTIVATED/INACTIVATED
      */
@@ -75,3 +76,4 @@ export interface StyledTabsProps {
     $active?: boolean;
 }
 export declare type TabsComponent = <T = {}>(props: React.PropsWithChildren<TabsProps<T>>) => JSX.Element;
+export {};

package/dist/index.js

@@ -19285,9 +19285,23 @@ var Tabs$1 = function Tabs$1(props) {
     var _tab$provider = tab.provider,
         Provider = _tab$provider === void 0 ? VoidProvider : _tab$provider,
         Component = tab.component;
+
+    var setTab = function setTab(s) {
+      setOptions(function (prev) {
+        if (prev[index] !== tab) return prev;
+        var newTab = typeof s === 'function' ? s(prev[index]) : s;
+        if (prev[index] === newTab) return prev;
+        var newTabs = [].concat(prev);
+        newTabs[index] = _extends({}, prev[index], newTab);
+        return newTabs;
+      });
+    };
+
     return React__default.createElement(Provider, Object.assign({
       key: index,
-      data: tab.data
+      label: tab.label,
+      data: tab.data,
+      setTab: setTab
     }, index === active ? {
       active: true,
       children: React__default.createElement("div", null, React__default.createElement(Component, {