@freighttech/ui 0.13.18

package/dist/backend/dynamic-table/handlers/index.js

@@ -0,0 +1,504 @@
+import {
+  TableEvents
+} from "../types/index.js";
+import { dispatch } from "../events/events.js";
+import { isCellValueUnchanged } from "./cellWrites.js";
+import { coerceCellValue } from "../utils/coerceCellValue.js";
+function createCellHandlers(store, columns, tableRef, idColumnName) {
+  const handleCellSave = (row, col, newValue, clearEditing = true) => {
+    const rowData = store.getRowData(row);
+    const colConfig = columns[col];
+    const fieldKey = colConfig?.data;
+    const oldValue = rowData?.[fieldKey];
+    if (isCellValueUnchanged(oldValue, newValue)) {
+      if (clearEditing) {
+        store.clearEditing();
+        store.focusTable();
+      }
+      return;
+    }
+    store.setCellValue(row, col, newValue);
+    if (clearEditing) {
+      store.clearEditing();
+      store.focusTable();
+    }
+    if (!store.isNewRow(row)) {
+      const coerced = coerceCellValue(newValue, colConfig);
+      const parsedValue = coerced.ok ? coerced.value : coerced.reason === "notCoercible" ? null : newValue;
+      dispatch(tableRef.current, TableEvents.CELL_EDIT_SAVE, {
+        rowIndex: row,
+        colIndex: col,
+        oldValue,
+        newValue: parsedValue,
+        prop: fieldKey,
+        rowData,
+        id: rowData?.[idColumnName]
+      });
+      store.recordCellChange({
+        rowId: rowData?.[idColumnName],
+        colKey: fieldKey,
+        oldValue,
+        newValue
+      });
+    }
+  };
+  const handleCellCancel = () => {
+    store.clearEditing();
+  };
+  const handleStartEditing = (row, col) => {
+    const column = columns[col];
+    if (column?.readOnly) return;
+    store.setEditingCell(row, col);
+  };
+  return {
+    handleCellSave,
+    handleCellCancel,
+    handleStartEditing
+  };
+}
+function createRowHandlers(store, columns, tableRef) {
+  const handleAddRow = () => {
+    const newRowData = columns.reduce(
+      (acc, col) => ({ ...acc, [col.data]: "" }),
+      { _isNew: true }
+    );
+    store.addRow(newRowData, 0);
+    store.setEditingCell(0, 0);
+  };
+  const handleSaveNewRow = (rowIndex) => {
+    if (typeof document !== "undefined" && store.getEditingCell()) {
+      const active = document.activeElement;
+      if (active && typeof active.blur === "function" && active !== document.body) {
+        active.blur();
+      }
+    }
+    const rowData = { ...store.getRowData(rowIndex) };
+    delete rowData._isNew;
+    dispatch(
+      tableRef.current,
+      TableEvents.NEW_ROW_SAVE_START,
+      { rowIndex }
+    );
+    dispatch(tableRef.current, TableEvents.NEW_ROW_SAVE, {
+      rowIndex,
+      rowData
+    });
+  };
+  const handleCancelNewRow = (rowIndex) => {
+    store.removeRow(rowIndex);
+    store.clearEditing();
+    store.setSelection({ type: null, anchor: null, focus: null });
+  };
+  return {
+    handleAddRow,
+    handleSaveNewRow,
+    handleCancelNewRow
+  };
+}
+function createDragHandlers(store, columns, dragStateRef) {
+  const handleDragStart = (row, col, type) => {
+    dragStateRef.current = { isDragging: true, type, start: { row, col } };
+    if (type === "row") {
+      store.setSelection({
+        type: "rowRange",
+        anchor: { row, col: 0 },
+        focus: { row, col: columns.length - 1 }
+      });
+    } else if (type === "column") {
+      store.setSelection({
+        type: "colRange",
+        anchor: { row: 0, col },
+        focus: { row: store.getRowCount() - 1, col }
+      });
+    } else {
+      store.setSelection({
+        type: "range",
+        anchor: { row, col },
+        focus: { row, col }
+      });
+    }
+  };
+  const handleDragMove = (row, col) => {
+    if (!dragStateRef.current.isDragging) return;
+    const selection = store.getSelection();
+    if (!selection.anchor) return;
+    if (dragStateRef.current.type === "row") {
+      store.setSelection({
+        ...selection,
+        focus: { row, col: columns.length - 1 }
+      });
+    } else if (dragStateRef.current.type === "column") {
+      store.setSelection({
+        ...selection,
+        focus: { row: store.getRowCount() - 1, col }
+      });
+    } else {
+      store.setSelection({
+        ...selection,
+        focus: { row, col }
+      });
+    }
+  };
+  const handleDragEnd = () => {
+    dragStateRef.current = { isDragging: false, type: null, start: null };
+  };
+  return {
+    handleDragStart,
+    handleDragMove,
+    handleDragEnd
+  };
+}
+function createMouseHandlers(store, columns, dragStateRef, dragHandlers) {
+  const { handleDragStart, handleDragMove, handleDragEnd } = dragHandlers;
+  const handleMouseDown = (e) => {
+    const cell = e.target.closest("td");
+    if (!cell) {
+      store.clearEditing();
+      store.setSelection({ type: null, anchor: null, focus: null });
+      return;
+    }
+    const editingCell = store.getEditingCell();
+    if (editingCell) {
+      const row2 = parseInt(cell.getAttribute("data-row") || "", 10);
+      const col2 = parseInt(cell.getAttribute("data-col") || "", 10);
+      if (row2 === editingCell.row && col2 === editingCell.col) {
+        return;
+      }
+    }
+    if (e.target.closest(".hot-row-cancel-btn, .hot-row-save-btn")) {
+      return;
+    }
+    if (cell.getAttribute("data-actions-cell") === "true") {
+      return;
+    }
+    const isRowHeader = cell.getAttribute("data-row-header") === "true";
+    const row = parseInt(cell.getAttribute("data-row") || "", 10);
+    if (isRowHeader && !isNaN(row)) {
+      handleDragStart(row, 0, "row");
+      e.preventDefault();
+      return;
+    }
+    const col = parseInt(cell.getAttribute("data-col") || "", 10);
+    if (!isNaN(row) && !isNaN(col)) {
+      handleDragStart(row, col, "cell");
+      e.preventDefault();
+    }
+  };
+  const handleMouseMove = (e) => {
+    if (!dragStateRef.current.isDragging) return;
+    const element = document.elementFromPoint(e.clientX, e.clientY);
+    const cell = element?.closest("td");
+    const header = element?.closest("th");
+    if (!cell && header && dragStateRef.current.type === "column") {
+      const col2 = parseInt(header.getAttribute("data-col") || "", 10);
+      if (!isNaN(col2)) {
+        handleDragMove(0, col2);
+      }
+      return;
+    }
+    if (!cell) return;
+    if (cell.getAttribute("data-row-header") === "true" && dragStateRef.current.type !== "row") {
+      return;
+    }
+    if (cell.getAttribute("data-actions-cell") === "true") {
+      return;
+    }
+    const row = parseInt(cell.getAttribute("data-row") || "", 10);
+    const col = parseInt(cell.getAttribute("data-col") || "", 10);
+    if (!isNaN(row) && !isNaN(col)) {
+      handleDragMove(row, col);
+    } else if (!isNaN(row) && dragStateRef.current.type === "row") {
+      handleDragMove(row, columns.length - 1);
+    }
+  };
+  const handleMouseUp = () => {
+    if (dragStateRef.current.isDragging) {
+      handleDragEnd();
+    }
+  };
+  const handleDoubleClick = (e) => {
+    const cell = e.target.closest("td");
+    let row;
+    let col;
+    if (cell) {
+      if (cell.getAttribute("data-row-header") === "true") return;
+      if (cell.getAttribute("data-actions-cell") === "true") return;
+      row = parseInt(cell.getAttribute("data-row") || "", 10);
+      col = parseInt(cell.getAttribute("data-col") || "", 10);
+    } else {
+      const { type, anchor } = store.getSelection();
+      if (type !== "range" || !anchor) return;
+      row = anchor.row;
+      col = anchor.col;
+    }
+    if (!isNaN(row) && !isNaN(col)) {
+      const column = columns[col];
+      if (!column?.readOnly) {
+        store.setEditingCell(row, col);
+      }
+    }
+  };
+  return {
+    handleMouseDown,
+    handleMouseMove,
+    handleMouseUp,
+    handleDoubleClick
+  };
+}
+function createColumnHeaderHandlers(store, columns, tableRef, sortState, onSortChange, setContextMenu, columnActions) {
+  const handleColumnSort = (colIndex) => {
+    const col = columns[colIndex];
+    let newDirection;
+    if (sortState.columnIndex === colIndex) {
+      if (sortState.direction === null) {
+        newDirection = "asc";
+      } else if (sortState.direction === "asc") {
+        newDirection = "desc";
+      } else {
+        newDirection = null;
+      }
+    } else {
+      newDirection = "asc";
+    }
+    onSortChange(colIndex, newDirection);
+    dispatch(tableRef.current, TableEvents.COLUMN_SORT, {
+      columnIndex: colIndex,
+      columnName: col.data,
+      direction: newDirection
+    });
+  };
+  const handleColumnHeaderDoubleClick = (e, colIndex) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (!columnActions) return;
+    const actions = columnActions(columns[colIndex], colIndex);
+    setContextMenu({
+      isOpen: true,
+      position: { x: e.clientX, y: e.clientY },
+      actions,
+      type: "column",
+      index: colIndex
+    });
+  };
+  const handleColumnHeaderMouseDown = (e, onDragStart) => {
+    const header = e.target.closest("th");
+    if (!header || header.classList.contains("hot-row-header")) return;
+    const col = parseInt(header.getAttribute("data-col") || "", 10);
+    if (isNaN(col)) return;
+    onDragStart(0, col, "column");
+    e.preventDefault();
+  };
+  return {
+    handleColumnSort,
+    handleColumnHeaderDoubleClick,
+    handleColumnHeaderMouseDown
+  };
+}
+function createRowHeaderHandlers(store, tableRef, setContextMenu, rowActions) {
+  const handleRowHeaderDoubleClick = (e, rowIndex) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (!rowActions) return;
+    const rowData = store.getRowData(rowIndex);
+    const actions = rowActions(rowData, rowIndex);
+    setContextMenu({
+      isOpen: true,
+      position: { x: e.clientX, y: e.clientY },
+      actions,
+      type: "row",
+      index: rowIndex
+    });
+  };
+  return {
+    handleRowHeaderDoubleClick
+  };
+}
+function createContextMenuHandlers(store, columns, tableRef, contextMenu, setContextMenu, onRowAction) {
+  const handleContextMenuAction = (actionId) => {
+    if (!contextMenu) return;
+    if (contextMenu.type === "column") {
+      dispatch(
+        tableRef.current,
+        TableEvents.COLUMN_CONTEXT_MENU_ACTION,
+        {
+          columnIndex: contextMenu.index,
+          columnName: columns[contextMenu.index].data,
+          actionId
+        }
+      );
+    } else if (contextMenu.type === "row") {
+      const rowData = store.getRowData(contextMenu.index);
+      dispatch(
+        tableRef.current,
+        TableEvents.ROW_CONTEXT_MENU_ACTION,
+        {
+          rowIndex: contextMenu.index,
+          rowData,
+          actionId
+        }
+      );
+      onRowAction?.(actionId, rowData, contextMenu.index);
+    } else if (contextMenu.type === "cell") {
+      const rowData = store.getRowData(contextMenu.index);
+      dispatch(
+        tableRef.current,
+        TableEvents.CELL_CONTEXT_MENU_ACTION,
+        {
+          rowIndex: contextMenu.index,
+          colIndex: contextMenu.colIndex,
+          rowData,
+          col: columns[contextMenu.colIndex],
+          actionId
+        }
+      );
+    }
+    setContextMenu(null);
+  };
+  const handleContextMenuClose = () => {
+    setContextMenu(null);
+  };
+  return {
+    handleContextMenuAction,
+    handleContextMenuClose
+  };
+}
+function createResizeHandlers(store, onResizeEnd) {
+  let resizingCol = null;
+  let startX = 0;
+  let startWidth = 0;
+  const handleResizeStart = (e, colIndex) => {
+    e.stopPropagation();
+    e.preventDefault();
+    resizingCol = colIndex;
+    startX = e.clientX;
+    startWidth = store.getColumnWidth(colIndex);
+    document.addEventListener("mousemove", handleResizeMove);
+    document.addEventListener("mouseup", handleResizeEnd);
+  };
+  const handleResizeMove = (e) => {
+    if (resizingCol === null) return;
+    const diff = e.clientX - startX;
+    const newWidth = Math.max(50, startWidth + diff);
+    store.setColumnWidth(resizingCol, newWidth);
+  };
+  const handleResizeEnd = () => {
+    const finishedCol = resizingCol;
+    resizingCol = null;
+    document.removeEventListener("mousemove", handleResizeMove);
+    document.removeEventListener("mouseup", handleResizeEnd);
+    if (finishedCol !== null) onResizeEnd?.(finishedCol);
+  };
+  return {
+    handleResizeStart
+  };
+}
+function createFilterHandlers({
+  tableRef,
+  columns,
+  filterRows,
+  setFilterRows,
+  setFilterExpanded,
+  setInternalActiveFilterId,
+  savedFilters,
+  activeFilterId
+}) {
+  const handleToggleFilter = () => {
+    setFilterExpanded((prev) => {
+      const newExpanded = !prev;
+      if (newExpanded && filterRows.length === 0) {
+        setFilterRows([
+          {
+            id: `filter-${Date.now()}`,
+            field: columns[0]?.data || "",
+            operator: "is_any_of",
+            values: []
+          }
+        ]);
+      }
+      return newExpanded;
+    });
+  };
+  const handleClearFilters = () => {
+    setFilterRows([]);
+    setInternalActiveFilterId(null);
+    dispatch(
+      tableRef.current,
+      TableEvents.FILTER_SELECT,
+      { id: null, filterRows: [] }
+    );
+  };
+  const handleSaveFilter = (name, color) => {
+    const newFilter = {
+      id: `filter-${Date.now()}`,
+      name,
+      rows: filterRows,
+      color
+    };
+    dispatch(
+      tableRef.current,
+      TableEvents.FILTER_SAVE,
+      { filter: newFilter }
+    );
+    setInternalActiveFilterId(newFilter.id);
+  };
+  const handleFilterSelect = (id) => {
+    setInternalActiveFilterId(id);
+    if (id === null) {
+      setFilterRows([]);
+      dispatch(
+        tableRef.current,
+        TableEvents.FILTER_SELECT,
+        { id: null, filterRows: [] }
+      );
+    } else {
+      const filter = savedFilters.find((f) => f.id === id);
+      if (filter) {
+        setFilterRows(filter.rows);
+        dispatch(
+          tableRef.current,
+          TableEvents.FILTER_SELECT,
+          { id, filterRows: filter.rows }
+        );
+      }
+    }
+  };
+  const handleFilterRename = (id, newName) => {
+    dispatch(
+      tableRef.current,
+      TableEvents.FILTER_RENAME,
+      { id, newName }
+    );
+  };
+  const handleFilterDelete = (id) => {
+    dispatch(
+      tableRef.current,
+      TableEvents.FILTER_DELETE,
+      { id }
+    );
+    if (activeFilterId === id) {
+      setInternalActiveFilterId(null);
+      setFilterRows([]);
+    }
+  };
+  return {
+    handleToggleFilter,
+    handleClearFilters,
+    handleSaveFilter,
+    handleFilterSelect,
+    handleFilterRename,
+    handleFilterDelete
+  };
+}
+export * from "./perspectiveHandlers.js";
+export {
+  createCellHandlers,
+  createColumnHeaderHandlers,
+  createContextMenuHandlers,
+  createDragHandlers,
+  createFilterHandlers,
+  createMouseHandlers,
+  createResizeHandlers,
+  createRowHandlers,
+  createRowHeaderHandlers
+};
+//# sourceMappingURL=index.js.map

