handsontable 0.0.0-next-cecf979-20231026 → 0.0.0-next-e54c3d6-20231026

package/plugins/nestedHeaders/nestedHeaders.js

@@ -531,45 +531,44 @@ class NestedHeaders extends _base.BasePlugin {
    * of the column.
    *
    * @private
-   * @param {Array[]} data An array of arrays which contains data to copied.
-   * @param {object[]} copyableRanges An array of objects with ranges of the visual indexes (`startRow`, `startCol`, `endRow`, `endCol`)
-   *                                  which will copied.
-   * @param {{ columnHeadersCount: number }} copiedHeadersCount An object with keys that holds information with
-   *                                                            the number of copied headers.
+   * @param {object} clipboardData Information about already performed copy action.
+   * @param {Function} clipboardData.removeRow Remove row from the copied/pasted dataset.
+   * @param {Function} clipboardData.removeColumn Remove column from the copied/pasted dataset.
+   * @param {Function} clipboardData.insertAtRow Insert values at row index.
+   * @param {Function} clipboardData.insertAtColumn Insert values at column index.
+   * @param {Function} clipboardData.setCellAt Change headers or cells in the copied/pasted dataset.
+   * @param {Function} clipboardData.getCellAt Get headers or cells from the copied/pasted dataset.
+   * @param {Function} clipboardData.getData Gets copied data stored as array of arrays.
+   * @param {Function} clipboardData.getMetaInfo Gets grid settings for copied data.
+   * @param {Function} clipboardData.getRanges Returns ranges related to copied part of Handsontable.
    */
-  onBeforeCopy(data, copyableRanges, _ref2) {
-    let {
-      columnHeadersCount
-    } = _ref2;
-    if (columnHeadersCount === 0) {
-      return;
-    }
-    for (let rangeIndex = 0; rangeIndex < copyableRanges.length; rangeIndex++) {
+  onBeforeCopy(clipboardData) {
+    const copyableRanges = clipboardData.getRanges();
+    for (let rangeIndex = 0; rangeIndex < copyableRanges.length; rangeIndex += 1) {
       const {
         startRow,
         startCol,
         endRow,
         endCol
       } = copyableRanges[rangeIndex];
-      const rowsCount = endRow - startRow + 1;
       const columnsCount = startCol - endCol + 1;
 
       // do not process dataset ranges and column headers where only one column is copied
       if (startRow >= 0 || columnsCount === 1) {
         break;
       }
-      for (let column = startCol; column <= endCol; column++) {
-        for (let row = startRow; row <= endRow; row++) {
-          var _classPrivateFieldGet4;
-          const zeroBasedColumnHeaderLevel = rowsCount + row;
+      for (let column = startCol; column <= endCol; column += 1) {
+        for (let row = startRow; row <= endRow; row += 1) {
+          var _classPrivateFieldGet4, _classPrivateFieldGet5;
           const zeroBasedColumnIndex = column - startCol;
           if (zeroBasedColumnIndex === 0) {
             continue; // eslint-disable-line no-continue
           }
 
           const isRoot = (_classPrivateFieldGet4 = _classPrivateFieldGet(this, _stateManager).getHeaderTreeNodeData(row, column)) === null || _classPrivateFieldGet4 === void 0 ? void 0 : _classPrivateFieldGet4.isRoot;
-          if (isRoot === false) {
-            data[zeroBasedColumnHeaderLevel][zeroBasedColumnIndex] = '';
+          const collapsible = (_classPrivateFieldGet5 = _classPrivateFieldGet(this, _stateManager).getHeaderTreeNodeData(row, column)) === null || _classPrivateFieldGet5 === void 0 ? void 0 : _classPrivateFieldGet5.collapsible;
+          if (collapsible === true && isRoot === false) {
+            clipboardData.setCellAt(row, zeroBasedColumnIndex, '');
           }
         }
       }
@@ -872,10 +871,10 @@ class NestedHeaders extends _base.BasePlugin {
    * @returns {string} Returns the column header value to update.
    */
   onModifyColumnHeaderValue(value, visualColumnIndex, headerLevel) {
-    var _classPrivateFieldGet5;
+    var _classPrivateFieldGet6;
     const {
       label
-    } = (_classPrivateFieldGet5 = _classPrivateFieldGet(this, _stateManager).getHeaderTreeNodeData(headerLevel, visualColumnIndex)) !== null && _classPrivateFieldGet5 !== void 0 ? _classPrivateFieldGet5 : {
+    } = (_classPrivateFieldGet6 = _classPrivateFieldGet(this, _stateManager).getHeaderTreeNodeData(headerLevel, visualColumnIndex)) !== null && _classPrivateFieldGet6 !== void 0 ? _classPrivateFieldGet6 : {
       label: ''
     };
     return label;

package/plugins/nestedHeaders/nestedHeaders.mjs

@@ -525,45 +525,44 @@ export class NestedHeaders extends BasePlugin {
    * of the column.
    *
    * @private
-   * @param {Array[]} data An array of arrays which contains data to copied.
-   * @param {object[]} copyableRanges An array of objects with ranges of the visual indexes (`startRow`, `startCol`, `endRow`, `endCol`)
-   *                                  which will copied.
-   * @param {{ columnHeadersCount: number }} copiedHeadersCount An object with keys that holds information with
-   *                                                            the number of copied headers.
+   * @param {object} clipboardData Information about already performed copy action.
+   * @param {Function} clipboardData.removeRow Remove row from the copied/pasted dataset.
+   * @param {Function} clipboardData.removeColumn Remove column from the copied/pasted dataset.
+   * @param {Function} clipboardData.insertAtRow Insert values at row index.
+   * @param {Function} clipboardData.insertAtColumn Insert values at column index.
+   * @param {Function} clipboardData.setCellAt Change headers or cells in the copied/pasted dataset.
+   * @param {Function} clipboardData.getCellAt Get headers or cells from the copied/pasted dataset.
+   * @param {Function} clipboardData.getData Gets copied data stored as array of arrays.
+   * @param {Function} clipboardData.getMetaInfo Gets grid settings for copied data.
+   * @param {Function} clipboardData.getRanges Returns ranges related to copied part of Handsontable.
    */
-  onBeforeCopy(data, copyableRanges, _ref2) {
-    let {
-      columnHeadersCount
-    } = _ref2;
-    if (columnHeadersCount === 0) {
-      return;
-    }
-    for (let rangeIndex = 0; rangeIndex < copyableRanges.length; rangeIndex++) {
+  onBeforeCopy(clipboardData) {
+    const copyableRanges = clipboardData.getRanges();
+    for (let rangeIndex = 0; rangeIndex < copyableRanges.length; rangeIndex += 1) {
       const {
         startRow,
         startCol,
         endRow,
         endCol
       } = copyableRanges[rangeIndex];
-      const rowsCount = endRow - startRow + 1;
       const columnsCount = startCol - endCol + 1;
 
       // do not process dataset ranges and column headers where only one column is copied
       if (startRow >= 0 || columnsCount === 1) {
         break;
       }
-      for (let column = startCol; column <= endCol; column++) {
-        for (let row = startRow; row <= endRow; row++) {
-          var _classPrivateFieldGet4;
-          const zeroBasedColumnHeaderLevel = rowsCount + row;
+      for (let column = startCol; column <= endCol; column += 1) {
+        for (let row = startRow; row <= endRow; row += 1) {
+          var _classPrivateFieldGet4, _classPrivateFieldGet5;
           const zeroBasedColumnIndex = column - startCol;
           if (zeroBasedColumnIndex === 0) {
             continue; // eslint-disable-line no-continue
           }
 
           const isRoot = (_classPrivateFieldGet4 = _classPrivateFieldGet(this, _stateManager).getHeaderTreeNodeData(row, column)) === null || _classPrivateFieldGet4 === void 0 ? void 0 : _classPrivateFieldGet4.isRoot;
-          if (isRoot === false) {
-            data[zeroBasedColumnHeaderLevel][zeroBasedColumnIndex] = '';
+          const collapsible = (_classPrivateFieldGet5 = _classPrivateFieldGet(this, _stateManager).getHeaderTreeNodeData(row, column)) === null || _classPrivateFieldGet5 === void 0 ? void 0 : _classPrivateFieldGet5.collapsible;
+          if (collapsible === true && isRoot === false) {
+            clipboardData.setCellAt(row, zeroBasedColumnIndex, '');
           }
         }
       }
@@ -866,10 +865,10 @@ export class NestedHeaders extends BasePlugin {
    * @returns {string} Returns the column header value to update.
    */
   onModifyColumnHeaderValue(value, visualColumnIndex, headerLevel) {
-    var _classPrivateFieldGet5;
+    var _classPrivateFieldGet6;
     const {
       label
-    } = (_classPrivateFieldGet5 = _classPrivateFieldGet(this, _stateManager).getHeaderTreeNodeData(headerLevel, visualColumnIndex)) !== null && _classPrivateFieldGet5 !== void 0 ? _classPrivateFieldGet5 : {
+    } = (_classPrivateFieldGet6 = _classPrivateFieldGet(this, _stateManager).getHeaderTreeNodeData(headerLevel, visualColumnIndex)) !== null && _classPrivateFieldGet6 !== void 0 ? _classPrivateFieldGet6 : {
       label: ''
     };
     return label;

package/selection/selection.js

@@ -172,6 +172,18 @@ class Selection {
       }
       return _this.runLocalHooks('insertColRequire', ...args);
     });
+    this.transformation.addLocalHook('beforeRowWrap', function () {
+      for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
+        args[_key7] = arguments[_key7];
+      }
+      return _this.runLocalHooks('beforeRowWrap', ...args);
+    });
+    this.transformation.addLocalHook('beforeColumnWrap', function () {
+      for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
+        args[_key8] = arguments[_key8];
+      }
+      return _this.runLocalHooks('beforeColumnWrap', ...args);
+    });
   }
 
   /**

package/selection/selection.mjs

@@ -166,6 +166,18 @@ class Selection {
       }
       return _this.runLocalHooks('insertColRequire', ...args);
     });
+    this.transformation.addLocalHook('beforeRowWrap', function () {
+      for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
+        args[_key7] = arguments[_key7];
+      }
+      return _this.runLocalHooks('beforeRowWrap', ...args);
+    });
+    this.transformation.addLocalHook('beforeColumnWrap', function () {
+      for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
+        args[_key8] = arguments[_key8];
+      }
+      return _this.runLocalHooks('beforeColumnWrap', ...args);
+    });
   }
 
   /**

package/selection/transformation.js

@@ -50,7 +50,7 @@ class Transformation {
      * Translates the visual coordinates to zero-based ones.
      *
      * @param {CellCoords} visualCoords The visual coords to process.
-     * @returns {{x: number, y: number}}
+     * @returns {CellCoords}
      */
     _classPrivateMethodInitSpec(this, _visualToZeroBasedCoords);
     /**
@@ -137,56 +137,60 @@ class Transformation {
         height
       } = _classPrivateMethodGet(this, _getTableSize, _getTableSize2).call(this);
       const {
-        x,
-        y
+        row,
+        col
       } = _classPrivateMethodGet(this, _visualToZeroBasedCoords, _visualToZeroBasedCoords2).call(this, visualCoords);
       const fixedRowsBottom = _classPrivateFieldGet(this, _options).fixedRowsBottom();
       const minSpareRows = _classPrivateFieldGet(this, _options).minSpareRows();
       const minSpareCols = _classPrivateFieldGet(this, _options).minSpareCols();
       const autoWrapRow = _classPrivateFieldGet(this, _options).autoWrapRow();
       const autoWrapCol = _classPrivateFieldGet(this, _options).autoWrapCol();
-      const rawCoords = {
-        row: y + delta.row,
-        col: x + delta.col
-      };
-      if (rawCoords.row >= height) {
-        if (createMissingRecords && minSpareRows > 0 && fixedRowsBottom === 0) {
+      const zeroBasedCoords = _classPrivateFieldGet(this, _options).createCellCoords(row + delta.row, col + delta.col);
+      if (zeroBasedCoords.row >= height) {
+        const autoInsertingMode = createMissingRecords && minSpareRows > 0 && fixedRowsBottom === 0;
+        const isWrapEnabled = !autoInsertingMode && autoWrapCol;
+        const nextColumn = zeroBasedCoords.col + 1;
+        const newCoords = _classPrivateFieldGet(this, _options).createCellCoords(zeroBasedCoords.row - height, nextColumn >= width ? nextColumn - width : nextColumn);
+        this.runLocalHooks('beforeColumnWrap', isWrapEnabled, _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, newCoords), nextColumn >= width);
+        if (autoInsertingMode) {
           this.runLocalHooks('insertRowRequire', _classPrivateFieldGet(this, _options).countRenderableRows());
-        } else if (autoWrapCol) {
-          const nextColumn = rawCoords.col + 1;
-          rawCoords.row = rawCoords.row - height;
-          rawCoords.col = nextColumn >= width ? nextColumn - width : nextColumn;
+        } else if (isWrapEnabled) {
+          zeroBasedCoords.assign(newCoords);
         }
-      } else if (rawCoords.row < 0) {
+      } else if (zeroBasedCoords.row < 0) {
+        const previousColumn = zeroBasedCoords.col - 1;
+        const newCoords = _classPrivateFieldGet(this, _options).createCellCoords(height + zeroBasedCoords.row, previousColumn < 0 ? width + previousColumn : previousColumn);
+        this.runLocalHooks('beforeColumnWrap', autoWrapCol, _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, newCoords), previousColumn < 0);
         if (autoWrapCol) {
-          const previousColumn = rawCoords.col - 1;
-          rawCoords.row = height + rawCoords.row;
-          rawCoords.col = previousColumn < 0 ? width + previousColumn : previousColumn;
+          zeroBasedCoords.assign(newCoords);
         }
       }
-      if (rawCoords.col >= width) {
-        if (createMissingRecords && minSpareCols > 0) {
+      if (zeroBasedCoords.col >= width) {
+        const autoInsertingMode = createMissingRecords && minSpareCols > 0;
+        const isWrapEnabled = !autoInsertingMode && autoWrapRow;
+        const nextRow = zeroBasedCoords.row + 1;
+        const newCoords = _classPrivateFieldGet(this, _options).createCellCoords(nextRow >= height ? nextRow - height : nextRow, zeroBasedCoords.col - width);
+        this.runLocalHooks('beforeRowWrap', isWrapEnabled, _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, newCoords), nextRow >= height);
+        if (autoInsertingMode) {
           this.runLocalHooks('insertColRequire', _classPrivateFieldGet(this, _options).countRenderableColumns());
-        } else if (autoWrapRow) {
-          const nextRow = rawCoords.row + 1;
-          rawCoords.row = nextRow >= height ? nextRow - height : nextRow;
-          rawCoords.col = rawCoords.col - width;
+        } else if (isWrapEnabled) {
+          zeroBasedCoords.assign(newCoords);
         }
-      } else if (rawCoords.col < 0) {
+      } else if (zeroBasedCoords.col < 0) {
+        const previousRow = zeroBasedCoords.row - 1;
+        const newCoords = _classPrivateFieldGet(this, _options).createCellCoords(previousRow < 0 ? height + previousRow : previousRow, width + zeroBasedCoords.col);
+        this.runLocalHooks('beforeRowWrap', autoWrapRow, _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, newCoords), previousRow < 0);
         if (autoWrapRow) {
-          const previousRow = rawCoords.row - 1;
-          rawCoords.row = previousRow < 0 ? height + previousRow : previousRow;
-          rawCoords.col = width + rawCoords.col;
+          zeroBasedCoords.assign(newCoords);
         }
       }
-      const coords = _classPrivateFieldGet(this, _options).createCellCoords(rawCoords.row, rawCoords.col);
       const {
         rowDir,
         colDir
-      } = _classPrivateMethodGet(this, _clampCoords, _clampCoords2).call(this, coords);
+      } = _classPrivateMethodGet(this, _clampCoords, _clampCoords2).call(this, zeroBasedCoords);
       rowTransformDir = rowDir;
       colTransformDir = colDir;
-      visualCoords = _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, coords);
+      visualCoords = _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, zeroBasedCoords);
     }
     this.runLocalHooks('afterTransformStart', visualCoords, rowTransformDir, colTransformDir);
     return visualCoords;
@@ -213,14 +217,10 @@ class Transformation {
     this.runLocalHooks('beforeTransformEnd', delta);
     if (highlightRenderableCoords.row !== null && highlightRenderableCoords.col !== null) {
       const {
-        x,
-        y
+        row,
+        col
       } = _classPrivateMethodGet(this, _visualToZeroBasedCoords, _visualToZeroBasedCoords2).call(this, cellRange.to);
-      const rawCoords = {
-        row: y + delta.row,
-        col: x + delta.col
-      };
-      const coords = _classPrivateFieldGet(this, _options).createCellCoords(rawCoords.row, rawCoords.col);
+      const coords = _classPrivateFieldGet(this, _options).createCellCoords(row + delta.row, col + delta.col);
       const {
         rowDir,
         colDir
@@ -288,15 +288,13 @@ function _visualToZeroBasedCoords2(visualCoords) {
     row,
     col
   } = _classPrivateFieldGet(this, _options).visualToRenderableCoords(visualCoords);
-  return {
-    x: _classPrivateFieldGet(this, _offset).x + col,
-    y: _classPrivateFieldGet(this, _offset).y + row
-  };
+  return _classPrivateFieldGet(this, _options).createCellCoords(_classPrivateFieldGet(this, _offset).y + row, _classPrivateFieldGet(this, _offset).x + col);
 }
 function _zeroBasedToVisualCoords2(zeroBasedCoords) {
-  zeroBasedCoords.col = zeroBasedCoords.col - _classPrivateFieldGet(this, _offset).x;
-  zeroBasedCoords.row = zeroBasedCoords.row - _classPrivateFieldGet(this, _offset).y;
-  return _classPrivateFieldGet(this, _options).renderableToVisualCoords(zeroBasedCoords);
+  const coords = zeroBasedCoords.clone();
+  coords.col = zeroBasedCoords.col - _classPrivateFieldGet(this, _offset).x;
+  coords.row = zeroBasedCoords.row - _classPrivateFieldGet(this, _offset).y;
+  return _classPrivateFieldGet(this, _options).renderableToVisualCoords(coords);
 }
 (0, _object.mixin)(Transformation, _localHooks.default);
 var _default = Transformation;

package/selection/transformation.mjs

@@ -46,7 +46,7 @@ class Transformation {
      * Translates the visual coordinates to zero-based ones.
      *
      * @param {CellCoords} visualCoords The visual coords to process.
-     * @returns {{x: number, y: number}}
+     * @returns {CellCoords}
      */
     _classPrivateMethodInitSpec(this, _visualToZeroBasedCoords);
     /**
@@ -133,56 +133,60 @@ class Transformation {
         height
       } = _classPrivateMethodGet(this, _getTableSize, _getTableSize2).call(this);
       const {
-        x,
-        y
+        row,
+        col
       } = _classPrivateMethodGet(this, _visualToZeroBasedCoords, _visualToZeroBasedCoords2).call(this, visualCoords);
       const fixedRowsBottom = _classPrivateFieldGet(this, _options).fixedRowsBottom();
       const minSpareRows = _classPrivateFieldGet(this, _options).minSpareRows();
       const minSpareCols = _classPrivateFieldGet(this, _options).minSpareCols();
       const autoWrapRow = _classPrivateFieldGet(this, _options).autoWrapRow();
       const autoWrapCol = _classPrivateFieldGet(this, _options).autoWrapCol();
-      const rawCoords = {
-        row: y + delta.row,
-        col: x + delta.col
-      };
-      if (rawCoords.row >= height) {
-        if (createMissingRecords && minSpareRows > 0 && fixedRowsBottom === 0) {
+      const zeroBasedCoords = _classPrivateFieldGet(this, _options).createCellCoords(row + delta.row, col + delta.col);
+      if (zeroBasedCoords.row >= height) {
+        const autoInsertingMode = createMissingRecords && minSpareRows > 0 && fixedRowsBottom === 0;
+        const isWrapEnabled = !autoInsertingMode && autoWrapCol;
+        const nextColumn = zeroBasedCoords.col + 1;
+        const newCoords = _classPrivateFieldGet(this, _options).createCellCoords(zeroBasedCoords.row - height, nextColumn >= width ? nextColumn - width : nextColumn);
+        this.runLocalHooks('beforeColumnWrap', isWrapEnabled, _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, newCoords), nextColumn >= width);
+        if (autoInsertingMode) {
           this.runLocalHooks('insertRowRequire', _classPrivateFieldGet(this, _options).countRenderableRows());
-        } else if (autoWrapCol) {
-          const nextColumn = rawCoords.col + 1;
-          rawCoords.row = rawCoords.row - height;
-          rawCoords.col = nextColumn >= width ? nextColumn - width : nextColumn;
+        } else if (isWrapEnabled) {
+          zeroBasedCoords.assign(newCoords);
         }
-      } else if (rawCoords.row < 0) {
+      } else if (zeroBasedCoords.row < 0) {
+        const previousColumn = zeroBasedCoords.col - 1;
+        const newCoords = _classPrivateFieldGet(this, _options).createCellCoords(height + zeroBasedCoords.row, previousColumn < 0 ? width + previousColumn : previousColumn);
+        this.runLocalHooks('beforeColumnWrap', autoWrapCol, _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, newCoords), previousColumn < 0);
         if (autoWrapCol) {
-          const previousColumn = rawCoords.col - 1;
-          rawCoords.row = height + rawCoords.row;
-          rawCoords.col = previousColumn < 0 ? width + previousColumn : previousColumn;
+          zeroBasedCoords.assign(newCoords);
         }
       }
-      if (rawCoords.col >= width) {
-        if (createMissingRecords && minSpareCols > 0) {
+      if (zeroBasedCoords.col >= width) {
+        const autoInsertingMode = createMissingRecords && minSpareCols > 0;
+        const isWrapEnabled = !autoInsertingMode && autoWrapRow;
+        const nextRow = zeroBasedCoords.row + 1;
+        const newCoords = _classPrivateFieldGet(this, _options).createCellCoords(nextRow >= height ? nextRow - height : nextRow, zeroBasedCoords.col - width);
+        this.runLocalHooks('beforeRowWrap', isWrapEnabled, _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, newCoords), nextRow >= height);
+        if (autoInsertingMode) {
           this.runLocalHooks('insertColRequire', _classPrivateFieldGet(this, _options).countRenderableColumns());
-        } else if (autoWrapRow) {
-          const nextRow = rawCoords.row + 1;
-          rawCoords.row = nextRow >= height ? nextRow - height : nextRow;
-          rawCoords.col = rawCoords.col - width;
+        } else if (isWrapEnabled) {
+          zeroBasedCoords.assign(newCoords);
         }
-      } else if (rawCoords.col < 0) {
+      } else if (zeroBasedCoords.col < 0) {
+        const previousRow = zeroBasedCoords.row - 1;
+        const newCoords = _classPrivateFieldGet(this, _options).createCellCoords(previousRow < 0 ? height + previousRow : previousRow, width + zeroBasedCoords.col);
+        this.runLocalHooks('beforeRowWrap', autoWrapRow, _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, newCoords), previousRow < 0);
         if (autoWrapRow) {
-          const previousRow = rawCoords.row - 1;
-          rawCoords.row = previousRow < 0 ? height + previousRow : previousRow;
-          rawCoords.col = width + rawCoords.col;
+          zeroBasedCoords.assign(newCoords);
         }
       }
-      const coords = _classPrivateFieldGet(this, _options).createCellCoords(rawCoords.row, rawCoords.col);
       const {
         rowDir,
         colDir
-      } = _classPrivateMethodGet(this, _clampCoords, _clampCoords2).call(this, coords);
+      } = _classPrivateMethodGet(this, _clampCoords, _clampCoords2).call(this, zeroBasedCoords);
       rowTransformDir = rowDir;
       colTransformDir = colDir;
-      visualCoords = _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, coords);
+      visualCoords = _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, zeroBasedCoords);
     }
     this.runLocalHooks('afterTransformStart', visualCoords, rowTransformDir, colTransformDir);
     return visualCoords;
@@ -209,14 +213,10 @@ class Transformation {
     this.runLocalHooks('beforeTransformEnd', delta);
     if (highlightRenderableCoords.row !== null && highlightRenderableCoords.col !== null) {
       const {
-        x,
-        y
+        row,
+        col
       } = _classPrivateMethodGet(this, _visualToZeroBasedCoords, _visualToZeroBasedCoords2).call(this, cellRange.to);
-      const rawCoords = {
-        row: y + delta.row,
-        col: x + delta.col
-      };
-      const coords = _classPrivateFieldGet(this, _options).createCellCoords(rawCoords.row, rawCoords.col);
+      const coords = _classPrivateFieldGet(this, _options).createCellCoords(row + delta.row, col + delta.col);
       const {
         rowDir,
         colDir
@@ -284,15 +284,13 @@ function _visualToZeroBasedCoords2(visualCoords) {
     row,
     col
   } = _classPrivateFieldGet(this, _options).visualToRenderableCoords(visualCoords);
-  return {
-    x: _classPrivateFieldGet(this, _offset).x + col,
-    y: _classPrivateFieldGet(this, _offset).y + row
-  };
+  return _classPrivateFieldGet(this, _options).createCellCoords(_classPrivateFieldGet(this, _offset).y + row, _classPrivateFieldGet(this, _offset).x + col);
 }
 function _zeroBasedToVisualCoords2(zeroBasedCoords) {
-  zeroBasedCoords.col = zeroBasedCoords.col - _classPrivateFieldGet(this, _offset).x;
-  zeroBasedCoords.row = zeroBasedCoords.row - _classPrivateFieldGet(this, _offset).y;
-  return _classPrivateFieldGet(this, _options).renderableToVisualCoords(zeroBasedCoords);
+  const coords = zeroBasedCoords.clone();
+  coords.col = zeroBasedCoords.col - _classPrivateFieldGet(this, _offset).x;
+  coords.row = zeroBasedCoords.row - _classPrivateFieldGet(this, _offset).y;
+  return _classPrivateFieldGet(this, _options).renderableToVisualCoords(coords);
 }
 mixin(Transformation, localHooks);
 export default Transformation;

package/shortcutContexts/grid.js

@@ -152,9 +152,13 @@ function shortcutsGridContext(hot) {
     callback: () => commandsPool.extendCellsSelectionDownByViewportHeight()
   }, {
     keys: [['Tab']],
+    // The property value is controlled by focusCatcher module (https://github.com/handsontable/handsontable/blob/master/handsontable/src/core/focusCatcher/index.js)
+    preventDefault: false,
     callback: () => commandsPool.moveCellSelectionInlineStart()
   }, {
     keys: [['Shift', 'Tab']],
+    // The property value is controlled by focusCatcher module (https://github.com/handsontable/handsontable/blob/master/handsontable/src/core/focusCatcher/index.js)
+    preventDefault: false,
     callback: () => commandsPool.moveCellSelectionInlineEnd()
   }, {
     keys: [['Control/Meta', 'Backspace']],

package/shortcutContexts/grid.mjs

@@ -148,9 +148,13 @@ export function shortcutsGridContext(hot) {
     callback: () => commandsPool.extendCellsSelectionDownByViewportHeight()
   }, {
     keys: [['Tab']],
+    // The property value is controlled by focusCatcher module (https://github.com/handsontable/handsontable/blob/master/handsontable/src/core/focusCatcher/index.js)
+    preventDefault: false,
     callback: () => commandsPool.moveCellSelectionInlineStart()
   }, {
     keys: [['Shift', 'Tab']],
+    // The property value is controlled by focusCatcher module (https://github.com/handsontable/handsontable/blob/master/handsontable/src/core/focusCatcher/index.js)
+    preventDefault: false,
     callback: () => commandsPool.moveCellSelectionInlineEnd()
   }, {
     keys: [['Control/Meta', 'Backspace']],