handsontable 0.0.0-next-baf2fcf-20230809 → 0.0.0-next-be16baf-20230809

package/shortcutContexts/commands/moveCellSelection/upByViewportHeight.js

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+const command = {
+  name: 'moveCellSelectionUpByViewportHight',
+  callback(hot) {
+    const {
+      navigableHeaders
+    } = hot.getSettings();
+    const columnHeadersCount = navigableHeaders ? hot.countColHeaders() : 0;
+    const {
+      row
+    } = hot.getSelectedRangeLast().highlight;
+    let rowsStep = -(hot.countVisibleRows() + columnHeadersCount);
+
+    // if the first row is currently selected move the focus to the last row (if autoWrap is enabled)
+    if (row === -columnHeadersCount) {
+      rowsStep = -1;
+
+      // if the next move would move the focus off the table calculate the delta to move the selection to
+      // the first row
+    } else if (row + rowsStep < columnHeadersCount) {
+      rowsStep = -(row + columnHeadersCount);
+    }
+    hot.selection.transformStart(rowsStep, 0);
+    if (hot.getSelectedRangeLast().highlight.row < 0) {
+      hot.scrollViewportTo(0);
+    }
+  }
+};
+exports.command = command;

package/shortcutContexts/commands/moveCellSelection/upByViewportHeight.mjs

@@ -0,0 +1,27 @@
+export const command = {
+  name: 'moveCellSelectionUpByViewportHight',
+  callback(hot) {
+    const {
+      navigableHeaders
+    } = hot.getSettings();
+    const columnHeadersCount = navigableHeaders ? hot.countColHeaders() : 0;
+    const {
+      row
+    } = hot.getSelectedRangeLast().highlight;
+    let rowsStep = -(hot.countVisibleRows() + columnHeadersCount);
+
+    // if the first row is currently selected move the focus to the last row (if autoWrap is enabled)
+    if (row === -columnHeadersCount) {
+      rowsStep = -1;
+
+      // if the next move would move the focus off the table calculate the delta to move the selection to
+      // the first row
+    } else if (row + rowsStep < columnHeadersCount) {
+      rowsStep = -(row + columnHeadersCount);
+    }
+    hot.selection.transformStart(rowsStep, 0);
+    if (hot.getSelectedRangeLast().highlight.row < 0) {
+      hot.scrollViewportTo(0);
+    }
+  }
+};

package/shortcutContexts/commands/populateSelectedCellsData.js

@@ -0,0 +1,29 @@
+"use strict";
+
+exports.__esModule = true;
+const command = {
+  name: 'populateSelectedCellsData',
+  callback(hot) {
+    const selectedRange = hot.getSelectedRange();
+    const {
+      row: highlightRow,
+      col: highlightColumn
+    } = selectedRange[selectedRange.length - 1].highlight.normalize();
+    const valueToPopulate = hot.getDataAtCell(highlightRow, highlightColumn);
+    const cellValues = new Map();
+    for (let i = 0; i < selectedRange.length; i++) {
+      selectedRange[i].forAll((row, column) => {
+        if (row >= 0 && column >= 0 && (row !== highlightRow || column !== highlightColumn)) {
+          const {
+            readOnly
+          } = hot.getCellMeta(row, column);
+          if (!readOnly) {
+            cellValues.set(`${row}x${column}`, [row, column, valueToPopulate]);
+          }
+        }
+      });
+    }
+    hot.setDataAtCell(Array.from(cellValues.values()));
+  }
+};
+exports.command = command;

package/shortcutContexts/commands/populateSelectedCellsData.mjs

@@ -0,0 +1,25 @@
+export const command = {
+  name: 'populateSelectedCellsData',
+  callback(hot) {
+    const selectedRange = hot.getSelectedRange();
+    const {
+      row: highlightRow,
+      col: highlightColumn
+    } = selectedRange[selectedRange.length - 1].highlight.normalize();
+    const valueToPopulate = hot.getDataAtCell(highlightRow, highlightColumn);
+    const cellValues = new Map();
+    for (let i = 0; i < selectedRange.length; i++) {
+      selectedRange[i].forAll((row, column) => {
+        if (row >= 0 && column >= 0 && (row !== highlightRow || column !== highlightColumn)) {
+          const {
+            readOnly
+          } = hot.getCellMeta(row, column);
+          if (!readOnly) {
+            cellValues.set(`${row}x${column}`, [row, column, valueToPopulate]);
+          }
+        }
+      });
+    }
+    hot.setDataAtCell(Array.from(cellValues.values()));
+  }
+};

