@rowsncolumns/spreadsheet 10.6.4 → 10.7.0

package/dist/esm/components/scenario-manager-dialog/index.js

@@ -0,0 +1,213 @@
+import { Cross1Icon } from "@rowsncolumns/icons";
+import { Button, Dialog, DialogBody, DialogCloseButton, DialogContent, DialogDescription, DialogTitle, Input, Separator, } from "@rowsncolumns/ui";
+import { addressToCell, cellToAddress } from "@rowsncolumns/utils";
+import React, { memo, useCallback, useEffect, useState } from "react";
+/** Excel's cap on changing cells per scenario. */
+export const MAX_SCENARIO_CHANGING_CELLS = 32;
+/**
+ * `B1:B3, D5` → its cells in order (deduplicated), or `null` when a part is not a
+ * cell or range reference.
+ */
+export const parseCellList = (text) => {
+    const cells = [];
+    const parts = text
+        .split(/[,;]/)
+        .map((p) => p.trim().replace(/\$/g, ""))
+        .filter((p) => p !== "");
+    if (parts.length === 0)
+        return null;
+    for (const part of parts) {
+        const [a, b = a] = part.split(":");
+        if (!/^[A-Za-z]{1,3}\d+$/.test(a) || !/^[A-Za-z]{1,3}\d+$/.test(b))
+            return null;
+        const start = addressToCell(a);
+        const end = addressToCell(b);
+        if (!start || !end)
+            return null;
+        for (let r = Math.min(start.rowIndex, end.rowIndex); r <= Math.max(start.rowIndex, end.rowIndex); r++) {
+            for (let c = Math.min(start.columnIndex, end.columnIndex); c <= Math.max(start.columnIndex, end.columnIndex); c++) {
+                if (!cells.some((x) => x.rowIndex === r && x.columnIndex === c)) {
+                    cells.push({ rowIndex: r, columnIndex: c });
+                }
+                if (cells.length > MAX_SCENARIO_CHANGING_CELLS)
+                    return cells;
+            }
+        }
+    }
+    return cells;
+};
+const cellsText = (cells) => cells.map((c) => cellToAddress(c) ?? "").join(",");
+/**
+ * Excel's Scenario Manager: the sheet's scenarios with Show / Add / Delete /
+ * Edit / Summary. Add and Edit ask for the name, changing cells and comment,
+ * then a value for each changing cell (Scenario Values). Merge is not offered.
+ */
+export const ScenarioManagerDialog = memo(({ open, onOpenChange, scenarios, defaultChangingCells, getCellValue, onAdd, onUpdate, onDelete, onShow, onSummary, }) => {
+    const [view, setView] = useState({ kind: "list" });
+    const [selected, setSelected] = useState(0);
+    const [name, setName] = useState("");
+    const [changing, setChanging] = useState("");
+    const [comment, setComment] = useState("");
+    const [locked, setLocked] = useState(true);
+    const [hidden, setHidden] = useState(false);
+    const [resultCells, setResultCells] = useState("");
+    const [error, setError] = useState(undefined);
+    useEffect(() => {
+        if (open) {
+            setView({ kind: "list" });
+            setSelected(0);
+            setError(undefined);
+        }
+    }, [open]);
+    const current = scenarios[Math.min(selected, scenarios.length - 1)];
+    const run = useCallback(async (action, after) => {
+        const refusal = await action();
+        if (refusal) {
+            setError(refusal);
+            return;
+        }
+        setError(undefined);
+        after?.();
+    }, []);
+    const startEdit = (scenario) => {
+        setName(scenario?.name ?? "");
+        setChanging(scenario ? cellsText(scenario.cells) : defaultChangingCells);
+        setComment(scenario?.comment ?? "");
+        setLocked(scenario?.locked ?? true);
+        setHidden(scenario?.hidden ?? false);
+        setError(undefined);
+        setView({ kind: "edit", editing: scenario?.name });
+    };
+    const toValues = (event) => {
+        event.preventDefault();
+        if (view.kind !== "edit")
+            return;
+        if (name.trim() === "") {
+            setError("Type a scenario name.");
+            return;
+        }
+        const cells = parseCellList(changing);
+        if (!cells) {
+            setError("Changing cell reference is not valid.");
+            return;
+        }
+        if (cells.length > MAX_SCENARIO_CHANGING_CELLS) {
+            setError("Too many changing cells. A scenario can have up to 32.");
+            return;
+        }
+        const previous = scenarios.find((s) => s.name === view.editing);
+        setError(undefined);
+        setView({
+            kind: "values",
+            editing: view.editing,
+            draft: {
+                name: name.trim(),
+                comment: comment.trim() === "" ? undefined : comment,
+                locked,
+                hidden,
+                cells: cells.map((c) => ({
+                    ...c,
+                    value: previous?.cells.find((p) => p.rowIndex === c.rowIndex && p.columnIndex === c.columnIndex)?.value ?? getCellValue(c.rowIndex, c.columnIndex),
+                })),
+            },
+        });
+    };
+    const saveValues = (event) => {
+        event.preventDefault();
+        if (view.kind !== "values")
+            return;
+        const { draft, editing } = view;
+        void run(() => (editing === undefined ? onAdd(draft) : onUpdate(editing, draft)), () => setView({ kind: "list" }));
+    };
+    const summary = (event) => {
+        event.preventDefault();
+        const cells = resultCells.trim() === "" ? [] : parseCellList(resultCells);
+        if (!cells) {
+            setError("Result cell reference is not valid.");
+            return;
+        }
+        void run(() => onSummary(cells), () => onOpenChange(false));
+    };
+    const footer = (primary, back = true) => (React.createElement(React.Fragment, null,
+        error ? (React.createElement("div", { role: "alert", className: "text-xs text-rnc-destructive" }, error)) : null,
+        React.createElement(Separator, null),
+        React.createElement("div", { className: "flex justify-end gap-2" },
+            back ? (React.createElement(Button, { type: "button", variant: "outline", size: "sm", onClick: () => {
+                    setError(undefined);
+                    setView({ kind: "list" });
+                } }, "Cancel")) : null,
+            React.createElement(Button, { type: "submit", size: "sm" }, primary))));
+    const title = view.kind === "list"
+        ? "Scenario Manager"
+        : view.kind === "values"
+            ? "Scenario Values"
+            : view.kind === "summary"
+                ? "Scenario Summary"
+                : view.editing === undefined
+                    ? "Add Scenario"
+                    : "Edit Scenario";
+    return (React.createElement(Dialog, { open: open, onOpenChange: onOpenChange },
+        React.createElement(DialogContent, { className: "w-[400px] max-w-[92vw] pointer-events-auto" },
+            React.createElement(DialogTitle, null, title),
+            React.createElement(DialogDescription, null, "Save and switch between sets of input values."),
+            React.createElement(DialogCloseButton, { onClick: () => onOpenChange(false) },
+                React.createElement(Cross1Icon, null)),
+            React.createElement(DialogBody, { className: "flex flex-col gap-3 font-system text-sm" },
+                view.kind === "list" ? (React.createElement("div", { className: "flex flex-col gap-3" },
+                    scenarios.length === 0 ? (React.createElement("p", { className: "text-xs" }, "No Scenarios defined. Choose Add to add scenarios.")) : (React.createElement("ul", { "aria-label": "Scenarios", className: "max-h-40 overflow-auto rounded border border-rnc-border" }, scenarios.map((s, i) => (React.createElement("li", { key: s.name },
+                        React.createElement("button", { type: "button", "aria-pressed": i === selected, className: `w-full px-2 py-1 text-left text-xs ${i === selected ? "bg-rnc-accent" : ""}`, onClick: () => setSelected(i) }, s.name)))))),
+                    current ? (React.createElement("div", { className: "text-xs" },
+                        React.createElement("div", null,
+                            "Changing cells: ",
+                            cellsText(current.cells)),
+                        current.comment ? React.createElement("div", null,
+                            "Comment: ",
+                            current.comment) : null)) : null,
+                    error ? (React.createElement("div", { role: "alert", className: "text-xs text-rnc-destructive" }, error)) : null,
+                    React.createElement(Separator, null),
+                    React.createElement("div", { className: "flex flex-wrap justify-end gap-2" },
+                        React.createElement(Button, { type: "button", size: "sm", variant: "outline", onClick: () => startEdit(undefined) }, "Add\u2026"),
+                        React.createElement(Button, { type: "button", size: "sm", variant: "outline", disabled: !current, onClick: () => current && void run(() => onDelete(current.name)) }, "Delete"),
+                        React.createElement(Button, { type: "button", size: "sm", variant: "outline", disabled: !current, onClick: () => startEdit(current) }, "Edit\u2026"),
+                        React.createElement(Button, { type: "button", size: "sm", variant: "outline", disabled: !current, onClick: () => {
+                                setResultCells("");
+                                setError(undefined);
+                                setView({ kind: "summary" });
+                            } }, "Summary\u2026"),
+                        React.createElement(Button, { type: "button", size: "sm", disabled: !current, onClick: () => current && void run(() => onShow(current.name)) }, "Show")))) : null,
+                view.kind === "edit" ? (React.createElement("form", { className: "flex flex-col gap-3", onSubmit: toValues },
+                    React.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                        "Scenario name:",
+                        React.createElement(Input, { autoFocus: true, "aria-label": "Scenario name", value: name, onChange: (e) => setName(e.target.value) })),
+                    React.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                        "Changing cells:",
+                        React.createElement(Input, { "aria-label": "Changing cells", value: changing, onChange: (e) => setChanging(e.target.value) })),
+                    React.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                        "Comment:",
+                        React.createElement(Input, { "aria-label": "Comment", value: comment, onChange: (e) => setComment(e.target.value) })),
+                    React.createElement("label", { className: "flex items-center gap-2 text-xs" },
+                        React.createElement("input", { type: "checkbox", checked: locked, onChange: (e) => setLocked(e.target.checked) }),
+                        "Prevent changes"),
+                    React.createElement("label", { className: "flex items-center gap-2 text-xs" },
+                        React.createElement("input", { type: "checkbox", checked: hidden, onChange: (e) => setHidden(e.target.checked) }),
+                        "Hide"),
+                    footer("OK"))) : null,
+                view.kind === "values" ? (React.createElement("form", { className: "flex flex-col gap-2", onSubmit: saveValues },
+                    React.createElement("p", { className: "text-xs" }, "Enter values for each of the changing cells."),
+                    view.draft.cells.map((cell, i) => {
+                        const address = cellToAddress(cell) ?? "";
+                        return (React.createElement("label", { key: address, className: "flex items-center gap-2 text-xs" },
+                            React.createElement("span", { className: "w-16" }, address),
+                            React.createElement(Input, { "aria-label": address, value: cell.value, onChange: (e) => {
+                                    const cells = view.draft.cells.map((c, k) => k === i ? { ...c, value: e.target.value } : c);
+                                    setView({ ...view, draft: { ...view.draft, cells } });
+                                } })));
+                    }),
+                    footer("OK"))) : null,
+                view.kind === "summary" ? (React.createElement("form", { className: "flex flex-col gap-3", onSubmit: summary },
+                    React.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                        "Result cells:",
+                        React.createElement(Input, { autoFocus: true, "aria-label": "Result cells", value: resultCells, onChange: (e) => setResultCells(e.target.value) })),
+                    footer("OK"))) : null))));
+});
+ScenarioManagerDialog.displayName = "ScenarioManagerDialog";

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, tableAutoExpansion, onChooseTableAutoExpansionOption, calculatedColumnFill, onChooseCalculatedColumnOption, 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, onChoosePasteOption, agentSuggestion, isHovered, MagicFillContent, QuickEdit, PasteMenu, FillOptionsMenu, fillOptions, onChooseFillType, onOpenFillSeriesDialog, onCloseFillOptions, InsertOptionsSmartTag, insertOptions, onChooseInsertOption, tableAutoExpansion, onChooseTableAutoExpansionOption, calculatedColumnFill, onChooseCalculatedColumnOption, errorCheck, errorCheckMenuOpen, onErrorCheckMenuOpenChange, onChooseErrorCheckOption, 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;AAiBpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD;;;;GAIG;AACH,eAAO,MAAM,SAAS,urCA8EjB,iBAAiB,uBA0VrB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/selection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAkBpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD;;;;GAIG;AACH,eAAO,MAAM,SAAS,kyCAmFjB,iBAAiB,uBA2WrB,CAAC"}

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

