@rowsncolumns/spreadsheet 10.5.2 → 10.5.3

package/dist/esm/hooks/use-export-range.js

@@ -1,44 +1,98 @@
-import { Align } from "@rowsncolumns/grid";
 import { getDevicePixelRatio } from "@rowsncolumns/grid";
 import { useCallback } from "react";
+import { planExportStops, sourceOffset, } from "./export-range-tiles";
 import { useCallbackRef } from "./use-callback-ref";
-export const useExportRange = ({ sheetId, gridLineWidth, cellBackgroundColor, getCanvasLayers, getColumnHeaderCanvasLayer, getRowHeaderCanvasLayer, getSheetName, getCellOffsetFromCoords, getR1C1AddressFromSelection, getScrollPosition, getViewPort, getRowOffset, getColumnOffset, getSheetDimensions, scrollTo, scrollToCell, scale, onChangeScale, }) => {
+import { useStableRef } from "./use-stable-ref";
+/** The export zooms out this far to fit a range in the viewport before it tiles. */
+const MIN_EXPORT_SCALE = 0.25;
+/**
+ * Frames to keep waiting for a repaint that never comes (a host that ignores
+ * `onChangeScale`, a scroll the grid clamped elsewhere). The capture then goes
+ * on from whatever the grid did land on, so the output stays right.
+ */
+const PAINT_WAIT_FRAME_BUDGET = 120;
+/** A scrollbar-driven scroll can settle a hair off the requested offset on sheets taller than the scrollbar can address. */
+const SCROLL_TOLERANCE = 2;
+/**
+ * Resolves once the layer has repainted with `ready()` holding and a whole
+ * animation frame has then passed without another paint. The grid's canvas is
+ * drawn by react-konva's batched draw on the frame after a React commit, and a
+ * windowed engine folds the rows of a freshly scrolled-to viewport in a second
+ * commit right behind the first — the quiet frame is what lets that second
+ * paint land before the copy, instead of a fixed number of frames that may or
+ * may not cover it. Paints from before `ready()` held do not count.
+ */
+const waitForPaint = (layer, ready) => new Promise((resolve) => {
+    let paintedThisFrame = false;
+    let paintedWhileReady = false;
+    let frames = 0;
+    const onDraw = () => {
+        paintedThisFrame = true;
+    };
+    layer.on("draw", onDraw);
+    const finish = () => {
+        layer.off("draw", onDraw);
+        resolve();
+    };
+    const tick = () => {
+        frames += 1;
+        if (!ready()) {
+            paintedThisFrame = false;
+            paintedWhileReady = false;
+        }
+        else if (paintedThisFrame) {
+            paintedThisFrame = false;
+            paintedWhileReady = true;
+        }
+        else if (paintedWhileReady) {
+            finish();
+            return;
+        }
+        if (frames >= PAINT_WAIT_FRAME_BUDGET) {
+            finish();
+            return;
+        }
+        requestAnimationFrame(tick);
+    };
+    requestAnimationFrame(tick);
+});
+const isAtScroll = (position, target) => Math.abs(position.scrollTop - target.scrollTop) <= SCROLL_TOLERANCE &&
+    Math.abs(position.scrollLeft - target.scrollLeft) <= SCROLL_TOLERANCE;
+const getFileExtension = (fmt) => {
+    switch (fmt) {
+        case "image/jpeg":
+        case "image/jpg":
+            return ".jpg";
+        case "image/webp":
+            return ".webp";
+        case "image/png":
+        default:
+            return ".png";
+    }
+};
+export const useExportRange = ({ sheetId, gridLineWidth, cellBackgroundColor, frozenRows, frozenColumns, getCanvasLayers, getColumnHeaderCanvasLayer, getRowHeaderCanvasLayer, getSheetName, getR1C1AddressFromSelection, getScrollPosition, getRowOffset, getColumnOffset, getSheetDimensions, getGridDimensions, scrollTo, scale, onChangeScale, }) => {
+    // The capture spans renders; this is how it sees the scale the host applied.
+    const scaleRef = useStableRef(scale);
     return useCallbackRef(useCallback((range, options) => {
         const layers = getCanvasLayers();
-        if (!layers?.length)
+        const layer = layers?.[0];
+        if (!layer)
             return undefined;
         const { filename, format, includeHeaders } = options || {};
         const baseScale = scale ?? 1;
-        const minExportScale = 0.25;
-        const waitForPaint = () => new Promise((resolve) => {
-            requestAnimationFrame(() => {
-                requestAnimationFrame(() => resolve());
-            });
-        });
-        const normalizeRangeStart = (rangeValue) => ({
-            ...rangeValue,
-            startRowIndex: Math.max(1, rangeValue.startRowIndex),
-            startColumnIndex: Math.max(1, rangeValue.startColumnIndex),
-        });
-        const isStartInViewport = (viewport, normalizedRange) => normalizedRange.startRowIndex >= viewport.visibleRowStartIndex &&
-            normalizedRange.startRowIndex <= viewport.visibleRowStopIndex &&
-            normalizedRange.startColumnIndex >=
-                viewport.visibleColumnStartIndex &&
-            normalizedRange.startColumnIndex <= viewport.visibleColumnStopIndex;
-        const isRangeInViewport = (viewport, normalizedRange) => normalizedRange.startRowIndex >= viewport.visibleRowStartIndex &&
-            normalizedRange.endRowIndex <= viewport.visibleRowStopIndex &&
-            normalizedRange.startColumnIndex >=
-                viewport.visibleColumnStartIndex &&
-            normalizedRange.endColumnIndex <= viewport.visibleColumnStopIndex;
+        const normalizedRange = {
+            ...range,
+            startRowIndex: Math.max(1, range.startRowIndex),
+            startColumnIndex: Math.max(1, range.startColumnIndex),
+        };
         const exportRangeAsync = async () => {
             const initialScrollCoords = getScrollPosition();
             let nextScale = baseScale;
-            let didScroll = false;
             if (onChangeScale) {
-                const startX = getColumnOffset(range.startColumnIndex);
-                const endX = getColumnOffset(range.endColumnIndex + 1);
-                const startY = getRowOffset(range.startRowIndex);
-                const endY = getRowOffset(range.endRowIndex + 1);
+                const startX = getColumnOffset(normalizedRange.startColumnIndex);
+                const endX = getColumnOffset(normalizedRange.endColumnIndex + 1);
+                const startY = getRowOffset(normalizedRange.startRowIndex);
+                const endY = getRowOffset(normalizedRange.endRowIndex + 1);
                 const currentWidth = Math.max(endX - startX, 0);
                 const currentHeight = Math.max(endY - startY, 0);
                 const [viewWidth, viewHeight] = getSheetDimensions();
@@ -46,112 +100,93 @@ export const useExportRange = ({ sheetId, gridLineWidth, cellBackgroundColor, ge
                     const unscaledWidth = currentWidth / baseScale;
                     const unscaledHeight = currentHeight / baseScale;
                     const fitScale = Math.min(viewWidth / unscaledWidth, viewHeight / unscaledHeight, baseScale);
-                    const minScale = Math.min(minExportScale, baseScale);
+                    const minScale = Math.min(MIN_EXPORT_SCALE, baseScale);
                     nextScale = Math.min(Math.max(fitScale, minScale), baseScale);
                 }
             }
             try {
                 if (onChangeScale && nextScale !== baseScale) {
                     onChangeScale(nextScale);
-                    await waitForPaint();
-                }
-                const normalizedRange = normalizeRangeStart(range);
-                const viewport = getViewPort();
-                if (!isStartInViewport(viewport, normalizedRange)) {
-                    scrollToCell?.({
-                        rowIndex: normalizedRange.startRowIndex,
-                        columnIndex: normalizedRange.startColumnIndex,
-                    }, Align.start);
-                    didScroll = true;
-                    await waitForPaint();
-                }
-                const viewportAfterStart = getViewPort();
-                if (!isRangeInViewport(viewportAfterStart, normalizedRange)) {
-                    scrollToCell?.({
-                        rowIndex: normalizedRange.endRowIndex,
-                        columnIndex: normalizedRange.endColumnIndex,
-                    }, Align.end);
-                    didScroll = true;
-                    await waitForPaint();
+                    await waitForPaint(layer, () => scaleRef.current === nextScale);
                 }
-                const scrollCoords = getScrollPosition();
-                const tl = getCellOffsetFromCoords({
-                    rowIndex: normalizedRange.startRowIndex,
-                    columnIndex: normalizedRange.startColumnIndex,
-                });
-                const br = getCellOffsetFromCoords({
-                    rowIndex: normalizedRange.endRowIndex,
-                    columnIndex: normalizedRange.endColumnIndex,
+                // Measured after the zoom so every offset is at the export scale.
+                const dimensions = getGridDimensions();
+                if (!dimensions)
+                    return undefined;
+                const headerWidth = includeHeaders ? getColumnOffset(1) : 0;
+                const headerHeight = includeHeaders ? getRowOffset(1) : 0;
+                const rangeLeft = getColumnOffset(normalizedRange.startColumnIndex);
+                const rangeRight = getColumnOffset(normalizedRange.endColumnIndex + 1) +
+                    gridLineWidth;
+                const rangeTop = getRowOffset(normalizedRange.startRowIndex);
+                const rangeBottom = getRowOffset(normalizedRange.endRowIndex + 1) + gridLineWidth;
+                const scrollAtPlan = getScrollPosition();
+                const stops = planExportStops({
+                    x: {
+                        rangeStart: rangeLeft,
+                        rangeEnd: rangeRight,
+                        frozenSize: getColumnOffset(frozenColumns),
+                        viewportSize: dimensions.containerWidth,
+                        maxScroll: Math.max(0, dimensions.estimatedTotalWidth - dimensions.containerWidth),
+                        currentScroll: scrollAtPlan.scrollLeft,
+                        headerSize: headerWidth,
+                    },
+                    y: {
+                        rangeStart: rangeTop,
+                        rangeEnd: rangeBottom,
+                        frozenSize: getRowOffset(frozenRows),
+                        viewportSize: dimensions.containerHeight,
+                        maxScroll: Math.max(0, dimensions.estimatedTotalHeight - dimensions.containerHeight),
+                        currentScroll: scrollAtPlan.scrollTop,
+                        headerSize: headerHeight,
+                    },
                 });
-                // @ts-ignore
-                tl.x -= scrollCoords.scrollLeft;
-                // @ts-ignore
-                tl.y -= scrollCoords.scrollTop;
-                // @ts-ignore
-                br.x -= scrollCoords.scrollLeft;
-                // @ts-ignore
-                br.y -= scrollCoords.scrollTop;
                 const sheetName = getSheetName?.(range.sheetId ?? sheetId);
                 const dpr = getDevicePixelRatio();
-                const baseX = tl?.x ?? 0;
-                const baseY = tl?.y ?? 0;
-                const baseWidth = (br?.x ?? 0) - baseX + (br?.width ?? 0) + gridLineWidth;
-                const baseHeight = (br?.y ?? 0) - baseY + (br?.height ?? 0) + gridLineWidth;
-                const headerWidth = includeHeaders ? getColumnOffset(1) : 0;
-                const headerHeight = includeHeaders ? getRowOffset(1) : 0;
-                const destX = headerWidth;
-                const destY = headerHeight;
-                const width = baseWidth + headerWidth;
-                const height = baseHeight + headerHeight;
+                const width = rangeRight - rangeLeft + headerWidth;
+                const height = rangeBottom - rangeTop + headerHeight;
                 const finalFileName = filename ??
                     getR1C1AddressFromSelection?.(normalizedRange, sheetName)?.substring(1);
-                const getFileExtension = (fmt) => {
-                    switch (fmt) {
-                        case "image/jpeg":
-                        case "image/jpg":
-                            return ".jpg";
-                        case "image/webp":
-                            return ".webp";
-                        case "image/png":
-                        default:
-                            return ".png";
-                    }
+                const canvases = {
+                    body: layer.getCanvas()._canvas,
+                    rowHeader: includeHeaders
+                        ? getRowHeaderCanvasLayer()?.[0]?.getCanvas()._canvas
+                        : null,
+                    columnHeader: includeHeaders
+                        ? getColumnHeaderCanvasLayer()?.[0]?.getCanvas()._canvas
+                        : null,
                 };
-                const bodyCanvas = layers[0]?.getCanvas()._canvas;
-                const rowHeaderCanvas = includeHeaders
-                    ? getRowHeaderCanvasLayer()?.[0]?.getCanvas()._canvas
-                    : null;
-                const columnHeaderCanvas = includeHeaders
-                    ? getColumnHeaderCanvasLayer()?.[0]?.getCanvas()._canvas
-                    : null;
-                if (!bodyCanvas)
+                if (!canvases.body)
                     return undefined;
-                const canvas = bodyCanvas;
                 const tempCanvas = document.createElement("canvas");
                 tempCanvas.width = width * dpr;
                 tempCanvas.height = height * dpr;
                 const tempCtx = tempCanvas.getContext("2d");
-                const intermediateCanvas = document.createElement("canvas");
-                intermediateCanvas.width = width * dpr;
-                intermediateCanvas.height = height * dpr;
-                const intermediateCtx = intermediateCanvas.getContext("2d");
-                const bodySourceX = baseX;
-                const bodySourceY = baseY;
-                if (intermediateCtx) {
-                    intermediateCtx.drawImage(canvas, bodySourceX * dpr, bodySourceY * dpr, baseWidth * dpr, baseHeight * dpr, destX * dpr, destY * dpr, baseWidth * dpr, baseHeight * dpr);
-                }
                 if (tempCtx) {
                     tempCtx.fillStyle = cellBackgroundColor;
                     tempCtx.fillRect(0, 0, tempCanvas.width, tempCanvas.height);
-                    tempCtx.drawImage(intermediateCanvas, 0, 0);
-                    if (includeHeaders) {
-                        if (columnHeaderCanvas) {
-                            tempCtx.drawImage(columnHeaderCanvas, baseX * dpr, 0, baseWidth * dpr, headerHeight * dpr, destX * dpr, 0, baseWidth * dpr, headerHeight * dpr);
-                        }
-                        if (rowHeaderCanvas) {
-                            tempCtx.drawImage(rowHeaderCanvas, 0, baseY * dpr, headerWidth * dpr, baseHeight * dpr, 0, destY * dpr, headerWidth * dpr, baseHeight * dpr);
-                        }
+                }
+                const copyPiece = (piece, landed) => {
+                    const source = canvases[piece.canvas];
+                    if (!tempCtx || !source)
+                        return;
+                    const sx = sourceOffset(piece.x, landed.scrollLeft);
+                    const sy = sourceOffset(piece.y, landed.scrollTop);
+                    tempCtx.drawImage(source, sx * dpr, sy * dpr, piece.x.size * dpr, piece.y.size * dpr, piece.x.dest * dpr, piece.y.dest * dpr, piece.x.size * dpr, piece.y.size * dpr);
+                };
+                for (const stop of stops) {
+                    const target = {
+                        scrollTop: stop.scrollTop,
+                        scrollLeft: stop.scrollLeft,
+                    };
+                    if (!isAtScroll(getScrollPosition(), target)) {
+                        scrollTo(target, true);
+                        await waitForPaint(layer, () => isAtScroll(getScrollPosition(), target));
                     }
+                    // Copy from where the grid actually landed, not where it was sent.
+                    const landed = getScrollPosition();
+                    for (const piece of stop.pieces)
+                        copyPiece(piece, landed);
                 }
                 if (format === "clipboard") {
                     await new Promise((resolve, reject) => {
@@ -195,11 +230,13 @@ export const useExportRange = ({ sheetId, gridLineWidth, cellBackgroundColor, ge
                 const shouldRestoreScale = onChangeScale && nextScale !== baseScale;
                 if (shouldRestoreScale) {
                     onChangeScale(baseScale);
-                    await waitForPaint();
+                    await waitForPaint(layer, () => scaleRef.current === baseScale);
                 }
-                if (didScroll || shouldRestoreScale) {
-                    scrollTo?.(initialScrollCoords, true);
-                    await waitForPaint();
+                const current = getScrollPosition();
+                if (current.scrollTop !== initialScrollCoords.scrollTop ||
+                    current.scrollLeft !== initialScrollCoords.scrollLeft) {
+                    scrollTo(initialScrollCoords, true);
+                    await waitForPaint(layer, () => isAtScroll(getScrollPosition(), initialScrollCoords));
                 }
             }
         };
@@ -208,20 +245,21 @@ export const useExportRange = ({ sheetId, gridLineWidth, cellBackgroundColor, ge
         sheetId,
         gridLineWidth,
         cellBackgroundColor,
+        frozenRows,
+        frozenColumns,
         getCanvasLayers,
-        getCellOffsetFromCoords,
         getSheetName,
         getR1C1AddressFromSelection,
         getScrollPosition,
-        getViewPort,
         getColumnHeaderCanvasLayer,
         getRowHeaderCanvasLayer,
         getRowOffset,
         getColumnOffset,
         getSheetDimensions,
+        getGridDimensions,
         scrollTo,
-        scrollToCell,
         scale,
         onChangeScale,
+        scaleRef,
     ]));
 };

package/dist/esm/hooks/use-grid-children.d.ts

@@ -1,5 +1,6 @@
 import type { GridChildrenProps } from "@rowsncolumns/grid";
 import React from "react";
+import type { CanvasGridProps } from "../components/canvas-grid/typings";
 import type { SheetCoordinate, SheetRange } from "../types";
 import type { useEmbedsCharts } from "./use-embeds-charts";
 type UseGridChildrenProps = {
@@ -18,12 +19,14 @@ type UseGridChildrenProps = {
     isHeaderMenuInFrozenColumn?: boolean;
     popoverComponent: React.JSX.Element | null | undefined;
     cellExpandComponent: React.JSX.Element | null | undefined;
+    /** Trace precedents / dependents arrows; they scroll with the body. */
+    arrowComponents?: CanvasGridProps["arrowComponents"];
     popoverRange?: SheetRange | SheetCoordinate;
     gridLineWidth?: number;
     frozenColumns: number;
     frozenRows: number;
 };
-export declare const useGridChildren: ({ stickyEditor, editorComponent, chartComponents, embedComponents, slicerComponents, pivotPlaceholders, tableResizers, hiddenColumnMarkers, frozenHiddenColumnMarkers, hiddenRowMarkers, frozenHiddenRowMarkers, gridLineWidth, frozenColumns, frozenRows, headerMenuComponent, isHeaderMenuInFrozenColumn, popoverRange, popoverComponent, cellExpandComponent, }: UseGridChildrenProps) => (props: GridChildrenProps) => React.JSX.Element;
+export declare const useGridChildren: ({ stickyEditor, editorComponent, chartComponents, embedComponents, slicerComponents, pivotPlaceholders, tableResizers, hiddenColumnMarkers, frozenHiddenColumnMarkers, hiddenRowMarkers, frozenHiddenRowMarkers, gridLineWidth, frozenColumns, frozenRows, headerMenuComponent, isHeaderMenuInFrozenColumn, popoverRange, popoverComponent, cellExpandComponent, arrowComponents, }: UseGridChildrenProps) => (props: GridChildrenProps) => React.JSX.Element;
 export declare const StyledGridChildren: ({ className, elevate, ...props }: React.HTMLAttributes<HTMLDivElement> & {
     elevate?: boolean;
 }) => React.JSX.Element;

package/dist/esm/hooks/use-grid-children.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-grid-children.d.ts","sourceRoot":"","sources":["../../../hooks/use-grid-children.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,KAAK,oBAAoB,GAAG;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IAC3C,eAAe,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,iBAAiB,CAAC,CAAC;IACvE,eAAe,EACX,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,iBAAiB,CAAC,GACrD,IAAI,GACJ,SAAS,CAAC;IACd,gBAAgB,EACZ,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,kBAAkB,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,iBAAiB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1D,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,mBAAmB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1D,yBAAyB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IAChE,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IACvD,sBAAsB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IAC7D,mBAAmB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1D,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IACvD,mBAAmB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1D,YAAY,CAAC,EAAE,UAAU,GAAG,eAAe,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,oWAoB7B,oBAAoB,aAiBX,iBAAiB,sBAyI5B,CAAC;AA+BF,eAAO,MAAM,kBAAkB,GAAI,kCAIhC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,sBAS9D,CAAC"}
+{"version":3,"file":"use-grid-children.d.ts","sourceRoot":"","sources":["../../../hooks/use-grid-children.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEzE,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,KAAK,oBAAoB,GAAG;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IAC3C,eAAe,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,iBAAiB,CAAC,CAAC;IACvE,eAAe,EACX,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,iBAAiB,CAAC,GACrD,IAAI,GACJ,SAAS,CAAC;IACd,gBAAgB,EACZ,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,kBAAkB,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,iBAAiB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1D,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,mBAAmB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1D,yBAAyB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IAChE,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IACvD,sBAAsB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IAC7D,mBAAmB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1D,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IACvD,mBAAmB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1D,uEAAuE;IACvE,eAAe,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,UAAU,GAAG,eAAe,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,qXAqB7B,oBAAoB,aAiBX,iBAAiB,sBA2I5B,CAAC;AA+BF,eAAO,MAAM,kBAAkB,GAAI,kCAIhC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,sBAS9D,CAAC"}

package/dist/esm/hooks/use-grid-children.js

@@ -2,7 +2,7 @@ import { cn } from "@rowsncolumns/ui";
 import React, { useCallback } from "react";
 import { useEditingCellCoordinate } from "../atoms";
 import { isSheetRange } from "../helpers";
-export const useGridChildren = ({ stickyEditor, editorComponent, chartComponents, embedComponents, slicerComponents, pivotPlaceholders, tableResizers, hiddenColumnMarkers, frozenHiddenColumnMarkers, hiddenRowMarkers, frozenHiddenRowMarkers, gridLineWidth = 1, frozenColumns, frozenRows, headerMenuComponent, isHeaderMenuInFrozenColumn, popoverRange, popoverComponent, cellExpandComponent, }) => {
+export const useGridChildren = ({ stickyEditor, editorComponent, chartComponents, embedComponents, slicerComponents, pivotPlaceholders, tableResizers, hiddenColumnMarkers, frozenHiddenColumnMarkers, hiddenRowMarkers, frozenHiddenRowMarkers, gridLineWidth = 1, frozenColumns, frozenRows, headerMenuComponent, isHeaderMenuInFrozenColumn, popoverRange, popoverComponent, cellExpandComponent, arrowComponents, }) => {
     const editingCellCoordinate = useEditingCellCoordinate();
     // Quite a bit of logic for non sticky editor
     // Remove if majority dont use this
@@ -42,7 +42,8 @@ export const useGridChildren = ({ stickyEditor, editorComponent, chartComponents
                     slicerComponents?.body,
                     pivotPlaceholders,
                     popoverPlacement === "body" ? popoverComponent : null,
-                    cellExpandComponent)),
+                    cellExpandComponent,
+                    arrowComponents)),
             React.createElement(StyledGridChildren, { style: {
                     left: frozenColumnWidth + gridLineWidth,
                 } },
@@ -104,6 +105,7 @@ export const useGridChildren = ({ stickyEditor, editorComponent, chartComponents
         popoverComponent,
         popoverPlacement,
         cellExpandComponent,
+        arrowComponents,
     ]);
 };
 /**

package/dist/esm/hooks/use-navigate-sheet-range.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-navigate-sheet-range.d.ts","sourceRoot":"","sources":["../../../hooks/use-navigate-sheet-range.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,KAAK,EACV,eAAe,EACf,KAAK,EACL,UAAU,EACX,MAAM,2BAA2B,CAAC;AAMnC,MAAM,MAAM,uBAAuB,GAAG;IACpC,mBAAmB,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAC5D,kBAAkB,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAC1D,aAAa,EAAE,CACb,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,aAAa,EACrB,YAAY,CAAC,EAAE,OAAO,EACtB,KAAK,CAAC,EAAE,KAAK,KACV,IAAI,CAAC;IACV,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrE,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,oEAKrC,uBAAuB,kBAGP,UAAU,YAAY,eAAe,SAsCvD,CAAC"}
+{"version":3,"file":"use-navigate-sheet-range.d.ts","sourceRoot":"","sources":["../../../hooks/use-navigate-sheet-range.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,KAAK,EACV,eAAe,EACf,KAAK,EACL,UAAU,EACX,MAAM,2BAA2B,CAAC;AAMnC,MAAM,MAAM,uBAAuB,GAAG;IACpC,mBAAmB,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAC5D,kBAAkB,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAC1D,aAAa,EAAE,CACb,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,aAAa,EACrB,YAAY,CAAC,EAAE,OAAO,EACtB,KAAK,CAAC,EAAE,KAAK,KACV,IAAI,CAAC;IACV,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrE,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,oEAKrC,uBAAuB,kBAGP,UAAU,YAAY,eAAe,SA4CvD,CAAC"}

package/dist/esm/hooks/use-navigate-sheet-range.js

@@ -14,8 +14,11 @@ export const useNavigateToSheetRange = ({ onChangeActiveSheet, onChangeSelection
         };
         // Switch to new sheet
         onChangeActiveSheet?.(sheetRange.sheetId);
-        if (allowSelection && !isSheetRangeACell(sheetRange)) {
-            onChangeSelections?.(sheetRange.sheetId, [{ range: sheetRange }]);
+        // A single-cell target clears the selection, as a click on that cell
+        // does; leaving the previous range selected would send the next
+        // paste there instead of to the cell the user navigated to.
+        if (allowSelection) {
+            onChangeSelections?.(sheetRange.sheetId, isSheetRangeACell(sheetRange) ? [] : [{ range: sheetRange }]);
         }
         // Set active cell
         if (allowSelection) {

package/dist/esm/hooks/use-sizer.d.ts

@@ -1,4 +1,4 @@
-import type { HiddenType, ViewPortProps } from "@rowsncolumns/grid";
+import type { HiddenType, LineHeightMode, ViewPortProps } from "@rowsncolumns/grid";
 import type { CanvasGridProps } from "../components/canvas-grid/typings";
 import type { AXIS, Color, TextFormatRun } from "../types";
 type GetColumnWidthOptions = {
@@ -41,6 +41,12 @@ export interface UseSizerProps {
     fontSize?: number;
     fontWeight?: string;
     fontStyle?: string;
+    /**
+     * Where the height of one line of text comes from — the font's own
+     * metrics (default) or the legacy `fontSize * 1.2` box. Must match the
+     * painter's `lineHeightMode` or wrapped rows clip (#1141).
+     */
+    lineHeightMode?: LineHeightMode;
     /**
      * Strategy used to calculate column width
      * lazy = visible rows
@@ -144,7 +150,7 @@ export interface GetCellDimensionsOptions {
  * TODO
  * Dynamically resize columns after user has scrolled down/view port changed ?
  */
-export declare const useSizer: ({ getTextFormat, getTextFormatRuns, initialVisibleRows, initialVisibleColumns, cellVerticalSpacing, cellHorizontalSpacing, minColumnDimension, minRowDimension, resizeStrategy, rowCount, columnCount, getDataRowCount, fontFamily, fontSize, fontWeight, fontStyle, frozenRows, frozenColumns, scale, isHiddenRow, isHiddenColumn, getTextValue, getSpacing, getViewPort, shouldWrapCell, columnWidth, getActualCellWidth, }: UseSizerProps) => {
+export declare const useSizer: ({ getTextFormat, getTextFormatRuns, initialVisibleRows, initialVisibleColumns, cellVerticalSpacing, cellHorizontalSpacing, minColumnDimension, minRowDimension, resizeStrategy, rowCount, columnCount, getDataRowCount, fontFamily, fontSize, fontWeight, fontStyle, lineHeightMode, frozenRows, frozenColumns, scale, isHiddenRow, isHiddenColumn, getTextValue, getSpacing, getViewPort, shouldWrapCell, columnWidth, getActualCellWidth, }: UseSizerProps) => {
     getColumnWidth: (sheetId: number, columnIndex: number, options?: GetColumnWidthOptions) => number;
     getTextDimension: (sheetId: number, rowIndex: number, columnIndex: number, formattedValue: string | undefined, customTextFormat?: TextFormat) => {
         width: number;

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

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