@rowsncolumns/charts 27.0.34 → 28.1.0

package/dist/cjs/interface/create-chart.js

@@ -4,6 +4,7 @@ exports.createChart = exports.ensureValidEndIndex = void 0;
 var tslib_1 = require("tslib");
 var utils_1 = require("@rowsncolumns/utils");
 var immer_1 = require("immer");
+var chart_orientation_1 = require("../utils/chart-orientation");
 var chart_spec_utils_1 = require("../utils/chart-spec-utils");
 // For external interface
 (0, immer_1.enablePatches)();
@@ -20,12 +21,18 @@ var createChart = function (_a) {
         var lastSelection = selections.length
             ? selections[selections.length - 1]
             : { range: (0, utils_1.selectionBoundsFromCells)(activeCell) };
-        // Use the first column (beneath the header) as the category/domain axis.
-        var categoryAxis = [
-            tslib_1.__assign(tslib_1.__assign({}, lastSelection.range), { startRowIndex: lastSelection.range.startRowIndex + 1, endRowIndex: (0, exports.ensureValidEndIndex)(lastSelection.range.endRowIndex, lastSelection.range.startRowIndex + 1), endColumnIndex: lastSelection.range.startColumnIndex, sheetId: sheetId }),
-        ];
-        var len = lastSelection.range.endColumnIndex - lastSelection.range.startColumnIndex;
-        // Build one series per numeric column after the category column.
+        var dataRange = tslib_1.__assign(tslib_1.__assign({}, lastSelection.range), { sheetId: sheetId });
+        // Excel's wizard: a selection wider than it is tall plots its rows as
+        // the series; otherwise the columns are.
+        var orientation = (0, chart_orientation_1.pickSeriesOrientationForRange)(dataRange);
+        var derived = (0, chart_orientation_1.deriveChartSeriesFromRange)({
+            range: dataRange,
+            orientation: orientation,
+            getFormattedValue: getFormattedValue,
+        });
+        var categoryAxis = derived.domains[0].sources;
+        var len = derived.series.length;
+        // Keep only the series whose first data cell is a number (or empty).
         var chartData = len === 0
             ? [
                 {
@@ -34,36 +41,16 @@ var createChart = function (_a) {
                     aggregateType: "COUNT",
                 },
             ]
-            : Array.from({ length: len })
-                .map(function (_, index) {
-                var columnIndex = lastSelection.range.startColumnIndex +
-                    index +
-                    categoryAxis.length;
-                var dataLabel = getFormattedValue(sheetId, lastSelection.range.startRowIndex, columnIndex);
-                var dataStartRowIndex = lastSelection.range.startRowIndex + 1;
-                var dataStartColumnIndex = columnIndex;
-                var firstEffectiveValue = getEffectiveValue(sheetId, dataStartRowIndex, dataStartColumnIndex);
-                var isNumberOrEmpty = +(0, utils_1.isNumber)(firstEffectiveValue) ||
-                    firstEffectiveValue === undefined;
-                if (!isNumberOrEmpty) {
-                    return null;
-                }
-                return {
-                    dataLabel: dataLabel,
-                    sources: [
-                        tslib_1.__assign(tslib_1.__assign({}, lastSelection.range), { startRowIndex: dataStartRowIndex, endRowIndex: (0, exports.ensureValidEndIndex)(lastSelection.range.endRowIndex, dataStartRowIndex), startColumnIndex: columnIndex, endColumnIndex: columnIndex, sheetId: sheetId }),
-                    ],
-                };
-            })
-                .filter(Boolean);
+            : derived.series.filter(function (entry) {
+                var _a = tslib_1.__read(entry.sources, 1), source = _a[0];
+                var firstEffectiveValue = getEffectiveValue(sheetId, source.startRowIndex, source.startColumnIndex);
+                return (+(0, utils_1.isNumber)(firstEffectiveValue) ||
+                    firstEffectiveValue === undefined);
+            });
         var chartTypeConfig = len === 0
             ? (0, chart_spec_utils_1.getDefaultChartTypeSpec)("pie")
             : (0, chart_spec_utils_1.getDefaultChartTypeSpec)("line");
-        var baseSpec = tslib_1.__assign(tslib_1.__assign({}, chartTypeConfig), { dataRange: tslib_1.__assign(tslib_1.__assign({}, lastSelection.range), { sheetId: sheetId }), domains: [
-                {
-                    sources: categoryAxis,
-                },
-            ], series: chartData });
+        var baseSpec = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, chartTypeConfig), { dataRange: dataRange }), (orientation === "rows" ? { seriesOrientation: orientation } : {})), { domains: derived.domains, series: chartData });
         var finalChartSpec = chartSpec !== null && chartSpec !== void 0 ? chartSpec : {
             chartId: (_b = idCreationStrategy === null || idCreationStrategy === void 0 ? void 0 : idCreationStrategy("chart")) !== null && _b !== void 0 ? _b : (0, utils_1.uuid)(),
             position: {
@@ -89,18 +76,22 @@ var createChart = function (_a) {
         }
         // Update charts
         onChangeCharts === null || onChangeCharts === void 0 ? void 0 : onChangeCharts(function (prevCharts) {
-            var _a = tslib_1.__read((0, immer_1.produceWithPatches)(prevCharts, function (draft) {
-                // Validate id
-                if (chartSpec) {
-                    var exists = draft.find(function (c) { return c.chartId === chartSpec.chartId; });
-                    if (exists) {
-                        chartSpec.chartId = (0, utils_1.uuid)();
-                    }
-                }
+            var _a;
+            // A requested id that is already taken gets a fresh one before the chart is finalized, so
+            // the stored chart, the history entry and the returned spec all carry the same id (the
+            // caller's spec is left untouched).
+            if (prevCharts.some(function (c) { return c.chartId === finalChartSpec.chartId; })) {
+                finalChartSpec = tslib_1.__assign(tslib_1.__assign({}, finalChartSpec), { chartId: (_a = idCreationStrategy === null || idCreationStrategy === void 0 ? void 0 : idCreationStrategy("chart")) !== null && _a !== void 0 ? _a : (0, utils_1.uuid)() });
+            }
+            var _b = tslib_1.__read((0, immer_1.produceWithPatches)(prevCharts, function (draft) {
                 draft.push(finalChartSpec);
-            }), 3), nextState = _a[0], patches = _a[1], inversePatches = _a[2];
+            }), 3), nextState = _b[0], patches = _b[1], inversePatches = _b[2];
             saveHistory({
                 charts: { patches: patches, inversePatches: inversePatches },
+                selectedEmbedOrChart: {
+                    undo: undefined,
+                    redo: finalChartSpec.chartId,
+                },
             });
             return nextState;
         });

package/dist/cjs/interface/delete-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"delete-chart.d.ts","sourceRoot":"","sources":["../../../interface/delete-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAG1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAK1E,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,QAAQ,EAAE,oCAG7C,qBAAqB,CAAC,CAAC,CAAC,MACjB,SAAS,MAAM,GAAG,MAAM,SAsBjC,CAAC"}
+{"version":3,"file":"delete-chart.d.ts","sourceRoot":"","sources":["../../../interface/delete-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAG1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAK1E,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,QAAQ,EAAE,oCAG7C,qBAAqB,CAAC,CAAC,CAAC,MACjB,SAAS,MAAM,GAAG,MAAM,SA0BjC,CAAC"}

package/dist/cjs/interface/delete-chart.js

@@ -18,6 +18,10 @@ var deleteChart = function (_a) {
             }), 3), nextState = _a[0], patches = _a[1], inversePatches = _a[2];
             saveHistory({
                 charts: { patches: patches, inversePatches: inversePatches },
+                selectedEmbedOrChart: {
+                    undo: chartId,
+                    redo: undefined,
+                },
             });
             return nextState;
         });