package/shortcutContexts/commands/scrollToFocusedCell.js

@@ -0,0 +1,36 @@
+"use strict";
+
+exports.__esModule = true;
+const command = {
+  name: 'scrollToFocusedCell',
+  callback(hot) {
+    const {
+      highlight
+    } = hot.getSelectedRangeLast();
+    const firstVisibleRow = hot.view.getFirstFullyVisibleRow() - 1;
+    const firstVisibleColumn = hot.view.getFirstFullyVisibleColumn() - 1;
+    const lastVisibleRow = hot.view.getLastFullyVisibleRow() + 1;
+    const lastVisibleColumn = hot.view.getLastFullyVisibleColumn() + 1;
+    const visibleCoordsFrom = hot._createCellCoords(firstVisibleRow, firstVisibleColumn);
+    const visibleCoordsTo = hot._createCellCoords(lastVisibleRow, lastVisibleColumn);
+    const visibleRange = hot._createCellRange(visibleCoordsFrom, visibleCoordsFrom, visibleCoordsTo);
+    if (!visibleRange.includes(highlight) && (highlight.row >= 0 || highlight.col >= 0)) {
+      const offsetRows = Math.floor(hot.countVisibleRows() / 2);
+      const offsetColumns = Math.floor(hot.countVisibleCols() / 2);
+      const scrollX = Math.max(highlight.row - offsetRows, 0);
+      const scrollY = Math.max(highlight.col - offsetColumns, 0);
+      const scrollCoords = [scrollX, scrollY];
+
+      // for row header focus do not change the scroll Y position, leave as it is
+      if (highlight.col < 0) {
+        scrollCoords[1] = null;
+
+        // for column header focus do not change the scroll X position, leave as it is
+      } else if (highlight.row < 0) {
+        scrollCoords[0] = null;
+      }
+      hot.scrollViewportTo(...scrollCoords);
+    }
+  }
+};
+exports.command = command;

package/shortcutContexts/commands/scrollToFocusedCell.mjs

@@ -0,0 +1,32 @@
+export const command = {
+  name: 'scrollToFocusedCell',
+  callback(hot) {
+    const {
+      highlight
+    } = hot.getSelectedRangeLast();
+    const firstVisibleRow = hot.view.getFirstFullyVisibleRow() - 1;
+    const firstVisibleColumn = hot.view.getFirstFullyVisibleColumn() - 1;
+    const lastVisibleRow = hot.view.getLastFullyVisibleRow() + 1;
+    const lastVisibleColumn = hot.view.getLastFullyVisibleColumn() + 1;
+    const visibleCoordsFrom = hot._createCellCoords(firstVisibleRow, firstVisibleColumn);
+    const visibleCoordsTo = hot._createCellCoords(lastVisibleRow, lastVisibleColumn);
+    const visibleRange = hot._createCellRange(visibleCoordsFrom, visibleCoordsFrom, visibleCoordsTo);
+    if (!visibleRange.includes(highlight) && (highlight.row >= 0 || highlight.col >= 0)) {
+      const offsetRows = Math.floor(hot.countVisibleRows() / 2);
+      const offsetColumns = Math.floor(hot.countVisibleCols() / 2);
+      const scrollX = Math.max(highlight.row - offsetRows, 0);
+      const scrollY = Math.max(highlight.col - offsetColumns, 0);
+      const scrollCoords = [scrollX, scrollY];
+
+      // for row header focus do not change the scroll Y position, leave as it is
+      if (highlight.col < 0) {
+        scrollCoords[1] = null;
+
+        // for column header focus do not change the scroll X position, leave as it is
+      } else if (highlight.row < 0) {
+        scrollCoords[0] = null;
+      }
+      hot.scrollViewportTo(...scrollCoords);
+    }
+  }
+};

package/shortcutContexts/commands/selectAll.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+const command = {
+  name: 'selectAll',
+  callback(hot) {
+    hot.selectAll(false, false);
+  }
+};
+exports.command = command;

package/shortcutContexts/commands/selectAll.mjs

