@rowsncolumns/spreadsheet 10.2.77 → 10.3.1

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

@@ -7,28 +7,245 @@ 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 multi_selection_1 = require("../../api/multi-selection");
 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 insert_cells_dialog_atom_1 = require("../../atoms/insert-cells-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 validation_alert_atom_1 = require("../../atoms/validation-alert.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, 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 _b, _c, _d;
+    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, hasCutSelection = _a.hasCutSelection, onInsertCutCells = _a.onInsertCutCells, 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, rowCount = _a.rowCount, columnCount = _a.columnCount, _e = _a.readonly, readonly = _e === void 0 ? false : _e, 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");
-    var selection = selections.length
-        ? selections[0]
-        : (0, grid_1.selectionFromActiveCell)(activeCell)[0];
+    var selectionAreas = selections.length
+        ? selections
+        : (0, grid_1.selectionFromActiveCell)(activeCell);
+    var selection = selectionAreas[0];
     var multiRowTitle = (0, helpers_1.generateMultiDimTitle)(selectedRowHeadersIds, "x");
-    var selectedRowIndexes = (0, helpers_1.createArrayRange)(selection.range.startRowIndex, selection.range.endRowIndex);
-    var selectedColumnIndexes = (0, helpers_1.createArrayRange)(selection.range.startColumnIndex, selection.range.endColumnIndex);
+    // Every Ctrl-click area counts, not just the first (Excel INS-08 / UI-07).
+    var selectedRowIndexes = (0, multi_selection_1.indexesForAreas)(selectionAreas, "row");
+    var selectedColumnIndexes = (0, multi_selection_1.indexesForAreas)(selectionAreas, "column");
+    var isWholeRow = columnCount != null
+        ? (0, multi_selection_1.wholeRowPredicate)(columnCount)
+        : (0, multi_selection_1.wholeRowPredicateFromHeaderIds)(selectedRowHeadersIds);
+    var isWholeColumn = rowCount != null
+        ? (0, multi_selection_1.wholeColumnPredicate)(rowCount)
+        : (0, multi_selection_1.wholeColumnPredicateFromHeaderIds)(selectedColumnHeadersIds);
+    var multiSelectionKind = (0, multi_selection_1.classifyMultiSelection)(selectionAreas, {
+        isWholeRow: isWholeRow,
+        isWholeColumn: isWholeColumn,
+    });
+    var showValidationAlert = (0, validation_alert_atom_1.useShowValidationAlert)();
+    var isInsertCellsDialogMounted = (0, insert_cells_dialog_atom_1.useIsInsertCellsDialogMounted)();
+    var openInsertCellsDialog = (0, insert_cells_dialog_atom_1.useOpenInsertCellsDialog)();
+    /** Excel: "That command cannot be used on multiple selections." */
+    var refuseMultipleSelections = function (title) {
+        shouldFocusSheetRef.current = false;
+        void showValidationAlert({
+            style: "stop",
+            title: title,
+            message: config_1.MULTIPLE_SELECTIONS_ERROR,
+            confirm: false,
+        }).then(function () { return focusSheet(); });
+    };
+    /**
+     * The entire-row bands a row insert / delete acts on — one per selected
+     * area, bottom-up, so inserting above each band never shifts a band still
+     * to be processed (Excel INS-08). Falls back to the header bookkeeping, then
+     * to the active row, when no area is a whole row.
+     */
+    var rowBands = function () {
+        var areas = selectionAreas.filter(function (_a) {
+            var range = _a.range;
+            return isWholeRow(range);
+        });
+        var bands = areas.length
+            ? (0, multi_selection_1.bandsForAreas)(areas, "row")
+            : (0, multi_selection_1.bandsFromIndexes)(selectedRowHeadersIds);
+        return bands.length
+            ? bands
+            : [{ start: activeCell.rowIndex, end: activeCell.rowIndex }];
+    };
+    var columnBands = function () {
+        var areas = selectionAreas.filter(function (_a) {
+            var range = _a.range;
+            return isWholeColumn(range);
+        });
+        var bands = areas.length
+            ? (0, multi_selection_1.bandsForAreas)(areas, "column")
+            : (0, multi_selection_1.bandsFromIndexes)(selectedColumnHeadersIds);
+        return bands.length
+            ? bands
+            : [{ start: activeCell.columnIndex, end: activeCell.columnIndex }];
+    };
+    var bandSize = function (band) { return band.end - band.start + 1; };
+    var insertRowsAbove = function () {
+        var e_1, _a;
+        try {
+            for (var _b = tslib_1.__values(rowBands()), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var band = _c.value;
+                onInsertRow === null || onInsertRow === void 0 ? void 0 : onInsertRow(sheetId, band.start, bandSize(band));
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+    };
+    var insertRowsBelow = function () {
+        var e_2, _a;
+        try {
+            for (var _b = tslib_1.__values(rowBands()), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var band = _c.value;
+                onInsertRow === null || onInsertRow === void 0 ? void 0 : onInsertRow(sheetId, band.end + 1, bandSize(band));
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+    };
+    var insertColumnsLeft = function () {
+        var e_3, _a;
+        try {
+            for (var _b = tslib_1.__values(columnBands()), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var band = _c.value;
+                onInsertColumn === null || onInsertColumn === void 0 ? void 0 : onInsertColumn(sheetId, band.start, bandSize(band));
+            }
+        }
+        catch (e_3_1) { e_3 = { error: e_3_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_3) throw e_3.error; }
+        }
+    };
+    var insertColumnsRight = function () {
+        var e_4, _a;
+        try {
+            for (var _b = tslib_1.__values(columnBands()), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var band = _c.value;
+                onInsertColumn === null || onInsertColumn === void 0 ? void 0 : onInsertColumn(sheetId, band.end + 1, bandSize(band));
+            }
+        }
+        catch (e_4_1) { e_4 = { error: e_4_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_4) throw e_4.error; }
+        }
+    };
+    var isSingleWholeRow = multiSelectionKind === "single" && isWholeRow(selection.range);
+    var isSingleWholeColumn = multiSelectionKind === "single" && isWholeColumn(selection.range);
+    /**
+     * Excel's cell-menu Insert: entire rows / columns insert directly, a
+     * multi-area selection inserts per area or is refused, and a plain cell
+     * range opens the Insert dialog (UI-06 / UI-07). The direct submenu remains
+     * only while no `InsertCellsDialogHost` is mounted.
+     */
+    var usesDirectInsertSubmenu = multiSelectionKind === "single" &&
+        !isSingleWholeRow &&
+        !isSingleWholeColumn &&
+        !isInsertCellsDialogMounted;
+    var handleInsertCells = function () {
+        if (multiSelectionKind === "mixed") {
+            refuseMultipleSelections("Insert");
+            return;
+        }
+        if (multiSelectionKind === "all-rows" || isSingleWholeRow) {
+            insertRowsAbove();
+            return;
+        }
+        if (multiSelectionKind === "all-columns" || isSingleWholeColumn) {
+            insertColumnsLeft();
+            return;
+        }
+        shouldFocusSheetRef.current = false;
+        openInsertCellsDialog({
+            mode: "insert",
+            defaultChoice: (0, multi_selection_1.defaultInsertCellsChoice)(selection.range),
+            onApply: function (choice) {
+                switch (choice) {
+                    case "shift-right":
+                        onInsertCellsShiftRight === null || onInsertCellsShiftRight === void 0 ? void 0 : onInsertCellsShiftRight(sheetId, activeCell, selections);
+                        break;
+                    case "shift-down":
+                        onInsertCellsShiftDown === null || onInsertCellsShiftDown === void 0 ? void 0 : onInsertCellsShiftDown(sheetId, activeCell, selections);
+                        break;
+                    case "entire-row":
+                        onInsertRow === null || onInsertRow === void 0 ? void 0 : onInsertRow(sheetId, selection.range.startRowIndex, selectedRowIndexes.length);
+                        break;
+                    case "entire-column":
+                        onInsertColumn === null || onInsertColumn === void 0 ? void 0 : onInsertColumn(sheetId, selection.range.startColumnIndex, selectedColumnIndexes.length);
+                        break;
+                }
+                focusSheet();
+            },
+        });
+    };
+    var handleDeleteCells = function () {
+        if (multiSelectionKind === "mixed") {
+            refuseMultipleSelections("Delete");
+            return;
+        }
+        if (multiSelectionKind === "all-rows" || isSingleWholeRow) {
+            onDeleteRow === null || onDeleteRow === void 0 ? void 0 : onDeleteRow(sheetId, selectedRowIndexes);
+            return;
+        }
+        if (multiSelectionKind === "all-columns" || isSingleWholeColumn) {
+            onDeleteColumn === null || onDeleteColumn === void 0 ? void 0 : onDeleteColumn(sheetId, selectedColumnIndexes);
+            return;
+        }
+        shouldFocusSheetRef.current = false;
+        openInsertCellsDialog({
+            mode: "delete",
+            defaultChoice: (0, multi_selection_1.defaultDeleteCellsChoice)(selection.range),
+            onApply: function (choice) {
+                switch (choice) {
+                    case "shift-left":
+                        onDeleteCellsShiftLeft === null || onDeleteCellsShiftLeft === void 0 ? void 0 : onDeleteCellsShiftLeft(sheetId, activeCell, selections);
+                        break;
+                    case "shift-up":
+                        onDeleteCellsShiftUp === null || onDeleteCellsShiftUp === void 0 ? void 0 : onDeleteCellsShiftUp(sheetId, activeCell, selections);
+                        break;
+                    case "entire-row":
+                        onDeleteRow === null || onDeleteRow === void 0 ? void 0 : onDeleteRow(sheetId, selectedRowIndexes);
+                        break;
+                    case "entire-column":
+                        onDeleteColumn === null || onDeleteColumn === void 0 ? void 0 : onDeleteColumn(sheetId, selectedColumnIndexes);
+                        break;
+                }
+                focusSheet();
+            },
+        });
+    };
+    var insertCellsLabel = multiSelectionKind === "all-rows" || isSingleWholeRow
+        ? "Insert ".concat(selectedRowIndexes.length, " row above")
+        : multiSelectionKind === "all-columns" || isSingleWholeColumn
+            ? "Insert ".concat(selectedColumnIndexes.length, " column left")
+            : "Insert…";
+    var deleteCellsLabel = multiSelectionKind === "all-rows" || isSingleWholeRow
+        ? "Delete row ".concat((_b = (0, helpers_1.generateMultiDimTitle)(selectedRowIndexes, "x")) !== null && _b !== void 0 ? _b : "")
+        : multiSelectionKind === "all-columns" || isSingleWholeColumn
+            ? "Delete column ".concat((_c = (0, helpers_1.generateMultiDimTitle)(selectedColumnIndexes, "y")) !== null && _c !== void 0 ? _c : "")
+            : "Delete…";
     var hiddenColumns = selectedColumnIndexes.filter(function (index) {
         return isHiddenColumn(index);
     });
@@ -349,6 +566,12 @@ var ContextMenu = function (_a) {
                     react_1.default.createElement(icons_1.ClipboardIcon, null)),
                 "Paste ",
                 react_1.default.createElement(ui_1.DropdownRightSlot, null, "\u2318V")),
+            onInsertCutCells ? (react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
+                    return onInsertCutCells(isRowHeader ? "rows" : isColumnHeader ? "columns" : "cells");
+                }, disabled: readonly || !hasCutSelection },
+                react_1.default.createElement(ui_1.DropdownLeftSlot, null,
+                    react_1.default.createElement(icons_1.ClipboardIcon, null)),
+                "Insert Cut Cells")) : 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,
@@ -394,17 +617,13 @@ var ContextMenu = function (_a) {
                     react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () { return onClearContents === null || onClearContents === void 0 ? void 0 : onClearContents(sheetId, activeCell, selections); }, disabled: readonly }, "Clear contents"))),
             react_1.default.createElement(ui_1.DropdownMenuSeparator, null),
             isColumnHeader ? (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
-                        return onInsertColumn === null || onInsertColumn === void 0 ? void 0 : onInsertColumn(sheetId, activeCell.columnIndex, selectedColumnHeadersIds.length);
-                    }, disabled: readonly },
+                react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: insertColumnsLeft, disabled: readonly },
                     react_1.default.createElement(ui_1.DropdownLeftSlot, null,
                         react_1.default.createElement(icons_1.PlusIcon, null)),
                     "Insert ",
                     selectedColumnHeadersIds.length,
                     " column left"),
