@megha-ui/react 1.2.751 → 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, currentPageProp: number | undefined, getCurrentPage: (page: number) => void) => {
+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,15 +1,14 @@
 import { useState, useMemo, useEffect } from "react";
-export const usePagination = (sortedData, defaultRowsPerPage, currentPageProp, getCurrentPage) => {
+export const usePagination = (sortedData, defaultRowsPerPage, currentPageProp, getCurrentPage, totalPages) => {
     const [currentPage, setCurrentPage] = useState(1);
     const [rowsPerPage, setRowsPerPage] = useState(10);
     useEffect(() => {
-        if (currentPageProp !== undefined) {
+        if (currentPageProp !== undefined && currentPageProp >= 1 && currentPageProp <= totalPages) {
             setCurrentPage(currentPageProp);
         }
         else {
             setCurrentPage(1);
         }
-        console.log("Current page prop:", currentPageProp);
     }, [currentPageProp]);
     useEffect(() => {
         setRowsPerPage(defaultRowsPerPage);

package/dist/components/grid/index.js

@@ -532,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, propCurrentPage, getCurrentPage);
+    const { paginatedData, currentPage, handleChangePage, handleChangeRowsPerPage, rowsPerPage, } = usePagination(sortedData, defaultRowsPerPage, propCurrentPage, getCurrentPage, totalPages);
     useEffect(() => {
         const keys = Object.keys(summariseKeys);
         if (keys.length > 0 && summariseAvailable) {
@@ -546,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);
@@ -857,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megha-ui/react",
-  "version": "1.2.751",
+  "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",