handsontable 0.0.0-next-086cb13-20230613 → 0.0.0-next-ac97c93-20230617

package/pluginHooks.js

@@ -680,94 +680,6 @@ var REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-sen
  * @param {number} selectionLayerLevel The number which indicates what selection layer is currently modified.
  */
 'afterSelectionEndByProp',
-/**
- * Fired before one or more columns are selected (e.g. During mouse header click or {@link Core#selectColumns} API call).
- *
- * @since 13.0.0
- * @event Hooks#beforeSelectColumns
- * @param {CellCoords} from Selection start coords object.
- * @param {CellCoords} to Selection end coords object.
- * @param {CellCoords} highlight Selection cell focus coords object.
- * @example
- * ::: only-for javascript
- * ```js
- * new Handsontable(element, {
- *   beforeSelectColumns: (from, to, highlight) => {
- *     // Extend the column selection by one column left and one column right.
- *     from.col = Math.max(from.col - 1, 0);
- *     to.col = Math.min(to.col + 1, this.countCols() - 1);
- *   }
- * })
- * ```
- * :::
- *
- * ::: only-for react
- * ```jsx
- * <HotTable
- *   beforeSelectColumns={(from, to, highlight) => {
- *     // Extend the column selection by one column left and one column right.
- *     from.col = Math.max(from.col - 1, 0);
- *     to.col = Math.min(to.col + 1, this.countCols() - 1);
- *   }}
- * />
- * ```
- * :::
- */
-'beforeSelectColumns',
-/**
- * Fired after one or more columns are selected (e.g. During mouse header click or {@link Core#selectColumns} API call).
- *
- * @since 13.0.0
- * @event Hooks#afterSelectColumns
- * @param {CellCoords} from Selection start coords object.
- * @param {CellCoords} to Selection end coords object.
- * @param {CellCoords} highlight Selection cell focus coords object.
- */
-'afterSelectColumns',
-/**
- * Fired before one or more rows are selected (e.g. During mouse header click or {@link Core#selectRows} API call).
- *
- * @since 13.0.0
- * @event Hooks#beforeSelectRows
- * @param {CellCoords} from Selection start coords object.
- * @param {CellCoords} to Selection end coords object.
- * @param {CellCoords} highlight Selection cell focus coords object.
- * @example
- * ::: only-for javascript
- * ```js
- * new Handsontable(element, {
- *   beforeSelectRows: (from, to, highlight) => {
- *     // Extend the row selection by one row up and one row bottom more.
- *     from.row = Math.max(from.row - 1, 0);
- *     to.row = Math.min(to.row + 1, this.countRows() - 1);
- *   }
- * })
- * ```
- * :::
- *
- * ::: only-for react
- * ```jsx
- * <HotTable
- *   beforeSelectRows={(from, to, highlight) => {
- *     // Extend the row selection by one row up and one row bottom more.
- *     from.row = Math.max(from.row - 1, 0);
- *     to.row = Math.min(to.row + 1, this.countRows() - 1);
- *   }}
- * />
- * ```
- * :::
- */
-'beforeSelectRows',
-/**
- * Fired after one or more rows are selected (e.g. During mouse header click or {@link Core#selectRows} API call).
- *
- * @since 13.0.0
- * @event Hooks#afterSelectRows
- * @param {CellCoords} from Selection start coords object.
- * @param {CellCoords} to Selection end coords object.
- * @param {CellCoords} highlight Selection cell focus coords object.
- */
-'afterSelectRows',
 /**
  * Fired after cell meta is changed.
  *
@@ -2071,17 +1983,6 @@ var REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-sen
  * @param {number} rowHeaderWidth Row header width.
  */
 'modifyRowHeaderWidth',
