handsontable 0.0.0-next-7026906-20231107 → 0.0.0-next-7b93b7d-20231107

package/plugins/manualRowResize/manualRowResize.js

@@ -2,14 +2,25 @@
 
 exports.__esModule = true;
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.error.cause.js");
 var _base = require("../base");
 var _element = require("../../helpers/dom/element");
-var _eventManager = _interopRequireDefault(require("../../eventManager"));
 var _array = require("../../helpers/array");
 var _number = require("../../helpers/number");
 var _translations = require("../../translations");
 var _src = require("../../3rdparty/walkontable/src");
-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 _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
+function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
+function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
+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 _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 // Developer note! Whenever you make a change in this file, make an analogous change in manualColumnResize.js
 
 const PLUGIN_KEY = 'manualRowResize';
@@ -17,7 +28,6 @@ exports.PLUGIN_KEY = PLUGIN_KEY;
 const PLUGIN_PRIORITY = 30;
 exports.PLUGIN_PRIORITY = PLUGIN_PRIORITY;
 const PERSISTENT_STATE_KEY = 'manualRowHeights';
-const privatePool = new WeakMap();
 
 /* eslint-disable jsdoc/require-description-complete-sentence */
 
@@ -33,6 +43,14 @@ const privatePool = new WeakMap();
  * - handle - the draggable element that sets the desired height of the row.
  * - guide - the helper guide that shows the desired height as a horizontal guide.
  */
+var _config = /*#__PURE__*/new WeakMap();
+var _onMouseOver = /*#__PURE__*/new WeakSet();
+var _onMouseDown = /*#__PURE__*/new WeakSet();
+var _onMouseMove = /*#__PURE__*/new WeakSet();
+var _onMouseUp = /*#__PURE__*/new WeakSet();
+var _onContextMenu = /*#__PURE__*/new WeakSet();
+var _onModifyRowHeight = /*#__PURE__*/new WeakSet();
+var _onMapInit = /*#__PURE__*/new WeakSet();
 class ManualRowResize extends _base.BasePlugin {
   static get PLUGIN_KEY() {
     return PLUGIN_KEY;
@@ -40,39 +58,122 @@ class ManualRowResize extends _base.BasePlugin {
   static get PLUGIN_PRIORITY() {
     return PLUGIN_PRIORITY;
   }
+
+  /**
+   * @type {HTMLTableCellElement}
+   */
+
   constructor(hotInstance) {
     super(hotInstance);
-    const {
-      rootDocument
-    } = this.hot;
-    this.currentTH = null;
-    this.currentRow = null;
-    this.selectedRows = [];
-    this.currentHeight = null;
-    this.newSize = null;
-    this.startY = null;
-    this.startHeight = null;
-    this.startOffset = null;
-    this.handle = rootDocument.createElement('DIV');
-    this.guide = rootDocument.createElement('DIV');
-    this.eventManager = new _eventManager.default(this);
-    this.pressed = null;
-    this.isTriggeredByRMB = false;
-    this.dblclick = 0;
-    this.autoresizeTimeout = null;
-
+    /**
+     * Callback to call on map's `init` local hook.
+     */
+    _classPrivateMethodInitSpec(this, _onMapInit);
+    /**
+     * Modifies the provided row height, based on the plugin settings.
+     *
+     * @param {number} height Row height.
+     * @param {number} row Visual row index.
+     * @returns {number}
+     */
+    _classPrivateMethodInitSpec(this, _onModifyRowHeight);
+    /**
+     * Callback for "contextmenu" event triggered on element showing move handle. It removes handle and guide elements.
+     */
+    _classPrivateMethodInitSpec(this, _onContextMenu);
+    /**
+     * 'mouseup' event callback - apply the row resizing.
+     *
+     * @fires Hooks#beforeRowResize
+     * @fires Hooks#afterRowResize
+     */
+    _classPrivateMethodInitSpec(this, _onMouseUp);
+    /**
+     * 'mousemove' event callback - refresh the handle and guide positions, cache the new row height.
+     *
+     * @param {MouseEvent} event The mouse event.
+     */
+    _classPrivateMethodInitSpec(this, _onMouseMove);
+    /**
+     * 'mousedown' event callback.
+     *
+     * @param {MouseEvent} event The mouse event.
+     */
+    _classPrivateMethodInitSpec(this, _onMouseDown);
+    /**
+     * 'mouseover' event callback - set the handle position.
+     *
+     * @param {MouseEvent} event The mouse event.
+     */
+    _classPrivateMethodInitSpec(this, _onMouseOver);
+    _defineProperty(this, "currentTH", null);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "currentRow", null);
+    /**
+     * @type {number[]}
+     */
+    _defineProperty(this, "selectedRows", []);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "currentHeight", null);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "newSize", null);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "startY", null);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "startHeight", null);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "startOffset", null);
+    /**
+     * @type {HTMLElement}
+     */
+    _defineProperty(this, "handle", this.hot.rootDocument.createElement('DIV'));
+    /**
+     * @type {HTMLElement}
+     */
+    _defineProperty(this, "guide", this.hot.rootDocument.createElement('DIV'));
+    /**
+     * @type {boolean}
+     */
+    _defineProperty(this, "pressed", false);
+    /**
+     * @type {boolean}
+     */
+    _defineProperty(this, "isTriggeredByRMB", false);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "dblclick", 0);
+    /**
+     * @type {number}
+     */
+    _defineProperty(this, "autoresizeTimeout", null);
     /**
      * PhysicalIndexToValueMap to keep and track widths for physical row indexes.
      *
      * @private
      * @type {PhysicalIndexToValueMap}
      */