@@ -0,0 +1,6 @@
+export const command = {
+  name: 'selectAll',
+  callback(hot) {
+    hot.selectAll(false, false);
+  }
+};

package/shortcutContexts/constants.js

@@ -0,0 +1,13 @@
+"use strict";
+
+exports.__esModule = true;
+/**
+ * Group name for keyboard shortcuts that are active when the cell is selected.
+ */
+const GRID_GROUP = 'gridDefault';
+/**
+ * Group name for keyboard shortcuts that are active when the cell editor is active.
+ */
+exports.GRID_GROUP = GRID_GROUP;
+const EDITOR_EDIT_GROUP = 'editorManager.handlingEditor';
+exports.EDITOR_EDIT_GROUP = EDITOR_EDIT_GROUP;

package/shortcutContexts/constants.mjs

@@ -0,0 +1,8 @@
+/**
+ * Group name for keyboard shortcuts that are active when the cell is selected.
+ */
+export const GRID_GROUP = 'gridDefault';
+/**
+ * Group name for keyboard shortcuts that are active when the cell editor is active.
+ */
+export const EDITOR_EDIT_GROUP = 'editorManager.handlingEditor';

package/shortcutContexts/editor.js

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports.shortcutsEditorContext = shortcutsEditorContext;
+var _constants = require("./constants");
+var _commands = require("./commands");
+/**
+ * The context that defines a base shortcut list available for cells editors.
+ *
+ * @param {Handsontable} hot The Handsontable instance.
+ */
+function shortcutsEditorContext(hot) {
+  const context = hot.getShortcutManager().addContext('editor');
+  const commandsPool = (0, _commands.createKeyboardShortcutCommandsPool)(hot);
+  const config = {
+    group: _constants.EDITOR_EDIT_GROUP
+  };
+  context.addShortcuts([{
+    keys: [['Enter'], ['Enter', 'Shift'], ['Enter', 'Control/Meta'], ['Enter', 'Control/Meta', 'Shift']],
+    callback: (event, keys) => commandsPool.editorCloseAndSave(event, keys)
+  }, {
+    keys: [['Escape'], ['Escape', 'Control/Meta']],
+    callback: () => commandsPool.editorCloseWithoutSaving()
+  }], config);
+}

package/shortcutContexts/editor.mjs

@@ -0,0 +1,21 @@
+import { EDITOR_EDIT_GROUP } from "./constants.mjs";
+import { createKeyboardShortcutCommandsPool } from "./commands/index.mjs";
+/**
+ * The context that defines a base shortcut list available for cells editors.
+ *
+ * @param {Handsontable} hot The Handsontable instance.
+ */
+export function shortcutsEditorContext(hot) {
+  const context = hot.getShortcutManager().addContext('editor');
+  const commandsPool = createKeyboardShortcutCommandsPool(hot);
+  const config = {
+    group: EDITOR_EDIT_GROUP
+  };
+  context.addShortcuts([{
+    keys: [['Enter'], ['Enter', 'Shift'], ['Enter', 'Control/Meta'], ['Enter', 'Control/Meta', 'Shift']],
+    callback: (event, keys) => commandsPool.editorCloseAndSave(event, keys)
+  }, {
+    keys: [['Escape'], ['Escape', 'Control/Meta']],
+    callback: () => commandsPool.editorCloseWithoutSaving()
+  }], config);
+}

package/shortcutContexts/grid.js

