@rowsncolumns/spreadsheet 10.2.74 → 10.2.76

package/dist/esm/components/goal-seek-dialog/index.js

@@ -0,0 +1,125 @@
+import { Cross1Icon } from "@rowsncolumns/icons";
+import { Button, Dialog, DialogBody, DialogCloseButton, DialogContent, DialogDescription, DialogTitle, Input, Separator, } from "@rowsncolumns/ui";
+import { addressToCell } from "@rowsncolumns/utils";
+import React, { memo, useCallback, useEffect, useState } from "react";
+import { useGoalSeekDialogState, useRegisterGoalSeekDialogHost, } from "../../atoms/goal-seek-dialog.atom";
+const isCellReference = (text) => /^\$?[A-Za-z]{1,3}\$?\d+$/.test(text.trim()) && addressToCell(text.trim()) != null;
+/** Excel's status sentence for a finished search. */
+export const goalSeekStatusText = (setCell, result) => {
+    if (!result)
+        return `Goal Seeking with Cell ${setCell} finished.`;
+    return result.status === "found"
+        ? `Goal Seeking with Cell ${setCell} found a solution.`
+        : `Goal Seeking with Cell ${setCell} may not have found a solution.`;
+};
+/**
+ * Excel's Goal Seek dialog: Set cell / To value / By changing cell, then the
+ * Goal Seek Status sentence with target and current value.
+ */
+export const GoalSeekDialog = memo(({ open, onOpenChange, initialSetCell, onApply }) => {
+    const [setCell, setSetCell] = useState(initialSetCell);
+    const [target, setTarget] = useState("");
+    const [changingCell, setChangingCell] = useState("");
+    const [error, setError] = useState(undefined);
+    const [busy, setBusy] = useState(false);
+    const [result, setResult] = useState(undefined);
+    useEffect(() => {
+        if (open) {
+            setSetCell(initialSetCell);
+            setTarget("");
+            setChangingCell("");
+            setError(undefined);
+            setBusy(false);
+            setResult(undefined);
+        }
+        // Only reset on open transitions.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open]);
+    const submit = useCallback(async (event) => {
+        event.preventDefault();
+        const targetValue = Number(target.trim());
+        if (!isCellReference(setCell)) {
+            setError("Set cell must be a single cell reference, e.g. B4.");
+            return;
+        }
+        if (target.trim() === "" || !Number.isFinite(targetValue)) {
+            setError("To value must be a number.");
+            return;
+        }
+        if (!isCellReference(changingCell)) {
+            setError("By changing cell must be a single cell reference, e.g. A1.");
+            return;
+        }
+        setError(undefined);
+        setBusy(true);
+        try {
+            const outcome = await onApply(setCell.trim().toUpperCase(), targetValue, changingCell.trim().toUpperCase());
+            setResult({ setCell: setCell.trim().toUpperCase(), result: outcome });
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : "Goal Seek failed.");
+        }
+        finally {
+            setBusy(false);
+        }
+    }, [setCell, target, changingCell, onApply]);
+    return (React.createElement(Dialog, { open: open, onOpenChange: onOpenChange },
+        React.createElement(DialogContent, { className: "w-[360px] max-w-[92vw] pointer-events-auto" },
+            React.createElement(DialogTitle, null, result ? "Goal Seek Status" : "Goal Seek"),
+            React.createElement(DialogDescription, null, "Find the input value that makes a formula reach a target."),
+            React.createElement(DialogCloseButton, { onClick: () => onOpenChange(false) },
+                React.createElement(Cross1Icon, null)),
+            React.createElement(DialogBody, { className: "flex flex-col gap-3 font-system text-sm" }, result ? (React.createElement("div", { className: "flex flex-col gap-2", role: "status" },
+                React.createElement("div", null, goalSeekStatusText(result.setCell, result.result)),
+                result.result ? (React.createElement("dl", { className: "grid grid-cols-2 gap-1 text-xs" },
+                    React.createElement("dt", { className: "text-rnc-foreground/70" }, "Target value:"),
+                    React.createElement("dd", null, result.result.targetValue),
+                    React.createElement("dt", { className: "text-rnc-foreground/70" }, "Current value:"),
+                    React.createElement("dd", null, result.result.currentValue === undefined
+                        ? "—"
+                        : String(result.result.currentValue)))) : null,
+                React.createElement(Separator, null),
+                React.createElement("div", { className: "flex justify-end gap-2" },
+                    React.createElement(Button, { size: "sm", type: "button", onClick: () => onOpenChange(false) }, "OK")))) : (React.createElement("form", { className: "flex flex-col gap-3", onSubmit: submit },
+                React.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                    "Set cell:",
+                    React.createElement(Input, { autoFocus: true, value: setCell, "aria-label": "Set cell", onChange: (e) => {
+                            setSetCell(e.target.value);
+                            setError(undefined);
+                        } })),
+                React.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                    "To value:",
+                    React.createElement(Input, { value: target, "aria-label": "To value", inputMode: "decimal", onChange: (e) => {
+                            setTarget(e.target.value);
+                            setError(undefined);
+                        } })),
+                React.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                    "By changing cell:",
+                    React.createElement(Input, { value: changingCell, "aria-label": "By changing cell", onChange: (e) => {
+                            setChangingCell(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: busy }, busy ? "Seeking…" : "OK"))))))));
+});
+GoalSeekDialog.displayName = "GoalSeekDialog";
+/**
+ * Host-mounted, atom-driven wrapper around {@link GoalSeekDialog}. Mount
+ * once in the host; the context menu opens it via `useOpenGoalSeekDialog`
+ * and only offers the item while a host is mounted.
+ */
+export const GoalSeekDialogHost = () => {
+    useRegisterGoalSeekDialogHost();
+    const [request, setRequest] = useGoalSeekDialogState();
+    const close = useCallback(() => setRequest(null), [setRequest]);
+    return (React.createElement(GoalSeekDialog, { open: request != null, onOpenChange: (open) => {
+            if (!open)
+                close();
+        }, initialSetCell: request?.setCell ?? "", onApply: (setCell, targetValue, changingCell) => request
+            ? request.onApply(setCell, targetValue, changingCell)
+            : Promise.resolve(undefined) }));
+};
+GoalSeekDialogHost.displayName = "GoalSeekDialogHost";