-    this.rowHeightsMap = void 0;
+    _defineProperty(this, "rowHeightsMap", void 0);
     /**
      * Private pool to save configuration from updateSettings.
+     *
+     * @type {object}
      */
-    privatePool.set(this, {
-      config: void 0
+    _classPrivateFieldInitSpec(this, _config, {
+      writable: true,
+      value: void 0
     });
     (0, _element.addClass)(this.handle, 'manualRowResizer');
     (0, _element.addClass)(this.guide, 'manualRowResizerGuide');
@@ -104,9 +205,9 @@ class ManualRowResize extends _base.BasePlugin {
       return;
     }
     this.rowHeightsMap = new _translations.PhysicalIndexToValueMap();
-    this.rowHeightsMap.addLocalHook('init', () => this.onMapInit());
+    this.rowHeightsMap.addLocalHook('init', () => _classPrivateMethodGet(this, _onMapInit, _onMapInit2).call(this));
     this.hot.rowIndexMapper.registerMap(this.pluginName, this.rowHeightsMap);
-    this.addHook('modifyRowHeight', (height, row) => this.onModifyRowHeight(height, row));
+    this.addHook('modifyRowHeight', (height, row) => _classPrivateMethodGet(this, _onModifyRowHeight, _onModifyRowHeight2).call(this, height, row));
     this.bindEvents();
     super.enablePlugin();
   }
@@ -127,8 +228,7 @@ class ManualRowResize extends _base.BasePlugin {
    * Disables the plugin functionality for this Handsontable instance.
    */
   disablePlugin() {
-    const priv = privatePool.get(this);
-    priv.config = this.rowHeightsMap.getValues();
+    _classPrivateFieldSet(this, _config, this.rowHeightsMap.getValues());
     this.hot.rowIndexMapper.unregisterMap(this.pluginName);
     super.disablePlugin();
   }
@@ -324,39 +424,11 @@ class ManualRowResize extends _base.BasePlugin {
   getActualRowHeight(row) {
     // TODO: this should utilize `this.hot.getRowHeight` after it's fixed and working properly.
     const walkontableHeight = this.hot.view._wt.wtTable.getRowHeight(row);
-    if (walkontableHeight !== void 0 && this.newSize < walkontableHeight) {
+    if (walkontableHeight !== undefined && this.newSize < walkontableHeight) {
       return walkontableHeight;
     }
     return this.newSize;
   }
-
-  /**
-   * 'mouseover' event callback - set the handle position.
-   *
-   * @private
-   * @param {MouseEvent} event The mouse event.
-   */
-  onMouseOver(event) {
-    // Workaround for #6926 - if the `event.target` is temporarily detached, we can skip this callback and wait for
-    // the next `onmouseover`.
-    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)) {
-      const th = this.getClosestTHParent(event.target);
-      if (th) {
-        if (!this.pressed) {
-          this.setupHandlePosition(th);
-        }
-      }
-    }
-  }
-
   /**
    * Auto-size row after doubleclick - callback.
    *
@@ -372,7 +444,7 @@ class ManualRowResize extends _base.BasePlugin {
     };
     const resize = (row, forceRender) => {
       const hookNewSize = this.hot.runHooks('beforeRowResize', this.getActualRowHeight(row), row, true);
-      if (hookNewSize !== void 0) {
+      if (hookNewSize !== undefined) {
         this.newSize = hookNewSize;
       }
       this.setManualSize(row, this.newSize); // double click sets auto row size
@@ -398,106 +470,6 @@ class ManualRowResize extends _base.BasePlugin {
     this.dblclick = 0;
     this.autoresizeTimeout = null;
   }
-
-  /**
-   * 'mousedown' event callback.
-   *
-   * @private
-   * @param {MouseEvent} event The mouse event.
-   */
-  onMouseDown(event) {
-    if ((0, _element.hasClass)(event.target, 'manualRowResizer')) {
-      this.setupHandlePosition(this.currentTH);
-      this.setupGuidePosition();
-      this.pressed = true;
-      if (this.autoresizeTimeout === null) {
-        this.autoresizeTimeout = setTimeout(() => this.afterMouseDownTimeout(), 500);
-        this.hot._registerTimeout(this.autoresizeTimeout);
-      }
-      this.dblclick += 1;
-      this.startY = event.pageY;
-      this.newSize = this.startHeight;
-    }
-  }
-
-  /**
-   * 'mousemove' event callback - refresh the handle and guide positions, cache the new row height.
-   *
-   * @private
-   * @param {MouseEvent} event The mouse event.
-   */
-  onMouseMove(event) {
-    if (this.pressed) {
-      this.currentHeight = this.startHeight + (event.pageY - this.startY);
-      (0, _array.arrayEach)(this.selectedRows, selectedRow => {
-        this.newSize = this.setManualSize(selectedRow, this.currentHeight);
-      });
-      this.refreshHandlePosition();
-      this.refreshGuidePosition();
-    }
-  }
-
-  /**
-   * 'mouseup' event callback - apply the row resizing.
-   *
-   * @private
-   *
-   * @fires Hooks#beforeRowResize
-   * @fires Hooks#afterRowResize
-   */
-  onMouseUp() {
-    const render = () => {
-      this.hot.forceFullRender = true;
-      this.hot.view.render(); // updates all
-      this.hot.view.adjustElementsSize(true);
-    };
-    const runHooks = (row, forceRender) => {
-      this.hot.runHooks('beforeRowResize', this.getActualRowHeight(row), row, false);
-      if (forceRender) {
-        render();
-      }
-      this.saveManualRowHeights();
-      this.hot.runHooks('afterRowResize', this.getActualRowHeight(row), row, false);
-    };
-    if (this.pressed) {
-      this.hideHandleAndGuide();
-      this.pressed = false;
-      if (this.newSize !== this.startHeight) {
-        const selectedRowsLength = this.selectedRows.length;
-        if (selectedRowsLength > 1) {
-          (0, _array.arrayEach)(this.selectedRows, selectedRow => {
-            runHooks(selectedRow);
-          });
-          render();
-        } else {
-          (0, _array.arrayEach)(this.selectedRows, selectedRow => {
-            runHooks(selectedRow, true);
-          });
-        }
-      }
-      this.setupHandlePosition(this.currentTH);
-    }
-  }
-
-  /**
-   * Callback for "contextmenu" event triggered on element showing move handle. It removes handle and guide elements.
-   *
-   * @private
-   */
-  onContextMenu() {
-    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(() => {
-      this.isTriggeredByRMB = false;
-    });
-  }
-
   /**
    * Binds the mouse events.
    *
@@ -508,65 +480,138 @@ class ManualRowResize extends _base.BasePlugin {
       rootElement,
       rootWindow
     } = this.hot;
-    this.eventManager.addEventListener(rootElement, 'mouseover', e => this.onMouseOver(e));
-    this.eventManager.addEventListener(rootElement, 'mousedown', e => this.onMouseDown(e));
-    this.eventManager.addEventListener(rootWindow, 'mousemove', e => this.onMouseMove(e));
-    this.eventManager.addEventListener(rootWindow, 'mouseup', () => this.onMouseUp());
-    this.eventManager.addEventListener(this.handle, 'contextmenu', () => this.onContextMenu());
+    this.eventManager.addEventListener(rootElement, 'mouseover', e => _classPrivateMethodGet(this, _onMouseOver, _onMouseOver2).call(this, e));
+    this.eventManager.addEventListener(rootElement, 'mousedown', e => _classPrivateMethodGet(this, _onMouseDown, _onMouseDown2).call(this, e));
+    this.eventManager.addEventListener(rootWindow, 'mousemove', e => _classPrivateMethodGet(this, _onMouseMove, _onMouseMove2).call(this, e));
+    this.eventManager.addEventListener(rootWindow, 'mouseup', () => _classPrivateMethodGet(this, _onMouseUp, _onMouseUp2).call(this));
+    this.eventManager.addEventListener(this.handle, 'contextmenu', () => _classPrivateMethodGet(this, _onContextMenu, _onContextMenu2).call(this));
   }
-
   /**
-   * Modifies the provided row height, based on the plugin settings.
-   *
-   * @private
-   * @param {number} height Row height.
-   * @param {number} row Visual row index.
-   * @returns {number}
+   * Destroys the plugin instance.
    */
-  onModifyRowHeight(height, row) {
-    let newHeight = height;
-    if (this.enabled) {
-      const physicalRow = this.hot.toPhysicalRow(row);
-      const rowHeight = this.rowHeightsMap.getValueAtIndex(physicalRow);
-      if (this.hot.getSettings()[PLUGIN_KEY] && rowHeight) {
-        newHeight = rowHeight;
+  destroy() {
+    super.destroy();
+  }
+}
+exports.ManualRowResize = ManualRowResize;
+function _onMouseOver2(event) {
+  // Workaround for #6926 - if the `event.target` is temporarily detached, we can skip this callback and wait for
+  // the next `onmouseover`.
+  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)) {
+    const th = this.getClosestTHParent(event.target);
+    if (th) {
+      if (!this.pressed) {
+        this.setupHandlePosition(th);
       }
     }
-    return newHeight;
   }
-
-  /**
-   * Callback to call on map's `init` local hook.
-   *
-   * @private
-   */
-  onMapInit() {
-    const priv = privatePool.get(this);
-    const initialSetting = this.hot.getSettings()[PLUGIN_KEY];
-    const loadedManualRowHeights = this.loadManualRowHeights();
-    this.hot.batchExecution(() => {
-      if (typeof loadedManualRowHeights !== 'undefined') {
-        loadedManualRowHeights.forEach((height, index) => {
-          this.rowHeightsMap.setValueAtIndex(index, height);
-        });
-      } else if (Array.isArray(initialSetting)) {
-        initialSetting.forEach((height, index) => {
-          this.rowHeightsMap.setValueAtIndex(index, height);
+}
+function _onMouseDown2(event) {
+  if ((0, _element.hasClass)(event.target, 'manualRowResizer')) {
+    this.setupHandlePosition(this.currentTH);
+    this.setupGuidePosition();
+    this.pressed = true;
+    if (this.autoresizeTimeout === null) {
+      this.autoresizeTimeout = setTimeout(() => this.afterMouseDownTimeout(), 500);
+      this.hot._registerTimeout(this.autoresizeTimeout);
+    }
+    this.dblclick += 1;
+    this.startY = event.pageY;
+    this.newSize = this.startHeight;
+  }
+}
+function _onMouseMove2(event) {
+  if (this.pressed) {
+    this.currentHeight = this.startHeight + (event.pageY - this.startY);
+    (0, _array.arrayEach)(this.selectedRows, selectedRow => {
+      this.newSize = this.setManualSize(selectedRow, this.currentHeight);
+    });
+    this.refreshHandlePosition();
+    this.refreshGuidePosition();
+  }
+}
+function _onMouseUp2() {
+  const render = () => {
+    this.hot.forceFullRender = true;
+    this.hot.view.render(); // updates all
+    this.hot.view.adjustElementsSize(true);
+  };
+  const runHooks = (row, forceRender) => {
+    this.hot.runHooks('beforeRowResize', this.getActualRowHeight(row), row, false);
+    if (forceRender) {
+      render();
+    }
+    this.saveManualRowHeights();
+    this.hot.runHooks('afterRowResize', this.getActualRowHeight(row), row, false);
+  };
+  if (this.pressed) {
+    this.hideHandleAndGuide();
+    this.pressed = false;
+    if (this.newSize !== this.startHeight) {
+      const selectedRowsLength = this.selectedRows.length;
+      if (selectedRowsLength > 1) {
+        (0, _array.arrayEach)(this.selectedRows, selectedRow => {
+          runHooks(selectedRow);
         });
-        priv.config = initialSetting;
-      } else if (initialSetting === true && Array.isArray(priv.config)) {
-        priv.config.forEach((height, index) => {
-          this.rowHeightsMap.setValueAtIndex(index, height);
+        render();
+      } else {
+        (0, _array.arrayEach)(this.selectedRows, selectedRow => {
+          runHooks(selectedRow, true);
         });
       }
-    }, true);
+    }
+    this.setupHandlePosition(this.currentTH);
   }
-
-  /**
-   * Destroys the plugin instance.
-   */
-  destroy() {
-    super.destroy();
+}
+function _onContextMenu2() {
+  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(() => {
+    this.isTriggeredByRMB = false;
+  });
+}
+function _onModifyRowHeight2(height, row) {
+  let newHeight = height;
+  if (this.enabled) {
+    const physicalRow = this.hot.toPhysicalRow(row);
+    const rowHeight = this.rowHeightsMap.getValueAtIndex(physicalRow);
+    if (this.hot.getSettings()[PLUGIN_KEY] && rowHeight) {
+      newHeight = rowHeight;
+    }
   }
+  return newHeight;
 }
-exports.ManualRowResize = ManualRowResize;
+function _onMapInit2() {
+  const initialSetting = this.hot.getSettings()[PLUGIN_KEY];
+  const loadedManualRowHeights = this.loadManualRowHeights();
+  this.hot.batchExecution(() => {
+    if (typeof loadedManualRowHeights !== 'undefined') {
+      loadedManualRowHeights.forEach((height, index) => {
+        this.rowHeightsMap.setValueAtIndex(index, height);
+      });
+    } else if (Array.isArray(initialSetting)) {
+      initialSetting.forEach((height, index) => {
+        this.rowHeightsMap.setValueAtIndex(index, height);
+      });
+      _classPrivateFieldSet(this, _config, initialSetting);
+    } else if (initialSetting === true && Array.isArray(_classPrivateFieldGet(this, _config))) {
+      _classPrivateFieldGet(this, _config).forEach((height, index) => {
+        this.rowHeightsMap.setValueAtIndex(index, height);
+      });
+    }
+  }, true);
+}