package/dist/backend/dynamic-table/handlers/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/handlers/index.ts"],
+  "sourcesContent": ["// handlers.ts\n\nimport { CellStore } from '../store/index';\nimport {\n  ColumnDef,\n  TableEvents,\n  CellEditSaveEvent,\n  NewRowSaveEvent,\n  NewRowSaveStartEvent,\n  ColumnSortEvent,\n  ColumnContextMenuEvent,\n  RowContextMenuEvent,\n  CellContextMenuEvent,\n  ContextMenuAction,\n  ContextMenuState,\n  SortState,\n  FilterRow,\n  SavedFilter,\n  FilterSaveEvent,\n  FilterSelectEvent,\n  FilterRenameEvent,\n  FilterDeleteEvent,\n  FilterColor,\n} from '../types/index';\nimport { dispatch } from '../events/events';\nimport { isCellValueUnchanged } from './cellWrites';\nimport { coerceCellValue } from '../utils/coerceCellValue';\n\n// ============================================\n// CELL HANDLERS\n// ============================================\nexport function createCellHandlers(\n  store: CellStore,\n  columns: ColumnDef[],\n  tableRef: React.RefObject<HTMLDivElement | null>,\n  idColumnName: string\n) {\n  const handleCellSave = (row: number, col: number, newValue: any, clearEditing: boolean = true) => {\n    const rowData = store.getRowData(row);\n    const colConfig = columns[col];\n    const fieldKey = colConfig?.data;\n\n    // Get old value from rowData using field key (handles reordered columns)\n    const oldValue = rowData?.[fieldKey];\n\n    // Skip if value unchanged. ONE unchanged test in the codebase \u2014 the batch\n    // write path reuses this exact predicate to tell \"written\" from \"already\n    // had that value\", and two definitions would drift.\n    if (isCellValueUnchanged(oldValue, newValue)) {\n      if (clearEditing) {\n        store.clearEditing();\n        store.focusTable();\n      }\n      return;\n    }\n\n    // Write the one value source (the row object) so the cell displays the new\n    // value immediately; setCellValue also bumps the cell revision to repaint.\n    store.setCellValue(row, col, newValue);\n\n    // Only clear editing if requested (keyboard navigation handles its own clearing)\n    if (clearEditing) {\n      store.clearEditing();\n      // Restore focus to the table container so the user can continue\n      // navigating with Tab/Arrow keys. Without this, portal-based editors\n      // (calendar, dropdown) leave focus on document.body after unmounting.\n      store.focusTable();\n    }\n\n    // Only dispatch event if not a new row\n    if (!store.isNewRow(row)) {\n      const coerced = coerceCellValue(newValue, colConfig);\n      // Legacy inline-edit semantics, preserved EXACTLY. The old\n      // `parseValueByType` had only two outcomes \u2014 a parsed value, or `null`\n      // when a non-empty value could not become the column's type \u2014 and it\n      // never looked at `readOnly` or `source` at all. So `notCoercible` maps\n      // to `null` and every other verdict passes the value through untouched.\n      // `applyCellWrites` is where the strict verdicts matter: a paste of 200\n      // cells must report \"3 were not numbers\", never silently blank them.\n      const parsedValue =\n        coerced.ok ? coerced.value : coerced.reason === 'notCoercible' ? null : newValue;\n\n      dispatch<CellEditSaveEvent>(tableRef.current as HTMLElement, TableEvents.CELL_EDIT_SAVE, {\n        rowIndex: row,\n        colIndex: col,\n        oldValue,\n        newValue: parsedValue,\n        prop: fieldKey,\n        rowData,\n        id: rowData?.[idColumnName],\n      });\n\n      // Capture for undo/redo (no-op while a replay is suppressing recording).\n      // Keyed by stable row id + column key so it survives a post-edit refetch.\n      store.recordCellChange({\n        rowId: rowData?.[idColumnName],\n        colKey: fieldKey,\n        oldValue,\n        newValue,\n      });\n    }\n  };\n\n  const handleCellCancel = () => {\n    store.clearEditing();\n  };\n\n  const handleStartEditing = (row: number, col: number) => {\n    const column = columns[col];\n    if (column?.readOnly) return;\n    store.setEditingCell(row, col);\n  };\n\n  return {\n    handleCellSave,\n    handleCellCancel,\n    handleStartEditing,\n  };\n}\n\n// ============================================\n// ROW HANDLERS\n// ============================================\nexport function createRowHandlers(\n  store: CellStore,\n  columns: ColumnDef[],\n  tableRef: React.RefObject<HTMLDivElement | null>\n) {\n  const handleAddRow = () => {\n    const newRowData = columns.reduce(\n      (acc, col) => ({ ...acc, [col.data]: '' }),\n      { _isNew: true }\n    );\n\n    store.addRow(newRowData, 0);\n    store.setEditingCell(0, 0);\n  };\n\n  const handleSaveNewRow = (rowIndex: number) => {\n    // COMMIT THE OPEN EDITOR FIRST \u2014 ledger 4.10.\n    //\n    // A draft row opens with its first cell already in edit mode, so the normal\n    // gesture is \"type a name, click Save\", and every text/numeric editor\n    // commits on BLUR. Whether that blur lands before this handler reads the row\n    // is decided by event ordering nobody here controls: mousedown moves focus,\n    // React re-renders the sticky actions cell on the same tick, and a commit\n    // that arrives after `getRowData()` is a create POSTed with an empty name \u2014\n    // rejected, and to the user indistinguishable from Save doing nothing.\n    //\n    // Blurring explicitly makes the ordering ours. It is a no-op when the blur\n    // already happened (no editing cell), and it is the ONLY path for a Save\n    // triggered by keyboard or by a host, where no focus change occurs at all.\n    if (typeof document !== 'undefined' && store.getEditingCell()) {\n      const active = document.activeElement as HTMLElement | null;\n      if (active && typeof active.blur === 'function' && active !== document.body) {\n        active.blur();\n      }\n    }\n\n    const rowData = { ...store.getRowData(rowIndex) };\n    delete rowData._isNew;\n\n    dispatch<NewRowSaveStartEvent>(\n      tableRef.current as HTMLElement,\n      TableEvents.NEW_ROW_SAVE_START,\n      { rowIndex }\n    );\n\n    dispatch<NewRowSaveEvent>(tableRef.current as HTMLElement, TableEvents.NEW_ROW_SAVE, {\n      rowIndex,\n      rowData,\n    });\n  };\n\n  const handleCancelNewRow = (rowIndex: number) => {\n    store.removeRow(rowIndex);\n    // The new row was being edited at (rowIndex, 0). Removing it leaves the\n    // editing + selection state pointing at that index, which then shifts onto\n    // the row that takes its place (e.g. row 0) and lingers \u2014 unclearable by\n    // Escape/blur. Clear both so no row stays selected after cancel.\n    store.clearEditing();\n    store.setSelection({ type: null, anchor: null, focus: null });\n  };\n\n  return {\n    handleAddRow,\n    handleSaveNewRow,\n    handleCancelNewRow,\n  };\n}\n\n// ============================================\n// DRAG HANDLERS\n// ============================================\nexport type DragState = {\n  isDragging: boolean;\n  type: 'cell' | 'row' | 'column' | null;\n  start: { row: number; col: number } | null;\n};\n\nexport function createDragHandlers(\n  store: CellStore,\n  columns: ColumnDef[],\n  dragStateRef: React.MutableRefObject<DragState>\n) {\n  const handleDragStart = (row: number, col: number, type: 'cell' | 'row' | 'column') => {\n    dragStateRef.current = { isDragging: true, type, start: { row, col } };\n\n    if (type === 'row') {\n      store.setSelection({\n        type: 'rowRange',\n        anchor: { row, col: 0 },\n        focus: { row, col: columns.length - 1 },\n      });\n    } else if (type === 'column') {\n      store.setSelection({\n        type: 'colRange',\n        anchor: { row: 0, col },\n        focus: { row: store.getRowCount() - 1, col },\n      });\n    } else {\n      store.setSelection({\n        type: 'range',\n        anchor: { row, col },\n        focus: { row, col },\n      });\n    }\n  };\n\n  const handleDragMove = (row: number, col: number) => {\n    if (!dragStateRef.current.isDragging) return;\n\n    const selection = store.getSelection();\n    if (!selection.anchor) return;\n\n    if (dragStateRef.current.type === 'row') {\n      store.setSelection({\n        ...selection,\n        focus: { row, col: columns.length - 1 },\n      });\n    } else if (dragStateRef.current.type === 'column') {\n      store.setSelection({\n        ...selection,\n        focus: { row: store.getRowCount() - 1, col },\n      });\n    } else {\n      store.setSelection({\n        ...selection,\n        focus: { row, col },\n      });\n    }\n  };\n\n  const handleDragEnd = () => {\n    dragStateRef.current = { isDragging: false, type: null, start: null };\n  };\n\n  return {\n    handleDragStart,\n    handleDragMove,\n    handleDragEnd,\n  };\n}\n\n// ============================================\n// MOUSE HANDLERS\n// ============================================\nexport function createMouseHandlers(\n  store: CellStore,\n  columns: ColumnDef[],\n  dragStateRef: React.MutableRefObject<DragState>,\n  dragHandlers: ReturnType<typeof createDragHandlers>\n) {\n  const { handleDragStart, handleDragMove, handleDragEnd } = dragHandlers;\n\n  const handleMouseDown = (e: React.MouseEvent) => {\n    // Don't clear editing here - let blur/click-outside handlers save first.\n    // The editor's blur handler calls onSave -> handleCellSave -> clearEditing,\n    // ensuring the value is saved before the editing state is cleared.\n\n    const cell = (e.target as HTMLElement).closest('td');\n    if (!cell) {\n      // Clicked on empty space inside table (below rows) - clear selection\n      store.clearEditing();\n      store.setSelection({ type: null, anchor: null, focus: null });\n      return;\n    }\n\n    // If clicking inside the currently editing cell, let the editor handle it.\n    // This preserves focus so the user can reposition the cursor, select text, etc.\n    const editingCell = store.getEditingCell();\n    if (editingCell) {\n      const row = parseInt(cell.getAttribute('data-row') || '', 10);\n      const col = parseInt(cell.getAttribute('data-col') || '', 10);\n      if (row === editingCell.row && col === editingCell.col) {\n        return;\n      }\n    }\n\n    // Ignore clicks on action buttons\n    if ((e.target as HTMLElement).closest('.hot-row-cancel-btn, .hot-row-save-btn')) {\n      return;\n    }\n\n    // Ignore clicks on actions cell\n    if (cell.getAttribute('data-actions-cell') === 'true') {\n      return;\n    }\n\n    const isRowHeader = cell.getAttribute('data-row-header') === 'true';\n    const row = parseInt(cell.getAttribute('data-row') || '', 10);\n\n    if (isRowHeader && !isNaN(row)) {\n      handleDragStart(row, 0, 'row');\n      e.preventDefault();\n      return;\n    }\n\n    const col = parseInt(cell.getAttribute('data-col') || '', 10);\n\n    if (!isNaN(row) && !isNaN(col)) {\n      handleDragStart(row, col, 'cell');\n      e.preventDefault();\n    }\n  };\n\n  const handleMouseMove = (e: React.MouseEvent) => {\n    if (!dragStateRef.current.isDragging) return;\n\n    // Look for both td (body cells) and th (headers)\n    const element = document.elementFromPoint(e.clientX, e.clientY);\n    const cell = element?.closest('td');\n    const header = element?.closest('th');\n\n    // Handle column drag on headers (headers are <th>, not <td>)\n    if (!cell && header && dragStateRef.current.type === 'column') {\n      const col = parseInt(header.getAttribute('data-col') || '', 10);\n      if (!isNaN(col)) {\n        handleDragMove(0, col);\n      }\n      return;\n    }\n\n    if (!cell) return;\n\n    if (cell.getAttribute('data-row-header') === 'true' && dragStateRef.current.type !== 'row') {\n      return;\n    }\n\n    if (cell.getAttribute('data-actions-cell') === 'true') {\n      return;\n    }\n\n    const row = parseInt(cell.getAttribute('data-row') || '', 10);\n    const col = parseInt(cell.getAttribute('data-col') || '', 10);\n\n    if (!isNaN(row) && !isNaN(col)) {\n      handleDragMove(row, col);\n    } else if (!isNaN(row) && dragStateRef.current.type === 'row') {\n      handleDragMove(row, columns.length - 1);\n    }\n  };\n\n  const handleMouseUp = () => {\n    if (dragStateRef.current.isDragging) {\n      handleDragEnd();\n    }\n  };\n\n  /**\n   * Open the inline editor for the double-clicked cell.\n   *\n   * \u2500\u2500 Why this does not simply trust `e.target` (HEDGE-17) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   * The browser does not dispatch `dblclick` on the node you pressed. It\n   * dispatches it on the nearest common ancestor of the second click's\n   * mousedown node and its mouseup node. Hold the button and slide the pointer\n   * out of the cell before releasing, and that ancestor climbs to `<tbody>` \u2014\n   * which has no `td`, so `closest('td')` returns null and every double-click\n   * treated that way used to be dropped on the floor.\n   *\n   * That is not an exotic gesture. Rows are 32px tall at the default density\n   * (28px at `dense`), so from the middle of a cell it takes **16px** of travel\n   * while the button is held to cross into the next row. A hand on a physical\n   * mouse does that routinely on a firm double-click; a two-finger tap on a\n   * trackpad moves the cursor by nothing at all. That is the whole of the\n   * reported \"works on the touchpad, does not work on the mouse\" asymmetry \u2014\n   * measured in `.ai/qa/hedge-17/` \u2014 and the reason it read as \"double-click is\n   * broken\" to one user and \"works for me\" to the person next to her.\n   *\n   * The `dblclick` event itself always fired; only the cell lookup failed. So\n   * the fix is to recover the cell, not to touch selection or drag behaviour:\n   * when the target has been retargeted away from any cell, fall back to the\n   * selection ANCHOR, which `handleMouseDown` \u2192 `handleDragStart` just wrote\n   * from the press that started this very click. The anchor is the cell the\n   * user pressed on \u2014 the one they aimed at \u2014 not the one they drifted into.\n   *\n   * Restricted to `type === 'range'`, which is what a cell press produces: a\n   * row-header press writes `rowRange`, a column press `colRange`, and a click\n   * on empty space clears the selection to `type: null`. Anything else declines\n   * and behaves exactly as before, so the fallback can never invent an edit out\n   * of a stale selection.\n   */\n  const handleDoubleClick = (e: React.MouseEvent) => {\n    const cell = (e.target as HTMLElement).closest('td');\n\n    let row: number;\n    let col: number;\n\n    if (cell) {\n      if (cell.getAttribute('data-row-header') === 'true') return;\n      if (cell.getAttribute('data-actions-cell') === 'true') return;\n\n      row = parseInt(cell.getAttribute('data-row') || '', 10);\n      col = parseInt(cell.getAttribute('data-col') || '', 10);\n    } else {\n      const { type, anchor } = store.getSelection();\n      if (type !== 'range' || !anchor) return;\n\n      row = anchor.row;\n      col = anchor.col;\n    }\n\n    if (!isNaN(row) && !isNaN(col)) {\n      const column = columns[col];\n      if (!column?.readOnly) {\n        store.setEditingCell(row, col);\n      }\n    }\n  };\n\n  return {\n    handleMouseDown,\n    handleMouseMove,\n    handleMouseUp,\n    handleDoubleClick,\n  };\n}\n\n// ============================================\n// COLUMN HEADER HANDLERS\n// ============================================\n/**\n * @param sortState  A READ-ONLY projection of the table's sort rules. The handler\n *   never writes it \u2014 sort has a single owner (`sortRules`), and `onSortChange` is\n *   how the header hands its click to that owner. Passing a `setSortState` here\n *   was the second source of truth that left menu-sorted columns with no indicator.\n * @param onSortChange  Receives the column index and the NEXT direction in the\n *   Excel cycle (asc \u2192 desc \u2192 unsorted).\n */\nexport function createColumnHeaderHandlers(\n  store: CellStore,\n  columns: ColumnDef[],\n  tableRef: React.RefObject<HTMLDivElement | null>,\n  sortState: SortState,\n  onSortChange: (colIndex: number, direction: 'asc' | 'desc' | null) => void,\n  setContextMenu: React.Dispatch<React.SetStateAction<ContextMenuState | null>>,\n  columnActions?: (column: ColumnDef, colIndex: number) => ContextMenuAction[]\n) {\n  const handleColumnSort = (colIndex: number) => {\n    const col = columns[colIndex];\n    let newDirection: 'asc' | 'desc' | null;\n\n    if (sortState.columnIndex === colIndex) {\n      if (sortState.direction === null) {\n        newDirection = 'asc';\n      } else if (sortState.direction === 'asc') {\n        newDirection = 'desc';\n      } else {\n        newDirection = null;\n      }\n    } else {\n      newDirection = 'asc';\n    }\n\n    onSortChange(colIndex, newDirection);\n\n    dispatch<ColumnSortEvent>(tableRef.current as HTMLElement, TableEvents.COLUMN_SORT, {\n      columnIndex: colIndex,\n      columnName: col.data,\n      direction: newDirection,\n    });\n  };\n\n  const handleColumnHeaderDoubleClick = (e: React.MouseEvent, colIndex: number) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (!columnActions) return;\n\n    const actions = columnActions(columns[colIndex], colIndex);\n\n    setContextMenu({\n      isOpen: true,\n      position: { x: e.clientX, y: e.clientY },\n      actions,\n      type: 'column',\n      index: colIndex,\n    });\n  };\n\n  const handleColumnHeaderMouseDown = (\n    e: React.MouseEvent,\n    onDragStart: (row: number, col: number, type: 'cell' | 'row' | 'column') => void\n  ) => {\n    const header = (e.target as HTMLElement).closest('th');\n    if (!header || header.classList.contains('hot-row-header')) return;\n\n    const col = parseInt(header.getAttribute('data-col') || '', 10);\n    if (isNaN(col)) return;\n\n    onDragStart(0, col, 'column');\n    e.preventDefault();\n  };\n\n  return {\n    handleColumnSort,\n    handleColumnHeaderDoubleClick,\n    handleColumnHeaderMouseDown,\n  };\n}\n\n// ============================================\n// ROW HEADER HANDLERS\n// ============================================\nexport function createRowHeaderHandlers(\n  store: CellStore,\n  tableRef: React.RefObject<HTMLDivElement | null>,\n  setContextMenu: React.Dispatch<React.SetStateAction<ContextMenuState | null>>,\n  rowActions?: (rowData: any, rowIndex: number) => ContextMenuAction[]\n) {\n  const handleRowHeaderDoubleClick = (e: React.MouseEvent, rowIndex: number) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (!rowActions) return;\n\n    const rowData = store.getRowData(rowIndex);\n    const actions = rowActions(rowData, rowIndex);\n\n    setContextMenu({\n      isOpen: true,\n      position: { x: e.clientX, y: e.clientY },\n      actions,\n      type: 'row',\n      index: rowIndex,\n    });\n  };\n\n  return {\n    handleRowHeaderDoubleClick,\n  };\n}\n\n// ============================================\n// CONTEXT MENU HANDLERS\n// ============================================\nexport function createContextMenuHandlers(\n  store: CellStore,\n  columns: ColumnDef[],\n  tableRef: React.RefObject<HTMLDivElement | null>,\n  contextMenu: ContextMenuState | null,\n  setContextMenu: React.Dispatch<React.SetStateAction<ContextMenuState | null>>,\n  onRowAction?: (actionId: string, rowData: any, rowIndex: number) => void\n) {\n  const handleContextMenuAction = (actionId: string) => {\n    if (!contextMenu) return;\n\n    if (contextMenu.type === 'column') {\n      dispatch<ColumnContextMenuEvent>(\n        tableRef.current as HTMLElement,\n        TableEvents.COLUMN_CONTEXT_MENU_ACTION,\n        {\n          columnIndex: contextMenu.index!,\n          columnName: columns[contextMenu.index!].data,\n          actionId,\n        }\n      );\n    } else if (contextMenu.type === 'row') {\n      const rowData = store.getRowData(contextMenu.index!);\n      dispatch<RowContextMenuEvent>(\n        tableRef.current as HTMLElement,\n        TableEvents.ROW_CONTEXT_MENU_ACTION,\n        {\n          rowIndex: contextMenu.index!,\n          rowData,\n          actionId,\n        }\n      );\n      // Also invoke onRowAction directly so the kebab (\u2022\u2022\u2022) menu shares the same\n      // handler as keyboard shortcuts. The dispatched event above is kept for\n      // backward-compat with consumers that listen via ROW_CONTEXT_MENU_ACTION.\n      onRowAction?.(actionId, rowData, contextMenu.index!);\n    } else if (contextMenu.type === 'cell') {\n      const rowData = store.getRowData(contextMenu.index!);\n      dispatch<CellContextMenuEvent>(\n        tableRef.current as HTMLElement,\n        TableEvents.CELL_CONTEXT_MENU_ACTION,\n        {\n          rowIndex: contextMenu.index!,\n          colIndex: contextMenu.colIndex!,\n          rowData,\n          col: columns[contextMenu.colIndex!],\n          actionId,\n        }\n      );\n    }\n\n    setContextMenu(null);\n  };\n\n  const handleContextMenuClose = () => {\n    setContextMenu(null);\n  };\n\n  return {\n    handleContextMenuAction,\n    handleContextMenuClose,\n  };\n}\n\n// ============================================\n// RESIZE HANDLERS\n// ============================================\nexport function createResizeHandlers(\n  store: CellStore,\n  onResizeEnd?: (colIndex: number) => void,\n) {\n  let resizingCol: number | null = null;\n  let startX = 0;\n  let startWidth = 0;\n\n  const handleResizeStart = (e: React.MouseEvent, colIndex: number) => {\n    e.stopPropagation();\n    e.preventDefault();\n\n    resizingCol = colIndex;\n    startX = e.clientX;\n    startWidth = store.getColumnWidth(colIndex);\n\n    document.addEventListener('mousemove', handleResizeMove);\n    document.addEventListener('mouseup', handleResizeEnd);\n  };\n\n  const handleResizeMove = (e: MouseEvent) => {\n    if (resizingCol === null) return;\n\n    const diff = e.clientX - startX;\n    const newWidth = Math.max(50, startWidth + diff);\n\n    store.setColumnWidth(resizingCol, newWidth);\n  };\n\n  const handleResizeEnd = () => {\n    const finishedCol = resizingCol;\n    resizingCol = null;\n    document.removeEventListener('mousemove', handleResizeMove);\n    document.removeEventListener('mouseup', handleResizeEnd);\n    if (finishedCol !== null) onResizeEnd?.(finishedCol);\n  };\n\n  return {\n    handleResizeStart,\n  };\n}\n\n// ============================================\n// FILTER HANDLERS\n// ============================================\nexport interface FilterHandlersDeps {\n  tableRef: React.RefObject<HTMLElement | null>;\n  columns: ColumnDef[];\n  filterRows: FilterRow[];\n  setFilterRows: React.Dispatch<React.SetStateAction<FilterRow[]>>;\n  setFilterExpanded: React.Dispatch<React.SetStateAction<boolean>>;\n  setInternalActiveFilterId: React.Dispatch<React.SetStateAction<string | null>>;\n  savedFilters: SavedFilter[];\n  activeFilterId: string | null;\n}\n\nexport function createFilterHandlers({\n  tableRef,\n  columns,\n  filterRows,\n  setFilterRows,\n  setFilterExpanded,\n  setInternalActiveFilterId,\n  savedFilters,\n  activeFilterId,\n}: FilterHandlersDeps) {\n  const handleToggleFilter = () => {\n    setFilterExpanded((prev) => {\n      const newExpanded = !prev;\n      if (newExpanded && filterRows.length === 0) {\n        setFilterRows([\n          {\n            id: `filter-${Date.now()}`,\n            field: columns[0]?.data || '',\n            operator: 'is_any_of',\n            values: [],\n          },\n        ]);\n      }\n      return newExpanded;\n    });\n  };\n\n  const handleClearFilters = () => {\n    setFilterRows([]);\n    setInternalActiveFilterId(null);\n    dispatch<FilterSelectEvent>(\n      tableRef.current as HTMLElement,\n      TableEvents.FILTER_SELECT,\n      { id: null, filterRows: [] }\n    );\n  };\n\n  const handleSaveFilter = (name: string, color?: FilterColor) => {\n    const newFilter: SavedFilter = {\n      id: `filter-${Date.now()}`,\n      name,\n      rows: filterRows,\n      color,\n    };\n    dispatch<FilterSaveEvent>(\n      tableRef.current as HTMLElement,\n      TableEvents.FILTER_SAVE,\n      { filter: newFilter }\n    );\n    setInternalActiveFilterId(newFilter.id);\n  };\n\n  const handleFilterSelect = (id: string | null) => {\n    setInternalActiveFilterId(id);\n    if (id === null) {\n      setFilterRows([]);\n      dispatch<FilterSelectEvent>(\n        tableRef.current as HTMLElement,\n        TableEvents.FILTER_SELECT,\n        { id: null, filterRows: [] }\n      );\n    } else {\n      const filter = savedFilters.find((f) => f.id === id);\n      if (filter) {\n        setFilterRows(filter.rows);\n        dispatch<FilterSelectEvent>(\n          tableRef.current as HTMLElement,\n          TableEvents.FILTER_SELECT,\n          { id, filterRows: filter.rows }\n        );\n      }\n    }\n  };\n\n  const handleFilterRename = (id: string, newName: string) => {\n    dispatch<FilterRenameEvent>(\n      tableRef.current as HTMLElement,\n      TableEvents.FILTER_RENAME,\n      { id, newName }\n    );\n  };\n\n  const handleFilterDelete = (id: string) => {\n    dispatch<FilterDeleteEvent>(\n      tableRef.current as HTMLElement,\n      TableEvents.FILTER_DELETE,\n      { id }\n    );\n    if (activeFilterId === id) {\n      setInternalActiveFilterId(null);\n      setFilterRows([]);\n    }\n  };\n\n  return {\n    handleToggleFilter,\n    handleClearFilters,\n    handleSaveFilter,\n    handleFilterSelect,\n    handleFilterRename,\n    handleFilterDelete,\n  };\n}\n\n// ============================================\n// UTILITY FUNCTIONS\n// ============================================\n// Re-export perspective handlers\nexport * from './perspectiveHandlers';\n\n"],
+  "mappings": "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",
+  "names": ["row", "col"]
+}