handsontable 0.0.0-next-b0a4ea2-20231024 → 0.0.0-next-9059914-20231025

package/plugins/filters/component/condition.js

@@ -2,56 +2,39 @@
 
 exports.__esModule = true;
 require("core-js/modules/es.array.push.js");
-require("core-js/modules/es.error.cause.js");
 var _element = require("../../../helpers/dom/element");
 var _event = require("../../../helpers/dom/event");
 var _array = require("../../../helpers/array");
 var _unicode = require("../../../helpers/unicode");
 var _object = require("../../../helpers/object");
 var C = _interopRequireWildcard(require("../../../i18n/constants"));
-var _base = require("./_base");
+var _base = _interopRequireDefault(require("./_base"));
 var _constants2 = _interopRequireWildcard(require("../constants"));
-var _input = require("../ui/input");
-var _select = require("../ui/select");
+var _input = _interopRequireDefault(require("../ui/input"));
+var _select = _interopRequireDefault(require("../ui/select"));
 var _conditionRegisterer = require("../conditionRegisterer");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
-function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
-function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 /**
  * @private
  * @class ConditionComponent
  */
-var _onConditionSelect = /*#__PURE__*/new WeakSet();
-var _onInputKeyDown = /*#__PURE__*/new WeakSet();
-class ConditionComponent extends _base.BaseComponent {
+class ConditionComponent extends _base.default {
   constructor(hotInstance, options) {
     super(hotInstance, {
       id: options.id,
       stateless: false
     });
-    /**
-     * Key down listener.
-     *
-     * @param {Event} event The DOM event object.
-     */
-    _classPrivateMethodInitSpec(this, _onInputKeyDown);
-    /**
-     * On condition select listener.
-     *
-     * @param {object} command Menu item object (command).
-     */
-    _classPrivateMethodInitSpec(this, _onConditionSelect);
     this.name = options.name;
     this.addSeparator = options.addSeparator;
-    this.elements.push(new _select.SelectUI(this.hot, {
+    this.elements.push(new _select.default(this.hot, {
       menuContainer: options.menuContainer
     }));
-    this.elements.push(new _input.InputUI(this.hot, {
+    this.elements.push(new _input.default(this.hot, {
       placeholder: C.FILTERS_BUTTONS_PLACEHOLDER_VALUE
     }));
-    this.elements.push(new _input.InputUI(this.hot, {
+    this.elements.push(new _input.default(this.hot, {
       placeholder: C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE
     }));
     this.registerHooks();
@@ -63,9 +46,10 @@ class ConditionComponent extends _base.BaseComponent {
    * @private
    */
   registerHooks() {
-    this.getSelectElement().addLocalHook('select', command => _classPrivateMethodGet(this, _onConditionSelect, _onConditionSelect2).call(this, command)).addLocalHook('afterClose', () => this.runLocalHooks('afterClose')).addLocalHook('tabKeydown', event => this.runLocalHooks('selectTabKeydown', event));
+    this.getSelectElement().addLocalHook('select', command => this.onConditionSelect(command));
+    this.getSelectElement().addLocalHook('afterClose', () => this.onSelectUIClosed());
     (0, _array.arrayEach)(this.getInputElements(), input => {
-      input.addLocalHook('keydown', event => _classPrivateMethodGet(this, _onInputKeyDown, _onInputKeyDown2).call(this, event));
+      input.addLocalHook('keydown', event => this.onInputKeyDown(event));
     });
   }
 
@@ -92,7 +76,7 @@ class ConditionComponent extends _base.BaseComponent {
       element.setValue(arg);
       element[copyOfCommand.inputsCount > index ? 'show' : 'hide']();
       if (!index) {
-        this.hot._registerTimeout(() => element.focus(), 10);
+        setTimeout(() => element.focus(), 10);
       }
     });
   }
@@ -141,7 +125,7 @@ class ConditionComponent extends _base.BaseComponent {
    * @returns {SelectUI}
    */
   getSelectElement() {
-    return this.elements.filter(element => element instanceof _select.SelectUI)[0];
+    return this.elements.filter(element => element instanceof _select.default)[0];
   }
 
   /**
@@ -161,7 +145,7 @@ class ConditionComponent extends _base.BaseComponent {
    * @returns {Array}
    */
   getInputElements() {
-    return this.elements.filter(element => element instanceof _input.InputUI);
+    return this.elements.filter(element => element instanceof _input.default);
   }
 
   /**
@@ -185,7 +169,9 @@ class ConditionComponent extends _base.BaseComponent {
         (0, _element.addClass)(label, 'htFiltersMenuLabel');
         label.textContent = value;
         wrapper.appendChild(label);
-        (0, _array.arrayEach)(this.elements, ui => wrapper.appendChild(ui.element));
+        if (!wrapper.parentNode.hasAttribute('ghost-table')) {
+          (0, _array.arrayEach)(this.elements, ui => wrapper.appendChild(ui.element));
+        }
         return wrapper;
       }
     };
@@ -209,20 +195,47 @@ class ConditionComponent extends _base.BaseComponent {
     // Select element as default 'None'
     this.getSelectElement().setValue(items[0]);
   }
-}
-exports.ConditionComponent = ConditionComponent;
-function _onConditionSelect2(command) {
-  (0, _array.arrayEach)(this.getInputElements(), (element, index) => {
-    element[command.inputsCount > index ? 'show' : 'hide']();
-    if (index === 0) {
-      this.hot._registerTimeout(() => element.focus(), 10);
+
+  /**
+   * On condition select listener.
+   *
+   * @private
+   * @param {object} command Menu item object (command).
+   */
+  onConditionSelect(command) {
+    (0, _array.arrayEach)(this.getInputElements(), (element, index) => {
+      element[command.inputsCount > index ? 'show' : 'hide']();
+      if (index === 0) {
+        setTimeout(() => element.focus(), 10);
+      }
+    });
+    this.runLocalHooks('change', command);
+  }
+
+  /**
+   * On component SelectUI closed listener.
+   *
+   * @private
+   */
+  onSelectUIClosed() {
+    this.runLocalHooks('afterClose');
+  }
+
+  /**
+   * Key down listener.
+   *
+   * @private
+   * @param {Event} event The DOM event object.
+   */
+  onInputKeyDown(event) {
+    if ((0, _unicode.isKey)(event.keyCode, 'ENTER')) {
+      this.runLocalHooks('accept');
+      (0, _event.stopImmediatePropagation)(event);
+    } else if ((0, _unicode.isKey)(event.keyCode, 'ESCAPE')) {
+      this.runLocalHooks('cancel');
+      (0, _event.stopImmediatePropagation)(event);
     }
-  });
-  this.runLocalHooks('change', command);
-}
-function _onInputKeyDown2(event) {
-  if ((0, _unicode.isKey)(event.keyCode, 'ESCAPE')) {
-    this.runLocalHooks('cancel');
-    (0, _event.stopImmediatePropagation)(event);
   }
-}
+}
+var _default = ConditionComponent;
+exports.default = _default;

package/plugins/filters/component/condition.mjs

@@ -1,43 +1,25 @@
 import "core-js/modules/es.array.push.js";
-import "core-js/modules/es.error.cause.js";
-function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
-function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
-function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 import { addClass } from "../../../helpers/dom/element.mjs";
 import { stopImmediatePropagation } from "../../../helpers/dom/event.mjs";
 import { arrayEach } from "../../../helpers/array.mjs";
 import { isKey } from "../../../helpers/unicode.mjs";
 import { clone } from "../../../helpers/object.mjs";
 import * as C from "../../../i18n/constants.mjs";
-import { BaseComponent } from "./_base.mjs";
+import BaseComponent from "./_base.mjs";
 import getOptionsList, { CONDITION_NONE } from "../constants.mjs";
-import { InputUI } from "../ui/input.mjs";
-import { SelectUI } from "../ui/select.mjs";
+import InputUI from "../ui/input.mjs";
+import SelectUI from "../ui/select.mjs";
 import { getConditionDescriptor } from "../conditionRegisterer.mjs";
 /**
  * @private
  * @class ConditionComponent
  */
-var _onConditionSelect = /*#__PURE__*/new WeakSet();
-var _onInputKeyDown = /*#__PURE__*/new WeakSet();
-export class ConditionComponent extends BaseComponent {
+class ConditionComponent extends BaseComponent {
   constructor(hotInstance, options) {
     super(hotInstance, {
       id: options.id,
       stateless: false
     });
-    /**
-     * Key down listener.
-     *
-     * @param {Event} event The DOM event object.
-     */
-    _classPrivateMethodInitSpec(this, _onInputKeyDown);
-    /**
-     * On condition select listener.
-     *
-     * @param {object} command Menu item object (command).
-     */
-    _classPrivateMethodInitSpec(this, _onConditionSelect);
     this.name = options.name;
     this.addSeparator = options.addSeparator;
     this.elements.push(new SelectUI(this.hot, {
@@ -58,9 +40,10 @@ export class ConditionComponent extends BaseComponent {
    * @private
    */
   registerHooks() {
-    this.getSelectElement().addLocalHook('select', command => _classPrivateMethodGet(this, _onConditionSelect, _onConditionSelect2).call(this, command)).addLocalHook('afterClose', () => this.runLocalHooks('afterClose')).addLocalHook('tabKeydown', event => this.runLocalHooks('selectTabKeydown', event));
+    this.getSelectElement().addLocalHook('select', command => this.onConditionSelect(command));
+    this.getSelectElement().addLocalHook('afterClose', () => this.onSelectUIClosed());
     arrayEach(this.getInputElements(), input => {
-      input.addLocalHook('keydown', event => _classPrivateMethodGet(this, _onInputKeyDown, _onInputKeyDown2).call(this, event));
+      input.addLocalHook('keydown', event => this.onInputKeyDown(event));
     });
   }
 
@@ -87,7 +70,7 @@ export class ConditionComponent extends BaseComponent {
       element.setValue(arg);
       element[copyOfCommand.inputsCount > index ? 'show' : 'hide']();
       if (!index) {
-        this.hot._registerTimeout(() => element.focus(), 10);
+        setTimeout(() => element.focus(), 10);
       }
     });
   }
@@ -180,7 +163,9 @@ export class ConditionComponent extends BaseComponent {
         addClass(label, 'htFiltersMenuLabel');
         label.textContent = value;
         wrapper.appendChild(label);
-        arrayEach(this.elements, ui => wrapper.appendChild(ui.element));
+        if (!wrapper.parentNode.hasAttribute('ghost-table')) {
+          arrayEach(this.elements, ui => wrapper.appendChild(ui.element));
+        }
         return wrapper;
       }
     };
@@ -204,19 +189,46 @@ export class ConditionComponent extends BaseComponent {
     // Select element as default 'None'
     this.getSelectElement().setValue(items[0]);
   }
-}
-function _onConditionSelect2(command) {
-  arrayEach(this.getInputElements(), (element, index) => {
-    element[command.inputsCount > index ? 'show' : 'hide']();
-    if (index === 0) {
-      this.hot._registerTimeout(() => element.focus(), 10);
+
+  /**
+   * On condition select listener.
+   *
+   * @private
+   * @param {object} command Menu item object (command).
+   */
+  onConditionSelect(command) {
+    arrayEach(this.getInputElements(), (element, index) => {
+      element[command.inputsCount > index ? 'show' : 'hide']();
+      if (index === 0) {
+        setTimeout(() => element.focus(), 10);
+      }
+    });
+    this.runLocalHooks('change', command);
+  }
+
+  /**
+   * On component SelectUI closed listener.
+   *
+   * @private
+   */
+  onSelectUIClosed() {
+    this.runLocalHooks('afterClose');
+  }
+
+  /**
+   * Key down listener.
+   *
+   * @private
+   * @param {Event} event The DOM event object.
+   */
+  onInputKeyDown(event) {
+    if (isKey(event.keyCode, 'ENTER')) {
+      this.runLocalHooks('accept');
+      stopImmediatePropagation(event);
+    } else if (isKey(event.keyCode, 'ESCAPE')) {
+      this.runLocalHooks('cancel');
+      stopImmediatePropagation(event);
     }
-  });
-  this.runLocalHooks('change', command);
-}
-function _onInputKeyDown2(event) {
-  if (isKey(event.keyCode, 'ESCAPE')) {
-    this.runLocalHooks('cancel');
-    stopImmediatePropagation(event);
   }
-}
+}
+export default ConditionComponent;

package/plugins/filters/component/operators.js

@@ -6,34 +6,25 @@ require("core-js/modules/es.error.cause.js");
 var _element = require("../../../helpers/dom/element");
 var _array = require("../../../helpers/array");
 var _templateLiteralTag = require("../../../helpers/templateLiteralTag");
-var _base = require("./_base");
+var _base = _interopRequireDefault(require("./_base"));
 var _logicalOperationRegisterer = require("../logicalOperationRegisterer");
 var _conjunction = require("../logicalOperations/conjunction");
 var _disjunction = require("../logicalOperations/disjunction");
 var _disjunctionWithExtraCondition = require("../logicalOperations/disjunctionWithExtraCondition");
-var _radioInput = require("../ui/radioInput");
-function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
-function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
-function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
+var _radioInput = _interopRequireDefault(require("../ui/radioInput"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const SELECTED_AT_START_ELEMENT_INDEX = 0;
 
 /**
  * @private
  * @class OperatorsComponent
  */
-var _onRadioInputChange = /*#__PURE__*/new WeakSet();
-class OperatorsComponent extends _base.BaseComponent {
+class OperatorsComponent extends _base.default {
   constructor(hotInstance, options) {
     super(hotInstance, {
       id: options.id,
       stateless: false
     });
-    /**
-     * OnChange listener.
-     *
-     * @param {Event} event The DOM event object.
-     */
-    _classPrivateMethodInitSpec(this, _onRadioInputChange);
     this.name = options.name;
     this.buildOperatorsElement();
   }
@@ -52,7 +43,9 @@ class OperatorsComponent extends _base.BaseComponent {
       hidden: () => this.isHidden(),
       renderer: (hot, wrapper) => {
         (0, _element.addClass)(wrapper.parentNode, 'htFiltersMenuOperators');
-        (0, _array.arrayEach)(this.elements, ui => wrapper.appendChild(ui.element));
+        if (!wrapper.parentNode.hasAttribute('ghost-table')) {
+          (0, _array.arrayEach)(this.elements, ui => wrapper.appendChild(ui.element));
+        }
         return wrapper;
       }
     };
@@ -66,7 +59,7 @@ class OperatorsComponent extends _base.BaseComponent {
   buildOperatorsElement() {
     const operationKeys = [_conjunction.OPERATION_ID, _disjunction.OPERATION_ID];
     (0, _array.arrayEach)(operationKeys, operation => {
-      const radioInput = new _radioInput.RadioInputUI(this.hot, {
+      const radioInput = new _radioInput.default(this.hot, {
         name: 'operator',
         label: {
           htmlFor: operation,
@@ -76,7 +69,7 @@ class OperatorsComponent extends _base.BaseComponent {
         checked: operation === operationKeys[SELECTED_AT_START_ELEMENT_INDEX],
         id: operation
       });
-      radioInput.addLocalHook('change', event => _classPrivateMethodGet(this, _onRadioInputChange, _onRadioInputChange2).call(this, event));
+      radioInput.addLocalHook('change', event => this.onRadioInputChange(event));
       this.elements.push(radioInput);
     });
   }
@@ -101,7 +94,7 @@ class OperatorsComponent extends _base.BaseComponent {
    * @returns {string}
    */
   getActiveOperationId() {
-    const operationElement = this.elements.find(element => element instanceof _radioInput.RadioInputUI && element.isChecked());
+    const operationElement = this.elements.find(element => element instanceof _radioInput.default && element.isChecked());
     if (operationElement) {
       return operationElement.getValue();
     }
@@ -153,8 +146,16 @@ class OperatorsComponent extends _base.BaseComponent {
   reset() {
     this.setChecked(SELECTED_AT_START_ELEMENT_INDEX);
   }
+
+  /**
+   * OnChange listener.
+   *
+   * @private
+   * @param {Event} event The DOM event object.
+   */
+  onRadioInputChange(event) {
+    this.setState(event.target.value);
+  }
 }
-exports.OperatorsComponent = OperatorsComponent;
-function _onRadioInputChange2(event) {
-  this.setState(event.target.value);
-}
+var _default = OperatorsComponent;
+exports.default = _default;

package/plugins/filters/component/operators.mjs

@@ -1,36 +1,26 @@
 import "core-js/modules/es.array.push.js";
 import "core-js/modules/es.error.cause.js";
-function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
-function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
-function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 import { addClass } from "../../../helpers/dom/element.mjs";
 import { arrayEach } from "../../../helpers/array.mjs";
 import { toSingleLine } from "../../../helpers/templateLiteralTag.mjs";
-import { BaseComponent } from "./_base.mjs";
+import BaseComponent from "./_base.mjs";
 import { getOperationName } from "../logicalOperationRegisterer.mjs";
 import { OPERATION_ID as OPERATION_AND } from "../logicalOperations/conjunction.mjs";
 import { OPERATION_ID as OPERATION_OR } from "../logicalOperations/disjunction.mjs";
 import { OPERATION_ID as OPERATION_OR_THEN_VARIABLE } from "../logicalOperations/disjunctionWithExtraCondition.mjs";
-import { RadioInputUI } from "../ui/radioInput.mjs";
+import RadioInputUI from "../ui/radioInput.mjs";
 const SELECTED_AT_START_ELEMENT_INDEX = 0;
 
 /**
  * @private
  * @class OperatorsComponent
  */
-var _onRadioInputChange = /*#__PURE__*/new WeakSet();
-export class OperatorsComponent extends BaseComponent {
+class OperatorsComponent extends BaseComponent {
   constructor(hotInstance, options) {
     super(hotInstance, {
       id: options.id,
       stateless: false
     });
-    /**
-     * OnChange listener.
-     *
-     * @param {Event} event The DOM event object.
-     */
-    _classPrivateMethodInitSpec(this, _onRadioInputChange);
     this.name = options.name;
     this.buildOperatorsElement();
   }
@@ -49,7 +39,9 @@ export class OperatorsComponent extends BaseComponent {
       hidden: () => this.isHidden(),
       renderer: (hot, wrapper) => {
         addClass(wrapper.parentNode, 'htFiltersMenuOperators');
-        arrayEach(this.elements, ui => wrapper.appendChild(ui.element));
+        if (!wrapper.parentNode.hasAttribute('ghost-table')) {
+          arrayEach(this.elements, ui => wrapper.appendChild(ui.element));
+        }
         return wrapper;
       }
     };
@@ -73,7 +65,7 @@ export class OperatorsComponent extends BaseComponent {
         checked: operation === operationKeys[SELECTED_AT_START_ELEMENT_INDEX],
         id: operation
       });
-      radioInput.addLocalHook('change', event => _classPrivateMethodGet(this, _onRadioInputChange, _onRadioInputChange2).call(this, event));
+      radioInput.addLocalHook('change', event => this.onRadioInputChange(event));
       this.elements.push(radioInput);
     });
   }
@@ -150,7 +142,15 @@ export class OperatorsComponent extends BaseComponent {
   reset() {
     this.setChecked(SELECTED_AT_START_ELEMENT_INDEX);
   }
+
+  /**
+   * OnChange listener.
+   *
+   * @private
+   * @param {Event} event The DOM event object.
+   */
+  onRadioInputChange(event) {
+    this.setState(event.target.value);
+  }
 }
-function _onRadioInputChange2(event) {
-  this.setState(event.target.value);
-}
+export default OperatorsComponent;

package/plugins/filters/component/value.js

@@ -2,41 +2,31 @@
 
 exports.__esModule = true;
 require("core-js/modules/es.array.push.js");
-require("core-js/modules/es.error.cause.js");
 var _element = require("../../../helpers/dom/element");
 var _event = require("../../../helpers/dom/event");
 var _array = require("../../../helpers/array");
 var _unicode = require("../../../helpers/unicode");
 var C = _interopRequireWildcard(require("../../../i18n/constants"));
 var _utils = require("../utils");
-var _base = require("./_base");
-var _multipleSelect = require("../ui/multipleSelect");
+var _base = _interopRequireDefault(require("./_base"));
+var _multipleSelect = _interopRequireDefault(require("../ui/multipleSelect"));
 var _constants2 = require("../constants");
 var _conditionRegisterer = require("../conditionRegisterer");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
-function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
-function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 /**
  * @private
  * @class ValueComponent
  */
-var _onInputKeyDown = /*#__PURE__*/new WeakSet();
-class ValueComponent extends _base.BaseComponent {
+class ValueComponent extends _base.default {
   constructor(hotInstance, options) {
     super(hotInstance, {
       id: options.id,
       stateless: false
     });
-    /**
-     * Key down listener.
-     *
-     * @param {Event} event The DOM event object.
-     */
-    _classPrivateMethodInitSpec(this, _onInputKeyDown);
     this.name = options.name;
-    this.elements.push(new _multipleSelect.MultipleSelectUI(this.hot));
+    this.elements.push(new _multipleSelect.default(this.hot));
     this.registerHooks();
   }
 
@@ -46,17 +36,7 @@ class ValueComponent extends _base.BaseComponent {
    * @private
    */
   registerHooks() {
-    this.getMultipleSelectElement().addLocalHook('keydown', event => _classPrivateMethodGet(this, _onInputKeyDown, _onInputKeyDown2).call(this, event)).addLocalHook('listTabKeydown', event => this.runLocalHooks('listTabKeydown', event));
-  }
-
-  /**
-   * Gets the list of elements from which the component is built.
-   *
-   * @returns {BaseUI[]}
-   */
-  getElements() {
-    const selectElement = this.getMultipleSelectElement();
-    return [selectElement.getSearchInputElement(), selectElement.getSelectAllElement(), selectElement.getClearAllElement(), this.getMultipleSelectElement()];
+    this.getMultipleSelectElement().addLocalHook('keydown', event => this.onInputKeyDown(event));
   }
 
   /**
@@ -141,7 +121,7 @@ class ValueComponent extends _base.BaseComponent {
    * @returns {MultipleSelectUI}
    */
   getMultipleSelectElement() {
-    return this.elements.filter(element => element instanceof _multipleSelect.MultipleSelectUI)[0];
+    return this.elements.filter(element => element instanceof _multipleSelect.default)[0];
   }
 
   /**
@@ -162,7 +142,9 @@ class ValueComponent extends _base.BaseComponent {
         (0, _element.addClass)(label, 'htFiltersMenuLabel');
         label.textContent = value;
         wrapper.appendChild(label);
-        (0, _array.arrayEach)(this.elements, ui => wrapper.appendChild(ui.element));
+        if (!wrapper.parentNode.hasAttribute('ghost-table')) {
+          (0, _array.arrayEach)(this.elements, ui => wrapper.appendChild(ui.element));
+        }
         return wrapper;
       }
     };
@@ -183,6 +165,20 @@ class ValueComponent extends _base.BaseComponent {
       this.getMultipleSelectElement().setLocale(this.hot.getCellMeta(0, selectedColumn.visualIndex).locale);
     }
   }
+
+  /**
+   * Key down listener.
+   *
+   * @private
+   * @param {Event} event The DOM event object.
+   */
+  onInputKeyDown(event) {
+    if ((0, _unicode.isKey)(event.keyCode, 'ESCAPE')) {
+      this.runLocalHooks('cancel');
+      (0, _event.stopImmediatePropagation)(event);
+    }
+  }
+
   /**
    * Get data for currently selected column.
    *
@@ -197,10 +193,5 @@ class ValueComponent extends _base.BaseComponent {
     return (0, _array.arrayMap)(this.hot.getDataAtCol(selectedColumn.visualIndex), v => (0, _utils.toEmptyString)(v));
   }
 }
-exports.ValueComponent = ValueComponent;
-function _onInputKeyDown2(event) {
-  if ((0, _unicode.isKey)(event.keyCode, 'ESCAPE')) {
-    this.runLocalHooks('cancel');
-    (0, _event.stopImmediatePropagation)(event);
-  }
-}
+var _default = ValueComponent;
+exports.default = _default;