@rowsncolumns/spreadsheet 10.3.0 → 10.4.0

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

@@ -215,7 +215,7 @@ function SheetTabsComponent(_a) {
                 react_2.default.createElement(style_1.StyledSheetTabWrapper, { ref: scrollContainerRef, className: containerClassName },
                     react_2.default.createElement(ui_1.Separator, { ref: separatorRef, decorative: true, orientation: "vertical" }),
                     visibleSheets.map(function (_a, index) {
-                        var sheetId = _a.sheetId, title = _a.title, tabColor = _a.tabColor;
+                        var sheetId = _a.sheetId, title = _a.title, tabColor = _a.tabColor, type = _a.type;
                         var isSelected = sheetId === activeSheetId;
                         var canMoveLeft = canMoveToLeft(sheetId, index);
                         var canMoveRight = canMoveToRight(sheetId, index);
@@ -225,7 +225,7 @@ function SheetTabsComponent(_a) {
                             ? (0, validation_1.isProtectedSheet)(sheetId, protectedRanges)
                             : false;
                         return (react_2.default.createElement(react_2.Fragment, { key: sheetId },
-                            react_2.default.createElement(sheet_tab_1.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_2.default.createElement(sheet_tab_1.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 })));
                     }))))));
 }
 exports.SheetTabs = (0, react_2.memo)(SheetTabsComponent);

package/dist/cjs/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/cjs/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/cjs/components/sheet-tabs/sheet-tab.js

