handsontable 0.0.0-next-baf2fcf-20230809 → 0.0.0-next-be16baf-20230809

package/plugins/comments/contextMenuItem/addEditComment.js

@@ -0,0 +1,41 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = addEditCommentItem;
+var C = _interopRequireWildcard(require("../../../i18n/constants"));
+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; }
+/**
+ * @param {Comments} plugin The Comments plugin instance.
+ * @returns {object}
+ */
+function addEditCommentItem(plugin) {
+  return {
+    key: 'commentsAddEdit',
+    name() {
+      var _this$getSelectedRang;
+      const highlight = (_this$getSelectedRang = this.getSelectedRangeLast()) === null || _this$getSelectedRang === void 0 ? void 0 : _this$getSelectedRang.highlight;
+      if (highlight && highlight.isCell() && plugin.getCommentAtCell(highlight.row, highlight.col)) {
+        return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_EDIT_COMMENT);
+      }
+      return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_ADD_COMMENT);
+    },
+    callback() {
+      const range = this.getSelectedRangeLast();
+      this.deselectCell();
+      plugin.setRange(range);
+      plugin.show();
+      plugin.focusEditor();
+    },
+    disabled() {
+      const range = this.getSelectedRangeLast();
+      if (!range) {
+        return true;
+      }
+      if (range.highlight.isHeader()) {
+        return true;
+      }
+      return this.countRenderedRows() === 0 || this.countRenderedCols() === 0;
+    }
+  };
+}

package/plugins/comments/contextMenuItem/addEditComment.mjs

@@ -0,0 +1,35 @@
+import * as C from "../../../i18n/constants.mjs";
+/**
+ * @param {Comments} plugin The Comments plugin instance.
+ * @returns {object}
+ */
+export default function addEditCommentItem(plugin) {
+  return {
+    key: 'commentsAddEdit',
+    name() {
+      var _this$getSelectedRang;
+      const highlight = (_this$getSelectedRang = this.getSelectedRangeLast()) === null || _this$getSelectedRang === void 0 ? void 0 : _this$getSelectedRang.highlight;
+      if (highlight && highlight.isCell() && plugin.getCommentAtCell(highlight.row, highlight.col)) {
+        return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_EDIT_COMMENT);
+      }
+      return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_ADD_COMMENT);
+    },
+    callback() {
+      const range = this.getSelectedRangeLast();
+      this.deselectCell();
+      plugin.setRange(range);
+      plugin.show();
+      plugin.focusEditor();
+    },
+    disabled() {
+      const range = this.getSelectedRangeLast();
+      if (!range) {
+        return true;
+      }
+      if (range.highlight.isHeader()) {
+        return true;
+      }
+      return this.countRenderedRows() === 0 || this.countRenderedCols() === 0;
+    }
+  };
+}

package/plugins/comments/contextMenuItem/readOnlyComment.js

@@ -0,0 +1,49 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = readOnlyCommentItem;
+var C = _interopRequireWildcard(require("../../../i18n/constants"));
+var _utils = require("../../contextMenu/utils");
+var _comments = require("../comments");
+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; }
+/**
+ * @param {Comments} plugin The Comments plugin instance.
+ * @returns {object}
+ */
+function readOnlyCommentItem(plugin) {
+  return {
+    key: 'commentsReadOnly',
+    name() {
+      const label = this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_READ_ONLY_COMMENT);
+      const areReadOnly = (0, _utils.checkSelectionConsistency)(this.getSelectedRange(), (row, col) => {
+        return plugin.getCommentMeta(row, col, _comments.META_READONLY);
+      });
+      return areReadOnly ? (0, _utils.markLabelAsSelected)(label) : label;
+    },
+    callback() {
+      const range = this.getSelectedRangeLast();
+      range.forAll((row, column) => {
+        if (row >= 0 && column >= 0) {
+          const currentState = !!plugin.getCommentMeta(row, column, _comments.META_READONLY);
+          plugin.updateCommentMeta(row, column, {
+            [_comments.META_READONLY]: !currentState
+          });
+        }
+      });
+    },
+    disabled() {
+      const range = this.getSelectedRangeLast();
+      if (!range) {
+        return true;
+      }
+      if (range.highlight.isHeader()) {
+        return true;
+      }
+      if (!plugin.getCommentAtCell(range.highlight.row, range.highlight.col)) {
+        return true;
+      }
+      return this.countRenderedRows() === 0 || this.countRenderedCols() === 0;
+    }
+  };
+}

