@rowsncolumns/spreadsheet 10.5.2 → 10.5.3

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

@@ -3,54 +3,107 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useExportRange = void 0;
 var tslib_1 = require("tslib");
 var grid_1 = require("@rowsncolumns/grid");
-var grid_2 = require("@rowsncolumns/grid");
 var react_1 = require("react");
+var export_range_tiles_1 = require("./export-range-tiles");
 var use_callback_ref_1 = require("./use-callback-ref");
+var use_stable_ref_1 = require("./use-stable-ref");
+/** The export zooms out this far to fit a range in the viewport before it tiles. */
+var 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.
+ */
+var 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. */
+var 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.
+ */
+var waitForPaint = function (layer, ready) {
+    return new Promise(function (resolve) {
+        var paintedThisFrame = false;
+        var paintedWhileReady = false;
+        var frames = 0;
+        var onDraw = function () {
+            paintedThisFrame = true;
+        };
+        layer.on("draw", onDraw);
+        var finish = function () {
+            layer.off("draw", onDraw);
+            resolve();
+        };
+        var tick = function () {
+            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);
+    });
+};
+var isAtScroll = function (position, target) {
+    return Math.abs(position.scrollTop - target.scrollTop) <= SCROLL_TOLERANCE &&
+        Math.abs(position.scrollLeft - target.scrollLeft) <= SCROLL_TOLERANCE;
+};
+var getFileExtension = function (fmt) {
+    switch (fmt) {
+        case "image/jpeg":
+        case "image/jpg":
+            return ".jpg";
+        case "image/webp":
+            return ".webp";
+        case "image/png":
+        default:
+            return ".png";
+    }
+};
 var useExportRange = function (_a) {
-    var sheetId = _a.sheetId, gridLineWidth = _a.gridLineWidth, cellBackgroundColor = _a.cellBackgroundColor, getCanvasLayers = _a.getCanvasLayers, getColumnHeaderCanvasLayer = _a.getColumnHeaderCanvasLayer, getRowHeaderCanvasLayer = _a.getRowHeaderCanvasLayer, getSheetName = _a.getSheetName, getCellOffsetFromCoords = _a.getCellOffsetFromCoords, getR1C1AddressFromSelection = _a.getR1C1AddressFromSelection, getScrollPosition = _a.getScrollPosition, getViewPort = _a.getViewPort, getRowOffset = _a.getRowOffset, getColumnOffset = _a.getColumnOffset, getSheetDimensions = _a.getSheetDimensions, scrollTo = _a.scrollTo, scrollToCell = _a.scrollToCell, scale = _a.scale, onChangeScale = _a.onChangeScale;
+    var sheetId = _a.sheetId, gridLineWidth = _a.gridLineWidth, cellBackgroundColor = _a.cellBackgroundColor, frozenRows = _a.frozenRows, frozenColumns = _a.frozenColumns, getCanvasLayers = _a.getCanvasLayers, getColumnHeaderCanvasLayer = _a.getColumnHeaderCanvasLayer, getRowHeaderCanvasLayer = _a.getRowHeaderCanvasLayer, getSheetName = _a.getSheetName, getR1C1AddressFromSelection = _a.getR1C1AddressFromSelection, getScrollPosition = _a.getScrollPosition, getRowOffset = _a.getRowOffset, getColumnOffset = _a.getColumnOffset, getSheetDimensions = _a.getSheetDimensions, getGridDimensions = _a.getGridDimensions, scrollTo = _a.scrollTo, scale = _a.scale, onChangeScale = _a.onChangeScale;
+    // The capture spans renders; this is how it sees the scale the host applied.
+    var scaleRef = (0, use_stable_ref_1.useStableRef)(scale);
     return (0, use_callback_ref_1.useCallbackRef)((0, react_1.useCallback)(function (range, options) {
         var layers = getCanvasLayers();
-        if (!(layers === null || layers === void 0 ? void 0 : layers.length))
+        var layer = layers === null || layers === void 0 ? void 0 : layers[0];
+        if (!layer)
             return undefined;
         var _a = options || {}, filename = _a.filename, format = _a.format, includeHeaders = _a.includeHeaders;
         var baseScale = scale !== null && scale !== void 0 ? scale : 1;
-        var minExportScale = 0.25;
-        var waitForPaint = function () {
-            return new Promise(function (resolve) {
-                requestAnimationFrame(function () {
-                    requestAnimationFrame(function () { return resolve(); });
-                });
-            });
-        };
-        var normalizeRangeStart = function (rangeValue) { return (tslib_1.__assign(tslib_1.__assign({}, rangeValue), { startRowIndex: Math.max(1, rangeValue.startRowIndex), startColumnIndex: Math.max(1, rangeValue.startColumnIndex) })); };
-        var isStartInViewport = function (viewport, normalizedRange) {
-            return normalizedRange.startRowIndex >= viewport.visibleRowStartIndex &&
-                normalizedRange.startRowIndex <= viewport.visibleRowStopIndex &&
-                normalizedRange.startColumnIndex >=
-                    viewport.visibleColumnStartIndex &&
-                normalizedRange.startColumnIndex <= viewport.visibleColumnStopIndex;
-        };
-        var isRangeInViewport = function (viewport, normalizedRange) {
-            return normalizedRange.startRowIndex >= viewport.visibleRowStartIndex &&
-                normalizedRange.endRowIndex <= viewport.visibleRowStopIndex &&
-                normalizedRange.startColumnIndex >=
-                    viewport.visibleColumnStartIndex &&
-                normalizedRange.endColumnIndex <= viewport.visibleColumnStopIndex;
-        };
+        var normalizedRange = tslib_1.__assign(tslib_1.__assign({}, range), { startRowIndex: Math.max(1, range.startRowIndex), startColumnIndex: Math.max(1, range.startColumnIndex) });
         var exportRangeAsync = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-            var initialScrollCoords, nextScale, didScroll, startX, endX, startY, endY, currentWidth, currentHeight, _a, viewWidth, viewHeight, unscaledWidth, unscaledHeight, fitScale, minScale, normalizedRange, viewport, viewportAfterStart, scrollCoords, tl, br, sheetName, dpr, baseX, baseY, baseWidth, baseHeight, headerWidth, headerHeight, destX, destY, width, height, finalFileName, getFileExtension, bodyCanvas, rowHeaderCanvas, columnHeaderCanvas, canvas, tempCanvas_1, tempCtx, intermediateCanvas, intermediateCtx, bodySourceX, bodySourceY, dataURL, anchor, shouldRestoreScale;
-            var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-            return tslib_1.__generator(this, function (_q) {
-                switch (_q.label) {
+            var initialScrollCoords, nextScale, startX, endX, startY, endY, currentWidth, currentHeight, _a, viewWidth, viewHeight, unscaledWidth, unscaledHeight, fitScale, minScale, dimensions, headerWidth, headerHeight, rangeLeft, rangeRight, rangeTop, rangeBottom, scrollAtPlan, stops, sheetName, dpr_1, width, height, finalFileName, canvases_1, tempCanvas_1, tempCtx_1, copyPiece, _loop_1, stops_1, stops_1_1, stop_1, e_1_1, dataURL, anchor, shouldRestoreScale, current;
+            var e_1, _b;
+            var _c, _d, _e, _f, _g, _h;
+            return tslib_1.__generator(this, function (_j) {
+                switch (_j.label) {
                     case 0:
                         initialScrollCoords = getScrollPosition();
                         nextScale = baseScale;
-                        didScroll = false;
                         if (onChangeScale) {
-                            startX = getColumnOffset(range.startColumnIndex);
-                            endX = getColumnOffset(range.endColumnIndex + 1);
-                            startY = getRowOffset(range.startRowIndex);
-                            endY = getRowOffset(range.endRowIndex + 1);
+                            startX = getColumnOffset(normalizedRange.startColumnIndex);
+                            endX = getColumnOffset(normalizedRange.endColumnIndex + 1);
+                            startY = getRowOffset(normalizedRange.startRowIndex);
+                            endY = getRowOffset(normalizedRange.endRowIndex + 1);
                             currentWidth = Math.max(endX - startX, 0);
                             currentHeight = Math.max(endY - startY, 0);
                             _a = tslib_1.__read(getSheetDimensions(), 2), viewWidth = _a[0], viewHeight = _a[1];
@@ -58,124 +111,148 @@ var useExportRange = function (_a) {
                                 unscaledWidth = currentWidth / baseScale;
                                 unscaledHeight = currentHeight / baseScale;
                                 fitScale = Math.min(viewWidth / unscaledWidth, viewHeight / unscaledHeight, baseScale);
-                                minScale = Math.min(minExportScale, baseScale);
+                                minScale = Math.min(MIN_EXPORT_SCALE, baseScale);
                                 nextScale = Math.min(Math.max(fitScale, minScale), baseScale);
                             }
                         }
-                        _q.label = 1;
+                        _j.label = 1;
                     case 1:
-                        _q.trys.push([1, , 10, 15]);
+                        _j.trys.push([1, , 14, 19]);
                         if (!(onChangeScale && nextScale !== baseScale)) return [3 /*break*/, 3];
                         onChangeScale(nextScale);
-                        return [4 /*yield*/, waitForPaint()];
+                        return [4 /*yield*/, waitForPaint(layer, function () { return scaleRef.current === nextScale; })];
                     case 2:
-                        _q.sent();
-                        _q.label = 3;
+                        _j.sent();
+                        _j.label = 3;
                     case 3:
-                        normalizedRange = normalizeRangeStart(range);
-                        viewport = getViewPort();
-                        if (!!isStartInViewport(viewport, normalizedRange)) return [3 /*break*/, 5];
-                        scrollToCell === null || scrollToCell === void 0 ? void 0 : scrollToCell({
-                            rowIndex: normalizedRange.startRowIndex,
-                            columnIndex: normalizedRange.startColumnIndex,
-                        }, grid_1.Align.start);
-                        didScroll = true;
-                        return [4 /*yield*/, waitForPaint()];
-                    case 4:
-                        _q.sent();
-                        _q.label = 5;
-                    case 5:
-                        viewportAfterStart = getViewPort();
-                        if (!!isRangeInViewport(viewportAfterStart, normalizedRange)) return [3 /*break*/, 7];
-                        scrollToCell === null || scrollToCell === void 0 ? void 0 : scrollToCell({
-                            rowIndex: normalizedRange.endRowIndex,
-                            columnIndex: normalizedRange.endColumnIndex,
-                        }, grid_1.Align.end);
-                        didScroll = true;
-                        return [4 /*yield*/, waitForPaint()];
-                    case 6:
-                        _q.sent();
-                        _q.label = 7;
-                    case 7:
-                        scrollCoords = getScrollPosition();
-                        tl = getCellOffsetFromCoords({
-                            rowIndex: normalizedRange.startRowIndex,
-                            columnIndex: normalizedRange.startColumnIndex,
-                        });
-                        br = getCellOffsetFromCoords({
-                            rowIndex: normalizedRange.endRowIndex,
-                            columnIndex: normalizedRange.endColumnIndex,
-                        });
-                        // @ts-ignore
-                        tl.x -= scrollCoords.scrollLeft;
-                        // @ts-ignore
-                        tl.y -= scrollCoords.scrollTop;
-                        // @ts-ignore
-                        br.x -= scrollCoords.scrollLeft;
-                        // @ts-ignore
-                        br.y -= scrollCoords.scrollTop;
-                        sheetName = getSheetName === null || getSheetName === void 0 ? void 0 : getSheetName((_b = range.sheetId) !== null && _b !== void 0 ? _b : sheetId);
-                        dpr = (0, grid_2.getDevicePixelRatio)();
-                        baseX = (_c = tl === null || tl === void 0 ? void 0 : tl.x) !== null && _c !== void 0 ? _c : 0;
-                        baseY = (_d = tl === null || tl === void 0 ? void 0 : tl.y) !== null && _d !== void 0 ? _d : 0;
-                        baseWidth = ((_e = br === null || br === void 0 ? void 0 : br.x) !== null && _e !== void 0 ? _e : 0) - baseX + ((_f = br === null || br === void 0 ? void 0 : br.width) !== null && _f !== void 0 ? _f : 0) + gridLineWidth;
-                        baseHeight = ((_g = br === null || br === void 0 ? void 0 : br.y) !== null && _g !== void 0 ? _g : 0) - baseY + ((_h = br === null || br === void 0 ? void 0 : br.height) !== null && _h !== void 0 ? _h : 0) + gridLineWidth;
+                        dimensions = getGridDimensions();
+                        if (!dimensions)
+                            return [2 /*return*/, undefined];
                         headerWidth = includeHeaders ? getColumnOffset(1) : 0;
                         headerHeight = includeHeaders ? getRowOffset(1) : 0;
-                        destX = headerWidth;
-                        destY = headerHeight;
-                        width = baseWidth + headerWidth;
-                        height = baseHeight + headerHeight;
-                        finalFileName = filename !== null && filename !== void 0 ? filename : (_j = getR1C1AddressFromSelection === null || getR1C1AddressFromSelection === void 0 ? void 0 : getR1C1AddressFromSelection(normalizedRange, sheetName)) === null || _j === void 0 ? void 0 : _j.substring(1);
-                        getFileExtension = function (fmt) {
-                            switch (fmt) {
-                                case "image/jpeg":
-                                case "image/jpg":
-                                    return ".jpg";
-                                case "image/webp":
-                                    return ".webp";
-                                case "image/png":
-                                default:
-                                    return ".png";
-                            }
+                        rangeLeft = getColumnOffset(normalizedRange.startColumnIndex);
+                        rangeRight = getColumnOffset(normalizedRange.endColumnIndex + 1) +
+                            gridLineWidth;
+                        rangeTop = getRowOffset(normalizedRange.startRowIndex);
+                        rangeBottom = getRowOffset(normalizedRange.endRowIndex + 1) + gridLineWidth;
+                        scrollAtPlan = getScrollPosition();
+                        stops = (0, export_range_tiles_1.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,
+                            },
+                        });
+                        sheetName = getSheetName === null || getSheetName === void 0 ? void 0 : getSheetName((_c = range.sheetId) !== null && _c !== void 0 ? _c : sheetId);
+                        dpr_1 = (0, grid_1.getDevicePixelRatio)();
+                        width = rangeRight - rangeLeft + headerWidth;
+                        height = rangeBottom - rangeTop + headerHeight;
+                        finalFileName = filename !== null && filename !== void 0 ? filename : (_d = getR1C1AddressFromSelection === null || getR1C1AddressFromSelection === void 0 ? void 0 : getR1C1AddressFromSelection(normalizedRange, sheetName)) === null || _d === void 0 ? void 0 : _d.substring(1);
+                        canvases_1 = {
+                            body: layer.getCanvas()._canvas,
+                            rowHeader: includeHeaders
+                                ? (_f = (_e = getRowHeaderCanvasLayer()) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.getCanvas()._canvas
+                                : null,
+                            columnHeader: includeHeaders
+                                ? (_h = (_g = getColumnHeaderCanvasLayer()) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.getCanvas()._canvas
+                                : null,
                         };
-                        bodyCanvas = (_k = layers[0]) === null || _k === void 0 ? void 0 : _k.getCanvas()._canvas;
-                        rowHeaderCanvas = includeHeaders
-                            ? (_m = (_l = getRowHeaderCanvasLayer()) === null || _l === void 0 ? void 0 : _l[0]) === null || _m === void 0 ? void 0 : _m.getCanvas()._canvas
-                            : null;
-                        columnHeaderCanvas = includeHeaders
-                            ? (_p = (_o = getColumnHeaderCanvasLayer()) === null || _o === void 0 ? void 0 : _o[0]) === null || _p === void 0 ? void 0 : _p.getCanvas()._canvas
-                            : null;
-                        if (!bodyCanvas)
+                        if (!canvases_1.body)
                             return [2 /*return*/, undefined];
-                        canvas = bodyCanvas;
                         tempCanvas_1 = document.createElement("canvas");
-                        tempCanvas_1.width = width * dpr;
-                        tempCanvas_1.height = height * dpr;
-                        tempCtx = tempCanvas_1.getContext("2d");
-                        intermediateCanvas = document.createElement("canvas");
-                        intermediateCanvas.width = width * dpr;
-                        intermediateCanvas.height = height * dpr;
-                        intermediateCtx = intermediateCanvas.getContext("2d");
-                        bodySourceX = baseX;
-                        bodySourceY = baseY;
-                        if (intermediateCtx) {
-                            intermediateCtx.drawImage(canvas, bodySourceX * dpr, bodySourceY * dpr, baseWidth * dpr, baseHeight * dpr, destX * dpr, destY * dpr, baseWidth * dpr, baseHeight * dpr);
+                        tempCanvas_1.width = width * dpr_1;
+                        tempCanvas_1.height = height * dpr_1;
+                        tempCtx_1 = tempCanvas_1.getContext("2d");
+                        if (tempCtx_1) {
+                            tempCtx_1.fillStyle = cellBackgroundColor;
+                            tempCtx_1.fillRect(0, 0, tempCanvas_1.width, tempCanvas_1.height);
                         }
-                        if (tempCtx) {
-                            tempCtx.fillStyle = cellBackgroundColor;
-                            tempCtx.fillRect(0, 0, tempCanvas_1.width, tempCanvas_1.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);
+                        copyPiece = function (piece, landed) {
+                            var source = canvases_1[piece.canvas];
+                            if (!tempCtx_1 || !source)
+                                return;
+                            var sx = (0, export_range_tiles_1.sourceOffset)(piece.x, landed.scrollLeft);
+                            var sy = (0, export_range_tiles_1.sourceOffset)(piece.y, landed.scrollTop);
+                            tempCtx_1.drawImage(source, sx * dpr_1, sy * dpr_1, piece.x.size * dpr_1, piece.y.size * dpr_1, piece.x.dest * dpr_1, piece.y.dest * dpr_1, piece.x.size * dpr_1, piece.y.size * dpr_1);
+                        };
+                        _loop_1 = function (stop_1) {
+                            var target, landed, _k, _l, piece;
+                            var e_2, _m;
+                            return tslib_1.__generator(this, function (_o) {
+                                switch (_o.label) {
+                                    case 0:
+                                        target = {
+                                            scrollTop: stop_1.scrollTop,
+                                            scrollLeft: stop_1.scrollLeft,
+                                        };
+                                        if (!!isAtScroll(getScrollPosition(), target)) return [3 /*break*/, 2];
+                                        scrollTo(target, true);
+                                        return [4 /*yield*/, waitForPaint(layer, function () {
+                                                return isAtScroll(getScrollPosition(), target);
+                                            })];
+                                    case 1:
+                                        _o.sent();
+                                        _o.label = 2;
+                                    case 2:
+                                        landed = getScrollPosition();
+                                        try {
+                                            for (_k = (e_2 = void 0, tslib_1.__values(stop_1.pieces)), _l = _k.next(); !_l.done; _l = _k.next()) {
+                                                piece = _l.value;
+                                                copyPiece(piece, landed);
+                                            }
+                                        }
+                                        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                                        finally {
+                                            try {
+                                                if (_l && !_l.done && (_m = _k.return)) _m.call(_k);
+                                            }
+                                            finally { if (e_2) throw e_2.error; }
+                                        }
+                                        return [2 /*return*/];
                                 }
-                            }
+                            });
+                        };
+                        _j.label = 4;
+                    case 4:
+                        _j.trys.push([4, 9, 10, 11]);
+                        stops_1 = tslib_1.__values(stops), stops_1_1 = stops_1.next();
+                        _j.label = 5;
+                    case 5:
+                        if (!!stops_1_1.done) return [3 /*break*/, 8];
+                        stop_1 = stops_1_1.value;
+                        return [5 /*yield**/, _loop_1(stop_1)];
+                    case 6:
+                        _j.sent();
+                        _j.label = 7;
+                    case 7:
+                        stops_1_1 = stops_1.next();
+                        return [3 /*break*/, 5];
+                    case 8: return [3 /*break*/, 11];
+                    case 9:
+                        e_1_1 = _j.sent();
+                        e_1 = { error: e_1_1 };
+                        return [3 /*break*/, 11];
+                    case 10:
+                        try {
+                            if (stops_1_1 && !stops_1_1.done && (_b = stops_1.return)) _b.call(stops_1);
                         }
-                        if (!(format === "clipboard")) return [3 /*break*/, 9];
+                        finally { if (e_1) throw e_1.error; }
+                        return [7 /*endfinally*/];
+                    case 11:
+                        if (!(format === "clipboard")) return [3 /*break*/, 13];
                         return [4 /*yield*/, new Promise(function (resolve, reject) {
                                 tempCanvas_1.toBlob(function (blob) {
                                     if (!blob) {
@@ -186,10 +263,10 @@ var useExportRange = function (_a) {
                                     navigator.clipboard.write([item]).then(resolve).catch(reject);
                                 }, "image/png");
                             })];
-                    case 8:
-                        _q.sent();
+                    case 12:
+                        _j.sent();
                         return [2 /*return*/, undefined];
-                    case 9:
+                    case 13:
                         if (format === "blob") {
                             return [2 /*return*/, new Promise(function (resolve, reject) {
                                     tempCanvas_1.toBlob(function (blob) {
@@ -214,23 +291,27 @@ var useExportRange = function (_a) {
                                     blob === null || blob === void 0 ? void 0 : blob.arrayBuffer().then(resolve);
                                 });
                             })];
-                    case 10:
+                    case 14:
                         shouldRestoreScale = onChangeScale && nextScale !== baseScale;
-                        if (!shouldRestoreScale) return [3 /*break*/, 12];
+                        if (!shouldRestoreScale) return [3 /*break*/, 16];
                         onChangeScale(baseScale);
-                        return [4 /*yield*/, waitForPaint()];
-                    case 11:
-                        _q.sent();
-                        _q.label = 12;
-                    case 12:
-                        if (!(didScroll || shouldRestoreScale)) return [3 /*break*/, 14];
-                        scrollTo === null || scrollTo === void 0 ? void 0 : scrollTo(initialScrollCoords, true);
-                        return [4 /*yield*/, waitForPaint()];
-                    case 13:
-                        _q.sent();
-                        _q.label = 14;
-                    case 14: return [7 /*endfinally*/];
-                    case 15: return [2 /*return*/];
+                        return [4 /*yield*/, waitForPaint(layer, function () { return scaleRef.current === baseScale; })];
+                    case 15:
+                        _j.sent();
+                        _j.label = 16;
+                    case 16:
+                        current = getScrollPosition();
+                        if (!(current.scrollTop !== initialScrollCoords.scrollTop ||
+                            current.scrollLeft !== initialScrollCoords.scrollLeft)) return [3 /*break*/, 18];
+                        scrollTo(initialScrollCoords, true);
+                        return [4 /*yield*/, waitForPaint(layer, function () {
+                                return isAtScroll(getScrollPosition(), initialScrollCoords);
+                            })];
+                    case 17:
+                        _j.sent();
+                        _j.label = 18;
+                    case 18: return [7 /*endfinally*/];
+                    case 19: return [2 /*return*/];
                 }
             });
         }); };
@@ -239,21 +320,22 @@ var useExportRange = function (_a) {
         sheetId,
         gridLineWidth,
         cellBackgroundColor,
+        frozenRows,
+        frozenColumns,
         getCanvasLayers,
-        getCellOffsetFromCoords,
         getSheetName,
         getR1C1AddressFromSelection,
         getScrollPosition,
-        getViewPort,
         getColumnHeaderCanvasLayer,
         getRowHeaderCanvasLayer,
         getRowOffset,
         getColumnOffset,
         getSheetDimensions,
+        getGridDimensions,
         scrollTo,
-        scrollToCell,
         scale,
         onChangeScale,
+        scaleRef,
     ]));
 };
 exports.useExportRange = useExportRange;

package/dist/cjs/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/cjs/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/cjs/hooks/use-grid-children.js

@@ -7,7 +7,7 @@ var react_1 = tslib_1.__importStar(require("react"));
 var atoms_1 = require("../atoms");
 var helpers_1 = require("../helpers");
 var useGridChildren = function (_a) {
-    var stickyEditor = _a.stickyEditor, editorComponent = _a.editorComponent, chartComponents = _a.chartComponents, embedComponents = _a.embedComponents, slicerComponents = _a.slicerComponents, pivotPlaceholders = _a.pivotPlaceholders, tableResizers = _a.tableResizers, hiddenColumnMarkers = _a.hiddenColumnMarkers, frozenHiddenColumnMarkers = _a.frozenHiddenColumnMarkers, hiddenRowMarkers = _a.hiddenRowMarkers, frozenHiddenRowMarkers = _a.frozenHiddenRowMarkers, _b = _a.gridLineWidth, gridLineWidth = _b === void 0 ? 1 : _b, frozenColumns = _a.frozenColumns, frozenRows = _a.frozenRows, headerMenuComponent = _a.headerMenuComponent, isHeaderMenuInFrozenColumn = _a.isHeaderMenuInFrozenColumn, popoverRange = _a.popoverRange, popoverComponent = _a.popoverComponent, cellExpandComponent = _a.cellExpandComponent;
+    var stickyEditor = _a.stickyEditor, editorComponent = _a.editorComponent, chartComponents = _a.chartComponents, embedComponents = _a.embedComponents, slicerComponents = _a.slicerComponents, pivotPlaceholders = _a.pivotPlaceholders, tableResizers = _a.tableResizers, hiddenColumnMarkers = _a.hiddenColumnMarkers, frozenHiddenColumnMarkers = _a.frozenHiddenColumnMarkers, hiddenRowMarkers = _a.hiddenRowMarkers, frozenHiddenRowMarkers = _a.frozenHiddenRowMarkers, _b = _a.gridLineWidth, gridLineWidth = _b === void 0 ? 1 : _b, frozenColumns = _a.frozenColumns, frozenRows = _a.frozenRows, headerMenuComponent = _a.headerMenuComponent, isHeaderMenuInFrozenColumn = _a.isHeaderMenuInFrozenColumn, popoverRange = _a.popoverRange, popoverComponent = _a.popoverComponent, cellExpandComponent = _a.cellExpandComponent, arrowComponents = _a.arrowComponents;
     var editingCellCoordinate = (0, atoms_1.useEditingCellCoordinate)();
     // Quite a bit of logic for non sticky editor
     // Remove if majority dont use this
@@ -47,7 +47,8 @@ var useGridChildren = function (_a) {
                     slicerComponents.body,
                     pivotPlaceholders,
                     popoverPlacement === "body" ? popoverComponent : null,
-                    cellExpandComponent)),
+                    cellExpandComponent,
+                    arrowComponents)),
             react_1.default.createElement(exports.StyledGridChildren, { style: {
                     left: frozenColumnWidth + gridLineWidth,
                 } },
@@ -109,6 +110,7 @@ var useGridChildren = function (_a) {
         popoverComponent,
         popoverPlacement,
         cellExpandComponent,
+        arrowComponents,
     ]);
 };
 exports.useGridChildren = useGridChildren;

package/dist/cjs/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/cjs/hooks/use-navigate-sheet-range.js

@@ -19,8 +19,11 @@ var useNavigateToSheetRange = function (_a) {
         };
         // Switch to new sheet
         onChangeActiveSheet === null || onChangeActiveSheet === void 0 ? void 0 : onChangeActiveSheet(sheetRange.sheetId);
-        if (allowSelection && !(0, selections_1.isSheetRangeACell)(sheetRange)) {
-            onChangeSelections === null || onChangeSelections === void 0 ? void 0 : 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 === null || onChangeSelections === void 0 ? void 0 : onChangeSelections(sheetRange.sheetId, (0, selections_1.isSheetRangeACell)(sheetRange) ? [] : [{ range: sheetRange }]);
         }
         // Set active cell
         if (allowSelection) {

package/dist/cjs/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/cjs/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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"}