@@ -15,7 +15,7 @@ var themes_1 = require("../../themes");
 var context_menu_1 = require("./context-menu");
 var style_1 = require("./style");
 function SheetTabComponent(_a, forwardedRef) {
-    var title = _a.title, sheetId = _a.sheetId, isSelected = _a.isSelected, onChangeActiveSheet = _a.onChangeActiveSheet, onRenameSheet = _a.onRenameSheet, tabClassName = _a.tabClassName, tabColor = _a.tabColor, theme = _a.theme, isProtected = _a.isProtected, onMoveSheet = _a.onMoveSheet, onHideSheet = _a.onHideSheet, onShowSheet = _a.onShowSheet, onUnProtectSheet = _a.onUnProtectSheet, onProtectSheet = _a.onProtectSheet, onDeleteSheet = _a.onDeleteSheet, onDuplicateSheet = _a.onDuplicateSheet, onChangeSheetTabColor = _a.onChangeSheetTabColor, canDelete = _a.canDelete, canRename = _a.canRename, canHide = _a.canHide, canMoveRight = _a.canMoveRight, canMoveLeft = _a.canMoveLeft, userDefinedColors = _a.userDefinedColors, onAddUserDefinedColor = _a.onAddUserDefinedColor, hiddenSheets = _a.hiddenSheets, _b = _a.ContextMenu, ContextMenu = _b === void 0 ? context_menu_1.SheetTabContextMenu : _b, ColorSelector = _a.ColorSelector, readonly = _a.readonly;
+    var title = _a.title, sheetId = _a.sheetId, isSelected = _a.isSelected, onChangeActiveSheet = _a.onChangeActiveSheet, onRenameSheet = _a.onRenameSheet, tabClassName = _a.tabClassName, tabColor = _a.tabColor, type = _a.type, theme = _a.theme, isProtected = _a.isProtected, onMoveSheet = _a.onMoveSheet, onHideSheet = _a.onHideSheet, onShowSheet = _a.onShowSheet, onUnProtectSheet = _a.onUnProtectSheet, onProtectSheet = _a.onProtectSheet, onDeleteSheet = _a.onDeleteSheet, onDuplicateSheet = _a.onDuplicateSheet, onChangeSheetTabColor = _a.onChangeSheetTabColor, canDelete = _a.canDelete, canRename = _a.canRename, canHide = _a.canHide, canMoveRight = _a.canMoveRight, canMoveLeft = _a.canMoveLeft, userDefinedColors = _a.userDefinedColors, onAddUserDefinedColor = _a.onAddUserDefinedColor, hiddenSheets = _a.hiddenSheets, _b = _a.ContextMenu, ContextMenu = _b === void 0 ? context_menu_1.SheetTabContextMenu : _b, ColorSelector = _a.ColorSelector, readonly = _a.readonly;
     var _c = tslib_1.__read((0, react_1.useState)(false), 2), isEditing = _c[0], setIsEditing = _c[1];
     var _d = tslib_1.__read((0, react_1.useState)(false), 2), isOpen = _d[0], setIsOpen = _d[1];
     var inputRef = (0, react_1.useRef)(null);
@@ -122,6 +122,8 @@ function SheetTabComponent(_a, forwardedRef) {
         tabColor ? (react_1.default.createElement(style_1.StyledTabColor, { style: {
                 backgroundColor: (0, themes_1.getStringifiedColor)(tabColor, theme),
             } })) : null,
+        type === "chartsheet" ? (react_1.default.createElement(style_1.StyledIconWrapper, { className: "text-rnc-foreground/70", "data-chart-sheet-icon": "true", "aria-label": "Chart sheet" },
+            react_1.default.createElement(icons_1.BarChartIcon, null))) : null,
         isProtected ? (react_1.default.createElement(style_1.StyledIconWrapper, null,
             react_1.default.createElement(icons_1.LockClosedIcon, null))) : null,
         react_1.default.createElement(style_1.StyledSheetTabTitle, { role: "button", ref: inputRef, contentEditable: isEditing, onKeyDown: handleKeyDown, onDoubleClick: function () { return startEditing(); }, onBlur: handleBlur, suppressContentEditableWarning: true }, title),

package/dist/cjs/components/sparkline-dialog/index.d.ts

@@ -0,0 +1,43 @@
+import { type SparklineGroup, type SparklineGroupPlan, type SparklineGroupType } from "@rowsncolumns/utils";
+import React from "react";
+export type SparklineDialogProps = {
+    /** Controls visibility. */
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    /** "Create Sparklines" (Insert → Sparklines) or "Edit Sparklines" (Design → Edit Data). */
+    mode: "create" | "edit";
+    initialDataRange: string;
+    initialLocationRange: string;
+    /** Returns Excel's validation message to show, or nothing when the ranges were accepted. */
+    onApply(ranges: {
+        dataRange: string;
+        locationRange: string;
+    }): string | undefined;
+};
+/**
+ * Excel's Create Sparklines / Edit Sparklines dialog: a Data Range and a Location Range. UI-only —
+ * the opener turns the ranges into `onCreateSparklineGroup` / `onUpdateSparklineGroup` and reports
+ * back Excel's shape rule ("same number of rows or columns") as the inline error.
+ */
+export declare const SparklineDialog: React.MemoExoticComponent<({ open, onOpenChange, mode, initialDataRange, initialLocationRange, onApply, }: SparklineDialogProps) => React.JSX.Element>;
+export type SparklineDialogHostProps = {
+    /** The state hook's `onCreateSparklineGroup`. */
+    onCreateSparklineGroup(spec: {
+        sheetId: number;
+        type: SparklineGroupType;
+        dataRange: string;
+        locationRange: string;
+    }): SparklineGroupPlan;
+    /** The state hook's `onUpdateSparklineGroup`. */
+    onUpdateSparklineGroup(group: SparklineGroup, patch: {
+        dataRange: string;
+        locationRange: string;
+    }): SparklineGroupPlan;
+};
+/**
+ * Host-mounted, atom-driven wrapper around {@link SparklineDialog}. Mount it once alongside the
+ * other editor dialogs; the Insert menu, the Sparkline Design menu and the cell context menu open
+ * it. Remounted per request so each opening starts from the request's seeds.
+ */
+export declare const SparklineDialogHost: ({ onCreateSparklineGroup, onUpdateSparklineGroup, }: SparklineDialogHostProps) => React.JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/sparkline-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/sparkline-dialog/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EAGxB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAiD,MAAM,OAAO,CAAC;AAUtE,MAAM,MAAM,oBAAoB,GAAG;IACjC,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,2FAA2F;IAC3F,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,4FAA4F;IAC5F,OAAO,CAAC,MAAM,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,GAAG,SAAS,CAAC;CACnF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,6GAQvB,oBAAoB,uBA+FxB,CAAC;AAIF,MAAM,MAAM,wBAAwB,GAAG;IACrC,iDAAiD;IACjD,sBAAsB,CAAC,IAAI,EAAE;QAC3B,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,kBAAkB,CAAC;QACzB,SAAS,EAAE,MAAM,CAAC;QAClB,aAAa,EAAE,MAAM,CAAC;KACvB,GAAG,kBAAkB,CAAC;IACvB,iDAAiD;IACjD,sBAAsB,CACpB,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAE,GAClD,kBAAkB,CAAC;CACvB,CAAC;AAkCF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,qDAGjC,wBAAwB,6BAmC1B,CAAC"}

package/dist/cjs/components/sparkline-dialog/index.js

@@ -0,0 +1,127 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SparklineDialogHost = exports.SparklineDialog = void 0;
+var tslib_1 = require("tslib");
+var ui_1 = require("@rowsncolumns/ui");
+var utils_1 = require("@rowsncolumns/utils");
+var react_1 = tslib_1.__importStar(require("react"));
+var selections_1 = require("../../api/selections");
+var atoms_1 = require("../../atoms");
+var sparkline_dialog_atom_1 = require("../../atoms/sparkline-dialog.atom");
+/**
+ * Excel's Create Sparklines / Edit Sparklines dialog: a Data Range and a Location Range. UI-only —
+ * the opener turns the ranges into `onCreateSparklineGroup` / `onUpdateSparklineGroup` and reports
+ * back Excel's shape rule ("same number of rows or columns") as the inline error.
+ */
+exports.SparklineDialog = (0, react_1.memo)(function (_a) {
+    var open = _a.open, onOpenChange = _a.onOpenChange, mode = _a.mode, initialDataRange = _a.initialDataRange, initialLocationRange = _a.initialLocationRange, onApply = _a.onApply;
+    var _b = tslib_1.__read((0, react_1.useState)(initialDataRange), 2), dataRange = _b[0], setDataRange = _b[1];
+    var _c = tslib_1.__read((0, react_1.useState)(initialLocationRange), 2), locationRange = _c[0], setLocationRange = _c[1];
+    var _d = tslib_1.__read((0, react_1.useState)(undefined), 2), error = _d[0], setError = _d[1];
+    // Re-seed on every open (the request decides the defaults).
+    (0, react_1.useEffect)(function () {
+        if (open) {
+            setDataRange(initialDataRange);
+            setLocationRange(initialLocationRange);
+            setError(undefined);
+        }
+    }, [open, initialDataRange, initialLocationRange]);
+    var commit = (0, react_1.useCallback)(function () {
+        var message = onApply({
+            dataRange: dataRange.trim(),
+            locationRange: locationRange.trim(),
+        });
+        if (message) {
+            setError(message);
+            return;
+        }
+        onOpenChange(false);
+    }, [onApply, dataRange, locationRange, onOpenChange]);
+    var title = mode === "create" ? "Create Sparklines" : "Edit Sparklines";
+    return (react_1.default.createElement(ui_1.Dialog, { open: open, onOpenChange: onOpenChange, modal: true },
+        react_1.default.createElement(ui_1.DialogContent, { className: "w-[380px] max-w-[92vw] pointer-events-auto" },
+            react_1.default.createElement(ui_1.DialogTitle, null, title),
+            react_1.default.createElement(ui_1.DialogCloseButton, null),
+            react_1.default.createElement(ui_1.DialogBody, { className: "flex flex-col gap-4" },
+                react_1.default.createElement("form", { className: "flex flex-col gap-4", onSubmit: function (e) {
+                        e.preventDefault();
+                        commit();
+                    } },
+                    react_1.default.createElement("label", { className: "flex flex-col gap-1 text-xs" },
+                        react_1.default.createElement("span", { className: "font-medium" }, "Choose the data that you want"),
+                        react_1.default.createElement("span", { className: "flex items-center gap-2" },
+                            react_1.default.createElement("span", { className: "w-[110px] shrink-0" }, "Data Range:"),
+                            react_1.default.createElement(ui_1.Input, { autoFocus: true, value: dataRange, onChange: function (e) { return setDataRange(e.target.value); }, placeholder: "A2:E9", "aria-label": "Data Range" }))),
+                    react_1.default.createElement("label", { className: "flex flex-col gap-1 text-xs" },
+                        react_1.default.createElement("span", { className: "font-medium" }, "Choose where you want the sparklines to be placed"),
+                        react_1.default.createElement("span", { className: "flex items-center gap-2" },
+                            react_1.default.createElement("span", { className: "w-[110px] shrink-0" }, "Location Range:"),
+                            react_1.default.createElement(ui_1.Input, { value: locationRange, onChange: function (e) { return setLocationRange(e.target.value); }, placeholder: "F2:F9", "aria-label": "Location Range" }))),
+                    error ? (react_1.default.createElement("div", { role: "alert", className: "text-xs text-red-600" }, error)) : null,
+                    react_1.default.createElement(ui_1.Separator, null),
+                    react_1.default.createElement("div", { className: "flex justify-end gap-2" },
+                        react_1.default.createElement(ui_1.Button, { type: "button", variant: "outline", size: "sm", onClick: function () { return onOpenChange(false); } }, "Cancel"),
+                        react_1.default.createElement(ui_1.Button, { type: "submit", size: "sm" }, "OK")))))));
+});
+exports.SparklineDialog.displayName = "SparklineDialog";
+/** Excel's seeds: a multi-cell selection is the Data Range (Location = the column right of it,
+ * one cell per data row); a single cell is the Location Range with the Data Range left to type. */
+var seedsForRequest = function (request) {
+    var _a;
+    if (request.mode === "edit") {
+        return {
+            dataRange: (_a = (0, utils_1.sparklineGroupDataRange)(request.group)) !== null && _a !== void 0 ? _a : "",
+            locationRange: (0, utils_1.rangeToA1)((0, utils_1.sparklineGroupLocation)(request.group)),
+        };
+    }
+    var _b = tslib_1.__read((0, selections_1.getUserSelections)(request.activeCell, request.selections), 1), selection = _b[0];
+    var range = selection === null || selection === void 0 ? void 0 : selection.range;
+    var singleCell = !range ||
+        (range.startRowIndex === range.endRowIndex &&
+            range.startColumnIndex === range.endColumnIndex);
+    if (singleCell) {
+        return {
+            dataRange: "",
+            locationRange: (0, utils_1.rangeToA1)({
+                startRowIndex: request.activeCell.rowIndex,
+                endRowIndex: request.activeCell.rowIndex,
+                startColumnIndex: request.activeCell.columnIndex,
+                endColumnIndex: request.activeCell.columnIndex,
+            }),
+        };
+    }
+    return {
+        dataRange: (0, utils_1.rangeToA1)(range),
+        locationRange: (0, utils_1.rangeToA1)((0, utils_1.defaultSparklineLocation)(range)),
+    };
+};
+/**
+ * Host-mounted, atom-driven wrapper around {@link SparklineDialog}. Mount it once alongside the
+ * other editor dialogs; the Insert menu, the Sparkline Design menu and the cell context menu open
+ * it. Remounted per request so each opening starts from the request's seeds.
+ */
+var SparklineDialogHost = function (_a) {
+    var onCreateSparklineGroup = _a.onCreateSparklineGroup, onUpdateSparklineGroup = _a.onUpdateSparklineGroup;
+    (0, sparkline_dialog_atom_1.useRegisterSparklineDialogHost)();
+    var _b = tslib_1.__read((0, sparkline_dialog_atom_1.useSparklineDialogState)(), 2), request = _b[0], setRequest = _b[1];
+    var focusSheet = (0, atoms_1.useFocusSheet)();
+    var close = (0, react_1.useCallback)(function () {
+        setRequest(null);
+        focusSheet === null || focusSheet === void 0 ? void 0 : focusSheet();
+    }, [setRequest, focusSheet]);
+    if (!request)
+        return null;
+    var seeds = seedsForRequest(request);
+    var onOpenChange = function (open) {
+        if (!open)
+            close();
+    };
+    var onApply = function (ranges) {
+        var plan = request.mode === "create"
+            ? onCreateSparklineGroup(tslib_1.__assign({ sheetId: request.sheetId, type: request.type }, ranges))
+            : onUpdateSparklineGroup(request.group, ranges);
+        return plan.error;
+    };
+    return (react_1.default.createElement(exports.SparklineDialog, { key: JSON.stringify(seeds), open: true, mode: request.mode, initialDataRange: seeds.dataRange, initialLocationRange: seeds.locationRange, onOpenChange: onOpenChange, onApply: onApply }));
+};
+exports.SparklineDialogHost = SparklineDialogHost;

package/dist/cjs/components/subtotal-dialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/subtotal-dialog/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAE/E,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EAG1B,MAAM,kCAAkC,CAAC;AAG1C,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,CAAC;AAoB5D,MAAM,MAAM,mBAAmB,GAAG;IAChC,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,4CAA4C;IAC5C,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6EAA6E;IAC7E,OAAO,CAAC,OAAO,EAAE,qBAAqB,GAAG,IAAI,CAAC;CAC/C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,0FAOtB,mBAAmB,uBAoKvB,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;;;CAe9B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/subtotal-dialog/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAG/E,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EAG1B,MAAM,kCAAkC,CAAC;AAG1C,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,CAAC;AAoB5D,MAAM,MAAM,mBAAmB,GAAG;IAChC,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,4CAA4C;IAC5C,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6EAA6E;IAC7E,OAAO,CAAC,OAAO,EAAE,qBAAqB,GAAG,IAAI,CAAC;CAC/C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,0FAOtB,mBAAmB,uBA8KvB,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;;;CAe9B,CAAC"}

package/dist/cjs/components/subtotal-dialog/index.js

@@ -5,6 +5,7 @@ var tslib_1 = require("tslib");
 var icons_1 = require("@rowsncolumns/icons");
 var ui_1 = require("@rowsncolumns/ui");
 var react_1 = tslib_1.__importStar(require("react"));
+var atoms_1 = require("../../atoms");
 var subtotal_dialog_atom_1 = require("../../atoms/subtotal-dialog.atom");
 var types_1 = require("../../types");
 /**
@@ -37,6 +38,7 @@ exports.SubtotalDialog = (0, react_1.memo)(function (_a) {
     var _f = tslib_1.__read((0, react_1.useState)("SUM"), 2), fn = _f[0], setFn = _f[1];
     var _g = tslib_1.__read((0, react_1.useState)(function () { return new Set(columns.length ? [columns[columns.length - 1].columnIndex] : []); }), 2), aggregates = _g[0], setAggregates = _g[1];
     var _h = tslib_1.__read((0, react_1.useState)(true), 2), replaceCurrent = _h[0], setReplaceCurrent = _h[1];
+    var focusSheet = (0, atoms_1.useFocusSheet)();
     // Re-seed when reopened for a different range.
     (0, react_1.useEffect)(function () {
         var _a;
@@ -78,7 +80,14 @@ exports.SubtotalDialog = (0, react_1.memo)(function (_a) {
         onOpenChange(false);
     }, [groupBy, orderedAggregates, fn, hasHeader, replaceCurrent, onApply, onOpenChange]);
     return (react_1.default.createElement(ui_1.Dialog, { open: open, onOpenChange: onOpenChange },
-        react_1.default.createElement(ui_1.DialogContent, { className: "w-[420px] max-w-[92vw] pointer-events-auto" },
+        react_1.default.createElement(ui_1.DialogContent, { className: "w-[420px] max-w-[92vw] pointer-events-auto", 
+            // The dialog is opened from the context menu, whose item is gone by the time the dialog
+            // closes, so Radix has no trigger to return focus to and it lands on the body — Ctrl+Z
+            // right after OK would go nowhere. Hand focus back to the grid instead.
+            onCloseAutoFocus: function (event) {
+                event.preventDefault();
+                focusSheet === null || focusSheet === void 0 ? void 0 : focusSheet();
+            } },
             react_1.default.createElement(ui_1.DialogTitle, null, "Subtotal"),
             react_1.default.createElement(ui_1.DialogDescription, null, "Insert a total row after every change in a column, plus a grand total, and outline the groups."),
             react_1.default.createElement(ui_1.DialogCloseButton, { onClick: function () { return onOpenChange(false); } },

package/dist/cjs/components/table-auto-expansion-smart-tag/index.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import type { TableAutoExpansionOption } from "../../api/table-auto-expansion";
+export type TableAutoExpansionSmartTagProps = {
+    /** Position/size of the selection the tag is anchored to (bottom-left). */
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    /** Whether the host can turn auto-expansion off ("Stop Automatically Expanding Tables"). */
+    canStop: boolean;
+    onChooseOption(option: TableAutoExpansionOption): void;
+};
+/**
+ * Excel's AutoCorrect Options smart tag after a table auto-expanded (a value typed, pasted or
+ * filled into the row below / column right of a table): the lightning-bolt button offering "Undo
+ * Table AutoExpansion" — the table alone shrinks back, the written cells stay — and "Stop
+ * Automatically Expanding Tables" (when the host wires `onChangeAutoExpandTables`). Same skin as
+ * the Insert Options tag.
+ */
+export declare const TableAutoExpansionSmartTag: {
+    ({ x, y, width: _width, height, canStop, onChooseOption, }: TableAutoExpansionSmartTagProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/table-auto-expansion-smart-tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/table-auto-expansion-smart-tag/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E,MAAM,MAAM,+BAA+B,GAAG;IAC5C,2EAA2E;IAC3E,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,4FAA4F;IAC5F,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,MAAM,EAAE,wBAAwB,GAAG,IAAI,CAAC;CACxD,CAAC;AASF;;;;;;GAMG;AACH,eAAO,MAAM,0BAA0B;gEAOpC,+BAA+B;;CAqCjC,CAAC"}

package/dist/cjs/components/table-auto-expansion-smart-tag/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableAutoExpansionSmartTag = void 0;
+var tslib_1 = require("tslib");
+var ui_1 = require("@rowsncolumns/ui");
+var react_1 = tslib_1.__importStar(require("react"));
+/** Excel's AutoCorrect Options lightning bolt. */
+var LightningIcon = function () { return (react_1.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" },
+    react_1.default.createElement("path", { d: "M13 2 4 14h6l-1 8 9-12h-6l1-8z" }))); };
+/**
+ * Excel's AutoCorrect Options smart tag after a table auto-expanded (a value typed, pasted or
+ * filled into the row below / column right of a table): the lightning-bolt button offering "Undo
+ * Table AutoExpansion" — the table alone shrinks back, the written cells stay — and "Stop
+ * Automatically Expanding Tables" (when the host wires `onChangeAutoExpandTables`). Same skin as
+ * the Insert Options tag.
+ */
+var TableAutoExpansionSmartTag = function (_a) {
+    var x = _a.x, y = _a.y, _width = _a.width, height = _a.height, canStop = _a.canStop, onChooseOption = _a.onChooseOption;
+    var _b = tslib_1.__read((0, react_1.useState)(false), 2), open = _b[0], setOpen = _b[1];
+    return (react_1.default.createElement("div", { className: "absolute pointer-events-auto flex items-start justify-start", style: { left: x, top: y + height }, onMouseDown: function (e) { return e.stopPropagation(); }, "data-testid": "table-auto-expansion" },
+        react_1.default.createElement(ui_1.DropdownMenu, { modal: false, open: open, onOpenChange: setOpen },
+            react_1.default.createElement(ui_1.DropdownMenuTrigger, { asChild: true },
+                react_1.default.createElement(ui_1.IconButton, { tooltip: "AutoCorrect Options", "aria-label": "AutoCorrect Options", className: "shadow-sm bg-rnc-background border-rnc-border border border-solid rounded-md" },
+                    react_1.default.createElement(LightningIcon, null))),
+            react_1.default.createElement(ui_1.DropdownMenuPortal, null,
+                react_1.default.createElement(ui_1.DropdownMenuContent, { align: "start", onCloseAutoFocus: function (event) { return event.preventDefault(); } },
+                    react_1.default.createElement(ui_1.DropdownMenuItem, { onSelect: function () { return onChooseOption("undo"); } }, "Undo Table AutoExpansion"),
+                    canStop ? (react_1.default.createElement(ui_1.DropdownMenuItem, { onSelect: function () { return onChooseOption("stop"); } }, "Stop Automatically Expanding Tables")) : null)))));
+};
+exports.TableAutoExpansionSmartTag = TableAutoExpansionSmartTag;
+exports.TableAutoExpansionSmartTag.displayName = "TableAutoExpansionSmartTag";

package/dist/cjs/components/toolbar/index.d.ts

@@ -15,6 +15,7 @@ export * from "./text-rotation-selector";
 export * from "./text-format-selector";
 export * from "./theme-selector";
 export * from "./table-actions";
+export * from "./sparkline-actions";
 export * from "./cell-style-selector";
 export * from "./table-style-selector";
 export * from "./border-color-selector";

package/dist/cjs/components/toolbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/toolbar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/toolbar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

package/dist/cjs/components/toolbar/index.js

@@ -18,6 +18,7 @@ tslib_1.__exportStar(require("./text-rotation-selector"), exports);
 tslib_1.__exportStar(require("./text-format-selector"), exports);
 tslib_1.__exportStar(require("./theme-selector"), exports);
 tslib_1.__exportStar(require("./table-actions"), exports);
+tslib_1.__exportStar(require("./sparkline-actions"), exports);
 tslib_1.__exportStar(require("./cell-style-selector"), exports);
 tslib_1.__exportStar(require("./table-style-selector"), exports);
 tslib_1.__exportStar(require("./border-color-selector"), exports);

package/dist/cjs/components/toolbar/insert-menu.d.ts

@@ -7,6 +7,7 @@ type InsertMenuProps = {
     activeCell: CellInterface;
     selections: SelectionArea<SelectionAttributes>[];
     onRequestCreatePivotTable?(pivotTable: PivotTable): void;
+    onRequestCreatePivotChart?: CanvasGridProps["onRequestCreatePivotChart"];
     onCreateNewSheet?: CanvasGridProps["onCreateNewSheet"];
     onInsertCellsShiftRight?: CanvasGridProps["onInsertCellsShiftRight"];
     onInsertCellsShiftDown?: CanvasGridProps["onInsertCellsShiftDown"];
@@ -17,6 +18,6 @@ type InsertMenuProps = {
     onRequestInsertLink?(sheetId: number, activeCell: CellInterface, selections: SelectionArea<SelectionAttributes>[]): void;
     onRequestDataValidation: CanvasGridProps["onRequestDataValidation"];
 };
-export declare const InsertMenu: React.MemoExoticComponent<({ sheetId, activeCell, selections, onCreateNewSheet, onInsertCellsShiftRight, onInsertCellsShiftDown, onInsertRow, onInsertColumn, onCreateChart, onRequestInsertImage, onRequestInsertLink, onRequestDataValidation, onRequestCreatePivotTable, }: InsertMenuProps) => React.JSX.Element>;
+export declare const InsertMenu: React.MemoExoticComponent<({ sheetId, activeCell, selections, onCreateNewSheet, onInsertCellsShiftRight, onInsertCellsShiftDown, onInsertRow, onInsertColumn, onCreateChart, onRequestInsertImage, onRequestInsertLink, onRequestDataValidation, onRequestCreatePivotTable, onRequestCreatePivotChart, }: InsertMenuProps) => React.JSX.Element>;
 export {};
 //# sourceMappingURL=insert-menu.d.ts.map

package/dist/cjs/components/toolbar/insert-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"insert-menu.d.ts","sourceRoot":"","sources":["../../../../components/toolbar/insert-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,aAAa,EAEnB,MAAM,oBAAoB,CAAC;AAgB5B,OAAO,KAAuB,MAAM,OAAO,CAAC;AAI5C,OAAO,KAAK,EAA4B,UAAU,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACpB,MAAM,wBAAwB,CAAC;AAEhC,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,aAAa,CAAC;IAC1B,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC;IACjD,yBAAyB,CAAC,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IACzD,gBAAgB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACvD,uBAAuB,CAAC,EAAE,eAAe,CAAC,yBAAyB,CAAC,CAAC;IACrE,sBAAsB,CAAC,EAAE,eAAe,CAAC,wBAAwB,CAAC,CAAC;IACnE,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC7C,cAAc,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;IACnD,aAAa,CAAC,CACZ,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,aAAa,EACzB,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,GAC/C,IAAI,CAAC;IACR,oBAAoB,CAAC,CACnB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,aAAa,EACzB,eAAe,CAAC,EAAE,OAAO,GACxB,IAAI,CAAC;IACR,mBAAmB,CAAC,CAClB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,aAAa,EACzB,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,GAC/C,IAAI,CAAC;IACR,uBAAuB,EAAE,eAAe,CAAC,yBAAyB,CAAC,CAAC;CACrE,CAAC;AAEF,eAAO,MAAM,UAAU,iRAelB,eAAe,uBA2PnB,CAAC"}
+{"version":3,"file":"insert-menu.d.ts","sourceRoot":"","sources":["../../../../components/toolbar/insert-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,aAAa,EAEnB,MAAM,oBAAoB,CAAC;AAgB5B,OAAO,KAAuB,MAAM,OAAO,CAAC;AAQ5C,OAAO,KAAK,EAA4B,UAAU,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACpB,MAAM,wBAAwB,CAAC;AAGhC,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,aAAa,CAAC;IAC1B,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC;IACjD,yBAAyB,CAAC,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IACzD,yBAAyB,CAAC,EAAE,eAAe,CAAC,2BAA2B,CAAC,CAAC;IACzE,gBAAgB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACvD,uBAAuB,CAAC,EAAE,eAAe,CAAC,yBAAyB,CAAC,CAAC;IACrE,sBAAsB,CAAC,EAAE,eAAe,CAAC,wBAAwB,CAAC,CAAC;IACnE,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC7C,cAAc,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;IACnD,aAAa,CAAC,CACZ,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,aAAa,EACzB,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,GAC/C,IAAI,CAAC;IACR,oBAAoB,CAAC,CACnB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,aAAa,EACzB,eAAe,CAAC,EAAE,OAAO,GACxB,IAAI,CAAC;IACR,mBAAmB,CAAC,CAClB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,aAAa,EACzB,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,GAC/C,IAAI,CAAC;IACR,uBAAuB,EAAE,eAAe,CAAC,yBAAyB,CAAC,CAAC;CACrE,CAAC;AAEF,eAAO,MAAM,UAAU,4SAgBlB,eAAe,uBAoSnB,CAAC"}

package/dist/cjs/components/toolbar/insert-menu.js

@@ -9,10 +9,14 @@ var utils_1 = require("@rowsncolumns/utils");
 var react_1 = tslib_1.__importStar(require("react"));
 var selections_1 = require("../../api/selections");
 var atoms_1 = require("../../atoms");
+var sparkline_dialog_atom_1 = require("../../atoms/sparkline-dialog.atom");
+var sparkline_actions_1 = require("./sparkline-actions");
 exports.InsertMenu = (0, react_1.memo)(function (_a) {
-    var sheetId = _a.sheetId, activeCell = _a.activeCell, selections = _a.selections, onCreateNewSheet = _a.onCreateNewSheet, onInsertCellsShiftRight = _a.onInsertCellsShiftRight, onInsertCellsShiftDown = _a.onInsertCellsShiftDown, onInsertRow = _a.onInsertRow, onInsertColumn = _a.onInsertColumn, onCreateChart = _a.onCreateChart, onRequestInsertImage = _a.onRequestInsertImage, onRequestInsertLink = _a.onRequestInsertLink, onRequestDataValidation = _a.onRequestDataValidation, onRequestCreatePivotTable = _a.onRequestCreatePivotTable;
+    var sheetId = _a.sheetId, activeCell = _a.activeCell, selections = _a.selections, onCreateNewSheet = _a.onCreateNewSheet, onInsertCellsShiftRight = _a.onInsertCellsShiftRight, onInsertCellsShiftDown = _a.onInsertCellsShiftDown, onInsertRow = _a.onInsertRow, onInsertColumn = _a.onInsertColumn, onCreateChart = _a.onCreateChart, onRequestInsertImage = _a.onRequestInsertImage, onRequestInsertLink = _a.onRequestInsertLink, onRequestDataValidation = _a.onRequestDataValidation, onRequestCreatePivotTable = _a.onRequestCreatePivotTable, onRequestCreatePivotChart = _a.onRequestCreatePivotChart;
     var focusSheet = (0, atoms_1.useFocusSheet)();
     var onInsertNote = (0, atoms_1.useInsertNote)();
+    var openSparklineDialog = (0, sparkline_dialog_atom_1.useOpenSparklineDialog)();
+    var isSparklineDialogMounted = (0, sparkline_dialog_atom_1.useIsSparklineDialogMounted)();
     var shouldFocusSheetRef = (0, react_1.useRef)(true);
     return (react_1.default.createElement(ui_1.DropdownMenu, { modal: false },
         react_1.default.createElement(ui_1.DropdownMenuTrigger, { asChild: true },
@@ -83,6 +87,25 @@ exports.InsertMenu = (0, react_1.memo)(function (_a) {
                         shouldFocusSheetRef.current = false;
                         onCreateChart === null || onCreateChart === void 0 ? void 0 : onCreateChart(sheetId, activeCell, selections);
                     } }, "Chart"),
+                onRequestCreatePivotChart ? (react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
+                        shouldFocusSheetRef.current = false;
+                        onRequestCreatePivotChart(sheetId, activeCell, selections);
+                    } }, "PivotChart")) : null,
+                isSparklineDialogMounted ? (react_1.default.createElement(ui_1.DropdownMenuSub, null,
+                    react_1.default.createElement(ui_1.DropdownMenuSubTrigger, null,
+                        "Sparklines",
+                        react_1.default.createElement(ui_1.DropdownRightSlot, null,
+                            react_1.default.createElement(icons_1.ChevronRightIcon, null))),
+                    react_1.default.createElement(ui_1.DropdownMenuSubContent, null, sparkline_actions_1.SPARKLINE_TYPES.map(function (entry) { return (react_1.default.createElement(ui_1.DropdownMenuItem, { key: entry.value, onClick: function () {
+                            shouldFocusSheetRef.current = false;
+                            openSparklineDialog({
+                                mode: "create",
+                                sheetId: sheetId,
+                                type: entry.value,
+                                activeCell: activeCell,
+                                selections: selections,
+                            });
+                        } }, entry.label)); })))) : null,
                 react_1.default.createElement(ui_1.DropdownMenuSub, null,
                     react_1.default.createElement(ui_1.DropdownMenuSubTrigger, null,
                         "Image",

package/dist/cjs/components/toolbar/merge-cells-selector.d.ts

@@ -1,6 +1,7 @@
 import type { CellInterface, GridRange, SelectionArea } from "@rowsncolumns/grid";
 import { Direction } from "@rowsncolumns/grid";
 import React from "react";
+import type { TableView } from "../../types";
 import type { SelectionAttributes } from "../canvas-grid/typings";
 type MergeCellsSelectorProps = {
     activeCell: CellInterface;
@@ -9,7 +10,9 @@ type MergeCellsSelectorProps = {
     onMerge(sheetId: number, activeCell: CellInterface, selections: SelectionArea<SelectionAttributes>[], direction?: Direction): void;
     onUnMerge(sheetId: number, activeCell: CellInterface, selections: SelectionArea<SelectionAttributes>[]): void;
     merges?: GridRange[] | null;
+    /** Tables of the workbook — a selection touching one on `sheetId` cannot be merged (Excel). */
+    tables?: TableView[] | null;
 };
-export declare const MergeCellsSelector: ({ activeCell, selections, sheetId, merges, onMerge, onUnMerge, }: MergeCellsSelectorProps) => React.JSX.Element;
+export declare const MergeCellsSelector: ({ activeCell, selections, sheetId, merges, tables, onMerge, onUnMerge, }: MergeCellsSelectorProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=merge-cells-selector.d.ts.map

package/dist/cjs/components/toolbar/merge-cells-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"merge-cells-selector.d.ts","sourceRoot":"","sources":["../../../../components/toolbar/merge-cells-selector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAgB,MAAM,oBAAoB,CAAC;AAY7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,KAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE,aAAa,CAAC;IAC1B,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CACL,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,aAAa,EACzB,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,EAChD,SAAS,CAAC,EAAE,SAAS,GACpB,IAAI,CAAC;IACR,SAAS,CACP,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,aAAa,EACzB,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,GAC/C,IAAI,CAAC;IACR,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,kEAOhC,uBAAuB,sBAqFzB,CAAC"}
+{"version":3,"file":"merge-cells-selector.d.ts","sourceRoot":"","sources":["../../../../components/toolbar/merge-cells-selector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAkB,SAAS,EAAgB,MAAM,oBAAoB,CAAC;AAY7E,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,KAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE,aAAa,CAAC;IAC1B,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CACL,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,aAAa,EACzB,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,EAChD,SAAS,CAAC,EAAE,SAAS,GACpB,IAAI,CAAC;IACR,SAAS,CACP,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,aAAa,EACzB,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,GAC/C,IAAI,CAAC;IACR,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAC5B,+FAA+F;IAC/F,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,0EAQhC,uBAAuB,sBAgGzB,CAAC"}

package/dist/cjs/components/toolbar/merge-cells-selector.js

@@ -10,13 +10,19 @@ var react_1 = tslib_1.__importDefault(require("react"));
 var atoms_1 = require("../../atoms");
 var config_1 = require("../../config");
 var MergeCellsSelector = function (_a) {
-    var activeCell = _a.activeCell, _b = _a.selections, selections = _b === void 0 ? config_1.DEFAULT_ARRAY : _b, sheetId = _a.sheetId, merges = _a.merges, onMerge = _a.onMerge, onUnMerge = _a.onUnMerge;
+    var activeCell = _a.activeCell, _b = _a.selections, selections = _b === void 0 ? config_1.DEFAULT_ARRAY : _b, sheetId = _a.sheetId, merges = _a.merges, tables = _a.tables, onMerge = _a.onMerge, onUnMerge = _a.onUnMerge;
     var focusSheet = (0, atoms_1.useFocusSheet)();
     var isMerged = !!(merges === null || merges === void 0 ? void 0 : merges.find(function (merge) {
         return (0, grid_1.isEqualCells)({ rowIndex: merge.startRowIndex, columnIndex: merge.startColumnIndex }, activeCell);
     }));
     var selection = selections[selections.length - 1];
-    var disableMenu = selections.length === 0 && !isMerged;
+    // Excel greys the merge controls out for a selection that touches a table.
+    var selectionTouchesTable = !!(tables === null || tables === void 0 ? void 0 : tables.some(function (table) {
+        return table.sheetId === sheetId &&
+            selections.some(function (sel) { return (0, grid_1.areaIntersects)(table.range, sel.range); });
+    }));
+    var disableMerge = selectionTouchesTable && !isMerged;
+    var disableMenu = (selections.length === 0 && !isMerged) || disableMerge;
     var canMergeHorizontally = selection &&
         selection.range.startColumnIndex !== selection.range.endColumnIndex;
     var canMergeVertically = selection && selection.range.startRowIndex !== selection.range.endRowIndex;
@@ -36,18 +42,18 @@ var MergeCellsSelector = function (_a) {
                     react_1.default.createElement(icons_1.MdOutlineArrowDropDown, null))),
             react_1.default.createElement(ui_1.DropdownMenuPortal, null,
                 react_1.default.createElement(ui_2.DropdownMenuContent, { align: "end" },
-                    react_1.default.createElement(ui_2.DropdownMenuItem, { disabled: isMerged, onClick: function () {
+                    react_1.default.createElement(ui_2.DropdownMenuItem, { disabled: isMerged || selectionTouchesTable, onClick: function () {
                             onMerge(sheetId, activeCell, selections);
                             focusSheet === null || focusSheet === void 0 ? void 0 : focusSheet();
                         } }, "Merge all"),
-                    react_1.default.createElement(ui_2.DropdownMenuItem, { disabled: isMerged || !canMergeVertically, onClick: function () {
+                    react_1.default.createElement(ui_2.DropdownMenuItem, { disabled: isMerged || selectionTouchesTable || !canMergeVertically, onClick: function () {
                             onMerge(sheetId, activeCell, selections, grid_1.Direction.Down);
                             focusSheet === null || focusSheet === void 0 ? void 0 : focusSheet();
                         } }, "Merge vertically"),
                     react_1.default.createElement(ui_2.DropdownMenuItem, { onClick: function () {
                             onMerge(sheetId, activeCell, selections, grid_1.Direction.Right);
                             focusSheet === null || focusSheet === void 0 ? void 0 : focusSheet();
-                        }, disabled: isMerged || !canMergeHorizontally }, "Merge horizontally"),
+                        }, disabled: isMerged || selectionTouchesTable || !canMergeHorizontally }, "Merge horizontally"),
                     react_1.default.createElement(ui_2.DropdownMenuItem, { disabled: !isMerged, onClick: function () {
                             onUnMerge(sheetId, activeCell, selections);
                             focusSheet === null || focusSheet === void 0 ? void 0 : focusSheet();

package/dist/cjs/components/toolbar/sparkline-actions.d.ts

@@ -0,0 +1,31 @@
+import type { CellInterface, SelectionArea } from "@rowsncolumns/grid";
+import type { SparklineGroup, SparklineGroupOptions, SparklineGroupType } from "@rowsncolumns/utils";
+import React from "react";
+import type { SelectionAttributes } from "../canvas-grid/typings";
+export declare const SPARKLINE_TYPES: {
+    value: SparklineGroupType;
+    label: string;
+}[];
+export type SparklineActionsProps = {
+    sheetId: number;
+    activeCell: CellInterface;
+    selections: SelectionArea<SelectionAttributes>[];
+    /** The state hook's group reader — the Design entries are enabled when this finds a group. */
+    getSparklineGroup?(sheetId: number, cell: CellInterface): SparklineGroup | undefined;
+    onUpdateSparklineGroup?(group: SparklineGroup, patch: {
+        type?: SparklineGroupType;
+        options?: SparklineGroupOptions;
+    }): unknown;
+    onDeleteSparklineGroup?(group: SparklineGroup): void;
+    onClearSparklines?(sheetId: number, cells: CellInterface[]): void;
+    onGroupSparklines?(sheetId: number, activeCell: CellInterface, cells: CellInterface[]): void;
+    readonly?: boolean;
+};
+/**
+ * Excel's Sparklines ribbon: Insert → Sparklines (Line / Column / Win-Loss → the Create
+ * Sparklines dialog) and, when the active cell is in a sparkline group, the Sparkline Design tab —
+ * Edit Data & Location, Type, Show (points + markers), Sparkline / marker colours, Axis (show
+ * axis, right-to-left, hidden data, empty cells, vertical min/max) and Group / Clear.
+ */
+export declare const SparklineActions: ({ sheetId, activeCell, selections, getSparklineGroup, onUpdateSparklineGroup, onDeleteSparklineGroup, onClearSparklines, onGroupSparklines, readonly, }: SparklineActionsProps) => React.JSX.Element;
+//# sourceMappingURL=sparkline-actions.d.ts.map

package/dist/cjs/components/toolbar/sparkline-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline-actions.d.ts","sourceRoot":"","sources":["../../../../components/toolbar/sparkline-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAmBvE,OAAO,KAAK,EACV,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAuC,MAAM,OAAO,CAAC;AAM5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,eAAO,MAAM,eAAe,EAAE;IAAE,KAAK,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAIzE,CAAC;AA6CF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,aAAa,CAAC;IAC1B,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC;IACjD,8FAA8F;IAC9F,iBAAiB,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,GAAG,cAAc,GAAG,SAAS,CAAC;IACrF,sBAAsB,CAAC,CACrB,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE;QAAE,IAAI,CAAC,EAAE,kBAAkB,CAAC;QAAC,OAAO,CAAC,EAAE,qBAAqB,CAAA;KAAE,GACpE,OAAO,CAAC;IACX,sBAAsB,CAAC,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IACrD,iBAAiB,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAClE,iBAAiB,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAC7F,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,yJAU9B,qBAAqB,sBAyXvB,CAAC"}