package/dist/cjs/interface/move-chart-to-sheet.d.ts

@@ -0,0 +1,13 @@
+import type { CellData, EmbeddedChart, MoveChartTarget, Sheet } from "@rowsncolumns/spreadsheet";
+import type { UseOnMoveChartToSheetProps } from "../hooks/use-on-move-chart-to-sheet";
+/** The first unused `Chart${n}` title (honouring `generatedNames.chartSheet`), like Excel. */
+export declare const getNextChartSheetTitle: (sheets: Pick<Sheet, "title">[], generatedNames?: UseOnMoveChartToSheetProps<CellData, Sheet>["generatedNames"]) => string;
+/**
+ * Excel's "Move Chart…": relocate a chart to a new chartsheet (a tab that is
+ * the chart, no cells) or onto another worksheet at A1. Moving a chart OUT of
+ * a chartsheet deletes the now-empty chartsheet, like Excel. Sheet and chart
+ * patches share one history pointer so the whole move undoes in one step.
+ * Returns the sheet the chart now lives on (undefined when nothing moved).
+ */
+export declare const moveChartToSheet: <T extends CellData, S extends Sheet>({ onChangeCharts, onChangeSheets, onChangeActiveSheet, createHistory, idCreationStrategy, generatedNames, }: UseOnMoveChartToSheetProps<T, S>) => (chart: EmbeddedChart, target: MoveChartTarget) => number | undefined;
+//# sourceMappingURL=move-chart-to-sheet.d.ts.map

