@ai-matrx/design-system 0.22.0 → 0.26.0

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

@@ -1,10 +1,15 @@
-import { M as MatrxColumnDef, f as ColumnFilterKind } from '../types-Sn249eoy.cjs';
+import { M as MatrxColumnDef, f as ColumnFilterKind } from '../types-DrJXAAoD.cjs';
 import '../content-transfer.cjs';
 import 'react';
 import '@ai-matrx/kit/content-transfer';
 import '../content-transfer/icon.cjs';
 import './copy-types.cjs';
-import '../types-BdbvlF9-.cjs';
+import '../types-CJWU1Gae.cjs';
+import './grouping.cjs';
+import './fill.cjs';
+import './facets.cjs';
+import './spreadsheet.cjs';
+import './grid-selection.cjs';
 
 type ResolvedFilterKind = "text" | "select" | "boolean" | "number";
 /**

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

@@ -1,10 +1,15 @@
-import { M as MatrxColumnDef, f as ColumnFilterKind } from '../types-D-flTpK0.js';
+import { M as MatrxColumnDef, f as ColumnFilterKind } from '../types-Cu5_eUG1.js';
 import '../content-transfer.js';
 import 'react';
 import '@ai-matrx/kit/content-transfer';
 import '../content-transfer/icon.js';
 import './copy-types.js';
-import '../types-BdbvlF9-.js';
+import '../types-CJWU1Gae.js';
+import './grouping.js';
+import './fill.js';
+import './facets.js';
+import './spreadsheet.js';
+import './grid-selection.js';
 
 type ResolvedFilterKind = "text" | "select" | "boolean" | "number";
 /**

package/dist/data-table/layered-filters.d.cts

@@ -1,7 +1,12 @@
-export { al as LAYERED_FILTER_OPERATORS, am as LAYERED_FILTER_OPERATOR_LABELS, an as LayeredFilterField, ao as LayeredFilterOperator, L as LayeredFilterRule, ap as columnFiltersToLayeredRules, aq as completeLayeredFilterRules, ar as decodeLayeredFilterRules, as as encodeLayeredFilterRules, at as isCompleteLayeredFilterRule, au as isLayeredFilterOperator, av as layeredFilterMatchesValue, aw as layeredFilterNeedsValue, ax as layeredFilterRuleSummary, ay as operatorsForLayeredField } from '../types-Sn249eoy.cjs';
+export { aq as LAYERED_FILTER_OPERATORS, ar as LAYERED_FILTER_OPERATOR_LABELS, as as LayeredFilterField, at as LayeredFilterOperator, L as LayeredFilterRule, au as columnFiltersToLayeredRules, av as completeLayeredFilterRules, aw as decodeLayeredFilterRules, ax as encodeLayeredFilterRules, ay as isCompleteLayeredFilterRule, az as isLayeredFilterOperator, aA as layeredFilterMatchesValue, aB as layeredFilterNeedsValue, aC as layeredFilterRuleSummary, aD as operatorsForLayeredField } from '../types-DrJXAAoD.cjs';
 import '../content-transfer.cjs';
 import 'react';
 import '@ai-matrx/kit/content-transfer';
 import '../content-transfer/icon.cjs';
 import './copy-types.cjs';
-import '../types-BdbvlF9-.cjs';
+import '../types-CJWU1Gae.cjs';
+import './grouping.cjs';
+import './fill.cjs';
+import './facets.cjs';
+import './spreadsheet.cjs';
+import './grid-selection.cjs';

package/dist/data-table/layered-filters.d.ts

@@ -1,7 +1,12 @@
-export { al as LAYERED_FILTER_OPERATORS, am as LAYERED_FILTER_OPERATOR_LABELS, an as LayeredFilterField, ao as LayeredFilterOperator, L as LayeredFilterRule, ap as columnFiltersToLayeredRules, aq as completeLayeredFilterRules, ar as decodeLayeredFilterRules, as as encodeLayeredFilterRules, at as isCompleteLayeredFilterRule, au as isLayeredFilterOperator, av as layeredFilterMatchesValue, aw as layeredFilterNeedsValue, ax as layeredFilterRuleSummary, ay as operatorsForLayeredField } from '../types-D-flTpK0.js';
+export { aq as LAYERED_FILTER_OPERATORS, ar as LAYERED_FILTER_OPERATOR_LABELS, as as LayeredFilterField, at as LayeredFilterOperator, L as LayeredFilterRule, au as columnFiltersToLayeredRules, av as completeLayeredFilterRules, aw as decodeLayeredFilterRules, ax as encodeLayeredFilterRules, ay as isCompleteLayeredFilterRule, az as isLayeredFilterOperator, aA as layeredFilterMatchesValue, aB as layeredFilterNeedsValue, aC as layeredFilterRuleSummary, aD as operatorsForLayeredField } from '../types-Cu5_eUG1.js';
 import '../content-transfer.js';
 import 'react';
 import '@ai-matrx/kit/content-transfer';
 import '../content-transfer/icon.js';
 import './copy-types.js';
-import '../types-BdbvlF9-.js';
+import '../types-CJWU1Gae.js';
+import './grouping.js';
+import './fill.js';
+import './facets.js';
+import './spreadsheet.js';
+import './grid-selection.js';

package/dist/data-table/menu-targets.cjs

@@ -0,0 +1,77 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/data-table/menu-targets.ts
+var menu_targets_exports = {};
+__export(menu_targets_exports, {
+  MATRX_CELL_COLUMN_ATTR: () => MATRX_CELL_COLUMN_ATTR,
+  MATRX_CELL_ROW_ATTR: () => MATRX_CELL_ROW_ATTR,
+  MATRX_CELL_SELECTED_ATTR: () => MATRX_CELL_SELECTED_ATTR,
+  MATRX_HEADER_COLUMN_ATTR: () => MATRX_HEADER_COLUMN_ATTR,
+  MATRX_ROW_ID_ATTR: () => MATRX_ROW_ID_ATTR,
+  MATRX_TABLE_ID_ATTR: () => MATRX_TABLE_ID_ATTR,
+  describeMenuLevel: () => describeMenuLevel,
+  readMenuTarget: () => readMenuTarget
+});
+module.exports = __toCommonJS(menu_targets_exports);
+var MATRX_TABLE_ID_ATTR = "data-matrx-table-id";
+var MATRX_ROW_ID_ATTR = "data-row-id";
+var MATRX_CELL_ROW_ATTR = "data-matrx-cell-row";
+var MATRX_CELL_COLUMN_ATTR = "data-matrx-table-column-id";
+var MATRX_HEADER_COLUMN_ATTR = "data-matrx-header-column-id";
+var MATRX_CELL_SELECTED_ATTR = "data-matrx-cell-selected";
+function attr(element, name) {
+  if (!element) return void 0;
+  const found = element.closest(`[${name}]`);
+  const value = found?.getAttribute(name);
+  return value === null || value === void 0 || value === "" ? void 0 : value;
+}
+function readMenuTarget(target) {
+  const tableId = attr(target, MATRX_TABLE_ID_ATTR);
+  if (!tableId) return null;
+  const headerColumnId = attr(target, MATRX_HEADER_COLUMN_ATTR);
+  if (headerColumnId) return { tableId, level: "column", columnId: headerColumnId };
+  const cellColumnId = attr(target, MATRX_CELL_COLUMN_ATTR);
+  const cellRowId = attr(target, MATRX_ROW_ID_ATTR) ?? attr(target, MATRX_CELL_ROW_ATTR);
+  const rowId = cellRowId;
+  if (cellRowId && cellColumnId) {
+    const selected = attr(target, MATRX_CELL_SELECTED_ATTR) === "true";
+    if (selected) return { tableId, level: "selection", rowId: cellRowId, columnId: cellColumnId };
+    return { tableId, level: "cell", rowId: cellRowId, columnId: cellColumnId };
+  }
+  if (rowId) return { tableId, level: "row", rowId };
+  return { tableId, level: "table" };
+}
+function describeMenuLevel(payload) {
+  switch (payload.level) {
+    case "cell":
+      return payload.columnLabel;
+    case "row":
+      return "Row";
+    case "column":
+      return payload.columnLabel;
+    case "selection": {
+      const cells = payload.cellCount;
+      return `${cells} ${cells === 1 ? "cell" : "cells"}`;
+    }
+    case "table":
+      return "Table";
+  }
+}
+//# sourceMappingURL=menu-targets.cjs.map

package/dist/data-table/menu-targets.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/data-table/menu-targets.ts"],"sourcesContent":["/**\n * @ai-matrx/design-system/data-table — WHAT WAS RIGHT-CLICKED.\n *\n * A spreadsheet's right-click menu is not one menu: it is four, and which one\n * you get is decided by where the pointer was. A cell, the row it sits in, the\n * column it sits under, and — when the click lands inside an extended range —\n * the selection. The canonical table used to expose exactly ONE of those four\n * (the row), so every surface that wanted the other three forked the table.\n *\n * This module is the pure half of the fix: it reads the four levels off the\n * DOM anchors the table already renders, and nothing more. It does not build a\n * menu, name an action, or know what a menu is — the platform's universal\n * right-click menu is an application concern and stays there. The table's job\n * is to answer, truthfully, WHICH thing the person aimed at.\n *\n * THE PRECEDENCE, and why it is this way:\n *\n *   selection > cell > column > row > table\n *\n * A click inside an extended range means the range, because that is what the\n * person is looking at and what every spreadsheet acts on — taking the single\n * cell under the cursor there would silently throw away their selection. A\n * header click is the column even though the header is inside the table. A\n * click on a row but outside any cell (the checkbox gutter, the actions cell)\n * is the row. Anything else in the table is the table.\n *\n * Pure: no React, no package state. It reads `data-*` attributes and returns a\n * plain object. Nothing here throws on any input.\n */\n\n/** Which of the four things the pointer was aimed at. */\nexport type MatrxTableMenuLevel = \"cell\" | \"row\" | \"column\" | \"selection\" | \"table\";\n\nexport interface MatrxTableMenuTarget {\n  /** The table instance the click landed in. */\n  tableId: string;\n  level: MatrxTableMenuLevel;\n  /** Present for \"cell\" and \"row\". */\n  rowId?: string;\n  /** Present for \"cell\" and \"column\". */\n  columnId?: string;\n}\n\n/**\n * Attribute names, in one place, so the renderer and the reader cannot drift.\n * `data-row-id` predates this module and keeps its name: it is already read by\n * the row-drag preview and by every host that wired the row menu.\n */\nexport const MATRX_TABLE_ID_ATTR = \"data-matrx-table-id\";\nexport const MATRX_ROW_ID_ATTR = \"data-row-id\";\nexport const MATRX_CELL_ROW_ATTR = \"data-matrx-cell-row\";\nexport const MATRX_CELL_COLUMN_ATTR = \"data-matrx-table-column-id\";\nexport const MATRX_HEADER_COLUMN_ATTR = \"data-matrx-header-column-id\";\n/** Marks a cell that is inside the current extended range. */\nexport const MATRX_CELL_SELECTED_ATTR = \"data-matrx-cell-selected\";\n\ninterface MinimalElement {\n  closest(selector: string): MinimalElement | null;\n  getAttribute(name: string): string | null;\n}\n\nfunction attr(element: MinimalElement | null, name: string): string | undefined {\n  if (!element) return undefined;\n  const found = element.closest(`[${name}]`);\n  const value = found?.getAttribute(name);\n  return value === null || value === undefined || value === \"\" ? undefined : value;\n}\n\n/**\n * Read the four levels off the clicked element.\n *\n * Returns null when the click did not land in a canonical table at all — which\n * is the signal a host needs to leave its own page-level menu alone.\n */\nexport function readMenuTarget(\n  target: MinimalElement | null,\n): MatrxTableMenuTarget | null {\n  const tableId = attr(target, MATRX_TABLE_ID_ATTR);\n  if (!tableId) return null;\n\n  const headerColumnId = attr(target, MATRX_HEADER_COLUMN_ATTR);\n  if (headerColumnId) return { tableId, level: \"column\", columnId: headerColumnId };\n\n  // A cell's row comes from the `<tr>` it is in, which every table renders —\n  // the spreadsheet cursor's own row attribute is a second opinion, used only\n  // when the table is windowed sideways and the row wrapper is not an ancestor.\n  const cellColumnId = attr(target, MATRX_CELL_COLUMN_ATTR);\n  const cellRowId = attr(target, MATRX_ROW_ID_ATTR) ?? attr(target, MATRX_CELL_ROW_ATTR);\n  const rowId = cellRowId;\n\n  if (cellRowId && cellColumnId) {\n    // Inside an extended range the SELECTION is what the person sees and what\n    // the menu must act on. A range of one cell is not a range — acting on it\n    // as a selection would give a lone cell the plural verbs.\n    const selected = attr(target, MATRX_CELL_SELECTED_ATTR) === \"true\";\n    if (selected) return { tableId, level: \"selection\", rowId: cellRowId, columnId: cellColumnId };\n    return { tableId, level: \"cell\", rowId: cellRowId, columnId: cellColumnId };\n  }\n\n  if (rowId) return { tableId, level: \"row\", rowId };\n  return { tableId, level: \"table\" };\n}\n\n/**\n * The payload the table hands its host for the level that was clicked.\n *\n * The host builds the menu from this and never reaches back into the table.\n * Every level carries the table's own count of what it is acting on, because a\n * menu that says \"Clear 12 cells\" and clears 40 is worse than one that says\n * nothing.\n */\nexport type MatrxTableMenuPayload<T = unknown> =\n  | {\n      level: \"cell\";\n      row: T;\n      rowId: string;\n      columnId: string;\n      columnLabel: string;\n      value: unknown;\n      /** The cell's value as the table displays it, for Copy. */\n      text: string;\n      controls: unknown;\n    }\n  | { level: \"row\"; row: T; rowId: string; controls: unknown }\n  | {\n      level: \"column\";\n      columnId: string;\n      columnLabel: string;\n      /** Every rendered row's value for this column, in visual order. */\n      values: unknown[];\n    }\n  | {\n      level: \"selection\";\n      rowIds: string[];\n      columnIds: string[];\n      /** The selected rectangle as an Excel/Sheets-compatible TSV block. */\n      tsv: string;\n      cellCount: number;\n    }\n  | { level: \"table\"; rowCount: number; columnIds: string[] };\n\n/** Plain-English name for a level, for a host that labels its sections. */\nexport function describeMenuLevel(payload: MatrxTableMenuPayload): string {\n  switch (payload.level) {\n    case \"cell\":\n      return payload.columnLabel;\n    case \"row\":\n      return \"Row\";\n    case \"column\":\n      return payload.columnLabel;\n    case \"selection\": {\n      const cells = payload.cellCount;\n      return `${cells} ${cells === 1 ? \"cell\" : \"cells\"}`;\n    }\n    case \"table\":\n      return \"Table\";\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgDO,IAAM,sBAAsB;AAC5B,IAAM,oBAAoB;AAC1B,IAAM,sBAAsB;AAC5B,IAAM,yBAAyB;AAC/B,IAAM,2BAA2B;AAEjC,IAAM,2BAA2B;AAOxC,SAAS,KAAK,SAAgC,MAAkC;AAC9E,MAAI,CAAC,QAAS,QAAO;AACrB,QAAM,QAAQ,QAAQ,QAAQ,IAAI,IAAI,GAAG;AACzC,QAAM,QAAQ,OAAO,aAAa,IAAI;AACtC,SAAO,UAAU,QAAQ,UAAU,UAAa,UAAU,KAAK,SAAY;AAC7E;AAQO,SAAS,eACd,QAC6B;AAC7B,QAAM,UAAU,KAAK,QAAQ,mBAAmB;AAChD,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM,iBAAiB,KAAK,QAAQ,wBAAwB;AAC5D,MAAI,eAAgB,QAAO,EAAE,SAAS,OAAO,UAAU,UAAU,eAAe;AAKhF,QAAM,eAAe,KAAK,QAAQ,sBAAsB;AACxD,QAAM,YAAY,KAAK,QAAQ,iBAAiB,KAAK,KAAK,QAAQ,mBAAmB;AACrF,QAAM,QAAQ;AAEd,MAAI,aAAa,cAAc;AAI7B,UAAM,WAAW,KAAK,QAAQ,wBAAwB,MAAM;AAC5D,QAAI,SAAU,QAAO,EAAE,SAAS,OAAO,aAAa,OAAO,WAAW,UAAU,aAAa;AAC7F,WAAO,EAAE,SAAS,OAAO,QAAQ,OAAO,WAAW,UAAU,aAAa;AAAA,EAC5E;AAEA,MAAI,MAAO,QAAO,EAAE,SAAS,OAAO,OAAO,MAAM;AACjD,SAAO,EAAE,SAAS,OAAO,QAAQ;AACnC;AAyCO,SAAS,kBAAkB,SAAwC;AACxE,UAAQ,QAAQ,OAAO;AAAA,IACrB,KAAK;AACH,aAAO,QAAQ;AAAA,IACjB,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO,QAAQ;AAAA,IACjB,KAAK,aAAa;AAChB,YAAM,QAAQ,QAAQ;AACtB,aAAO,GAAG,KAAK,IAAI,UAAU,IAAI,SAAS,OAAO;AAAA,IACnD;AAAA,IACA,KAAK;AACH,aAAO;AAAA,EACX;AACF;","names":[]}

