@rowsncolumns/spreadsheet 10.6.5 → 10.7.0

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

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

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

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

package/dist/cjs/components/selection-drop-menu/index.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectionDropMenu = exports.SELECTION_DROP_ACTION_LABELS = void 0;
+var tslib_1 = require("tslib");
+var ui_1 = require("@rowsncolumns/ui");
+var react_1 = tslib_1.__importStar(require("react"));
+var style_1 = require("../context-menu/style");
+exports.SELECTION_DROP_ACTION_LABELS = {
+    move: "Move Here",
+    copy: "Copy Here",
+    "copy-values": "Copy Here as Values Only",
+    "copy-formats": "Copy Here as Formats Only",
+    link: "Link Here",
+    "shift-down-copy": "Shift Down and Copy",
+    "shift-right-copy": "Shift Right and Copy",
+    "shift-down-move": "Shift Down and Move",
+    "shift-right-move": "Shift Right and Move",
+};
+/** Excel's grouping: plain drops, then the inserting ones, then Cancel. */
+var INSERT_ACTIONS = new Set([
+    "shift-down-copy",
+    "shift-right-copy",
+    "shift-down-move",
+    "shift-right-move",
+]);
+/**
+ * The menu a right-button drag of the selection border opens at the release point
+ * (Excel: Move Here, Copy Here, … Cancel). Opens immediately; any dismissal cancels.
+ */
+var SelectionDropMenu = function (_a) {
+    var x = _a.x, y = _a.y, actions = _a.actions, onSelectAction = _a.onSelectAction, onCancel = _a.onCancel;
+    var _b = tslib_1.__read((0, react_1.useState)(true), 2), open = _b[0], setOpen = _b[1];
+    // Radix fires `onSelect` and then closes; a close that follows a choice is not a cancel.
+    var choseRef = (0, react_1.useRef)(false);
+    var plain = actions.filter(function (action) { return !INSERT_ACTIONS.has(action); });
+    var inserting = actions.filter(function (action) { return INSERT_ACTIONS.has(action); });
+    var item = function (action) { return (react_1.default.createElement(ui_1.DropdownMenuItem, { key: action, onSelect: function () {
+            choseRef.current = true;
+            onSelectAction(action);
+        } }, exports.SELECTION_DROP_ACTION_LABELS[action])); };
+    return (react_1.default.createElement("div", { className: "absolute pointer-events-auto z-10", style: { left: x, top: y }, onMouseDown: function (e) { return e.stopPropagation(); }, "data-testid": "selection-drop-menu" },
+        react_1.default.createElement(ui_1.DropdownMenu, { modal: false, open: open, onOpenChange: function (next) {
+                setOpen(next);
+                if (!next && !choseRef.current)
+                    onCancel();
+                if (!next)
+                    choseRef.current = false;
+            } },
+            react_1.default.createElement(ui_1.DropdownMenuTrigger, { asChild: true },
+                react_1.default.createElement(style_1.StyledFakeTriggerButton, { "aria-label": "Drop options" })),
+            react_1.default.createElement(ui_1.DropdownMenuPortal, null,
+                react_1.default.createElement(ui_1.DropdownMenuContent, { align: "start", onCloseAutoFocus: function (event) { return event.preventDefault(); } },
+                    plain.map(item),
+                    inserting.length ? react_1.default.createElement(ui_1.DropdownMenuSeparator, null) : null,
+                    inserting.map(item),
+                    react_1.default.createElement(ui_1.DropdownMenuSeparator, null),
+                    react_1.default.createElement(ui_1.DropdownMenuItem, { onSelect: function () {
+                            choseRef.current = true;
+                            onCancel();
+                        } }, "Cancel"))))));
+};
+exports.SelectionDropMenu = SelectionDropMenu;

package/dist/cjs/components/solver-dialog/index.d.ts

@@ -0,0 +1,57 @@
+import React from "react";
+type Range = {
+    startRowIndex: number;
+    endRowIndex: number;
+    startColumnIndex: number;
+    endColumnIndex: number;
+};
+export type SolverDialogConstraint = {
+    cells: Range;
+    operator: "<=" | "=" | ">=" | "int" | "bin";
+    rhs?: number | Range;
+};
+/** What the dialog asks the engine to solve (the `solve` command's fields). */
+export type SolverDialogParameters = {
+    objective: {
+        rowIndex: number;
+        columnIndex: number;
+    };
+    goal: "max" | "min" | "value";
+    targetValue?: number;
+    changingCells: Range[];
+    constraints: SolverDialogConstraint[];
+    method: "grgNonlinear" | "simplexLp";
+    assumeNonNegative: boolean;
+};
+/** The engine's `CommitResult.solver`, as far as the dialog reads it. */
+export type SolverDialogResult = {
+    status: string;
+    message: string;
+    values: {
+        rowIndex: number;
+        columnIndex: number;
+        value: number;
+    }[];
+};
+export type SolverDialogProps = {
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    /** Default "Set Objective" (the active cell as A1). */
+    initialObjective: string;
+    /** Runs the solve without keeping it (`preview`), resolving to the outcome. */
+    onSolve(parameters: SolverDialogParameters): Promise<SolverDialogResult | undefined>;
+    /** "Keep Solver Solution": write the solution into the variable cells. */
+    onKeep(result: SolverDialogResult): void;
+};
+/** `B1`, `B1:C3` (`$` allowed) → a range; `null` otherwise. */
+export declare const parseSolverRange: (text: string) => Range | null;
+/**
+ * Excel's Solver Parameters dialog (the Solver add-in): Set Objective, To
+ * Max / Min / Value Of, By Changing Variable Cells, Subject to the
+ * Constraints, Make Unconstrained Variables Non-Negative and the solving
+ * method; then Solver Results with Keep Solver Solution / Restore Original
+ * Values. Evolutionary is not offered.
+ */
+export declare const SolverDialog: React.MemoExoticComponent<({ open, onOpenChange, initialObjective, onSolve, onKeep }: SolverDialogProps) => React.JSX.Element>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/solver-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/solver-dialog/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,KAAK,KAAK,GAAG;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC;IAC5C,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CACtB,CAAC;AAEF,+EAA+E;AAC/E,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;IACrD,IAAI,EAAE,KAAK,GAAG,KAAK,GAAG,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,KAAK,EAAE,CAAC;IACvB,WAAW,EAAE,sBAAsB,EAAE,CAAC;IACtC,MAAM,EAAE,cAAc,GAAG,WAAW,CAAC;IACrC,iBAAiB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,yEAAyE;AACzE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACpE,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,uDAAuD;IACvD,gBAAgB,EAAE,MAAM,CAAC;IACzB,+EAA+E;IAC/E,OAAO,CAAC,UAAU,EAAE,sBAAsB,GAAG,OAAO,CAAC,kBAAkB,GAAG,SAAS,CAAC,CAAC;IACrF,0EAA0E;IAC1E,MAAM,CAAC,MAAM,EAAE,kBAAkB,GAAG,IAAI,CAAC;CAC1C,CAAC;AAIF,+DAA+D;AAC/D,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,KAAK,GAAG,IAYvD,CAAC;AAIF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,wFACqC,iBAAiB,uBA6Q9E,CAAC"}

package/dist/cjs/components/solver-dialog/index.js

