@rowsncolumns/spreadsheet 10.2.72 → 10.2.74

package/dist/esm/components/go-to-dialog/index.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+import type { NamedRange, SheetRange } from "../../types";
+export type GoToDialogProps = {
+    /** Controls visibility. */
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    /** Defined names listed in the "Go to" box; picking one fills the reference. */
+    namedRanges?: NamedRange[] | null;
+    /** Shown as the placeholder of the reference box (the current location). */
+    currentAddress?: string;
+    /**
+     * Resolves the typed text to a range, or `undefined` when it is not a
+     * valid reference / name (the dialog then shows Excel's error).
+     */
+    resolve(reference: string): SheetRange | undefined;
+    /** Receives the resolved range; the host selects and scrolls to it. */
+    onNavigate(range: SheetRange): void;
+};
+/**
+ * Excel's Go To dialog (`Ctrl+G` / `F5`): type a cell or range reference,
+ * optionally sheet-qualified, or pick a defined name, and the selection
+ * jumps there. Resolution is delegated to `resolve` so the dialog stays
+ * UI-only.
+ */
+export declare const GoToDialog: React.MemoExoticComponent<({ open, onOpenChange, namedRanges, currentAddress, resolve, onNavigate, }: GoToDialogProps) => React.JSX.Element>;
+/**
+ * Host-mounted, atom-driven wrapper around {@link GoToDialog}. Mount it once
+ * in the host alongside the other editor dialogs; the grid opens it on
+ * `Ctrl+G` / `F5` (unless the host handles `onRequestGoTo` itself).
+ */
+export declare const GoToDialogHost: {
+    (): React.JSX.Element | null;
+    displayName: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/go-to-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/go-to-dialog/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG;IAC5B,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,gFAAgF;IAChF,WAAW,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IAClC,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;IACnD,uEAAuE;IACvE,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CACrC,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,wGAQlB,eAAe,uBA4GnB,CAAC;AAUF;;;;GAIG;AACH,eAAO,MAAM,cAAc;;;CA8B1B,CAAC"}

package/dist/esm/components/go-to-dialog/index.js

@@ -0,0 +1,84 @@
+import { Button, cn, Dialog, DialogBody, DialogCloseButton, DialogContent, DialogTitle, Input, Separator, } from "@rowsncolumns/ui";
+import { cellToAddress } from "@rowsncolumns/utils";
+import React, { memo, useCallback, useState } from "react";
+import { resolveGoToReference } from "../../api/go-to";
+import { useGoToDialogState, useRegisterGoToDialogHost, } from "../../atoms/go-to-dialog.atom";
+const INVALID_REFERENCE = "Reference is not valid.";
+/**
+ * Excel's Go To dialog (`Ctrl+G` / `F5`): type a cell or range reference,
+ * optionally sheet-qualified, or pick a defined name, and the selection
+ * jumps there. Resolution is delegated to `resolve` so the dialog stays
+ * UI-only.
+ */
+export const GoToDialog = memo(({ open, onOpenChange, namedRanges, currentAddress, resolve, onNavigate, }) => {
+    const [reference, setReference] = useState("");
+    const [error, setError] = useState(undefined);
+    const navigate = useCallback((text) => {
+        const range = resolve(text);
+        if (!range) {
+            setError(INVALID_REFERENCE);
+            return;
+        }
+        onNavigate(range);
+        onOpenChange(false);
+    }, [resolve, onNavigate, onOpenChange]);
+    const names = (namedRanges ?? []).filter((range) => range.range && !range.hidden);
+    return (React.createElement(Dialog, { open: open, onOpenChange: onOpenChange, modal: true },
+        React.createElement(DialogContent, { className: "w-[360px] max-w-[92vw] pointer-events-auto" },
+            React.createElement(DialogTitle, null, "Go To"),
+            React.createElement(DialogCloseButton, null),
+            React.createElement(DialogBody, { className: "flex flex-col gap-3" },
+                React.createElement("form", { className: "flex flex-col gap-3", onSubmit: (e) => {
+                        e.preventDefault();
+                        navigate(reference);
+                    } },
+                    React.createElement("div", { className: "flex flex-col gap-1" },
+                        React.createElement("span", { className: "text-xs font-medium" }, "Go to:"),
+                        React.createElement("div", { role: "listbox", "aria-label": "Defined names", className: "h-[140px] overflow-auto rounded border border-rnc-border text-xs" }, names.length === 0 ? (React.createElement("div", { className: "px-2 py-1.5 text-rnc-foreground/60" }, "No defined names")) : (names.map((range) => (React.createElement("div", { key: String(range.namedRangeId), role: "option", "aria-selected": reference === range.name, className: cn("px-2 py-1 cursor-default select-none hover:bg-rnc-accent", reference === range.name && "bg-rnc-accent"), onClick: () => {
+                                setReference(range.name);
+                                setError(undefined);
+                            }, onDoubleClick: () => navigate(range.name) }, range.name)))))),
+                    React.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                        "Reference:",
+                        React.createElement(Input, { autoFocus: true, value: reference, placeholder: currentAddress, "aria-invalid": error ? true : undefined, onChange: (e) => {
+                                setReference(e.target.value);
+                                setError(undefined);
+                            } })),
+                    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" },
+                        React.createElement(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onOpenChange(false) }, "Cancel"),
+                        React.createElement(Button, { type: "submit", size: "sm", disabled: !reference.trim() }, "OK")))))));
+});
+GoToDialog.displayName = "GoToDialog";
+const currentAddressOf = (request) => {
+    const address = cellToAddress(request.activeCell) ?? "";
+    const sheetName = request.getSheetName?.(request.sheetId);
+    return sheetName ? `${sheetName}!${address}` : address;
+};
+/**
+ * Host-mounted, atom-driven wrapper around {@link GoToDialog}. Mount it once
+ * in the host alongside the other editor dialogs; the grid opens it on
+ * `Ctrl+G` / `F5` (unless the host handles `onRequestGoTo` itself).
+ */
+export const GoToDialogHost = () => {
+    useRegisterGoToDialogHost();
+    const [request, setRequest] = useGoToDialogState();
+    const close = useCallback(() => setRequest(null), [setRequest]);
+    const resolve = useCallback((reference) => request
+        ? resolveGoToReference(reference, {
+            sheetId: request.sheetId,
+            namedRanges: request.namedRanges,
+            getSheetId: request.getSheetId,
+            rowCount: request.rowCount,
+            columnCount: request.columnCount,
+        })
+        : undefined, [request]);
+    if (!request)
+        return null;
+    return (React.createElement(GoToDialog, { open: true, onOpenChange: (open) => {
+            if (!open)
+                close();
+        }, namedRanges: request.namedRanges, currentAddress: currentAddressOf(request), resolve: resolve, onNavigate: request.onNavigate }));
+};
+GoToDialogHost.displayName = "GoToDialogHost";

