@ai-matrx/design-system 0.61.2 → 0.61.4

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

@@ -1,5 +1,5 @@
-import { h as MatrxTableIconAction, i as MatrxDataTableProps, j as MatrxDataTableAppearance, k as TableViewSnapshot, d as MatrxDataTableRecordControls, l as MatrxDataTableRead, m as ColumnMarker, M as MatrxColumnDef } from '../layered-filters-dlFZjEqc.cjs';
-export { A as AnyOfColumnSearch, n as CellEditType, o as CellEditsMap, f as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, p as MatrxDataTableContextMenuConfig, g as MatrxDataTableCopyConfig, q as MatrxDataTableCoverageConfig, c as MatrxDataTableDensity, r as MatrxDataTableDetailConfig, s as MatrxDataTableDrillConfig, t as MatrxDataTableEditConfig, u as MatrxDataTableEmptyState, v as MatrxDataTableExpandedDetailConfig, w as MatrxDataTableFacetsConfig, x as MatrxDataTableFilterUi, y as MatrxDataTableGroupingConfig, z as MatrxDataTableHierarchyConfig, B as MatrxDataTableHierarchyMove, D as MatrxDataTableMobileCardControls, E as MatrxDataTableMultiExpandedDetailConfig, F as MatrxDataTableQueryControl, e as MatrxDataTableQueryState, G as MatrxDataTableReadStatus, H as MatrxDataTableSelectionConfig, I as MatrxDataTableSingleExpandedDetailConfig, J as MatrxDataTableSourceProcessing, K as MatrxDataTableSpreadsheetConfig, N as MatrxDataTableStyleConfig, O as MatrxDataTableSummaryConfig, P as MatrxDataTableSummaryContext, Q as MatrxDataTableSummaryMetric, R as MatrxDataTableToolbar, U as MatrxDataTableUrlStateConfig, V as MatrxDataTableVirtualizeConfig, W as MatrxDataTableWindowConfig, X as MatrxTablePagination, Y as NumberFilterOp, Z as SavedTableViewTab, _ as SortDirection, S as SortState, $ as SpreadsheetSelection, a0 as TableRankedSearchOptions, b as TableSavedViewsProps, a1 as TableScopeBar, a2 as TableScopeBarProps, a3 as TableScopeFilter, a4 as TableScopeLane, a5 as TableScopeOption, T as TableSearchMatchMode, a6 as TableSearchRole, a7 as TableSearchScope, a8 as TableViewQuery, a9 as TableViewTab, aa as TableViewTabs, ab as TableViewTabsProps, ac as TableViewTabsStore, ad as TextFilterMode, ae as ToolbarFacet, af as inferTableSearchRole, ag as rankTableSearchRows, ah as resolveTableSearchScopes } from '../layered-filters-dlFZjEqc.cjs';
+import { h as MatrxTableIconAction, i as MatrxDataTableProps, j as MatrxDataTableAppearance, k as TableViewSnapshot, d as MatrxDataTableRecordControls, l as MatrxDataTableRead, m as ColumnMarker, M as MatrxColumnDef } from '../layered-filters-DL5BU8Mf.cjs';
+export { A as AnyOfColumnSearch, n as CellEditType, o as CellEditsMap, f as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, p as MatrxDataTableContextMenuConfig, g as MatrxDataTableCopyConfig, q as MatrxDataTableCoverageConfig, c as MatrxDataTableDensity, r as MatrxDataTableDetailConfig, s as MatrxDataTableDrillConfig, t as MatrxDataTableEditConfig, u as MatrxDataTableEmptyState, v as MatrxDataTableExpandedDetailConfig, w as MatrxDataTableFacetsConfig, x as MatrxDataTableFilterUi, y as MatrxDataTableGroupingConfig, z as MatrxDataTableHierarchyConfig, B as MatrxDataTableHierarchyMove, D as MatrxDataTableMobileCardControls, E as MatrxDataTableMultiExpandedDetailConfig, F as MatrxDataTableQueryControl, e as MatrxDataTableQueryState, G as MatrxDataTableReadStatus, H as MatrxDataTableSelectionConfig, I as MatrxDataTableSingleExpandedDetailConfig, J as MatrxDataTableSourceProcessing, K as MatrxDataTableSpreadsheetConfig, N as MatrxDataTableStyleConfig, O as MatrxDataTableSummaryConfig, P as MatrxDataTableSummaryContext, Q as MatrxDataTableSummaryMetric, R as MatrxDataTableToolbar, U as MatrxDataTableUrlStateConfig, V as MatrxDataTableVirtualizeConfig, W as MatrxDataTableWindowConfig, X as MatrxTablePagination, Y as NumberFilterOp, Z as SavedTableViewTab, _ as SortDirection, S as SortState, $ as SpreadsheetSelection, a0 as TableRankedSearchOptions, b as TableSavedViewsProps, a1 as TableScopeBar, a2 as TableScopeBarProps, a3 as TableScopeFilter, a4 as TableScopeLane, a5 as TableScopeOption, T as TableSearchMatchMode, a6 as TableSearchRole, a7 as TableSearchScope, a8 as TableViewQuery, a9 as TableViewTab, aa as TableViewTabs, ab as TableViewTabsProps, ac as TableViewTabsStore, ad as TextFilterMode, ae as ToolbarFacet, af as inferTableSearchRole, ag as rankTableSearchRows, ah as resolveTableSearchScopes } from '../layered-filters-DL5BU8Mf.cjs';
 import * as React from 'react';
 import { ReactNode } from 'react';
 import { TableReadFailureProps, TableStaleNoticeProps } from './host.cjs';

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

