@rowsncolumns/spreadsheet 10.2.74 → 10.2.76

package/dist/esm/components/advanced-filter-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, addressToSelection } from "@rowsncolumns/utils";
+import React, { memo, useCallback, useEffect, useState } from "react";
+import { useAdvancedFilterDialogState, useRegisterAdvancedFilterDialogHost, } from "../../atoms/advanced-filter-dialog.atom";
+const parseRange = (text) => {
+    const trimmed = text.trim().replace(/^[^!]*!/, "");
+    if (!/^\$?[A-Za-z]{1,3}\$?\d+(:\$?[A-Za-z]{1,3}\$?\d+)?$/.test(trimmed))
+        return undefined;
+    return addressToSelection(trimmed)?.range;
+};
+/**
+ * Excel's Advanced Filter dialog: filter in place or copy to another
+ * location, a list range, a criteria range (header row + criteria rows),
+ * the copy destination and "Unique records only".
+ */
+export const AdvancedFilterDialog = memo(({ open, onOpenChange, initialListRange, onApply }) => {
+    const [action, setAction] = useState("filter");
+    const [listRange, setListRange] = useState(initialListRange);
+    const [criteriaRange, setCriteriaRange] = useState("");
+    const [copyTo, setCopyTo] = useState("");
+    const [uniqueOnly, setUniqueOnly] = useState(false);
+    const [error, setError] = useState(undefined);
+    useEffect(() => {
+        if (open) {
+            setAction("filter");
+            setListRange(initialListRange);
+            setCriteriaRange("");
+            setCopyTo("");
+            setUniqueOnly(false);
+            setError(undefined);
+        }
+        // Only reset on open transitions.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open]);
+    const submit = useCallback((event) => {
+        event.preventDefault();
+        const list = parseRange(listRange);
+        if (!list) {
+            setError("List range must be a range reference, e.g. A1:C20.");
+            return;
+        }
+        const criteria = parseRange(criteriaRange);
+        if (!criteria) {
+            setError("Criteria range must be a range reference, e.g. E1:F3.");
+            return;
+        }
+        let destination;
+        if (action === "copy") {
+            const cell = addressToCell(copyTo.trim().replace(/^[^!]*!/, "").split(":")[0] ?? "");
+            if (!copyTo.trim() || !cell) {
+                setError("Copy to must be a cell reference, e.g. H1.");
+                return;
+            }
+            destination = cell;
+        }
+        setError(undefined);
+        onApply({
+            listRange: list,
+            criteriaRange: criteria,
+            action,
+            copyTo: destination,
+            uniqueOnly,
+        });
+        onOpenChange(false);
+    }, [action, listRange, criteriaRange, copyTo, uniqueOnly, onApply, onOpenChange]);
+    return (React.createElement(Dialog, { open: open, onOpenChange: onOpenChange },
+        React.createElement(DialogContent, { className: "w-[400px] max-w-[92vw] pointer-events-auto" },
+            React.createElement(DialogTitle, null, "Advanced filter"),
+            React.createElement(DialogDescription, null, "Filter a list with a criteria range: conditions in one row AND together, rows OR together."),
+            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("form", { className: "flex flex-col gap-3", onSubmit: submit },
+                    React.createElement("div", { className: "flex flex-col gap-1", role: "radiogroup", "aria-label": "Action" },
+                        React.createElement("label", { className: "flex items-center gap-1" },
+                            React.createElement("input", { type: "radio", name: "advanced-filter-action", value: "filter", checked: action === "filter", onChange: () => setAction("filter") }),
+                            "Filter the list, in-place"),
+                        React.createElement("label", { className: "flex items-center gap-1" },
+                            React.createElement("input", { type: "radio", name: "advanced-filter-action", value: "copy", checked: action === "copy", onChange: () => setAction("copy") }),
+                            "Copy to another location")),
+                    React.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                        "List range:",
+                        React.createElement(Input, { value: listRange, "aria-label": "List range", onChange: (e) => {
+                                setListRange(e.target.value);
+                                setError(undefined);
+                            } })),
+                    React.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                        "Criteria range:",
+                        React.createElement(Input, { autoFocus: true, value: criteriaRange, "aria-label": "Criteria range", placeholder: "e.g. E1:F3", onChange: (e) => {
+                                setCriteriaRange(e.target.value);
+                                setError(undefined);
+                            } })),
+                    action === "copy" ? (React.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                        "Copy to:",
+                        React.createElement(Input, { value: copyTo, "aria-label": "Copy to", placeholder: "e.g. H1", onChange: (e) => {
+                                setCopyTo(e.target.value);
+                                setError(undefined);
+                            } }))) : null,
+                    React.createElement("label", { className: "flex items-center gap-1" },
+                        React.createElement("input", { type: "checkbox", name: "uniqueOnly", checked: uniqueOnly, onChange: (e) => setUniqueOnly(e.target.checked) }),
+                        "Unique records only"),
+                    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" }, "OK")))))));
+});
+AdvancedFilterDialog.displayName = "AdvancedFilterDialog";
+/**
+ * Host-mounted, atom-driven wrapper around {@link AdvancedFilterDialog}.
+ * Mount once in the host; the context menu opens it via
+ * `useOpenAdvancedFilterDialog` and only offers the item while a host is
+ * mounted.
+ */
+export const AdvancedFilterDialogHost = () => {
+    useRegisterAdvancedFilterDialogHost();
+    const [request, setRequest] = useAdvancedFilterDialogState();
+    const close = useCallback(() => setRequest(null), [setRequest]);
+    return (React.createElement(AdvancedFilterDialog, { open: request != null, onOpenChange: (open) => {
+            if (!open)
+                close();
+        }, initialListRange: request?.listRange ?? "", onApply: (options) => request?.onApply(options) }));
+};
+AdvancedFilterDialogHost.displayName = "AdvancedFilterDialogHost";

package/dist/esm/components/calculation-options-dialog/index.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+import type { IterativeCalculationOptions } from "../../types";
+/** Excel's defaults (File → Options → Formulas → Calculation options). */
+export declare const DEFAULT_ITERATIVE_CALCULATION: Required<IterativeCalculationOptions>;
+/**
+ * Normalise a form draft the way Excel does: iterations are a whole number
+ * 1…32767, maximum change is a non-negative number; anything else falls
+ * back to the current value.
+ */
+export declare const normalizeIterativeCalculation: (draft: {
+    enabled: boolean;
+    maxIterations: string;
+    maxChange: string;
+}, current: IterativeCalculationOptions | undefined) => IterativeCalculationOptions;
+export type CalculationOptionsDialogProps = {
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    /** The workbook's current policy (host state / engine setting). */
+    value?: IterativeCalculationOptions | null;
+    /**
+     * Receives the new policy on OK. Legacy engine: feed it back into the
+     * `iterativeCalculation` prop of `useSpreadsheetState`; rnc engine: the
+     * `set-iterative-calculation` command.
+     */
+    onChange(next: IterativeCalculationOptions): void;
+};
+/**
+ * Excel's iterative-calculation options (enable / maximum iterations /
+ * maximum change) as a dialog. Purely presentational — the host owns the
+ * setting and applies it through `onChange`.
+ */
+export declare const CalculationOptionsDialog: React.MemoExoticComponent<({ open, onOpenChange, value, onChange }: CalculationOptionsDialogProps) => React.JSX.Element>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/calculation-options-dialog/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAE9C,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAE/D,0EAA0E;AAC1E,eAAO,MAAM,6BAA6B,EAAE,QAAQ,CAAC,2BAA2B,CAK7E,CAAC;AAEJ;;;;GAIG;AACH,eAAO,MAAM,6BAA6B,GACxC,OAAO;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,aAAa,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,EACrE,SAAS,2BAA2B,GAAG,SAAS,KAC/C,2BAeF,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,mEAAmE;IACnE,KAAK,CAAC,EAAE,2BAA2B,GAAG,IAAI,CAAC;IAC3C;;;;OAIG;IACH,QAAQ,CAAC,IAAI,EAAE,2BAA2B,GAAG,IAAI,CAAC;CACnD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,sEACO,6BAA6B,uBAgFxE,CAAC"}

package/dist/esm/components/calculation-options-dialog/index.js

@@ -0,0 +1,61 @@
+import { Button, Dialog, DialogBody, DialogCloseButton, DialogContent, DialogTitle, Input, Separator, } from "@rowsncolumns/ui";
+import React, { memo, useState } from "react";
+/** Excel's defaults (File → Options → Formulas → Calculation options). */
+export const DEFAULT_ITERATIVE_CALCULATION = {
+    enabled: false,
+    maxIterations: 100,
+    maxChange: 0.001,
+};
+/**
+ * Normalise a form draft the way Excel does: iterations are a whole number
+ * 1…32767, maximum change is a non-negative number; anything else falls
+ * back to the current value.
+ */
+export const normalizeIterativeCalculation = (draft, current) => {
+    const parse = (text) => (text.trim() === "" ? NaN : Number(text));
+    const iterations = parse(draft.maxIterations);
+    const change = parse(draft.maxChange);
+    return {
+        enabled: draft.enabled,
+        maxIterations: Number.isFinite(iterations) && iterations >= 1
+            ? Math.min(32767, Math.floor(iterations))
+            : current?.maxIterations ?? DEFAULT_ITERATIVE_CALCULATION.maxIterations,
+        maxChange: Number.isFinite(change) && change >= 0
+            ? change
+            : current?.maxChange ?? DEFAULT_ITERATIVE_CALCULATION.maxChange,
+    };
+};
+/**
+ * Excel's iterative-calculation options (enable / maximum iterations /
+ * maximum change) as a dialog. Purely presentational — the host owns the
+ * setting and applies it through `onChange`.
+ */
+export const CalculationOptionsDialog = memo(({ open, onOpenChange, value, onChange }) => {
+    const [enabled, setEnabled] = useState(value?.enabled ?? false);
+    const [maxIterations, setMaxIterations] = useState(String(value?.maxIterations ?? DEFAULT_ITERATIVE_CALCULATION.maxIterations));
+    const [maxChange, setMaxChange] = useState(String(value?.maxChange ?? DEFAULT_ITERATIVE_CALCULATION.maxChange));
+    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, "Calculation options"),
+            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();
+                        onChange(normalizeIterativeCalculation({ enabled, maxIterations, maxChange }, value ?? undefined));
+                        onOpenChange(false);
+                    } },
+                    React.createElement("label", { className: "flex items-center gap-2 text-xs font-medium" },
+                        React.createElement("input", { type: "checkbox", checked: enabled, onChange: (e) => setEnabled(e.target.checked) }),
+                        "Enable iterative calculation"),
+                    React.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                        "Maximum iterations:",
+                        React.createElement(Input, { type: "number", min: 1, max: 32767, step: 1, value: maxIterations, disabled: !enabled, onChange: (e) => setMaxIterations(e.target.value) })),
+                    React.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                        "Maximum change:",
+                        React.createElement(Input, { type: "number", min: 0, step: "any", value: maxChange, disabled: !enabled, onChange: (e) => setMaxChange(e.target.value) })),
+                    React.createElement(Separator, null),
+                    React.createElement("div", { className: "flex justify-end gap-2" },
+                        React.createElement(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onOpenChange(false) }, "Cancel"),
+                        React.createElement(Button, { type: "submit", size: "sm" }, "OK")))))));
+});
+CalculationOptionsDialog.displayName = "CalculationOptionsDialog";

