@ynput/ayon-frontend-shared 0.2.16 → 0.2.18

package/dist/shared/src/containers/ProjectTreeTable/context/SelectionCellsContext.es.js

@@ -1,282 +1,6 @@
-import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
-import { createContext, useContext, useState, useMemo, useRef, useCallback } from "react";
-import { parseCellId, getCellId, BorderPosition, getBorderClasses } from "../utils/cellUtils.es.js";
-import { DRAG_HANDLE_COLUMN_ID } from "../ProjectTreeTable.es.js";
+import { createContext, useContext } from "react";
 const ROW_SELECTION_COLUMN_ID = "__row_selection__";
 const SelectionCellsContext = createContext(void 0);
-const SelectionCellsProvider = ({ children }) => {
-  const [selectedCells, setSelectedCells] = useState(/* @__PURE__ */ new Set());
-  const [focusedCellId, setFocusedCellId] = useState(null);
-  const [selectionInProgress, setSelectionInProgress] = useState(false);
-  const [anchorCell, setAnchorCell] = useState(null);
-  const [gridMap, setGridMap] = useState({
-    rowIdToIndex: /* @__PURE__ */ new Map(),
-    colIdToIndex: /* @__PURE__ */ new Map(),
-    indexToRowId: /* @__PURE__ */ new Map(),
-    indexToColId: /* @__PURE__ */ new Map()
-  });
-  const mapToString = (map) => {
-    return JSON.stringify(Array.from(map.entries()));
-  };
-  const stableGridMap = useMemo(
-    () => gridMap,
-    [
-      mapToString(gridMap.rowIdToIndex),
-      mapToString(gridMap.colIdToIndex),
-      mapToString(gridMap.indexToRowId),
-      mapToString(gridMap.indexToColId)
-    ]
-  );
-  const initialCellSelected = useRef(false);
-  const selectedRows = useMemo(
-    () => Array.from(selectedCells).filter(
-      (cellId) => {
-        var _a, _b;
-        return ((_a = parseCellId(cellId)) == null ? void 0 : _a.colId) === ROW_SELECTION_COLUMN_ID && ((_b = parseCellId(cellId)) == null ? void 0 : _b.rowId);
-      }
-    ).map((cellId) => {
-      var _a;
-      return (_a = parseCellId(cellId)) == null ? void 0 : _a.rowId;
-    }),
-    [selectedCells]
-  );
-  const registerGrid = useCallback((rows, columns) => {
-    const rowIdToIndex = /* @__PURE__ */ new Map();
-    const colIdToIndex = /* @__PURE__ */ new Map();
-    const indexToRowId = /* @__PURE__ */ new Map();
-    const indexToColId = /* @__PURE__ */ new Map();
-    rows.forEach((rowId, index) => {
-      rowIdToIndex.set(rowId, index);
-      indexToRowId.set(index, rowId);
-    });
-    columns.forEach((colId, index) => {
-      colIdToIndex.set(colId, index);
-      indexToColId.set(index, colId);
-    });
-    setGridMap({ rowIdToIndex, colIdToIndex, indexToRowId, indexToColId });
-  }, []);
-  const updateSelection = useCallback((selection, position) => {
-    setSelectedCells((prevSelectedCells) => {
-      let newSelection = new Set(selection);
-      if (position.colId !== ROW_SELECTION_COLUMN_ID && position.colId !== DRAG_HANDLE_COLUMN_ID) {
-        const rowSelection = Array.from(prevSelectedCells).filter(
-          (id) => {
-            var _a;
-            return ((_a = parseCellId(id)) == null ? void 0 : _a.colId) === ROW_SELECTION_COLUMN_ID;
-          }
-        );
-        if (rowSelection.length) {
-          newSelection = /* @__PURE__ */ new Set([...newSelection, ...rowSelection]);
-        }
-      }
-      return newSelection;
-    });
-  }, []);
-  const selectCellRange = useCallback(
-    (start, end, additive) => {
-      if (!additive) {
-        updateSelection(/* @__PURE__ */ new Set(), start);
-      }
-      const startRowIdx = stableGridMap.rowIdToIndex.get(start.rowId) ?? 0;
-      const startColIdx = stableGridMap.colIdToIndex.get(start.colId) ?? 0;
-      const endRowIdx = stableGridMap.rowIdToIndex.get(end.rowId) ?? 0;
-      const endColIdx = stableGridMap.colIdToIndex.get(end.colId) ?? 0;
-      const minRowIdx = Math.min(startRowIdx, endRowIdx);
-      const maxRowIdx = Math.max(startRowIdx, endRowIdx);
-      const minColIdx = Math.min(startColIdx, endColIdx);
-      const maxColIdx = Math.max(startColIdx, endColIdx);
-      const newSelection = new Set(additive ? selectedCells : []);
-      for (let r = minRowIdx; r <= maxRowIdx; r++) {
-        const rowId = stableGridMap.indexToRowId.get(r);
-        if (!rowId) continue;
-        for (let c = minColIdx; c <= maxColIdx; c++) {
-          const colId = stableGridMap.indexToColId.get(c);
-          if (!colId) continue;
-          newSelection.add(getCellId(rowId, colId));
-        }
-      }
-      return newSelection;
-    },
-    [stableGridMap, selectedCells]
-  );
-  const startSelection = useCallback(
-    (cellId, additive) => {
-      const position = parseCellId(cellId);
-      if (!position) return;
-      setSelectionInProgress(true);
-      initialCellSelected.current = selectedCells.has(cellId);
-      if (additive) {
-        setSelectedCells((prev) => {
-          const newSelection = new Set(prev);
-          if (newSelection.has(cellId)) {
-            newSelection.delete(cellId);
-            if (focusedCellId === cellId) {
-              if (newSelection.size > 0) {
-                setFocusedCellId(Array.from(newSelection)[Array.from(newSelection).length - 1]);
-              } else {
-                setFocusedCellId(null);
-              }
-            }
-          } else {
-            newSelection.add(cellId);
-            setFocusedCellId(cellId);
-            setAnchorCell(position);
-          }
-          return newSelection;
-        });
-      } else {
-        if (selectedCells.size === 1 && selectedCells.has(cellId) && [ROW_SELECTION_COLUMN_ID, "name"].includes(position.colId)) {
-          setSelectedCells(/* @__PURE__ */ new Set());
-          setAnchorCell(null);
-          setFocusedCellId(null);
-        } else {
-          updateSelection(/* @__PURE__ */ new Set([cellId]), position);
-          setAnchorCell(position);
-          setFocusedCellId(cellId);
-        }
-      }
-    },
-    [selectedCells, focusedCellId]
-  );
-  const extendSelection = useCallback(
-    (cellId, isRowSelectionColumn) => {
-      if (!selectionInProgress || !anchorCell) return;
-      const currentPosition = parseCellId(cellId);
-      if (!currentPosition) return;
-      if (isRowSelectionColumn) {
-        setSelectedCells((prev) => {
-          const newSelection = new Set(prev);
-          const position = parseCellId(cellId);
-          if (!position) return newSelection;
-          if (initialCellSelected.current) {
-            newSelection.delete(cellId);
-          } else {
-            newSelection.add(cellId);
-          }
-          return newSelection;
-        });
-      } else {
-        const newSelection = selectCellRange(anchorCell, currentPosition, false);
-        updateSelection(newSelection, currentPosition);
-      }
-    },
-    [selectionInProgress, anchorCell, selectCellRange]
-  );
-  const endSelection = useCallback(() => {
-    setSelectionInProgress(false);
-  }, []);
-  const selectCell = useCallback(
-    (cellId, additive, range) => {
-      const position = parseCellId(cellId);
-      if (!position) return;
-      if (range && anchorCell) {
-        const newSelection = selectCellRange(anchorCell, position, additive);
-        updateSelection(newSelection, position);
-      } else if (additive) {
-        setSelectedCells((prev) => {
-          const newSelection = new Set(prev);
-          if (newSelection.has(cellId)) {
-            newSelection.delete(cellId);
-          } else {
-            newSelection.add(cellId);
-          }
-          return newSelection;
-        });
-      } else {
-        updateSelection(/* @__PURE__ */ new Set([cellId]), position);
-        setAnchorCell(position);
-      }
-    },
-    [anchorCell, selectCellRange]
-  );
-  const focusCell = useCallback((cellId) => {
-    setFocusedCellId(cellId);
-  }, []);
-  const clearSelection = useCallback(() => {
-    setSelectedCells(/* @__PURE__ */ new Set());
-    setAnchorCell(null);
-    setFocusedCellId(null);
-  }, []);
-  const isCellSelected = useCallback((cellId) => selectedCells.has(cellId), [selectedCells]);
-  const isCellFocused = useCallback((cellId) => cellId === focusedCellId, [focusedCellId]);
-  const getCellPositionFromId = useCallback((cellId) => parseCellId(cellId), []);
-  const getCellBorderClasses = useCallback(
-    (cellId) => {
-      if (!isCellSelected(cellId)) return [];
-      const position = parseCellId(cellId);
-      if (!position) return [];
-      const rowIndex = stableGridMap.rowIdToIndex.get(position.rowId);
-      const colIndex = stableGridMap.colIdToIndex.get(position.colId);
-      if (rowIndex === void 0 || colIndex === void 0) return [];
-      const top = stableGridMap.indexToRowId.get(rowIndex - 1);
-      const right = stableGridMap.indexToColId.get(colIndex + 1);
-      const bottom = stableGridMap.indexToRowId.get(rowIndex + 1);
-      const left = stableGridMap.indexToColId.get(colIndex - 1);
-      let borderPos = BorderPosition.None;
-      if (!top || !selectedCells.has(getCellId(top, position.colId))) {
-        borderPos |= BorderPosition.Top;
-      }
-      if (!right || !selectedCells.has(getCellId(position.rowId, right))) {
-        borderPos |= BorderPosition.Right;
-      }
-      if (!bottom || !selectedCells.has(getCellId(bottom, position.colId))) {
-        borderPos |= BorderPosition.Bottom;
-      }
-      if (!left || !selectedCells.has(getCellId(position.rowId, left))) {
-        borderPos |= BorderPosition.Left;
-      }
-      return getBorderClasses(borderPos);
-    },
-    [selectedCells, stableGridMap, isCellSelected]
-  );
-  const value = useMemo(
-    () => ({
-      selectedCells,
-      selectedRows,
-      focusedCellId,
-      selectionInProgress,
-      anchorCell,
-      gridMap: stableGridMap,
-      setSelectedCells,
-      setFocusedCellId,
-      setAnchorCell,
-      registerGrid,
-      selectCell,
-      startSelection,
-      extendSelection,
-      endSelection,
-      focusCell,
-      clearSelection,
-      isCellSelected,
-      isCellFocused,
-      getCellPositionFromId,
-      getCellBorderClasses
-    }),
-    [
-      selectedCells,
-      selectedRows,
-      focusedCellId,
-      selectionInProgress,
-      anchorCell,
-      stableGridMap,
-      setSelectedCells,
-      setFocusedCellId,
-      setAnchorCell,
-      registerGrid,
-      selectCell,
-      startSelection,
-      extendSelection,
-      endSelection,
-      focusCell,
-      clearSelection,
-      isCellSelected,
-      isCellFocused,
-      getCellPositionFromId,
-      getCellBorderClasses
-    ]
-  );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectionCellsContext.Provider, { value, children });
-};
 const useSelectionCellsContext = () => {
   const context = useContext(SelectionCellsContext);
   if (context === void 0) {
@@ -286,7 +10,7 @@ const useSelectionCellsContext = () => {
 };
 export {
   ROW_SELECTION_COLUMN_ID,
-  SelectionCellsProvider,
+  SelectionCellsContext,
   useSelectionCellsContext
 };
 //# sourceMappingURL=SelectionCellsContext.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/context/SelectionCellsContext.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionCellsContext.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/SelectionCellsContext.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useState,\n  useCallback,\n  useMemo,\n  ReactNode,\n  useRef,\n} from 'react'\nimport {\n  CellId,\n  RowId,\n  ColId,\n  CellPosition,\n  getCellId,\n  parseCellId,\n  BorderPosition,\n  getBorderClasses,\n} from '../utils/cellUtils'\nimport { DRAG_HANDLE_COLUMN_ID } from '../ProjectTreeTable'\n\nexport const ROW_SELECTION_COLUMN_ID = '__row_selection__' // ID for the row selection column\n\n// Cell range for selections\n\n// Structure to map row/column IDs to their positions in the grid\nexport interface GridMap {\n  rowIdToIndex: Map<RowId, number>\n  colIdToIndex: Map<ColId, number>\n  indexToRowId: Map<number, RowId>\n  indexToColId: Map<number, ColId>\n}\n\nexport interface SelectionCellsContextType {\n  // Selected cells\n  selectedCells: Set<CellId>\n  // Focused cell (single cell that has focus)\n  focusedCellId: CellId | null\n  // Selection in progress state\n  selectionInProgress: boolean\n  // Anchor point for range selections\n  anchorCell: CellPosition | null\n  // Grid mapping for coordinate lookups\n  gridMap: GridMap\n\n  selectedRows: string[] // Array of selected row IDs\n\n  // State setters\n  setSelectedCells: React.Dispatch<React.SetStateAction<Set<CellId>>>\n  setFocusedCellId: React.Dispatch<React.SetStateAction<CellId | null>>\n  setAnchorCell: React.Dispatch<React.SetStateAction<CellPosition | null>>\n  // Methods\n  registerGrid: (rows: RowId[], columns: ColId[]) => void\n  selectCell: (cellId: CellId, additive: boolean, range: boolean) => void\n  startSelection: (cellId: CellId, additive: boolean) => void\n  extendSelection: (cellId: CellId, isRowSelectionColumn?: boolean) => void\n  endSelection: (cellId: CellId) => void\n  focusCell: (cellId: CellId | null) => void\n  clearSelection: () => void\n  isCellSelected: (cellId: CellId) => boolean\n  isCellFocused: (cellId: CellId) => boolean\n  getCellPositionFromId: (cellId: CellId) => CellPosition | null\n  getCellBorderClasses: (cellId: CellId) => string[]\n}\n\n// Create the context\nconst SelectionCellsContext = createContext<SelectionCellsContextType | undefined>(undefined)\n\nexport const SelectionCellsProvider: React.FC<{ children: ReactNode }> = ({ children }) => {\n  const [selectedCells, setSelectedCells] = useState<Set<CellId>>(new Set())\n  const [focusedCellId, setFocusedCellId] = useState<CellId | null>(null)\n  const [selectionInProgress, setSelectionInProgress] = useState<boolean>(false)\n  const [anchorCell, setAnchorCell] = useState<CellPosition | null>(null)\n  const [gridMap, setGridMap] = useState<GridMap>({\n    rowIdToIndex: new Map(),\n    colIdToIndex: new Map(),\n    indexToRowId: new Map(),\n    indexToColId: new Map(),\n  })\n  const mapToString = (map: Map<any, any>) => {\n    return JSON.stringify(Array.from(map.entries()))\n  }\n\n  const stableGridMap = useMemo(\n    () => gridMap,\n    [\n      mapToString(gridMap.rowIdToIndex),\n      mapToString(gridMap.colIdToIndex),\n      mapToString(gridMap.indexToRowId),\n      mapToString(gridMap.indexToColId),\n    ],\n  )\n  // Track whether we're selecting or unselecting during drag\n  const initialCellSelected = useRef<boolean>(false)\n\n  const selectedRows = useMemo(\n    () =>\n      Array.from(selectedCells)\n        .filter(\n          (cellId) =>\n            parseCellId(cellId)?.colId === ROW_SELECTION_COLUMN_ID && parseCellId(cellId)?.rowId,\n        )\n        .map((cellId) => parseCellId(cellId)?.rowId) as string[],\n    [selectedCells],\n  )\n\n  // Register grid structure for range selections\n  const registerGrid = useCallback((rows: RowId[], columns: ColId[]) => {\n    const rowIdToIndex = new Map<RowId, number>()\n    const colIdToIndex = new Map<ColId, number>()\n    const indexToRowId = new Map<number, RowId>()\n    const indexToColId = new Map<number, ColId>()\n\n    rows.forEach((rowId, index) => {\n      rowIdToIndex.set(rowId, index)\n      indexToRowId.set(index, rowId)\n    })\n\n    columns.forEach((colId, index) => {\n      colIdToIndex.set(colId, index)\n      indexToColId.set(index, colId)\n    })\n\n    setGridMap({ rowIdToIndex, colIdToIndex, indexToRowId, indexToColId })\n  }, [])\n\n  // update the selection whilst properly handling the row-selection column\n  const updateSelection = useCallback((selection: Set<CellId>, position: CellPosition) => {\n    setSelectedCells((prevSelectedCells) => {\n      let newSelection = new Set(selection)\n      if (position.colId !== ROW_SELECTION_COLUMN_ID && position.colId !== DRAG_HANDLE_COLUMN_ID) {\n        const rowSelection = Array.from(prevSelectedCells).filter(\n          (id) => parseCellId(id)?.colId === ROW_SELECTION_COLUMN_ID,\n        )\n        if (rowSelection.length) {\n          newSelection = new Set([...newSelection, ...rowSelection])\n        }\n      }\n      return newSelection\n    })\n  }, [])\n\n  // Select cells between two points in the grid\n  const selectCellRange = useCallback(\n    (start: CellPosition, end: CellPosition, additive: boolean): Set<CellId> => {\n      if (!additive) {\n        // Clear existing selection if not additive\n        updateSelection(new Set(), start)\n      }\n\n      const startRowIdx = stableGridMap.rowIdToIndex.get(start.rowId) ?? 0\n      const startColIdx = stableGridMap.colIdToIndex.get(start.colId) ?? 0\n      const endRowIdx = stableGridMap.rowIdToIndex.get(end.rowId) ?? 0\n      const endColIdx = stableGridMap.colIdToIndex.get(end.colId) ?? 0\n\n      const minRowIdx = Math.min(startRowIdx, endRowIdx)\n      const maxRowIdx = Math.max(startRowIdx, endRowIdx)\n      const minColIdx = Math.min(startColIdx, endColIdx)\n      const maxColIdx = Math.max(startColIdx, endColIdx)\n\n      const newSelection = new Set(additive ? selectedCells : [])\n\n      for (let r = minRowIdx; r <= maxRowIdx; r++) {\n        const rowId = stableGridMap.indexToRowId.get(r)\n        if (!rowId) continue\n\n        for (let c = minColIdx; c <= maxColIdx; c++) {\n          const colId = stableGridMap.indexToColId.get(c)\n          if (!colId) continue\n\n          newSelection.add(getCellId(rowId, colId))\n        }\n      }\n\n      return newSelection\n    },\n    [stableGridMap, selectedCells],\n  )\n\n  // Start a selection operation\n  const startSelection = useCallback(\n    (cellId: CellId, additive: boolean) => {\n      const position = parseCellId(cellId)\n      if (!position) return\n\n      setSelectionInProgress(true)\n      // Store whether the initial cell was selected to determine drag behavior\n      initialCellSelected.current = selectedCells.has(cellId)\n\n      if (additive) {\n        // Toggle this cell in multi-select mode\n        setSelectedCells((prev) => {\n          const newSelection = new Set(prev)\n          if (newSelection.has(cellId)) {\n            newSelection.delete(cellId)\n            // If this was the focused cell, set focus to another cell in the selection or null\n            if (focusedCellId === cellId) {\n              if (newSelection.size > 0) {\n                setFocusedCellId(Array.from(newSelection)[Array.from(newSelection).length - 1])\n              } else {\n                setFocusedCellId(null)\n              }\n            }\n          } else {\n            newSelection.add(cellId)\n            setFocusedCellId(cellId)\n            setAnchorCell(position)\n          }\n          return newSelection\n        })\n      } else {\n        // Single cell selection\n        // If this cell is already the only selected cell, deselect it\n        // and it is from name column\n        if (\n          selectedCells.size === 1 &&\n          selectedCells.has(cellId) &&\n          [ROW_SELECTION_COLUMN_ID, 'name'].includes(position.colId)\n        ) {\n          setSelectedCells(new Set())\n          setAnchorCell(null)\n          setFocusedCellId(null)\n        } else {\n          updateSelection(new Set([cellId]), position)\n          setAnchorCell(position)\n          setFocusedCellId(cellId)\n        }\n      }\n    },\n    [selectedCells, focusedCellId],\n  )\n\n  // Extend the current selection during drag\n  const extendSelection = useCallback(\n    (cellId: CellId, isRowSelectionColumn?: boolean) => {\n      if (!selectionInProgress || !anchorCell) return\n\n      const currentPosition = parseCellId(cellId)\n      if (!currentPosition) return\n\n      if (isRowSelectionColumn) {\n        // Handle row selection column differently during drag\n        setSelectedCells((prev) => {\n          const newSelection = new Set(prev)\n          const position = parseCellId(cellId)\n\n          if (!position) return newSelection\n\n          // We're either selecting or unselecting based on the initial cell's state\n          if (initialCellSelected.current) {\n            // If we started on a selected cell, we're removing cells during drag\n            newSelection.delete(cellId)\n          } else {\n            // If we started on an unselected cell, we're adding cells during drag\n            newSelection.add(cellId)\n          }\n\n          return newSelection\n        })\n      } else {\n        // For normal cells, use the range selection behavior\n        const newSelection = selectCellRange(anchorCell, currentPosition, false)\n        updateSelection(newSelection, currentPosition)\n      }\n    },\n    [selectionInProgress, anchorCell, selectCellRange],\n  )\n\n  // End a selection operation\n  const endSelection = useCallback(() => {\n    setSelectionInProgress(false)\n  }, [])\n\n  // Select a cell (click or programmatically)\n  const selectCell = useCallback(\n    (cellId: CellId, additive: boolean, range: boolean) => {\n      const position = parseCellId(cellId)\n      if (!position) return\n\n      if (range && anchorCell) {\n        // Shift+click for range selection - select cells between anchor and current\n        const newSelection = selectCellRange(anchorCell, position, additive)\n        updateSelection(newSelection, position)\n      } else if (additive) {\n        // Ctrl/Cmd+click for toggling selection\n        setSelectedCells((prev) => {\n          const newSelection = new Set(prev)\n          if (newSelection.has(cellId)) {\n            newSelection.delete(cellId)\n          } else {\n            newSelection.add(cellId)\n          }\n          return newSelection\n        })\n      } else {\n        // Normal click - select just this cell and set as new anchor\n        updateSelection(new Set([cellId]), position)\n        setAnchorCell(position)\n      }\n    },\n    [anchorCell, selectCellRange],\n  )\n\n  // Focus a cell without changing selection\n  const focusCell = useCallback((cellId: CellId | null) => {\n    setFocusedCellId(cellId)\n  }, [])\n\n  // Clear all selections\n  const clearSelection = useCallback(() => {\n    setSelectedCells(new Set())\n    setAnchorCell(null)\n    setFocusedCellId(null)\n  }, [])\n\n  // Check if a cell is selected\n  const isCellSelected = useCallback((cellId: CellId) => selectedCells.has(cellId), [selectedCells])\n\n  // Check if a cell is focused\n  const isCellFocused = useCallback((cellId: CellId) => cellId === focusedCellId, [focusedCellId])\n\n  // Get position from cell ID - using shared utility\n  const getCellPositionFromId = useCallback((cellId: CellId) => parseCellId(cellId), [])\n\n  //  Get border classes for a cell based on its selection state and neighbors\n  const getCellBorderClasses = useCallback(\n    (cellId: CellId): string[] => {\n      if (!isCellSelected(cellId)) return []\n\n      const position = parseCellId(cellId)\n      if (!position) return []\n\n      const rowIndex = stableGridMap.rowIdToIndex.get(position.rowId)\n      const colIndex = stableGridMap.colIdToIndex.get(position.colId)\n\n      if (rowIndex === undefined || colIndex === undefined) return []\n\n      // Check if the cell's neighbors in all four directions are selected\n      const top = stableGridMap.indexToRowId.get(rowIndex - 1)\n      const right = stableGridMap.indexToColId.get(colIndex + 1)\n      const bottom = stableGridMap.indexToRowId.get(rowIndex + 1)\n      const left = stableGridMap.indexToColId.get(colIndex - 1)\n\n      // Default to no borders\n      let borderPos = BorderPosition.None\n\n      // Top edge check: show border if we're at the top of the grid or the cell above is not selected\n      if (!top || !selectedCells.has(getCellId(top, position.colId))) {\n        borderPos |= BorderPosition.Top\n      }\n\n      // Right edge check: show border if we're at the right edge of the grid or the cell to the right is not selected\n      if (!right || !selectedCells.has(getCellId(position.rowId, right))) {\n        borderPos |= BorderPosition.Right\n      }\n\n      // Bottom edge check: show border if we're at the bottom of the grid or the cell below is not selected\n      if (!bottom || !selectedCells.has(getCellId(bottom, position.colId))) {\n        borderPos |= BorderPosition.Bottom\n      }\n\n      // Left edge check: show border if we're at the left edge of the grid or the cell to the left is not selected\n      if (!left || !selectedCells.has(getCellId(position.rowId, left))) {\n        borderPos |= BorderPosition.Left\n      }\n\n      return getBorderClasses(borderPos)\n    },\n    [selectedCells, stableGridMap, isCellSelected],\n  )\n\n  // Memoize context value to prevent unnecessary re-renders\n  const value = useMemo(\n    () => ({\n      selectedCells,\n      selectedRows,\n      focusedCellId,\n      selectionInProgress,\n      anchorCell,\n      gridMap: stableGridMap,\n      setSelectedCells,\n      setFocusedCellId,\n      setAnchorCell,\n      registerGrid,\n      selectCell,\n      startSelection,\n      extendSelection,\n      endSelection,\n      focusCell,\n      clearSelection,\n      isCellSelected,\n      isCellFocused,\n      getCellPositionFromId,\n      getCellBorderClasses,\n    }),\n    [\n      selectedCells,\n      selectedRows,\n      focusedCellId,\n      selectionInProgress,\n      anchorCell,\n      stableGridMap,\n      setSelectedCells,\n      setFocusedCellId,\n      setAnchorCell,\n      registerGrid,\n      selectCell,\n      startSelection,\n      extendSelection,\n      endSelection,\n      focusCell,\n      clearSelection,\n      isCellSelected,\n      isCellFocused,\n      getCellPositionFromId,\n      getCellBorderClasses,\n    ],\n  )\n\n  return <SelectionCellsContext.Provider value={value}>{children}</SelectionCellsContext.Provider>\n}\n\nexport const useSelectionCellsContext = (): SelectionCellsContextType => {\n  const context = useContext(SelectionCellsContext)\n  if (context === undefined) {\n    throw new Error('useSelectionCellsContext must be used within a SelectionCellsProvider')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":"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"}
+{"version":3,"file":"SelectionCellsContext.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/SelectionCellsContext.ts"],"sourcesContent":["import React, { createContext, useContext } from 'react'\nimport {\n  CellId,\n  RowId,\n  ColId,\n  CellPosition,\n} from '../utils/cellUtils'\n\nexport const ROW_SELECTION_COLUMN_ID = '__row_selection__' // ID for the row selection column\n\n// Structure to map row/column IDs to their positions in the grid\nexport interface GridMap {\n  rowIdToIndex: Map<RowId, number>\n  colIdToIndex: Map<ColId, number>\n  indexToRowId: Map<number, RowId>\n  indexToColId: Map<number, ColId>\n}\n\nexport interface SelectionCellsContextType {\n  // Selected cells\n  selectedCells: Set<CellId>\n  // Focused cell (single cell that has focus)\n  focusedCellId: CellId | null\n  // Selection in progress state\n  selectionInProgress: boolean\n  // Anchor point for range selections\n  anchorCell: CellPosition | null\n  // Grid mapping for coordinate lookups\n  gridMap: GridMap\n\n  selectedRows: string[] // Array of selected row IDs\n\n  // State setters\n  setSelectedCells: React.Dispatch<React.SetStateAction<Set<CellId>>>\n  setFocusedCellId: React.Dispatch<React.SetStateAction<CellId | null>>\n  setAnchorCell: React.Dispatch<React.SetStateAction<CellPosition | null>>\n  // Methods\n  registerGrid: (rows: RowId[], columns: ColId[]) => void\n  selectCell: (cellId: CellId, additive: boolean, range: boolean) => void\n  startSelection: (cellId: CellId, additive: boolean) => void\n  extendSelection: (cellId: CellId, isRowSelectionColumn?: boolean) => void\n  endSelection: (cellId: CellId) => void\n  focusCell: (cellId: CellId | null) => void\n  clearSelection: () => void\n  isCellSelected: (cellId: CellId) => boolean\n  isCellFocused: (cellId: CellId) => boolean\n  getCellPositionFromId: (cellId: CellId) => CellPosition | null\n  getCellBorderClasses: (cellId: CellId) => string[]\n}\n\n// Create the context\nexport const SelectionCellsContext = createContext<SelectionCellsContextType | undefined>(undefined)\n\nexport const useSelectionCellsContext = (): SelectionCellsContextType => {\n  const context = useContext(SelectionCellsContext)\n  if (context === undefined) {\n    throw new Error('useSelectionCellsContext must be used within a SelectionCellsProvider')\n  }\n  return context\n}\n"],"names":[],"mappings":";AAQO,MAAM,0BAA0B;AA2C1B,MAAA,wBAAwB,cAAqD,MAAS;AAE5F,MAAM,2BAA2B,MAAiC;AACjE,QAAA,UAAU,WAAW,qBAAqB;AAChD,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,uEAAuE;AAAA,EAAA;AAElF,SAAA;AACT;"}

package/dist/shared/src/containers/ProjectTreeTable/context/SelectionCellsProvider.cjs.js

@@ -0,0 +1,282 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
+const React = require("react");
+const cellUtils = require("../utils/cellUtils.cjs.js");
+const ProjectTreeTable = require("../ProjectTreeTable.cjs.js");
+const SelectionCellsContext = require("./SelectionCellsContext.cjs.js");
+const SelectionCellsProvider = ({ children }) => {
+  const [selectedCells, setSelectedCells] = React.useState(/* @__PURE__ */ new Set());
+  const [focusedCellId, setFocusedCellId] = React.useState(null);
+  const [selectionInProgress, setSelectionInProgress] = React.useState(false);
+  const [anchorCell, setAnchorCell] = React.useState(null);
+  const [gridMap, setGridMap] = React.useState({
+    rowIdToIndex: /* @__PURE__ */ new Map(),
+    colIdToIndex: /* @__PURE__ */ new Map(),
+    indexToRowId: /* @__PURE__ */ new Map(),
+    indexToColId: /* @__PURE__ */ new Map()
+  });
+  const mapToString = (map) => {
+    return JSON.stringify(Array.from(map.entries()));
+  };
+  const stableGridMap = React.useMemo(
+    () => gridMap,
+    [
+      mapToString(gridMap.rowIdToIndex),
+      mapToString(gridMap.colIdToIndex),
+      mapToString(gridMap.indexToRowId),
+      mapToString(gridMap.indexToColId)
+    ]
+  );
+  const initialCellSelected = React.useRef(false);
+  const selectedRows = React.useMemo(
+    () => Array.from(selectedCells).filter(
+      (cellId) => {
+        var _a, _b;
+        return ((_a = cellUtils.parseCellId(cellId)) == null ? void 0 : _a.colId) === SelectionCellsContext.ROW_SELECTION_COLUMN_ID && ((_b = cellUtils.parseCellId(cellId)) == null ? void 0 : _b.rowId);
+      }
+    ).map((cellId) => {
+      var _a;
+      return (_a = cellUtils.parseCellId(cellId)) == null ? void 0 : _a.rowId;
+    }),
+    [selectedCells]
+  );
+  const registerGrid = React.useCallback((rows, columns) => {
+    const rowIdToIndex = /* @__PURE__ */ new Map();
+    const colIdToIndex = /* @__PURE__ */ new Map();
+    const indexToRowId = /* @__PURE__ */ new Map();
+    const indexToColId = /* @__PURE__ */ new Map();
+    rows.forEach((rowId, index) => {
+      rowIdToIndex.set(rowId, index);
+      indexToRowId.set(index, rowId);
+    });
+    columns.forEach((colId, index) => {
+      colIdToIndex.set(colId, index);
+      indexToColId.set(index, colId);
+    });
+    setGridMap({ rowIdToIndex, colIdToIndex, indexToRowId, indexToColId });
+  }, []);
+  const updateSelection = React.useCallback((selection, position) => {
+    setSelectedCells((prevSelectedCells) => {
+      let newSelection = new Set(selection);
+      if (position.colId !== SelectionCellsContext.ROW_SELECTION_COLUMN_ID && position.colId !== ProjectTreeTable.DRAG_HANDLE_COLUMN_ID) {
+        const rowSelection = Array.from(prevSelectedCells).filter(
+          (id) => {
+            var _a;
+            return ((_a = cellUtils.parseCellId(id)) == null ? void 0 : _a.colId) === SelectionCellsContext.ROW_SELECTION_COLUMN_ID;
+          }
+        );
+        if (rowSelection.length) {
+          newSelection = /* @__PURE__ */ new Set([...newSelection, ...rowSelection]);
+        }
+      }
+      return newSelection;
+    });
+  }, []);
+  const selectCellRange = React.useCallback(
+    (start, end, additive) => {
+      if (!additive) {
+        updateSelection(/* @__PURE__ */ new Set(), start);
+      }
+      const startRowIdx = stableGridMap.rowIdToIndex.get(start.rowId) ?? 0;
+      const startColIdx = stableGridMap.colIdToIndex.get(start.colId) ?? 0;
+      const endRowIdx = stableGridMap.rowIdToIndex.get(end.rowId) ?? 0;
+      const endColIdx = stableGridMap.colIdToIndex.get(end.colId) ?? 0;
+      const minRowIdx = Math.min(startRowIdx, endRowIdx);
+      const maxRowIdx = Math.max(startRowIdx, endRowIdx);
+      const minColIdx = Math.min(startColIdx, endColIdx);
+      const maxColIdx = Math.max(startColIdx, endColIdx);
+      const newSelection = new Set(additive ? selectedCells : []);
+      for (let r = minRowIdx; r <= maxRowIdx; r++) {
+        const rowId = stableGridMap.indexToRowId.get(r);
+        if (!rowId) continue;
+        for (let c = minColIdx; c <= maxColIdx; c++) {
+          const colId = stableGridMap.indexToColId.get(c);
+          if (!colId) continue;
+          newSelection.add(cellUtils.getCellId(rowId, colId));
+        }
+      }
+      return newSelection;
+    },
+    [stableGridMap, selectedCells, updateSelection]
+  );
+  const startSelection = React.useCallback(
+    (cellId, additive) => {
+      const position = cellUtils.parseCellId(cellId);
+      if (!position) return;
+      setSelectionInProgress(true);
+      initialCellSelected.current = selectedCells.has(cellId);
+      if (additive) {
+        setSelectedCells((prev) => {
+          const newSelection = new Set(prev);
+          if (newSelection.has(cellId)) {
+            newSelection.delete(cellId);
+            if (focusedCellId === cellId) {
+              if (newSelection.size > 0) {
+                setFocusedCellId(Array.from(newSelection)[Array.from(newSelection).length - 1]);
+              } else {
+                setFocusedCellId(null);
+              }
+            }
+          } else {
+            newSelection.add(cellId);
+            setFocusedCellId(cellId);
+            setAnchorCell(position);
+          }
+          return newSelection;
+        });
+      } else {
+        if (selectedCells.size === 1 && selectedCells.has(cellId) && [SelectionCellsContext.ROW_SELECTION_COLUMN_ID, "name"].includes(position.colId)) {
+          setSelectedCells(/* @__PURE__ */ new Set());
+          setAnchorCell(null);
+          setFocusedCellId(null);
+        } else {
+          updateSelection(/* @__PURE__ */ new Set([cellId]), position);
+          setAnchorCell(position);
+          setFocusedCellId(cellId);
+        }
+      }
+    },
+    [selectedCells, focusedCellId, updateSelection]
+  );
+  const extendSelection = React.useCallback(
+    (cellId, isRowSelectionColumn) => {
+      if (!selectionInProgress || !anchorCell) return;
+      const currentPosition = cellUtils.parseCellId(cellId);
+      if (!currentPosition) return;
+      if (isRowSelectionColumn) {
+        setSelectedCells((prev) => {
+          const newSelection = new Set(prev);
+          const position = cellUtils.parseCellId(cellId);
+          if (!position) return newSelection;
+          if (initialCellSelected.current) {
+            newSelection.delete(cellId);
+          } else {
+            newSelection.add(cellId);
+          }
+          return newSelection;
+        });
+      } else {
+        const newSelection = selectCellRange(anchorCell, currentPosition, false);
+        updateSelection(newSelection, currentPosition);
+      }
+    },
+    [selectionInProgress, anchorCell, selectCellRange, updateSelection]
+  );
+  const endSelection = React.useCallback(() => {
+    setSelectionInProgress(false);
+  }, []);
+  const selectCell = React.useCallback(
+    (cellId, additive, range) => {
+      const position = cellUtils.parseCellId(cellId);
+      if (!position) return;
+      if (range && anchorCell) {
+        const newSelection = selectCellRange(anchorCell, position, additive);
+        updateSelection(newSelection, position);
+      } else if (additive) {
+        setSelectedCells((prev) => {
+          const newSelection = new Set(prev);
+          if (newSelection.has(cellId)) {
+            newSelection.delete(cellId);
+          } else {
+            newSelection.add(cellId);
+          }
+          return newSelection;
+        });
+      } else {
+        updateSelection(/* @__PURE__ */ new Set([cellId]), position);
+        setAnchorCell(position);
+      }
+    },
+    [anchorCell, selectCellRange, updateSelection]
+  );
+  const focusCell = React.useCallback((cellId) => {
+    setFocusedCellId(cellId);
+  }, []);
+  const clearSelection = React.useCallback(() => {
+    setSelectedCells(/* @__PURE__ */ new Set());
+    setAnchorCell(null);
+    setFocusedCellId(null);
+  }, []);
+  const isCellSelected = React.useCallback((cellId) => selectedCells.has(cellId), [selectedCells]);
+  const isCellFocused = React.useCallback((cellId) => cellId === focusedCellId, [focusedCellId]);
+  const getCellPositionFromId = React.useCallback((cellId) => cellUtils.parseCellId(cellId), []);
+  const getCellBorderClasses = React.useCallback(
+    (cellId) => {
+      if (!isCellSelected(cellId)) return [];
+      const position = cellUtils.parseCellId(cellId);
+      if (!position) return [];
+      const rowIndex = stableGridMap.rowIdToIndex.get(position.rowId);
+      const colIndex = stableGridMap.colIdToIndex.get(position.colId);
+      if (rowIndex === void 0 || colIndex === void 0) return [];
+      const top = stableGridMap.indexToRowId.get(rowIndex - 1);
+      const right = stableGridMap.indexToColId.get(colIndex + 1);
+      const bottom = stableGridMap.indexToRowId.get(rowIndex + 1);
+      const left = stableGridMap.indexToColId.get(colIndex - 1);
+      let borderPos = cellUtils.BorderPosition.None;
+      if (!top || !selectedCells.has(cellUtils.getCellId(top, position.colId))) {
+        borderPos |= cellUtils.BorderPosition.Top;
+      }
+      if (!right || !selectedCells.has(cellUtils.getCellId(position.rowId, right))) {
+        borderPos |= cellUtils.BorderPosition.Right;
+      }
+      if (!bottom || !selectedCells.has(cellUtils.getCellId(bottom, position.colId))) {
+        borderPos |= cellUtils.BorderPosition.Bottom;
+      }
+      if (!left || !selectedCells.has(cellUtils.getCellId(position.rowId, left))) {
+        borderPos |= cellUtils.BorderPosition.Left;
+      }
+      return cellUtils.getBorderClasses(borderPos);
+    },
+    [selectedCells, stableGridMap, isCellSelected]
+  );
+  const value = React.useMemo(
+    () => ({
+      selectedCells,
+      selectedRows,
+      focusedCellId,
+      selectionInProgress,
+      anchorCell,
+      gridMap: stableGridMap,
+      setSelectedCells,
+      setFocusedCellId,
+      setAnchorCell,
+      registerGrid,
+      selectCell,
+      startSelection,
+      extendSelection,
+      endSelection,
+      focusCell,
+      clearSelection,
+      isCellSelected,
+      isCellFocused,
+      getCellPositionFromId,
+      getCellBorderClasses
+    }),
+    [
+      selectedCells,
+      selectedRows,
+      focusedCellId,
+      selectionInProgress,
+      anchorCell,
+      stableGridMap,
+      setSelectedCells,
+      setFocusedCellId,
+      setAnchorCell,
+      registerGrid,
+      selectCell,
+      startSelection,
+      extendSelection,
+      endSelection,
+      focusCell,
+      clearSelection,
+      isCellSelected,
+      isCellFocused,
+      getCellPositionFromId,
+      getCellBorderClasses
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(SelectionCellsContext.SelectionCellsContext.Provider, { value, children });
+};
+exports.SelectionCellsProvider = SelectionCellsProvider;
+//# sourceMappingURL=SelectionCellsProvider.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/context/SelectionCellsProvider.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionCellsProvider.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/SelectionCellsProvider.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo, ReactNode, useRef } from 'react'\nimport {\n  CellId,\n  RowId,\n  ColId,\n  CellPosition,\n  getCellId,\n  parseCellId,\n  BorderPosition,\n  getBorderClasses,\n} from '../utils/cellUtils'\nimport { DRAG_HANDLE_COLUMN_ID } from '../ProjectTreeTable'\nimport { SelectionCellsContext, GridMap, ROW_SELECTION_COLUMN_ID } from './SelectionCellsContext'\n\nexport const SelectionCellsProvider: React.FC<{ children: ReactNode }> = ({ children }) => {\n  const [selectedCells, setSelectedCells] = useState<Set<CellId>>(new Set())\n  const [focusedCellId, setFocusedCellId] = useState<CellId | null>(null)\n  const [selectionInProgress, setSelectionInProgress] = useState<boolean>(false)\n  const [anchorCell, setAnchorCell] = useState<CellPosition | null>(null)\n  const [gridMap, setGridMap] = useState<GridMap>({\n    rowIdToIndex: new Map(),\n    colIdToIndex: new Map(),\n    indexToRowId: new Map(),\n    indexToColId: new Map(),\n  })\n  const mapToString = (map: Map<any, any>) => {\n    return JSON.stringify(Array.from(map.entries()))\n  }\n\n  const stableGridMap = useMemo(\n    () => gridMap,\n    [\n      mapToString(gridMap.rowIdToIndex),\n      mapToString(gridMap.colIdToIndex),\n      mapToString(gridMap.indexToRowId),\n      mapToString(gridMap.indexToColId),\n    ],\n  )\n  // Track whether we're selecting or unselecting during drag\n  const initialCellSelected = useRef<boolean>(false)\n\n  const selectedRows = useMemo(\n    () =>\n      Array.from(selectedCells)\n        .filter(\n          (cellId) =>\n            parseCellId(cellId)?.colId === ROW_SELECTION_COLUMN_ID && parseCellId(cellId)?.rowId,\n        )\n        .map((cellId) => parseCellId(cellId)?.rowId) as string[],\n    [selectedCells],\n  )\n\n  // Register grid structure for range selections\n  const registerGrid = useCallback((rows: RowId[], columns: ColId[]) => {\n    const rowIdToIndex = new Map<RowId, number>()\n    const colIdToIndex = new Map<ColId, number>()\n    const indexToRowId = new Map<number, RowId>()\n    const indexToColId = new Map<number, ColId>()\n\n    rows.forEach((rowId, index) => {\n      rowIdToIndex.set(rowId, index)\n      indexToRowId.set(index, rowId)\n    })\n\n    columns.forEach((colId, index) => {\n      colIdToIndex.set(colId, index)\n      indexToColId.set(index, colId)\n    })\n\n    setGridMap({ rowIdToIndex, colIdToIndex, indexToRowId, indexToColId })\n  }, [])\n\n  // update the selection whilst properly handling the row-selection column\n  const updateSelection = useCallback((selection: Set<CellId>, position: CellPosition) => {\n    setSelectedCells((prevSelectedCells) => {\n      let newSelection = new Set(selection)\n      if (position.colId !== ROW_SELECTION_COLUMN_ID && position.colId !== DRAG_HANDLE_COLUMN_ID) {\n        const rowSelection = Array.from(prevSelectedCells).filter(\n          (id) => parseCellId(id)?.colId === ROW_SELECTION_COLUMN_ID,\n        )\n        if (rowSelection.length) {\n          newSelection = new Set([...newSelection, ...rowSelection])\n        }\n      }\n      return newSelection\n    })\n  }, [])\n\n  // Select cells between two points in the grid\n  const selectCellRange = useCallback(\n    (start: CellPosition, end: CellPosition, additive: boolean): Set<CellId> => {\n      if (!additive) {\n        // Clear existing selection if not additive\n        updateSelection(new Set(), start)\n      }\n\n      const startRowIdx = stableGridMap.rowIdToIndex.get(start.rowId) ?? 0\n      const startColIdx = stableGridMap.colIdToIndex.get(start.colId) ?? 0\n      const endRowIdx = stableGridMap.rowIdToIndex.get(end.rowId) ?? 0\n      const endColIdx = stableGridMap.colIdToIndex.get(end.colId) ?? 0\n\n      const minRowIdx = Math.min(startRowIdx, endRowIdx)\n      const maxRowIdx = Math.max(startRowIdx, endRowIdx)\n      const minColIdx = Math.min(startColIdx, endColIdx)\n      const maxColIdx = Math.max(startColIdx, endColIdx)\n\n      const newSelection = new Set(additive ? selectedCells : [])\n\n      for (let r = minRowIdx; r <= maxRowIdx; r++) {\n        const rowId = stableGridMap.indexToRowId.get(r)\n        if (!rowId) continue\n\n        for (let c = minColIdx; c <= maxColIdx; c++) {\n          const colId = stableGridMap.indexToColId.get(c)\n          if (!colId) continue\n\n          newSelection.add(getCellId(rowId, colId))\n        }\n      }\n\n      return newSelection\n    },\n    [stableGridMap, selectedCells, updateSelection],\n  )\n\n  // Start a selection operation\n  const startSelection = useCallback(\n    (cellId: CellId, additive: boolean) => {\n      const position = parseCellId(cellId)\n      if (!position) return\n\n      setSelectionInProgress(true)\n      // Store whether the initial cell was selected to determine drag behavior\n      initialCellSelected.current = selectedCells.has(cellId)\n\n      if (additive) {\n        // Toggle this cell in multi-select mode\n        setSelectedCells((prev) => {\n          const newSelection = new Set(prev)\n          if (newSelection.has(cellId)) {\n            newSelection.delete(cellId)\n            // If this was the focused cell, set focus to another cell in the selection or null\n            if (focusedCellId === cellId) {\n              if (newSelection.size > 0) {\n                setFocusedCellId(Array.from(newSelection)[Array.from(newSelection).length - 1])\n              } else {\n                setFocusedCellId(null)\n              }\n            }\n          } else {\n            newSelection.add(cellId)\n            setFocusedCellId(cellId)\n            setAnchorCell(position)\n          }\n          return newSelection\n        })\n      } else {\n        // Single cell selection\n        // If this cell is already the only selected cell, deselect it\n        // and it is from name column\n        if (\n          selectedCells.size === 1 &&\n          selectedCells.has(cellId) &&\n          [ROW_SELECTION_COLUMN_ID, 'name'].includes(position.colId)\n        ) {\n          setSelectedCells(new Set())\n          setAnchorCell(null)\n          setFocusedCellId(null)\n        } else {\n          updateSelection(new Set([cellId]), position)\n          setAnchorCell(position)\n          setFocusedCellId(cellId)\n        }\n      }\n    },\n    [selectedCells, focusedCellId, updateSelection],\n  )\n\n  // Extend the current selection during drag\n  const extendSelection = useCallback(\n    (cellId: CellId, isRowSelectionColumn?: boolean) => {\n      if (!selectionInProgress || !anchorCell) return\n\n      const currentPosition = parseCellId(cellId)\n      if (!currentPosition) return\n\n      if (isRowSelectionColumn) {\n        // Handle row selection column differently during drag\n        setSelectedCells((prev) => {\n          const newSelection = new Set(prev)\n          const position = parseCellId(cellId)\n\n          if (!position) return newSelection\n\n          // We're either selecting or unselecting based on the initial cell's state\n          if (initialCellSelected.current) {\n            // If we started on a selected cell, we're removing cells during drag\n            newSelection.delete(cellId)\n          } else {\n            // If we started on an unselected cell, we're adding cells during drag\n            newSelection.add(cellId)\n          }\n\n          return newSelection\n        })\n      } else {\n        // For normal cells, use the range selection behavior\n        const newSelection = selectCellRange(anchorCell, currentPosition, false)\n        updateSelection(newSelection, currentPosition)\n      }\n    },\n    [selectionInProgress, anchorCell, selectCellRange, updateSelection],\n  )\n\n  // End a selection operation\n  const endSelection = useCallback(() => {\n    setSelectionInProgress(false)\n  }, [])\n\n  // Select a cell (click or programmatically)\n  const selectCell = useCallback(\n    (cellId: CellId, additive: boolean, range: boolean) => {\n      const position = parseCellId(cellId)\n      if (!position) return\n\n      if (range && anchorCell) {\n        // Shift+click for range selection - select cells between anchor and current\n        const newSelection = selectCellRange(anchorCell, position, additive)\n        updateSelection(newSelection, position)\n      } else if (additive) {\n        // Ctrl/Cmd+click for toggling selection\n        setSelectedCells((prev) => {\n          const newSelection = new Set(prev)\n          if (newSelection.has(cellId)) {\n            newSelection.delete(cellId)\n          } else {\n            newSelection.add(cellId)\n          }\n          return newSelection\n        })\n      } else {\n        // Normal click - select just this cell and set as new anchor\n        updateSelection(new Set([cellId]), position)\n        setAnchorCell(position)\n      }\n    },\n    [anchorCell, selectCellRange, updateSelection],\n  )\n\n  // Focus a cell without changing selection\n  const focusCell = useCallback((cellId: CellId | null) => {\n    setFocusedCellId(cellId)\n  }, [])\n\n  // Clear all selections\n  const clearSelection = useCallback(() => {\n    setSelectedCells(new Set())\n    setAnchorCell(null)\n    setFocusedCellId(null)\n  }, [])\n\n  // Check if a cell is selected\n  const isCellSelected = useCallback((cellId: CellId) => selectedCells.has(cellId), [selectedCells])\n\n  // Check if a cell is focused\n  const isCellFocused = useCallback((cellId: CellId) => cellId === focusedCellId, [focusedCellId])\n\n  // Get position from cell ID - using shared utility\n  const getCellPositionFromId = useCallback((cellId: CellId) => parseCellId(cellId), [])\n\n  //  Get border classes for a cell based on its selection state and neighbors\n  const getCellBorderClasses = useCallback(\n    (cellId: CellId): string[] => {\n      if (!isCellSelected(cellId)) return []\n\n      const position = parseCellId(cellId)\n      if (!position) return []\n\n      const rowIndex = stableGridMap.rowIdToIndex.get(position.rowId)\n      const colIndex = stableGridMap.colIdToIndex.get(position.colId)\n\n      if (rowIndex === undefined || colIndex === undefined) return []\n\n      // Check if the cell's neighbors in all four directions are selected\n      const top = stableGridMap.indexToRowId.get(rowIndex - 1)\n      const right = stableGridMap.indexToColId.get(colIndex + 1)\n      const bottom = stableGridMap.indexToRowId.get(rowIndex + 1)\n      const left = stableGridMap.indexToColId.get(colIndex - 1)\n\n      // Default to no borders\n      let borderPos = BorderPosition.None\n\n      // Top edge check: show border if we're at the top of the grid or the cell above is not selected\n      if (!top || !selectedCells.has(getCellId(top, position.colId))) {\n        borderPos |= BorderPosition.Top\n      }\n\n      // Right edge check: show border if we're at the right edge of the grid or the cell to the right is not selected\n      if (!right || !selectedCells.has(getCellId(position.rowId, right))) {\n        borderPos |= BorderPosition.Right\n      }\n\n      // Bottom edge check: show border if we're at the bottom of the grid or the cell below is not selected\n      if (!bottom || !selectedCells.has(getCellId(bottom, position.colId))) {\n        borderPos |= BorderPosition.Bottom\n      }\n\n      // Left edge check: show border if we're at the left edge of the grid or the cell to the left is not selected\n      if (!left || !selectedCells.has(getCellId(position.rowId, left))) {\n        borderPos |= BorderPosition.Left\n      }\n\n      return getBorderClasses(borderPos)\n    },\n    [selectedCells, stableGridMap, isCellSelected],\n  )\n\n  // Memoize context value to prevent unnecessary re-renders\n  const value = useMemo(\n    () => ({\n      selectedCells,\n      selectedRows,\n      focusedCellId,\n      selectionInProgress,\n      anchorCell,\n      gridMap: stableGridMap,\n      setSelectedCells,\n      setFocusedCellId,\n      setAnchorCell,\n      registerGrid,\n      selectCell,\n      startSelection,\n      extendSelection,\n      endSelection,\n      focusCell,\n      clearSelection,\n      isCellSelected,\n      isCellFocused,\n      getCellPositionFromId,\n      getCellBorderClasses,\n    }),\n    [\n      selectedCells,\n      selectedRows,\n      focusedCellId,\n      selectionInProgress,\n      anchorCell,\n      stableGridMap,\n      setSelectedCells,\n      setFocusedCellId,\n      setAnchorCell,\n      registerGrid,\n      selectCell,\n      startSelection,\n      extendSelection,\n      endSelection,\n      focusCell,\n      clearSelection,\n      isCellSelected,\n      isCellFocused,\n      getCellPositionFromId,\n      getCellBorderClasses,\n    ],\n  )\n\n  return <SelectionCellsContext.Provider value={value}>{children}</SelectionCellsContext.Provider>\n}\n"],"names":["useState","useMemo","useRef","parseCellId","ROW_SELECTION_COLUMN_ID","useCallback","DRAG_HANDLE_COLUMN_ID","getCellId","BorderPosition","getBorderClasses","jsx","SelectionCellsContext"],"mappings":"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"}