handsontable 17.1.0 → 18.0.0-rc2

package/plugins/manualRowResize/manualRowResize.d.mts

@@ -0,0 +1 @@
+export * from './manualRowResize.js';

package/plugins/manualRowResize/manualRowResize.d.ts

@@ -1,30 +1,159 @@
-import Core from '../../core';
+import type { HotInstance } from '../../core/types';
 import { BasePlugin } from '../base';
-import EventManager from '../../eventManager';
-
-export type Settings = boolean | number[];
-
-export class ManualRowResize extends BasePlugin {
-  constructor(hotInstance: Core);
-
-  currentTH: HTMLElement;
-  currentRow: number | undefined;
-  selectedRows: number[];
-  currentHeight: number;
-  newSize: number | undefined;
-  startY: number | undefined;
-  startHeight: number;
-  startOffset: number;
-  handle: HTMLElement;
-  guide: HTMLElement;
-  eventManager: EventManager;
-  pressed: boolean;
-  dblclick: number;
-  autoresizeTimeout: (() => void) | undefined;
-
-  isEnabled(): boolean;
-  saveManualRowHeights(): void;
-  loadManualRowHeights(): Array<number | null>;
-  setManualSize(row: number, height: number): number;
-  getLastDesiredRowHeight(): number;
+export declare const PLUGIN_KEY = "manualRowResize";
+export declare const PLUGIN_PRIORITY = 30;
+/**
+ * @plugin ManualRowResize
+ * @class ManualRowResize
+ *
+ * @description
+ * This plugin allows to change rows height.
+ *
+ * The plugin creates additional components to make resizing possibly using user interface:
+ * - 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.
+ */
+export declare class ManualRowResize extends BasePlugin {
+    #private;
+    /**
+     * Returns the plugin key used to identify this plugin in Handsontable settings.
+     */
+    static get PLUGIN_KEY(): string;
+    /**
+     * Returns the priority order used to determine the order in which plugins are initialized.
+     */
+    static get PLUGIN_PRIORITY(): number;
+    /**
+     * Initializes the plugin and applies CSS classes to the resize handle and guide elements.
+     */
+    constructor(hotInstance: HotInstance);
+    /**
+     * @private
+     * @returns {string}
+     */
+    get inlineDir(): "right" | "left";
+    /**
+     * Checks if the plugin is enabled in the handsontable settings. This method is executed in {@link Hooks#beforeInit}
+     * hook and if it returns `true` then the {@link ManualRowResize#enablePlugin} method is called.
+     *
+     * @returns {boolean}
+     */
+    isEnabled(): boolean;
+    /**
+     * Enables the plugin functionality for this Handsontable instance.
+     */
+    enablePlugin(): void;
+    /**
+     * Updates the plugin's state.
+     *
+     * This method is executed when [`updateSettings()`](@/api/core.md#updatesettings) is invoked with any of the following configuration options:
+     *  - [`manualRowResize`](@/api/options.md#manualrowresize)
+     */
+    updatePlugin(): void;
+    /**
+     * Disables the plugin functionality for this Handsontable instance.
+     */
+    disablePlugin(): void;
+    /**
+     * Deprecated. The `PersistentState` plugin has been removed. This method is a no-op and will be removed in a
+     * future major release.
+     *
+     * @deprecated
+     */
+    saveManualRowHeights(): void;
+    /**
+     * Deprecated. The `PersistentState` plugin has been removed. This method is a no-op and will be removed in a
+     * future major release.
+     *
+     * @deprecated
+     * @returns {Array}
+     */
+    loadManualRowHeights(): Array<number | null>;
+    /**
+     * Sets the new height for specified row index.
+     *
+     * @param {number} row Visual row index.
+     * @param {number} height Row height.
+     * @returns {number} Returns new height.
+     */
+    setManualSize(row: number, height: number): number;
+    /**
+     * Returns the last desired row height set manually with the resize handle.
+     *
+     * @returns {number} The last desired row height.
+     */
+    getLastDesiredRowHeight(): number;
+    /**
+     * Sets the resize handle position.
+     *
+     * @private
+     * @param {HTMLCellElement} TH TH HTML element.
+     */
+    setupHandlePosition(TH: HTMLTableHeaderCellElement): void;
+    /**
+     * Refresh the resize handle position.
+     *
+     * @private
+     */
+    refreshHandlePosition(): void;
+    /**
+     * Sets the resize guide position.
+     *
+     * @private
+     */
+    setupGuidePosition(): void;
+    /**
+     * Refresh the resize guide position.
+     *
+     * @private
+     */
+    refreshGuidePosition(): void;
+    /**
+     * Hides both the resize handle and resize guide.
+     *
+     * @private
+     */
+    hideHandleAndGuide(): void;
+    /**
+     * Checks if provided element is considered as a row header.
+     *
+     * @private
+     * @param {HTMLElement} element HTML element.
+     * @returns {boolean}
+     */
+    checkIfRowHeader(element: HTMLElement): boolean;
+    /**
+     * Gets the TH element from the provided element.
+     *
+     * @private
+     * @param {HTMLElement} element HTML element.
+     * @returns {HTMLElement}
+     */
+    getClosestTHParent(element: HTMLElement): HTMLElement | null;
+    /**
+     * Returns the actual height for the provided row index.
+     *
+     * @private
+     * @param {number} row Visual row index.
+     * @returns {number} Actual row height.
+     */
+    getActualRowHeight(row: number): number | null;
+    /**
+     * Auto-size row after doubleclick - callback.
+     *
+     * @private
+     * @fires Hooks#beforeRowResize
+     * @fires Hooks#afterRowResize
+     */
+    afterMouseDownTimeout(): void;
+    /**
+     * Binds the mouse events.
+     *
+     * @private
+     */
+    bindEvents(): void;
+    /**
+     * Destroys the plugin instance.
+     */
+    destroy(): void;
 }

package/plugins/manualRowResize/manualRowResize.js

@@ -23,6 +23,7 @@ const _base = require("../base");
 const _element = require("../../helpers/dom/element");
 const _array = require("../../helpers/array");
 const _number = require("../../helpers/number");
+const _console = require("../../helpers/console");
 const _translations = require("../../translations");
 const _utils = require("../manualResize/utils");
 function _check_private_redeclaration(obj, privateCollection) {
@@ -144,14 +145,18 @@ var /**
    * @param {number} height Row height.
    * @param {number} row Visual row index.
    * @returns {number}
-   */ _onModifyRowHeight = /*#__PURE__*/ new WeakSet(), /**
+   */ _onModifyRowHeight = /*#__PURE__*/ new WeakMap(), /**
    * Callback to call on map's `init` local hook.
    */ _onMapInit = /*#__PURE__*/ new WeakSet();
 class ManualRowResize extends _base.BasePlugin {
-    static get PLUGIN_KEY() {
+    /**
+   * Returns the plugin key used to identify this plugin in Handsontable settings.
+   */ static get PLUGIN_KEY() {
         return PLUGIN_KEY;
     }
-    static get PLUGIN_PRIORITY() {
+    /**
+   * Returns the priority order used to determine the order in which plugins are initialized.
+   */ static get PLUGIN_PRIORITY() {
         return PLUGIN_PRIORITY;
     }
     /**
@@ -166,7 +171,7 @@ class ManualRowResize extends _base.BasePlugin {
    *
    * @returns {boolean}
    */ isEnabled() {
-        return this.hot.getSettings()[PLUGIN_KEY];
+        return !!this.hot.getSettings()[PLUGIN_KEY];
     }
     /**
    * Enables the plugin functionality for this Handsontable instance.
@@ -180,7 +185,7 @@ class ManualRowResize extends _base.BasePlugin {
         _class_private_field_set(this, _disposeMapObserver, this.hot.rowIndexMapper.observeMapChange(_class_private_field_get(this, _rowHeightsMap), ()=>{
             this.hot.view?.invalidateRowHeightCache();
         }));
-        this.addHook('modifyRowHeight', (height, row)=>_class_private_method_get(this, _onModifyRowHeight, onModifyRowHeight).call(this, height, row));
+        this.addHook('modifyRowHeight', _class_private_field_get(this, _onModifyRowHeight));
         this.bindEvents();
         super.enablePlugin();
     }
@@ -206,6 +211,24 @@ class ManualRowResize extends _base.BasePlugin {
         super.disablePlugin();
     }
     /**
+   * Deprecated. The `PersistentState` plugin has been removed. This method is a no-op and will be removed in a
+   * future major release.
+   *
+   * @deprecated
+   */ saveManualRowHeights() {
+        (0, _console.deprecatedWarn)('`saveManualRowHeights()` is deprecated and will be removed in a future major release. ' + 'The PersistentState plugin has been removed.');
+    }
+    /**
+   * Deprecated. The `PersistentState` plugin has been removed. This method is a no-op and will be removed in a
+   * future major release.
+   *
+   * @deprecated
+   * @returns {Array}
+   */ loadManualRowHeights() {
+        (0, _console.deprecatedWarn)('`loadManualRowHeights()` is deprecated and will be removed in a future major release. ' + 'The PersistentState plugin has been removed.');
+        return [];
+    }
+    /**
    * Sets the new height for specified row index.
    *
    * @param {number} row Visual row index.
@@ -213,8 +236,10 @@ class ManualRowResize extends _base.BasePlugin {
    * @returns {number} Returns new height.
    */ setManualSize(row, height) {
         const physicalRow = this.hot.toPhysicalRow(row);
-        const newHeight = Math.max(height, this.hot.stylesHandler.getDefaultRowHeight());
-        _class_private_field_get(this, _rowHeightsMap).setValueAtIndex(physicalRow, newHeight);
+        const newHeight = Math.max(height, this.hot.stylesHandler.getDefaultRowHeight() ?? 0);
+        if (physicalRow !== null) {
+            _class_private_field_get(this, _rowHeightsMap).setValueAtIndex(physicalRow, newHeight);
+        }
         return newHeight;
     }
     /**
@@ -222,7 +247,7 @@ class ManualRowResize extends _base.BasePlugin {
    *
    * @returns {number} The last desired row height.
    */ getLastDesiredRowHeight() {
-        return _class_private_field_get(this, _currentHeight);
+        return _class_private_field_get(this, _currentHeight) ?? 0;
     }
     /**
    * Sets the resize handle position.
@@ -230,16 +255,19 @@ class ManualRowResize extends _base.BasePlugin {
    * @private
    * @param {HTMLCellElement} TH TH HTML element.
    */ setupHandlePosition(TH) {
-        if (!TH.parentNode || _class_private_field_get(this, _dblclick) > 1) {
+        if ((0, _utils.shouldSkipResizeHandlePositioning)(TH, _class_private_field_get(this, _dblclick))) {
             return;
         }
         _class_private_field_set(this, _currentTH, TH);
         const { view } = this.hot;
         const { _wt: wt } = view;
         const cellCoords = wt.wtTable.getCoords(_class_private_field_get(this, _currentTH));
+        if (!cellCoords) {
+            return;
+        }
         const row = cellCoords.row;
         // Ignore row headers.
-        if (row < 0) {
+        if (row === null || row < 0) {
             return;
         }
         const headerWidth = (0, _element.outerWidth)(_class_private_field_get(this, _currentTH));
@@ -248,24 +276,29 @@ class ManualRowResize extends _base.BasePlugin {
         const fixedRowTop = row < wt.getSetting('fixedRowsTop');
         const fixedRowBottom = row >= view.countNotHiddenRowIndexes(0, 1) - wt.getSetting('fixedRowsBottom');
         let relativeHeaderPosition;
+        const coordRow = cellCoords.row ?? 0;
+        const coordCol = cellCoords.col ?? 0;
         if (fixedRowTop) {
-            relativeHeaderPosition = wt.wtOverlays.topInlineStartCornerOverlay.getRelativeCellPosition(_class_private_field_get(this, _currentTH), cellCoords.row, cellCoords.col);
+            relativeHeaderPosition = wt.wtOverlays.topInlineStartCornerOverlay.getRelativeCellPosition(_class_private_field_get(this, _currentTH), coordRow, coordCol);
         } else if (fixedRowBottom) {
-            relativeHeaderPosition = wt.wtOverlays.bottomInlineStartCornerOverlay.getRelativeCellPosition(_class_private_field_get(this, _currentTH), cellCoords.row, cellCoords.col);
+            relativeHeaderPosition = wt.wtOverlays.bottomInlineStartCornerOverlay.getRelativeCellPosition(_class_private_field_get(this, _currentTH), coordRow, coordCol);
         }
         // If the TH is not a child of the top-left/bottom-left overlay, recalculate using
         // the left overlay - as this overlay contains the rest of the headers.
         if (!relativeHeaderPosition) {
-            relativeHeaderPosition = wt.wtOverlays.inlineStartOverlay.getRelativeCellPosition(_class_private_field_get(this, _currentTH), cellCoords.row, cellCoords.col);
+            relativeHeaderPosition = wt.wtOverlays.inlineStartOverlay.getRelativeCellPosition(_class_private_field_get(this, _currentTH), coordRow, coordCol);
         }
         _class_private_field_set(this, _currentRow, this.hot.rowIndexMapper.getVisualFromRenderableIndex(row));
         _class_private_field_set(this, _selectedRows, []);
         const isFullRowSelected = this.hot.selection.isSelectedByCorner() || this.hot.selection.isSelectedByRowHeader();
         if (this.hot.selection.isSelected() && isFullRowSelected) {
-            const selectionRanges = this.hot.getSelectedRange();
+            const selectionRanges = this.hot.getSelectedRange() ?? [];
             (0, _array.arrayEach)(selectionRanges, (selectionRange)=>{
                 const fromRow = selectionRange.getTopStartCorner().row;
                 const toRow = selectionRange.getBottomStartCorner().row;
+                if (fromRow === null || toRow === null) {
+                    return;
+                }
                 // Add every selected row for resize action.
                 (0, _number.rangeEach)(fromRow, toRow, (rowIndex)=>{
                     if (!_class_private_field_get(this, _selectedRows).includes(rowIndex)) {
@@ -274,12 +307,18 @@ class ManualRowResize extends _base.BasePlugin {
                 });
             });
         }
+        if (_class_private_field_get(this, _currentRow) === null) {
+            return;
+        }
         // Resizing element beyond the current selection (also when there is no selection).
         if (!_class_private_field_get(this, _selectedRows).includes(_class_private_field_get(this, _currentRow))) {
             _class_private_field_set(this, _selectedRows, [
                 _class_private_field_get(this, _currentRow)
             ]);
         }
+        if (!relativeHeaderPosition) {
+            return;
+        }
         _class_private_field_set(this, _startOffset, relativeHeaderPosition.top - 6);
         _class_private_field_set(this, _startHeight, (0, _element.outerHeight)(_class_private_field_get(this, _currentTH)));
         _class_private_field_set(this, _verticalScaleFactor, (0, _utils.getElementScaleFactor)(_class_private_field_get(this, _currentTH), 'vertical'));
@@ -293,15 +332,15 @@ class ManualRowResize extends _base.BasePlugin {
    *
    * @private
    */ refreshHandlePosition() {
-        _class_private_field_get(this, _handle).style.top = `${_class_private_field_get(this, _startOffset) + _class_private_field_get(this, _currentHeight)}px`;
+        _class_private_field_get(this, _handle).style.top = `${(_class_private_field_get(this, _startOffset) ?? 0) + (_class_private_field_get(this, _currentHeight) ?? 0)}px`;
     }
     /**
    * Sets the resize guide position.
    *
    * @private
    */ setupGuidePosition() {
-        const handleWidth = parseInt((0, _element.outerWidth)(_class_private_field_get(this, _handle)), 10);
-        const handleEndPosition = parseInt(_class_private_field_get(this, _handle).style[this.inlineDir], 10) + handleWidth;
+        const handleWidth = (0, _element.outerWidth)(_class_private_field_get(this, _handle));
+        const handleEndPosition = Number.parseInt(_class_private_field_get(this, _handle).style[this.inlineDir], 10) + handleWidth;
         const tableWidth = this.hot.view.getTableWidth();
         (0, _element.addClass)(_class_private_field_get(this, _handle), 'active');
         (0, _element.addClass)(_class_private_field_get(this, _guide), 'active');
@@ -337,9 +376,9 @@ class ManualRowResize extends _base.BasePlugin {
         ], this.hot.rootElement);
         const { inlineStartOverlay, topInlineStartCornerOverlay, bottomInlineStartCornerOverlay } = this.hot.view._wt.wtOverlays;
         return [
-            inlineStartOverlay.clone.wtTable.TBODY,
-            topInlineStartCornerOverlay.clone.wtTable.TBODY,
-            bottomInlineStartCornerOverlay.clone.wtTable.TBODY
+            inlineStartOverlay.clone?.wtTable.TBODY,
+            topInlineStartCornerOverlay.clone?.wtTable.TBODY,
+            bottomInlineStartCornerOverlay.clone?.wtTable.TBODY
         ].includes(tbody);
     }
     /**
@@ -366,7 +405,7 @@ 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 !== undefined && _class_private_field_get(this, _newSize) < walkontableHeight) {
+        if (walkontableHeight !== undefined && _class_private_field_get(this, _newSize) !== null && _class_private_field_get(this, _newSize) < walkontableHeight) {
             return walkontableHeight;
         }
         return _class_private_field_get(this, _newSize);
@@ -378,13 +417,17 @@ class ManualRowResize extends _base.BasePlugin {
    * @fires Hooks#beforeRowResize
    * @fires Hooks#afterRowResize
    */ afterMouseDownTimeout() {
+        const shouldRefreshHandlePosition = (0, _utils.shouldRefreshHandleAfterAutoResize)(_class_private_field_get(this, _currentTH), _class_private_field_get(this, _dblclick));
         const render = ()=>{
             this.hot.view.adjustElementsSize();
             this.hot.render();
         };
         const resize = (row, forceRender)=>{
             const hookNewSize = this.hot.runHooks('beforeRowResize', this.getActualRowHeight(row), row, true);
-            if (hookNewSize !== undefined) {
+            if (hookNewSize === false) {
+                return;
+            }
+            if (typeof hookNewSize === 'number') {
                 _class_private_field_set(this, _newSize, hookNewSize);
             }
             this.setManualSize(row, _class_private_field_get(this, _newSize)); // double click sets auto row size
@@ -406,8 +449,11 @@ class ManualRowResize extends _base.BasePlugin {
                 });
             }
         }
-        _class_private_field_set(this, _dblclick, 0);
         _class_private_field_set(this, _autoresizeTimeout, null);
+        _class_private_field_set(this, _dblclick, 0);
+        if (shouldRefreshHandlePosition && _class_private_field_get(this, _currentTH)) {
+            this.setupHandlePosition(_class_private_field_get(this, _currentTH));
+        }
     }
     /**
    * Binds the mouse events.
@@ -426,8 +472,10 @@ class ManualRowResize extends _base.BasePlugin {
    */ destroy() {
         super.destroy();
     }
-    constructor(hotInstance){
-        super(hotInstance), _class_private_method_init(this, _onMouseOver), _class_private_method_init(this, _onMouseDown), _class_private_method_init(this, _onMouseMove), _class_private_method_init(this, _onMouseUp), _class_private_method_init(this, _onContextMenu), _class_private_method_init(this, _onModifyRowHeight), _class_private_method_init(this, _onMapInit), _class_private_field_init(this, _currentTH, {
+    /**
+   * Initializes the plugin and applies CSS classes to the resize handle and guide elements.
+   */ constructor(hotInstance){
+        super(hotInstance), _class_private_method_init(this, _onMouseOver), _class_private_method_init(this, _onMouseDown), _class_private_method_init(this, _onMouseMove), _class_private_method_init(this, _onMouseUp), _class_private_method_init(this, _onContextMenu), _class_private_method_init(this, _onMapInit), _class_private_field_init(this, _currentTH, {
             writable: true,
             value: void 0
         }), _class_private_field_init(this, _currentRow, {
@@ -481,7 +529,24 @@ class ManualRowResize extends _base.BasePlugin {
         }), _class_private_field_init(this, _config, {
             writable: true,
             value: void 0
-        }), _class_private_field_set(this, _currentTH, null), _class_private_field_set(this, _currentRow, null), _class_private_field_set(this, _selectedRows, []), _class_private_field_set(this, _currentHeight, null), _class_private_field_set(this, _newSize, null), _class_private_field_set(this, _startY, null), _class_private_field_set(this, _startHeight, null), _class_private_field_set(this, _startOffset, null), _class_private_field_set(this, _verticalScaleFactor, 1), _class_private_field_set(this, _handle, this.hot.rootDocument.createElement('DIV')), _class_private_field_set(this, _guide, this.hot.rootDocument.createElement('DIV')), _class_private_field_set(this, _pressed, false), _class_private_field_set(this, _isTriggeredByRMB, false), _class_private_field_set(this, _dblclick, 0), _class_private_field_set(this, _autoresizeTimeout, null), _class_private_field_set(this, _disposeMapObserver, null);
+        }), _class_private_field_init(this, _onModifyRowHeight, {
+            writable: true,
+            value: void 0
+        }), _class_private_field_set(this, _currentTH, null), _class_private_field_set(this, _currentRow, null), _class_private_field_set(this, _selectedRows, []), _class_private_field_set(this, _currentHeight, null), _class_private_field_set(this, _newSize, null), _class_private_field_set(this, _startY, null), _class_private_field_set(this, _startHeight, null), _class_private_field_set(this, _startOffset, null), _class_private_field_set(this, _verticalScaleFactor, 1), _class_private_field_set(this, _handle, this.hot.rootDocument.createElement('DIV')), _class_private_field_set(this, _guide, this.hot.rootDocument.createElement('DIV')), _class_private_field_set(this, _pressed, false), _class_private_field_set(this, _isTriggeredByRMB, false), _class_private_field_set(this, _dblclick, 0), _class_private_field_set(this, _autoresizeTimeout, null), _class_private_field_set(this, _disposeMapObserver, null), _class_private_field_set(this, _onModifyRowHeight, (height, row)=>{
+            let newHeight = height;
+            if (this.enabled) {
+                const physicalRow = this.hot.toPhysicalRow(row);
+                const rowHeight = _class_private_field_get(this, _rowHeightsMap).getValueAtIndex(physicalRow);
+                if (this.hot.getSettings()[PLUGIN_KEY] && rowHeight) {
+                    if (this.hot.getPlugin('autoRowSize')?.isEnabled()) {
+                        newHeight = Math.max(rowHeight, newHeight ?? 0);
+                    } else {
+                        newHeight = rowHeight;
+                    }
+                }
+            }
+            return newHeight;
+        });
         (0, _element.addClass)(_class_private_field_get(this, _handle), 'manualRowResizer');
         (0, _element.addClass)(_class_private_field_get(this, _guide), 'manualRowResizerGuide');
     }
@@ -489,15 +554,15 @@ class ManualRowResize extends _base.BasePlugin {
 function 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)) {
+    if ((0, _element.isDetached)((0, _element.eventTargetEl)(event))) {
         return;
     }
     // A "mouseover" action is triggered right after executing "contextmenu" event. It should be ignored.
     if (_class_private_field_get(this, _isTriggeredByRMB) === true) {
         return;
     }
-    if (this.checkIfRowHeader(event.target)) {
-        const th = this.getClosestTHParent(event.target);
+    if (this.checkIfRowHeader((0, _element.eventTargetEl)(event))) {
+        const th = this.getClosestTHParent((0, _element.eventTargetEl)(event));
         if (th) {
             if (!_class_private_field_get(this, _pressed)) {
                 this.setupHandlePosition(th);
@@ -506,10 +571,10 @@ function onMouseOver(event) {
     }
 }
 function onMouseDown(event) {
-    if (event.target.parentNode !== this.hot.rootElement) {
+    if ((0, _element.eventTargetEl)(event).parentNode !== this.hot.rootElement) {
         return;
     }
-    if ((0, _element.hasClass)(event.target, 'manualRowResizer')) {
+    if ((0, _element.hasClass)((0, _element.eventTargetEl)(event), 'manualRowResizer')) {
         this.setupHandlePosition(_class_private_field_get(this, _currentTH));
         this.setupGuidePosition();
         _class_private_field_set(this, _pressed, true);
@@ -523,9 +588,9 @@ function onMouseDown(event) {
 }
 function onMouseMove(event) {
     if (_class_private_field_get(this, _pressed)) {
-        const visualChange = event.pageY - _class_private_field_get(this, _startY);
+        const visualChange = event.pageY - (_class_private_field_get(this, _startY) ?? 0);
         const change = (0, _utils.normalizeVisualDelta)(visualChange, _class_private_field_get(this, _verticalScaleFactor));
-        _class_private_field_set(this, _currentHeight, _class_private_field_get(this, _startHeight) + change);
+        _class_private_field_set(this, _currentHeight, (_class_private_field_get(this, _startHeight) ?? 0) + change);
         (0, _array.arrayEach)(_class_private_field_get(this, _selectedRows), (selectedRow)=>{
             _class_private_field_set(this, _newSize, this.setManualSize(selectedRow, _class_private_field_get(this, _currentHeight)));
         });
@@ -539,11 +604,20 @@ function onMouseUp() {
         this.hot.render();
     };
     const runHooks = (row, forceRender)=>{
-        this.hot.runHooks('beforeRowResize', this.getActualRowHeight(row), row, false);
+        const hookNewSize = this.hot.runHooks('beforeRowResize', this.getActualRowHeight(row), row, false);
+        if (hookNewSize === false) {
+            this.setManualSize(row, _class_private_field_get(this, _startHeight));
+            _class_private_field_set(this, _newSize, _class_private_field_get(this, _startHeight));
+        } else if (typeof hookNewSize === 'number') {
+            _class_private_field_set(this, _newSize, hookNewSize);
+            this.setManualSize(row, _class_private_field_get(this, _newSize));
+        }
         if (forceRender) {
             render();
         }
-        this.hot.runHooks('afterRowResize', this.getActualRowHeight(row), row, false);
+        if (hookNewSize !== false) {
+            this.hot.runHooks('afterRowResize', this.getActualRowHeight(row), row, false);
+        }
     };
     if (_class_private_field_get(this, _pressed)) {
         this.hideHandleAndGuide();
@@ -576,21 +650,6 @@ function onContextMenu() {
         _class_private_field_set(this, _isTriggeredByRMB, false);
     });
 }
-function onModifyRowHeight(height, row) {
-    let newHeight = height;
-    if (this.enabled) {
-        const physicalRow = this.hot.toPhysicalRow(row);
-        const rowHeight = _class_private_field_get(this, _rowHeightsMap).getValueAtIndex(physicalRow);
-        if (this.hot.getSettings()[PLUGIN_KEY] && rowHeight) {
-            if (this.hot.getPlugin('autoRowSize')?.isEnabled()) {
-                newHeight = Math.max(rowHeight, newHeight ?? 0);
-            } else {
-                newHeight = rowHeight;
-            }
-        }
-    }
-    return newHeight;
-}
 function onMapInit() {
     const initialSetting = this.hot.getSettings()[PLUGIN_KEY];
     this.hot.batchExecution(()=>{