@ai-matrx/design-system 0.38.1 → 0.39.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.39.0 — 2026-09-24
+
+**`@ai-matrx/design-system/data-table/table-style` is its own server-safe entry.** The table-style
+model (colour by a column, rules, manual highlights, the palette) is pure, but it shipped only inside
+client-stamped entries, so a server could not read the palette and a portal's colours went missing
+when rendered on the server (S6 PORTAL-BRANDING). It now builds like `./data-table/filter-engine`:
+its own entry, the `"use client"` banner removed by `stamp-client-boundary.mjs`. Also in this
+release: S4's row-selection helpers (`row-selection.ts`, `63906a23db`).
+
+**Consumer action:** import the palette and model from `@ai-matrx/design-system/data-table/table-style`
+on the server; drop any app-side copy of the palette.
+
 ## 0.38.1 — 2026-09-23
 
 **A default window-style Dialog sits with the layer that opened it.** In 0.38.0 every non-blocking dialog took the older `z-[900]` layer, which put a dialog opened from a menu, a popover or a host window BEHIND its opener (caught by matrx-frontend's nested-portal guard before adoption). A dialog that is a window because the caller said nothing about `modal` now sits at `z-[10000]`, as a blocking dialog always did; a caller that passes `modal={false}` explicitly keeps `z-[900]` (the coexistence contract below a host window manager). Two tests.

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

@@ -1,9 +1,10 @@
 import { AgentPayloadInput } from './copy-types.cjs';
-import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../types-BuMHbFjs.cjs';
+import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../types-CZmM6ERA.cjs';
 import '../content-transfer.cjs';
 import 'react';
 import '@ai-matrx/kit/content-transfer';
 import '../content-transfer/icon.cjs';
+import './table-style.cjs';
 import '../types-CJWU1Gae.cjs';
 import './grouping.cjs';
 import './fill.cjs';

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

@@ -1,9 +1,10 @@
 import { AgentPayloadInput } from './copy-types.js';
-import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../types-B8vwElPz.js';
+import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../types--rz-dVeQ.js';
 import '../content-transfer.js';
 import 'react';
 import '@ai-matrx/kit/content-transfer';
 import '../content-transfer/icon.js';
+import './table-style.js';
 import '../types-CJWU1Gae.js';
 import './grouping.js';
 import './fill.js';

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

@@ -1,9 +1,10 @@
-import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-BuMHbFjs.cjs';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-CZmM6ERA.cjs';
 import '../content-transfer.cjs';
 import 'react';
 import '@ai-matrx/kit/content-transfer';
 import '../content-transfer/icon.cjs';
 import './copy-types.cjs';
+import './table-style.cjs';
 import '../types-CJWU1Gae.cjs';
 import './grouping.cjs';
 import './fill.cjs';

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

@@ -1,9 +1,10 @@
-import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-B8vwElPz.js';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types--rz-dVeQ.js';
 import '../content-transfer.js';
 import 'react';
 import '@ai-matrx/kit/content-transfer';
 import '../content-transfer/icon.js';
 import './copy-types.js';
+import './table-style.js';
 import '../types-CJWU1Gae.js';
 import './grouping.js';
 import './fill.js';

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

@@ -2,11 +2,12 @@ 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, d as MatrxDataTableRecordControls } from '../types-BuMHbFjs.cjs';
+import { b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../types-CZmM6ERA.cjs';
 import { MatrxTableMenuTarget, MatrxTableMenuPayload } from './menu-targets.cjs';
 import '../content-transfer.cjs';
 import '@ai-matrx/kit/content-transfer';
 import '../content-transfer/icon.cjs';
+import './table-style.cjs';
 import '../types-CJWU1Gae.cjs';
 import './grouping.cjs';
 import './fill.cjs';

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

@@ -2,11 +2,12 @@ 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, d as MatrxDataTableRecordControls } from '../types-B8vwElPz.js';
+import { b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../types--rz-dVeQ.js';
 import { MatrxTableMenuTarget, MatrxTableMenuPayload } from './menu-targets.js';
 import '../content-transfer.js';
 import '@ai-matrx/kit/content-transfer';
 import '../content-transfer/icon.js';
+import './table-style.js';
 import '../types-CJWU1Gae.js';
 import './grouping.js';
 import './fill.js';

package/dist/data-table/index.cjs

@@ -140,6 +140,7 @@ __export(data_table_exports, {
   tableUrlParamPrefix: () => tableUrlParamPrefix,
   tileIndex: () => tileIndex,
   toggleGroupCollapsed: () => toggleGroupCollapsed,
+  toggleSelection: () => toggleSelection,
   undoEntryFor: () => undoEntryFor,
   useMatrxDataTableHost: () => useMatrxDataTableHost,
   useMatrxTableRowAlchemy: () => useMatrxTableRowAlchemy,
@@ -11896,6 +11897,33 @@ function LayeredRuleRow({
   );
 }
 
+// src/data-table/row-selection.ts
+function toggleSelection({
+  order,
+  idOf,
+  selected,
+  index,
+  anchor,
+  shiftKey,
+  isSelectable
+}) {
+  const next = new Set(selected);
+  const clicked = order[index];
+  if (clicked === void 0) return { next, anchor: anchor ?? index };
+  const turningOn = !next.has(idOf(clicked));
+  const from = shiftKey && anchor !== null ? Math.min(anchor, index) : index;
+  const to = shiftKey && anchor !== null ? Math.max(anchor, index) : index;
+  for (let i = from; i <= to; i += 1) {
+    const target = order[i];
+    if (target === void 0) continue;
+    if (!(isSelectable?.(target) ?? true)) continue;
+    const id = idOf(target);
+    if (turningOn) next.add(id);
+    else next.delete(id);
+  }
+  return { next, anchor: index };
+}
+
 // src/data-table/infer-filter.ts
 var SELECT_CARDINALITY_CAP = 24;
 function resolveFilterKind(col, sampleRows) {
@@ -13958,23 +13986,17 @@ function MatrxDataTableCore({
   const setSelectedIds = (next) => selection?.onSelectedIdsChange([...next]);
   const toggleRowSelected = (index, shiftKey) => {
     if (!selection) return;
-    const row = paginated[index];
-    if (!row) return;
-    const id = getRowId(row);
-    const next = new Set(selectedIdSet);
-    const turningOn = !next.has(id);
-    const anchor = lastToggledIndex.current;
-    const from = shiftKey && anchor !== null ? Math.min(anchor, index) : index;
-    const to = shiftKey && anchor !== null ? Math.max(anchor, index) : index;
-    for (let i = from; i <= to; i += 1) {
-      const target = paginated[i];
-      if (!target) continue;
-      if (!(selection.isRowSelectable?.(target) ?? true)) continue;
-      const targetId = getRowId(target);
-      if (turningOn) next.add(targetId);
-      else next.delete(targetId);
-    }
-    lastToggledIndex.current = index;
+    if (!paginated[index]) return;
+    const { next, anchor } = toggleSelection({
+      order: paginated,
+      idOf: getRowId,
+      selected: selectedIdSet,
+      index,
+      anchor: lastToggledIndex.current,
+      shiftKey,
+      isSelectable: selection.isRowSelectable
+    });
+    lastToggledIndex.current = anchor;
     setSelectedIds(next);
   };
   const toggleAllOnPage = () => {