@ai-matrx/design-system 0.20.18 → 0.20.19

package/dist/data-table/index.js

@@ -9329,6 +9329,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__ */ jsx40(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 } };
@@ -10243,10 +10249,10 @@ function MatrxDataTableCore({
                           },
                           `mobile-card-sk-${index}`
                         )) : paginated.length === 0 ? /* @__PURE__ */ jsx40("div", { className: "flex min-h-48 flex-1 items-center justify-center px-4 py-12 text-center", children: /* @__PURE__ */ jsxs30("div", { className: "flex max-w-sm flex-col items-center gap-2", children: [
-                          emptyState?.icon,
-                          /* @__PURE__ */ jsx40("p", { className: "text-sm font-medium text-foreground", children: emptyState?.title ?? "No rows" }),
-                          emptyState?.description ? /* @__PURE__ */ jsx40("p", { className: "text-xs text-muted-foreground", children: emptyState.description }) : null,
-                          emptyState?.action
+                          renderedEmptyState?.icon,
+                          /* @__PURE__ */ jsx40("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
+                          renderedEmptyState?.description ? /* @__PURE__ */ jsx40("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]);
@@ -10534,10 +10540,10 @@ function MatrxDataTableCore({
                                     colSpan: visibleColumns.length + leadingCols + (showActionsCol ? 1 : 0),
                                     className: "px-4 py-12 text-center",
                                     children: /* @__PURE__ */ jsxs30("div", { className: "mx-auto flex max-w-sm flex-col items-center gap-2", children: [
-                                      emptyState?.icon,
-                                      /* @__PURE__ */ jsx40("p", { className: "text-sm font-medium text-foreground", children: emptyState?.title ?? "No rows" }),
-                                      emptyState?.description ? /* @__PURE__ */ jsx40("p", { className: "text-xs text-muted-foreground", children: emptyState.description }) : null,
-                                      emptyState?.action
+                                      renderedEmptyState?.icon,
+                                      /* @__PURE__ */ jsx40("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
+                                      renderedEmptyState?.description ? /* @__PURE__ */ jsx40("p", { className: "text-xs text-muted-foreground", children: renderedEmptyState.description }) : null,
+                                      renderedEmptyState?.action
                                     ] })
                                   }
                                 ) }) : paginated.map((row, index) => {