-/**
- * Fired from the `populateFromArray` method during the `autofill` process. Fired for each "autofilled" cell individually.
- *
- * @deprecated
- * @event Hooks#beforeAutofillInsidePopulate
- * @param {object} index Object containing `row` and `col` properties, defining the number of rows/columns from the initial cell of the autofill.
- * @param {string} direction Declares the direction of the autofill. Possible values: `up`, `down`, `left`, `right`.
- * @param {Array[]} input Contains an array of rows with data being used in the autofill.
- * @param {Array} deltas The deltas array passed to the `populateFromArray` method.
- */
-'beforeAutofillInsidePopulate',
 /**
  * Fired when the start of the selection is being modified (e.g. Moving the selection with the arrow keys).
  *
@@ -2502,7 +2403,7 @@ var REMOVED_HOOKS = new Map([['modifyRow', '8.0.0'], ['modifyCol', '8.0.0'], ['u
  * @type {Map<string, string>}
  */
 /* eslint-enable jsdoc/require-description-complete-sentence */
-var DEPRECATED_HOOKS = new Map([['beforeAutofillInsidePopulate', 'The plugin hook "beforeAutofillInsidePopulate" is deprecated and will be removed in the next major release.'], ['beforeRemoveCellClassNames', 'The hook "beforeRemoveCellClassNames" is deprecated and will be removed in the next major release.']]);
+var DEPRECATED_HOOKS = new Map([]);
 var Hooks = /*#__PURE__*/function () {
   /**
    *

package/pluginHooks.mjs

@@ -677,94 +677,6 @@ var REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-sen
  * @param {number} selectionLayerLevel The number which indicates what selection layer is currently modified.
  */
 'afterSelectionEndByProp',
-/**
- * Fired before one or more columns are selected (e.g. During mouse header click or {@link Core#selectColumns} API call).
- *
- * @since 13.0.0
- * @event Hooks#beforeSelectColumns
- * @param {CellCoords} from Selection start coords object.
- * @param {CellCoords} to Selection end coords object.
- * @param {CellCoords} highlight Selection cell focus coords object.
- * @example
- * ::: only-for javascript
- * ```js
- * new Handsontable(element, {
- *   beforeSelectColumns: (from, to, highlight) => {
- *     // Extend the column selection by one column left and one column right.
- *     from.col = Math.max(from.col - 1, 0);
- *     to.col = Math.min(to.col + 1, this.countCols() - 1);
- *   }
- * })
- * ```
- * :::
- *
- * ::: only-for react
- * ```jsx
- * <HotTable
- *   beforeSelectColumns={(from, to, highlight) => {
- *     // Extend the column selection by one column left and one column right.
- *     from.col = Math.max(from.col - 1, 0);
- *     to.col = Math.min(to.col + 1, this.countCols() - 1);
- *   }}
- * />
- * ```
- * :::
- */
-'beforeSelectColumns',
-/**
- * Fired after one or more columns are selected (e.g. During mouse header click or {@link Core#selectColumns} API call).
- *
- * @since 13.0.0
- * @event Hooks#afterSelectColumns
- * @param {CellCoords} from Selection start coords object.
- * @param {CellCoords} to Selection end coords object.
- * @param {CellCoords} highlight Selection cell focus coords object.
- */
-'afterSelectColumns',
-/**
- * Fired before one or more rows are selected (e.g. During mouse header click or {@link Core#selectRows} API call).
- *
- * @since 13.0.0
- * @event Hooks#beforeSelectRows
- * @param {CellCoords} from Selection start coords object.
- * @param {CellCoords} to Selection end coords object.
- * @param {CellCoords} highlight Selection cell focus coords object.
- * @example
- * ::: only-for javascript
- * ```js
- * new Handsontable(element, {
- *   beforeSelectRows: (from, to, highlight) => {
- *     // Extend the row selection by one row up and one row bottom more.
- *     from.row = Math.max(from.row - 1, 0);
- *     to.row = Math.min(to.row + 1, this.countRows() - 1);
- *   }
- * })
- * ```
- * :::
- *
- * ::: only-for react
- * ```jsx
- * <HotTable
- *   beforeSelectRows={(from, to, highlight) => {
- *     // Extend the row selection by one row up and one row bottom more.
- *     from.row = Math.max(from.row - 1, 0);
- *     to.row = Math.min(to.row + 1, this.countRows() - 1);
- *   }}
- * />
- * ```
- * :::
- */
-'beforeSelectRows',
-/**
- * Fired after one or more rows are selected (e.g. During mouse header click or {@link Core#selectRows} API call).
- *
- * @since 13.0.0
- * @event Hooks#afterSelectRows
- * @param {CellCoords} from Selection start coords object.
- * @param {CellCoords} to Selection end coords object.
- * @param {CellCoords} highlight Selection cell focus coords object.
- */
-'afterSelectRows',
 /**
  * Fired after cell meta is changed.
  *
@@ -2068,17 +1980,6 @@ var REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-sen
  * @param {number} rowHeaderWidth Row header width.
  */
 'modifyRowHeaderWidth',
-/**
- * Fired from the `populateFromArray` method during the `autofill` process. Fired for each "autofilled" cell individually.
- *
- * @deprecated
- * @event Hooks#beforeAutofillInsidePopulate
- * @param {object} index Object containing `row` and `col` properties, defining the number of rows/columns from the initial cell of the autofill.
- * @param {string} direction Declares the direction of the autofill. Possible values: `up`, `down`, `left`, `right`.
- * @param {Array[]} input Contains an array of rows with data being used in the autofill.
- * @param {Array} deltas The deltas array passed to the `populateFromArray` method.
- */
-'beforeAutofillInsidePopulate',
 /**
  * Fired when the start of the selection is being modified (e.g. Moving the selection with the arrow keys).
  *
@@ -2499,7 +2400,7 @@ var REMOVED_HOOKS = new Map([['modifyRow', '8.0.0'], ['modifyCol', '8.0.0'], ['u
  * @type {Map<string, string>}
  */
 /* eslint-enable jsdoc/require-description-complete-sentence */
-var DEPRECATED_HOOKS = new Map([['beforeAutofillInsidePopulate', 'The plugin hook "beforeAutofillInsidePopulate" is deprecated and will be removed in the next major release.'], ['beforeRemoveCellClassNames', 'The hook "beforeRemoveCellClassNames" is deprecated and will be removed in the next major release.']]);
+var DEPRECATED_HOOKS = new Map([]);
 var Hooks = /*#__PURE__*/function () {
   /**
    *

package/plugins/autofill/autofill.js

@@ -298,7 +298,6 @@ var Autofill = /*#__PURE__*/function (_BasePlugin) {
           this.hot.render();
           return false;
         }
-        var deltas = (0, _utils.getDeltas)(startOfDragCoords, endOfDragCoords, selectionData, directionOfDrag);
         var fillData = beforeAutofillHookResult;
         var res = beforeAutofillHookResult;
         if (['up', 'left'].indexOf(directionOfDrag) > -1 && !(res.length === 1 && res[0].length === 0)) {
@@ -320,7 +319,7 @@ var Autofill = /*#__PURE__*/function (_BasePlugin) {
             }
           }
         }
-        this.hot.populateFromArray(startOfDragCoords.row, startOfDragCoords.col, fillData, endOfDragCoords.row, endOfDragCoords.col, "".concat(this.pluginName, ".fill"), null, directionOfDrag, deltas);
+        this.hot.populateFromArray(startOfDragCoords.row, startOfDragCoords.col, fillData, endOfDragCoords.row, endOfDragCoords.col, "".concat(this.pluginName, ".fill"), null);
         this.setSelection(cornersOfSelectionAndDragAreas);
         this.hot.runHooks('afterAutofill', fillData, sourceRange, targetRange, directionOfDrag);
         this.hot.render();

package/plugins/autofill/autofill.mjs

@@ -52,7 +52,7 @@ import Hooks from "../../pluginHooks.mjs";
 import { offset, outerHeight, outerWidth } from "../../helpers/dom/element.mjs";
 import { arrayEach, arrayMap } from "../../helpers/array.mjs";
 import EventManager from "../../eventManager.mjs";
-import { getDeltas, getDragDirectionAndRange, DIRECTIONS, getMappedFillHandleSetting } from "./utils.mjs";
+import { getDragDirectionAndRange, DIRECTIONS, getMappedFillHandleSetting } from "./utils.mjs";
 Hooks.getSingleton().register('modifyAutofillRange');
 Hooks.getSingleton().register('beforeAutofill');
 Hooks.getSingleton().register('afterAutofill');
@@ -292,7 +292,6 @@ export var Autofill = /*#__PURE__*/function (_BasePlugin) {
           this.hot.render();
           return false;
         }
-        var deltas = getDeltas(startOfDragCoords, endOfDragCoords, selectionData, directionOfDrag);
         var fillData = beforeAutofillHookResult;
         var res = beforeAutofillHookResult;
         if (['up', 'left'].indexOf(directionOfDrag) > -1 && !(res.length === 1 && res[0].length === 0)) {
@@ -314,7 +313,7 @@ export var Autofill = /*#__PURE__*/function (_BasePlugin) {
             }
           }
         }
