handsontable 12.1.2 → 12.2.0

package/editors/autocompleteEditor/autocompleteEditor.mjs

@@ -1,31 +1,17 @@
 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); }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
 function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } 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; }
-
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 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; } 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; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : 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; }
-
 import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.string.iterator.js";
@@ -54,28 +40,23 @@ import { KEY_CODES, isPrintableChar } from "../../helpers/unicode.mjs";
 import { textRenderer } from "../../renderers/textRenderer/index.mjs";
 var privatePool = new WeakMap();
 export var EDITOR_TYPE = 'autocomplete';
+
 /**
  * @private
  * @class AutocompleteEditor
  */
-
 export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
   _inherits(AutocompleteEditor, _HandsontableEditor);
-
   var _super = _createSuper(AutocompleteEditor);
-
   function AutocompleteEditor(instance) {
     var _this;
-
     _classCallCheck(this, AutocompleteEditor);
-
     _this = _super.call(this, instance);
     /**
      * Query string to turn available values over.
      *
      * @type {string}
      */
-
     _defineProperty(_assertThisInitialized(_this), "sortByRelevance", function (value, choices, caseSensitive) {
       var choicesRelevance = [];
       var result = [];
@@ -85,25 +66,20 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
       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 = stripTags(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({
@@ -114,16 +90,13 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
           });
         }
       }
-
       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) {
@@ -135,31 +108,25 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
             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.
      *
      * @type {string[]}
      */
-
     _this.strippedChoices = [];
     /**
      * Contains raw choices.
      *
      * @type {Array}
      */
-
     _this.rawChoices = [];
     privatePool.set(_assertThisInitialized(_this), {
       skipOne: false,
@@ -167,61 +134,51 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
     });
     return _this;
   }
+
   /**
    * Gets current value from editable element.
    *
    * @returns {string}
    */
-
-
   _createClass(AutocompleteEditor, [{
     key: "getValue",
     value: function getValue() {
       var _this2 = this;
-
       var selectedValue = this.rawChoices.find(function (value) {
         var strippedValue = _this2.stripValueIfNeeded(value);
-
         return strippedValue === _this2.TEXTAREA.value;
       });
-
       if (isDefined(selectedValue)) {
         return selectedValue;
       }
-
       return this.TEXTAREA.value;
     }
+
     /**
      * Creates an editor's elements and adds necessary CSS classnames.
      */
-
   }, {
     key: "createElements",
     value: function createElements() {
       _get(_getPrototypeOf(AutocompleteEditor.prototype), "createElements", this).call(this);
-
       addClass(this.htContainer, 'autocompleteEditor');
       addClass(this.htContainer, this.hot.rootWindow.navigator.platform.indexOf('Mac') === -1 ? '' : 'htMacScroll');
     }
+
     /**
      * Opens the editor and adjust its size and internal Handsontable's instance.
      */
-
   }, {
     key: "open",
     value: function open() {
       var _this3 = this;
-
       var priv = privatePool.get(this);
-
       _get(_getPrototypeOf(AutocompleteEditor.prototype), "open", this).call(this);
-
       var choicesListHot = this.htEditor.getInstance();
       var trimDropdown = this.cellProperties.trimDropdown === void 0 ? true : this.cellProperties.trimDropdown;
       this.showEditableElement();
       this.focus();
       var scrollbarWidth = getScrollbarWidth();
-
       if (scrollbarWidth === 0 && priv.isMacOS) {
         scrollbarWidth += 15; // default scroll bar width if scroll bars are visible only when scrolling
       }
@@ -235,80 +192,70 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
         renderer: function renderer(instance, TD, row, col, prop, value, cellProperties) {
           textRenderer(instance, TD, row, col, prop, value, cellProperties);
           var _this3$cellProperties = _this3.cellProperties,
-              filteringCaseSensitive = _this3$cellProperties.filteringCaseSensitive,
-              allowHtml = _this3$cellProperties.allowHtml,
-              locale = _this3$cellProperties.locale;
+            filteringCaseSensitive = _this3$cellProperties.filteringCaseSensitive,
+            allowHtml = _this3$cellProperties.allowHtml,
+            locale = _this3$cellProperties.locale;
           var query = _this3.query;
           var cellValue = stringify(value);
           var indexOfMatch;
           var match;
-
           if (cellValue && !allowHtml) {
             indexOfMatch = filteringCaseSensitive === true ? cellValue.indexOf(query) : cellValue.toLocaleLowerCase(locale).indexOf(query.toLocaleLowerCase(locale));
-
             if (indexOfMatch !== -1) {
               match = cellValue.substr(indexOfMatch, query.length);
               cellValue = cellValue.replace(match, "<strong>".concat(match, "</strong>"));
             }
           }
-
           TD.innerHTML = cellValue;
         },
         autoColumnSize: true
       });
-
       if (priv.skipOne) {
         priv.skipOne = false;
       }
-
       this.hot._registerTimeout(function () {
         _this3.queryChoices(_this3.TEXTAREA.value);
       });
     }
+
     /**
      * Closes the editor.
      */
-
   }, {
     key: "close",
     value: function close() {
       this.removeHooksByKey('beforeKeyDown');
-
       _get(_getPrototypeOf(AutocompleteEditor.prototype), "close", this).call(this);
     }
+
     /**
      * Verifies result of validation or closes editor if user's cancelled changes.
      *
      * @param {boolean|undefined} result If `false` and the cell using allowInvalid option,
      *                                   then an editor won't be closed until validation is passed.
      */
-
   }, {
     key: "discardEditor",
     value: function discardEditor(result) {
       _get(_getPrototypeOf(AutocompleteEditor.prototype), "discardEditor", this).call(this, result);
-
       this.hot.view.render();
     }
+
     /**
      * Prepares choices list based on applied argument.
      *
      * @private
      * @param {string} query The query.
      */
-
   }, {
     key: "queryChoices",
     value: function queryChoices(query) {
       var _this4 = this;
-
       var source = this.cellProperties.source;
       this.query = query;
-
       if (typeof source === 'function') {
         source.call(this.cellProperties, query, function (choices) {
           _this4.rawChoices = choices;
-
           _this4.updateChoicesList(_this4.stripValuesIfNeeded(choices));
         });
       } else if (Array.isArray(source)) {
@@ -318,13 +265,13 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
         this.updateChoicesList([]);
       }
     }
+
     /**
      * Updates list of the possible completions to choose.
      *
      * @private
      * @param {Array} choicesList The choices list to process.
      */
-
   }, {
     key: "updateChoicesList",
     value: function updateChoicesList(choicesList) {
@@ -335,66 +282,55 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
       var orderByRelevance = null;
       var highlightIndex = null;
       var choices = choicesList;
-
       if (sortByRelevanceSetting) {
         orderByRelevance = this.sortByRelevance(this.stripValueIfNeeded(this.getValue()), choices, this.cellProperties.filteringCaseSensitive);
       }
-
       var orderByRelevanceLength = Array.isArray(orderByRelevance) ? orderByRelevance.length : 0;
-
       if (filterSetting === false) {
         if (orderByRelevanceLength) {
           highlightIndex = orderByRelevance[0];
         }
       } else {
         var sorted = [];
-
         for (var i = 0, choicesCount = choices.length; i < choicesCount; i++) {
           if (sortByRelevanceSetting && orderByRelevanceLength <= i) {
             break;
           }
-
           if (orderByRelevanceLength) {
             sorted.push(choices[orderByRelevance[i]]);
           } else {
             sorted.push(choices[i]);
           }
         }
-
         highlightIndex = 0;
         choices = sorted;
       }
-
       this.strippedChoices = choices;
       this.htEditor.loadData(pivot([choices]));
       this.updateDropdownHeight();
       this.flipDropdownIfNeeded();
-
       if (this.cellProperties.strict === true) {
         this.highlightBestMatchingChoice(highlightIndex);
       }
-
       this.hot.listen();
       setCaretPosition(this.TEXTAREA, pos, pos === endPos ? void 0 : endPos);
     }
+
     /**
      * Checks where is enough place to open editor.
      *
      * @private
      * @returns {boolean}
      */
-
   }, {
     key: "flipDropdownIfNeeded",
     value: function flipDropdownIfNeeded() {
       var trimmingContainer = getTrimmingContainer(this.hot.view._wt.wtTable.TABLE);
       var isWindowAsScrollableElement = trimmingContainer === this.hot.rootWindow;
       var preventOverflow = this.cellProperties.preventOverflow;
-
       if (isWindowAsScrollableElement || !isWindowAsScrollableElement && (preventOverflow || preventOverflow === 'horizontal')) {
         return false;
       }
-
       var textareaOffset = offset(this.TEXTAREA);
       var textareaHeight = outerHeight(this.TEXTAREA);
       var dropdownHeight = this.getDropdownHeight();
@@ -404,16 +340,15 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
       var spaceAbove = textareaOffset.top - containerOffset.top - headersHeight + trimmingContainerScrollTop;
       var spaceBelow = trimmingContainer.scrollHeight - spaceAbove - headersHeight - textareaHeight;
       var flipNeeded = dropdownHeight > spaceBelow && spaceAbove > spaceBelow;
-
       if (flipNeeded) {
         this.flipDropdown(dropdownHeight);
       } else {
         this.unflipDropdown();
       }
-
       this.limitDropdownIfNeeded(flipNeeded ? spaceAbove : spaceBelow, dropdownHeight);
       return flipNeeded;
     }
+
     /**
      * Checks if the internal table should generate scrollbar or could be rendered without it.
      *
@@ -421,7 +356,6 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
      * @param {number} spaceAvailable The free space as height defined in px available for dropdown list.
      * @param {number} dropdownHeight The dropdown height.
      */
-
   }, {
     key: "limitDropdownIfNeeded",
     value: function limitDropdownIfNeeded(spaceAvailable, dropdownHeight) {
@@ -430,15 +364,12 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
         var i = 0;
         var lastRowHeight = 0;
         var height = null;
-
         do {
           lastRowHeight = this.htEditor.getRowHeight(i) || this.htEditor.view._wt.getSetting('defaultRowHeight');
           tempHeight += lastRowHeight;
           i += 1;
         } while (tempHeight < spaceAvailable);
-
         height = tempHeight - lastRowHeight;
-
         if (this.htEditor.flipped) {
           this.htEditor.rootElement.style.top = "".concat(parseInt(this.htEditor.rootElement.style.top, 10) + dropdownHeight - height, "px"); // eslint-disable-line max-len
         }
@@ -446,13 +377,13 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
         this.setDropdownHeight(tempHeight - lastRowHeight);
       }
     }
+
     /**
      * Configures editor to open it at the top.
      *
      * @private
      * @param {number} dropdownHeight The dropdown height.
      */
-
   }, {
     key: "flipDropdown",
     value: function flipDropdown(dropdownHeight) {
@@ -461,12 +392,12 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
       dropdownStyle.top = "".concat(-dropdownHeight, "px");
       this.htEditor.flipped = true;
     }
+
     /**
      * Configures editor to open it at the bottom.
      *
      * @private
      */
-
   }, {
     key: "unflipDropdown",
     value: function unflipDropdown() {
@@ -475,12 +406,12 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
       dropdownStyle.top = '';
       this.htEditor.flipped = void 0;
     }
+
     /**
      * Updates width and height of the internal Handsontable's instance.
      *
      * @private
      */
-
   }, {
     key: "updateDropdownHeight",
     value: function updateDropdownHeight() {
@@ -490,16 +421,15 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
         height: this.getDropdownHeight(),
         width: trimDropdown ? void 0 : currentDropdownWidth
       });