package/dist/cjs/interface/move-chart-to-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"move-chart-to-sheet.d.ts","sourceRoot":"","sources":["../../../interface/move-chart-to-sheet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,EACR,aAAa,EACb,eAAe,EACf,KAAK,EACN,MAAM,2BAA2B,CAAC;AASnC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AAKtF,8FAA8F;AAC9F,eAAO,MAAM,sBAAsB,GACjC,QAAQ,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EAC9B,iBAAiB,0BAA0B,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,gBAAgB,CAAC,WAI7E,CAAC;AA8BJ;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,QAAQ,EAAE,CAAC,SAAS,KAAK,EAAE,6GAOnE,0BAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,MACzB,OAAO,aAAa,EAAE,QAAQ,eAAe,uBAqGtD,CAAC"}

package/dist/cjs/interface/move-chart-to-sheet.js

@@ -0,0 +1,136 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.moveChartToSheet = exports.getNextChartSheetTitle = void 0;
+var tslib_1 = require("tslib");
+var spreadsheet_1 = require("@rowsncolumns/spreadsheet");
+var spreadsheet_state_1 = require("@rowsncolumns/spreadsheet-state");
+var utils_1 = require("@rowsncolumns/utils");
+var immer_1 = require("immer");
+// For external interface
+(0, immer_1.enablePatches)();
+/** The first unused `Chart${n}` title (honouring `generatedNames.chartSheet`), like Excel. */
+var getNextChartSheetTitle = function (sheets, generatedNames) {
+    return (0, spreadsheet_1.getNextChartSheetTitle)(sheets, function (index) {
+        return (0, spreadsheet_state_1.truncateSheetTitle)((0, spreadsheet_state_1.getGeneratedChartSheetName)(index, generatedNames));
+    });
+};
+exports.getNextChartSheetTitle = getNextChartSheetTitle;
+/**
+ * Sort key placing a new tab right after `afterSheetId` without renumbering
+ * the other tabs (patches stay add-only for ShareDB).
+ */
+var indexAfterSheet = function (sheets, afterSheetId) {
+    var _a;
+    var ordered = sheets
+        .map(function (sheet, arrayIndex) {
+        var _a;
+        return ({
+            sheet: sheet,
+            effectiveIndex: (_a = sheet.index) !== null && _a !== void 0 ? _a : arrayIndex,
+            arrayIndex: arrayIndex,
+        });
+    })
+        .sort(function (a, b) {
+        return a.effectiveIndex - b.effectiveIndex || a.arrayIndex - b.arrayIndex;
+    });
+    var position = ordered.findIndex(function (entry) { return entry.sheet.sheetId === afterSheetId; });
+    var maxIndex = ordered.length > 0
+        ? Math.max.apply(Math, tslib_1.__spreadArray([], tslib_1.__read(ordered.map(function (entry) { return entry.effectiveIndex; })), false)) : -1;
+    if (position === -1)
+        return maxIndex + 1;
+    var current = ordered[position].effectiveIndex;
+    var next = (_a = ordered[position + 1]) === null || _a === void 0 ? void 0 : _a.effectiveIndex;
+    return next === undefined ? current + 1 : current + (next - current) / 2;
+};
+/**
+ * Excel's "Move Chart…": relocate a chart to a new chartsheet (a tab that is
+ * the chart, no cells) or onto another worksheet at A1. Moving a chart OUT of
+ * a chartsheet deletes the now-empty chartsheet, like Excel. Sheet and chart
+ * patches share one history pointer so the whole move undoes in one step.
+ * Returns the sheet the chart now lives on (undefined when nothing moved).
+ */
+var moveChartToSheet = function (_a) {
+    var onChangeCharts = _a.onChangeCharts, onChangeSheets = _a.onChangeSheets, onChangeActiveSheet = _a.onChangeActiveSheet, createHistory = _a.createHistory, idCreationStrategy = _a.idCreationStrategy, generatedNames = _a.generatedNames;
+    return function (chart, target) {
+        var chartId = chart.chartId;
+        var sourceSheetId = chart.position.sheetId;
+        if (target.kind === "sheet" && target.sheetId === sourceSheetId) {
+            return undefined;
+        }
+        var saveHistory = createHistory();
+        var targetSheetId;
+        var targetIsChartSheet = false;
+        onChangeSheets(function (prevSheets) {
+            var _a = tslib_1.__read((0, immer_1.produceWithPatches)(prevSheets, function (draft) {
+                var _a, _b, _c;
+                var sourceIndex = draft.findIndex(function (sheet) { return sheet.sheetId === sourceSheetId; });
+                if (target.kind === "sheet") {
+                    var destination = draft.find(function (sheet) { return sheet.sheetId === target.sheetId; });
+                    if (!destination || destination.type === "chartsheet") {
+                        return;
+                    }
+                    targetSheetId = destination.sheetId;
+                }
+                else {
+                    var newSheetId = (_a = idCreationStrategy === null || idCreationStrategy === void 0 ? void 0 : idCreationStrategy("sheet")) !== null && _a !== void 0 ? _a : (0, utils_1.uuid)();
+                    var existingIds = new Set(draft.map(function (sheet) { return sheet.sheetId; }));
+                    while (existingIds.has(newSheetId)) {
+                        newSheetId = (_b = idCreationStrategy === null || idCreationStrategy === void 0 ? void 0 : idCreationStrategy("sheet")) !== null && _b !== void 0 ? _b : (0, utils_1.uuid)();
+                    }
+                    var requested = (_c = target.title) === null || _c === void 0 ? void 0 : _c.trim();
+                    var existingTitles = new Set(draft.map(function (sheet) { return sheet.title; }));
+                    var chartSheet = {
+                        title: requested && !existingTitles.has(requested)
+                            ? (0, spreadsheet_state_1.truncateSheetTitle)(requested)
+                            : (0, exports.getNextChartSheetTitle)(draft, generatedNames),
+                        sheetId: newSheetId,
+                        type: "chartsheet",
+                        chartId: chartId,
+                        index: indexAfterSheet(draft, sourceSheetId),
+                        merges: [],
+                        rowMetadata: [],
+                        columnMetadata: [],
+                    };
+                    draft.push((0, immer_1.castDraft)(chartSheet));
+                    targetSheetId = newSheetId;
+                    targetIsChartSheet = true;
+                }
+                // The chart was the whole sheet: nothing is left to show.
+                if (sourceIndex !== -1 && draft[sourceIndex].type === "chartsheet") {
+                    draft.splice(sourceIndex, 1);
+                }
+            }), 3), nextState = _a[0], patches = _a[1], inversePatches = _a[2];
+            if (targetSheetId !== undefined) {
+                saveHistory({
+                    sheets: { patches: patches, inversePatches: inversePatches },
+                    sheetId: { undo: sourceSheetId, redo: targetSheetId },
+                });
+            }
+            return nextState;
+        });
+        if (targetSheetId === undefined) {
+            return undefined;
+        }
+        var destinationSheetId = targetSheetId;
+        onChangeCharts === null || onChangeCharts === void 0 ? void 0 : onChangeCharts(function (prevCharts) {
+            var _a = tslib_1.__read((0, immer_1.produceWithPatches)(prevCharts, function (draft) {
+                var moved = draft.find(function (entry) { return entry.chartId === chartId; });
+                if (!moved)
+                    return;
+                var _a = moved.position.overlayPosition, widthPixels = _a.widthPixels, heightPixels = _a.heightPixels;
+                moved.position = {
+                    sheetId: destinationSheetId,
+                    overlayPosition: tslib_1.__assign({ anchorCell: { rowIndex: 1, columnIndex: 1 }, offsetXPixels: 0, offsetYPixels: 0, widthPixels: widthPixels, heightPixels: heightPixels }, (targetIsChartSheet ? { placement: "absolute" } : {})),
+                };
+            }), 3), nextState = _a[0], patches = _a[1], inversePatches = _a[2];
+            saveHistory({
+                charts: { patches: patches, inversePatches: inversePatches },
+                selectedEmbedOrChart: { undo: chartId, redo: chartId },
+            });
+            return nextState;
+        });
+        onChangeActiveSheet === null || onChangeActiveSheet === void 0 ? void 0 : onChangeActiveSheet(destinationSheetId);
+        return destinationSheetId;
+    };
+};
+exports.moveChartToSheet = moveChartToSheet;