@@ -1,7 +1,8 @@
 import React, { memo } from "react";
+import { CalculatedColumnSmartTag } from "../calculated-column-smart-tag";
+import { ErrorCheckSmartTag } from "../error-check-smart-tag";
 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";
@@ -14,7 +15,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, tableAutoExpansion, onChooseTableAutoExpansionOption, calculatedColumnFill, onChooseCalculatedColumnOption, 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, onChoosePasteOption, agentSuggestion, isHovered, MagicFillContent, QuickEdit = DefaultQuickEdit, PasteMenu = DefaultPasteMenu, FillOptionsMenu = DefaultFillOptionsMenu, fillOptions, onChooseFillType, onOpenFillSeriesDialog, onCloseFillOptions, InsertOptionsSmartTag = DefaultInsertOptionsSmartTag, insertOptions, onChooseInsertOption, tableAutoExpansion, onChooseTableAutoExpansionOption, calculatedColumnFill, onChooseCalculatedColumnOption, errorCheck, errorCheckMenuOpen = false, onErrorCheckMenuOpenChange, onChooseErrorCheckOption, SuggestionAction = DefaultSuggestionAction, onRemoveQuickEdit, onAddQuickEdit, }) => {
     // Show paste menu
     const finalShowPasteMenu = !showPasteMenu
         ? false
@@ -191,10 +192,14 @@ export const Selection = memo(({ x = 0, y = 0, width = 0, height = 0, fillHandle
             (type === "selection" ||
                 (type === "activeCell" && selectionCount === 0)) ? (React.createElement(MagicFillComponent, { sheetId: sheetId, x: x, y: y, height: height, width: width, type: type, activeCell: activeCell, selection: selection, isHovered: isHovered, MagicFillContent: MagicFillContent, onAddQuickEdit: onAddQuickEdit, backgroundColor: stroke })) : null,
         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 })),
+        finalShowPasteMenu && (React.createElement(PasteMenu, { x: x + fillHandleSize / 2, y: y + fillHandleSize / 2, width: width, height: height, onSplitTextToColumns: onSplitTextToColumns, onChoosePasteOption: onChoosePasteOption })),
         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,
         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));