package/dist/data-table/menu-targets.d.cts

@@ -0,0 +1,108 @@
+/**
+ * @ai-matrx/design-system/data-table — WHAT WAS RIGHT-CLICKED.
+ *
+ * A spreadsheet's right-click menu is not one menu: it is four, and which one
+ * you get is decided by where the pointer was. A cell, the row it sits in, the
+ * column it sits under, and — when the click lands inside an extended range —
+ * the selection. The canonical table used to expose exactly ONE of those four
+ * (the row), so every surface that wanted the other three forked the table.
+ *
+ * This module is the pure half of the fix: it reads the four levels off the
+ * DOM anchors the table already renders, and nothing more. It does not build a
+ * menu, name an action, or know what a menu is — the platform's universal
+ * right-click menu is an application concern and stays there. The table's job
+ * is to answer, truthfully, WHICH thing the person aimed at.
+ *
+ * THE PRECEDENCE, and why it is this way:
+ *
+ *   selection > cell > column > row > table
+ *
+ * A click inside an extended range means the range, because that is what the
+ * person is looking at and what every spreadsheet acts on — taking the single
+ * cell under the cursor there would silently throw away their selection. A
+ * header click is the column even though the header is inside the table. A
+ * click on a row but outside any cell (the checkbox gutter, the actions cell)
+ * is the row. Anything else in the table is the table.
+ *
+ * Pure: no React, no package state. It reads `data-*` attributes and returns a
+ * plain object. Nothing here throws on any input.
+ */
+/** Which of the four things the pointer was aimed at. */
+type MatrxTableMenuLevel = "cell" | "row" | "column" | "selection" | "table";
+interface MatrxTableMenuTarget {
+    /** The table instance the click landed in. */
+    tableId: string;
+    level: MatrxTableMenuLevel;
+    /** Present for "cell" and "row". */
+    rowId?: string;
+    /** Present for "cell" and "column". */
+    columnId?: string;
+}
+/**
+ * Attribute names, in one place, so the renderer and the reader cannot drift.
+ * `data-row-id` predates this module and keeps its name: it is already read by
+ * the row-drag preview and by every host that wired the row menu.
+ */
+declare const MATRX_TABLE_ID_ATTR = "data-matrx-table-id";
+declare const MATRX_ROW_ID_ATTR = "data-row-id";
+declare const MATRX_CELL_ROW_ATTR = "data-matrx-cell-row";
+declare const MATRX_CELL_COLUMN_ATTR = "data-matrx-table-column-id";
+declare const MATRX_HEADER_COLUMN_ATTR = "data-matrx-header-column-id";
+/** Marks a cell that is inside the current extended range. */
+declare const MATRX_CELL_SELECTED_ATTR = "data-matrx-cell-selected";
+interface MinimalElement {
+    closest(selector: string): MinimalElement | null;
+    getAttribute(name: string): string | null;
+}
+/**
+ * Read the four levels off the clicked element.
+ *
+ * Returns null when the click did not land in a canonical table at all — which
+ * is the signal a host needs to leave its own page-level menu alone.
+ */
+declare function readMenuTarget(target: MinimalElement | null): MatrxTableMenuTarget | null;
+/**
+ * The payload the table hands its host for the level that was clicked.
+ *
+ * The host builds the menu from this and never reaches back into the table.
+ * Every level carries the table's own count of what it is acting on, because a
+ * menu that says "Clear 12 cells" and clears 40 is worse than one that says
+ * nothing.
+ */
+type MatrxTableMenuPayload<T = unknown> = {
+    level: "cell";
+    row: T;
+    rowId: string;
+    columnId: string;
+    columnLabel: string;
+    value: unknown;
+    /** The cell's value as the table displays it, for Copy. */
+    text: string;
+    controls: unknown;
+} | {
+    level: "row";
+    row: T;
+    rowId: string;
+    controls: unknown;
+} | {
+    level: "column";
+    columnId: string;
+    columnLabel: string;
+    /** Every rendered row's value for this column, in visual order. */
+    values: unknown[];
+} | {
+    level: "selection";
+    rowIds: string[];
+    columnIds: string[];
+    /** The selected rectangle as an Excel/Sheets-compatible TSV block. */
+    tsv: string;
+    cellCount: number;
+} | {
+    level: "table";
+    rowCount: number;
+    columnIds: string[];
+};
+/** Plain-English name for a level, for a host that labels its sections. */
+declare function describeMenuLevel(payload: MatrxTableMenuPayload): string;
+
+export { MATRX_CELL_COLUMN_ATTR, MATRX_CELL_ROW_ATTR, MATRX_CELL_SELECTED_ATTR, MATRX_HEADER_COLUMN_ATTR, MATRX_ROW_ID_ATTR, MATRX_TABLE_ID_ATTR, type MatrxTableMenuLevel, type MatrxTableMenuPayload, type MatrxTableMenuTarget, describeMenuLevel, readMenuTarget };

