handsontable 0.0.0-next-a1e4b4f-20230628 → 0.0.0-next-e697250-20230707

package/plugins/customBorders/customBorders.js

@@ -9,10 +9,6 @@ require("core-js/modules/es.symbol.iterator.js");
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/es.array.slice.js");
-require("core-js/modules/es.function.name.js");
-require("core-js/modules/es.array.from.js");
-require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.weak-map.js");
 exports.__esModule = true;
 exports.PLUGIN_PRIORITY = exports.PLUGIN_KEY = exports.CustomBorders = void 0;
@@ -38,12 +34,6 @@ var _selection = require("../../selection");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -229,25 +219,11 @@ var CustomBorders = /*#__PURE__*/function (_BasePlugin) {
       var selectionType = (0, _selection.detectSelectionType)(selectionRanges);
       var selectionSchemaNormalizer = (0, _selection.normalizeSelectionFactory)(selectionType);
       (0, _array.arrayEach)(selectionRanges, function (selection) {
-        var _selectionSchemaNorma = selectionSchemaNormalizer(selection),
-          _selectionSchemaNorma2 = _slicedToArray(_selectionSchemaNorma, 4),
-          rowStart = _selectionSchemaNorma2[0],
-          columnStart = _selectionSchemaNorma2[1],
-          rowEnd = _selectionSchemaNorma2[2],
-          columnEnd = _selectionSchemaNorma2[3];
-        var _loop = function _loop(row) {
-          var _loop2 = function _loop2(col) {
-            (0, _array.arrayEach)(borderKeys, function (borderKey) {
-              _this3.prepareBorderFromCustomAdded(row, col, normBorder, (0, _utils.toInlinePropName)(borderKey));
-            });
-          };
-          for (var col = columnStart; col <= columnEnd; col += 1) {
-            _loop2(col);
-          }
-        };
-        for (var row = rowStart; row <= rowEnd; row += 1) {
-          _loop(row);
-        }
+        selectionSchemaNormalizer(selection).forAll(function (row, col) {
+          (0, _array.arrayEach)(borderKeys, function (borderKey) {
+            _this3.prepareBorderFromCustomAdded(row, col, normBorder, (0, _utils.toInlinePropName)(borderKey));
+          });
+        });
       });
 
       /*
@@ -290,27 +266,13 @@ var CustomBorders = /*#__PURE__*/function (_BasePlugin) {
       var selectionSchemaNormalizer = (0, _selection.normalizeSelectionFactory)(selectionType);
       var selectedBorders = [];
       (0, _array.arrayEach)(selectionRanges, function (selection) {
-        var _selectionSchemaNorma3 = selectionSchemaNormalizer(selection),
-          _selectionSchemaNorma4 = _slicedToArray(_selectionSchemaNorma3, 4),
-          rowStart = _selectionSchemaNorma4[0],
-          columnStart = _selectionSchemaNorma4[1],
-          rowEnd = _selectionSchemaNorma4[2],
-          columnEnd = _selectionSchemaNorma4[3];
-        var _loop3 = function _loop3(row) {
-          var _loop4 = function _loop4(col) {
-            (0, _array.arrayEach)(_this4.savedBorders, function (border) {
-              if (border.row === row && border.col === col) {
-                selectedBorders.push((0, _utils.denormalizeBorder)(border));
-              }
-            });
-          };
-          for (var col = columnStart; col <= columnEnd; col += 1) {
-            _loop4(col);
-          }
-        };
-        for (var row = rowStart; row <= rowEnd; row += 1) {
-          _loop3(row);
-        }
+        selectionSchemaNormalizer(selection).forAll(function (row, col) {
+          (0, _array.arrayEach)(_this4.savedBorders, function (border) {
+            if (border.row === row && border.col === col) {
+              selectedBorders.push((0, _utils.denormalizeBorder)(border));
+            }
+          });
+        });
       });
       return selectedBorders;
     }
@@ -852,6 +814,13 @@ var CustomBorders = /*#__PURE__*/function (_BasePlugin) {
           return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_BORDERS);
         },
         disabled: function disabled() {
+          var range = this.getSelectedRangeLast();
+          if (!range) {
+            return true;
+          }
+          if (range.isSingleHeader()) {
+            return true;
+          }
           return this.selection.isSelectedByCorner();
         },
         submenu: {

package/plugins/customBorders/customBorders.mjs

@@ -1,10 +1,4 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.object.keys.js";
 import "core-js/modules/es.object.assign.js";
@@ -25,10 +19,6 @@ import "core-js/modules/es.symbol.iterator.js";
 import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.array.from.js";
-import "core-js/modules/es.regexp.exec.js";
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -220,25 +210,11 @@ export var CustomBorders = /*#__PURE__*/function (_BasePlugin) {
       var selectionType = detectSelectionType(selectionRanges);
       var selectionSchemaNormalizer = normalizeSelectionFactory(selectionType);
       arrayEach(selectionRanges, function (selection) {
-        var _selectionSchemaNorma = selectionSchemaNormalizer(selection),
-          _selectionSchemaNorma2 = _slicedToArray(_selectionSchemaNorma, 4),
-          rowStart = _selectionSchemaNorma2[0],
-          columnStart = _selectionSchemaNorma2[1],
-          rowEnd = _selectionSchemaNorma2[2],
-          columnEnd = _selectionSchemaNorma2[3];
-        var _loop = function _loop(row) {
-          var _loop2 = function _loop2(col) {
-            arrayEach(borderKeys, function (borderKey) {
-              _this3.prepareBorderFromCustomAdded(row, col, normBorder, toInlinePropName(borderKey));
-            });
-          };
-          for (var col = columnStart; col <= columnEnd; col += 1) {
-            _loop2(col);
-          }
-        };
-        for (var row = rowStart; row <= rowEnd; row += 1) {
-          _loop(row);
-        }
+        selectionSchemaNormalizer(selection).forAll(function (row, col) {
+          arrayEach(borderKeys, function (borderKey) {
+            _this3.prepareBorderFromCustomAdded(row, col, normBorder, toInlinePropName(borderKey));
+          });
+        });
       });
 
       /*
@@ -281,27 +257,13 @@ export var CustomBorders = /*#__PURE__*/function (_BasePlugin) {
       var selectionSchemaNormalizer = normalizeSelectionFactory(selectionType);
       var selectedBorders = [];
       arrayEach(selectionRanges, function (selection) {
-        var _selectionSchemaNorma3 = selectionSchemaNormalizer(selection),
-          _selectionSchemaNorma4 = _slicedToArray(_selectionSchemaNorma3, 4),
-          rowStart = _selectionSchemaNorma4[0],
-          columnStart = _selectionSchemaNorma4[1],
-          rowEnd = _selectionSchemaNorma4[2],
-          columnEnd = _selectionSchemaNorma4[3];
-        var _loop3 = function _loop3(row) {
-          var _loop4 = function _loop4(col) {
-            arrayEach(_this4.savedBorders, function (border) {
-              if (border.row === row && border.col === col) {
-                selectedBorders.push(denormalizeBorder(border));
-              }
-            });
-          };
-          for (var col = columnStart; col <= columnEnd; col += 1) {
-            _loop4(col);
-          }
-        };
-        for (var row = rowStart; row <= rowEnd; row += 1) {
-          _loop3(row);
-        }
+        selectionSchemaNormalizer(selection).forAll(function (row, col) {
+          arrayEach(_this4.savedBorders, function (border) {
+            if (border.row === row && border.col === col) {
+              selectedBorders.push(denormalizeBorder(border));
+            }
+          });
+        });
       });
       return selectedBorders;
     }
@@ -843,6 +805,13 @@ export var CustomBorders = /*#__PURE__*/function (_BasePlugin) {
           return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_BORDERS);
         },
         disabled: function disabled() {
+          var range = this.getSelectedRangeLast();
+          if (!range) {
+            return true;
+          }
+          if (range.isSingleHeader()) {
+            return true;
+          }
           return this.selection.isSelectedByCorner();
         },
         submenu: {

package/plugins/dropdownMenu/dropdownMenu.d.ts

@@ -18,7 +18,7 @@ export class DropdownMenu 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/dropdownMenu/dropdownMenu.js

@@ -22,7 +22,9 @@ require("core-js/modules/es.object.set-prototype-of.js");
 require("core-js/modules/es.object.get-prototype-of.js");
 var _base = require("../base");
 var _array = require("../../helpers/array");
+var _object = require("../../helpers/object");
 var _commandExecutor = _interopRequireDefault(require("../contextMenu/commandExecutor"));
+var _utils = require("../contextMenu/utils");
 var _eventManager = _interopRequireDefault(require("../../eventManager"));
 var _element = require("../../helpers/dom/element");
 var _itemsFactory = _interopRequireDefault(require("../contextMenu/itemsFactory"));
@@ -54,6 +56,7 @@ exports.PLUGIN_KEY = PLUGIN_KEY;
 var PLUGIN_PRIORITY = 230;
 exports.PLUGIN_PRIORITY = PLUGIN_PRIORITY;
 var BUTTON_CLASS_NAME = 'changeType';
+var SHORTCUTS_GROUP = PLUGIN_KEY;
 
 /* eslint-disable jsdoc/require-description-complete-sentence */
 /**
@@ -182,6 +185,7 @@ var DropdownMenu = /*#__PURE__*/function (_BasePlugin) {
       if (typeof settings.callback === 'function') {
         this.commandExecutor.setCommonCallback(settings.callback);
       }
+      this.registerShortcuts();
       _get(_getPrototypeOf(DropdownMenu.prototype), "enablePlugin", this).call(this);
       this.callOnPluginsReady(function () {
         _this2.hot.runHooks('afterDropdownMenuDefaultOptions', predefinedItems);
@@ -245,9 +249,71 @@ var DropdownMenu = /*#__PURE__*/function (_BasePlugin) {
       if (this.menu) {
         this.menu.destroy();
       }
+      this.unregisterShortcuts();
       _get(_getPrototypeOf(DropdownMenu.prototype), "disablePlugin", this).call(this);
     }
 
+    /**
+     * Register shortcuts responsible for toggling dropdown menu.
+     *
+     * @private
+     */
+  }, {
+    key: "registerShortcuts",
+    value: function registerShortcuts() {
+      var _this3 = this;
+      var context = this.hot.getShortcutManager().getContext('grid');
+      var callback = function callback() {
+        var _this3$hot$getSelecte = _this3.hot.getSelectedRangeLast(),
+          highlight = _this3$hot$getSelecte.highlight;
+        if ((highlight.isHeader() && highlight.row === -1 || highlight.isCell()) && highlight.col >= 0) {
+          _this3.hot.selectColumns(highlight.col, highlight.col, -1);
+          var _this3$hot$getSelecte2 = _this3.hot.getSelectedRangeLast(),
+            from = _this3$hot$getSelecte2.from;
+          var offset = (0, _utils.getDocumentOffsetByElement)(_this3.menu.container, _this3.hot.rootDocument);
+          var target = _this3.hot.getCell(-1, from.col, true);
+          var rect = target.getBoundingClientRect();
+          _this3.open({
+            left: rect.left + offset.left,
+            top: rect.top + target.offsetHeight + offset.top
+          }, {
+            left: rect.width
+          });
+          _this3.hot._registerTimeout(function () {
+            _this3.menu.selectFirstCell();
+          });
+        }
+      };
+      context.addShortcuts([{
+        keys: [['Shift', 'Alt', 'ArrowDown'], ['Shift', 'Enter']],
+        callback: callback,
+        runOnlyIf: function runOnlyIf() {
+          var _this3$hot$getSelecte3;
+          return ((_this3$hot$getSelecte3 = _this3.hot.getSelectedRangeLast()) === null || _this3$hot$getSelecte3 === void 0 ? void 0 : _this3$hot$getSelecte3.highlight.isHeader()) && !_this3.menu.isOpened();
+        },
+        group: SHORTCUTS_GROUP
+      }, {
+        keys: [['Shift', 'Alt', 'ArrowDown']],
+        callback: callback,
+        runOnlyIf: function runOnlyIf() {
+          var _this3$hot$getSelecte4;
+          return ((_this3$hot$getSelecte4 = _this3.hot.getSelectedRangeLast()) === null || _this3$hot$getSelecte4 === void 0 ? void 0 : _this3$hot$getSelecte4.highlight.isCell()) && !_this3.menu.isOpened();
+        },
+        group: SHORTCUTS_GROUP
+      }]);
+    }
+
+    /**
+     * Unregister shortcuts responsible for toggling dropdown menu.
+     *
+     * @private
+     */
+  }, {
+    key: "unregisterShortcuts",
+    value: function unregisterShortcuts() {
+      this.hot.getShortcutManager().getContext('grid').removeShortcutsByGroup(SHORTCUTS_GROUP);
+    }
+
     /**
      * Registers the DOM listeners.
      *
@@ -256,33 +322,42 @@ var DropdownMenu = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "registerEvents",
     value: function registerEvents() {
-      var _this3 = this;
+      var _this4 = this;
       this.eventManager.addEventListener(this.hot.rootElement, 'click', function (event) {
-        return _this3.onTableClick(event);
+        return _this4.onTableClick(event);
       });
     }
 
     /**
      * Opens menu and re-position it based on the passed coordinates.
      *
-     * @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.
+     * @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#beforeDropdownMenuShow
      * @fires Hooks#afterDropdownMenuShow
      */
   }, {
     key: "open",
     value: function open(position) {
-      if (!this.menu) {
+      var _this$menu,
+        _this5 = this;
+      var 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.menu.open();
-      if (position.width) {
-        this.menu.setOffset('left', position.width);
-      }
+      (0, _object.objectEach)(offset, function (value, key) {
+        _this5.menu.setOffset(key, value);
+      });
       this.menu.setPosition(position);
     }
 
@@ -292,10 +367,8 @@ var DropdownMenu = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "close",
     value: function 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();
     }
 
     /**
@@ -367,23 +440,14 @@ var DropdownMenu = /*#__PURE__*/function (_BasePlugin) {
     key: "onTableClick",
     value: function onTableClick(event) {
       event.stopPropagation();
-      if ((0, _element.hasClass)(event.target, BUTTON_CLASS_NAME) && !this.menu.isOpened()) {
-        var offsetTop = 0;
-        var offsetLeft = 0;
-        if (this.hot.rootDocument !== this.menu.container.ownerDocument) {
-          var frameElement = this.hot.rootWindow.frameElement;
-          var _frameElement$getBoun = frameElement.getBoundingClientRect(),
-            top = _frameElement$getBoun.top,
-            left = _frameElement$getBoun.left;
-          offsetTop = top;
-          offsetLeft = left;
-        }
+      if ((0, _element.hasClass)(event.target, BUTTON_CLASS_NAME)) {
+        var offset = (0, _utils.getDocumentOffsetByElement)(this.menu.container, this.hot.rootDocument);
         var rect = event.target.getBoundingClientRect();
         this.open({
-          left: rect.left + offsetLeft,
-          top: rect.top + event.target.offsetHeight + 3 + offsetTop,
-          width: rect.width,
-          height: rect.height
+          left: rect.left + offset.left,
+          top: rect.top + event.target.offsetHeight + 3 + offset.top
+        }, {
+          left: rect.width
         });
       }
     }

package/plugins/dropdownMenu/dropdownMenu.mjs

@@ -32,7 +32,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 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 EventManager from "../../eventManager.mjs";
 import { hasClass } from "../../helpers/dom/element.mjs";
 import ItemsFactory from "../contextMenu/itemsFactory.mjs";
@@ -47,6 +49,7 @@ Hooks.getSingleton().register('afterDropdownMenuExecute');
 export var PLUGIN_KEY = 'dropdownMenu';
 export var PLUGIN_PRIORITY = 230;
 var BUTTON_CLASS_NAME = 'changeType';
+var SHORTCUTS_GROUP = PLUGIN_KEY;
 
 /* eslint-disable jsdoc/require-description-complete-sentence */
 /**
@@ -176,6 +179,7 @@ export var DropdownMenu = /*#__PURE__*/function (_BasePlugin) {
       if (typeof settings.callback === 'function') {
         this.commandExecutor.setCommonCallback(settings.callback);
       }
+      this.registerShortcuts();
       _get(_getPrototypeOf(DropdownMenu.prototype), "enablePlugin", this).call(this);
       this.callOnPluginsReady(function () {
         _this2.hot.runHooks('afterDropdownMenuDefaultOptions', predefinedItems);
@@ -239,9 +243,71 @@ export var DropdownMenu = /*#__PURE__*/function (_BasePlugin) {
       if (this.menu) {
         this.menu.destroy();
       }
+      this.unregisterShortcuts();
       _get(_getPrototypeOf(DropdownMenu.prototype), "disablePlugin", this).call(this);
     }
 
+    /**
+     * Register shortcuts responsible for toggling dropdown menu.
+     *
+     * @private
+     */
+  }, {
+    key: "registerShortcuts",
+    value: function registerShortcuts() {
+      var _this3 = this;
+      var context = this.hot.getShortcutManager().getContext('grid');
+      var callback = function callback() {
+        var _this3$hot$getSelecte = _this3.hot.getSelectedRangeLast(),
+          highlight = _this3$hot$getSelecte.highlight;
+        if ((highlight.isHeader() && highlight.row === -1 || highlight.isCell()) && highlight.col >= 0) {
+          _this3.hot.selectColumns(highlight.col, highlight.col, -1);
+          var _this3$hot$getSelecte2 = _this3.hot.getSelectedRangeLast(),
+            from = _this3$hot$getSelecte2.from;
+          var offset = getDocumentOffsetByElement(_this3.menu.container, _this3.hot.rootDocument);
+          var target = _this3.hot.getCell(-1, from.col, true);
+          var rect = target.getBoundingClientRect();
+          _this3.open({
+            left: rect.left + offset.left,
+            top: rect.top + target.offsetHeight + offset.top
+          }, {
+            left: rect.width
+          });
+          _this3.hot._registerTimeout(function () {
+            _this3.menu.selectFirstCell();
+          });
+        }
+      };
+      context.addShortcuts([{
+        keys: [['Shift', 'Alt', 'ArrowDown'], ['Shift', 'Enter']],
+        callback: callback,
+        runOnlyIf: function runOnlyIf() {
+          var _this3$hot$getSelecte3;
+          return ((_this3$hot$getSelecte3 = _this3.hot.getSelectedRangeLast()) === null || _this3$hot$getSelecte3 === void 0 ? void 0 : _this3$hot$getSelecte3.highlight.isHeader()) && !_this3.menu.isOpened();
+        },
+        group: SHORTCUTS_GROUP
+      }, {
+        keys: [['Shift', 'Alt', 'ArrowDown']],
+        callback: callback,
+        runOnlyIf: function runOnlyIf() {
+          var _this3$hot$getSelecte4;
+          return ((_this3$hot$getSelecte4 = _this3.hot.getSelectedRangeLast()) === null || _this3$hot$getSelecte4 === void 0 ? void 0 : _this3$hot$getSelecte4.highlight.isCell()) && !_this3.menu.isOpened();
+        },
+        group: SHORTCUTS_GROUP
+      }]);
+    }
+
+    /**
+     * Unregister shortcuts responsible for toggling dropdown menu.
+     *
+     * @private
+     */
+  }, {
+    key: "unregisterShortcuts",
+    value: function unregisterShortcuts() {
+      this.hot.getShortcutManager().getContext('grid').removeShortcutsByGroup(SHORTCUTS_GROUP);
+    }
+
     /**
      * Registers the DOM listeners.
      *
@@ -250,33 +316,42 @@ export var DropdownMenu = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "registerEvents",
     value: function registerEvents() {
-      var _this3 = this;
+      var _this4 = this;
       this.eventManager.addEventListener(this.hot.rootElement, 'click', function (event) {
-        return _this3.onTableClick(event);
+        return _this4.onTableClick(event);
       });
     }
 
     /**
      * Opens menu and re-position it based on the passed coordinates.
      *
-     * @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.
+     * @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#beforeDropdownMenuShow
      * @fires Hooks#afterDropdownMenuShow
      */
   }, {
     key: "open",
     value: function open(position) {
-      if (!this.menu) {
+      var _this$menu,
+        _this5 = this;
+      var 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.menu.open();
-      if (position.width) {
-        this.menu.setOffset('left', position.width);
-      }
+      objectEach(offset, function (value, key) {
+        _this5.menu.setOffset(key, value);
+      });
       this.menu.setPosition(position);
     }
 
@@ -286,10 +361,8 @@ export var DropdownMenu = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "close",
     value: function 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();
     }
 
     /**
@@ -361,23 +434,14 @@ export var DropdownMenu = /*#__PURE__*/function (_BasePlugin) {
     key: "onTableClick",
     value: function onTableClick(event) {
       event.stopPropagation();
-      if (hasClass(event.target, BUTTON_CLASS_NAME) && !this.menu.isOpened()) {
-        var offsetTop = 0;
-        var offsetLeft = 0;
-        if (this.hot.rootDocument !== this.menu.container.ownerDocument) {
-          var frameElement = this.hot.rootWindow.frameElement;
-          var _frameElement$getBoun = frameElement.getBoundingClientRect(),
-            top = _frameElement$getBoun.top,
-            left = _frameElement$getBoun.left;
-          offsetTop = top;
-          offsetLeft = left;
-        }
+      if (hasClass(event.target, BUTTON_CLASS_NAME)) {
+        var offset = getDocumentOffsetByElement(this.menu.container, this.hot.rootDocument);
         var rect = event.target.getBoundingClientRect();
         this.open({
-          left: rect.left + offsetLeft,
-          top: rect.top + event.target.offsetHeight + 3 + offsetTop,
-          width: rect.width,
-          height: rect.height
+          left: rect.left + offset.left,
+          top: rect.top + event.target.offsetHeight + 3 + offset.top
+        }, {
+          left: rect.width
         });
       }
     }

package/plugins/exportFile/dataProvider.js

@@ -5,6 +5,7 @@ require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.array.from.js");
 require("core-js/modules/es.regexp.exec.js");

package/plugins/exportFile/dataProvider.mjs

@@ -9,6 +9,7 @@ import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.regexp.to-string.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.regexp.exec.js";

package/plugins/filters/component/value.js

@@ -14,6 +14,7 @@ require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.array.from.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.weak-map.js");

package/plugins/filters/component/value.mjs

@@ -23,6 +23,7 @@ import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.regexp.to-string.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.regexp.exec.js";
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

package/plugins/filters/condition/beginsWith.js

@@ -9,6 +9,7 @@ require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.array.from.js");
 require("core-js/modules/es.regexp.exec.js");