package/dist/esm/components/paste-special-dialog/index.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import type { PasteSpecialOptions } from "../../hooks/use-copy-paste-cut";
+export type PasteSpecialDialogProps = {
+    /** Controls visibility. */
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    /**
+     * Emits the assembled request. The host routes it to the grid's
+     * `paste(options)`; the dialog never touches the clipboard itself.
+     */
+    onApply(options: PasteSpecialOptions): void;
+};
+/**
+ * Excel's Paste Special dialog: what to paste (all / formulas / values /
+ * formats), an arithmetic operation against the destination, skip blanks and
+ * transpose. Every choice composes into one `PasteSpecialOptions` request.
+ */
+export declare const PasteSpecialDialog: React.MemoExoticComponent<({ open, onOpenChange, onApply }: PasteSpecialDialogProps) => React.JSX.Element>;
+/**
+ * Host-mounted, atom-driven wrapper around {@link PasteSpecialDialog}. Mount
+ * it once in the host alongside the other editor dialogs; the grid opens it
+ * from the context menu ("Paste special…") and `Ctrl+Alt+V`. Remounted per
+ * request so each opening starts from Excel's defaults.
+ */
+export declare const PasteSpecialDialogHost: {
+    (): React.JSX.Element | null;
+    displayName: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/paste-special-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/paste-special-dialog/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,KAAK,EAEV,mBAAmB,EACpB,MAAM,gCAAgC,CAAC;AAoBxC,MAAM,MAAM,uBAAuB,GAAG;IACpC,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC;;;OAGG;IACH,OAAO,CAAC,OAAO,EAAE,mBAAmB,GAAG,IAAI,CAAC;CAC7C,CAAC;AAyCF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,8DACK,uBAAuB,uBA2F1D,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB;;;CAclC,CAAC"}

package/dist/esm/components/paste-special-dialog/index.js

@@ -0,0 +1,90 @@
+import { Button, Dialog, DialogBody, DialogCloseButton, DialogContent, DialogTitle, Separator, } from "@rowsncolumns/ui";
+import React, { memo, useCallback, useState } from "react";
+import { usePasteSpecialDialogState, useRegisterPasteSpecialDialogHost, } from "../../atoms/paste-special-dialog.atom";
+const PASTE_MODES = [
+    { value: "all", label: "All" },
+    { value: "formulas", label: "Formulas" },
+    { value: "values", label: "Values" },
+    { value: "formats", label: "Formats" },
+];
+const OPERATIONS = [
+    { value: "none", label: "None" },
+    { value: "add", label: "Add" },
+    { value: "subtract", label: "Subtract" },
+    { value: "multiply", label: "Multiply" },
+    { value: "divide", label: "Divide" },
+];
+const RadioGroup = ({ name, legend, value, options, onChange, disabled, }) => (React.createElement("fieldset", { className: "flex flex-col gap-1 min-w-0 disabled:opacity-50", disabled: disabled },
+    React.createElement("legend", { className: "text-xs font-medium mb-1" }, legend),
+    options.map((option) => (React.createElement("label", { key: option.value, className: "flex items-center gap-2 text-xs py-0.5 cursor-pointer" },
+        React.createElement("input", { type: "radio", name: name, value: option.value, checked: value === option.value, disabled: disabled, onChange: () => onChange(option.value) }),
+        option.label)))));
+/**
+ * Excel's Paste Special dialog: what to paste (all / formulas / values /
+ * formats), an arithmetic operation against the destination, skip blanks and
+ * transpose. Every choice composes into one `PasteSpecialOptions` request.
+ */
+export const PasteSpecialDialog = memo(({ open, onOpenChange, onApply }) => {
+    const [paste, setPaste] = useState("all");
+    const [operation, setOperation] = useState("none");
+    const [skipBlanks, setSkipBlanks] = useState(false);
+    const [transpose, setTranspose] = useState(false);
+    // Excel greys Operation out under Paste → Formats (a formats paste never
+    // changes destination values); the choice is kept but not applied.
+    const operationDisabled = paste === "formats";
+    const commit = useCallback(() => {
+        onApply({
+            paste,
+            operation: operation === "none" || operationDisabled ? undefined : operation,
+            skipBlanks,
+            transpose,
+        });
+        onOpenChange(false);
+    }, [
+        onApply,
+        onOpenChange,
+        paste,
+        operation,
+        operationDisabled,
+        skipBlanks,
+        transpose,
+    ]);
+    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, "Paste Special"),
+            React.createElement(DialogCloseButton, null),
+            React.createElement(DialogBody, { className: "flex flex-col gap-4" },
+                React.createElement("div", { className: "grid grid-cols-2 gap-4" },
+                    React.createElement(RadioGroup, { name: "paste-special-paste", legend: "Paste", value: paste, options: PASTE_MODES, onChange: setPaste }),
+                    React.createElement(RadioGroup, { name: "paste-special-operation", legend: "Operation", value: operation, options: OPERATIONS, onChange: setOperation, disabled: operationDisabled })),
+                React.createElement("div", { className: "flex flex-col gap-1" },
+                    React.createElement("label", { className: "flex items-center gap-2 text-xs py-0.5 cursor-pointer" },
+                        React.createElement("input", { type: "checkbox", checked: skipBlanks, onChange: (e) => setSkipBlanks(e.target.checked) }),
+                        "Skip blanks"),
+                    React.createElement("label", { className: "flex items-center gap-2 text-xs py-0.5 cursor-pointer" },
+                        React.createElement("input", { type: "checkbox", checked: transpose, onChange: (e) => setTranspose(e.target.checked) }),
+                        "Transpose")),
+                React.createElement(Separator, null),
+                React.createElement("div", { className: "flex justify-end gap-2" },
+                    React.createElement(Button, { variant: "outline", size: "sm", onClick: () => onOpenChange(false) }, "Cancel"),
+                    React.createElement(Button, { size: "sm", onClick: commit }, "OK"))))));
+});
+PasteSpecialDialog.displayName = "PasteSpecialDialog";
+/**
+ * Host-mounted, atom-driven wrapper around {@link PasteSpecialDialog}. Mount
+ * it once in the host alongside the other editor dialogs; the grid opens it
+ * from the context menu ("Paste special…") and `Ctrl+Alt+V`. Remounted per
+ * request so each opening starts from Excel's defaults.
+ */
+export const PasteSpecialDialogHost = () => {
+    useRegisterPasteSpecialDialogHost();
+    const [request, setRequest] = usePasteSpecialDialogState();
+    const close = useCallback(() => setRequest(null), [setRequest]);
+    if (!request)
+        return null;
+    return (React.createElement(PasteSpecialDialog, { open: true, onOpenChange: (open) => {
+            if (!open)
+                close();
+        }, onApply: request.onApply }));
+};
+PasteSpecialDialogHost.displayName = "PasteSpecialDialogHost";

