@megha-ui/react 1.2.767 → 1.2.770

package/dist/components/card/index.js

@@ -29,6 +29,6 @@ const Card = ({ header, content, footer, className, borderRadius = "0.5rem", wid
             setRemovalHeight(`${_removalHeight}px`);
         }
     }, [header, footer]);
-    return (_jsxs("div", { ref: cardRef, className: `wk-card ${className}`, style: cardStyle, children: [header && (_jsx("div", { id: "header", className: "wk-card-header", children: header })), _jsx("div", { className: "wk-card-content", style: { height: `calc(100% - ${removalHeight})`, overflow: "auto" }, children: content }), footer && (_jsx("div", { id: "footer", className: "wk-card-footer", children: footer }))] }));
+    return (_jsxs("div", { ref: cardRef, className: `wk-card ${className}`, style: cardStyle, children: [header && (_jsx("div", { id: "header", className: "wk-card-header", children: header })), _jsx("div", { className: "wk-card-content", style: { height: height === "max-content" ? "max-content" : `calc(100% - ${removalHeight})`, overflow: "auto" }, children: content }), footer && (_jsx("div", { id: "footer", className: "wk-card-footer", children: footer }))] }));
 };
 export default Card;

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

@@ -25,6 +25,7 @@ interface TabPanelProps {
     children: ReactNode;
     className?: string;
     padding?: string | number;
+    getActiveTab?: (tab: string) => void;
 }
 export declare const TabPanel: React.FC<TabPanelProps>;
 export {};

package/dist/components/tabs/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, createContext, useContext } from "react";
+import { useState, createContext, useContext, useEffect, } from "react";
 const TabsContext = createContext(undefined);
 export const Tabs = ({ children, defaultActive, className, type = "horizontal", showTabNumber = false, showTabDescription = false, }) => {
     const [activeTab, setActiveTab] = useState(defaultActive || "");
@@ -70,13 +70,18 @@ export const Tab = ({ label, description, tabNumber }) => {
                                 fontSize: "0.85rem",
                             }, children: description }))] })] }) }));
 };
-export const TabPanel = ({ label, children, className, padding, }) => {
+export const TabPanel = ({ label, children, className, padding, getActiveTab, }) => {
     const context = useContext(TabsContext);
     if (!context) {
         throw new Error("TabPanel component must be used inside Tabs.");
     }
     const { activeTab } = context;
     const isActive = activeTab === label;
+    useEffect(() => {
+        if (activeTab && getActiveTab) {
+            getActiveTab(activeTab);
+        }
+    }, [activeTab]);
     return isActive ? (_jsx("div", { className: className, style: {
             flex: 1,
             background: "var(--tab-panal-bg)",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megha-ui/react",
-  "version": "1.2.767",
+  "version": "1.2.770",
   "description": "A collection of reusable UI components for React applications, built with TypeScript.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",