handsontable 0.0.0-next-af5139c-20230620 → 0.0.0-next-06a64be-20230621

package/plugins/manualColumnResize/manualColumnResize.mjs

@@ -78,6 +78,7 @@ export var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
     _this.guide = rootDocument.createElement('DIV');
     _this.eventManager = new EventManager(_assertThisInitialized(_this));
     _this.pressed = null;
+    _this.isTriggeredByRMB = false;
     _this.dblclick = 0;
     _this.autoresizeTimeout = null;
 
@@ -428,6 +429,11 @@ export var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
       if (isDetached(event.target)) {
         return;
       }
+
+      // A "mouseover" action is triggered right after executing "contextmenu" event. It should be ignored.
+      if (this.isTriggeredByRMB === true) {
+        return;
+      }
       if (this.checkIfColumnHeader(event.target)) {
         var th = this.getClosestTHParent(event.target);
         if (!th) {
@@ -584,6 +590,28 @@ export var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
       }
     }
 
+    /**
+     * Callback for "contextmenu" event triggered on element showing move handle. It removes handle and guide elements.
+     *
+     * @private
+     */
+  }, {
+    key: "onContextMenu",
+    value: function onContextMenu() {
+      var _this9 = this;
+      this.hideHandleAndGuide();
+      this.hot.rootElement.removeChild(this.handle);
+      this.hot.rootElement.removeChild(this.guide);
+      this.pressed = false;
+      this.isTriggeredByRMB = true;
+
+      // There is thrown "mouseover" event right after opening a context menu. This flag inform that handle
+      // shouldn't be drawn just after removing it.
+      this.hot._registerImmediate(function () {
+        _this9.isTriggeredByRMB = false;
+      });
+    }
+
     /**
      * Binds the mouse events.
      *
@@ -592,21 +620,24 @@ export var ManualColumnResize = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "bindEvents",
     value: function bindEvents() {
-      var _this9 = this;
+      var _this10 = this;
       var _this$hot = this.hot,
         rootWindow = _this$hot.rootWindow,
         rootElement = _this$hot.rootElement;
       this.eventManager.addEventListener(rootElement, 'mouseover', function (e) {
-        return _this9.onMouseOver(e);
+        return _this10.onMouseOver(e);
       });
       this.eventManager.addEventListener(rootElement, 'mousedown', function (e) {
-        return _this9.onMouseDown(e);
+        return _this10.onMouseDown(e);
       });
       this.eventManager.addEventListener(rootWindow, 'mousemove', function (e) {
-        return _this9.onMouseMove(e);
+        return _this10.onMouseMove(e);
       });
       this.eventManager.addEventListener(rootWindow, 'mouseup', function () {
-        return _this9.onMouseUp();
+        return _this10.onMouseUp();
+      });
+      this.eventManager.addEventListener(this.handle, 'contextmenu', function () {
+        return _this10.onContextMenu();
       });
     }
 

package/plugins/manualRowResize/manualRowResize.js

@@ -88,6 +88,7 @@ var ManualRowResize = /*#__PURE__*/function (_BasePlugin) {
     _this.guide = rootDocument.createElement('DIV');
     _this.eventManager = new _eventManager.default(_assertThisInitialized(_this));
     _this.pressed = null;
+    _this.isTriggeredByRMB = false;
     _this.dblclick = 0;
     _this.autoresizeTimeout = null;
 
@@ -409,6 +410,11 @@ var ManualRowResize = /*#__PURE__*/function (_BasePlugin) {
       if ((0, _element.isDetached)(event.target)) {
         return;
       }
+
+      // A "mouseover" action is triggered right after executing "contextmenu" event. It should be ignored.
+      if (this.isTriggeredByRMB === true) {
+        return;
+      }
       if (this.checkIfRowHeader(event.target)) {
         var th = this.getClosestTHParent(event.target);
         if (th) {
@@ -555,6 +561,28 @@ var ManualRowResize = /*#__PURE__*/function (_BasePlugin) {
       }
     }
 
+    /**
+     * Callback for "contextmenu" event triggered on element showing move handle. It removes handle and guide elements.
+     *
+     * @private
+     */
+  }, {
+    key: "onContextMenu",
+    value: function onContextMenu() {
+      var _this8 = this;
+      this.hideHandleAndGuide();
+      this.hot.rootElement.removeChild(this.handle);
+      this.hot.rootElement.removeChild(this.guide);
+      this.pressed = false;
+      this.isTriggeredByRMB = true;
+
+      // There is thrown "mouseover" event right after opening a context menu. This flag inform that handle
+      // shouldn't be drawn just after removing it.
+      this.hot._registerImmediate(function () {
+        _this8.isTriggeredByRMB = false;
+      });
+    }
+
     /**
      * Binds the mouse events.
      *
@@ -563,21 +591,24 @@ var ManualRowResize = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "bindEvents",
     value: function bindEvents() {
-      var _this8 = this;
+      var _this9 = this;
       var _this$hot = this.hot,
         rootElement = _this$hot.rootElement,
         rootWindow = _this$hot.rootWindow;
       this.eventManager.addEventListener(rootElement, 'mouseover', function (e) {
-        return _this8.onMouseOver(e);
+        return _this9.onMouseOver(e);
       });
       this.eventManager.addEventListener(rootElement, 'mousedown', function (e) {
-        return _this8.onMouseDown(e);
+        return _this9.onMouseDown(e);
       });
       this.eventManager.addEventListener(rootWindow, 'mousemove', function (e) {
-        return _this8.onMouseMove(e);
+        return _this9.onMouseMove(e);
       });
       this.eventManager.addEventListener(rootWindow, 'mouseup', function () {
-        return _this8.onMouseUp();
+        return _this9.onMouseUp();
+      });
+      this.eventManager.addEventListener(this.handle, 'contextmenu', function () {
+        return _this9.onContextMenu();
       });
     }
 
@@ -611,23 +642,23 @@ var ManualRowResize = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "onMapInit",
     value: function onMapInit() {
-      var _this9 = this;
+      var _this10 = this;
       var priv = privatePool.get(this);
       var initialSetting = this.hot.getSettings()[PLUGIN_KEY];
       var loadedManualRowHeights = this.loadManualRowHeights();
       this.hot.batchExecution(function () {
         if (typeof loadedManualRowHeights !== 'undefined') {
           loadedManualRowHeights.forEach(function (height, index) {
-            _this9.rowHeightsMap.setValueAtIndex(index, height);
+            _this10.rowHeightsMap.setValueAtIndex(index, height);
           });
         } else if (Array.isArray(initialSetting)) {
           initialSetting.forEach(function (height, index) {
-            _this9.rowHeightsMap.setValueAtIndex(index, height);
+            _this10.rowHeightsMap.setValueAtIndex(index, height);
           });
           priv.config = initialSetting;
         } else if (initialSetting === true && Array.isArray(priv.config)) {
           priv.config.forEach(function (height, index) {
-            _this9.rowHeightsMap.setValueAtIndex(index, height);
+            _this10.rowHeightsMap.setValueAtIndex(index, height);
           });
         }
       }, true);

package/plugins/manualRowResize/manualRowResize.mjs

@@ -79,6 +79,7 @@ export var ManualRowResize = /*#__PURE__*/function (_BasePlugin) {
     _this.guide = rootDocument.createElement('DIV');
     _this.eventManager = new EventManager(_assertThisInitialized(_this));
     _this.pressed = null;
+    _this.isTriggeredByRMB = false;
     _this.dblclick = 0;
     _this.autoresizeTimeout = null;
 
@@ -400,6 +401,11 @@ export var ManualRowResize = /*#__PURE__*/function (_BasePlugin) {
       if (isDetached(event.target)) {
         return;
       }
+
+      // A "mouseover" action is triggered right after executing "contextmenu" event. It should be ignored.
+      if (this.isTriggeredByRMB === true) {
+        return;
+      }
       if (this.checkIfRowHeader(event.target)) {
         var th = this.getClosestTHParent(event.target);
         if (th) {
@@ -546,6 +552,28 @@ export var ManualRowResize = /*#__PURE__*/function (_BasePlugin) {
       }
     }
 
+    /**
+     * Callback for "contextmenu" event triggered on element showing move handle. It removes handle and guide elements.
+     *
+     * @private
+     */
+  }, {
+    key: "onContextMenu",
+    value: function onContextMenu() {
+      var _this8 = this;
+      this.hideHandleAndGuide();
+      this.hot.rootElement.removeChild(this.handle);
+      this.hot.rootElement.removeChild(this.guide);
+      this.pressed = false;
+      this.isTriggeredByRMB = true;
+
+      // There is thrown "mouseover" event right after opening a context menu. This flag inform that handle
+      // shouldn't be drawn just after removing it.
+      this.hot._registerImmediate(function () {
+        _this8.isTriggeredByRMB = false;
+      });
+    }
+
     /**
      * Binds the mouse events.
      *
@@ -554,21 +582,24 @@ export var ManualRowResize = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "bindEvents",
     value: function bindEvents() {
-      var _this8 = this;
+      var _this9 = this;
       var _this$hot = this.hot,
         rootElement = _this$hot.rootElement,
         rootWindow = _this$hot.rootWindow;
       this.eventManager.addEventListener(rootElement, 'mouseover', function (e) {
-        return _this8.onMouseOver(e);
+        return _this9.onMouseOver(e);
       });
       this.eventManager.addEventListener(rootElement, 'mousedown', function (e) {
-        return _this8.onMouseDown(e);
+        return _this9.onMouseDown(e);
       });
       this.eventManager.addEventListener(rootWindow, 'mousemove', function (e) {
-        return _this8.onMouseMove(e);
+        return _this9.onMouseMove(e);
       });
       this.eventManager.addEventListener(rootWindow, 'mouseup', function () {
-        return _this8.onMouseUp();
+        return _this9.onMouseUp();
+      });
+      this.eventManager.addEventListener(this.handle, 'contextmenu', function () {
+        return _this9.onContextMenu();
       });
     }
 
@@ -602,23 +633,23 @@ export var ManualRowResize = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "onMapInit",
     value: function onMapInit() {
-      var _this9 = this;
+      var _this10 = this;
       var priv = privatePool.get(this);
       var initialSetting = this.hot.getSettings()[PLUGIN_KEY];
       var loadedManualRowHeights = this.loadManualRowHeights();
       this.hot.batchExecution(function () {
         if (typeof loadedManualRowHeights !== 'undefined') {
           loadedManualRowHeights.forEach(function (height, index) {
-            _this9.rowHeightsMap.setValueAtIndex(index, height);
+            _this10.rowHeightsMap.setValueAtIndex(index, height);
           });
         } else if (Array.isArray(initialSetting)) {
           initialSetting.forEach(function (height, index) {
-            _this9.rowHeightsMap.setValueAtIndex(index, height);
+            _this10.rowHeightsMap.setValueAtIndex(index, height);
           });
           priv.config = initialSetting;
         } else if (initialSetting === true && Array.isArray(priv.config)) {
           priv.config.forEach(function (height, index) {
-            _this9.rowHeightsMap.setValueAtIndex(index, height);
+            _this10.rowHeightsMap.setValueAtIndex(index, height);
           });
         }
       }, true);

package/plugins/mergeCells/mergeCells.js

@@ -243,6 +243,9 @@ 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;
@@ -659,11 +662,8 @@ var MergeCells = /*#__PURE__*/function (_BasePlugin) {
       gridContext.addShortcut({
         keys: [['Control', 'm']],
         callback: function callback() {
-          var range = _this7.hot.getSelectedRangeLast();
-          if (range && !range.isSingleHeader()) {
-            _this7.toggleMerge(range);
-            _this7.hot.render();
-          }
+          _this7.toggleMerge(_this7.hot.getSelectedRangeLast());
+          _this7.hot.render();
         },
         runOnlyIf: function runOnlyIf(event) {
           return !event.altKey;
@@ -1340,6 +1340,19 @@ 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,6 +236,9 @@ 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;
@@ -652,11 +655,8 @@ export var MergeCells = /*#__PURE__*/function (_BasePlugin) {
       gridContext.addShortcut({
         keys: [['Control', 'm']],
         callback: function callback() {
-          var range = _this7.hot.getSelectedRangeLast();
-          if (range && !range.isSingleHeader()) {
-            _this7.toggleMerge(range);
-            _this7.hot.render();
-          }
+          _this7.toggleMerge(_this7.hot.getSelectedRangeLast());
+          _this7.hot.render();
         },
         runOnlyIf: function runOnlyIf(event) {
           return !event.altKey;
@@ -1333,6 +1333,19 @@ 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.sort.js");
 require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.sort.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,45 +151,6 @@ 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.
      *
@@ -358,7 +319,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, _columnSorting.APPEND_COLUMN_CONFIG_STRATEGY));
+          this.sort(this.getNextSortConfig(coords.col, 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.sort.js";
 import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.sort.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 { APPEND_COLUMN_CONFIG_STRATEGY, ColumnSorting } from "../columnSorting/index.mjs";
+import { 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,45 +145,6 @@ 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.
      *