@rowsncolumns/spreadsheet 10.3.1 → 10.4.0

package/dist/cjs/hooks/use-chart-clipboard.js

@@ -0,0 +1,231 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChartClipboard = exports.pinSpecRangesToSheet = exports.CHART_PASTE_OFFSET_PIXELS = exports.CHART_CLIPBOARD_MIME = void 0;
+var tslib_1 = require("tslib");
+var utils_1 = require("@rowsncolumns/utils");
+var react_1 = require("react");
+var atoms_1 = require("../atoms");
+var use_callback_ref_1 = require("./use-callback-ref");
+/**
+ * Clipboard type the copied chart rides on, so a paste in another tab of the
+ * same browser rebuilds it. Browsers keep custom types only for their own
+ * paste events, hence the in-memory entry below is the primary source.
+ */
+exports.CHART_CLIPBOARD_MIME = "application/x-rowsncolumns-chart";
+/**
+ * Excel nudges a pasted or duplicated object this far down-right of the
+ * original when the destination is the object's own spot.
+ */
+exports.CHART_PASTE_OFFSET_PIXELS = 10;
+var isRange = function (value) {
+    return typeof value.startRowIndex === "number" &&
+        typeof value.startColumnIndex === "number";
+};
+/**
+ * A chart pasted onto another sheet must keep reading its original data:
+ * every range in the spec that relied on the implicit "own sheet" gets that
+ * sheet written in.
+ */
+var pinSpecRangesToSheet = function (value, sheetId) {
+    var e_1, _a;
+    if (Array.isArray(value)) {
+        return value.map(function (item) { return (0, exports.pinSpecRangesToSheet)(item, sheetId); });
+    }
+    if (value === null || typeof value !== "object") {
+        return value;
+    }
+    var record = value;
+    var next = {};
+    try {
+        for (var _b = tslib_1.__values(Object.keys(record)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var key = _c.value;
+            next[key] = (0, exports.pinSpecRangesToSheet)(record[key], sheetId);
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    if (isRange(record) && record.sheetId === undefined) {
+        next.sheetId = sheetId;
+    }
+    return next;
+};
+exports.pinSpecRangesToSheet = pinSpecRangesToSheet;
+var cloneChart = function (chart) {
+    return JSON.parse(JSON.stringify(chart));
+};
+var parseClipboardChart = function (data) {
+    var _a;
+    var serialized = data === null || data === void 0 ? void 0 : data.getData(exports.CHART_CLIPBOARD_MIME);
+    if (!serialized) {
+        return undefined;
+    }
+    try {
+        var parsed = JSON.parse(serialized);
+        return (parsed === null || parsed === void 0 ? void 0 : parsed.spec) && ((_a = parsed.position) === null || _a === void 0 ? void 0 : _a.overlayPosition)
+            ? parsed
+            : undefined;
+    }
+    catch (_b) {
+        return undefined;
+    }
+};
+/**
+ * Cell copies write text + html; anything else on the clipboard (external
+ * text, a file) is not ours either. An empty clipboard is what our own chart
+ * copy leaves behind when the browser dropped the custom type.
+ */
+var carriesForeignContent = function (data) {
+    var _a;
+    return Boolean(data &&
+        (data.getData("text/plain") ||
+            data.getData("text/html") ||
+            ((_a = data.files) === null || _a === void 0 ? void 0 : _a.length)));
+};
+/**
+ * Ctrl+C / Ctrl+X / Ctrl+V / Ctrl+D on a selected chart (Excel object
+ * clipboard). The copied chart lives in memory (plus a custom clipboard type
+ * for same-browser tabs); a paste creates a chart with a fresh id bound to the
+ * SAME source data — pasting onto another sheet keeps the references pointing
+ * at the original sheet. A cut removes the chart immediately (Excel removes
+ * cut objects on Ctrl+X, unlike cut cells which wait for the paste).
+ */
+var useChartClipboard = function (_a) {
+    var sheetId = _a.sheetId, activeCell = _a.activeCell, charts = _a.charts, readonly = _a.readonly, onCreateChart = _a.onCreateChart, onDeleteChart = _a.onDeleteChart, onCopyChart = _a.onCopyChart, onCutChart = _a.onCutChart, focusSheet = _a.focusSheet;
+    var _b = tslib_1.__read((0, atoms_1.useSelectedChartEmbed)(), 2), selectedChartId = _b[0], setSelectedChartId = _b[1];
+    var entryRef = (0, react_1.useRef)(undefined);
+    var onCreateChartRef = (0, use_callback_ref_1.useCallbackRef)(onCreateChart);
+    var onDeleteChartRef = (0, use_callback_ref_1.useCallbackRef)(onDeleteChart);
+    var onCopyChartRef = (0, use_callback_ref_1.useCallbackRef)(onCopyChart);
+    var onCutChartRef = (0, use_callback_ref_1.useCallbackRef)(onCutChart);
+    var focusSheetRef = (0, use_callback_ref_1.useCallbackRef)(focusSheet);
+    var getContext = (0, use_callback_ref_1.useCallbackRef)(function () { return ({
+        sheetId: sheetId,
+        activeCell: activeCell,
+        charts: charts,
+        readonly: readonly,
+        selectedChartId: selectedChartId,
+    }); });
+    var findChart = (0, react_1.useCallback)(function (chartId) {
+        var _a;
+        return chartId === undefined
+            ? undefined
+            : (_a = getContext().charts) === null || _a === void 0 ? void 0 : _a.find(function (chart) { return chart.chartId === chartId; });
+    }, [getContext]);
+    /** The chart the grid's copy / cut / duplicate shortcuts act on. */
+    var getSelectedChart = (0, react_1.useCallback)(function () { return findChart(getContext().selectedChartId); }, [findChart, getContext]);
+    /**
+     * Where a pasted chart lands: the active cell, or — when a chart is still
+     * selected on the source sheet (nothing moved) — offset from the source.
+     */
+    var placeChart = (0, react_1.useCallback)(function (source, nearSource) {
+        var _a, _b;
+        var _c = getContext(), sheetId = _c.sheetId, activeCell = _c.activeCell;
+        var overlayPosition = source.position.overlayPosition;
+        if (nearSource) {
+            return {
+                sheetId: sheetId,
+                overlayPosition: tslib_1.__assign(tslib_1.__assign({}, overlayPosition), { offsetXPixels: ((_a = overlayPosition.offsetXPixels) !== null && _a !== void 0 ? _a : 0) + exports.CHART_PASTE_OFFSET_PIXELS, offsetYPixels: ((_b = overlayPosition.offsetYPixels) !== null && _b !== void 0 ? _b : 0) + exports.CHART_PASTE_OFFSET_PIXELS }),
+            };
+        }
+        return {
+            sheetId: sheetId,
+            overlayPosition: tslib_1.__assign(tslib_1.__assign({}, overlayPosition), { anchorCell: activeCell, offsetXPixels: 0, offsetYPixels: 0 }),
+        };
+    }, [getContext]);
+    var createChartAt = (0, react_1.useCallback)(function (source, position) {
+        var activeCell = getContext().activeCell;
+        var chart = tslib_1.__assign(tslib_1.__assign({}, cloneChart(source)), { chartId: (0, utils_1.uuid)(), position: position, spec: (0, exports.pinSpecRangesToSheet)(source.spec, source.position.sheetId) });
+        onCreateChartRef(position.sheetId, activeCell, [], chart);
+        setSelectedChartId(chart.chartId);
+        return chart;
+    }, [getContext, onCreateChartRef, setSelectedChartId]);
+    /** Ctrl+C on a chart. Returns false when `chartId` is not a chart on this grid. */
+    var copyChart = (0, react_1.useCallback)(function (chartId, e) {
+        var _a, _b;
+        var chart = findChart(chartId);
+        if (!chart) {
+            return false;
+        }
+        entryRef.current = cloneChart(chart);
+        if (e) {
+            e.preventDefault();
+            // Overwrite whatever cells were copied before, so the chart is what
+            // the next paste sees even where the custom type is dropped.
+            (_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.setData("text/plain", "");
+            (_b = e.clipboardData) === null || _b === void 0 ? void 0 : _b.setData(exports.CHART_CLIPBOARD_MIME, JSON.stringify(entryRef.current));
+        }
+        onCopyChartRef(chartId);
+        return true;
+    }, [findChart, onCopyChartRef]);
+    /** Ctrl+X on a chart: copy, then remove it (one history step). */
+    var cutChart = (0, react_1.useCallback)(function (chartId, e) {
+        if (getContext().readonly || !copyChart(chartId, e)) {
+            return false;
+        }
+        onDeleteChartRef(chartId);
+        if (getContext().selectedChartId === chartId) {
+            setSelectedChartId(undefined);
+        }
+        focusSheetRef();
+        onCutChartRef(chartId);
+        return true;
+    }, [
+        getContext,
+        copyChart,
+        onDeleteChartRef,
+        setSelectedChartId,
+        focusSheetRef,
+        onCutChartRef,
+    ]);
+    /** A cell copy supersedes the chart on the clipboard. */
+    var clearChartClipboard = (0, react_1.useCallback)(function () {
+        entryRef.current = undefined;
+    }, []);
+    /** Whether a paste would create a chart (drives the menu's Paste item). */
+    var hasChartOnClipboard = (0, react_1.useCallback)(function () { return Boolean(entryRef.current) && !getContext().readonly; }, [getContext]);
+    /**
+     * Ctrl+V. Returns true when the clipboard held a chart and it was pasted
+     * (the caller must then skip the cell paste), false to fall through.
+     */
+    var pasteChart = (0, react_1.useCallback)(function (e) {
+        var _a, _b;
+        var _c = getContext(), sheetId = _c.sheetId, readonly = _c.readonly, selectedChartId = _c.selectedChartId;
+        if (readonly) {
+            return false;
+        }
+        var data = e === null || e === void 0 ? void 0 : e.clipboardData;
+        var source = (_a = parseClipboardChart(data)) !== null && _a !== void 0 ? _a : entryRef.current;
+        if (!source || (!parseClipboardChart(data) && carriesForeignContent(data))) {
+            clearChartClipboard();
+            return false;
+        }
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+        var nearSource = source.position.sheetId === sheetId &&
+            ((_b = findChart(selectedChartId)) === null || _b === void 0 ? void 0 : _b.position.sheetId) === sheetId;
+        createChartAt(source, placeChart(source, nearSource));
+        return true;
+    }, [getContext, clearChartClipboard, findChart, placeChart, createChartAt]);
+    /** Ctrl+D on a chart: a copy offset down-right, clipboard untouched. */
+    var duplicateChart = (0, react_1.useCallback)(function (chartId) {
+        var chart = findChart(chartId);
+        if (!chart || getContext().readonly) {
+            return undefined;
+        }
+        return createChartAt(chart, placeChart(chart, true));
+    }, [findChart, getContext, createChartAt, placeChart]);
+    return {
+        copyChart: copyChart,
+        cutChart: cutChart,
+        pasteChart: pasteChart,
+        duplicateChart: duplicateChart,
+        clearChartClipboard: clearChartClipboard,
+        hasChartOnClipboard: hasChartOnClipboard,
+        getSelectedChart: getSelectedChart,
+    };
+};
+exports.useChartClipboard = useChartClipboard;

package/dist/cjs/hooks/use-chart-source-ranges.d.ts

@@ -0,0 +1,27 @@
+import type { Align, CellInterface, GridRange, OptionalCellInterface } from "@rowsncolumns/grid";
+import type React from "react";
+import type { CanvasGridProps, RangeStyle } from "../components/canvas-grid/typings";
+export type UseChartSourceRangesProps = {
+    charts: CanvasGridProps["charts"];
+    sheetId: number;
+    getSheetName?(sheetId: number): string | undefined;
+    readonly?: boolean;
+    resizeHandleSize?: number;
+    onUpdateChart: CanvasGridProps["onUpdateChart"];
+    getCellCoordsFromOffset(x: number, y: number, includeFrozen?: boolean | undefined): CellInterface | null | undefined;
+    getCellBounds(cell: CellInterface): GridRange;
+    scrollToCell(cell: OptionalCellInterface, align?: Align | undefined): void | undefined;
+};
+/**
+ * Excel outlines a selected chart's source data on the grid — categories,
+ * each series' values and each series' name cell, each in its own color —
+ * and lets the user drag the outline's corner handles to re-bind the
+ * chart. This hook produces those outlines as border styles for the sheet
+ * being drawn and commits a handle drag through `onUpdateChart` as one
+ * history entry.
+ */
+export declare const useChartSourceRanges: ({ charts, sheetId, getSheetName, readonly, resizeHandleSize, onUpdateChart, getCellCoordsFromOffset, getCellBounds, scrollToCell, }: UseChartSourceRangesProps) => {
+    chartSourceBorderStyles: RangeStyle[];
+    onMouseDownChartSourceResizeHandle: (e: React.PointerEvent<HTMLDivElement>) => void;
+};
+//# sourceMappingURL=use-chart-source-ranges.d.ts.map

package/dist/cjs/hooks/use-chart-source-ranges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chart-source-ranges.d.ts","sourceRoot":"","sources":["../../../hooks/use-chart-source-ranges.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,aAAa,EACb,SAAS,EACT,qBAAqB,EACtB,MAAM,oBAAoB,CAAC;AAM5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EACV,eAAe,EACf,UAAU,EACX,MAAM,mCAAmC,CAAC;AAqB3C,MAAM,MAAM,yBAAyB,GAAG;IACtC,MAAM,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAChD,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,YAAY,CACV,IAAI,EAAE,qBAAqB,EAC3B,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,GACxB,IAAI,GAAG,SAAS,CAAC;CACrB,CAAC;AA6BF;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,GAAI,qIAUlC,yBAAyB;;4CA+IpB,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;CA+CzC,CAAC"}

package/dist/cjs/hooks/use-chart-source-ranges.js

@@ -0,0 +1,211 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChartSourceRanges = void 0;
+var tslib_1 = require("tslib");
+var grid_1 = require("@rowsncolumns/grid");
+var react_1 = require("react");
+var chart_source_ranges_1 = require("../api/chart-source-ranges");
+var atoms_1 = require("../atoms");
+var EMPTY_ENTRIES = [];
+var EMPTY_STYLES = [];
+/**
+ * A 6-digit hex stroke at ~40% opacity, so the ranges of the series that
+ * are not selected recede behind the selected one's.
+ */
+var dimStroke = function (stroke) {
+    return /^#[0-9a-f]{6}$/i.test(stroke) ? "".concat(stroke, "66") : stroke;
+};
+/**
+ * The corner the range keeps while the opposite one follows the pointer.
+ * Same mapping as `useSelectionResize` (the handle names are the
+ * Selection component's, not their visual corners).
+ */
+var getAnchorCell = function (direction, range) {
+    switch (direction) {
+        case "tl":
+            return { rowIndex: range.endRowIndex, columnIndex: range.endColumnIndex };
+        case "tr":
+            return {
+                rowIndex: range.endRowIndex,
+                columnIndex: range.startColumnIndex,
+            };
+        case "bl":
+            return {
+                rowIndex: range.startRowIndex,
+                columnIndex: range.startColumnIndex,
+            };
+        default:
+            return { rowIndex: range.startRowIndex, columnIndex: range.endColumnIndex };
+    }
+};
+/**
+ * Excel outlines a selected chart's source data on the grid — categories,
+ * each series' values and each series' name cell, each in its own color —
+ * and lets the user drag the outline's corner handles to re-bind the
+ * chart. This hook produces those outlines as border styles for the sheet
+ * being drawn and commits a handle drag through `onUpdateChart` as one
+ * history entry.
+ */
+var useChartSourceRanges = function (_a) {
+    var charts = _a.charts, sheetId = _a.sheetId, getSheetName = _a.getSheetName, readonly = _a.readonly, _b = _a.resizeHandleSize, resizeHandleSize = _b === void 0 ? 6 : _b, onUpdateChart = _a.onUpdateChart, getCellCoordsFromOffset = _a.getCellCoordsFromOffset, getCellBounds = _a.getCellBounds, scrollToCell = _a.scrollToCell;
+    var _c = tslib_1.__read((0, atoms_1.useSelectedChartEmbed)(), 1), selectedEmbedId = _c[0];
+    var _d = tslib_1.__read((0, atoms_1.useSelectedChartSeries)(), 1), selectedSeries = _d[0];
+    // Clicking a data series in the chart (Excel: series selection) narrows
+    // the outlines to that series' ranges plus the categories; a selection
+    // left over from another chart does not apply.
+    var focusedSeriesIndex = selectedSeries !== undefined && selectedSeries.chartId === selectedEmbedId
+        ? selectedSeries.seriesIndex
+        : undefined;
+    // A clicked data point narrows the focused series' values and the
+    // categories to that point's cells (a single cell has no handles).
+    var focusedDataIndex = focusedSeriesIndex === undefined ? undefined : selectedSeries === null || selectedSeries === void 0 ? void 0 : selectedSeries.dataIndex;
+    var _e = tslib_1.__read((0, react_1.useState)(undefined), 2), preview = _e[0], setPreview = _e[1];
+    var chart = (0, react_1.useMemo)(function () {
+        return selectedEmbedId === undefined
+            ? undefined
+            : charts === null || charts === void 0 ? void 0 : charts.find(function (cur) { return cur.chartId === selectedEmbedId; });
+    }, [charts, selectedEmbedId]);
+    var sheetName = getSheetName === null || getSheetName === void 0 ? void 0 : getSheetName(sheetId);
+    var entries = (0, react_1.useMemo)(function () {
+        return chart ? (0, chart_source_ranges_1.getChartSourceRanges)(chart, sheetId, sheetName) : EMPTY_ENTRIES;
+    }, [chart, sheetId, sheetName]);
+    // A PivotChart's ranges follow its pivot's data area — no hand resizing.
+    var canResize = !readonly && onUpdateChart !== undefined && (chart === null || chart === void 0 ? void 0 : chart.spec.pivotTableId) == null;
+    var chartSourceBorderStyles = (0, react_1.useMemo)(function () {
+        var e_1, _a;
+        if (!entries.length) {
+            return EMPTY_STYLES;
+        }
+        var styles = [];
+        try {
+            for (var entries_1 = tslib_1.__values(entries), entries_1_1 = entries_1.next(); !entries_1_1.done; entries_1_1 = entries_1.next()) {
+                var entry = entries_1_1.value;
+                if (entry.range.sheetId !== sheetId)
+                    continue;
+                var focused = focusedSeriesIndex === undefined ||
+                    entry.field === "domains" ||
+                    entry.dataIndex === focusedSeriesIndex;
+                var stroke = (0, chart_source_ranges_1.getChartSourceRangeStroke)(entry);
+                var pointFocused = focused &&
+                    focusedDataIndex !== undefined &&
+                    entry.role !== "seriesName";
+                styles.push({
+                    index: entry.key,
+                    type: chart_source_ranges_1.CHART_SOURCE_SELECTION_TYPE,
+                    range: (preview === null || preview === void 0 ? void 0 : preview.key) === entry.key
+                        ? preview.range
+                        : pointFocused
+                            ? (0, chart_source_ranges_1.getChartSourcePointRange)(entry.range, focusedDataIndex)
+                            : entry.range,
+                    draggable: false,
+                    style: focused
+                        ? { strokeWidth: 2, stroke: stroke }
+                        : { strokeWidth: 1, stroke: dimStroke(stroke) },
+                    metadata: {
+                        resizable: focused && !pointFocused && canResize && entry.resizable,
+                    },
+                });
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (entries_1_1 && !entries_1_1.done && (_a = entries_1.return)) _a.call(entries_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        return styles;
+    }, [
+        entries,
+        sheetId,
+        preview,
+        canResize,
+        focusedSeriesIndex,
+        focusedDataIndex,
+    ]);
+    // Drag state — refs so the document listeners never see a stale closure.
+    var chartRef = (0, react_1.useRef)(chart);
+    /** Document the in-flight gesture listens on (the grid may live in a popout window) */
+    var gestureDocumentRef = (0, react_1.useRef)(null);
+    chartRef.current = chart;
+    var entriesRef = (0, react_1.useRef)(entries);
+    entriesRef.current = entries;
+    var previewRef = (0, react_1.useRef)(preview);
+    previewRef.current = preview;
+    var dragRef = (0, react_1.useRef)(undefined);
+    var updatePreview = (0, react_1.useCallback)(function (next) {
+        previewRef.current = next;
+        setPreview(next);
+    }, []);
+    var onPointerMove = (0, react_1.useCallback)(function (e) {
+        var drag = dragRef.current;
+        if (!drag) {
+            return;
+        }
+        var coords = getCellCoordsFromOffset(e.clientX, e.clientY, false);
+        if (!coords) {
+            return;
+        }
+        scrollToCell(coords);
+        var bounds = (0, grid_1.cellRangeToBounds)(drag.anchorCell, coords, true, getCellBounds);
+        updatePreview({ key: drag.entry.key, range: bounds });
+    }, [getCellCoordsFromOffset, getCellBounds, scrollToCell, updatePreview]);
+    var onPointerUp = (0, react_1.useCallback)(function () {
+        var _a;
+        var drag = dragRef.current;
+        var next = previewRef.current;
+        var current = chartRef.current;
+        dragRef.current = undefined;
+        var ownerDocument = (_a = gestureDocumentRef.current) !== null && _a !== void 0 ? _a : document;
+        gestureDocumentRef.current = null;
+        ownerDocument.removeEventListener("pointermove", onPointerMove);
+        ownerDocument.removeEventListener("pointerup", onPointerUp);
+        if (drag &&
+            next &&
+            current &&
+            !(0, grid_1.isAreasEqual)(next.range, drag.entry.range)) {
+            onUpdateChart === null || onUpdateChart === void 0 ? void 0 : onUpdateChart((0, chart_source_ranges_1.replaceChartSourceRange)(current, drag.entry, next.range));
+        }
+        updatePreview(undefined);
+    }, [onPointerMove, onUpdateChart, updatePreview]);
+    var onMouseDownChartSourceResizeHandle = (0, react_1.useCallback)(function (e) {
+        var _a, _b, _c;
+        var direction = e.currentTarget.dataset.position;
+        var key = e.currentTarget.dataset.index;
+        var entry = entriesRef.current.find(function (cur) { return cur.key === key; });
+        if (!direction || !entry || !entry.resizable || !canResize) {
+            return;
+        }
+        // Keep the grid from treating the handle press as a cell selection.
+        e.preventDefault();
+        e.stopPropagation();
+        dragRef.current = {
+            entry: entry,
+            anchorCell: getAnchorCell(direction, entry.range),
+        };
+        var coords = getCellCoordsFromOffset(e.clientX + resizeHandleSize, e.clientY + resizeHandleSize, false);
+        if (coords) {
+            try {
+                (_b = (_a = e.currentTarget).setPointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, e.pointerId);
+            }
+            catch (_d) {
+                // jsdom / older browsers without pointer capture
+            }
+            var ownerDocument = (_c = (0, grid_1.getOwnerDocument)(e.currentTarget)) !== null && _c !== void 0 ? _c : document;
+            gestureDocumentRef.current = ownerDocument;
+            ownerDocument.addEventListener("pointermove", onPointerMove);
+            ownerDocument.addEventListener("pointerup", onPointerUp);
+        }
+        else {
+            dragRef.current = undefined;
+        }
+    }, [
+        canResize,
+        resizeHandleSize,
+        getCellCoordsFromOffset,
+        onPointerMove,
+        onPointerUp,
+    ]);
+    return { chartSourceBorderStyles: chartSourceBorderStyles, onMouseDownChartSourceResizeHandle: onMouseDownChartSourceResizeHandle };
+};
+exports.useChartSourceRanges = useChartSourceRanges;

package/dist/cjs/hooks/use-context-setter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-context-setter.d.ts","sourceRoot":"","sources":["../../../hooks/use-context-setter.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAG3E,eAAO,MAAM,gBAAgB,GAC3B,cAAc,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,EACnD,cAAc,iBAAiB,SAiMhC,CAAC"}
+{"version":3,"file":"use-context-setter.d.ts","sourceRoot":"","sources":["../../../hooks/use-context-setter.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAG3E,eAAO,MAAM,gBAAgB,GAC3B,cAAc,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,EACnD,cAAc,iBAAiB,SAoMhC,CAAC"}

package/dist/cjs/hooks/use-context-setter.js

@@ -6,7 +6,7 @@ var sheet_context_atom_1 = require("../atoms/sheet-context.atom");
 var use_isomorphic_layout_effect_1 = require("./use-isomorphic-layout-effect");
 var useContextSetter = function (forwardedRef, contextValue) {
     var setSpreadsheetContext = (0, sheet_context_atom_1.useSetSpreadsheetContext)();
-    var submitEditor = contextValue.submitEditor, cancelEditor = contextValue.cancelEditor, commit = contextValue.commit, makeEditable = contextValue.makeEditable, editCell = contextValue.editCell, getNextFocusableCell = contextValue.getNextFocusableCell, onEditorKeyDown = contextValue.onEditorKeyDown, scrollToCell = contextValue.scrollToCell, scrollToBottom = contextValue.scrollToBottom, focusSheet = contextValue.focusSheet, canEditCell = contextValue.canEditCell, isSheetProtected = contextValue.isSheetProtected, isWorkbookProtected = contextValue.isWorkbookProtected, getSheetProtection = contextValue.getSheetProtection, getSelectionsFromFormula = contextValue.getSelectionsFromFormula, getAddressFromSelection = contextValue.getAddressFromSelection, getR1C1AddressFromSelection = contextValue.getR1C1AddressFromSelection, tokenizer = contextValue.tokenizer, localeTokenizer = contextValue.localeTokenizer, formulaLocale = contextValue.formulaLocale, setEditorValue = contextValue.setEditorValue, getCellBounds = contextValue.getCellBounds, getTableNames = contextValue.getTableNames, getStructuredProperties = contextValue.getStructuredProperties, getNamedRanges = contextValue.getNamedRanges, getTableColumnNames = contextValue.getTableColumnNames, updateSelectionStartEndReference = contextValue.updateSelectionStartEndReference, getCellDimensions = contextValue.getCellDimensions, getRowHeight = contextValue.getRowHeight, getContentfulGridRangeAroundCell = contextValue.getContentfulGridRangeAroundCell, getCellCoordsFromOffset = contextValue.getCellCoordsFromOffset, getCellOffsetFromCoords = contextValue.getCellOffsetFromCoords, getEffectiveValuesFromRange = contextValue.getEffectiveValuesFromRange, getSheetDimensions = contextValue.getSheetDimensions, getFinalRowHeight = contextValue.getFinalRowHeight, getColumnWidth = contextValue.getColumnWidth, getSheetId = contextValue.getSheetId, getSheetName = contextValue.getSheetName, onInsertNote = contextValue.onInsertNote, onPinToolTip = contextValue.onPinToolTip, onUnpinTooltip = contextValue.onUnpinTooltip, showCellPopover = contextValue.showCellPopover, redrawGrid = contextValue.redrawGrid, flash = contextValue.flash, navigateToSheetRange = contextValue.navigateToSheetRange, mark = contextValue.mark, unmark = contextValue.unmark, exportRange = contextValue.exportRange, getViewPort = contextValue.getViewPort, setActiveCell = contextValue.setActiveCell, getGridRef = contextValue.getGridRef, getMentions = contextValue.getMentions, dispatchEvent = contextValue.dispatchEvent, splitTextToColumns = contextValue.splitTextToColumns, copy = contextValue.copy, cut = contextValue.cut, paste = contextValue.paste;
+    var submitEditor = contextValue.submitEditor, cancelEditor = contextValue.cancelEditor, commit = contextValue.commit, makeEditable = contextValue.makeEditable, editCell = contextValue.editCell, getNextFocusableCell = contextValue.getNextFocusableCell, onEditorKeyDown = contextValue.onEditorKeyDown, scrollToCell = contextValue.scrollToCell, scrollToChart = contextValue.scrollToChart, scrollToBottom = contextValue.scrollToBottom, focusSheet = contextValue.focusSheet, canEditCell = contextValue.canEditCell, isSheetProtected = contextValue.isSheetProtected, isWorkbookProtected = contextValue.isWorkbookProtected, getSheetProtection = contextValue.getSheetProtection, getSelectionsFromFormula = contextValue.getSelectionsFromFormula, getAddressFromSelection = contextValue.getAddressFromSelection, getR1C1AddressFromSelection = contextValue.getR1C1AddressFromSelection, tokenizer = contextValue.tokenizer, localeTokenizer = contextValue.localeTokenizer, formulaLocale = contextValue.formulaLocale, setEditorValue = contextValue.setEditorValue, getCellBounds = contextValue.getCellBounds, getTableNames = contextValue.getTableNames, getStructuredProperties = contextValue.getStructuredProperties, getNamedRanges = contextValue.getNamedRanges, getTableColumnNames = contextValue.getTableColumnNames, updateSelectionStartEndReference = contextValue.updateSelectionStartEndReference, getCellDimensions = contextValue.getCellDimensions, getRowHeight = contextValue.getRowHeight, getContentfulGridRangeAroundCell = contextValue.getContentfulGridRangeAroundCell, getCellCoordsFromOffset = contextValue.getCellCoordsFromOffset, getCellOffsetFromCoords = contextValue.getCellOffsetFromCoords, getEffectiveValuesFromRange = contextValue.getEffectiveValuesFromRange, getSheetDimensions = contextValue.getSheetDimensions, getFinalRowHeight = contextValue.getFinalRowHeight, getColumnWidth = contextValue.getColumnWidth, getSheetId = contextValue.getSheetId, getSheetName = contextValue.getSheetName, onInsertNote = contextValue.onInsertNote, onPinToolTip = contextValue.onPinToolTip, onUnpinTooltip = contextValue.onUnpinTooltip, showCellPopover = contextValue.showCellPopover, redrawGrid = contextValue.redrawGrid, flash = contextValue.flash, navigateToSheetRange = contextValue.navigateToSheetRange, mark = contextValue.mark, unmark = contextValue.unmark, exportRange = contextValue.exportRange, getViewPort = contextValue.getViewPort, setActiveCell = contextValue.setActiveCell, getGridRef = contextValue.getGridRef, getMentions = contextValue.getMentions, dispatchEvent = contextValue.dispatchEvent, splitTextToColumns = contextValue.splitTextToColumns, copy = contextValue.copy, cut = contextValue.cut, paste = contextValue.paste;
     // Expose grid methods in context and ref
     var imperativeHandleRefs = (0, react_1.useMemo)(function () { return ({
         submitEditor: submitEditor,
@@ -17,6 +17,7 @@ var useContextSetter = function (forwardedRef, contextValue) {
         getNextFocusableCell: getNextFocusableCell,
         onEditorKeyDown: onEditorKeyDown,
         scrollToCell: scrollToCell,
+        scrollToChart: scrollToChart,
         scrollToBottom: scrollToBottom,
         focusSheet: focusSheet,
         canEditCell: canEditCell,
@@ -75,6 +76,7 @@ var useContextSetter = function (forwardedRef, contextValue) {
         getNextFocusableCell,
         onEditorKeyDown,
         scrollToCell,
+        scrollToChart,
         scrollToBottom,
         focusSheet,
         canEditCell,

package/dist/cjs/hooks/use-editable.d.ts

@@ -77,6 +77,14 @@ export type UseEditableOptions<T extends CellData> = {
     getDataValidation: (sheetId: number, rowIndex: number, columnIndex: number) => DataValidationRule | undefined | null;
     getSheetRowCount: CanvasGridProps["getSheetRowCount"];
     getSheetColumnCount: CanvasGridProps["getSheetColumnCount"];
+    /**
+     * Tables: Tab / Shift+Tab inside one navigate the table (Excel)
+     */
+    tables?: CanvasGridProps["tables"];
+    /**
+     * Tab on the last cell of a table's last data row adds a row
+     */
+    onInsertTableRow?: CanvasGridProps["onInsertTableRow"];
     /**
      * Change a batch of cells
      */
@@ -356,7 +364,7 @@ export declare const areTextFormatRunsEqual: (a: TextFormatRun[] | undefined | n
  *
  * Moves to incorrect cell
  */
-export declare const useEditable: <T extends CellData>({ getEditor, getValue, getTextFormatRuns, onChange, onSubmit, onCancel, onBlur, onDelete, sheetId, selections, activeCell, canEdit, frozenRows, frozenColumns, hideOnBlur, isHiddenRow, isHiddenColumn, rowCount, columnCount, selectionTopBound, selectionBottomBound, selectionLeftBound, selectionRightBound, enableEditOnEnterKey, sticky, editorBorderColor, editorBorderOutlineColor, onBeforeEdit, onKeyDown, onEditorKeyDown, getCellOffsetFromCoords, getCellCoordsFromOffset, getCellBounds, focus, getActualCellCoords, scrollToCell, onChangeBatch, containerWidth, containerHeight, getScrollPosition, getColumnOffset, getEditorAlignment, getSheetRowCount, getSheetColumnCount, getBooleanValue, getDataValidation, setActiveCell, onCopy, onPaste, onCut, }: UseEditableOptions<T>) => {
+export declare const useEditable: <T extends CellData>({ getEditor, getValue, getTextFormatRuns, onChange, onSubmit, onCancel, onBlur, onDelete, sheetId, selections, activeCell, canEdit, frozenRows, frozenColumns, hideOnBlur, isHiddenRow, isHiddenColumn, rowCount, columnCount, selectionTopBound, selectionBottomBound, selectionLeftBound, selectionRightBound, enableEditOnEnterKey, sticky, editorBorderColor, editorBorderOutlineColor, onBeforeEdit, onKeyDown, onEditorKeyDown, getCellOffsetFromCoords, getCellCoordsFromOffset, getCellBounds, focus, getActualCellCoords, scrollToCell, onChangeBatch, containerWidth, containerHeight, getScrollPosition, getColumnOffset, getEditorAlignment, getSheetRowCount, getSheetColumnCount, getBooleanValue, getDataValidation, setActiveCell, onCopy, onPaste, onCut, tables, onInsertTableRow, }: UseEditableOptions<T>) => {
     editorComponent: React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
     onDoubleClick: (e: React.MouseEvent<HTMLElement>) => void;
     getNextFocusableCell: (sheetId: number, currentCell: CellInterface, direction?: Direction, restrictWithinSelection?: boolean) => CellInterface | null;

package/dist/cjs/hooks/use-editable.d.ts.map

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

package/dist/cjs/hooks/use-editable.js

@@ -8,6 +8,7 @@ var utils_1 = require("@rowsncolumns/utils");
 var react_1 = require("react");
 var rxjs_1 = require("rxjs");
 var atoms_1 = require("../atoms");
+var table_1 = require("../api/table");
 var config_1 = require("../config");
 var scroll_subscriber_1 = require("../signals/scroll-subscriber");
 var use_callback_ref_1 = require("./use-callback-ref");
@@ -155,7 +156,7 @@ var MEDIA_KEYS = new Set([
  */
 var useEditable = function (_a) {
     var _b, _c;
-    var _d = _a.getEditor, getEditor = _d === void 0 ? exports.getDefaultEditor : _d, getValue = _a.getValue, getTextFormatRuns = _a.getTextFormatRuns, onChange = _a.onChange, onSubmit = _a.onSubmit, onCancel = _a.onCancel, onBlur = _a.onBlur, onDelete = _a.onDelete, sheetId = _a.sheetId, _e = _a.selections, selections = _e === void 0 ? config_1.DEFAULT_ARRAY : _e, activeCell = _a.activeCell, _f = _a.canEdit, canEdit = _f === void 0 ? defaultCanEdit : _f, _g = _a.frozenRows, frozenRows = _g === void 0 ? 0 : _g, _h = _a.frozenColumns, frozenColumns = _h === void 0 ? 0 : _h, _j = _a.hideOnBlur, hideOnBlur = _j === void 0 ? true : _j, _k = _a.isHiddenRow, isHiddenRow = _k === void 0 ? defaultIsHidden : _k, _l = _a.isHiddenColumn, isHiddenColumn = _l === void 0 ? defaultIsHidden : _l, rowCount = _a.rowCount, columnCount = _a.columnCount, _m = _a.selectionTopBound, selectionTopBound = _m === void 0 ? 0 : _m, _o = _a.selectionBottomBound, selectionBottomBound = _o === void 0 ? rowCount : _o, _p = _a.selectionLeftBound, selectionLeftBound = _p === void 0 ? 0 : _p, _q = _a.selectionRightBound, selectionRightBound = _q === void 0 ? columnCount : _q, _r = _a.enableEditOnEnterKey, enableEditOnEnterKey = _r === void 0 ? true : _r, sticky = _a.sticky, editorBorderColor = _a.editorBorderColor, editorBorderOutlineColor = _a.editorBorderOutlineColor, onBeforeEdit = _a.onBeforeEdit, onKeyDown = _a.onKeyDown, onEditorKeyDown = _a.onEditorKeyDown, getCellOffsetFromCoords = _a.getCellOffsetFromCoords, getCellCoordsFromOffset = _a.getCellCoordsFromOffset, getCellBounds = _a.getCellBounds, focus = _a.focus, getActualCellCoords = _a.getActualCellCoords, scrollToCell = _a.scrollToCell, onChangeBatch = _a.onChangeBatch, _s = _a.containerWidth, containerWidth = _s === void 0 ? 0 : _s, _t = _a.containerHeight, containerHeight = _t === void 0 ? 0 : _t, getScrollPosition = _a.getScrollPosition, getColumnOffset = _a.getColumnOffset, getEditorAlignment = _a.getEditorAlignment, getSheetRowCount = _a.getSheetRowCount, getSheetColumnCount = _a.getSheetColumnCount, getBooleanValue = _a.getBooleanValue, getDataValidation = _a.getDataValidation, setActiveCell = _a.setActiveCell, onCopy = _a.onCopy, onPaste = _a.onPaste, onCut = _a.onCut;
+    var _d = _a.getEditor, getEditor = _d === void 0 ? exports.getDefaultEditor : _d, getValue = _a.getValue, getTextFormatRuns = _a.getTextFormatRuns, onChange = _a.onChange, onSubmit = _a.onSubmit, onCancel = _a.onCancel, onBlur = _a.onBlur, onDelete = _a.onDelete, sheetId = _a.sheetId, _e = _a.selections, selections = _e === void 0 ? config_1.DEFAULT_ARRAY : _e, activeCell = _a.activeCell, _f = _a.canEdit, canEdit = _f === void 0 ? defaultCanEdit : _f, _g = _a.frozenRows, frozenRows = _g === void 0 ? 0 : _g, _h = _a.frozenColumns, frozenColumns = _h === void 0 ? 0 : _h, _j = _a.hideOnBlur, hideOnBlur = _j === void 0 ? true : _j, _k = _a.isHiddenRow, isHiddenRow = _k === void 0 ? defaultIsHidden : _k, _l = _a.isHiddenColumn, isHiddenColumn = _l === void 0 ? defaultIsHidden : _l, rowCount = _a.rowCount, columnCount = _a.columnCount, _m = _a.selectionTopBound, selectionTopBound = _m === void 0 ? 0 : _m, _o = _a.selectionBottomBound, selectionBottomBound = _o === void 0 ? rowCount : _o, _p = _a.selectionLeftBound, selectionLeftBound = _p === void 0 ? 0 : _p, _q = _a.selectionRightBound, selectionRightBound = _q === void 0 ? columnCount : _q, _r = _a.enableEditOnEnterKey, enableEditOnEnterKey = _r === void 0 ? true : _r, sticky = _a.sticky, editorBorderColor = _a.editorBorderColor, editorBorderOutlineColor = _a.editorBorderOutlineColor, onBeforeEdit = _a.onBeforeEdit, onKeyDown = _a.onKeyDown, onEditorKeyDown = _a.onEditorKeyDown, getCellOffsetFromCoords = _a.getCellOffsetFromCoords, getCellCoordsFromOffset = _a.getCellCoordsFromOffset, getCellBounds = _a.getCellBounds, focus = _a.focus, getActualCellCoords = _a.getActualCellCoords, scrollToCell = _a.scrollToCell, onChangeBatch = _a.onChangeBatch, _s = _a.containerWidth, containerWidth = _s === void 0 ? 0 : _s, _t = _a.containerHeight, containerHeight = _t === void 0 ? 0 : _t, getScrollPosition = _a.getScrollPosition, getColumnOffset = _a.getColumnOffset, getEditorAlignment = _a.getEditorAlignment, getSheetRowCount = _a.getSheetRowCount, getSheetColumnCount = _a.getSheetColumnCount, getBooleanValue = _a.getBooleanValue, getDataValidation = _a.getDataValidation, setActiveCell = _a.setActiveCell, onCopy = _a.onCopy, onPaste = _a.onPaste, onCut = _a.onCut, tables = _a.tables, onInsertTableRow = _a.onInsertTableRow;
     var editingCellCoordinate = (0, atoms_1.useEditingCellCoordinate)();
     var _u = tslib_1.__read((0, atoms_1.useEditorVisibility)(), 2), isEditorShown = _u[0], setShowEditor = _u[1];
     var _v = tslib_1.__read((0, atoms_1.useCellEditorValue)(), 2), value = _v[0], setValue = _v[1];
@@ -538,6 +539,27 @@ var useEditable = function (_a) {
         var bounds = getCellBounds(currentCell);
         if (!bounds)
             return null;
+        /* Inside a table, Tab / Shift+Tab wrap within the table (Excel) unless a selection cycles */
+        var table = restrictWithinSelection && selections.length
+            ? undefined
+            : (0, table_1.findActiveTableWithinCell)(sheetId, currentCell, tables);
+        var tableTarget = table
+            ? (0, table_1.getNextCellInTable)(table, currentCell, direction, isHiddenRow, isHiddenColumn)
+            : null;
+        if (table && tableTarget) {
+            if (tableTarget.insertRow) {
+                onInsertTableRow === null || onInsertTableRow === void 0 ? void 0 : onInsertTableRow(table);
+            }
+            if (tableTarget.cell.rowIndex !== currentCell.rowIndex) {
+                /* A wrap starts a new Tab run: Enter then moves down from the wrapped-to cell */
+                setInitialActiveCell(tableTarget.cell);
+            }
+            else if (direction === grid_2.Direction.Right &&
+                !initialActiveCell.current) {
+                setInitialActiveCell(currentCell);
+            }
+            return tableTarget.cell;
+        }
         var nextActiveCell;
         switch (direction) {
             case grid_2.Direction.Right: {
@@ -602,6 +624,8 @@ var useEditable = function (_a) {
         setInitialActiveCell,
         getSheetRowCount,
         getSheetColumnCount,
+        tables,
+        onInsertTableRow,
     ]));
     /* Save the value */
     var handleSubmit = (0, use_callback_ref_1.useCallbackRef)((0, react_1.useCallback)(function (newValue, textFormatRuns, sheetId, activeCell, nextActiveCell, shouldFocusGrid, options) {