handsontable 0.0.0-next-9059914-20231025 → 0.0.0-next-21d91d0-20231025

package/plugins/filters/component/_base.mjs

@@ -1,4 +1,7 @@
 import "core-js/modules/es.error.cause.js";
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { arrayEach } from "../../../helpers/array.mjs";
 import { mixin } from "../../../helpers/object.mjs";
 import localHooks from "../../../mixins/localHooks.mjs";
@@ -7,7 +10,7 @@ import { LinkedPhysicalIndexToValueMap as IndexToValueMap } from "../../../trans
  * @private
  * @class BaseComponent
  */
-class BaseComponent {
+export class BaseComponent {
   constructor(hotInstance, _ref) {
     let {
       id,
@@ -18,39 +21,52 @@ class BaseComponent {
      *
      * @type {Core}
      */
-    this.hot = hotInstance;
+    _defineProperty(this, "hot", void 0);
     /**
      * The component uniq id.
      *
      * @type {string}
      */
-    this.id = id;
+    _defineProperty(this, "id", void 0);
     /**
      * List of registered component UI elements.
      *
      * @type {Array}
      */
-    this.elements = [];
+    _defineProperty(this, "elements", []);
     /**
      * Flag which determines if element is hidden.
      *
      * @type {boolean}
      */
-    this.hidden = false;
+    _defineProperty(this, "hidden", false);
     /**
      * The component states id.
      *
      * @type {string}
      */
-    this.stateId = `Filters.component.${this.id}`;
+    _defineProperty(this, "stateId", '');
     /**
      * Index map which stores component states for each column.
      *
      * @type {LinkedPhysicalIndexToValueMap|null}
      */
+    _defineProperty(this, "state", void 0);
+    this.hot = hotInstance;
+    this.id = id;
+    this.stateId = `Filters.component.${this.id}`;
     this.state = stateless ? null : this.hot.columnIndexMapper.registerMap(this.stateId, new IndexToValueMap());
   }
 
+  /**
+   * Gets the list of elements from which the component is built.
+   *
+   * @returns {BaseUI[]}
+   */
+  getElements() {
+    return this.elements;
+  }
+
   /**
    * Reset elements to its initial state.
    */
@@ -133,5 +149,4 @@ class BaseComponent {
     this.hot = null;
   }
 }
-mixin(BaseComponent, localHooks);
-export default BaseComponent;
+mixin(BaseComponent, localHooks);

package/plugins/filters/component/actionBar.js

@@ -2,19 +2,24 @@
 
 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 _array = require("../../../helpers/array");
 var C = _interopRequireWildcard(require("../../../i18n/constants"));
-var _base = _interopRequireDefault(require("./_base"));
-var _input = _interopRequireDefault(require("../ui/input"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _base = require("./_base");
+var _input = require("../ui/input");
+var _class;
 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 ActionBarComponent
  */
-class ActionBarComponent extends _base.default {
+var _onButtonClick = /*#__PURE__*/new WeakSet();
+class ActionBarComponent extends _base.BaseComponent {
   static get BUTTON_OK() {
     return 'ok';
   }
@@ -26,14 +31,21 @@ class ActionBarComponent extends _base.default {
       id: options.id,
       stateless: true
     });
+    /**
+     * On button click listener.
+     *
+     * @param {Event} event DOM event.
+     * @param {InputUI} button InputUI object.
+     */
+    _classPrivateMethodInitSpec(this, _onButtonClick);
     this.name = options.name;
-    this.elements.push(new _input.default(this.hot, {
+    this.elements.push(new _input.InputUI(this.hot, {
       type: 'button',
       value: C.FILTERS_BUTTONS_OK,
       className: 'htUIButton htUIButtonOK',
       identifier: ActionBarComponent.BUTTON_OK
     }));
-    this.elements.push(new _input.default(this.hot, {
+    this.elements.push(new _input.InputUI(this.hot, {
       type: 'button',
       value: C.FILTERS_BUTTONS_CANCEL,
       className: 'htUIButton htUIButtonCancel',
@@ -49,7 +61,7 @@ class ActionBarComponent extends _base.default {
    */
   registerHooks() {
     (0, _array.arrayEach)(this.elements, element => {
-      element.addLocalHook('click', (event, button) => this.onButtonClick(event, button));
+      element.addLocalHook('click', (event, button) => _classPrivateMethodGet(this, _onButtonClick, _onButtonClick2).call(this, event, button));
     });
   }
 
@@ -67,9 +79,7 @@ class ActionBarComponent extends _base.default {
       hidden: () => this.isHidden(),
       renderer: (hot, wrapper) => {
         (0, _element.addClass)(wrapper.parentNode, 'htFiltersMenuActionBar');
-        if (!wrapper.parentNode.hasAttribute('ghost-table')) {
-          (0, _array.arrayEach)(this.elements, ui => wrapper.appendChild(ui.element));
-        }
+        (0, _array.arrayEach)(this.elements, ui => wrapper.appendChild(ui.element));
         return wrapper;
       }
     };
@@ -88,21 +98,13 @@ class ActionBarComponent extends _base.default {
   cancel() {
     this.runLocalHooks('cancel');
   }
-
-  /**
-   * On button click listener.
-   *
-   * @private
-   * @param {Event} event DOM event.
-   * @param {InputUI} button InputUI object.
-   */
-  onButtonClick(event, button) {
-    if (button.options.identifier === ActionBarComponent.BUTTON_OK) {
-      this.accept();
-    } else {
-      this.cancel();
-    }
-  }
 }
-var _default = ActionBarComponent;
-exports.default = _default;
+exports.ActionBarComponent = ActionBarComponent;
+_class = ActionBarComponent;
+function _onButtonClick2(event, button) {
+  if (button.options.identifier === _class.BUTTON_OK) {
+    this.accept();
+  } else {
+    this.cancel();
+  }
+}

package/plugins/filters/component/actionBar.mjs

@@ -1,14 +1,20 @@
+import "core-js/modules/es.error.cause.js";
+var _class;
 import "core-js/modules/es.array.push.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 * as C from "../../../i18n/constants.mjs";
-import BaseComponent from "./_base.mjs";
-import InputUI from "../ui/input.mjs";
+import { BaseComponent } from "./_base.mjs";
+import { InputUI } from "../ui/input.mjs";
 /**
  * @private
  * @class ActionBarComponent
  */
-class ActionBarComponent extends BaseComponent {
+var _onButtonClick = /*#__PURE__*/new WeakSet();
+export class ActionBarComponent extends BaseComponent {
   static get BUTTON_OK() {
     return 'ok';
   }
@@ -20,6 +26,13 @@ class ActionBarComponent extends BaseComponent {
       id: options.id,
       stateless: true
     });
+    /**
+     * On button click listener.
+     *
+     * @param {Event} event DOM event.
+     * @param {InputUI} button InputUI object.
+     */
+    _classPrivateMethodInitSpec(this, _onButtonClick);
     this.name = options.name;
     this.elements.push(new InputUI(this.hot, {
       type: 'button',
@@ -43,7 +56,7 @@ class ActionBarComponent extends BaseComponent {
    */
   registerHooks() {
     arrayEach(this.elements, element => {
-      element.addLocalHook('click', (event, button) => this.onButtonClick(event, button));
+      element.addLocalHook('click', (event, button) => _classPrivateMethodGet(this, _onButtonClick, _onButtonClick2).call(this, event, button));
     });
   }
 
@@ -61,9 +74,7 @@ class ActionBarComponent extends BaseComponent {
       hidden: () => this.isHidden(),
       renderer: (hot, wrapper) => {
         addClass(wrapper.parentNode, 'htFiltersMenuActionBar');
-        if (!wrapper.parentNode.hasAttribute('ghost-table')) {
-          arrayEach(this.elements, ui => wrapper.appendChild(ui.element));
-        }
+        arrayEach(this.elements, ui => wrapper.appendChild(ui.element));
         return wrapper;
       }
     };
@@ -82,20 +93,12 @@ class ActionBarComponent extends BaseComponent {
   cancel() {
     this.runLocalHooks('cancel');
   }
-
-  /**
-   * On button click listener.
-   *
-   * @private
-   * @param {Event} event DOM event.
-   * @param {InputUI} button InputUI object.
-   */
-  onButtonClick(event, button) {
-    if (button.options.identifier === ActionBarComponent.BUTTON_OK) {
-      this.accept();
-    } else {
-      this.cancel();
-    }
-  }
 }
-export default ActionBarComponent;
+_class = ActionBarComponent;
+function _onButtonClick2(event, button) {
+  if (button.options.identifier === _class.BUTTON_OK) {
+    this.accept();
+  } else {
+    this.cancel();
+  }
+}

package/plugins/filters/component/condition.js

@@ -2,39 +2,56 @@
 
 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 = _interopRequireDefault(require("./_base"));
+var _base = require("./_base");
 var _constants2 = _interopRequireWildcard(require("../constants"));
-var _input = _interopRequireDefault(require("../ui/input"));
-var _select = _interopRequireDefault(require("../ui/select"));
+var _input = require("../ui/input");
+var _select = 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
  */
-class ConditionComponent extends _base.default {
+var _onConditionSelect = /*#__PURE__*/new WeakSet();
+var _onInputKeyDown = /*#__PURE__*/new WeakSet();
+class ConditionComponent extends _base.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 _select.default(this.hot, {
+    this.elements.push(new _select.SelectUI(this.hot, {
       menuContainer: options.menuContainer
     }));
-    this.elements.push(new _input.default(this.hot, {
+    this.elements.push(new _input.InputUI(this.hot, {
       placeholder: C.FILTERS_BUTTONS_PLACEHOLDER_VALUE
     }));
-    this.elements.push(new _input.default(this.hot, {
+    this.elements.push(new _input.InputUI(this.hot, {
       placeholder: C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE
     }));
     this.registerHooks();
@@ -46,10 +63,9 @@ class ConditionComponent extends _base.default {
    * @private
    */
   registerHooks() {
-    this.getSelectElement().addLocalHook('select', command => this.onConditionSelect(command));
-    this.getSelectElement().addLocalHook('afterClose', () => this.onSelectUIClosed());
+    this.getSelectElement().addLocalHook('select', command => _classPrivateMethodGet(this, _onConditionSelect, _onConditionSelect2).call(this, command)).addLocalHook('afterClose', () => this.runLocalHooks('afterClose')).addLocalHook('tabKeydown', event => this.runLocalHooks('selectTabKeydown', event));
     (0, _array.arrayEach)(this.getInputElements(), input => {
-      input.addLocalHook('keydown', event => this.onInputKeyDown(event));
+      input.addLocalHook('keydown', event => _classPrivateMethodGet(this, _onInputKeyDown, _onInputKeyDown2).call(this, event));
     });
   }
 
@@ -76,7 +92,7 @@ class ConditionComponent extends _base.default {
       element.setValue(arg);
       element[copyOfCommand.inputsCount > index ? 'show' : 'hide']();
       if (!index) {
-        setTimeout(() => element.focus(), 10);
+        this.hot._registerTimeout(() => element.focus(), 10);
       }
     });
   }
@@ -125,7 +141,7 @@ class ConditionComponent extends _base.default {
    * @returns {SelectUI}
    */
   getSelectElement() {
-    return this.elements.filter(element => element instanceof _select.default)[0];
+    return this.elements.filter(element => element instanceof _select.SelectUI)[0];
   }
 
   /**
@@ -145,7 +161,7 @@ class ConditionComponent extends _base.default {
    * @returns {Array}
    */
   getInputElements() {
-    return this.elements.filter(element => element instanceof _input.default);
+    return this.elements.filter(element => element instanceof _input.InputUI);
   }
 
   /**
@@ -169,9 +185,7 @@ class ConditionComponent extends _base.default {
         (0, _element.addClass)(label, 'htFiltersMenuLabel');
         label.textContent = value;
         wrapper.appendChild(label);
-        if (!wrapper.parentNode.hasAttribute('ghost-table')) {
-          (0, _array.arrayEach)(this.elements, ui => wrapper.appendChild(ui.element));
-        }
+        (0, _array.arrayEach)(this.elements, ui => wrapper.appendChild(ui.element));
         return wrapper;
       }
     };
@@ -195,47 +209,20 @@ class ConditionComponent extends _base.default {
     // Select element as default 'None'
     this.getSelectElement().setValue(items[0]);
   }
-
-  /**
-   * 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);
+}
+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);
     }
-  }
+  });
+  this.runLocalHooks('change', command);
 }
-var _default = ConditionComponent;
-exports.default = _default;
+function _onInputKeyDown2(event) {
+  if ((0, _unicode.isKey)(event.keyCode, 'ESCAPE')) {
+    this.runLocalHooks('cancel');
+    (0, _event.stopImmediatePropagation)(event);
+  }
+}

package/plugins/filters/component/condition.mjs

@@ -1,25 +1,43 @@
 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
  */
-class ConditionComponent extends BaseComponent {
+var _onConditionSelect = /*#__PURE__*/new WeakSet();
+var _onInputKeyDown = /*#__PURE__*/new WeakSet();
+export 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, {
@@ -40,10 +58,9 @@ class ConditionComponent extends BaseComponent {
    * @private
    */
   registerHooks() {
-    this.getSelectElement().addLocalHook('select', command => this.onConditionSelect(command));
-    this.getSelectElement().addLocalHook('afterClose', () => this.onSelectUIClosed());
+    this.getSelectElement().addLocalHook('select', command => _classPrivateMethodGet(this, _onConditionSelect, _onConditionSelect2).call(this, command)).addLocalHook('afterClose', () => this.runLocalHooks('afterClose')).addLocalHook('tabKeydown', event => this.runLocalHooks('selectTabKeydown', event));
     arrayEach(this.getInputElements(), input => {
-      input.addLocalHook('keydown', event => this.onInputKeyDown(event));
+      input.addLocalHook('keydown', event => _classPrivateMethodGet(this, _onInputKeyDown, _onInputKeyDown2).call(this, event));
     });
   }
 
@@ -70,7 +87,7 @@ class ConditionComponent extends BaseComponent {
       element.setValue(arg);
       element[copyOfCommand.inputsCount > index ? 'show' : 'hide']();
       if (!index) {
-        setTimeout(() => element.focus(), 10);
+        this.hot._registerTimeout(() => element.focus(), 10);
       }
     });
   }
@@ -163,9 +180,7 @@ class ConditionComponent extends BaseComponent {
         addClass(label, 'htFiltersMenuLabel');
         label.textContent = value;
         wrapper.appendChild(label);
-        if (!wrapper.parentNode.hasAttribute('ghost-table')) {
-          arrayEach(this.elements, ui => wrapper.appendChild(ui.element));
-        }
+        arrayEach(this.elements, ui => wrapper.appendChild(ui.element));
         return wrapper;
       }
     };
@@ -189,46 +204,19 @@ class ConditionComponent extends BaseComponent {
     // Select element as default 'None'
     this.getSelectElement().setValue(items[0]);
   }
-
-  /**
-   * 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);
+}
+function _onConditionSelect2(command) {
+  arrayEach(this.getInputElements(), (element, index) => {
+    element[command.inputsCount > index ? 'show' : 'hide']();
+    if (index === 0) {
+      this.hot._registerTimeout(() => element.focus(), 10);
     }
-  }
+  });
+  this.runLocalHooks('change', command);
 }
-export default ConditionComponent;
+function _onInputKeyDown2(event) {
+  if (isKey(event.keyCode, 'ESCAPE')) {
+    this.runLocalHooks('cancel');
+    stopImmediatePropagation(event);
+  }
+}