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

package/plugins/dropdownMenu/dropdownMenu.mjs

@@ -1,19 +1,12 @@
-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 { BasePlugin } from "../base/index.mjs";
 import { arrayEach } from "../../helpers/array.mjs";
-import { objectEach } from "../../helpers/object.mjs";
-import { CommandExecutor } from "../contextMenu/commandExecutor.mjs";
-import { getDocumentOffsetByElement } from "../contextMenu/utils.mjs";
+import CommandExecutor from "../contextMenu/commandExecutor.mjs";
 import EventManager from "../../eventManager.mjs";
-import { hasClass, setAttribute } from "../../helpers/dom/element.mjs";
-import { ItemsFactory } from "../contextMenu/itemsFactory.mjs";
-import { Menu } from "../contextMenu/menu/index.mjs";
+import { hasClass } from "../../helpers/dom/element.mjs";
+import ItemsFactory from "../contextMenu/itemsFactory.mjs";
+import Menu from "../contextMenu/menu.mjs";
 import Hooks from "../../pluginHooks.mjs";
-import { COLUMN_LEFT, COLUMN_RIGHT, REMOVE_COLUMN, CLEAR_COLUMN, READ_ONLY, ALIGNMENT, SEPARATOR } from "../contextMenu/predefinedItems/index.mjs";
-import { A11Y_HASPOPUP, A11Y_HIDDEN } from "../../helpers/a11y.mjs";
+import { COLUMN_LEFT, COLUMN_RIGHT, REMOVE_COLUMN, CLEAR_COLUMN, READ_ONLY, ALIGNMENT, SEPARATOR } from "../contextMenu/predefinedItems.mjs";
 Hooks.getSingleton().register('afterDropdownMenuDefaultOptions');
 Hooks.getSingleton().register('beforeDropdownMenuShow');
 Hooks.getSingleton().register('afterDropdownMenuShow');
@@ -22,7 +15,6 @@ Hooks.getSingleton().register('afterDropdownMenuExecute');
 export const PLUGIN_KEY = 'dropdownMenu';
 export const PLUGIN_PRIORITY = 230;
 const BUTTON_CLASS_NAME = 'changeType';
-const SHORTCUTS_GROUP = PLUGIN_KEY;
 
 /* eslint-disable jsdoc/require-description-complete-sentence */
 /**
@@ -74,7 +66,7 @@ const SHORTCUTS_GROUP = PLUGIN_KEY;
  * ```
  * :::
  */