package/dist/data-table/menu-targets.d.ts

@@ -0,0 +1,108 @@
+/**
+ * @ai-matrx/design-system/data-table — WHAT WAS RIGHT-CLICKED.
+ *
+ * A spreadsheet's right-click menu is not one menu: it is four, and which one
+ * you get is decided by where the pointer was. A cell, the row it sits in, the
+ * column it sits under, and — when the click lands inside an extended range —
+ * the selection. The canonical table used to expose exactly ONE of those four
+ * (the row), so every surface that wanted the other three forked the table.
+ *
+ * This module is the pure half of the fix: it reads the four levels off the
+ * DOM anchors the table already renders, and nothing more. It does not build a
+ * menu, name an action, or know what a menu is — the platform's universal
+ * right-click menu is an application concern and stays there. The table's job
+ * is to answer, truthfully, WHICH thing the person aimed at.
+ *
+ * THE PRECEDENCE, and why it is this way:
+ *
+ *   selection > cell > column > row > table
+ *
+ * A click inside an extended range means the range, because that is what the
+ * person is looking at and what every spreadsheet acts on — taking the single
+ * cell under the cursor there would silently throw away their selection. A
+ * header click is the column even though the header is inside the table. A
+ * click on a row but outside any cell (the checkbox gutter, the actions cell)
+ * is the row. Anything else in the table is the table.
+ *
+ * Pure: no React, no package state. It reads `data-*` attributes and returns a
+ * plain object. Nothing here throws on any input.
+ */
+/** Which of the four things the pointer was aimed at. */
+type MatrxTableMenuLevel = "cell" | "row" | "column" | "selection" | "table";
+interface MatrxTableMenuTarget {
+    /** The table instance the click landed in. */
+    tableId: string;
+    level: MatrxTableMenuLevel;
+    /** Present for "cell" and "row". */
+    rowId?: string;
+    /** Present for "cell" and "column". */
+    columnId?: string;
+}
+/**
+ * Attribute names, in one place, so the renderer and the reader cannot drift.
+ * `data-row-id` predates this module and keeps its name: it is already read by
+ * the row-drag preview and by every host that wired the row menu.
+ */
+declare const MATRX_TABLE_ID_ATTR = "data-matrx-table-id";
+declare const MATRX_ROW_ID_ATTR = "data-row-id";
+declare const MATRX_CELL_ROW_ATTR = "data-matrx-cell-row";
+declare const MATRX_CELL_COLUMN_ATTR = "data-matrx-table-column-id";
+declare const MATRX_HEADER_COLUMN_ATTR = "data-matrx-header-column-id";
+/** Marks a cell that is inside the current extended range. */
+declare const MATRX_CELL_SELECTED_ATTR = "data-matrx-cell-selected";
+interface MinimalElement {
+    closest(selector: string): MinimalElement | null;
+    getAttribute(name: string): string | null;
+}
+/**
+ * Read the four levels off the clicked element.
+ *
+ * Returns null when the click did not land in a canonical table at all — which
+ * is the signal a host needs to leave its own page-level menu alone.
+ */
+declare function readMenuTarget(target: MinimalElement | null): MatrxTableMenuTarget | null;
+/**
+ * The payload the table hands its host for the level that was clicked.
+ *
+ * The host builds the menu from this and never reaches back into the table.
+ * Every level carries the table's own count of what it is acting on, because a
+ * menu that says "Clear 12 cells" and clears 40 is worse than one that says
+ * nothing.
+ */
+type MatrxTableMenuPayload<T = unknown> = {
+    level: "cell";
+    row: T;
+    rowId: string;
+    columnId: string;
+    columnLabel: string;
+    value: unknown;
+    /** The cell's value as the table displays it, for Copy. */
+    text: string;
+    controls: unknown;
+} | {
+    level: "row";
+    row: T;
+    rowId: string;
+    controls: unknown;
+} | {
+    level: "column";
+    columnId: string;
+    columnLabel: string;
+    /** Every rendered row's value for this column, in visual order. */
+    values: unknown[];
+} | {
+    level: "selection";
+    rowIds: string[];
+    columnIds: string[];
+    /** The selected rectangle as an Excel/Sheets-compatible TSV block. */
+    tsv: string;
+    cellCount: number;
+} | {
+    level: "table";
+    rowCount: number;
+    columnIds: string[];
+};
+/** Plain-English name for a level, for a host that labels its sections. */
+declare function describeMenuLevel(payload: MatrxTableMenuPayload): string;
+
+export { MATRX_CELL_COLUMN_ATTR, MATRX_CELL_ROW_ATTR, MATRX_CELL_SELECTED_ATTR, MATRX_HEADER_COLUMN_ATTR, MATRX_ROW_ID_ATTR, MATRX_TABLE_ID_ATTR, type MatrxTableMenuLevel, type MatrxTableMenuPayload, type MatrxTableMenuTarget, describeMenuLevel, readMenuTarget };