package/plugins/comments/contextMenuItem/readOnlyComment.mjs

@@ -0,0 +1,43 @@
+import * as C from "../../../i18n/constants.mjs";
+import { checkSelectionConsistency, markLabelAsSelected } from "../../contextMenu/utils.mjs";
+import { META_READONLY } from "../comments.mjs";
+/**
+ * @param {Comments} plugin The Comments plugin instance.
+ * @returns {object}
+ */
+export default function readOnlyCommentItem(plugin) {
+  return {
+    key: 'commentsReadOnly',
+    name() {
+      const label = this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_READ_ONLY_COMMENT);
+      const areReadOnly = checkSelectionConsistency(this.getSelectedRange(), (row, col) => {
+        return plugin.getCommentMeta(row, col, META_READONLY);
+      });
+      return areReadOnly ? markLabelAsSelected(label) : label;
+    },
+    callback() {
+      const range = this.getSelectedRangeLast();
+      range.forAll((row, column) => {
+        if (row >= 0 && column >= 0) {
+          const currentState = !!plugin.getCommentMeta(row, column, META_READONLY);
+          plugin.updateCommentMeta(row, column, {
+            [META_READONLY]: !currentState
+          });
+        }
+      });
+    },
+    disabled() {
+      const range = this.getSelectedRangeLast();
+      if (!range) {
+        return true;
+      }
+      if (range.highlight.isHeader()) {
+        return true;
+      }
+      if (!plugin.getCommentAtCell(range.highlight.row, range.highlight.col)) {
+        return true;
+      }
+      return this.countRenderedRows() === 0 || this.countRenderedCols() === 0;
+    }
+  };
+}

package/plugins/comments/contextMenuItem/removeComment.js

@@ -0,0 +1,38 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = removeCommentItem;
+var C = _interopRequireWildcard(require("../../../i18n/constants"));
+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; }
+/**
+ * @param {Comments} plugin The Comments plugin instance.
+ * @returns {object}
+ */
+function removeCommentItem(plugin) {
+  return {
+    key: 'commentsRemove',
+    name() {
+      return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_REMOVE_COMMENT);
+    },
+    callback() {
+      const range = this.getSelectedRangeLast();
+      range.forAll((row, column) => {
+        if (row >= 0 && column >= 0) {
+          plugin.removeCommentAtCell(row, column, false);
+        }
+      });
+      this.render();
+    },
+    disabled() {
+      const range = this.getSelectedRangeLast();
+      if (!range) {
+        return true;
+      }
+      if (range.highlight.isHeader()) {
+        return true;
+      }
+      return this.countRenderedRows() === 0 || this.countRenderedCols() === 0;
+    }
+  };
+}

package/plugins/comments/contextMenuItem/removeComment.mjs

@@ -0,0 +1,32 @@
+import * as C from "../../../i18n/constants.mjs";
+/**
+ * @param {Comments} plugin The Comments plugin instance.
+ * @returns {object}
+ */
+export default function removeCommentItem(plugin) {
+  return {
+    key: 'commentsRemove',
+    name() {
+      return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_REMOVE_COMMENT);
+    },
+    callback() {
+      const range = this.getSelectedRangeLast();
+      range.forAll((row, column) => {
+        if (row >= 0 && column >= 0) {
+          plugin.removeCommentAtCell(row, column, false);
+        }
+      });
+      this.render();
+    },
+    disabled() {
+      const range = this.getSelectedRangeLast();
+      if (!range) {
+        return true;
+      }
+      if (range.highlight.isHeader()) {
+        return true;
+      }
+      return this.countRenderedRows() === 0 || this.countRenderedCols() === 0;
+    }
+  };
+}

package/plugins/contextMenu/contextMenu.d.ts

@@ -60,7 +60,7 @@ export class ContextMenu extends BasePlugin {
 
   constructor(hotInstance: Core);
   isEnabled(): boolean;
-  open(event: Event): void;
+  open(position: { left: number, top: number } | Event, offset?: { above?: number, below?: number, left?: number, right?: number }): void;
   close(): void;
   executeCommand(commandName: string, ...params: any): void;
 }

package/plugins/contextMenu/contextMenu.js

@@ -4,10 +4,12 @@ exports.__esModule = true;
 var _base = require("../base");
 var _pluginHooks = _interopRequireDefault(require("../../pluginHooks"));
 var _array = require("../../helpers/array");
