@rowsncolumns/spreadsheet 10.2.77 → 10.3.1

package/dist/cjs/hooks/use-editor-change.d.ts

@@ -1,5 +1,6 @@
 import { type CellInterface, type SelectionArea } from "@rowsncolumns/grid";
 import type { TextFormatRun } from "@rowsncolumns/ui";
+import { type FormulaLocale } from "@rowsncolumns/utils";
 import type { CanvasGridProps, SelectionAttributes } from "../components/canvas-grid/typings";
 type UseEditorChangeProps = {
     selections: SelectionArea<SelectionAttributes>[];
@@ -7,7 +8,9 @@ type UseEditorChangeProps = {
     onChangeEditorValue: CanvasGridProps["onChangeEditorValue"];
     onChangeSelections?: CanvasGridProps["onChangeSelections"];
     onChangeActiveCell?: CanvasGridProps["onChangeActiveCell"];
+    /** The formula locale the editor text is written in; `onChangeEditorValue` receives canonical text. */
+    formulaLocale?: FormulaLocale;
 };
-export declare const useEditorChange: ({ selections, getSelectionsFromFormula, onChangeEditorValue, onChangeSelections, onChangeActiveCell, }: UseEditorChangeProps) => (value: string, textFormatRuns: TextFormatRun[] | undefined | null, editingSheetId: number, activeCell: CellInterface) => void;
+export declare const useEditorChange: ({ selections, getSelectionsFromFormula, onChangeEditorValue, onChangeSelections, onChangeActiveCell, formulaLocale, }: UseEditorChangeProps) => (value: string, textFormatRuns: TextFormatRun[] | undefined | null, editingSheetId: number, activeCell: CellInterface) => void;
 export {};
 //# sourceMappingURL=use-editor-change.d.ts.map

package/dist/cjs/hooks/use-editor-change.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-editor-change.d.ts","sourceRoot":"","sources":["../../../hooks/use-editor-change.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AActD,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACpB,MAAM,mCAAmC,CAAC;AAG3C,KAAK,oBAAoB,GAAG;IAC1B,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC;IACjD,wBAAwB,CACtB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,aAAa,GAClB,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC;IACxC,mBAAmB,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAC5D,kBAAkB,CAAC,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAC3D,kBAAkB,CAAC,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,wGAM7B,oBAAoB,aASV,MAAM,kBACG,aAAa,EAAE,GAAG,SAAS,GAAG,IAAI,kBAClC,MAAM,cACV,aAAa,SA2D9B,CAAC"}
+{"version":3,"file":"use-editor-change.d.ts","sourceRoot":"","sources":["../../../hooks/use-editor-change.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAEL,KAAK,aAAa,EAEnB,MAAM,qBAAqB,CAAC;AAa7B,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACpB,MAAM,mCAAmC,CAAC;AAG3C,KAAK,oBAAoB,GAAG;IAC1B,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC;IACjD,wBAAwB,CACtB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,aAAa,GAClB,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC;IACxC,mBAAmB,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAC5D,kBAAkB,CAAC,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAC3D,kBAAkB,CAAC,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAC3D,uGAAuG;IACvG,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,uHAO7B,oBAAoB,aASV,MAAM,kBACG,aAAa,EAAE,GAAG,SAAS,GAAG,IAAI,kBAClC,MAAM,cACV,aAAa,SAgE9B,CAAC"}

package/dist/cjs/hooks/use-editor-change.js

@@ -10,7 +10,7 @@ var formula_mode_atom_1 = require("../atoms/formula-mode.atom");
 var formula_selections_atom_1 = require("../atoms/formula-selections.atom");
 var config_1 = require("../config");
 var useEditorChange = function (_a) {
-    var selections = _a.selections, getSelectionsFromFormula = _a.getSelectionsFromFormula, onChangeEditorValue = _a.onChangeEditorValue, onChangeSelections = _a.onChangeSelections, onChangeActiveCell = _a.onChangeActiveCell;
+    var selections = _a.selections, getSelectionsFromFormula = _a.getSelectionsFromFormula, onChangeEditorValue = _a.onChangeEditorValue, onChangeSelections = _a.onChangeSelections, onChangeActiveCell = _a.onChangeActiveCell, formulaLocale = _a.formulaLocale;
     var setFormulaMode = (0, formula_mode_atom_1.useSetFormulaMode)();
     var setFormulaSelections = (0, formula_selections_atom_1.useSetFormulaSelections)();
     var formulaSelections = (0, formula_selections_atom_1.useFormulaSelections)();
@@ -51,9 +51,9 @@ var useEditorChange = function (_a) {
         if (shouldResetActiveCell && editingCellCoordinate) {
             onChangeActiveCell === null || onChangeActiveCell === void 0 ? void 0 : onChangeActiveCell(editingSheetId, editingCellCoordinate);
         }
-        // Callback when editor value changes
+        // Callback when editor value changes (canonical, like every value leaving the grid)
         if (onChangeEditorValue && activeCell) {
-            onChangeEditorValue(value, editingSheetId, activeCell);
+            onChangeEditorValue((0, utils_1.canonicalizeCellInput)(value, formulaLocale), editingSheetId, activeCell);
         }
     }, [
         selections,
@@ -67,6 +67,7 @@ var useEditorChange = function (_a) {
         onChangeEditorValue,
         onChangeSelections,
         onChangeActiveCell,
+        formulaLocale,
     ]);
 };
 exports.useEditorChange = useEditorChange;

package/dist/cjs/hooks/use-editor-submit.d.ts

@@ -1,6 +1,7 @@
 import type { DataValidationRuleAlert } from "@rowsncolumns/common-types";
 import type { CellInterface, GridRange, SelectionArea } from "@rowsncolumns/grid";
 import type { TextFormatRun } from "@rowsncolumns/ui";
+import { type FormulaLocale } from "@rowsncolumns/utils";
 import type { ValidationAlertRequest } from "../atoms/validation-alert.atom";
 import type { CanvasGridProps, SelectionAttributes } from "../components/canvas-grid/typings";
 import type { EditorSubmitOptions } from "./use-editable";
@@ -81,7 +82,13 @@ type UseEditorSubmitProps = {
      * the user chose to proceed (or acknowledged a `stop`), `false` to discard.
      */
     showValidationAlert?: (request: ValidationAlertRequest) => Promise<boolean>;
+    /**
+     * The formula locale the editor text is written in. Formulas and typed error values are
+     * canonicalized (`=СУММ(1,5;A1)` → `=SUM(1.5,A1)`) before validation, the Ctrl+Enter spread and
+     * `onChange`, so the engines and every host callback only ever see canonical text.
+     */
+    formulaLocale?: FormulaLocale;
 };
-export declare const useEditorSubmit: ({ sheetId, onChangeActiveSheet, setActiveCell, onChange, onComplete, getCommitValidation, showValidationAlert, selections, onChangeBatch, }: UseEditorSubmitProps) => (value: string | boolean, textFormatRuns: TextFormatRun[] | undefined | null, previousValue: string | boolean | undefined | null, editingSheetId: number, activeCell: CellInterface, nextActiveCell?: CellInterface | null, isDirty?: boolean, options?: EditorSubmitOptions) => Promise<void>;
+export declare const useEditorSubmit: ({ sheetId, onChangeActiveSheet, setActiveCell, onChange, onComplete, getCommitValidation, showValidationAlert, selections, onChangeBatch, formulaLocale, }: UseEditorSubmitProps) => (value: string | boolean, textFormatRuns: TextFormatRun[] | undefined | null, previousValue: string | boolean | undefined | null, editingSheetId: number, activeCell: CellInterface, nextActiveCell?: CellInterface | null, isDirty?: boolean, options?: EditorSubmitOptions) => Promise<void>;
 export {};
 //# sourceMappingURL=use-editor-submit.d.ts.map

package/dist/cjs/hooks/use-editor-submit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-editor-submit.d.ts","sourceRoot":"","sources":["../../../hooks/use-editor-submit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACpB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,KAAK,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnC,uFAAuF;AACvF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC;CACxB,CAAC;AAKF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAC5B,OAAO,UAAU,EACjB,YAAY,aAAa,EACzB,MAAM,aAAa,KAClB,UAGQ,CAAC;AAwCZ;;;;GAIG;AACH,eAAO,MAAM,aAAa,GACxB,OAAO,UAAU,EACjB,YAAY,aAAa,EACzB,YAAY,aAAa,CAAC,mBAAmB,CAAC,EAAE,KAC/C,cAAc,EAgBhB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,KAAK,EAAE,uBAAuB,CAAC;CAChC,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B;;OAEG;IACH,mBAAmB,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAC5D;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,aAAa,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,eAAe,CAAC,CAAC;IAChE;;;;;OAKG;IACH,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACtC;;OAEG;IACH,UAAU,CAAC,IAAI,IAAI,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC;IAClD;;;;OAIG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACjD;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,CACpB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,MAAM,GAAG,OAAO,EACvB,aAAa,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,KAC/C,gBAAgB,GAAG,SAAS,CAAC;IAClC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CAC7E,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,6IAU7B,oBAAoB,aAQV,MAAM,GAAG,OAAO,kBACP,aAAa,EAAE,GAAG,SAAS,GAAG,IAAI,iBACnC,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,kBAClC,MAAM,cACV,aAAa,mBACR,aAAa,GAAG,IAAI,YAC3B,OAAO,YACP,mBAAmB,kBA8GlC,CAAC"}
+{"version":3,"file":"use-editor-submit.d.ts","sourceRoot":"","sources":["../../../hooks/use-editor-submit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAGL,KAAK,aAAa,EAEnB,MAAM,qBAAqB,CAAC;AAM7B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACpB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,KAAK,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnC,uFAAuF;AACvF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC;CACxB,CAAC;AAKF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAC5B,OAAO,UAAU,EACjB,YAAY,aAAa,EACzB,MAAM,aAAa,KAClB,UAGQ,CAAC;AAwCZ;;;;GAIG;AACH,eAAO,MAAM,aAAa,GACxB,OAAO,UAAU,EACjB,YAAY,aAAa,EACzB,YAAY,aAAa,CAAC,mBAAmB,CAAC,EAAE,KAC/C,cAAc,EAgBhB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,KAAK,EAAE,uBAAuB,CAAC;CAChC,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B;;OAEG;IACH,mBAAmB,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAC5D;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,aAAa,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,eAAe,CAAC,CAAC;IAChE;;;;;OAKG;IACH,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACtC;;OAEG;IACH,UAAU,CAAC,IAAI,IAAI,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC;IAClD;;;;OAIG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACjD;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,CACpB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,MAAM,GAAG,OAAO,EACvB,aAAa,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,KAC/C,gBAAgB,GAAG,SAAS,CAAC;IAClC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC5E;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,4JAW7B,oBAAoB,aAQV,MAAM,GAAG,OAAO,kBACP,aAAa,EAAE,GAAG,SAAS,GAAG,IAAI,iBACnC,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,kBAClC,MAAM,cACV,aAAa,mBACR,aAAa,GAAG,IAAI,YAC3B,OAAO,YACP,mBAAmB,kBAsHlC,CAAC"}

package/dist/cjs/hooks/use-editor-submit.js

@@ -94,7 +94,7 @@ var planEntryFill = function (value, activeCell, selections) {
 };
 exports.planEntryFill = planEntryFill;
 var useEditorSubmit = function (_a) {
-    var sheetId = _a.sheetId, onChangeActiveSheet = _a.onChangeActiveSheet, setActiveCell = _a.setActiveCell, onChange = _a.onChange, onComplete = _a.onComplete, getCommitValidation = _a.getCommitValidation, showValidationAlert = _a.showValidationAlert, selections = _a.selections, onChangeBatch = _a.onChangeBatch;
+    var sheetId = _a.sheetId, onChangeActiveSheet = _a.onChangeActiveSheet, setActiveCell = _a.setActiveCell, onChange = _a.onChange, onComplete = _a.onComplete, getCommitValidation = _a.getCommitValidation, showValidationAlert = _a.showValidationAlert, selections = _a.selections, onChangeBatch = _a.onChangeBatch, formulaLocale = _a.formulaLocale;
     var _b = tslib_1.__read((0, formula_mode_atom_1.useFormulaMode)(), 2), formulaMode = _b[0], setFormulaMode = _b[1];
     var _c = tslib_1.__read((0, editing_cell_atom_1.useEditingCell)(), 2), _ = _c[0], setEditingCellCoordinate = _c[1];
     var setActiveEditor = (0, atoms_1.useSetActiveEditor)();
@@ -110,6 +110,13 @@ var useEditorSubmit = function (_a) {
                     if (formulaMode && typeof value !== "boolean") {
                         value = (0, utils_1.balanceFormula)(value);
                     }
+                    /* The editor speaks the formula locale; everything downstream is canonical */
+                    if (typeof value === "string") {
+                        value = (0, utils_1.canonicalizeCellInput)(value, formulaLocale);
+                    }
+                    if (typeof previousValue === "string") {
+                        previousValue = (0, utils_1.canonicalizeCellInput)(previousValue, formulaLocale);
+                    }
                     resetEditorState = function () {
                         setEditingCellCoordinate(undefined);
                         setActiveEditor(undefined);
@@ -201,6 +208,7 @@ var useEditorSubmit = function (_a) {
         getCommitValidation,
         showValidationAlert,
         onChangeBatch,
+        formulaLocale,
     ]);
 };
 exports.useEditorSubmit = useEditorSubmit;

package/dist/cjs/hooks/use-header-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-header-actions.d.ts","sourceRoot":"","sources":["../../../hooks/use-header-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAiD,MAAM,OAAO,CAAC;AAGtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGzE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAErC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,KAAK,gBAAgB,GAAG;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAClC,iBAAiB,EAAE,MAAM,YAAY,GAAG,SAAS,CAAC;IAClD,uBAAuB,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,YAAY,GAAG,SAAS,CAAC;IAC3E,6BAA6B,EAAE,CAC7B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,KACN,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACvC;;OAEG;IACH,UAAU,CAAC,IAAI,IAAI,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1C,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1C;;;;;OAKG;IACH,eAAe,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjE,YAAY,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC;;;;OAIG;IACH,aAAa,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,eAAe,CAAC,CAAC;IAChE,WAAW,IAAI,aAAa,CAAC;IAC7B,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC;IACjD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,qBAAqB,EAAE,MAAM,EAAE,CAAC;IAChC,wBAAwB,EAAE,MAAM,EAAE,CAAC;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,ufA+B9B,gBAAgB;;;;;CA8VlB,CAAC"}
+{"version":3,"file":"use-header-actions.d.ts","sourceRoot":"","sources":["../../../hooks/use-header-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACd,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAiD,MAAM,OAAO,CAAC;AAGtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGzE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAErC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,KAAK,gBAAgB,GAAG;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAClC,iBAAiB,EAAE,MAAM,YAAY,GAAG,SAAS,CAAC;IAClD,uBAAuB,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,YAAY,GAAG,SAAS,CAAC;IAC3E,6BAA6B,EAAE,CAC7B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,KACN,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACvC;;OAEG;IACH,UAAU,CAAC,IAAI,IAAI,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1C,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1C;;;;;OAKG;IACH,eAAe,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjE,YAAY,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC;;;;OAIG;IACH,aAAa,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,eAAe,CAAC,CAAC;IAChE,WAAW,IAAI,aAAa,CAAC;IAC7B,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC;IACjD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,qBAAqB,EAAE,MAAM,EAAE,CAAC;IAChC,wBAAwB,EAAE,MAAM,EAAE,CAAC;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,ufA+B9B,gBAAgB;;;;;CAoWlB,CAAC"}

package/dist/cjs/hooks/use-header-actions.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useHeaderActions = void 0;
 var tslib_1 = require("tslib");
+var grid_1 = require("@rowsncolumns/grid");
 var react_1 = tslib_1.__importStar(require("react"));
 var scheduler_1 = require("../api/scheduler");
 var header_menu_1 = require("../components/header-menu");
@@ -17,6 +18,8 @@ var useHeaderActions = function (_a) {
     var _h = tslib_1.__read((0, react_1.useState)(0), 2), dimension = _h[0], setDimension = _h[1];
     var _j = tslib_1.__read((0, react_1.useState)(false), 2), isDragging = _j[0], setIsDragging = _j[1];
     var dragStartPos = (0, react_1.useRef)(0);
+    /** Document the in-flight gesture listens on (the grid may live in a popout window) */
+    var gestureDocumentRef = (0, react_1.useRef)(null);
     var activeCellRef = (0, react_1.useRef)(undefined);
     var axisRef = (0, react_1.useRef)(undefined);
     var dimensionRef = (0, react_1.useRef)(0);
@@ -133,9 +136,11 @@ var useHeaderActions = function (_a) {
      * Called when user finishes dragging the component
      */
     var handleMouseUp = (0, react_1.useCallback)(function () {
-        var _a, _b, _c;
-        document.removeEventListener("mousemove", handleMouseMove);
-        document.removeEventListener("mouseup", handleMouseUp);
+        var _a, _b, _c, _d;
+        var ownerDocument = (_a = gestureDocumentRef.current) !== null && _a !== void 0 ? _a : document;
+        gestureDocumentRef.current = null;
+        ownerDocument.removeEventListener("mousemove", handleMouseMove);
+        ownerDocument.removeEventListener("mouseup", handleMouseUp);
         // Header resizer does not update otherwise.. @Vinay TODO Fix this later
         (0, scheduler_1.scheduleLowPriorityCallback)(function () {
             setDimension(0);
@@ -145,9 +150,9 @@ var useHeaderActions = function (_a) {
             return;
         }
         var activeCellIndex = axisRef.current === "x"
-            ? (_a = activeCellRef.current) === null || _a === void 0 ? void 0 : _a.rowIndex
-            : (_b = activeCellRef.current) === null || _b === void 0 ? void 0 : _b.columnIndex;
-        var indexes = ((_c = selectedIndexesRef.current) === null || _c === void 0 ? void 0 : _c.length) &&
+            ? (_b = activeCellRef.current) === null || _b === void 0 ? void 0 : _b.rowIndex
+            : (_c = activeCellRef.current) === null || _c === void 0 ? void 0 : _c.columnIndex;
+        var indexes = ((_d = selectedIndexesRef.current) === null || _d === void 0 ? void 0 : _d.length) &&
             selectedIndexesRef.current.includes(activeCellIndex)
             ? selectedIndexesRef.current
             : [activeCellIndex];
@@ -163,7 +168,7 @@ var useHeaderActions = function (_a) {
      * @returns
      */
     var handleMouseDown = (0, react_1.useCallback)(function (e) {
-        var _a;
+        var _a, _b;
         if (!activeCell || e.button !== 0) {
             return;
         }
@@ -172,14 +177,16 @@ var useHeaderActions = function (_a) {
         if (!relativePosition) {
             return;
         }
-        var _b = (_a = getCellOffsetFromCoords(activeCell)) !== null && _a !== void 0 ? _a : {}, _c = _b.width, width = _c === void 0 ? 0 : _c, _d = _b.height, height = _d === void 0 ? 0 : _d;
+        var _c = (_a = getCellOffsetFromCoords(activeCell)) !== null && _a !== void 0 ? _a : {}, _d = _c.width, width = _d === void 0 ? 0 : _d, _e = _c.height, height = _e === void 0 ? 0 : _e;
         activeCellRef.current = activeCell;
         axisRef.current = (activeCell === null || activeCell === void 0 ? void 0 : activeCell.rowIndex) === 0 ? "y" : "x";
         dragStartPos.current =
             axisRef.current === "x" ? relativePosition.y : relativePosition.x;
         initialDimensionRef.current = axisRef.current === "x" ? height : width;
-        document.addEventListener("mousemove", handleMouseMove);
-        document.addEventListener("mouseup", handleMouseUp);
+        var ownerDocument = (_b = (0, grid_1.getOwnerDocument)(e.currentTarget)) !== null && _b !== void 0 ? _b : document;
+        gestureDocumentRef.current = ownerDocument;
+        ownerDocument.addEventListener("mousemove", handleMouseMove);
+        ownerDocument.addEventListener("mouseup", handleMouseUp);
     }, [
         activeCell,
         handleMouseMove,

package/dist/cjs/hooks/use-move-columns-rows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-move-columns-rows.d.ts","sourceRoot":"","sources":["../../../hooks/use-move-columns-rows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,YAAY,EACZ,qBAAqB,EACrB,aAAa,EACb,YAAY,EACb,MAAM,oBAAoB,CAAC;AAQ5B,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EACL,KAAK,kBAAkB,EAExB,MAAM,2BAA2B,CAAC;AAKnC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,uBAAuB,CAAC,IAAI,EAAE,aAAa,GAAG,YAAY,GAAG,SAAS,CAAC;IACvE,uBAAuB,CACrB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,aAAa,CAAC,EAAE,OAAO,GACtB,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,6BAA6B,EAAE,CAC7B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,KACN,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,GAAG,SAAS,CAAC;IAChE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAChD,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC1C;;OAEG;IACH,iBAAiB,EAAE,MAAM,YAAY,GAAG,SAAS,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAChE,kBAAkB,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAC1D,kBAAkB,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAC1D,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,aAAa,CAAC;IAC1B,uBAAuB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;CACnE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,8YAwBnC,oBAAoB;;;;CAuZtB,CAAC"}
+{"version":3,"file":"use-move-columns-rows.d.ts","sourceRoot":"","sources":["../../../hooks/use-move-columns-rows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,YAAY,EACZ,qBAAqB,EACrB,aAAa,EACb,YAAY,EACb,MAAM,oBAAoB,CAAC;AAQ5B,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EACL,KAAK,kBAAkB,EAExB,MAAM,2BAA2B,CAAC;AAKnC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,uBAAuB,CAAC,IAAI,EAAE,aAAa,GAAG,YAAY,GAAG,SAAS,CAAC;IACvE,uBAAuB,CACrB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,aAAa,CAAC,EAAE,OAAO,GACtB,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,6BAA6B,EAAE,CAC7B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,KACN,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,GAAG,SAAS,CAAC;IAChE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAChD,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC1C;;OAEG;IACH,iBAAiB,EAAE,MAAM,YAAY,GAAG,SAAS,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAChE,kBAAkB,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAC1D,kBAAkB,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAC1D,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,aAAa,CAAC;IAC1B,uBAAuB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;CACnE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,8YAwBnC,oBAAoB;;;;CAmatB,CAAC"}

package/dist/cjs/hooks/use-move-columns-rows.js

@@ -19,6 +19,8 @@ var useMoveColumnsAndRows = function (_a) {
     var _h = tslib_1.__read((0, react_1.useState)(0), 2), offset = _h[0], setOffset = _h[1];
     var _j = tslib_1.__read((0, react_1.useState)(0), 2), dragOffset = _j[0], setDragOffset = _j[1];
     var gapRef = (0, react_1.useRef)(0);
+    /** Document the in-flight gesture listens on (the grid may live in a popout window) */
+    var gestureDocumentRef = (0, react_1.useRef)(null);
     var startCellRef = (0, react_1.useRef)(undefined);
     var startRef = (0, react_1.useRef)(0);
     var endRef = (0, react_1.useRef)(0);
@@ -89,15 +91,17 @@ var useMoveColumnsAndRows = function (_a) {
      * Mouseup
      */
     var handleMouseUp = (0, react_1.useCallback)(function (e) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         setIsDragging(false);
-        document.removeEventListener("mousemove", handleMouseMove);
-        document.removeEventListener("mouseup", handleMouseUp);
+        var ownerDocument = (_a = gestureDocumentRef.current) !== null && _a !== void 0 ? _a : document;
+        gestureDocumentRef.current = null;
+        ownerDocument.removeEventListener("mousemove", handleMouseMove);
+        ownerDocument.removeEventListener("mouseup", handleMouseUp);
         var dimensions = dragDimensions.current;
         if (!dragAxis.current || !dimensions) {
             return;
         }
-        var _l = tslib_1.__read((0, utils_1.getMinMaxArray)(dimensions), 2), min = _l[0], max = _l[1];
+        var _m = tslib_1.__read((0, utils_1.getMinMaxArray)(dimensions), 2), min = _m[0], max = _m[1];
         var coords = getCellCoordsFromOffset(e.clientX, e.clientY, false);
         if (!coords) {
             return;
@@ -106,10 +110,10 @@ var useMoveColumnsAndRows = function (_a) {
         coords.rowIndex = Math.max(coords.rowIndex, selectionTopBound);
         coords.columnIndex = Math.max(coords.columnIndex, selectionLeftBound);
         var direction = dragAxis.current === "x"
-            ? coords.columnIndex > ((_b = (_a = startCellRef.current) === null || _a === void 0 ? void 0 : _a.columnIndex) !== null && _b !== void 0 ? _b : 0)
+            ? coords.columnIndex > ((_c = (_b = startCellRef.current) === null || _b === void 0 ? void 0 : _b.columnIndex) !== null && _c !== void 0 ? _c : 0)
                 ? grid_1.Direction.Right
                 : grid_1.Direction.Left
-            : coords.rowIndex > ((_d = (_c = startCellRef.current) === null || _c === void 0 ? void 0 : _c.rowIndex) !== null && _d !== void 0 ? _d : 0)
+            : coords.rowIndex > ((_e = (_d = startCellRef.current) === null || _d === void 0 ? void 0 : _d.rowIndex) !== null && _e !== void 0 ? _e : 0)
                 ? grid_1.Direction.Down
                 : grid_1.Direction.Up;
         var rowIndex = coords.rowIndex, columnIndex = coords.columnIndex;
@@ -125,16 +129,22 @@ var useMoveColumnsAndRows = function (_a) {
             return;
         }
         var hasUserMovedDimensions = dragAxis.current === "x"
-            ? ((_e = startCellRef.current) === null || _e === void 0 ? void 0 : _e.columnIndex) !== columnIndex
-            : ((_f = startCellRef.current) === null || _f === void 0 ? void 0 : _f.rowIndex) !== rowIndex;
+            ? ((_f = startCellRef.current) === null || _f === void 0 ? void 0 : _f.columnIndex) !== columnIndex
+            : ((_g = startCellRef.current) === null || _g === void 0 ? void 0 : _g.rowIndex) !== rowIndex;
         if (direction === grid_1.Direction.Right) {
             columnIndex =
-                coords.columnIndex - ((_h = (_g = dragDimensions.current) === null || _g === void 0 ? void 0 : _g.length) !== null && _h !== void 0 ? _h : 0) + 1;
+                coords.columnIndex - ((_j = (_h = dragDimensions.current) === null || _h === void 0 ? void 0 : _h.length) !== null && _j !== void 0 ? _j : 0) + 1;
         }
         if (direction === grid_1.Direction.Down) {
-            rowIndex = coords.rowIndex - ((_k = (_j = dragDimensions.current) === null || _j === void 0 ? void 0 : _j.length) !== null && _k !== void 0 ? _k : 0) + 1;
+            rowIndex = coords.rowIndex - ((_l = (_k = dragDimensions.current) === null || _k === void 0 ? void 0 : _k.length) !== null && _l !== void 0 ? _l : 0) + 1;
         }
         if (hasUserMovedDimensions) {
+            // Intentional deviation from Excel: a plain header drag DISPLACES the rows / columns it
+            // is dropped on (Excel plain-drags a header to overwrite and only Shift+drag inserts).
+            // Overwriting whole rows/columns by drag is destructive with no data prompt in this
+            // grid, so both plain and Shift+drag insert here; the landing index is already
+            // compensated above (`coords - length + 1` for a downward/rightward drop) so the block
+            // lands exactly where the drop indicator shows, as Excel's Insert Cut Cells does.
             // Blocking callback
             if (dragAxis.current === "x") {
                 onMoveColumns === null || onMoveColumns === void 0 ? void 0 : onMoveColumns(sheetId, dimensions, columnIndex);
@@ -185,7 +195,7 @@ var useMoveColumnsAndRows = function (_a) {
      * MouseDown callback
      */
     var handleMouseDown = (0, react_1.useCallback)(function (e) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         var isContextMenu = e.button === grid_2.MouseButtonCodes.right || e.ctrlKey;
         if (isContextMenu) {
             return;
@@ -200,7 +210,7 @@ var useMoveColumnsAndRows = function (_a) {
         }
         var axis = (coords === null || coords === void 0 ? void 0 : coords.rowIndex) === 0 ? "x" : "y";
         var dims = axis === "x" ? columns : rows;
-        var _j = tslib_1.__read((0, utils_1.getMinMaxArray)(dims), 2), min = _j[0], max = _j[1];
+        var _k = tslib_1.__read((0, utils_1.getMinMaxArray)(dims), 2), min = _k[0], max = _k[1];
         // Set start cell
         startCellRef.current = coords;
         startRef.current = min;
@@ -228,10 +238,12 @@ var useMoveColumnsAndRows = function (_a) {
         setOffset(offset);
         setDragOffset(dragOffset);
         /**
-         * Add mousemove and up listeners
+         * Add mousemove and up listeners on the document the gesture started on
          */
-        document.addEventListener("mousemove", handleMouseMove);
-        document.addEventListener("mouseup", handleMouseUp);
+        var ownerDocument = (_j = (0, grid_2.getOwnerDocument)(e.currentTarget)) !== null && _j !== void 0 ? _j : document;
+        gestureDocumentRef.current = ownerDocument;
+        ownerDocument.addEventListener("mousemove", handleMouseMove);
+        ownerDocument.addEventListener("mouseup", handleMouseUp);
     }, [
         columns,
         rows,

package/dist/cjs/hooks/use-selection-move.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-selection-move.d.ts","sourceRoot":"","sources":["../../../hooks/use-selection-move.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,aAAa,EAEb,qBAAqB,EACtB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAGhF,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;IACxD;;;;;OAKG;IACH,uBAAuB,CACrB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAClC,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC;;;;OAIG;IACH,YAAY,CACV,IAAI,EAAE,qBAAqB,EAC3B,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,GACxB,IAAI,GAAG,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,uDAI9B,qBAAqB;kCA2HhB,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;;CAyCzC,CAAC"}
+{"version":3,"file":"use-selection-move.d.ts","sourceRoot":"","sources":["../../../hooks/use-selection-move.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,aAAa,EAEb,qBAAqB,EACtB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAGhF,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;IACxD;;;;;OAKG;IACH,uBAAuB,CACrB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAClC,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC;;;;OAIG;IACH,YAAY,CACV,IAAI,EAAE,qBAAqB,EAC3B,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,GACxB,IAAI,GAAG,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,uDAI9B,qBAAqB;kCA+HhB,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;;CA2CzC,CAAC"}

package/dist/cjs/hooks/use-selection-move.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSelectionMove = void 0;
 var tslib_1 = require("tslib");
 var isNil_1 = tslib_1.__importDefault(require("lodash/isNil"));
+var grid_1 = require("@rowsncolumns/grid");
 var react_1 = require("react");
 var atoms_1 = require("../atoms");
 var use_selection_resize_1 = require("./use-selection-resize");
@@ -17,6 +18,8 @@ var useSelectionMove = function (_a) {
     var selectionIndexRef = (0, react_1.useRef)(undefined);
     var isDraggingRef = (0, react_1.useRef)(false);
     var startCell = (0, react_1.useRef)(undefined);
+    /** Document the in-flight gesture listens on (the grid may live in a popout window) */
+    var gestureDocumentRef = (0, react_1.useRef)(null);
     var initialRange = (0, react_1.useRef)(undefined);
     var activeEditor = (0, atoms_1.useActiveEditor)();
     var getSelectionToAddress = (0, atoms_1.useGetAddressFromSelection)();
@@ -103,6 +106,7 @@ var useSelectionMove = function (_a) {
     var _b = tslib_1.__read((0, react_1.useState)(false), 2), isDragging = _b[0], setIsDragging = _b[1];
     // Mouseup
     var onMouseUp = (0, react_1.useCallback)(function () {
+        var _a;
         // Land the cursor at the end of the moved reference,
         // not the end of the formula
         activeEditor === null || activeEditor === void 0 ? void 0 : activeEditor.moveCursorToTokenEnd(selectionIndexRef.current);
@@ -112,12 +116,14 @@ var useSelectionMove = function (_a) {
         startCell.current = undefined;
         initialRange.current = undefined;
         setIsDragging(false);
-        document.removeEventListener("pointermove", onMouseMove);
-        document.removeEventListener("pointerup", onMouseUp);
+        var ownerDocument = (_a = gestureDocumentRef.current) !== null && _a !== void 0 ? _a : document;
+        gestureDocumentRef.current = null;
+        ownerDocument.removeEventListener("pointermove", onMouseMove);
+        ownerDocument.removeEventListener("pointerup", onMouseUp);
     }, [activeEditor, onMouseMove]);
     // Mousedown
     var onMouseDownMoveSelection = (0, react_1.useCallback)(function (e) {
-        var _a, _b;
+        var _a, _b, _c;
         var index = Number(e.currentTarget.dataset.index);
         if ((0, isNil_1.default)(index) || Number.isNaN(index)) {
             return;
@@ -140,12 +146,14 @@ var useSelectionMove = function (_a) {
             try {
                 (_b = (_a = e.currentTarget).setPointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, e.pointerId);
             }
-            catch (_c) {
+            catch (_d) {
                 // jsdom / older browsers without pointer capture
             }
             setIsDragging(true);
-            document.addEventListener("pointermove", onMouseMove);
-            document.addEventListener("pointerup", onMouseUp);
+            var ownerDocument = (_c = (0, grid_1.getOwnerDocument)(e.currentTarget)) !== null && _c !== void 0 ? _c : document;
+            gestureDocumentRef.current = ownerDocument;
+            ownerDocument.addEventListener("pointermove", onMouseMove);
+            ownerDocument.addEventListener("pointerup", onMouseUp);
         }
         // Focus
         activeEditor === null || activeEditor === void 0 ? void 0 : activeEditor.focus();

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

@@ -1,6 +1,8 @@
 import { type CellInterface, type SelectionArea, type SelectionProps } from "@rowsncolumns/grid";
 import React from "react";
+import type { InsertFormatOption } from "../api/insert-options";
 import type { FillOptionsRequest } from "../atoms/fill-options.atom";
+import type { InsertOptionsRequest } from "../atoms/insert-options.atom";
 import type { CanvasGridProps, SelectionAttributes } from "../components/canvas-grid/typings";
 import type { SelectionNewProps } from "../components/selection/types";
 import type { AutoFillType, SheetRange } from "../types";
@@ -42,6 +44,12 @@ export type UseSelectionRendererProps = {
     onChooseFillType?(fillType: AutoFillType): void;
     onOpenFillSeriesDialog?(): void;
     onCloseFillOptions?(): void;
+    /**
+     * Pending Insert Options smart tag (rendered once, on the first selection
+     * that overlaps the inserted band — or the lone active cell).
+     */
+    insertOptions?: InsertOptionsRequest | null;
+    onChooseInsertOption?(option: InsertFormatOption): void;
     onSplitTextToColumns: CanvasGridProps["onSplitTextToColumns"];
     hoveredCell?: CellInterface | null;
     onRemoveQuickEdit(range: SheetRange): void;
@@ -53,5 +61,5 @@ export type UseSelectionRendererProps = {
      */
     isFillShrink?: boolean;
 };
-export declare const useSelectionRenderer: ({ sheetId, selectionCount, selectionBackgroundColor, selectionBorderColor, onSelectionMouseDown, onChangeActiveCell, onChangeSelections, onRequestEditTable, onRequestEditPivotTable, onMouseDownResizeHandle, onMouseDownMoveSelection, isDraggingMoveSelection, onFlashEnd, getSheetName, resizeHandleSize, showSelectionResizeHandles, resizeHandleBorderColor, SelectionTitleComponent, isResizingTable, fillHandleSize, showFillHandle, enableMagicFill, MagicFillComponent, MagicFillContent, readonly, showPasteMenu, fillOptions, onChooseFillType, onOpenFillSeriesDialog, onCloseFillOptions, hoveredCell, onSplitTextToColumns, onRemoveQuickEdit, onAddQuickEdit, QuickEdit, PasteMenu, SuggestionAction, cachedHoveredSelectionIds, isFillShrink, }: UseSelectionRendererProps) => (props: SelectionProps<SelectionAttributes>) => React.JSX.Element | null;
+export declare const useSelectionRenderer: ({ sheetId, selectionCount, selectionBackgroundColor, selectionBorderColor, onSelectionMouseDown, onChangeActiveCell, onChangeSelections, onRequestEditTable, onRequestEditPivotTable, onMouseDownResizeHandle, onMouseDownMoveSelection, isDraggingMoveSelection, onFlashEnd, getSheetName, resizeHandleSize, showSelectionResizeHandles, resizeHandleBorderColor, SelectionTitleComponent, isResizingTable, fillHandleSize, showFillHandle, enableMagicFill, MagicFillComponent, MagicFillContent, readonly, showPasteMenu, fillOptions, onChooseFillType, onOpenFillSeriesDialog, onCloseFillOptions, insertOptions, onChooseInsertOption, hoveredCell, onSplitTextToColumns, onRemoveQuickEdit, onAddQuickEdit, QuickEdit, PasteMenu, SuggestionAction, cachedHoveredSelectionIds, isFillShrink, }: UseSelectionRendererProps) => (props: SelectionProps<SelectionAttributes>) => React.JSX.Element | null;
 //# sourceMappingURL=use-selection-renderer.d.ts.map

package/dist/cjs/hooks/use-selection-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-selection-renderer.d.ts","sourceRoot":"","sources":["../../../hooks/use-selection-renderer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-selection-renderer.d.ts","sourceRoot":"","sources":["../../../hooks/use-selection-renderer.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/hooks/use-selection-renderer.js

@@ -12,8 +12,25 @@ var selection_1 = require("./../components/selection");
 /** Excel greys the cells a fill-handle drag-back is about to clear. */
 var FILL_SHRINK_COLOR = "#808080";
 var FILL_SHRINK_OPACITY = 0.25;
+/**
+ * The Insert Options smart tag renders once: on the first drag-selection that
+ * overlaps the inserted band, or on the active cell when there is no
+ * drag-selection at all (a lone cell that became part of the band).
+ */
+var anchorsInsertOptions = function (insertOptions, range, type, index, isEmptySelections) {
+    if (type !== "selection" && !(type === "activeCell" && isEmptySelections)) {
+        return false;
+    }
+    if (type === "selection" && index !== 0)
+        return false;
+    var bandEnd = insertOptions.start + insertOptions.count - 1;
+    return insertOptions.axis === "row"
+        ? range.startRowIndex <= bandEnd && range.endRowIndex >= insertOptions.start
+        : range.startColumnIndex <= bandEnd &&
+            range.endColumnIndex >= insertOptions.start;
+};
 var useSelectionRenderer = function (_a) {
-    var sheetId = _a.sheetId, selectionCount = _a.selectionCount, selectionBackgroundColor = _a.selectionBackgroundColor, selectionBorderColor = _a.selectionBorderColor, onSelectionMouseDown = _a.onSelectionMouseDown, onChangeActiveCell = _a.onChangeActiveCell, onChangeSelections = _a.onChangeSelections, onRequestEditTable = _a.onRequestEditTable, onRequestEditPivotTable = _a.onRequestEditPivotTable, onMouseDownResizeHandle = _a.onMouseDownResizeHandle, onMouseDownMoveSelection = _a.onMouseDownMoveSelection, isDraggingMoveSelection = _a.isDraggingMoveSelection, onFlashEnd = _a.onFlashEnd, getSheetName = _a.getSheetName, _b = _a.resizeHandleSize, resizeHandleSize = _b === void 0 ? 6 : _b, showSelectionResizeHandles = _a.showSelectionResizeHandles, resizeHandleBorderColor = _a.resizeHandleBorderColor, SelectionTitleComponent = _a.SelectionTitleComponent, isResizingTable = _a.isResizingTable, fillHandleSize = _a.fillHandleSize, showFillHandle = _a.showFillHandle, enableMagicFill = _a.enableMagicFill, MagicFillComponent = _a.MagicFillComponent, MagicFillContent = _a.MagicFillContent, readonly = _a.readonly, showPasteMenu = _a.showPasteMenu, fillOptions = _a.fillOptions, onChooseFillType = _a.onChooseFillType, onOpenFillSeriesDialog = _a.onOpenFillSeriesDialog, onCloseFillOptions = _a.onCloseFillOptions, hoveredCell = _a.hoveredCell, onSplitTextToColumns = _a.onSplitTextToColumns, onRemoveQuickEdit = _a.onRemoveQuickEdit, onAddQuickEdit = _a.onAddQuickEdit, QuickEdit = _a.QuickEdit, PasteMenu = _a.PasteMenu, SuggestionAction = _a.SuggestionAction, cachedHoveredSelectionIds = _a.cachedHoveredSelectionIds, _c = _a.isFillShrink, isFillShrink = _c === void 0 ? false : _c;
+    var sheetId = _a.sheetId, selectionCount = _a.selectionCount, selectionBackgroundColor = _a.selectionBackgroundColor, selectionBorderColor = _a.selectionBorderColor, onSelectionMouseDown = _a.onSelectionMouseDown, onChangeActiveCell = _a.onChangeActiveCell, onChangeSelections = _a.onChangeSelections, onRequestEditTable = _a.onRequestEditTable, onRequestEditPivotTable = _a.onRequestEditPivotTable, onMouseDownResizeHandle = _a.onMouseDownResizeHandle, onMouseDownMoveSelection = _a.onMouseDownMoveSelection, isDraggingMoveSelection = _a.isDraggingMoveSelection, onFlashEnd = _a.onFlashEnd, getSheetName = _a.getSheetName, _b = _a.resizeHandleSize, resizeHandleSize = _b === void 0 ? 6 : _b, showSelectionResizeHandles = _a.showSelectionResizeHandles, resizeHandleBorderColor = _a.resizeHandleBorderColor, SelectionTitleComponent = _a.SelectionTitleComponent, isResizingTable = _a.isResizingTable, fillHandleSize = _a.fillHandleSize, showFillHandle = _a.showFillHandle, enableMagicFill = _a.enableMagicFill, MagicFillComponent = _a.MagicFillComponent, MagicFillContent = _a.MagicFillContent, readonly = _a.readonly, showPasteMenu = _a.showPasteMenu, fillOptions = _a.fillOptions, onChooseFillType = _a.onChooseFillType, onOpenFillSeriesDialog = _a.onOpenFillSeriesDialog, onCloseFillOptions = _a.onCloseFillOptions, insertOptions = _a.insertOptions, onChooseInsertOption = _a.onChooseInsertOption, hoveredCell = _a.hoveredCell, onSplitTextToColumns = _a.onSplitTextToColumns, onRemoveQuickEdit = _a.onRemoveQuickEdit, onAddQuickEdit = _a.onAddQuickEdit, QuickEdit = _a.QuickEdit, PasteMenu = _a.PasteMenu, SuggestionAction = _a.SuggestionAction, cachedHoveredSelectionIds = _a.cachedHoveredSelectionIds, _c = _a.isFillShrink, isFillShrink = _c === void 0 ? false : _c;
     var formulaMode = (0, formula_mode_atom_1.useFormulaModeValue)();
     var selectionIndex = (0, atoms_1.useFormulaSelectionIndex)();
     var hoveredCellRef = (0, react_1.useRef)(hoveredCell);
@@ -103,7 +120,12 @@ var useSelectionRenderer = function (_a) {
                 fillOptions.sheetId === sheetId &&
                 (0, grid_1.isAreasEqual)(fillOptions.fillSelection.range, range)
                 ? fillOptions
-                : undefined, onChooseFillType: onChooseFillType, onOpenFillSeriesDialog: onOpenFillSeriesDialog, onCloseFillOptions: onCloseFillOptions, sheetId: sheetId, MagicFillContent: MagicFillContent, QuickEdit: QuickEdit, PasteMenu: PasteMenu, SuggestionAction: SuggestionAction, onSplitTextToColumns: function (delimiter) {
+                : undefined, onChooseFillType: onChooseFillType, onOpenFillSeriesDialog: onOpenFillSeriesDialog, onCloseFillOptions: onCloseFillOptions, insertOptions: insertOptions &&
+                range &&
+                insertOptions.sheetId === sheetId &&
+                anchorsInsertOptions(insertOptions, range, type, index, isEmptySelections)
+                ? insertOptions
+                : undefined, onChooseInsertOption: onChooseInsertOption, sheetId: sheetId, MagicFillContent: MagicFillContent, QuickEdit: QuickEdit, PasteMenu: PasteMenu, SuggestionAction: SuggestionAction, onSplitTextToColumns: function (delimiter) {
                 // Active cell
                 var newActiveCell = range
                     ? {
@@ -148,6 +170,8 @@ var useSelectionRenderer = function (_a) {
         onChooseFillType,
         onOpenFillSeriesDialog,
         onCloseFillOptions,
+        insertOptions,
+        onChooseInsertOption,
         onSplitTextToColumns,
         MagicFillContent,
         QuickEdit,

package/dist/cjs/hooks/use-selection-resize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-selection-resize.d.ts","sourceRoot":"","sources":["../../../hooks/use-selection-resize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,aAAa,EACb,SAAS,EACT,qBAAqB,EACtB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAIhF,KAAK,uBAAuB,GAAG;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;IACxD;;;;;OAKG;IACH,uBAAuB,CACrB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAClC,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,aAAa,CAAC,IAAI,EAAE,aAAa,GAAG,SAAS,CAAC;IAC9C;;;;OAIG;IACH,YAAY,CACV,IAAI,EAAE,qBAAqB,EAC3B,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,GACxB,IAAI,GAAG,SAAS,CAAC;CACrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,QAAQ,WAAW,EAAE,WAU/C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,wFAMhC,uBAAuB,SA+HlB,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,SAiDzC,CAAC"}
+{"version":3,"file":"use-selection-resize.d.ts","sourceRoot":"","sources":["../../../hooks/use-selection-resize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,aAAa,EACb,SAAS,EACT,qBAAqB,EACtB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAIhF,KAAK,uBAAuB,GAAG;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;IACxD;;;;;OAKG;IACH,uBAAuB,CACrB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAClC,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,aAAa,CAAC,IAAI,EAAE,aAAa,GAAG,SAAS,CAAC;IAC9C;;;;OAIG;IACH,YAAY,CACV,IAAI,EAAE,qBAAqB,EAC3B,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,GACxB,IAAI,GAAG,SAAS,CAAC;CACrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,QAAQ,WAAW,EAAE,WAU/C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,wFAMhC,uBAAuB,SAmIlB,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,SAmDzC,CAAC"}

package/dist/cjs/hooks/use-selection-resize.js

@@ -28,6 +28,8 @@ var useSelectionResize = function (_a) {
     var selectionIndexRef = (0, react_1.useRef)(undefined);
     var isDraggingRef = (0, react_1.useRef)(false);
     var anchorCell = (0, react_1.useRef)(undefined);
+    /** Document the in-flight gesture listens on (the grid may live in a popout window) */
+    var gestureDocumentRef = (0, react_1.useRef)(null);
     var activeEditor = (0, atoms_1.useActiveEditor)();
     var getSelectionToAddress = (0, atoms_1.useGetAddressFromSelection)();
     var getSelectionsFromFormula = (0, atoms_1.useGetSelectionsFromFormula)();
@@ -126,6 +128,7 @@ var useSelectionResize = function (_a) {
     ]);
     // Mouseup
     var onMouseUp = (0, react_1.useCallback)(function () {
+        var _a;
         // Land the cursor at the end of the resized reference,
         // not the end of the formula
         activeEditor === null || activeEditor === void 0 ? void 0 : activeEditor.moveCursorToTokenEnd(selectionIndexRef.current);
@@ -133,12 +136,14 @@ var useSelectionResize = function (_a) {
         activeEditor === null || activeEditor === void 0 ? void 0 : activeEditor.focus();
         isDraggingRef.current = false;
         anchorCell.current = undefined;
-        document.removeEventListener("pointermove", onMouseMove);
-        document.removeEventListener("pointerup", onMouseUp);
+        var ownerDocument = (_a = gestureDocumentRef.current) !== null && _a !== void 0 ? _a : document;
+        gestureDocumentRef.current = null;
+        ownerDocument.removeEventListener("pointermove", onMouseMove);
+        ownerDocument.removeEventListener("pointerup", onMouseUp);
     }, [activeEditor, onMouseMove]);
     // Mousedown
     var onMouseDownResizeHandle = (0, react_1.useCallback)(function (e) {
-        var _a, _b;
+        var _a, _b, _c;
         var direction = e.currentTarget.dataset.position;
         var index = Number(e.currentTarget.dataset.index);
         if ((0, isNil_1.default)(direction) || (0, isNil_1.default)(index)) {
@@ -160,11 +165,13 @@ var useSelectionResize = function (_a) {
             try {
                 (_b = (_a = e.currentTarget).setPointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, e.pointerId);
             }
-            catch (_c) {
+            catch (_d) {
                 // jsdom / older browsers without pointer capture
             }
-            document.addEventListener("pointermove", onMouseMove);
-            document.addEventListener("pointerup", onMouseUp);
+            var ownerDocument = (_c = (0, grid_1.getOwnerDocument)(e.currentTarget)) !== null && _c !== void 0 ? _c : document;
+            gestureDocumentRef.current = ownerDocument;
+            ownerDocument.addEventListener("pointermove", onMouseMove);
+            ownerDocument.addEventListener("pointerup", onMouseUp);
         }
         // Focus
         activeEditor === null || activeEditor === void 0 ? void 0 : activeEditor.focus();

package/dist/cjs/hooks/use-selection.d.ts

@@ -144,6 +144,18 @@ export type UseSelectionOptions<T extends AreaStyle = AreaStyle> = {
      * When selection is moved
      */
     onMoveSelection?: (sheetId: number, from: SelectionArea<T>, to: SelectionArea<T>) => void;
+    /**
+     * Shift+drag of the selection border (Excel's I-beam insert): the destination
+     * band is displaced and the block inserted, never overwriting. Falls back to
+     * `onMoveSelection` when absent.
+     */
+    onInsertCutCells?: (sheetId: number, from: SelectionArea<T>, to: SelectionArea<T>) => void;
+    /**
+     * Asks the user before a plain drag-move overwrites non-empty destination
+     * cells (Excel: "There's already data here. Do you want to replace it?").
+     * Resolves `false` to cancel the move. Defaults to `window.confirm`.
+     */
+    confirmMoveOverwrite?: (message: string) => boolean | Promise<boolean>;
     /**
      * Get cell coords from x, y
      * @param x
@@ -195,11 +207,7 @@ export type UseSelectionOptions<T extends AreaStyle = AreaStyle> = {
     isColumnHeader(index: number): boolean;
 };
 export type NewSelectionMode = "clear" | "modify" | "append";
-/**
- * Hook to enable selection in datagrid
- * @param initialSelection
- */
-export declare const useSelection: <T extends AreaStyle>({ sheetId, activeCell, onChangeActiveCell, selections, onChangeSelections, columnCount, rowCount, selectionPolicy, newSelectionMode, allowDeselectSelection, onFill, onFillHandleRelease, onFillShrink, isHiddenRow, isHiddenColumn, alwaysScrollToActiveCell, selectionTopBound, selectionBottomBound, selectionLeftBound, selectionRightBound, mouseDownInterceptor, mouseMoveInterceptor, mergedCells, canSelectionSpanMergedCells, getValue, onMoveSelection, getCellCoordsFromOffset, getCellBounds, getViewPort, focus, scrollToCell, isMergedCell, enableSelectOnEnterKey, formulaMode, isTouchDevice, getDataRowCount, isRowHeader, isColumnHeader, enableDataBoundaryNavigation, }: UseSelectionOptions<T>) => {
+export declare const useSelection: <T extends AreaStyle>({ sheetId, activeCell, onChangeActiveCell, selections, onChangeSelections, columnCount, rowCount, selectionPolicy, newSelectionMode, allowDeselectSelection, onFill, onFillHandleRelease, onFillShrink, onInsertCutCells, confirmMoveOverwrite, isHiddenRow, isHiddenColumn, alwaysScrollToActiveCell, selectionTopBound, selectionBottomBound, selectionLeftBound, selectionRightBound, mouseDownInterceptor, mouseMoveInterceptor, mergedCells, canSelectionSpanMergedCells, getValue, onMoveSelection, getCellCoordsFromOffset, getCellBounds, getViewPort, focus, scrollToCell, isMergedCell, enableSelectOnEnterKey, formulaMode, isTouchDevice, getDataRowCount, isRowHeader, isColumnHeader, enableDataBoundaryNavigation, }: UseSelectionOptions<T>) => {
     isDragging: boolean;
     draggedSelection: SelectionArea<T> | undefined;
     initialDraggedSelection: SelectionArea<T> | undefined;