-        this.hot.populateFromArray(startOfDragCoords.row, startOfDragCoords.col, fillData, endOfDragCoords.row, endOfDragCoords.col, "".concat(this.pluginName, ".fill"), null, directionOfDrag, deltas);
+        this.hot.populateFromArray(startOfDragCoords.row, startOfDragCoords.col, fillData, endOfDragCoords.row, endOfDragCoords.col, "".concat(this.pluginName, ".fill"), null);
         this.setSelection(cornersOfSelectionAndDragAreas);
         this.hot.runHooks('afterAutofill', fillData, sourceRange, targetRange, directionOfDrag);
         this.hot.render();

package/plugins/autofill/utils.js

@@ -2,10 +2,8 @@
 
 exports.__esModule = true;
 exports.DIRECTIONS = void 0;
-exports.getDeltas = getDeltas;
 exports.getDragDirectionAndRange = getDragDirectionAndRange;
 exports.getMappedFillHandleSetting = getMappedFillHandleSetting;
-require("core-js/modules/es.array.index-of.js");
 require("core-js/modules/es.object.keys.js");
 var _object = require("../../helpers/object");
 var _mixed = require("../../helpers/mixed");
@@ -14,43 +12,6 @@ var DIRECTIONS = {
   vertical: 'vertical'
 };
 
