@rowsncolumns/spreadsheet 10.3.0 → 10.3.1

package/dist/esm/hooks/use-move-columns-rows.js

@@ -1,5 +1,5 @@
 import { Direction } from "@rowsncolumns/grid";
-import { MouseButtonCodes } from "@rowsncolumns/grid";
+import { getOwnerDocument, MouseButtonCodes } from "@rowsncolumns/grid";
 import { getMinMaxArray, isNil, selectionBoundsFromCells, } from "@rowsncolumns/utils";
 import React, { useCallback, useMemo, useRef, useState } from "react";
 import { HeaderMoveDragComponent as DefaultHeaderMoveDragComponent, } from "../components/header-move";
@@ -14,6 +14,8 @@ export const useMoveColumnsAndRows = ({ getCellOffsetFromCoords, getCellCoordsFr
     const [offset, setOffset] = useState(0);
     const [dragOffset, setDragOffset] = useState(0);
     const gapRef = useRef(0);
+    /** Document the in-flight gesture listens on (the grid may live in a popout window) */
+    const gestureDocumentRef = useRef(null);
     const startCellRef = useRef(undefined);
     const startRef = useRef(0);
     const endRef = useRef(0);
@@ -83,8 +85,10 @@ export const useMoveColumnsAndRows = ({ getCellOffsetFromCoords, getCellCoordsFr
      */
     const handleMouseUp = useCallback((e) => {
         setIsDragging(false);
-        document.removeEventListener("mousemove", handleMouseMove);
-        document.removeEventListener("mouseup", handleMouseUp);
+        const ownerDocument = gestureDocumentRef.current ?? document;
+        gestureDocumentRef.current = null;
+        ownerDocument.removeEventListener("mousemove", handleMouseMove);
+        ownerDocument.removeEventListener("mouseup", handleMouseUp);
         const dimensions = dragDimensions.current;
         if (!dragAxis.current || !dimensions) {
             return;
@@ -226,10 +230,12 @@ export const useMoveColumnsAndRows = ({ getCellOffsetFromCoords, getCellCoordsFr
         setOffset(offset);
         setDragOffset(dragOffset);
         /**
-         * Add mousemove and up listeners
+         * Add mousemove and up listeners on the document the gesture started on
          */
-        document.addEventListener("mousemove", handleMouseMove);
-        document.addEventListener("mouseup", handleMouseUp);
+        const ownerDocument = getOwnerDocument(e.currentTarget) ?? document;
+        gestureDocumentRef.current = ownerDocument;
+        ownerDocument.addEventListener("mousemove", handleMouseMove);
+        ownerDocument.addEventListener("mouseup", handleMouseUp);
     }, [
         columns,
         rows,

package/dist/esm/hooks/use-selection-move.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-selection-move.d.ts","sourceRoot":"","sources":["../../../hooks/use-selection-move.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,aAAa,EAEb,qBAAqB,EACtB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAGhF,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;IACxD;;;;;OAKG;IACH,uBAAuB,CACrB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAClC,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC;;;;OAIG;IACH,YAAY,CACV,IAAI,EAAE,qBAAqB,EAC3B,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,GACxB,IAAI,GAAG,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,uDAI9B,qBAAqB;kCA2HhB,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;;CAyCzC,CAAC"}
+{"version":3,"file":"use-selection-move.d.ts","sourceRoot":"","sources":["../../../hooks/use-selection-move.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,aAAa,EAEb,qBAAqB,EACtB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAGhF,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;IACxD;;;;;OAKG;IACH,uBAAuB,CACrB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAClC,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC;;;;OAIG;IACH,YAAY,CACV,IAAI,EAAE,qBAAqB,EAC3B,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,GACxB,IAAI,GAAG,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,uDAI9B,qBAAqB;kCA+HhB,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;;CA2CzC,CAAC"}

package/dist/esm/hooks/use-selection-move.js

@@ -1,4 +1,5 @@
 import isNil from "lodash/isNil";
+import { getOwnerDocument } from "@rowsncolumns/grid";
 import { useCallback, useRef, useState } from "react";
 import { useActiveEditor, useEditingCellCoordinate, useGetAddressFromSelection, useGetSelectionsFromFormula, } from "../atoms";
 import { detokenize } from "./use-selection-resize";
@@ -12,6 +13,8 @@ export const useSelectionMove = ({ tokenizer, getCellCoordsFromOffset, scrollToC
     const selectionIndexRef = useRef(undefined);
     const isDraggingRef = useRef(false);
     const startCell = useRef(undefined);
+    /** Document the in-flight gesture listens on (the grid may live in a popout window) */
+    const gestureDocumentRef = useRef(null);
     const initialRange = useRef(undefined);
     const activeEditor = useActiveEditor();
     const getSelectionToAddress = useGetAddressFromSelection();
@@ -95,8 +98,10 @@ export const useSelectionMove = ({ tokenizer, getCellCoordsFromOffset, scrollToC
         startCell.current = undefined;
         initialRange.current = undefined;
         setIsDragging(false);
-        document.removeEventListener("pointermove", onMouseMove);
-        document.removeEventListener("pointerup", onMouseUp);
+        const ownerDocument = gestureDocumentRef.current ?? document;
+        gestureDocumentRef.current = null;
+        ownerDocument.removeEventListener("pointermove", onMouseMove);
+        ownerDocument.removeEventListener("pointerup", onMouseUp);
     }, [activeEditor, onMouseMove]);
     // Mousedown
     const onMouseDownMoveSelection = useCallback((e) => {
@@ -126,8 +131,10 @@ export const useSelectionMove = ({ tokenizer, getCellCoordsFromOffset, scrollToC
                 // jsdom / older browsers without pointer capture
             }
             setIsDragging(true);
-            document.addEventListener("pointermove", onMouseMove);
-            document.addEventListener("pointerup", onMouseUp);
+            const ownerDocument = getOwnerDocument(e.currentTarget) ?? document;
+            gestureDocumentRef.current = ownerDocument;
+            ownerDocument.addEventListener("pointermove", onMouseMove);
+            ownerDocument.addEventListener("pointerup", onMouseUp);
         }
         // Focus
         activeEditor?.focus();

package/dist/esm/hooks/use-selection-resize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-selection-resize.d.ts","sourceRoot":"","sources":["../../../hooks/use-selection-resize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,aAAa,EACb,SAAS,EACT,qBAAqB,EACtB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAIhF,KAAK,uBAAuB,GAAG;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;IACxD;;;;;OAKG;IACH,uBAAuB,CACrB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAClC,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,aAAa,CAAC,IAAI,EAAE,aAAa,GAAG,SAAS,CAAC;IAC9C;;;;OAIG;IACH,YAAY,CACV,IAAI,EAAE,qBAAqB,EAC3B,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,GACxB,IAAI,GAAG,SAAS,CAAC;CACrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,QAAQ,WAAW,EAAE,WAU/C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,wFAMhC,uBAAuB,SA+HlB,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,SAiDzC,CAAC"}
+{"version":3,"file":"use-selection-resize.d.ts","sourceRoot":"","sources":["../../../hooks/use-selection-resize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,aAAa,EACb,SAAS,EACT,qBAAqB,EACtB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAIhF,KAAK,uBAAuB,GAAG;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;IACxD;;;;;OAKG;IACH,uBAAuB,CACrB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAClC,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,aAAa,CAAC,IAAI,EAAE,aAAa,GAAG,SAAS,CAAC;IAC9C;;;;OAIG;IACH,YAAY,CACV,IAAI,EAAE,qBAAqB,EAC3B,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,GACxB,IAAI,GAAG,SAAS,CAAC;CACrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,QAAQ,WAAW,EAAE,WAU/C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,wFAMhC,uBAAuB,SAmIlB,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,SAmDzC,CAAC"}

package/dist/esm/hooks/use-selection-resize.js

@@ -1,4 +1,4 @@
-import { cellRangeToBounds } from "@rowsncolumns/grid";
+import { cellRangeToBounds, getOwnerDocument } from "@rowsncolumns/grid";
 import isNil from "lodash/isNil";
 import { useCallback, useRef } from "react";
 import { useActiveEditor, useEditingCellCoordinate, useGetAddressFromSelection, useGetSelectionsFromFormula, } from "../atoms";
@@ -22,6 +22,8 @@ export const useSelectionResize = ({ resizeHandleSize = 6, tokenizer, getCellCoo
     const selectionIndexRef = useRef(undefined);
     const isDraggingRef = useRef(false);
     const anchorCell = useRef(undefined);
+    /** Document the in-flight gesture listens on (the grid may live in a popout window) */
+    const gestureDocumentRef = useRef(null);
     const activeEditor = useActiveEditor();
     const getSelectionToAddress = useGetAddressFromSelection();
     const getSelectionsFromFormula = useGetSelectionsFromFormula();
@@ -115,8 +117,10 @@ export const useSelectionResize = ({ resizeHandleSize = 6, tokenizer, getCellCoo
         activeEditor?.focus();
         isDraggingRef.current = false;
         anchorCell.current = undefined;
-        document.removeEventListener("pointermove", onMouseMove);
-        document.removeEventListener("pointerup", onMouseUp);
+        const ownerDocument = gestureDocumentRef.current ?? document;
+        gestureDocumentRef.current = null;
+        ownerDocument.removeEventListener("pointermove", onMouseMove);
+        ownerDocument.removeEventListener("pointerup", onMouseUp);
     }, [activeEditor, onMouseMove]);
     // Mousedown
     const onMouseDownResizeHandle = useCallback((e) => {
@@ -144,8 +148,10 @@ export const useSelectionResize = ({ resizeHandleSize = 6, tokenizer, getCellCoo
             catch {
                 // jsdom / older browsers without pointer capture
             }
-            document.addEventListener("pointermove", onMouseMove);
-            document.addEventListener("pointerup", onMouseUp);
+            const ownerDocument = getOwnerDocument(e.currentTarget) ?? document;
+            gestureDocumentRef.current = ownerDocument;
+            ownerDocument.addEventListener("pointermove", onMouseMove);
+            ownerDocument.addEventListener("pointerup", onMouseUp);
         }
         // Focus
         activeEditor?.focus();

package/dist/esm/hooks/use-selection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-selection.d.ts","sourceRoot":"","sources":["../../../hooks/use-selection.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-selection.d.ts","sourceRoot":"","sources":["../../../hooks/use-selection.ts"],"names":[],"mappings":"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"}

package/dist/esm/hooks/use-selection.js

@@ -1,6 +1,6 @@
 import { findLastContentfulCell, isNull } from "@rowsncolumns/grid";
 import { cellToArea } from "@rowsncolumns/grid";
-import { useIsomorphicLayoutEffect } from "@rowsncolumns/grid";
+import { getOwnerDocument, useIsomorphicLayoutEffect } from "@rowsncolumns/grid";
 import { Align, cellIdentifier, cellRangeToBounds, clampCellCoords, clampIndex, Direction, findNextCellInDataRegion, findNextCellWithinBounds, getBoundedCells, isAreasEqual, isEqualCells, MouseButtonCodes, newSelectionFromDrag, selectionSpansCells, } from "@rowsncolumns/grid";
 import { useCallback, useReducer, useRef, useState } from "react";
 import { scheduleImmediatePriorityCallback, scheduleNormalPriorityCallback, } from "../api/scheduler";
@@ -105,24 +105,35 @@ export const useSelection = ({ sheetId, activeCell, onChangeActiveCell, selectio
      * release always fires `contextmenu`; neither may reach the grid's cell
      * context menu while the user is dragging the fill handle.
      */
+    /**
+     * Documents the in-flight gestures listen on. The grid may render into a
+     * popout window, whose document is not the bundle's global `document`; a
+     * gesture binds its move/up listeners to the document of the element it
+     * started on and unbinds from that same document.
+     */
+    const selectionDocumentRef = useRef(null);
+    const fillDocumentRef = useRef(null);
+    const dragSelectionDocumentRef = useRef(null);
+    const tapDocumentRef = useRef(null);
     const contextMenuSuppressorRef = useRef(null);
     const releaseContextMenuSuppressor = useCallback(() => {
-        const handler = contextMenuSuppressorRef.current;
-        if (!handler)
+        const suppressor = contextMenuSuppressorRef.current;
+        if (!suppressor)
             return;
         contextMenuSuppressorRef.current = null;
-        document.removeEventListener("contextmenu", handler, true);
+        suppressor.ownerDocument.removeEventListener("contextmenu", suppressor.handler, true);
     }, []);
     const suppressNextContextMenu = useCallback(() => {
         if (contextMenuSuppressorRef.current)
             return;
+        const ownerDocument = fillDocumentRef.current ?? document;
         const handler = (e) => {
             e.preventDefault();
             e.stopPropagation();
             releaseContextMenuSuppressor();
         };
-        contextMenuSuppressorRef.current = handler;
-        document.addEventListener("contextmenu", handler, true);
+        contextMenuSuppressorRef.current = { handler, ownerDocument };
+        ownerDocument.addEventListener("contextmenu", handler, true);
     }, [releaseContextMenuSuppressor]);
     const selectionsRef = useRef([]);
     const fillSelectionRef = useRef(undefined);
@@ -349,9 +360,11 @@ export const useSelection = ({ sheetId, activeCell, onChangeActiveCell, selectio
     const handleMouseUp = useCallback(() => {
         /* Reset selection mode */
         isSelecting.current = false;
-        /* Remove listener */
-        document.removeEventListener("mousemove", handleMouseMove);
-        document.removeEventListener("mouseup", handleMouseUp);
+        /* Remove listener from the document the gesture started on */
+        const ownerDocument = selectionDocumentRef.current ?? document;
+        selectionDocumentRef.current = null;
+        ownerDocument.removeEventListener("mousemove", handleMouseMove);
+        ownerDocument.removeEventListener("mouseup", handleMouseUp);
         /* Update last selection */
         const curSelections = selectionsRef.current;
         const len = curSelections.length;
@@ -881,8 +894,10 @@ export const useSelection = ({ sheetId, activeCell, onChangeActiveCell, selectio
         const hasSelections = selectionsRef.current.length > 0;
         const isDeselecting = isMetaKey && allowDeselect;
         if (!isContextMenuClick && selectionPolicy !== "single") {
-            document.addEventListener("mouseup", handleMouseUp);
-            document.addEventListener("mousemove", handleMouseMove);
+            const ownerDocument = getOwnerDocument(e.currentTarget ?? e.target) ?? document;
+            selectionDocumentRef.current = ownerDocument;
+            ownerDocument.addEventListener("mouseup", handleMouseUp);
+            ownerDocument.addEventListener("mousemove", handleMouseMove);
         }
         /* Activate selection mode */
         // Disable flag for context menu
@@ -1245,9 +1260,10 @@ export const useSelection = ({ sheetId, activeCell, onChangeActiveCell, selectio
         isFilling.current = false;
         const toggle = isFillToggleModifier(e);
         const button = fillButtonRef.current;
-        /* Remove listener */
-        document.removeEventListener("mousemove", handleFillMouseMove);
-        document.removeEventListener("mouseup", handleFillMouseUp);
+        /* Remove listener from the document the gesture started on */
+        const ownerDocument = fillDocumentRef.current ?? document;
+        ownerDocument.removeEventListener("mousemove", handleFillMouseMove);
+        ownerDocument.removeEventListener("mouseup", handleFillMouseUp);
         // The right-button (or macOS Ctrl+click) `contextmenu` event follows this
         // mouseup; keep swallowing it for one tick, then drop the suppressor so a
         // later, unrelated right-click still opens the cell context menu.
@@ -1341,6 +1357,8 @@ export const useSelection = ({ sheetId, activeCell, onChangeActiveCell, selectio
     const handleFillMouseDown = useCallback((e) => {
         e.stopPropagation();
         e.preventDefault();
+        const ownerDocument = getOwnerDocument(e.currentTarget) ?? document;
+        fillDocumentRef.current = ownerDocument;
         const isRightButton = e.button === MouseButtonCodes.right;
         fillButtonRef.current = isRightButton ? "right" : "left";
         // Ctrl+drag on the handle must never become the macOS Ctrl+click
@@ -1350,8 +1368,8 @@ export const useSelection = ({ sheetId, activeCell, onChangeActiveCell, selectio
             suppressNextContextMenu();
         }
         isFilling.current = true;
-        document.addEventListener("mousemove", handleFillMouseMove);
-        document.addEventListener("mouseup", handleFillMouseUp);
+        ownerDocument.addEventListener("mousemove", handleFillMouseMove);
+        ownerDocument.addEventListener("mouseup", handleFillMouseUp);
     }, [handleFillMouseMove, handleFillMouseUp, suppressNextContextMenu]);
     /**
      * Remove the last selection from state
@@ -1478,9 +1496,11 @@ export const useSelection = ({ sheetId, activeCell, onChangeActiveCell, selectio
         draggedSelection.current = void 0;
         draggedSelectionIndex.current = void 0;
         hasUserMovedSelection.current = false;
-        /* Remove event handlers */
-        document.removeEventListener("mouseup", handleSelectionMouseUp);
-        document.removeEventListener("mousemove", handleSelectionMouseMove);
+        /* Remove event handlers from the document the gesture started on */
+        const ownerDocument = dragSelectionDocumentRef.current ?? document;
+        dragSelectionDocumentRef.current = null;
+        ownerDocument.removeEventListener("mouseup", handleSelectionMouseUp);
+        ownerDocument.removeEventListener("mousemove", handleSelectionMouseMove);
         /* Force render */
         forceRender();
     }, [
@@ -1528,9 +1548,11 @@ export const useSelection = ({ sheetId, activeCell, onChangeActiveCell, selectio
         }
         /* Set dragging flag */
         isDragging.current = true;
-        /* Listen to mousemove and mousedown events */
-        document.addEventListener("mouseup", handleSelectionMouseUp);
-        document.addEventListener("mousemove", handleSelectionMouseMove);
+        /* Listen on the document the gesture started on */
+        const ownerDocument = getOwnerDocument(e.currentTarget) ?? document;
+        dragSelectionDocumentRef.current = ownerDocument;
+        ownerDocument.addEventListener("mouseup", handleSelectionMouseUp);
+        ownerDocument.addEventListener("mousemove", handleSelectionMouseMove);
         /* Force a re-render */
         forceRender();
     }, [
@@ -1619,12 +1641,16 @@ export const useSelection = ({ sheetId, activeCell, onChangeActiveCell, selectio
             handleMouseDown(event);
             handleMouseUp();
         }
-        document.removeEventListener("pointerup", onPointerUp);
+        const ownerDocument = tapDocumentRef.current ?? document;
+        tapDocumentRef.current = null;
+        ownerDocument.removeEventListener("pointerup", onPointerUp);
     }, [handleMouseDown, handleMouseUp]);
     const onPointerDown = useCallback((event) => {
         startTimeRef.current = Date.now();
         startPosRef.current = { x: event.clientX, y: event.clientY };
-        document.addEventListener("pointerup", onPointerUp);
+        const ownerDocument = getOwnerDocument(event.currentTarget) ?? document;
+        tapDocumentRef.current = ownerDocument;
+        ownerDocument.addEventListener("pointerup", onPointerUp);
     }, [onPointerUp]);
     // Add a ref. makeEditable renders way too often
     const handleKeyDownRef = useCallbackRef(handleKeyDown);

package/dist/esm/hooks/use-table-resizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-table-resizer.d.ts","sourceRoot":"","sources":["../../../hooks/use-table-resizer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,aAAa,EACb,qBAAqB,EACtB,MAAM,oBAAoB,CAAC;AAK5B,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EACV,eAAe,EACf,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,KAAK,EAAE,gBAAgB,CAAC;IACxB,YAAY,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAClE,eAAe,EAAE,CACf,MAAM,EAAE,aAAa,EACrB,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,KAChC,IAAI,CAAC;IACV,eAAe,IAAI,IAAI,CAAC;IACxB,uBAAuB,EAAE,CACvB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,aAAa,CAAC,EAAE,OAAO,KACpB,aAAa,GAAG,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACjD,YAAY,EAAE,CACZ,IAAI,EAAE,qBAAqB,EAC3B,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,KACtB,IAAI,GAAG,SAAS,CAAC;IACtB,UAAU,IAAI,IAAI,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,+IAW7B,oBAAoB;;;CAyHtB,CAAC;AAYF,eAAO,MAAM,kBAAkB,wKAa7B,CAAC"}
+{"version":3,"file":"use-table-resizer.d.ts","sourceRoot":"","sources":["../../../hooks/use-table-resizer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,aAAa,EACb,qBAAqB,EACtB,MAAM,oBAAoB,CAAC;AAK5B,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EACV,eAAe,EACf,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,KAAK,EAAE,gBAAgB,CAAC;IACxB,YAAY,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAClE,eAAe,EAAE,CACf,MAAM,EAAE,aAAa,EACrB,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,KAChC,IAAI,CAAC;IACV,eAAe,IAAI,IAAI,CAAC;IACxB,uBAAuB,EAAE,CACvB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,aAAa,CAAC,EAAE,OAAO,KACpB,aAAa,GAAG,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACjD,YAAY,EAAE,CACZ,IAAI,EAAE,qBAAqB,EAC3B,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,KACtB,IAAI,GAAG,SAAS,CAAC;IACtB,UAAU,IAAI,IAAI,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,+IAW7B,oBAAoB;;;CA+HtB,CAAC;AAYF,eAAO,MAAM,kBAAkB,wKAa7B,CAAC"}

package/dist/esm/hooks/use-table-resizer.js

@@ -1,4 +1,4 @@
-import { useGridContext } from "@rowsncolumns/grid";
+import { getOwnerDocument, useGridContext } from "@rowsncolumns/grid";
 import { Button, cn } from "@rowsncolumns/ui";
 import { isNil } from "@rowsncolumns/utils";
 import React, { useCallback, useMemo, useRef, useState } from "react";
@@ -37,9 +37,11 @@ export const useTableResizer = ({ sheetId, tables, theme, newSelection, modifySe
         }
         // Switch focus to sheet
         focusSheet();
-        // Unbind
-        document.removeEventListener("pointermove", onMouseMove);
-        document.removeEventListener("pointerup", onMouseUp);
+        // Unbind from the document the gesture started on
+        const ownerDocument = gestureDocumentRef.current ?? document;
+        gestureDocumentRef.current = null;
+        ownerDocument.removeEventListener("pointermove", onMouseMove);
+        ownerDocument.removeEventListener("pointerup", onMouseUp);
     }, [
         onMouseMove,
         onResizeTable,
@@ -48,7 +50,9 @@ export const useTableResizer = ({ sheetId, tables, theme, newSelection, modifySe
         getCellCoordsFromOffset,
         sheetId,
     ]);
-    const onMouseDown = useCallback((table) => {
+    /** Document the in-flight gesture listens on (the grid may live in a popout window) */
+    const gestureDocumentRef = useRef(null);
+    const onMouseDown = useCallback((table, e) => {
         const { range } = table;
         // Create a new selection
         const start = {
@@ -67,9 +71,11 @@ export const useTableResizer = ({ sheetId, tables, theme, newSelection, modifySe
         modifySelection(end);
         // Setter
         setIsResizingTable(true);
-        // Bind
-        document.addEventListener("pointermove", onMouseMove);
-        document.addEventListener("pointerup", onMouseUp);
+        // Bind on the document the gesture started on
+        const ownerDocument = getOwnerDocument(e?.currentTarget) ?? document;
+        gestureDocumentRef.current = ownerDocument;
+        ownerDocument.addEventListener("pointermove", onMouseMove);
+        ownerDocument.addEventListener("pointerup", onMouseUp);
     }, [newSelection, modifySelection, onMouseMove, onMouseUp]);
     // Resizer components
     const tableResizers = useMemo(() => {
@@ -81,7 +87,7 @@ export const useTableResizer = ({ sheetId, tables, theme, newSelection, modifySe
                 rowIndex: range.endRowIndex,
                 columnIndex: range.endColumnIndex,
             };
-            return (React.createElement(TableResizer, { key: table.id, cornerCell: cornerCell, onPointerDown: () => onMouseDown(table), backgroundColor: theme.themeColors.accent1 }));
+            return (React.createElement(TableResizer, { key: table.id, cornerCell: cornerCell, onPointerDown: (e) => onMouseDown(table, e), backgroundColor: theme.themeColors.accent1 }));
         });
     }, [tables, sheetId, theme, onMouseDown]);
     return {

package/dist/esm/hooks/use-touch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-touch.d.ts","sourceRoot":"","sources":["../../../hooks/use-touch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAUvE,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAoCF,eAAO,MAAM,QAAQ,GAAI,yDAMtB,aAAa;0BAsKJ,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;iCA1J/B,cAAc,KAAK,IAAI;qDA6CJ,YAAY;sCAQ3B,MAAM,GAAG,SAAS,aAAa,MAAM,GAAG,SAAS;CAqMjE,CAAC"}
+{"version":3,"file":"use-touch.d.ts","sourceRoot":"","sources":["../../../hooks/use-touch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAUvE,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAoCF,eAAO,MAAM,QAAQ,GAAI,yDAMtB,aAAa;0BA0KJ,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;iCA5J/B,cAAc,KAAK,IAAI;qDA6CJ,YAAY;sCAQ3B,MAAM,GAAG,SAAS,aAAa,MAAM,GAAG,SAAS;CA2MjE,CAAC"}

package/dist/esm/hooks/use-touch.js

@@ -1,5 +1,5 @@
 import { useIsomorphicLayoutEffect } from "@rowsncolumns/grid";
-import { throttle } from "@rowsncolumns/grid";
+import { getOwnerDocument, throttle } from "@rowsncolumns/grid";
 import { canUseDOM, isFocusable } from "@rowsncolumns/utils";
 import { isNil } from "@rowsncolumns/utils";
 import { useCallback, useRef } from "react";
@@ -26,6 +26,8 @@ const getTouchCenter = (touches) => {
 export const useTouch = ({ scrollTo, scale = 1, onChangeScale, minScale = 0.25, maxScale = 4, }) => {
     const scrollerRef = useRef(null);
     const isImmediateRef = useRef(false);
+    /** Document the in-flight gesture listens on (the grid may live in a popout window) */
+    const gestureDocumentRef = useRef(null);
     const scaleRef = useRef(scale);
     const prevScaleRef = useRef(scale);
     const pinchStartDistanceRef = useRef(null);
@@ -151,9 +153,11 @@ export const useTouch = ({ scrollTo, scale = 1, onChangeScale, minScale = 0.25,
         pinchActivatedRef.current = false;
         pinchCenterRef.current = null;
         // Remove listeners
-        document.removeEventListener("touchmove", onTouchMove, false);
-        document.removeEventListener("touchend", onTouchEnd, false);
-        document.removeEventListener("touchcancel", onTouchEnd, false);
+        const ownerDocument = gestureDocumentRef.current ?? document;
+        gestureDocumentRef.current = null;
+        ownerDocument.removeEventListener("touchmove", onTouchMove, false);
+        ownerDocument.removeEventListener("touchend", onTouchEnd, false);
+        ownerDocument.removeEventListener("touchcancel", onTouchEnd, false);
     }, [getScroller, onTouchMove]);
     // Touch start
     const onTouchStart = useCallback((event) => {
@@ -179,9 +183,13 @@ export const useTouch = ({ scrollTo, scale = 1, onChangeScale, minScale = 0.25,
                 scaleRef.current;
         getScroller()?.doTouchStart(event.touches, event.timeStamp);
         // event.preventDefault();
-        document.addEventListener("touchmove", onTouchMove, { passive: false });
-        document.addEventListener("touchend", onTouchEnd, false);
-        document.addEventListener("touchcancel", onTouchEnd, false);
+        const ownerDocument = getOwnerDocument(event.currentTarget) ?? document;
+        gestureDocumentRef.current = ownerDocument;
+        ownerDocument.addEventListener("touchmove", onTouchMove, {
+            passive: false,
+        });
+        ownerDocument.addEventListener("touchend", onTouchEnd, false);
+        ownerDocument.addEventListener("touchcancel", onTouchEnd, false);
     }, [getScroller, onTouchMove, onTouchEnd]);
     // Callback when grid dimensions change
     const onDimensionsChange = useCallback(({ containerWidth, containerHeight, estimatedTotalWidth, estimatedTotalHeight, }) => {

package/dist/esm/release-date.js

@@ -1,3 +1,3 @@
 export const releaseDate = 
 // @ts-ignore
-new Date("2026-09-17") ?? new Date("2025-06-18");
+new Date("2026-09-22") ?? new Date("2025-06-18");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rowsncolumns/spreadsheet",
-  "version": "10.3.0",
+  "version": "10.3.1",
   "author": "Vinay M",
   "license": "SEE LICENSE IN LICENSE.md",
   "main": "./dist/cjs/index.js",