-
       this.htEditor.view._wt.wtTable.alignOverlaysWithTrimmingContainer();
     }
+
     /**
      * Sets new height of the internal Handsontable's instance.
      *
      * @private
      * @param {number} height The new dropdown height.
      */
-
   }, {
     key: "setDropdownHeight",
     value: function setDropdownHeight(height) {
@@ -507,13 +437,13 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
         height: height
       });
     }
+
     /**
      * Creates new selection on specified row index, or deselects selected cells.
      *
      * @private
      * @param {number|undefined} index The visual row index.
      */
-
   }, {
     key: "highlightBestMatchingChoice",
     value: function highlightBestMatchingChoice(index) {
@@ -523,13 +453,13 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
         this.htEditor.deselectCell();
       }
     }
+
     /**
      * Calculates and return the internal Handsontable's height.
      *
      * @private
      * @returns {number}
      */
-
   }, {
     key: "getDropdownHeight",
     value: function getDropdownHeight() {
@@ -537,6 +467,7 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
       var visibleRows = this.cellProperties.visibleRows;
       return this.strippedChoices.length >= visibleRows ? visibleRows * firstRowHeight : this.strippedChoices.length * firstRowHeight + 8; // eslint-disable-line max-len
     }
+
     /**
      * Sanitizes value from potential dangerous tags.
      *
@@ -544,12 +475,12 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
      * @param {string} value The value to sanitize.
      * @returns {string}
      */
-
   }, {
     key: "stripValueIfNeeded",
     value: function stripValueIfNeeded(value) {
       return this.stripValuesIfNeeded([value])[0];
     }
+
     /**
      * Sanitizes an array of the values from potential dangerous tags.
      *
@@ -557,7 +488,6 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
      * @param {string[]} values The value to sanitize.
      * @returns {string[]}
      */
-
   }, {
     key: "stripValuesIfNeeded",
     value: function stripValuesIfNeeded(values) {
@@ -570,6 +500,7 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
       });
       return strippedValues;
     }