-/**
- * Get deltas array.
- *
- * @param {CellCoords} start The point in the grid where the selection starts.
- * @param {CellCoords} end The point in the grid where the selection ends.
- * @param {Array} data The chunk of the data which belongs to the selected box.
- * @param {string} direction The selection direction.
- * @returns {Array}
- */
-exports.DIRECTIONS = DIRECTIONS;
-function getDeltas(start, end, data, direction) {
-  var rowsLength = data.length;
-  var columnsLength = data ? data[0].length : 0;
-  var deltas = [];
-  var diffRow = end.row - start.row;
-  var diffCol = end.col - start.col;
-  if (['down', 'up'].indexOf(direction) !== -1) {
-    var arr = [];
-    for (var col = 0; col < diffCol; col++) {
-      var startValue = parseInt(data[0][col], 10);
-      var endValue = parseInt(data[rowsLength - 1][col], 10);
-      var delta = (direction === 'down' ? endValue - startValue : startValue - endValue) / (rowsLength - 1) || 0;
-      arr.push(delta);
-    }
-    deltas.push(arr);
-  }
-  if (['right', 'left'].indexOf(direction) !== -1) {
-    for (var row = 0; row < diffRow; row++) {
-      var _startValue = parseInt(data[row][0], 10);
-      var _endValue = parseInt(data[row][columnsLength - 1], 10);
-      var _delta = (direction === 'right' ? _endValue - _startValue : _startValue - _endValue) / (columnsLength - 1) || 0;
-      deltas.push([_delta]);
-    }
-  }
-  return deltas;
-}
-
 /**
  * Get direction between positions and cords of selections difference (drag area).
  *
@@ -59,6 +20,7 @@ function getDeltas(start, end, data, direction) {
  * @param {Function} cellCoordsFactory The function factory for CellCoords objects.
  * @returns {{direction: string, start: CellCoords, end: CellCoords}}
  */
