@ai-matrx/design-system 0.20.18 → 0.20.20

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.20.20
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.20.19..npm/design-system/v0.20.20 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
+## 0.20.19
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.20.18..npm/design-system/v0.20.19 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
 ## 0.20.18
 
 Republish the compact table footer after aligning its forcing-function tests

package/dist/data-table/index.cjs

@@ -9309,6 +9309,12 @@ function MatrxDataTableCore({
     }
     resetToolbarFacets(toolbar?.facets);
   };
+  const renderedEmptyState = remoteQuery === null && data.length > 0 && hasActiveFilters ? {
+    title: "No matching rows",
+    description: "No rows match the current search or filters.",
+    action: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { type: "button", variant: "outline", size: "sm", onClick: clearAllFilters, children: "Clear filters" }),
+    icon: void 0
+  } : emptyState;
   const commitCell = (rowId, field, next) => {
     const scope = editScopeKey;
     const nextEdits = { [rowId]: { [field]: next } };
@@ -10223,10 +10229,10 @@ function MatrxDataTableCore({
                           },
                           `mobile-card-sk-${index}`
                         )) : paginated.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex min-h-48 flex-1 items-center justify-center px-4 py-12 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex max-w-sm flex-col items-center gap-2", children: [
-                          emptyState?.icon,
-                          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm font-medium text-foreground", children: emptyState?.title ?? "No rows" }),
-                          emptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-xs text-muted-foreground", children: emptyState.description }) : null,
-                          emptyState?.action
+                          renderedEmptyState?.icon,
+                          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
+                          renderedEmptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-xs text-muted-foreground", children: renderedEmptyState.description }) : null,
+                          renderedEmptyState?.action
                         ] }) }) : paginated.map((row, index) => {
                           const id = getRowId(row);
                           const displayRow = applyRowEdits(row, edits[id]);
@@ -10514,10 +10520,10 @@ function MatrxDataTableCore({
                                     colSpan: visibleColumns.length + leadingCols + (showActionsCol ? 1 : 0),
                                     className: "px-4 py-12 text-center",
                                     children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "mx-auto flex max-w-sm flex-col items-center gap-2", children: [
-                                      emptyState?.icon,
-                                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm font-medium text-foreground", children: emptyState?.title ?? "No rows" }),
-                                      emptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-xs text-muted-foreground", children: emptyState.description }) : null,
-                                      emptyState?.action
+                                      renderedEmptyState?.icon,
+                                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
+                                      renderedEmptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-xs text-muted-foreground", children: renderedEmptyState.description }) : null,
+                                      renderedEmptyState?.action
                                     ] })
                                   }
                                 ) }) : paginated.map((row, index) => {