+        calculatedColumnFill && onChooseCalculatedColumnOption ? (React.createElement(CalculatedColumnSmartTag, { x: x, y: y + fillHandleSize / 2, width: width, height: height, kind: calculatedColumnFill.kind, canStop: calculatedColumnFill.canStop, onChooseOption: onChooseCalculatedColumnOption })) : null,
+        errorCheck &&
+            type === "activeCell" &&
+            onChooseErrorCheckOption &&
+            onErrorCheckMenuOpenChange ? (React.createElement(ErrorCheckSmartTag, { x: x, y: y, width: width, height: height, kind: errorCheck.kind, errorName: errorCheck.errorName, open: errorCheckMenuOpen, onOpenChange: onErrorCheckMenuOpenChange, onChooseOption: onChooseErrorCheckOption })) : null));
 });
 Selection.displayName = "Selection";

package/dist/esm/components/selection/paste-menu.d.ts

@@ -1,10 +1,23 @@
 import React from "react";
+import { type PasteOptionId } from "./paste-options";
 export type PasteMenuProps = {
     x: number;
     y: number;
     width: number;
     height: number;
     onSplitTextToColumns?: (delimiter?: string) => void;
+    /**
+     * Re-apply the last paste as this gallery entry (Excel's Paste Options).
+     * Without it the button offers only Split text to columns.
+     */
+    onChoosePasteOption?: (option: PasteOptionId) => void;
 };
