@megha-ui/react 1.2.752 → 1.2.754

package/dist/components/grid/hooks/usePagination.d.ts

@@ -1,5 +1,5 @@
 import { DataRow } from "../types/grid";
-export declare const usePagination: (sortedData: DataRow[], defaultRowsPerPage: number) => {
+export declare const usePagination: (sortedData: DataRow[], defaultRowsPerPage: number, currentPageProp: number | undefined, getCurrentPage: (page: number) => void, totalPages: number) => {
     paginatedData: DataRow[];
     currentPage: number;
     handleChangePage: (page: number) => void;

package/dist/components/grid/hooks/usePagination.js

@@ -1,7 +1,15 @@
 import { useState, useMemo, useEffect } from "react";
-export const usePagination = (sortedData, defaultRowsPerPage) => {
+export const usePagination = (sortedData, defaultRowsPerPage, currentPageProp, getCurrentPage, totalPages) => {
     const [currentPage, setCurrentPage] = useState(1);
     const [rowsPerPage, setRowsPerPage] = useState(10);
+    useEffect(() => {
+        if (currentPageProp !== undefined && currentPageProp >= 1 && currentPageProp <= totalPages) {
+            setCurrentPage(currentPageProp);
+        }
+        else {
+            setCurrentPage(1);
+        }
+    }, [currentPageProp]);
     useEffect(() => {
         setRowsPerPage(defaultRowsPerPage);
     }, [defaultRowsPerPage]);
@@ -11,7 +19,7 @@ export const usePagination = (sortedData, defaultRowsPerPage) => {
     }, [sortedData, currentPage, rowsPerPage]);
     const handleChangePage = (page) => {
         setCurrentPage(page);
-        localStorage.setItem("currentPage", page.toString());
+        getCurrentPage(page);
     };
     const handleChangeRowsPerPage = (value) => {
         setRowsPerPage(parseInt(value.toString(), 10));

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);
+}, currentPage: propCurrentPage, }) => {
     var _a, _b, _c, _d;
     const [searchQueries, setSearchQueries] = useState({});
     const [chips, setChips] = useState([]);
@@ -530,8 +532,9 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
         setSummariseKeys(_summariseKeys);
         setSummariseDetails(newSummariseDetails);
     };
+    const [totalPages, setTotalPages] = useState(0);
     const { sortedData, handleSort, sortQueries, setSortQueries } = useSort(filteredData, gridColumns, uniqueSearch, multiSorting, withAscii);
-    const { paginatedData, currentPage, handleChangePage, handleChangeRowsPerPage, rowsPerPage, } = usePagination(sortedData, defaultRowsPerPage);
+    const { paginatedData, currentPage, handleChangePage, handleChangeRowsPerPage, rowsPerPage, } = usePagination(sortedData, defaultRowsPerPage, propCurrentPage, getCurrentPage, totalPages);
     useEffect(() => {
         const keys = Object.keys(summariseKeys);
         if (keys.length > 0 && summariseAvailable) {
@@ -544,7 +547,6 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
         setSelectedRows: setSelectedCheckbox,
     });
     const [hasVerticalScroll, setHasVerticalScroll] = useState(false);
-    const [totalPages, setTotalPages] = useState(0);
     const [rowOpened, setRowOpened] = useState([]);
     const gridRef = useRef(null);
     const entrieGridRef = useRef(null);
@@ -855,7 +857,6 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
         };
     }, [sortedData, paginate, paginatedData]);
     useEffect(() => {
-        handleChangePage(1);
         setTotalPages(getTotalPages(sortedData.length, rowsPerPage));
     }, [data, sortQueries, rowsPerPage, sortedData.length]);
     const isScrollAlmostAtEnd = (element, threshold = 100) => {

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

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

package/package.json

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