next-helios-fe 1.6.22 → 1.6.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-helios-fe",
-  "version": "1.6.22",
+  "version": "1.6.23",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/content-container/tab/index.tsx

@@ -1,5 +1,5 @@
 "use client";
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
 import { Icon } from "@iconify/react";
 import { Window, type WindowProps } from "./window";
 
@@ -13,19 +13,29 @@ interface TabProps {
     variant?: "vertical" | "horizontal";
     border?: boolean;
   };
+  onChangeTab?: (tab: any) => void;
 }
 
 interface TabComponent extends React.FC<TabProps> {
   Window: React.FC<WindowProps>;
 }
 
-export const Tab: TabComponent = ({ children, tabs, options }) => {
+export const Tab: TabComponent = ({ children, tabs, options, onChangeTab }) => {
   const childrenList = React.Children.toArray(children);
   const windowList = childrenList.filter((child) => {
     return (child as React.ReactElement).type === Tab.Window;
   });
   const [activeTab, setActiveTab] = useState(0);
 
+  useEffect(() => {
+    if (onChangeTab) {
+      onChangeTab({
+        index: activeTab,
+        title: tabs[activeTab].title,
+      });
+    }
+  }, [activeTab]);
+
   return (
     <div
       className={`flex w-full h-full overlow-hidden ${