@ai-matrx/design-system 0.20.21 → 0.21.0

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ReactNode } from 'react';
-import { g as MatrxDataTableProps, h as TableViewSnapshot } from '../types-n8d2I1Gu.cjs';
-export { A as AnyOfColumnSearch, i as CellEditType, j as CellEditsMap, e as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, M as MatrxColumnDef, f as MatrxDataTableCopyConfig, c as MatrxDataTableDensity, k as MatrxDataTableDetailConfig, l as MatrxDataTableEditConfig, m as MatrxDataTableEmptyState, n as MatrxDataTableFilterUi, o as MatrxDataTableHierarchyConfig, p as MatrxDataTableHierarchyMove, q as MatrxDataTableMobileCardControls, r as MatrxDataTableQueryControl, d as MatrxDataTableQueryState, s as MatrxDataTableRecordControls, t as MatrxDataTableSelectionConfig, u as MatrxDataTableSourceProcessing, v as MatrxDataTableToolbar, w as MatrxDataTableUrlStateConfig, x as MatrxDataTableWindowConfig, y as MatrxTablePagination, z as SortDirection, S as SortState, b as TableSavedViewsProps, T as TableSearchMatchMode, B as TableViewQuery, D as TextFilterMode, E as ToolbarFacet } from '../types-n8d2I1Gu.cjs';
+import { g as MatrxDataTableProps, h as TableViewSnapshot } from '../types-B99KFITZ.cjs';
+export { A as AnyOfColumnSearch, i as CellEditType, j as CellEditsMap, e as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, M as MatrxColumnDef, f as MatrxDataTableCopyConfig, c as MatrxDataTableDensity, k as MatrxDataTableDetailConfig, l as MatrxDataTableEditConfig, m as MatrxDataTableEmptyState, n as MatrxDataTableFilterUi, o as MatrxDataTableHierarchyConfig, p as MatrxDataTableHierarchyMove, q as MatrxDataTableMobileCardControls, r as MatrxDataTableQueryControl, d as MatrxDataTableQueryState, s as MatrxDataTableRecordControls, t as MatrxDataTableSelectionConfig, u as MatrxDataTableSourceProcessing, v as MatrxDataTableToolbar, w as MatrxDataTableUrlStateConfig, x as MatrxDataTableWindowConfig, y as MatrxTablePagination, z as SortDirection, S as SortState, b as TableSavedViewsProps, T as TableSearchMatchMode, B as TableViewQuery, D as TextFilterMode, E as ToolbarFacet } from '../types-B99KFITZ.cjs';
 export { MatrxDataTableHost, MatrxDataTableProvider, TableDoors, TableEntityRefProps, TableLinkProps, TablePeekProps, TableSidePanelProps, TableToolbarActionProps, TableWindowPanelProps, useMatrxDataTableHost } from './host.cjs';
 export { DataRowInspector } from './data-row-inspector.cjs';
 export { DataRowWindow, DataRowWindowProps, DataRowWindowTab } from './data-row-window.cjs';
@@ -38,13 +38,14 @@ interface TableTitleRowProps {
         label: string;
     };
     search?: ReactNode;
+    tabs?: ReactNode;
     actions?: ReactNode;
     children?: ReactNode;
     className?: string;
 }
 /** Shared responsive title composition. Hosts retain their existing query,
  * navigation and persistence controllers; this component owns layout only. */
-declare function TableTitleRow({ title, headingLevel, context, count, search, actions, children, className, }: TableTitleRowProps): React.JSX.Element;
+declare function TableTitleRow({ title, headingLevel, context, count, search, tabs, actions, children, className, }: TableTitleRowProps): React.JSX.Element;
 
 interface SavedViewsControlProps {
     views: ReadonlyArray<{

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ReactNode } from 'react';
-import { g as MatrxDataTableProps, h as TableViewSnapshot } from '../types-D_UZxZC5.js';
-export { A as AnyOfColumnSearch, i as CellEditType, j as CellEditsMap, e as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, M as MatrxColumnDef, f as MatrxDataTableCopyConfig, c as MatrxDataTableDensity, k as MatrxDataTableDetailConfig, l as MatrxDataTableEditConfig, m as MatrxDataTableEmptyState, n as MatrxDataTableFilterUi, o as MatrxDataTableHierarchyConfig, p as MatrxDataTableHierarchyMove, q as MatrxDataTableMobileCardControls, r as MatrxDataTableQueryControl, d as MatrxDataTableQueryState, s as MatrxDataTableRecordControls, t as MatrxDataTableSelectionConfig, u as MatrxDataTableSourceProcessing, v as MatrxDataTableToolbar, w as MatrxDataTableUrlStateConfig, x as MatrxDataTableWindowConfig, y as MatrxTablePagination, z as SortDirection, S as SortState, b as TableSavedViewsProps, T as TableSearchMatchMode, B as TableViewQuery, D as TextFilterMode, E as ToolbarFacet } from '../types-D_UZxZC5.js';
+import { g as MatrxDataTableProps, h as TableViewSnapshot } from '../types-CryQuMmz.js';
+export { A as AnyOfColumnSearch, i as CellEditType, j as CellEditsMap, e as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, M as MatrxColumnDef, f as MatrxDataTableCopyConfig, c as MatrxDataTableDensity, k as MatrxDataTableDetailConfig, l as MatrxDataTableEditConfig, m as MatrxDataTableEmptyState, n as MatrxDataTableFilterUi, o as MatrxDataTableHierarchyConfig, p as MatrxDataTableHierarchyMove, q as MatrxDataTableMobileCardControls, r as MatrxDataTableQueryControl, d as MatrxDataTableQueryState, s as MatrxDataTableRecordControls, t as MatrxDataTableSelectionConfig, u as MatrxDataTableSourceProcessing, v as MatrxDataTableToolbar, w as MatrxDataTableUrlStateConfig, x as MatrxDataTableWindowConfig, y as MatrxTablePagination, z as SortDirection, S as SortState, b as TableSavedViewsProps, T as TableSearchMatchMode, B as TableViewQuery, D as TextFilterMode, E as ToolbarFacet } from '../types-CryQuMmz.js';
 export { MatrxDataTableHost, MatrxDataTableProvider, TableDoors, TableEntityRefProps, TableLinkProps, TablePeekProps, TableSidePanelProps, TableToolbarActionProps, TableWindowPanelProps, useMatrxDataTableHost } from './host.js';
 export { DataRowInspector } from './data-row-inspector.js';
 export { DataRowWindow, DataRowWindowProps, DataRowWindowTab } from './data-row-window.js';
@@ -38,13 +38,14 @@ interface TableTitleRowProps {
         label: string;
     };
     search?: ReactNode;
+    tabs?: ReactNode;
     actions?: ReactNode;
     children?: ReactNode;
     className?: string;
 }
 /** Shared responsive title composition. Hosts retain their existing query,
  * navigation and persistence controllers; this component owns layout only. */
