@megha-ui/react 1.2.766 → 1.2.769

package/dist/components/dropdown/index.js

@@ -152,9 +152,12 @@ const Dropdown = ({ options, selectedValues, onChange, placeholder = "Select..."
                     bValue.toString().includes("-")) {
                     aValue = aValue.toString().split("-")[0];
                     bValue = bValue.toString().split("-")[0];
+                    aValue = isNaN(parseFloat(aValue)) ? aValue : parseFloat(aValue);
+                    bValue = isNaN(parseFloat(bValue)) ? bValue : parseFloat(bValue);
                 }
                 return aValue > bValue ? 1 : -1;
-            }).filter((option) => option.label.toLowerCase().includes(searchTerm.toLowerCase()))
+            })
+                .filter((option) => option.label.toLowerCase().includes(searchTerm.toLowerCase()))
             : options.filter((option) => option.label.toLowerCase().includes(searchTerm.toLowerCase()));
         setFilteredOptions(_options);
         const grouped = [];

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.766",
+  "version": "1.2.769",
   "description": "A collection of reusable UI components for React applications, built with TypeScript.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",