handsontable 0.0.0-next-a1e4b4f-20230628 → 0.0.0-next-e697250-20230707

package/shortcuts/utils.mjs

@@ -6,6 +6,10 @@ import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.join.js";
 import "core-js/modules/es.array.sort.js";
 import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.regexp.constructor.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.regexp.to-string.js";
+import "core-js/modules/es.string.replace.js";
 // This file handles key-name discrepancies between browsers.
 // For the list of discrepancies, go to: https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values.
 var mappings = new Map([[' ', 'space'],
@@ -41,11 +45,23 @@ export var getKeysList = function getKeysList(normalizedKeys) {
 };
 
 /**
- * Normalize a `KeyboardEvent.key` property, to use it for keyboard shortcuts.
+ * The regex tests if the event.code matches to the pattern and it's used to extract letters and digits from
+ * the string.
+ */
+var codeToKeyRegExp = new RegExp('^(?:Key|Digit)([A-Z0-9])$');
+
+/**
+ * Normalizes a keyboard event key value to a key before its modification. When the keyboard event
+ * is triggered with Alt, Control or Shift keys the `key` property contains modified key e.g. for Alt+L
+ * it will be `ł`. But that value is only valid for polish keyboard layout. To fix that limitations, for
+ * letters and digits the value is taken from the `code` property which holds original value before
+ * transformation.
  *
- * @param {string} key KeyboardEvent's key property.
+ * @param {Event} event The KeyboardEvent object.
  * @returns {string}
  */
-export var normalizeEventKey = function normalizeEventKey(key) {
-  return key.toLowerCase();
+export var normalizeEventKey = function normalizeEventKey(_ref) {
+  var key = _ref.key,
+    code = _ref.code;
+  return (codeToKeyRegExp.test(code) ? code.replace(codeToKeyRegExp, '$1') : key).toLowerCase();
 };

package/tableView.js

@@ -7,6 +7,7 @@ require("core-js/modules/es.symbol.description.js");
 require("core-js/modules/es.symbol.iterator.js");
 require("core-js/modules/es.array.from.js");
 require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.regexp.exec.js");
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
@@ -58,98 +59,88 @@ var privatePool = new WeakMap();
 var _columnHeadersCount = /*#__PURE__*/new WeakMap();
 var _rowHeadersCount = /*#__PURE__*/new WeakMap();
 var TableView = /*#__PURE__*/function () {
-  /**
-   * Instance of {@link Handsontable}.
-   *
-   * @private
-   * @type {Handsontable}
-   */
-
-  /**
-   * Instance of {@link EventManager}.
-   *
-   * @private
-   * @type {EventManager}
-   */
-
-  /**
-   * Current Handsontable's GridSettings object.
-   *
-   * @private
-   * @type {GridSettings}
-   */
-
-  /**
-   * Main <THEAD> element.
-   *
-   * @private
-   * @type {HTMLTableSectionElement}
-   */
-
-  /**
-   * Main <TBODY> element.
-   *
-   * @private
-   * @type {HTMLTableSectionElement}
-   */
-
-  /**
-   * Main Walkontable instance.
-   *
-   * @private
-   * @type {Walkontable}
-   */
-
-  /**
-   * Main Walkontable instance.
-   *
-   * @private
-   * @type {Walkontable}
-   */
-
-  /**
-   * The total number of the column header renderers applied to the table through the
-   * `afterGetColumnHeaderRenderers` hook.
-   *
-   * @type {number}
-   */
-
-  /**
-   * The total number of the row header renderers applied to the table through the
-   * `afterGetRowHeaderRenderers` hook.
-   *
-   * @type {number}
-   */
-
-  /**
-   * The flag determines if the `adjustElementsSize` method call was made during
-   * the render suspending. If true, the method has to be triggered once after render
-   * resuming.
-   *
-   * @private
-   * @type {boolean}
-   */
-
   /**
    * @param {Hanstontable} instance Instance of {@link Handsontable}.
    */
   function TableView(instance) {
     _classCallCheck(this, TableView);
+    /**
+     * Instance of {@link Handsontable}.
+     *
+     * @private
+     * @type {Handsontable}
+     */
     _defineProperty(this, "instance", void 0);
+    /**
+     * Instance of {@link EventManager}.
+     *
+     * @private
+     * @type {EventManager}
+     */
     _defineProperty(this, "eventManager", void 0);
+    /**
+     * Current Handsontable's GridSettings object.
+     *
+     * @private
+     * @type {GridSettings}
+     */
     _defineProperty(this, "settings", void 0);
+    /**
+     * Main <THEAD> element.
+     *
+     * @private
+     * @type {HTMLTableSectionElement}
+     */
     _defineProperty(this, "THEAD", void 0);
+    /**
+     * Main <TBODY> element.
+     *
+     * @private
+     * @type {HTMLTableSectionElement}
+     */
     _defineProperty(this, "TBODY", void 0);
+    /**
+     * Main Walkontable instance.
+     *
+     * @private
+     * @type {Walkontable}
+     */
     _defineProperty(this, "_wt", void 0);
+    /**
+     * Main Walkontable instance.
+     *
+     * @private
+     * @type {Walkontable}
+     */
     _defineProperty(this, "activeWt", void 0);
+    /**
+     * The total number of the column header renderers applied to the table through the
+     * `afterGetColumnHeaderRenderers` hook.
+     *
+     * @type {number}
+     */
     _classPrivateFieldInitSpec(this, _columnHeadersCount, {
       writable: true,
       value: 0
     });
+    /**
+     * The total number of the row header renderers applied to the table through the
+     * `afterGetRowHeaderRenderers` hook.
+     *
+     * @type {number}
+     */
     _classPrivateFieldInitSpec(this, _rowHeadersCount, {
       writable: true,
       value: 0
     });
+    /**
+     * The flag determines if the `adjustElementsSize` method call was made during
+     * the render suspending. If true, the method has to be triggered once after render
+     * resuming.
+     *
+     * @private
+     * @type {boolean}
+     */
     _defineProperty(this, "postponedAdjustElementsSize", false);
     this.instance = instance;
     this.eventManager = new _eventManager.default(this.instance);
@@ -309,7 +300,6 @@ var TableView = /*#__PURE__*/function () {
       (0, _element.addClass)(rootElement, 'handsontable');
       priv.table = rootDocument.createElement('TABLE');
       (0, _element.addClass)(priv.table, 'htCore');
-      priv.table.setAttribute('role', 'treegrid');
       if (this.instance.getSettings().tableClassName) {
         (0, _element.addClass)(priv.table, this.instance.getSettings().tableClassName);
       }
@@ -366,11 +356,14 @@ 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;
-        if ((0, _element.isOutsideInput)(rootDocument.activeElement) || !selection.isSelected() && !selection.isSelectedByAnyHeader() && !rootElement.contains(event.target) && !(0, _event.isRightClick)(event)) {
+        var isOutsideInputElement = (0, _element.isOutsideInput)(rootDocument.activeElement);
+        if (!isOutsideInputElement) {
+          return;
+        }
+        if (isOutsideInputElement || !selection.isSelected() && !selection.isSelectedByAnyHeader() && !rootElement.contains(event.target) && !(0, _event.isRightClick)(event)) {
           _this.instance.unlisten();
         }
       });
@@ -623,6 +616,44 @@ var TableView = /*#__PURE__*/function () {
       return this.countNotHiddenRowIndexes(visualFixedRowsBottom, 1);
     }
 
+    /**
+     * The function returns the number of renderable column indexes within the passed range of the visual indexes.
+     *
+     * @param {number} columnStart The column visual start index.
+     * @param {number} columnEnd The column visual end index.
+     * @returns {number}
+     */
+  }, {
+    key: "countRenderableColumnsInRange",
+    value: function countRenderableColumnsInRange(columnStart, columnEnd) {
+      var count = 0;
+      for (var column = columnStart; column <= columnEnd; column++) {
+        if (this.instance.columnIndexMapper.getRenderableFromVisualIndex(column) !== null) {
+          count += 1;
+        }
+      }
+      return count;
+    }
+
+    /**
+     * The function returns the number of renderable row indexes within the passed range of the visual indexes.
+     *
+     * @param {number} rowStart The row visual start index.
+     * @param {number} rowEnd The row visual end index.
+     * @returns {number}
+     */
+  }, {
+    key: "countRenderableRowsInRange",
+    value: function countRenderableRowsInRange(rowStart, rowEnd) {
+      var count = 0;
+      for (var row = rowStart; row <= rowEnd; row++) {
+        if (this.instance.rowIndexMapper.getRenderableFromVisualIndex(row) !== null) {
+          count += 1;
+        }
+      }
+      return count;
+    }
+
     /**
      * Checks if at least one cell than belongs to the main table is not covered by the top, left or
      * bottom overlay.
@@ -884,10 +915,12 @@ var TableView = /*#__PURE__*/function () {
           return _this2.afterRender(force);
         },
         onScrollVertically: function onScrollVertically() {
-          return _this2.instance.runHooks('afterScrollVertically');
+          _this2.instance.runHooks('afterScrollVertically');
+          _this2.instance.runHooks('afterScroll');
         },
         onScrollHorizontally: function onScrollHorizontally() {
-          return _this2.instance.runHooks('afterScrollHorizontally');
+          _this2.instance.runHooks('afterScrollHorizontally');
+          _this2.instance.runHooks('afterScroll');
         },
         onBeforeRemoveCellClassNames: function onBeforeRemoveCellClassNames() {
           return _this2.instance.runHooks('beforeRemoveCellClassNames');
@@ -927,10 +960,7 @@ var TableView = /*#__PURE__*/function () {
           var selectedRange = _this2.instance.selection.getSelectedRange();
           var selectionRangeSize = selectedRange.size();
           if (selectionRangeSize > 0) {
-            // Selection layers are stored from the "oldest" to the "newest". We should calculate the offset.
-            // Please look at the `SelectedRange` class and it's method for getting selection's layer for more information.
-            var selectionOffset = (layerLevel !== null && layerLevel !== void 0 ? layerLevel : 0) + 1 - selectionRangeSize;
-            var selectionForLayer = selectedRange.peekByIndex(selectionOffset);
+            var selectionForLayer = selectedRange.peekByIndex(layerLevel !== null && layerLevel !== void 0 ? layerLevel : 0);
             cornersOfSelection = [selectionForLayer.from.row, selectionForLayer.from.col, selectionForLayer.to.row, selectionForLayer.to.col];
           }
           return _this2.instance.runHooks('afterDrawSelection', visualRowIndex, visualColumnIndex, cornersOfSelection, layerLevel);
@@ -1104,7 +1134,7 @@ var TableView = /*#__PURE__*/function () {
     key: "isSelectedOnlyCell",
     value: function isSelectedOnlyCell() {
       var _this$instance$getSel, _this$instance$getSel2;
-      return (_this$instance$getSel = (_this$instance$getSel2 = this.instance.getSelectedRangeLast()) === null || _this$instance$getSel2 === void 0 ? void 0 : _this$instance$getSel2.isSingle()) !== null && _this$instance$getSel !== void 0 ? _this$instance$getSel : false;
+      return (_this$instance$getSel = (_this$instance$getSel2 = this.instance.getSelectedRangeLast()) === null || _this$instance$getSel2 === void 0 ? void 0 : _this$instance$getSel2.isSingleCell()) !== null && _this$instance$getSel !== void 0 ? _this$instance$getSel : false;
     }
 
     /**

package/tableView.mjs

@@ -36,6 +36,7 @@ import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.symbol.iterator.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.regexp.to-string.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.regexp.exec.js";
 import { addClass, clearTextSelection, empty, fastInnerHTML, fastInnerText, getScrollbarWidth, hasClass, isChildOf, isInput, isOutsideInput } from "./helpers/dom/element.mjs";
@@ -53,98 +54,88 @@ var privatePool = new WeakMap();
 var _columnHeadersCount = /*#__PURE__*/new WeakMap();
 var _rowHeadersCount = /*#__PURE__*/new WeakMap();
 var TableView = /*#__PURE__*/function () {
-  /**
-   * Instance of {@link Handsontable}.
-   *
-   * @private
-   * @type {Handsontable}
-   */
-
-  /**
-   * Instance of {@link EventManager}.
-   *
-   * @private
-   * @type {EventManager}
-   */
-
-  /**
-   * Current Handsontable's GridSettings object.
-   *
-   * @private
-   * @type {GridSettings}
-   */
-
-  /**
-   * Main <THEAD> element.
-   *
-   * @private
-   * @type {HTMLTableSectionElement}
-   */
-
-  /**
-   * Main <TBODY> element.
-   *
-   * @private
-   * @type {HTMLTableSectionElement}
-   */
-
-  /**
-   * Main Walkontable instance.
-   *
-   * @private
-   * @type {Walkontable}
-   */
-
-  /**
-   * Main Walkontable instance.
-   *
-   * @private
-   * @type {Walkontable}
-   */
-
-  /**
-   * The total number of the column header renderers applied to the table through the
-   * `afterGetColumnHeaderRenderers` hook.
-   *
-   * @type {number}
-   */
-
-  /**
-   * The total number of the row header renderers applied to the table through the
-   * `afterGetRowHeaderRenderers` hook.
-   *
-   * @type {number}
-   */
-
-  /**
-   * The flag determines if the `adjustElementsSize` method call was made during
-   * the render suspending. If true, the method has to be triggered once after render
-   * resuming.
-   *
-   * @private
-   * @type {boolean}
-   */
-
   /**
    * @param {Hanstontable} instance Instance of {@link Handsontable}.
    */
   function TableView(instance) {
     _classCallCheck(this, TableView);
+    /**
+     * Instance of {@link Handsontable}.
+     *
+     * @private
+     * @type {Handsontable}
+     */
     _defineProperty(this, "instance", void 0);
+    /**
+     * Instance of {@link EventManager}.
+     *
+     * @private
+     * @type {EventManager}
+     */
     _defineProperty(this, "eventManager", void 0);
+    /**
+     * Current Handsontable's GridSettings object.
+     *
+     * @private
+     * @type {GridSettings}
+     */
     _defineProperty(this, "settings", void 0);
+    /**
+     * Main <THEAD> element.
+     *
+     * @private
+     * @type {HTMLTableSectionElement}
+     */
     _defineProperty(this, "THEAD", void 0);
+    /**
+     * Main <TBODY> element.
+     *
+     * @private
+     * @type {HTMLTableSectionElement}
+     */
     _defineProperty(this, "TBODY", void 0);
+    /**
+     * Main Walkontable instance.
+     *
+     * @private
+     * @type {Walkontable}
+     */
     _defineProperty(this, "_wt", void 0);
+    /**
+     * Main Walkontable instance.
+     *
+     * @private
+     * @type {Walkontable}
+     */
     _defineProperty(this, "activeWt", void 0);
+    /**
+     * The total number of the column header renderers applied to the table through the
+     * `afterGetColumnHeaderRenderers` hook.
+     *
+     * @type {number}
+     */
     _classPrivateFieldInitSpec(this, _columnHeadersCount, {
       writable: true,
       value: 0
     });
+    /**
+     * The total number of the row header renderers applied to the table through the
+     * `afterGetRowHeaderRenderers` hook.
+     *
+     * @type {number}
+     */
     _classPrivateFieldInitSpec(this, _rowHeadersCount, {
       writable: true,
       value: 0
     });
+    /**
+     * The flag determines if the `adjustElementsSize` method call was made during
+     * the render suspending. If true, the method has to be triggered once after render
+     * resuming.
+     *
+     * @private
+     * @type {boolean}
+     */
     _defineProperty(this, "postponedAdjustElementsSize", false);
     this.instance = instance;
     this.eventManager = new EventManager(this.instance);
@@ -304,7 +295,6 @@ var TableView = /*#__PURE__*/function () {
       addClass(rootElement, 'handsontable');
       priv.table = rootDocument.createElement('TABLE');
       addClass(priv.table, 'htCore');
-      priv.table.setAttribute('role', 'treegrid');
       if (this.instance.getSettings().tableClassName) {
         addClass(priv.table, this.instance.getSettings().tableClassName);
       }
@@ -361,11 +351,14 @@ 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;
-        if (isOutsideInput(rootDocument.activeElement) || !selection.isSelected() && !selection.isSelectedByAnyHeader() && !rootElement.contains(event.target) && !isRightClick(event)) {
+        var isOutsideInputElement = isOutsideInput(rootDocument.activeElement);
+        if (!isOutsideInputElement) {
+          return;
+        }
+        if (isOutsideInputElement || !selection.isSelected() && !selection.isSelectedByAnyHeader() && !rootElement.contains(event.target) && !isRightClick(event)) {
           _this.instance.unlisten();
         }
       });
@@ -618,6 +611,44 @@ var TableView = /*#__PURE__*/function () {
       return this.countNotHiddenRowIndexes(visualFixedRowsBottom, 1);
     }
 
+    /**
+     * The function returns the number of renderable column indexes within the passed range of the visual indexes.
+     *
+     * @param {number} columnStart The column visual start index.
+     * @param {number} columnEnd The column visual end index.
+     * @returns {number}
+     */
+  }, {
+    key: "countRenderableColumnsInRange",
+    value: function countRenderableColumnsInRange(columnStart, columnEnd) {
+      var count = 0;
+      for (var column = columnStart; column <= columnEnd; column++) {
+        if (this.instance.columnIndexMapper.getRenderableFromVisualIndex(column) !== null) {
+          count += 1;
+        }
+      }
+      return count;
+    }
+
+    /**
+     * The function returns the number of renderable row indexes within the passed range of the visual indexes.
+     *
+     * @param {number} rowStart The row visual start index.
+     * @param {number} rowEnd The row visual end index.
+     * @returns {number}
+     */
+  }, {
+    key: "countRenderableRowsInRange",
+    value: function countRenderableRowsInRange(rowStart, rowEnd) {
+      var count = 0;
+      for (var row = rowStart; row <= rowEnd; row++) {
+        if (this.instance.rowIndexMapper.getRenderableFromVisualIndex(row) !== null) {
+          count += 1;
+        }
+      }
+      return count;
+    }
+
     /**
      * Checks if at least one cell than belongs to the main table is not covered by the top, left or
      * bottom overlay.
@@ -879,10 +910,12 @@ var TableView = /*#__PURE__*/function () {
           return _this2.afterRender(force);
         },
         onScrollVertically: function onScrollVertically() {
-          return _this2.instance.runHooks('afterScrollVertically');
+          _this2.instance.runHooks('afterScrollVertically');
+          _this2.instance.runHooks('afterScroll');
         },
         onScrollHorizontally: function onScrollHorizontally() {
-          return _this2.instance.runHooks('afterScrollHorizontally');
+          _this2.instance.runHooks('afterScrollHorizontally');
+          _this2.instance.runHooks('afterScroll');
         },
         onBeforeRemoveCellClassNames: function onBeforeRemoveCellClassNames() {
           return _this2.instance.runHooks('beforeRemoveCellClassNames');
@@ -922,10 +955,7 @@ var TableView = /*#__PURE__*/function () {
           var selectedRange = _this2.instance.selection.getSelectedRange();
           var selectionRangeSize = selectedRange.size();
           if (selectionRangeSize > 0) {
-            // Selection layers are stored from the "oldest" to the "newest". We should calculate the offset.
-            // Please look at the `SelectedRange` class and it's method for getting selection's layer for more information.
-            var selectionOffset = (layerLevel !== null && layerLevel !== void 0 ? layerLevel : 0) + 1 - selectionRangeSize;
-            var selectionForLayer = selectedRange.peekByIndex(selectionOffset);
+            var selectionForLayer = selectedRange.peekByIndex(layerLevel !== null && layerLevel !== void 0 ? layerLevel : 0);
             cornersOfSelection = [selectionForLayer.from.row, selectionForLayer.from.col, selectionForLayer.to.row, selectionForLayer.to.col];
           }
           return _this2.instance.runHooks('afterDrawSelection', visualRowIndex, visualColumnIndex, cornersOfSelection, layerLevel);
@@ -1099,7 +1129,7 @@ var TableView = /*#__PURE__*/function () {
     key: "isSelectedOnlyCell",
     value: function isSelectedOnlyCell() {
       var _this$instance$getSel, _this$instance$getSel2;
-      return (_this$instance$getSel = (_this$instance$getSel2 = this.instance.getSelectedRangeLast()) === null || _this$instance$getSel2 === void 0 ? void 0 : _this$instance$getSel2.isSingle()) !== null && _this$instance$getSel !== void 0 ? _this$instance$getSel : false;
+      return (_this$instance$getSel = (_this$instance$getSel2 = this.instance.getSelectedRangeLast()) === null || _this$instance$getSel2 === void 0 ? void 0 : _this$instance$getSel2.isSingleCell()) !== null && _this$instance$getSel !== void 0 ? _this$instance$getSel : false;
     }
 
     /**