+exports.DIRECTIONS = DIRECTIONS;
 function getDragDirectionAndRange(startSelection, endSelection, cellCoordsFactory) {
   var startOfDragCoords;
   var endOfDragCoords;

package/plugins/autofill/utils.mjs

@@ -1,4 +1,3 @@
-import "core-js/modules/es.array.index-of.js";
 import "core-js/modules/es.object.keys.js";
 import { isObject } from "../../helpers/object.mjs";
 import { isDefined } from "../../helpers/mixed.mjs";
@@ -7,42 +6,6 @@ export var DIRECTIONS = {
   vertical: 'vertical'
 };
 
-/**
- * Get deltas array.
- *
- * @param {CellCoords} start The point in the grid where the selection starts.
- * @param {CellCoords} end The point in the grid where the selection ends.
- * @param {Array} data The chunk of the data which belongs to the selected box.
- * @param {string} direction The selection direction.
- * @returns {Array}
- */
-export function getDeltas(start, end, data, direction) {
-  var rowsLength = data.length;
-  var columnsLength = data ? data[0].length : 0;
-  var deltas = [];
-  var diffRow = end.row - start.row;
-  var diffCol = end.col - start.col;
-  if (['down', 'up'].indexOf(direction) !== -1) {
-    var arr = [];
-    for (var col = 0; col < diffCol; col++) {
-      var startValue = parseInt(data[0][col], 10);
-      var endValue = parseInt(data[rowsLength - 1][col], 10);
-      var delta = (direction === 'down' ? endValue - startValue : startValue - endValue) / (rowsLength - 1) || 0;
-      arr.push(delta);
-    }
-    deltas.push(arr);
-  }
-  if (['right', 'left'].indexOf(direction) !== -1) {
-    for (var row = 0; row < diffRow; row++) {
-      var _startValue = parseInt(data[row][0], 10);
-      var _endValue = parseInt(data[row][columnsLength - 1], 10);
-      var _delta = (direction === 'right' ? _endValue - _startValue : _startValue - _endValue) / (columnsLength - 1) || 0;
-      deltas.push([_delta]);
-    }
-  }
-  return deltas;
-}
-
 /**
  * Get direction between positions and cords of selections difference (drag area).
  *

package/plugins/collapsibleColumns/collapsibleColumns.js

@@ -69,7 +69,6 @@ var PLUGIN_PRIORITY = 290;
 exports.PLUGIN_PRIORITY = PLUGIN_PRIORITY;
 var SETTING_KEYS = ['nestedHeaders'];
 var COLLAPSIBLE_ELEMENT_CLASS = 'collapsibleIndicator';
-var SHORTCUTS_GROUP = PLUGIN_KEY;
 var actionDictionary = new Map([['collapse', {
   hideColumn: true,
   beforeHook: 'beforeColumnCollapse',
@@ -238,7 +237,6 @@ var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
       this.addHook('beforeOnCellMouseDown', function (event, coords, TD) {
         return _this2.onBeforeOnCellMouseDown(event, coords, TD);
       });
-      this.registerShortcuts();
       _get(_getPrototypeOf(CollapsibleColumns.prototype), "enablePlugin", this).call(this);
       // @TODO: Workaround for broken plugin initialization abstraction (#6806).
       this.updatePlugin();
@@ -289,65 +287,10 @@ var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
       this.hot.columnIndexMapper.unregisterMap(this.pluginName);
       _classPrivateFieldSet(this, _collapsedColumnsMap, null);
       this.nestedHeadersPlugin = null;
-      this.unregisterShortcuts();
       this.clearButtons();
       _get(_getPrototypeOf(CollapsibleColumns.prototype), "disablePlugin", this).call(this);
     }
 
-    /**
-     * Register shortcuts responsible for toggling collapsible columns.
-     *
-     * @private
-     */
-  }, {
-    key: "registerShortcuts",
-    value: function registerShortcuts() {
-      var _this3 = this;
-      this.hot.getShortcutManager().getContext('grid').addShortcut({
-        keys: [['Enter']],
-        callback: function callback() {
-          var _this3$headerStateMan;
-          var _this3$hot$getSelecte = _this3.hot.getSelectedRangeLast().highlight,
-            row = _this3$hot$getSelecte.row,
-            col = _this3$hot$getSelecte.col;
-          var _ref = (_this3$headerStateMan = _this3.headerStateManager.getHeaderTreeNodeData(row, col)) !== null && _this3$headerStateMan !== void 0 ? _this3$headerStateMan : {},
-            collapsible = _ref.collapsible,
-            isCollapsed = _ref.isCollapsed,
-            columnIndex = _ref.columnIndex;
-          if (!collapsible) {
-            return;
-          }
-          if (isCollapsed) {
-            _this3.expandSection({
-              row: row,
-              col: columnIndex
-            });
-          } else {
-            _this3.collapseSection({
-              row: row,
-              col: columnIndex
-            });
-          }
-        },
-        runOnlyIf: function runOnlyIf() {
-          var _this3$hot$getSelecte2;
-          return (_this3$hot$getSelecte2 = _this3.hot.getSelectedRangeLast()) === null || _this3$hot$getSelecte2 === void 0 ? void 0 : _this3$hot$getSelecte2.highlight.isHeader();
-        },
-        group: SHORTCUTS_GROUP
-      });
-    }
-
-    /**
-     * Unregister shortcuts responsible for toggling collapsible columns.
-     *
-     * @private
-     */
-  }, {
-    key: "unregisterShortcuts",
-    value: function unregisterShortcuts() {
-      this.hot.getShortcutManager().getContext('grid').removeShortcutsByGroup(SHORTCUTS_GROUP);
-    }
-
     /**
      * Clears the expand/collapse buttons.
      *
@@ -417,7 +360,7 @@ var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "toggleAllCollapsibleSections",
     value: function toggleAllCollapsibleSections(action) {
-      var _this4 = this;
+      var _this3 = this;
       var coords = this.headerStateManager.mapNodes(function (headerSettings) {
         var collapsible = headerSettings.collapsible,
           origColspan = headerSettings.origColspan,
@@ -426,7 +369,7 @@ var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
           isCollapsed = headerSettings.isCollapsed;
         if (collapsible === true && origColspan > 1 && (isCollapsed && action === 'expand' || !isCollapsed && action === 'collapse')) {
           return {
-            row: _this4.headerStateManager.levelToRowCoords(headerLevel),
+            row: _this3.headerStateManager.levelToRowCoords(headerLevel),
             col: columnIndex
           };
         }
@@ -465,7 +408,7 @@ var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "toggleCollapsibleSection",
     value: function toggleCollapsibleSection(coords, action) {
-      var _this5 = this;
+      var _this4 = this;
       if (!actionDictionary.has(action)) {
         throw new Error("Unsupported action is passed (".concat(action, ")."));
       }
@@ -474,18 +417,18 @@ var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
       }
 
       // Ignore coordinates which points to the cells range.
-      var filteredCoords = (0, _array.arrayFilter)(coords, function (_ref2) {
-        var row = _ref2.row;
+      var filteredCoords = (0, _array.arrayFilter)(coords, function (_ref) {
+        var row = _ref.row;
         return row < 0;
       });
       var isActionPossible = filteredCoords.length > 0;
-      (0, _array.arrayEach)(filteredCoords, function (_ref3) {
-        var _this5$headerStateMan;
-        var row = _ref3.row,
-          column = _ref3.col;
-        var _ref4 = (_this5$headerStateMan = _this5.headerStateManager.getHeaderSettings(row, column)) !== null && _this5$headerStateMan !== void 0 ? _this5$headerStateMan : {},
-          collapsible = _ref4.collapsible,
-          isCollapsed = _ref4.isCollapsed;
+      (0, _array.arrayEach)(filteredCoords, function (_ref2) {
+        var _this4$headerStateMan;
+        var row = _ref2.row,
+          column = _ref2.col;
+        var _ref3 = (_this4$headerStateMan = _this4.headerStateManager.getHeaderSettings(row, column)) !== null && _this4$headerStateMan !== void 0 ? _this4$headerStateMan : {},
+          collapsible = _ref3.collapsible,
+          isCollapsed = _ref3.isCollapsed;
         if (!collapsible || isCollapsed && action === 'collapse' || !isCollapsed && action === 'expand') {
           isActionPossible = false;
           return false;
@@ -494,13 +437,13 @@ var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
       var nodeModRollbacks = [];
       var affectedColumnsIndexes = [];
       if (isActionPossible) {
-        (0, _array.arrayEach)(filteredCoords, function (_ref5) {
-          var row = _ref5.row,
-            column = _ref5.col;
-          var _this5$headerStateMan2 = _this5.headerStateManager.triggerNodeModification(action, row, column),
-            colspanCompensation = _this5$headerStateMan2.colspanCompensation,
-            affectedColumns = _this5$headerStateMan2.affectedColumns,
-            rollbackModification = _this5$headerStateMan2.rollbackModification;
+        (0, _array.arrayEach)(filteredCoords, function (_ref4) {
+          var row = _ref4.row,
+            column = _ref4.col;
+          var _this4$headerStateMan2 = _this4.headerStateManager.triggerNodeModification(action, row, column),
+            colspanCompensation = _this4$headerStateMan2.colspanCompensation,
+            affectedColumns = _this4$headerStateMan2.affectedColumns,
+            rollbackModification = _this4$headerStateMan2.rollbackModification;
           if (colspanCompensation > 0) {
             affectedColumnsIndexes.push.apply(affectedColumnsIndexes, _toConsumableArray(affectedColumns));
             nodeModRollbacks.push(rollbackModification);
@@ -527,7 +470,7 @@ var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
       }
       this.hot.batchExecution(function () {
         (0, _array.arrayEach)(affectedColumnsIndexes, function (visualColumn) {
-          _classPrivateFieldGet(_this5, _collapsedColumnsMap).setValueAtIndex(_this5.hot.toPhysicalColumn(visualColumn), actionTranslator.hideColumn);
+          _classPrivateFieldGet(_this4, _collapsedColumnsMap).setValueAtIndex(_this4.hot.toPhysicalColumn(visualColumn), actionTranslator.hideColumn);
         });
       }, true);
       var isActionPerformed = this.getCollapsedColumns().length !== currentCollapsedColumns.length;
@@ -561,10 +504,10 @@ var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
     key: "onAfterGetColHeader",
     value: function onAfterGetColHeader(column, TH, headerLevel) {
       var _this$headerStateMana;
-      var _ref6 = (_this$headerStateMana = this.headerStateManager.getHeaderSettings(headerLevel, column)) !== null && _this$headerStateMana !== void 0 ? _this$headerStateMana : {},
-        collapsible = _ref6.collapsible,
-        origColspan = _ref6.origColspan,
-        isCollapsed = _ref6.isCollapsed;
+      var _ref5 = (_this$headerStateMana = this.headerStateManager.getHeaderSettings(headerLevel, column)) !== null && _this$headerStateMana !== void 0 ? _this$headerStateMana : {},
+        collapsible = _ref5.collapsible,
+        origColspan = _ref5.origColspan,
+        isCollapsed = _ref5.isCollapsed;
       var isNodeCollapsible = collapsible && origColspan > 1 && column >= this.hot.getSettings().fixedColumnsStart;
       var collapsibleElement = TH.querySelector(".".concat(COLLAPSIBLE_ELEMENT_CLASS));
       if (isNodeCollapsible) {