+var _object = require("../../helpers/object");
 var _commandExecutor = _interopRequireDefault(require("./commandExecutor"));
 var _eventManager = _interopRequireDefault(require("../../eventManager"));
 var _itemsFactory = _interopRequireDefault(require("./itemsFactory"));
 var _menu = _interopRequireDefault(require("./menu"));
+var _utils = require("./utils");
 var _element = require("../../helpers/dom/element");
 var _predefinedItems = require("./predefinedItems");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -15,6 +17,7 @@ const PLUGIN_KEY = 'contextMenu';
 exports.PLUGIN_KEY = PLUGIN_KEY;
 const PLUGIN_PRIORITY = 70;
 exports.PLUGIN_PRIORITY = PLUGIN_PRIORITY;
+const SHORTCUTS_GROUP = PLUGIN_KEY;
 _pluginHooks.default.getSingleton().register('afterContextMenuDefaultOptions');
 _pluginHooks.default.getSingleton().register('beforeContextMenuShow');
 _pluginHooks.default.getSingleton().register('afterContextMenuShow');
@@ -137,6 +140,7 @@ class ContextMenu extends _base.BasePlugin {
       return _this.executeCommand.call(_this, ...params);
     });
     this.addHook('afterOnCellContextMenu', event => this.onAfterOnCellContextMenu(event));
+    this.registerShortcuts();
     super.enablePlugin();
   }
 