package/dist/esm/components/selection/fill-options-menu.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import type { AutoFillType } from "../../types";
+export type FillOptionsMenuProps = {
+    /** Position/size of the selection the menu is anchored to (bottom-right). */
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    /**
+     * `"smart-tag"` — Excel's Auto Fill Options button after a left drag (the
+     * fill already ran). `"menu"` — the menu a right-button drag opens on
+     * release (nothing filled yet).
+     */
+    mode: "smart-tag" | "menu";
+    /** The fill type currently applied (`undefined` = auto-detected). */
+    fillType?: AutoFillType;
+    /** Source has date-formatted cells → Fill Days / Weekdays / Months / Years. */
+    hasDates: boolean;
+    onChooseFillType(fillType: AutoFillType): void;
+    /** "Series…" (right-drag menu only). Hidden when omitted. */
+    onOpenSeriesDialog?(): void;
+    /** Menu dismissed without a choice. */
+    onClose?(): void;
+};
+/**
+ * Excel's fill-type chooser. Two skins over one list: the Auto Fill Options
+ * smart tag (a small button at the bottom-right of the filled range that
+ * opens the list on click) and the right-drag menu (opens immediately on
+ * release, adds Linear/Growth Trend and Series…). Flash Fill is out of scope.
+ */
+export declare const FillOptionsMenu: ({ x, y, width, height, mode, fillType, hasDates, onChooseFillType, onOpenSeriesDialog, onClose, }: FillOptionsMenuProps) => React.JSX.Element;
+//# sourceMappingURL=fill-options-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fill-options-menu.d.ts","sourceRoot":"","sources":["../../../../components/selection/fill-options-menu.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,MAAM,oBAAoB,GAAG;IACjC,6EAA6E;IAC7E,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,IAAI,EAAE,WAAW,GAAG,MAAM,CAAC;IAC3B,qEAAqE;IACrE,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,+EAA+E;IAC/E,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAC;IAC/C,6DAA6D;IAC7D,kBAAkB,CAAC,IAAI,IAAI,CAAC;IAC5B,uCAAuC;IACvC,OAAO,CAAC,IAAI,IAAI,CAAC;CAClB,CAAC;AAuBF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,mGAW7B,oBAAoB,sBA+EtB,CAAC"}