package/dist/esm/components/remove-duplicates-dialog/index.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+import { type RemoveDuplicatesDialogColumn } from "../../atoms/remove-duplicates-dialog.atom";
+import type { RemoveDuplicatesOptions } from "../../types";
+export type { RemoveDuplicatesDialogColumn };
+export type RemoveDuplicatesDialogProps = {
+    /** Controls visibility. */
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    /** Columns of the range, in sheet order. All start checked. */
+    columns: RemoveDuplicatesDialogColumn[];
+    /** Initial state of "My data has headers". */
+    initialHasHeader?: boolean;
+    /**
+     * Emits the chosen compare columns and header flag. The host routes these
+     * to `onRemoveDuplicates`; the dialog never touches state directly.
+     */
+    onApply(options: RemoveDuplicatesOptions): void;
+};
+/**
+ * Excel's "Remove Duplicates" dialog: a "My data has headers" toggle plus a
+ * checklist of the columns that decide whether two rows are duplicates.
+ * Unchecked columns still travel with their row — only the comparison
+ * narrows.
+ */
+export declare const RemoveDuplicatesDialog: React.MemoExoticComponent<({ open, onOpenChange, columns, initialHasHeader, onApply, }: RemoveDuplicatesDialogProps) => React.JSX.Element>;
+/**
+ * Host-mounted, atom-driven wrapper around {@link RemoveDuplicatesDialog}.
+ * Mount this once in the host (alongside the other editor dialogs); the
+ * context menu opens it via `useOpenRemoveDuplicatesDialog`. While no host is
+ * mounted the context menu keeps its one-click de-dupe, so adopting the
+ * dialog is opt-in per host.
+ */
+export declare const RemoveDuplicatesDialogHost: {
+    (): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/remove-duplicates-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/remove-duplicates-dialog/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAE/E,OAAO,EACL,KAAK,4BAA4B,EAGlC,MAAM,2CAA2C,CAAC;AACnD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,YAAY,EAAE,4BAA4B,EAAE,CAAC;AAE7C,MAAM,MAAM,2BAA2B,GAAG;IACxC,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,+DAA+D;IAC/D,OAAO,EAAE,4BAA4B,EAAE,CAAC;IACxC,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,OAAO,EAAE,uBAAuB,GAAG,IAAI,CAAC;CACjD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,0FAO9B,2BAA2B,uBAqI/B,CAAC;AAIF;;;;;;GAMG;AACH,eAAO,MAAM,0BAA0B;;;CAetC,CAAC"}

package/dist/esm/components/remove-duplicates-dialog/index.js

@@ -0,0 +1,82 @@
+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 { useRegisterRemoveDuplicatesDialogHost, useRemoveDuplicatesDialogState, } from "../../atoms/remove-duplicates-dialog.atom";
+/**
+ * Excel's "Remove Duplicates" dialog: a "My data has headers" toggle plus a
+ * checklist of the columns that decide whether two rows are duplicates.
+ * Unchecked columns still travel with their row — only the comparison
+ * narrows.
+ */
+export const RemoveDuplicatesDialog = memo(({ open, onOpenChange, columns, initialHasHeader = false, onApply, }) => {
+    const allColumnIndexes = useMemo(() => columns.map((column) => column.columnIndex), [columns]);
+    const [hasHeader, setHasHeader] = useState(initialHasHeader);
+    const [checked, setChecked] = useState(() => new Set(allColumnIndexes));
+    // Re-seed when reopened for a different range.
+    useEffect(() => {
+        if (open) {
+            setHasHeader(initialHasHeader);
+            setChecked(new Set(allColumnIndexes));
+        }
+        // Only reset on open transitions.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open]);
+    const toggleColumn = useCallback((columnIndex) => {
+        setChecked((prev) => {
+            const next = new Set(prev);
+            if (next.has(columnIndex)) {
+                next.delete(columnIndex);
+            }
+            else {
+                next.add(columnIndex);
+            }
+            return next;
+        });
+    }, []);
+    const commit = useCallback(() => {
+        const columnIndices = allColumnIndexes.filter((columnIndex) => checked.has(columnIndex));
+        onApply({ columnIndices, hasHeader });
+        onOpenChange(false);
+    }, [allColumnIndexes, checked, hasHeader, onApply, onOpenChange]);
+    return (React.createElement(Dialog, { open: open, onOpenChange: onOpenChange },
+        React.createElement(DialogContent, { className: "w-[420px] max-w-[92vw] pointer-events-auto" },
+            React.createElement(DialogTitle, null, "Remove duplicates"),
+            React.createElement(DialogDescription, null, "Select the columns that contain duplicate values. Rows that match in every selected column are removed, keeping the first one."),
+            React.createElement(DialogCloseButton, { onClick: () => onOpenChange(false) },
+                React.createElement(Cross1Icon, null)),
+            React.createElement(DialogBody, { className: "flex flex-col gap-3" },
+                React.createElement("label", { className: "font-system text-sm flex items-center gap-1" },
+                    React.createElement("input", { type: "checkbox", name: "hasHeader", checked: hasHeader, onChange: (e) => setHasHeader(e.target.checked) }),
+                    "My data has headers"),
+                React.createElement("div", { className: "flex gap-2" },
+                    React.createElement(Button, { variant: "outline", size: "xs", type: "button", onClick: () => setChecked(new Set(allColumnIndexes)) }, "Select all"),
+                    React.createElement(Button, { variant: "outline", size: "xs", type: "button", onClick: () => setChecked(new Set()) }, "Unselect all")),
+                React.createElement("div", { className: "flex flex-col gap-1 max-h-[240px] overflow-y-auto border border-rnc-border rounded p-2", role: "group", "aria-label": "Columns" }, columns.map((column) => {
+                    const text = hasHeader && column.header ? column.header : column.label;
+                    return (React.createElement("label", { key: column.columnIndex, className: "font-system text-sm flex items-center gap-1" },
+                        React.createElement("input", { type: "checkbox", name: `column-${column.columnIndex}`, checked: checked.has(column.columnIndex), onChange: () => toggleColumn(column.columnIndex) }),
+                        React.createElement("span", { className: "truncate", title: text }, text)));
+                })),
+                React.createElement(Separator, null),
+                React.createElement("div", { className: "flex justify-end gap-2" },
+                    React.createElement(Button, { variant: "outline", size: "sm", type: "button", onClick: () => onOpenChange(false) }, "Cancel"),
+                    React.createElement(Button, { size: "sm", type: "button", onClick: commit, disabled: checked.size === 0 }, "OK"))))));
+});
+RemoveDuplicatesDialog.displayName = "RemoveDuplicatesDialog";
+/**
+ * Host-mounted, atom-driven wrapper around {@link RemoveDuplicatesDialog}.
+ * Mount this once in the host (alongside the other editor dialogs); the
+ * context menu opens it via `useOpenRemoveDuplicatesDialog`. While no host is
+ * mounted the context menu keeps its one-click de-dupe, so adopting the
+ * dialog is opt-in per host.
+ */
+export const RemoveDuplicatesDialogHost = () => {
+    useRegisterRemoveDuplicatesDialogHost();
+    const [request, setRequest] = useRemoveDuplicatesDialogState();
+    const close = useCallback(() => setRequest(null), [setRequest]);
+    return (React.createElement(RemoveDuplicatesDialog, { open: request != null, onOpenChange: (open) => {
+            if (!open)
+                close();
+        }, columns: request?.columns ?? [], initialHasHeader: request?.hasHeader, onApply: (options) => request?.onApply(options) }));
+};
+RemoveDuplicatesDialogHost.displayName = "RemoveDuplicatesDialogHost";

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

@@ -10,6 +10,7 @@ export * from "./font-family-selector";
 export * from "./text-horizontal-align-selector";
 export * from "./text-vertical-align-selector";
 export * from "./text-wrap-selector";
+export * from "./text-rotation-selector";
 export * from "./text-format-selector";
 export * from "./theme-selector";
 export * from "./table-actions";

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,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,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,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"}

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

@@ -10,6 +10,7 @@ export * from "./font-family-selector";
 export * from "./text-horizontal-align-selector";
 export * from "./text-vertical-align-selector";
 export * from "./text-wrap-selector";
+export * from "./text-rotation-selector";
 export * from "./text-format-selector";
 export * from "./theme-selector";
 export * from "./table-actions";

package/dist/esm/components/toolbar/text-rotation-selector.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import type { CellFormat } from "../../types";
+export type TextRotationValue = NonNullable<CellFormat["textRotation"]>;
+type TextRotationPreset = {
+    label: string;
+    value: TextRotationValue;
+};
+/**
+ * Excel's Orientation menu. Degrees are counter-clockwise positive (Excel's
+ * convention, what the renderer and the xlsx round-trip use), so "clockwise"
+ * presets are negative. `0` is horizontal — used instead of clearing the
+ * property so both engines apply it as a plain format write.
+ */
+export declare const TEXT_ROTATION_PRESETS: TextRotationPreset[];
+export declare const MIN_TEXT_ROTATION = -90;
+export declare const MAX_TEXT_ROTATION = 90;
+/**
+ * Coerce free-form degree input into the supported -90…90 range. Returns
+ * `undefined` for input that is not a finite number.
+ */
+export declare const clampTextRotation: (input: string | number) => number | undefined;
+type TextRotationSelectorProps = {
+    disabled?: boolean;
+    value?: CellFormat["textRotation"];
+    onChange(value: TextRotationValue): void;
+};
+export declare const TextRotationSelector: ({ value, onChange, disabled, }: TextRotationSelectorProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=text-rotation-selector.d.ts.map

package/dist/esm/components/toolbar/text-rotation-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-rotation-selector.d.ts","sourceRoot":"","sources":["../../../../components/toolbar/text-rotation-selector.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC;AAExE,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,iBAAiB,CAAC;CAC1B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,kBAAkB,EAOrD,CAAC;AAEF,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,GAAG,MAAM,uBAMvD,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IACnC,QAAQ,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,gCAIlC,yBAAyB,sBAoF3B,CAAC"}

package/dist/esm/components/toolbar/text-rotation-selector.js

@@ -0,0 +1,71 @@
+import { MdOutlineArrowDropDown, RotateCounterClockwiseIcon, } from "@rowsncolumns/icons";
+import { Button, IconButton, Input, Popover, PopoverContent, PopoverTrigger, Stack, } from "@rowsncolumns/ui";
+import React, { useEffect, useState } from "react";
+import { useFocusSheet } from "../../atoms";
+/**
+ * Excel's Orientation menu. Degrees are counter-clockwise positive (Excel's
+ * convention, what the renderer and the xlsx round-trip use), so "clockwise"
+ * presets are negative. `0` is horizontal — used instead of clearing the
+ * property so both engines apply it as a plain format write.
+ */
+export const TEXT_ROTATION_PRESETS = [
+    { label: "Horizontal", value: 0 },
+    { label: "Angle counterclockwise", value: 45 },
+    { label: "Angle clockwise", value: -45 },
+    { label: "Vertical text", value: "vertical" },
+    { label: "Rotate text up", value: 90 },
+    { label: "Rotate text down", value: -90 },
+];
+export const MIN_TEXT_ROTATION = -90;
+export const MAX_TEXT_ROTATION = 90;
+/**
+ * Coerce free-form degree input into the supported -90…90 range. Returns
+ * `undefined` for input that is not a finite number.
+ */
+export const clampTextRotation = (input) => {
+    const value = typeof input === "number" ? input : Number(input);
+    if (!Number.isFinite(value)) {
+        return undefined;
+    }
+    return Math.max(MIN_TEXT_ROTATION, Math.min(MAX_TEXT_ROTATION, value));
+};
+export const TextRotationSelector = ({ value, onChange, disabled, }) => {
+    const focusSheet = useFocusSheet();
+    const [isOpen, onOpenChange] = useState(false);
+    const current = value ?? 0;
+    const [degrees, setDegrees] = useState(typeof current === "number" ? String(current) : "");
+    // Reflect the active cell's rotation in the custom-degrees field whenever
+    // the popover opens on a different value.
+    useEffect(() => {
+        if (isOpen) {
+            setDegrees(typeof current === "number" ? String(current) : "");
+        }
+    }, [isOpen, current]);
+    const close = () => onOpenChange(false);
+    const apply = (next) => {
+        onChange(next);
+        focusSheet?.();
+        close();
+    };
+    const applyDegrees = () => {
+        const next = clampTextRotation(degrees);
+        if (next !== undefined) {
+            apply(next);
+        }
+    };
+    return (React.createElement(Popover, { open: isOpen, onOpenChange: onOpenChange },
+        React.createElement(PopoverTrigger, { asChild: true },
+            React.createElement(IconButton, { size: "lg", tooltip: "Text orientation", "aria-label": "Text orientation", disabled: disabled },
+                React.createElement(RotateCounterClockwiseIcon, null),
+                React.createElement(MdOutlineArrowDropDown, null))),
+        React.createElement(PopoverContent, { align: "start" },
+            React.createElement(Stack, { direction: "vertical", className: "gap-1 min-w-[200px]" },
+                TEXT_ROTATION_PRESETS.map((preset) => (React.createElement(Button, { key: preset.label, size: "xs", variant: current === preset.value ? "primary" : "ghost", className: "justify-start", "aria-pressed": current === preset.value, onClick: () => apply(preset.value) }, preset.label))),
+                React.createElement("form", { className: "flex items-center gap-1 pt-1 m-0", onSubmit: (e) => {
+                        e.preventDefault();
+                        applyDegrees();
+                    } },
+                    React.createElement("label", { className: "font-system text-xs shrink-0", htmlFor: "rnc-text-rotation-degrees" }, "Degrees"),
+                    React.createElement(Input, { id: "rnc-text-rotation-degrees", type: "number", min: MIN_TEXT_ROTATION, max: MAX_TEXT_ROTATION, step: 1, value: degrees, onChange: (e) => setDegrees(e.target.value), className: "w-[72px]" }),
+                    React.createElement(Button, { size: "xs", type: "submit" }, "Apply"))))));
+};

package/dist/esm/components/toolbar/text-wrap-selector.d.ts

@@ -3,7 +3,13 @@ import type { WrapStrategy } from "../../types";
 type TextWrapSelectorProps = {
     value?: WrapStrategy | null;
     onChange(value: WrapStrategy): void;
+    /**
+     * Excel's "Shrink to fit": scale the font down so the text fits the cell.
+     * The toggle only renders when `onChangeShrinkToFit` is provided.
+     */
+    shrinkToFit?: boolean | null;
+    onChangeShrinkToFit?(value: boolean): void;
 };
-export declare const TextWrapSelector: ({ value, onChange, }: TextWrapSelectorProps) => React.JSX.Element;
+export declare const TextWrapSelector: ({ value, onChange, shrinkToFit, onChangeShrinkToFit, }: TextWrapSelectorProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=text-wrap-selector.d.ts.map

package/dist/esm/components/toolbar/text-wrap-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-wrap-selector.d.ts","sourceRoot":"","sources":["../../../../components/toolbar/text-wrap-selector.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,KAAK,qBAAqB,GAAG;IAC3B,KAAK,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,sBAG9B,qBAAqB,sBA8DvB,CAAC"}
+{"version":3,"file":"text-wrap-selector.d.ts","sourceRoot":"","sources":["../../../../components/toolbar/text-wrap-selector.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,KAAK,qBAAqB,GAAG;IAC3B,KAAK,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7B,mBAAmB,CAAC,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,wDAK9B,qBAAqB,sBAoFvB,CAAC"}

package/dist/esm/components/toolbar/text-wrap-selector.js

@@ -3,13 +3,13 @@ import { MdOutlineArrowDropDown } from "@rowsncolumns/icons";
 import { IconButton, Popover, PopoverContent, PopoverTrigger, Stack, } from "@rowsncolumns/ui";
 import React, { useState } from "react";
 import { useFocusSheet } from "../../atoms";
-export const TextWrapSelector = ({ value = "overflow", onChange, }) => {
+export const TextWrapSelector = ({ value = "overflow", onChange, shrinkToFit, onChangeShrinkToFit, }) => {
     const focusSheet = useFocusSheet();
     const [isOpen, onOpenChange] = useState(false);
     const close = () => onOpenChange(false);
     return (React.createElement(Popover, { open: isOpen, onOpenChange: onOpenChange },
         React.createElement(PopoverTrigger, { asChild: true },
-            React.createElement(IconButton, { size: "lg", tooltip: "Text wrapping" },
+            React.createElement(IconButton, { size: "lg", tooltip: "Text wrapping", "aria-label": "Text wrapping" },
                 value === "overflow" ? (React.createElement(TextOverflowIcon, null)) : value === "wrap" ? (React.createElement(TextOverflowWrapIcon, null)) : (React.createElement(TextoverflowClipIcon, null)),
                 React.createElement(MdOutlineArrowDropDown, null))),
         React.createElement(PopoverContent, { align: "start" },
@@ -31,5 +31,12 @@ export const TextWrapSelector = ({ value = "overflow", onChange, }) => {
                         focusSheet?.();
                         close();
                     } },
-                    React.createElement(TextoverflowClipIcon, null))))));
+                    React.createElement(TextoverflowClipIcon, null)),
+                onChangeShrinkToFit ? (React.createElement(IconButton, { size: "lg", isActive: !!shrinkToFit, "aria-pressed": !!shrinkToFit, tooltip: "Shrink text to fit the cell", "aria-label": "Shrink text to fit the cell", className: "w-full justify-start gap-1", onClick: () => {
+                        onChangeShrinkToFit(!shrinkToFit);
+                        focusSheet?.();
+                        close();
+                    } },
+                    React.createElement(TextoverflowClipIcon, null),
+                    React.createElement("span", { className: "text-xs" }, "Shrink to fit"))) : null))));
 };

