@ai-matrx/design-system 0.20.11 → 0.20.13

package/dist/data-table/index.js

@@ -1039,7 +1039,7 @@ function TableSearch({ value, onChange, scope, onScopeChange, scopes, placeholde
           }, children: /* @__PURE__ */ jsx13(X, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) }) }),
           /* @__PURE__ */ jsx13(TooltipContent, { children: "Clear search" })
         ] }) : null,
-        expanded ? /* @__PURE__ */ jsx13("div", { role: "group", "aria-label": "Search fields", className: "flex max-w-[60%] shrink-0 items-center overflow-x-auto", children: scopes.map((option) => /* @__PURE__ */ jsx13("button", { type: "button", "aria-pressed": scope === option.id, className: "flex h-11 shrink-0 items-center justify-center px-1 text-xs", onClick: () => onScopeChange(option.id), children: /* @__PURE__ */ jsx13("span", { className: scope === option.id ? "rounded-full bg-primary px-2 py-1 text-primary-foreground" : "rounded-full px-2 py-1 text-muted-foreground hover:bg-muted", children: option.label }) }, option.id)) }) : null
+        expanded ? /* @__PURE__ */ jsx13("div", { role: "group", "aria-label": "Search fields", className: "flex shrink-0 items-center overflow-x-auto", style: { maxWidth: "min(60%, max(0px, calc(100% - 12rem)))" }, children: scopes.map((option) => /* @__PURE__ */ jsx13("button", { type: "button", "aria-pressed": scope === option.id, className: "flex h-11 shrink-0 items-center justify-center px-1 text-xs", onClick: () => onScopeChange(option.id), children: /* @__PURE__ */ jsx13("span", { className: scope === option.id ? "rounded-full bg-primary px-2 py-1 text-primary-foreground" : "rounded-full px-2 py-1 text-muted-foreground hover:bg-muted", children: option.label }) }, option.id)) }) : null
       ]
     }
   ) });
@@ -1302,7 +1302,8 @@ function useProgressiveTableRows({
   containers = [],
   onPageAdvance,
   enabled = true,
-  thresholdPx
+  thresholdPx,
+  numberedPageHasMore = false
 }) {
   const pageSize = safePageSize(rawPageSize);
   const hasExplicitRequestedPage = rawRequestedPage !== void 0;
@@ -1364,7 +1365,7 @@ function useProgressiveTableRows({
   };
   const warnedUnderfill = useRef4(null);
   useEffect2(() => {
-    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) {
@@ -1376,8 +1377,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);
@@ -1390,7 +1394,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,
@@ -9085,6 +9089,7 @@ function MatrxDataTableCore({
     }),
     containers: [scrollRef, cardsScrollRef],
     enabled: localProgressiveEnabled,
+    numberedPageHasMore: !remoteQuery && !hidePagination && localPagination?.mode === "numbered" && safePage < pageCount,
     onPageAdvance: setPage
   });
   const paginated = useMemo7(() => {