package/dist/esm/components/selection/fill-options-menu.js

@@ -0,0 +1,63 @@
+import { CheckIcon, MdOutlineArrowDropDown } from "@rowsncolumns/icons";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuTrigger, IconButton, } from "@rowsncolumns/ui";
+import React, { useRef, useState } from "react";
+import { StyledFakeTriggerButton } from "../context-menu/style";
+const BASE_ENTRIES = [
+    { fillType: "FillCopy", label: "Copy Cells" },
+    { fillType: "FillSeries", label: "Fill Series" },
+    { fillType: "FillFormats", label: "Fill Formatting Only" },
+    { fillType: "FillWithoutFormatting", label: "Fill Without Formatting" },
+];
+const DATE_ENTRIES = [
+    { fillType: "FillDays", label: "Fill Days" },
+    { fillType: "FillWeekdays", label: "Fill Weekdays" },
+    { fillType: "FillMonths", label: "Fill Months" },
+    { fillType: "FillYears", label: "Fill Years" },
+];
+const TREND_ENTRIES = [
+    { fillType: "LinearTrend", label: "Linear Trend" },
+    { fillType: "GrowthTrend", label: "Growth Trend" },
+];
+/**
+ * Excel's fill-type chooser. Two skins over one list: the Auto Fill Options
+ * smart tag (a small button at the bottom-right of the filled range that
+ * opens the list on click) and the right-drag menu (opens immediately on
+ * release, adds Linear/Growth Trend and Series…). Flash Fill is out of scope.
+ */
+export const FillOptionsMenu = ({ x, y, width, height, mode, fillType, hasDates, onChooseFillType, onOpenSeriesDialog, onClose, }) => {
+    const [open, setOpen] = useState(mode === "menu");
+    const isMenu = mode === "menu";
+    // Radix fires `onSelect` and then closes; a close that follows a choice is
+    // not a cancel.
+    const choseRef = useRef(false);
+    const entries = [
+        ...BASE_ENTRIES,
+        ...(hasDates ? DATE_ENTRIES : []),
+        ...(isMenu ? TREND_ENTRIES : []),
+    ];
+    return (React.createElement("div", { className: "absolute pointer-events-auto flex items-start justify-start", style: { left: x + width, top: y + height }, onMouseDown: (e) => e.stopPropagation(), "data-testid": "fill-options" },
+        React.createElement(DropdownMenu, { modal: false, open: open, onOpenChange: (next) => {
+                setOpen(next);
+                if (!next && isMenu && !choseRef.current)
+                    onClose?.();
+                if (!next)
+                    choseRef.current = false;
+            } },
+            React.createElement(DropdownMenuTrigger, { asChild: true }, isMenu ? (React.createElement(StyledFakeTriggerButton, { "aria-label": "Fill options" })) : (React.createElement(IconButton, { tooltip: "Auto Fill Options", "aria-label": "Auto Fill Options", className: "shadow-sm bg-rnc-background border-rnc-border border border-solid rounded-md" },
+                React.createElement(MdOutlineArrowDropDown, null)))),
+            React.createElement(DropdownMenuPortal, null,
+                React.createElement(DropdownMenuContent, { align: "start", onCloseAutoFocus: (event) => event.preventDefault() },
+                    entries.map((entry) => (React.createElement(DropdownMenuCheckboxItem, { key: entry.fillType, checked: fillType === entry.fillType, onSelect: () => {
+                            choseRef.current = true;
+                            onChooseFillType(entry.fillType);
+                        } },
+                        React.createElement(DropdownMenuItemIndicator, null,
+                            React.createElement(CheckIcon, null)),
+                        entry.label))),
+                    isMenu && onOpenSeriesDialog ? (React.createElement(React.Fragment, null,
+                        React.createElement(DropdownMenuSeparator, null),
+                        React.createElement(DropdownMenuItem, { onSelect: () => {
+                                choseRef.current = true;
+                                onOpenSeriesDialog();
+                            } }, "Series\u2026"))) : null)))));
+};

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, SuggestionAction, onRemoveQuickEdit, onAddQuickEdit, }: SelectionNewProps) => React.JSX.Element>;
+export declare const Selection: React.MemoExoticComponent<({ x, y, width, height, fillHandleSize, showFillHandle, offset, stroke, strokeLeftColor, strokeTopColor, strokeRightColor, strokeBottomColor, strokeWidth, strokeTopWidth, strokeRightWidth, strokeBottomWidth, strokeLeftWidth, strokeStyle, fillOpacity, draggable, isDragging, borderCoverWidth, type, range, title, keepTitleWithinBounds, keepTitleWithinVerticalBounds, flipTitleToBottom, table, pivotTable, onMouseDownTitle, onMouseDownResizeHandle, onMouseDownMoveHandle, TitleComponent, onMouseDown, onRequestEditTable, onRequestEditPivotTable, onFlashEnd, zIndex, index, id, showResizeHandles, resizeHandleBorderColor, resizeHandleSize, fill, duration, selectionCount, enableMagicFill, sheetId, activeCell, selection, MagicFillComponent, metadata, readonly, showPasteMenu, onSplitTextToColumns, agentSuggestion, isHovered, MagicFillContent, QuickEdit, PasteMenu, FillOptionsMenu, fillOptions, onChooseFillType, onOpenFillSeriesDialog, onCloseFillOptions, 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;AAapC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD;;;;GAIG;AACH,eAAO,MAAM,SAAS,m7BAkEjB,iBAAiB,uBA4SrB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/selection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAcpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD;;;;GAIG;AACH,eAAO,MAAM,SAAS,+gCAuEjB,iBAAiB,uBA0TrB,CAAC"}

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

@@ -1,4 +1,5 @@
 import React, { memo } from "react";
+import { FillOptionsMenu as DefaultFillOptionsMenu } from "./fill-options-menu";
 import { MagicFill } from "./magic-fill";
 import { PasteMenu as DefaultPasteMenu } from "./paste-menu";
 import { QuickEdit as DefaultQuickEdit } from "./quick-edit";
@@ -10,7 +11,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, SuggestionAction = DefaultSuggestionAction, onRemoveQuickEdit, onAddQuickEdit, }) => {
+export const Selection = memo(({ x = 0, y = 0, width = 0, height = 0, fillHandleSize = 8, showFillHandle, offset = 0, stroke, strokeLeftColor = stroke, strokeTopColor = stroke, strokeRightColor = stroke, strokeBottomColor = stroke, strokeWidth = 0, strokeTopWidth = strokeWidth, strokeRightWidth = strokeWidth, strokeBottomWidth = strokeWidth, strokeLeftWidth = strokeWidth, strokeStyle = "solid", fillOpacity = 1, draggable, isDragging, borderCoverWidth = 5, type, range, title, keepTitleWithinBounds, keepTitleWithinVerticalBounds, flipTitleToBottom, table, pivotTable, onMouseDownTitle, onMouseDownResizeHandle, onMouseDownMoveHandle, TitleComponent = SelectionTitle, onMouseDown, onRequestEditTable, onRequestEditPivotTable, onFlashEnd, zIndex, index, id, showResizeHandles, resizeHandleBorderColor, resizeHandleSize = 6, fill, duration, selectionCount, enableMagicFill, sheetId, activeCell, selection, MagicFillComponent = MagicFill, metadata, readonly, showPasteMenu, onSplitTextToColumns, agentSuggestion, isHovered, MagicFillContent, QuickEdit = DefaultQuickEdit, PasteMenu = DefaultPasteMenu, FillOptionsMenu = DefaultFillOptionsMenu, fillOptions, onChooseFillType, onOpenFillSeriesDialog, onCloseFillOptions, SuggestionAction = DefaultSuggestionAction, onRemoveQuickEdit, onAddQuickEdit, }) => {
     // Show paste menu
     const finalShowPasteMenu = !showPasteMenu
         ? false
@@ -187,6 +188,7 @@ 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 })),
+        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));
 });
 Selection.displayName = "Selection";

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

