@ai-matrx/design-system 0.39.3 → 0.39.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.39.4
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.39.3..npm/design-system/v0.39.4 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
 ## 0.39.3
 
 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 { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../types-Bq-K6JWF.cjs';
+import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../types-D7O3uOIs.cjs';
 import '../content-transfer.cjs';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

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

@@ -1,5 +1,5 @@
 import { AgentPayloadInput } from './copy-types.js';
-import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../types-CM9oqzia.js';
+import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../types-p13OrDj-.js';
 import '../content-transfer.js';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

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-Bq-K6JWF.cjs';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-D7O3uOIs.cjs';
 import '../content-transfer.cjs';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

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-CM9oqzia.js';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-p13OrDj-.js';
 import '../content-transfer.js';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

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, d as MatrxDataTableRecordControls } from '../types-Bq-K6JWF.cjs';
+import { b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../types-D7O3uOIs.cjs';
 import { MatrxTableMenuTarget, MatrxTableMenuPayload } from './menu-targets.cjs';
 import '../content-transfer.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, d as MatrxDataTableRecordControls } from '../types-CM9oqzia.js';
+import { b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../types-p13OrDj-.js';
 import { MatrxTableMenuTarget, MatrxTableMenuPayload } from './menu-targets.js';
 import '../content-transfer.js';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/index.cjs

@@ -12340,7 +12340,9 @@ function MatrxDataTableCore({
   const remoteQuery = query?.mode === "controlled" || query?.mode === "controlled-append" ? query : null;
   const sourceProcessing = query?.mode === "controlled" || query?.mode === "controlled-local" ? query.sourceProcessing : appendQuery?.sourceProcessing;
   const appendUsesLocalProcessing = appendQuery !== null && sourceProcessing !== void 0;
-  const sourceOwnsColumnFilters = appendQuery !== null && sourceProcessing === void 0 ? true : sourceProcessing?.columnFilters === "source";
+  const appendDefaultsToSourceProcessing = appendQuery !== null && sourceProcessing === void 0;
+  const sourceColumnFilterOwnership = sourceProcessing?.columnFilters;
+  const sourceOwnsColumnFilters = appendDefaultsToSourceProcessing ? true : sourceColumnFilterOwnership === "source" || typeof sourceColumnFilterOwnership === "object" && sourceColumnFilterOwnership.source.length > 0;
   const sourceOwnsSort = appendQuery !== null && sourceProcessing === void 0 ? true : sourceProcessing?.sort === "source";
   const sourceOwnsIntelligentSearch = sourceProcessing?.intelligentSearch === "source";
   const sourceOwnsSearch = remoteQuery?.mode === "controlled" || appendQuery !== null && sourceProcessing === void 0 || sourceProcessing?.search === "source" || sourceOwnsIntelligentSearch;
@@ -12413,6 +12415,17 @@ function MatrxDataTableCore({
   };
   const [internalColumnFilters, setInternalColumnFilters] = (0, import_react21.useState)({});
   const columnFilters = controlledQuery ? controlledQuery.state.columnFilters : internalColumnFilters;
+  const localColumnFilters = (0, import_react21.useMemo)(() => {
+    if (appendDefaultsToSourceProcessing) return {};
+    if (sourceColumnFilterOwnership === "source") return {};
+    if (sourceColumnFilterOwnership === void 0 || sourceColumnFilterOwnership === "local") {
+      return columnFilters;
+    }
+    const sourceColumnIds = new Set(sourceColumnFilterOwnership.source);
+    return Object.fromEntries(
+      Object.entries(columnFilters).filter(([columnId2]) => !sourceColumnIds.has(columnId2))
+    );
+  }, [appendDefaultsToSourceProcessing, columnFilters, sourceColumnFilterOwnership]);
   const setColumnFilter = (id, next) => {
     const nextFilters = { ...columnFilters, [id]: next };
     if (controlledQuery) {
@@ -13008,14 +13021,14 @@ function MatrxDataTableCore({
         ...intelligentSearchEnabled ? { searchScope } : {},
         anyOf: anyOfValue,
         layeredFilters,
-        columnFilters,
+        columnFilters: localColumnFilters,
         sort
       });
     }
     const locallyFiltered = filterAndSortRows(
       data,
       intelligentSearchEnabled ? columns : visibleColumns,
-      sourceOwnsColumnFilters ? {} : columnFilters,
+      localColumnFilters,
       sourceOwnsSort ? null : sort,
       "",
       // Global matching and identity ranking run once across all loaded fields below.
@@ -13040,7 +13053,7 @@ function MatrxDataTableCore({
   }, [
     data,
     visibleColumns,
-    columnFilters,
+    localColumnFilters,
     sort,
     searchValue,
     toolbar,
@@ -13996,6 +14009,7 @@ function MatrxDataTableCore({
     );
   }, [host.rowContextRegistry, tableContextMenuInstanceId]);
   const showActionsCol = windowEnabled || Boolean(rowActions) || showInlineRowCopy;
+  const getSelectionId = selection?.getSelectionId ?? getRowId;
   const selectedIdSet = (0, import_react21.useMemo)(
     () => new Set(selection?.selectedIds ?? []),
     [selection?.selectedIds]
@@ -14004,14 +14018,19 @@ function MatrxDataTableCore({
     (row) => selection?.isRowSelectable?.(row) ?? true
   );
   const selectedOnPage = selectableRows.filter(
-    (row) => selectedIdSet.has(getRowId(row))
+    (row) => selectedIdSet.has(getSelectionId(row))
   );
   const allOnPageSelected = selectableRows.length > 0 && selectedOnPage.length === selectableRows.length;
   const someOnPageSelected = selectedOnPage.length > 0 && !allOnPageSelected;
-  const selectedRows = (0, import_react21.useMemo)(
-    () => data.filter((row) => selectedIdSet.has(getRowId(row))),
-    [data, selectedIdSet, getRowId]
-  );
+  const selectedRows = (0, import_react21.useMemo)(() => {
+    const resolved = /* @__PURE__ */ new Set();
+    return data.filter((row) => {
+      const id = getSelectionId(row);
+      if (!selectedIdSet.has(id) || resolved.has(id)) return false;
+      resolved.add(id);
+      return true;
+    });
+  }, [data, getSelectionId, selectedIdSet]);
   const lastToggledIndex = (0, import_react21.useRef)(null);
   const setSelectedIds = (next) => selection?.onSelectedIdsChange([...next]);
   const toggleRowSelected = (index, shiftKey) => {
@@ -14019,7 +14038,7 @@ function MatrxDataTableCore({
     if (!paginated[index]) return;
     const { next, anchor } = toggleSelection({
       order: paginated,
-      idOf: getRowId,
+      idOf: getSelectionId,
       selected: selectedIdSet,
       index,
       anchor: lastToggledIndex.current,
@@ -14033,7 +14052,7 @@ function MatrxDataTableCore({
     if (!selection) return;
     const next = new Set(selectedIdSet);
     for (const row of selectableRows) {
-      const id = getRowId(row);
+      const id = getSelectionId(row);
       if (allOnPageSelected) next.delete(id);
       else next.add(id);
     }
@@ -14041,7 +14060,7 @@ function MatrxDataTableCore({
     setSelectedIds(next);
   };
   const selectionNoun = selection?.noun ?? "row";
-  const selectionCount = selection?.selectedIds.length ?? 0;
+  const selectionCount = selectedIdSet.size;
   const leadingCols = selection ? 1 : 0;
   const renderedColSpan = renderedColumns.length + leadingCols + (showActionsCol ? 1 : 0) + (columnSpacers ? (columnSpacers.start > 0 ? 1 : 0) + (columnSpacers.end > 0 ? 1 : 0) : 0);
   const renderedFacets = controlledQuery ? toolbar?.facets?.map(
@@ -14643,15 +14662,16 @@ function MatrxDataTableCore({
                               const column = columns.find((candidate) => columnId(candidate) === columnKey);
                               return column ? renderRecordCell(row, column, index) : null;
                             },
-                            selected: selectedIdSet.has(id),
+                            selected: selectedIdSet.has(getSelectionId(row)),
                             selectable,
                             onSelectedChange: (nextSelected) => {
-                              if (!selection || !selectable || nextSelected === selectedIdSet.has(id)) {
+                              if (!selection || !selectable || nextSelected === selectedIdSet.has(getSelectionId(row))) {
                                 return;
                               }
                               const next = new Set(selectedIdSet);
-                              if (nextSelected) next.add(id);
-                              else next.delete(id);
+                              const selectionId = getSelectionId(row);
+                              if (nextSelected) next.add(selectionId);
+                              else next.delete(selectionId);
                               setSelectedIds(next);
                             },
                             actions: showInlineRowCopy || rowActions ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
@@ -15055,7 +15075,7 @@ function MatrxDataTableCore({
                                   const rowEdits = edits[id];
                                   const displayRow = applyRowEdits(row, rowEdits);
                                   const controls = buildRecordControls(displayRow);
-                                  const isChecked = selectedIdSet.has(id);
+                                  const isChecked = selectedIdSet.has(getSelectionId(row));
                                   const background = rowBackground({
                                     tint: rowTintColor(row, id),
                                     highlighted: highlightedIndex === index,
@@ -15525,7 +15545,7 @@ function MatrxDataTableCore({
                                     new Date(appendQuery.pagination.sourceUntil).toLocaleString(),
                                     "."
                                   ] }) : null,
-                                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { children: !isLoading && !isFetching && !appendQuery.pagination.loadAll?.isLoading && !scrollPagination.error && !appendQuery.pagination.hasNextPage && appendQuery.pagination.totalItems !== void 0 && data.length === appendQuery.pagination.totalItems ? "All source rows are loaded." : appendUsesLocalProcessing ? "Local search and filters cover loaded rows." : "Source paging is active." })
+                                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { children: !isLoading && !isFetching && !appendQuery.pagination.loadAll?.isLoading && !scrollPagination.error && !appendQuery.pagination.hasNextPage && appendQuery.pagination.totalItems !== void 0 && data.length === appendQuery.pagination.totalItems ? "All source rows are loaded." : appendUsesLocalProcessing ? sourceOwnsColumnFilters ? "Local processing covers loaded rows; source-owned column filters are applied by the source." : "Local search and filters cover loaded rows." : "Source paging is active." })
                                 ] })
                               ] }) : null,
                               scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { role: "alert", className: "text-destructive", children: scrollPagination.error.message }) : null,
@@ -15687,7 +15707,7 @@ function MatrxDataTableCore({
                             }
                           }
                         ) : null,
-                        selection.actions?.(selectedRows, selection.selectedIds)
+                        selection.actions?.(selectedRows, [...selectedIdSet])
                       ] })
                     ]
                   }