@@ -149,6 +153,7 @@ class ContextMenu extends _base.BasePlugin {
   updatePlugin() {
     this.disablePlugin();
     this.enablePlugin();
+    this.unregisterShortcuts();
     super.updatePlugin();
   }
 
@@ -164,50 +169,83 @@ class ContextMenu extends _base.BasePlugin {
     super.disablePlugin();
   }
 
+  /**
+   * Register shortcuts responsible for toggling context menu.
+   *
+   * @private
+   */
+  registerShortcuts() {
+    this.hot.getShortcutManager().getContext('grid').addShortcut({
+      keys: [['Control/Meta', 'Shift', '\\'], ['Shift', 'F10']],
+      callback: () => {
+        const {
+          highlight
+        } = this.hot.getSelectedRangeLast();
+        this.hot.scrollToFocusedCell();
+        const rect = this.hot.getCell(highlight.row, highlight.col, true).getBoundingClientRect();
+        const offset = (0, _utils.getDocumentOffsetByElement)(this.menu.container, this.hot.rootDocument);
+        this.open({
+          left: rect.left + offset.left,
+          top: rect.top + offset.top - 1 + rect.height
+        }, {
+          left: rect.width,
+          above: -rect.height
+        });
+        this.hot._registerTimeout(() => {
+          this.menu.selectFirstCell();
+        });
+      },
+      runOnlyIf: () => this.hot.getSelectedRangeLast() && !this.menu.isOpened(),
+      group: SHORTCUTS_GROUP
+    });
+  }
+
+  /**
+   * Unregister shortcuts responsible for toggling context menu.
+   *
+   * @private
+   */
+  unregisterShortcuts() {
+    this.hot.getShortcutManager().getContext('grid').removeShortcutsByGroup(SHORTCUTS_GROUP);
+  }
+
   /**
    * Opens menu and re-position it based on the passed coordinates.
    *
-   * @param {Event} event The mouse event object.
+   * @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.
+   * @fires Hooks#beforeContextMenuShow
+   * @fires Hooks#afterContextMenuShow
    */
-  open(event) {
-    if (!this.menu) {
+  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()) {
       return;
     }
     this.prepareMenuItems();
     this.menu.open();
-    if (!this.menu.isOpened()) {
-      return;
-    }
-    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 - (0, _element.getWindowScrollTop)(event.view);
-      offsetLeft = left - (0, _element.getWindowScrollLeft)(event.view);
-    } else {
-      offsetTop = -1 * (0, _element.getWindowScrollTop)(this.menu.hotMenu.rootWindow);
-      offsetLeft = -1 * (0, _element.getWindowScrollLeft)(this.menu.hotMenu.rootWindow);
-    }
-    this.menu.setPosition({
-      top: parseInt(event.pageY, 10) + offsetTop,
-      left: parseInt(event.pageX, 10) + offsetLeft
+    (0, _object.objectEach)(offset, (value, key) => {
+      this.menu.setOffset(key, value);
     });
+    this.menu.setPosition(position);
   }
 
   /**
    * Closes the menu.
    */
   close() {
-    if (!this.menu) {
-      return;
-    }
-    this.menu.close();
+    var _this$menu2;
+    (_this$menu2 = this.menu) === null || _this$menu2 === void 0 ? void 0 : _this$menu2.close();
     this.itemsFactory = null;
   }
 
@@ -305,7 +343,11 @@ class ContextMenu extends _base.BasePlugin {
         return;
       }
     }
-    this.open(event);
+    const offset = (0, _utils.getDocumentOffsetByElement)(this.menu.container, this.hot.rootDocument);
+    this.open({
+      top: event.clientY + offset.top,
+      left: event.clientX + offset.left
+    });
   }
 
   /**

package/plugins/contextMenu/contextMenu.mjs

@@ -1,14 +1,17 @@
 import { BasePlugin } from "../base/index.mjs";
 import Hooks from "../../pluginHooks.mjs";
 import { arrayEach } from "../../helpers/array.mjs";
+import { objectEach } from "../../helpers/object.mjs";
 import CommandExecutor from "./commandExecutor.mjs";
 import EventManager from "../../eventManager.mjs";
 import ItemsFactory from "./itemsFactory.mjs";
 import Menu from "./menu.mjs";
-import { getWindowScrollLeft, getWindowScrollTop, hasClass } from "../../helpers/dom/element.mjs";
+import { getDocumentOffsetByElement } from "./utils.mjs";
+import { hasClass } from "../../helpers/dom/element.mjs";
 import { ROW_ABOVE, ROW_BELOW, COLUMN_LEFT, COLUMN_RIGHT, REMOVE_ROW, REMOVE_COLUMN, UNDO, REDO, READ_ONLY, ALIGNMENT, SEPARATOR } from "./predefinedItems.mjs";
 export const PLUGIN_KEY = 'contextMenu';
 export const PLUGIN_PRIORITY = 70;
+const SHORTCUTS_GROUP = PLUGIN_KEY;
 Hooks.getSingleton().register('afterContextMenuDefaultOptions');
 Hooks.getSingleton().register('beforeContextMenuShow');
 Hooks.getSingleton().register('afterContextMenuShow');
@@ -131,6 +134,7 @@ export class ContextMenu extends BasePlugin {
       return _this.executeCommand.call(_this, ...params);
     });
     this.addHook('afterOnCellContextMenu', event => this.onAfterOnCellContextMenu(event));
+    this.registerShortcuts();
     super.enablePlugin();
   }
 
@@ -143,6 +147,7 @@ export class ContextMenu extends BasePlugin {
   updatePlugin() {
     this.disablePlugin();
     this.enablePlugin();
+    this.unregisterShortcuts();
     super.updatePlugin();
   }
 
@@ -158,50 +163,83 @@ export class ContextMenu extends BasePlugin {
     super.disablePlugin();
   }
 
+  /**
+   * Register shortcuts responsible for toggling context menu.
+   *
+   * @private
+   */
+  registerShortcuts() {
+    this.hot.getShortcutManager().getContext('grid').addShortcut({
+      keys: [['Control/Meta', 'Shift', '\\'], ['Shift', 'F10']],
+      callback: () => {
+        const {
+          highlight
+        } = this.hot.getSelectedRangeLast();
+        this.hot.scrollToFocusedCell();
+        const rect = this.hot.getCell(highlight.row, highlight.col, true).getBoundingClientRect();
+        const offset = getDocumentOffsetByElement(this.menu.container, this.hot.rootDocument);
+        this.open({
+          left: rect.left + offset.left,
+          top: rect.top + offset.top - 1 + rect.height
+        }, {
+          left: rect.width,
+          above: -rect.height
+        });
+        this.hot._registerTimeout(() => {
+          this.menu.selectFirstCell();
+        });
+      },
+      runOnlyIf: () => this.hot.getSelectedRangeLast() && !this.menu.isOpened(),
+      group: SHORTCUTS_GROUP
+    });
+  }
+
+  /**
+   * Unregister shortcuts responsible for toggling context menu.
+   *
+   * @private
+   */
+  unregisterShortcuts() {
+    this.hot.getShortcutManager().getContext('grid').removeShortcutsByGroup(SHORTCUTS_GROUP);
+  }
+
   /**
    * Opens menu and re-position it based on the passed coordinates.
    *
-   * @param {Event} event The mouse event object.
+   * @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.
+   * @fires Hooks#beforeContextMenuShow
+   * @fires Hooks#afterContextMenuShow
    */
