handsontable 11.1.0 → 12.1.0

package/plugins/comments/comments.mjs

@@ -8,13 +8,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
 
 function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -24,7 +24,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 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 : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.object.to-string.js";
@@ -39,10 +39,9 @@ import "core-js/modules/es.object.get-own-property-descriptor.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.symbol.iterator.js";
-import { addClass, closest, isChildOf, hasClass, offset, outerWidth, outerHeight } from "../../helpers/dom/element.mjs";
+import { addClass, closest, isChildOf, hasClass, outerWidth, outerHeight } from "../../helpers/dom/element.mjs";
 import { deepClone, deepExtend, isObject } from "../../helpers/object.mjs";
 import EventManager from "../../eventManager.mjs";
-import { CellCoords, CellRange } from "../../3rdparty/walkontable/src/index.mjs";
 import { BasePlugin } from "../base/index.mjs";
 import CommentEditor from "./commentEditor.mjs";
 import { checkSelectionConsistency, markLabelAsSelected } from "../contextMenu/utils.mjs";
@@ -113,8 +112,6 @@ var META_READONLY = 'readOnly';
  * ```
  */
 
-/* eslint-enable jsdoc/require-description-complete-sentence */
-
 export var Comments = /*#__PURE__*/function (_BasePlugin) {
   _inherits(Comments, _BasePlugin);
 
@@ -198,7 +195,7 @@ export var Comments = /*#__PURE__*/function (_BasePlugin) {
       }
 
       if (!this.editor) {
-        this.editor = new CommentEditor(this.hot.rootDocument);
+        this.editor = new CommentEditor(this.hot.rootDocument, this.hot.isRtl());
       }
 
       if (!this.eventManager) {
@@ -235,7 +232,10 @@ export var Comments = /*#__PURE__*/function (_BasePlugin) {
       _get(_getPrototypeOf(Comments.prototype), "enablePlugin", this).call(this);
     }
     /**
-     * Updates the plugin state. This method is executed when {@link Core#updateSettings} is invoked.
+     * Updates the plugin's state.
+     *
+     * This method is executed when [`updateSettings()`](@/api/core.md#updatesettings) is invoked with any of the following configuration options:
+     *   - [`comments`](@/api/options.md#comments)
      */
 
   }, {
@@ -374,7 +374,7 @@ export var Comments = /*#__PURE__*/function (_BasePlugin) {
     key: "setCommentAtCell",
     value: function setCommentAtCell(row, column, value) {
       this.setRange({
-        from: new CellCoords(row, column)
+        from: this.hot._createCellCoords(row, column)
       });
       this.setComment(value);
     }
@@ -414,7 +414,7 @@ export var Comments = /*#__PURE__*/function (_BasePlugin) {
     value: function removeCommentAtCell(row, column) {
       var forceRender = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
       this.setRange({
-        from: new CellCoords(row, column)
+        from: this.hot._createCellCoords(row, column)
       });
       this.removeComment(forceRender);
     }
@@ -466,13 +466,9 @@ export var Comments = /*#__PURE__*/function (_BasePlugin) {
       }
 
       var meta = this.hot.getCellMeta(this.range.from.row, this.range.from.col);
-      this.refreshEditor(true);
       this.editor.setValue(meta[META_COMMENT] ? meta[META_COMMENT][META_COMMENT_VALUE] : null || '');
-
-      if (this.editor.hidden) {
-        this.editor.show();
-      }
-
+      this.editor.show();
+      this.refreshEditor(true);
       return true;
     }
     /**
@@ -487,7 +483,7 @@ export var Comments = /*#__PURE__*/function (_BasePlugin) {
     key: "showAtCell",
     value: function showAtCell(row, column) {
       this.setRange({
-        from: new CellCoords(row, column)
+        from: this.hot._createCellCoords(row, column)
       });
       return this.show();
     }
@@ -529,11 +525,11 @@ export var Comments = /*#__PURE__*/function (_BasePlugin) {
       var targetingPreviousRow = renderableRow === null;
 
       if (renderableRow === null) {
-        renderableRow = rowIndexMapper.getRenderableFromVisualIndex(rowIndexMapper.getFirstNotHiddenIndex(visualRow, -1));
+        renderableRow = rowIndexMapper.getRenderableFromVisualIndex(rowIndexMapper.getNearestNotHiddenIndex(visualRow, -1));
       }
 
       if (renderableColumn === null) {
-        renderableColumn = columnIndexMapper.getRenderableFromVisualIndex(columnIndexMapper.getFirstNotHiddenIndex(visualColumn, -1));
+        renderableColumn = columnIndexMapper.getRenderableFromVisualIndex(columnIndexMapper.getNearestNotHiddenIndex(visualColumn, -1));
       }
 
       var isBeforeRenderedRows = renderableRow === null;
@@ -542,33 +538,13 @@ export var Comments = /*#__PURE__*/function (_BasePlugin) {
       renderableColumn = (_renderableColumn = renderableColumn) !== null && _renderableColumn !== void 0 ? _renderableColumn : 0;
       var _this$hot2 = this.hot,
           rootWindow = _this$hot2.rootWindow,
-          wt = _this$hot2.view.wt;
-      var wtTable = wt.wtTable,
-          wtOverlays = wt.wtOverlays,
-          wtViewport = wt.wtViewport;
-      var scrollableElement = wtOverlays.scrollableElement;
+          wt = _this$hot2.view._wt;
+      var wtTable = wt.wtTable;
       var TD = wtTable.getCell({
         row: renderableRow,
         col: renderableColumn
       });
-      var cellOffset = offset(TD);
-      var lastColWidth = isBeforeRenderedColumns ? 0 : wtTable.getStretchedColumnWidth(renderableColumn);
-      var lastRowHeight = targetingPreviousRow && !isBeforeRenderedRows ? outerHeight(TD) : 0;
-      var cellTopOffset = cellOffset.top;
-      var cellLeftOffset = cellOffset.left;
-
-      if (wtViewport.hasVerticalScroll() && scrollableElement !== rootWindow) {
-        cellTopOffset -= wtOverlays.topOverlay.getScrollPosition();
-      }
-
-      if (wtViewport.hasHorizontalScroll() && scrollableElement !== rootWindow) {
-        cellLeftOffset -= wtOverlays.leftOverlay.getScrollPosition();
-      }
-
-      var x = cellLeftOffset + lastColWidth;
-      var y = cellTopOffset + lastRowHeight;
       var commentStyle = this.getCommentMeta(visualRow, visualColumn, META_STYLE);
-      var readOnly = this.getCommentMeta(visualRow, visualColumn, META_READONLY);
 
       if (commentStyle) {
         this.editor.setSize(commentStyle.width, commentStyle.height);
@@ -576,8 +552,43 @@ export var Comments = /*#__PURE__*/function (_BasePlugin) {
         this.editor.resetSize();
       }
 
-      this.editor.setReadOnlyState(readOnly);
+      var lastColWidth = isBeforeRenderedColumns ? 0 : wtTable.getStretchedColumnWidth(renderableColumn);
+      var lastRowHeight = targetingPreviousRow && !isBeforeRenderedRows ? outerHeight(TD) : 0;
+
+      var _TD$getBoundingClient = TD.getBoundingClientRect(),
+          left = _TD$getBoundingClient.left,
+          top = _TD$getBoundingClient.top,
+          cellWidth = _TD$getBoundingClient.width,
+          cellHeight = _TD$getBoundingClient.height;
+
+      var _this$editor$getSize = this.editor.getSize(),
+          editorWidth = _this$editor$getSize.width,
+          editorHeight = _this$editor$getSize.height;
+
+      var _this$hot$rootWindow = this.hot.rootWindow,
+          innerWidth = _this$hot$rootWindow.innerWidth,
+          innerHeight = _this$hot$rootWindow.innerHeight;
+      var documentElement = this.hot.rootDocument.documentElement;
+      var x = left + rootWindow.scrollX + lastColWidth;
+      var y = top + rootWindow.scrollY + lastRowHeight;
+
+      if (this.hot.isRtl()) {
+        x -= editorWidth + lastColWidth;
+      } // flip to the right or left the comments editor position when it goes out of browser viewport
+
+
+      if (this.hot.isLtr() && left + cellWidth + editorWidth > innerWidth) {
+        x = left + rootWindow.scrollX - editorWidth - 1;
+      } else if (this.hot.isRtl() && x < -(documentElement.scrollWidth - documentElement.clientWidth)) {
+        x = left + rootWindow.scrollX + lastColWidth + 1;
+      }
+
+      if (top + editorHeight > innerHeight) {
+        y -= editorHeight - cellHeight + 1;
+      }
+
       this.editor.setPosition(x, y);
+      this.editor.setReadOnlyState(this.getCommentMeta(visualRow, visualColumn, META_READONLY));
     }
     /**
      * Checks if there is a comment for selected range.
@@ -596,7 +607,7 @@ export var Comments = /*#__PURE__*/function (_BasePlugin) {
       }
 
       var hasComment = false;
-      var cell = selected.getTopLeftCorner(); // IN EXCEL THERE IS COMMENT ONLY FOR TOP LEFT CELL IN SELECTION
+      var cell = selected.getTopStartCorner(); // IN EXCEL THERE IS COMMENT ONLY FOR TOP LEFT CELL IN SELECTION
 
       if (this.getCommentMeta(cell.row, cell.col, META_COMMENT_VALUE)) {
         hasComment = true;
@@ -657,7 +668,7 @@ export var Comments = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "onMouseDown",
     value: function onMouseDown(event) {
-      if (!this.hot.view || !this.hot.view.wt) {
+      if (!this.hot.view || !this.hot.view._wt) {
         return;
       }
 
@@ -694,7 +705,8 @@ export var Comments = /*#__PURE__*/function (_BasePlugin) {
       priv.cellBelowCursor = rootDocument.elementFromPoint(event.clientX, event.clientY);
 
       if (this.targetIsCellWithComment(event)) {
-        var range = new CellRange(this.hot.getCoords(event.target));
+        var range = this.hot._createCellRange(this.hot.getCoords(event.target));
+
         this.displaySwitch.show(range);
       } else if (isChildOf(event.target, rootDocument) && !this.targetIsCommentTextArea(event)) {
         this.displaySwitch.hide();

package/plugins/contextMenu/contextMenu.js

@@ -57,13 +57,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
 
 function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -73,7 +73,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 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 : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var PLUGIN_KEY = 'contextMenu';
 exports.PLUGIN_KEY = PLUGIN_KEY;
@@ -130,14 +130,15 @@ _pluginHooks.default.getSingleton().register('afterContextMenuExecute');
  * @plugin ContextMenu
  */
 
-/* eslint-enable jsdoc/require-description-complete-sentence */
-
 
 var ContextMenu = /*#__PURE__*/function (_BasePlugin) {
   _inherits(ContextMenu, _BasePlugin);
 
   var _super = _createSuper(ContextMenu);
 
+  /**
+   * @param {Core} hotInstance Handsontable instance.
+   */
   function ContextMenu(hotInstance) {
     var _this;
 
@@ -240,7 +241,10 @@ var ContextMenu = /*#__PURE__*/function (_BasePlugin) {
       _get(_getPrototypeOf(ContextMenu.prototype), "enablePlugin", this).call(this);
     }
     /**
-     * Updates the plugin state. This method is executed when {@link Core#updateSettings} is invoked.
+     * Updates the plugin's state.
+     *
+     * This method is executed when [`updateSettings()`](@/api/core.md#updatesettings) is invoked with any of the following configuration options:
+     *  - [`contextMenu`](@/api/options.md#contextmenu)
      */
 
   }, {

package/plugins/contextMenu/contextMenu.mjs

@@ -20,13 +20,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
 
 function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -36,7 +36,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 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 : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+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 Hooks from "../../pluginHooks.mjs";
@@ -95,13 +95,14 @@ Hooks.getSingleton().register('afterContextMenuExecute');
  * @plugin ContextMenu
  */
 
-/* eslint-enable jsdoc/require-description-complete-sentence */
-
 export var ContextMenu = /*#__PURE__*/function (_BasePlugin) {
   _inherits(ContextMenu, _BasePlugin);
 
   var _super = _createSuper(ContextMenu);
 
+  /**
+   * @param {Core} hotInstance Handsontable instance.
+   */
   function ContextMenu(hotInstance) {
     var _this;
 
@@ -204,7 +205,10 @@ export var ContextMenu = /*#__PURE__*/function (_BasePlugin) {
       _get(_getPrototypeOf(ContextMenu.prototype), "enablePlugin", this).call(this);
     }
     /**
-     * Updates the plugin state. This method is executed when {@link Core#updateSettings} is invoked.
+     * Updates the plugin's state.
+     *
+     * This method is executed when [`updateSettings()`](@/api/core.md#updatesettings) is invoked with any of the following configuration options:
+     *  - [`contextMenu`](@/api/options.md#contextmenu)
      */
 
   }, {