@@ -2,8 +2,9 @@ import type { CellInterface } from "@rowsncolumns/common-types";
 import type { SelectionProps } from "@rowsncolumns/grid";
 import type { ElementType } from "react";
 import type { Maybe, PivotTable, SheetRange } from "../../types";
-import type { TableView } from "../../types";
+import type { AutoFillType, TableView } from "../../types";
 import type { SelectionAttributes } from "../canvas-grid/typings";
+import type { FillOptionsMenuProps } from "./fill-options-menu";
 import type { MagicFillContentProps, MagicFillProps } from "./magic-fill";
 import type { PasteMenuProps } from "./paste-menu";
 import type { QuickEditProps } from "./quick-edit";
@@ -31,6 +32,15 @@ export type SelectionNewProps = SelectionProps<SelectionAttributes> & {
     MagicFillContent?: React.ComponentType<MagicFillContentProps>;
     QuickEdit?: React.ComponentType<QuickEditProps>;
     PasteMenu?: React.ComponentType<PasteMenuProps>;
+    FillOptionsMenu?: React.ComponentType<FillOptionsMenuProps>;
+    /**
+     * Pending Auto Fill Options / right-drag fill menu for THIS selection
+     * (present only on the selection whose range is the fill target).
+     */
+    fillOptions?: Pick<FillOptionsMenuProps, "mode" | "fillType" | "hasDates">;
+    onChooseFillType?(fillType: AutoFillType): void;
+    onOpenFillSeriesDialog?(): void;
+    onCloseFillOptions?(): void;
     SuggestionAction?: React.ComponentType<SuggestionActionProps>;
     readonly?: boolean;
     showPasteMenu?: boolean;

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

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

package/dist/esm/components/subtotal-dialog/index.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import { type SubtotalDialogChoices, type SubtotalDialogColumn } from "../../atoms/subtotal-dialog.atom";
+export type { SubtotalDialogChoices, SubtotalDialogColumn };
+export type SubtotalDialogProps = {
+    /** Controls visibility. */
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    /** Columns of the range, in sheet order. */
+    columns: SubtotalDialogColumn[];
+    /** Initial state of "My data has headers". */
+    initialHasHeader?: boolean;
+    /** Emits the choices; the host adds the range and routes to `onSubtotal`. */
+    onApply(choices: SubtotalDialogChoices): void;
+};
+/**
+ * Excel's Subtotal dialog: "At each change in" (group column), "Use
+ * function", "Add subtotal to" (aggregate columns), "Replace current
+ * subtotals". Summary rows are always placed below the data.
+ */
+export declare const SubtotalDialog: React.MemoExoticComponent<({ open, onOpenChange, columns, initialHasHeader, onApply, }: SubtotalDialogProps) => React.JSX.Element>;
+/**
+ * Host-mounted, atom-driven wrapper around {@link SubtotalDialog}. Mount
+ * once in the host; the context menu opens it via `useOpenSubtotalDialog`
+ * and only offers the item while a host is mounted.
+ */
+export declare const SubtotalDialogHost: {
+    (): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,115 @@
+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 { useRegisterSubtotalDialogHost, useSubtotalDialogState, } from "../../atoms/subtotal-dialog.atom";
+import { SUBTOTAL_FUNCTIONS } from "../../types";
+/**
+ * Excel's "Use function" labels. Excel's "Count" is COUNTA (non-empty cells,
+ * `SUBTOTAL(3,…)`) and "Count Numbers" is COUNT (`SUBTOTAL(2,…)`).
+ */
+const FUNCTION_LABELS = {
+    SUM: "Sum",
+    COUNTA: "Count",
+    AVERAGE: "Average",
+    MAX: "Max",
+    MIN: "Min",
+    PRODUCT: "Product",
+    COUNT: "Count Numbers",
+    STDEV: "StdDev",
+    STDEVP: "StdDevp",
+    VAR: "Var",
+    VARP: "Varp",
+};
+/**
+ * Excel's Subtotal dialog: "At each change in" (group column), "Use
+ * function", "Add subtotal to" (aggregate columns), "Replace current
+ * subtotals". Summary rows are always placed below the data.
+ */
+export const SubtotalDialog = memo(({ open, onOpenChange, columns, initialHasHeader = true, onApply, }) => {
+    const [hasHeader, setHasHeader] = useState(initialHasHeader);
+    const [groupBy, setGroupBy] = useState(columns[0]?.columnIndex);
+    const [fn, setFn] = useState("SUM");
+    const [aggregates, setAggregates] = useState(() => new Set(columns.length ? [columns[columns.length - 1].columnIndex] : []));
+    const [replaceCurrent, setReplaceCurrent] = useState(true);
+    // Re-seed when reopened for a different range.
+    useEffect(() => {
+        if (open) {
+            setHasHeader(initialHasHeader);
+            setGroupBy(columns[0]?.columnIndex);
+            setFn("SUM");
+            setAggregates(new Set(columns.length ? [columns[columns.length - 1].columnIndex] : []));
+            setReplaceCurrent(true);
+        }
+        // Only reset on open transitions.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open]);
+    const labelOf = useCallback((column) => hasHeader && column.header ? column.header : column.label, [hasHeader]);
+    const toggleAggregate = useCallback((columnIndex) => {
+        setAggregates((prev) => {
+            const next = new Set(prev);
+            if (next.has(columnIndex))
+                next.delete(columnIndex);
+            else
+                next.add(columnIndex);
+            return next;
+        });
+    }, []);
+    const canApply = groupBy !== undefined && aggregates.size > 0;
+    const orderedAggregates = useMemo(() => columns.map((c) => c.columnIndex).filter((c) => aggregates.has(c)), [columns, aggregates]);
+    const commit = useCallback(() => {
+        if (groupBy === undefined)
+            return;
+        onApply({
+            groupByColumnIndex: groupBy,
+            aggregateColumnIndices: orderedAggregates,
+            fn,
+            hasHeader,
+            replaceCurrent,
+        });
+        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(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) },
+                React.createElement(Cross1Icon, null)),
+            React.createElement(DialogBody, { className: "flex flex-col gap-3 font-system text-sm" },
+                React.createElement("label", { className: "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("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                    "At each change in:",
+                    React.createElement("select", { className: "h-8 rounded border border-rnc-border bg-transparent px-2 text-sm", "aria-label": "At each change in", value: groupBy ?? "", onChange: (e) => setGroupBy(Number(e.target.value)) }, columns.map((column) => (React.createElement("option", { key: column.columnIndex, value: column.columnIndex }, labelOf(column)))))),
+                React.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                    "Use function:",
+                    React.createElement("select", { className: "h-8 rounded border border-rnc-border bg-transparent px-2 text-sm", "aria-label": "Use function", value: fn, onChange: (e) => setFn(e.target.value) }, SUBTOTAL_FUNCTIONS.map((name) => (React.createElement("option", { key: name, value: name }, FUNCTION_LABELS[name]))))),
+                React.createElement("div", { className: "flex flex-col gap-1" },
+                    React.createElement("span", { className: "text-xs font-medium" }, "Add subtotal to:"),
+                    React.createElement("div", { className: "flex flex-col gap-1 max-h-[180px] overflow-y-auto border border-rnc-border rounded p-2", role: "group", "aria-label": "Add subtotal to" }, columns.map((column) => (React.createElement("label", { key: column.columnIndex, className: "flex items-center gap-1" },
+                        React.createElement("input", { type: "checkbox", name: `subtotal-column-${column.columnIndex}`, checked: aggregates.has(column.columnIndex), onChange: () => toggleAggregate(column.columnIndex) }),
+                        React.createElement("span", { className: "truncate", title: labelOf(column) }, labelOf(column))))))),
+                React.createElement("label", { className: "flex items-center gap-1" },
+                    React.createElement("input", { type: "checkbox", name: "replaceCurrent", checked: replaceCurrent, onChange: (e) => setReplaceCurrent(e.target.checked) }),
+                    "Replace current subtotals"),
+                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: !canApply }, "OK"))))));
+});
+SubtotalDialog.displayName = "SubtotalDialog";
+/**
+ * Host-mounted, atom-driven wrapper around {@link SubtotalDialog}. Mount
+ * once in the host; the context menu opens it via `useOpenSubtotalDialog`
+ * and only offers the item while a host is mounted.
+ */
+export const SubtotalDialogHost = () => {
+    useRegisterSubtotalDialogHost();
+    const [request, setRequest] = useSubtotalDialogState();
+    const close = useCallback(() => setRequest(null), [setRequest]);
+    return (React.createElement(SubtotalDialog, { open: request != null, onOpenChange: (open) => {
+            if (!open)
+                close();
+        }, columns: request?.columns ?? [], initialHasHeader: request?.hasHeader, onApply: (choices) => request?.onApply(choices) }));
+};
+SubtotalDialogHost.displayName = "SubtotalDialogHost";

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

