handsontable 0.0.0-next-ff8465d-20231006 → 0.0.0-next-b0a4ea2-20231024

package/plugins/contextMenu/menu/navigator.mjs

@@ -1,148 +1,23 @@
-import "core-js/modules/es.error.cause.js";
-function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
-function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
-function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
-function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
-function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
-function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
-function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
-function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
-function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
+import { createPaginator } from "../../../utils/paginator.mjs";
 import { isSeparator, isDisabled, isSelectionDisabled } from "./utils.mjs";
 /**
- * Helper class that supports navigating throughout the menu and submenus.
+ * Creates navigator for menus and submenus.
  *
- * @private
- * @class Navigator
+ * @param {Handsontable} hotMenu The Handsontable instance of the menu.
+ * @returns {Paginator}
  */
-var _hotMenu = /*#__PURE__*/new WeakMap();
-var _current = /*#__PURE__*/new WeakMap();
-var _prev = /*#__PURE__*/new WeakMap();
-var _visited = /*#__PURE__*/new WeakMap();
-var _updateMenuSelection = /*#__PURE__*/new WeakSet();
-export class Navigator {
-  constructor() {
-    /**
-     * Selects the menu based on the internal state of the class.
-     */
-    _classPrivateMethodInitSpec(this, _updateMenuSelection);
-    /**
-     * The instance of the Handsontable as menu.
-     *
-     * @type {Handsontable}
-     */
-    _classPrivateFieldInitSpec(this, _hotMenu, {
-      writable: true,
-      value: void 0
-    });
-    /**
-     * The index of the current selected menu item.
-     *
-     * @type {number}
-     */
-    _classPrivateFieldInitSpec(this, _current, {
-      writable: true,
-      value: -1
-    });
-    /**
-     * The index of the previously selected menu item.
-     *
-     * @type {number}
-     */
-    _classPrivateFieldInitSpec(this, _prev, {
-      writable: true,
-      value: -1
-    });
-    /**
-     * The collection of the already visited menu item indexes. The collection allows for preventing
-     * infinite loops in cases when all menu items are disabled, or there is only one item available
-     * and the navigation is triggered.
-     *
-     * @type {Set<number>}
-     */
-    _classPrivateFieldInitSpec(this, _visited, {
-      writable: true,
-      value: new Set()
-    });
-  }
-  /**
-   * Sets the menu Handsontable instance.
-   *
-   * @param {Handsontable} hotMenu The menu Handsontable instance.
-   */
-  setMenu(hotMenu) {
-    _classPrivateFieldSet(this, _hotMenu, hotMenu);
-  }
-
-  /**
-   * Selects the first menu item in the menu.
-   */
-  selectFirst() {
-    _classPrivateFieldGet(this, _visited).clear();
-    _classPrivateFieldSet(this, _current, 0);
-    _classPrivateFieldSet(this, _prev, _classPrivateFieldGet(this, _current) - 1);
-    _classPrivateMethodGet(this, _updateMenuSelection, _updateMenuSelection2).call(this);
-  }
-
-  /**
-   * Selects the last menu item in the menu.
-   */
-  selectLast() {
-    _classPrivateFieldGet(this, _visited).clear();
-    _classPrivateFieldSet(this, _current, _classPrivateFieldGet(this, _hotMenu).countRows() - 1);
-    _classPrivateFieldSet(this, _prev, _classPrivateFieldGet(this, _current) + 1);
-    _classPrivateMethodGet(this, _updateMenuSelection, _updateMenuSelection2).call(this);
-  }
-
-  /**
-   * Selects the next menu item in the menu. The navigator tries to select the closes non-disabled menu
-   * item. When all next items are disabled the first (or next non-disabled) menu item is selected.
-   */
-  selectNext() {
-    _classPrivateFieldGet(this, _visited).clear();
-    _classPrivateFieldSet(this, _current, _classPrivateFieldGet(this, _current) + 1);
-    _classPrivateMethodGet(this, _updateMenuSelection, _updateMenuSelection2).call(this);
-  }
-
-  /**
-   * Selects the previous menu item in the menu. The navigator tries to select the closes non-disabled menu
-   * item. When all previous items are disabled the last (or previous non-disabled) menu item is selected.
-   */
-  selectPrev() {
-    _classPrivateFieldGet(this, _visited).clear();
-    _classPrivateFieldSet(this, _current, _classPrivateFieldGet(this, _current) - 1);
-    _classPrivateMethodGet(this, _updateMenuSelection, _updateMenuSelection2).call(this);
-  }
-
-  /**
-   * Clears the internal state to the initial values.
-   */
-  clear() {
-    _classPrivateFieldGet(this, _visited).clear();
-    _classPrivateFieldSet(this, _prev, -1);
-    _classPrivateFieldSet(this, _current, -1);
-  }
-}
-function _updateMenuSelection2() {
-  const maxItems = _classPrivateFieldGet(this, _hotMenu).countRows() - 1;
-  if (_classPrivateFieldGet(this, _current) < 0) {
-    _classPrivateFieldSet(this, _current, maxItems);
-    _classPrivateFieldSet(this, _prev, maxItems);
-  }
-  if (_classPrivateFieldGet(this, _current) > maxItems) {
-    _classPrivateFieldSet(this, _current, 0);
-    _classPrivateFieldSet(this, _prev, -1);
-  }
-  if (_classPrivateFieldGet(this, _visited).has(_classPrivateFieldGet(this, _current))) {
-    return;
-  }
-  const cell = _classPrivateFieldGet(this, _hotMenu).getCell(_classPrivateFieldGet(this, _current), 0);
-  _classPrivateFieldGet(this, _visited).add(_classPrivateFieldGet(this, _current));
-  if (!cell || isSeparator(cell) || isDisabled(cell) || isSelectionDisabled(cell)) {
-    _classPrivateFieldSet(this, _current, _classPrivateFieldGet(this, _current) + (_classPrivateFieldGet(this, _current) > _classPrivateFieldGet(this, _prev) ? 1 : -1));
-    _classPrivateMethodGet(this, _updateMenuSelection, _updateMenuSelection2).call(this);
-  } else {
-    _classPrivateFieldGet(this, _hotMenu).selectCell(_classPrivateFieldGet(this, _current), 0);
-  }
-  _classPrivateFieldSet(this, _prev, _classPrivateFieldGet(this, _current));
+export function createMenuNavigator(hotMenu) {
+  return createPaginator({
+    size: () => hotMenu.countRows(),
+    onItemSelect(currentItem, directItemChange) {
+      const cell = hotMenu.getCell(currentItem, 0);
+      if (!cell || isSeparator(cell) || isDisabled(cell) || isSelectionDisabled(cell)) {
+        return false;
+      }
+      hotMenu.selectCell(currentItem, 0, ...(directItemChange ? [currentItem, 0, false, false] : []));
+    },
+    onClear() {
+      hotMenu.deselectCell();
+    }
+  });
 }

package/plugins/contextMenu/menu/shortcuts.js

@@ -0,0 +1,114 @@
+"use strict";
+
+exports.__esModule = true;
+exports.createKeyboardShortcutsCtrl = createKeyboardShortcutsCtrl;
+require("core-js/modules/es.array.push.js");
+var _defaultShortcutsList = require("./defaultShortcutsList");
+const SHORTCUTS_CONTEXT = 'menu';
+const SHORTCUTS_GROUP = SHORTCUTS_CONTEXT;
+
+/**
+ * @typedef KeyboardShortcutsMenuController
+ * @property {function(KeyboardShortcut[]): void} addCustomShortcuts Adds (by replacing) new keyboard shortcuts to the menu.
+ * @property {function(string): number} getContext Gets the keyboard shortcuts context by name.
+ * @property {function(string): void} listen Sets the active keyboard shortcuts context of the menu.
+ */
+/**
+ * Creates the controller object that allows extending the keyboard shortcuts of the menu.
+ *
+ * @param {Menu} menu The menu instance.
+ * @param {Array<{ shortcuts: KeyboardShortcut, contextName: string }>} [customKeyboardShortcuts] The list of the custom keyboard shortcuts.
+ * @returns {KeyboardShortcutsMenuController}
+ */
+function createKeyboardShortcutsCtrl(menu) {
+  let customKeyboardShortcuts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  const customShortcuts = [];
+  _addShortcuts((0, _defaultShortcutsList.createDefaultShortcutsList)(menu));
+  customKeyboardShortcuts.forEach(_ref => {
+    let {
+      shortcuts,
+      contextName
+    } = _ref;
+    addCustomShortcuts(shortcuts, contextName);
+  });
+
+  /**
+   * Adds keyboard shortcuts to the menu.
+   *
+   * @param {KeyboardShortcut[]} shortcuts Keyboard shortcuts to add.
+   * @param {string} [contextName] The context name to create or use.
+   */
+  function _addShortcuts(shortcuts, contextName) {
+    getContext(contextName).addShortcuts(shortcuts, {
+      group: SHORTCUTS_CONTEXT
+    });
+  }
+
+  /**
+   * Adds custom keyboard shortcuts to the menu.
+   *
+   * @param {KeyboardShortcut[]} shortcuts Keyboard shortcuts to add.
+   * @param {string} [contextName] The context name to create or use.
+   */
+  function addCustomShortcuts(shortcuts, contextName) {
+    const context = getContext(contextName);
+    shortcuts.forEach(_ref2 => {
+      let {
+        keys
+      } = _ref2;
+      keys.forEach(k => context.removeShortcutsByKeys(k));
+    });
+    customShortcuts.push({
+      shortcuts,
+      contextName
+    });
+    _addShortcuts(shortcuts, contextName);
+  }
+
+  /**
+   * Gets all registered custom keyboard shortcuts.
+   *
+   * @returns {Array<{ shortcuts: KeyboardShortcut, contextName: string }>}
+   */
+  function getCustomShortcuts() {
+    return [...customShortcuts];
+  }
+
+  /**
+   * Gets the context name.
+   *
+   * @param {string} contextName The context name.
+   * @returns {string}
+   */
+  function _getContextName(contextName) {
+    return contextName ? `${SHORTCUTS_GROUP}:${contextName}` : SHORTCUTS_GROUP;
+  }
+
+  /**
+   * Gets the keyboard shortcut context by its name.
+   *
+   * @param {string} contextName The context name.
+   * @returns {object}
+   */
+  function getContext(contextName) {
+    var _manager$getContext;
+    const manager = menu.hotMenu.getShortcutManager();
+    const name = _getContextName(contextName);
+    return (_manager$getContext = manager.getContext(name)) !== null && _manager$getContext !== void 0 ? _manager$getContext : manager.addContext(name);
+  }
+
+  /**
+   * Makes the specified context active.
+   *
+   * @param {string} contextName The context name.
+   */
+  function listen(contextName) {
+    menu.hotMenu.getShortcutManager().setActiveContextName(_getContextName(contextName));
+  }
+  return {
+    addCustomShortcuts,
+    getCustomShortcuts,
+    getContext,
+    listen
+  };
+}

package/plugins/contextMenu/menu/shortcuts.mjs

@@ -0,0 +1,110 @@
+import "core-js/modules/es.array.push.js";
+import { createDefaultShortcutsList } from "./defaultShortcutsList.mjs";
+const SHORTCUTS_CONTEXT = 'menu';
+const SHORTCUTS_GROUP = SHORTCUTS_CONTEXT;
+
+/**
+ * @typedef KeyboardShortcutsMenuController
+ * @property {function(KeyboardShortcut[]): void} addCustomShortcuts Adds (by replacing) new keyboard shortcuts to the menu.
+ * @property {function(string): number} getContext Gets the keyboard shortcuts context by name.
+ * @property {function(string): void} listen Sets the active keyboard shortcuts context of the menu.
+ */
+/**
+ * Creates the controller object that allows extending the keyboard shortcuts of the menu.
+ *
+ * @param {Menu} menu The menu instance.
+ * @param {Array<{ shortcuts: KeyboardShortcut, contextName: string }>} [customKeyboardShortcuts] The list of the custom keyboard shortcuts.
+ * @returns {KeyboardShortcutsMenuController}
+ */
+export function createKeyboardShortcutsCtrl(menu) {
+  let customKeyboardShortcuts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  const customShortcuts = [];
+  _addShortcuts(createDefaultShortcutsList(menu));
+  customKeyboardShortcuts.forEach(_ref => {
+    let {
+      shortcuts,
+      contextName
+    } = _ref;
+    addCustomShortcuts(shortcuts, contextName);
+  });
+
+  /**
+   * Adds keyboard shortcuts to the menu.
+   *
+   * @param {KeyboardShortcut[]} shortcuts Keyboard shortcuts to add.
+   * @param {string} [contextName] The context name to create or use.
+   */
+  function _addShortcuts(shortcuts, contextName) {
+    getContext(contextName).addShortcuts(shortcuts, {
+      group: SHORTCUTS_CONTEXT
+    });
+  }
+
+  /**
+   * Adds custom keyboard shortcuts to the menu.
+   *
+   * @param {KeyboardShortcut[]} shortcuts Keyboard shortcuts to add.
+   * @param {string} [contextName] The context name to create or use.
+   */
+  function addCustomShortcuts(shortcuts, contextName) {
+    const context = getContext(contextName);
+    shortcuts.forEach(_ref2 => {
+      let {
+        keys
+      } = _ref2;
+      keys.forEach(k => context.removeShortcutsByKeys(k));
+    });
+    customShortcuts.push({
+      shortcuts,
+      contextName
+    });
+    _addShortcuts(shortcuts, contextName);
+  }
+
+  /**
+   * Gets all registered custom keyboard shortcuts.
+   *
+   * @returns {Array<{ shortcuts: KeyboardShortcut, contextName: string }>}
+   */
+  function getCustomShortcuts() {
+    return [...customShortcuts];
+  }
+
+  /**
+   * Gets the context name.
+   *
+   * @param {string} contextName The context name.
+   * @returns {string}
+   */
+  function _getContextName(contextName) {
+    return contextName ? `${SHORTCUTS_GROUP}:${contextName}` : SHORTCUTS_GROUP;
+  }
+
+  /**
+   * Gets the keyboard shortcut context by its name.
+   *
+   * @param {string} contextName The context name.
+   * @returns {object}
+   */
+  function getContext(contextName) {
+    var _manager$getContext;
+    const manager = menu.hotMenu.getShortcutManager();
+    const name = _getContextName(contextName);
+    return (_manager$getContext = manager.getContext(name)) !== null && _manager$getContext !== void 0 ? _manager$getContext : manager.addContext(name);
+  }
+
+  /**
+   * Makes the specified context active.
+   *
+   * @param {string} contextName The context name.
+   */
+  function listen(contextName) {
+    menu.hotMenu.getShortcutManager().setActiveContextName(_getContextName(contextName));
+  }
+  return {
+    addCustomShortcuts,
+    getCustomShortcuts,
+    getContext,
+    listen
+  };
+}

package/plugins/dropdownMenu/dropdownMenu.js

@@ -1,6 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
+require("core-js/modules/es.error.cause.js");
 var _base = require("../base");
 var _array = require("../../helpers/array");
 var _object = require("../../helpers/object");
@@ -14,6 +15,9 @@ var _pluginHooks = _interopRequireDefault(require("../../pluginHooks"));
 var _predefinedItems = require("../contextMenu/predefinedItems");
 var _a11y = require("../../helpers/a11y");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 _pluginHooks.default.getSingleton().register('afterDropdownMenuDefaultOptions');
 _pluginHooks.default.getSingleton().register('beforeDropdownMenuShow');
 _pluginHooks.default.getSingleton().register('afterDropdownMenuShow');
@@ -76,7 +80,7 @@ const SHORTCUTS_GROUP = PLUGIN_KEY;
  * ```
  * :::
  */
-
+var _addCustomShortcuts = /*#__PURE__*/new WeakSet();
 class DropdownMenu extends _base.BasePlugin {
   static get PLUGIN_KEY() {
     return PLUGIN_KEY;
@@ -104,6 +108,12 @@ class DropdownMenu extends _base.BasePlugin {
      * @private
      * @type {EventManager}
      */
+    /**
+     * Add custom shortcuts to the provided menu instance.
+     *
+     * @param {Menu} menuInstance The menu instance.
+     */
+    _classPrivateMethodInitSpec(this, _addCustomShortcuts);
     this.eventManager = new _eventManager.default(this);
     /**
      * Instance of {@link CommandExecutor}.
@@ -179,6 +189,7 @@ class DropdownMenu extends _base.BasePlugin {
       this.menu.setMenuItems(menuItems);
       this.menu.addLocalHook('beforeOpen', () => this.onMenuBeforeOpen());
       this.menu.addLocalHook('afterOpen', () => this.onMenuAfterOpen());
+      this.menu.addLocalHook('afterSubmenuOpen', subMenuInstance => this.onSubMenuAfterOpen(subMenuInstance));
       this.menu.addLocalHook('afterClose', () => this.onMenuAfterClose());
       this.menu.addLocalHook('executeCommand', function () {
         for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -222,7 +233,7 @@ class DropdownMenu extends _base.BasePlugin {
    * @private
    */
   registerShortcuts() {
-    const context = this.hot.getShortcutManager().getContext('grid');
+    const gridContext = this.hot.getShortcutManager().getContext('grid');
     const callback = () => {
       const {
         highlight
@@ -243,7 +254,7 @@ class DropdownMenu extends _base.BasePlugin {
         });
       }
     };
-    context.addShortcuts([{
+    gridContext.addShortcuts([{
       keys: [['Shift', 'Alt', 'ArrowDown'], ['Control/Meta', 'Enter']],
       callback,
       runOnlyIf: () => {
@@ -372,7 +383,6 @@ class DropdownMenu extends _base.BasePlugin {
       }
     }
   }
-
   /**
    * Table click listener.
    *
@@ -430,6 +440,7 @@ class DropdownMenu extends _base.BasePlugin {
     button.tabIndex = -1;
     if (this.hot.getSettings().ariaTags) {
       (0, _element.setAttribute)(button, [(0, _a11y.A11Y_HIDDEN)()]);
+      (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_HASPOPUP)('menu')]);
     }
 
     // prevent page reload on button click
@@ -457,6 +468,17 @@ class DropdownMenu extends _base.BasePlugin {
    */
   onMenuAfterOpen() {
     this.hot.runHooks('afterDropdownMenuShow', this);
+    _classPrivateMethodGet(this, _addCustomShortcuts, _addCustomShortcuts2).call(this, this.menu);
+  }
+
+  /**
+   * Listener for the `afterSubmenuOpen` hook.
+   *
+   * @private
+   * @param {Menu} subMenuInstance The opened sub menu instance.
+   */
+  onSubMenuAfterOpen(subMenuInstance) {
+    _classPrivateMethodGet(this, _addCustomShortcuts, _addCustomShortcuts2).call(this, subMenuInstance);
   }
 
   /**
@@ -482,6 +504,12 @@ class DropdownMenu extends _base.BasePlugin {
   }
 }
 exports.DropdownMenu = DropdownMenu;
+function _addCustomShortcuts2(menuInstance) {
+  menuInstance.getKeyboardShortcutsCtrl().addCustomShortcuts([{
+    keys: [['Control/Meta', 'A']],
+    callback: () => false
+  }]);
+}
 DropdownMenu.SEPARATOR = {
   name: _predefinedItems.SEPARATOR
 };

package/plugins/dropdownMenu/dropdownMenu.mjs

@@ -1,3 +1,7 @@
+import "core-js/modules/es.error.cause.js";
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 import { BasePlugin } from "../base/index.mjs";
 import { arrayEach } from "../../helpers/array.mjs";
 import { objectEach } from "../../helpers/object.mjs";
@@ -9,7 +13,7 @@ import { ItemsFactory } from "../contextMenu/itemsFactory.mjs";
 import { Menu } from "../contextMenu/menu/index.mjs";
 import Hooks from "../../pluginHooks.mjs";
 import { COLUMN_LEFT, COLUMN_RIGHT, REMOVE_COLUMN, CLEAR_COLUMN, READ_ONLY, ALIGNMENT, SEPARATOR } from "../contextMenu/predefinedItems/index.mjs";
-import { A11Y_HIDDEN } from "../../helpers/a11y.mjs";
+import { A11Y_HASPOPUP, A11Y_HIDDEN } from "../../helpers/a11y.mjs";
 Hooks.getSingleton().register('afterDropdownMenuDefaultOptions');
 Hooks.getSingleton().register('beforeDropdownMenuShow');
 Hooks.getSingleton().register('afterDropdownMenuShow');
@@ -70,7 +74,7 @@ const SHORTCUTS_GROUP = PLUGIN_KEY;
  * ```
  * :::
  */
-
+var _addCustomShortcuts = /*#__PURE__*/new WeakSet();
 export class DropdownMenu extends BasePlugin {
   static get PLUGIN_KEY() {
     return PLUGIN_KEY;
@@ -98,6 +102,12 @@ export class DropdownMenu extends BasePlugin {
      * @private
      * @type {EventManager}
      */
+    /**
+     * Add custom shortcuts to the provided menu instance.
+     *
+     * @param {Menu} menuInstance The menu instance.
+     */
+    _classPrivateMethodInitSpec(this, _addCustomShortcuts);
     this.eventManager = new EventManager(this);
     /**
      * Instance of {@link CommandExecutor}.
@@ -173,6 +183,7 @@ export class DropdownMenu extends BasePlugin {
       this.menu.setMenuItems(menuItems);
       this.menu.addLocalHook('beforeOpen', () => this.onMenuBeforeOpen());
       this.menu.addLocalHook('afterOpen', () => this.onMenuAfterOpen());
+      this.menu.addLocalHook('afterSubmenuOpen', subMenuInstance => this.onSubMenuAfterOpen(subMenuInstance));
       this.menu.addLocalHook('afterClose', () => this.onMenuAfterClose());
       this.menu.addLocalHook('executeCommand', function () {
         for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -216,7 +227,7 @@ export class DropdownMenu extends BasePlugin {
    * @private
    */
   registerShortcuts() {
-    const context = this.hot.getShortcutManager().getContext('grid');
+    const gridContext = this.hot.getShortcutManager().getContext('grid');
     const callback = () => {
       const {
         highlight
@@ -237,7 +248,7 @@ export class DropdownMenu extends BasePlugin {
         });
       }
     };
-    context.addShortcuts([{
+    gridContext.addShortcuts([{
       keys: [['Shift', 'Alt', 'ArrowDown'], ['Control/Meta', 'Enter']],
       callback,
       runOnlyIf: () => {
@@ -366,7 +377,6 @@ export class DropdownMenu extends BasePlugin {
       }
     }
   }
-
   /**
    * Table click listener.
    *
@@ -424,6 +434,7 @@ export class DropdownMenu extends BasePlugin {
     button.tabIndex = -1;
     if (this.hot.getSettings().ariaTags) {
       setAttribute(button, [A11Y_HIDDEN()]);
+      setAttribute(TH, [A11Y_HASPOPUP('menu')]);
     }
 
     // prevent page reload on button click
@@ -451,6 +462,17 @@ export class DropdownMenu extends BasePlugin {
    */
   onMenuAfterOpen() {
     this.hot.runHooks('afterDropdownMenuShow', this);
+    _classPrivateMethodGet(this, _addCustomShortcuts, _addCustomShortcuts2).call(this, this.menu);
+  }
+
+  /**
+   * Listener for the `afterSubmenuOpen` hook.
+   *
+   * @private
+   * @param {Menu} subMenuInstance The opened sub menu instance.
+   */
+  onSubMenuAfterOpen(subMenuInstance) {
+    _classPrivateMethodGet(this, _addCustomShortcuts, _addCustomShortcuts2).call(this, subMenuInstance);
   }
 
   /**
@@ -475,6 +497,12 @@ export class DropdownMenu extends BasePlugin {
     super.destroy();
   }
 }
+function _addCustomShortcuts2(menuInstance) {
+  menuInstance.getKeyboardShortcutsCtrl().addCustomShortcuts([{
+    keys: [['Control/Meta', 'A']],
+    callback: () => false
+  }]);
+}
 DropdownMenu.SEPARATOR = {
   name: SEPARATOR
 };

package/plugins/filters/component/_base.js

@@ -7,6 +7,9 @@ var _object = require("../../../helpers/object");
 var _localHooks = _interopRequireDefault(require("../../../mixins/localHooks"));
 var _translations = require("../../../translations");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /**
  * @private
  * @class BaseComponent
@@ -22,39 +25,52 @@ class BaseComponent {
      *
      * @type {Core}
      */
-    this.hot = hotInstance;
+    _defineProperty(this, "hot", void 0);
     /**
      * The component uniq id.
      *
      * @type {string}
      */
-    this.id = id;
+    _defineProperty(this, "id", void 0);
     /**
      * List of registered component UI elements.
      *
      * @type {Array}
      */
-    this.elements = [];
+    _defineProperty(this, "elements", []);
     /**
      * Flag which determines if element is hidden.
      *
      * @type {boolean}
      */
-    this.hidden = false;
+    _defineProperty(this, "hidden", false);
     /**
      * The component states id.
      *
      * @type {string}
      */
-    this.stateId = `Filters.component.${this.id}`;
+    _defineProperty(this, "stateId", '');
     /**
      * Index map which stores component states for each column.
      *
      * @type {LinkedPhysicalIndexToValueMap|null}
      */
+    _defineProperty(this, "state", void 0);
+    this.hot = hotInstance;
+    this.id = id;
+    this.stateId = `Filters.component.${this.id}`;
     this.state = stateless ? null : this.hot.columnIndexMapper.registerMap(this.stateId, new _translations.LinkedPhysicalIndexToValueMap());
   }
 
+  /**
+   * Gets the list of elements from which the component is built.
+   *
+   * @returns {BaseUI[]}
+   */
+  getElements() {
+    return this.elements;
+  }
+
   /**
    * Reset elements to its initial state.
    */
@@ -137,6 +153,5 @@ class BaseComponent {
     this.hot = null;
   }
 }
-(0, _object.mixin)(BaseComponent, _localHooks.default);
-var _default = BaseComponent;
-exports.default = _default;
+exports.BaseComponent = BaseComponent;
+(0, _object.mixin)(BaseComponent, _localHooks.default);