handsontable 0.0.0-next-9379dd1-20231020 → 0.0.0-next-9059914-20231025

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,13 +128,10 @@ export interface Events {
   afterRowSequenceChange?: (source: 'init' | 'move' | 'insert' | 'remove' | 'update') => void;
   afterScrollHorizontally?: () => void;
   afterScrollVertically?: () => void;
-  afterScroll?: () => 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;
@@ -208,9 +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;
-  beforeSelectionHighlightSet?: () => 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;
@@ -227,9 +221,6 @@ export interface Events {
   beforeUpdateData?: (sourceData: CellValue[], initialLoad: boolean, source: string | undefined) => void;
   beforeValidate?: (value: CellValue, row: number, prop: string | number, source?: ChangeSource) => void;
   beforeValueRender?: (value: CellValue, cellProperties: CellProperties) => void;
-  beforeViewportScrollVertically?: (visualRow: number) => number;
-  beforeViewportScrollHorizontally?: (visualColumn: number) => number;
-  beforeViewportScroll?: () => void;
   beforeViewRender?: (isForced: boolean, skipRender: { skipRender?: boolean }) => void;
   construct?: () => void;
   init?: () => void;
@@ -240,9 +231,7 @@ export interface Events {
   modifyColumnHeaderValue?: (headerValue: string, visualColumnIndex: number, headerLevel: number) => void | string;
   modifyColWidth?: (width: number, column: number) => void;
   modifyCopyableRange?: (copyableRanges: RangeType[]) => void;
-  modifyFocusedElement?: (row: number, column: number, focusedElement: HTMLElement) => void | HTMLElement;
   modifyData?: (row: number, column: number, valueHolder: { value: CellValue }, ioMode: 'get' | 'set') => void;
-  modifyFocusOnTabNavigation?: (tabActivationDir: 'from_above' | 'from_below', visualCoords: CellCoords) => void;
   modifyGetCellCoords?: (row: number, column: number, topmost: boolean) => void | [number, number] | [number, number, number, number];
   modifyRowData?: (row: number) => void;
   modifyRowHeader?: (row: number) => void;

package/pluginHooks.js

@@ -542,34 +542,6 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @param {'init'|'remove'|'insert'|'move'|'update'} [source] A string that indicates what caused the change to the order of rows.
  */
 'afterRowSequenceChange',
-/**
- * Fired before the vertical viewport scroll. Triggered by the [`scrollViewportTo()`](@/api/core.md#scrollviewportto)
- * method or table internals.
- *
- * @since 14.0.0
- * @event Hooks#beforeViewportScrollVertically
- * @param {number} visualRow Visual row index.
- * @returns {number} Returns modified row index (or the same as passed in the method argument) to which the viewport will be scrolled.
- */
-'beforeViewportScrollVertically',
-/**
- * Fired before the horizontal viewport scroll. Triggered by the [`scrollViewportTo()`](@/api/core.md#scrollviewportto)
- * method or table internals.
- *
- * @since 14.0.0
- * @event Hooks#beforeViewportScrollHorizontally
- * @param {number} visualColumn Visual column index.
- * @returns {number} Returns modified column index (or the same as passed in the method argument) to which the viewport will be scrolled.
- */
-'beforeViewportScrollHorizontally',
-/**
- * Fired before the vertical or horizontal viewport scroll. Triggered by the [`scrollViewportTo()`](@/api/core.md#scrollviewportto)
- * method or table internals.
- *
- * @since 14.0.0
- * @event Hooks#beforeViewportScroll
- */
-'beforeViewportScroll',
 /**
  * Fired after the horizontal scroll event.
  *
@@ -582,13 +554,6 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @event Hooks#afterScrollVertically
  */
 'afterScrollVertically',
-/**
- * Fired after the vertical or horizontal scroll event.
- *
- * @since 14.0.0
- * @event Hooks#afterScroll
- */
-'afterScroll',
 /**
  * Fired after one or more cells are selected (e.g. During mouse move).
  *
@@ -692,94 +657,6 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @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 14.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 14.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 14.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 14.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.
  *
@@ -1235,13 +1112,6 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @param {CellCoords} coords CellCoords instance.
  */
 'beforeSetRangeEnd',
-/**
- * Fired before applying selection coordinates to the renderable coordinates for Walkontable (rendering engine).
- *
- * @since 14.0.0
- * @event Hooks#beforeSelectionHighlightSet
- */
-'beforeSelectionHighlightSet',
 /**
  * Fired before the logic of handling a touch scroll, when user started scrolling on a touch-enabled device.
  *
@@ -1298,17 +1168,6 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @param {number} column Visual column index.
  */
 'modifyColWidth',
-/**
- * Fired when focusing a cell or a header element. Allows replacing the element to be focused by returning a
- * different HTML element.
- *
- * @since 14.0.0
- * @event Hooks#modifyFocusedElement
- * @param {number} row Row index.
- * @param {number} column Column index.
- * @param {HTMLElement|undefined} focusedElement The element to be focused.
- */
-'modifyFocusedElement',
 /**
  * Fired when a row header index is about to be modified by a callback function.
  *
@@ -1366,16 +1225,6 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @returns {undefined|number[]}
  */
 'modifyGetCellCoords',
-/**
- * Used to modify the cell coordinates when the table is activated (going into the listen mode).
- *
- * @event Hooks#modifyFocusOnTabNavigation
- * @since 14.0.0
- * @param {'from_above' | 'from_below'} tabActivationDir The browsers Tab navigation direction. Depending on
- * whether the user activated the table from the element above or below, another cell can be selected.
- * @param {CellCoords} visualCoords The coords that will be used to select a cell.
- */
-'modifyFocusOnTabNavigation',
 /**
  * Allows modify the visual row index that is used to retrieve the row header element (TH) before it's
  * highlighted (proper CSS class names are added). Modifying the visual row index allows building a custom
@@ -2533,7 +2382,7 @@ const REMOVED_HOOKS = new Map([['modifyRow', '8.0.0'], ['modifyCol', '8.0.0'], [
  * @type {Map<string, string>}
  */
 /* eslint-enable jsdoc/require-description-complete-sentence */
-const DEPRECATED_HOOKS = new Map([['beforeRemoveCellClassNames', 'The hook "beforeRemoveCellClassNames" is deprecated and will be removed in the next major release.']]);
+const DEPRECATED_HOOKS = new Map([]);
 class Hooks {
   static getSingleton() {
     return getGlobalSingleton();

package/pluginHooks.mjs

@@ -540,34 +540,6 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @param {'init'|'remove'|'insert'|'move'|'update'} [source] A string that indicates what caused the change to the order of rows.
  */
 'afterRowSequenceChange',
-/**
- * Fired before the vertical viewport scroll. Triggered by the [`scrollViewportTo()`](@/api/core.md#scrollviewportto)
- * method or table internals.
- *
- * @since 14.0.0
- * @event Hooks#beforeViewportScrollVertically
- * @param {number} visualRow Visual row index.
- * @returns {number} Returns modified row index (or the same as passed in the method argument) to which the viewport will be scrolled.
- */
-'beforeViewportScrollVertically',
-/**
- * Fired before the horizontal viewport scroll. Triggered by the [`scrollViewportTo()`](@/api/core.md#scrollviewportto)
- * method or table internals.
- *
- * @since 14.0.0
- * @event Hooks#beforeViewportScrollHorizontally
- * @param {number} visualColumn Visual column index.
- * @returns {number} Returns modified column index (or the same as passed in the method argument) to which the viewport will be scrolled.
- */
-'beforeViewportScrollHorizontally',
-/**
- * Fired before the vertical or horizontal viewport scroll. Triggered by the [`scrollViewportTo()`](@/api/core.md#scrollviewportto)
- * method or table internals.
- *
- * @since 14.0.0
- * @event Hooks#beforeViewportScroll
- */
-'beforeViewportScroll',
 /**
  * Fired after the horizontal scroll event.
  *
@@ -580,13 +552,6 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @event Hooks#afterScrollVertically
  */
 'afterScrollVertically',
-/**
- * Fired after the vertical or horizontal scroll event.
- *
- * @since 14.0.0
- * @event Hooks#afterScroll
- */
-'afterScroll',
 /**
  * Fired after one or more cells are selected (e.g. During mouse move).
  *
@@ -690,94 +655,6 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @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 14.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 14.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 14.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 14.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.
  *
@@ -1233,13 +1110,6 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @param {CellCoords} coords CellCoords instance.
  */
 'beforeSetRangeEnd',
-/**
- * Fired before applying selection coordinates to the renderable coordinates for Walkontable (rendering engine).
- *
- * @since 14.0.0
- * @event Hooks#beforeSelectionHighlightSet
- */
-'beforeSelectionHighlightSet',
 /**
  * Fired before the logic of handling a touch scroll, when user started scrolling on a touch-enabled device.
  *
@@ -1296,17 +1166,6 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @param {number} column Visual column index.
  */
 'modifyColWidth',
-/**
- * Fired when focusing a cell or a header element. Allows replacing the element to be focused by returning a
- * different HTML element.
- *
- * @since 14.0.0
- * @event Hooks#modifyFocusedElement
- * @param {number} row Row index.
- * @param {number} column Column index.
- * @param {HTMLElement|undefined} focusedElement The element to be focused.
- */
-'modifyFocusedElement',
 /**
  * Fired when a row header index is about to be modified by a callback function.
  *
@@ -1364,16 +1223,6 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @returns {undefined|number[]}
  */
 'modifyGetCellCoords',
-/**
- * Used to modify the cell coordinates when the table is activated (going into the listen mode).
- *
- * @event Hooks#modifyFocusOnTabNavigation
- * @since 14.0.0
- * @param {'from_above' | 'from_below'} tabActivationDir The browsers Tab navigation direction. Depending on
- * whether the user activated the table from the element above or below, another cell can be selected.
- * @param {CellCoords} visualCoords The coords that will be used to select a cell.
- */
-'modifyFocusOnTabNavigation',
 /**
  * Allows modify the visual row index that is used to retrieve the row header element (TH) before it's
  * highlighted (proper CSS class names are added). Modifying the visual row index allows building a custom
@@ -2531,7 +2380,7 @@ const REMOVED_HOOKS = new Map([['modifyRow', '8.0.0'], ['modifyCol', '8.0.0'], [
  * @type {Map<string, string>}
  */
 /* eslint-enable jsdoc/require-description-complete-sentence */
-const DEPRECATED_HOOKS = new Map([['beforeRemoveCellClassNames', 'The hook "beforeRemoveCellClassNames" is deprecated and will be removed in the next major release.']]);
+const DEPRECATED_HOOKS = new Map([]);
 class Hooks {
   static getSingleton() {
     return getGlobalSingleton();

package/plugins/collapsibleColumns/collapsibleColumns.js

@@ -10,7 +10,6 @@ var _console = require("../../helpers/console");
 var _element = require("../../helpers/dom/element");
 var _eventManager = _interopRequireDefault(require("../../eventManager"));
 var _event = require("../../helpers/dom/event");
-var _a11y = require("../../helpers/a11y");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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"); } }
@@ -28,7 +27,6 @@ const PLUGIN_PRIORITY = 290;
 exports.PLUGIN_PRIORITY = PLUGIN_PRIORITY;
 const SETTING_KEYS = ['nestedHeaders'];
 const COLLAPSIBLE_ELEMENT_CLASS = 'collapsibleIndicator';
-const SHORTCUTS_GROUP = PLUGIN_KEY;
 const actionDictionary = new Map([['collapse', {
   hideColumn: true,
   beforeHook: 'beforeColumnCollapse',
@@ -193,7 +191,6 @@ class CollapsibleColumns extends _base.BasePlugin {
       return _this.onAfterGetColHeader(...arguments);
     });
     this.addHook('beforeOnCellMouseDown', (event, coords, TD) => this.onBeforeOnCellMouseDown(event, coords, TD));
-    this.registerShortcuts();
     super.enablePlugin();
     // @TODO: Workaround for broken plugin initialization abstraction (#6806).
     this.updatePlugin();
@@ -241,62 +238,10 @@ class CollapsibleColumns extends _base.BasePlugin {
     this.hot.columnIndexMapper.unregisterMap(this.pluginName);
     _classPrivateFieldSet(this, _collapsedColumnsMap, null);
     this.nestedHeadersPlugin = null;
-    this.unregisterShortcuts();
     this.clearButtons();
     super.disablePlugin();
   }
 
-  /**
-   * Register shortcuts responsible for toggling collapsible columns.
-   *
-   * @private
-   */
-  registerShortcuts() {
-    this.hot.getShortcutManager().getContext('grid').addShortcut({
-      keys: [['Enter']],
-      callback: () => {
-        var _this$headerStateMana;
-        const {
-          row,
-          col
-        } = this.hot.getSelectedRangeLast().highlight;
-        const {
-          collapsible,
-          isCollapsed,
-          columnIndex
-        } = (_this$headerStateMana = this.headerStateManager.getHeaderTreeNodeData(row, col)) !== null && _this$headerStateMana !== void 0 ? _this$headerStateMana : {};
-        if (!collapsible) {
-          return;
-        }
-        if (isCollapsed) {
-          this.expandSection({
-            row,
-            col: columnIndex
-          });
-        } else {
-          this.collapseSection({
-            row,
-            col: columnIndex
-          });
-        }
-      },
-      runOnlyIf: () => {
-        var _this$hot$getSelected;
-        return (_this$hot$getSelected = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected === void 0 ? void 0 : _this$hot$getSelected.highlight.isHeader();
-      },
-      group: SHORTCUTS_GROUP
-    });
-  }
-
-  /**
-   * Unregister shortcuts responsible for toggling collapsible columns.
-   *
-   * @private
-   */
-  unregisterShortcuts() {
-    this.hot.getShortcutManager().getContext('grid').removeShortcutsByGroup(SHORTCUTS_GROUP);
-  }
-
   /**
    * Clears the expand/collapse buttons.
    *
@@ -417,7 +362,7 @@ class CollapsibleColumns extends _base.BasePlugin {
     });
     let isActionPossible = filteredCoords.length > 0;
     (0, _array.arrayEach)(filteredCoords, _ref2 => {
-      var _this$headerStateMana2;
+      var _this$headerStateMana;
       let {
         row,
         col: column
@@ -425,7 +370,7 @@ class CollapsibleColumns extends _base.BasePlugin {
       const {
         collapsible,
         isCollapsed
-      } = (_this$headerStateMana2 = this.headerStateManager.getHeaderSettings(row, column)) !== null && _this$headerStateMana2 !== void 0 ? _this$headerStateMana2 : {};
+      } = (_this$headerStateMana = this.headerStateManager.getHeaderSettings(row, column)) !== null && _this$headerStateMana !== void 0 ? _this$headerStateMana : {};
       if (!collapsible || isCollapsed && action === 'collapse' || !isCollapsed && action === 'expand') {
         isActionPossible = false;
         return false;
@@ -497,16 +442,14 @@ class CollapsibleColumns extends _base.BasePlugin {
    *                             values counting from 0 to N).
    */
   onAfterGetColHeader(column, TH, headerLevel) {
-    var _this$headerStateMana3;
+    var _this$headerStateMana2;
     const {
       collapsible,
       origColspan,
       isCollapsed
-    } = (_this$headerStateMana3 = this.headerStateManager.getHeaderSettings(headerLevel, column)) !== null && _this$headerStateMana3 !== void 0 ? _this$headerStateMana3 : {};
+    } = (_this$headerStateMana2 = this.headerStateManager.getHeaderSettings(headerLevel, column)) !== null && _this$headerStateMana2 !== void 0 ? _this$headerStateMana2 : {};
     const isNodeCollapsible = collapsible && origColspan > 1 && column >= this.hot.getSettings().fixedColumnsStart;
-    const isAriaTagsEnabled = this.hot.getSettings().ariaTags;
     let collapsibleElement = TH.querySelector(`.${COLLAPSIBLE_ELEMENT_CLASS}`);
-    (0, _element.removeAttribute)(TH, [(0, _a11y.A11Y_EXPANDED)('')[0]]);
     if (isNodeCollapsible) {
       if (!collapsibleElement) {
         collapsibleElement = this.hot.rootDocument.createElement('div');
@@ -517,22 +460,9 @@ class CollapsibleColumns extends _base.BasePlugin {
       if (isCollapsed) {
         (0, _element.addClass)(collapsibleElement, 'collapsed');
         (0, _element.fastInnerText)(collapsibleElement, '+');
-
-        // Add ARIA tags
-        if (isAriaTagsEnabled) {
-          (0, _element.setAttribute)(TH, ...(0, _a11y.A11Y_EXPANDED)(false));
-        }
       } else {
         (0, _element.addClass)(collapsibleElement, 'expanded');
         (0, _element.fastInnerText)(collapsibleElement, '-');
-
-        // Add ARIA tags
-        if (isAriaTagsEnabled) {
-          (0, _element.setAttribute)(TH, ...(0, _a11y.A11Y_EXPANDED)(true));
-        }
-      }
-      if (isAriaTagsEnabled) {
-        (0, _element.setAttribute)(collapsibleElement, ...(0, _a11y.A11Y_HIDDEN)());
       }
     } else {
       var _collapsibleElement;