@@ -0,0 +1,37 @@
+import React from "react";
+import type { SplitTextOptions } from "../../types";
+export type TextToColumnsMode = "delimited" | "fixed";
+export type TextToColumnsDialogProps = {
+    /** Controls visibility. */
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    /** Texts of the first cells of the selected column — the preview / ruler. */
+    preview: string[];
+    /** Initial wizard step-1 choice (default Delimited). */
+    initialMode?: TextToColumnsMode;
+    /**
+     * Emits the chosen delimiter (Delimited) or column breaks (Fixed width).
+     * The host routes it to `onSplitTextToColumns`.
+     */
+    onApply(options: {
+        delimiter: string;
+    } & SplitTextOptions): void;
+};
+/**
+ * Excel's Convert Text to Columns wizard, condensed: choose Delimited (pick
+ * a delimiter or type another) or Fixed width (click the ruler to add or
+ * remove break lines, or type the positions), with a live preview of the
+ * first rows.
+ */
+export declare const TextToColumnsDialog: React.MemoExoticComponent<({ open, onOpenChange, preview, initialMode, onApply, }: TextToColumnsDialogProps) => React.JSX.Element>;
+/**
+ * Host-mounted, atom-driven wrapper around {@link TextToColumnsDialog}.
+ * Mount once in the host (alongside the other editor dialogs); the context
+ * menu opens it via `useOpenTextToColumnsDialog`. Without a host the menu
+ * keeps its one-click delimiter items only.
+ */
+export declare const TextToColumnsDialogHost: {
+    (): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/text-to-columns-dialog/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAM/E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,OAAO,CAAC;AAEtD,MAAM,MAAM,wBAAwB,GAAG;IACrC,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,6EAA6E;IAC7E,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,wDAAwD;IACxD,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC;;;OAGG;IACH,OAAO,CAAC,OAAO,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,GAAG,gBAAgB,GAAG,IAAI,CAAC;CAClE,CAAC;AAiCF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,qFAO3B,wBAAwB,uBAgO5B,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB;;;CAenC,CAAC"}