package/dist/cjs/interface/move-chart.d.ts

@@ -1,5 +1,5 @@
 import type { CellInterface } from "@rowsncolumns/grid";
-import { type CellData } from "@rowsncolumns/spreadsheet";
+import { type CellData, type OverlayToAnchor } from "@rowsncolumns/spreadsheet";
 import type { UseOnMoveChartProps } from "../hooks/use-on-move-chart";
-export declare const moveChart: <T extends CellData>({ onChangeCharts, createHistory, }: UseOnMoveChartProps<T>) => (chartId: string | number, anchorCell: CellInterface, offsetXPixels: number, offsetYPixels: number) => void;
+export declare const moveChart: <T extends CellData>({ onChangeCharts, createHistory, }: UseOnMoveChartProps<T>) => (chartId: string | number, anchorCell: CellInterface, offsetXPixels: number, offsetYPixels: number, toAnchor?: OverlayToAnchor) => void;
 //# sourceMappingURL=move-chart.d.ts.map

package/dist/cjs/interface/move-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"move-chart.d.ts","sourceRoot":"","sources":["../../../interface/move-chart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAG1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAKtE,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,QAAQ,EAAE,oCAG3C,mBAAmB,CAAC,CAAC,CAAC,MAErB,SAAS,MAAM,GAAG,MAAM,EACxB,YAAY,aAAa,EACzB,eAAe,MAAM,EACrB,eAAe,MAAM,SAuBxB,CAAC"}
+{"version":3,"file":"move-chart.d.ts","sourceRoot":"","sources":["../../../interface/move-chart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAIhF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAKtE,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,QAAQ,EAAE,oCAG3C,mBAAmB,CAAC,CAAC,CAAC,MAErB,SAAS,MAAM,GAAG,MAAM,EACxB,YAAY,aAAa,EACzB,eAAe,MAAM,EACrB,eAAe,MAAM,EACrB,WAAW,eAAe,SA4B7B,CAAC"}

package/dist/cjs/interface/move-chart.js

@@ -2,12 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.moveChart = void 0;
 var tslib_1 = require("tslib");
+var spreadsheet_state_1 = require("@rowsncolumns/spreadsheet-state");
 var immer_1 = require("immer");
 // For external interface
 (0, immer_1.enablePatches)();
 var moveChart = function (_a) {
     var onChangeCharts = _a.onChangeCharts, createHistory = _a.createHistory;
-    return function (chartId, anchorCell, offsetXPixels, offsetYPixels) {
+    return function (chartId, anchorCell, offsetXPixels, offsetYPixels, toAnchor) {
         var saveHistory = createHistory();
         onChangeCharts === null || onChangeCharts === void 0 ? void 0 : onChangeCharts(function (prevCharts) {
             var _a = tslib_1.__read((0, immer_1.produceWithPatches)(prevCharts, function (draft) {
@@ -16,10 +17,15 @@ var moveChart = function (_a) {
                     chart.position.overlayPosition.anchorCell = anchorCell;
                     chart.position.overlayPosition.offsetXPixels = offsetXPixels;
                     chart.position.overlayPosition.offsetYPixels = offsetYPixels;
+                    (0, spreadsheet_state_1.setOverlayToAnchor)(chart.position.overlayPosition, toAnchor);
                 }
             }), 3), nextState = _a[0], patches = _a[1], inversePatches = _a[2];
             saveHistory({
                 charts: { patches: patches, inversePatches: inversePatches },
+                selectedEmbedOrChart: {
+                    undo: chartId,
+                    redo: chartId,
+                },
             });
             return nextState;
         });

package/dist/cjs/interface/resize-chart.d.ts

@@ -1,5 +1,5 @@
 import type { CellInterface } from "@rowsncolumns/grid";
-import { type CellData } from "@rowsncolumns/spreadsheet";
+import { type CellData, type OverlayToAnchor } from "@rowsncolumns/spreadsheet";
 import type { UseOnResizeChartProps } from "../hooks/use-on-resize-chart";
-export declare const resizeChart: <T extends CellData>({ onChangeCharts, createHistory, }: UseOnResizeChartProps<T>) => (chartId: string | number, anchorCell: CellInterface, offsetXPixels: number, offsetYPixels: number, width: number, height: number) => void;
+export declare const resizeChart: <T extends CellData>({ onChangeCharts, createHistory, }: UseOnResizeChartProps<T>) => (chartId: string | number, anchorCell: CellInterface, offsetXPixels: number, offsetYPixels: number, width: number, height: number, toAnchor?: OverlayToAnchor) => void;
 //# sourceMappingURL=resize-chart.d.ts.map

package/dist/cjs/interface/resize-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resize-chart.d.ts","sourceRoot":"","sources":["../../../interface/resize-chart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAG1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAK1E,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,QAAQ,EAAE,oCAG7C,qBAAqB,CAAC,CAAC,CAAC,MAEvB,SAAS,MAAM,GAAG,MAAM,EACxB,YAAY,aAAa,EACzB,eAAe,MAAM,EACrB,eAAe,MAAM,EACrB,OAAO,MAAM,EACb,QAAQ,MAAM,SAyBjB,CAAC"}
+{"version":3,"file":"resize-chart.d.ts","sourceRoot":"","sources":["../../../interface/resize-chart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAIhF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAK1E,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,QAAQ,EAAE,oCAG7C,qBAAqB,CAAC,CAAC,CAAC,MAEvB,SAAS,MAAM,GAAG,MAAM,EACxB,YAAY,aAAa,EACzB,eAAe,MAAM,EACrB,eAAe,MAAM,EACrB,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,WAAW,eAAe,SA8B7B,CAAC"}

package/dist/cjs/interface/resize-chart.js

@@ -2,12 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.resizeChart = void 0;
 var tslib_1 = require("tslib");
+var spreadsheet_state_1 = require("@rowsncolumns/spreadsheet-state");
 var immer_1 = require("immer");
 // For external interface
 (0, immer_1.enablePatches)();
 var resizeChart = function (_a) {
     var onChangeCharts = _a.onChangeCharts, createHistory = _a.createHistory;
-    return function (chartId, anchorCell, offsetXPixels, offsetYPixels, width, height) {
+    return function (chartId, anchorCell, offsetXPixels, offsetYPixels, width, height, toAnchor) {
         var saveHistory = createHistory();
         onChangeCharts === null || onChangeCharts === void 0 ? void 0 : onChangeCharts(function (prevCharts) {
             var _a = tslib_1.__read((0, immer_1.produceWithPatches)(prevCharts, function (draft) {
@@ -18,10 +19,15 @@ var resizeChart = function (_a) {
                     chart.position.overlayPosition.offsetYPixels = offsetYPixels;
                     chart.position.overlayPosition.widthPixels = width;
                     chart.position.overlayPosition.heightPixels = height;
+                    (0, spreadsheet_state_1.setOverlayToAnchor)(chart.position.overlayPosition, toAnchor);
                 }
             }), 3), nextState = _a[0], patches = _a[1], inversePatches = _a[2];
             saveHistory({
                 charts: { patches: patches, inversePatches: inversePatches },
+                selectedEmbedOrChart: {
+                    undo: chartId,
+                    redo: chartId,
+                },
             });
             return nextState;
         });

package/dist/cjs/interface/update-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"update-chart.d.ts","sourceRoot":"","sources":["../../../interface/update-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAG9E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAM1E,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,QAAQ,EAAE,oCAG7C,qBAAqB,CAAC,CAAC,CAAC,MACjB,OAAO,OAAO,CAAC,aAAa,CAAC,SA2BtC,CAAC"}
+{"version":3,"file":"update-chart.d.ts","sourceRoot":"","sources":["../../../interface/update-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAG9E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAM1E,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,QAAQ,EAAE,oCAG7C,qBAAqB,CAAC,CAAC,CAAC,MACjB,OAAO,OAAO,CAAC,aAAa,CAAC,SA+BtC,CAAC"}

package/dist/cjs/interface/update-chart.js

@@ -21,6 +21,10 @@ var updateChart = function (_a) {
             }), 3), nextState = _a[0], patches = _a[1], inversePatches = _a[2];
             saveHistory({
                 charts: { patches: patches, inversePatches: inversePatches },
+                selectedEmbedOrChart: {
+                    undo: chart.chartId,
+                    redo: chart.chartId,
+                },
             });
             return nextState;
         });

package/dist/cjs/plotly/basic-chart/basic-chart.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import type { EChartComponentProps } from "../../types";
 export type BasicChartProps = EChartComponentProps;
-export declare const BasicChart: ({ width, height, chart, theme, isDarkMode, sheetId, readonly, getDomainValuesFromRange, getSeriesValuesFromRange, onDeleteChart, onRequestEdit, onRequestCalculate, isSelected, }: BasicChartProps) => React.JSX.Element;
+export declare const BasicChart: ({ width, height, chart, theme, isDarkMode, sheetId, readonly, getDomainValuesFromRange, getSeriesValuesFromRange, getFormattingFromRange, onDeleteChart, onUpdateChart, onRequestEdit, onRequestCalculate, isSelected, fieldButtons, }: BasicChartProps) => React.JSX.Element;
 //# sourceMappingURL=basic-chart.d.ts.map

package/dist/cjs/plotly/basic-chart/basic-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"basic-chart.d.ts","sourceRoot":"","sources":["../../../../plotly/basic-chart/basic-chart.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAG7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAyRxD,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC;AA+DnD,eAAO,MAAM,UAAU,GAAI,mLAcxB,eAAe,sBA+tDjB,CAAC"}
+{"version":3,"file":"basic-chart.d.ts","sourceRoot":"","sources":["../../../../plotly/basic-chart/basic-chart.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAGtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AA4VxD,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC;AA0FnD,eAAO,MAAM,UAAU,GAAI,wOAiBxB,eAAe,sBAmrEjB,CAAC"}