@ai-matrx/design-system 0.61.16 → 0.61.17

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.61.17
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.61.16..npm/design-system/v0.61.17 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
 ## 0.61.16 — a pill panned past a chart's viewport is not an overflowing pill
 
 - Pill guard: when a transformed layer sits between a pill and its nearest clipping ancestor (a

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 '../layered-filters-DDgNWqzw.cjs';
+import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../layered-filters-yUjWTbsv.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 '../layered-filters-DnMvx2yK.js';
+import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../layered-filters-P0gCSV77.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 '../layered-filters-DDgNWqzw.cjs';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../layered-filters-yUjWTbsv.cjs';
 import 'react';
 import '../content-transfer.cjs';
 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 '../layered-filters-DnMvx2yK.js';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../layered-filters-P0gCSV77.js';
 import 'react';
 import '../content-transfer.js';
 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 { M as MatrxColumnDef, b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../layered-filters-DDgNWqzw.cjs';
+import { M as MatrxColumnDef, b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../layered-filters-yUjWTbsv.cjs';
 import { MatrxTableMenuItem, MatrxTableMenuTarget, MatrxTableMenuPayload, MatrxTableMenuSectionsResolver, MatrxTableMenuIconName } from './menu-targets.cjs';
 export { MatrxTableMenuSection } from './menu-targets.cjs';
 import '../content-transfer.cjs';

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 { M as MatrxColumnDef, b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../layered-filters-DnMvx2yK.js';
+import { M as MatrxColumnDef, b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../layered-filters-P0gCSV77.js';
 import { MatrxTableMenuItem, MatrxTableMenuTarget, MatrxTableMenuPayload, MatrxTableMenuSectionsResolver, MatrxTableMenuIconName } from './menu-targets.js';
 export { MatrxTableMenuSection } from './menu-targets.js';
 import '../content-transfer.js';

package/dist/data-table/index.cjs

@@ -53543,6 +53543,27 @@ function MatrxDataTableCore(coreProps) {
   const columnIds = (0, import_react31.useMemo)(() => columns.map(columnId), [columns]);
   const effectiveColumnOrder = (0, import_react31.useMemo)(() => columnState ? [...columnState.order.filter((id, index, values) => columnIds.includes(id) && values.indexOf(id) === index), ...columnIds.filter((id) => !columnState.order.includes(id))] : columnOrder, [columnIds, columnOrder, columnState]);
   const effectiveHiddenColumnIds = (0, import_react31.useMemo)(() => columnState ? new Set(columnState.hidden.filter((id) => columnIds.includes(id))) : hiddenColumnIds, [columnIds, columnState, hiddenColumnIds]);
+  const [shownGroupedColumnId, setShownGroupedColumnId] = (0, import_react31.useState)(null);
+  const groupedColumnId = drill ? null : grouping?.columnId ?? null;
+  const groupedColumnShown = groupedColumnId !== null && (grouping?.showColumn ?? shownGroupedColumnId === groupedColumnId);
+  const autoHiddenGroupColumnId = groupedColumnId !== null && !groupedColumnShown && columnIds.includes(groupedColumnId) && !effectiveHiddenColumnIds.has(groupedColumnId) ? groupedColumnId : null;
+  const drawnHiddenColumnIds = (0, import_react31.useMemo)(
+    () => autoHiddenGroupColumnId ? /* @__PURE__ */ new Set([...effectiveHiddenColumnIds, autoHiddenGroupColumnId]) : effectiveHiddenColumnIds,
+    [effectiveHiddenColumnIds, autoHiddenGroupColumnId]
+  );
+  const setGroupedColumnShown = (0, import_react31.useCallback)((show) => {
+    if (grouping?.onShowColumnChange) grouping.onShowColumnChange(show);
+    else setShownGroupedColumnId(show ? groupedColumnId : null);
+  }, [grouping, groupedColumnId]);
+  const applyColumnManager = (0, import_react31.useCallback)((order, hidden) => {
+    const next = new Set(hidden);
+    if (groupedColumnId !== null && !effectiveHiddenColumnIds.has(groupedColumnId)) {
+      const wantsShown = !next.has(groupedColumnId);
+      if (wantsShown !== groupedColumnShown) setGroupedColumnShown(wantsShown);
+      next.delete(groupedColumnId);
+    }
+    commitColumnState(order, next);
+  }, [groupedColumnId, effectiveHiddenColumnIds, groupedColumnShown, setGroupedColumnShown, commitColumnState]);
   const effectiveColumnWidths = (0, import_react31.useMemo)(
     () => normalizeColumnWidthsForColumns(columnState?.widths ?? columnWidths, columns),
     [columns, columnState?.widths, columnWidths]
@@ -53657,9 +53678,9 @@ function MatrxDataTableCore(coreProps) {
   const visibleColumns = (0, import_react31.useMemo)(() => {
     const byId = new Map(columns.map((column) => [columnId(column), column]));
     return previewColumnOrder.map((id) => byId.get(id)).filter(
-      (column) => column !== void 0 && !effectiveHiddenColumnIds.has(columnId(column))
+      (column) => column !== void 0 && !drawnHiddenColumnIds.has(columnId(column))
     );
-  }, [columns, effectiveHiddenColumnIds, previewColumnOrder]);
+  }, [columns, drawnHiddenColumnIds, previewColumnOrder]);
   const usesMeasuredFixedLayout = visibleColumns.length > 0 && visibleColumns.every((column) => effectiveColumnWidths[columnId(column)] !== void 0);
   (0, import_react31.useLayoutEffect)(() => {
     if (!usesMeasuredFixedLayout) {
@@ -54047,12 +54068,14 @@ function MatrxDataTableCore(coreProps) {
   }, [grouping, groupingColumnId, columns, paginated]);
   const groupableColumns = (0, import_react31.useMemo)(() => {
     const allowed = grouping?.groupableColumnIds;
-    return visibleColumns.filter((col) => {
+    return visibleColumns.concat(
+      columns.filter((col) => columnId(col) === autoHiddenGroupColumnId)
+    ).filter((col) => {
       const id = columnId(col);
       if (allowed) return allowed.includes(id);
       return col.accessorKey !== void 0 || col.accessorFn !== void 0;
     });
-  }, [visibleColumns, grouping?.groupableColumnIds]);
+  }, [visibleColumns, columns, autoHiddenGroupColumnId, grouping?.groupableColumnIds]);
   const groupedRenderRows = (0, import_react31.useMemo)(
     () => groups ? flattenGroups(groups, collapsedGroups) : null,
     [groups, collapsedGroups]
@@ -57472,8 +57495,8 @@ function MatrxDataTableCore(coreProps) {
                       onOpenChange: setColumnManagerOpen,
                       columns,
                       order: effectiveColumnOrder,
-                      hidden: effectiveHiddenColumnIds,
-                      onApply: commitColumnState
+                      hidden: drawnHiddenColumnIds,
+                      onApply: applyColumnManager
                     }
                   ),
                   detailEnabled && selectedRow ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(