@rowsncolumns/spreadsheet 10.3.1 → 10.4.0

package/dist/esm/components/print-preview/page-block.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { CellFormat, GridRange } from "@rowsncolumns/common-types";
-import type { PageBlock as PageBlockType } from "./use-page-layout";
+import type { PageBlock as PageBlockType, PrintedChart } from "./use-page-layout";
 import { type HeaderFooterFields, type Margins, type PrintAlignment, type PrintVerticalAlignment } from "./settings";
 export type CellAccess = {
     sheetId: number;
@@ -57,6 +57,14 @@ export type PageBlockProps = CellAccess & {
      * is dropped so the iframe-side rendering doesn't waste ink on it.
      */
     screen?: boolean;
+    /**
+     * Charts whose anchor cell lands on this page (`placeChartsOnPages`),
+     * drawn over the cells at their sheet position. `imageUrl` is the
+     * renderer's PNG capture; without one a titled frame stands in.
+     */
+    charts?: Array<PrintedChart & {
+        imageUrl?: string;
+    }>;
 };
 export declare const PageBlock: React.FC<PageBlockProps>;
 //# sourceMappingURL=page-block.d.ts.map

package/dist/esm/components/print-preview/page-block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-block.d.ts","sourceRoot":"","sources":["../../../../components/print-preview/page-block.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACV,MAAM,4BAA4B,CAAC;AAGpC,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAGL,KAAK,kBAAkB,EACvB,KAAK,OAAO,EACZ,KAAK,cAAc,EACnB,KAAK,sBAAsB,EAC5B,MAAM,YAAY,CAAC;AAEpB,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,CACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAClB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,CACR,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,OAAO,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG;IACxC,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,mBAAmB,EAAE,cAAc,CAAC;IACpC,iBAAiB,EAAE,sBAAsB,CAAC;IAC1C;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2DAA2D;IAC3D,YAAY,CAAC,EAAE;QACb,MAAM,EAAE,kBAAkB,CAAC;QAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,GAAG,EAAE,IAAI,CAAC;KACX,CAAC;IACF;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AA+HF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6Q9C,CAAC"}
+{"version":3,"file":"page-block.d.ts","sourceRoot":"","sources":["../../../../components/print-preview/page-block.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACV,MAAM,4BAA4B,CAAC;AAGpC,OAAO,KAAK,EACV,SAAS,IAAI,aAAa,EAC1B,YAAY,EACb,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAGL,KAAK,kBAAkB,EACvB,KAAK,OAAO,EACZ,KAAK,cAAc,EACnB,KAAK,sBAAsB,EAC5B,MAAM,YAAY,CAAC;AAEpB,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,CACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAClB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,CACR,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,OAAO,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG;IACxC,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,mBAAmB,EAAE,cAAc,CAAC;IACpC,iBAAiB,EAAE,sBAAsB,CAAC;IAC1C;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2DAA2D;IAC3D,YAAY,CAAC,EAAE;QACb,MAAM,EAAE,kBAAkB,CAAC;QAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,GAAG,EAAE,IAAI,CAAC;KACX,CAAC;IACF;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACtD,CAAC;AA+HF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2T9C,CAAC"}

package/dist/esm/components/print-preview/page-block.js

@@ -109,7 +109,7 @@ const HeaderFooterStrip = ({ position, data }) => {
         React.createElement("div", { style: { ...cellBase, justifyContent: "center" } }, center),
         React.createElement("div", { style: { ...cellBase, justifyContent: "flex-end" } }, right)));
 };
-export const PageBlock = ({ block, pageWidth, pageHeight, margins, scale, showGridlines, showNotes, horizontalAlignment, verticalAlignment, sheetId, getFormattedValue, getEffectiveFormat, getColumnWidth, getRowHeight, merges, hasNote, frozenRowStart, frozenRowEnd, frozenColumnStart, frozenColumnEnd, headerFooter, screen = true, }) => {
+export const PageBlock = ({ block, pageWidth, pageHeight, margins, scale, showGridlines, showNotes, horizontalAlignment, verticalAlignment, sheetId, getFormattedValue, getEffectiveFormat, getColumnWidth, getRowHeight, merges, hasNote, frozenRowStart, frozenRowEnd, frozenColumnStart, frozenColumnEnd, headerFooter, screen = true, charts, }) => {
     const showFrozenRows = frozenRowStart !== undefined &&
         frozenRowEnd !== undefined &&
         frozenRowEnd >= frozenRowStart;
@@ -171,6 +171,9 @@ export const PageBlock = ({ block, pageWidth, pageHeight, margins, scale, showGr
         alignItems: VALIGN_TO_FLEX[verticalAlignment],
     };
     const tableWrap = {
+        // Charts are absolutely positioned over the table in unscaled px, so
+        // the same transform scales them with the cells they anchor to.
+        position: "relative",
         // The content box is the printable area; the table is the actual
         // sheet slice scaled by the user-selected scale factor. Using a
         // CSS `transform: scale(...)` instead of resizing each cell keeps
@@ -303,6 +306,28 @@ export const PageBlock = ({ block, pageWidth, pageHeight, margins, scale, showGr
                                         } }, value)),
                                 noted ? React.createElement("span", { style: noteMarkerStyle }) : null));
                         })));
-                    }))))),
+                    }))),
+                charts?.map((chart) => {
+                    const frame = {
+                        position: "absolute",
+                        left: chart.left,
+                        top: chart.top,
+                        width: chart.width,
+                        height: chart.height,
+                        overflow: "hidden",
+                        backgroundColor: "white",
+                    };
+                    return (React.createElement("div", { key: chart.chartId, "data-print-chart": chart.chartId, style: frame }, chart.imageUrl ? (React.createElement("img", { src: chart.imageUrl, alt: chart.title ?? "Chart", style: { width: "100%", height: "100%", display: "block" } })) : (React.createElement("div", { style: {
+                            width: "100%",
+                            height: "100%",
+                            boxSizing: "border-box",
+                            border: "1px solid #d1d5db",
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            fontSize: 12,
+                            color: "#6b7280",
+                        } }, chart.title ?? "Chart"))));
+                }))),
         headerFooter ? (React.createElement(HeaderFooterStrip, { position: "footer", data: headerFooter })) : null));
 };

