handsontable 0.0.0-next-b02b3d1-20230710 → 0.0.0-next-3b33ccd-20230710

package/base.js

@@ -44,8 +44,8 @@ Handsontable.hooks = _pluginHooks.default.getSingleton();
 Handsontable.CellCoords = _src.CellCoords;
 Handsontable.CellRange = _src.CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "10/07/2023 08:56:32";
-Handsontable.version = "0.0.0-next-b02b3d1-20230710";
+Handsontable.buildDate = "10/07/2023 09:29:49";
+Handsontable.version = "0.0.0-next-3b33ccd-20230710";
 Handsontable.languages = {
   dictionaryKeys: _registry.dictionaryKeys,
   getLanguageDictionary: _registry.getLanguageDictionary,

package/base.mjs

@@ -35,8 +35,8 @@ Handsontable.hooks = Hooks.getSingleton();
 Handsontable.CellCoords = CellCoords;
 Handsontable.CellRange = CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "10/07/2023 08:56:52";
-Handsontable.version = "0.0.0-next-b02b3d1-20230710";
+Handsontable.buildDate = "10/07/2023 09:30:03";
+Handsontable.version = "0.0.0-next-3b33ccd-20230710";
 Handsontable.languages = {
   dictionaryKeys: dictionaryKeys,
   getLanguageDictionary: getLanguageDictionary,

package/core.d.ts

@@ -131,6 +131,7 @@ export default class Core {
   rowIndexMapper: IndexMapper;
   runHooks(key: keyof Events, p1?: any, p2?: any, p3?: any, p4?: any, p5?: any, p6?: any): any;
   scrollViewportTo(row?: number, column?: number, snapToBottom?: boolean, snapToRight?: boolean, considerHiddenIndexes?: boolean): boolean;
+  scrollToFocusedCell(callback?: () => void): void;
   selectAll(includeRowHeaders?: boolean, includeColumnHeaders?: boolean, focusPosition?: { row?: number, col?: number }): void;
   selectCell(row: number, col: number, endRow?: number, endCol?: number, scrollToCell?: boolean, changeListener?: boolean): boolean;
   selectCellByProp(row: number, prop: string, endRow?: number, endProp?: string, scrollToCell?: boolean): boolean;

package/core.js

@@ -8,11 +8,10 @@ require("core-js/modules/es.function.name.js");
 exports.__esModule = true;
 exports.default = Core;
 require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.set.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/es.set.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.sort.js");
@@ -25,10 +24,10 @@ require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.replace.js");
 require("core-js/modules/es.array.filter.js");
-require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/es.array.from.js");
 require("core-js/modules/es.array.index-of.js");
 require("core-js/modules/es.array.reverse.js");
+require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/web.timers.js");
 require("core-js/modules/web.immediate.js");
 var _element = require("./helpers/dom/element");
@@ -57,7 +56,6 @@ var _registry5 = require("./i18n/registry");
 var _utils = require("./i18n/utils");
 var _selection = require("./selection");
 var _dataMap = require("./dataMap");
-var _index3 = require("./core/index");
 var _uniqueMap = require("./utils/dataStructures/uniqueMap");
 var _shortcuts = require("./shortcuts");
 var _shortcutContexts = require("./shortcutContexts");
@@ -75,15 +73,6 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 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 activeGuid = null;
 
-/**
- * Keeps the collection of the all Handsontable instances created on the same page. The
- * list is then used to trigger the "afterUnlisten" hook when the "listen()" method was
- * called on another instance.
- *
- * @type {Map<string, Core>}
- */
-var foreignHotInstances = new Map();
-
 /**
  * A set of deprecated feature names.
  *
@@ -261,8 +250,6 @@ function Core(rootElement, userSettings) {
   }
   this.guid = "ht_".concat((0, _string.randomString)()); // this is the namespace for global events
 
-  foreignHotInstances.set(this.guid, this);
-
   /**
    * Instance of index mapper which is responsible for managing the column indexes.
    *
@@ -1119,9 +1106,6 @@ function Core(rootElement, userSettings) {
     this.updateSettings(tableMeta, true);
     this.view = new _tableView.default(this);
     editorManager = _editorManager.default.getInstance(instance, tableMeta, selection);
-    if ((0, _rootInstance.isRootInstance)(this)) {
-      (0, _index3.installFocusCatcher)(instance);
-    }
     instance.runHooks('init');
     this.forceFullRender = true; // used when data was changed
     this.view.render();
@@ -1538,11 +1522,6 @@ function Core(rootElement, userSettings) {
    */
   this.listen = function () {
     if (instance && !instance.isListening()) {
-      foreignHotInstances.forEach(function (foreignHot) {
-        if (instance !== foreignHot) {
-          foreignHot.unlisten();
-        }
-      });
       activeGuid = instance.guid;
       instance.runHooks('afterListen');
     }
@@ -4145,6 +4124,35 @@ function Core(rootElement, userSettings) {
     return false;
   };
 
+  /**
+   * Scrolls the viewport to coordinates specified by the currently focused cell.
+   *
+   * @since 14.0.0
+   * @memberof Core#
+   * @function scrollToFocusedCell
+   * @param {Function} callback The callback function to call after the viewport is scrolled.
+   */
+  this.scrollToFocusedCell = function () {
+    var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};
+    if (!this.selection.isSelected()) {
+      return;
+    }
+    this.addHookOnce('afterScroll', callback);
+    var _this$getSelectedRang = this.getSelectedRangeLast(),
+      highlight = _this$getSelectedRang.highlight;
+    var renderableRowIndex = this.rowIndexMapper.getRenderableFromVisualIndex(highlight.row);
+    var renderableColumnIndex = this.columnIndexMapper.getRenderableFromVisualIndex(highlight.col);
+    var isScrolled = this.view.scrollViewport(this._createCellCoords(renderableRowIndex, renderableColumnIndex));
+    if (isScrolled) {
+      this.view.render();
+    } else {
+      this.removeHook('afterScroll', callback);
+      this._registerImmediate(function () {
+        return callback();
+      });
+    }
+  };
+
   /**
    * Removes the table from the DOM and destroys the instance of the Handsontable.
    *
@@ -4165,7 +4173,6 @@ function Core(rootElement, userSettings) {
     dataSource = null;
     this.getShortcutManager().destroy();
     metaManager.clearCache();
-    foreignHotInstances.delete(this.guid);
     if ((0, _rootInstance.isRootInstance)(instance)) {
       var licenseInfo = this.rootDocument.querySelector('.hot-display-license-info');
       if (licenseInfo) {

package/core.mjs

@@ -10,11 +10,10 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 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; }
 import "core-js/modules/es.array.iterator.js";
-import "core-js/modules/es.map.js";
 import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.set.js";
 import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
-import "core-js/modules/es.set.js";
 import "core-js/modules/es.array.includes.js";
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.sort.js";
@@ -27,10 +26,10 @@ import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.array.filter.js";
-import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.array.index-of.js";
 import "core-js/modules/es.array.reverse.js";
+import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/web.timers.js";
 import "core-js/modules/web.immediate.js";
 import "core-js/modules/es.symbol.js";
@@ -64,21 +63,11 @@ import { hasLanguageDictionary, getValidLanguageCode, getTranslatedPhrase } from
 import { warnUserAboutLanguageRegistration, normalizeLanguageCode } from "./i18n/utils.mjs";
 import { Selection } from "./selection/index.mjs";
 import { MetaManager, DynamicCellMetaMod, ExtendMetaPropertiesMod, replaceData } from "./dataMap/index.mjs";
-import { installFocusCatcher } from "./core/index.mjs";
 import { createUniqueMap } from "./utils/dataStructures/uniqueMap.mjs";
 import { createShortcutManager } from "./shortcuts/index.mjs";
 import { registerAllShortcutContexts } from "./shortcutContexts/index.mjs";
 var activeGuid = null;
 
-/**
- * Keeps the collection of the all Handsontable instances created on the same page. The
- * list is then used to trigger the "afterUnlisten" hook when the "listen()" method was
- * called on another instance.
- *
- * @type {Map<string, Core>}
- */
-var foreignHotInstances = new Map();
-
 /**
  * A set of deprecated feature names.
  *
@@ -256,8 +245,6 @@ export default function Core(rootElement, userSettings) {
   }
   this.guid = "ht_".concat(randomString()); // this is the namespace for global events
 
-  foreignHotInstances.set(this.guid, this);
-
   /**
    * Instance of index mapper which is responsible for managing the column indexes.
    *
@@ -1114,9 +1101,6 @@ export default function Core(rootElement, userSettings) {
     this.updateSettings(tableMeta, true);
     this.view = new TableView(this);
     editorManager = EditorManager.getInstance(instance, tableMeta, selection);
-    if (isRootInstance(this)) {
-      installFocusCatcher(instance);
-    }
     instance.runHooks('init');
     this.forceFullRender = true; // used when data was changed
     this.view.render();
@@ -1533,11 +1517,6 @@ export default function Core(rootElement, userSettings) {
    */
   this.listen = function () {
     if (instance && !instance.isListening()) {
-      foreignHotInstances.forEach(function (foreignHot) {
-        if (instance !== foreignHot) {
-          foreignHot.unlisten();
-        }
-      });
       activeGuid = instance.guid;
       instance.runHooks('afterListen');
     }
@@ -4140,6 +4119,35 @@ export default function Core(rootElement, userSettings) {
     return false;
   };
 
+  /**
+   * Scrolls the viewport to coordinates specified by the currently focused cell.
+   *
+   * @since 14.0.0
+   * @memberof Core#
+   * @function scrollToFocusedCell
+   * @param {Function} callback The callback function to call after the viewport is scrolled.
+   */
+  this.scrollToFocusedCell = function () {
+    var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};
+    if (!this.selection.isSelected()) {
+      return;
+    }
+    this.addHookOnce('afterScroll', callback);
+    var _this$getSelectedRang = this.getSelectedRangeLast(),
+      highlight = _this$getSelectedRang.highlight;
+    var renderableRowIndex = this.rowIndexMapper.getRenderableFromVisualIndex(highlight.row);
+    var renderableColumnIndex = this.columnIndexMapper.getRenderableFromVisualIndex(highlight.col);
+    var isScrolled = this.view.scrollViewport(this._createCellCoords(renderableRowIndex, renderableColumnIndex));
+    if (isScrolled) {
+      this.view.render();
+    } else {
+      this.removeHook('afterScroll', callback);
+      this._registerImmediate(function () {
+        return callback();
+      });
+    }
+  };
+
   /**
    * Removes the table from the DOM and destroys the instance of the Handsontable.
    *
@@ -4160,7 +4168,6 @@ export default function Core(rootElement, userSettings) {
     dataSource = null;
     this.getShortcutManager().destroy();
     metaManager.clearCache();
-    foreignHotInstances.delete(this.guid);
     if (isRootInstance(instance)) {
       var licenseInfo = this.rootDocument.querySelector('.hot-display-license-info');
       if (licenseInfo) {

package/dataMap/metaManager/metaSchema.js

@@ -3131,28 +3131,6 @@ var _default = function _default() {
      * ```
      */
     navigableHeaders: false,
-    /**
-     * When set to `true`, the `disableTabNavigation` option changes the behavior of the
-     * <kbd>Tab</kbd> and <kbd>Shift</kbd>+<kbd>Tab</kbd> keyboard shortcuts. The Handsontable
-     * no more captures that shortcuts to make the grid navigation available (`disableTabNavigation: false`)
-     * but returns control to the browser so the native page navigation is possible.
-     *
-     * @since 14.0.0
-     * @memberof Options#
-     * @type {boolean}
-     * @default false
-     * @category Core
-     *
-     * @example
-     * ```js
-     * // you can't navigate row and column headers using <kbd>Tab</kbd> or <kbd>Shift</kbd>+<kbd>Tab</kbd> keyboard shortcuts
-     * disableTabNavigation: true,
-     *
-     * // default behavior: you can navigate row and column headers using <kbd>Tab</kbd> or <kbd>Shift</kbd>+<kbd>Tab</kbd> keyboard shortcuts
-     * disableTabNavigation: false,
-     * ```
-     */
-    disableTabNavigation: false,
     /**
      * @description
      * The `nestedHeaders` option configures the [`NestedHeaders`](@/api/nestedHeaders.md) plugin.

package/dataMap/metaManager/metaSchema.mjs

@@ -3127,28 +3127,6 @@ export default (function () {
      * ```
      */
     navigableHeaders: false,
-    /**
-     * When set to `true`, the `disableTabNavigation` option changes the behavior of the
-     * <kbd>Tab</kbd> and <kbd>Shift</kbd>+<kbd>Tab</kbd> keyboard shortcuts. The Handsontable
-     * no more captures that shortcuts to make the grid navigation available (`disableTabNavigation: false`)
-     * but returns control to the browser so the native page navigation is possible.
-     *
-     * @since 14.0.0
-     * @memberof Options#
-     * @type {boolean}
-     * @default false
-     * @category Core
-     *
-     * @example
-     * ```js
-     * // you can't navigate row and column headers using <kbd>Tab</kbd> or <kbd>Shift</kbd>+<kbd>Tab</kbd> keyboard shortcuts
-     * disableTabNavigation: true,
-     *
-     * // default behavior: you can navigate row and column headers using <kbd>Tab</kbd> or <kbd>Shift</kbd>+<kbd>Tab</kbd> keyboard shortcuts
-     * disableTabNavigation: false,
-     * ```
-     */
-    disableTabNavigation: false,
     /**
      * @description
      * The `nestedHeaders` option configures the [`NestedHeaders`](@/api/nestedHeaders.md) plugin.

package/dist/handsontable.css

@@ -25,8 +25,8 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  * 
- * Version: 0.0.0-next-b02b3d1-20230710
- * Release date: 22/06/2023 (built at 10/07/2023 08:57:09)
+ * Version: 0.0.0-next-3b33ccd-20230710
+ * Release date: 22/06/2023 (built at 10/07/2023 09:30:15)
  */
 /**
  * Fix for bootstrap styles
@@ -410,17 +410,6 @@ innerBorderBottom - Property controlled by bottom overlay
   font-size: 10px;
 }
 
-.handsontable .htFocusCatcher {
-  position: absolute;
-  z-index: -1;
-  opacity: 0;
-  border: 0;
-  margin: 0;
-  padding: 0;
-  width: 0;
-  height: 0;
-}
-
 /* plugins */
 /* row + column resizer*/
 .handsontable .manualColumnResizer {

package/dist/handsontable.full.css

@@ -25,8 +25,8 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  * 
- * Version: 0.0.0-next-b02b3d1-20230710
- * Release date: 22/06/2023 (built at 10/07/2023 08:57:09)
+ * Version: 0.0.0-next-3b33ccd-20230710
+ * Release date: 22/06/2023 (built at 10/07/2023 09:30:15)
  */
 /**
  * Fix for bootstrap styles
@@ -410,17 +410,6 @@ innerBorderBottom - Property controlled by bottom overlay
   font-size: 10px;
 }
 
-.handsontable .htFocusCatcher {
-  position: absolute;
-  z-index: -1;
-  opacity: 0;
-  border: 0;
-  margin: 0;
-  padding: 0;
-  width: 0;
-  height: 0;
-}
-
 /* plugins */
 /* row + column resizer*/
 .handsontable .manualColumnResizer {