@@ -1,5 +1,5 @@
-import { h as MatrxTableIconAction, i as MatrxDataTableProps, j as MatrxDataTableAppearance, k as TableViewSnapshot, d as MatrxDataTableRecordControls, l as MatrxDataTableRead, m as ColumnMarker, M as MatrxColumnDef } from '../layered-filters-CkkbZfmk.js';
-export { A as AnyOfColumnSearch, n as CellEditType, o as CellEditsMap, f as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, p as MatrxDataTableContextMenuConfig, g as MatrxDataTableCopyConfig, q as MatrxDataTableCoverageConfig, c as MatrxDataTableDensity, r as MatrxDataTableDetailConfig, s as MatrxDataTableDrillConfig, t as MatrxDataTableEditConfig, u as MatrxDataTableEmptyState, v as MatrxDataTableExpandedDetailConfig, w as MatrxDataTableFacetsConfig, x as MatrxDataTableFilterUi, y as MatrxDataTableGroupingConfig, z as MatrxDataTableHierarchyConfig, B as MatrxDataTableHierarchyMove, D as MatrxDataTableMobileCardControls, E as MatrxDataTableMultiExpandedDetailConfig, F as MatrxDataTableQueryControl, e as MatrxDataTableQueryState, G as MatrxDataTableReadStatus, H as MatrxDataTableSelectionConfig, I as MatrxDataTableSingleExpandedDetailConfig, J as MatrxDataTableSourceProcessing, K as MatrxDataTableSpreadsheetConfig, N as MatrxDataTableStyleConfig, O as MatrxDataTableSummaryConfig, P as MatrxDataTableSummaryContext, Q as MatrxDataTableSummaryMetric, R as MatrxDataTableToolbar, U as MatrxDataTableUrlStateConfig, V as MatrxDataTableVirtualizeConfig, W as MatrxDataTableWindowConfig, X as MatrxTablePagination, Y as NumberFilterOp, Z as SavedTableViewTab, _ as SortDirection, S as SortState, $ as SpreadsheetSelection, a0 as TableRankedSearchOptions, b as TableSavedViewsProps, a1 as TableScopeBar, a2 as TableScopeBarProps, a3 as TableScopeFilter, a4 as TableScopeLane, a5 as TableScopeOption, T as TableSearchMatchMode, a6 as TableSearchRole, a7 as TableSearchScope, a8 as TableViewQuery, a9 as TableViewTab, aa as TableViewTabs, ab as TableViewTabsProps, ac as TableViewTabsStore, ad as TextFilterMode, ae as ToolbarFacet, af as inferTableSearchRole, ag as rankTableSearchRows, ah as resolveTableSearchScopes } from '../layered-filters-CkkbZfmk.js';
+import { h as MatrxTableIconAction, i as MatrxDataTableProps, j as MatrxDataTableAppearance, k as TableViewSnapshot, d as MatrxDataTableRecordControls, l as MatrxDataTableRead, m as ColumnMarker, M as MatrxColumnDef } from '../layered-filters-CCWzLsOC.js';
+export { A as AnyOfColumnSearch, n as CellEditType, o as CellEditsMap, f as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, p as MatrxDataTableContextMenuConfig, g as MatrxDataTableCopyConfig, q as MatrxDataTableCoverageConfig, c as MatrxDataTableDensity, r as MatrxDataTableDetailConfig, s as MatrxDataTableDrillConfig, t as MatrxDataTableEditConfig, u as MatrxDataTableEmptyState, v as MatrxDataTableExpandedDetailConfig, w as MatrxDataTableFacetsConfig, x as MatrxDataTableFilterUi, y as MatrxDataTableGroupingConfig, z as MatrxDataTableHierarchyConfig, B as MatrxDataTableHierarchyMove, D as MatrxDataTableMobileCardControls, E as MatrxDataTableMultiExpandedDetailConfig, F as MatrxDataTableQueryControl, e as MatrxDataTableQueryState, G as MatrxDataTableReadStatus, H as MatrxDataTableSelectionConfig, I as MatrxDataTableSingleExpandedDetailConfig, J as MatrxDataTableSourceProcessing, K as MatrxDataTableSpreadsheetConfig, N as MatrxDataTableStyleConfig, O as MatrxDataTableSummaryConfig, P as MatrxDataTableSummaryContext, Q as MatrxDataTableSummaryMetric, R as MatrxDataTableToolbar, U as MatrxDataTableUrlStateConfig, V as MatrxDataTableVirtualizeConfig, W as MatrxDataTableWindowConfig, X as MatrxTablePagination, Y as NumberFilterOp, Z as SavedTableViewTab, _ as SortDirection, S as SortState, $ as SpreadsheetSelection, a0 as TableRankedSearchOptions, b as TableSavedViewsProps, a1 as TableScopeBar, a2 as TableScopeBarProps, a3 as TableScopeFilter, a4 as TableScopeLane, a5 as TableScopeOption, T as TableSearchMatchMode, a6 as TableSearchRole, a7 as TableSearchScope, a8 as TableViewQuery, a9 as TableViewTab, aa as TableViewTabs, ab as TableViewTabsProps, ac as TableViewTabsStore, ad as TextFilterMode, ae as ToolbarFacet, af as inferTableSearchRole, ag as rankTableSearchRows, ah as resolveTableSearchScopes } from '../layered-filters-CCWzLsOC.js';
 import * as React from 'react';
 import { ReactNode } from 'react';
 import { TableReadFailureProps, TableStaleNoticeProps } from './host.js';

