handsontable 0.0.0-next-bfb0e3a-20240403 → 0.0.0-next-5a535ed-20240403

package/plugins/filters/ui/multipleSelect.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.error.cause.js");
 var _element = require("../../../helpers/dom/element");
 var _object = require("../../../helpers/object");
 var _array = require("../../../helpers/array");
@@ -20,9 +20,12 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
-function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
-function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
-function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
+function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
+function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
+function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
+function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
+function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
 const SHORTCUTS_GROUP = 'multipleSelect.itemBox';
 
 /**
@@ -35,7 +38,10 @@ var _locale = /*#__PURE__*/new WeakMap();
 var _searchInput = /*#__PURE__*/new WeakMap();
 var _selectAllUI = /*#__PURE__*/new WeakMap();
 var _clearAllUI = /*#__PURE__*/new WeakMap();
-var _MultipleSelectUI_brand = /*#__PURE__*/new WeakSet();
+var _onInput = /*#__PURE__*/new WeakSet();
+var _onInputKeyDown = /*#__PURE__*/new WeakSet();
+var _onSelectAllClick = /*#__PURE__*/new WeakSet();
+var _onClearAllClick = /*#__PURE__*/new WeakSet();
 class MultipleSelectUI extends _base.BaseUI {
   static get DEFAULTS() {
     return (0, _object.clone)({
@@ -52,52 +58,88 @@ class MultipleSelectUI extends _base.BaseUI {
 
   constructor(hotInstance, options) {
     super(hotInstance, (0, _object.extend)(MultipleSelectUI.DEFAULTS, options));
+    /**
+     * On click listener for "Clear" link.
+     *
+     * @param {DOMEvent} event The mouse event object.
+     */
+    _classPrivateMethodInitSpec(this, _onClearAllClick);
+    /**
+     * On click listener for "Select all" link.
+     *
+     * @param {DOMEvent} event The mouse event object.
+     */
+    _classPrivateMethodInitSpec(this, _onSelectAllClick);
+    /**
+     * 'keydown' event listener for input element.
+     *
+     * @param {Event} event DOM event.
+     */
+    _classPrivateMethodInitSpec(this, _onInputKeyDown);
     /**
      * 'input' event listener for input element.
      *
      * @param {Event} event DOM event.
      */
-    _classPrivateMethodInitSpec(this, _MultipleSelectUI_brand);
-    _classPrivateFieldInitSpec(this, _items, []);
+    _classPrivateMethodInitSpec(this, _onInput);
+    _classPrivateFieldInitSpec(this, _items, {
+      writable: true,
+      value: []
+    });
     /**
      * Handsontable instance used as items list element.
      *
      * @type {Handsontable}
      */
-    _classPrivateFieldInitSpec(this, _itemsBox, void 0);
+    _classPrivateFieldInitSpec(this, _itemsBox, {
+      writable: true,
+      value: void 0
+    });
     /**
      * A locale for the component used to compare filtered values.
      *
      * @type {string}
      */
-    _classPrivateFieldInitSpec(this, _locale, void 0);
+    _classPrivateFieldInitSpec(this, _locale, {
+      writable: true,
+      value: void 0
+    });
     /**
      * Input element.
      *
      * @type {InputUI}
      */
-    _classPrivateFieldInitSpec(this, _searchInput, void 0);
+    _classPrivateFieldInitSpec(this, _searchInput, {
+      writable: true,
+      value: void 0
+    });
     /**
      * "Select all" UI element.
      *
      * @type {LinkUI}
      */
-    _classPrivateFieldInitSpec(this, _selectAllUI, void 0);
+    _classPrivateFieldInitSpec(this, _selectAllUI, {
+      writable: true,
+      value: void 0
+    });
     /**
      * "Clear" UI element.
      *
      * @type {LinkUI}
      */
-    _classPrivateFieldInitSpec(this, _clearAllUI, void 0);
-    _classPrivateFieldSet(_searchInput, this, new _input.InputUI(this.hot, {
+    _classPrivateFieldInitSpec(this, _clearAllUI, {
+      writable: true,
+      value: void 0
+    });
+    _classPrivateFieldSet(this, _searchInput, new _input.InputUI(this.hot, {
       placeholder: C.FILTERS_BUTTONS_PLACEHOLDER_SEARCH,
       className: 'htUIMultipleSelectSearch'
     }));
-    _classPrivateFieldSet(_selectAllUI, this, new _link.LinkUI(this.hot, {
+    _classPrivateFieldSet(this, _selectAllUI, new _link.LinkUI(this.hot, {
       textContent: C.FILTERS_BUTTONS_SELECT_ALL,
       className: 'htUISelectAll'
     }));
-    _classPrivateFieldSet(_clearAllUI, this, new _link.LinkUI(this.hot, {
+    _classPrivateFieldSet(this, _clearAllUI, new _link.LinkUI(this.hot, {
       textContent: C.FILTERS_BUTTONS_CLEAR,
       className: 'htUIClearAll'
     }));
@@ -110,17 +152,17 @@ class MultipleSelectUI extends _base.BaseUI {
    * @returns {Handsontable}
    */
   getItemsBox() {
-    return _classPrivateFieldGet(_itemsBox, this);
+    return _classPrivateFieldGet(this, _itemsBox);
   }
 
   /**
    * Register all necessary hooks.
    */
   registerHooks() {
-    _classPrivateFieldGet(_searchInput, this).addLocalHook('keydown', event => _assertClassBrand(_MultipleSelectUI_brand, this, _onInputKeyDown).call(this, event));
-    _classPrivateFieldGet(_searchInput, this).addLocalHook('input', event => _assertClassBrand(_MultipleSelectUI_brand, this, _onInput).call(this, event));
-    _classPrivateFieldGet(_selectAllUI, this).addLocalHook('click', event => _assertClassBrand(_MultipleSelectUI_brand, this, _onSelectAllClick).call(this, event));
-    _classPrivateFieldGet(_clearAllUI, this).addLocalHook('click', event => _assertClassBrand(_MultipleSelectUI_brand, this, _onClearAllClick).call(this, event));
+    _classPrivateFieldGet(this, _searchInput).addLocalHook('keydown', event => _classPrivateMethodGet(this, _onInputKeyDown, _onInputKeyDown2).call(this, event));
+    _classPrivateFieldGet(this, _searchInput).addLocalHook('input', event => _classPrivateMethodGet(this, _onInput, _onInput2).call(this, event));
+    _classPrivateFieldGet(this, _selectAllUI).addLocalHook('click', event => _classPrivateMethodGet(this, _onSelectAllClick, _onSelectAllClick2).call(this, event));
+    _classPrivateFieldGet(this, _clearAllUI).addLocalHook('click', event => _classPrivateMethodGet(this, _onClearAllClick, _onClearAllClick2).call(this, event));
   }
 
   /**
@@ -129,9 +171,9 @@ class MultipleSelectUI extends _base.BaseUI {
    * @param {Array} items Array of objects with `checked` and `label` property.
    */
   setItems(items) {
-    _classPrivateFieldSet(_items, this, items);
-    if (_classPrivateFieldGet(_itemsBox, this)) {
-      _classPrivateFieldGet(_itemsBox, this).loadData(_classPrivateFieldGet(_items, this));
+    _classPrivateFieldSet(this, _items, items);
+    if (_classPrivateFieldGet(this, _itemsBox)) {
+      _classPrivateFieldGet(this, _itemsBox).loadData(_classPrivateFieldGet(this, _items));
     }
   }
 
@@ -141,7 +183,7 @@ class MultipleSelectUI extends _base.BaseUI {
    * @param {string} locale Locale used for filter actions performed on data, ie. `en-US`.
    */
   setLocale(locale) {
-    _classPrivateFieldSet(_locale, this, locale);
+    _classPrivateFieldSet(this, _locale, locale);
   }
 
   /**
@@ -150,7 +192,7 @@ class MultipleSelectUI extends _base.BaseUI {
    * @returns {string}
    */
   getLocale() {
-    return _classPrivateFieldGet(_locale, this);
+    return _classPrivateFieldGet(this, _locale);
   }
 
   /**
@@ -159,7 +201,7 @@ class MultipleSelectUI extends _base.BaseUI {
    * @returns {Array}
    */
   getItems() {
-    return [..._classPrivateFieldGet(_items, this)];
+    return [..._classPrivateFieldGet(this, _items)];
   }
 
   /**
@@ -168,7 +210,7 @@ class MultipleSelectUI extends _base.BaseUI {
    * @returns {Array} Array of selected values.
    */
   getValue() {
-    return itemsToValue(_classPrivateFieldGet(_items, this));
+    return itemsToValue(_classPrivateFieldGet(this, _items));
   }
 
   /**
@@ -177,7 +219,7 @@ class MultipleSelectUI extends _base.BaseUI {
    * @returns {InputUI}
    */
   getSearchInputElement() {
-    return _classPrivateFieldGet(_searchInput, this);
+    return _classPrivateFieldGet(this, _searchInput);
   }
 
   /**
@@ -186,7 +228,7 @@ class MultipleSelectUI extends _base.BaseUI {
    * @returns {LinkUI}
    */
   getSelectAllElement() {
-    return _classPrivateFieldGet(_selectAllUI, this);
+    return _classPrivateFieldGet(this, _selectAllUI);
   }
 
   /**
@@ -195,7 +237,7 @@ class MultipleSelectUI extends _base.BaseUI {
    * @returns {LinkUI}
    */
   getClearAllElement() {
-    return _classPrivateFieldGet(_clearAllUI, this);
+    return _classPrivateFieldGet(this, _clearAllUI);
   }
 
   /**
@@ -204,7 +246,7 @@ class MultipleSelectUI extends _base.BaseUI {
    * @returns {boolean}
    */
   isSelectedAllValues() {
-    return _classPrivateFieldGet(_items, this).length === this.getValue().length;
+    return _classPrivateFieldGet(this, _items).length === this.getValue().length;
   }
 
   /**
@@ -218,22 +260,22 @@ class MultipleSelectUI extends _base.BaseUI {
     const itemsBoxWrapper = rootDocument.createElement('div');
     const selectionControl = new _base.BaseUI(this.hot, {
       className: 'htUISelectionControls',
-      children: [_classPrivateFieldGet(_selectAllUI, this), _classPrivateFieldGet(_clearAllUI, this)]
+      children: [_classPrivateFieldGet(this, _selectAllUI), _classPrivateFieldGet(this, _clearAllUI)]
     });
-    this._element.appendChild(_classPrivateFieldGet(_searchInput, this).element);
+    this._element.appendChild(_classPrivateFieldGet(this, _searchInput).element);
     this._element.appendChild(selectionControl.element);
     this._element.appendChild(itemsBoxWrapper);
     const hotInitializer = wrapper => {
       if (!this._element) {
         return;
       }
-      if (_classPrivateFieldGet(_itemsBox, this)) {
-        _classPrivateFieldGet(_itemsBox, this).destroy();
+      if (_classPrivateFieldGet(this, _itemsBox)) {
+        _classPrivateFieldGet(this, _itemsBox).destroy();
       }
       (0, _element.addClass)(wrapper, 'htUIMultipleSelectHot');
       // Constructs and initializes a new Handsontable instance
-      _classPrivateFieldSet(_itemsBox, this, new this.hot.constructor(wrapper, {
-        data: _classPrivateFieldGet(_items, this),
+      _classPrivateFieldSet(this, _itemsBox, new this.hot.constructor(wrapper, {
+        data: _classPrivateFieldGet(this, _items),
         columns: [{
           data: 'checked',
           type: 'checkbox',
@@ -249,13 +291,13 @@ class MultipleSelectUI extends _base.BaseUI {
           this.runLocalHooks('focus', this);
         },
         beforeOnCellMouseUp: () => {
-          _classPrivateFieldGet(_itemsBox, this).listen();
+          _classPrivateFieldGet(this, _itemsBox).listen();
         },
         maxCols: 1,
         autoWrapCol: true,
         height: 110,
         // Workaround for #151.
-        colWidths: () => _classPrivateFieldGet(_itemsBox, this).container.scrollWidth - (0, _element.getScrollbarWidth)(rootDocument),
+        colWidths: () => _classPrivateFieldGet(this, _itemsBox).container.scrollWidth - (0, _element.getScrollbarWidth)(rootDocument),
         copyPaste: false,
         disableVisualSelection: 'area',
         fillHandle: false,
@@ -266,8 +308,8 @@ class MultipleSelectUI extends _base.BaseUI {
         },
         layoutDirection: this.hot.isRtl() ? 'rtl' : 'ltr'
       }));
-      _classPrivateFieldGet(_itemsBox, this).init();
-      const shortcutManager = _classPrivateFieldGet(_itemsBox, this).getShortcutManager();
+      _classPrivateFieldGet(this, _itemsBox).init();
+      const shortcutManager = _classPrivateFieldGet(this, _itemsBox).getShortcutManager();
       const gridContext = shortcutManager.getContext('grid');
       gridContext.removeShortcutsByKeys(['Tab']);
       gridContext.removeShortcutsByKeys(['Shift', 'Tab']);
@@ -281,7 +323,7 @@ class MultipleSelectUI extends _base.BaseUI {
       gridContext.addShortcut({
         keys: [['Tab'], ['Shift', 'Tab']],
         callback: event => {
-          _classPrivateFieldGet(_itemsBox, this).deselectCell();
+          _classPrivateFieldGet(this, _itemsBox).deselectCell();
           this.runLocalHooks('keydown', event, this);
           this.runLocalHooks('listTabKeydown', event, this);
         },
@@ -297,7 +339,7 @@ class MultipleSelectUI extends _base.BaseUI {
    */
   focus() {
     if (this.isBuilt()) {
-      _classPrivateFieldGet(_itemsBox, this).listen();
+      _classPrivateFieldGet(this, _itemsBox).listen();
     }
   }
 
@@ -305,9 +347,9 @@ class MultipleSelectUI extends _base.BaseUI {
    * Reset DOM structure.
    */
   reset() {
-    _classPrivateFieldGet(_searchInput, this).reset();
-    _classPrivateFieldGet(_selectAllUI, this).reset();
-    _classPrivateFieldGet(_clearAllUI, this).reset();
+    _classPrivateFieldGet(this, _searchInput).reset();
+    _classPrivateFieldGet(this, _selectAllUI).reset();
+    _classPrivateFieldGet(this, _clearAllUI).reset();
   }
 
   /**
@@ -317,7 +359,7 @@ class MultipleSelectUI extends _base.BaseUI {
     if (!this.isBuilt()) {
       return;
     }
-    _classPrivateFieldGet(_itemsBox, this).loadData(valueToItems(_classPrivateFieldGet(_items, this), this.options.value));
+    _classPrivateFieldGet(this, _itemsBox).loadData(valueToItems(_classPrivateFieldGet(this, _items), this.options.value));
     super.update();
   }
 
@@ -325,73 +367,58 @@ class MultipleSelectUI extends _base.BaseUI {
    * Destroy instance.
    */
   destroy() {
-    if (_classPrivateFieldGet(_itemsBox, this)) {
-      _classPrivateFieldGet(_itemsBox, this).destroy();
+    if (_classPrivateFieldGet(this, _itemsBox)) {
+      _classPrivateFieldGet(this, _itemsBox).destroy();
     }
-    _classPrivateFieldGet(_searchInput, this).destroy();
-    _classPrivateFieldGet(_clearAllUI, this).destroy();
-    _classPrivateFieldGet(_selectAllUI, this).destroy();
-    _classPrivateFieldSet(_searchInput, this, null);
-    _classPrivateFieldSet(_clearAllUI, this, null);
-    _classPrivateFieldSet(_selectAllUI, this, null);
-    _classPrivateFieldSet(_itemsBox, this, null);
-    _classPrivateFieldSet(_items, this, null);
+    _classPrivateFieldGet(this, _searchInput).destroy();
+    _classPrivateFieldGet(this, _clearAllUI).destroy();
+    _classPrivateFieldGet(this, _selectAllUI).destroy();
+    _classPrivateFieldSet(this, _searchInput, null);
+    _classPrivateFieldSet(this, _clearAllUI, null);
+    _classPrivateFieldSet(this, _selectAllUI, null);
+    _classPrivateFieldSet(this, _itemsBox, null);
+    _classPrivateFieldSet(this, _items, null);
     super.destroy();
   }
 }
 exports.MultipleSelectUI = MultipleSelectUI;
-function _onInput(event) {
+function _onInput2(event) {
   const value = event.target.value.toLocaleLowerCase(this.getLocale());
   let filteredItems;
   if (value === '') {
-    filteredItems = [..._classPrivateFieldGet(_items, this)];
+    filteredItems = [..._classPrivateFieldGet(this, _items)];
   } else {
-    filteredItems = (0, _array.arrayFilter)(_classPrivateFieldGet(_items, this), item => `${item.value}`.toLocaleLowerCase(this.getLocale()).indexOf(value) >= 0);
+    filteredItems = (0, _array.arrayFilter)(_classPrivateFieldGet(this, _items), item => `${item.value}`.toLocaleLowerCase(this.getLocale()).indexOf(value) >= 0);
   }
-  _classPrivateFieldGet(_itemsBox, this).loadData(filteredItems);
+  _classPrivateFieldGet(this, _itemsBox).loadData(filteredItems);
 }
-/**
- * 'keydown' event listener for input element.
- *
- * @param {Event} event DOM event.
- */
-function _onInputKeyDown(event) {
+function _onInputKeyDown2(event) {
   this.runLocalHooks('keydown', event, this);
   const isKeyCode = (0, _function.partial)(_unicode.isKey, event.keyCode);
   if (isKeyCode('ARROW_DOWN')) {
     event.preventDefault();
     (0, _event.stopImmediatePropagation)(event);
-    _classPrivateFieldGet(_itemsBox, this).listen();
-    _classPrivateFieldGet(_itemsBox, this).selectCell(0, 0);
+    _classPrivateFieldGet(this, _itemsBox).listen();
+    _classPrivateFieldGet(this, _itemsBox).selectCell(0, 0);
   }
 }
-/**
- * On click listener for "Select all" link.
- *
- * @param {DOMEvent} event The mouse event object.
- */
-function _onSelectAllClick(event) {
+function _onSelectAllClick2(event) {
   const changes = [];
   event.preventDefault();
-  (0, _array.arrayEach)(_classPrivateFieldGet(_itemsBox, this).getSourceData(), (row, rowIndex) => {
+  (0, _array.arrayEach)(_classPrivateFieldGet(this, _itemsBox).getSourceData(), (row, rowIndex) => {
     row.checked = true;
     changes.push((0, _data.dataRowToChangesArray)(row, rowIndex)[0]);
   });
-  _classPrivateFieldGet(_itemsBox, this).setSourceDataAtCell(changes);
+  _classPrivateFieldGet(this, _itemsBox).setSourceDataAtCell(changes);
 }
-/**
- * On click listener for "Clear" link.
- *
- * @param {DOMEvent} event The mouse event object.
- */
-function _onClearAllClick(event) {
+function _onClearAllClick2(event) {
   const changes = [];
   event.preventDefault();
-  (0, _array.arrayEach)(_classPrivateFieldGet(_itemsBox, this).getSourceData(), (row, rowIndex) => {
+  (0, _array.arrayEach)(_classPrivateFieldGet(this, _itemsBox).getSourceData(), (row, rowIndex) => {
     row.checked = false;
     changes.push((0, _data.dataRowToChangesArray)(row, rowIndex)[0]);
   });
-  _classPrivateFieldGet(_itemsBox, this).setSourceDataAtCell(changes);
+  _classPrivateFieldGet(this, _itemsBox).setSourceDataAtCell(changes);
 }
 var _default = exports.default = MultipleSelectUI;
 /**