handsontable 0.0.0-next-8dc7078-20240322 → 0.0.0-next-28fc088-20240325

package/pluginHooks.mjs

@@ -130,7 +130,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
 'afterCellMetaReset',
 /**
  * Fired after one or more cells has been changed. The changes are triggered in any situation when the
- * value is entered using an editor or changed using API (e.q setDataAtCell).
+ * value is entered using an editor or changed using API (e.q [`setDataAtCell`](@/api/core.md#setdataatcell) method).
  *
  * __Note:__ For performance reasons, the `changes` array is null for `"loadData"` source.
  *
@@ -173,7 +173,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
 'afterContextMenuDefaultOptions',
 /**
  * Fired each time user opens {@link ContextMenu} plugin before setting up the Context Menu's items but after filtering these options by
- * user (`contextMenu` option). This hook can by helpful to determine if user use specified menu item or to set up
+ * user ([`contextMenu`](@/api/options.md#contextmenu) option). This hook can by helpful to determine if user use specified menu item or to set up
  * one of the menu item to by always visible.
  *
  * @event Hooks#beforeContextMenuSetItems
@@ -191,7 +191,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
 'afterDropdownMenuDefaultOptions',
 /**
  * Fired by {@link DropdownMenu} plugin before setting up the Dropdown Menu's items but after filtering these options
- * by user (`dropdownMenu` option). This hook can by helpful to determine if user use specified menu item or to set
+ * by user ([`dropdownMenu`](@/api/options.md#dropdownmenu) option). This hook can by helpful to determine if user use specified menu item or to set
  * up one of the menu item to by always visible.
  *
  * @event Hooks#beforeDropdownMenuSetItems
@@ -318,7 +318,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  */
 'afterDestroy',
 /**
- * Hook fired after keydown event is handled.
+ * Hook fired after `keydown` event is handled.
  *
  * @event Hooks#afterDocumentKeyDown
  * @param {Event} event A native `keydown` event object.
@@ -410,7 +410,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  */
 'afterUpdateData',
 /**
- * Fired after a scroll event, which is identified as a momentum scroll (e.g. On an iPad).
+ * Fired after a scroll event, which is identified as a momentum scroll (e.g. on an iPad).
  *
  * @event Hooks#afterMomentumScroll
  */
