grid-cell-selection 1.0.5 → 1.0.6

package/README.md

@@ -58,14 +58,21 @@ function App() {
 
 ```tsx
 function App() {
-  const columns = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L"];
-  const rows = 20;
+  const columns = ["A", "B", "C", "D", "E", "F", "G"];
+  const rows = 100;
 
   const { isCellSelected, handleMouseDown, handleMouseEnter, handleMouseUp, handleTouchMove, handleTouchStart } =
-    useGridCellSelection();
+    useGridCellSelection({
+      options: { allowYScrollSelection: true, clearSelectionOnScroll: true, scrollThreshold: 100 },
+    });
 
   return (
-    <table onMouseUp={handleMouseUp} onTouchMove={handleTouchMove} style={{ touchAction: "none" }}>
+    <table
+      onMouseUp={handleMouseUp}
+      onTouchMove={handleTouchMove}
+      onTouchEnd={handleMouseUp}
+      style={{ touchAction: "none" }}
+    >
       <tbody>
         {Array.from({ length: rows }, (_, row) => (
           <tr key={row}>
@@ -92,6 +99,13 @@ function App() {
 }
 ```
 
+```
+Options:
+- allowYScrollSelection: boolean - Whether to allow vertical scrolling selection
+- clearSelectionOnScroll: boolean - Whether to clear the selection when the user scrolls
+- scrollThreshold: number - The number of pixels the user must scroll before the selection is cleared
+```
+
 ## Cell Selection Behavior
 
 ### Single Cell Selection

package/dist/hooks/useCellSelection.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
-import { CellIdentifier } from "../types";
-export declare const useGridCellSelection: (allCells?: CellIdentifier[]) => {
+import { CellIdentifier, SelectionOptions } from "../types";
+export declare const useGridCellSelection: ({ allCells, options, }: {
+    allCells?: CellIdentifier[] | undefined;
+    options?: SelectionOptions | undefined;
+}) => {
     selectedCells: Map<string, CellIdentifier>;
     isCellSelected: (cell: CellIdentifier) => boolean;
     handleMouseDown: (cell: CellIdentifier, event: import("react").MouseEvent<Element, MouseEvent> | import("react").TouchEvent<Element>) => void;

package/dist/hooks/useMouseDragSelection.d.ts

@@ -1,5 +1,5 @@
-import { CellIdentifier } from "../types";
-export declare const useMouseDragSelection: (toggleCellSelection: (cell: CellIdentifier, ctrlKey: boolean, shiftKey: boolean, newSelection: boolean) => void) => {
+import { CellIdentifier, SelectionOptions } from "../types";
+export declare const useMouseDragSelection: (toggleCellSelection: (cell: CellIdentifier, ctrlKey: boolean, shiftKey: boolean, newSelection: boolean) => void, resetSelection: () => void, options: SelectionOptions) => {
     handleMouseDown: (cell: CellIdentifier, event: React.MouseEvent | React.TouchEvent) => void;
     handleMouseEnter: (cell: CellIdentifier, event: React.MouseEvent | React.TouchEvent) => void;
     handleMouseUp: () => void;

package/dist/index.esm.js

@@ -31,27 +31,43 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var useMouseDragSelection = function (toggleCellSelection) {
+var useMouseDragSelection = function (toggleCellSelection, resetSelection, options) {
     var _a = useState(false), isDragging = _a[0], setIsDragging = _a[1];
-    var touchMoveTriggeredRef = useRef({});
+    var selectionStartScrollY = useRef(null);
+    var initialCellRef = useRef(null);
     var handleTouchStart = function (cell, event) {
         setIsDragging(true);
+        initialCellRef.current = cell;
+        selectionStartScrollY.current = window.scrollY;
         toggleCellSelection(cell, event.ctrlKey || event.metaKey, event.shiftKey, true);
     };
     var handleMouseEnter = function (cell, event) {
         if (isDragging) {
+            // Check if the user is dragging vertically
+            var isDraggingVertically = initialCellRef.current && cell.row !== initialCellRef.current.row;
+            // If the user is dragging vertically, prevent the selection
+            if (!options.allowYScrollSelection && isDraggingVertically) {
+                return;
+            }
             toggleCellSelection(cell, event.ctrlKey || event.metaKey, event.shiftKey, false);
         }
     };
     var handleMouseDown = function (cell, event) {
         if (!isDragging) {
             setIsDragging(true);
+            initialCellRef.current = cell;
             toggleCellSelection(cell, event.ctrlKey || event.metaKey, event.shiftKey, true);
         }
     };
     var handleMouseUp = function () {
         setIsDragging(false);
-        touchMoveTriggeredRef.current = {};
+        if (selectionStartScrollY.current !== null && options.clearSelectionOnScroll) {
+            console.log("scrollY", window.scrollY, "selectionStartScrollY", selectionStartScrollY.current);
+            if (Math.abs(window.scrollY - selectionStartScrollY.current) > options.scrollThreshold) {
+                resetSelection();
+            }
+        }
+        selectionStartScrollY.current = null;
     };
     return {
         handleMouseDown: handleMouseDown,
@@ -64,10 +80,15 @@ var useMouseDragSelection = function (toggleCellSelection) {
 var getCellKey = function (cell) {
     return "".concat(cell.row, "-").concat(cell.col);
 };
-var useGridCellSelection = function (allCells) {
-    var _a = useState({
+var useGridCellSelection = function (_a) {
+    var allCells = _a.allCells, _b = _a.options, options = _b === void 0 ? {
+        allowYScrollSelection: true,
+        clearSelectionOnScroll: false,
+        scrollThreshold: 100,
+    } : _b;
+    var _c = useState({
         selectedCells: new Map(),
-    }), selectionState = _a[0], setSelectionState = _a[1];
+    }), selectionState = _c[0], setSelectionState = _c[1];
     var toggleCellSelection = function (cell, ctrlKey, shiftKey, newSelection) {
         if (ctrlKey === void 0) { ctrlKey = false; }
         if (shiftKey === void 0) { shiftKey = false; }
@@ -115,7 +136,7 @@ var useGridCellSelection = function (allCells) {
             }
         }
     }, [selectionState.selectedCells]);
-    var _b = useMouseDragSelection(toggleCellSelection), handleMouseDown = _b.handleMouseDown, handleMouseEnter = _b.handleMouseEnter, handleMouseUp = _b.handleMouseUp, handleTouchStart = _b.handleTouchStart;
+    var _d = useMouseDragSelection(toggleCellSelection, resetSelection, options), handleMouseDown = _d.handleMouseDown, handleMouseEnter = _d.handleMouseEnter, handleMouseUp = _d.handleMouseUp, handleTouchStart = _d.handleTouchStart;
     return {
         selectedCells: selectionState.selectedCells,
         isCellSelected: isCellSelected,

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/hooks/useMouseDragSelection.ts","../src/hooks/useCellSelection.ts"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport { CellIdentifier } from \"../types\";\n\nexport const useMouseDragSelection = (\n  toggleCellSelection: (cell: CellIdentifier, ctrlKey: boolean, shiftKey: boolean, newSelection: boolean) => void\n) => {\n  const [isDragging, setIsDragging] = useState(false);\n  const touchMoveTriggeredRef = useRef<Record<string, boolean>>({});\n\n  const handleTouchStart = (cell: CellIdentifier, event: React.TouchEvent) => {\n    setIsDragging(true);\n    toggleCellSelection(cell, event.ctrlKey || event.metaKey, event.shiftKey, true);\n  };\n\n  const handleMouseEnter = (cell: CellIdentifier, event: React.MouseEvent | React.TouchEvent) => {\n    if (isDragging) {\n      toggleCellSelection(cell, event.ctrlKey || event.metaKey, event.shiftKey, false);\n    }\n  };\n\n  const handleMouseDown = (cell: CellIdentifier, event: React.MouseEvent | React.TouchEvent) => {\n    if (!isDragging) {\n      setIsDragging(true);\n      toggleCellSelection(cell, event.ctrlKey || event.metaKey, event.shiftKey, true);\n    }\n  };\n\n  const handleMouseUp = () => {\n    setIsDragging(false);\n    touchMoveTriggeredRef.current = {};\n  };\n\n  return {\n    handleMouseDown,\n    handleMouseEnter,\n    handleMouseUp,\n    handleTouchStart,\n  };\n};\n","import { useCallback, useState } from \"react\";\nimport { CellIdentifier, SelectionState } from \"../types\";\nimport { useMouseDragSelection } from \"./useMouseDragSelection\";\n\nconst getCellKey = (cell: Omit<CellIdentifier, \"id\">): string => {\n  return `${cell.row}-${cell.col}`;\n};\n\nexport const useGridCellSelection = (allCells?: CellIdentifier[]) => {\n  const [selectionState, setSelectionState] = useState<SelectionState>({\n    selectedCells: new Map<string, CellIdentifier>(),\n  });\n\n  const toggleCellSelection = (cell: CellIdentifier, ctrlKey = false, shiftKey = false, newSelection = false) => {\n    setSelectionState((prevState) => {\n      const selectedCells = new Map(prevState.selectedCells);\n      const cellKey = getCellKey(cell);\n\n      if (prevState.startCell && !newSelection) {\n        handleRangeSelection(selectedCells, prevState.startCell, cell, allCells);\n      } else if ((shiftKey || ctrlKey) && newSelection) {\n        handleSingleOrMultipleSelection(selectedCells, cellKey, cell);\n      } else {\n        if (selectedCells.has(cellKey)) {\n          selectedCells.clear();\n        } else {\n          selectedCells.clear();\n          selectedCells.set(cellKey, cell);\n        }\n      }\n\n      return {\n        ...prevState,\n        selectedCells,\n        startCell: newSelection ? cell : prevState.startCell,\n      };\n    });\n  };\n\n  const isCellSelected = (cell: CellIdentifier) => {\n    return selectionState.selectedCells.has(getCellKey(cell));\n  };\n\n  const resetSelection = () => {\n    setSelectionState({ selectedCells: new Map<string, CellIdentifier>() });\n  };\n\n  const handleTouchMove = useCallback(\n    (event: React.TouchEvent) => {\n      // Get the touch point\n      console.log(\"selectedCells\", selectionState.selectedCells);\n      if (selectionState.selectedCells.size > 0) {\n        const touch = event.touches[0];\n        const target = document.elementFromPoint(touch.clientX, touch.clientY);\n        // Get closest cell\n        const closest = target?.closest(\"[data-cell-id]\");\n        const cellId = closest?.getAttribute(\"data-cell-id\");\n        const cellRow = closest?.getAttribute(\"data-cell-row\");\n        const cellCol = closest?.getAttribute(\"data-cell-col\");\n        if (cellId && cellRow && cellCol && !selectionState.selectedCells.has(cellId)) {\n          handleMouseEnter({ id: cellId, row: parseInt(cellRow), col: parseInt(cellCol) }, event);\n        }\n      }\n    },\n    [selectionState.selectedCells]\n  );\n\n  const { handleMouseDown, handleMouseEnter, handleMouseUp, handleTouchStart } =\n    useMouseDragSelection(toggleCellSelection);\n\n  return {\n    selectedCells: selectionState.selectedCells,\n    isCellSelected,\n    handleMouseDown,\n    handleMouseEnter,\n    handleMouseUp,\n    handleTouchMove,\n    handleTouchStart,\n    resetSelection,\n  };\n};\n\n// Updated helper functions\nfunction handleRangeSelection(\n  selectedCells: Map<string, CellIdentifier>,\n  startCell: CellIdentifier,\n  endCell: CellIdentifier,\n  allCells?: CellIdentifier[]\n) {\n  const action = selectedCells.has(getCellKey(startCell)) ? \"set\" : \"delete\";\n  const [startRow, startCol] = [startCell.row, startCell.col];\n  const [endRow, endCol] = [endCell.row, endCell.col];\n\n  const minRow = Math.min(startRow, endRow);\n  const maxRow = Math.max(startRow, endRow);\n  const minCol = Math.min(startCol, endCol);\n  const maxCol = Math.max(startCol, endCol);\n\n  for (let row = minRow; row <= maxRow; row++) {\n    for (let col = minCol; col <= maxCol; col++) {\n      const cellKey = getCellKey({ row, col });\n      if (action === \"set\") {\n        if (allCells) {\n          const cell = allCells.find((c) => c.row === row && c.col === col);\n          cell && selectedCells.set(cellKey, cell);\n        } else {\n          selectedCells.set(cellKey, { id: cellKey, row, col });\n        }\n      } else {\n        selectedCells.delete(cellKey);\n      }\n    }\n  }\n}\n\nfunction handleSingleOrMultipleSelection(\n  selectedCells: Map<string, CellIdentifier>,\n  cellKey: string,\n  cell: CellIdentifier\n) {\n  if (selectedCells.has(cellKey)) {\n    selectedCells.delete(cellKey);\n  } else {\n    selectedCells.set(cellKey, cell);\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/hooks/useMouseDragSelection.ts","../src/hooks/useCellSelection.ts"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport { CellIdentifier, SelectionOptions } from \"../types\";\n\nexport const useMouseDragSelection = (\n  toggleCellSelection: (cell: CellIdentifier, ctrlKey: boolean, shiftKey: boolean, newSelection: boolean) => void,\n  resetSelection: () => void,\n  options: SelectionOptions\n) => {\n  const [isDragging, setIsDragging] = useState(false);\n\n  const selectionStartScrollY = useRef<number | null>(null);\n  const initialCellRef = useRef<CellIdentifier | null>(null);\n\n  const handleTouchStart = (cell: CellIdentifier, event: React.TouchEvent) => {\n    setIsDragging(true);\n    initialCellRef.current = cell;\n    selectionStartScrollY.current = window.scrollY;\n    toggleCellSelection(cell, event.ctrlKey || event.metaKey, event.shiftKey, true);\n  };\n\n  const handleMouseEnter = (cell: CellIdentifier, event: React.MouseEvent | React.TouchEvent) => {\n    if (isDragging) {\n      // Check if the user is dragging vertically\n      const isDraggingVertically = initialCellRef.current && cell.row !== initialCellRef.current.row;\n\n      // If the user is dragging vertically, prevent the selection\n      if (!options.allowYScrollSelection && isDraggingVertically) {\n        return;\n      }\n\n      toggleCellSelection(cell, event.ctrlKey || event.metaKey, event.shiftKey, false);\n    }\n  };\n\n  const handleMouseDown = (cell: CellIdentifier, event: React.MouseEvent | React.TouchEvent) => {\n    if (!isDragging) {\n      setIsDragging(true);\n      initialCellRef.current = cell;\n      toggleCellSelection(cell, event.ctrlKey || event.metaKey, event.shiftKey, true);\n    }\n  };\n\n  const handleMouseUp = () => {\n    setIsDragging(false);\n    if (selectionStartScrollY.current !== null && options.clearSelectionOnScroll) {\n      console.log(\"scrollY\", window.scrollY, \"selectionStartScrollY\", selectionStartScrollY.current);\n      if (Math.abs(window.scrollY - selectionStartScrollY.current) > options.scrollThreshold) {\n        resetSelection();\n      }\n    }\n    selectionStartScrollY.current = null;\n  };\n\n  return {\n    handleMouseDown,\n    handleMouseEnter,\n    handleMouseUp,\n    handleTouchStart,\n  };\n};\n","import { useCallback, useState } from \"react\";\nimport { CellIdentifier, SelectionOptions, SelectionState } from \"../types\";\nimport { useMouseDragSelection } from \"./useMouseDragSelection\";\n\nconst getCellKey = (cell: Omit<CellIdentifier, \"id\">): string => {\n  return `${cell.row}-${cell.col}`;\n};\n\nexport const useGridCellSelection = ({\n  allCells,\n  options = {\n    allowYScrollSelection: true,\n    clearSelectionOnScroll: false,\n    scrollThreshold: 100,\n  },\n}: {\n  allCells?: CellIdentifier[];\n  options?: SelectionOptions;\n}) => {\n  const [selectionState, setSelectionState] = useState<SelectionState>({\n    selectedCells: new Map<string, CellIdentifier>(),\n  });\n\n  const toggleCellSelection = (cell: CellIdentifier, ctrlKey = false, shiftKey = false, newSelection = false) => {\n    setSelectionState((prevState) => {\n      const selectedCells = new Map(prevState.selectedCells);\n      const cellKey = getCellKey(cell);\n\n      if (prevState.startCell && !newSelection) {\n        handleRangeSelection(selectedCells, prevState.startCell, cell, allCells);\n      } else if ((shiftKey || ctrlKey) && newSelection) {\n        handleSingleOrMultipleSelection(selectedCells, cellKey, cell);\n      } else {\n        if (selectedCells.has(cellKey)) {\n          selectedCells.clear();\n        } else {\n          selectedCells.clear();\n          selectedCells.set(cellKey, cell);\n        }\n      }\n\n      return {\n        ...prevState,\n        selectedCells,\n        startCell: newSelection ? cell : prevState.startCell,\n      };\n    });\n  };\n\n  const isCellSelected = (cell: CellIdentifier) => {\n    return selectionState.selectedCells.has(getCellKey(cell));\n  };\n\n  const resetSelection = () => {\n    setSelectionState({ selectedCells: new Map<string, CellIdentifier>() });\n  };\n\n  const handleTouchMove = useCallback(\n    (event: React.TouchEvent) => {\n      // Get the touch point\n      console.log(\"selectedCells\", selectionState.selectedCells);\n      if (selectionState.selectedCells.size > 0) {\n        const touch = event.touches[0];\n        const target = document.elementFromPoint(touch.clientX, touch.clientY);\n        // Get closest cell\n        const closest = target?.closest(\"[data-cell-id]\");\n        const cellId = closest?.getAttribute(\"data-cell-id\");\n        const cellRow = closest?.getAttribute(\"data-cell-row\");\n        const cellCol = closest?.getAttribute(\"data-cell-col\");\n        if (cellId && cellRow && cellCol && !selectionState.selectedCells.has(cellId)) {\n          handleMouseEnter({ id: cellId, row: parseInt(cellRow), col: parseInt(cellCol) }, event);\n        }\n      }\n    },\n    [selectionState.selectedCells]\n  );\n\n  const { handleMouseDown, handleMouseEnter, handleMouseUp, handleTouchStart } = useMouseDragSelection(\n    toggleCellSelection,\n    resetSelection,\n    options\n  );\n\n  return {\n    selectedCells: selectionState.selectedCells,\n    isCellSelected,\n    handleMouseDown,\n    handleMouseEnter,\n    handleMouseUp,\n    handleTouchMove,\n    handleTouchStart,\n    resetSelection,\n  };\n};\n\n// Updated helper functions\nfunction handleRangeSelection(\n  selectedCells: Map<string, CellIdentifier>,\n  startCell: CellIdentifier,\n  endCell: CellIdentifier,\n  allCells?: CellIdentifier[]\n) {\n  const action = selectedCells.has(getCellKey(startCell)) ? \"set\" : \"delete\";\n  const [startRow, startCol] = [startCell.row, startCell.col];\n  const [endRow, endCol] = [endCell.row, endCell.col];\n\n  const minRow = Math.min(startRow, endRow);\n  const maxRow = Math.max(startRow, endRow);\n  const minCol = Math.min(startCol, endCol);\n  const maxCol = Math.max(startCol, endCol);\n\n  for (let row = minRow; row <= maxRow; row++) {\n    for (let col = minCol; col <= maxCol; col++) {\n      const cellKey = getCellKey({ row, col });\n      if (action === \"set\") {\n        if (allCells) {\n          const cell = allCells.find((c) => c.row === row && c.col === col);\n          cell && selectedCells.set(cellKey, cell);\n        } else {\n          selectedCells.set(cellKey, { id: cellKey, row, col });\n        }\n      } else {\n        selectedCells.delete(cellKey);\n      }\n    }\n  }\n}\n\nfunction handleSingleOrMultipleSelection(\n  selectedCells: Map<string, CellIdentifier>,\n  cellKey: string,\n  cell: CellIdentifier\n) {\n  if (selectedCells.has(cellKey)) {\n    selectedCells.delete(cellKey);\n  } else {\n    selectedCells.set(cellKey, cell);\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -35,27 +35,43 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var useMouseDragSelection = function (toggleCellSelection) {
+var useMouseDragSelection = function (toggleCellSelection, resetSelection, options) {
     var _a = react.useState(false), isDragging = _a[0], setIsDragging = _a[1];
-    var touchMoveTriggeredRef = react.useRef({});
+    var selectionStartScrollY = react.useRef(null);
+    var initialCellRef = react.useRef(null);
     var handleTouchStart = function (cell, event) {
         setIsDragging(true);
+        initialCellRef.current = cell;
+        selectionStartScrollY.current = window.scrollY;
         toggleCellSelection(cell, event.ctrlKey || event.metaKey, event.shiftKey, true);
     };
     var handleMouseEnter = function (cell, event) {
         if (isDragging) {
+            // Check if the user is dragging vertically
+            var isDraggingVertically = initialCellRef.current && cell.row !== initialCellRef.current.row;
+            // If the user is dragging vertically, prevent the selection
+            if (!options.allowYScrollSelection && isDraggingVertically) {
+                return;
+            }
             toggleCellSelection(cell, event.ctrlKey || event.metaKey, event.shiftKey, false);
         }
     };
     var handleMouseDown = function (cell, event) {
         if (!isDragging) {
             setIsDragging(true);
+            initialCellRef.current = cell;
             toggleCellSelection(cell, event.ctrlKey || event.metaKey, event.shiftKey, true);
         }
     };
     var handleMouseUp = function () {
         setIsDragging(false);
-        touchMoveTriggeredRef.current = {};
+        if (selectionStartScrollY.current !== null && options.clearSelectionOnScroll) {
+            console.log("scrollY", window.scrollY, "selectionStartScrollY", selectionStartScrollY.current);
+            if (Math.abs(window.scrollY - selectionStartScrollY.current) > options.scrollThreshold) {
+                resetSelection();
+            }
+        }
+        selectionStartScrollY.current = null;
     };
     return {
         handleMouseDown: handleMouseDown,
@@ -68,10 +84,15 @@ var useMouseDragSelection = function (toggleCellSelection) {
 var getCellKey = function (cell) {
     return "".concat(cell.row, "-").concat(cell.col);
 };
-var useGridCellSelection = function (allCells) {
-    var _a = react.useState({
+var useGridCellSelection = function (_a) {
+    var allCells = _a.allCells, _b = _a.options, options = _b === void 0 ? {
+        allowYScrollSelection: true,
+        clearSelectionOnScroll: false,
+        scrollThreshold: 100,
+    } : _b;
+    var _c = react.useState({
         selectedCells: new Map(),
-    }), selectionState = _a[0], setSelectionState = _a[1];
+    }), selectionState = _c[0], setSelectionState = _c[1];
     var toggleCellSelection = function (cell, ctrlKey, shiftKey, newSelection) {
         if (ctrlKey === void 0) { ctrlKey = false; }
         if (shiftKey === void 0) { shiftKey = false; }
@@ -119,7 +140,7 @@ var useGridCellSelection = function (allCells) {
             }
         }
     }, [selectionState.selectedCells]);
-    var _b = useMouseDragSelection(toggleCellSelection), handleMouseDown = _b.handleMouseDown, handleMouseEnter = _b.handleMouseEnter, handleMouseUp = _b.handleMouseUp, handleTouchStart = _b.handleTouchStart;
+    var _d = useMouseDragSelection(toggleCellSelection, resetSelection, options), handleMouseDown = _d.handleMouseDown, handleMouseEnter = _d.handleMouseEnter, handleMouseUp = _d.handleMouseUp, handleTouchStart = _d.handleTouchStart;
     return {
         selectedCells: selectionState.selectedCells,
         isCellSelected: isCellSelected,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/hooks/useMouseDragSelection.ts","../src/hooks/useCellSelection.ts"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport { CellIdentifier } from \"../types\";\n\nexport const useMouseDragSelection = (\n  toggleCellSelection: (cell: CellIdentifier, ctrlKey: boolean, shiftKey: boolean, newSelection: boolean) => void\n) => {\n  const [isDragging, setIsDragging] = useState(false);\n  const touchMoveTriggeredRef = useRef<Record<string, boolean>>({});\n\n  const handleTouchStart = (cell: CellIdentifier, event: React.TouchEvent) => {\n    setIsDragging(true);\n    toggleCellSelection(cell, event.ctrlKey || event.metaKey, event.shiftKey, true);\n  };\n\n  const handleMouseEnter = (cell: CellIdentifier, event: React.MouseEvent | React.TouchEvent) => {\n    if (isDragging) {\n      toggleCellSelection(cell, event.ctrlKey || event.metaKey, event.shiftKey, false);\n    }\n  };\n\n  const handleMouseDown = (cell: CellIdentifier, event: React.MouseEvent | React.TouchEvent) => {\n    if (!isDragging) {\n      setIsDragging(true);\n      toggleCellSelection(cell, event.ctrlKey || event.metaKey, event.shiftKey, true);\n    }\n  };\n\n  const handleMouseUp = () => {\n    setIsDragging(false);\n    touchMoveTriggeredRef.current = {};\n  };\n\n  return {\n    handleMouseDown,\n    handleMouseEnter,\n    handleMouseUp,\n    handleTouchStart,\n  };\n};\n","import { useCallback, useState } from \"react\";\nimport { CellIdentifier, SelectionState } from \"../types\";\nimport { useMouseDragSelection } from \"./useMouseDragSelection\";\n\nconst getCellKey = (cell: Omit<CellIdentifier, \"id\">): string => {\n  return `${cell.row}-${cell.col}`;\n};\n\nexport const useGridCellSelection = (allCells?: CellIdentifier[]) => {\n  const [selectionState, setSelectionState] = useState<SelectionState>({\n    selectedCells: new Map<string, CellIdentifier>(),\n  });\n\n  const toggleCellSelection = (cell: CellIdentifier, ctrlKey = false, shiftKey = false, newSelection = false) => {\n    setSelectionState((prevState) => {\n      const selectedCells = new Map(prevState.selectedCells);\n      const cellKey = getCellKey(cell);\n\n      if (prevState.startCell && !newSelection) {\n        handleRangeSelection(selectedCells, prevState.startCell, cell, allCells);\n      } else if ((shiftKey || ctrlKey) && newSelection) {\n        handleSingleOrMultipleSelection(selectedCells, cellKey, cell);\n      } else {\n        if (selectedCells.has(cellKey)) {\n          selectedCells.clear();\n        } else {\n          selectedCells.clear();\n          selectedCells.set(cellKey, cell);\n        }\n      }\n\n      return {\n        ...prevState,\n        selectedCells,\n        startCell: newSelection ? cell : prevState.startCell,\n      };\n    });\n  };\n\n  const isCellSelected = (cell: CellIdentifier) => {\n    return selectionState.selectedCells.has(getCellKey(cell));\n  };\n\n  const resetSelection = () => {\n    setSelectionState({ selectedCells: new Map<string, CellIdentifier>() });\n  };\n\n  const handleTouchMove = useCallback(\n    (event: React.TouchEvent) => {\n      // Get the touch point\n      console.log(\"selectedCells\", selectionState.selectedCells);\n      if (selectionState.selectedCells.size > 0) {\n        const touch = event.touches[0];\n        const target = document.elementFromPoint(touch.clientX, touch.clientY);\n        // Get closest cell\n        const closest = target?.closest(\"[data-cell-id]\");\n        const cellId = closest?.getAttribute(\"data-cell-id\");\n        const cellRow = closest?.getAttribute(\"data-cell-row\");\n        const cellCol = closest?.getAttribute(\"data-cell-col\");\n        if (cellId && cellRow && cellCol && !selectionState.selectedCells.has(cellId)) {\n          handleMouseEnter({ id: cellId, row: parseInt(cellRow), col: parseInt(cellCol) }, event);\n        }\n      }\n    },\n    [selectionState.selectedCells]\n  );\n\n  const { handleMouseDown, handleMouseEnter, handleMouseUp, handleTouchStart } =\n    useMouseDragSelection(toggleCellSelection);\n\n  return {\n    selectedCells: selectionState.selectedCells,\n    isCellSelected,\n    handleMouseDown,\n    handleMouseEnter,\n    handleMouseUp,\n    handleTouchMove,\n    handleTouchStart,\n    resetSelection,\n  };\n};\n\n// Updated helper functions\nfunction handleRangeSelection(\n  selectedCells: Map<string, CellIdentifier>,\n  startCell: CellIdentifier,\n  endCell: CellIdentifier,\n  allCells?: CellIdentifier[]\n) {\n  const action = selectedCells.has(getCellKey(startCell)) ? \"set\" : \"delete\";\n  const [startRow, startCol] = [startCell.row, startCell.col];\n  const [endRow, endCol] = [endCell.row, endCell.col];\n\n  const minRow = Math.min(startRow, endRow);\n  const maxRow = Math.max(startRow, endRow);\n  const minCol = Math.min(startCol, endCol);\n  const maxCol = Math.max(startCol, endCol);\n\n  for (let row = minRow; row <= maxRow; row++) {\n    for (let col = minCol; col <= maxCol; col++) {\n      const cellKey = getCellKey({ row, col });\n      if (action === \"set\") {\n        if (allCells) {\n          const cell = allCells.find((c) => c.row === row && c.col === col);\n          cell && selectedCells.set(cellKey, cell);\n        } else {\n          selectedCells.set(cellKey, { id: cellKey, row, col });\n        }\n      } else {\n        selectedCells.delete(cellKey);\n      }\n    }\n  }\n}\n\nfunction handleSingleOrMultipleSelection(\n  selectedCells: Map<string, CellIdentifier>,\n  cellKey: string,\n  cell: CellIdentifier\n) {\n  if (selectedCells.has(cellKey)) {\n    selectedCells.delete(cellKey);\n  } else {\n    selectedCells.set(cellKey, cell);\n  }\n}\n"],"names":["useState","useRef","useCallback"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/hooks/useMouseDragSelection.ts","../src/hooks/useCellSelection.ts"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport { CellIdentifier, SelectionOptions } from \"../types\";\n\nexport const useMouseDragSelection = (\n  toggleCellSelection: (cell: CellIdentifier, ctrlKey: boolean, shiftKey: boolean, newSelection: boolean) => void,\n  resetSelection: () => void,\n  options: SelectionOptions\n) => {\n  const [isDragging, setIsDragging] = useState(false);\n\n  const selectionStartScrollY = useRef<number | null>(null);\n  const initialCellRef = useRef<CellIdentifier | null>(null);\n\n  const handleTouchStart = (cell: CellIdentifier, event: React.TouchEvent) => {\n    setIsDragging(true);\n    initialCellRef.current = cell;\n    selectionStartScrollY.current = window.scrollY;\n    toggleCellSelection(cell, event.ctrlKey || event.metaKey, event.shiftKey, true);\n  };\n\n  const handleMouseEnter = (cell: CellIdentifier, event: React.MouseEvent | React.TouchEvent) => {\n    if (isDragging) {\n      // Check if the user is dragging vertically\n      const isDraggingVertically = initialCellRef.current && cell.row !== initialCellRef.current.row;\n\n      // If the user is dragging vertically, prevent the selection\n      if (!options.allowYScrollSelection && isDraggingVertically) {\n        return;\n      }\n\n      toggleCellSelection(cell, event.ctrlKey || event.metaKey, event.shiftKey, false);\n    }\n  };\n\n  const handleMouseDown = (cell: CellIdentifier, event: React.MouseEvent | React.TouchEvent) => {\n    if (!isDragging) {\n      setIsDragging(true);\n      initialCellRef.current = cell;\n      toggleCellSelection(cell, event.ctrlKey || event.metaKey, event.shiftKey, true);\n    }\n  };\n\n  const handleMouseUp = () => {\n    setIsDragging(false);\n    if (selectionStartScrollY.current !== null && options.clearSelectionOnScroll) {\n      console.log(\"scrollY\", window.scrollY, \"selectionStartScrollY\", selectionStartScrollY.current);\n      if (Math.abs(window.scrollY - selectionStartScrollY.current) > options.scrollThreshold) {\n        resetSelection();\n      }\n    }\n    selectionStartScrollY.current = null;\n  };\n\n  return {\n    handleMouseDown,\n    handleMouseEnter,\n    handleMouseUp,\n    handleTouchStart,\n  };\n};\n","import { useCallback, useState } from \"react\";\nimport { CellIdentifier, SelectionOptions, SelectionState } from \"../types\";\nimport { useMouseDragSelection } from \"./useMouseDragSelection\";\n\nconst getCellKey = (cell: Omit<CellIdentifier, \"id\">): string => {\n  return `${cell.row}-${cell.col}`;\n};\n\nexport const useGridCellSelection = ({\n  allCells,\n  options = {\n    allowYScrollSelection: true,\n    clearSelectionOnScroll: false,\n    scrollThreshold: 100,\n  },\n}: {\n  allCells?: CellIdentifier[];\n  options?: SelectionOptions;\n}) => {\n  const [selectionState, setSelectionState] = useState<SelectionState>({\n    selectedCells: new Map<string, CellIdentifier>(),\n  });\n\n  const toggleCellSelection = (cell: CellIdentifier, ctrlKey = false, shiftKey = false, newSelection = false) => {\n    setSelectionState((prevState) => {\n      const selectedCells = new Map(prevState.selectedCells);\n      const cellKey = getCellKey(cell);\n\n      if (prevState.startCell && !newSelection) {\n        handleRangeSelection(selectedCells, prevState.startCell, cell, allCells);\n      } else if ((shiftKey || ctrlKey) && newSelection) {\n        handleSingleOrMultipleSelection(selectedCells, cellKey, cell);\n      } else {\n        if (selectedCells.has(cellKey)) {\n          selectedCells.clear();\n        } else {\n          selectedCells.clear();\n          selectedCells.set(cellKey, cell);\n        }\n      }\n\n      return {\n        ...prevState,\n        selectedCells,\n        startCell: newSelection ? cell : prevState.startCell,\n      };\n    });\n  };\n\n  const isCellSelected = (cell: CellIdentifier) => {\n    return selectionState.selectedCells.has(getCellKey(cell));\n  };\n\n  const resetSelection = () => {\n    setSelectionState({ selectedCells: new Map<string, CellIdentifier>() });\n  };\n\n  const handleTouchMove = useCallback(\n    (event: React.TouchEvent) => {\n      // Get the touch point\n      console.log(\"selectedCells\", selectionState.selectedCells);\n      if (selectionState.selectedCells.size > 0) {\n        const touch = event.touches[0];\n        const target = document.elementFromPoint(touch.clientX, touch.clientY);\n        // Get closest cell\n        const closest = target?.closest(\"[data-cell-id]\");\n        const cellId = closest?.getAttribute(\"data-cell-id\");\n        const cellRow = closest?.getAttribute(\"data-cell-row\");\n        const cellCol = closest?.getAttribute(\"data-cell-col\");\n        if (cellId && cellRow && cellCol && !selectionState.selectedCells.has(cellId)) {\n          handleMouseEnter({ id: cellId, row: parseInt(cellRow), col: parseInt(cellCol) }, event);\n        }\n      }\n    },\n    [selectionState.selectedCells]\n  );\n\n  const { handleMouseDown, handleMouseEnter, handleMouseUp, handleTouchStart } = useMouseDragSelection(\n    toggleCellSelection,\n    resetSelection,\n    options\n  );\n\n  return {\n    selectedCells: selectionState.selectedCells,\n    isCellSelected,\n    handleMouseDown,\n    handleMouseEnter,\n    handleMouseUp,\n    handleTouchMove,\n    handleTouchStart,\n    resetSelection,\n  };\n};\n\n// Updated helper functions\nfunction handleRangeSelection(\n  selectedCells: Map<string, CellIdentifier>,\n  startCell: CellIdentifier,\n  endCell: CellIdentifier,\n  allCells?: CellIdentifier[]\n) {\n  const action = selectedCells.has(getCellKey(startCell)) ? \"set\" : \"delete\";\n  const [startRow, startCol] = [startCell.row, startCell.col];\n  const [endRow, endCol] = [endCell.row, endCell.col];\n\n  const minRow = Math.min(startRow, endRow);\n  const maxRow = Math.max(startRow, endRow);\n  const minCol = Math.min(startCol, endCol);\n  const maxCol = Math.max(startCol, endCol);\n\n  for (let row = minRow; row <= maxRow; row++) {\n    for (let col = minCol; col <= maxCol; col++) {\n      const cellKey = getCellKey({ row, col });\n      if (action === \"set\") {\n        if (allCells) {\n          const cell = allCells.find((c) => c.row === row && c.col === col);\n          cell && selectedCells.set(cellKey, cell);\n        } else {\n          selectedCells.set(cellKey, { id: cellKey, row, col });\n        }\n      } else {\n        selectedCells.delete(cellKey);\n      }\n    }\n  }\n}\n\nfunction handleSingleOrMultipleSelection(\n  selectedCells: Map<string, CellIdentifier>,\n  cellKey: string,\n  cell: CellIdentifier\n) {\n  if (selectedCells.has(cellKey)) {\n    selectedCells.delete(cellKey);\n  } else {\n    selectedCells.set(cellKey, cell);\n  }\n}\n"],"names":["useState","useRef","useCallback"],"mappings":"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"}

package/dist/types/index.d.ts

@@ -3,6 +3,11 @@ export type CellIdentifier = {
     row: number;
     col: number;
 };
+export interface SelectionOptions {
+    allowYScrollSelection: boolean;
+    clearSelectionOnScroll: boolean;
+    scrollThreshold: number;
+}
 export interface SelectionState {
     selectedCells: Map<string, CellIdentifier>;
     startCell?: CellIdentifier;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "grid-cell-selection",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "A React hook for grid cell selection",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",