package/dist/data-table/menu-targets.js

@@ -0,0 +1,57 @@
+
+// src/data-table/menu-targets.ts
+var MATRX_TABLE_ID_ATTR = "data-matrx-table-id";
+var MATRX_ROW_ID_ATTR = "data-row-id";
+var MATRX_CELL_ROW_ATTR = "data-matrx-cell-row";
+var MATRX_CELL_COLUMN_ATTR = "data-matrx-table-column-id";
+var MATRX_HEADER_COLUMN_ATTR = "data-matrx-header-column-id";
+var MATRX_CELL_SELECTED_ATTR = "data-matrx-cell-selected";
+function attr(element, name) {
+  if (!element) return void 0;
+  const found = element.closest(`[${name}]`);
+  const value = found?.getAttribute(name);
+  return value === null || value === void 0 || value === "" ? void 0 : value;
+}
+function readMenuTarget(target) {
+  const tableId = attr(target, MATRX_TABLE_ID_ATTR);
+  if (!tableId) return null;
+  const headerColumnId = attr(target, MATRX_HEADER_COLUMN_ATTR);
+  if (headerColumnId) return { tableId, level: "column", columnId: headerColumnId };
+  const cellColumnId = attr(target, MATRX_CELL_COLUMN_ATTR);
+  const cellRowId = attr(target, MATRX_ROW_ID_ATTR) ?? attr(target, MATRX_CELL_ROW_ATTR);
+  const rowId = cellRowId;
+  if (cellRowId && cellColumnId) {
+    const selected = attr(target, MATRX_CELL_SELECTED_ATTR) === "true";
+    if (selected) return { tableId, level: "selection", rowId: cellRowId, columnId: cellColumnId };
+    return { tableId, level: "cell", rowId: cellRowId, columnId: cellColumnId };
+  }
+  if (rowId) return { tableId, level: "row", rowId };
+  return { tableId, level: "table" };
+}
+function describeMenuLevel(payload) {
+  switch (payload.level) {
+    case "cell":
+      return payload.columnLabel;
+    case "row":
+      return "Row";
+    case "column":
+      return payload.columnLabel;
+    case "selection": {
+      const cells = payload.cellCount;
+      return `${cells} ${cells === 1 ? "cell" : "cells"}`;
+    }
+    case "table":
+      return "Table";
+  }
+}
+export {
+  MATRX_CELL_COLUMN_ATTR,
+  MATRX_CELL_ROW_ATTR,
+  MATRX_CELL_SELECTED_ATTR,
+  MATRX_HEADER_COLUMN_ATTR,
+  MATRX_ROW_ID_ATTR,
+  MATRX_TABLE_ID_ATTR,
+  describeMenuLevel,
+  readMenuTarget
+};
+//# sourceMappingURL=menu-targets.js.map