package/dist/esm/hooks/use-copy-paste-cut.d.ts

@@ -31,11 +31,30 @@ export type UseCopyPasteCutProps = {
     onCut: CanvasGridProps["onCut"];
 };
 export type PasteSpecialType = "Transposed" | "Formatting" | "Value" | "Formula" | "Link";
+/** Excel Paste Special → Operation: combine each pasted cell with the cell it lands on. */
+export type PasteSpecialOperation = "add" | "subtract" | "multiply" | "divide";
+/**
+ * Excel's Paste Special dialog as one request. `paste` picks what is
+ * pasted (all / values / formulas / formats), `operation` combines the pasted
+ * value with the destination (`=dest+source`, formulas stay formulas),
+ * `skipBlanks` leaves the destination untouched where the clipboard cell is
+ * empty and `transpose` swaps rows and columns. Every flag composes with the
+ * others; the legacy single-mode {@link PasteSpecialType} strings map onto
+ * the same fields.
+ */
+export type PasteSpecialOptions = {
+    paste?: "all" | "values" | "formulas" | "formats";
+    operation?: PasteSpecialOperation;
+    skipBlanks?: boolean;
+    transpose?: boolean;
+};
+/** Argument accepted by `paste()` — a legacy single mode or the full dialog request. */
+export type PasteSpecialRequest = PasteSpecialType | PasteSpecialOptions;
 export declare const useCopyPasteCut: ({ selections, activeCell, sheetId, onPaste, onCopy, onCut, focusSheet, }: UseCopyPasteCutProps) => {
     selections: SelectionArea[];
     copy: () => void;
     cut: () => void;
-    paste: (pasteSpecialType?: PasteSpecialType) => Promise<void>;
+    paste: (pasteSpecial?: PasteSpecialRequest) => Promise<void>;
     copiedSelections: any[];
     clearCopiedSelections: () => void;
     onInternalCopy: (e: ClipboardEvent, isCutOperation?: boolean) => boolean;

package/dist/esm/hooks/use-copy-paste-cut.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-copy-paste-cut.d.ts","sourceRoot":"","sources":["../../../hooks/use-copy-paste-cut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAWvE,OAAO,KAAK,EACV,eAAe,EAEhB,MAAM,mCAAmC,CAAC;AAK3C,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,UAAU,EAAE,aAAa,CAAC;IAC1B;;OAEG;IACH,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B;;OAEG;IACH,UAAU,IAAI,IAAI,CAAC;IACnB;;OAEG;IACH,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACpC;;OAEG;IACH,MAAM,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GACxB,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,SAAS,GACT,MAAM,CAAC;AAEX,eAAO,MAAM,eAAe,GAAI,0EAQ7B,oBAAoB;;;;+BAoRO,gBAAgB;;;wBA1KtC,cAAc;yBAuDd,cAAc;uBAtBd,cAAc;CAmMrB,CAAC"}
+{"version":3,"file":"use-copy-paste-cut.d.ts","sourceRoot":"","sources":["../../../hooks/use-copy-paste-cut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAYvE,OAAO,KAAK,EACV,eAAe,EAEhB,MAAM,mCAAmC,CAAC;AAK3C,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,UAAU,EAAE,aAAa,CAAC;IAC1B;;OAEG;IACH,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B;;OAEG;IACH,UAAU,IAAI,IAAI,CAAC;IACnB;;OAEG;IACH,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACpC;;OAEG;IACH,MAAM,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GACxB,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,SAAS,GACT,MAAM,CAAC;AAEX,2FAA2F;AAC3F,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE/E;;;;;;;;GAQG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IAClD,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wFAAwF;AACxF,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AAEzE,eAAO,MAAM,eAAe,GAAI,0EAQ7B,oBAAoB;;;;2BAoRG,mBAAmB;;;wBA1KrC,cAAc;yBAuDd,cAAc;uBAtBd,cAAc;CA0MrB,CAAC"}