@@ -0,0 +1,163 @@
+"use strict";
+
+exports.__esModule = true;
+exports.shortcutsGridContext = shortcutsGridContext;
+var _mixed = require("../helpers/mixed");
+var _constants = require("./constants");
+var _commands = require("./commands");
+/**
+ * The context that defines shortcut list available for selected cell or cells.
+ *
+ * @param {Handsontable} hot The Handsontable instance.
+ */
+function shortcutsGridContext(hot) {
+  const context = hot.getShortcutManager().addContext('grid');
+  const commandsPool = (0, _commands.createKeyboardShortcutCommandsPool)(hot);
+  const config = {
+    runOnlyIf: () => {
+      const {
+        navigableHeaders
+      } = hot.getSettings();
+      return (0, _mixed.isDefined)(hot.getSelected()) && (navigableHeaders || !navigableHeaders && hot.countRenderedRows() > 0 && hot.countRenderedCols() > 0);
+    },
+    group: _constants.GRID_GROUP
+  };
+  context.addShortcuts([{
+    keys: [['F2']],
+    callback: event => commandsPool.editorFastOpen(event)
+  }, {
+    keys: [['Enter'], ['Enter', 'Shift']],
+    callback: (event, keys) => commandsPool.editorOpen(event, keys)
+  }, {
+    keys: [['Backspace'], ['Delete']],
+    callback: () => commandsPool.emptySelectedCells()
+  }], {
+    group: _constants.EDITOR_EDIT_GROUP,
+    runOnlyIf: () => (0, _mixed.isDefined)(hot.getSelected())
+  });
+  context.addShortcuts([{
+    keys: [['Control/Meta', 'A'], ['Control/Meta', 'Shift', 'Space']],
+    callback: () => commandsPool.selectAll()
+  }, {
+    keys: [['Control/Meta', 'Enter']],
+    callback: () => commandsPool.populateSelectedCellsData(),
+    runOnlyIf: () => {
+      return !hot.getSelectedRangeLast().highlight.isHeader() && hot.getSelectedRangeLast().getCellsCount() > 1;
+    }
+  }, {
+    keys: [['Control', 'Space']],
+    captureCtrl: true,
+    callback: () => commandsPool.extendCellsSelectionToColumns()
+  }, {
+    keys: [['Shift', 'Space']],
+    stopPropagation: true,
+    callback: () => commandsPool.extendCellsSelectionToRows()
+  }, {
+    keys: [['ArrowUp']],
+    callback: () => commandsPool.moveCellSelectionUp()
+  }, {
+    keys: [['ArrowUp', 'Control/Meta']],
+    captureCtrl: true,
+    callback: () => commandsPool.moveCellSelectionToMostTop()
+  }, {
+    keys: [['ArrowUp', 'Shift']],
+    callback: () => commandsPool.extendCellsSelectionUp()
+  }, {
+    keys: [['ArrowUp', 'Shift', 'Control/Meta']],
+    captureCtrl: true,
+    callback: () => commandsPool.extendCellsSelectionToMostTop(),
+    runOnlyIf: () => !(hot.selection.isSelectedByCorner() || hot.selection.isSelectedByColumnHeader())
+  }, {
+    keys: [['ArrowDown']],
+    callback: () => commandsPool.moveCellSelectionDown()
+  }, {
+    keys: [['ArrowDown', 'Control/Meta']],
+    captureCtrl: true,
+    callback: () => commandsPool.moveCellSelectionToMostBottom()
+  }, {
+    keys: [['ArrowDown', 'Shift']],
+    callback: () => commandsPool.extendCellsSelectionDown()
+  }, {
+    keys: [['ArrowDown', 'Shift', 'Control/Meta']],
+    captureCtrl: true,
+    callback: () => commandsPool.extendCellsSelectionToMostBottom(),
+    runOnlyIf: () => !(hot.selection.isSelectedByCorner() || hot.selection.isSelectedByColumnHeader())
+  }, {
+    keys: [['ArrowLeft']],
+    callback: () => commandsPool.moveCellSelectionLeft()
+  }, {
+    keys: [['ArrowLeft', 'Control/Meta']],
+    captureCtrl: true,
+    callback: () => commandsPool.moveCellSelectionToMostLeft()
+  }, {
+    keys: [['ArrowLeft', 'Shift']],
+    callback: () => commandsPool.extendCellsSelectionLeft()
+  }, {
+    keys: [['ArrowLeft', 'Shift', 'Control/Meta']],
+    captureCtrl: true,
+    callback: () => commandsPool.extendCellsSelectionToMostLeft(),
+    runOnlyIf: () => !(hot.selection.isSelectedByCorner() || hot.selection.isSelectedByRowHeader())
+  }, {
+    keys: [['ArrowRight']],
+    callback: () => commandsPool.moveCellSelectionRight()
+  }, {
+    keys: [['ArrowRight', 'Control/Meta']],
+    captureCtrl: true,
+    callback: () => commandsPool.moveCellSelectionToMostRight()
+  }, {
+    keys: [['ArrowRight', 'Shift']],
+    callback: () => commandsPool.extendCellsSelectionRight()
+  }, {
+    keys: [['ArrowRight', 'Shift', 'Control/Meta']],
+    captureCtrl: true,
+    callback: () => commandsPool.extendCellsSelectionToMostRight(),
+    runOnlyIf: () => !(hot.selection.isSelectedByCorner() || hot.selection.isSelectedByRowHeader())
+  }, {
+    keys: [['Home']],
+    captureCtrl: true,
+    callback: () => commandsPool.moveCellSelectionToMostInlineStart(),
+    runOnlyIf: () => hot.view.isMainTableNotFullyCoveredByOverlays()
+  }, {
+    keys: [['Home', 'Shift']],
+    callback: () => commandsPool.extendCellsSelectionToMostInlineStart()
+  }, {
+    keys: [['Home', 'Control/Meta']],
+    captureCtrl: true,
+    callback: () => commandsPool.moveCellSelectionToMostTopInlineStart(),
+    runOnlyIf: () => hot.view.isMainTableNotFullyCoveredByOverlays()
+  }, {
+    keys: [['End']],
+    captureCtrl: true,
+    callback: () => commandsPool.moveCellSelectionToMostInlineEnd(),
+    runOnlyIf: () => hot.view.isMainTableNotFullyCoveredByOverlays()
+  }, {
+    keys: [['End', 'Shift']],
+    callback: () => commandsPool.extendCellsSelectionToMostInlineEnd()
+  }, {
+    keys: [['End', 'Control/Meta']],
+    captureCtrl: true,
+    callback: () => commandsPool.moveCellSelectionToMostBottomInlineEnd(),
+    runOnlyIf: () => hot.view.isMainTableNotFullyCoveredByOverlays()
+  }, {
+    keys: [['PageUp']],
+    callback: () => commandsPool.moveCellSelectionUpByViewportHight()
+  }, {
+    keys: [['PageUp', 'Shift']],
+    callback: () => commandsPool.extendCellsSelectionUpByViewportHeight()
+  }, {
+    keys: [['PageDown']],
+    callback: () => commandsPool.moveCellSelectionDownByViewportHeight()
+  }, {
+    keys: [['PageDown', 'Shift']],
+    callback: () => commandsPool.extendCellsSelectionDownByViewportHeight()
+  }, {
+    keys: [['Tab']],
+    callback: () => commandsPool.moveCellSelectionInlineStart()
+  }, {
+    keys: [['Shift', 'Tab']],
+    callback: () => commandsPool.moveCellSelectionInlineEnd()
+  }, {
+    keys: [['Control/Meta', 'Backspace']],
+    callback: () => commandsPool.scrollToFocusedCell()
+  }], config);
+}