package/dist/data-table/index.js

@@ -54299,6 +54299,9 @@ function MatrxDataTableCore(coreProps) {
   const menuActionsColumn = visibleColumns.find((column) => column.customActions);
   const rowCopyInMenu = rowCopyPlacement === "menu" && menuActionsColumn !== void 0;
   const rowCopyInCustomColumn = showRowCopy && !rowCopyInMenu && menuActionsColumn !== void 0;
+  const declaredActionsColumn = visibleColumns.find(
+    (column) => column.customActions && (typeof column.header === "string" && column.header.trim().toLowerCase() === "actions" || ["actions", "custom-actions", "row-actions"].includes(columnId(column)))
+  );
   const showInlineRowCopy = showRowCopy && !rowCopyInMenu && !rowCopyInCustomColumn;
   const showToolbarCopy = effectiveCopy !== void 0 && effectiveCopy.showToolbar !== false && copyControls?.table !== false;
   const placeToolbar = (node) => {
@@ -54440,6 +54443,7 @@ function MatrxDataTableCore(coreProps) {
   const summaryMetrics = summary?.metrics.map((metric) => ({
     id: metric.id,
     label: metric.label,
+    description: metric.description,
     ...resolveSummaryValue(summary.source?.metrics?.[metric.id], metric.value)
   })) ?? [];
   const summaryTotals = Object.entries(summary?.totals ?? {}).map(([id, value]) => ({
@@ -54994,7 +54998,35 @@ function MatrxDataTableCore(coreProps) {
       (target) => resolveMenuLevelRef.current(target)
     );
   }, [host.rowContextRegistry, tableContextMenuInstanceId]);
-  const showActionsCol = windowEnabled || Boolean(rowActions) || showInlineRowCopy;
+  const showActionsCol = declaredActionsColumn === void 0 && (windowEnabled || Boolean(rowActions) || showInlineRowCopy);
+  const actionsHeaderCount = visibleColumns.filter((column) => typeof column.header === "string" && column.header.trim().toLowerCase() === "actions").length + (showActionsCol ? 1 : 0);
+  useEffect27(() => {
+    if (actionsHeaderCount > 1) {
+      console.error(
+        `[matrx-table] ${actionsHeaderCount} "Actions" columns in one table \u2014 a table has ONE actions column. Declare one customActions column headed "Actions"; the table folds copy, row actions and open-in-window into it.`
+      );
+    }
+  }, [actionsHeaderCount]);
+  const renderWindowOpen = (row) => windowEnabled ? /* @__PURE__ */ jsxs49(Tooltip, { children: [
+    /* @__PURE__ */ jsx60(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx60(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        "data-matrx-table-icon-action": true,
+        className: "h-11 w-11 text-muted-foreground hover:text-foreground [&_svg]:size-5",
+        "aria-label": windowConfig?.openOnRowClick === true ? "Open in side panel" : "Open in window",
+        onClick: (e) => {
+          e.stopPropagation();
+          if (windowConfig?.openOnRowClick === true) rowLatest.current.openDetail(row);
+          else rowLatest.current.openWindow(row);
+        },
+        children: opensWindowOnRowClick ? /* @__PURE__ */ jsx60(PanelRightOpen, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx60(PanelRight, { className: "h-5 w-5" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx60(TooltipContent, { children: windowConfig?.openOnRowClick === true ? "Open in side panel" : "Open in window" })
+  ] }) : null;
   const lastVisibleColumn = visibleColumns[visibleColumns.length - 1];
   const pinnedActionsColumnId = !showActionsCol && lastVisibleColumn?.customActions ? columnId(lastVisibleColumn) : void 0;
   const getSelectionId = selection?.getSelectionId ?? getRowId;
@@ -55089,7 +55121,11 @@ function MatrxDataTableCore(coreProps) {
             controls,
             children: content
           }
-        ) : content
+        ) : content,
+        declaredActionsColumn !== void 0 && columnId(col) === columnId(declaredActionsColumn) ? /* @__PURE__ */ jsxs49(Fragment20, { children: [
+          renderRowActions(displayRow, controls),
+          renderWindowOpen(row)
+        ] }) : null
       ] });
     }
     const display = renderCell(displayRow, col, index);
@@ -55785,26 +55821,7 @@ function MatrxDataTableCore(coreProps) {
                       }
                     ) : null,
                     renderRowActions(displayRow, controls),
-                    windowEnabled ? /* @__PURE__ */ jsxs49(Tooltip, { children: [
-                      /* @__PURE__ */ jsx60(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx60(
-                        Button,
-                        {
-                          type: "button",
-                          variant: "ghost",
-                          size: "icon",
-                          "data-matrx-table-icon-action": true,
-                          className: "h-11 w-11 text-muted-foreground hover:text-foreground [&_svg]:size-5",
-                          "aria-label": windowConfig?.openOnRowClick === true ? "Open in side panel" : "Open in window",
-                          onClick: (e) => {
-                            e.stopPropagation();
-                            if (windowConfig?.openOnRowClick === true) rowLatest.current.openDetail(row);
-                            else rowLatest.current.openWindow(row);
-                          },
-                          children: opensWindowOnRowClick ? /* @__PURE__ */ jsx60(PanelRightOpen, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx60(PanelRight, { className: "h-5 w-5" })
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsx60(TooltipContent, { children: windowConfig?.openOnRowClick === true ? "Open in side panel" : "Open in window" })
-                    ] }) : null
+                    renderWindowOpen(row)
                   ]
                 }
               )
@@ -55951,6 +55968,7 @@ function MatrxDataTableCore(coreProps) {
                 "data-matrx-table-density": resolvedDensity,
                 "data-url-state-table": urlState?.id,
                 "data-matrx-table-appearance": appearance,
+                "data-matrx-table-embedded": embedded || void 0,
                 className: cn(
                   "flex h-full min-h-0 flex-col gap-2 px-0 pt-2 pb-0",
                   embedded && "h-auto gap-0 pt-0",
@@ -55964,15 +55982,17 @@ function MatrxDataTableCore(coreProps) {
                     "section",
                     {
                       "data-matrx-table-summary": true,
+                      "data-matrx-table-summary-variant": summary?.variant ?? "compact",
                       "data-matrx-table-summary-scope": summaryUsesSource ? "source" : summaryCoverage,
                       "aria-label": `Table summary: ${summaryCaption}`,
-                      className: "flex w-full min-w-0 shrink-0 flex-nowrap items-stretch gap-2 overflow-x-auto overscroll-x-contain",
-                      children: summaryMetrics.map((metric) => /* @__PURE__ */ jsxs49("div", { className: "min-w-24 shrink-0 whitespace-nowrap rounded-md border border-border bg-card px-3 py-2 shadow-xs", children: [
-                        /* @__PURE__ */ jsx60("div", { className: "text-sm font-medium text-muted-foreground", children: metric.label }),
-                        /* @__PURE__ */ jsxs49("div", { className: "mt-0.5 text-sm font-semibold tabular-nums text-foreground", children: [
+                      className: "flex w-full min-w-0 shrink-0 flex-nowrap items-stretch gap-3 overflow-x-auto overscroll-x-contain",
+                      children: summaryMetrics.map((metric) => /* @__PURE__ */ jsxs49("div", { "data-matrx-table-summary-card": true, className: cn("shrink-0 whitespace-nowrap rounded-md border border-border bg-card shadow-xs", summary?.variant === "large" ? "w-56 min-w-56 px-4 py-4" : "min-w-24 px-3.5 py-2.5"), children: [
+                        /* @__PURE__ */ jsx60("div", { className: "truncate text-sm font-medium text-muted-foreground", title: metric.label, children: metric.label }),
+                        /* @__PURE__ */ jsxs49("div", { className: cn("font-semibold tabular-nums text-foreground", summary?.variant === "large" ? "mt-1 text-xl" : "mt-0.5 text-sm"), children: [
                           metric.value,
                           metric.unavailable ? /* @__PURE__ */ jsx60(ErrorBox, { as: "span", className: "sr-only", message: `${metric.label} is unavailable`, operation: "Summarize this table", origin: "design-system/MatrxDataTable" }) : null
-                        ] })
+                        ] }),
+                        summary?.variant === "large" ? /* @__PURE__ */ jsx60("div", { "data-matrx-table-summary-description": true, className: "mt-2 min-h-5 truncate text-sm font-normal text-muted-foreground", title: metric.description, children: metric.description }) : null
                       ] }, metric.id))
                     }
                   ) : null,
@@ -55983,7 +56003,7 @@ function MatrxDataTableCore(coreProps) {
                     const tabsTarget = toolbar && "tabsPortalInto" in toolbar ? toolbar.tabsPortalInto : null;
                     return /* @__PURE__ */ jsxs49(Fragment20, { children: [
                       tabsPlaced && tabsTarget && tabsNode && !hideToolbar ? createPortal4(
-                        /* @__PURE__ */ jsx60("div", { "data-matrx-table-toolbar-tabs": "", "data-matrx-table-tabs-placed": "", className: "flex min-w-0 max-w-full [&_[data-matrx-table-tabs]]:border-b-0", children: tabsNode }),
+                        /* @__PURE__ */ jsx60("div", { "data-matrx-table-toolbar-tabs": "", "data-matrx-table-tabs-placed": "", className: "flex min-w-0 max-w-full [&_[data-matrx-table-tabs]]:min-w-0 [&_[data-matrx-table-tabs]]:shrink [&_[data-matrx-table-tabs]]:border-b-0", children: tabsNode }),
                         tabsTarget
                       ) : null,
                       placeToolbar(!hideToolbar && (showViewTabs || toolbar?.title || toolbar?.titleCount || showSearch || toolbar?.customSearch || toolbar?.anyOf || toolbar?.layeredFilters || toolbar?.facets && toolbar.facets.length > 0 || toolbar?.leading || toolbar?.actions || toolbar?.refresh || toolbar?.add || savedViewsId && SavedViews || hasActiveFilters || showToolbarCopy || columns.length > 0) && /* @__PURE__ */ jsxs49(