@megha-ui/react 1.2.743 → 1.2.746

package/dist/components/grid/index.js

@@ -40,7 +40,9 @@ const Grid = ({ columns, wrapperClass, updateGridColumns, data, height, sortable
     console.log("Update fixed filter values not implemented", fixedFilterValues);
 }, locale, formatOptions, exportOptions, 
 // Card wrapper props
-withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, subHeader, cardFooter, }) => {
+withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, subHeader, cardFooter, getCurrentPage = (page) => {
+    console.log("Current page:", page);
+}, }) => {
     var _a, _b, _c, _d;
     const [searchQueries, setSearchQueries] = useState({});
     const [chips, setChips] = useState([]);
@@ -90,9 +92,6 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
         return gridColumns.filter((col) => col.fixedFilter && col.fixedFilter !== "");
     }, [gridColumns]);
     const [fixedFilterValues, setFixedFilterValues] = useState({});
-    useEffect(() => {
-        updateGroupBy && updateGroupBy(gridGroupBy);
-    }, [gridGroupBy]);
     useEffect(() => {
         setSummariseAvailable(isSummarise);
     }, [isSummarise]);
@@ -535,6 +534,9 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
     };
     const { sortedData, handleSort, sortQueries, setSortQueries } = useSort(filteredData, gridColumns, uniqueSearch, multiSorting, withAscii);
     const { paginatedData, currentPage, handleChangePage, handleChangeRowsPerPage, rowsPerPage, } = usePagination(sortedData, defaultRowsPerPage);
+    useEffect(() => {
+        getCurrentPage(currentPage);
+    }, [currentPage]);
     useEffect(() => {
         const keys = Object.keys(summariseKeys);
         if (keys.length > 0 && summariseAvailable) {
@@ -1473,6 +1475,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
                         }, children: [_jsx("div", { title: "Clear All Groups", onClick: () => {
                                     // setChanged((prev) => [...prev, "groupBy"]);
                                     setGridGroupBy("");
+                                    updateGroupBy && updateGroupBy("");
                                 }, style: { cursor: "pointer", marginRight: "0.5rem" }, children: _jsx(MdGroupOff, { size: 18 }) }), gridGroupBy.split(",").map((chip) => {
                                 const column = columns.find((item) => item.key === chip);
                                 return (_jsxs("div", { style: {
@@ -1486,10 +1489,17 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
                                                 display: "inline-block",
                                                 cursor: "pointer",
                                                 marginLeft: "0.5rem",
-                                            }, onClick: () => setGridGroupBy((prev) => prev
-                                                .split(",")
-                                                .filter((item) => item !== chip)
-                                                .join(",")), children: "\u00D7" })] }, chip));
+                                            }, onClick: () => {
+                                                setGridGroupBy(gridGroupBy
+                                                    .split(",")
+                                                    .filter((item) => item !== chip)
+                                                    .join(","));
+                                                updateGroupBy &&
+                                                    updateGroupBy(gridGroupBy
+                                                        .split(",")
+                                                        .filter((item) => item !== chip)
+                                                        .join(","));
+                                            }, children: "\u00D7" })] }, chip));
                             })] }))] }), _jsxs("div", { id: `grid-content`, style: {
                     display: "block",
                     border: gridBorder ? "1px solid #f0f0f0" : "none",
@@ -1506,6 +1516,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
                                     .join(",")
                                 : [..._gridGroupBy.split(",").filter((item) => item), value].join(",");
                             setGridGroupBy(_gridGroupBy);
+                            updateGroupBy && updateGroupBy(_gridGroupBy);
                         }, headerDropdownIndex: headerDropdownIndex, updateGridColumns: updateGridColumns, setGridColumns: setGridColumns, widthUnits: widthUnits, gridData: filteredData, checkboxWrapper: checkboxWrapper, onFilter: onFilter, setUniqueSearch: setUniqueSearch, uniqueSearch: uniqueSearch, hugColumnWidths: columnWidths, menuVisible: menuVisible, setMenuVisible: setMenuVisible, dropdownVisible: dropdownVisible, actionsKey: actionsKey, setDropdownVisible: setDropdownVisible, columnSearchOutside: columnSearchOutside, locale: locale, formatOptions: formatOptions }), hugLoading && (_jsx("div", { style: {
                             position: "sticky",
                             width: "100%",

package/dist/components/grid/types/grid.d.ts

@@ -172,6 +172,7 @@ export interface OjasGridProps {
     headerRight?: ReactNode;
     subHeader?: ReactNode;
     cardFooter?: ReactNode;
+    getCurrentPage?: (page: number) => void;
 }
 export interface GroupedRowProps {
     item: any;

package/package.json

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