@megha-ui/react 1.3.44 → 1.3.45

package/dist/components/grid/index.js

@@ -1118,6 +1118,12 @@ 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];
@@ -1134,6 +1140,13 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
             }
             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;
@@ -1153,6 +1166,14 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
             }
             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) {
@@ -1167,7 +1188,9 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
             }
             return acc;
         }, {});
-        const hasFilters = Object.keys(filterColumn).length > 0 || globalInputSearch !== "";
+        const hasFilters = Object.keys(filterColumn).length > 0 ||
+            globalInputSearch !== "" ||
+            Object.keys(fixedFilterColumn).length > 0;
         return {
             hasFilters,
             filtersUpdated: Object.keys(filterColumn).sort().toString() !==
@@ -1178,9 +1201,22 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
                     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]);
+    }, [
+        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];
@@ -1469,6 +1505,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
                                     groupBy: gridGroupBy,
                                     sortQueries: sortQueries,
                                     summariseKeys: summariseKeys,
+                                    fixedFilterValues,
                                 }), style: {
                                     marginLeft: 6,
                                     cursor: "pointer",

package/package.json

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