handsontable 0.0.0-next-d1c8e0e-20230621 → 0.0.0-next-c765185-20230622

package/pluginHooks.d.ts

@@ -110,8 +110,8 @@ export interface Events {
   afterOnCellCornerDblClick?: (event: MouseEvent) => void;
   afterOnCellCornerMouseDown?: (event: MouseEvent) => void;
   afterOnCellMouseDown?: (event: MouseEvent, coords: CellCoords, TD: HTMLTableCellElement) => void;
-  afterOnCellMouseOut?: (event: MouseEvent, coords: CellCoords, TD: HTMLTableCellElement) => void;
   afterOnCellMouseOver?: (event: MouseEvent, coords: CellCoords, TD: HTMLTableCellElement) => void;
+  afterOnCellMouseOut?: (event: MouseEvent, coords: CellCoords, TD: HTMLTableCellElement) => void;
   afterOnCellMouseUp?: (event: MouseEvent, coords: CellCoords, TD: HTMLTableCellElement) => void;
   afterPaste?: (data: CellValue[][], coords: RangeType[]) => void;
   afterPluginsInitialized?: () => void;
@@ -128,12 +128,10 @@ export interface Events {
   afterRowSequenceChange?: (source: 'init' | 'move' | 'insert' | 'remove' | 'update') => void;
   afterScrollHorizontally?: () => void;
   afterScrollVertically?: () => void;
-  afterSelectColumns?: (from: CellCoords, to: CellCoords, highlight: CellCoords) => void;
   afterSelection?: (row: number, column: number, row2: number, column2: number, preventScrolling: { value: boolean }, selectionLayerLevel: number) => void;
   afterSelectionByProp?: (row: number, prop: string, row2: number, prop2: string, preventScrolling: { value: boolean }, selectionLayerLevel: number) => void;
   afterSelectionEnd?: (row: number, column: number, row2: number, column2: number, selectionLayerLevel: number) => void;
   afterSelectionEndByProp?: (row: number, prop: string, row2: number, prop2: string, selectionLayerLevel: number) => void;
-  afterSelectRows?: (from: CellCoords, to: CellCoords, highlight: CellCoords) => void;
   afterSetCellMeta?: (row: number, column: number, key: string, value: any) => void;
   afterSetDataAtCell?: (changes: CellChange[], source?: ChangeSource) => void;
   afterSetDataAtRowProp?: (changes: CellChange[], source?: ChangeSource) => void;
@@ -207,8 +205,6 @@ export interface Events {
   beforeRenderer?: (TD: HTMLTableCellElement, row: number, column: number, prop: string | number, value: CellValue, cellProperties: CellProperties) => void;
   beforeRowMove?: (movedRows: number[], finalIndex: number, dropIndex: number | undefined, movePossible: boolean) => void;
   beforeRowResize?: (newSize: number, row: number, isDoubleClick: boolean) => number | void;
-  beforeSelectColumns?: (from: CellCoords, to: CellCoords, highlight: CellCoords) => void;
-  beforeSelectRows?: (from: CellCoords, to: CellCoords, highlight: CellCoords) => void;
   beforeSetCellMeta?: (row: number, col: number, key: string, value: any) => boolean | void;
   beforeSetRangeEnd?: (coords: CellCoords) => void;
   beforeSetRangeStart?: (coords: CellCoords) => void;

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.
  *
@@ -2491,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([['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.
  *
@@ -2488,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([['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/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) {

package/plugins/collapsibleColumns/collapsibleColumns.mjs

@@ -62,7 +62,6 @@ export var PLUGIN_KEY = 'collapsibleColumns';
 export var PLUGIN_PRIORITY = 290;
 var SETTING_KEYS = ['nestedHeaders'];
 var COLLAPSIBLE_ELEMENT_CLASS = 'collapsibleIndicator';
-var SHORTCUTS_GROUP = PLUGIN_KEY;
 var actionDictionary = new Map([['collapse', {
   hideColumn: true,
   beforeHook: 'beforeColumnCollapse',
@@ -231,7 +230,6 @@ export 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();
@@ -282,65 +280,10 @@ export 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.
      *
@@ -410,7 +353,7 @@ export 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,
@@ -419,7 +362,7 @@ export 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
           };
         }
@@ -458,7 +401,7 @@ export 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, ")."));
       }
@@ -467,18 +410,18 @@ export var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
       }
 
       // Ignore coordinates which points to the cells range.
-      var filteredCoords = arrayFilter(coords, function (_ref2) {
-        var row = _ref2.row;
+      var filteredCoords = arrayFilter(coords, function (_ref) {
+        var row = _ref.row;
         return row < 0;
       });
       var isActionPossible = filteredCoords.length > 0;
-      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;
+      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;
@@ -487,13 +430,13 @@ export var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
       var nodeModRollbacks = [];
       var affectedColumnsIndexes = [];
       if (isActionPossible) {
-        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;
+        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);
@@ -520,7 +463,7 @@ export var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
       }
       this.hot.batchExecution(function () {
         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;
@@ -554,10 +497,10 @@ export 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) {