handsontable 0.0.0-next-c3d199b-20230626 → 0.0.0-next-74a68c1-20230627

package/plugins/copyPaste/copyPaste.js

@@ -735,7 +735,7 @@ var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "onPaste",
     value: function onPaste(event) {
-      if (!this.hot.isListening() || this.isEditorOpened() || !this.hot.getSelected()) {
+      if (!this.hot.isListening() || this.isEditorOpened()) {
         return;
       }
       if (event && event.preventDefault) {

package/plugins/copyPaste/copyPaste.mjs

@@ -728,7 +728,7 @@ export var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "onPaste",
     value: function onPaste(event) {
-      if (!this.hot.isListening() || this.isEditorOpened() || !this.hot.getSelected()) {
+      if (!this.hot.isListening() || this.isEditorOpened()) {
         return;
       }
       if (event && event.preventDefault) {

package/plugins/filters/filters.js

@@ -76,6 +76,8 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 var PLUGIN_KEY = 'filters';
 exports.PLUGIN_KEY = PLUGIN_KEY;
 var PLUGIN_PRIORITY = 250;
+exports.PLUGIN_PRIORITY = PLUGIN_PRIORITY;
+var SHORTCUTS_GROUP = PLUGIN_KEY;
 
 /**
  * @plugin Filters
@@ -112,7 +114,6 @@ var PLUGIN_PRIORITY = 250;
  * ```
  * :::
  */
-exports.PLUGIN_PRIORITY = PLUGIN_PRIORITY;
 var Filters = /*#__PURE__*/function (_BasePlugin) {
   _inherits(Filters, _BasePlugin);
   var _super = _createSuper(Filters);
@@ -292,6 +293,7 @@ var Filters = /*#__PURE__*/function (_BasePlugin) {
         this.dropdownMenuPlugin.disablePlugin();
         this.dropdownMenuPlugin.enablePlugin();
       }
+      this.registerShortcuts();
       _get(_getPrototypeOf(Filters.prototype), "enablePlugin", this).call(this);
     }
 
@@ -315,9 +317,41 @@ var Filters = /*#__PURE__*/function (_BasePlugin) {
         this.conditionCollection = null;
         this.hot.rowIndexMapper.unregisterMap(this.pluginName);
       }
+      this.unregisterShortcuts();
       _get(_getPrototypeOf(Filters.prototype), "disablePlugin", this).call(this);
     }
 
+    /**
+     * Register shortcuts responsible for clearing the filters.
+     *
+     * @private
+     */
+  }, {
+    key: "registerShortcuts",
+    value: function registerShortcuts() {
+      var _this4 = this;
+      this.hot.getShortcutManager().getContext('grid').addShortcut({
+        keys: [['Alt', 'A']],
+        stopPropagation: true,
+        callback: function callback() {
+          _this4.clearConditions();
+          _this4.filter();
+        },
+        group: SHORTCUTS_GROUP
+      });
+    }
+
+    /**
+     * Unregister shortcuts responsible for clearing the filters.
+     *
+     * @private
+     */
+  }, {
+    key: "unregisterShortcuts",
+    value: function unregisterShortcuts() {
+      this.hot.getShortcutManager().getContext('grid').removeShortcutsByGroup(SHORTCUTS_GROUP);
+    }
+
     /* eslint-disable jsdoc/require-description-complete-sentence */
     /**
      * @memberof Filters#
@@ -484,7 +518,7 @@ var Filters = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "filter",
     value: function filter() {
-      var _this4 = this;
+      var _this5 = this;
       var dataFilter = this._createDataFilter();
       var needToFilter = !this.conditionCollection.isEmpty();
       var visibleVisualRows = [];
@@ -494,18 +528,18 @@ var Filters = /*#__PURE__*/function (_BasePlugin) {
         if (needToFilter) {
           var trimmedRows = [];
           this.hot.batchExecution(function () {
-            _this4.filtersRowsMap.clear();
+            _this5.filtersRowsMap.clear();
             visibleVisualRows = (0, _array.arrayMap)(dataFilter.filter(), function (rowData) {
               return rowData.meta.visualRow;
             });
             var visibleVisualRowsAssertion = (0, _utils.createArrayAssertion)(visibleVisualRows);
-            (0, _number.rangeEach)(_this4.hot.countSourceRows() - 1, function (row) {
+            (0, _number.rangeEach)(_this5.hot.countSourceRows() - 1, function (row) {
               if (!visibleVisualRowsAssertion(row)) {
                 trimmedRows.push(row);
               }
             });
             (0, _array.arrayEach)(trimmedRows, function (physicalRow) {
-              _this4.filtersRowsMap.setValueAtIndex(physicalRow, true);
+              _this5.filtersRowsMap.setValueAtIndex(physicalRow, true);
             });
           }, true);
           if (!visibleVisualRows.length) {
@@ -518,7 +552,6 @@ var Filters = /*#__PURE__*/function (_BasePlugin) {
       this.hot.runHooks('afterFilter', conditions);
       this.hot.view.adjustElementsSize(true);
       this.hot.render();
-      this.clearColumnSelection();
     }
 
     /**
@@ -542,20 +575,6 @@ var Filters = /*#__PURE__*/function (_BasePlugin) {
       };
     }
 
-    /**
-     * Clears column selection.
-     *
-     * @private
-     */
-  }, {
-    key: "clearColumnSelection",
-    value: function clearColumnSelection() {
-      var selectedColumn = this.getSelectedColumn();
-      if (selectedColumn !== null) {
-        this.hot.selectCell(0, selectedColumn.visualIndex);
-      }
-    }
-
     /**
      * Returns handsontable source data with cell meta based on current selection.
      *
@@ -565,21 +584,21 @@ var Filters = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "getDataMapAtColumn",
     value: function getDataMapAtColumn(column) {
-      var _this5 = this;
+      var _this6 = this;
       var visualColumn = this.hot.toVisualColumn(column);
       var data = [];
       (0, _array.arrayEach)(this.hot.getSourceDataAtCol(visualColumn), function (value, rowIndex) {
-        var _this5$hot$getDataAtC;
-        var _this5$hot$getCellMet = _this5.hot.getCellMeta(rowIndex, visualColumn),
-          row = _this5$hot$getCellMet.row,
-          col = _this5$hot$getCellMet.col,
-          visualCol = _this5$hot$getCellMet.visualCol,
-          visualRow = _this5$hot$getCellMet.visualRow,
-          type = _this5$hot$getCellMet.type,
-          instance = _this5$hot$getCellMet.instance,
-          dateFormat = _this5$hot$getCellMet.dateFormat,
-          locale = _this5$hot$getCellMet.locale;
-        var dataValue = (_this5$hot$getDataAtC = _this5.hot.getDataAtCell(_this5.hot.toVisualRow(rowIndex), visualColumn)) !== null && _this5$hot$getDataAtC !== void 0 ? _this5$hot$getDataAtC : value;
+        var _this6$hot$getDataAtC;
+        var _this6$hot$getCellMet = _this6.hot.getCellMeta(rowIndex, visualColumn),
+          row = _this6$hot$getCellMet.row,
+          col = _this6$hot$getCellMet.col,
+          visualCol = _this6$hot$getCellMet.visualCol,
+          visualRow = _this6$hot$getCellMet.visualRow,
+          type = _this6$hot$getCellMet.type,
+          instance = _this6$hot$getCellMet.instance,
+          dateFormat = _this6$hot$getCellMet.dateFormat,
+          locale = _this6$hot$getCellMet.locale;
+        var dataValue = (_this6$hot$getDataAtC = _this6.hot.getDataAtCell(_this6.hot.toVisualRow(rowIndex), visualColumn)) !== null && _this6$hot$getDataAtC !== void 0 ? _this6$hot$getDataAtC : value;
         data.push({
           meta: {
             row: row,
@@ -606,14 +625,14 @@ var Filters = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "onAfterChange",
     value: function onAfterChange(changes) {
-      var _this6 = this;
+      var _this7 = this;
       if (changes) {
         (0, _array.arrayEach)(changes, function (change) {
           var _change = _slicedToArray(change, 2),
             prop = _change[1];
-          var columnIndex = _this6.hot.propToCol(prop);
-          if (_this6.conditionCollection.hasConditions(columnIndex)) {
-            _this6.updateValueComponentCondition(columnIndex);
+          var columnIndex = _this7.hot.propToCol(prop);
+          if (_this7.conditionCollection.hasConditions(columnIndex)) {
+            _this7.updateValueComponentCondition(columnIndex);
           }
         });
       }
@@ -684,10 +703,10 @@ var Filters = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "onBeforeDropdownMenuSetItems",
     value: function onBeforeDropdownMenuSetItems() {
-      var _this7 = this;
+      var _this8 = this;
       if (this.dropdownMenuPlugin) {
         this.dropdownMenuPlugin.menu.addLocalHook('afterOpen', function () {
-          _this7.dropdownMenuPlugin.menu.hotMenu.updateSettings({
+          _this8.dropdownMenuPlugin.menu.hotMenu.updateSettings({
             hiddenRows: true
           });
         });
@@ -778,6 +797,7 @@ var Filters = /*#__PURE__*/function (_BasePlugin) {
         });
         this.filtersRowsMap.clear();
         this.filter();
+        this.hot.selectCell(0, selectedColumn.visualIndex);
       }
       (_this$dropdownMenuPlu3 = this.dropdownMenuPlugin) === null || _this$dropdownMenuPlu3 === void 0 ? void 0 : _this$dropdownMenuPlu3.close();
     }
@@ -870,10 +890,10 @@ var Filters = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "_createDataFilter",
     value: function _createDataFilter() {
-      var _this8 = this;
+      var _this9 = this;
       var conditionCollection = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.conditionCollection;
       return new _dataFilter.default(conditionCollection, function (physicalColumn) {
-        return _this8.getDataMapAtColumn(physicalColumn);
+        return _this9.getDataMapAtColumn(physicalColumn);
       });
     }
 
@@ -1005,12 +1025,12 @@ var Filters = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "destroy",
     value: function destroy() {
-      var _this9 = this;
+      var _this10 = this;
       if (this.enabled) {
         this.components.forEach(function (component, key) {
           if (component !== null) {
             component.destroy();
-            _this9.components.set(key, null);
+            _this10.components.set(key, null);
           }
         });
         this.conditionCollection.destroy();

package/plugins/filters/filters.mjs

@@ -67,6 +67,7 @@ import { CONDITION_NONE, CONDITION_BY_VALUE, OPERATION_AND, OPERATION_OR, OPERAT
 import { TrimmingMap } from "../../translations/index.mjs";
 export var PLUGIN_KEY = 'filters';
 export var PLUGIN_PRIORITY = 250;
+var SHORTCUTS_GROUP = PLUGIN_KEY;
 
 /**
  * @plugin Filters
@@ -282,6 +283,7 @@ export var Filters = /*#__PURE__*/function (_BasePlugin) {
         this.dropdownMenuPlugin.disablePlugin();
         this.dropdownMenuPlugin.enablePlugin();
       }
+      this.registerShortcuts();
       _get(_getPrototypeOf(Filters.prototype), "enablePlugin", this).call(this);
     }
 
@@ -305,9 +307,41 @@ export var Filters = /*#__PURE__*/function (_BasePlugin) {
         this.conditionCollection = null;
         this.hot.rowIndexMapper.unregisterMap(this.pluginName);
       }
+      this.unregisterShortcuts();
       _get(_getPrototypeOf(Filters.prototype), "disablePlugin", this).call(this);
     }
 
+    /**
+     * Register shortcuts responsible for clearing the filters.
+     *
+     * @private
+     */
+  }, {
+    key: "registerShortcuts",
+    value: function registerShortcuts() {
+      var _this4 = this;
+      this.hot.getShortcutManager().getContext('grid').addShortcut({
+        keys: [['Alt', 'A']],
+        stopPropagation: true,
+        callback: function callback() {
+          _this4.clearConditions();
+          _this4.filter();
+        },
+        group: SHORTCUTS_GROUP
+      });
+    }
+
+    /**
+     * Unregister shortcuts responsible for clearing the filters.
+     *
+     * @private
+     */
+  }, {
+    key: "unregisterShortcuts",
+    value: function unregisterShortcuts() {
+      this.hot.getShortcutManager().getContext('grid').removeShortcutsByGroup(SHORTCUTS_GROUP);
+    }
+
     /* eslint-disable jsdoc/require-description-complete-sentence */
     /**
      * @memberof Filters#
@@ -474,7 +508,7 @@ export var Filters = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "filter",
     value: function filter() {
-      var _this4 = this;
+      var _this5 = this;
       var dataFilter = this._createDataFilter();
       var needToFilter = !this.conditionCollection.isEmpty();
       var visibleVisualRows = [];
@@ -484,18 +518,18 @@ export var Filters = /*#__PURE__*/function (_BasePlugin) {
         if (needToFilter) {
           var trimmedRows = [];
           this.hot.batchExecution(function () {
-            _this4.filtersRowsMap.clear();
+            _this5.filtersRowsMap.clear();
             visibleVisualRows = arrayMap(dataFilter.filter(), function (rowData) {
               return rowData.meta.visualRow;
             });
             var visibleVisualRowsAssertion = createArrayAssertion(visibleVisualRows);
-            rangeEach(_this4.hot.countSourceRows() - 1, function (row) {
+            rangeEach(_this5.hot.countSourceRows() - 1, function (row) {
               if (!visibleVisualRowsAssertion(row)) {
                 trimmedRows.push(row);
               }
             });
             arrayEach(trimmedRows, function (physicalRow) {
-              _this4.filtersRowsMap.setValueAtIndex(physicalRow, true);
+              _this5.filtersRowsMap.setValueAtIndex(physicalRow, true);
             });
           }, true);
           if (!visibleVisualRows.length) {
@@ -508,7 +542,6 @@ export var Filters = /*#__PURE__*/function (_BasePlugin) {
       this.hot.runHooks('afterFilter', conditions);
       this.hot.view.adjustElementsSize(true);
       this.hot.render();
-      this.clearColumnSelection();
     }
 
     /**
@@ -532,20 +565,6 @@ export var Filters = /*#__PURE__*/function (_BasePlugin) {
       };
     }
 
-    /**
-     * Clears column selection.
-     *
-     * @private
-     */
-  }, {
-    key: "clearColumnSelection",
-    value: function clearColumnSelection() {
-      var selectedColumn = this.getSelectedColumn();
-      if (selectedColumn !== null) {
-        this.hot.selectCell(0, selectedColumn.visualIndex);
-      }
-    }
-
     /**
      * Returns handsontable source data with cell meta based on current selection.
      *
@@ -555,21 +574,21 @@ export var Filters = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "getDataMapAtColumn",
     value: function getDataMapAtColumn(column) {
-      var _this5 = this;
+      var _this6 = this;
       var visualColumn = this.hot.toVisualColumn(column);
       var data = [];
       arrayEach(this.hot.getSourceDataAtCol(visualColumn), function (value, rowIndex) {
-        var _this5$hot$getDataAtC;
-        var _this5$hot$getCellMet = _this5.hot.getCellMeta(rowIndex, visualColumn),
-          row = _this5$hot$getCellMet.row,
-          col = _this5$hot$getCellMet.col,
-          visualCol = _this5$hot$getCellMet.visualCol,
-          visualRow = _this5$hot$getCellMet.visualRow,
-          type = _this5$hot$getCellMet.type,
-          instance = _this5$hot$getCellMet.instance,
-          dateFormat = _this5$hot$getCellMet.dateFormat,
-          locale = _this5$hot$getCellMet.locale;
-        var dataValue = (_this5$hot$getDataAtC = _this5.hot.getDataAtCell(_this5.hot.toVisualRow(rowIndex), visualColumn)) !== null && _this5$hot$getDataAtC !== void 0 ? _this5$hot$getDataAtC : value;
+        var _this6$hot$getDataAtC;
+        var _this6$hot$getCellMet = _this6.hot.getCellMeta(rowIndex, visualColumn),
+          row = _this6$hot$getCellMet.row,
+          col = _this6$hot$getCellMet.col,
+          visualCol = _this6$hot$getCellMet.visualCol,
+          visualRow = _this6$hot$getCellMet.visualRow,
+          type = _this6$hot$getCellMet.type,
+          instance = _this6$hot$getCellMet.instance,
+          dateFormat = _this6$hot$getCellMet.dateFormat,
+          locale = _this6$hot$getCellMet.locale;
+        var dataValue = (_this6$hot$getDataAtC = _this6.hot.getDataAtCell(_this6.hot.toVisualRow(rowIndex), visualColumn)) !== null && _this6$hot$getDataAtC !== void 0 ? _this6$hot$getDataAtC : value;
         data.push({
           meta: {
             row: row,
@@ -596,14 +615,14 @@ export var Filters = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "onAfterChange",
     value: function onAfterChange(changes) {
-      var _this6 = this;
+      var _this7 = this;
       if (changes) {
         arrayEach(changes, function (change) {
           var _change = _slicedToArray(change, 2),
             prop = _change[1];
-          var columnIndex = _this6.hot.propToCol(prop);
-          if (_this6.conditionCollection.hasConditions(columnIndex)) {
-            _this6.updateValueComponentCondition(columnIndex);
+          var columnIndex = _this7.hot.propToCol(prop);
+          if (_this7.conditionCollection.hasConditions(columnIndex)) {
+            _this7.updateValueComponentCondition(columnIndex);
           }
         });
       }
@@ -674,10 +693,10 @@ export var Filters = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "onBeforeDropdownMenuSetItems",
     value: function onBeforeDropdownMenuSetItems() {
-      var _this7 = this;
+      var _this8 = this;
       if (this.dropdownMenuPlugin) {
         this.dropdownMenuPlugin.menu.addLocalHook('afterOpen', function () {
-          _this7.dropdownMenuPlugin.menu.hotMenu.updateSettings({
+          _this8.dropdownMenuPlugin.menu.hotMenu.updateSettings({
             hiddenRows: true
           });
         });
@@ -768,6 +787,7 @@ export var Filters = /*#__PURE__*/function (_BasePlugin) {
         });
         this.filtersRowsMap.clear();
         this.filter();
+        this.hot.selectCell(0, selectedColumn.visualIndex);
       }
       (_this$dropdownMenuPlu3 = this.dropdownMenuPlugin) === null || _this$dropdownMenuPlu3 === void 0 ? void 0 : _this$dropdownMenuPlu3.close();
     }
@@ -860,10 +880,10 @@ export var Filters = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "_createDataFilter",
     value: function _createDataFilter() {
-      var _this8 = this;
+      var _this9 = this;
       var conditionCollection = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.conditionCollection;
       return new DataFilter(conditionCollection, function (physicalColumn) {
-        return _this8.getDataMapAtColumn(physicalColumn);
+        return _this9.getDataMapAtColumn(physicalColumn);
       });
     }
 
@@ -995,12 +1015,12 @@ export var Filters = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "destroy",
     value: function destroy() {
-      var _this9 = this;
+      var _this10 = this;
       if (this.enabled) {
         this.components.forEach(function (component, key) {
           if (component !== null) {
             component.destroy();
-            _this9.components.set(key, null);
+            _this10.components.set(key, null);
           }
         });
         this.conditionCollection.destroy();

package/shortcutContexts/commands/index.js

@@ -20,6 +20,7 @@ var _editor = require("./editor");
 var _extendCellsSelection = require("./extendCellsSelection");
 var _moveCellSelection = require("./moveCellSelection");
 var _emptySelectedCells = require("./emptySelectedCells");
+var _scrollToFocusedCell = require("./scrollToFocusedCell");
 var _selectAll = require("./selectAll");
 var _populateSelectedCellsData = require("./populateSelectedCellsData");
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -28,7 +29,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-var allCommands = [].concat(_toConsumableArray((0, _editor.getAllCommands)()), _toConsumableArray((0, _extendCellsSelection.getAllCommands)()), _toConsumableArray((0, _moveCellSelection.getAllCommands)()), [_emptySelectedCells.command, _selectAll.command, _populateSelectedCellsData.command]);
+var allCommands = [].concat(_toConsumableArray((0, _editor.getAllCommands)()), _toConsumableArray((0, _extendCellsSelection.getAllCommands)()), _toConsumableArray((0, _moveCellSelection.getAllCommands)()), [_emptySelectedCells.command, _scrollToFocusedCell.command, _selectAll.command, _populateSelectedCellsData.command]);
 
 /**
  * Prepares and creates an object with all available commands to trigger.

package/shortcutContexts/commands/index.mjs

@@ -22,9 +22,10 @@ import { getAllCommands as getAllEditorCommands } from "./editor/index.mjs";
 import { getAllCommands as getAllSelectionExtendCommands } from "./extendCellsSelection/index.mjs";
 import { getAllCommands as getAllSelectionMoveCommands } from "./moveCellSelection/index.mjs";
 import { command as emptySelectedCells } from "./emptySelectedCells.mjs";
+import { command as scrollToFocusedCell } from "./scrollToFocusedCell.mjs";
 import { command as selectAll } from "./selectAll.mjs";
 import { command as populateSelectedCellsData } from "./populateSelectedCellsData.mjs";
-var allCommands = [].concat(_toConsumableArray(getAllEditorCommands()), _toConsumableArray(getAllSelectionExtendCommands()), _toConsumableArray(getAllSelectionMoveCommands()), [emptySelectedCells, selectAll, populateSelectedCellsData]);
+var allCommands = [].concat(_toConsumableArray(getAllEditorCommands()), _toConsumableArray(getAllSelectionExtendCommands()), _toConsumableArray(getAllSelectionMoveCommands()), [emptySelectedCells, scrollToFocusedCell, selectAll, populateSelectedCellsData]);
 
 /**
  * Prepares and creates an object with all available commands to trigger.

package/shortcutContexts/commands/scrollToFocusedCell.js

@@ -0,0 +1,38 @@
+"use strict";
+
+exports.__esModule = true;
+exports.command = void 0;
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
+var command = {
+  name: 'scrollToFocusedCell',
+  callback: function callback(hot) {
+    var _hot$getSelectedRange = hot.getSelectedRangeLast(),
+      highlight = _hot$getSelectedRange.highlight;
+    var firstVisibleRow = hot.view.getFirstFullyVisibleRow() - 1;
+    var firstVisibleColumn = hot.view.getFirstFullyVisibleColumn() - 1;
+    var lastVisibleRow = hot.view.getLastFullyVisibleRow() + 1;
+    var lastVisibleColumn = hot.view.getLastFullyVisibleColumn() + 1;
+    var visibleCoordsFrom = hot._createCellCoords(firstVisibleRow, firstVisibleColumn);
+    var visibleCoordsTo = hot._createCellCoords(lastVisibleRow, lastVisibleColumn);
+    var visibleRange = hot._createCellRange(visibleCoordsFrom, visibleCoordsFrom, visibleCoordsTo);
+    if (!visibleRange.includes(highlight) && (highlight.row >= 0 || highlight.col >= 0)) {
+      var offsetRows = Math.floor(hot.countVisibleRows() / 2);
+      var offsetColumns = Math.floor(hot.countVisibleCols() / 2);
+      var scrollX = Math.max(highlight.row - offsetRows, 0);
+      var scrollY = Math.max(highlight.col - offsetColumns, 0);
+      var 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.apply(hot, scrollCoords);
+    }
+  }
+};
+exports.command = command;

package/shortcutContexts/commands/scrollToFocusedCell.mjs

@@ -0,0 +1,33 @@
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.string.includes.js";
+export var command = {
+  name: 'scrollToFocusedCell',
+  callback: function callback(hot) {
+    var _hot$getSelectedRange = hot.getSelectedRangeLast(),
+      highlight = _hot$getSelectedRange.highlight;
+    var firstVisibleRow = hot.view.getFirstFullyVisibleRow() - 1;
+    var firstVisibleColumn = hot.view.getFirstFullyVisibleColumn() - 1;
+    var lastVisibleRow = hot.view.getLastFullyVisibleRow() + 1;
+    var lastVisibleColumn = hot.view.getLastFullyVisibleColumn() + 1;
+    var visibleCoordsFrom = hot._createCellCoords(firstVisibleRow, firstVisibleColumn);
+    var visibleCoordsTo = hot._createCellCoords(lastVisibleRow, lastVisibleColumn);
+    var visibleRange = hot._createCellRange(visibleCoordsFrom, visibleCoordsFrom, visibleCoordsTo);
+    if (!visibleRange.includes(highlight) && (highlight.row >= 0 || highlight.col >= 0)) {
+      var offsetRows = Math.floor(hot.countVisibleRows() / 2);
+      var offsetColumns = Math.floor(hot.countVisibleCols() / 2);
+      var scrollX = Math.max(highlight.row - offsetRows, 0);
+      var scrollY = Math.max(highlight.col - offsetColumns, 0);
+      var 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.apply(hot, scrollCoords);
+    }
+  }
+};

package/shortcutContexts/grid.js

@@ -243,5 +243,10 @@ function shortcutsGridContext(hot) {
     callback: function callback() {
       return commandsPool.moveCellSelectionInlineEnd();
     }
+  }, {
+    keys: [['Control/Meta', 'Backspace']],
+    callback: function callback() {
+      return commandsPool.scrollToFocusedCell();
+    }
   }], config);
 }

package/shortcutContexts/grid.mjs

@@ -239,5 +239,10 @@ export function shortcutsGridContext(hot) {
     callback: function callback() {
       return commandsPool.moveCellSelectionInlineEnd();
     }
+  }, {
+    keys: [['Control/Meta', 'Backspace']],
+    callback: function callback() {
+      return commandsPool.scrollToFocusedCell();
+    }
   }], config);
 }

package/tableView.js

@@ -356,14 +356,11 @@ var TableView = /*#__PURE__*/function () {
       });
       this.eventManager.addEventListener(documentElement, 'mouseup', function (event) {
         if (selection.isInProgress() && (0, _event.isLeftClick)(event)) {
+          // is left mouse button
           selection.finish();
         }
         priv.mouseDown = false;
-        var isOutsideInputElement = (0, _element.isOutsideInput)(rootDocument.activeElement);
-        if (!isOutsideInputElement) {
-          return;
-        }
-        if (isOutsideInputElement || !selection.isSelected() && !selection.isSelectedByAnyHeader() && !rootElement.contains(event.target) && !(0, _event.isRightClick)(event)) {
+        if ((0, _element.isOutsideInput)(rootDocument.activeElement) || !selection.isSelected() && !selection.isSelectedByAnyHeader() && !rootElement.contains(event.target) && !(0, _event.isRightClick)(event)) {
           _this.instance.unlisten();
         }
       });

package/tableView.mjs

@@ -351,14 +351,11 @@ var TableView = /*#__PURE__*/function () {
       });
       this.eventManager.addEventListener(documentElement, 'mouseup', function (event) {
         if (selection.isInProgress() && isLeftClick(event)) {
+          // is left mouse button
           selection.finish();
         }
         priv.mouseDown = false;
-        var isOutsideInputElement = isOutsideInput(rootDocument.activeElement);
-        if (!isOutsideInputElement) {
-          return;
-        }
-        if (isOutsideInputElement || !selection.isSelected() && !selection.isSelectedByAnyHeader() && !rootElement.contains(event.target) && !isRightClick(event)) {
+        if (isOutsideInput(rootDocument.activeElement) || !selection.isSelected() && !selection.isSelectedByAnyHeader() && !rootElement.contains(event.target) && !isRightClick(event)) {
           _this.instance.unlisten();
         }
       });

package/translations/indexMapper.d.ts

@@ -28,8 +28,6 @@ export class IndexMapper {
   getVisualFromPhysicalIndex(physicalIndex: number): number;
   getVisualFromRenderableIndex(renderableIndex: number): number;
   getRenderableFromVisualIndex(visualIndex: number): number;
-  getFirstNotHiddenIndex(fromVisualIndex: number, incrementBy: number,
-    searchAlsoOtherWayAround?: boolean, indexForNextSearch?: number): number | null;
   getNearestNotHiddenIndex(fromVisualIndex: number, searchDirection: 1|-1,
     searchAlsoOtherWayAround?: boolean): number | null;
   initToLength(length?: number): void;