@megha-ui/react 1.3.120 → 1.3.122

package/dist/components/grid/index.js

@@ -1014,6 +1014,12 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
             return item;
         }));
     };
+    const normalizeFixedFilters = (filters) => {
+        return Object.entries(filters)
+            .map(([key, values]) => `${key}:${[...values].sort().join(",")}`)
+            .sort()
+            .join("|");
+    };
     const updateRowOpened = (key) => {
         let updatedRowOpened = rowOpened;
         if (updatedRowOpened.includes(key)) {
@@ -1025,6 +1031,107 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
         setRowOpened(updatedRowOpened);
         setOpenedRows && setOpenedRows(updatedRowOpened);
     };
+    const filterDetails = useMemo(() => {
+        const filterColumn = gridColumns.reduce((acc, column) => {
+            const query = searchQueries[column.key];
+            const uniqeValues = [
+                ...new Set(filteredData.map((data) => { var _a; return data[column.key] && ((_a = data[column.key].value) === null || _a === void 0 ? void 0 : _a.toString()); })),
+            ].sort();
+            if (query &&
+                (query.text !== "" || query.type !== defaultSearchOperation)) {
+                acc[column.key] = query.text;
+            }
+            else if (uniqueSearch[column.key] &&
+                uniqeValues.toString() !== uniqueSearch[column.key].sort().toString()) {
+                acc[column.key] = uniqueSearch[column.key].join(",");
+            }
+            return acc;
+        }, {});
+        const fixedFilterColumn = fixedColumns.reduce((acc, column) => {
+            const values = fixedFilterValues[column.key] || [];
+            if (values.length > 0) {
+                acc[column.key] = values;
+            }
+            return acc;
+        }, {});
+        const propFilterColumn = gridColumns.reduce((acc, column) => {
+            if (filterData) {
+                const { searchQueries, uniqueSearch } = filterData;
+                const query = searchQueries[column.key];
+                const uniqeValues = [
+                    ...new Set(filteredData.map((data) => { var _a; return data[column.key] && ((_a = data[column.key].value) === null || _a === void 0 ? void 0 : _a.toString()); })),
+                ].sort();
+                if (query &&
+                    (query.text !== "" || query.type !== defaultSearchOperation)) {
+                    acc[column.key] = query.text;
+                }
+                else if (uniqueSearch[column.key] &&
+                    uniqeValues.toString() !==
+                        uniqueSearch[column.key].sort().toString()) {
+                    acc[column.key] = uniqueSearch[column.key].join(",");
+                }
+            }
+            return acc;
+        }, {});
+        const propFixedFilterColumn = fixedColumns.reduce((acc, column) => {
+            var _a;
+            const values = (filterData && ((_a = filterData.fixedFilterValues) === null || _a === void 0 ? void 0 : _a[column.key])) || [];
+            if (values.length > 0) {
+                acc[column.key] = values;
+            }
+            return acc;
+        }, {});
+        const sortColumn = gridColumns.reduce((acc, column) => {
+            const query = sortQueries === null || sortQueries === void 0 ? void 0 : sortQueries[column.key];
+            if (query) {
+                acc[column.key] = query;
+            }
+            return acc;
+        }, {});
+        const propSortColumn = gridColumns.reduce((acc, column) => {
+            const query = defaultSort === null || defaultSort === void 0 ? void 0 : defaultSort[column.key];
+            if (query) {
+                acc[column.key] = query;
+            }
+            return acc;
+        }, {});
+        const hasFilters = Object.keys(filterColumn).length > 0 ||
+            globalInputSearch !== "" ||
+            Object.keys(fixedFilterColumn).length > 0;
+        return {
+            hasFilters,
+            filtersUpdated: Object.keys(filterColumn).sort().toString() !==
+                Object.keys(propFilterColumn).sort().toString() ||
+                Object.values(filterColumn).sort().toString() !==
+                    Object.values(propFilterColumn).sort().toString() ||
+                Object.keys(sortColumn).sort().toString() !==
+                    Object.keys(propSortColumn).sort().toString() ||
+                Object.values(sortColumn).sort().toString() !==
+                    Object.values(propSortColumn).sort().toString() ||
+                normalizeFixedFilters(fixedFilterColumn) !==
+                    normalizeFixedFilters(propFixedFilterColumn) ||
+                (filterData === null || filterData === void 0 ? void 0 : filterData.globalInputSearch) !== globalInputSearch,
+        };
+    }, [
+        searchQueries,
+        globalInputSearch,
+        uniqueSearch,
+        gridColumns,
+        filteredData,
+        fixedFilterValues,
+        fixedColumns,
+        sortQueries,
+        defaultSort,
+        filterData,
+    ]);
+    const shouldShowHeaderActionsSpacer = isSummarise ||
+        showHideAvailable ||
+        exportAvailable ||
+        isHideDupsAvailable ||
+        fullScreen ||
+        freezeColumnsAvailable ||
+        filterDetails.filtersUpdated ||
+        hasCustomOperation;
     useEffect(() => {
         if (showHideAvailable ||
             exportAvailable ||
@@ -1122,105 +1229,6 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
         });
         setSearchQueries((prev) => (Object.assign(Object.assign({}, prev), filterObj)));
     };
-    const normalizeFixedFilters = (filters) => {
-        return Object.entries(filters)
-            .map(([key, values]) => `${key}:${[...values].sort().join(",")}`)
-            .sort()
-            .join("|");
-    };
-    const filterDetails = useMemo(() => {
-        const filterColumn = gridColumns.reduce((acc, column) => {
-            const query = searchQueries[column.key];
-            const uniqeValues = [
-                ...new Set(filteredData.map((data) => { var _a; return data[column.key] && ((_a = data[column.key].value) === null || _a === void 0 ? void 0 : _a.toString()); })),
-            ].sort();
-            if (query &&
-                (query.text !== "" || query.type !== defaultSearchOperation)) {
-                acc[column.key] = query.text;
-            }
-            else if (uniqueSearch[column.key] &&
-                uniqeValues.toString() !== uniqueSearch[column.key].sort().toString()) {
-                acc[column.key] = uniqueSearch[column.key].join(",");
-            }
-            return acc;
-        }, {});
-        const fixedFilterColumn = fixedColumns.reduce((acc, column) => {
-            const values = fixedFilterValues[column.key] || [];
-            if (values.length > 0) {
-                acc[column.key] = values;
-            }
-            return acc;
-        }, {});
-        const propFilterColumn = gridColumns.reduce((acc, column) => {
-            if (filterData) {
-                const { searchQueries, uniqueSearch } = filterData;
-                const query = searchQueries[column.key];
-                const uniqeValues = [
-                    ...new Set(filteredData.map((data) => { var _a; return data[column.key] && ((_a = data[column.key].value) === null || _a === void 0 ? void 0 : _a.toString()); })),
-                ].sort();
-                if (query &&
-                    (query.text !== "" || query.type !== defaultSearchOperation)) {
-                    acc[column.key] = query.text;
-                }
-                else if (uniqueSearch[column.key] &&
-                    uniqeValues.toString() !==
-                        uniqueSearch[column.key].sort().toString()) {
-                    acc[column.key] = uniqueSearch[column.key].join(",");
-                }
-            }
-            return acc;
-        }, {});
-        const propFixedFilterColumn = fixedColumns.reduce((acc, column) => {
-            var _a;
-            const values = (filterData && ((_a = filterData.fixedFilterValues) === null || _a === void 0 ? void 0 : _a[column.key])) || [];
-            if (values.length > 0) {
-                acc[column.key] = values;
-            }
-            return acc;
-        }, {});
-        const sortColumn = gridColumns.reduce((acc, column) => {
-            const query = sortQueries === null || sortQueries === void 0 ? void 0 : sortQueries[column.key];
-            if (query) {
-                acc[column.key] = query;
-            }
-            return acc;
-        }, {});
-        const propSortColumn = gridColumns.reduce((acc, column) => {
-            const query = defaultSort === null || defaultSort === void 0 ? void 0 : defaultSort[column.key];
-            if (query) {
-                acc[column.key] = query;
-            }
-            return acc;
-        }, {});
-        const hasFilters = Object.keys(filterColumn).length > 0 ||
-            globalInputSearch !== "" ||
-            Object.keys(fixedFilterColumn).length > 0;
-        return {
-            hasFilters,
-            filtersUpdated: Object.keys(filterColumn).sort().toString() !==
-                Object.keys(propFilterColumn).sort().toString() ||
-                Object.values(filterColumn).sort().toString() !==
-                    Object.values(propFilterColumn).sort().toString() ||
-                Object.keys(sortColumn).sort().toString() !==
-                    Object.keys(propSortColumn).sort().toString() ||
-                Object.values(sortColumn).sort().toString() !==
-                    Object.values(propSortColumn).sort().toString() ||
-                normalizeFixedFilters(fixedFilterColumn) !==
-                    normalizeFixedFilters(propFixedFilterColumn) ||
-                (filterData === null || filterData === void 0 ? void 0 : filterData.globalInputSearch) !== globalInputSearch,
-        };
-    }, [
-        searchQueries,
-        globalInputSearch,
-        uniqueSearch,
-        gridColumns,
-        filteredData,
-        fixedFilterValues,
-        fixedColumns,
-        sortQueries,
-        defaultSort,
-        filterData,
-    ]);
     const sortDetails = useMemo(() => {
         const sortColumn = gridColumns.reduce((acc, column) => {
             const query = sortQueries === null || sortQueries === void 0 ? void 0 : sortQueries[column.key];
@@ -1332,7 +1340,6 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
     //     setGridGroupBy(groupBy);
     //   }
     // };
-    console.log({ isHideDupsAvailable });
     const gridBody = (_jsxs("div", { style: {
             height: withCard ? "100%" : height,
             backgroundColor: isFullScreen ? "var(--background)" : "transparent",
@@ -1493,7 +1500,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
                                                 : undefined, isSort: column.fixedFilterOrder ? false : undefined, isClear: true, searchEnabled: true, dropdownListWidth: "max-content", className: "h-8 flex-1", isMultiple: column.fixedFilter === "multi-select" }) }, column.key));
                                 }
                                 return null;
-                            }), _jsx("div", { className: "flex-1 h-2" }), isSummarise && (_jsx("div", { onClick: () => setSummariseAvailable((prev) => !prev), style: {
+                            }), shouldShowHeaderActionsSpacer && _jsx("div", { className: "flex-1 h-2" }), isSummarise && (_jsx("div", { onClick: () => setSummariseAvailable((prev) => !prev), style: {
                                     cursor: "pointer",
                                     marginLeft: "0.75rem",
                                 }, children: SummariseIcon ? (SummariseIcon) : summariseAvailable ? (_jsx(TbCalculatorFilled, { color: summarizeColor, size: 18 })) : (_jsx(TbCalculator, { size: 18 })) })), showHideAvailable && (_jsx("div", { onClick: openSetting, style: { cursor: "pointer", marginLeft: "0.75rem" }, children: SettingIcon ? SettingIcon : _jsx(FiEye, { size: 18 }) })), exportAvailable && (_jsx("div", { onClick: handleExport, style: { cursor: "pointer", marginLeft: "0.75rem" }, children: ExportIcon ? ExportIcon : _jsx(FiShare, { size: 16 }) })), isHideDupsAvailable && (_jsx("div", { onClick: () => setHideDuplicates((prev) => !prev), style: { cursor: "pointer", marginLeft: "0.75rem" }, title: hideDuplicates ? "Show Duplicates" : "Hide Duplicates", children: hideDuplicates ? (_jsx(MdLayers, { size: 18 })) : (_jsx(MdLayersClear, { size: 18 })) })), fullScreen && (_jsx("div", { onClick: toggleFullScreen, style: { cursor: "pointer", marginLeft: "0.75rem" }, children: isFullScreen ? (_jsx(MdFullscreenExit, { size: 20 })) : (_jsx(MdFullscreen, { size: 20 })) })), freezeColumnsAvailable && (_jsx("div", { onClick: toggleCollapse, style: { cursor: "pointer", marginLeft: "0.75rem" }, children: isCollapsed ? (_jsx(FiChevronsRight, { size: 20 })) : (_jsx(FiChevronsLeft, { size: 20 })) })), (filterDetails.filtersUpdated ||

package/package.json

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