-export declare const PasteMenu: ({ x, y, width, height, onSplitTextToColumns, }: PasteMenuProps) => React.JSX.Element;
+/**
+ * Excel's Paste Options button, shown at the bottom-right of a pasted range.
+ * Its gallery re-applies the last paste as Paste, Formulas, Values, Transpose
+ * and the other entries (replacing the previous result, one undo step), opens
+ * on a click or on Ctrl pressed alone after the paste, and picks an entry with
+ * its letter. "Split text to columns" stays as Excel's Text Import option.
+ */
+export declare const PasteMenu: ({ x, y, width, height, onSplitTextToColumns, onChoosePasteOption, }: PasteMenuProps) => React.JSX.Element;
 //# sourceMappingURL=paste-menu.d.ts.map

package/dist/esm/components/selection/paste-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paste-menu.d.ts","sourceRoot":"","sources":["../../../../components/selection/paste-menu.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,gDAMvB,cAAc,sBAsDhB,CAAC"}
+{"version":3,"file":"paste-menu.d.ts","sourceRoot":"","sources":["../../../../components/selection/paste-menu.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;CACvD,CAAC;AAwCF;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,GAAI,qEAOvB,cAAc,sBA2HhB,CAAC"}

package/dist/esm/components/selection/paste-menu.js

@@ -1,20 +1,88 @@
-import { ChevronRightIcon, MdOutlineArrowDropDown, MdPaste, } from "@rowsncolumns/icons";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownRightSlot, IconButton, } from "@rowsncolumns/ui";
-import React from "react";
-export const PasteMenu = ({ x, y, width, height, onSplitTextToColumns, }) => {
+import { CheckIcon, ChevronRightIcon, ExpandIcon, MdBorderClear, MdBrush, MdOutlineArrowDropDown, MdPaste, PaintBrush, } from "@rowsncolumns/icons";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownRightSlot, IconButton, } from "@rowsncolumns/ui";
+import React, { useCallback } from "react";
+import { usePasteMenuState } from "../../atoms/paste-menu.atom";
+import { PASTE_OPTION_GROUPS, PASTE_OPTIONS, } from "./paste-options";
+/** A small text glyph for the entries the icon set has no picture for. */
+const Glyph = ({ text }) => (React.createElement("span", { "aria-hidden": true, className: "inline-flex min-w-[1.5em] justify-center font-mono text-[10px] leading-none" }, text));
+const ICONS = {
+    paste: React.createElement(MdPaste, { "aria-hidden": true }),
+    formulas: React.createElement(Glyph, { text: "fx" }),
+    formulasAndNumberFormats: React.createElement(Glyph, { text: "%fx" }),
+    keepSourceFormatting: React.createElement(MdBrush, { "aria-hidden": true }),
+    noBorders: React.createElement(MdBorderClear, { "aria-hidden": true }),
+    keepSourceColumnWidths: React.createElement(ExpandIcon, { "aria-hidden": true }),
+    transpose: React.createElement(Glyph, { text: "\u2921" }),
+    values: React.createElement(Glyph, { text: "123" }),
+    valuesAndNumberFormats: React.createElement(Glyph, { text: "%123" }),
+    valuesAndSourceFormatting: React.createElement(Glyph, { text: "123\u270E" }),
+    formatting: React.createElement(PaintBrush, { "aria-hidden": true }),
+    pasteLink: React.createElement(Glyph, { text: "=A1" }),
+};
+/** The label with its accelerator letter underlined, as Excel draws it. */
+const AcceleratorLabel = ({ option }) => {
+    const index = option.label.toLowerCase().indexOf(option.key);
+    if (index < 0)
+        return React.createElement(React.Fragment, null, option.label);
+    return (React.createElement(React.Fragment, null,
+        option.label.slice(0, index),
+        React.createElement("span", { className: "underline" }, option.label.slice(index, index + 1)),
+        option.label.slice(index + 1)));
+};
+/**
+ * Excel's Paste Options button, shown at the bottom-right of a pasted range.
+ * Its gallery re-applies the last paste as Paste, Formulas, Values, Transpose
+ * and the other entries (replacing the previous result, one undo step), opens
+ * on a click or on Ctrl pressed alone after the paste, and picks an entry with
+ * its letter. "Split text to columns" stays as Excel's Text Import option.
+ */
+export const PasteMenu = ({ x, y, width, height, onSplitTextToColumns, onChoosePasteOption, }) => {
+    const [state, setState] = usePasteMenuState();
+    const showGallery = Boolean(onChoosePasteOption) && state.canReapply;
+    const isEnabled = useCallback((option) => option.id !== "pasteLink" || state.canLink, [state.canLink]);
+    const choose = useCallback((option) => {
+        setState((prev) => ({ ...prev, open: false }));
+        onChoosePasteOption?.(option.id);
+    }, [onChoosePasteOption, setState]);
+    const handleKeyDown = useCallback((e) => {
+        if (!showGallery || e.ctrlKey || e.metaKey || e.altKey)
+            return;
+        if (e.key.length !== 1)
+            return;
+        const option = PASTE_OPTIONS.find((entry) => entry.key === e.key.toLowerCase());
+        if (!option || !isEnabled(option))
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+        choose(option);
+    }, [showGallery, isEnabled, choose]);
     return (React.createElement("div", { className: "absolute pointer-events-auto shadow-sm bg-rnc-background border-rnc-border border border-solid rounded-md flex items-start justify-start", style: {
             left: x + width,
             top: y + height,
-        }, onMouseDown: (e) => e.stopPropagation() },
-        React.createElement(DropdownMenu, null,
+        }, onMouseDown: (e) => e.stopPropagation(), "data-testid": "paste-options" },
+        React.createElement(DropdownMenu, { modal: false, open: state.open, onOpenChange: (open) => setState((prev) => ({ ...prev, open })) },
             React.createElement(DropdownMenuTrigger, { asChild: true },
-                React.createElement(IconButton, { tooltip: "Paste formatting" },
+                React.createElement(IconButton, { tooltip: "Paste Options (Ctrl)", "aria-label": "Paste Options" },
                     React.createElement(MdPaste, null),
                     React.createElement(MdOutlineArrowDropDown, null))),
             React.createElement(DropdownMenuPortal, null,
-                React.createElement(DropdownMenuContent, { align: "start", onCloseAutoFocus: (event) => {
+                React.createElement(DropdownMenuContent, { align: "start", "aria-label": "Paste Options", onKeyDown: handleKeyDown, onCloseAutoFocus: (event) => {
                         event.preventDefault();
                     } },
+                    showGallery
+                        ? PASTE_OPTION_GROUPS.map((group) => (React.createElement(React.Fragment, { key: group },
+                            React.createElement(DropdownMenuLabel, null, group),
+                            PASTE_OPTIONS.filter((option) => option.group === group).map((option) => (React.createElement(DropdownMenuCheckboxItem, { key: option.id, checked: state.active === option.id, disabled: !isEnabled(option), "aria-keyshortcuts": option.key.toUpperCase(), "data-paste-option": option.id, onSelect: () => choose(option) },
+                                React.createElement(DropdownMenuItemIndicator, null,
+                                    React.createElement(CheckIcon, null)),
+                                React.createElement("span", { className: "mr-2 inline-flex w-5 justify-center" }, ICONS[option.id]),
+                                React.createElement(AcceleratorLabel, { option: option }),
+                                React.createElement(DropdownRightSlot, null,
+                                    "(",
+                                    option.key.toUpperCase(),
+                                    ")")))))))
+                        : null,
+                    showGallery ? React.createElement(DropdownMenuSeparator, null) : null,
                     React.createElement(DropdownMenuSub, null,
                         React.createElement(DropdownMenuSubTrigger, null,
                             "Split text to columns",

package/dist/esm/components/selection/paste-options.d.ts

@@ -0,0 +1,28 @@
+import type { PasteSpecialOptions } from "../../hooks/use-copy-paste-cut";
+/**
+ * Excel's Paste Options button gallery (the button that appears after a
+ * paste, opened by clicking it or pressing Ctrl alone), in Excel's groups and
+ * order with its accelerator letters (support.microsoft.com "Paste options").
+ * Picture and Linked Picture are left out: a grid paste never produces a
+ * picture of cells.
+ */
+export type PasteOptionId = "paste" | "formulas" | "formulasAndNumberFormats" | "keepSourceFormatting" | "noBorders" | "keepSourceColumnWidths" | "transpose" | "values" | "valuesAndNumberFormats" | "valuesAndSourceFormatting" | "formatting" | "pasteLink";
+export type PasteOptionGroup = "Paste" | "Paste Values" | "Other Paste Options";
+export type PasteOption = {
+    id: PasteOptionId;
+    label: string;
+    /** Accelerator letter, picked with the letter key while the gallery is open. */
+    key: string;
+    group: PasteOptionGroup;
+    /** The paste this option re-applies. */
+    request: PasteSpecialOptions;
+};
+export declare const PASTE_OPTIONS: PasteOption[];
+export declare const PASTE_OPTION_GROUPS: PasteOptionGroup[];
+/**
+ * The gallery entry a paste request corresponds to, so the button shows which
+ * option is applied (a plain Ctrl+V is "Paste"). `undefined` for a Paste
+ * Special combination the gallery has no entry for (Operation, Skip blanks…).
+ */
+export declare const pasteOptionForRequest: (request?: PasteSpecialOptions) => PasteOptionId | undefined;
+//# sourceMappingURL=paste-options.d.ts.map

package/dist/esm/components/selection/paste-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paste-options.d.ts","sourceRoot":"","sources":["../../../../components/selection/paste-options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE1E;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GACrB,OAAO,GACP,UAAU,GACV,0BAA0B,GAC1B,sBAAsB,GACtB,WAAW,GACX,wBAAwB,GACxB,WAAW,GACX,QAAQ,GACR,wBAAwB,GACxB,2BAA2B,GAC3B,YAAY,GACZ,WAAW,CAAC;AAEhB,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,cAAc,GAAG,qBAAqB,CAAC;AAEhF,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,aAAa,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,gBAAgB,CAAC;IACxB,wCAAwC;IACxC,OAAO,EAAE,mBAAmB,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,WAAW,EA2CtC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,gBAAgB,EAAqD,CAAC;AAExG;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,GAAI,UAAU,mBAAmB,KAAG,aAAa,GAAG,SAYrF,CAAC"}

package/dist/esm/components/selection/paste-options.js

@@ -0,0 +1,62 @@
+export const PASTE_OPTIONS = [
+    { id: "paste", label: "Paste", key: "p", group: "Paste", request: { paste: "all" } },
+    { id: "formulas", label: "Formulas", key: "f", group: "Paste", request: { paste: "formulas" } },
+    {
+        id: "formulasAndNumberFormats",
+        label: "Formulas & Number Formatting",
+        key: "o",
+        group: "Paste",
+        request: { paste: "formulasAndNumberFormats" },
+    },
+    {
+        id: "keepSourceFormatting",
+        label: "Keep Source Formatting",
+        key: "k",
+        group: "Paste",
+        request: { paste: "allUsingSourceTheme" },
+    },
+    { id: "noBorders", label: "No Borders", key: "b", group: "Paste", request: { paste: "allExceptBorders" } },
+    {
+        id: "keepSourceColumnWidths",
+        label: "Keep Source Column Widths",
+        key: "w",
+        group: "Paste",
+        request: { paste: "all", keepSourceColumnWidths: true },
+    },
+    { id: "transpose", label: "Transpose", key: "t", group: "Paste", request: { paste: "all", transpose: true } },
+    { id: "values", label: "Values", key: "v", group: "Paste Values", request: { paste: "values" } },
+    {
+        id: "valuesAndNumberFormats",
+        label: "Values & Number Formatting",
+        key: "a",
+        group: "Paste Values",
+        request: { paste: "valuesAndNumberFormats" },
+    },
+    {
+        id: "valuesAndSourceFormatting",
+        label: "Values & Source Formatting",
+        key: "e",
+        group: "Paste Values",
+        request: { paste: "valuesAndSourceFormatting" },
+    },
+    { id: "formatting", label: "Formatting", key: "r", group: "Other Paste Options", request: { paste: "formats" } },
+    { id: "pasteLink", label: "Paste Link", key: "n", group: "Other Paste Options", request: { link: true } },
+];
+export const PASTE_OPTION_GROUPS = ["Paste", "Paste Values", "Other Paste Options"];
+/**
+ * The gallery entry a paste request corresponds to, so the button shows which
+ * option is applied (a plain Ctrl+V is "Paste"). `undefined` for a Paste
+ * Special combination the gallery has no entry for (Operation, Skip blanks…).
+ */
+export const pasteOptionForRequest = (request) => {
+    if (!request)
+        return "paste";
+    const extra = request.operation || request.skipBlanks;
+    if (extra)
+        return undefined;
+    const paste = request.paste ?? "all";
+    return PASTE_OPTIONS.find((option) => (option.request.paste ?? "all") === paste &&
+        Boolean(option.request.transpose) === Boolean(request.transpose) &&
+        Boolean(option.request.keepSourceColumnWidths) === Boolean(request.keepSourceColumnWidths) &&
+        Boolean(option.request.link) === Boolean(request.link))?.id;
+};

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

@@ -3,10 +3,11 @@ import type { SelectionProps } from "@rowsncolumns/grid";
 import type { ElementType } from "react";
 import type { Maybe, PivotTable, SheetRange } from "../../types";
 import type { AutoFillType, TableView } from "../../types";
+import type { CalculatedColumnSmartTagProps } from "../calculated-column-smart-tag";
 import type { SelectionAttributes } from "../canvas-grid/typings";
+import type { ErrorCheckSmartTagProps } from "../error-check-smart-tag";
 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";
@@ -64,8 +65,18 @@ export type SelectionNewProps = SelectionProps<SelectionAttributes> & {
      */
     calculatedColumnFill?: Pick<CalculatedColumnSmartTagProps, "kind" | "canStop">;
     onChooseCalculatedColumnOption?: CalculatedColumnSmartTagProps["onChooseOption"];
+    /**
+     * Excel's error-checking smart tag for THIS selection (present only on the active cell, when it
+     * carries the green ◤).
+     */
+    errorCheck?: Pick<ErrorCheckSmartTagProps, "kind" | "errorName">;
+    errorCheckMenuOpen?: boolean;
+    onErrorCheckMenuOpenChange?: ErrorCheckSmartTagProps["onOpenChange"];
+    onChooseErrorCheckOption?: ErrorCheckSmartTagProps["onChooseOption"];
     SuggestionAction?: React.ComponentType<SuggestionActionProps>;
     readonly?: boolean;
+    /** Paste Options gallery choice (re-applies the last paste). */
+    onChoosePasteOption?: PasteMenuProps["onChoosePasteOption"];
     showPasteMenu?: boolean;
     sheetId: number;
     onSplitTextToColumns: (delimiter?: string) => void;

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":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../components/selection/types.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/selection-drop-menu/index.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import type { SelectionDropAction } from "../../hooks/use-selection-drag-copy";
+export declare const SELECTION_DROP_ACTION_LABELS: Record<SelectionDropAction, string>;
+export type SelectionDropMenuProps = {
+    /** Release point, relative to the grid container. */
+    x: number;
+    y: number;
+    actions: SelectionDropAction[];
+    onSelectAction(action: SelectionDropAction): void;
+    /** Cancel, Esc or a click away — nothing changes. */
+    onCancel(): void;
+};
+/**
+ * The menu a right-button drag of the selection border opens at the release point
+ * (Excel: Move Here, Copy Here, … Cancel). Opens immediately; any dismissal cancels.
+ */
+export declare const SelectionDropMenu: ({ x, y, actions, onSelectAction, onCancel, }: SelectionDropMenuProps) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/selection-drop-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/selection-drop-menu/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAG/E,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAU5E,CAAC;AAUF,MAAM,MAAM,sBAAsB,GAAG;IACnC,qDAAqD;IACrD,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,cAAc,CAAC,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAClD,qDAAqD;IACrD,QAAQ,IAAI,IAAI,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,8CAM/B,sBAAsB,sBA2DxB,CAAC"}