handsontable 14.3.0 → 14.4.0-next-0a79a1f-20240521

package/plugins/manualColumnMove/manualColumnMove.mjs

@@ -650,7 +650,7 @@ function _onMouseUp() {
   if (movePerformed === true) {
     this.persistentStateSave();
     this.hot.render();
-    this.hot.view.adjustElementsSize(true);
+    this.hot.view.adjustElementsSize();
     const selectionStart = this.hot.toVisualColumn(firstMovedPhysicalColumn);
     const selectionEnd = selectionStart + columnsLen - 1;
     this.hot.selectColumns(selectionStart, selectionEnd);

package/plugins/manualColumnResize/manualColumnResize.js

@@ -168,7 +168,7 @@ class ManualColumnResize extends _base.BasePlugin {
     _classPrivateFieldSet(_columnWidthsMap, this, new _translations.PhysicalIndexToValueMap());
     _classPrivateFieldGet(_columnWidthsMap, this).addLocalHook('init', () => _assertClassBrand(_ManualColumnResize_brand, this, _onMapInit).call(this));
     this.hot.columnIndexMapper.registerMap(this.pluginName, _classPrivateFieldGet(_columnWidthsMap, this));
-    this.addHook('modifyColWidth', (width, col) => _assertClassBrand(_ManualColumnResize_brand, this, _onModifyColWidth).call(this, width, col));
+    this.addHook('modifyColWidth', (width, col) => _assertClassBrand(_ManualColumnResize_brand, this, _onModifyColWidth).call(this, width, col), 1);
     this.addHook('beforeStretchingColumnWidth', (stretchedWidth, column) => _assertClassBrand(_ManualColumnResize_brand, this, _onBeforeStretchingColumnWidth).call(this, stretchedWidth, column));
     this.addHook('beforeColumnResize', (newSize, column, isDoubleClick) => _assertClassBrand(_ManualColumnResize_brand, this, _onBeforeColumnResize).call(this, newSize, column, isDoubleClick));
     this.bindEvents();
@@ -401,7 +401,7 @@ class ManualColumnResize extends _base.BasePlugin {
     const render = () => {
       this.hot.forceFullRender = true;
       this.hot.view.render(); // updates all
-      this.hot.view.adjustElementsSize(true);
+      this.hot.view.adjustElementsSize();
     };
     const resize = (column, forceRender) => {
       const hookNewSize = this.hot.runHooks('beforeColumnResize', _classPrivateFieldGet(_newSize, this), column, true);
@@ -566,7 +566,7 @@ function _onMouseUp() {
   const render = () => {
     this.hot.forceFullRender = true;
     this.hot.view.render(); // updates all
-    this.hot.view.adjustElementsSize(true);
+    this.hot.view.adjustElementsSize();
   };
   const resize = (column, forceRender) => {
     this.hot.runHooks('beforeColumnResize', _classPrivateFieldGet(_newSize, this), column, false);

package/plugins/manualColumnResize/manualColumnResize.mjs

@@ -163,7 +163,7 @@ export class ManualColumnResize extends BasePlugin {
     _classPrivateFieldSet(_columnWidthsMap, this, new IndexToValueMap());
     _classPrivateFieldGet(_columnWidthsMap, this).addLocalHook('init', () => _assertClassBrand(_ManualColumnResize_brand, this, _onMapInit).call(this));
     this.hot.columnIndexMapper.registerMap(this.pluginName, _classPrivateFieldGet(_columnWidthsMap, this));
-    this.addHook('modifyColWidth', (width, col) => _assertClassBrand(_ManualColumnResize_brand, this, _onModifyColWidth).call(this, width, col));
+    this.addHook('modifyColWidth', (width, col) => _assertClassBrand(_ManualColumnResize_brand, this, _onModifyColWidth).call(this, width, col), 1);
     this.addHook('beforeStretchingColumnWidth', (stretchedWidth, column) => _assertClassBrand(_ManualColumnResize_brand, this, _onBeforeStretchingColumnWidth).call(this, stretchedWidth, column));
     this.addHook('beforeColumnResize', (newSize, column, isDoubleClick) => _assertClassBrand(_ManualColumnResize_brand, this, _onBeforeColumnResize).call(this, newSize, column, isDoubleClick));
     this.bindEvents();
@@ -396,7 +396,7 @@ export class ManualColumnResize extends BasePlugin {
     const render = () => {
       this.hot.forceFullRender = true;
       this.hot.view.render(); // updates all
-      this.hot.view.adjustElementsSize(true);
+      this.hot.view.adjustElementsSize();
     };
     const resize = (column, forceRender) => {
       const hookNewSize = this.hot.runHooks('beforeColumnResize', _classPrivateFieldGet(_newSize, this), column, true);
@@ -560,7 +560,7 @@ function _onMouseUp() {
   const render = () => {
     this.hot.forceFullRender = true;
     this.hot.view.render(); // updates all
-    this.hot.view.adjustElementsSize(true);
+    this.hot.view.adjustElementsSize();
   };
   const resize = (column, forceRender) => {
     this.hot.runHooks('beforeColumnResize', _classPrivateFieldGet(_newSize, this), column, false);

package/plugins/manualRowMove/manualRowMove.js

@@ -623,7 +623,7 @@ function _onMouseUp() {
   if (movePerformed === true) {
     this.persistentStateSave();
     this.hot.render();
-    this.hot.view.adjustElementsSize(true);
+    this.hot.view.adjustElementsSize();
     const selectionStart = this.hot.toVisualRow(firstMovedPhysicalRow);
     const selectionEnd = selectionStart + rowsLen - 1;
     this.hot.selectRows(selectionStart, selectionEnd);

package/plugins/manualRowMove/manualRowMove.mjs

@@ -618,7 +618,7 @@ function _onMouseUp() {
   if (movePerformed === true) {
     this.persistentStateSave();
     this.hot.render();
-    this.hot.view.adjustElementsSize(true);
+    this.hot.view.adjustElementsSize();
     const selectionStart = this.hot.toVisualRow(firstMovedPhysicalRow);
     const selectionEnd = selectionStart + rowsLen - 1;
     this.hot.selectRows(selectionStart, selectionEnd);

package/plugins/manualRowResize/manualRowResize.d.ts

@@ -26,4 +26,5 @@ export class ManualRowResize extends BasePlugin {
   saveManualRowHeights(): void;
   loadManualRowHeights(): Array<number | null>;
   setManualSize(row: number, height: number): number;
+  getLastDesiredRowHeight(): number;
 }

package/plugins/manualRowResize/manualRowResize.js

@@ -232,6 +232,15 @@ class ManualRowResize extends _base.BasePlugin {
     return newHeight;
   }
 
+  /**
+   * Returns the last desired row height set manually with the resize handle.
+   *
+   * @returns {number} The last desired row height.
+   */
+  getLastDesiredRowHeight() {
+    return _classPrivateFieldGet(_currentHeight, this);
+  }
+
   /**
    * Sets the resize handle position.
    *
@@ -406,7 +415,7 @@ class ManualRowResize extends _base.BasePlugin {
     const render = () => {
       this.hot.forceFullRender = true;
       this.hot.view.render(); // updates all
-      this.hot.view.adjustElementsSize(true);
+      this.hot.view.adjustElementsSize();
     };
     const resize = (row, forceRender) => {
       const hookNewSize = this.hot.runHooks('beforeRowResize', this.getActualRowHeight(row), row, true);
@@ -535,7 +544,7 @@ function _onMouseUp() {
   const render = () => {
     this.hot.forceFullRender = true;
     this.hot.view.render(); // updates all
-    this.hot.view.adjustElementsSize(true);
+    this.hot.view.adjustElementsSize();
   };
   const runHooks = (row, forceRender) => {
     this.hot.runHooks('beforeRowResize', this.getActualRowHeight(row), row, false);

package/plugins/manualRowResize/manualRowResize.mjs

@@ -227,6 +227,15 @@ export class ManualRowResize extends BasePlugin {
     return newHeight;
   }
 
+  /**
+   * Returns the last desired row height set manually with the resize handle.
+   *
+   * @returns {number} The last desired row height.
+   */
+  getLastDesiredRowHeight() {
+    return _classPrivateFieldGet(_currentHeight, this);
+  }
+
   /**
    * Sets the resize handle position.
    *
@@ -401,7 +410,7 @@ export class ManualRowResize extends BasePlugin {
     const render = () => {
       this.hot.forceFullRender = true;
       this.hot.view.render(); // updates all
-      this.hot.view.adjustElementsSize(true);
+      this.hot.view.adjustElementsSize();
     };
     const resize = (row, forceRender) => {
       const hookNewSize = this.hot.runHooks('beforeRowResize', this.getActualRowHeight(row), row, true);
@@ -529,7 +538,7 @@ function _onMouseUp() {
   const render = () => {
     this.hot.forceFullRender = true;
     this.hot.view.render(); // updates all
-    this.hot.view.adjustElementsSize(true);
+    this.hot.view.adjustElementsSize();
   };
   const runHooks = (row, forceRender) => {
     this.hot.runHooks('beforeRowResize', this.getActualRowHeight(row), row, false);

package/plugins/mergeCells/cellsCollection.js

@@ -4,6 +4,13 @@ exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.array.unscopables.flat-map.js");
+require("core-js/modules/esnext.set.difference.v2.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.union.v2.js");
 var _cellCoords = _interopRequireDefault(require("./cellCoords"));
 var _number = require("../../helpers/number");
 var _console = require("../../helpers/console");

package/plugins/mergeCells/cellsCollection.mjs

@@ -1,6 +1,13 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
 import "core-js/modules/es.array.unscopables.flat-map.js";
+import "core-js/modules/esnext.set.difference.v2.js";
+import "core-js/modules/esnext.set.intersection.v2.js";
+import "core-js/modules/esnext.set.is-disjoint-from.v2.js";
+import "core-js/modules/esnext.set.is-subset-of.v2.js";
+import "core-js/modules/esnext.set.is-superset-of.v2.js";
+import "core-js/modules/esnext.set.symmetric-difference.v2.js";
+import "core-js/modules/esnext.set.union.v2.js";
 function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

package/plugins/mergeCells/mergeCells.js

@@ -3,6 +3,13 @@
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/esnext.set.difference.v2.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.union.v2.js");
 var _base = require("../base");
 var _pluginHooks = _interopRequireDefault(require("../../pluginHooks"));
 var _cellsCollection = _interopRequireDefault(require("./cellsCollection"));

package/plugins/mergeCells/mergeCells.mjs

@@ -1,5 +1,12 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/esnext.set.difference.v2.js";
+import "core-js/modules/esnext.set.intersection.v2.js";
+import "core-js/modules/esnext.set.is-disjoint-from.v2.js";
+import "core-js/modules/esnext.set.is-subset-of.v2.js";
+import "core-js/modules/esnext.set.is-superset-of.v2.js";
+import "core-js/modules/esnext.set.symmetric-difference.v2.js";
+import "core-js/modules/esnext.set.union.v2.js";
 function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }

package/plugins/nestedHeaders/stateManager/nodeModifiers/collapse.js

@@ -2,6 +2,13 @@
 
 exports.__esModule = true;
 exports.collapseNode = collapseNode;
+require("core-js/modules/esnext.set.difference.v2.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.union.v2.js");
 var _array = require("../../../../helpers/array");
 var _expand = require("./expand");
 var _tree = require("./utils/tree");

package/plugins/nestedHeaders/stateManager/nodeModifiers/collapse.mjs

@@ -1,3 +1,10 @@
+import "core-js/modules/esnext.set.difference.v2.js";
+import "core-js/modules/esnext.set.intersection.v2.js";
+import "core-js/modules/esnext.set.is-disjoint-from.v2.js";
+import "core-js/modules/esnext.set.is-subset-of.v2.js";
+import "core-js/modules/esnext.set.is-superset-of.v2.js";
+import "core-js/modules/esnext.set.symmetric-difference.v2.js";
+import "core-js/modules/esnext.set.union.v2.js";
 import { arrayEach } from "../../../../helpers/array.mjs";
 import { expandNode } from "./expand.mjs";
 import { getFirstChildProperty, isNodeReflectsFirstChildColspan, traverseHiddenNodeColumnIndexes } from "./utils/tree.mjs";

package/plugins/nestedHeaders/stateManager/nodeModifiers/expand.js

@@ -2,6 +2,13 @@
 
 exports.__esModule = true;
 exports.expandNode = expandNode;
+require("core-js/modules/esnext.set.difference.v2.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.union.v2.js");
 var _array = require("../../../../helpers/array");
 var _collapse = require("./collapse");
 var _tree = require("./utils/tree");

package/plugins/nestedHeaders/stateManager/nodeModifiers/expand.mjs

@@ -1,3 +1,10 @@
+import "core-js/modules/esnext.set.difference.v2.js";
+import "core-js/modules/esnext.set.intersection.v2.js";
+import "core-js/modules/esnext.set.is-disjoint-from.v2.js";
+import "core-js/modules/esnext.set.is-subset-of.v2.js";
+import "core-js/modules/esnext.set.is-superset-of.v2.js";
+import "core-js/modules/esnext.set.symmetric-difference.v2.js";
+import "core-js/modules/esnext.set.union.v2.js";
 import { arrayEach } from "../../../../helpers/array.mjs";
 import { collapseNode } from "./collapse.mjs";
 import { getFirstChildProperty, isNodeReflectsFirstChildColspan, traverseHiddenNodeColumnIndexes } from "./utils/tree.mjs";

package/plugins/nestedRows/nestedRows.js

@@ -3,6 +3,13 @@
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/esnext.set.difference.v2.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.union.v2.js");
 var _base = require("../base");
 var _dataManager = _interopRequireDefault(require("./data/dataManager"));
 var _collapsing = _interopRequireDefault(require("./ui/collapsing"));

package/plugins/nestedRows/nestedRows.mjs

@@ -1,5 +1,12 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/esnext.set.difference.v2.js";
+import "core-js/modules/esnext.set.intersection.v2.js";
+import "core-js/modules/esnext.set.is-disjoint-from.v2.js";
+import "core-js/modules/esnext.set.is-subset-of.v2.js";
+import "core-js/modules/esnext.set.is-superset-of.v2.js";
+import "core-js/modules/esnext.set.symmetric-difference.v2.js";
+import "core-js/modules/esnext.set.union.v2.js";
 function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }

package/plugins/trimRows/trimRows.js

@@ -3,6 +3,13 @@
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/esnext.set.difference.v2.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.union.v2.js");
 var _base = require("../base");
 var _translations = require("../../translations");
 var _array = require("../../helpers/array");

package/plugins/trimRows/trimRows.mjs

@@ -1,5 +1,12 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/esnext.set.difference.v2.js";
+import "core-js/modules/esnext.set.intersection.v2.js";
+import "core-js/modules/esnext.set.is-disjoint-from.v2.js";
+import "core-js/modules/esnext.set.is-subset-of.v2.js";
+import "core-js/modules/esnext.set.is-superset-of.v2.js";
+import "core-js/modules/esnext.set.symmetric-difference.v2.js";
+import "core-js/modules/esnext.set.union.v2.js";
 function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

package/selection/selection.js

@@ -2,6 +2,14 @@
 
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/esnext.set.difference.v2.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.union.v2.js");
 var _highlight = _interopRequireWildcard(require("./highlight/highlight"));
 var _range = _interopRequireDefault(require("./range"));
 var _object = require("./../helpers/object");
@@ -420,7 +428,23 @@ class Selection {
     }
     this.runLocalHooks('beforeHighlightSet');
     this.setRangeFocus(this.selectedRange.current().highlight);
-    const layerLevel = this.getLayerLevel();
+    this.applyAndCommit();
+    const isLastLayer = _classPrivateFieldGet(_expectedLayersCount, this) === -1 || this.selectedRange.size() === _classPrivateFieldGet(_expectedLayersCount, this);
+    this.runLocalHooks('afterSetRangeEnd', coords, isLastLayer);
+  }
+
+  /**
+   * Applies and commits the selection to all layers (using the Walkontable Selection API) based on the selection (CellRanges)
+   * collected in the `selectedRange` module.
+   *
+   * @param {CellRange} [cellRange] The cell range to apply. If not provided, the current selection is used.
+   * @param {number} [layerLevel] The layer level to apply. If not provided, the current layer level is used.
+   */
+  applyAndCommit() {
+    let cellRange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.selectedRange.current();
+    let layerLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getLayerLevel();
+    const countRows = this.tableProps.countRows();
+    const countCols = this.tableProps.countCols();
 
     // If the next layer level is lower than previous then clear all area and header highlights. This is the
     // indication that the new selection is performing.
@@ -502,8 +526,6 @@ class Selection {
         activeCornerHeaderHighlight.add(this.tableProps.createCellCoords(-this.tableProps.countColHeaders(), -this.tableProps.countRowHeaders())).add(this.tableProps.createCellCoords(-1, -1)).commit();
       }
     }
-    const isLastLayer = _classPrivateFieldGet(_expectedLayersCount, this) === -1 || this.selectedRange.size() === _classPrivateFieldGet(_expectedLayersCount, this);
-    this.runLocalHooks('afterSetRangeEnd', coords, isLastLayer);
   }
 
   /**
@@ -600,6 +622,104 @@ class Selection {
     this.setRangeFocus(focusCoords.normalize());
   }
 
+  /**
+   * Transforms the last selection layer down or up by the index count.
+   *
+   * @param {number} visualRowIndex Visual row index from which the selection will be shifted.
+   * @param {number} amount The number of rows to shift the selection.
+   */
+  shiftRows(visualRowIndex, amount) {
+    if (!this.isSelected()) {
+      return;
+    }
+    const range = this.selectedRange.current();
+    if (this.isSelectedByCorner()) {
+      this.selectAll(true, true, {
+        disableHeadersHighlight: true
+      });
+    } else if (this.isSelectedByColumnHeader() || range.getOuterTopStartCorner().row >= visualRowIndex) {
+      const {
+        from,
+        to,
+        highlight
+      } = range;
+      const countRows = this.tableProps.countRows();
+      const isSelectedByRowHeader = this.isSelectedByRowHeader();
+      const isSelectedByColumnHeader = this.isSelectedByColumnHeader();
+      const minRow = isSelectedByColumnHeader ? -1 : 0;
+      const coordsStartAmount = isSelectedByColumnHeader ? 0 : amount;
+
+      // Remove from the stack the last added selection as that selection below will be
+      // replaced by new transformed selection.
+      this.getSelectedRange().pop();
+      const coordsStart = this.tableProps.createCellCoords((0, _number.clamp)(from.row + coordsStartAmount, minRow, countRows - 1), from.col);
+      const coordsEnd = this.tableProps.createCellCoords((0, _number.clamp)(to.row + amount, minRow, countRows - 1), to.col);
+      this.markSource('shift');
+      if (highlight.row >= visualRowIndex) {
+        this.setRangeStartOnly(coordsStart, true, this.tableProps.createCellCoords((0, _number.clamp)(highlight.row + amount, 0, countRows - 1), highlight.col));
+      } else {
+        this.setRangeStartOnly(coordsStart, true);
+      }
+      if (isSelectedByRowHeader) {
+        this.selectedByRowHeader.add(this.getLayerLevel());
+      }
+      if (isSelectedByColumnHeader) {
+        this.selectedByColumnHeader.add(this.getLayerLevel());
+      }
+      this.setRangeEnd(coordsEnd);
+      this.markEndSource();
+    }
+  }
+
+  /**
+   * Transforms the last selection layer left or right by the index count.
+   *
+   * @param {number} visualColumnIndex Visual column index from which the selection will be shifted.
+   * @param {number} amount The number of columns to shift the selection.
+   */
+  shiftColumns(visualColumnIndex, amount) {
+    if (!this.isSelected()) {
+      return;
+    }
+    const range = this.selectedRange.current();
+    if (this.isSelectedByCorner()) {
+      this.selectAll(true, true, {
+        disableHeadersHighlight: true
+      });
+    } else if (this.isSelectedByRowHeader() || range.getOuterTopStartCorner().col >= visualColumnIndex) {
+      const {
+        from,
+        to,
+        highlight
+      } = range;
+      const countCols = this.tableProps.countCols();
+      const isSelectedByRowHeader = this.isSelectedByRowHeader();
+      const isSelectedByColumnHeader = this.isSelectedByColumnHeader();
+      const minColumn = isSelectedByRowHeader ? -1 : 0;
+      const coordsStartAmount = isSelectedByRowHeader ? 0 : amount;
+
+      // Remove from the stack the last added selection as that selection below will be
+      // replaced by new transformed selection.
+      this.getSelectedRange().pop();
+      const coordsStart = this.tableProps.createCellCoords(from.row, (0, _number.clamp)(from.col + coordsStartAmount, minColumn, countCols - 1));
+      const coordsEnd = this.tableProps.createCellCoords(to.row, (0, _number.clamp)(to.col + amount, minColumn, countCols - 1));
+      this.markSource('shift');
+      if (highlight.col >= visualColumnIndex) {
+        this.setRangeStartOnly(coordsStart, true, this.tableProps.createCellCoords(highlight.row, (0, _number.clamp)(highlight.col + amount, 0, countCols - 1)));
+      } else {
+        this.setRangeStartOnly(coordsStart, true);
+      }
+      if (isSelectedByRowHeader) {
+        this.selectedByRowHeader.add(this.getLayerLevel());
+      }
+      if (isSelectedByColumnHeader) {
+        this.selectedByColumnHeader.add(this.getLayerLevel());
+      }
+      this.setRangeEnd(coordsEnd);
+      this.markEndSource();
+    }
+  }
+
   /**
    * Returns currently used layer level.
    *
@@ -1032,9 +1152,48 @@ class Selection {
   }
 
   /**
-   * Rewrite the rendered state of the selection as visual selection may have a new representation in the DOM.
+   * Refreshes the whole selection by clearing, reapplying and committing the renderable selection (Walkontable Selection API)
+   * by using already added visual ranges.
    */
   refresh() {
+    if (!this.isSelected()) {
+      return;
+    }
+    const countRows = this.tableProps.countRows();
+    const countColumns = this.tableProps.countCols();
+    if (countRows === 0 || countColumns === 0) {
+      this.deselect();
+      return;
+    }
+    const range = this.selectedRange.peekByIndex(this.selectedRange.size() - 1);
+    const {
+      from,
+      to,
+      highlight
+    } = range;
+    this.clear();
+    highlight.assign({
+      row: (0, _number.clamp)(highlight.row, -Infinity, countRows - 1),
+      col: (0, _number.clamp)(highlight.col, -Infinity, countColumns - 1)
+    });
+    from.assign({
+      row: (0, _number.clamp)(from.row, -Infinity, countRows - 1),
+      col: (0, _number.clamp)(from.col, -Infinity, countColumns - 1)
+    });
+    to.assign({
+      row: (0, _number.clamp)(to.row, 0, countRows - 1),
+      col: (0, _number.clamp)(to.col, 0, countColumns - 1)
+    });
+    this.selectedRange.ranges.push(range);
+    this.highlight.getFocus().add(highlight).commit().syncWith(range);
+    this.applyAndCommit(range);
+  }
+
+  /**
+   * Refreshes the whole selection by recommitting (recalculating visual indexes to renderable ones) the renderable selection
+   * that was already added.
+   */
+  commit() {
     const customSelections = this.highlight.getCustomSelections();
     customSelections.forEach(customSelection => {
       customSelection.commit();