@ynput/ayon-frontend-shared 0.2.16 → 0.2.17

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

@@ -0,0 +1,84 @@
+import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
+import { useRef, useMemo, useCallback } from "react";
+import { useSelectionCellsContext, ROW_SELECTION_COLUMN_ID } from "./SelectionCellsContext.es.js";
+import { parseCellId, getCellId } from "../utils/cellUtils.es.js";
+import { SelectedRowsContext } from "./SelectedRowsContext.es.js";
+const SelectedRowsProvider = ({ children }) => {
+  const { selectedCells, gridMap, setSelectedCells, setFocusedCellId, setAnchorCell } = useSelectionCellsContext();
+  const prevSelectedRowsRef = useRef([]);
+  const currentSelectedRows = 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 selectedRows = useMemo(() => {
+    const sortedCurrent = [...currentSelectedRows].sort();
+    const sortedPrev = [...prevSelectedRowsRef.current].sort();
+    const hasChanged = sortedCurrent.length !== sortedPrev.length || sortedCurrent.some((id, index) => id !== sortedPrev[index]);
+    if (hasChanged) {
+      prevSelectedRowsRef.current = currentSelectedRows;
+      return currentSelectedRows;
+    }
+    return prevSelectedRowsRef.current;
+  }, [currentSelectedRows]);
+  const selectAllRows = useCallback(() => {
+    const allRowIds = Array.from(gridMap.rowIdToIndex.keys());
+    const newSelection = /* @__PURE__ */ new Set();
+    allRowIds.forEach((rowId) => {
+      newSelection.add(getCellId(rowId, ROW_SELECTION_COLUMN_ID));
+    });
+    setSelectedCells(newSelection);
+    if (allRowIds.length > 0) {
+      const firstCellId = getCellId(allRowIds[0], ROW_SELECTION_COLUMN_ID);
+      setFocusedCellId(firstCellId);
+      setAnchorCell(parseCellId(firstCellId));
+    }
+  }, [gridMap]);
+  const clearRowsSelection = useCallback(() => {
+    setSelectedCells((prev) => {
+      const newSelection = new Set(prev);
+      Array.from(newSelection).forEach((cellId) => {
+        var _a;
+        if (((_a = parseCellId(cellId)) == null ? void 0 : _a.colId) === ROW_SELECTION_COLUMN_ID) {
+          newSelection.delete(cellId);
+        }
+      });
+      return newSelection;
+    });
+  }, [setSelectedCells]);
+  const isRowSelected = useCallback(
+    (rowId) => {
+      return selectedRows.includes(rowId);
+    },
+    [selectedRows]
+  );
+  const areAllRowsSelected = useCallback(() => {
+    const totalRows = gridMap.rowIdToIndex.size;
+    return totalRows > 0 && selectedRows.length === totalRows;
+  }, [gridMap, selectedRows]);
+  const areSomeRowsSelected = useCallback(() => {
+    return selectedRows.length > 0 && !areAllRowsSelected();
+  }, [selectedRows, areAllRowsSelected]);
+  const value = useMemo(() => {
+    return {
+      selectedRows,
+      selectAllRows,
+      clearRowsSelection,
+      isRowSelected,
+      areAllRowsSelected,
+      areSomeRowsSelected
+    };
+  }, [selectedRows, selectAllRows, areAllRowsSelected, areSomeRowsSelected, clearRowsSelection]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectedRowsContext.Provider, { value, children });
+};
+export {
+  SelectedRowsProvider
+};
+//# sourceMappingURL=SelectedRowsProvider.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedRowsProvider.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/SelectedRowsProvider.tsx"],"sourcesContent":["import { ReactNode, useCallback, useMemo, useRef } from 'react'\nimport { ROW_SELECTION_COLUMN_ID, useSelectionCellsContext } from './SelectionCellsContext'\nimport { CellId, getCellId, parseCellId, RowId } from '../utils/cellUtils'\nimport { SelectedRowsContext } from './SelectedRowsContext'\n\ninterface SelectedRowsProviderProps {\n  children: ReactNode\n}\n\nexport const SelectedRowsProvider = ({ children }: SelectedRowsProviderProps) => {\n  const { selectedCells, gridMap, setSelectedCells, setFocusedCellId, setAnchorCell } =\n    useSelectionCellsContext()\n  const prevSelectedRowsRef = useRef<string[]>([])\n\n  // Calculate the current selected rows\n  const currentSelectedRows = 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  // Memoize the selected rows with a stable reference\n  const selectedRows = useMemo(() => {\n    // Sort for consistent comparison\n    const sortedCurrent = [...currentSelectedRows].sort()\n    const sortedPrev = [...prevSelectedRowsRef.current].sort()\n\n    // Check if the arrays are different\n    const hasChanged =\n      sortedCurrent.length !== sortedPrev.length ||\n      sortedCurrent.some((id, index) => id !== sortedPrev[index])\n\n    // Update ref and return new array only if changed\n    if (hasChanged) {\n      prevSelectedRowsRef.current = currentSelectedRows\n      return currentSelectedRows\n    }\n\n    // Return the previous reference if no change\n    return prevSelectedRowsRef.current\n  }, [currentSelectedRows])\n\n  // Select all rows in the grid\n  const selectAllRows = useCallback(() => {\n    const allRowIds = Array.from(gridMap.rowIdToIndex.keys())\n    const newSelection = new Set<CellId>()\n\n    // Create cells for each row with the row selection column ID\n    allRowIds.forEach((rowId) => {\n      newSelection.add(getCellId(rowId, ROW_SELECTION_COLUMN_ID))\n    })\n\n    setSelectedCells(newSelection)\n    // If there are rows, set focus to the first one\n    if (allRowIds.length > 0) {\n      const firstCellId = getCellId(allRowIds[0], ROW_SELECTION_COLUMN_ID)\n      setFocusedCellId(firstCellId)\n      setAnchorCell(parseCellId(firstCellId))\n    }\n  }, [gridMap])\n\n  // clear rows selection\n  const clearRowsSelection = useCallback(() => {\n    setSelectedCells((prev) => {\n      const newSelection = new Set(prev)\n      Array.from(newSelection).forEach((cellId) => {\n        if (parseCellId(cellId)?.colId === ROW_SELECTION_COLUMN_ID) {\n          newSelection.delete(cellId)\n        }\n      })\n      return newSelection\n    })\n  }, [setSelectedCells])\n\n  // check if a row is selected (using selectedRows array)\n  const isRowSelected = useCallback(\n    (rowId: RowId) => {\n      return selectedRows.includes(rowId)\n    },\n    [selectedRows],\n  )\n\n  // Check if all rows are selected\n  const areAllRowsSelected = useCallback(() => {\n    const totalRows = gridMap.rowIdToIndex.size\n    return totalRows > 0 && selectedRows.length === totalRows\n  }, [gridMap, selectedRows])\n\n  // Check if some but not all rows are selected\n  const areSomeRowsSelected = useCallback(() => {\n    return selectedRows.length > 0 && !areAllRowsSelected()\n  }, [selectedRows, areAllRowsSelected])\n\n  const value = useMemo(() => {\n    return {\n      selectedRows,\n      selectAllRows,\n      clearRowsSelection,\n      isRowSelected,\n      areAllRowsSelected,\n      areSomeRowsSelected,\n    }\n  }, [selectedRows, selectAllRows, areAllRowsSelected, areSomeRowsSelected, clearRowsSelection])\n\n  return <SelectedRowsContext.Provider value={value}>{children}</SelectedRowsContext.Provider>\n}\n"],"names":["jsx"],"mappings":";;;;;AASO,MAAM,uBAAuB,CAAC,EAAE,eAA0C;AAC/E,QAAM,EAAE,eAAe,SAAS,kBAAkB,kBAAkB,kBAClE,yBAAyB;AACrB,QAAA,sBAAsB,OAAiB,EAAE;AAG/C,QAAM,sBAAsB;AAAA,IAC1B,MACE,MAAM,KAAK,aAAa,EACrB;AAAA,MACC,CAAC;;AACC,kCAAY,MAAM,MAAlB,mBAAqB,WAAU,6BAA2B,iBAAY,MAAM,MAAlB,mBAAqB;AAAA;AAAA,IAAA,EAElF,IAAI,CAAC;;AAAW,+BAAY,MAAM,MAAlB,mBAAqB;AAAA,KAAK;AAAA,IAC/C,CAAC,aAAa;AAAA,EAChB;AAGM,QAAA,eAAe,QAAQ,MAAM;AAEjC,UAAM,gBAAgB,CAAC,GAAG,mBAAmB,EAAE,KAAK;AACpD,UAAM,aAAa,CAAC,GAAG,oBAAoB,OAAO,EAAE,KAAK;AAGzD,UAAM,aACJ,cAAc,WAAW,WAAW,UACpC,cAAc,KAAK,CAAC,IAAI,UAAU,OAAO,WAAW,KAAK,CAAC;AAG5D,QAAI,YAAY;AACd,0BAAoB,UAAU;AACvB,aAAA;AAAA,IAAA;AAIT,WAAO,oBAAoB;AAAA,EAAA,GAC1B,CAAC,mBAAmB,CAAC;AAGlB,QAAA,gBAAgB,YAAY,MAAM;AACtC,UAAM,YAAY,MAAM,KAAK,QAAQ,aAAa,MAAM;AAClD,UAAA,mCAAmB,IAAY;AAG3B,cAAA,QAAQ,CAAC,UAAU;AAC3B,mBAAa,IAAI,UAAU,OAAO,uBAAuB,CAAC;AAAA,IAAA,CAC3D;AAED,qBAAiB,YAAY;AAEzB,QAAA,UAAU,SAAS,GAAG;AACxB,YAAM,cAAc,UAAU,UAAU,CAAC,GAAG,uBAAuB;AACnE,uBAAiB,WAAW;AACd,oBAAA,YAAY,WAAW,CAAC;AAAA,IAAA;AAAA,EACxC,GACC,CAAC,OAAO,CAAC;AAGN,QAAA,qBAAqB,YAAY,MAAM;AAC3C,qBAAiB,CAAC,SAAS;AACnB,YAAA,eAAe,IAAI,IAAI,IAAI;AACjC,YAAM,KAAK,YAAY,EAAE,QAAQ,CAAC,WAAW;;AAC3C,cAAI,iBAAY,MAAM,MAAlB,mBAAqB,WAAU,yBAAyB;AAC1D,uBAAa,OAAO,MAAM;AAAA,QAAA;AAAA,MAC5B,CACD;AACM,aAAA;AAAA,IAAA,CACR;AAAA,EAAA,GACA,CAAC,gBAAgB,CAAC;AAGrB,QAAM,gBAAgB;AAAA,IACpB,CAAC,UAAiB;AACT,aAAA,aAAa,SAAS,KAAK;AAAA,IACpC;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAGM,QAAA,qBAAqB,YAAY,MAAM;AACrC,UAAA,YAAY,QAAQ,aAAa;AAChC,WAAA,YAAY,KAAK,aAAa,WAAW;AAAA,EAAA,GAC/C,CAAC,SAAS,YAAY,CAAC;AAGpB,QAAA,sBAAsB,YAAY,MAAM;AAC5C,WAAO,aAAa,SAAS,KAAK,CAAC,mBAAmB;AAAA,EAAA,GACrD,CAAC,cAAc,kBAAkB,CAAC;AAE/B,QAAA,QAAQ,QAAQ,MAAM;AACnB,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EAAA,GACC,CAAC,cAAc,eAAe,oBAAoB,qBAAqB,kBAAkB,CAAC;AAE7F,SAAQA,kCAAAA,IAAA,oBAAoB,UAApB,EAA6B,OAAe,SAAS,CAAA;AAC/D;"}

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