package/dist/data-table/menu-targets.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/data-table/menu-targets.ts"],"sourcesContent":["/**\n * @ai-matrx/design-system/data-table — WHAT WAS RIGHT-CLICKED.\n *\n * A spreadsheet's right-click menu is not one menu: it is four, and which one\n * you get is decided by where the pointer was. A cell, the row it sits in, the\n * column it sits under, and — when the click lands inside an extended range —\n * the selection. The canonical table used to expose exactly ONE of those four\n * (the row), so every surface that wanted the other three forked the table.\n *\n * This module is the pure half of the fix: it reads the four levels off the\n * DOM anchors the table already renders, and nothing more. It does not build a\n * menu, name an action, or know what a menu is — the platform's universal\n * right-click menu is an application concern and stays there. The table's job\n * is to answer, truthfully, WHICH thing the person aimed at.\n *\n * THE PRECEDENCE, and why it is this way:\n *\n *   selection > cell > column > row > table\n *\n * A click inside an extended range means the range, because that is what the\n * person is looking at and what every spreadsheet acts on — taking the single\n * cell under the cursor there would silently throw away their selection. A\n * header click is the column even though the header is inside the table. A\n * click on a row but outside any cell (the checkbox gutter, the actions cell)\n * is the row. Anything else in the table is the table.\n *\n * Pure: no React, no package state. It reads `data-*` attributes and returns a\n * plain object. Nothing here throws on any input.\n */\n\n/** Which of the four things the pointer was aimed at. */\nexport type MatrxTableMenuLevel = \"cell\" | \"row\" | \"column\" | \"selection\" | \"table\";\n\nexport interface MatrxTableMenuTarget {\n  /** The table instance the click landed in. */\n  tableId: string;\n  level: MatrxTableMenuLevel;\n  /** Present for \"cell\" and \"row\". */\n  rowId?: string;\n  /** Present for \"cell\" and \"column\". */\n  columnId?: string;\n}\n\n/**\n * Attribute names, in one place, so the renderer and the reader cannot drift.\n * `data-row-id` predates this module and keeps its name: it is already read by\n * the row-drag preview and by every host that wired the row menu.\n */\nexport const MATRX_TABLE_ID_ATTR = \"data-matrx-table-id\";\nexport const MATRX_ROW_ID_ATTR = \"data-row-id\";\nexport const MATRX_CELL_ROW_ATTR = \"data-matrx-cell-row\";\nexport const MATRX_CELL_COLUMN_ATTR = \"data-matrx-table-column-id\";\nexport const MATRX_HEADER_COLUMN_ATTR = \"data-matrx-header-column-id\";\n/** Marks a cell that is inside the current extended range. */\nexport const MATRX_CELL_SELECTED_ATTR = \"data-matrx-cell-selected\";\n\ninterface MinimalElement {\n  closest(selector: string): MinimalElement | null;\n  getAttribute(name: string): string | null;\n}\n\nfunction attr(element: MinimalElement | null, name: string): string | undefined {\n  if (!element) return undefined;\n  const found = element.closest(`[${name}]`);\n  const value = found?.getAttribute(name);\n  return value === null || value === undefined || value === \"\" ? undefined : value;\n}\n\n/**\n * Read the four levels off the clicked element.\n *\n * Returns null when the click did not land in a canonical table at all — which\n * is the signal a host needs to leave its own page-level menu alone.\n */\nexport function readMenuTarget(\n  target: MinimalElement | null,\n): MatrxTableMenuTarget | null {\n  const tableId = attr(target, MATRX_TABLE_ID_ATTR);\n  if (!tableId) return null;\n\n  const headerColumnId = attr(target, MATRX_HEADER_COLUMN_ATTR);\n  if (headerColumnId) return { tableId, level: \"column\", columnId: headerColumnId };\n\n  // A cell's row comes from the `<tr>` it is in, which every table renders —\n  // the spreadsheet cursor's own row attribute is a second opinion, used only\n  // when the table is windowed sideways and the row wrapper is not an ancestor.\n  const cellColumnId = attr(target, MATRX_CELL_COLUMN_ATTR);\n  const cellRowId = attr(target, MATRX_ROW_ID_ATTR) ?? attr(target, MATRX_CELL_ROW_ATTR);\n  const rowId = cellRowId;\n\n  if (cellRowId && cellColumnId) {\n    // Inside an extended range the SELECTION is what the person sees and what\n    // the menu must act on. A range of one cell is not a range — acting on it\n    // as a selection would give a lone cell the plural verbs.\n    const selected = attr(target, MATRX_CELL_SELECTED_ATTR) === \"true\";\n    if (selected) return { tableId, level: \"selection\", rowId: cellRowId, columnId: cellColumnId };\n    return { tableId, level: \"cell\", rowId: cellRowId, columnId: cellColumnId };\n  }\n\n  if (rowId) return { tableId, level: \"row\", rowId };\n  return { tableId, level: \"table\" };\n}\n\n/**\n * The payload the table hands its host for the level that was clicked.\n *\n * The host builds the menu from this and never reaches back into the table.\n * Every level carries the table's own count of what it is acting on, because a\n * menu that says \"Clear 12 cells\" and clears 40 is worse than one that says\n * nothing.\n */\nexport type MatrxTableMenuPayload<T = unknown> =\n  | {\n      level: \"cell\";\n      row: T;\n      rowId: string;\n      columnId: string;\n      columnLabel: string;\n      value: unknown;\n      /** The cell's value as the table displays it, for Copy. */\n      text: string;\n      controls: unknown;\n    }\n  | { level: \"row\"; row: T; rowId: string; controls: unknown }\n  | {\n      level: \"column\";\n      columnId: string;\n      columnLabel: string;\n      /** Every rendered row's value for this column, in visual order. */\n      values: unknown[];\n    }\n  | {\n      level: \"selection\";\n      rowIds: string[];\n      columnIds: string[];\n      /** The selected rectangle as an Excel/Sheets-compatible TSV block. */\n      tsv: string;\n      cellCount: number;\n    }\n  | { level: \"table\"; rowCount: number; columnIds: string[] };\n\n/** Plain-English name for a level, for a host that labels its sections. */\nexport function describeMenuLevel(payload: MatrxTableMenuPayload): string {\n  switch (payload.level) {\n    case \"cell\":\n      return payload.columnLabel;\n    case \"row\":\n      return \"Row\";\n    case \"column\":\n      return payload.columnLabel;\n    case \"selection\": {\n      const cells = payload.cellCount;\n      return `${cells} ${cells === 1 ? \"cell\" : \"cells\"}`;\n    }\n    case \"table\":\n      return \"Table\";\n  }\n}\n"],"mappings":";;AAgDO,IAAM,sBAAsB;AAC5B,IAAM,oBAAoB;AAC1B,IAAM,sBAAsB;AAC5B,IAAM,yBAAyB;AAC/B,IAAM,2BAA2B;AAEjC,IAAM,2BAA2B;AAOxC,SAAS,KAAK,SAAgC,MAAkC;AAC9E,MAAI,CAAC,QAAS,QAAO;AACrB,QAAM,QAAQ,QAAQ,QAAQ,IAAI,IAAI,GAAG;AACzC,QAAM,QAAQ,OAAO,aAAa,IAAI;AACtC,SAAO,UAAU,QAAQ,UAAU,UAAa,UAAU,KAAK,SAAY;AAC7E;AAQO,SAAS,eACd,QAC6B;AAC7B,QAAM,UAAU,KAAK,QAAQ,mBAAmB;AAChD,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM,iBAAiB,KAAK,QAAQ,wBAAwB;AAC5D,MAAI,eAAgB,QAAO,EAAE,SAAS,OAAO,UAAU,UAAU,eAAe;AAKhF,QAAM,eAAe,KAAK,QAAQ,sBAAsB;AACxD,QAAM,YAAY,KAAK,QAAQ,iBAAiB,KAAK,KAAK,QAAQ,mBAAmB;AACrF,QAAM,QAAQ;AAEd,MAAI,aAAa,cAAc;AAI7B,UAAM,WAAW,KAAK,QAAQ,wBAAwB,MAAM;AAC5D,QAAI,SAAU,QAAO,EAAE,SAAS,OAAO,aAAa,OAAO,WAAW,UAAU,aAAa;AAC7F,WAAO,EAAE,SAAS,OAAO,QAAQ,OAAO,WAAW,UAAU,aAAa;AAAA,EAC5E;AAEA,MAAI,MAAO,QAAO,EAAE,SAAS,OAAO,OAAO,MAAM;AACjD,SAAO,EAAE,SAAS,OAAO,QAAQ;AACnC;AAyCO,SAAS,kBAAkB,SAAwC;AACxE,UAAQ,QAAQ,OAAO;AAAA,IACrB,KAAK;AACH,aAAO,QAAQ;AAAA,IACjB,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO,QAAQ;AAAA,IACjB,KAAK,aAAa;AAChB,YAAM,QAAQ,QAAQ;AACtB,aAAO,GAAG,KAAK,IAAI,UAAU,IAAI,SAAS,OAAO;AAAA,IACnD;AAAA,IACA,KAAK;AACH,aAAO;AAAA,EACX;AACF;","names":[]}