-var _addCustomShortcuts = /*#__PURE__*/new WeakSet();
+
 export class DropdownMenu extends BasePlugin {
   static get PLUGIN_KEY() {
     return PLUGIN_KEY;
@@ -102,12 +94,6 @@ export class DropdownMenu extends BasePlugin {
      * @private
      * @type {EventManager}
      */
-    /**
-     * Add custom shortcuts to the provided menu instance.
-     *
-     * @param {Menu} menuInstance The menu instance.
-     */
-    _classPrivateMethodInitSpec(this, _addCustomShortcuts);
     this.eventManager = new EventManager(this);
     /**
      * Instance of {@link CommandExecutor}.
@@ -165,7 +151,6 @@ export class DropdownMenu extends BasePlugin {
     if (typeof settings.callback === 'function') {
       this.commandExecutor.setCommonCallback(settings.callback);
     }
-    this.registerShortcuts();
     super.enablePlugin();
     this.callOnPluginsReady(() => {
       this.hot.runHooks('afterDropdownMenuDefaultOptions', predefinedItems);
@@ -183,7 +168,6 @@ export class DropdownMenu extends BasePlugin {
       this.menu.setMenuItems(menuItems);
       this.menu.addLocalHook('beforeOpen', () => this.onMenuBeforeOpen());
       this.menu.addLocalHook('afterOpen', () => this.onMenuAfterOpen());
-      this.menu.addLocalHook('afterSubmenuOpen', subMenuInstance => this.onSubMenuAfterOpen(subMenuInstance));
       this.menu.addLocalHook('afterClose', () => this.onMenuAfterClose());
       this.menu.addLocalHook('executeCommand', function () {
         for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -217,66 +201,9 @@ export class DropdownMenu extends BasePlugin {
     if (this.menu) {
       this.menu.destroy();
     }
-    this.unregisterShortcuts();
     super.disablePlugin();
   }
 
-  /**
-   * Register shortcuts responsible for toggling dropdown menu.
-   *
-   * @private
-   */
-  registerShortcuts() {
-    const gridContext = this.hot.getShortcutManager().getContext('grid');
-    const callback = () => {
-      const {
-        highlight
-      } = this.hot.getSelectedRangeLast();
-      if ((highlight.isHeader() && highlight.row === -1 || highlight.isCell()) && highlight.col >= 0) {
-        this.hot.selectColumns(highlight.col, highlight.col, -1);
-        const {
-          from
-        } = this.hot.getSelectedRangeLast();
-        const offset = getDocumentOffsetByElement(this.menu.container, this.hot.rootDocument);
-        const target = this.hot.getCell(-1, from.col, true);
-        const rect = target.getBoundingClientRect();
-        this.open({
-          left: rect.left + offset.left,
-          top: rect.top + target.offsetHeight + offset.top
-        }, {
-          left: rect.width
-        });
-      }
-    };
-    gridContext.addShortcuts([{
-      keys: [['Shift', 'Alt', 'ArrowDown'], ['Control/Meta', 'Enter']],
-      callback,
-      runOnlyIf: () => {
-        var _this$hot$getSelected;
-        return ((_this$hot$getSelected = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected === void 0 ? void 0 : _this$hot$getSelected.highlight.isHeader()) && !this.menu.isOpened();
-      },
-      captureCtrl: true,
-      group: SHORTCUTS_GROUP
-    }, {
-      keys: [['Shift', 'Alt', 'ArrowDown']],
-      callback,
-      runOnlyIf: () => {
-        var _this$hot$getSelected2;
-        return ((_this$hot$getSelected2 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected2 === void 0 ? void 0 : _this$hot$getSelected2.highlight.isCell()) && !this.menu.isOpened();
-      },
-      group: SHORTCUTS_GROUP
-    }]);
-  }
-
-  /**
-   * Unregister shortcuts responsible for toggling dropdown menu.
-   *
-   * @private
-   */
-  unregisterShortcuts() {
-    this.hot.getShortcutManager().getContext('grid').removeShortcutsByGroup(SHORTCUTS_GROUP);
-  }
-
   /**
    * Registers the DOM listeners.
    *
@@ -289,30 +216,23 @@ export class DropdownMenu extends BasePlugin {
   /**
    * Opens menu and re-position it based on the passed coordinates.
    *
-   * @param {{ top: number, left: number }|Event} position An object with `top` and `left` properties
-   * which contains coordinates relative to the browsers viewport (without included scroll offsets).
-   * Or if the native event is passed the menu will be positioned based on the `pageX` and `pageY`
-   * coordinates.
-   * @param {{ above: number, below: number, left: number, right: number }} offset An object allows applying
-   * the offset to the menu position.
+   * @param {object|Event} position An object with `pageX` and `pageY` properties which contains values relative to
+   *                                the top left of the fully rendered content area in the browser or with `clientX`
+   *                                and `clientY`  properties which contains values relative to the upper left edge
+   *                                of the content area (the viewport) of the browser window. This object is structurally
+   *                                compatible with native mouse event so it can be used either.
    * @fires Hooks#beforeDropdownMenuShow
    * @fires Hooks#afterDropdownMenuShow
    */
+
   open(position) {
-    var _this$menu;
-    let offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-      above: 0,
-      below: 0,
-      left: 0,
-      right: 0
-    };
-    if ((_this$menu = this.menu) !== null && _this$menu !== void 0 && _this$menu.isOpened()) {
+    if (!this.menu) {
       return;
     }
     this.menu.open();
-    objectEach(offset, (value, key) => {
-      this.menu.setOffset(key, value);
-    });
+    if (position.width) {
+      this.menu.setOffset('left', position.width);
+    }
     this.menu.setPosition(position);
   }
 
@@ -320,8 +240,10 @@ export class DropdownMenu extends BasePlugin {
    * Closes dropdown menu.
    */
   close() {
-    var _this$menu2;
-    (_this$menu2 = this.menu) === null || _this$menu2 === void 0 || _this$menu2.close();
+    if (!this.menu) {
+      return;
+    }
+    this.menu.close();
   }
 
   /**
@@ -377,6 +299,7 @@ export class DropdownMenu extends BasePlugin {
       }
     }
   }
+
   /**
    * Table click listener.
    *
@@ -385,14 +308,26 @@ export class DropdownMenu extends BasePlugin {
    */
   onTableClick(event) {
     event.stopPropagation();
-    if (hasClass(event.target, BUTTON_CLASS_NAME)) {
-      const offset = getDocumentOffsetByElement(this.menu.container, this.hot.rootDocument);
+    if (hasClass(event.target, BUTTON_CLASS_NAME) && !this.menu.isOpened()) {
+      let offsetTop = 0;
+      let offsetLeft = 0;
+      if (this.hot.rootDocument !== this.menu.container.ownerDocument) {
+        const {
+          frameElement
+        } = this.hot.rootWindow;
+        const {
+          top,
+          left
+        } = frameElement.getBoundingClientRect();
+        offsetTop = top;
+        offsetLeft = left;
+      }
       const rect = event.target.getBoundingClientRect();
       this.open({
-        left: rect.left + offset.left,
-        top: rect.top + event.target.offsetHeight + 3 + offset.top
-      }, {
-        left: rect.width
+        left: rect.left + offsetLeft,
+        top: rect.top + event.target.offsetHeight + 3 + offsetTop,
+        width: rect.width,
+        height: rect.height
       });
     }
   }
@@ -431,11 +366,6 @@ export class DropdownMenu extends BasePlugin {
     const button = this.hot.rootDocument.createElement('button');
     button.className = BUTTON_CLASS_NAME;
     button.type = 'button';
-    button.tabIndex = -1;
-    if (this.hot.getSettings().ariaTags) {
-      setAttribute(button, [A11Y_HIDDEN()]);
-      setAttribute(TH, [A11Y_HASPOPUP('menu')]);
-    }
 
     // prevent page reload on button click
     button.onclick = function () {
@@ -462,17 +392,6 @@ export class DropdownMenu extends BasePlugin {
    */
   onMenuAfterOpen() {
     this.hot.runHooks('afterDropdownMenuShow', this);
-    _classPrivateMethodGet(this, _addCustomShortcuts, _addCustomShortcuts2).call(this, this.menu);
-  }
-
-  /**
-   * Listener for the `afterSubmenuOpen` hook.
-   *
-   * @private
-   * @param {Menu} subMenuInstance The opened sub menu instance.
-   */
-  onSubMenuAfterOpen(subMenuInstance) {
-    _classPrivateMethodGet(this, _addCustomShortcuts, _addCustomShortcuts2).call(this, subMenuInstance);
   }
 
   /**
@@ -497,12 +416,6 @@ export class DropdownMenu extends BasePlugin {
     super.destroy();
   }
 }
-function _addCustomShortcuts2(menuInstance) {
-  menuInstance.getKeyboardShortcutsCtrl().addCustomShortcuts([{
-    keys: [['Control/Meta', 'A']],
-    callback: () => false
-  }]);
-}
 DropdownMenu.SEPARATOR = {
   name: SEPARATOR
 };

package/plugins/filters/component/_base.js

@@ -7,9 +7,6 @@ var _object = require("../../../helpers/object");
 var _localHooks = _interopRequireDefault(require("../../../mixins/localHooks"));
 var _translations = require("../../../translations");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
 /**
  * @private
  * @class BaseComponent
@@ -25,52 +22,39 @@ class BaseComponent {
      *
      * @type {Core}
      */
-    _defineProperty(this, "hot", void 0);
+    this.hot = hotInstance;
     /**
      * The component uniq id.
      *
      * @type {string}
      */
-    _defineProperty(this, "id", void 0);
+    this.id = id;
     /**
      * List of registered component UI elements.
      *
      * @type {Array}
      */
-    _defineProperty(this, "elements", []);
+    this.elements = [];
     /**
      * Flag which determines if element is hidden.
      *
      * @type {boolean}
      */
-    _defineProperty(this, "hidden", false);
+    this.hidden = false;
     /**
      * The component states id.
      *
      * @type {string}
      */
-    _defineProperty(this, "stateId", '');
+    this.stateId = `Filters.component.${this.id}`;
     /**
      * 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 _translations.LinkedPhysicalIndexToValueMap());
   }
 
-  /**
-   * Gets the list of elements from which the component is built.
-   *
-   * @returns {BaseUI[]}
-   */
-  getElements() {
-    return this.elements;
-  }
-
   /**
    * Reset elements to its initial state.
    */
@@ -153,5 +137,6 @@ class BaseComponent {
     this.hot = null;
   }
 }
-exports.BaseComponent = BaseComponent;
-(0, _object.mixin)(BaseComponent, _localHooks.default);
+(0, _object.mixin)(BaseComponent, _localHooks.default);
+var _default = BaseComponent;
+exports.default = _default;

package/plugins/filters/component/_base.mjs

@@ -1,7 +1,4 @@
 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";
@@ -10,7 +7,7 @@ import { LinkedPhysicalIndexToValueMap as IndexToValueMap } from "../../../trans
  * @private
  * @class BaseComponent
  */
-export class BaseComponent {
+class BaseComponent {
   constructor(hotInstance, _ref) {
     let {
       id,
@@ -21,52 +18,39 @@ export class BaseComponent {
      *
      * @type {Core}
      */
-    _defineProperty(this, "hot", void 0);
+    this.hot = hotInstance;
     /**
      * The component uniq id.
      *
      * @type {string}
      */
-    _defineProperty(this, "id", void 0);
+    this.id = id;
     /**
      * List of registered component UI elements.
      *
      * @type {Array}
      */
-    _defineProperty(this, "elements", []);
+    this.elements = [];
     /**
      * Flag which determines if element is hidden.
      *
      * @type {boolean}
      */
-    _defineProperty(this, "hidden", false);
+    this.hidden = false;
     /**
      * The component states id.
      *
      * @type {string}
      */
-    _defineProperty(this, "stateId", '');
+    this.stateId = `Filters.component.${this.id}`;
     /**
      * 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.
    */
@@ -149,4 +133,5 @@ export class BaseComponent {
     this.hot = null;
   }
 }
-mixin(BaseComponent, localHooks);
+mixin(BaseComponent, localHooks);
+export default BaseComponent;

package/plugins/filters/component/actionBar.js

@@ -2,24 +2,19 @@
 
 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 = require("./_base");
-var _input = require("../ui/input");
-var _class;
+var _base = _interopRequireDefault(require("./_base"));
+var _input = _interopRequireDefault(require("../ui/input"));
+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 ActionBarComponent
  */
-var _onButtonClick = /*#__PURE__*/new WeakSet();
-class ActionBarComponent extends _base.BaseComponent {
+class ActionBarComponent extends _base.default {
   static get BUTTON_OK() {
     return 'ok';
   }
@@ -31,21 +26,14 @@ class ActionBarComponent extends _base.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 _input.InputUI(this.hot, {
+    this.elements.push(new _input.default(this.hot, {
       type: 'button',
       value: C.FILTERS_BUTTONS_OK,
       className: 'htUIButton htUIButtonOK',
       identifier: ActionBarComponent.BUTTON_OK
     }));
-    this.elements.push(new _input.InputUI(this.hot, {
+    this.elements.push(new _input.default(this.hot, {
       type: 'button',
       value: C.FILTERS_BUTTONS_CANCEL,
       className: 'htUIButton htUIButtonCancel',
@@ -61,7 +49,7 @@ class ActionBarComponent extends _base.BaseComponent {
    */
   registerHooks() {
     (0, _array.arrayEach)(this.elements, element => {
-      element.addLocalHook('click', (event, button) => _classPrivateMethodGet(this, _onButtonClick, _onButtonClick2).call(this, event, button));
+      element.addLocalHook('click', (event, button) => this.onButtonClick(event, button));
     });
   }
 
@@ -79,7 +67,9 @@ class ActionBarComponent extends _base.BaseComponent {
       hidden: () => this.isHidden(),
       renderer: (hot, wrapper) => {
         (0, _element.addClass)(wrapper.parentNode, 'htFiltersMenuActionBar');
-        (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;
       }
     };
@@ -98,13 +88,21 @@ class ActionBarComponent extends _base.BaseComponent {
   cancel() {
     this.runLocalHooks('cancel');
   }
-}
-exports.ActionBarComponent = ActionBarComponent;
-_class = ActionBarComponent;
-function _onButtonClick2(event, button) {
-  if (button.options.identifier === _class.BUTTON_OK) {
-    this.accept();
-  } else {
-    this.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;

package/plugins/filters/component/actionBar.mjs

@@ -1,20 +1,14 @@
-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
  */
-var _onButtonClick = /*#__PURE__*/new WeakSet();
-export class ActionBarComponent extends BaseComponent {
+class ActionBarComponent extends BaseComponent {
   static get BUTTON_OK() {
     return 'ok';
   }
@@ -26,13 +20,6 @@ export 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',
@@ -56,7 +43,7 @@ export class ActionBarComponent extends BaseComponent {
    */
   registerHooks() {
     arrayEach(this.elements, element => {
-      element.addLocalHook('click', (event, button) => _classPrivateMethodGet(this, _onButtonClick, _onButtonClick2).call(this, event, button));
+      element.addLocalHook('click', (event, button) => this.onButtonClick(event, button));
     });
   }
 
@@ -74,7 +61,9 @@ export class ActionBarComponent extends BaseComponent {
       hidden: () => this.isHidden(),
       renderer: (hot, wrapper) => {
         addClass(wrapper.parentNode, 'htFiltersMenuActionBar');
-        arrayEach(this.elements, ui => wrapper.appendChild(ui.element));
+        if (!wrapper.parentNode.hasAttribute('ghost-table')) {
+          arrayEach(this.elements, ui => wrapper.appendChild(ui.element));
+        }
         return wrapper;
       }
     };
@@ -93,12 +82,20 @@ export class ActionBarComponent extends BaseComponent {
   cancel() {
     this.runLocalHooks('cancel');
   }
-}
-_class = ActionBarComponent;
-function _onButtonClick2(event, button) {
-  if (button.options.identifier === _class.BUTTON_OK) {
-    this.accept();
-  } else {
-    this.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;