@ai-matrx/design-system 0.20.10 → 0.20.12

package/CHANGELOG.md

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

package/dist/data-table/index.cjs

@@ -1075,7 +1075,7 @@ function TableSearch({ value, onChange, scope, onScopeChange, scopes, placeholde
           }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(X, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) }) }),
           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipContent, { children: "Clear search" })
         ] }) : null,
-        expanded ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { role: "group", "aria-label": "Search fields", className: "flex max-w-[60%] shrink-0 items-center overflow-x-auto", children: scopes.map((option) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("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__ */ (0, import_jsx_runtime13.jsx)("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__ */ (0, import_jsx_runtime13.jsx)("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__ */ (0, import_jsx_runtime13.jsx)("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__ */ (0, import_jsx_runtime13.jsx)("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
       ]
     }
   ) });
@@ -2031,7 +2031,7 @@ function GenericTablePagination({
   const startItem = totalItems === 0 ? 0 : progressive ? 1 : (currentPage - 1) * effectiveItemsPerPage + 1;
   const endItem = Math.min(progressive?.shownCount ?? currentPage * effectiveItemsPerPage, totalItems);
   const defaultLabelFormat = (start, end, total) => {
-    if (progressive) return `${end} shown / ${total} loaded`;
+    if (progressive) return progressive.loadedCount !== void 0 && progressive.loadedCount !== total ? `${end} shown / ${total} matching \xB7 ${progressive.loadedCount} loaded` : `${end} shown / ${total} loaded`;
     return compact ? `${start}-${end} of ${total}` : `Showing ${start} to ${end} of ${total} entries`;
   };
   const formatLabel = labelFormat || defaultLabelFormat;
@@ -2083,7 +2083,7 @@ function GenericTablePagination({
       {
         className: cn("flex min-w-0 justify-center", infoContainerClassName),
         children: showPageInfo && !hideEntriesInfo && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "truncate text-xs tabular-nums text-muted-foreground sm:hidden", children: progressive ? `${endItem}/${totalItems} loaded` : `${startItem}-${endItem} / ${totalItems}` }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "truncate text-xs tabular-nums text-muted-foreground sm:hidden", children: progressive ? `${endItem}/${totalItems} ${progressive.loadedCount !== void 0 && progressive.loadedCount !== totalItems ? "matching" : "loaded"}` : `${startItem}-${endItem} / ${totalItems}` }),
           /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "span",
             {
@@ -10753,6 +10753,7 @@ function MatrxDataTableCore({
                     totalItems,
                     ...localProgressiveEnabled ? { progressive: {
                       shownCount: progressiveRows.shownCount,
+                      loadedCount: data.length,
                       hasMore: progressiveRows.hasMore,
                       onShowMore: () => void progressiveRows.showMore()
                     } } : {},