@rowsncolumns/spreadsheet 10.3.1 → 10.4.0

package/dist/esm/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/esm/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/esm/components/sparkline-dialog/index.js

@@ -0,0 +1,123 @@
+import { Button, Dialog, DialogBody, DialogCloseButton, DialogContent, DialogTitle, Input, Separator, } from "@rowsncolumns/ui";
+import { defaultSparklineLocation, rangeToA1, sparklineGroupDataRange, sparklineGroupLocation, } from "@rowsncolumns/utils";
+import React, { memo, useCallback, useEffect, useState } from "react";
+import { getUserSelections } from "../../api/selections";
+import { useFocusSheet } from "../../atoms";
+import { useRegisterSparklineDialogHost, useSparklineDialogState, } from "../../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.
+ */
+export const SparklineDialog = memo(({ open, onOpenChange, mode, initialDataRange, initialLocationRange, onApply, }) => {
+    const [dataRange, setDataRange] = useState(initialDataRange);
+    const [locationRange, setLocationRange] = useState(initialLocationRange);
+    const [error, setError] = useState(undefined);
+    // Re-seed on every open (the request decides the defaults).
+    useEffect(() => {
+        if (open) {
+            setDataRange(initialDataRange);
+            setLocationRange(initialLocationRange);
+            setError(undefined);
+        }
+    }, [open, initialDataRange, initialLocationRange]);
+    const commit = useCallback(() => {
+        const message = onApply({
+            dataRange: dataRange.trim(),
+            locationRange: locationRange.trim(),
+        });
+        if (message) {
+            setError(message);
+            return;
+        }
+        onOpenChange(false);
+    }, [onApply, dataRange, locationRange, onOpenChange]);
+    const title = mode === "create" ? "Create Sparklines" : "Edit Sparklines";
+    return (React.createElement(Dialog, { open: open, onOpenChange: onOpenChange, modal: true },
+        React.createElement(DialogContent, { className: "w-[380px] max-w-[92vw] pointer-events-auto" },
+            React.createElement(DialogTitle, null, title),
+            React.createElement(DialogCloseButton, null),
+            React.createElement(DialogBody, { className: "flex flex-col gap-4" },
+                React.createElement("form", { className: "flex flex-col gap-4", onSubmit: (e) => {
+                        e.preventDefault();
+                        commit();
+                    } },
+                    React.createElement("label", { className: "flex flex-col gap-1 text-xs" },
+                        React.createElement("span", { className: "font-medium" }, "Choose the data that you want"),
+                        React.createElement("span", { className: "flex items-center gap-2" },
+                            React.createElement("span", { className: "w-[110px] shrink-0" }, "Data Range:"),
+                            React.createElement(Input, { autoFocus: true, value: dataRange, onChange: (e) => setDataRange(e.target.value), placeholder: "A2:E9", "aria-label": "Data Range" }))),
+                    React.createElement("label", { className: "flex flex-col gap-1 text-xs" },
+                        React.createElement("span", { className: "font-medium" }, "Choose where you want the sparklines to be placed"),
+                        React.createElement("span", { className: "flex items-center gap-2" },
+                            React.createElement("span", { className: "w-[110px] shrink-0" }, "Location Range:"),
+                            React.createElement(Input, { value: locationRange, onChange: (e) => setLocationRange(e.target.value), placeholder: "F2:F9", "aria-label": "Location Range" }))),
+                    error ? (React.createElement("div", { role: "alert", className: "text-xs text-red-600" }, error)) : null,
+                    React.createElement(Separator, null),
+                    React.createElement("div", { className: "flex justify-end gap-2" },
+                        React.createElement(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onOpenChange(false) }, "Cancel"),
+                        React.createElement(Button, { type: "submit", size: "sm" }, "OK")))))));
+});
+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. */
+const seedsForRequest = (request) => {
+    if (request.mode === "edit") {
+        return {
+            dataRange: sparklineGroupDataRange(request.group) ?? "",
+            locationRange: rangeToA1(sparklineGroupLocation(request.group)),
+        };
+    }
+    const [selection] = getUserSelections(request.activeCell, request.selections);
+    const range = selection?.range;
+    const singleCell = !range ||
+        (range.startRowIndex === range.endRowIndex &&
+            range.startColumnIndex === range.endColumnIndex);
+    if (singleCell) {
+        return {
+            dataRange: "",
+            locationRange: rangeToA1({
+                startRowIndex: request.activeCell.rowIndex,
+                endRowIndex: request.activeCell.rowIndex,
+                startColumnIndex: request.activeCell.columnIndex,
+                endColumnIndex: request.activeCell.columnIndex,
+            }),
+        };
+    }
+    return {
+        dataRange: rangeToA1(range),
+        locationRange: rangeToA1(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.
+ */
+export const SparklineDialogHost = ({ onCreateSparklineGroup, onUpdateSparklineGroup, }) => {
+    useRegisterSparklineDialogHost();
+    const [request, setRequest] = useSparklineDialogState();
+    const focusSheet = useFocusSheet();
+    const close = useCallback(() => {
+        setRequest(null);
+        focusSheet?.();
+    }, [setRequest, focusSheet]);
+    if (!request)
+        return null;
+    const seeds = seedsForRequest(request);
+    const onOpenChange = (open) => {
+        if (!open)
+            close();
+    };
+    const onApply = (ranges) => {
+        const plan = request.mode === "create"
+            ? onCreateSparklineGroup({
+                sheetId: request.sheetId,
+                type: request.type,
+                ...ranges,
+            })
+            : onUpdateSparklineGroup(request.group, ranges);
+        return plan.error;
+    };
+    return (React.createElement(SparklineDialog, { key: JSON.stringify(seeds), open: true, mode: request.mode, initialDataRange: seeds.dataRange, initialLocationRange: seeds.locationRange, onOpenChange: onOpenChange, onApply: onApply }));
+};

package/dist/esm/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/esm/components/subtotal-dialog/index.js

@@ -1,6 +1,7 @@
 import { Cross1Icon } from "@rowsncolumns/icons";
 import { Button, Dialog, DialogBody, DialogCloseButton, DialogContent, DialogDescription, DialogTitle, Separator, } from "@rowsncolumns/ui";
 import React, { memo, useCallback, useEffect, useMemo, useState } from "react";
+import { useFocusSheet } from "../../atoms";
 import { useRegisterSubtotalDialogHost, useSubtotalDialogState, } from "../../atoms/subtotal-dialog.atom";
 import { SUBTOTAL_FUNCTIONS } from "../../types";
 /**
@@ -31,6 +32,7 @@ export const SubtotalDialog = memo(({ open, onOpenChange, columns, initialHasHea
     const [fn, setFn] = useState("SUM");
     const [aggregates, setAggregates] = useState(() => new Set(columns.length ? [columns[columns.length - 1].columnIndex] : []));
     const [replaceCurrent, setReplaceCurrent] = useState(true);
+    const focusSheet = useFocusSheet();
     // Re-seed when reopened for a different range.
     useEffect(() => {
         if (open) {
@@ -69,7 +71,14 @@ export const SubtotalDialog = memo(({ open, onOpenChange, columns, initialHasHea
         onOpenChange(false);
     }, [groupBy, orderedAggregates, fn, hasHeader, replaceCurrent, onApply, onOpenChange]);
     return (React.createElement(Dialog, { open: open, onOpenChange: onOpenChange },
-        React.createElement(DialogContent, { className: "w-[420px] max-w-[92vw] pointer-events-auto" },
+        React.createElement(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: (event) => {
+                event.preventDefault();
+                focusSheet?.();
+            } },
             React.createElement(DialogTitle, null, "Subtotal"),
             React.createElement(DialogDescription, null, "Insert a total row after every change in a column, plus a grand total, and outline the groups."),
             React.createElement(DialogCloseButton, { onClick: () => onOpenChange(false) },

package/dist/esm/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/esm/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/esm/components/table-auto-expansion-smart-tag/index.js

@@ -0,0 +1,25 @@
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuPortal, DropdownMenuTrigger, IconButton, } from "@rowsncolumns/ui";
+import React, { useState } from "react";
+/** Excel's AutoCorrect Options lightning bolt. */
+const LightningIcon = () => (React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" },
+    React.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.
+ */
+export const TableAutoExpansionSmartTag = ({ x, y, width: _width, height, canStop, onChooseOption, }) => {
+    const [open, setOpen] = useState(false);
+    return (React.createElement("div", { className: "absolute pointer-events-auto flex items-start justify-start", style: { left: x, top: y + height }, onMouseDown: (e) => e.stopPropagation(), "data-testid": "table-auto-expansion" },
+        React.createElement(DropdownMenu, { modal: false, open: open, onOpenChange: setOpen },
+            React.createElement(DropdownMenuTrigger, { asChild: true },
+                React.createElement(IconButton, { tooltip: "AutoCorrect Options", "aria-label": "AutoCorrect Options", className: "shadow-sm bg-rnc-background border-rnc-border border border-solid rounded-md" },
+                    React.createElement(LightningIcon, null))),
+            React.createElement(DropdownMenuPortal, null,
+                React.createElement(DropdownMenuContent, { align: "start", onCloseAutoFocus: (event) => event.preventDefault() },
+                    React.createElement(DropdownMenuItem, { onSelect: () => onChooseOption("undo") }, "Undo Table AutoExpansion"),
+                    canStop ? (React.createElement(DropdownMenuItem, { onSelect: () => onChooseOption("stop") }, "Stop Automatically Expanding Tables")) : null)))));
+};
+TableAutoExpansionSmartTag.displayName = "TableAutoExpansionSmartTag";

package/dist/esm/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/esm/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/esm/components/toolbar/index.js

@@ -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/esm/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/esm/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/esm/components/toolbar/insert-menu.js

@@ -5,9 +5,13 @@ import { uuid, uuidString } from "@rowsncolumns/utils";
 import React, { memo, useRef } from "react";
 import { getUserSelections } from "../../api/selections";
 import { useFocusSheet, useInsertNote } from "../../atoms";
-export const InsertMenu = memo(({ sheetId, activeCell, selections, onCreateNewSheet, onInsertCellsShiftRight, onInsertCellsShiftDown, onInsertRow, onInsertColumn, onCreateChart, onRequestInsertImage, onRequestInsertLink, onRequestDataValidation, onRequestCreatePivotTable, }) => {
+import { useIsSparklineDialogMounted, useOpenSparklineDialog, } from "../../atoms/sparkline-dialog.atom";
+import { SPARKLINE_TYPES } from "./sparkline-actions";
+export const InsertMenu = memo(({ sheetId, activeCell, selections, onCreateNewSheet, onInsertCellsShiftRight, onInsertCellsShiftDown, onInsertRow, onInsertColumn, onCreateChart, onRequestInsertImage, onRequestInsertLink, onRequestDataValidation, onRequestCreatePivotTable, onRequestCreatePivotChart, }) => {
     const focusSheet = useFocusSheet();
     const onInsertNote = useInsertNote();
+    const openSparklineDialog = useOpenSparklineDialog();
+    const isSparklineDialogMounted = useIsSparklineDialogMounted();
     const shouldFocusSheetRef = useRef(true);
     return (React.createElement(DropdownMenu, { modal: false },
         React.createElement(DropdownMenuTrigger, { asChild: true },
@@ -74,6 +78,25 @@ export const InsertMenu = memo(({ sheetId, activeCell, selections, onCreateNewSh
                         shouldFocusSheetRef.current = false;
                         onCreateChart?.(sheetId, activeCell, selections);
                     } }, "Chart"),
+                onRequestCreatePivotChart ? (React.createElement(DropdownMenuItem, { onClick: () => {
+                        shouldFocusSheetRef.current = false;
+                        onRequestCreatePivotChart(sheetId, activeCell, selections);
+                    } }, "PivotChart")) : null,
+                isSparklineDialogMounted ? (React.createElement(DropdownMenuSub, null,
+                    React.createElement(DropdownMenuSubTrigger, null,
+                        "Sparklines",
+                        React.createElement(DropdownRightSlot, null,
+                            React.createElement(ChevronRightIcon, null))),
+                    React.createElement(DropdownMenuSubContent, null, SPARKLINE_TYPES.map((entry) => (React.createElement(DropdownMenuItem, { key: entry.value, onClick: () => {
+                            shouldFocusSheetRef.current = false;
+                            openSparklineDialog({
+                                mode: "create",
+                                sheetId,
+                                type: entry.value,
+                                activeCell,
+                                selections,
+                            });
+                        } }, entry.label)))))) : null,
                 React.createElement(DropdownMenuSub, null,
                     React.createElement(DropdownMenuSubTrigger, null,
                         "Image",

package/dist/esm/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/esm/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/esm/components/toolbar/merge-cells-selector.js

@@ -1,15 +1,19 @@
-import { Direction, isEqualCells } from "@rowsncolumns/grid";
+import { areaIntersects, Direction, isEqualCells } from "@rowsncolumns/grid";
 import { AiOutlineMergeCells, MdOutlineArrowDropDown, } from "@rowsncolumns/icons";
 import { DropdownMenuPortal, IconButton, Stack } from "@rowsncolumns/ui";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "@rowsncolumns/ui";
 import React from "react";
 import { useFocusSheet } from "../../atoms";
 import { DEFAULT_ARRAY } from "../../config";
-export const MergeCellsSelector = ({ activeCell, selections = DEFAULT_ARRAY, sheetId, merges, onMerge, onUnMerge, }) => {
+export const MergeCellsSelector = ({ activeCell, selections = DEFAULT_ARRAY, sheetId, merges, tables, onMerge, onUnMerge, }) => {
     const focusSheet = useFocusSheet();
     const isMerged = !!merges?.find((merge) => isEqualCells({ rowIndex: merge.startRowIndex, columnIndex: merge.startColumnIndex }, activeCell));
     const selection = selections[selections.length - 1];
-    const disableMenu = selections.length === 0 && !isMerged;
+    // Excel greys the merge controls out for a selection that touches a table.
+    const selectionTouchesTable = !!tables?.some((table) => table.sheetId === sheetId &&
+        selections.some((sel) => areaIntersects(table.range, sel.range)));
+    const disableMerge = selectionTouchesTable && !isMerged;
+    const disableMenu = (selections.length === 0 && !isMerged) || disableMerge;
     const canMergeHorizontally = selection &&
         selection.range.startColumnIndex !== selection.range.endColumnIndex;
     const canMergeVertically = selection && selection.range.startRowIndex !== selection.range.endRowIndex;
@@ -29,18 +33,18 @@ export const MergeCellsSelector = ({ activeCell, selections = DEFAULT_ARRAY, she
                     React.createElement(MdOutlineArrowDropDown, null))),
             React.createElement(DropdownMenuPortal, null,
                 React.createElement(DropdownMenuContent, { align: "end" },
-                    React.createElement(DropdownMenuItem, { disabled: isMerged, onClick: () => {
+                    React.createElement(DropdownMenuItem, { disabled: isMerged || selectionTouchesTable, onClick: () => {
                             onMerge(sheetId, activeCell, selections);
                             focusSheet?.();
                         } }, "Merge all"),
-                    React.createElement(DropdownMenuItem, { disabled: isMerged || !canMergeVertically, onClick: () => {
+                    React.createElement(DropdownMenuItem, { disabled: isMerged || selectionTouchesTable || !canMergeVertically, onClick: () => {
                             onMerge(sheetId, activeCell, selections, Direction.Down);
                             focusSheet?.();
                         } }, "Merge vertically"),
                     React.createElement(DropdownMenuItem, { onClick: () => {
                             onMerge(sheetId, activeCell, selections, Direction.Right);
                             focusSheet?.();
-                        }, disabled: isMerged || !canMergeHorizontally }, "Merge horizontally"),
+                        }, disabled: isMerged || selectionTouchesTable || !canMergeHorizontally }, "Merge horizontally"),
                     React.createElement(DropdownMenuItem, { disabled: !isMerged, onClick: () => {
                             onUnMerge(sheetId, activeCell, selections);
                             focusSheet?.();

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