handsontable 0.0.0-next-ac97c93-20230617 → 0.0.0-next-acb8c02-20230620

package/plugins/dropdownMenu/dropdownMenu.js

@@ -23,6 +23,7 @@ require("core-js/modules/es.object.get-prototype-of.js");
 var _base = require("../base");
 var _array = require("../../helpers/array");
 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 +55,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 +184,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 +248,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,
+            width: rect.width,
+            height: rect.height
+          });
+          _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,27 +321,27 @@ 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.
      * @fires Hooks#beforeDropdownMenuShow
      * @fires Hooks#afterDropdownMenuShow
      */
   }, {
     key: "open",
     value: function open(position) {
-      if (!this.menu) {
+      var _this$menu;
+      if ((_this$menu = this.menu) !== null && _this$menu !== void 0 && _this$menu.isOpened()) {
         return;
       }
       this.menu.open();
@@ -292,10 +357,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,21 +430,12 @@ 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,
+          left: rect.left + offset.left,
+          top: rect.top + event.target.offsetHeight + 3 + offset.top,
           width: rect.width,
           height: rect.height
         });

package/plugins/dropdownMenu/dropdownMenu.mjs

@@ -33,6 +33,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 import { BasePlugin } from "../base/index.mjs";
 import { arrayEach } from "../../helpers/array.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 +48,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 +178,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 +242,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,
+            width: rect.width,
+            height: rect.height
+          });
+          _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,27 +315,27 @@ 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.
      * @fires Hooks#beforeDropdownMenuShow
      * @fires Hooks#afterDropdownMenuShow
      */
   }, {
     key: "open",
     value: function open(position) {
-      if (!this.menu) {
+      var _this$menu;
+      if ((_this$menu = this.menu) !== null && _this$menu !== void 0 && _this$menu.isOpened()) {
         return;
       }
       this.menu.open();
@@ -286,10 +351,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,21 +424,12 @@ 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,
+          left: rect.left + offset.left,
+          top: rect.top + event.target.offsetHeight + 3 + offset.top,
           width: rect.width,
           height: rect.height
         });

package/plugins/mergeCells/mergeCells.js

@@ -243,9 +243,6 @@ var MergeCells = /*#__PURE__*/function (_BasePlugin) {
       this.addHook('afterDrawSelection', function () {
         return _this2.onAfterDrawSelection.apply(_this2, arguments);
       });
-      this.addHook('beforeRemoveCellClassNames', function () {
-        return _this2.onBeforeRemoveCellClassNames.apply(_this2, arguments);
-      });
       this.addHook('beforeUndoStackChange', function (action, source) {
         if (source === 'MergeCells') {
           return false;
@@ -662,8 +659,11 @@ var MergeCells = /*#__PURE__*/function (_BasePlugin) {
       gridContext.addShortcut({
         keys: [['Control', 'm']],
         callback: function callback() {
-          _this7.toggleMerge(_this7.hot.getSelectedRangeLast());
-          _this7.hot.render();
+          var range = _this7.hot.getSelectedRangeLast();
+          if (range && !range.isSingleHeader()) {
+            _this7.toggleMerge(range);
+            _this7.hot.render();
+          }
         },
         runOnlyIf: function runOnlyIf(event) {
           return !event.altKey;
@@ -1340,19 +1340,6 @@ var MergeCells = /*#__PURE__*/function (_BasePlugin) {
       }
       return this.selectionCalculations.getSelectedMergedCellClassName(currentRow, currentColumn, cornersOfSelection, layerLevel);
     }
-
-    /**
-     * `beforeRemoveCellClassNames` hook callback. Used to remove additional class name from all cells in the table.
-     *
-     * @private
-     * @returns {string[]} An `Array` of `String`s. Each of these strings will act like class names to be removed from
-     *   all the cells in the table.
-     */
-  }, {
-    key: "onBeforeRemoveCellClassNames",
-    value: function onBeforeRemoveCellClassNames() {
-      return this.selectionCalculations.getSelectedMergedCellClassNameToRemove();
-    }
   }], [{
     key: "PLUGIN_KEY",
     get: function get() {

package/plugins/mergeCells/mergeCells.mjs

@@ -236,9 +236,6 @@ export var MergeCells = /*#__PURE__*/function (_BasePlugin) {
       this.addHook('afterDrawSelection', function () {
         return _this2.onAfterDrawSelection.apply(_this2, arguments);
       });
-      this.addHook('beforeRemoveCellClassNames', function () {
-        return _this2.onBeforeRemoveCellClassNames.apply(_this2, arguments);
-      });
       this.addHook('beforeUndoStackChange', function (action, source) {
         if (source === 'MergeCells') {
           return false;
@@ -655,8 +652,11 @@ export var MergeCells = /*#__PURE__*/function (_BasePlugin) {
       gridContext.addShortcut({
         keys: [['Control', 'm']],
         callback: function callback() {
-          _this7.toggleMerge(_this7.hot.getSelectedRangeLast());
-          _this7.hot.render();
+          var range = _this7.hot.getSelectedRangeLast();
+          if (range && !range.isSingleHeader()) {
+            _this7.toggleMerge(range);
+            _this7.hot.render();
+          }
         },
         runOnlyIf: function runOnlyIf(event) {
           return !event.altKey;
@@ -1333,19 +1333,6 @@ export var MergeCells = /*#__PURE__*/function (_BasePlugin) {
       }
       return this.selectionCalculations.getSelectedMergedCellClassName(currentRow, currentColumn, cornersOfSelection, layerLevel);
     }
-
-    /**
-     * `beforeRemoveCellClassNames` hook callback. Used to remove additional class name from all cells in the table.
-     *
-     * @private
-     * @returns {string[]} An `Array` of `String`s. Each of these strings will act like class names to be removed from
-     *   all the cells in the table.
-     */
-  }, {
-    key: "onBeforeRemoveCellClassNames",
-    value: function onBeforeRemoveCellClassNames() {
-      return this.selectionCalculations.getSelectedMergedCellClassNameToRemove();
-    }
   }], [{
     key: "PLUGIN_KEY",
     get: function get() {

package/plugins/multiColumnSorting/multiColumnSorting.js

@@ -16,8 +16,8 @@ require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 exports.__esModule = true;
 exports.PLUGIN_PRIORITY = exports.PLUGIN_KEY = exports.MultiColumnSorting = void 0;
-require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.sort.js");
+require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.object.set-prototype-of.js");
 require("core-js/modules/es.object.get-prototype-of.js");
 var _columnSorting = require("../columnSorting");
@@ -45,8 +45,8 @@ var PLUGIN_KEY = 'multiColumnSorting';
 exports.PLUGIN_KEY = PLUGIN_KEY;
 var PLUGIN_PRIORITY = 170;
 exports.PLUGIN_PRIORITY = PLUGIN_PRIORITY;
-var APPEND_COLUMN_CONFIG_STRATEGY = 'append';
 var CONFLICTED_PLUGIN_KEY = 'columnSorting';
+var SHORTCUTS_GROUP = PLUGIN_KEY;
 (0, _sortService.registerRootComparator)(PLUGIN_KEY, _rootComparator.rootComparator);
 
 /**
@@ -151,6 +151,45 @@ var MultiColumnSorting = /*#__PURE__*/function (_ColumnSorting) {
       _get(_getPrototypeOf(MultiColumnSorting.prototype), "disablePlugin", this).call(this);
     }
 
+    /**
+     * Register shortcuts responsible for toggling column sorting functionality.
+     *
+     * @private
+     */
+  }, {
+    key: "registerShortcuts",
+    value: function registerShortcuts() {
+      var _this2 = this;
+      _get(_getPrototypeOf(MultiColumnSorting.prototype), "registerShortcuts", this).call(this);
+      this.hot.getShortcutManager().getContext('grid').addShortcut({
+        keys: [['Control/Meta', 'Enter']],
+        callback: function callback() {
+          var _this2$hot$getSelecte = _this2.hot.getSelectedRangeLast(),
+            highlight = _this2$hot$getSelecte.highlight;
+          if (highlight.row === -1 && highlight.col >= 0) {
+            _this2.sort(_this2.getNextSortConfig(highlight.col, _columnSorting.APPEND_COLUMN_CONFIG_STRATEGY));
+          }
+        },
+        runOnlyIf: function runOnlyIf() {
+          var _this2$hot$getSelecte2;
+          return (_this2$hot$getSelecte2 = _this2.hot.getSelectedRangeLast()) === null || _this2$hot$getSelecte2 === void 0 ? void 0 : _this2$hot$getSelecte2.highlight.isHeader();
+        },
+        group: SHORTCUTS_GROUP
+      });
+    }
+
+    /**
+     * Unregister shortcuts responsible for toggling column sorting functionality.
+     *
+     * @private
+     */
+  }, {
+    key: "unregisterShortcuts",
+    value: function unregisterShortcuts() {
+      _get(_getPrototypeOf(MultiColumnSorting.prototype), "unregisterShortcuts", this).call(this);
+      this.hot.getShortcutManager().getContext('grid').removeShortcutsByGroup(SHORTCUTS_GROUP);
+    }
+
     /**
      * Sorts the table by chosen columns and orders.
      *
@@ -319,7 +358,7 @@ var MultiColumnSorting = /*#__PURE__*/function (_ColumnSorting) {
         if (this.hot.getShortcutManager().isCtrlPressed()) {
           this.hot.deselectCell();
           this.hot.selectColumns(coords.col);
-          this.sort(this.getNextSortConfig(coords.col, APPEND_COLUMN_CONFIG_STRATEGY));
+          this.sort(this.getNextSortConfig(coords.col, _columnSorting.APPEND_COLUMN_CONFIG_STRATEGY));
         } else {
           this.sort(this.getColumnNextConfig(coords.col));
         }

package/plugins/multiColumnSorting/multiColumnSorting.mjs

@@ -1,6 +1,6 @@
 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); }
-import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.sort.js";
+import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.object.set-prototype-of.js";
 import "core-js/modules/es.object.get-prototype-of.js";
 import "core-js/modules/es.object.to-string.js";
@@ -30,7 +30,7 @@ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) ===
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-import { ColumnSorting } from "../columnSorting/index.mjs";
+import { APPEND_COLUMN_CONFIG_STRATEGY, ColumnSorting } from "../columnSorting/index.mjs";
 import { registerRootComparator } from "../columnSorting/sortService/index.mjs";
 import { wasHeaderClickedProperly } from "../columnSorting/utils.mjs";
 import { addClass, removeClass } from "../../helpers/dom/element.mjs";
@@ -39,8 +39,8 @@ import { warnAboutPluginsConflict } from "./utils.mjs";
 import { getClassesToAdd, getClassesToRemove } from "./domHelpers.mjs";
 export var PLUGIN_KEY = 'multiColumnSorting';
 export var PLUGIN_PRIORITY = 170;
-var APPEND_COLUMN_CONFIG_STRATEGY = 'append';
 var CONFLICTED_PLUGIN_KEY = 'columnSorting';
+var SHORTCUTS_GROUP = PLUGIN_KEY;
 registerRootComparator(PLUGIN_KEY, rootComparator);
 
 /**
@@ -145,6 +145,45 @@ export var MultiColumnSorting = /*#__PURE__*/function (_ColumnSorting) {
       _get(_getPrototypeOf(MultiColumnSorting.prototype), "disablePlugin", this).call(this);
     }
 
+    /**
+     * Register shortcuts responsible for toggling column sorting functionality.
+     *
+     * @private
+     */
+  }, {
+    key: "registerShortcuts",
+    value: function registerShortcuts() {
+      var _this2 = this;
+      _get(_getPrototypeOf(MultiColumnSorting.prototype), "registerShortcuts", this).call(this);
+      this.hot.getShortcutManager().getContext('grid').addShortcut({
+        keys: [['Control/Meta', 'Enter']],
+        callback: function callback() {
+          var _this2$hot$getSelecte = _this2.hot.getSelectedRangeLast(),
+            highlight = _this2$hot$getSelecte.highlight;
+          if (highlight.row === -1 && highlight.col >= 0) {
+            _this2.sort(_this2.getNextSortConfig(highlight.col, APPEND_COLUMN_CONFIG_STRATEGY));
+          }
+        },
+        runOnlyIf: function runOnlyIf() {
+          var _this2$hot$getSelecte2;
+          return (_this2$hot$getSelecte2 = _this2.hot.getSelectedRangeLast()) === null || _this2$hot$getSelecte2 === void 0 ? void 0 : _this2$hot$getSelecte2.highlight.isHeader();
+        },
+        group: SHORTCUTS_GROUP
+      });
+    }
+
+    /**
+     * Unregister shortcuts responsible for toggling column sorting functionality.
+     *
+     * @private
+     */
+  }, {
+    key: "unregisterShortcuts",
+    value: function unregisterShortcuts() {
+      _get(_getPrototypeOf(MultiColumnSorting.prototype), "unregisterShortcuts", this).call(this);
+      this.hot.getShortcutManager().getContext('grid').removeShortcutsByGroup(SHORTCUTS_GROUP);
+    }
+
     /**
      * Sorts the table by chosen columns and orders.
      *