@@ -594,7 +594,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  */
 'afterScroll',
 /**
- * Fired after one or more cells are selected (e.g. During mouse move).
+ * Fired after one or more cells are selected (e.g. during mouse move).
  *
  * @event Hooks#afterSelection
  * @param {number} row Selection start visual row index.
@@ -646,7 +646,9 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @param {string} prop Selection start data source object property name.
  * @param {number} row2 Selection end visual row index.
  * @param {string} prop2 Selection end data source object property name.
- * @param {object} preventScrolling Object with `value` property where its value change will be observed.
+ * @param {object} preventScrolling A reference to the observable object with the `value` property.
+ *                                  Property `preventScrolling.value` expects a boolean value that
+ *                                  Handsontable uses to control scroll behavior after selection.
  * @param {number} selectionLayerLevel The number which indicates what selection layer is currently modified.
  * @example
  * ```js
@@ -673,7 +675,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  */
 'afterSelectionByProp',
 /**
- * Fired after one or more cells are selected (e.g. On mouse up).
+ * Fired after one or more cells are selected (e.g. on mouse up).
  *
  * @event Hooks#afterSelectionEnd
  * @param {number} row Selection start visual row index.
@@ -684,7 +686,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  */
 'afterSelectionEnd',
 /**
- * Fired after one or more cells are selected (e.g. On mouse up).
+ * Fired after one or more cells are selected (e.g. on mouse up).
  *
  * The `prop` and `prop2` arguments represent the source object property name instead of the column number.
  *
@@ -696,6 +698,46 @@ 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 after the focus position within a selected range is changed.
+ *
+ * @since 14.3.0
+ * @event Hooks#afterSelectionFocusSet
+ * @param {number} row The focus visual row index position.
+ * @param {number} column The focus visual column index position.
+ * @param {object} preventScrolling A reference to the observable object with the `value` property.
+ *                                  Property `preventScrolling.value` expects a boolean value that
+ *                                  Handsontable uses to control scroll behavior after selection.
+ * @example
+ * ```js
+ * ::: only-for javascript
+ * new Handsontable(element, {
+ *   afterSelectionFocusSet: (row, column, preventScrolling) => {
+ *     // If set to `false` (default): when focused cell selection is outside the viewport,
+ *     // Handsontable scrolls the viewport to that cell.
+ *     // If set to `true`: when focused cell selection is outside the viewport,
+ *     // Handsontable doesn't scroll the viewport.
+ *     preventScrolling.value = true;
+ *   }
+ * })
+ * ```
+ * :::
+ *
+ * ::: only-for react
+ * ```jsx
+ * <HotTable
+ *   afterSelectionFocusSet={(row, column, preventScrolling) => {
+ *     // If set to `false` (default): when focused cell selection is outside the viewport,
+ *     // Handsontable scrolls the viewport to that cell.
+ *     // If set to `true`: when focused cell selection is outside the viewport,
+ *     // Handsontable doesn't scroll the viewport.
+ *     preventScrolling.value = true;
+ *   }}
+ * />
+ * ```
+ * :::
+ */
+'afterSelectionFocusSet',
 /**
  * Fired before one or more columns are selected (e.g. During mouse header click or {@link Core#selectColumns} API call).
  *
@@ -731,7 +773,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  */
 'beforeSelectColumns',
 /**
- * Fired after one or more columns are selected (e.g. During mouse header click or {@link Core#selectColumns} API call).
+ * 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
@@ -741,7 +783,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  */
 'afterSelectColumns',
 /**
- * Fired before one or more rows are selected (e.g. During mouse header click or {@link Core#selectRows} API call).
+ * 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
@@ -775,7 +817,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  */
 'beforeSelectRows',
 /**
- * Fired after one or more rows are selected (e.g. During mouse header click or {@link Core#selectRows} API call).
+ * 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
@@ -815,7 +857,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
 'afterSetDataAtCell',
 /**
  * Fired after cell data was changed.
- * Called only when `setDataAtRowProp` was executed.
+ * Called only when [`setDataAtRowProp`](@/api/core.md#setdataatrowprop) was executed.
  *
  * @event Hooks#afterSetDataAtRowProp
  * @param {Array} changes An array of changes in format `[[row, prop, oldValue, value], ...]`.
@@ -833,7 +875,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  */
 'afterSetSourceDataAtCell',
 /**
- * Fired after calling the `updateSettings` method.
+ * Fired after calling the [`updateSettings`](@/api/core.md#updatesettings) method.
  *
  * @event Hooks#afterUpdateSettings
  * @param {object} newSettings New settings object.
@@ -883,7 +925,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @param {string} direction Declares the direction of the autofill. Possible values: `up`, `down`, `left`, `right`.
  *
  * @returns {boolean|Array[]} If false, the operation is cancelled. If array of arrays, the returned data
- *                              will be passed into `populateFromArray` instead of the default autofill
+ *                              will be passed into [`populateFromArray`](@/api/core.md#populatefromarray) instead of the default autofill
  *                              algorithm's result.
  */
 'beforeAutofill',
@@ -905,17 +947,10 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  *
  * @event Hooks#beforeCellAlignment
  * @param {object} stateBefore An object with class names defining the cell alignment.
- * @param {CellRange[]} range An array of CellRange coordinates where the alignment will be applied.
+ * @param {CellRange[]} range An array of `CellRange` coordinates where the alignment will be applied.
  * @param {string} type Type of the alignment - either `horizontal` or `vertical`.
  * @param {string} alignmentClass String defining the alignment class added to the cell.