package/shortcutContexts/grid.mjs

@@ -0,0 +1,159 @@
+import { isDefined } from "../helpers/mixed.mjs";
+import { GRID_GROUP, EDITOR_EDIT_GROUP } from "./constants.mjs";
+import { createKeyboardShortcutCommandsPool } from "./commands/index.mjs";
+/**
+ * The context that defines shortcut list available for selected cell or cells.
+ *
+ * @param {Handsontable} hot The Handsontable instance.
+ */
+export function shortcutsGridContext(hot) {
+  const context = hot.getShortcutManager().addContext('grid');
+  const commandsPool = createKeyboardShortcutCommandsPool(hot);
+  const config = {
+    runOnlyIf: () => {
+      const {
+        navigableHeaders
+      } = hot.getSettings();
+      return isDefined(hot.getSelected()) && (navigableHeaders || !navigableHeaders && hot.countRenderedRows() > 0 && hot.countRenderedCols() > 0);
+    },
+    group: GRID_GROUP
+  };
+  context.addShortcuts([{
+    keys: [['F2']],
+    callback: event => commandsPool.editorFastOpen(event)
+  }, {
+    keys: [['Enter'], ['Enter', 'Shift']],
+    callback: (event, keys) => commandsPool.editorOpen(event, keys)
+  }, {
+    keys: [['Backspace'], ['Delete']],
+    callback: () => commandsPool.emptySelectedCells()
+  }], {
+    group: EDITOR_EDIT_GROUP,
+    runOnlyIf: () => isDefined(hot.getSelected())
+  });
+  context.addShortcuts([{
+    keys: [['Control/Meta', 'A'], ['Control/Meta', 'Shift', 'Space']],
+    callback: () => commandsPool.selectAll()
+  }, {
+    keys: [['Control/Meta', 'Enter']],
+    callback: () => commandsPool.populateSelectedCellsData(),
+    runOnlyIf: () => {
+      return !hot.getSelectedRangeLast().highlight.isHeader() && hot.getSelectedRangeLast().getCellsCount() > 1;
+    }
+  }, {
+    keys: [['Control', 'Space']],
+    captureCtrl: true,
+    callback: () => commandsPool.extendCellsSelectionToColumns()
+  }, {
+    keys: [['Shift', 'Space']],
+    stopPropagation: true,
+    callback: () => commandsPool.extendCellsSelectionToRows()
+  }, {
+    keys: [['ArrowUp']],
+    callback: () => commandsPool.moveCellSelectionUp()
+  }, {
+    keys: [['ArrowUp', 'Control/Meta']],
+    captureCtrl: true,
+    callback: () => commandsPool.moveCellSelectionToMostTop()
+  }, {
+    keys: [['ArrowUp', 'Shift']],
+    callback: () => commandsPool.extendCellsSelectionUp()
+  }, {
+    keys: [['ArrowUp', 'Shift', 'Control/Meta']],
+    captureCtrl: true,
+    callback: () => commandsPool.extendCellsSelectionToMostTop(),
+    runOnlyIf: () => !(hot.selection.isSelectedByCorner() || hot.selection.isSelectedByColumnHeader())
+  }, {
+    keys: [['ArrowDown']],
+    callback: () => commandsPool.moveCellSelectionDown()
+  }, {
+    keys: [['ArrowDown', 'Control/Meta']],
+    captureCtrl: true,
+    callback: () => commandsPool.moveCellSelectionToMostBottom()
+  }, {
+    keys: [['ArrowDown', 'Shift']],
+    callback: () => commandsPool.extendCellsSelectionDown()
+  }, {
+    keys: [['ArrowDown', 'Shift', 'Control/Meta']],
+    captureCtrl: true,
+    callback: () => commandsPool.extendCellsSelectionToMostBottom(),
+    runOnlyIf: () => !(hot.selection.isSelectedByCorner() || hot.selection.isSelectedByColumnHeader())
+  }, {
+    keys: [['ArrowLeft']],
+    callback: () => commandsPool.moveCellSelectionLeft()
+  }, {
+    keys: [['ArrowLeft', 'Control/Meta']],
+    captureCtrl: true,
+    callback: () => commandsPool.moveCellSelectionToMostLeft()
+  }, {
+    keys: [['ArrowLeft', 'Shift']],
+    callback: () => commandsPool.extendCellsSelectionLeft()
+  }, {
+    keys: [['ArrowLeft', 'Shift', 'Control/Meta']],
+    captureCtrl: true,
+    callback: () => commandsPool.extendCellsSelectionToMostLeft(),
+    runOnlyIf: () => !(hot.selection.isSelectedByCorner() || hot.selection.isSelectedByRowHeader())
+  }, {
+    keys: [['ArrowRight']],
+    callback: () => commandsPool.moveCellSelectionRight()
+  }, {
+    keys: [['ArrowRight', 'Control/Meta']],
+    captureCtrl: true,
+    callback: () => commandsPool.moveCellSelectionToMostRight()
+  }, {
+    keys: [['ArrowRight', 'Shift']],
+    callback: () => commandsPool.extendCellsSelectionRight()
+  }, {
+    keys: [['ArrowRight', 'Shift', 'Control/Meta']],
+    captureCtrl: true,
+    callback: () => commandsPool.extendCellsSelectionToMostRight(),
+    runOnlyIf: () => !(hot.selection.isSelectedByCorner() || hot.selection.isSelectedByRowHeader())
+  }, {
+    keys: [['Home']],
+    captureCtrl: true,
+    callback: () => commandsPool.moveCellSelectionToMostInlineStart(),
+    runOnlyIf: () => hot.view.isMainTableNotFullyCoveredByOverlays()
+  }, {
+    keys: [['Home', 'Shift']],
+    callback: () => commandsPool.extendCellsSelectionToMostInlineStart()
+  }, {
+    keys: [['Home', 'Control/Meta']],
+    captureCtrl: true,
+    callback: () => commandsPool.moveCellSelectionToMostTopInlineStart(),
+    runOnlyIf: () => hot.view.isMainTableNotFullyCoveredByOverlays()
+  }, {
+    keys: [['End']],
+    captureCtrl: true,
+    callback: () => commandsPool.moveCellSelectionToMostInlineEnd(),
+    runOnlyIf: () => hot.view.isMainTableNotFullyCoveredByOverlays()
+  }, {
+    keys: [['End', 'Shift']],
+    callback: () => commandsPool.extendCellsSelectionToMostInlineEnd()
+  }, {
+    keys: [['End', 'Control/Meta']],
+    captureCtrl: true,
+    callback: () => commandsPool.moveCellSelectionToMostBottomInlineEnd(),
+    runOnlyIf: () => hot.view.isMainTableNotFullyCoveredByOverlays()
+  }, {
+    keys: [['PageUp']],
+    callback: () => commandsPool.moveCellSelectionUpByViewportHight()
+  }, {
+    keys: [['PageUp', 'Shift']],
+    callback: () => commandsPool.extendCellsSelectionUpByViewportHeight()
+  }, {
+    keys: [['PageDown']],
+    callback: () => commandsPool.moveCellSelectionDownByViewportHeight()
+  }, {
+    keys: [['PageDown', 'Shift']],
+    callback: () => commandsPool.extendCellsSelectionDownByViewportHeight()
+  }, {
+    keys: [['Tab']],
+    callback: () => commandsPool.moveCellSelectionInlineStart()
+  }, {
+    keys: [['Shift', 'Tab']],
+    callback: () => commandsPool.moveCellSelectionInlineEnd()
+  }, {
+    keys: [['Control/Meta', 'Backspace']],
+    callback: () => commandsPool.scrollToFocusedCell()
+  }], config);
+}