@@ -0,0 +1,204 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SolverDialog = exports.parseSolverRange = void 0;
+var tslib_1 = require("tslib");
+var icons_1 = require("@rowsncolumns/icons");
+var ui_1 = require("@rowsncolumns/ui");
+var utils_1 = require("@rowsncolumns/utils");
+var react_1 = tslib_1.__importStar(require("react"));
+var OPERATORS = ["<=", "=", ">=", "int", "bin"];
+/** `B1`, `B1:C3` (`$` allowed) → a range; `null` otherwise. */
+var parseSolverRange = function (text) {
+    var _a = tslib_1.__read(text.trim().replace(/\$/g, "").split(":"), 2), a = _a[0], _b = _a[1], b = _b === void 0 ? a : _b;
+    if (!/^[A-Za-z]{1,3}\d+$/.test(a !== null && a !== void 0 ? a : "") || !/^[A-Za-z]{1,3}\d+$/.test(b))
+        return null;
+    var start = (0, utils_1.addressToCell)(a);
+    var end = (0, utils_1.addressToCell)(b);
+    if (!start || !end)
+        return null;
+    return {
+        startRowIndex: Math.min(start.rowIndex, end.rowIndex),
+        endRowIndex: Math.max(start.rowIndex, end.rowIndex),
+        startColumnIndex: Math.min(start.columnIndex, end.columnIndex),
+        endColumnIndex: Math.max(start.columnIndex, end.columnIndex),
+    };
+};
+exports.parseSolverRange = parseSolverRange;
+/**
+ * Excel's Solver Parameters dialog (the Solver add-in): Set Objective, To
+ * Max / Min / Value Of, By Changing Variable Cells, Subject to the
+ * Constraints, Make Unconstrained Variables Non-Negative and the solving
+ * method; then Solver Results with Keep Solver Solution / Restore Original
+ * Values. Evolutionary is not offered.
+ */
+exports.SolverDialog = (0, react_1.memo)(function (_a) {
+    var open = _a.open, onOpenChange = _a.onOpenChange, initialObjective = _a.initialObjective, onSolve = _a.onSolve, onKeep = _a.onKeep;
+    var _b = tslib_1.__read((0, react_1.useState)(initialObjective), 2), objective = _b[0], setObjective = _b[1];
+    var _c = tslib_1.__read((0, react_1.useState)("max"), 2), goal = _c[0], setGoal = _c[1];
+    var _d = tslib_1.__read((0, react_1.useState)("0"), 2), target = _d[0], setTarget = _d[1];
+    var _e = tslib_1.__read((0, react_1.useState)(""), 2), changing = _e[0], setChanging = _e[1];
+    var _f = tslib_1.__read((0, react_1.useState)([]), 2), constraints = _f[0], setConstraints = _f[1];
+    var _g = tslib_1.__read((0, react_1.useState)(true), 2), nonNegative = _g[0], setNonNegative = _g[1];
+    var _h = tslib_1.__read((0, react_1.useState)("grgNonlinear"), 2), method = _h[0], setMethod = _h[1];
+    var _j = tslib_1.__read((0, react_1.useState)(undefined), 2), error = _j[0], setError = _j[1];
+    var _k = tslib_1.__read((0, react_1.useState)(false), 2), busy = _k[0], setBusy = _k[1];
+    var _l = tslib_1.__read((0, react_1.useState)(undefined), 2), result = _l[0], setResult = _l[1];
+    var _m = tslib_1.__read((0, react_1.useState)(true), 2), keep = _m[0], setKeep = _m[1];
+    (0, react_1.useEffect)(function () {
+        if (open) {
+            setObjective(initialObjective);
+            setError(undefined);
+            setBusy(false);
+            setResult(undefined);
+            setKeep(true);
+        }
+        // Only reset on open; the model's fields stay as last entered, as in Excel.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open]);
+    var solve = (0, react_1.useCallback)(function (event) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var objectiveRange, changingCells, targetValue, specs, constraints_1, constraints_1_1, row, cells, n, rhs, outcome;
+        var e_1, _a;
+        return tslib_1.__generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    event.preventDefault();
+                    objectiveRange = (0, exports.parseSolverRange)(objective);
+                    if (!objectiveRange ||
+                        objectiveRange.startRowIndex !== objectiveRange.endRowIndex ||
+                        objectiveRange.startColumnIndex !== objectiveRange.endColumnIndex) {
+                        setError("Set Objective must be a single cell reference.");
+                        return [2 /*return*/];
+                    }
+                    changingCells = changing.split(",").map(function (t) { return (0, exports.parseSolverRange)(t); });
+                    if (changingCells.length === 0 || changingCells.some(function (r) { return r === null; })) {
+                        setError("By Changing Variable Cells must be cell references, e.g. B1:B3.");
+                        return [2 /*return*/];
+                    }
+                    targetValue = Number(target);
+                    if (goal === "value" && !Number.isFinite(targetValue)) {
+                        setError("Value Of must be a number.");
+                        return [2 /*return*/];
+                    }
+                    specs = [];
+                    try {
+                        for (constraints_1 = tslib_1.__values(constraints), constraints_1_1 = constraints_1.next(); !constraints_1_1.done; constraints_1_1 = constraints_1.next()) {
+                            row = constraints_1_1.value;
+                            cells = (0, exports.parseSolverRange)(row.cells);
+                            if (!cells) {
+                                setError("Constraint cell reference ".concat(row.cells || "(empty)", " is not valid."));
+                                return [2 /*return*/];
+                            }
+                            if (row.operator === "int" || row.operator === "bin") {
+                                specs.push({ cells: cells, operator: row.operator });
+                                continue;
+                            }
+                            n = Number(row.rhs);
+                            rhs = row.rhs.trim() !== "" && Number.isFinite(n) ? n : (0, exports.parseSolverRange)(row.rhs);
+                            if (rhs === null) {
+                                setError("Constraint must be a number or a cell reference.");
+                                return [2 /*return*/];
+                            }
+                            specs.push({ cells: cells, operator: row.operator, rhs: rhs });
+                        }
+                    }
+                    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                    finally {
+                        try {
+                            if (constraints_1_1 && !constraints_1_1.done && (_a = constraints_1.return)) _a.call(constraints_1);
+                        }
+                        finally { if (e_1) throw e_1.error; }
+                    }
+                    setError(undefined);
+                    setBusy(true);
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, , 3, 4]);
+                    return [4 /*yield*/, onSolve(tslib_1.__assign(tslib_1.__assign({ objective: {
+                                rowIndex: objectiveRange.startRowIndex,
+                                columnIndex: objectiveRange.startColumnIndex,
+                            }, goal: goal }, (goal === "value" ? { targetValue: targetValue } : {})), { changingCells: changingCells, constraints: specs, method: method, assumeNonNegative: nonNegative }))];
+                case 2:
+                    outcome = _b.sent();
+                    if (!outcome) {
+                        setError("Solver could not run this model.");
+                        return [2 /*return*/];
+                    }
+                    setResult(outcome);
+                    setKeep(true);
+                    return [3 /*break*/, 4];
+                case 3:
+                    setBusy(false);
+                    return [7 /*endfinally*/];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [objective, changing, target, goal, constraints, method, nonNegative, onSolve]);
+    var finish = function () {
+        if (result && keep && result.values.length > 0)
+            onKeep(result);
+        onOpenChange(false);
+    };
+    var solved = result ? ["found", "integer-found", "converged"].includes(result.status) : false;
+    return (react_1.default.createElement(ui_1.Dialog, { open: open, onOpenChange: onOpenChange },
+        react_1.default.createElement(ui_1.DialogContent, { className: "w-[460px] max-w-[92vw] pointer-events-auto" },
+            react_1.default.createElement(ui_1.DialogTitle, null, result ? "Solver Results" : "Solver Parameters"),
+            react_1.default.createElement(ui_1.DialogDescription, null, "Find the variable cell values that optimize the objective under the constraints."),
+            react_1.default.createElement(ui_1.DialogCloseButton, { onClick: function () { return onOpenChange(false); } },
+                react_1.default.createElement(icons_1.Cross1Icon, null)),
+            react_1.default.createElement(ui_1.DialogBody, { className: "flex flex-col gap-3 font-system text-sm" }, result ? (react_1.default.createElement("div", { className: "flex flex-col gap-3" },
+                react_1.default.createElement("p", { role: "status", className: "text-xs" }, result.message),
+                solved ? (react_1.default.createElement("div", { className: "flex flex-col gap-1 text-xs" },
+                    react_1.default.createElement("label", { className: "flex items-center gap-2" },
+                        react_1.default.createElement("input", { type: "radio", checked: keep, onChange: function () { return setKeep(true); } }),
+                        "Keep Solver Solution"),
+                    react_1.default.createElement("label", { className: "flex items-center gap-2" },
+                        react_1.default.createElement("input", { type: "radio", checked: !keep, onChange: function () { return setKeep(false); } }),
+                        "Restore Original Values"))) : null,
+                react_1.default.createElement(ui_1.Separator, null),
+                react_1.default.createElement("div", { className: "flex justify-end gap-2" },
+                    react_1.default.createElement(ui_1.Button, { type: "button", size: "sm", variant: "outline", onClick: function () { return setResult(undefined); } }, "Return to Solver Parameters"),
+                    react_1.default.createElement(ui_1.Button, { type: "button", size: "sm", onClick: function () { return (solved ? finish() : onOpenChange(false)); } }, "OK")))) : (react_1.default.createElement("form", { className: "flex flex-col gap-3", onSubmit: solve },
+                react_1.default.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                    "Set Objective:",
+                    react_1.default.createElement(ui_1.Input, { autoFocus: true, "aria-label": "Set Objective", value: objective, onChange: function (e) { return setObjective(e.target.value); } })),
+                react_1.default.createElement("div", { className: "flex items-center gap-3 text-xs" },
+                    "To:",
+                    ["max", "min", "value"].map(function (g) { return (react_1.default.createElement("label", { key: g, className: "flex items-center gap-1" },
+                        react_1.default.createElement("input", { type: "radio", checked: goal === g, onChange: function () { return setGoal(g); } }),
+                        g === "max" ? "Max" : g === "min" ? "Min" : "Value Of:")); }),
+                    react_1.default.createElement(ui_1.Input, { className: "w-20", "aria-label": "Value Of", value: target, disabled: goal !== "value", onChange: function (e) { return setTarget(e.target.value); } })),
+                react_1.default.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                    "By Changing Variable Cells:",
+                    react_1.default.createElement(ui_1.Input, { "aria-label": "By Changing Variable Cells", value: changing, onChange: function (e) { return setChanging(e.target.value); } })),
+                react_1.default.createElement("div", { className: "flex flex-col gap-1 text-xs font-medium" },
+                    "Subject to the Constraints:",
+                    constraints.map(function (row, i) { return (react_1.default.createElement("div", { key: i, className: "flex items-center gap-1" },
+                        react_1.default.createElement(ui_1.Input, { "aria-label": "Constraint ".concat(i + 1, " cell reference"), value: row.cells, onChange: function (e) {
+                                return setConstraints(constraints.map(function (r, k) { return (k === i ? tslib_1.__assign(tslib_1.__assign({}, r), { cells: e.target.value }) : r); }));
+                            } }),
+                        react_1.default.createElement("select", { "aria-label": "Constraint ".concat(i + 1, " relation"), className: "h-8 rounded border border-rnc-border bg-transparent px-1 text-sm", value: row.operator, onChange: function (e) {
+                                return setConstraints(constraints.map(function (r, k) {
+                                    return k === i ? tslib_1.__assign(tslib_1.__assign({}, r), { operator: e.target.value }) : r;
+                                }));
+                            } }, OPERATORS.map(function (op) { return (react_1.default.createElement("option", { key: op, value: op }, op)); })),
+                        react_1.default.createElement(ui_1.Input, { "aria-label": "Constraint ".concat(i + 1, " value"), value: row.operator === "int" ? "integer" : row.operator === "bin" ? "binary" : row.rhs, disabled: row.operator === "int" || row.operator === "bin", onChange: function (e) {
+                                return setConstraints(constraints.map(function (r, k) { return (k === i ? tslib_1.__assign(tslib_1.__assign({}, r), { rhs: e.target.value }) : r); }));
+                            } }),
+                        react_1.default.createElement(ui_1.Button, { type: "button", size: "sm", variant: "outline", "aria-label": "Delete constraint ".concat(i + 1), onClick: function () { return setConstraints(constraints.filter(function (_, k) { return k !== i; })); } }, "Delete"))); }),
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement(ui_1.Button, { type: "button", size: "sm", variant: "outline", onClick: function () { return setConstraints(tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(constraints), false), [{ cells: "", operator: "<=", rhs: "" }], false)); } }, "Add"))),
+                react_1.default.createElement("label", { className: "flex items-center gap-2 text-xs" },
+                    react_1.default.createElement("input", { type: "checkbox", checked: nonNegative, onChange: function (e) { return setNonNegative(e.target.checked); } }),
+                    "Make Unconstrained Variables Non-Negative"),
+                react_1.default.createElement("label", { className: "flex items-center gap-2 text-xs font-medium" },
+                    "Select a Solving Method:",
+                    react_1.default.createElement("select", { "aria-label": "Select a Solving Method", className: "h-8 rounded border border-rnc-border bg-transparent px-2 text-sm", value: method, onChange: function (e) { return setMethod(e.target.value); } },
+                        react_1.default.createElement("option", { value: "grgNonlinear" }, "GRG Nonlinear"),
+                        react_1.default.createElement("option", { value: "simplexLp" }, "Simplex LP"))),
+                error ? (react_1.default.createElement("div", { role: "alert", className: "text-xs text-rnc-destructive" }, error)) : null,
+                react_1.default.createElement(ui_1.Separator, null),
+                react_1.default.createElement("div", { className: "flex justify-end gap-2" },
+                    react_1.default.createElement(ui_1.Button, { type: "button", variant: "outline", size: "sm", onClick: function () { return onOpenChange(false); } }, "Close"),
+                    react_1.default.createElement(ui_1.Button, { type: "submit", size: "sm", disabled: busy }, busy ? "Solving…" : "Solve"))))))));
+});
+exports.SolverDialog.displayName = "SolverDialog";

