@megha-ui/react 1.3.93 → 1.3.96

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

@@ -1,24 +1,8 @@
 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;
-    searchable: boolean;
-    searchInput?: any;
+    searchOps?: any | null;
     columnIndex: number;
 }
 declare const TextFilterDropdown: React.FC<GridFilterDropdownProps>;

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

@@ -1,32 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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 }))] }));
+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 }))] }) }));
 };
 export default TextFilterDropdown;

package/package.json

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