pixelize-design-library 2.3.1-beta.8 → 2.3.1-beta.9

package/dist/Components/Table/Table.js

@@ -145,12 +145,27 @@ function Table(_a) {
     // (search / filter / sort / page-size). Only used in grouped + groupLoadMore mode.
     var _36 = (0, react_1.useState)([]), accumulatedRows = _36[0], setAccumulatedRows = _36[1];
     var pendingLoadMoreRef = (0, react_1.useRef)(false);
+    // Pages loaded so far (1 = the initial page). The next page is derived from this
+    // counter — NOT from the deduped row count — so overlapping rows across pages
+    // (e.g. pinned rows that repeat on every page) don't stall the page index.
+    var loadedPagesRef = (0, react_1.useRef)(1);
     (0, react_1.useEffect)(function () {
         if (!groupLoadMore)
             return;
+        // eslint-disable-next-line no-console
+        console.log("[Table][loadMore] data change", {
+            incoming: tableData.length,
+            incomingIds: tableData.slice(0, 50).map(function (r) { return r.id; }),
+            accumulated: accumulatedRows.length,
+            newRows: tableData.filter(function (r) { return !new Set(accumulatedRows.map(function (a) { return a.id; })).has(r.id); }).length,
+            pending: pendingLoadMoreRef.current,
+            loadedPages: loadedPagesRef.current,
+        });
         setAccumulatedRows(function (prev) {
-            if (prev.length === 0)
+            if (prev.length === 0) {
+                loadedPagesRef.current = 1;
                 return tableData.slice();
+            }
             var accIds = new Set(prev.map(function (r) { return r.id; }));
             if (pendingLoadMoreRef.current) {
                 // A "Load more" is in flight. The parent may re-emit the SAME page (new
@@ -166,7 +181,10 @@ function Table(_a) {
             // (the parent re-renders the current page often). Genuinely new rows
             // (search / filter / sort / page-size / reload) reset it.
             var allKnown = tableData.length > 0 && tableData.every(function (r) { return accIds.has(r.id); });
-            return allKnown ? prev : tableData.slice();
+            if (allKnown)
+                return prev;
+            loadedPagesRef.current = 1; // fresh data set
+            return tableData.slice();
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [tableData, groupLoadMore]);
@@ -254,11 +272,19 @@ function Table(_a) {
         if (isLoadingMore || isTableLoading || !hasMoreEffective)
             return;
         var chunk = loadMoreChunkSize !== null && loadMoreChunkSize !== void 0 ? loadMoreChunkSize : rowsPerPage;
-        // Next page is derived from how many rows we've already accumulated, so each
-        // click advances (fixes "always fromIndex 2") and the parent can replace `data`.
-        var nextPage = Math.floor(loadMoreBase.length / (chunk || 1)) + 1;
+        // Advance by page COUNT (not by deduped row count) so overlapping/pinned rows
+        // across pages don't keep us stuck on the same page.
+        var nextPage = loadedPagesRef.current + 1;
+        loadedPagesRef.current = nextPage;
         var lastRecord = loadMoreBase.length > 0 ? loadMoreBase[loadMoreBase.length - 1] : undefined;
         pendingLoadMoreRef.current = true;
+        // eslint-disable-next-line no-console
+        console.log("[Table][loadMore] click → request page", nextPage, {
+            chunk: chunk,
+            accumulated: loadMoreBase.length,
+            totalRecords: totalRecords,
+            hasMore: hasMoreEffective,
+        });
         (_a = onPaginationRef.current) === null || _a === void 0 ? void 0 : _a.call(onPaginationRef, nextPage, chunk, lastRecord, "next");
     };
     var groupLoadMoreCaption = totalRecords > 0 ? "Showing ".concat(loadMoreBase.length, " of ").concat(totalRecords) : undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.3.1-beta.8",
+  "version": "2.3.1-beta.9",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",