package/dist/esm/components/canvas-grid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/canvas-grid/index.tsx"],"names":[],"mappings":"AA2CA,OAAO,KASN,MAAM,OAAO,CAAC;AA2Kf,OAAO,KAAK,EAEV,QAAQ,EAST,MAAM,aAAa,CAAC;AAarB,OAAO,KAAK,EACV,wBAAwB,EACxB,iBAAiB,EACjB,eAAe,EAEhB,MAAM,WAAW,CAAC;AA2wJnB,eAAO,MAAM,UAAU,EAA4C,CACjE,CAAC,SAAS,QAAQ,CAAC,GAAG,CAAC,EAEvB,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GACvB,wBAAwB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,KAChE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/canvas-grid/index.tsx"],"names":[],"mappings":"AA2CA,OAAO,KASN,MAAM,OAAO,CAAC;AA4Lf,OAAO,KAAK,EAGV,QAAQ,EAUT,MAAM,aAAa,CAAC;AAcrB,OAAO,KAAK,EACV,wBAAwB,EACxB,iBAAiB,EACjB,eAAe,EAEhB,MAAM,WAAW,CAAC;AAmkKnB,eAAO,MAAM,UAAU,EAA4C,CACjE,CAAC,SAAS,QAAQ,CAAC,GAAG,CAAC,EAEvB,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GACvB,wBAAwB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,KAChE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC"}