package/shortcutContexts/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+var _exportNames = {
+  registerAllShortcutContexts: true
+};
+exports.registerAllShortcutContexts = registerAllShortcutContexts;
+var _editor = require("./editor");
+var _grid = require("./grid");
+var _constants = require("./constants");
+Object.keys(_constants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _constants[key]) return;
+  exports[key] = _constants[key];
+});
+/**
+ * Register all shortcut contexts.
+ *
+ * @param {Handsontable} hotInstance The Handsontable instance.
+ */
+function registerAllShortcutContexts(hotInstance) {
+  [_editor.shortcutsEditorContext, _grid.shortcutsGridContext].forEach(context => context(hotInstance));
+}

package/shortcutContexts/index.mjs

@@ -0,0 +1,11 @@
+import { shortcutsEditorContext } from "./editor.mjs";
+import { shortcutsGridContext } from "./grid.mjs";
+export * from "./constants.mjs";
+/**
+ * Register all shortcut contexts.
+ *
+ * @param {Handsontable} hotInstance The Handsontable instance.
+ */
+export function registerAllShortcutContexts(hotInstance) {
+  [shortcutsEditorContext, shortcutsGridContext].forEach(context => context(hotInstance));
+}

package/shortcuts/manager.js

@@ -2,6 +2,7 @@
 
 exports.__esModule = true;
 var _uniqueMap = require("../utils/dataStructures/uniqueMap");
+var _event = require("../helpers/dom/event");
 var _context = require("./context");
 var _recorder = require("./recorder");
 /* eslint-disable jsdoc/require-description-complete-sentence */
@@ -126,6 +127,7 @@ const createShortcutManager = _ref => {
           event.preventDefault();
         }
         if (stopPropagation) {
+          (0, _event.stopImmediatePropagation)(event);
           event.stopPropagation();
         }
         if (isExecutionCancelled) {

package/shortcuts/manager.mjs

@@ -1,4 +1,5 @@
 import { createUniqueMap } from "../utils/dataStructures/uniqueMap.mjs";
+import { stopImmediatePropagation } from "../helpers/dom/event.mjs";
 import { createContext } from "./context.mjs";
 import { useRecorder } from "./recorder.mjs";
 /* eslint-disable jsdoc/require-description-complete-sentence */
@@ -122,6 +123,7 @@ export const createShortcutManager = _ref => {
           event.preventDefault();
         }
         if (stopPropagation) {
+          stopImmediatePropagation(event);
           event.stopPropagation();
         }
         if (isExecutionCancelled) {