@ai-matrx/design-system 0.20.12 → 0.20.14

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.20.14
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.20.13..npm/design-system/v0.20.14 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
+## 0.20.13
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.20.12..npm/design-system/v0.20.13 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
 ## 0.20.12
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/data-table/index.cjs

@@ -1338,7 +1338,8 @@ function useProgressiveTableRows({
   containers = [],
   onPageAdvance,
   enabled = true,
-  thresholdPx
+  thresholdPx,
+  numberedPageHasMore = false
 }) {
   const pageSize = safePageSize(rawPageSize);
   const hasExplicitRequestedPage = rawRequestedPage !== void 0;
@@ -1400,7 +1401,7 @@ function useProgressiveTableRows({
   };
   const warnedUnderfill = (0, import_react4.useRef)(null);
   (0, import_react4.useEffect)(() => {
-    if (!hasMore) return;
+    if (!hasMore && !numberedPageHasMore) return;
     const surfaces = containers.map((entry) => entry && "current" in entry ? entry.current : entry).filter((entry) => entry !== null);
     const fillViewport = () => {
       for (const surface of surfaces) {
@@ -1412,8 +1413,11 @@ function useProgressiveTableRows({
         if (contentBottom <= 0 || contentBottom >= surface.clientHeight - 1) continue;
         if (warnedUnderfill.current !== progressionKey) {
           warnedUnderfill.current = progressionKey;
-          console.warn("[MatrxDataTable] The initial local batch leaves unused table height while more rows are already loaded. Revealing additional rows to fill the viewport; this is not a network fetch.");
+          if (numberedPageHasMore) {
+            console.warn("[MatrxDataTable] Numbered pagination leaves unused table height while later pages exist. Increase the page size, use a content-sized layout, or use progressive pagination to fill available height. The explicit numbered-page setting has been preserved.");
+          } else console.warn("[MatrxDataTable] The initial local batch leaves unused table height while more rows are already loaded. Revealing additional rows to fill the viewport; this is not a network fetch.");
         }
+        if (numberedPageHasMore) break;
         setProgression((current) => {
           if (current.key !== progressionKey) return current;
           const nextCount = Math.min(rows.length, visibleCount + pageSize);
@@ -1426,7 +1430,7 @@ function useProgressiveTableRows({
     const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(fillViewport);
     for (const surface of surfaces) observer?.observe(surface);
     return () => observer?.disconnect();
-  }, [containers, hasMore, pageSize, progressionKey, rows.length, visibleCount]);
+  }, [containers, hasMore, numberedPageHasMore, pageSize, progressionKey, rows.length, visibleCount]);
   const scroll = useScrollPagination({
     containers,
     queryKey: progressionKey,
@@ -9064,6 +9068,7 @@ function MatrxDataTableCore({
     }),
     containers: [scrollRef, cardsScrollRef],
     enabled: localProgressiveEnabled,
+    numberedPageHasMore: !hidePagination && !isLoading && !isFetching && processed.length > 0 && safePage < pageCount && (remoteQuery?.mode === "controlled" || !remoteQuery && localPagination?.mode === "numbered"),
     onPageAdvance: setPage
   });
   const paginated = (0, import_react18.useMemo)(() => {