@megha-ui/react 1.3.92 → 1.3.94

package/dist/components/grid/utils/textFilterDropdown.d.ts

@@ -1,8 +1,24 @@
 import React from "react";
+interface DropdownOption {
+    label: string;
+    value: string;
+    action: (columnKey: string, optionValue: string) => void;
+}
+interface MenuPosition {
+    top: number;
+    left: number;
+}
 interface GridFilterDropdownProps {
+    searchOptions: DropdownOption[];
+    position: MenuPosition;
+    combined: boolean;
+    columnKey: string;
+    activeSearchType: string;
+    searchElement: any;
     headerDropdownIndex?: number;
     sortingOps?: any;
-    searchOps?: any | null;
+    searchable: boolean;
+    searchInput?: any;
     columnIndex: number;
 }
 declare const TextFilterDropdown: React.FC<GridFilterDropdownProps>;

package/dist/components/grid/utils/textFilterDropdown.js

@@ -1,16 +1,32 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const TextFilterDropdown = ({ headerDropdownIndex, sortingOps, searchOps, columnIndex, }) => {
-    return (_jsx("div", { style: Object.assign(Object.assign({ position: "absolute", top: "calc(100% + 5px)" }, (columnIndex > 1 ? { right: 0 } : { left: 0 })), { zIndex: headerDropdownIndex ? headerDropdownIndex : 1000, backgroundColor: "var(--card-bg, var(--background))", color: "var(--foreground)", boxShadow: "0px 0.5rem 1rem 0px rgba(0,0,0,0.2)", border: "1px solid var(--divider, #eceff4)", listStyleType: "none", padding: "0.25rem 0.35rem", width: 230, borderRadius: "0.5rem", margin: 0 }), id: "grid-dropdown", onClick: (e) => e.stopPropagation(), children: _jsxs("div", { style: {
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.25rem",
-            }, children: [sortingOps && (_jsx("div", { style: {
-                        padding: "0.35rem 0.5rem 0.25rem",
-                        borderBottom: searchOps
-                            ? "1px solid var(--divider, #eceff4)"
-                            : "none",
-                    }, children: sortingOps })), searchOps && (_jsx("div", { style: {
-                        padding: "0.25rem 0.5rem 0.35rem",
-                    }, children: searchOps }))] }) }));
+import { useEffect } from "react";
+import Dropdown from "../../dropdown";
+const TextFilterDropdown = ({ headerDropdownIndex, searchOptions, combined, position, columnKey, searchElement, activeSearchType, sortingOps, searchable, searchInput, columnIndex, }) => {
+    useEffect(() => {
+        var _a;
+        if (searchElement) {
+            const _searchElement = document.getElementById("search-input");
+            if (_searchElement) {
+                const ele = _searchElement.getElementsByTagName("input");
+                (_a = ele.item(0)) === null || _a === void 0 ? void 0 : _a.focus();
+            }
+        }
+    }, []);
+    const handleDropdownChange = (selected, columnKey) => {
+        const clickedOption = searchOptions.find((item) => selected === item.value);
+        clickedOption === null || clickedOption === void 0 ? void 0 : clickedOption.action(columnKey, selected);
+    };
+    return (_jsxs("div", { style: Object.assign(Object.assign({ position: "absolute", top: combined ? 0 : "calc(100% + 5px)" }, (combined
+            ? {
+                left: "100%",
+            }
+            : columnIndex > 1
+                ? { right: 0 }
+                : { left: 0 })), { zIndex: headerDropdownIndex ? headerDropdownIndex : 1000, backgroundColor: "var(--background)", color: "var(--foreground)", boxShadow: "0px 0.5rem 1rem 0px rgba(0,0,0,0.2)", listStyleType: "none", padding: "0.25rem 0", width: 230, borderRadius: "0.5rem", margin: 0 }), id: "grid-dropdown", onClick: (e) => e.stopPropagation(), children: [searchInput && searchInput, sortingOps && sortingOps, _jsx("div", { style: {
+                    padding: "0.5rem 0.75rem",
+                }, children: _jsx(Dropdown, { options: searchOptions, selectedValues: [activeSearchType], onChange: (selected) => { var _a; return handleDropdownChange((_a = selected[0].toString()) !== null && _a !== void 0 ? _a : "", columnKey); }, searchEnabled: false, maxDropdownHeight: 350 }) }), !["blank", "notblank"].includes(activeSearchType.toLowerCase()) && (_jsx("div", { style: {
+                    padding: "0.5rem 0.75rem",
+                    cursor: "pointer",
+                }, children: searchElement }))] }));
 };
 export default TextFilterDropdown;

package/package.json

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