-                react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
-                        return onInsertColumn === null || onInsertColumn === void 0 ? void 0 : onInsertColumn(sheetId, activeCell.columnIndex + selectedColumnHeadersIds.length, selectedColumnHeadersIds.length);
-                    }, disabled: readonly },
+                react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: insertColumnsRight, disabled: readonly },
                     react_1.default.createElement(ui_1.DropdownLeftSlot, null,
                         react_1.default.createElement(icons_1.PlusIcon, null)),
                     "Insert ",
@@ -470,17 +689,13 @@ var ContextMenu = function (_a) {
                         react_1.default.createElement(icons_1.SortUpIcon, null)),
                     "Sort sheet Z to A"))) : null,
             isRowHeader ? (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
-                        return onInsertRow === null || onInsertRow === void 0 ? void 0 : onInsertRow(sheetId, activeCell.rowIndex, selectedRowHeadersIds.length);
-                    }, disabled: readonly },
+                react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: insertRowsAbove, disabled: readonly },
                     react_1.default.createElement(ui_1.DropdownLeftSlot, null,
                         react_1.default.createElement(icons_1.PlusIcon, null)),
                     "Insert ",
                     selectedRowHeadersIds.length,
                     " row above"),
-                react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
-                        return onInsertRow === null || onInsertRow === void 0 ? void 0 : onInsertRow(sheetId, activeCell.rowIndex + selectedRowHeadersIds.length, selectedRowHeadersIds.length);
-                    }, disabled: readonly },
+                react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: insertRowsBelow, disabled: readonly },
                     react_1.default.createElement(ui_1.DropdownLeftSlot, null,
                         react_1.default.createElement(icons_1.PlusIcon, null)),
                     "Insert ",
