@ai-matrx/design-system 0.48.9 → 0.48.11

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## 0.48.11
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.48.10..npm/design-system/v0.48.11 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
+## 0.48.10
+### Unreleased
+### page-pass shared fix (2026-09-27): a bottom sheet sizes to its content
+
+- The adaptive `BottomSheet` has no 60dvh minimum (it keeps the 90dvh maximum): a two-action sheet was mostly empty and hosts overrode it with `min-h-0`. Proof: `bottom-sheet.test.tsx`, red on the old class.
+
+
+### (2026-09-27 — an empty table)
+
+- **An empty table (nothing searched or filtered) draws no pager** — "0-0 of 0" and a disabled pager said nothing the empty state did not. A search or filter that matched nothing keeps its footer (it still says what was searched).
+- **The empty / failed-read message cell keeps its room** (`data-matrx-table-message-cell`, excluded from the density padding rule that squeezed it flush under the header).
+- Proof: `MatrxDataTable.cards-no-frame.test.tsx` "zero rows"; `MatrxDataTable.progressive.test.tsx` "an EMPTY table".
+
+### Consumer action
+
+A test that expected the pager over an unfiltered empty table now expects none.
+
 ## 0.48.9
 ### ALC-15 round 5 (a host engine supersedes a built-in format; no JSON twins)
 

package/dist/data-table/index.cjs