+
     /**
      * Captures use of arrow down and up to control their behaviour.
      *
@@ -577,7 +508,6 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
      * @param {number} keyCode The keyboard keycode.
      * @returns {boolean}
      */
-
   }, {
     key: "allowKeyEventPropagation",
     value: function allowKeyEventPropagation(keyCode) {
@@ -586,56 +516,50 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
         row: selectedRange ? selectedRange.from.row : -1
       };
       var allowed = false;
-
       if (keyCode === KEY_CODES.ARROW_DOWN && selected.row > 0 && selected.row < this.htEditor.countRows() - 1) {
         allowed = true;
       }
-
       if (keyCode === KEY_CODES.ARROW_UP && selected.row > -1) {
         allowed = true;
       }
-
       return allowed;
     }
+
     /**
      * OnBeforeKeyDown callback.
      *
      * @private
      * @param {KeyboardEvent} event The keyboard event object.
      */
-
   }, {
     key: "onBeforeKeyDown",
     value: function onBeforeKeyDown(event) {
       var _this5 = this;
-
       var priv = privatePool.get(this);
       priv.skipOne = false;
-
       if (isPrintableChar(event.keyCode) || event.keyCode === KEY_CODES.BACKSPACE || event.keyCode === KEY_CODES.DELETE || event.keyCode === KEY_CODES.INSERT) {
         // for Windows 10 + FF86 there is need to add delay to make sure that the value taken from
         // the textarea is the freshest value. Otherwise the list of choices does not update correctly (see #7570).
         // On the more modern version of the FF (~ >=91) it seems that the issue is not present or it is
         // more difficult to induce.
-        var timeOffset = 10; // on ctl+c / cmd+c don't update suggestion list
+        var timeOffset = 10;
 
+        // on ctl+c / cmd+c don't update suggestion list
         if (event.keyCode === KEY_CODES.C && (event.ctrlKey || event.metaKey)) {
           return;
         }
-
         if (!this.isOpened()) {
           timeOffset += 10;
         }
-
         if (this.htEditor) {
           this.hot._registerTimeout(function () {
             _this5.queryChoices(_this5.TEXTAREA.value);
-
             priv.skipOne = true;
           }, timeOffset);
         }
       }
     }
+
     /**
      * Filters and sorts by relevance.
      *
@@ -644,13 +568,11 @@ export var AutocompleteEditor = /*#__PURE__*/function (_HandsontableEditor) {
      * @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() {
       return EDITOR_TYPE;
     }
   }]);
-
   return AutocompleteEditor;
 }(HandsontableEditor);

package/editors/autocompleteEditor/index.js

@@ -2,8 +2,6 @@
 
 exports.__esModule = true;
 exports.EDITOR_TYPE = exports.AutocompleteEditor = void 0;
-
 var _autocompleteEditor = require("./autocompleteEditor");
-
 exports.EDITOR_TYPE = _autocompleteEditor.EDITOR_TYPE;
 exports.AutocompleteEditor = _autocompleteEditor.AutocompleteEditor;