package/dist/cjs/components/toolbar/sparkline-actions.d.ts

@@ -19,13 +19,14 @@ export type SparklineActionsProps = {
     onDeleteSparklineGroup?(group: SparklineGroup): void;
     onClearSparklines?(sheetId: number, cells: CellInterface[]): void;
     onGroupSparklines?(sheetId: number, activeCell: CellInterface, cells: CellInterface[]): void;
+    onUngroupSparklines?(group: SparklineGroup): void;
     readonly?: boolean;
 };
 /**
  * Excel's Sparklines ribbon: Insert → Sparklines (Line / Column / Win-Loss → the Create
  * Sparklines dialog) and, when the active cell is in a sparkline group, the Sparkline Design tab —
  * Edit Data & Location, Type, Show (points + markers), Sparkline / marker colours, Axis (show
- * axis, right-to-left, hidden data, empty cells, vertical min/max) and Group / Clear.
+ * axis, right-to-left, hidden data, empty cells, vertical min/max) and Group / Ungroup / Clear.
  */
-export declare const SparklineActions: ({ sheetId, activeCell, selections, getSparklineGroup, onUpdateSparklineGroup, onDeleteSparklineGroup, onClearSparklines, onGroupSparklines, readonly, }: SparklineActionsProps) => React.JSX.Element;
+export declare const SparklineActions: ({ sheetId, activeCell, selections, getSparklineGroup, onUpdateSparklineGroup, onDeleteSparklineGroup, onClearSparklines, onGroupSparklines, onUngroupSparklines, readonly, }: SparklineActionsProps) => React.JSX.Element;
 //# sourceMappingURL=sparkline-actions.d.ts.map