@@ -555,7 +770,7 @@ var ContextMenu = function (_a) {
                     react_1.default.createElement(ui_1.DropdownLeftSlot, null,
                         react_1.default.createElement(icons_1.MdOutlineFactCheck, null)),
                     "Data validation")) : null)) : (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(ui_1.DropdownMenuSub, null,
+                activeTable || usesDirectInsertSubmenu ? (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.PlusIcon, null)),
@@ -611,8 +826,11 @@ var ContextMenu = function (_a) {
                             }, disabled: readonly },
                             react_1.default.createElement(ui_1.DropdownLeftSlot, null,
                                 react_1.default.createElement(icons_1.PlusIcon, null)),
-                            "Insert cells and shift cells down"))))),
-                react_1.default.createElement(ui_1.DropdownMenuSub, null,
+                            "Insert cells and shift cells down")))))) : (react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: handleInsertCells, disabled: readonly },
+                    react_1.default.createElement(ui_1.DropdownLeftSlot, null,
+                        react_1.default.createElement(icons_1.PlusIcon, null)),
+                    insertCellsLabel)),
+                activeTable || usesDirectInsertSubmenu ? (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.TrashIcon, null)),
@@ -658,7 +876,10 @@ var ContextMenu = function (_a) {
                             }, disabled: readonly },
                             react_1.default.createElement(ui_1.DropdownLeftSlot, null,
                                 react_1.default.createElement(icons_1.TrashIcon, null)),
