handsontable 9.0.1 → 11.0.1

package/editorManager.js

@@ -12,6 +12,8 @@ require("core-js/modules/es.function.name.js");
 
 require("core-js/modules/es.array.from.js");
 
+require("core-js/modules/es.regexp.exec.js");
+
 exports.__esModule = true;
 exports.default = void 0;
 
@@ -49,7 +51,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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; }
 
-function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -121,7 +123,7 @@ var EditorManager = /*#__PURE__*/function () {
      * A reference to an instance of the activeEditor.
      *
      * @private
-     * @type {*}
+     * @type {BaseEditor}
      */
 
     this.activeEditor = void 0;
@@ -201,7 +203,7 @@ var EditorManager = /*#__PURE__*/function () {
     /**
      * Get active editor.
      *
-     * @returns {*}
+     * @returns {BaseEditor}
      */
 
   }, {
@@ -417,9 +419,9 @@ var EditorManager = /*#__PURE__*/function () {
     key: "moveSelectionRight",
     value: function moveSelectionRight(isShiftPressed) {
       if (isShiftPressed) {
-        this.selection.transformEnd(0, 1);
+        this.selection.transformEnd(0, this.instance.getDirectionFactor());
       } else {
-        this.selection.transformStart(0, 1);
+        this.selection.transformStart(0, this.instance.getDirectionFactor());
       }
     }
     /**
@@ -433,9 +435,9 @@ var EditorManager = /*#__PURE__*/function () {
     key: "moveSelectionLeft",
     value: function moveSelectionLeft(isShiftPressed) {
       if (isShiftPressed) {
-        this.selection.transformEnd(0, -1);
+        this.selection.transformEnd(0, -1 * this.instance.getDirectionFactor());
       } else {
-        this.selection.transformStart(0, -1);
+        this.selection.transformStart(0, -1 * this.instance.getDirectionFactor());
       }
     }
     /**
@@ -452,10 +454,11 @@ var EditorManager = /*#__PURE__*/function () {
         return;
       }
 
-      this.instance.runHooks('beforeKeyDown', event); // keyCode 229 aka 'uninitialized' doesn't take into account with editors. This key code is produced when unfinished
+      this.instance.runHooks('beforeKeyDown', event);
+      var keyCode = event.keyCode; // keyCode 229 aka 'uninitialized' doesn't take into account with editors. This key code is produced when unfinished
       // character is entering (using IME editor). It is fired mainly on linux (ubuntu) with installed ibus-pinyin package.
 
-      if (this.destroyed || event.keyCode === 229) {
+      if (this.destroyed || keyCode === 229) {
         return;
       }
 
@@ -463,7 +466,7 @@ var EditorManager = /*#__PURE__*/function () {
         return;
       }
 
-      this.lastKeyCode = event.keyCode;
+      this.lastKeyCode = keyCode;
 
       if (!this.selection.isSelected()) {
         return;
@@ -473,7 +476,7 @@ var EditorManager = /*#__PURE__*/function () {
       var isCtrlPressed = (event.ctrlKey || event.metaKey) && !event.altKey;
 
       if (this.activeEditor && !this.activeEditor.isWaiting()) {
-        if (!(0, _unicode.isMetaKey)(event.keyCode) && !(0, _unicode.isCtrlMetaKey)(event.keyCode) && !isCtrlPressed && !this.isEditorOpened()) {
+        if (!(0, _unicode.isFunctionKey)(keyCode) && !(0, _unicode.isCtrlMetaKey)(keyCode) && !isCtrlPressed && !this.isEditorOpened()) {
           this.openEditor('', event);
           return;
         }
@@ -483,7 +486,7 @@ var EditorManager = /*#__PURE__*/function () {
       var rangeModifier = isShiftPressed ? this.selection.setRangeEnd : this.selection.setRangeStart;
       var tabMoves;
 
-      switch (event.keyCode) {
+      switch (keyCode) {
         case _unicode.KEY_CODES.A:
           if (!this.isEditorOpened() && isCtrlPressed) {
             this.instance.selectAll();

package/editorManager.mjs

@@ -9,6 +9,7 @@ import "core-js/modules/es.symbol.iterator.js";
 import "core-js/modules/es.array.slice.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.array.from.js";
+import "core-js/modules/es.regexp.exec.js";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -18,7 +19,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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; }
 
-function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -29,7 +30,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
 import { CellCoords } from "./3rdparty/walkontable/src/index.mjs";
-import { KEY_CODES, isMetaKey, isCtrlMetaKey } from "./helpers/unicode.mjs";
+import { KEY_CODES, isFunctionKey, isCtrlMetaKey } from "./helpers/unicode.mjs";
 import { stopImmediatePropagation, isImmediatePropagationStopped } from "./helpers/dom/event.mjs";
 import { getEditorInstance } from "./editors/registry.mjs";
 import EventManager from "./eventManager.mjs";
@@ -98,7 +99,7 @@ var EditorManager = /*#__PURE__*/function () {
      * A reference to an instance of the activeEditor.
      *
      * @private
-     * @type {*}
+     * @type {BaseEditor}
      */
 
     this.activeEditor = void 0;
@@ -178,7 +179,7 @@ var EditorManager = /*#__PURE__*/function () {
     /**
      * Get active editor.
      *
-     * @returns {*}
+     * @returns {BaseEditor}
      */
 
   }, {
@@ -394,9 +395,9 @@ var EditorManager = /*#__PURE__*/function () {
     key: "moveSelectionRight",
     value: function moveSelectionRight(isShiftPressed) {
       if (isShiftPressed) {
-        this.selection.transformEnd(0, 1);
+        this.selection.transformEnd(0, this.instance.getDirectionFactor());
       } else {
-        this.selection.transformStart(0, 1);
+        this.selection.transformStart(0, this.instance.getDirectionFactor());
       }
     }
     /**
@@ -410,9 +411,9 @@ var EditorManager = /*#__PURE__*/function () {
     key: "moveSelectionLeft",
     value: function moveSelectionLeft(isShiftPressed) {
       if (isShiftPressed) {
-        this.selection.transformEnd(0, -1);
+        this.selection.transformEnd(0, -1 * this.instance.getDirectionFactor());
       } else {
-        this.selection.transformStart(0, -1);
+        this.selection.transformStart(0, -1 * this.instance.getDirectionFactor());
       }
     }
     /**
@@ -429,10 +430,11 @@ var EditorManager = /*#__PURE__*/function () {
         return;
       }
 
-      this.instance.runHooks('beforeKeyDown', event); // keyCode 229 aka 'uninitialized' doesn't take into account with editors. This key code is produced when unfinished
+      this.instance.runHooks('beforeKeyDown', event);
+      var keyCode = event.keyCode; // keyCode 229 aka 'uninitialized' doesn't take into account with editors. This key code is produced when unfinished
       // character is entering (using IME editor). It is fired mainly on linux (ubuntu) with installed ibus-pinyin package.
 
-      if (this.destroyed || event.keyCode === 229) {
+      if (this.destroyed || keyCode === 229) {
         return;
       }
 
@@ -440,7 +442,7 @@ var EditorManager = /*#__PURE__*/function () {
         return;
       }
 
-      this.lastKeyCode = event.keyCode;
+      this.lastKeyCode = keyCode;
 
       if (!this.selection.isSelected()) {
         return;
@@ -450,7 +452,7 @@ var EditorManager = /*#__PURE__*/function () {
       var isCtrlPressed = (event.ctrlKey || event.metaKey) && !event.altKey;
 
       if (this.activeEditor && !this.activeEditor.isWaiting()) {
-        if (!isMetaKey(event.keyCode) && !isCtrlMetaKey(event.keyCode) && !isCtrlPressed && !this.isEditorOpened()) {
+        if (!isFunctionKey(keyCode) && !isCtrlMetaKey(keyCode) && !isCtrlPressed && !this.isEditorOpened()) {
           this.openEditor('', event);
           return;
         }
@@ -460,7 +462,7 @@ var EditorManager = /*#__PURE__*/function () {
       var rangeModifier = isShiftPressed ? this.selection.setRangeEnd : this.selection.setRangeStart;
       var tabMoves;
 
-      switch (event.keyCode) {
+      switch (keyCode) {
         case KEY_CODES.A:
           if (!this.isEditorOpened() && isCtrlPressed) {
             this.instance.selectAll();

package/editors/autocompleteEditor/autocompleteEditor.d.ts

@@ -0,0 +1,29 @@
+import Core from '../../core';
+import { HandsontableEditor } from '../handsontableEditor';
+
+export const EDITOR_TYPE: 'autocomplete';
+
+export class AutocompleteEditor extends HandsontableEditor {
+  constructor(instance: Core);
+
+  query: string;
+  strippedChoices: string[];
+  rawChoices: string[];
+
+  getValue(): string;
+  queryChoices(query: string): void;
+  updateChoicesList(choicesList: string[]): void;
+  flipDropdownIfNeeded(): boolean;
+  limitDropdownIfNeeded(spaceAvailable: number, dropdownHeight: number): void;
+  flipDropdown(dropdownHeight: number): void;
+  unflipDropdown(): void;
+  updateDropdownHeight(): void;
+  setDropdownHeight(height: number): void;
+  highlightBestMatchingChoice(index?: number): void;
+  getDropdownHeight(): number;
+  stripValueIfNeeded(value: string): string;
+  stripValuesIfNeeded(values: string[]): string[];
+}
+export namespace AutocompleteEditor {
+  export function sortByRelevance(value: any, choices: string[], caseSensitive: boolean): number[];
+}

package/editors/autocompleteEditor/autocompleteEditor.js

@@ -19,7 +19,7 @@ require("core-js/modules/es.symbol.description.js");
 require("core-js/modules/es.symbol.iterator.js");
 
 exports.__esModule = true;
-exports.AutocompleteEditor = exports.EDITOR_TYPE = void 0;
+exports.EDITOR_TYPE = exports.AutocompleteEditor = void 0;
 
 require("core-js/modules/es.array.iterator.js");
 
@@ -33,6 +33,8 @@ require("core-js/modules/web.dom-collections.iterator.js");
 
 require("core-js/modules/es.array.index-of.js");
 
+require("core-js/modules/es.array.sort.js");
+
 require("core-js/modules/es.array.find.js");
 
 require("core-js/modules/es.regexp.exec.js");
@@ -41,8 +43,6 @@ require("core-js/modules/es.string.replace.js");
 
 require("core-js/modules/es.array.filter.js");
 
-require("core-js/modules/es.array.sort.js");
-
 var _handsontableEditor = require("../handsontableEditor");
 
 var _array = require("../../helpers/array");
@@ -63,7 +63,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
 
 function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
 
@@ -73,7 +73,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -81,6 +81,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var privatePool = new WeakMap();
 var EDITOR_TYPE = 'autocomplete';
 /**
@@ -107,6 +109,76 @@ var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
      * @type {string}
      */
 
+    _defineProperty(_assertThisInitialized(_this), "sortByRelevance", function (value, choices, caseSensitive) {
+      var choicesRelevance = [];
+      var result = [];
+      var valueLength = value.length;
+      var choicesCount = choices.length;
+      var charsLeft;
+      var currentItem;
+      var i;
+      var valueIndex;
+
+      if (valueLength === 0) {
+        for (i = 0; i < choicesCount; i++) {
+          result.push(i);
+        }
+
+        return result;
+      }
+
+      for (i = 0; i < choicesCount; i++) {
+        currentItem = (0, _string.stripTags)((0, _mixed.stringify)(choices[i]));
+
+        if (caseSensitive) {
+          valueIndex = currentItem.indexOf(value);
+        } else {
+          var locale = this.cellProperties.locale;
+          valueIndex = currentItem.toLocaleLowerCase(locale).indexOf(value.toLocaleLowerCase(locale));
+        }
+
+        if (valueIndex !== -1) {
+          charsLeft = currentItem.length - valueIndex - valueLength;
+          choicesRelevance.push({
+            baseIndex: i,
+            index: valueIndex,
+            charsLeft: charsLeft,
+            value: currentItem
+          });
+        }
+      }
+
+      choicesRelevance.sort(function (a, b) {
+        if (b.index === -1) {
+          return -1;
+        }
+
+        if (a.index === -1) {
+          return 1;
+        }
+
+        if (a.index < b.index) {
+          return -1;
+        } else if (b.index < a.index) {
+          return 1;
+        } else if (a.index === b.index) {
+          if (a.charsLeft < b.charsLeft) {
+            return -1;
+          } else if (a.charsLeft > b.charsLeft) {
+            return 1;
+          }
+        }
+
+        return 0;
+      });
+
+      for (i = 0, choicesCount = choicesRelevance.length; i < choicesCount; i++) {
+        result.push(choicesRelevance[i].baseIndex);
+      }
+
+      return result;
+    });
+
     _this.query = null;
     /**
      * Contains stripped choices.
@@ -194,14 +266,15 @@ var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
           (0, _textRenderer.textRenderer)(instance, TD, row, col, prop, value, cellProperties);
           var _this3$cellProperties = _this3.cellProperties,
               filteringCaseSensitive = _this3$cellProperties.filteringCaseSensitive,
-              allowHtml = _this3$cellProperties.allowHtml;
+              allowHtml = _this3$cellProperties.allowHtml,
+              locale = _this3$cellProperties.locale;
           var query = _this3.query;
           var cellValue = (0, _mixed.stringify)(value);
           var indexOfMatch;
           var match;
 
           if (cellValue && !allowHtml) {
-            indexOfMatch = filteringCaseSensitive === true ? cellValue.indexOf(query) : cellValue.toLowerCase().indexOf(query.toLowerCase());
+            indexOfMatch = filteringCaseSensitive === true ? cellValue.indexOf(query) : cellValue.toLocaleLowerCase(locale).indexOf(query.toLocaleLowerCase(locale));
 
             if (indexOfMatch !== -1) {
               match = cellValue.substr(indexOfMatch, query.length);
@@ -294,7 +367,7 @@ var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
       var choices = choicesList;
 
       if (sortByRelevanceSetting) {
-        orderByRelevance = AutocompleteEditor.sortByRelevance(this.stripValueIfNeeded(this.getValue()), choices, this.cellProperties.filteringCaseSensitive);
+        orderByRelevance = this.sortByRelevance(this.stripValueIfNeeded(this.getValue()), choices, this.cellProperties.filteringCaseSensitive);
       }
 
       var orderByRelevanceLength = Array.isArray(orderByRelevance) ? orderByRelevance.length : 0;
@@ -595,6 +668,15 @@ var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
 
       _get(_getPrototypeOf(AutocompleteEditor.prototype), "onBeforeKeyDown", this).call(this, event);
     }
+    /**
+     * Filters and sorts by relevance.
+     *
+     * @param {*} value The selected value.
+     * @param {string[]} choices The list of available choices.
+     * @param {boolean} caseSensitive Indicates if it's sorted by case.
+     * @returns {number[]} Array of indexes in original choices array.
+     */
+
   }], [{
     key: "EDITOR_TYPE",
     get: function get() {
@@ -604,83 +686,5 @@ var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
 
   return AutocompleteEditor;
 }(_handsontableEditor.HandsontableEditor);
-/**
- * Filters and sorts by relevance.
- *
- * @param {*} value The selected value.
- * @param {string[]} choices The list of available choices.
- * @param {boolean} caseSensitive Indicates if it's sorted by case.
- * @returns {number[]} Array of indexes in original choices array.
- */
-
-
-exports.AutocompleteEditor = AutocompleteEditor;
-
-AutocompleteEditor.sortByRelevance = function (value, choices, caseSensitive) {
-  var choicesRelevance = [];
-  var result = [];
-  var valueLength = value.length;
-  var choicesCount = choices.length;
-  var charsLeft;
-  var currentItem;
-  var i;
-  var valueIndex;
-
-  if (valueLength === 0) {
-    for (i = 0; i < choicesCount; i++) {
-      result.push(i);
-    }
-
-    return result;
-  }
-
-  for (i = 0; i < choicesCount; i++) {
-    currentItem = (0, _string.stripTags)((0, _mixed.stringify)(choices[i]));
-
-    if (caseSensitive) {
-      valueIndex = currentItem.indexOf(value);
-    } else {
-      valueIndex = currentItem.toLowerCase().indexOf(value.toLowerCase());
-    }
-
-    if (valueIndex !== -1) {
-      charsLeft = currentItem.length - valueIndex - valueLength;
-      choicesRelevance.push({
-        baseIndex: i,
-        index: valueIndex,
-        charsLeft: charsLeft,
-        value: currentItem
-      });
-    }
-  }
-
-  choicesRelevance.sort(function (a, b) {
-    if (b.index === -1) {
-      return -1;
-    }
-
-    if (a.index === -1) {
-      return 1;
-    }
-
-    if (a.index < b.index) {
-      return -1;
-    } else if (b.index < a.index) {
-      return 1;
-    } else if (a.index === b.index) {
-      if (a.charsLeft < b.charsLeft) {
-        return -1;
-      } else if (a.charsLeft > b.charsLeft) {
-        return 1;
-      }
-    }
-
-    return 0;
-  });
-
-  for (i = 0, choicesCount = choicesRelevance.length; i < choicesCount; i++) {
-    result.push(choicesRelevance[i].baseIndex);
-  }
 
-  return result;
-};
+exports.AutocompleteEditor = AutocompleteEditor;