- * Possible values:
- * * `htLeft`
- * * `htCenter`
- * * `htRight`
- * * `htJustify`
- * * `htTop`
- * * `htMiddle`
- * * `htBottom`.
+ * Possible values: `htLeft` , `htCenter`, `htRight`, `htJustify`, `htTop`, `htMiddle`, `htBottom`.
  */
 'beforeCellAlignment',
 /**
@@ -1076,7 +1111,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  */
 'beforeUpdateData',
 /**
- * Hook fired before keydown event is handled. It can be used to stop default key bindings.
+ * Hook fired before `keydown` event is handled. It can be used to stop default key bindings.
  *
  * __Note__: To prevent default behavior you need to call `false` in your `beforeKeyDown` handler.
  *
@@ -1250,25 +1285,33 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @returns {boolean|undefined} If false is returned the action is canceled.
  */
 'beforeSetCellMeta',
+/**
+ * Fired before setting focus selection.
+ *
+ * @since 14.3.0
+ * @event Hooks#beforeSelectionFocusSet
+ * @param {CellCoords} coords CellCoords instance.
+ */
+'beforeSelectionFocusSet',
 /**
  * Fired before setting range is started but not finished yet.
  *
  * @event Hooks#beforeSetRangeStartOnly
- * @param {CellCoords} coords CellCoords instance.
+ * @param {CellCoords} coords `CellCoords` instance.
  */
 'beforeSetRangeStartOnly',
 /**
  * Fired before setting range is started.
  *
  * @event Hooks#beforeSetRangeStart
- * @param {CellCoords} coords CellCoords instance.
+ * @param {CellCoords} coords `CellCoords` instance.
  */
 'beforeSetRangeStart',
 /**
  * Fired before setting range is ended.
  *
  * @event Hooks#beforeSetRangeEnd
- * @param {CellCoords} coords CellCoords instance.
+ * @param {CellCoords} coords `CellCoords` instance.
  */
 'beforeSetRangeEnd',
 /**
@@ -1401,7 +1444,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  */
 'modifyRowData',
 /**
- * Used to modify the cell coordinates when using the `getCell` method, opening editor, getting value from the editor
+ * Used to modify the cell coordinates when using the [`getCell`](@/api/core.md#getcell) method, opening editor, getting value from the editor
  * and saving values from the closed editor.
  *
  * @event Hooks#modifyGetCellCoords
@@ -2070,9 +2113,9 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @event Hooks#modifyColumnHeaderValue
  * @param {string} value A column header value.
  * @param {number} visualColumnIndex A visual column index.
- * @param {number} [headerLevel=0] Header level index. Accepts positive (0 to n)
- *                                 and negative (-1 to -n) values. For positive values, 0 points to the
- *                                 topmost header. For negative values, -1 points to the bottom-most
+ * @param {number} [headerLevel=0] Header level index. Accepts positive (`0` to `n`)
+ *                                 and negative (`-1` to `-n`) values. For positive values, `0` points to the
+ *                                 topmost header. For negative values, `-1` points to the bottom-most
  *                                 header (the header closest to the cells).
  * @returns {string} The column header value to be updated.
  */
@@ -2159,6 +2202,14 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @param {number} rowHeaderWidth Row header width.
  */
 'modifyRowHeaderWidth',
+/**
+ * Fired when the focus of the selection is being modified (e.g. Moving the focus with the enter/tab keys).
+ *
+ * @since 14.3.0
+ * @event Hooks#modifyTransformFocus
+ * @param {CellCoords} delta Cell coords object declaring the delta of the new selection relative to the previous one.
+ */
+'modifyTransformFocus',
 /**
  * Fired when the start of the selection is being modified (e.g. Moving the selection with the arrow keys).
  *
@@ -2173,6 +2224,16 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @param {CellCoords} delta Cell coords object declaring the delta of the new selection relative to the previous one.
  */
 'modifyTransformEnd',
