@rowsncolumns/spreadsheet 10.2.74 → 10.2.75

package/dist/cjs/components/context-menu/index.js

@@ -9,13 +9,17 @@ var utils_1 = require("@rowsncolumns/utils");
 var react_1 = tslib_1.__importStar(require("react"));
 var validation_1 = require("../../api/validation");
 var atoms_1 = require("../../atoms");
+var advanced_filter_dialog_atom_1 = require("../../atoms/advanced-filter-dialog.atom");
+var goal_seek_dialog_atom_1 = require("../../atoms/goal-seek-dialog.atom");
 var remove_duplicates_dialog_atom_1 = require("../../atoms/remove-duplicates-dialog.atom");
+var subtotal_dialog_atom_1 = require("../../atoms/subtotal-dialog.atom");
+var text_to_columns_dialog_atom_1 = require("../../atoms/text-to-columns-dialog.atom");
 var config_1 = require("../../config");
 var helpers_1 = require("../../helpers");
 var total_row_functions_1 = require("./total-row-functions");
 var ContextMenu = function (_a) {
     var _b;
-    var isRowHeader = _a.isRowHeader, isColumnHeader = _a.isColumnHeader, activeCell = _a.activeCell, selections = _a.selections, basicFilter = _a.basicFilter, isTableHeader = _a.isTableHeader, onClearContents = _a.onClearContents, onHideColumn = _a.onHideColumn, onHideRow = _a.onHideRow, onGroupRows = _a.onGroupRows, onUngroupRows = _a.onUngroupRows, onGroupColumns = _a.onGroupColumns, onUngroupColumns = _a.onUngroupColumns, onDeleteRow = _a.onDeleteRow, onDeleteColumn = _a.onDeleteColumn, onInsertColumn = _a.onInsertColumn, onInsertRow = _a.onInsertRow, onInsertCellsShiftDown = _a.onInsertCellsShiftDown, onInsertCellsShiftRight = _a.onInsertCellsShiftRight, onDeleteCellsShiftLeft = _a.onDeleteCellsShiftLeft, onDeleteCellsShiftUp = _a.onDeleteCellsShiftUp, onFreezeRow = _a.onFreezeRow, onFreezeColumn = _a.onFreezeColumn, onCopy = _a.onCopy, onCut = _a.onCut, onPaste = _a.onPaste, onRequestPasteSpecial = _a.onRequestPasteSpecial, onRequestEvaluateFormula = _a.onRequestEvaluateFormula, isActiveCellFormula = _a.isActiveCellFormula, onInsertNote = _a.onInsertNote, onProtectRange = _a.onProtectRange, onUnProtectRange = _a.onUnProtectRange, onSortRange = _a.onSortRange, onSortColumn = _a.onSortColumn, onRequestDefineNamedRange = _a.onRequestDefineNamedRange, onRequestResize = _a.onRequestResize, onRequestEditTable = _a.onRequestEditTable, onRequestEditPivotTable = _a.onRequestEditPivotTable, onRequestDeletePivotTable = _a.onRequestDeletePivotTable, onPivotDrillDown = _a.onPivotDrillDown, onRequestFormatCells = _a.onRequestFormatCells, onRequestConditionalFormat = _a.onRequestConditionalFormat, onRequestDataValidation = _a.onRequestDataValidation, onRemoveTable = _a.onRemoveTable, onClearFormatting = _a.onClearFormatting, onCreateTable = _a.onCreateTable, onCreateBasicFilter = _a.onCreateBasicFilter, onFilterTable = _a.onFilterTable, onSortTable = _a.onSortTable, getFormattedValuesFromRange = _a.getFormattedValuesFromRange, focusSheet = _a.focusSheet, isSheetFocused = _a.isSheetFocused, getFormattedValue = _a.getFormattedValue, onInsertTableColumn = _a.onInsertTableColumn, onDeleteTableColumn = _a.onDeleteTableColumn, onInsertTableRow = _a.onInsertTableRow, onDeleteTableRow = _a.onDeleteTableRow, onSplitTextToColumns = _a.onSplitTextToColumns, onRemoveDuplicates = _a.onRemoveDuplicates, onChange = _a.onChange, getCellData = _a.getCellData, isHiddenColumn = _a.isHiddenColumn, isHiddenRow = _a.isHiddenRow, onShowColumn = _a.onShowColumn, onShowRow = _a.onShowRow, tables = _a.tables, pivotTables = _a.pivotTables, protectedRanges = _a.protectedRanges, sheetId = _a.sheetId, frozenRows = _a.frozenRows, frozenColumns = _a.frozenColumns, selectedRowHeadersIds = _a.selectedRowHeadersIds, selectedColumnHeadersIds = _a.selectedColumnHeadersIds, _c = _a.readonly, readonly = _c === void 0 ? false : _c, onAddQuickEdit = _a.onAddQuickEdit, enableMagicFill = _a.enableMagicFill;
+    var isRowHeader = _a.isRowHeader, isColumnHeader = _a.isColumnHeader, activeCell = _a.activeCell, selections = _a.selections, basicFilter = _a.basicFilter, isTableHeader = _a.isTableHeader, onClearContents = _a.onClearContents, onHideColumn = _a.onHideColumn, onHideRow = _a.onHideRow, onGroupRows = _a.onGroupRows, onUngroupRows = _a.onUngroupRows, onGroupColumns = _a.onGroupColumns, onUngroupColumns = _a.onUngroupColumns, onDeleteRow = _a.onDeleteRow, onDeleteColumn = _a.onDeleteColumn, onInsertColumn = _a.onInsertColumn, onInsertRow = _a.onInsertRow, onInsertCellsShiftDown = _a.onInsertCellsShiftDown, onInsertCellsShiftRight = _a.onInsertCellsShiftRight, onDeleteCellsShiftLeft = _a.onDeleteCellsShiftLeft, onDeleteCellsShiftUp = _a.onDeleteCellsShiftUp, onFreezeRow = _a.onFreezeRow, onFreezeColumn = _a.onFreezeColumn, onCopy = _a.onCopy, onCut = _a.onCut, onPaste = _a.onPaste, onRequestPasteSpecial = _a.onRequestPasteSpecial, onRequestEvaluateFormula = _a.onRequestEvaluateFormula, onRequestAddWatch = _a.onRequestAddWatch, isActiveCellFormula = _a.isActiveCellFormula, onInsertNote = _a.onInsertNote, onProtectRange = _a.onProtectRange, onUnProtectRange = _a.onUnProtectRange, onSortRange = _a.onSortRange, onSortColumn = _a.onSortColumn, onRequestDefineNamedRange = _a.onRequestDefineNamedRange, onRequestResize = _a.onRequestResize, onRequestEditTable = _a.onRequestEditTable, onRequestEditPivotTable = _a.onRequestEditPivotTable, onRequestDeletePivotTable = _a.onRequestDeletePivotTable, onPivotDrillDown = _a.onPivotDrillDown, onRequestFormatCells = _a.onRequestFormatCells, onRequestConditionalFormat = _a.onRequestConditionalFormat, onRequestDataValidation = _a.onRequestDataValidation, onRemoveTable = _a.onRemoveTable, onClearFormatting = _a.onClearFormatting, onCreateTable = _a.onCreateTable, onCreateBasicFilter = _a.onCreateBasicFilter, onFilterTable = _a.onFilterTable, onSortTable = _a.onSortTable, getFormattedValuesFromRange = _a.getFormattedValuesFromRange, focusSheet = _a.focusSheet, isSheetFocused = _a.isSheetFocused, getFormattedValue = _a.getFormattedValue, onInsertTableColumn = _a.onInsertTableColumn, onDeleteTableColumn = _a.onDeleteTableColumn, onInsertTableRow = _a.onInsertTableRow, onDeleteTableRow = _a.onDeleteTableRow, onSplitTextToColumns = _a.onSplitTextToColumns, onRemoveDuplicates = _a.onRemoveDuplicates, onGoalSeek = _a.onGoalSeek, onSubtotal = _a.onSubtotal, onAdvancedFilter = _a.onAdvancedFilter, onChange = _a.onChange, getCellData = _a.getCellData, isHiddenColumn = _a.isHiddenColumn, isHiddenRow = _a.isHiddenRow, onShowColumn = _a.onShowColumn, onShowRow = _a.onShowRow, tables = _a.tables, pivotTables = _a.pivotTables, protectedRanges = _a.protectedRanges, sheetId = _a.sheetId, frozenRows = _a.frozenRows, frozenColumns = _a.frozenColumns, selectedRowHeadersIds = _a.selectedRowHeadersIds, selectedColumnHeadersIds = _a.selectedColumnHeadersIds, _c = _a.readonly, readonly = _c === void 0 ? false : _c, onAddQuickEdit = _a.onAddQuickEdit, enableMagicFill = _a.enableMagicFill;
     var isHeader = isColumnHeader || isRowHeader;
     var shouldFocusSheetRef = (0, react_1.useRef)(true);
     var multiColumnTitle = (0, helpers_1.generateMultiDimTitle)(selectedColumnHeadersIds, "y");
@@ -55,6 +59,122 @@ var ContextMenu = function (_a) {
     var lastSelectedRowIndex = selectedRowHeadersIds.reduce(function (m, v) { return (v > m ? v : m); }, -Infinity);
     // Get contentful range
     var getContentfulRangeAroundCell = (0, atoms_1.useGetContentfulRangeAroundCell)();
+    // The data block the data tools act on: a table's own rows, the selection,
+    // or (from a lone cell) the contentful region around it — like Excel.
+    var dataRangeAroundSelection = (0, react_1.useCallback)(function () {
+        var _a;
+        if (activeTable) {
+            return tslib_1.__assign(tslib_1.__assign({}, activeTable.range), { endRowIndex: activeTable.range.endRowIndex - (activeTable.totalRow ? 1 : 0) });
+        }
+        if (selections.length) {
+            return selection.range;
+        }
+        return (_a = getContentfulRangeAroundCell === null || getContentfulRangeAroundCell === void 0 ? void 0 : getContentfulRangeAroundCell(sheetId, activeCell)) !== null && _a !== void 0 ? _a : selection.range;
+    }, [activeTable, selections.length, selection.range, getContentfulRangeAroundCell, sheetId, activeCell]);
+    // Excel pre-ticks "my data has headers" when the first row reads as labels:
+    // every cell filled and none of them a number.
+    var headerColumnsOf = (0, react_1.useCallback)(function (range) {
+        var _a, _b, _c, _d;
+        var columns = [];
+        for (var columnIndex = range.startColumnIndex; columnIndex <= range.endColumnIndex; columnIndex++) {
+            var header = (_c = (_b = (_a = activeTable === null || activeTable === void 0 ? void 0 : activeTable.columns) === null || _a === void 0 ? void 0 : _a[columnIndex - activeTable.range.startColumnIndex]) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : getFormattedValue(sheetId, range.startRowIndex, columnIndex);
+            columns.push({
+                columnIndex: columnIndex,
+                label: "Column ".concat((0, utils_1.number2Alpha)(columnIndex - 1)),
+                header: header || undefined,
+            });
+        }
+        var hasHeader = activeTable
+            ? ((_d = activeTable.headerRow) !== null && _d !== void 0 ? _d : true)
+            : range.endRowIndex > range.startRowIndex &&
+                columns.every(function (column) { return !!column.header && Number.isNaN(Number(column.header)); });
+        return { columns: columns, hasHeader: hasHeader };
+    }, [activeTable, getFormattedValue, sheetId]);
+    var rangeAddress = function (range) {
+        return "".concat((0, utils_1.cellToAddress)({ rowIndex: range.startRowIndex, columnIndex: range.startColumnIndex }), ":").concat((0, utils_1.cellToAddress)({ rowIndex: range.endRowIndex, columnIndex: range.endColumnIndex }));
+    };
+    // Text to Columns → Fixed width (dialog with a ruler over the selected column).
+    var isTextToColumnsDialogMounted = (0, text_to_columns_dialog_atom_1.useIsTextToColumnsDialogMounted)();
+    var openTextToColumnsDialog = (0, text_to_columns_dialog_atom_1.useOpenTextToColumnsDialog)();
+    var handleTextToColumnsDialog = (0, react_1.useCallback)(function () {
+        var _a;
+        var range = selections.length ? selection.range : dataRangeAroundSelection();
+        var columnIndex = selections.length ? range.startColumnIndex : activeCell.columnIndex;
+        var preview = [];
+        var firstRow = selections.length ? range.startRowIndex : activeCell.rowIndex;
+        var lastRow = selections.length ? range.endRowIndex : range.endRowIndex;
+        for (var rowIndex = firstRow; rowIndex <= lastRow && preview.length < 8; rowIndex++) {
+            preview.push((_a = getFormattedValue(sheetId, rowIndex, columnIndex)) !== null && _a !== void 0 ? _a : "");
+        }
+        var target = selections.length
+            ? selections
+            : [
+                {
+                    range: {
+                        startRowIndex: activeCell.rowIndex,
+                        endRowIndex: range.endRowIndex,
+                        startColumnIndex: columnIndex,
+                        endColumnIndex: columnIndex,
+                    },
+                },
+            ];
+        openTextToColumnsDialog({
+            preview: preview,
+            onApply: function (_a) {
+                var delimiter = _a.delimiter, columnBreaks = _a.columnBreaks;
+                return onSplitTextToColumns === null || onSplitTextToColumns === void 0 ? void 0 : onSplitTextToColumns(sheetId, activeCell, target, delimiter, { columnBreaks: columnBreaks });
+            },
+        });
+    }, [
+        selections,
+        selection.range,
+        dataRangeAroundSelection,
+        activeCell,
+        getFormattedValue,
+        sheetId,
+        openTextToColumnsDialog,
+        onSplitTextToColumns,
+    ]);
+    // Data → Subtotal.
+    var isSubtotalDialogMounted = (0, subtotal_dialog_atom_1.useIsSubtotalDialogMounted)();
+    var openSubtotalDialog = (0, subtotal_dialog_atom_1.useOpenSubtotalDialog)();
+    var handleSubtotal = (0, react_1.useCallback)(function () {
+        var range = dataRangeAroundSelection();
+        var _a = headerColumnsOf(range), columns = _a.columns, hasHeader = _a.hasHeader;
+        openSubtotalDialog({
+            columns: columns,
+            hasHeader: hasHeader,
+            onApply: function (choices) { return onSubtotal === null || onSubtotal === void 0 ? void 0 : onSubtotal(sheetId, tslib_1.__assign({ range: range }, choices)); },
+        });
+    }, [dataRangeAroundSelection, headerColumnsOf, openSubtotalDialog, onSubtotal, sheetId]);
+    // Data → Advanced filter.
+    var isAdvancedFilterDialogMounted = (0, advanced_filter_dialog_atom_1.useIsAdvancedFilterDialogMounted)();
+    var openAdvancedFilterDialog = (0, advanced_filter_dialog_atom_1.useOpenAdvancedFilterDialog)();
+    var handleAdvancedFilter = (0, react_1.useCallback)(function () {
+        openAdvancedFilterDialog({
+            listRange: rangeAddress(dataRangeAroundSelection()),
+            onApply: function (options) { return onAdvancedFilter === null || onAdvancedFilter === void 0 ? void 0 : onAdvancedFilter(sheetId, options); },
+        });
+    }, [openAdvancedFilterDialog, dataRangeAroundSelection, onAdvancedFilter, sheetId]);
+    // Data → What-If Analysis → Goal Seek.
+    var isGoalSeekDialogMounted = (0, goal_seek_dialog_atom_1.useIsGoalSeekDialogMounted)();
+    var openGoalSeekDialog = (0, goal_seek_dialog_atom_1.useOpenGoalSeekDialog)();
+    var handleGoalSeek = (0, react_1.useCallback)(function () {
+        var _a;
+        openGoalSeekDialog({
+            setCell: (_a = (0, utils_1.cellToAddress)(activeCell)) !== null && _a !== void 0 ? _a : "",
+            onApply: function (setCellAddress, targetValue, changingCellAddress) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+                var setCell, changingCell;
+                return tslib_1.__generator(this, function (_a) {
+                    setCell = (0, utils_1.addressToCell)(setCellAddress);
+                    changingCell = (0, utils_1.addressToCell)(changingCellAddress);
+                    if (!setCell || !changingCell || !onGoalSeek)
+                        return [2 /*return*/, undefined];
+                    return [2 /*return*/, onGoalSeek(sheetId, setCell, targetValue, changingCell)];
+                });
+            }); },
+        });
+    }, [openGoalSeekDialog, activeCell, onGoalSeek, sheetId]);
     // Remove duplicates — Excel's dialog (column checklist + "my data has
     // headers") when a host mounts `RemoveDuplicatesDialogHost`, otherwise the
     // one-click de-dupe over the selection.
