handsontable 14.0.0-next-07c0a60-20231107 → 14.0.0-next-7ee54cb-20231108

package/plugins/comments/comments.js

@@ -6,7 +6,6 @@ require("core-js/modules/es.array.push.js");
 var _element = require("../../helpers/dom/element");
 var _event = require("../../helpers/dom/event");
 var _object = require("../../helpers/object");
-var _eventManager = _interopRequireDefault(require("../../eventManager"));
 var _base = require("../base");
 var _commentEditor = _interopRequireDefault(require("./commentEditor"));
 var _displaySwitch2 = _interopRequireDefault(require("./displaySwitch"));
@@ -15,11 +14,13 @@ var _addEditComment = _interopRequireDefault(require("./contextMenuItem/addEditC
 var _removeComment = _interopRequireDefault(require("./contextMenuItem/removeComment"));
 var _readOnlyComment = _interopRequireDefault(require("./contextMenuItem/readOnlyComment"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
 function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
 function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
@@ -131,22 +132,81 @@ var _preventEditorHiding = /*#__PURE__*/new WeakMap();
 var _tempEditorDimensions = /*#__PURE__*/new WeakMap();
 var _cellBelowCursor = /*#__PURE__*/new WeakMap();
 var _commentValueBeforeSave = /*#__PURE__*/new WeakMap();
+var _onMouseDown = /*#__PURE__*/new WeakSet();
+var _onMouseOver = /*#__PURE__*/new WeakSet();
+var _onMouseUp = /*#__PURE__*/new WeakSet();
+var _onAfterRenderer = /*#__PURE__*/new WeakSet();
+var _onEditorBlur = /*#__PURE__*/new WeakSet();
+var _onEditorFocus = /*#__PURE__*/new WeakSet();
+var _onEditorMouseDown = /*#__PURE__*/new WeakSet();
+var _onEditorMouseUp = /*#__PURE__*/new WeakSet();
+var _onAfterDocumentKeyDown = /*#__PURE__*/new WeakSet();
+var _onAfterScroll = /*#__PURE__*/new WeakSet();
 class Comments extends _base.BasePlugin {
   constructor() {
     super(...arguments);
     /**
-     * Current cell range, an object with `from` property, with `row` and `col` properties (e.q. `{from: {row: 1, col: 6}}`).
+     * Observes the changes in the scroll position if triggered it hides the comment editor.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterScroll);
+    /**
+     * Observes the pressed keys and if there is already opened the comment editor prevents open
+     * the table editor into the fast edit mode.
      *
-     * @type {object}
+     * @param {Event} event The keydown event.
      */
-    _defineProperty(this, "range", {});
+    _classPrivateMethodInitSpec(this, _onAfterDocumentKeyDown);
+    /**
+     * `mouseup` hook. Along with `onEditorMouseDown` used to simulate the textarea resizing event.
+     *
+     * @param {MouseEvent} event The `mouseup` event.
+     */
+    _classPrivateMethodInitSpec(this, _onEditorMouseUp);
+    /**
+     * `mousedown` hook. Along with `onEditorMouseUp` used to simulate the textarea resizing event.
+     *
+     * @param {MouseEvent} event The `mousedown` event.
+     */
+    _classPrivateMethodInitSpec(this, _onEditorMouseDown);
+    /**
+     * Hook observer the "focus" event from the comments editor element. The hook takes the control of
+     * the keyboard shortcuts by switching the context to plugins one.
+     */
+    _classPrivateMethodInitSpec(this, _onEditorFocus);
+    /**
+     * Hook observer the "blur" event from the comments editor element. The hook clears the
+     * editor content and gives back the keyboard shortcuts control by switching to the "grid" context.
+     */
+    _classPrivateMethodInitSpec(this, _onEditorBlur);
+    /**
+     * The `afterRenderer` hook callback.
+     *
+     * @param {HTMLTableCellElement} TD The rendered `TD` element.
+     * @param {object} cellProperties The rendered cell's property object.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterRenderer);
+    /**
+     * `mouseup` event callback.
+     */
+    _classPrivateMethodInitSpec(this, _onMouseUp);
+    /**
+     * `mouseover` event callback.
+     *
+     * @param {MouseEvent} event The `mouseover` event.
+     */
+    _classPrivateMethodInitSpec(this, _onMouseOver);
+    /**
+     * `mousedown` event callback.
+     *
+     * @param {MouseEvent} event The `mousedown` event.
+     */
+    _classPrivateMethodInitSpec(this, _onMouseDown);
     /**
-     * Instance of {@link EventManager}.
+     * Current cell range, an object with `from` property, with `row` and `col` properties (e.q. `{from: {row: 1, col: 6}}`).
      *
-     * @protected
-     * @type {EventManager}
+     * @type {object}
      */
-    _defineProperty(this, "eventManager", null);
+    _defineProperty(this, "range", {});
     /**
      * Instance of {@link CommentEditor}.
      *
@@ -245,17 +305,14 @@ class Comments extends _base.BasePlugin {
     if (!_classPrivateFieldGet(this, _editor)) {
       _classPrivateFieldSet(this, _editor, new _commentEditor.default(this.hot.rootDocument, this.hot.isRtl()));
     }
-    if (!this.eventManager) {
-      this.eventManager = new _eventManager.default(this);
-    }
     if (!_classPrivateFieldGet(this, _displaySwitch)) {
       _classPrivateFieldSet(this, _displaySwitch, new _displaySwitch2.default(this.getDisplayDelaySetting()));
     }
     this.addHook('afterContextMenuDefaultOptions', options => this.addToContextMenu(options));
-    this.addHook('afterRenderer', (TD, row, col, prop, value, cellProperties) => this.onAfterRenderer(TD, cellProperties));
-    this.addHook('afterScroll', () => this.onAfterScroll());
+    this.addHook('afterRenderer', (TD, row, col, prop, value, cellProperties) => _classPrivateMethodGet(this, _onAfterRenderer, _onAfterRenderer2).call(this, TD, cellProperties));
+    this.addHook('afterScroll', () => _classPrivateMethodGet(this, _onAfterScroll, _onAfterScroll2).call(this));
     this.addHook('afterBeginEditing', () => this.hide());
-    this.addHook('afterDocumentKeyDown', event => this.onAfterDocumentKeyDown(event));
+    this.addHook('afterDocumentKeyDown', event => _classPrivateMethodGet(this, _onAfterDocumentKeyDown, _onAfterDocumentKeyDown2).call(this, event));
     _classPrivateFieldGet(this, _displaySwitch).addLocalHook('hide', () => this.hide());
     _classPrivateFieldGet(this, _displaySwitch).addLocalHook('show', (row, col) => this.showAtCell(row, col));
     this.registerShortcuts();
@@ -359,13 +416,13 @@ class Comments extends _base.BasePlugin {
       rootDocument
     } = this.hot;
     const editorElement = this.getEditorInputElement();
-    this.eventManager.addEventListener(rootDocument, 'mouseover', event => this.onMouseOver(event));
-    this.eventManager.addEventListener(rootDocument, 'mousedown', event => this.onMouseDown(event));
-    this.eventManager.addEventListener(rootDocument, 'mouseup', () => this.onMouseUp());
-    this.eventManager.addEventListener(editorElement, 'focus', () => this.onEditorFocus());
-    this.eventManager.addEventListener(editorElement, 'blur', () => this.onEditorBlur());
-    this.eventManager.addEventListener(editorElement, 'mousedown', event => this.onEditorMouseDown(event));
-    this.eventManager.addEventListener(editorElement, 'mouseup', event => this.onEditorMouseUp(event));
+    this.eventManager.addEventListener(rootDocument, 'mouseover', event => _classPrivateMethodGet(this, _onMouseOver, _onMouseOver2).call(this, event));
+    this.eventManager.addEventListener(rootDocument, 'mousedown', event => _classPrivateMethodGet(this, _onMouseDown, _onMouseDown2).call(this, event));
+    this.eventManager.addEventListener(rootDocument, 'mouseup', () => _classPrivateMethodGet(this, _onMouseUp, _onMouseUp2).call(this));
+    this.eventManager.addEventListener(editorElement, 'focus', () => _classPrivateMethodGet(this, _onEditorFocus, _onEditorFocus2).call(this));
+    this.eventManager.addEventListener(editorElement, 'blur', () => _classPrivateMethodGet(this, _onEditorBlur, _onEditorBlur2).call(this));
+    this.eventManager.addEventListener(editorElement, 'mousedown', event => _classPrivateMethodGet(this, _onEditorMouseDown, _onEditorMouseDown2).call(this, event));
+    this.eventManager.addEventListener(editorElement, 'mouseup', event => _classPrivateMethodGet(this, _onEditorMouseUp, _onEditorMouseUp2).call(this, event));
   }
 
   /**
@@ -418,9 +475,9 @@ class Comments extends _base.BasePlugin {
     }
     const editorValue = _classPrivateFieldGet(this, _editor).getValue();
     let comment = '';
-    if (value !== null && value !== void 0) {
+    if (value !== null && value !== undefined) {
       comment = value;
-    } else if (editorValue !== null && editorValue !== void 0) {
+    } else if (editorValue !== null && editorValue !== undefined) {
       comment = editorValue;
     }
     const row = this.range.from.row;
@@ -678,154 +735,10 @@ class Comments extends _base.BasePlugin {
   getCommentMeta(row, column, property) {
     const cellMeta = this.hot.getCellMeta(row, column);
     if (!cellMeta[META_COMMENT]) {
-      return void 0;
+      return undefined;
     }
     return cellMeta[META_COMMENT][property];
   }
-
-  /**
-   * `mousedown` event callback.
-   *
-   * @private
-   * @param {MouseEvent} event The `mousedown` event.
-   */
-  onMouseDown(event) {
-    if (!this.hot.view || !this.hot.view._wt) {
-      return;
-    }
-    if (!_classPrivateFieldGet(this, _preventEditorAutoSwitch) && !this.targetIsCommentTextArea(event)) {
-      const eventCell = (0, _element.closest)(event.target, 'TD', 'TBODY');
-      let coordinates = null;
-      if (eventCell) {
-        coordinates = this.hot.getCoords(eventCell);
-      }
-      if (!eventCell || this.range.from && coordinates && (this.range.from.row !== coordinates.row || this.range.from.col !== coordinates.col)) {
-        this.hide();
-      }
-    }
-  }
-
-  /**
-   * `mouseover` event callback.
-   *
-   * @private
-   * @param {MouseEvent} event The `mouseover` event.
-   */
-  onMouseOver(event) {
-    const {
-      rootDocument
-    } = this.hot;
-    if (_classPrivateFieldGet(this, _preventEditorAutoSwitch) || _classPrivateFieldGet(this, _editor).isFocused() || (0, _element.hasClass)(event.target, 'wtBorder') || _classPrivateFieldGet(this, _cellBelowCursor) === event.target || !_classPrivateFieldGet(this, _editor)) {
-      return;
-    }
-    _classPrivateFieldSet(this, _cellBelowCursor, rootDocument.elementFromPoint(event.clientX, event.clientY));
-    if (this.targetIsCellWithComment(event)) {
-      const range = this.hot._createCellRange(this.hot.getCoords(event.target));
-      _classPrivateFieldGet(this, _displaySwitch).show(range);
-    } else if ((0, _element.isChildOf)(event.target, rootDocument) && !this.targetIsCommentTextArea(event)) {
-      _classPrivateFieldGet(this, _displaySwitch).hide();
-    }
-  }
-
-  /**
-   * `mouseup` event callback.
-   *
-   * @private
-   */
-  onMouseUp() {
-    _classPrivateFieldSet(this, _preventEditorAutoSwitch, false);
-  }
-
-  /**
-   * The `afterRenderer` hook callback.
-   *
-   * @private
-   * @param {HTMLTableCellElement} TD The rendered `TD` element.
-   * @param {object} cellProperties The rendered cell's property object.
-   */
-  onAfterRenderer(TD, cellProperties) {
-    if (cellProperties[META_COMMENT] && cellProperties[META_COMMENT][META_COMMENT_VALUE]) {
-      (0, _element.addClass)(TD, cellProperties.commentedCellClassName);
-    }
-  }
-
-  /**
-   * Hook observer the "blur" event from the comments editor element. The hook clears the
-   * editor content and gives back the keyboard shortcuts control by switching to the "grid" context.
-   *
-   * @private
-   */
-  onEditorBlur() {
-    _classPrivateFieldSet(this, _commentValueBeforeSave, '');
-    this.hot.getShortcutManager().setActiveContextName('grid');
-    this.setComment();
-  }
-
-  /**
-   * Hook observer the "focus" event from the comments editor element. The hook takes the control of
-   * the keyboard shortcuts by switching the context to plugins one.
-   *
-   * @private
-   */
-  onEditorFocus() {
-    _classPrivateFieldSet(this, _commentValueBeforeSave, this.getComment());
-    this.hot.listen();
-    this.hot.getShortcutManager().setActiveContextName(SHORTCUTS_CONTEXT_NAME);
-  }
-
-  /**
-   * `mousedown` hook. Along with `onEditorMouseUp` used to simulate the textarea resizing event.
-   *
-   * @private
-   * @param {MouseEvent} event The `mousedown` event.
-   */
-  onEditorMouseDown(event) {
-    _classPrivateFieldSet(this, _tempEditorDimensions, {
-      width: (0, _element.outerWidth)(event.target),
-      height: (0, _element.outerHeight)(event.target)
-    });
-  }
-
-  /**
-   * `mouseup` hook. Along with `onEditorMouseDown` used to simulate the textarea resizing event.
-   *
-   * @private
-   * @param {MouseEvent} event The `mouseup` event.
-   */
-  onEditorMouseUp(event) {
-    const currentWidth = (0, _element.outerWidth)(event.target);
-    const currentHeight = (0, _element.outerHeight)(event.target);
-    if (currentWidth !== _classPrivateFieldGet(this, _tempEditorDimensions).width + 1 || currentHeight !== _classPrivateFieldGet(this, _tempEditorDimensions).height + 2) {
-      this.updateCommentMeta(this.range.from.row, this.range.from.col, {
-        [META_STYLE]: {
-          width: currentWidth,
-          height: currentHeight
-        }
-      });
-    }
-  }
-
-  /**
-   * Observes the pressed keys and if there is already opened the comment editor prevents open
-   * the table editor into the fast edit mode.
-   *
-   * @param {Event} event The keydown event.
-   */
-  onAfterDocumentKeyDown(event) {
-    if (_classPrivateFieldGet(this, _editor).isVisible()) {
-      (0, _event.stopImmediatePropagation)(event);
-    }
-  }
-
-  /**
-   * Observes the changes in the scroll position if triggered it hides the comment editor.
-   */
-  onAfterScroll() {
-    if (!_classPrivateFieldGet(this, _preventEditorHiding)) {
-      this.hide();
-    }
-  }
-
   /**
    * Add Comments plugin options to the Context Menu.
    *
@@ -874,4 +787,80 @@ class Comments extends _base.BasePlugin {
     super.destroy();
   }
 }
-exports.Comments = Comments;
+exports.Comments = Comments;
+function _onMouseDown2(event) {
+  if (!this.hot.view || !this.hot.view._wt) {
+    return;
+  }
+  if (!_classPrivateFieldGet(this, _preventEditorAutoSwitch) && !this.targetIsCommentTextArea(event)) {
+    const eventCell = (0, _element.closest)(event.target, 'TD', 'TBODY');
+    let coordinates = null;
+    if (eventCell) {
+      coordinates = this.hot.getCoords(eventCell);
+    }
+    if (!eventCell || this.range.from && coordinates && (this.range.from.row !== coordinates.row || this.range.from.col !== coordinates.col)) {
+      this.hide();
+    }
+  }
+}
+function _onMouseOver2(event) {
+  const {
+    rootDocument
+  } = this.hot;
+  if (_classPrivateFieldGet(this, _preventEditorAutoSwitch) || _classPrivateFieldGet(this, _editor).isFocused() || (0, _element.hasClass)(event.target, 'wtBorder') || _classPrivateFieldGet(this, _cellBelowCursor) === event.target || !_classPrivateFieldGet(this, _editor)) {
+    return;
+  }
+  _classPrivateFieldSet(this, _cellBelowCursor, rootDocument.elementFromPoint(event.clientX, event.clientY));
+  if (this.targetIsCellWithComment(event)) {
+    const range = this.hot._createCellRange(this.hot.getCoords(event.target));
+    _classPrivateFieldGet(this, _displaySwitch).show(range);
+  } else if ((0, _element.isChildOf)(event.target, rootDocument) && !this.targetIsCommentTextArea(event)) {
+    _classPrivateFieldGet(this, _displaySwitch).hide();
+  }
+}
+function _onMouseUp2() {
+  _classPrivateFieldSet(this, _preventEditorAutoSwitch, false);
+}
+function _onAfterRenderer2(TD, cellProperties) {
+  if (cellProperties[META_COMMENT] && cellProperties[META_COMMENT][META_COMMENT_VALUE]) {
+    (0, _element.addClass)(TD, cellProperties.commentedCellClassName);
+  }
+}
+function _onEditorBlur2() {
+  _classPrivateFieldSet(this, _commentValueBeforeSave, '');
+  this.hot.getShortcutManager().setActiveContextName('grid');
+  this.setComment();
+}
+function _onEditorFocus2() {
+  _classPrivateFieldSet(this, _commentValueBeforeSave, this.getComment());
+  this.hot.listen();
+  this.hot.getShortcutManager().setActiveContextName(SHORTCUTS_CONTEXT_NAME);
+}
+function _onEditorMouseDown2(event) {
+  _classPrivateFieldSet(this, _tempEditorDimensions, {
+    width: (0, _element.outerWidth)(event.target),
+    height: (0, _element.outerHeight)(event.target)
+  });
+}
+function _onEditorMouseUp2(event) {
+  const currentWidth = (0, _element.outerWidth)(event.target);
+  const currentHeight = (0, _element.outerHeight)(event.target);
+  if (currentWidth !== _classPrivateFieldGet(this, _tempEditorDimensions).width + 1 || currentHeight !== _classPrivateFieldGet(this, _tempEditorDimensions).height + 2) {
+    this.updateCommentMeta(this.range.from.row, this.range.from.col, {
+      [META_STYLE]: {
+        width: currentWidth,
+        height: currentHeight
+      }
+    });
+  }
+}
+function _onAfterDocumentKeyDown2(event) {
+  if (_classPrivateFieldGet(this, _editor).isVisible()) {
+    (0, _event.stopImmediatePropagation)(event);
+  }
+}
+function _onAfterScroll2() {
+  if (!_classPrivateFieldGet(this, _preventEditorHiding)) {
+    this.hide();
+  }
+}