+/**
+ * Fired after the focus of the selection is being modified (e.g. Moving the focus with the enter/tab keys).
+ *
+ * @since 14.3.0
+ * @event Hooks#afterModifyTransformFocus
+ * @param {CellCoords} coords Coords of the freshly focused cell.
+ * @param {number} rowTransformDir `-1` if trying to focus a cell with a negative row index. `0` otherwise.
+ * @param {number} colTransformDir `-1` if trying to focus a cell with a negative column index. `0` otherwise.
+ */
+'afterModifyTransformFocus',
 /**
  * Fired after the start of the selection is being modified (e.g. Moving the selection with the arrow keys).
  *
@@ -2348,7 +2409,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * option is enabled.
  *
  * @event Hooks#beforeDropdownMenuShow
- * @param {DropdownMenu} dropdownMenu The DropdownMenu instance.
+ * @param {DropdownMenu} dropdownMenu The `DropdownMenu` instance.
  */
 'beforeDropdownMenuShow',
 /**
@@ -2356,7 +2417,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * option is enabled.
  *
  * @event Hooks#afterDropdownMenuShow
- * @param {DropdownMenu} dropdownMenu The DropdownMenu instance.
+ * @param {DropdownMenu} dropdownMenu The `DropdownMenu` instance.
  */
 'afterDropdownMenuShow',
 /**
@@ -2364,11 +2425,11 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * option is enabled.
  *
  * @event Hooks#afterDropdownMenuHide
- * @param {DropdownMenu} instance The DropdownMenu instance.
+ * @param {DropdownMenu} instance The `DropdownMenu` instance.
  */
 'afterDropdownMenuHide',
 /**
- * Fired by {@link NestedRows} plugin before adding a children to the NestedRows structure. This hook is fired when
+ * Fired by {@link NestedRows} plugin before adding a children to the `NestedRows` structure. This hook is fired when
  * {@link Options#nestedRows} option is enabled.
  *
  * @event Hooks#beforeAddChild
@@ -2378,7 +2439,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  */
 'beforeAddChild',
 /**
- * Fired by {@link NestedRows} plugin after adding a children to the NestedRows structure. This hook is fired when
+ * Fired by {@link NestedRows} plugin after adding a children to the `NestedRows` structure. This hook is fired when
  * {@link Options#nestedRows} option is enabled.
  *
  * @event Hooks#afterAddChild

package/plugins/collapsibleColumns/collapsibleColumns.js

@@ -9,6 +9,7 @@ var _number = require("../../helpers/number");
 var _console = require("../../helpers/console");
 var _element = require("../../helpers/dom/element");
 var _event = require("../../helpers/dom/event");
+var _shortcutContexts = require("../../shortcutContexts");
 var _a11y = require("../../helpers/a11y");
 function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
@@ -280,12 +281,17 @@ class CollapsibleColumns extends _base.BasePlugin {
             col: columnIndex
           });
         }
+
+        // prevent default Enter behavior (move to the next row within a selection range)
+        return false;
       },
       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();
+        var _this$hot$getSelected, _this$hot$getSelected2;
+        return ((_this$hot$getSelected = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected === void 0 ? void 0 : _this$hot$getSelected.isSingle()) && ((_this$hot$getSelected2 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected2 === void 0 ? void 0 : _this$hot$getSelected2.highlight.isHeader());
       },
-      group: SHORTCUTS_GROUP
+      group: SHORTCUTS_GROUP,
+      relativeToGroup: _shortcutContexts.EDITOR_EDIT_GROUP,
+      position: 'before'
     });
   }
 

package/plugins/collapsibleColumns/collapsibleColumns.mjs

@@ -15,6 +15,7 @@ import { rangeEach } from "../../helpers/number.mjs";
 import { warn } from "../../helpers/console.mjs";
 import { addClass, hasClass, removeClass, fastInnerText, removeAttribute, setAttribute } from "../../helpers/dom/element.mjs";
 import { stopImmediatePropagation } from "../../helpers/dom/event.mjs";
+import { EDITOR_EDIT_GROUP as SHORTCUTS_GROUP_EDITOR } from "../../shortcutContexts/index.mjs";
 import { A11Y_EXPANDED, A11Y_HIDDEN } from "../../helpers/a11y.mjs";
 export const PLUGIN_KEY = 'collapsibleColumns';
 export const PLUGIN_PRIORITY = 290;
@@ -277,12 +278,17 @@ export class CollapsibleColumns extends BasePlugin {
             col: columnIndex
           });
         }
+
+        // prevent default Enter behavior (move to the next row within a selection range)
+        return false;
       },
       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();
+        var _this$hot$getSelected, _this$hot$getSelected2;
+        return ((_this$hot$getSelected = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected === void 0 ? void 0 : _this$hot$getSelected.isSingle()) && ((_this$hot$getSelected2 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected2 === void 0 ? void 0 : _this$hot$getSelected2.highlight.isHeader());
       },
-      group: SHORTCUTS_GROUP
+      group: SHORTCUTS_GROUP,
+      relativeToGroup: SHORTCUTS_GROUP_EDITOR,
+      position: 'before'
     });
   }
 

package/plugins/columnSorting/columnSorting.js

@@ -12,6 +12,7 @@ var _base = require("../base");
 var _translations = require("../../translations");
 var _pluginHooks = _interopRequireDefault(require("../../pluginHooks"));
 var _columnStatesManager = require("./columnStatesManager");
+var _shortcutContexts = require("../../shortcutContexts");
 var _utils = require("./utils");
 var _domHelpers = require("./domHelpers");
 var _rootComparator = require("./rootComparator");
@@ -223,12 +224,17 @@ class ColumnSorting extends _base.BasePlugin {
         if (highlight.row === -1 && highlight.col >= 0) {
           this.sort(this.getColumnNextConfig(highlight.col));
         }
+
+        // prevent default Enter behavior (move to the next row within a selection range)
+        return false;
       },
       runOnlyIf: () => {
-        var _this$hot$getSelected;
+        var _this$hot$getSelected, _this$hot$getSelected2;
         const highlight = (_this$hot$getSelected = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected === void 0 ? void 0 : _this$hot$getSelected.highlight;
-        return highlight && this.hot.selection.isCellVisible(highlight) && highlight.isHeader();
+        return highlight && ((_this$hot$getSelected2 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected2 === void 0 ? void 0 : _this$hot$getSelected2.isSingle()) && this.hot.selection.isCellVisible(highlight) && highlight.isHeader();
       },
+      relativeToGroup: _shortcutContexts.EDITOR_EDIT_GROUP,
+      position: 'before',
       group: SHORTCUTS_GROUP
     });
   }

package/plugins/columnSorting/columnSorting.mjs

@@ -15,6 +15,7 @@ import { BasePlugin } from "../base/index.mjs";
 import { IndexesSequence, PhysicalIndexToValueMap as IndexToValueMap } from "../../translations/index.mjs";
 import Hooks from "../../pluginHooks.mjs";
 import { ColumnStatesManager } from "./columnStatesManager.mjs";
+import { EDITOR_EDIT_GROUP as SHORTCUTS_GROUP_EDITOR } from "../../shortcutContexts/index.mjs";
 import { HEADER_SPAN_CLASS, getNextSortOrder, areValidSortStates, getHeaderSpanElement, isFirstLevelColumnHeader, wasHeaderClickedProperly } from "./utils.mjs";
 import { getClassesToRemove, getClassesToAdd } from "./domHelpers.mjs";
 import { rootComparator } from "./rootComparator.mjs";
@@ -219,12 +220,17 @@ export class ColumnSorting extends BasePlugin {
         if (highlight.row === -1 && highlight.col >= 0) {
           this.sort(this.getColumnNextConfig(highlight.col));
         }
+
+        // prevent default Enter behavior (move to the next row within a selection range)
+        return false;
       },
       runOnlyIf: () => {
-        var _this$hot$getSelected;
+        var _this$hot$getSelected, _this$hot$getSelected2;
         const highlight = (_this$hot$getSelected = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected === void 0 ? void 0 : _this$hot$getSelected.highlight;
-        return highlight && this.hot.selection.isCellVisible(highlight) && highlight.isHeader();
+        return highlight && ((_this$hot$getSelected2 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected2 === void 0 ? void 0 : _this$hot$getSelected2.isSingle()) && this.hot.selection.isCellVisible(highlight) && highlight.isHeader();
       },
+      relativeToGroup: SHORTCUTS_GROUP_EDITOR,
+      position: 'before',
       group: SHORTCUTS_GROUP
     });
   }

package/plugins/contextMenu/menu/defaultShortcutsList.js

@@ -9,10 +9,26 @@ exports.createDefaultShortcutsList = createDefaultShortcutsList;
  * @returns {KeyboardShortcut[]}
  */
 function createDefaultShortcutsList(menu) {
+  const {
+    hot,
+    hotMenu
+  } = menu;
   return [{
-    keys: [['Tab'], ['Shift', 'Tab'], ['Control/Meta', 'A']],
-    forwardToContext: menu.hot.getShortcutManager().getContext('grid'),
+    keys: [['Control/Meta', 'A']],
+    forwardToContext: hot.getShortcutManager().getContext('grid'),
     callback: () => menu.close(true)
+  }, {
+    keys: [['Tab'], ['Shift', 'Tab']],
+    callback: (event, keys) => {
+      const settings = hot.getSettings();
+      const tabMoves = typeof settings.tabMoves === 'function' ? settings.tabMoves(event) : settings.tabMoves;
+      if (keys.includes('shift')) {
+        hot.selection.transformStart(-tabMoves.row, -tabMoves.col);
+      } else {
+        hot.selection.transformStart(tabMoves.row, tabMoves.col);
+      }
+      menu.close(true);
+    }
   }, {
     keys: [['Escape']],
     callback: () => menu.close()
@@ -25,7 +41,7 @@ function createDefaultShortcutsList(menu) {
   }, {
     keys: [['ArrowRight']],
     callback: () => {
-      const selection = menu.hotMenu.getSelectedLast();
+      const selection = hotMenu.getSelectedLast();
       if (selection) {
         const subMenu = menu.openSubMenu(selection[0]);
         if (subMenu) {
@@ -36,7 +52,7 @@ function createDefaultShortcutsList(menu) {
   }, {
     keys: [['ArrowLeft']],
     callback: () => {
-      const selection = menu.hotMenu.getSelectedLast();
+      const selection = hotMenu.getSelectedLast();
       if (selection && menu.isSubMenu()) {
         menu.close();
         if (menu.isSubMenu()) {
@@ -53,11 +69,11 @@ function createDefaultShortcutsList(menu) {
   }, {
     keys: [['Enter'], ['Space']],
     callback: event => {
-      const selection = menu.hotMenu.getSelectedLast();
+      const selection = hotMenu.getSelectedLast();
       if (!selection) {
         return;
       }
-      if (menu.hotMenu.getSourceDataAtRow(selection[0]).submenu) {
+      if (hotMenu.getSourceDataAtRow(selection[0]).submenu) {
         menu.openSubMenu(selection[0]).getNavigator().toFirstItem();
       } else {
         menu.executeCommand(event);
@@ -67,9 +83,9 @@ function createDefaultShortcutsList(menu) {
   }, {
     keys: [['PageUp']],
     callback: () => {
-      const selection = menu.hotMenu.getSelectedLast();
+      const selection = hotMenu.getSelectedLast();
       if (selection) {
-        menu.hotMenu.selection.transformStart(-menu.hotMenu.countVisibleRows(), 0);
+        hotMenu.selection.transformStart(-hotMenu.countVisibleRows(), 0);
       } else {
         menu.getNavigator().toFirstItem();
       }
@@ -77,9 +93,9 @@ function createDefaultShortcutsList(menu) {
   }, {
     keys: [['PageDown']],
     callback: () => {
-      const selection = menu.hotMenu.getSelectedLast();
+      const selection = hotMenu.getSelectedLast();
       if (selection) {
-        menu.hotMenu.selection.transformStart(menu.hotMenu.countVisibleRows(), 0);
+        hotMenu.selection.transformStart(hotMenu.countVisibleRows(), 0);
       } else {
         menu.getNavigator().toLastItem();
       }

package/plugins/contextMenu/menu/defaultShortcutsList.mjs

@@ -5,10 +5,26 @@
  * @returns {KeyboardShortcut[]}
  */
 export function createDefaultShortcutsList(menu) {
+  const {
+    hot,
+    hotMenu
+  } = menu;
   return [{
-    keys: [['Tab'], ['Shift', 'Tab'], ['Control/Meta', 'A']],
-    forwardToContext: menu.hot.getShortcutManager().getContext('grid'),
+    keys: [['Control/Meta', 'A']],
+    forwardToContext: hot.getShortcutManager().getContext('grid'),
     callback: () => menu.close(true)
+  }, {
+    keys: [['Tab'], ['Shift', 'Tab']],
+    callback: (event, keys) => {
+      const settings = hot.getSettings();
+      const tabMoves = typeof settings.tabMoves === 'function' ? settings.tabMoves(event) : settings.tabMoves;
+      if (keys.includes('shift')) {
+        hot.selection.transformStart(-tabMoves.row, -tabMoves.col);
+      } else {
+        hot.selection.transformStart(tabMoves.row, tabMoves.col);
+      }
+      menu.close(true);
+    }
   }, {
     keys: [['Escape']],
     callback: () => menu.close()
@@ -21,7 +37,7 @@ export function createDefaultShortcutsList(menu) {
   }, {
     keys: [['ArrowRight']],
     callback: () => {
-      const selection = menu.hotMenu.getSelectedLast();
+      const selection = hotMenu.getSelectedLast();
       if (selection) {
         const subMenu = menu.openSubMenu(selection[0]);
         if (subMenu) {
@@ -32,7 +48,7 @@ export function createDefaultShortcutsList(menu) {
   }, {
     keys: [['ArrowLeft']],
     callback: () => {
-      const selection = menu.hotMenu.getSelectedLast();
+      const selection = hotMenu.getSelectedLast();
       if (selection && menu.isSubMenu()) {
         menu.close();
         if (menu.isSubMenu()) {
@@ -49,11 +65,11 @@ export function createDefaultShortcutsList(menu) {
   }, {
     keys: [['Enter'], ['Space']],
     callback: event => {
-      const selection = menu.hotMenu.getSelectedLast();
+      const selection = hotMenu.getSelectedLast();
       if (!selection) {
         return;
       }
-      if (menu.hotMenu.getSourceDataAtRow(selection[0]).submenu) {
+      if (hotMenu.getSourceDataAtRow(selection[0]).submenu) {
         menu.openSubMenu(selection[0]).getNavigator().toFirstItem();
       } else {
         menu.executeCommand(event);
@@ -63,9 +79,9 @@ export function createDefaultShortcutsList(menu) {
   }, {
     keys: [['PageUp']],
     callback: () => {
-      const selection = menu.hotMenu.getSelectedLast();
+      const selection = hotMenu.getSelectedLast();
       if (selection) {
-        menu.hotMenu.selection.transformStart(-menu.hotMenu.countVisibleRows(), 0);
+        hotMenu.selection.transformStart(-hotMenu.countVisibleRows(), 0);
       } else {
         menu.getNavigator().toFirstItem();
       }
@@ -73,9 +89,9 @@ export function createDefaultShortcutsList(menu) {
   }, {
     keys: [['PageDown']],
     callback: () => {
-      const selection = menu.hotMenu.getSelectedLast();
+      const selection = hotMenu.getSelectedLast();
       if (selection) {
-        menu.hotMenu.selection.transformStart(menu.hotMenu.countVisibleRows(), 0);
+        hotMenu.selection.transformStart(hotMenu.countVisibleRows(), 0);
       } else {
         menu.getNavigator().toLastItem();
       }