@@ -714,7 +834,14 @@ var ContextMenu = function (_a) {
                     } },
                     react_1.default.createElement(ui_1.DropdownLeftSlot, null,
                         react_1.default.createElement(icons_1.CodeIcon, null)),
-                    "Evaluate formula")) : null)),
+                    "Evaluate formula")) : null,
+                onRequestAddWatch ? (react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
+                        shouldFocusSheetRef.current = false;
+                        onRequestAddWatch(sheetId, activeCell);
+                    } },
+                    react_1.default.createElement(ui_1.DropdownLeftSlot, null,
+                        react_1.default.createElement(icons_1.EyeOpenIcon, null)),
+                    "Add to Watch Window")) : null)),
             react_1.default.createElement(ui_1.DropdownMenuSeparator, null),
             react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: handleRemoveDuplicates, disabled: readonly },
                 react_1.default.createElement(ui_1.DropdownLeftSlot, null,
@@ -742,7 +869,23 @@ var ContextMenu = function (_a) {
                         } }, "Space"),
                     react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
                             return onSplitTextToColumns === null || onSplitTextToColumns === void 0 ? void 0 : onSplitTextToColumns(sheetId, activeCell, selections, "|");
-                        } }, "Pipe"))),
+                        } }, "Pipe"),
+                    isTextToColumnsDialogMounted ? (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(ui_1.DropdownMenuSeparator, null),
+                        react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: handleTextToColumnsDialog }, "Fixed width\u2026"))) : null)),
+            (isSubtotalDialogMounted && onSubtotal) ||
+                (isAdvancedFilterDialogMounted && onAdvancedFilter) ||
+                (isGoalSeekDialogMounted && onGoalSeek) ? (react_1.default.createElement(ui_1.DropdownMenuSub, null,
+                react_1.default.createElement(ui_1.DropdownMenuSubTrigger, { disabled: readonly },
+                    react_1.default.createElement(ui_1.DropdownLeftSlot, null,
+                        react_1.default.createElement(icons_1.SpaceBetweenHorizontallyIcon, null)),
+                    "Data tools",
+                    react_1.default.createElement(ui_1.DropdownRightSlot, null,
+                        react_1.default.createElement(icons_1.ChevronRightIcon, null))),
+                react_1.default.createElement(ui_1.DropdownMenuSubContent, { sideOffset: 2, alignOffset: -5 },
+                    isSubtotalDialogMounted && onSubtotal ? (react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: handleSubtotal }, "Subtotal\u2026")) : null,
+                    isAdvancedFilterDialogMounted && onAdvancedFilter ? (react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: handleAdvancedFilter }, "Advanced filter\u2026")) : null,
+                    isGoalSeekDialogMounted && onGoalSeek ? (react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: handleGoalSeek }, "Goal seek\u2026")) : null))) : null,
             react_1.default.createElement(ui_1.DropdownMenuSub, null,
                 react_1.default.createElement(ui_1.DropdownMenuSubTrigger, { disabled: readonly },
                     react_1.default.createElement(ui_1.DropdownLeftSlot, null,

package/dist/cjs/components/embeds/embed-component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"embed-component.d.ts","sourceRoot":"","sources":["../../../../components/embeds/embed-component.tsx"],"names":[],"mappings":"AASA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EACV,cAAc,EAIf,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAIhF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAChD,kBAAkB,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,cAAc,wHAUtB,mBAAmB,uBA+LvB,CAAC"}
+{"version":3,"file":"embed-component.d.ts","sourceRoot":"","sources":["../../../../components/embeds/embed-component.tsx"],"names":[],"mappings":"AASA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EACV,cAAc,EAKf,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAKhF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAChD,kBAAkB,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,cAAc,wHAUtB,mBAAmB,uBA4NvB,CAAC"}

package/dist/cjs/components/embeds/embed-component.js

@@ -6,8 +6,10 @@ var icons_1 = require("@rowsncolumns/icons");
 var ui_1 = require("@rowsncolumns/ui");
 var react_1 = tslib_1.__importStar(require("react"));
 var themes_1 = require("../../themes");
+var alignment_1 = require("../cell/alignment");
 var shape_svg_1 = require("./shape-svg");
 exports.EmbedComponent = (0, react_1.memo)(function (_a) {
+    var _b, _c, _d;
     var embed = _a.embed, width = _a.width, height = _a.height, readonly = _a.readonly, isSelected = _a.isSelected, onDeleteEmbed = _a.onDeleteEmbed, onRequestEditEmbed = _a.onRequestEditEmbed, theme = _a.theme;
     var renderTextBox = function (spec) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
@@ -45,7 +47,9 @@ exports.EmbedComponent = (0, react_1.memo)(function (_a) {
             height: "100%",
             backgroundColor: backgroundColor,
             padding: spec.padding ? "".concat(spec.padding, "px") : "4px",
-            textAlign: spec.horizontalAlignment || undefined,
+            textAlign: spec.horizontalAlignment
+                ? (0, alignment_1.resolveCanvasTextAlign)(spec.horizontalAlignment)
+                : undefined,
             display: "flex",
             flexDirection: "column",
             justifyContent: spec.verticalAlignment === "top"
@@ -114,6 +118,17 @@ exports.EmbedComponent = (0, react_1.memo)(function (_a) {
         (embed === null || embed === void 0 ? void 0 : embed.spec.type) === "shape" ? (react_1.default.createElement("div", { style: { position: "relative", width: "100%", height: "100%" } },
             react_1.default.createElement(shape_svg_1.ShapeSvg, { spec: embed.spec, width: width, height: height, theme: theme }),
             embed.spec.textBody ? (react_1.default.createElement("div", { style: { position: "absolute", inset: 0 } }, renderTextBox(tslib_1.__assign({ type: "textbox" }, embed.spec.textBody)))) : null)) : null,
+        (embed === null || embed === void 0 ? void 0 : embed.spec.type) === "formControl" ? (
+        // Excel form controls round-trip but are not interactive here: draw
+        // the caption in a control-shaped placeholder so the layout reads.
+        react_1.default.createElement("div", { className: "flex h-full w-full items-center gap-1 overflow-hidden whitespace-nowrap px-1 text-xs", title: (_b = embed.spec.name) !== null && _b !== void 0 ? _b : undefined },
+            embed.spec.objectType === "CheckBox" ||
+                embed.spec.objectType === "Radio" ? (react_1.default.createElement("span", { className: "inline-block h-3 w-3 shrink-0 border border-current", style: {
+                    borderRadius: embed.spec.objectType === "Radio"
+                        ? "50%"
+                        : 2,
+                } })) : null,
+            react_1.default.createElement("span", { className: "truncate" }, (_d = (_c = embed.spec.text) !== null && _c !== void 0 ? _c : embed.spec.name) !== null && _d !== void 0 ? _d : embed.spec.objectType))) : null,
         readonly || !isSelected ? null : (react_1.default.createElement(ui_1.DropdownMenu, null,
             react_1.default.createElement(ui_1.DropdownMenuTrigger, { asChild: true, className: "print:hidden" },
                 react_1.default.createElement(ui_1.IconButton, { className: "absolute right-1 top-1 z-10" },

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

@@ -1,4 +1,6 @@
+import type { GridRange } from "@rowsncolumns/grid";
 import React from "react";
+import { type GoToSpecialKind } from "../../api/go-to-special";
 import type { NamedRange, SheetRange } from "../../types";
 export type GoToDialogProps = {
     /** Controls visibility. */
@@ -15,6 +17,14 @@ export type GoToDialogProps = {
     resolve(reference: string): SheetRange | undefined;
     /** Receives the resolved range; the host selects and scrolls to it. */
     onNavigate(range: SheetRange): void;
+    /**
+     * Go To Special. `resolve` returns the matching cell runs for a category;
+     * `onSelectRanges` receives them. Omit to hide the "Special…" panel.
+     */
+    special?: {
+        resolve(kind: GoToSpecialKind): GridRange[];
+        onSelectRanges(ranges: GridRange[]): void;
+    };
 };
 /**
  * Excel's Go To dialog (`Ctrl+G` / `F5`): type a cell or range reference,
@@ -22,7 +32,7 @@ export type GoToDialogProps = {
  * jumps there. Resolution is delegated to `resolve` so the dialog stays
  * UI-only.
  */
-export declare const GoToDialog: React.MemoExoticComponent<({ open, onOpenChange, namedRanges, currentAddress, resolve, onNavigate, }: GoToDialogProps) => React.JSX.Element>;
+export declare const GoToDialog: React.MemoExoticComponent<({ open, onOpenChange, namedRanges, currentAddress, resolve, onNavigate, special, }: GoToDialogProps) => React.JSX.Element>;
 /**
  * Host-mounted, atom-driven wrapper around {@link GoToDialog}. Mount it once
  * in the host alongside the other editor dialogs; the grid opens it on

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/go-to-dialog/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG;IAC5B,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,gFAAgF;IAChF,WAAW,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IAClC,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;IACnD,uEAAuE;IACvE,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CACrC,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,wGAQlB,eAAe,uBA4GnB,CAAC;AAUF;;;;GAIG;AACH,eAAO,MAAM,cAAc;;;CA8B1B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/go-to-dialog/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAMjC,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG;IAC5B,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,gFAAgF;IAChF,WAAW,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IAClC,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;IACnD,uEAAuE;IACvE,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,IAAI,EAAE,eAAe,GAAG,SAAS,EAAE,CAAC;QAC5C,cAAc,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;KAC3C,CAAC;CACH,CAAC;AAKF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,iHASlB,eAAe,uBA0MnB,CAAC;AAUF;;;;GAIG;AACH,eAAO,MAAM,cAAc;;;CA+B1B,CAAC"}

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

@@ -6,8 +6,10 @@ var ui_1 = require("@rowsncolumns/ui");
 var utils_1 = require("@rowsncolumns/utils");
 var react_1 = tslib_1.__importStar(require("react"));
 var go_to_1 = require("../../api/go-to");
+var go_to_special_1 = require("../../api/go-to-special");
 var go_to_dialog_atom_1 = require("../../atoms/go-to-dialog.atom");
 var INVALID_REFERENCE = "Reference is not valid.";
+var NO_CELLS_FOUND = "No cells were found.";
 /**
  * Excel's Go To dialog (`Ctrl+G` / `F5`): type a cell or range reference,
  * optionally sheet-qualified, or pick a defined name, and the selection
@@ -15,9 +17,22 @@ var INVALID_REFERENCE = "Reference is not valid.";
  * UI-only.
  */
 exports.GoToDialog = (0, react_1.memo)(function (_a) {
-    var open = _a.open, onOpenChange = _a.onOpenChange, namedRanges = _a.namedRanges, currentAddress = _a.currentAddress, resolve = _a.resolve, onNavigate = _a.onNavigate;
+    var open = _a.open, onOpenChange = _a.onOpenChange, namedRanges = _a.namedRanges, currentAddress = _a.currentAddress, resolve = _a.resolve, onNavigate = _a.onNavigate, special = _a.special;
     var _b = tslib_1.__read((0, react_1.useState)(""), 2), reference = _b[0], setReference = _b[1];
     var _c = tslib_1.__read((0, react_1.useState)(undefined), 2), error = _c[0], setError = _c[1];
+    var _d = tslib_1.__read((0, react_1.useState)(false), 2), showSpecial = _d[0], setShowSpecial = _d[1];
+    var _e = tslib_1.__read((0, react_1.useState)("blanks"), 2), specialKind = _e[0], setSpecialKind = _e[1];
+    var selectSpecial = (0, react_1.useCallback)(function () {
+        if (!special)
+            return;
+        var ranges = special.resolve(specialKind);
+        if (!ranges.length) {
+            setError(NO_CELLS_FOUND);
+            return;
+        }
+        special.onSelectRanges(ranges);
+        onOpenChange(false);
+    }, [special, specialKind, onOpenChange]);
     var navigate = (0, react_1.useCallback)(function (text) {
         var range = resolve(text);
         if (!range) {
@@ -30,30 +45,58 @@ exports.GoToDialog = (0, react_1.memo)(function (_a) {
     var names = (namedRanges !== null && namedRanges !== void 0 ? namedRanges : []).filter(function (range) { return range.range && !range.hidden; });
     return (react_1.default.createElement(ui_1.Dialog, { open: open, onOpenChange: onOpenChange, modal: true },
         react_1.default.createElement(ui_1.DialogContent, { className: "w-[360px] max-w-[92vw] pointer-events-auto" },
-            react_1.default.createElement(ui_1.DialogTitle, null, "Go To"),
+            react_1.default.createElement(ui_1.DialogTitle, null, showSpecial ? "Go To Special" : "Go To"),
             react_1.default.createElement(ui_1.DialogCloseButton, null),
-            react_1.default.createElement(ui_1.DialogBody, { className: "flex flex-col gap-3" },
-                react_1.default.createElement("form", { className: "flex flex-col gap-3", onSubmit: function (e) {
-                        e.preventDefault();
-                        navigate(reference);
-                    } },
-                    react_1.default.createElement("div", { className: "flex flex-col gap-1" },
-                        react_1.default.createElement("span", { className: "text-xs font-medium" }, "Go to:"),
-                        react_1.default.createElement("div", { role: "listbox", "aria-label": "Defined names", className: "h-[140px] overflow-auto rounded border border-rnc-border text-xs" }, names.length === 0 ? (react_1.default.createElement("div", { className: "px-2 py-1.5 text-rnc-foreground/60" }, "No defined names")) : (names.map(function (range) { return (react_1.default.createElement("div", { key: String(range.namedRangeId), role: "option", "aria-selected": reference === range.name, className: (0, ui_1.cn)("px-2 py-1 cursor-default select-none hover:bg-rnc-accent", reference === range.name && "bg-rnc-accent"), onClick: function () {
-                                setReference(range.name);
-                                setError(undefined);
-                            }, onDoubleClick: function () { return navigate(range.name); } }, range.name)); })))),
-                    react_1.default.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
-                        "Reference:",
-                        react_1.default.createElement(ui_1.Input, { autoFocus: true, value: reference, placeholder: currentAddress, "aria-invalid": error ? true : undefined, onChange: function (e) {
-                                setReference(e.target.value);
-                                setError(undefined);
-                            } })),
-                    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.DialogBody, { className: "flex flex-col gap-3" }, showSpecial && special ? (react_1.default.createElement("form", { className: "flex flex-col gap-3", onSubmit: function (e) {
+                    e.preventDefault();
+                    selectSpecial();
+                } },
+                react_1.default.createElement("fieldset", { className: "flex flex-col gap-1 border-0 p-0 m-0" },
+                    react_1.default.createElement("legend", { className: "text-xs font-medium pb-1" }, "Select"),
+                    go_to_special_1.GO_TO_SPECIAL_OPTIONS.map(function (_a) {
+                        var kind = _a.kind, label = _a.label;
+                        return (react_1.default.createElement("label", { key: kind, className: "flex items-center gap-2 text-xs cursor-pointer" },
+                            react_1.default.createElement("input", { type: "radio", name: "goToSpecial", value: kind, checked: specialKind === kind, onChange: function () {
+                                    setSpecialKind(kind);
+                                    setError(undefined);
+                                } }),
+                            label));
+                    })),
+                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-between gap-2" },
+                    react_1.default.createElement(ui_1.Button, { type: "button", variant: "ghost", size: "sm", onClick: function () {
+                            setShowSpecial(false);
+                            setError(undefined);
+                        } }, "Back"),
+                    react_1.default.createElement("div", { className: "flex gap-2" },
+                        react_1.default.createElement(ui_1.Button, { type: "button", variant: "outline", size: "sm", onClick: function () { return onOpenChange(false); } }, "Cancel"),
+                        react_1.default.createElement(ui_1.Button, { type: "submit", size: "sm" }, "OK"))))) : (react_1.default.createElement("form", { className: "flex flex-col gap-3", onSubmit: function (e) {
+                    e.preventDefault();
+                    navigate(reference);
+                } },
+                react_1.default.createElement("div", { className: "flex flex-col gap-1" },
+                    react_1.default.createElement("span", { className: "text-xs font-medium" }, "Go to:"),
+                    react_1.default.createElement("div", { role: "listbox", "aria-label": "Defined names", className: "h-[140px] overflow-auto rounded border border-rnc-border text-xs" }, names.length === 0 ? (react_1.default.createElement("div", { className: "px-2 py-1.5 text-rnc-foreground/60" }, "No defined names")) : (names.map(function (range) { return (react_1.default.createElement("div", { key: String(range.namedRangeId), role: "option", "aria-selected": reference === range.name, className: (0, ui_1.cn)("px-2 py-1 cursor-default select-none hover:bg-rnc-accent", reference === range.name && "bg-rnc-accent"), onClick: function () {
+                            setReference(range.name);
+                            setError(undefined);
+                        }, onDoubleClick: function () { return navigate(range.name); } }, range.name)); })))),
+                react_1.default.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                    "Reference:",
+                    react_1.default.createElement(ui_1.Input, { autoFocus: true, value: reference, placeholder: currentAddress, "aria-invalid": error ? true : undefined, onChange: function (e) {
+                            setReference(e.target.value);
+                            setError(undefined);
+                        } })),
+                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-between gap-2" },
+                    special ? (react_1.default.createElement(ui_1.Button, { type: "button", variant: "ghost", size: "sm", onClick: function () {
+                            setShowSpecial(true);
+                            setError(undefined);
+                        } }, "Special\u2026")) : (react_1.default.createElement("span", null)),
+                    react_1.default.createElement("div", { className: "flex gap-2" },
                         react_1.default.createElement(ui_1.Button, { type: "button", variant: "outline", size: "sm", onClick: function () { return onOpenChange(false); } }, "Cancel"),
-                        react_1.default.createElement(ui_1.Button, { type: "submit", size: "sm", disabled: !reference.trim() }, "OK")))))));
+                        react_1.default.createElement(ui_1.Button, { type: "submit", size: "sm", disabled: !reference.trim() }, "OK")))))))));
 });
 exports.GoToDialog.displayName = "GoToDialog";
 var currentAddressOf = function (request) {
@@ -87,7 +130,7 @@ var GoToDialogHost = function () {
     return (react_1.default.createElement(exports.GoToDialog, { open: true, onOpenChange: function (open) {
             if (!open)
                 close();
-        }, namedRanges: request.namedRanges, currentAddress: currentAddressOf(request), resolve: resolve, onNavigate: request.onNavigate }));
+        }, namedRanges: request.namedRanges, currentAddress: currentAddressOf(request), resolve: resolve, onNavigate: request.onNavigate, special: request.special }));
 };
 exports.GoToDialogHost = GoToDialogHost;
 exports.GoToDialogHost.displayName = "GoToDialogHost";

package/dist/cjs/components/goal-seek-dialog/index.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import type { GoalSeekResult } from "../../types";
+export type GoalSeekDialogProps = {
+    /** Controls visibility. */
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    /** Default "Set cell" (A1 reference of the active cell). */
+    initialSetCell: string;
+    /**
+     * Runs the search with the three fields (A1 references + the numeric
+     * target). Resolves to the result, or `undefined` when the engine reports
+     * none (the rnc engine iterates natively and streams the cells back).
+     */
+    onApply(setCell: string, targetValue: number, changingCell: string): Promise<GoalSeekResult | undefined>;
+};
+/** Excel's status sentence for a finished search. */
+export declare const goalSeekStatusText: (setCell: string, result: GoalSeekResult | undefined) => string;
+/**
+ * Excel's Goal Seek dialog: Set cell / To value / By changing cell, then the
+ * Goal Seek Status sentence with target and current value.
+ */
+export declare const GoalSeekDialog: React.MemoExoticComponent<({ open, onOpenChange, initialSetCell, onApply }: GoalSeekDialogProps) => React.JSX.Element>;
+/**
+ * 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 declare const GoalSeekDialogHost: {
+    (): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/goal-seek-dialog/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAMtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,MAAM,mBAAmB,GAAG;IAChC,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,4DAA4D;IAC5D,cAAc,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,OAAO,CACL,OAAO,EAAE,MAAM,EACf,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC,cAAc,GAAG,SAAS,CAAC,CAAC;CACxC,CAAC;AAKF,qDAAqD;AACrD,eAAO,MAAM,kBAAkB,GAC7B,SAAS,MAAM,EACf,QAAQ,cAAc,GAAG,SAAS,KACjC,MAKF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,8EACyB,mBAAmB,uBAyJtE,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;;;CAkB9B,CAAC"}

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

@@ -0,0 +1,149 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GoalSeekDialogHost = exports.GoalSeekDialog = exports.goalSeekStatusText = 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 goal_seek_dialog_atom_1 = require("../../atoms/goal-seek-dialog.atom");
+var isCellReference = function (text) {
+    return /^\$?[A-Za-z]{1,3}\$?\d+$/.test(text.trim()) && (0, utils_1.addressToCell)(text.trim()) != null;
+};
+/** Excel's status sentence for a finished search. */
+var goalSeekStatusText = function (setCell, result) {
+    if (!result)
+        return "Goal Seeking with Cell ".concat(setCell, " finished.");
+    return result.status === "found"
+        ? "Goal Seeking with Cell ".concat(setCell, " found a solution.")
+        : "Goal Seeking with Cell ".concat(setCell, " may not have found a solution.");
+};
+exports.goalSeekStatusText = goalSeekStatusText;
+/**
+ * Excel's Goal Seek dialog: Set cell / To value / By changing cell, then the
+ * Goal Seek Status sentence with target and current value.
+ */
+exports.GoalSeekDialog = (0, react_1.memo)(function (_a) {
+    var open = _a.open, onOpenChange = _a.onOpenChange, initialSetCell = _a.initialSetCell, onApply = _a.onApply;
+    var _b = tslib_1.__read((0, react_1.useState)(initialSetCell), 2), setCell = _b[0], setSetCell = _b[1];
+    var _c = tslib_1.__read((0, react_1.useState)(""), 2), target = _c[0], setTarget = _c[1];
+    var _d = tslib_1.__read((0, react_1.useState)(""), 2), changingCell = _d[0], setChangingCell = _d[1];
+    var _e = tslib_1.__read((0, react_1.useState)(undefined), 2), error = _e[0], setError = _e[1];
+    var _f = tslib_1.__read((0, react_1.useState)(false), 2), busy = _f[0], setBusy = _f[1];
+    var _g = tslib_1.__read((0, react_1.useState)(undefined), 2), result = _g[0], setResult = _g[1];
+    (0, react_1.useEffect)(function () {
+        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]);
+    var submit = (0, react_1.useCallback)(function (event) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var targetValue, outcome, err_1;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    event.preventDefault();
+                    targetValue = Number(target.trim());
+                    if (!isCellReference(setCell)) {
+                        setError("Set cell must be a single cell reference, e.g. B4.");
+                        return [2 /*return*/];
+                    }
+                    if (target.trim() === "" || !Number.isFinite(targetValue)) {
+                        setError("To value must be a number.");
+                        return [2 /*return*/];
+                    }
+                    if (!isCellReference(changingCell)) {
+                        setError("By changing cell must be a single cell reference, e.g. A1.");
+                        return [2 /*return*/];
+                    }
+                    setError(undefined);
+                    setBusy(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, 4, 5]);
+                    return [4 /*yield*/, onApply(setCell.trim().toUpperCase(), targetValue, changingCell.trim().toUpperCase())];
+                case 2:
+                    outcome = _a.sent();
+                    setResult({ setCell: setCell.trim().toUpperCase(), result: outcome });
+                    return [3 /*break*/, 5];
+                case 3:
+                    err_1 = _a.sent();
+                    setError(err_1 instanceof Error ? err_1.message : "Goal Seek failed.");
+                    return [3 /*break*/, 5];
+                case 4:
+                    setBusy(false);
+                    return [7 /*endfinally*/];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); }, [setCell, target, changingCell, onApply]);
+    return (react_1.default.createElement(ui_1.Dialog, { open: open, onOpenChange: onOpenChange },
+        react_1.default.createElement(ui_1.DialogContent, { className: "w-[360px] max-w-[92vw] pointer-events-auto" },
+            react_1.default.createElement(ui_1.DialogTitle, null, result ? "Goal Seek Status" : "Goal Seek"),
+            react_1.default.createElement(ui_1.DialogDescription, null, "Find the input value that makes a formula reach a target."),
+            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-2", role: "status" },
+                react_1.default.createElement("div", null, (0, exports.goalSeekStatusText)(result.setCell, result.result)),
+                result.result ? (react_1.default.createElement("dl", { className: "grid grid-cols-2 gap-1 text-xs" },
+                    react_1.default.createElement("dt", { className: "text-rnc-foreground/70" }, "Target value:"),
+                    react_1.default.createElement("dd", null, result.result.targetValue),
+                    react_1.default.createElement("dt", { className: "text-rnc-foreground/70" }, "Current value:"),
+                    react_1.default.createElement("dd", null, result.result.currentValue === undefined
+                        ? "—"
+                        : String(result.result.currentValue)))) : 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, { size: "sm", type: "button", onClick: function () { return onOpenChange(false); } }, "OK")))) : (react_1.default.createElement("form", { className: "flex flex-col gap-3", onSubmit: submit },
+                react_1.default.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                    "Set cell:",
+                    react_1.default.createElement(ui_1.Input, { autoFocus: true, value: setCell, "aria-label": "Set cell", onChange: function (e) {
+                            setSetCell(e.target.value);
+                            setError(undefined);
+                        } })),
+                react_1.default.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                    "To value:",
+                    react_1.default.createElement(ui_1.Input, { value: target, "aria-label": "To value", inputMode: "decimal", onChange: function (e) {
+                            setTarget(e.target.value);
+                            setError(undefined);
+                        } })),
+                react_1.default.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                    "By changing cell:",
+                    react_1.default.createElement(ui_1.Input, { value: changingCell, "aria-label": "By changing cell", onChange: function (e) {
+                            setChangingCell(e.target.value);
+                            setError(undefined);
+                        } })),
+                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); } }, "Cancel"),
+                    react_1.default.createElement(ui_1.Button, { type: "submit", size: "sm", disabled: busy }, busy ? "Seeking…" : "OK"))))))));
+});
+exports.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.
+ */
+var GoalSeekDialogHost = function () {
+    var _a;
+    (0, goal_seek_dialog_atom_1.useRegisterGoalSeekDialogHost)();
+    var _b = tslib_1.__read((0, goal_seek_dialog_atom_1.useGoalSeekDialogState)(), 2), request = _b[0], setRequest = _b[1];
+    var close = (0, react_1.useCallback)(function () { return setRequest(null); }, [setRequest]);
+    return (react_1.default.createElement(exports.GoalSeekDialog, { open: request != null, onOpenChange: function (open) {
+            if (!open)
+                close();
+        }, initialSetCell: (_a = request === null || request === void 0 ? void 0 : request.setCell) !== null && _a !== void 0 ? _a : "", onApply: function (setCell, targetValue, changingCell) {
+            return request
+                ? request.onApply(setCell, targetValue, changingCell)
+                : Promise.resolve(undefined);
+        } }));
+};
+exports.GoalSeekDialogHost = GoalSeekDialogHost;
+exports.GoalSeekDialogHost.displayName = "GoalSeekDialogHost";

package/dist/cjs/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