handsontable 13.1.0-next-e1a7d2c-20230831 → 14.0.0-next-d97b156-20231027

package/plugins/filters/ui/radioInput.mjs

@@ -1,12 +1,20 @@
+import "core-js/modules/es.error.cause.js";
+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(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; } }
 import { clone, extend } from "../../../helpers/object.mjs";
-import BaseUI from "./_base.mjs";
-const privatePool = new WeakMap();
-
+import { BaseUI } from "./_base.mjs";
 /**
  * @private
  * @class RadioInputUI
  */
-class RadioInputUI extends BaseUI {
+var _input = /*#__PURE__*/new WeakMap();
+var _label = /*#__PURE__*/new WeakMap();
+export class RadioInputUI extends BaseUI {
   static get DEFAULTS() {
     return clone({
       type: 'radio',
@@ -15,9 +23,28 @@ class RadioInputUI extends BaseUI {
       label: {}
     });
   }
+
+  /**
+   * The reference to the input element.
+   *
+   * @type {HTMLInputElement}
+   */
+
   constructor(hotInstance, options) {
     super(hotInstance, extend(RadioInputUI.DEFAULTS, options));
-    privatePool.set(this, {});
+    _classPrivateFieldInitSpec(this, _input, {
+      writable: true,
+      value: void 0
+    });
+    /**
+     * The reference to the label element.
+     *
+     * @type {HTMLLabelElement}
+     */
+    _classPrivateFieldInitSpec(this, _label, {
+      writable: true,
+      value: void 0
+    });
   }
 
   /**
@@ -25,12 +52,12 @@ class RadioInputUI extends BaseUI {
    */
   build() {
     super.build();
-    const priv = privatePool.get(this);
-    priv.input = this._element.firstChild;
     const label = this.hot.rootDocument.createElement('label');
     label.textContent = this.translateIfPossible(this.options.label.textContent);
     label.htmlFor = this.translateIfPossible(this.options.label.htmlFor);
-    priv.label = label;
+    _classPrivateFieldSet(this, _label, label);
+    _classPrivateFieldSet(this, _input, this._element.firstChild);
+    _classPrivateFieldGet(this, _input).checked = this.options.checked;
     this._element.appendChild(label);
     this.update();
   }
@@ -42,9 +69,7 @@ class RadioInputUI extends BaseUI {
     if (!this.isBuilt()) {
       return;
     }
-    const priv = privatePool.get(this);
-    priv.input.checked = this.options.checked;
-    priv.label.textContent = this.translateIfPossible(this.options.label.textContent);
+    _classPrivateFieldGet(this, _label).textContent = this.translateIfPossible(this.options.label.textContent);
   }
 
   /**
@@ -53,7 +78,7 @@ class RadioInputUI extends BaseUI {
    * @returns {boolean}
    */
   isChecked() {
-    return this.options.checked;
+    return _classPrivateFieldGet(this, _input).checked;
   }
 
   /**
@@ -63,8 +88,9 @@ class RadioInputUI extends BaseUI {
    */
   setChecked() {
     let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    this.options.checked = value;
-    this.update();
+    if (this.isBuilt()) {
+      _classPrivateFieldGet(this, _input).checked = value;
+    }
   }
 
   /**
@@ -72,8 +98,7 @@ class RadioInputUI extends BaseUI {
    */
   focus() {
     if (this.isBuilt()) {
-      privatePool.get(this).input.focus();
+      _classPrivateFieldGet(this, _input).focus();
     }
   }
-}
-export default RadioInputUI;
+}

package/plugins/filters/ui/select.js

@@ -1,51 +1,128 @@
 "use strict";
 
+require("core-js/modules/es.error.cause.js");
 exports.__esModule = true;
-var _menu = _interopRequireDefault(require("../../../plugins/contextMenu/menu"));
+var _menu2 = require("../../../plugins/contextMenu/menu");
 var _object = require("../../../helpers/object");
 var _array = require("../../../helpers/array");
+var _element = require("../../../helpers/dom/element");
 var C = _interopRequireWildcard(require("../../../i18n/constants"));
 var _predefinedItems = require("../../../plugins/contextMenu/predefinedItems");
-var _base = _interopRequireDefault(require("./_base"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const privatePool = new WeakMap();
-
+var _base = require("./_base");
+var _a11y = require("../../../helpers/a11y");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
+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; } }
+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 _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
+function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
 /**
  * @private
  * @class SelectUI
  */
-class SelectUI extends _base.default {
+var _menu = /*#__PURE__*/new WeakMap();
+var _items = /*#__PURE__*/new WeakMap();
+var _caption = /*#__PURE__*/new WeakMap();
+var _captionElement = /*#__PURE__*/new WeakMap();
+var _dropdown = /*#__PURE__*/new WeakMap();
+var _onMenuSelect = /*#__PURE__*/new WeakSet();
+var _onMenuClosed = /*#__PURE__*/new WeakSet();
+var _onClick = /*#__PURE__*/new WeakSet();
+class SelectUI extends _base.BaseUI {
   static get DEFAULTS() {
     return (0, _object.clone)({
       className: 'htUISelect',
-      wrapIt: false
+      wrapIt: false,
+      tabIndex: -1
     });
   }
+
+  /**
+   * Instance of {@link Menu}.
+   *
+   * @type {Menu}
+   */
+
   constructor(hotInstance, options) {
     super(hotInstance, (0, _object.extend)(SelectUI.DEFAULTS, options));
-    privatePool.set(this, {});
     /**
-     * Instance of {@link Menu}.
+     * On element click listener.
      *
-     * @type {Menu}
+     * @private
      */
-    this.menu = null;
+    _classPrivateMethodInitSpec(this, _onClick);
+    /**
+     * On menu closed listener.
+     */
+    _classPrivateMethodInitSpec(this, _onMenuClosed);
+    /**
+     * On menu selected listener.
+     *
+     * @param {object} command Selected item.
+     */
+    _classPrivateMethodInitSpec(this, _onMenuSelect);
+    _classPrivateFieldInitSpec(this, _menu, {
+      writable: true,
+      value: null
+    });
     /**
      * List of available select options.
      *
      * @type {Array}
      */
-    this.items = [];
+    _classPrivateFieldInitSpec(this, _items, {
+      writable: true,
+      value: []
+    });
+    /**
+     * The reference to the BaseUI instance of the caption.
+     *
+     * @type {BaseUI}
+     */
+    _classPrivateFieldInitSpec(this, _caption, {
+      writable: true,
+      value: void 0
+    });
+    /**
+     * The reference to the table caption element.
+     *
+     * @type {HTMLTableCaptionElement}
+     */
+    _classPrivateFieldInitSpec(this, _captionElement, {
+      writable: true,
+      value: void 0
+    });
+    /**
+     * The reference to the BaseUI instance of the dropdown.
+     *
+     * @type {BaseUI}
+     */
+    _classPrivateFieldInitSpec(this, _dropdown, {
+      writable: true,
+      value: void 0
+    });
     this.registerHooks();
   }
 
+  /**
+   * Gets the instance of the Menu.
+   *
+   * @returns {Menu}
+   */
+  getMenu() {
+    return _classPrivateFieldGet(this, _menu);
+  }
+
   /**
    * Register all necessary hooks.
    */
   registerHooks() {
-    this.addLocalHook('click', () => this.onClick());
+    this.addLocalHook('click', () => _classPrivateMethodGet(this, _onClick, _onClick2).call(this));
   }
 
   /**
@@ -54,9 +131,9 @@ class SelectUI extends _base.default {
    * @param {Array} items Array of objects with required keys `key` and `name`.
    */
   setItems(items) {
-    this.items = this.translateNames(items);
-    if (this.menu) {
-      this.menu.setMenuItems(this.items);
+    _classPrivateFieldSet(this, _items, this.translateNames(items));
+    if (_classPrivateFieldGet(this, _menu)) {
+      _classPrivateFieldGet(this, _menu).setMenuItems(_classPrivateFieldGet(this, _items));
     }
   }
 
@@ -78,26 +155,29 @@ class SelectUI extends _base.default {
    */
   build() {
     super.build();
-    this.menu = new _menu.default(this.hot, {
+    _classPrivateFieldSet(this, _menu, new _menu2.Menu(this.hot, {
       className: 'htSelectUI htFiltersConditionsMenu',
       keepInViewport: false,
       standalone: true,
       container: this.options.menuContainer
-    });
-    this.menu.setMenuItems(this.items);
-    const caption = new _base.default(this.hot, {
+    }));
+    _classPrivateFieldGet(this, _menu).setMenuItems(_classPrivateFieldGet(this, _items));
+    const caption = new _base.BaseUI(this.hot, {
       className: 'htUISelectCaption'
     });
-    const dropdown = new _base.default(this.hot, {
+    const dropdown = new _base.BaseUI(this.hot, {
       className: 'htUISelectDropdown'
     });
-    const priv = privatePool.get(this);
-    priv.caption = caption;
-    priv.captionElement = caption.element;
-    priv.dropdown = dropdown;
+    _classPrivateFieldSet(this, _caption, caption);
+    _classPrivateFieldSet(this, _captionElement, caption.element);
+    _classPrivateFieldSet(this, _dropdown, dropdown);
+    if (this.hot.getSettings().ariaTags) {
+      (0, _element.setAttribute)(dropdown.element, [(0, _a11y.A11Y_HIDDEN)()]);
+      (0, _element.setAttribute)(this._element, [(0, _a11y.A11Y_LISTBOX)()]);
+    }
     (0, _array.arrayEach)([caption, dropdown], element => this._element.appendChild(element.element));
-    this.menu.addLocalHook('select', command => this.onMenuSelect(command));
-    this.menu.addLocalHook('afterClose', () => this.onMenuClosed());
+    _classPrivateFieldGet(this, _menu).addLocalHook('select', command => _classPrivateMethodGet(this, _onMenuSelect, _onMenuSelect2).call(this, command));
+    _classPrivateFieldGet(this, _menu).addLocalHook('afterClose', () => _classPrivateMethodGet(this, _onMenuClosed, _onMenuClosed2).call(this));
     this.update();
   }
 
@@ -112,9 +192,9 @@ class SelectUI extends _base.default {
     if (this.options.value) {
       conditionName = this.options.value.name;
     } else {
-      conditionName = this.menu.hot.getTranslatedPhrase(C.FILTERS_CONDITIONS_NONE);
+      conditionName = _classPrivateFieldGet(this, _menu).hot.getTranslatedPhrase(C.FILTERS_CONDITIONS_NONE);
     }
-    privatePool.get(this).captionElement.textContent = conditionName;
+    _classPrivateFieldGet(this, _captionElement).textContent = conditionName;
     super.update();
   }
 
@@ -123,14 +203,25 @@ class SelectUI extends _base.default {
    */
   openOptions() {
     const rect = this.element.getBoundingClientRect();
-    if (this.menu) {
-      this.menu.open();
-      this.menu.setPosition({
+    if (_classPrivateFieldGet(this, _menu)) {
+      _classPrivateFieldGet(this, _menu).open();
+      _classPrivateFieldGet(this, _menu).setPosition({
         left: this.hot.isLtr() ? rect.left - 5 : rect.left - 31,
         top: rect.top - 1,
         width: rect.width,
         height: rect.height
       });
+      _classPrivateFieldGet(this, _menu).getNavigator().toFirstItem();
+      _classPrivateFieldGet(this, _menu).getKeyboardShortcutsCtrl().addCustomShortcuts([{
+        keys: [['Tab'], ['Shift', 'Tab']],
+        callback: event => {
+          this.closeOptions();
+          this.runLocalHooks('tabKeydown', event);
+        }
+      }, {
+        keys: [['Control/Meta', 'A']],
+        callback: () => false
+      }]);
     }
   }
 
@@ -138,63 +229,47 @@ class SelectUI extends _base.default {
    * Close select dropdown menu.
    */
   closeOptions() {
-    if (this.menu) {
-      this.menu.close();
+    if (_classPrivateFieldGet(this, _menu)) {
+      _classPrivateFieldGet(this, _menu).close();
     }
   }
 
   /**
-   * On menu selected listener.
-   *
-   * @private
-   * @param {object} command Selected item.
+   * Focus element.
    */
-  onMenuSelect(command) {
-    if (command.name !== _predefinedItems.SEPARATOR) {
-      this.options.value = command;
-      this.update();
-      this.runLocalHooks('select', this.options.value);
+  focus() {
+    if (this.isBuilt()) {
+      this.element.focus();
     }
   }
-
-  /**
-   * On menu closed listener.
-   *
-   * @private
-   */
-  onMenuClosed() {
-    this.runLocalHooks('afterClose');
-  }
-
-  /**
-   * On element click listener.
-   *
-   * @private
-   */
-  onClick() {
-    this.openOptions();
-  }
-
   /**
    * Destroy instance.
    */
   destroy() {
-    if (this.menu) {
-      this.menu.destroy();
-      this.menu = null;
+    if (_classPrivateFieldGet(this, _menu)) {
+      _classPrivateFieldGet(this, _menu).destroy();
+      _classPrivateFieldSet(this, _menu, null);
     }
-    const {
-      caption,
-      dropdown
-    } = privatePool.get(this);
-    if (caption) {
-      caption.destroy();
+    if (_classPrivateFieldGet(this, _caption)) {
+      _classPrivateFieldGet(this, _caption).destroy();
     }
-    if (dropdown) {
-      dropdown.destroy();
+    if (_classPrivateFieldGet(this, _dropdown)) {
+      _classPrivateFieldGet(this, _dropdown).destroy();
     }
     super.destroy();
   }
 }
-var _default = SelectUI;
-exports.default = _default;
+exports.SelectUI = SelectUI;
+function _onMenuSelect2(command) {
+  if (command.name !== _predefinedItems.SEPARATOR) {
+    this.options.value = command;
+    this.update();
+    this.runLocalHooks('select', this.options.value);
+  }
+}
+function _onMenuClosed2() {
+  this.runLocalHooks('afterClose');
+}
+function _onClick2() {
+  this.openOptions();
+}