handsontable 0.0.0-next-2b3d6d8-20230623 → 0.0.0-next-c3d199b-20230626

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;
-  afterOnCellMouseOver?: (event: MouseEvent, coords: CellCoords, TD: HTMLTableCellElement) => void;
   afterOnCellMouseOut?: (event: MouseEvent, coords: CellCoords, TD: HTMLTableCellElement) => void;
+  afterOnCellMouseOver?: (event: MouseEvent, coords: CellCoords, TD: HTMLTableCellElement) => void;
   afterOnCellMouseUp?: (event: MouseEvent, coords: CellCoords, TD: HTMLTableCellElement) => void;
   afterPaste?: (data: CellValue[][], coords: RangeType[]) => void;
   afterPluginsInitialized?: () => void;
@@ -128,10 +128,12 @@ 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;
@@ -205,6 +207,8 @@ 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,6 +680,94 @@ 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.
  *
@@ -2403,7 +2491,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([]);
+var DEPRECATED_HOOKS = new Map([['beforeRemoveCellClassNames', 'The hook "beforeRemoveCellClassNames" is deprecated and will be removed in the next major release.']]);
 var Hooks = /*#__PURE__*/function () {
   /**
    *

package/pluginHooks.mjs

@@ -677,6 +677,94 @@ 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.
  *
@@ -2400,7 +2488,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([]);
+var DEPRECATED_HOOKS = new Map([['beforeRemoveCellClassNames', 'The hook "beforeRemoveCellClassNames" is deprecated and will be removed in the next major release.']]);
 var Hooks = /*#__PURE__*/function () {
   /**
    *

package/plugins/collapsibleColumns/collapsibleColumns.js

@@ -69,6 +69,7 @@ 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',
@@ -237,6 +238,7 @@ 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();
@@ -287,10 +289,65 @@ 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.
      *
@@ -360,7 +417,7 @@ var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "toggleAllCollapsibleSections",
     value: function toggleAllCollapsibleSections(action) {
-      var _this3 = this;
+      var _this4 = this;
       var coords = this.headerStateManager.mapNodes(function (headerSettings) {
         var collapsible = headerSettings.collapsible,
           origColspan = headerSettings.origColspan,
@@ -369,7 +426,7 @@ var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
           isCollapsed = headerSettings.isCollapsed;
         if (collapsible === true && origColspan > 1 && (isCollapsed && action === 'expand' || !isCollapsed && action === 'collapse')) {
           return {
-            row: _this3.headerStateManager.levelToRowCoords(headerLevel),
+            row: _this4.headerStateManager.levelToRowCoords(headerLevel),
             col: columnIndex
           };
         }
@@ -408,7 +465,7 @@ var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "toggleCollapsibleSection",
     value: function toggleCollapsibleSection(coords, action) {
-      var _this4 = this;
+      var _this5 = this;
       if (!actionDictionary.has(action)) {
         throw new Error("Unsupported action is passed (".concat(action, ")."));
       }
@@ -417,18 +474,18 @@ var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
       }
 
       // Ignore coordinates which points to the cells range.
-      var filteredCoords = (0, _array.arrayFilter)(coords, function (_ref) {
-        var row = _ref.row;
+      var filteredCoords = (0, _array.arrayFilter)(coords, function (_ref2) {
+        var row = _ref2.row;
         return row < 0;
       });
       var isActionPossible = filteredCoords.length > 0;
-      (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;
+      (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;
         if (!collapsible || isCollapsed && action === 'collapse' || !isCollapsed && action === 'expand') {
           isActionPossible = false;
           return false;
@@ -437,13 +494,13 @@ var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
       var nodeModRollbacks = [];
       var affectedColumnsIndexes = [];
       if (isActionPossible) {
-        (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;
+        (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;
           if (colspanCompensation > 0) {
             affectedColumnsIndexes.push.apply(affectedColumnsIndexes, _toConsumableArray(affectedColumns));
             nodeModRollbacks.push(rollbackModification);
@@ -470,7 +527,7 @@ var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
       }
       this.hot.batchExecution(function () {
         (0, _array.arrayEach)(affectedColumnsIndexes, function (visualColumn) {
-          _classPrivateFieldGet(_this4, _collapsedColumnsMap).setValueAtIndex(_this4.hot.toPhysicalColumn(visualColumn), actionTranslator.hideColumn);
+          _classPrivateFieldGet(_this5, _collapsedColumnsMap).setValueAtIndex(_this5.hot.toPhysicalColumn(visualColumn), actionTranslator.hideColumn);
         });
       }, true);
       var isActionPerformed = this.getCollapsedColumns().length !== currentCollapsedColumns.length;
@@ -504,10 +561,10 @@ var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
     key: "onAfterGetColHeader",
     value: function onAfterGetColHeader(column, TH, headerLevel) {
       var _this$headerStateMana;
-      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 _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 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,6 +62,7 @@ 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',
@@ -230,6 +231,7 @@ 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();
@@ -280,10 +282,65 @@ 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.
      *
@@ -353,7 +410,7 @@ export var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "toggleAllCollapsibleSections",
     value: function toggleAllCollapsibleSections(action) {
-      var _this3 = this;
+      var _this4 = this;
       var coords = this.headerStateManager.mapNodes(function (headerSettings) {
         var collapsible = headerSettings.collapsible,
           origColspan = headerSettings.origColspan,
@@ -362,7 +419,7 @@ export var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
           isCollapsed = headerSettings.isCollapsed;
         if (collapsible === true && origColspan > 1 && (isCollapsed && action === 'expand' || !isCollapsed && action === 'collapse')) {
           return {
-            row: _this3.headerStateManager.levelToRowCoords(headerLevel),
+            row: _this4.headerStateManager.levelToRowCoords(headerLevel),
             col: columnIndex
           };
         }
@@ -401,7 +458,7 @@ export var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "toggleCollapsibleSection",
     value: function toggleCollapsibleSection(coords, action) {
-      var _this4 = this;
+      var _this5 = this;
       if (!actionDictionary.has(action)) {
         throw new Error("Unsupported action is passed (".concat(action, ")."));
       }
@@ -410,18 +467,18 @@ export var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
       }
 
       // Ignore coordinates which points to the cells range.
-      var filteredCoords = arrayFilter(coords, function (_ref) {
-        var row = _ref.row;
+      var filteredCoords = arrayFilter(coords, function (_ref2) {
+        var row = _ref2.row;
         return row < 0;
       });
       var isActionPossible = filteredCoords.length > 0;
-      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;
+      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;
         if (!collapsible || isCollapsed && action === 'collapse' || !isCollapsed && action === 'expand') {
           isActionPossible = false;
           return false;
@@ -430,13 +487,13 @@ export var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
       var nodeModRollbacks = [];
       var affectedColumnsIndexes = [];
       if (isActionPossible) {
-        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;
+        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;
           if (colspanCompensation > 0) {
             affectedColumnsIndexes.push.apply(affectedColumnsIndexes, _toConsumableArray(affectedColumns));
             nodeModRollbacks.push(rollbackModification);
@@ -463,7 +520,7 @@ export var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
       }
       this.hot.batchExecution(function () {
         arrayEach(affectedColumnsIndexes, function (visualColumn) {
-          _classPrivateFieldGet(_this4, _collapsedColumnsMap).setValueAtIndex(_this4.hot.toPhysicalColumn(visualColumn), actionTranslator.hideColumn);
+          _classPrivateFieldGet(_this5, _collapsedColumnsMap).setValueAtIndex(_this5.hot.toPhysicalColumn(visualColumn), actionTranslator.hideColumn);
         });
       }, true);
       var isActionPerformed = this.getCollapsedColumns().length !== currentCollapsedColumns.length;
@@ -497,10 +554,10 @@ export var CollapsibleColumns = /*#__PURE__*/function (_BasePlugin) {
     key: "onAfterGetColHeader",
     value: function onAfterGetColHeader(column, TH, headerLevel) {
       var _this$headerStateMana;
-      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 _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 isNodeCollapsible = collapsible && origColspan > 1 && column >= this.hot.getSettings().fixedColumnsStart;
       var collapsibleElement = TH.querySelector(".".concat(COLLAPSIBLE_ELEMENT_CLASS));
       if (isNodeCollapsible) {