@@ -1,284 +1,8 @@
 "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 ROW_SELECTION_COLUMN_ID = "__row_selection__";
 const SelectionCellsContext = React.createContext(void 0);
-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) === 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 !== 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) === 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]
-  );
-  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) && [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 = 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]
-  );
-  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]
-  );
-  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.Provider, { value, children });
-};
 const useSelectionCellsContext = () => {
   const context = React.useContext(SelectionCellsContext);
   if (context === void 0) {
@@ -287,6 +11,6 @@ const useSelectionCellsContext = () => {
   return context;
 };
 exports.ROW_SELECTION_COLUMN_ID = ROW_SELECTION_COLUMN_ID;
-exports.SelectionCellsProvider = SelectionCellsProvider;
+exports.SelectionCellsContext = SelectionCellsContext;
 exports.useSelectionCellsContext = useSelectionCellsContext;
 //# sourceMappingURL=SelectionCellsContext.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectionCellsContext.cjs.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":["createContext","useState","useMemo","useRef","parseCellId","useCallback","DRAG_HANDLE_COLUMN_ID","getCellId","BorderPosition","getBorderClasses","jsx","useContext"],"mappings":"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"}
+{"version":3,"file":"SelectionCellsContext.cjs.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":["createContext","useContext"],"mappings":";;;AAQO,MAAM,0BAA0B;AA2C1B,MAAA,wBAAwBA,oBAAqD,MAAS;AAE5F,MAAM,2BAA2B,MAAiC;AACjE,QAAA,UAAUC,iBAAW,qBAAqB;AAChD,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,uEAAuE;AAAA,EAAA;AAElF,SAAA;AACT;;;;"}