-declare function TableTitleRow({ title, headingLevel, context, count, search, actions, children, className, }: TableTitleRowProps): React.JSX.Element;
+declare function TableTitleRow({ title, headingLevel, context, count, search, tabs, actions, children, className, }: TableTitleRowProps): React.JSX.Element;
 
 interface SavedViewsControlProps {
     views: ReadonlyArray<{

package/dist/data-table/index.js

@@ -168,13 +168,28 @@ var buttonVariants = cva(
     }
   }
 );
+var TOUCH_FLOOR_SIZES = /* @__PURE__ */ new Set([
+  "xs",
+  "sm",
+  "default",
+  "md",
+  "lg",
+  "icon",
+  "icon-sm",
+  "roundIcon"
+]);
+var SQUARE_SIZES = /* @__PURE__ */ new Set(["icon", "icon-sm", "roundIcon"]);
 var Button = React.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Component = asChild ? Slot : "button";
+    const resolvedSize = size ?? "default";
     return /* @__PURE__ */ jsx2(
       Component,
       {
         className: cn(buttonVariants({ variant, size, className })),
+        "data-matrx-button": "",
+        "data-tap-floor": TOUCH_FLOOR_SIZES.has(resolvedSize) ? "" : void 0,
+        "data-tap-floor-square": SQUARE_SIZES.has(resolvedSize) ? "" : void 0,
         ref,
         ...props
       }
@@ -921,6 +936,7 @@ function TableTitleRow({
   context,
   count,
   search,
+  tabs,
   actions,
   children,
   className
@@ -944,15 +960,17 @@ function TableTitleRow({
             children: count.value.toLocaleString()
           }
         ) : null,
+        tabs ? /* @__PURE__ */ jsx11("div", { className: "min-w-0 flex-1 basis-32", "data-matrx-table-toolbar-tabs": true, children: tabs }) : null,
+        tabs ? context : null,
         search ? /* @__PURE__ */ jsx11(
           "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__ */ jsx11(
           "div",
@@ -7874,7 +7892,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);
   }
@@ -9134,19 +9155,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
@@ -9260,7 +9282,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;
   });
@@ -9880,13 +9902,13 @@ function MatrxDataTableCore({
               className
             ),
             children: [
-              viewTabs && !hideToolbar && /* @__PURE__ */ jsx40(TableViewWorkspace, { snapshot: currentViewSnapshot, onApply: applySavedView, related: relatedTableActions }, tableId ?? "table"),
               notice,
               savedViewError ? /* @__PURE__ */ jsx40("p", { role: "alert", className: "shrink-0 text-xs text-destructive", children: savedViewError }) : null,
               toolbarActionError ? /* @__PURE__ */ jsx40("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__ */ jsxs30(
+              !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__ */ jsxs30(
                 TableTitleRow,
                 {
+                  tabs: viewTabs ? /* @__PURE__ */ jsx40(TableViewWorkspace, { snapshot: currentViewSnapshot, onApply: applySavedView, related: relatedTableActions }, tableId ?? "table") : void 0,
                   ...toolbar?.title === void 0 ? {} : { title: toolbar.title },
                   context: tableId && SavedViews ? /* @__PURE__ */ jsx40("span", { "data-matrx-table-view-control": true, children: /* @__PURE__ */ jsx40(
                     SavedViews,
@@ -10087,7 +10109,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,
@@ -10558,7 +10581,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(