@mw-kit/mw-ui 1.7.78 → 1.7.80

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: (props: Pick<TabsProps, 'onClose'> & {
+declare const Close: <T>(props: Pick<TabsProps<T>, "onClose"> & {
     index: number;
     active: [number, React.Dispatch<React.SetStateAction<number>>];
-    options: [TabProps[], React.Dispatch<React.SetStateAction<TabProps[]>>];
+    options: [TabProps<T>[], React.Dispatch<React.SetStateAction<TabProps<T>[]>>];
 }) => JSX.Element;
 export default Close;

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

@@ -1,4 +1,3 @@
-import React from 'react';
-import { TabsProps } from './interfaces';
-declare const Tabs: (props: React.PropsWithChildren<TabsProps>) => JSX.Element;
+import { TabsComponent } from './interfaces';
+declare const Tabs: TabsComponent;
 export default Tabs;

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

@@ -1,29 +1,36 @@
 /// <reference types="react" />
 import { SpacingOrZero, Spacings } from '../../interfaces';
-export declare type TabComponent = React.FunctionComponent;
-export declare type TabProvider = React.FunctionComponent<React.PropsWithChildren<{
+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 = {
+export declare type TabProps<T = {}> = {
     /**
      * Define the tab label.
      */
     label: string;
+    /**
+     * Define the tab data.
+     */
+    data: T;
 } & ({
     /**
      * Specifies which component, will mount/unmount everytime the tab is ACTIVATED/INACTIVATED
      */
-    component: TabComponent;
+    component: TabComponent<T>;
     /**
      * Specifies the component provider, will mount/unmount when the tab is CREATED/REMOVED
      */
-    provider?: TabProvider;
+    provider?: TabProvider<T>;
 } | {});
-export interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface TabsProps<T = {}> extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Array with available tabs.
      */
-    options: TabProps[] | [TabProps[], React.Dispatch<React.SetStateAction<TabProps[]>>];
+    options: TabProps<T>[] | [TabProps<T>[], React.Dispatch<React.SetStateAction<TabProps<T>[]>>];
     /**
      * React state to control which tab is active.
      */
@@ -55,7 +62,7 @@ export interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * callback when closing a tab
      */
-    onClose?: (index: number, tab: TabProps, event: React.MouseEvent) => void | Promise<void>;
+    onClose?: (index: number, tab: TabProps<T>, event: React.MouseEvent) => void | Promise<void>;
 }
 export interface StyledTabsProps {
     /**
@@ -67,3 +74,4 @@ export interface StyledTabsProps {
      */
     $active?: boolean;
 }
+export declare type TabsComponent = <T = {}>(props: React.PropsWithChildren<TabsProps<T>>) => JSX.Element;

package/dist/index.js

@@ -19201,10 +19201,6 @@ var VoidClose = function VoidClose() {
   return React__default.createElement(React__default.Fragment, null);
 };
 
-var VoidComponent = function VoidComponent() {
-  return React__default.createElement(React__default.Fragment, null);
-};
-
 var VoidProvider = function VoidProvider(props) {
   return React__default.createElement(React__default.Fragment, {
     children: props.children
@@ -19242,18 +19238,23 @@ var Tabs$1 = function Tabs$1(props) {
       children: tab.label
     }));
   })), options.map(function (tab, index) {
-    var _ref3 = 'component' in tab ? tab : {},
-        _ref3$component = _ref3.component,
-        Component = _ref3$component === void 0 ? VoidComponent : _ref3$component,
-        _ref3$provider = _ref3.provider,
-        Provider = _ref3$provider === void 0 ? VoidProvider : _ref3$provider;
-
-    var isActive = index === active;
-    return React__default.createElement(Provider, {
-      key: index,
-      active: isActive,
-      children: isActive ? React__default.createElement("div", null, React__default.createElement(Component, null)) : undefined
+    if (!('component' in tab)) return React__default.createElement(React__default.Fragment, {
+      key: index
     });
+    var _tab$provider = tab.provider,
+        Provider = _tab$provider === void 0 ? VoidProvider : _tab$provider,
+        Component = tab.component;
+    return React__default.createElement(Provider, Object.assign({
+      key: index,
+      data: tab.data
+    }, index === active ? {
+      active: true,
+      children: React__default.createElement("div", null, React__default.createElement(Component, {
+        data: tab.data
+      }))
+    } : {
+      active: false
+    }));
   }));
 };