package/dist/esm/components/print-preview/print-preview-dialog.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import type { CellData, CellFormat } from "@rowsncolumns/common-types";
 import type { SelectionArea } from "@rowsncolumns/grid";
-import type { Sheet } from "../../types";
+import type { EmbeddedChart, Sheet } from "../../types";
 export type PrintPreviewDialogProps = {
     isOpen: boolean;
     onClose: () => void;
@@ -44,6 +44,13 @@ export type PrintPreviewDialogProps = {
      * marker.
      */
     getCellData?: (sheetId: number, rowIndex: number, columnIndex: number) => CellData | null | undefined;
+    /**
+     * The workbook's charts — same array the grid renders. Each prints on
+     * the page its anchor cell lands on, as the PNG the mounted renderer
+     * captures (`exportPng`); a chart on a sheet that is not on screen has
+     * no renderer to capture and prints as a titled frame.
+     */
+    charts?: EmbeddedChart[];
 };
 export declare const PrintPreviewDialog: React.FC<PrintPreviewDialogProps>;
 //# sourceMappingURL=print-preview-dialog.d.ts.map

package/dist/esm/components/print-preview/print-preview-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"print-preview-dialog.d.ts","sourceRoot":"","sources":["../../../../components/print-preview/print-preview-dialog.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAatE,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EAEX,MAAM,4BAA4B,CAAC;AAIpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AA0BzC,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,iBAAiB,EAAE,CACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAClB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,0EAA0E;IAC1E,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC1D,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC7D;;;;OAIG;IACH,WAAW,CAAC,EAAE,CACZ,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC;CAClC,CAAC;AAsDF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAonBhE,CAAC"}
+{"version":3,"file":"print-preview-dialog.d.ts","sourceRoot":"","sources":["../../../../components/print-preview/print-preview-dialog.tsx"],"names":[],"mappings":"AAYA,OAAO,KAMN,MAAM,OAAO,CAAC;AAaf,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EAEX,MAAM,4BAA4B,CAAC;AAKpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AA4BxD,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,iBAAiB,EAAE,CACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAClB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,0EAA0E;IAC1E,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC1D,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC7D;;;;OAIG;IACH,WAAW,CAAC,EAAE,CACZ,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;CAC1B,CAAC;AAgEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAusBhE,CAAC"}

package/dist/esm/components/print-preview/print-preview-dialog.js

@@ -9,14 +9,22 @@
 // `frozenColumnCount`, per-row/column metadata sizes) or passed
 // alongside (`getFormattedValue`, `getEffectiveFormat`, …) — no
 // adapter object, no nested PrintSheet construction.
-import React, { useCallback, useMemo, useRef, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useRef, useState, } from "react";
 import { Button, IconButton, Select, SelectContent, SelectItem, SelectPortal, SelectTrigger, SelectValue, } from "@rowsncolumns/ui";
 import { Cross2Icon } from "@rowsncolumns/icons";
 import { PageBlock } from "./page-block";
+import { useGetChartActions } from "../../atoms/chart-actions.atom";
 import { DEFAULT_COLUMN_WIDTH, DEFAULT_ROW_HEIGHT } from "../../config";
 import { DEFAULT_PRINT_SETTINGS, PAPER_SIZES, resolveContentArea, resolveMargins, resolvePageDimensions, } from "./settings";
-import { computePageLayout, measureRange, resolveScale, } from "./use-page-layout";
+import { computePageLayout, measureRange, placeChartsOnPages, resolveScale, } from "./use-page-layout";
 import { runPrint } from "./run-print";
+/** A PNG blob as a `data:` URL — the print iframe needs no live object URLs. */
+const blobToDataUrl = (blob) => new Promise((resolve) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve(typeof reader.result === "string" ? reader.result : undefined);
+    reader.onerror = () => resolve(undefined);
+    reader.readAsDataURL(blob);
+});
 const resolveSheet = (sheet, options) => {
     const defaultColumnWidth = sheet.defaultColumnWidth ?? DEFAULT_COLUMN_WIDTH;
     const defaultRowHeight = sheet.defaultRowHeight ?? DEFAULT_ROW_HEIGHT;
@@ -35,9 +43,10 @@ const resolveSheet = (sheet, options) => {
 const labelClass = "text-xs font-medium text-rnc-foreground/80 mb-1 block";
 const fieldRowClass = "mb-3";
 const controlClass = "w-full text-xs border border-solid border-rnc-border rounded-sm px-2 py-1.5 bg-rnc-background text-rnc-foreground focus:outline-none focus:ring-1 focus:ring-ring";
-export const PrintPreviewDialog = ({ isOpen, onClose, sheets, activeSheetId, selections, title, getFormattedValue, getEffectiveFormat, getDataRowCount, getDataColumnCount, getCellData, }) => {
+export const PrintPreviewDialog = ({ isOpen, onClose, sheets, activeSheetId, selections, title, getFormattedValue, getEffectiveFormat, getDataRowCount, getDataColumnCount, getCellData, charts, }) => {
     const [settings, setSettings] = useState(DEFAULT_PRINT_SETTINGS);
     const printContainerRef = useRef(null);
+    const getChartActions = useGetChartActions();
     // Look up the active sheet from the supplied list. When the id
     // doesn't match anything (shouldn't happen) we render nothing.
     const activeSheetSource = useMemo(() => sheets.find((s) => s.sheetId === activeSheetId), [sheets, activeSheetId]);
@@ -117,6 +126,80 @@ export const PrintPreviewDialog = ({ isOpen, onClose, sheets, activeSheetId, sel
         }
         return out;
     }, [isOpen, settings, sheetsForScope]);
+    // Chart PNGs, captured from the mounted renderers each time the dialog
+    // opens (a Data → chart edit while it is open is not re-captured).
+    const [chartImages, setChartImages] = useState({});
+    useEffect(() => {
+        if (!isOpen || !charts?.length)
+            return;
+        let cancelled = false;
+        const sheetIds = new Set(sheetsForScope.map((sheet) => sheet.sheetId));
+        void Promise.all(charts
+            .filter((chart) => sheetIds.has(chart.position?.sheetId))
+            .map(async (chart) => {
+            const blob = await getChartActions(chart.chartId)
+                ?.exportPng?.()
+                .catch(() => undefined);
+            const url = blob ? await blobToDataUrl(blob) : undefined;
+            return [String(chart.chartId), url];
+        })).then((entries) => {
+            if (cancelled)
+                return;
+            const next = {};
+            for (const [chartId, url] of entries)
+                if (url)
+                    next[chartId] = url;
+            setChartImages(next);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [isOpen, charts, sheetsForScope, getChartActions]);
+    // Which page each chart prints on (Excel: the page its anchor lands on).
+    const printedCharts = useMemo(() => {
+        const bySheetAndPage = new Map();
+        if (!charts?.length)
+            return bySheetAndPage;
+        for (const sheet of sheetsForScope) {
+            const bounds = sheet.printBounds ?? {
+                startRow: 1,
+                endRow: Math.max(1, sheet.rowCount),
+                startColumn: 1,
+                endColumn: Math.max(1, sheet.columnCount),
+            };
+            const blocks = pages
+                .filter((page) => page.sheet === sheet)
+                .map((page) => page.block);
+            const placed = placeChartsOnPages({
+                charts: charts
+                    .filter((chart) => chart.position?.overlayPosition?.anchorCell)
+                    .map((chart) => ({
+                    chartId: chart.chartId,
+                    title: chart.spec.title,
+                    sheetId: chart.position.sheetId,
+                    anchorCell: chart.position.overlayPosition.anchorCell,
+                    offsetXPixels: chart.position.overlayPosition.offsetXPixels,
+                    offsetYPixels: chart.position.overlayPosition.offsetYPixels,
+                    widthPixels: chart.position.overlayPosition.widthPixels,
+                    heightPixels: chart.position.overlayPosition.heightPixels,
+                })),
+                sheetId: sheet.sheetId,
+                blocks,
+                startRow: bounds.startRow,
+                startColumn: bounds.startColumn,
+                repeatRows: settings.repeatFrozenRows && sheet.frozenRows ? sheet.frozenRows : 0,
+                repeatColumns: settings.repeatFrozenColumns && sheet.frozenColumns
+                    ? sheet.frozenColumns
+                    : 0,
+                getColumnWidth: sheet.getColumnWidth,
+                getRowHeight: sheet.getRowHeight,
+            });
+            for (const [pageIndex, list] of placed) {
+                bySheetAndPage.set(`${sheet.sheetId}:${pageIndex}`, list);
+            }
+        }
+        return bySheetAndPage;
+    }, [charts, sheetsForScope, pages, settings.repeatFrozenRows, settings.repeatFrozenColumns]);
     // Single Date snapshot reused by every page so the printed copies
     // agree on "now" — Google Sheets does the same so a multi-page print
     // doesn't tick over a minute mid-document.
@@ -196,7 +279,12 @@ export const PrintPreviewDialog = ({ isOpen, onClose, sheets, activeSheetId, sel
                                 i + 1,
                                 " of ",
                                 pages.length),
-                            React.createElement(PageBlock, { block: block, pageWidth: pageDims.width, pageHeight: pageDims.height, margins: margins, scale: computeScaleForSheet(sheet), showGridlines: settings.showGridlines, showNotes: settings.showNotes, horizontalAlignment: settings.horizontalAlignment, verticalAlignment: settings.verticalAlignment, sheetId: sheet.sheetId, getFormattedValue: getFormattedValue, getEffectiveFormat: getEffectiveFormat, getColumnWidth: sheet.getColumnWidth, getRowHeight: sheet.getRowHeight, merges: sheet.merges, hasNote: hasNote, frozenRowStart: repeatRows > 0 ? bounds.startRow : undefined, frozenRowEnd: repeatRows > 0
+                            React.createElement(PageBlock, { block: block, pageWidth: pageDims.width, pageHeight: pageDims.height, margins: margins, scale: computeScaleForSheet(sheet), showGridlines: settings.showGridlines, showNotes: settings.showNotes, horizontalAlignment: settings.horizontalAlignment, verticalAlignment: settings.verticalAlignment, sheetId: sheet.sheetId, getFormattedValue: getFormattedValue, getEffectiveFormat: getEffectiveFormat, getColumnWidth: sheet.getColumnWidth, getRowHeight: sheet.getRowHeight, merges: sheet.merges, hasNote: hasNote, charts: printedCharts
+                                    .get(`${sheet.sheetId}:${block.index}`)
+                                    ?.map((chart) => ({
+                                    ...chart,
+                                    imageUrl: chartImages[chart.chartId],
+                                })), frozenRowStart: repeatRows > 0 ? bounds.startRow : undefined, frozenRowEnd: repeatRows > 0
                                     ? bounds.startRow + repeatRows - 1
                                     : undefined, frozenColumnStart: repeatColumns > 0 ? bounds.startColumn : undefined, frozenColumnEnd: repeatColumns > 0
                                     ? bounds.startColumn + repeatColumns - 1

package/dist/esm/components/print-preview/run-print.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"run-print.d.ts","sourceRoot":"","sources":["../../../../components/print-preview/run-print.ts"],"names":[],"mappings":"AAcA,MAAM,MAAM,eAAe,GAAG;IAC5B,mDAAmD;IACnD,SAAS,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAuDF,eAAO,MAAM,QAAQ,GAAI,MAAM,eAAe,KAAG,IAkDhD,CAAC"}
+{"version":3,"file":"run-print.d.ts","sourceRoot":"","sources":["../../../../components/print-preview/run-print.ts"],"names":[],"mappings":"AAcA,MAAM,MAAM,eAAe,GAAG;IAC5B,mDAAmD;IACnD,SAAS,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAuDF,eAAO,MAAM,QAAQ,GAAI,MAAM,eAAe,KAAG,IA+DhD,CAAC"}

package/dist/esm/components/print-preview/run-print.js

@@ -95,13 +95,23 @@ export const runPrint = (opts) => {
             // Delay so afterprint has a chance to fire first.
             setTimeout(cleanup, 1000);
         }, { once: true });
-        try {
-            win.focus();
-            win.print();
-        }
-        catch {
-            cleanup();
-        }
+        // Chart PNGs are `<img>`s in the injected HTML; print once every one
+        // has decoded so no page goes out with an empty chart frame.
+        const pending = Array.from(win.document.images)
+            .filter((img) => !img.complete)
+            .map((img) => new Promise((resolve) => {
+            img.addEventListener("load", () => resolve(), { once: true });
+            img.addEventListener("error", () => resolve(), { once: true });
+        }));
+        void Promise.all(pending).then(() => {
+            try {
+                win.focus();
+                win.print();
+            }
+            catch {
+                cleanup();
+            }
+        });
     };
     iframe.addEventListener("load", onLoad, { once: true });
 };

package/dist/esm/components/print-preview/use-page-layout.d.ts

@@ -10,6 +10,53 @@ export type PageBlock = {
     height: number;
 };
 export type PageOrder = "over-then-down" | "down-then-over";
+/**
+ * A chart laid onto one printed page: its frame in unscaled sheet px
+ * relative to the page table's top-left (the repeated frozen prefix
+ * included), so the page's `transform: scale()` sizes it with the cells.
+ */
+export type PrintedChart = {
+    chartId: string;
+    title?: string;
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+};
+export type PrintedChartSource = {
+    chartId: string | number;
+    title?: string | null;
+    sheetId: number;
+    anchorCell: {
+        rowIndex: number;
+        columnIndex: number;
+    };
+    offsetXPixels?: number | null;
+    offsetYPixels?: number | null;
+    widthPixels?: number | null;
+    heightPixels?: number | null;
+};
+export type PlaceChartsInput = {
+    charts: readonly PrintedChartSource[];
+    sheetId: number;
+    blocks: readonly PageBlock[];
+    /** The printed range — where the repeated frozen prefix starts. */
+    startRow: number;
+    startColumn: number;
+    repeatRows?: number;
+    repeatColumns?: number;
+    getColumnWidth: (columnIndex: number) => number;
+    getRowHeight: (rowIndex: number) => number;
+};
+/**
+ * Excel prints a floating object on the page its anchor cell lands on.
+ * Each chart goes to the first page whose block (or repeated frozen
+ * prefix) contains the anchor; a chart anchored outside the printed
+ * range is not printed. The frame is positioned from the anchor cell's
+ * offset within that page plus the chart's own pixel offsets and keeps
+ * its on-sheet size — a chart that overhangs the page is clipped by it.
+ */
+export declare const placeChartsOnPages: ({ charts, sheetId, blocks, startRow, startColumn, repeatRows, repeatColumns, getColumnWidth, getRowHeight, }: PlaceChartsInput) => Map<number, PrintedChart[]>;
 export type PageLayoutInput = {
     startRow: number;
     endRow: number;

package/dist/esm/components/print-preview/use-page-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-page-layout.d.ts","sourceRoot":"","sources":["../../../../components/print-preview/use-page-layout.ts"],"names":[],"mappings":"AAcA,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,gBAAgB,GAAG,gBAAgB,CAAC;AAE5D,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AA2CF,eAAO,MAAM,iBAAiB,GAAI,OAAO,eAAe,KAAG,SAAS,EAwEnE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,GACvB,UAAU,MAAM,EAChB,QAAQ,MAAM,EACd,aAAa,MAAM,EACnB,WAAW,MAAM,EACjB,gBAAgB,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,EACrC,cAAc,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,KAClC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAMjC,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,GACvB,MAAM,KAAK,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,EACjD,aAAa,MAAM,EACnB,YAAY,MAAM,EAClB,aAAa,MAAM,EACnB,cAAc,MAAM,EACpB,eAAe,MAAM,KACpB,MAmBF,CAAC"}
+{"version":3,"file":"use-page-layout.d.ts","sourceRoot":"","sources":["../../../../components/print-preview/use-page-layout.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/print-preview/use-page-layout.js

@@ -11,6 +11,61 @@
 // iterate row-bands top to bottom. Page index walks row-bands within a
 // column-band first, mirroring Excel. The opposite order would be a
 // trivial swap if/when we add the `overThenDown` toggle.
+const DEFAULT_PRINTED_CHART_WIDTH = 300;
+const DEFAULT_PRINTED_CHART_HEIGHT = 200;
+const sumSizes = (from, toExclusive, size) => {
+    let total = 0;
+    for (let i = from; i < toExclusive; i++)
+        total += size(i);
+    return total;
+};
+/**
+ * Excel prints a floating object on the page its anchor cell lands on.
+ * Each chart goes to the first page whose block (or repeated frozen
+ * prefix) contains the anchor; a chart anchored outside the printed
+ * range is not printed. The frame is positioned from the anchor cell's
+ * offset within that page plus the chart's own pixel offsets and keeps
+ * its on-sheet size — a chart that overhangs the page is clipped by it.
+ */
+export const placeChartsOnPages = ({ charts, sheetId, blocks, startRow, startColumn, repeatRows = 0, repeatColumns = 0, getColumnWidth, getRowHeight, }) => {
+    const placed = new Map();
+    const frozenRowEnd = startRow + repeatRows - 1;
+    const frozenColumnEnd = startColumn + repeatColumns - 1;
+    const frozenRowsHeight = sumSizes(startRow, frozenRowEnd + 1, getRowHeight);
+    const frozenColumnsWidth = sumSizes(startColumn, frozenColumnEnd + 1, getColumnWidth);
+    for (const chart of charts) {
+        if (chart.sheetId !== sheetId)
+            continue;
+        const { rowIndex, columnIndex } = chart.anchorCell;
+        const inFrozenRows = repeatRows > 0 && rowIndex >= startRow && rowIndex <= frozenRowEnd;
+        const inFrozenColumns = repeatColumns > 0 && columnIndex >= startColumn && columnIndex <= frozenColumnEnd;
+        const block = blocks.find((b) => (inFrozenRows || (rowIndex >= b.startRow && rowIndex <= b.endRow)) &&
+            (inFrozenColumns ||
+                (columnIndex >= b.startColumn && columnIndex <= b.endColumn)));
+        if (!block)
+            continue;
+        const left = (inFrozenColumns
+            ? sumSizes(startColumn, columnIndex, getColumnWidth)
+            : frozenColumnsWidth +
+                sumSizes(block.startColumn, columnIndex, getColumnWidth)) +
+            (chart.offsetXPixels ?? 0);
+        const top = (inFrozenRows
+            ? sumSizes(startRow, rowIndex, getRowHeight)
+            : frozenRowsHeight + sumSizes(block.startRow, rowIndex, getRowHeight)) +
+            (chart.offsetYPixels ?? 0);
+        const list = placed.get(block.index) ?? [];
+        list.push({
+            chartId: String(chart.chartId),
+            title: chart.title ?? undefined,
+            left,
+            top,
+            width: chart.widthPixels ?? DEFAULT_PRINTED_CHART_WIDTH,
+            height: chart.heightPixels ?? DEFAULT_PRINTED_CHART_HEIGHT,
+        });
+        placed.set(block.index, list);
+    }
+    return placed;
+};
 /**
  * Slice the [startColumn..endColumn] range into bands such that each
  * band's summed (scaled) width fits inside `contentWidth`. A single

package/dist/esm/components/selection/index.d.ts

@@ -5,5 +5,5 @@ import type { SelectionNewProps } from "./types";
  * @param param0
  * @returns
  */
-export declare const Selection: React.MemoExoticComponent<({ x, y, width, height, fillHandleSize, showFillHandle, offset, stroke, strokeLeftColor, strokeTopColor, strokeRightColor, strokeBottomColor, strokeWidth, strokeTopWidth, strokeRightWidth, strokeBottomWidth, strokeLeftWidth, strokeStyle, fillOpacity, draggable, isDragging, borderCoverWidth, type, range, title, keepTitleWithinBounds, keepTitleWithinVerticalBounds, flipTitleToBottom, table, pivotTable, onMouseDownTitle, onMouseDownResizeHandle, onMouseDownMoveHandle, TitleComponent, onMouseDown, onRequestEditTable, onRequestEditPivotTable, onFlashEnd, zIndex, index, id, showResizeHandles, resizeHandleBorderColor, resizeHandleSize, fill, duration, selectionCount, enableMagicFill, sheetId, activeCell, selection, MagicFillComponent, metadata, readonly, showPasteMenu, onSplitTextToColumns, agentSuggestion, isHovered, MagicFillContent, QuickEdit, PasteMenu, FillOptionsMenu, fillOptions, onChooseFillType, onOpenFillSeriesDialog, onCloseFillOptions, InsertOptionsSmartTag, insertOptions, onChooseInsertOption, SuggestionAction, onRemoveQuickEdit, onAddQuickEdit, }: SelectionNewProps) => React.JSX.Element>;
+export declare const Selection: React.MemoExoticComponent<({ x, y, width, height, fillHandleSize, showFillHandle, offset, stroke, strokeLeftColor, strokeTopColor, strokeRightColor, strokeBottomColor, strokeWidth, strokeTopWidth, strokeRightWidth, strokeBottomWidth, strokeLeftWidth, strokeStyle, fillOpacity, draggable, isDragging, borderCoverWidth, type, range, title, keepTitleWithinBounds, keepTitleWithinVerticalBounds, flipTitleToBottom, table, pivotTable, onMouseDownTitle, onMouseDownResizeHandle, onMouseDownMoveHandle, TitleComponent, onMouseDown, onRequestEditTable, onRequestEditPivotTable, onFlashEnd, zIndex, index, id, showResizeHandles, resizeHandleBorderColor, resizeHandleSize, fill, duration, selectionCount, enableMagicFill, sheetId, activeCell, selection, MagicFillComponent, metadata, readonly, showPasteMenu, onSplitTextToColumns, agentSuggestion, isHovered, MagicFillContent, QuickEdit, PasteMenu, FillOptionsMenu, fillOptions, onChooseFillType, onOpenFillSeriesDialog, onCloseFillOptions, InsertOptionsSmartTag, insertOptions, onChooseInsertOption, tableAutoExpansion, onChooseTableAutoExpansionOption, calculatedColumnFill, onChooseCalculatedColumnOption, SuggestionAction, onRemoveQuickEdit, onAddQuickEdit, }: SelectionNewProps) => React.JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/selection/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/selection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAepC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD;;;;GAIG;AACH,eAAO,MAAM,SAAS,2kCA0EjB,iBAAiB,uBAqUrB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/selection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAiBpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD;;;;GAIG;AACH,eAAO,MAAM,SAAS,urCA8EjB,iBAAiB,uBA0VrB,CAAC"}

package/dist/esm/components/selection/index.js

@@ -1,5 +1,7 @@
 import React, { memo } from "react";
 import { InsertOptionsSmartTag as DefaultInsertOptionsSmartTag } from "../insert-options-smart-tag";
+import { TableAutoExpansionSmartTag } from "../table-auto-expansion-smart-tag";
+import { CalculatedColumnSmartTag } from "../calculated-column-smart-tag";
 import { FillOptionsMenu as DefaultFillOptionsMenu } from "./fill-options-menu";
 import { MagicFill } from "./magic-fill";
 import { PasteMenu as DefaultPasteMenu } from "./paste-menu";
@@ -12,7 +14,7 @@ import { SelectionTitle } from "./title";
  * @param param0
  * @returns
  */
-export const Selection = memo(({ x = 0, y = 0, width = 0, height = 0, fillHandleSize = 8, showFillHandle, offset = 0, stroke, strokeLeftColor = stroke, strokeTopColor = stroke, strokeRightColor = stroke, strokeBottomColor = stroke, strokeWidth = 0, strokeTopWidth = strokeWidth, strokeRightWidth = strokeWidth, strokeBottomWidth = strokeWidth, strokeLeftWidth = strokeWidth, strokeStyle = "solid", fillOpacity = 1, draggable, isDragging, borderCoverWidth = 5, type, range, title, keepTitleWithinBounds, keepTitleWithinVerticalBounds, flipTitleToBottom, table, pivotTable, onMouseDownTitle, onMouseDownResizeHandle, onMouseDownMoveHandle, TitleComponent = SelectionTitle, onMouseDown, onRequestEditTable, onRequestEditPivotTable, onFlashEnd, zIndex, index, id, showResizeHandles, resizeHandleBorderColor, resizeHandleSize = 6, fill, duration, selectionCount, enableMagicFill, sheetId, activeCell, selection, MagicFillComponent = MagicFill, metadata, readonly, showPasteMenu, onSplitTextToColumns, agentSuggestion, isHovered, MagicFillContent, QuickEdit = DefaultQuickEdit, PasteMenu = DefaultPasteMenu, FillOptionsMenu = DefaultFillOptionsMenu, fillOptions, onChooseFillType, onOpenFillSeriesDialog, onCloseFillOptions, InsertOptionsSmartTag = DefaultInsertOptionsSmartTag, insertOptions, onChooseInsertOption, SuggestionAction = DefaultSuggestionAction, onRemoveQuickEdit, onAddQuickEdit, }) => {
+export const Selection = memo(({ x = 0, y = 0, width = 0, height = 0, fillHandleSize = 8, showFillHandle, offset = 0, stroke, strokeLeftColor = stroke, strokeTopColor = stroke, strokeRightColor = stroke, strokeBottomColor = stroke, strokeWidth = 0, strokeTopWidth = strokeWidth, strokeRightWidth = strokeWidth, strokeBottomWidth = strokeWidth, strokeLeftWidth = strokeWidth, strokeStyle = "solid", fillOpacity = 1, draggable, isDragging, borderCoverWidth = 5, type, range, title, keepTitleWithinBounds, keepTitleWithinVerticalBounds, flipTitleToBottom, table, pivotTable, onMouseDownTitle, onMouseDownResizeHandle, onMouseDownMoveHandle, TitleComponent = SelectionTitle, onMouseDown, onRequestEditTable, onRequestEditPivotTable, onFlashEnd, zIndex, index, id, showResizeHandles, resizeHandleBorderColor, resizeHandleSize = 6, fill, duration, selectionCount, enableMagicFill, sheetId, activeCell, selection, MagicFillComponent = MagicFill, metadata, readonly, showPasteMenu, onSplitTextToColumns, agentSuggestion, isHovered, MagicFillContent, QuickEdit = DefaultQuickEdit, PasteMenu = DefaultPasteMenu, FillOptionsMenu = DefaultFillOptionsMenu, fillOptions, onChooseFillType, onOpenFillSeriesDialog, onCloseFillOptions, InsertOptionsSmartTag = DefaultInsertOptionsSmartTag, insertOptions, onChooseInsertOption, tableAutoExpansion, onChooseTableAutoExpansionOption, calculatedColumnFill, onChooseCalculatedColumnOption, SuggestionAction = DefaultSuggestionAction, onRemoveQuickEdit, onAddQuickEdit, }) => {
     // Show paste menu
     const finalShowPasteMenu = !showPasteMenu
         ? false
@@ -191,6 +193,8 @@ export const Selection = memo(({ x = 0, y = 0, width = 0, height = 0, fillHandle
         type === "quickedit" ? (React.createElement(QuickEdit, { x: x, y: y, width: width, height: height, range: range, sheetId: sheetId, onRemoveQuickEdit: onRemoveQuickEdit })) : null,
         finalShowPasteMenu && (React.createElement(PasteMenu, { x: x + fillHandleSize / 2, y: y + fillHandleSize / 2, width: width, height: height, onSplitTextToColumns: onSplitTextToColumns })),
         fillOptions && type === "selection" && onChooseFillType ? (React.createElement(FillOptionsMenu, { x: x + fillHandleSize / 2, y: y + fillHandleSize / 2, width: width, height: height, mode: fillOptions.mode, fillType: fillOptions.fillType, hasDates: fillOptions.hasDates, onChooseFillType: onChooseFillType, onOpenSeriesDialog: onOpenFillSeriesDialog, onClose: onCloseFillOptions })) : null,
-        insertOptions && onChooseInsertOption ? (React.createElement(InsertOptionsSmartTag, { x: x, y: y + fillHandleSize / 2, width: width, height: height, axis: insertOptions.axis, option: insertOptions.option, onChooseOption: onChooseInsertOption })) : null));
+        insertOptions && onChooseInsertOption ? (React.createElement(InsertOptionsSmartTag, { x: x, y: y + fillHandleSize / 2, width: width, height: height, axis: insertOptions.axis, option: insertOptions.option, onChooseOption: onChooseInsertOption })) : null,
+        tableAutoExpansion && onChooseTableAutoExpansionOption ? (React.createElement(TableAutoExpansionSmartTag, { x: x, y: y + fillHandleSize / 2, width: width, height: height, canStop: tableAutoExpansion.canStop, onChooseOption: onChooseTableAutoExpansionOption })) : null,
+        calculatedColumnFill && onChooseCalculatedColumnOption ? (React.createElement(CalculatedColumnSmartTag, { x: x, y: y + fillHandleSize / 2, width: width, height: height, kind: calculatedColumnFill.kind, canStop: calculatedColumnFill.canStop, onChooseOption: onChooseCalculatedColumnOption })) : null));
 });
 Selection.displayName = "Selection";

package/dist/esm/components/selection/types.d.ts

@@ -5,6 +5,8 @@ import type { Maybe, PivotTable, SheetRange } from "../../types";
 import type { AutoFillType, TableView } from "../../types";
 import type { SelectionAttributes } from "../canvas-grid/typings";
 import type { InsertOptionsSmartTagProps } from "../insert-options-smart-tag";
+import type { TableAutoExpansionSmartTagProps } from "../table-auto-expansion-smart-tag";
+import type { CalculatedColumnSmartTagProps } from "../calculated-column-smart-tag";
 import type { FillOptionsMenuProps } from "./fill-options-menu";
 import type { MagicFillContentProps, MagicFillProps } from "./magic-fill";
 import type { PasteMenuProps } from "./paste-menu";
@@ -49,6 +51,19 @@ export type SelectionNewProps = SelectionProps<SelectionAttributes> & {
      */
     insertOptions?: Pick<InsertOptionsSmartTagProps, "axis" | "option">;
     onChooseInsertOption?: InsertOptionsSmartTagProps["onChooseOption"];
+    /**
+     * Pending AutoCorrect smart tag for THIS selection (present only on the active cell right after a
+     * table auto-expanded): "Undo Table AutoExpansion" / "Stop Automatically Expanding Tables".
+     */
+    tableAutoExpansion?: Pick<TableAutoExpansionSmartTagProps, "canStop">;
+    onChooseTableAutoExpansionOption?: TableAutoExpansionSmartTagProps["onChooseOption"];
+    /**
+     * Pending AutoCorrect smart tag for THIS selection (the active cell right after a formula typed
+     * into a table column): "Undo Calculated Column" / "Overwrite all cells in this column with this
+     * formula" / "Stop automatically creating calculated columns".
+     */
+    calculatedColumnFill?: Pick<CalculatedColumnSmartTagProps, "kind" | "canStop">;
+    onChooseCalculatedColumnOption?: CalculatedColumnSmartTagProps["onChooseOption"];
     SuggestionAction?: React.ComponentType<SuggestionActionProps>;
     readonly?: boolean;
     showPasteMenu?: boolean;

package/dist/esm/components/selection/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../components/selection/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,mBAAmB,CAAC,GAAG;IACpE,gBAAgB,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IAC7D,uBAAuB,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IACtE,qBAAqB,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IACpE,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,kBAAkB,CAAC,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5C,uBAAuB,CAAC,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IACvD,UAAU,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IACnC,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IACzD,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC9D,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC5D;;;OAGG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC,oBAAoB,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC;IAC3E,gBAAgB,CAAC,CAAC,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAC;IAChD,sBAAsB,CAAC,IAAI,IAAI,CAAC;IAChC,kBAAkB,CAAC,IAAI,IAAI,CAAC;IAC5B,qBAAqB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;IACxE;;;OAGG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,0BAA0B,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC;IACpE,oBAAoB,CAAC,EAAE,0BAA0B,CAAC,gBAAgB,CAAC,CAAC;IACpE,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,oBAAoB,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IAC3C,cAAc,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CACzC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../components/selection/types.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/sheet-tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/sheet-tabs/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAI9C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAIzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,KAAK,EAAE,QAAQ,CAAC,EAAE,KAClB,MACjD,CAAC;AAEF;;;;GAIG;AACH,iBAAS,kBAAkB,CAAC,CAAC,SAAS,KAAK,EAAE,EAC3C,MAAM,EACN,aAAa,EACb,aAAa,EACb,eAAe,EACf,WAAiC,EACjC,aAAa,EACb,kBAAkB,EAClB,WAAW,EACX,WAAW,EACX,WAAW,EACX,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,sBAA8B,GAC/B,EAAE,cAAc,CAAC,CAAC,CAAC,qBAoUnB;AAED,eAAO,MAAM,SAAS,EAA+B,OAAO,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/sheet-tabs/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAI9C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAIzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,KAAK,EAAE,QAAQ,CAAC,EAAE,KAClB,MACjD,CAAC;AAEF;;;;GAIG;AACH,iBAAS,kBAAkB,CAAC,CAAC,SAAS,KAAK,EAAE,EAC3C,MAAM,EACN,aAAa,EACb,aAAa,EACb,eAAe,EACf,WAAiC,EACjC,aAAa,EACb,kBAAkB,EAClB,WAAW,EACX,WAAW,EACX,WAAW,EACX,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,sBAA8B,GAC/B,EAAE,cAAc,CAAC,CAAC,CAAC,qBAqUnB;AAED,eAAO,MAAM,SAAS,EAA+B,OAAO,kBAAkB,CAAC"}

package/dist/esm/components/sheet-tabs/index.js

@@ -201,7 +201,7 @@ function SheetTabsComponent({ sheets, activeSheetId, onRenameSheet, protectedRan
                         React.createElement(ChevronRightIcon, null)))) : null,
                 React.createElement(StyledSheetTabWrapper, { ref: scrollContainerRef, className: containerClassName },
                     React.createElement(Separator, { ref: separatorRef, decorative: true, orientation: "vertical" }),
-                    visibleSheets.map(({ sheetId, title, tabColor }, index) => {
+                    visibleSheets.map(({ sheetId, title, tabColor, type }, index) => {
                         const isSelected = sheetId === activeSheetId;
                         const canMoveLeft = canMoveToLeft(sheetId, index);
                         const canMoveRight = canMoveToRight(sheetId, index);
@@ -211,7 +211,7 @@ function SheetTabsComponent({ sheets, activeSheetId, onRenameSheet, protectedRan
                             ? isProtectedSheet(sheetId, protectedRanges)
                             : false;
                         return (React.createElement(Fragment, { key: sheetId },
-                            React.createElement(SheetTab, { canDelete: canDelete, canHide: canHide, isSelected: isSelected, sheetId: sheetId, title: title, tabColor: tabColor, canMoveLeft: canMoveLeft, canMoveRight: canMoveRight, isProtected: isProtected, onRenameSheet: onRenameSheet, canRename: canRename, ContextMenu: ContextMenu, ColorSelector: ColorSelector, onMoveSheet: handleMoveSheet, onHideSheet: onHideSheet, onShowSheet: onShowSheet, hiddenSheets: hiddenSheets, onAddUserDefinedColor: onAddUserDefinedColor, onChangeSheetTabColor: onChangeSheetTabColor, onCopySheet: onCopySheet, onDeleteSheet: onDeleteSheet, onDuplicateSheet: onDuplicateSheet, onProtectSheet: onProtectSheet, onUnProtectSheet: onUnProtectSheet, userDefinedColors: userDefinedColors, tabClassName: tabClassName, onChangeActiveSheet: onChangeActiveSheet, theme: theme, readonly: readonly })));
+                            React.createElement(SheetTab, { canDelete: canDelete, canHide: canHide, isSelected: isSelected, sheetId: sheetId, title: title, tabColor: tabColor, type: type, canMoveLeft: canMoveLeft, canMoveRight: canMoveRight, isProtected: isProtected, onRenameSheet: onRenameSheet, canRename: canRename, ContextMenu: ContextMenu, ColorSelector: ColorSelector, onMoveSheet: handleMoveSheet, onHideSheet: onHideSheet, onShowSheet: onShowSheet, hiddenSheets: hiddenSheets, onAddUserDefinedColor: onAddUserDefinedColor, onChangeSheetTabColor: onChangeSheetTabColor, onCopySheet: onCopySheet, onDeleteSheet: onDeleteSheet, onDuplicateSheet: onDuplicateSheet, onProtectSheet: onProtectSheet, onUnProtectSheet: onUnProtectSheet, userDefinedColors: userDefinedColors, tabClassName: tabClassName, onChangeActiveSheet: onChangeActiveSheet, theme: theme, readonly: readonly })));
                     }))))));
 }
 export const SheetTabs = memo(SheetTabsComponent);

package/dist/esm/components/sheet-tabs/sheet-tab.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import type { Sheet } from "../../types";
 import type { SheetTabsProps } from "./types";
-type SheetTabProps<S extends Sheet> = Omit<SheetTabsProps<S>, "sheets" | "activeSheetId" | "onMoveSheet"> & Pick<Sheet, "title" | "sheetId" | "tabColor"> & {
+type SheetTabProps<S extends Sheet> = Omit<SheetTabsProps<S>, "sheets" | "activeSheetId" | "onMoveSheet"> & Pick<Sheet, "title" | "sheetId" | "tabColor" | "type"> & {
     isSelected?: boolean;
     canDelete?: boolean;
     canHide?: boolean;

package/dist/esm/components/sheet-tabs/sheet-tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet-tab.d.ts","sourceRoot":"","sources":["../../../../components/sheet-tabs/sheet-tab.tsx"],"names":[],"mappings":"AAUA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAMlE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAQzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,KAAK,aAAa,CAAC,CAAC,SAAS,KAAK,IAAI,IAAI,CACxC,cAAc,CAAC,CAAC,CAAC,EACjB,QAAQ,GAAG,eAAe,GAAG,aAAa,CAC3C,GACC,IAAI,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC,GAAG;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IACrE,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,OAAO,CAAC;IACrE,YAAY,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACrD,CAAC;AA0OJ,eAAO,MAAM,QAAQ,EAA0C,CAC7D,CAAC,SAAS,KAAK,EAEf,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,KAC1D,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC"}
+{"version":3,"file":"sheet-tab.d.ts","sourceRoot":"","sources":["../../../../components/sheet-tabs/sheet-tab.tsx"],"names":[],"mappings":"AAcA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAMlE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAQzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,KAAK,aAAa,CAAC,CAAC,SAAS,KAAK,IAAI,IAAI,CACxC,cAAc,CAAC,CAAC,CAAC,EACjB,QAAQ,GAAG,eAAe,GAAG,aAAa,CAC3C,GACC,IAAI,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC,GAAG;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IACrE,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,OAAO,CAAC;IACrE,YAAY,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACrD,CAAC;AAoPJ,eAAO,MAAM,QAAQ,EAA0C,CAC7D,CAAC,SAAS,KAAK,EAEf,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,KAC1D,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC"}

package/dist/esm/components/sheet-tabs/sheet-tab.js

@@ -1,6 +1,6 @@
 import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import { LockClosedIcon, TriangleDownIcon } from "@rowsncolumns/icons";
+import { BarChartIcon, LockClosedIcon, TriangleDownIcon, } from "@rowsncolumns/icons";
 import { DropdownMenu, DropdownMenuTrigger, IconButton, Separator, } from "@rowsncolumns/ui";
 import { moveSelectionToEndOfActiveInput } from "@rowsncolumns/utils";
 import React, { forwardRef, memo, useRef, useState } from "react";
@@ -10,7 +10,7 @@ import { useMergeRefs } from "../../hooks/use-merge.refs";
 import { getStringifiedColor } from "../../themes";
 import { SheetTabContextMenu } from "./context-menu";
 import { StyledIconWrapper, StyledSheetTab, StyledSheetTabTitle, StyledTabColor, } from "./style";
-function SheetTabComponent({ title, sheetId, isSelected, onChangeActiveSheet, onRenameSheet, tabClassName, tabColor, theme, isProtected, onMoveSheet, onHideSheet, onShowSheet, onUnProtectSheet, onProtectSheet, onDeleteSheet, onDuplicateSheet, onChangeSheetTabColor, canDelete, canRename, canHide, canMoveRight, canMoveLeft, userDefinedColors, onAddUserDefinedColor, hiddenSheets, ContextMenu = SheetTabContextMenu, ColorSelector, readonly, }, forwardedRef) {
+function SheetTabComponent({ title, sheetId, isSelected, onChangeActiveSheet, onRenameSheet, tabClassName, tabColor, type, theme, isProtected, onMoveSheet, onHideSheet, onShowSheet, onUnProtectSheet, onProtectSheet, onDeleteSheet, onDuplicateSheet, onChangeSheetTabColor, canDelete, canRename, canHide, canMoveRight, canMoveLeft, userDefinedColors, onAddUserDefinedColor, hiddenSheets, ContextMenu = SheetTabContextMenu, ColorSelector, readonly, }, forwardedRef) {
     const [isEditing, setIsEditing] = useState(false);
     const [isOpen, setIsOpen] = useState(false);
     const inputRef = useRef(null);
@@ -118,6 +118,8 @@ function SheetTabComponent({ title, sheetId, isSelected, onChangeActiveSheet, on
         tabColor ? (React.createElement(StyledTabColor, { style: {
                 backgroundColor: getStringifiedColor(tabColor, theme),
             } })) : null,
+        type === "chartsheet" ? (React.createElement(StyledIconWrapper, { className: "text-rnc-foreground/70", "data-chart-sheet-icon": "true", "aria-label": "Chart sheet" },
+            React.createElement(BarChartIcon, null))) : null,
         isProtected ? (React.createElement(StyledIconWrapper, null,
             React.createElement(LockClosedIcon, null))) : null,
         React.createElement(StyledSheetTabTitle, { role: "button", ref: inputRef, contentEditable: isEditing, onKeyDown: handleKeyDown, onDoubleClick: () => startEditing(), onBlur: handleBlur, suppressContentEditableWarning: true }, title),