@megha-ui/react 1.2.749 → 1.2.751

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) => {
+export declare const usePagination: (sortedData: DataRow[], defaultRowsPerPage: number, currentPageProp: number | undefined, getCurrentPage: (page: number) => void) => {
     paginatedData: DataRow[];
     currentPage: number;
     handleChangePage: (page: number) => void;

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

@@ -1,10 +1,15 @@
 import { useState, useMemo, useEffect } from "react";
-export const usePagination = (sortedData, defaultRowsPerPage, currentPageProp) => {
-    const [currentPage, setCurrentPage] = useState(currentPageProp);
+export const usePagination = (sortedData, defaultRowsPerPage, currentPageProp, getCurrentPage) => {
+    const [currentPage, setCurrentPage] = useState(1);
     const [rowsPerPage, setRowsPerPage] = useState(10);
     useEffect(() => {
-        console.log("Current page prop changed:", currentPageProp);
-        setCurrentPage(currentPageProp);
+        if (currentPageProp !== undefined) {
+            setCurrentPage(currentPageProp);
+        }
+        else {
+            setCurrentPage(1);
+        }
+        console.log("Current page prop:", currentPageProp);
     }, [currentPageProp]);
     useEffect(() => {
         setRowsPerPage(defaultRowsPerPage);
@@ -15,6 +20,7 @@ export const usePagination = (sortedData, defaultRowsPerPage, currentPageProp) =
     }, [sortedData, currentPage, rowsPerPage]);
     const handleChangePage = (page) => {
         setCurrentPage(page);
+        getCurrentPage(page);
     };
     const handleChangeRowsPerPage = (value) => {
         setRowsPerPage(parseInt(value.toString(), 10));

package/dist/components/grid/index.js

@@ -42,7 +42,7 @@ const Grid = ({ columns, wrapperClass, updateGridColumns, data, height, sortable
 // Card wrapper props
 withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, subHeader, cardFooter, getCurrentPage = (page) => {
     console.log("Current page:", page);
-}, currentPage: propCurrentPage = 1, }) => {
+}, currentPage: propCurrentPage, }) => {
     var _a, _b, _c, _d;
     const [searchQueries, setSearchQueries] = useState({});
     const [chips, setChips] = useState([]);
@@ -533,10 +533,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
         setSummariseDetails(newSummariseDetails);
     };
     const { sortedData, handleSort, sortQueries, setSortQueries } = useSort(filteredData, gridColumns, uniqueSearch, multiSorting, withAscii);
-    const { paginatedData, currentPage, handleChangePage, handleChangeRowsPerPage, rowsPerPage, } = usePagination(sortedData, defaultRowsPerPage, propCurrentPage);
-    useEffect(() => {
-        getCurrentPage(currentPage);
-    }, [currentPage]);
+    const { paginatedData, currentPage, handleChangePage, handleChangeRowsPerPage, rowsPerPage, } = usePagination(sortedData, defaultRowsPerPage, propCurrentPage, getCurrentPage);
     useEffect(() => {
         const keys = Object.keys(summariseKeys);
         if (keys.length > 0 && summariseAvailable) {

package/package.json

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