-  open(event) {
-    if (!this.menu) {
+  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()) {
       return;
     }
     this.prepareMenuItems();
     this.menu.open();
-    if (!this.menu.isOpened()) {
-      return;
-    }
-    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 - getWindowScrollTop(event.view);
-      offsetLeft = left - getWindowScrollLeft(event.view);
-    } else {
-      offsetTop = -1 * getWindowScrollTop(this.menu.hotMenu.rootWindow);
-      offsetLeft = -1 * getWindowScrollLeft(this.menu.hotMenu.rootWindow);
-    }
-    this.menu.setPosition({
-      top: parseInt(event.pageY, 10) + offsetTop,
-      left: parseInt(event.pageX, 10) + offsetLeft
+    objectEach(offset, (value, key) => {
+      this.menu.setOffset(key, value);
     });
+    this.menu.setPosition(position);
   }
 
   /**
    * Closes the menu.
    */
   close() {
-    if (!this.menu) {
-      return;
-    }
-    this.menu.close();
+    var _this$menu2;
+    (_this$menu2 = this.menu) === null || _this$menu2 === void 0 ? void 0 : _this$menu2.close();
     this.itemsFactory = null;
   }
 
@@ -299,7 +337,11 @@ export class ContextMenu extends BasePlugin {
         return;
       }
     }
-    this.open(event);
+    const offset = getDocumentOffsetByElement(this.menu.container, this.hot.rootDocument);
+    this.open({
+      top: event.clientY + offset.top,
+      left: event.clientX + offset.left
+    });
   }
 
   /**

package/plugins/contextMenu/predefinedItems/alignment.js

@@ -23,6 +23,13 @@ function alignmentItem() {
       if (this.countRows() === 0 || this.countCols() === 0) {
         return true;
       }
+      const range = this.getSelectedRangeLast();
+      if (!range) {
+        return true;
+      }
+      if (range.isSingleHeader()) {
+        return true;
+      }
       return !(this.getSelectedRange() && !this.selection.isSelectedByCorner());
     },
     submenu: {

package/plugins/contextMenu/predefinedItems/alignment.mjs

@@ -16,6 +16,13 @@ export default function alignmentItem() {
       if (this.countRows() === 0 || this.countCols() === 0) {
         return true;
       }
+      const range = this.getSelectedRangeLast();
+      if (!range) {
+        return true;
+      }
+      if (range.isSingleHeader()) {
+        return true;
+      }
       return !(this.getSelectedRange() && !this.selection.isSelectedByCorner());
     },
     submenu: {

package/plugins/contextMenu/predefinedItems/clearColumn.js

@@ -2,7 +2,6 @@
 
 exports.__esModule = true;
 exports.default = clearColumnItem;
-var _utils = require("../utils");
 var C = _interopRequireWildcard(require("../../../i18n/constants"));
 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; }
@@ -26,8 +25,11 @@ function clearColumnItem() {
       }
     },
     disabled() {
-      const selected = (0, _utils.getValidSelection)(this);
-      if (!selected) {
+      const range = this.getSelectedRangeLast();
+      if (!range) {
+        return true;
+      }
+      if (range.isSingleHeader() && range.highlight.col < 0) {
         return true;
       }
       return !this.selection.isSelectedByColumnHeader();

package/plugins/contextMenu/predefinedItems/clearColumn.mjs

@@ -1,4 +1,3 @@
-import { getValidSelection } from "../utils.mjs";
 import * as C from "../../../i18n/constants.mjs";
 export const KEY = 'clear_column';
 
@@ -19,8 +18,11 @@ export default function clearColumnItem() {
       }
     },
     disabled() {
-      const selected = getValidSelection(this);
-      if (!selected) {
+      const range = this.getSelectedRangeLast();
+      if (!range) {
+        return true;
+      }
+      if (range.isSingleHeader() && range.highlight.col < 0) {
         return true;
       }
       return !this.selection.isSelectedByColumnHeader();

package/plugins/contextMenu/predefinedItems/columnLeft.js

@@ -2,7 +2,6 @@
 
 exports.__esModule = true;
 exports.default = columnLeftItem;
-var _utils = require("../utils");
 var C = _interopRequireWildcard(require("../../../i18n/constants"));
 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; }
@@ -27,8 +26,11 @@ function columnLeftItem() {
       if (!this.isColumnModificationAllowed()) {
         return true;
       }
-      const selected = (0, _utils.getValidSelection)(this);
-      if (!selected) {
+      const range = this.getSelectedRangeLast();
+      if (!range) {
+        return true;
+      }
+      if (range.isSingleHeader() && range.highlight.col < 0) {
         return true;
       }
       if (this.selection.isSelectedByCorner()) {