package/dist/cjs/components/toolbar/sparkline-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sparkline-actions.d.ts","sourceRoot":"","sources":["../../../../components/toolbar/sparkline-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAmBvE,OAAO,KAAK,EACV,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAuC,MAAM,OAAO,CAAC;AAM5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,eAAO,MAAM,eAAe,EAAE;IAAE,KAAK,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAIzE,CAAC;AA6CF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,aAAa,CAAC;IAC1B,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC;IACjD,8FAA8F;IAC9F,iBAAiB,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,GAAG,cAAc,GAAG,SAAS,CAAC;IACrF,sBAAsB,CAAC,CACrB,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE;QAAE,IAAI,CAAC,EAAE,kBAAkB,CAAC;QAAC,OAAO,CAAC,EAAE,qBAAqB,CAAA;KAAE,GACpE,OAAO,CAAC;IACX,sBAAsB,CAAC,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IACrD,iBAAiB,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAClE,iBAAiB,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAC7F,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,yJAU9B,qBAAqB,sBAyXvB,CAAC"}
+{"version":3,"file":"sparkline-actions.d.ts","sourceRoot":"","sources":["../../../../components/toolbar/sparkline-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAmBvE,OAAO,KAAK,EACV,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAuC,MAAM,OAAO,CAAC;AAM5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,eAAO,MAAM,eAAe,EAAE;IAAE,KAAK,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAIzE,CAAC;AA6CF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,aAAa,CAAC;IAC1B,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC;IACjD,8FAA8F;IAC9F,iBAAiB,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,GAAG,cAAc,GAAG,SAAS,CAAC;IACrF,sBAAsB,CAAC,CACrB,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE;QAAE,IAAI,CAAC,EAAE,kBAAkB,CAAC;QAAC,OAAO,CAAC,EAAE,qBAAqB,CAAA;KAAE,GACpE,OAAO,CAAC;IACX,sBAAsB,CAAC,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IACrD,iBAAiB,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAClE,iBAAiB,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAC7F,mBAAmB,CAAC,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,8KAW9B,qBAAqB,sBAiYvB,CAAC"}

package/dist/cjs/components/toolbar/sparkline-actions.js

@@ -41,10 +41,10 @@ var Check = function () { return (react_1.default.createElement(ui_1.DropdownMen
  * Excel's Sparklines ribbon: Insert → Sparklines (Line / Column / Win-Loss → the Create
  * Sparklines dialog) and, when the active cell is in a sparkline group, the Sparkline Design tab —
  * Edit Data & Location, Type, Show (points + markers), Sparkline / marker colours, Axis (show
- * axis, right-to-left, hidden data, empty cells, vertical min/max) and Group / Clear.
+ * axis, right-to-left, hidden data, empty cells, vertical min/max) and Group / Ungroup / Clear.
  */
 var SparklineActions = function (_a) {
-    var sheetId = _a.sheetId, activeCell = _a.activeCell, selections = _a.selections, getSparklineGroup = _a.getSparklineGroup, onUpdateSparklineGroup = _a.onUpdateSparklineGroup, onDeleteSparklineGroup = _a.onDeleteSparklineGroup, onClearSparklines = _a.onClearSparklines, onGroupSparklines = _a.onGroupSparklines, readonly = _a.readonly;
+    var sheetId = _a.sheetId, activeCell = _a.activeCell, selections = _a.selections, getSparklineGroup = _a.getSparklineGroup, onUpdateSparklineGroup = _a.onUpdateSparklineGroup, onDeleteSparklineGroup = _a.onDeleteSparklineGroup, onClearSparklines = _a.onClearSparklines, onGroupSparklines = _a.onGroupSparklines, onUngroupSparklines = _a.onUngroupSparklines, readonly = _a.readonly;
     var focusSheet = (0, atoms_1.useFocusSheet)();
     var openDialog = (0, sparkline_dialog_atom_1.useOpenSparklineDialog)();
     var shouldFocusSheetRef = (0, react_1.useRef)(true);
@@ -258,6 +258,10 @@ var SparklineActions = function (_a) {
                             axisBoundSubmenu("Vertical Axis Maximum", "maxaxistype", "max"))),
                     react_1.default.createElement(ui_1.DropdownMenuSeparator, null),
                     react_1.default.createElement(ui_1.DropdownMenuItem, { disabled: !sparklineCellsSelected || readonly, onSelect: function () { return onGroupSparklines === null || onGroupSparklines === void 0 ? void 0 : onGroupSparklines(sheetId, activeCell, selectedCells); } }, "Group"),
+                    react_1.default.createElement(ui_1.DropdownMenuItem, { disabled: !group || group.members.length < 2 || readonly, onSelect: function () {
+                            if (group)
+                                onUngroupSparklines === null || onUngroupSparklines === void 0 ? void 0 : onUngroupSparklines(group);
+                        } }, "Ungroup"),
                     react_1.default.createElement(ui_1.DropdownMenuSub, null,
                         react_1.default.createElement(ui_1.DropdownMenuSubTrigger, { disabled: !hasGroup || readonly },
                             "Clear",

package/dist/cjs/components/toolbar/table-style-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-style-selector.d.ts","sourceRoot":"","sources":["../../../../components/toolbar/table-style-selector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAevE,OAAO,EACL,wBAAwB,EAGzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAuD,MAAM,OAAO,CAAC;AAG5E,OAAO,EAAE,wBAAwB,EAAE,CAAC;AACpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAK7D,OAAO,KAAK,EACV,gBAAgB,EAEhB,gBAAgB,EAEhB,iBAAiB,EACjB,UAAU,EACV,SAAS,EACV,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EACjB,MAAM,wBAAwB,CAAC;AAGhC,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,gBAAgB,CAAC;IACxB,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC;IACjD,UAAU,EAAE,aAAa,CAAC;IAC1B,aAAa,CAAC,CACZ,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,EACxB,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,GAC/B,IAAI,CAAC;IACR,aAAa,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAChD,4FAA4F;IAC5F,oBAAoB,CAAC,EAAE,eAAe,CAAC,sBAAsB,CAAC,CAAC;IAC/D;;;OAGG;IACH,mBAAmB,CAAC,CAAC,OAAO,EAAE,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAC;IAC9D,uFAAuF;IACvF,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC;;;OAGG;IACH,wBAAwB,CAAC,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACzD;;;OAGG;IACH,wBAAwB,CAAC,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAC1D,CAAC;AAEF,uEAAuE;AACvE,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC;IACzB,GAAG,EACC,WAAW,GACX,UAAU,GACV,gBAAgB,GAChB,mBAAmB,GACnB,iBAAiB,GACjB,gBAAgB,GAChB,cAAc,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,OAAO,CAAC;CACvB,CAQA,CAAC;AAKF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAC/B,OAAO,SAAS,EAChB,KAAK,CAAC,OAAO,aAAa,EAAE,MAAM,CAAC,CAAC,KAAK,CAAC,EAC1C,SAAS,OAAO,KACf,OAAO,CAAC,SAAS,CAqBnB,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,UAAU;IACjB,kBAAkB,EAAE,MAAM,GAAG,SAAS;IACtC,cAAc,EAAE,MAAM,GAAG,SAAS;IAClC,cAAc,EAAE,gBAAgB,GAAG,SAAS;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa;CAC5B,CAAC;AAKF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAC/B,gBAAgB,OAAO,GAAG,SAAS,EACnC,mBAAmB,OAAO,GAAG,SAAS,EACtC,QAAQ,gBAAgB,kCAoBzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,kOAc1B,uBAAuB,uBA+W3B,CAAC"}
+{"version":3,"file":"table-style-selector.d.ts","sourceRoot":"","sources":["../../../../components/toolbar/table-style-selector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAevE,OAAO,EAEL,wBAAwB,EAKzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAuD,MAAM,OAAO,CAAC;AAG5E,OAAO,EAAE,wBAAwB,EAAE,CAAC;AACpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAK7D,OAAO,KAAK,EACV,gBAAgB,EAEhB,gBAAgB,EAEhB,iBAAiB,EACjB,UAAU,EACV,SAAS,EACV,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EACjB,MAAM,wBAAwB,CAAC;AAGhC,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,gBAAgB,CAAC;IACxB,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC;IACjD,UAAU,EAAE,aAAa,CAAC;IAC1B,aAAa,CAAC,CACZ,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,EACxB,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,GAC/B,IAAI,CAAC;IACR,aAAa,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAChD,4FAA4F;IAC5F,oBAAoB,CAAC,EAAE,eAAe,CAAC,sBAAsB,CAAC,CAAC;IAC/D;;;OAGG;IACH,mBAAmB,CAAC,CAAC,OAAO,EAAE,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAC;IAC9D,uFAAuF;IACvF,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC;;;OAGG;IACH,wBAAwB,CAAC,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACzD;;;OAGG;IACH,wBAAwB,CAAC,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAC1D,CAAC;AAEF,uEAAuE;AACvE,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC;IACzB,GAAG,EACC,WAAW,GACX,UAAU,GACV,gBAAgB,GAChB,mBAAmB,GACnB,iBAAiB,GACjB,gBAAgB,GAChB,cAAc,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,OAAO,CAAC;CACvB,CAQA,CAAC;AAKF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAC/B,OAAO,SAAS,EAChB,KAAK,CAAC,OAAO,aAAa,EAAE,MAAM,CAAC,CAAC,KAAK,CAAC,EAC1C,SAAS,OAAO,KACf,OAAO,CAAC,SAAS,CAqBnB,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,UAAU;IACjB,kBAAkB,EAAE,MAAM,GAAG,SAAS;IACtC,cAAc,EAAE,MAAM,GAAG,SAAS;IAClC,cAAc,EAAE,gBAAgB,GAAG,SAAS;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa;CAC5B,CAAC;AAKF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAC/B,gBAAgB,OAAO,GAAG,SAAS,EACnC,mBAAmB,OAAO,GAAG,SAAS,EACtC,QAAQ,gBAAgB,kCAoBzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,kOAc1B,uBAAuB,uBAuX3B,CAAC"}

package/dist/cjs/components/toolbar/table-style-selector.js

@@ -203,8 +203,7 @@ exports.TableStyleSelector = (0, react_1.memo)(function (_a) {
      * Get all table border styles
      */
     var tableBorderstyles = (0, react_1.useMemo)(function () { return tslib_1.__spreadArray([], tslib_1.__read((0, exports.getTableBorderStyles)(showRowStripes, showColumnStripes, theme).entries()), false); }, [showRowStripes, showColumnStripes, theme]);
-    var swatch = function (key, tableTheme, bandProperties, style, onContextMenu) { return (react_1.default.createElement(ui_1.DropdownMenuItem, { key: key, onClick: function () { return onSelectStyle(tableTheme, bandProperties); }, onContextMenu: onContextMenu, onPointerEnter: function () { return previewStyle(tableTheme, bandProperties); }, onPointerLeave: clearPreview, onFocus: function () { return previewStyle(tableTheme, bandProperties); }, onBlur: clearPreview, className: hoverClass, title: tableTheme },
-        react_1.default.createElement(TableSkeleton, { rowProperties: bandProperties === null || bandProperties === void 0 ? void 0 : bandProperties.rowProperties, columnProperties: bandProperties === null || bandProperties === void 0 ? void 0 : bandProperties.columnProperties, theme: theme, style: style }))); };
+    var swatch = function (key, tableTheme, bandProperties, style, onContextMenu) { return (react_1.default.createElement(ui_1.DropdownMenuItem, { key: key, onClick: function () { return onSelectStyle(tableTheme, bandProperties); }, onContextMenu: onContextMenu, onPointerEnter: function () { return previewStyle(tableTheme, bandProperties); }, onPointerLeave: clearPreview, onFocus: function () { return previewStyle(tableTheme, bandProperties); }, onBlur: clearPreview, className: hoverClass, title: tableTheme }, (bandProperties === null || bandProperties === void 0 ? void 0 : bandProperties.tableStyleElements) ? (react_1.default.createElement(TableStyleElementsSkeleton, { elements: bandProperties.tableStyleElements, theme: theme, style: style })) : (react_1.default.createElement(TableSkeleton, { rowProperties: bandProperties === null || bandProperties === void 0 ? void 0 : bandProperties.rowProperties, columnProperties: bandProperties === null || bandProperties === void 0 ? void 0 : bandProperties.columnProperties, theme: theme, style: style })))); };
     return (react_1.default.createElement(ui_1.DropdownMenu, { modal: false, onOpenChange: function (open) {
             if (!open) {
                 clearPreview();
@@ -290,6 +289,38 @@ exports.TableStyleSelector = (0, react_1.memo)(function (_a) {
                     // the editor is open its footer ends the panel.
                     react_1.default.createElement(ui_1.DropdownMenuItem, { className: "text-xs", onClick: function () { return onSelectStyle("None", undefined); }, onPointerEnter: function () { return previewStyle("None", undefined); }, onPointerLeave: clearPreview, onFocus: function () { return previewStyle("None", undefined); }, onBlur: clearPreview }, "Clear")))))));
 });
+var swatchEdge = function (border, theme) {
+    return border
+        ? "".concat(Math.min(border.width, 2), "px solid ").concat((0, themes_1.getStringifiedColor)(border.color, theme))
+        : undefined;
+};
+/**
+ * A built-in style's swatch: a header row over four body rows, five columns, each cell painted
+ * with the format the table style elements give it in the grid (`resolveTableStyleCell`).
+ */
+var TableStyleElementsSkeleton = function (_a) {
+    var elements = _a.elements, theme = _a.theme, style = _a.style;
+    return (react_1.default.createElement("div", { className: "table border-collapse table-fixed w-20 md:w-16", style: style }, tslib_1.__spreadArray([], tslib_1.__read(Array(5)), false).map(function (_, rowIndex) { return (react_1.default.createElement("div", { className: "table-row", key: rowIndex }, tslib_1.__spreadArray([], tslib_1.__read(Array(5)), false).map(function (_, columnIndex) {
+        var _a = (0, utils_1.resolveTableStyleCell)(elements, {
+            rowIndex: rowIndex,
+            columnIndex: columnIndex,
+            rowCount: 5,
+            columnCount: 5,
+            headerRow: true,
+            totalRow: false,
+            showFirstColumn: false,
+            showLastColumn: false,
+        }), fill = _a.fill, color = _a.color, borders = _a.borders;
+        return (react_1.default.createElement("div", { key: columnIndex, className: (0, ui_1.cn)("table-cell leading-none text-center", rowIndex === 0 ? "h-1" : ""), style: {
+                backgroundColor: (0, themes_1.getStringifiedColor)(fill, theme),
+                color: (0, themes_1.getStringifiedColor)(color, theme),
+                borderTop: swatchEdge(borders === null || borders === void 0 ? void 0 : borders.top, theme),
+                borderBottom: swatchEdge(borders === null || borders === void 0 ? void 0 : borders.bottom, theme),
+                borderLeft: swatchEdge(borders === null || borders === void 0 ? void 0 : borders.left, theme),
+                borderRight: swatchEdge(borders === null || borders === void 0 ? void 0 : borders.right, theme),
+            } }, "-"));
+    }))); })));
+};
 /**
  * Table skeleton
  * @param param0

package/dist/cjs/config.d.ts

@@ -100,10 +100,11 @@ export declare const EXPAND_COLLAPSE_ICON_WIDTH = 12;
 export declare const CF_ICON_WIDTH = 14;
 export declare const CF_ICON_SPACING = 4;
 export declare const HEADER_MENU_DIM = 15;
-export declare const INVALID_COLOR = "#FF5621";
-export declare const ERROR_COLOR = "#ff0000";
-export declare const NOTE_COLOR = "#E68500";
-export declare const COMMENT_COLOR = "#FAB00B";
+export declare const INDICATOR_SIZE = 6.5;
+export declare const INVALID_COLOR = "#FF0000";
+export declare const ERROR_COLOR = "#008000";
+export declare const NOTE_COLOR = "#FF0000";
+export declare const COMMENT_COLOR = "#7719AA";
 export declare const DEFAULT_CELL_INPUT_LINE_HEIGHT = "23px";
 export declare const FORMULA_BAR_HEIGHT = 23;
 export declare const SCROLLBAR_SIZE = 13;

package/dist/cjs/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../config.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEzE,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE3D,eAAO,MAAM,mBAAmB,EAAE,aAGhC,CAAC;AACH,eAAO,MAAM,kBAAkB,kBAAoB,CAAC;AACpD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,GAAG,CAAM,CAAC;AAC5C,eAAO,MAAM,kBAAkB,kBAAqB,CAAC;AACrD,eAAO,MAAM,uBAAuB,EAAE,YAGpC,CAAC;AAEH,eAAO,MAAM,aAAa,UAAY,CAAC;AAEvC,eAAO,MAAM,gBAAgB,QAAS,CAAC;AAGvC,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAExC,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAMvC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,qBAAqB,IAAI,CAAC;AACvC,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC;;;;GAIG;AACH,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC;;;GAGG;AACH,eAAO,MAAM,yBAAyB,YAAY,CAAC;AACnD,eAAO,MAAM,0BAA0B,YAAY,CAAC;AACpD,eAAO,MAAM,wBAAwB,YAAY,CAAC;AAClD,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,uBAAuB,WAAW,CAAC;AAChD,eAAO,MAAM,yBAAyB,SAAS,CAAC;AAChD,eAAO,MAAM,yBAAyB,aAAa,CAAC;AACpD,eAAO,MAAM,iCAAiC,eAAe,CAAC;AAC9D,eAAO,MAAM,mBAAmB;;;EAG9B,CAAC;AACH,eAAO,MAAM,mBAAmB;;EAE9B,CAAC;AACH,eAAO,MAAM,mBAAmB;;;;EAE9B,CAAC;AAEH,eAAO,MAAM,kBAAkB,EAAE,UAG/B,CAAC;AAGH,eAAO,MAAM,kBAAkB,YAAY,CAAC;AAC5C,eAAO,MAAM,uBAAuB,YAAY,CAAC;AACjD,eAAO,MAAM,6BAA6B,YAAY,CAAC;AACvD,eAAO,MAAM,kCAAkC,gBAAgB,CAAC;AAChE,eAAO,MAAM,cAAc,uBAAuB,CAAC;AACnD,eAAO,MAAM,mBAAmB,kBAAkB,CAAC;AACnD,eAAO,MAAM,oBAAoB,YAAY,CAAC;AAC9C,eAAO,MAAM,yBAAyB,YAAY,CAAC;AACnD,eAAO,MAAM,2BAA2B,uBAAuB,CAAC;AAChE,eAAO,MAAM,gCAAgC,oBAAoB,CAAC;AAClE,eAAO,MAAM,iBAAiB,qBAAqB,CAAC;AACpD,eAAO,MAAM,sBAAsB,kBAAkB,CAAC;AACtD,eAAO,MAAM,wBAAwB,qBAAqB,CAAC;AAC3D,eAAO,MAAM,6BAA6B,kBAAkB,CAAC;AAC7D,eAAO,MAAM,0BAA0B,mBAAmB,CAAC;AAC3D,eAAO,MAAM,uBAAuB,qBAAqB,CAAC;AAC1D,eAAO,MAAM,4BAA4B,oBAAoB,CAAC;AAC9D,eAAO,MAAM,8BAA8B,qBAAqB,CAAC;AACjE,eAAO,MAAM,mCAAmC,oBAAoB,CAAC;AACrE,eAAO,MAAM,gCAAgC,mBAAmB,CAAC;AACjE,eAAO,MAAM,YAAY,2BAA2B,CAAC;AACrD,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAG1C,eAAO,MAAM,wBAAwB,EAAE,eAItC,CAAC;AAGF,eAAO,MAAM,uBAAuB,EAAE,gBAAqC,CAAC;AAG5E,eAAO,MAAM,oBAAoB,mBAAmB,CAAC;AACrD,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAG1C,eAAO,MAAM,YAAY,MAAM,CAAC;AAChC,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,UAAU,SAAS,CAAC;AACjC,eAAO,MAAM,eAAe,SAAS,CAAC;AAGtC,eAAO,MAAM,qBAAqB,KAAK,CAAC;AACxC,eAAO,MAAM,sBAAsB,KAAK,CAAC;AAGzC,eAAO,MAAM,gBAAgB,4DAC8B,CAAC;AAC5D,eAAO,MAAM,gBAAgB,yHAC2F,CAAC;AACzH,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,wBAAwB,gEAC0B,CAAC;AAChE,eAAO,MAAM,yBAAyB,mEAC4B,CAAC;AAGnE,eAAO,MAAM,kBAAkB,+FAC+D,CAAC;AAC/F,eAAO,MAAM,0BAA0B,wIACgG,CAAC;AACxI,eAAO,MAAM,mBAAmB,YAAY,CAAC;AAC7C,eAAO,MAAM,0BAA0B,SAAS,CAAC;AACjD,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAGtC,eAAO,MAAM,gBAAgB,uCAAuC,CAAC;AAErE,eAAO,MAAM,kBAAkB,qBAAqB,CAAC;AAErD,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAG7C,eAAO,MAAM,aAAa,KAAK,CAAC;AAChC,eAAO,MAAM,eAAe,IAAI,CAAC;AAGjC,eAAO,MAAM,eAAe,KAAK,CAAC;AAIlC,eAAO,MAAM,cAAc,MAAM,CAAC;AAIlC,eAAO,MAAM,aAAa,YAAY,CAAC;AAGvC,eAAO,MAAM,WAAW,YAAY,CAAC;AAGrC,eAAO,MAAM,UAAU,YAAY,CAAC;AAGpC,eAAO,MAAM,aAAa,YAAY,CAAC;AAGvC,eAAO,MAAM,8BAA8B,SAAS,CAAC;AAGrD,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAGrC,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,sBAAsB,KAAK,CAAC;AAEzC,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC;IACnC,SAAS,EAAE,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;CACf,CAqEA,CAAC;AAEF,eAAO,MAAM,cAAc,SAAS,CAAC;AAErC,eAAO,MAAM,2BAA2B,EAAE,OAAO,gBAchD,CAAC;AAEF,eAAO,MAAM,WAAW,aAAa,CAAC;AACtC,eAAO,MAAM,WAAW,QAC4a,CAAC;AACrc,eAAO,MAAM,SAAS,QACyF,CAAC;AAEhH,eAAO,MAAM,aAAa,mBAyExB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,wDACiB,CAAC;AAExD;;;;GAIG;AACH,eAAO,MAAM,mCAAmC,mDACE,CAAC"}

package/dist/cjs/config.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEFAULT_HEADER_SELECTED_TABLE_BG = exports.DEFAULT_HEADER_ACTIVE_TABLE_BG_DARK = exports.DEFAULT_HEADER_ACTIVE_TABLE_BG = exports.DEFAULT_HEADER_TABLE_BG_DARK = exports.DEFAULT_HEADER_TABLE_BG = exports.DEFAULT_HEADER_SELECTED_BG = exports.DEFAULT_HEADER_ACTIVE_BG_DARK = exports.DEFAULT_HEADER_ACTIVE_BG = exports.DEFAULT_HEADER_BG_DARK = exports.DEFAULT_HEADER_BG = exports.DEFAULT_HEADER_BORDER_COLOR_DARK = exports.DEFAULT_HEADER_BORDER_COLOR = exports.DEFAULT_HEADER_COLOR_DARK = exports.DEFAULT_HEADER_COLOR = exports.GRIDLINE_COLOR_DARK = exports.GRIDLINE_COLOR = exports.DEFAULT_CELL_BACKGROUND_COLOR_DARK = exports.DEFAULT_CELL_BACKGROUND_COLOR = exports.DEFAULT_CELL_COLOR_DARK = exports.DEFAULT_CELL_COLOR = exports.HEADER_TEXT_FORMAT = exports.DEFAULT_CELL_FORMAT = exports.DEFAULT_TEXT_FORMAT = exports.FORMULA_FONT_CONFIG = exports.EDITOR_FORMULA_VERTICAL_ALIGNMENT = exports.EDITOR_VERTICAL_ALIGNMENT = exports.CELL_HORIZONTAL_ALIGNMENT = exports.CELL_VERTICAL_ALIGNMENT = exports.MIN_COLUMN_WIDTH = exports.FILTER_BUTTON_FILL_COLOR = exports.FILTER_BUTTON_BORDER_COLOR = exports.FILTER_BUTTON_GLYPH_COLOR = exports.INDENT_SPACING = exports.DEFAULT_CELL_SPACING = exports.OUTLINE_GUTTER_PAD_PX = exports.OUTLINE_GUTTER_LEVEL_PX = exports.COLUMN_HEADER_HEIGHT = exports.ROW_HEADER_WIDTH = exports.DEFAULT_COLUMN_WIDTH = exports.DEFAULT_ROW_HEIGHT = exports.DEFAULT_FONT_SIZE_PT = exports.DEFAULT_COLUMN_COUNT = exports.DEFAULT_ROW_COUNT = exports.MAX_COLUMN_COUNT = exports.MAX_ROW_COUNT = exports.DEFAULT_SCROLL_POSITION = exports.FROZEN_EMPTY_ARRAY = exports.DEFAULT_ARRAY = exports.DEFAULT_SELECTIONS = exports.DEFAULT_ACTIVE_CELL = void 0;
-exports.MULTIPLE_SELECTIONS_CLIPBOARD_ERROR = exports.MULTIPLE_SELECTIONS_ERROR = exports.IndexedColors = exports.URL_REGEX = exports.EMAIL_REGEX = exports.BLANK_LABEL = exports.VALIDATION_CONDITION_LABELS = exports.CONDITION_NONE = exports.CONDITION_LABELS = exports.SCROLLBAR_SIZE_FIREFOX = exports.SCROLLBAR_SIZE = exports.FORMULA_BAR_HEIGHT = exports.DEFAULT_CELL_INPUT_LINE_HEIGHT = exports.COMMENT_COLOR = exports.NOTE_COLOR = exports.ERROR_COLOR = exports.INVALID_COLOR = exports.HEADER_MENU_DIM = exports.CF_ICON_SPACING = exports.CF_ICON_WIDTH = exports.EXPAND_COLLAPSE_ICON_WIDTH = exports.COLLAPSE_ICON_PATH = exports.EXPAND_ICON_PATH = exports.CHECKBOX_ICON_WIDTH = exports.CHECKBOX_ICON_ACTIVE_COLOR = exports.CHECKBOX_ICON_COLOR = exports.CHECKBOX_CHECKED_ICON_PATH = exports.CHECKBOX_ICON_PATH = exports.SORT_DESCENDING_ICON_PATH = exports.SORT_ASCENDING_ICON_PATH = exports.FILTER_ICON_WIDTH = exports.FUNNEL_ICON_PATH = exports.FITLER_ICON_PATH = exports.CALCULATED_ICON_HEIGHT = exports.CALCULATED_ICON_WIDTH = exports.CHIP_COLOR_DARK = exports.CHIP_COLOR = exports.CHIP_RADIUS = exports.CHIP_HEIGHT = exports.CHIP_SPACING = exports.ARROW_DOWN_COLOR = exports.ARROW_DOWN_WIDTH = exports.ARROW_DOWN_ICON_PATH = exports.defaultSpreadsheetTheme = exports.DEFAULT_OVERLAY_POSITION = exports.SELECTION_BORDER = exports.SELECTION_BG = void 0;
+exports.MULTIPLE_SELECTIONS_CLIPBOARD_ERROR = exports.MULTIPLE_SELECTIONS_ERROR = exports.IndexedColors = exports.URL_REGEX = exports.EMAIL_REGEX = exports.BLANK_LABEL = exports.VALIDATION_CONDITION_LABELS = exports.CONDITION_NONE = exports.CONDITION_LABELS = exports.SCROLLBAR_SIZE_FIREFOX = exports.SCROLLBAR_SIZE = exports.FORMULA_BAR_HEIGHT = exports.DEFAULT_CELL_INPUT_LINE_HEIGHT = exports.COMMENT_COLOR = exports.NOTE_COLOR = exports.ERROR_COLOR = exports.INVALID_COLOR = exports.INDICATOR_SIZE = exports.HEADER_MENU_DIM = exports.CF_ICON_SPACING = exports.CF_ICON_WIDTH = exports.EXPAND_COLLAPSE_ICON_WIDTH = exports.COLLAPSE_ICON_PATH = exports.EXPAND_ICON_PATH = exports.CHECKBOX_ICON_WIDTH = exports.CHECKBOX_ICON_ACTIVE_COLOR = exports.CHECKBOX_ICON_COLOR = exports.CHECKBOX_CHECKED_ICON_PATH = exports.CHECKBOX_ICON_PATH = exports.SORT_DESCENDING_ICON_PATH = exports.SORT_ASCENDING_ICON_PATH = exports.FILTER_ICON_WIDTH = exports.FUNNEL_ICON_PATH = exports.FITLER_ICON_PATH = exports.CALCULATED_ICON_HEIGHT = exports.CALCULATED_ICON_WIDTH = exports.CHIP_COLOR_DARK = exports.CHIP_COLOR = exports.CHIP_RADIUS = exports.CHIP_HEIGHT = exports.CHIP_SPACING = exports.ARROW_DOWN_COLOR = exports.ARROW_DOWN_WIDTH = exports.ARROW_DOWN_ICON_PATH = exports.defaultSpreadsheetTheme = exports.DEFAULT_OVERLAY_POSITION = exports.SELECTION_BORDER = exports.SELECTION_BG = void 0;
 var tslib_1 = require("tslib");
 var themes_1 = require("./themes");
 exports.DEFAULT_ACTIVE_CELL = Object.freeze({
@@ -133,14 +133,18 @@ exports.CF_ICON_WIDTH = 14;
 exports.CF_ICON_SPACING = 4;
 // Header menu
 exports.HEADER_MENU_DIM = 15;
-// Invalid cell
-exports.INVALID_COLOR = "#FF5621";
-// Error cell
-exports.ERROR_COLOR = "#ff0000";
-// Note cell
-exports.NOTE_COLOR = "#E68500";
-// Comment cell
-exports.COMMENT_COLOR = "#FAB00B";
+// Cell indicators (Excel's places and colours). Sizes are at 100 % zoom; the grid multiplies by
+// the zoom scale.
+exports.INDICATOR_SIZE = 6.5;
+// Invalid cell: Data → Data Validation → Circle Invalid Data draws a red circle. Excel does not
+// mark an invalid cell otherwise.
+exports.INVALID_COLOR = "#FF0000";
+// Error-checking indicator: green ◤ in the top-left corner (Excel's "Automatic" indicator colour).
+exports.ERROR_COLOR = "#008000";
+// Note: red ◥ in the top-right corner.
+exports.NOTE_COLOR = "#FF0000";
+// Threaded comment: purple marker in the top-right corner.
+exports.COMMENT_COLOR = "#7719AA";
 // CellInput
 exports.DEFAULT_CELL_INPUT_LINE_HEIGHT = "23px";
 // Formula bar

package/dist/cjs/hooks/use-cell-renderer.d.ts

@@ -4,6 +4,7 @@ import { Direction } from "@rowsncolumns/grid";
 import type { FormulaLocale } from "@rowsncolumns/utils";
 import type { CellDiff } from "@rowsncolumns/version-comparison";
 import React from "react";
+import type { ErrorCheckKind } from "../api/error-checking";
 import type { CanvasGridProps, SpreadsheetTheme } from "../components/canvas-grid/typings";
 import type { CellData, CellFormat, Color, DataValidationRule, ErrorValue, SortOrder, TextFormat } from "../types";
 import type { useSizer } from "./use-sizer";
@@ -222,6 +223,16 @@ export type CellRendererProps<T extends CellData = CellData> = {
      * Width of grid line
      */
     gridLineWidth: number;
+    /**
+     * Excel's background error checking: which rule flags this cell (formula error, number stored
+     * as text), or `undefined`. Flagged cells get the green ◤ indicator.
+     */
+    getErrorCheck?(sheetId: number, rowIndex: number, columnIndex: number): ErrorCheckKind | undefined;
+    /**
+     * Data → Data Validation → Circle Invalid Data: circle every cell that fails its validation.
+     * Off by default — Excel does not mark invalid cells otherwise.
+     */
+    circleInvalidData?: boolean;
     /**
      * Display notes indicator
      */
@@ -280,5 +291,5 @@ export type CellRendererProps<T extends CellData = CellData> = {
      */
     getDefaultHorizontalAlignment(sheetId: number, rowIndex: number, columnIndex: number): HorizontalAlign | undefined;
 };
-export declare const useCellRenderer: <T extends CellData = CellData>({ sheetId, scale, showGridLines, showZeros, isRowHeader, isColumnHeader, selectedRows, selectedColumns, selectedRowHeaders, selectedColumnHeaders, cellBackgroundColor, headerBorderColor, headerBackgroundColor, headerColor, headerActiveBackgroundColor, headerSelectedBackgroundColor, headerSelectedColor, headerTableBackgroundColor, headerTableActiveBackgroundColor, headerTableSelectedBackgroundColor, chipBackgroundColor, filterIconColor, showCalculatedColumnIcon, enableTextOverflow, showHeaders, theme, getDefaultHorizontalAlignment, isTableFilterVisible, columnContainsTable, rowsContainsTable, canOverflowToNextCell, getTableHeaderSortOrder, getDataValidation, getErrorValue, formulaLocale, locale, getEffectiveValue, getSparklineGroup, getFormattedValue, getNote, getComment, getEffectiveCellFormat, getCellBounds, getCellImageUrl, getCellMetaType, getRowHeaderText, getColumnHeaderText, getMaximumOverflowTextWidth, getCenterAcrossSelectionSpan, activeCell, getTextDimension, getCellGroupingInfo, getTextFormatRuns, onRequestEdit, onFilterClick, onCheckboxClick, isTableHeader, isTableTotalsCell, onTotalsArrowClick, isCalculatedColumnHeader, isTableHeaderFilterActive, HeaderCell, Cell, StructuredResult, gridLineWidth, showNotes, showComments, defaultFontSizePoint, lineHeightMode, readonly, onExpandCollapse, onOverflow, isComparing, getCellDiff, }: CellRendererProps<T>) => readonly [(props: RendererProps) => React.JSX.Element | null, (props: RendererProps) => React.JSX.Element, (props: RendererProps) => React.JSX.Element | null, (props: RendererProps) => React.JSX.Element | null | undefined, (cells: RendererProps[]) => React.JSX.Element];
+export declare const useCellRenderer: <T extends CellData = CellData>({ sheetId, scale, showGridLines, showZeros, isRowHeader, isColumnHeader, selectedRows, selectedColumns, selectedRowHeaders, selectedColumnHeaders, cellBackgroundColor, headerBorderColor, headerBackgroundColor, headerColor, headerActiveBackgroundColor, headerSelectedBackgroundColor, headerSelectedColor, headerTableBackgroundColor, headerTableActiveBackgroundColor, headerTableSelectedBackgroundColor, chipBackgroundColor, filterIconColor, showCalculatedColumnIcon, enableTextOverflow, showHeaders, theme, getDefaultHorizontalAlignment, isTableFilterVisible, columnContainsTable, rowsContainsTable, canOverflowToNextCell, getTableHeaderSortOrder, getDataValidation, getErrorValue, formulaLocale, locale, getEffectiveValue, getSparklineGroup, getFormattedValue, getNote, getComment, getEffectiveCellFormat, getCellBounds, getCellImageUrl, getCellMetaType, getRowHeaderText, getColumnHeaderText, getMaximumOverflowTextWidth, getCenterAcrossSelectionSpan, activeCell, getTextDimension, getCellGroupingInfo, getTextFormatRuns, onRequestEdit, onFilterClick, onCheckboxClick, isTableHeader, isTableTotalsCell, onTotalsArrowClick, isCalculatedColumnHeader, isTableHeaderFilterActive, HeaderCell, Cell, StructuredResult, gridLineWidth, getErrorCheck, circleInvalidData, showNotes, showComments, defaultFontSizePoint, lineHeightMode, readonly, onExpandCollapse, onOverflow, isComparing, getCellDiff, }: CellRendererProps<T>) => readonly [(props: RendererProps) => React.JSX.Element | null, (props: RendererProps) => React.JSX.Element, (props: RendererProps) => React.JSX.Element | null, (props: RendererProps) => React.JSX.Element | null | undefined, (cells: RendererProps[]) => React.JSX.Element];
 //# sourceMappingURL=use-cell-renderer.d.ts.map