@ai-matrx/design-system 0.20.20 → 0.20.22

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.20.22
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.20.21..npm/design-system/v0.20.22 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
+## 0.20.21
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.20.20..npm/design-system/v0.20.21 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
 ## 0.20.20
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/data-table/copy-helpers.d.cts

@@ -1,5 +1,5 @@
 import { AgentPayloadInput } from './copy-types.cjs';
-import { f as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../types-n8d2I1Gu.cjs';
+import { f as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../types-B99KFITZ.cjs';
 import '../extensions-DCHtNwG3.cjs';
 import '@ai-matrx/kit/content-transfer';
 import 'react';

package/dist/data-table/copy-helpers.d.ts

@@ -1,5 +1,5 @@
 import { AgentPayloadInput } from './copy-types.js';
-import { f as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../types-D_UZxZC5.js';
+import { f as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../types-CryQuMmz.js';
 import '../extensions-DCHtNwG3.js';
 import '@ai-matrx/kit/content-transfer';
 import 'react';

package/dist/data-table/filter-engine.d.cts

@@ -1,4 +1,4 @@
-import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-n8d2I1Gu.cjs';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-B99KFITZ.cjs';
 import '../extensions-DCHtNwG3.cjs';
 import '@ai-matrx/kit/content-transfer';
 import 'react';

package/dist/data-table/filter-engine.d.ts

@@ -1,4 +1,4 @@
-import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-D_UZxZC5.js';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-CryQuMmz.js';
 import '../extensions-DCHtNwG3.js';
 import '@ai-matrx/kit/content-transfer';
 import 'react';

package/dist/data-table/host.d.cts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ComponentType, ReactNode, MouseEventHandler } from 'react';
 import { CopyControlProps } from './copy-types.cjs';
 export { AgentPayloadInput, AiCustomSource, AiVariant, CopyExportConfig } from './copy-types.cjs';
-import { b as TableSavedViewsProps, c as MatrxDataTableDensity } from '../types-n8d2I1Gu.cjs';
+import { b as TableSavedViewsProps, c as MatrxDataTableDensity } from '../types-B99KFITZ.cjs';
 import '../extensions-DCHtNwG3.cjs';
 import '@ai-matrx/kit/content-transfer';
 

package/dist/data-table/host.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ComponentType, ReactNode, MouseEventHandler } from 'react';
 import { CopyControlProps } from './copy-types.js';
 export { AgentPayloadInput, AiCustomSource, AiVariant, CopyExportConfig } from './copy-types.js';
-import { b as TableSavedViewsProps, c as MatrxDataTableDensity } from '../types-D_UZxZC5.js';
+import { b as TableSavedViewsProps, c as MatrxDataTableDensity } from '../types-CryQuMmz.js';
 import '../extensions-DCHtNwG3.js';
 import '@ai-matrx/kit/content-transfer';
 

package/dist/data-table/index.cjs

@@ -958,6 +958,7 @@ function TableTitleRow({
   context,
   count,
   search,
+  tabs,
   actions,
   children,
   className
@@ -981,15 +982,17 @@ function TableTitleRow({
             children: count.value.toLocaleString()
           }
         ) : null,
+        tabs ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "min-w-0 flex-1 basis-32", "data-matrx-table-toolbar-tabs": true, children: tabs }) : null,
+        tabs ? context : null,
         search ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "div",
           {
             "data-matrx-table-title-search": true,
-            className: "order-last w-full min-w-0 sm:order-none sm:w-auto sm:min-w-64 sm:max-w-md",
+            className: "order-last w-full min-w-0 sm:order-none sm:w-64 sm:shrink-0 sm:max-w-md",
             children: search
           }
         ) : null,
-        context,
+        !tabs ? context : null,
         children,
         actions ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "div",
@@ -7854,7 +7857,10 @@ function ToolbarFacets({ facets }) {
 function resetToolbarFacets(facets) {
   if (!facets) return;
   for (const facet of facets) {
-    if (facet.type !== "button-group") continue;
+    if (facet.type === "custom") {
+      if (facet.filter?.active) facet.filter.onReset();
+      continue;
+    }
     const def = facet.defaultValue ?? facet.options[0]?.value;
     if (def !== void 0 && facet.value !== def) facet.onChange(def);
   }
@@ -9114,19 +9120,20 @@ function MatrxDataTableCore({
       intelligentSearchEnabled ? columns : visibleColumns,
       sourceOwnsColumnFilters ? {} : columnFilters,
       sourceOwnsSort ? null : sort,
-      intelligentSearchEnabled || toolbar?.search === false || sourceOwnsSearch ? "" : searchValue,
+      "",
+      // Global matching and identity ranking run once across all loaded fields below.
       toolbar?.anyOf ? { columnIds: toolbar.anyOf.columnIds, query: anyOfValue } : void 0,
       layeredFilters,
       searchMatchMode,
       searchText
     );
-    if (!intelligentSearchEnabled || sourceOwnsSearch) return locallyFiltered;
+    if (sourceOwnsSearch || toolbar?.search === false) return locallyFiltered;
     return rankTableSearchRows(
       locallyFiltered,
       columns,
       searchValue,
       {
-        scope: searchScope,
+        scope: intelligentSearchEnabled ? searchScope : "all",
         ...toolbar?.intelligentSearch?.roles === void 0 ? {} : { roles: toolbar.intelligentSearch.roles },
         ...toolbar?.intelligentSearch?.scopes === void 0 ? {} : { scopes: toolbar.intelligentSearch.scopes },
         matchMode: searchMatchMode
@@ -9240,7 +9247,7 @@ function MatrxDataTableCore({
   const showToolbarCopy = effectiveCopy !== void 0 && effectiveCopy.showToolbar !== false;
   const activeFilterCount = countActiveColumnFilters(columnFilters);
   const facetActive = (toolbar?.facets ?? []).some((f) => {
-    if (f.type !== "button-group") return false;
+    if (f.type === "custom") return f.filter?.active ?? false;
     const def = f.defaultValue ?? f.options[0]?.value;
     return def !== void 0 && f.value !== def;
   });
@@ -9860,13 +9867,13 @@ function MatrxDataTableCore({
               className
             ),
             children: [
-              viewTabs && !hideToolbar && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableViewWorkspace, { snapshot: currentViewSnapshot, onApply: applySavedView, related: relatedTableActions }, tableId ?? "table"),
               notice,
               savedViewError ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { role: "alert", className: "shrink-0 text-xs text-destructive", children: savedViewError }) : null,
               toolbarActionError ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { role: "alert", className: "shrink-0 text-xs text-destructive", children: toolbarActionError }) : null,
-              !hideToolbar && (toolbar?.title || showSearch || toolbar?.anyOf || toolbar?.layeredFilters || toolbar?.facets && toolbar.facets.length > 0 || toolbar?.leading || toolbar?.actions || toolbar?.refresh || toolbar?.add || tableId && SavedViews || hasActiveFilters || showToolbarCopy || columns.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+              !hideToolbar && (viewTabs || toolbar?.title || showSearch || toolbar?.anyOf || toolbar?.layeredFilters || toolbar?.facets && toolbar.facets.length > 0 || toolbar?.leading || toolbar?.actions || toolbar?.refresh || toolbar?.add || tableId && SavedViews || hasActiveFilters || showToolbarCopy || columns.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
                 TableTitleRow,
                 {
+                  tabs: viewTabs ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableViewWorkspace, { snapshot: currentViewSnapshot, onApply: applySavedView, related: relatedTableActions }, tableId ?? "table") : void 0,
                   ...toolbar?.title === void 0 ? {} : { title: toolbar.title },
                   context: tableId && SavedViews ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { "data-matrx-table-view-control": true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                     SavedViews,
@@ -10067,7 +10074,8 @@ function MatrxDataTableCore({
                                 sheetColumns: () => declaredVisibleCopyColumns.map((column) => ({
                                   id: columnId(column),
                                   label: column.label ?? (typeof column.header === "string" ? column.header : columnId(column))
-                                }))
+                                })),
+                                ...effectiveCopy.export?.(processed, data)
                               }
                             }
                           ) : null,
@@ -10312,7 +10320,7 @@ function MatrxDataTableCore({
                       "data-matrx-table-scroll": true,
                       onScroll: updateScrollHint,
                       "aria-busy": isLoading || isFetching,
-                      ...appendQuery === null ? {} : { style: { containerType: "inline-size" } },
+                      style: { containerType: "inline-size" },
                       className: cn(
                         "relative h-full w-full overflow-auto rounded-md border border-border bg-card",
                         mobileCards && tableWithCardsClass,
@@ -10518,8 +10526,8 @@ function MatrxDataTableCore({
                                   "td",
                                   {
                                     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: [
+                                    className: "px-0 py-12 text-center",
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime40.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,
                                       /* @__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,
@@ -10538,7 +10546,7 @@ function MatrxDataTableCore({
                                       "data-row-id": id,
                                       "data-state": isSelected ? "selected" : void 0,
                                       onClick: (e) => {
-                                        if (e.target.closest("a")) return;
+                                        if (e.target.closest('a, button, input, select, textarea, [role="button"], [role="combobox"], [contenteditable="true"]')) return;
                                         openRow(row);
                                       },
                                       className: cn(