@megha-ui/react 1.3.84 → 1.3.88

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

@@ -1,38 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { memo, useEffect, useRef, useState } from "react";
+import React, { memo } from "react";
 import NewSummariseDetails from "./newSummariseDetails";
 import NewGroupedRow from "./newGroupedRow";
-const GroupedGrid = ({ groupedData, rowOpened, startIndex, endIndex, alternateRowColor, updateRowOpened, columnWidths, columnHeights, groupBy, widthMode, rowKey, rowHeight, headerBackground, isSummarise, gridGroupBy, rowStyle, sortable, cellStyle, summariseKeys, summariseDetails, activeCalculateColor, gridRef, setCalculatePosition, calculatePosition, calculatetextColor, setCalculateVisible, calculateVisible, summariseDisplay, recalculate, selectedRowStyle, isLoading, selectedRow, onRowClick, gridColumns, bulkSelect, selectedRows, toggleRowSelection, hasVerticalScroll, setColumnWidths, setColumnHeights, actionsKey, ignoreClickKeys, locale, formatOptions, }) => {
-    const groupedDiv = useRef(null);
-    const [renderedKeys, setRenderedKeys] = useState([]);
-    useEffect(() => {
-        var _a;
-        const groupedColumns = (_a = groupedDiv.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll(".group-column");
-        const _renderedKeys = [];
-        let newColumnWidths = columnWidths;
-        let newColumnHeights = columnHeights;
-        groupedColumns === null || groupedColumns === void 0 ? void 0 : groupedColumns.forEach((column) => {
-            var _a;
-            const key = (_a = column.className.split(" ")) === null || _a === void 0 ? void 0 : _a[1];
-            _renderedKeys.push(key);
-            newColumnWidths = Object.assign(Object.assign({}, newColumnWidths), { [key]: `${column.clientWidth}px` });
-            newColumnHeights = Object.assign(Object.assign({}, newColumnHeights), { [key]: `${column.clientHeight}px` });
-        });
-        if (renderedKeys.sort().toString() !== _renderedKeys.sort().toString()) {
-            setColumnWidths((prev) => (Object.assign(Object.assign({}, prev), newColumnWidths)));
-            setColumnHeights((prev) => (Object.assign(Object.assign({}, prev), newColumnHeights)));
-            setRenderedKeys(_renderedKeys);
-        }
-    }, [
-        groupedData.filter((item) => {
-            return item.type === "main" && item.level === 1
-                ? true
-                : rowOpened.includes(item.groupedValue
-                    .split(">")
-                    .filter((value, index) => index !== item.groupedValue.split(">").length - 1)
-                    .join(">"));
-        }),
-    ]);
+const GroupedGrid = ({ groupedData, rowOpened, startIndex, endIndex, alternateRowColor, updateRowOpened, columnWidths, groupBy, widthMode, rowKey, rowHeight, headerBackground, isSummarise, gridGroupBy, rowStyle, sortable, cellStyle, summariseKeys, summariseDetails, activeCalculateColor, gridRef, setCalculatePosition, calculatePosition, calculatetextColor, setCalculateVisible, calculateVisible, summariseDisplay, recalculate, selectedRowStyle, isLoading, selectedRow, onRowClick, gridColumns, bulkSelect, selectedRows, toggleRowSelection, hasVerticalScroll, setColumnWidths, actionsKey, ignoreClickKeys, locale, formatOptions, }) => {
     return (_jsx(_Fragment, { children: groupedData
             .filter((item) => {
             return item.type === "main" && item.level === 1

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,5 @@
-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 }))] }));
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const TextFilterDropdown = ({ headerDropdownIndex, sortingOps, searchOps, columnIndex, }) => {
+    return (_jsxs("div", { style: Object.assign(Object.assign({ position: "absolute", top: "calc(100% + 5px)" }, (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: [sortingOps && sortingOps, searchOps && searchOps] }));
 };
 export default TextFilterDropdown;

package/package.json

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