-                            "Delete cells and shift cells up"))))),
+                            "Delete cells and shift cells up")))))) : (react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: handleDeleteCells, disabled: readonly },
+                    react_1.default.createElement(ui_1.DropdownLeftSlot, null,
+                        react_1.default.createElement(icons_1.TrashIcon, null)),
+                    deleteCellsLabel)),
                 react_1.default.createElement(ui_1.DropdownMenuSeparator, null),
                 react_1.default.createElement(ui_1.DropdownMenuSub, null,
                     react_1.default.createElement(ui_1.DropdownMenuSubTrigger, { disabled: readonly },
@@ -671,7 +892,7 @@ var ContextMenu = function (_a) {
                         react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
                                 onFilterTableOrFilterView(sheetId, activeCell.rowIndex, activeCell.columnIndex);
                             }, disabled: readonly },
-                            "Cell value \"", (_b = getFormattedValue(sheetId, activeCell.rowIndex, activeCell.columnIndex)) !== null && _b !== void 0 ? _b : config_1.BLANK_LABEL,
+                            "Cell value \"", (_d = getFormattedValue(sheetId, activeCell.rowIndex, activeCell.columnIndex)) !== null && _d !== void 0 ? _d : config_1.BLANK_LABEL,
                             "\""))),
                 react_1.default.createElement(ui_1.DropdownMenuSub, null,
                     react_1.default.createElement(ui_1.DropdownMenuSubTrigger, { disabled: readonly },

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

@@ -1 +1 @@
-{"version":3,"file":"embed-draggable.d.ts","sourceRoot":"","sources":["../../../../components/embeds/embed-draggable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGxD,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EACV,eAAe,EAGhB,MAAM,iBAAiB,CAAC;AAOzB,KAAK,mBAAmB,GAAG,IAAI,CAC7B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,IAAI,GAAG,UAAU,GAAG,UAAU,CAC/B,GAAG;IACF,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzD;;;;OAIG;IACH,QAAQ,CAAC,CACP,EAAE,EAAE,MAAM,GAAG,MAAM,EACnB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb,IAAI,CAAC;IACR;;;OAGG;IACH,QAAQ,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACrC;;OAEG;IACH,UAAU,EAAE,aAAa,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9D,CAAC;AAoBF,eAAO,MAAM,cAAc,GAAI,mNAoB5B,mBAAmB,sBA0KrB,CAAC"}
+{"version":3,"file":"embed-draggable.d.ts","sourceRoot":"","sources":["../../../../components/embeds/embed-draggable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGxD,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EACV,eAAe,EAGhB,MAAM,iBAAiB,CAAC;AAOzB,KAAK,mBAAmB,GAAG,IAAI,CAC7B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,IAAI,GAAG,UAAU,GAAG,UAAU,CAC/B,GAAG;IACF,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzD;;;;OAIG;IACH,QAAQ,CAAC,CACP,EAAE,EAAE,MAAM,GAAG,MAAM,EACnB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb,IAAI,CAAC;IACR;;;OAGG;IACH,QAAQ,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACrC;;OAEG;IACH,UAAU,EAAE,aAAa,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9D,CAAC;AAoBF,eAAO,MAAM,cAAc,GAAI,mNAoB5B,mBAAmB,sBA6KrB,CAAC"}

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

@@ -36,9 +36,10 @@ var EmbedDraggable = function (_a) {
     var nodeRef = (0, react_1.useRef)(null);
     // Focus if selected index changes
     (0, use_isomorphic_layout_effect_1.useIsomorphicLayoutEffect)(function () {
-        var _a;
-        if (isSelected && document.activeElement !== nodeRef.current) {
-            (_a = nodeRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
+        var _a, _b;
+        if (isSelected &&
+            ((_a = (0, grid_1.getOwnerDocument)(nodeRef.current)) === null || _a === void 0 ? void 0 : _a.activeElement) !== nodeRef.current) {
+            (_b = nodeRef.current) === null || _b === void 0 ? void 0 : _b.focus({ preventScroll: true });
         }
     }, [isSelected]);
     // Handle move. Update internal state

package/dist/cjs/components/floating-cell-editor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/floating-cell-editor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGvE,OAAO,KAAK,EAAiB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAErE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAU3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EACjB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAgBrD,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,qBAAqB,CAAC,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAC/C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,UAAU,EAAE,aAAa,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC;IAClD;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,oBAAoB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC5C;;;;;OAKG;IACH,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACtC;;OAEG;IACH,kBAAkB,CAAC,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAC3D;;OAEG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC7C;;OAEG;IACH,cAAc,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAEnD;;OAEG;IACH,+BAA+B,CAAC,EAAE,eAAe,CAAC,iCAAiC,CAAC,CAAC;IACrF;;OAEG;IACH,6BAA6B,CAAC,EAAE,eAAe,CAAC,+BAA+B,CAAC,CAAC;IACjF;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,kBAAkB,mRAkB1B,uBAAuB,uBAgW3B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/floating-cell-editor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGvE,OAAO,KAAK,EAAiB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAU3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EACjB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAgBrD,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,qBAAqB,CAAC,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAC/C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,UAAU,EAAE,aAAa,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC;IAClD;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,oBAAoB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC5C;;;;;OAKG;IACH,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACtC;;OAEG;IACH,kBAAkB,CAAC,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAC3D;;OAEG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC7C;;OAEG;IACH,cAAc,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAEnD;;OAEG;IACH,+BAA+B,CAAC,EAAE,eAAe,CAAC,iCAAiC,CAAC,CAAC;IACrF;;OAEG;IACH,6BAA6B,CAAC,EAAE,eAAe,CAAC,+BAA+B,CAAC,CAAC;IACjF;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,kBAAkB,mRAkB1B,uBAAuB,uBAwW3B,CAAC"}

package/dist/cjs/components/floating-cell-editor/index.js

@@ -5,6 +5,7 @@ var tslib_1 = require("tslib");
 var grid_1 = require("@rowsncolumns/grid");
 var icons_1 = require("@rowsncolumns/icons");
 var ui_1 = require("@rowsncolumns/ui");
+var utils_1 = require("@rowsncolumns/utils");
 var use_selection_aware_formatting_1 = require("../../hooks/use-selection-aware-formatting");
 var react_1 = require("react");
 var react_2 = tslib_1.__importDefault(require("react"));
@@ -17,7 +18,12 @@ exports.FloatingCellEditor = (0, react_1.memo)(function (_a) {
     var _b, _c, _d, _e, _f, _g, _h;
     var initialValue = _a.initialValue, initialTextFormatRuns = _a.initialTextFormatRuns, className = _a.className, activeCell = _a.activeCell, sheetId = _a.sheetId, cellFormat = _a.cellFormat, theme = _a.theme, isDarkMode = _a.isDarkMode, functionDescriptions = _a.functionDescriptions, _j = _a.selections, selections = _j === void 0 ? config_1.DEFAULT_ARRAY : _j, onChange = _a.onChange, onChangeFormattingProp = _a.onChangeFormatting, onInsertRow = _a.onInsertRow, onInsertColumn = _a.onInsertColumn, ColorSelector = _a.ColorSelector, props = tslib_1.__rest(_a, ["initialValue", "initialTextFormatRuns", "className", "activeCell", "sheetId", "cellFormat", "theme", "isDarkMode", "functionDescriptions", "selections", "onChange", "onChangeFormatting", "onInsertRow", "onInsertColumn", "ColorSelector"]);
     var formulaInputRef = (0, react_1.useRef)(null);
-    var _k = tslib_1.__read((0, react_1.useState)(initialValue !== null && initialValue !== void 0 ? initialValue : ""), 2), value = _k[0], setValue = _k[1];
+    // The stored (canonical) entry is shown and edited in the grid's formula locale; the commit
+    // below hands the canonical text back to the host.
+    var formulaLocale = (0, atoms_1.useFormulaLocale)();
+    var _k = tslib_1.__read((0, react_1.useState)(function () {
+        return (0, utils_1.localizeCellInput)(initialValue !== null && initialValue !== void 0 ? initialValue : "", formulaLocale);
+    }), 2), value = _k[0], setValue = _k[1];
     var _l = tslib_1.__read((0, react_1.useState)(initialTextFormatRuns), 2), textFormatRuns = _l[0], setTextFormatRuns = _l[1];
     var setFormulaMode = (0, atoms_1.useSetFormulaMode)();
     var formulaMode = (0, atoms_1.useFormulaModeValue)();
@@ -60,15 +66,16 @@ exports.FloatingCellEditor = (0, react_1.memo)(function (_a) {
         // Set value when not editing, or when editing but not in formula mode
         if (!isEditing || !formulaMode) {
             var currentValue = (_a = formulaInputRef.current) === null || _a === void 0 ? void 0 : _a.getValue();
-            var newValue = initialValue !== null && initialValue !== void 0 ? initialValue : "";
+            var newValue = (0, utils_1.localizeCellInput)(initialValue !== null && initialValue !== void 0 ? initialValue : "", formulaLocale);
             if (currentValue !== newValue && (currentValue || newValue)) {
                 setValue(newValue);
             }
         }
-    }, [initialValue, isEditing, formulaMode]);
+    }, [initialValue, isEditing, formulaMode, formulaLocale]);
     var handleSubmit = (0, react_1.useCallback)(function (value, textFormatRuns) {
         if (editingCellCoordinate) {
-            onChange === null || onChange === void 0 ? void 0 : onChange(editingCellCoordinate.sheetId, editingCellCoordinate, value, textFormatRuns, initialValue, initialValue !== value, initialTextFormatRuns);
+            var canonicalValue = (0, utils_1.canonicalizeCellInput)(value, formulaLocale);
+            onChange === null || onChange === void 0 ? void 0 : onChange(editingCellCoordinate.sheetId, editingCellCoordinate, canonicalValue, textFormatRuns, initialValue, initialValue !== canonicalValue, initialTextFormatRuns);
             if (!(0, grid_1.isEqualCells)(editingCellCoordinate, activeCell)) {
                 setActiveCell === null || setActiveCell === void 0 ? void 0 : setActiveCell(editingCellCoordinate.sheetId, editingCellCoordinate, false);
             }
@@ -82,6 +89,7 @@ exports.FloatingCellEditor = (0, react_1.memo)(function (_a) {
         stopEditing,
         focusSheet,
         onChange,
+        formulaLocale,
     ]);
     var onFocus = (0, react_1.useCallback)(function () {
         if (!isEditing) {
@@ -103,7 +111,7 @@ exports.FloatingCellEditor = (0, react_1.memo)(function (_a) {
                         lineHeight: "normal",
                         fontSize: "1rem",
                         minHeight: 44,
-                    }, functionDescriptions: functionDescriptions, getMentions: getMentions }, props))),
+                    }, functionDescriptions: functionDescriptions, getMentions: getMentions, formulaLocale: formulaLocale }, props))),
             isEditing ? (react_2.default.createElement(react_2.default.Fragment, null,
                 react_2.default.createElement(ui_1.IconButton, { tooltip: "Save", variant: "primary", type: "submit", className: "min-w-8 min-h-8" },
                     react_2.default.createElement(icons_1.CheckIcon, null)),

package/dist/cjs/components/insert-cells-dialog/index.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+import type { DeleteCellsChoice, InsertCellsChoice } from "../../api/multi-selection";
+export type InsertCellsDialogProps = {
+    mode: "insert";
+    /** Controls visibility. */
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    /** Pre-selected entry — Excel derives it from the selection shape (UI-06). */
+    defaultChoice: InsertCellsChoice;
+    onApply(choice: InsertCellsChoice): void;
+} | {
+    mode: "delete";
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    defaultChoice: DeleteCellsChoice;
+    onApply(choice: DeleteCellsChoice): void;
+};
+/**
+ * Excel's Insert / Delete cells dialog (right-click a cell → "Insert…" /
+ * "Delete…"): Shift cells right|down (left|up for Delete), Entire row, Entire
+ * column. UI-only — the opener turns the choice into the matching structural
+ * command. Header menus never show it: entire rows / columns insert directly.
+ */
+export declare const InsertCellsDialog: React.MemoExoticComponent<(props: InsertCellsDialogProps) => React.JSX.Element>;
+/**
+ * Host-mounted, atom-driven wrapper around {@link InsertCellsDialog}. Mount it
+ * once in the host alongside the other editor dialogs; the grid opens it from
+ * the cell context menu. Remounted per request so each opening starts from the
+ * request's default.
+ */
+export declare const InsertCellsDialogHost: {
+    (): React.JSX.Element | null;
+    displayName: string;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/insert-cells-dialog/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,2BAA2B,CAAC;AAoBnC,MAAM,MAAM,sBAAsB,GAC9B;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,8EAA8E;IAC9E,aAAa,EAAE,iBAAiB,CAAC;IACjC,OAAO,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC;CAC1C,GACD;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,aAAa,EAAE,iBAAiB,CAAC;IACjC,OAAO,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC;CAC1C,CAAC;AAEN;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,oCAAgB,sBAAsB,uBA0ElE,CAAC;AAIH;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB;;;CAyBjC,CAAC"}

package/dist/cjs/components/insert-cells-dialog/index.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InsertCellsDialogHost = exports.InsertCellsDialog = void 0;
+var tslib_1 = require("tslib");
+var ui_1 = require("@rowsncolumns/ui");
+var react_1 = tslib_1.__importStar(require("react"));
+var insert_cells_dialog_atom_1 = require("../../atoms/insert-cells-dialog.atom");
+var INSERT_CHOICES = [
+    { value: "shift-right", label: "Shift cells right" },
+    { value: "shift-down", label: "Shift cells down" },
+    { value: "entire-row", label: "Entire row" },
+    { value: "entire-column", label: "Entire column" },
+];
+var DELETE_CHOICES = [
+    { value: "shift-left", label: "Shift cells left" },
+    { value: "shift-up", label: "Shift cells up" },
+    { value: "entire-row", label: "Entire row" },
+    { value: "entire-column", label: "Entire column" },
+];
+/**
+ * Excel's Insert / Delete cells dialog (right-click a cell → "Insert…" /
+ * "Delete…"): Shift cells right|down (left|up for Delete), Entire row, Entire
+ * column. UI-only — the opener turns the choice into the matching structural
+ * command. Header menus never show it: entire rows / columns insert directly.
+ */
+exports.InsertCellsDialog = (0, react_1.memo)(function (props) {
+    var mode = props.mode, open = props.open, onOpenChange = props.onOpenChange, defaultChoice = props.defaultChoice;
+    var _a = tslib_1.__read((0, react_1.useState)(defaultChoice), 2), choice = _a[0], setChoice = _a[1];
+    // Re-seed on every open (the request decides the default).
+    (0, react_1.useEffect)(function () {
+        if (open)
+            setChoice(defaultChoice);
+    }, [open, defaultChoice]);
+    var commit = (0, react_1.useCallback)(function () {
+        if (props.mode === "insert") {
+            props.onApply(choice);
+        }
+        else {
+            props.onApply(choice);
+        }
+        onOpenChange(false);
+    }, [props, choice, onOpenChange]);
+    var title = mode === "insert" ? "Insert" : "Delete";
+    var choices = mode === "insert" ? INSERT_CHOICES : DELETE_CHOICES;
+    return (react_1.default.createElement(ui_1.Dialog, { open: open, onOpenChange: onOpenChange, modal: true },
+        react_1.default.createElement(ui_1.DialogContent, { className: "w-[300px] max-w-[92vw] pointer-events-auto" },
+            react_1.default.createElement(ui_1.DialogTitle, null, title),
+            react_1.default.createElement(ui_1.DialogCloseButton, null),
+            react_1.default.createElement(ui_1.DialogBody, { className: "flex flex-col gap-4" },
+                react_1.default.createElement("form", { className: "flex flex-col gap-4", onSubmit: function (e) {
+                        e.preventDefault();
+                        commit();
+                    } },
+                    react_1.default.createElement("fieldset", { className: "flex flex-col gap-1 min-w-0 border-0 p-0 m-0" },
+                        react_1.default.createElement("legend", { className: "text-xs font-medium mb-1" }, title),
+                        choices.map(function (entry) { return (react_1.default.createElement("label", { key: entry.value, className: "flex items-center gap-2 text-xs py-0.5 cursor-pointer" },
+                            react_1.default.createElement("input", { type: "radio", name: "".concat(mode, "-cells-choice"), value: entry.value, checked: choice === entry.value, onChange: function () { return setChoice(entry.value); } }),
+                            entry.label)); })),
+                    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", autoFocus: true }, "OK")))))));
+});
+exports.InsertCellsDialog.displayName = "InsertCellsDialog";
+/**
+ * Host-mounted, atom-driven wrapper around {@link InsertCellsDialog}. Mount it
+ * once in the host alongside the other editor dialogs; the grid opens it from
+ * the cell context menu. Remounted per request so each opening starts from the
+ * request's default.
+ */
+var InsertCellsDialogHost = function () {
+    (0, insert_cells_dialog_atom_1.useRegisterInsertCellsDialogHost)();
+    var _a = tslib_1.__read((0, insert_cells_dialog_atom_1.useInsertCellsDialogState)(), 2), request = _a[0], setRequest = _a[1];
+    var close = (0, react_1.useCallback)(function () { return setRequest(null); }, [setRequest]);
+    if (!request)
+        return null;
+    var onOpenChange = function (open) {
+        if (!open)
+            close();
+    };
+    return request.mode === "insert" ? (react_1.default.createElement(exports.InsertCellsDialog, { mode: "insert", open: true, onOpenChange: onOpenChange, defaultChoice: request.defaultChoice, onApply: request.onApply })) : (react_1.default.createElement(exports.InsertCellsDialog, { mode: "delete", open: true, onOpenChange: onOpenChange, defaultChoice: request.defaultChoice, onApply: request.onApply }));
+};
+exports.InsertCellsDialogHost = InsertCellsDialogHost;
+exports.InsertCellsDialogHost.displayName = "InsertCellsDialogHost";

package/dist/cjs/components/insert-options-smart-tag/index.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import type { InsertFormatOption, InsertOptionsAxis } from "../../api/insert-options";
+export type InsertOptionsSmartTagProps = {
+    /** Position/size of the selection the tag is anchored to (bottom-left). */
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    axis: InsertOptionsAxis;
+    /** The entry currently applied to the inserted band. */
+    option: InsertFormatOption;
+    onChooseOption(option: InsertFormatOption): void;
+};
+/**
+ * Excel's Insert Options smart tag: the small paintbrush button that appears at
+ * the inserted rows / columns right after an insert and offers "Format Same As
+ * Above / Below / Clear Formatting" (Left / Right for columns). The insert
+ * already applied "Same As Above / Left"; picking another entry re-formats the
+ * band. Same skin as the Auto Fill Options tag.
+ */
+export declare const InsertOptionsSmartTag: {
+    ({ x, y, width: _width, height, axis, option, onChooseOption, }: InsertOptionsSmartTagProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/insert-options-smart-tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/insert-options-smart-tag/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EACV,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;AAElC,MAAM,MAAM,0BAA0B,GAAG;IACvC,2EAA2E;IAC3E,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,iBAAiB,CAAC;IACxB,wDAAwD;IACxD,MAAM,EAAE,kBAAkB,CAAC;IAC3B,cAAc,CAAC,MAAM,EAAE,kBAAkB,GAAG,IAAI,CAAC;CAClD,CAAC;AAgBF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB;qEAQ/B,0BAA0B;;CA0C5B,CAAC"}