@@ -36522,6 +36522,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 (total === 0 && !unknownTotal) return "0 rows";
     if (unknownTotal) return `${unknownTotal.pageRowCount.toLocaleString()} on page ${currentPage.toLocaleString()}`;
     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`;
@@ -36576,7 +36577,7 @@ function GenericTablePagination({
       {
         className: cn("flex min-w-0 justify-center", infoContainerClassName),
         children: showPageInfo && !hideEntriesInfo && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate text-xs tabular-nums text-muted-foreground sm:hidden", children: labelFormat ? formatLabel(startItem, endItem, totalItems) : unknownTotal ? defaultLabelFormat(startItem, endItem, totalItems) : progressive ? `${endItem}/${totalItems} ${progressive.loadedCount !== void 0 && progressive.loadedCount !== totalItems ? "matching" : "loaded"}` : `${startItem}-${endItem} / ${totalItems}` }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate text-xs tabular-nums text-muted-foreground sm:hidden", children: labelFormat ? formatLabel(startItem, endItem, totalItems) : unknownTotal ? defaultLabelFormat(startItem, endItem, totalItems) : totalItems === 0 ? "0 rows" : progressive ? `${endItem}/${totalItems} ${progressive.loadedCount !== void 0 && progressive.loadedCount !== totalItems ? "matching" : "loaded"}` : `${startItem}-${endItem} / ${totalItems}` }),
           /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "span",
             {
@@ -36651,7 +36652,7 @@ function GenericTablePagination({
               ),
               fallbackClassName: page === currentPage ? pageActiveButtonClassName : pageButtonClassName,
               onClick: () => onPageChange(page),
-              disabled: isFetching,
+              disabled: isFetching || totalPages <= 1,
               children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: page })
             },
             `mobile-${page}`
@@ -36667,7 +36668,7 @@ function GenericTablePagination({
               visibilityClassName: "hidden sm:inline-flex",
               fallbackClassName: currentPage === page ? pageActiveButtonClassName : pageButtonClassName,
               onClick: () => onPageChange(page),
-              disabled: isFetching,
+              disabled: isFetching || totalPages <= 1,
               children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: page })
             },
             `desktop-${page}`
@@ -43905,7 +43906,9 @@ function BottomSheet({
       {
         className: cn(
           "fixed inset-x-0 bottom-0 z-[10000] mt-24 flex flex-col rounded-t-2xl overflow-hidden",
-          size === "full" ? "h-[92dvh]" : "min-h-[60dvh] max-h-[90dvh]",
+          // Adaptive sizes to its content, up to 90dvh — never a 60dvh floor that
+          // left a two-action sheet mostly empty (hosts overrode it with min-h-0).
+          size === "full" ? "h-[92dvh]" : "max-h-[90dvh]",
           surface === "solid" && "border border-b-0 border-border bg-background shadow-2xl",
           contentClassName
         ),
@@ -51181,10 +51184,11 @@ function MatrxDataTableCore(coreProps) {
                                         },
                                         "matrx-column-spacer-end"
                                       ) : null
-                                    ] }, `sk-${i}`)) : readFailure ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("td", { colSpan: renderedColSpan, className: "px-0 py-12 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "sticky left-0 flex flex-col items-center gap-2 whitespace-normal px-4", style: { width: "100cqw", maxWidth: "100%" }, children: readFailure }) }) }) : paginated.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                                    ] }, `sk-${i}`)) : readFailure ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("td", { colSpan: renderedColSpan, "data-matrx-table-message-cell": true, className: "px-0 py-12 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "sticky left-0 flex flex-col items-center gap-2 whitespace-normal px-4", style: { width: "100cqw", maxWidth: "100%" }, children: readFailure }) }) }) : paginated.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                                       "td",
                                       {
                                         colSpan: renderedColSpan,
+                                        "data-matrx-table-message-cell": true,
                                         className: "px-0 py-12 text-center",
                                         children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { "data-matrx-table-empty-state": true, className: "sticky left-0 flex flex-col items-center gap-2 whitespace-normal px-4", style: { width: "100cqw", maxWidth: "100%" }, children: [
                                           renderedEmptyState?.icon,
@@ -51471,32 +51475,37 @@ function MatrxDataTableCore(coreProps) {
                           ] }) : !isLoading && appendQuery.pagination.totalItems !== void 0 && data.length === appendQuery.pagination.totalItems ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "min-w-0 max-w-full break-words whitespace-normal px-3 text-xs text-muted-foreground sm:text-sm", children: "All rows loaded" }) : null
                         ]
                       }
-                    ) : !hidePagination ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(MatrxTableChrome, { part: "pagination", epoch: paginationEpoch, render: () => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                      GenericTablePagination,
-                      {
-                        totalItems,
-                        ...paginationLabelFormat ? { labelFormat: paginationLabelFormat } : sourceTotal === void 0 ? {} : { labelFormat: (start, end, total) => `${(0, import_format5.formatCount)(start)}\u2013${(0, import_format5.formatCount)(end)} of ${(0, import_format5.formatCount)(total)} matching \xB7 ${(0, import_format5.formatCount)(data.length)} / ${(0, import_format5.formatCount)(sourceTotal)} loaded` },
-                        ...localProgressiveEnabled ? { progressive: {
-                          shownCount: progressiveRows.shownCount,
-                          loadedCount: data.length,
-                          hasMore: progressiveRows.hasMore,
-                          onShowMore: () => void chromeLatest.current.showMore()
-                        } } : {},
-                        itemsPerPage: pageSize === 0 && allRowsAreLoaded ? 0 : effectivePageSize,
-                        currentPage: safePage,
-                        onPageChange: setPage,
-                        onItemsPerPageChange: (n2) => {
-                          setPageSize(n2);
-                          if (!controlledQuery) setPage(1);
-                        },
-                        pageSizeOptions: pageSizeOptions.filter((size) => size > 0),
-                        showAllOption: allRowsAreLoaded,
-                        allValue: 0,
-                        allOptionLabel: "All loaded",
-                        compact: true,
-                        hideEntriesInfo: false
-                      }
-                    ) }) }) : null,
+                    ) : !hidePagination ? (
+                      // Keep the footer and disabled page controls in place for an empty table,
+                      // including an unfiltered empty source. The empty-state copy explains why
+                      // there are no records; the stable footer preserves the table controls.
+                      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(MatrxTableChrome, { part: "pagination", epoch: paginationEpoch, render: () => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                        GenericTablePagination,
+                        {
+                          totalItems,
+                          ...paginationLabelFormat ? { labelFormat: paginationLabelFormat } : sourceTotal === void 0 ? {} : { labelFormat: (start, end, total) => `${(0, import_format5.formatCount)(start)}\u2013${(0, import_format5.formatCount)(end)} of ${(0, import_format5.formatCount)(total)} matching \xB7 ${(0, import_format5.formatCount)(data.length)} / ${(0, import_format5.formatCount)(sourceTotal)} loaded` },
+                          ...localProgressiveEnabled ? { progressive: {
+                            shownCount: progressiveRows.shownCount,
+                            loadedCount: data.length,
+                            hasMore: progressiveRows.hasMore,
+                            onShowMore: () => void chromeLatest.current.showMore()
+                          } } : {},
+                          itemsPerPage: pageSize === 0 && allRowsAreLoaded ? 0 : effectivePageSize,
+                          currentPage: safePage,
+                          onPageChange: setPage,
+                          onItemsPerPageChange: (n2) => {
+                            setPageSize(n2);
+                            if (!controlledQuery) setPage(1);
+                          },
+                          pageSizeOptions: pageSizeOptions.filter((size) => size > 0),
+                          showAllOption: allRowsAreLoaded,
+                          allValue: 0,
+                          allOptionLabel: "All loaded",
+                          compact: true,
+                          hideEntriesInfo: false
+                        }
+                      ) }) })
+                    ) : null,
                     selection && selectionCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
                       "div",
                       {