handsontable 18.0.0 → 18.1.0-rc7

package/plugins/filters/ui/input.js

@@ -66,10 +66,12 @@ var /**
    *
    * @type {HTMLInputElement}
    */ _input = /*#__PURE__*/ new WeakMap(), /**
-   * OnKeyup listener.
+   * Synchronizes the stored value with the native input element. Listens to `keyup` for typed
+   * characters and to `input`/`change` for values set without key presses, e.g. picked from the
+   * native date or time picker.
    *
-   * @param {Event} event The mouse event object.
-   */ _onKeyup = /*#__PURE__*/ new WeakSet();
+   * @param {Event} event The DOM event object.
+   */ _onValueChange = /*#__PURE__*/ new WeakSet();
 class InputUI extends _base.BaseUI {
     /**
    * Returns the default configuration options for the input UI component, including placeholder, type, and tab index.
@@ -84,7 +86,9 @@ class InputUI extends _base.BaseUI {
     /**
    * Register all necessary hooks.
    */ registerHooks() {
-        this.addLocalHook('keyup', (event)=>_class_private_method_get(this, _onKeyup, onKeyup).call(this, event));
+        this.addLocalHook('keyup', (event)=>_class_private_method_get(this, _onValueChange, onValueChange).call(this, event));
+        this.addLocalHook('input', (event)=>_class_private_method_get(this, _onValueChange, onValueChange).call(this, event));
+        this.addLocalHook('change', (event)=>_class_private_method_get(this, _onValueChange, onValueChange).call(this, event));
     }
     /**
    * Build DOM structure.
@@ -113,6 +117,14 @@ class InputUI extends _base.BaseUI {
         }
     }
     /**
+   * Set the type of the native input element (e.g. `text`, `date`, or `time`).
+   */ setType(type) {
+        this.options.type = type;
+        if (this.isBuilt()) {
+            this.update();
+        }
+    }
+    /**
    * Focus element.
    */ focus() {
         if (this.isBuilt()) {
@@ -122,13 +134,13 @@ class InputUI extends _base.BaseUI {
     /**
    * Initializes the input UI component and registers event hooks for keyboard interaction.
    */ constructor(hotInstance, options){
-        super(hotInstance, (0, _object.extend)(InputUI.DEFAULTS, options)), _class_private_method_init(this, _onKeyup), _class_private_field_init(this, _input, {
+        super(hotInstance, (0, _object.extend)(InputUI.DEFAULTS, options)), _class_private_method_init(this, _onValueChange), _class_private_field_init(this, _input, {
             writable: true,
             value: void 0
         }), _class_private_field_set(this, _input, null);
         this.registerHooks();
     }
 }
-function onKeyup(event) {
+function onValueChange(event) {
     this.options.value = (0, _element.eventTargetEl)(event).value;
 }

package/plugins/filters/ui/input.mjs

@@ -56,10 +56,12 @@ var /**
    *
    * @type {HTMLInputElement}
    */ _input = /*#__PURE__*/ new WeakMap(), /**
-   * OnKeyup listener.
+   * Synchronizes the stored value with the native input element. Listens to `keyup` for typed
+   * characters and to `input`/`change` for values set without key presses, e.g. picked from the
+   * native date or time picker.
    *
-   * @param {Event} event The mouse event object.
-   */ _onKeyup = /*#__PURE__*/ new WeakSet();
+   * @param {Event} event The DOM event object.
+   */ _onValueChange = /*#__PURE__*/ new WeakSet();
 /**
  * @private
  * @class InputUI
@@ -77,7 +79,9 @@ var /**
     /**
    * Register all necessary hooks.
    */ registerHooks() {
-        this.addLocalHook('keyup', (event)=>_class_private_method_get(this, _onKeyup, onKeyup).call(this, event));
+        this.addLocalHook('keyup', (event)=>_class_private_method_get(this, _onValueChange, onValueChange).call(this, event));
+        this.addLocalHook('input', (event)=>_class_private_method_get(this, _onValueChange, onValueChange).call(this, event));
+        this.addLocalHook('change', (event)=>_class_private_method_get(this, _onValueChange, onValueChange).call(this, event));
     }
     /**
    * Build DOM structure.
@@ -106,6 +110,14 @@ var /**
         }
     }
     /**
+   * Set the type of the native input element (e.g. `text`, `date`, or `time`).
+   */ setType(type) {
+        this.options.type = type;
+        if (this.isBuilt()) {
+            this.update();
+        }
+    }
+    /**
    * Focus element.
    */ focus() {
         if (this.isBuilt()) {
@@ -115,13 +127,13 @@ var /**
     /**
    * Initializes the input UI component and registers event hooks for keyboard interaction.
    */ constructor(hotInstance, options){
-        super(hotInstance, extend(InputUI.DEFAULTS, options)), _class_private_method_init(this, _onKeyup), _class_private_field_init(this, _input, {
+        super(hotInstance, extend(InputUI.DEFAULTS, options)), _class_private_method_init(this, _onValueChange), _class_private_field_init(this, _input, {
             writable: true,
             value: void 0
         }), _class_private_field_set(this, _input, null);
         this.registerHooks();
     }
 }
-function onKeyup(event) {
+function onValueChange(event) {
     this.options.value = eventTargetEl(event).value;
 }

package/plugins/filters/ui/multipleSelect.js

@@ -126,6 +126,10 @@ var /**
    */ _items = /*#__PURE__*/ new WeakMap(), /**
    * Nested Handsontable instance used to render the list of selectable filter values.
    */ _itemsBox = /*#__PURE__*/ new WeakMap(), /**
+   * Lowercased form of every item's value, aligned by index with `#items`. Built lazily on the
+   * first search keystroke and reused for subsequent ones — the lowercase form of an item never
+   * changes between keystrokes. Invalidated when the items or the locale change.
+   */ _lowerCaseItemValues = /*#__PURE__*/ new WeakMap(), /**
    * Current locale string used for sorting and comparing filter values.
    */ _locale = /*#__PURE__*/ new WeakMap(), /**
    * Input component for searching within the list of selectable filter values.
@@ -134,6 +138,10 @@ var /**
    */ _selectAllUI = /*#__PURE__*/ new WeakMap(), /**
    * Link component for clearing all selected filter values at once.
    */ _clearAllUI = /*#__PURE__*/ new WeakMap(), /**
+   * Gets the lowercased form of every item's value, building the cache on first access.
+   *
+   * @returns {string[]} Array aligned by index with the items list.
+   */ _getLowerCaseItemValues = /*#__PURE__*/ new WeakSet(), /**
    * 'input' event listener for input element.
    *
    * @param {Event} event DOM event.
@@ -180,6 +188,7 @@ class MultipleSelectUI extends _base.BaseUI {
    * @param {Array} items Array of objects with `checked` and `label` property.
    */ setItems(items) {
         _class_private_field_set(this, _items, items);
+        _class_private_field_set(this, _lowerCaseItemValues, null);
         _class_private_field_get(this, _itemsBox)?.loadData(_class_private_field_get(this, _items));
     }
     /**
@@ -187,6 +196,9 @@ class MultipleSelectUI extends _base.BaseUI {
    *
    * @param {string} locale Locale used for filter actions performed on data, ie. `en-US`.
    */ setLocale(locale) {
+        if (_class_private_field_get(this, _locale) !== locale) {
+            _class_private_field_set(this, _lowerCaseItemValues, null);
+        }
         _class_private_field_set(this, _locale, locale);
     }
     /**
@@ -397,17 +409,21 @@ class MultipleSelectUI extends _base.BaseUI {
         _class_private_field_set(this, _selectAllUI, null);
         _class_private_field_set(this, _itemsBox, null);
         _class_private_field_get(this, _items).length = 0;
+        _class_private_field_set(this, _lowerCaseItemValues, null);
         super.destroy();
     }
     /**
    * Initializes the multiple select UI component, creates child input and link components, and registers event hooks.
    */ constructor(hotInstance, options){
-        super(hotInstance, (0, _object.extend)(MultipleSelectUI.DEFAULTS, options)), _class_private_method_init(this, _onInput), _class_private_method_init(this, _onInputKeyDown), _class_private_method_init(this, _onSelectAllClick), _class_private_method_init(this, _onClearAllClick), _class_private_field_init(this, _items, {
+        super(hotInstance, (0, _object.extend)(MultipleSelectUI.DEFAULTS, options)), _class_private_method_init(this, _getLowerCaseItemValues), _class_private_method_init(this, _onInput), _class_private_method_init(this, _onInputKeyDown), _class_private_method_init(this, _onSelectAllClick), _class_private_method_init(this, _onClearAllClick), _class_private_field_init(this, _items, {
             writable: true,
             value: void 0
         }), _class_private_field_init(this, _itemsBox, {
             writable: true,
             value: void 0
+        }), _class_private_field_init(this, _lowerCaseItemValues, {
+            writable: true,
+            value: void 0
         }), _class_private_field_init(this, _locale, {
             writable: true,
             value: void 0
@@ -420,7 +436,7 @@ class MultipleSelectUI extends _base.BaseUI {
         }), _class_private_field_init(this, _clearAllUI, {
             writable: true,
             value: void 0
-        }), _class_private_field_set(this, _items, []), _class_private_field_set(this, _itemsBox, null), _class_private_field_set(this, _locale, ''), _class_private_field_set(this, _searchInput, null), _class_private_field_set(this, _selectAllUI, null), _class_private_field_set(this, _clearAllUI, null);
+        }), _class_private_field_set(this, _items, []), _class_private_field_set(this, _itemsBox, null), _class_private_field_set(this, _lowerCaseItemValues, null), _class_private_field_set(this, _locale, ''), _class_private_field_set(this, _searchInput, null), _class_private_field_set(this, _selectAllUI, null), _class_private_field_set(this, _clearAllUI, null);
         _class_private_field_set(this, _searchInput, new _input.InputUI(hotInstance, {
             placeholder: _constants.FILTERS_BUTTONS_PLACEHOLDER_SEARCH,
             className: 'htUIMultipleSelectSearch'
@@ -436,9 +452,16 @@ class MultipleSelectUI extends _base.BaseUI {
         this.registerHooks();
     }
 }
+function getLowerCaseItemValues() {
+    if (_class_private_field_get(this, _lowerCaseItemValues) === null) {
+        _class_private_field_set(this, _lowerCaseItemValues, _class_private_field_get(this, _items).map((item)=>(0, _string.localeLowerCase)(`${item.value}`, this.getLocale())));
+    }
+    return _class_private_field_get(this, _lowerCaseItemValues);
+}
 function onInput(event) {
     const trimmed = (0, _element.eventTargetEl)(event).value.trim();
     const value = (0, _string.localeLowerCase)(trimmed, this.getLocale());
+    const lowerCaseValues = _class_private_method_get(this, _getLowerCaseItemValues, getLowerCaseItemValues).call(this);
     if (this.options.searchMode === 'apply') {
         const hiddenRows = _class_private_field_get(this, _itemsBox)?.getPlugin('hiddenRows');
         const rowsToHide = [];
@@ -446,7 +469,7 @@ function onInput(event) {
             hiddenRows.showRows(hiddenRows.getHiddenRows());
         }
         _class_private_field_get(this, _items).forEach((item, index)=>{
-            item.checked = (0, _string.localeLowerCase)(`${item.value}`, this.getLocale()).indexOf(value) >= 0;
+            item.checked = lowerCaseValues[index].indexOf(value) >= 0;
             if (!item.checked) {
                 rowsToHide.push(index);
             }
@@ -463,7 +486,7 @@ function onInput(event) {
                 ..._class_private_field_get(this, _items)
             ];
         } else {
-            filteredItems = _class_private_field_get(this, _items).filter((item)=>(0, _string.localeLowerCase)(`${item.value}`, this.getLocale()).indexOf(value) >= 0);
+            filteredItems = _class_private_field_get(this, _items).filter((item, index)=>lowerCaseValues[index].indexOf(value) >= 0);
         }
         _class_private_field_get(this, _itemsBox)?.loadData(filteredItems);
     }

package/plugins/filters/ui/multipleSelect.mjs

@@ -67,6 +67,10 @@ var /**
    */ _items = /*#__PURE__*/ new WeakMap(), /**
    * Nested Handsontable instance used to render the list of selectable filter values.
    */ _itemsBox = /*#__PURE__*/ new WeakMap(), /**
+   * Lowercased form of every item's value, aligned by index with `#items`. Built lazily on the
+   * first search keystroke and reused for subsequent ones — the lowercase form of an item never
+   * changes between keystrokes. Invalidated when the items or the locale change.
+   */ _lowerCaseItemValues = /*#__PURE__*/ new WeakMap(), /**
    * Current locale string used for sorting and comparing filter values.
    */ _locale = /*#__PURE__*/ new WeakMap(), /**
    * Input component for searching within the list of selectable filter values.
@@ -75,6 +79,10 @@ var /**
    */ _selectAllUI = /*#__PURE__*/ new WeakMap(), /**
    * Link component for clearing all selected filter values at once.
    */ _clearAllUI = /*#__PURE__*/ new WeakMap(), /**
+   * Gets the lowercased form of every item's value, building the cache on first access.
+   *
+   * @returns {string[]} Array aligned by index with the items list.
+   */ _getLowerCaseItemValues = /*#__PURE__*/ new WeakSet(), /**
    * 'input' event listener for input element.
    *
    * @param {Event} event DOM event.
@@ -124,6 +132,7 @@ var /**
    * @param {Array} items Array of objects with `checked` and `label` property.
    */ setItems(items) {
         _class_private_field_set(this, _items, items);
+        _class_private_field_set(this, _lowerCaseItemValues, null);
         _class_private_field_get(this, _itemsBox)?.loadData(_class_private_field_get(this, _items));
     }
     /**
@@ -131,6 +140,9 @@ var /**
    *
    * @param {string} locale Locale used for filter actions performed on data, ie. `en-US`.
    */ setLocale(locale) {
+        if (_class_private_field_get(this, _locale) !== locale) {
+            _class_private_field_set(this, _lowerCaseItemValues, null);
+        }
         _class_private_field_set(this, _locale, locale);
     }
     /**
@@ -341,17 +353,21 @@ var /**
         _class_private_field_set(this, _selectAllUI, null);
         _class_private_field_set(this, _itemsBox, null);
         _class_private_field_get(this, _items).length = 0;
+        _class_private_field_set(this, _lowerCaseItemValues, null);
         super.destroy();
     }
     /**
    * Initializes the multiple select UI component, creates child input and link components, and registers event hooks.
    */ constructor(hotInstance, options){
-        super(hotInstance, extend(MultipleSelectUI.DEFAULTS, options)), _class_private_method_init(this, _onInput), _class_private_method_init(this, _onInputKeyDown), _class_private_method_init(this, _onSelectAllClick), _class_private_method_init(this, _onClearAllClick), _class_private_field_init(this, _items, {
+        super(hotInstance, extend(MultipleSelectUI.DEFAULTS, options)), _class_private_method_init(this, _getLowerCaseItemValues), _class_private_method_init(this, _onInput), _class_private_method_init(this, _onInputKeyDown), _class_private_method_init(this, _onSelectAllClick), _class_private_method_init(this, _onClearAllClick), _class_private_field_init(this, _items, {
             writable: true,
             value: void 0
         }), _class_private_field_init(this, _itemsBox, {
             writable: true,
             value: void 0
+        }), _class_private_field_init(this, _lowerCaseItemValues, {
+            writable: true,
+            value: void 0
         }), _class_private_field_init(this, _locale, {
             writable: true,
             value: void 0
@@ -364,7 +380,7 @@ var /**
         }), _class_private_field_init(this, _clearAllUI, {
             writable: true,
             value: void 0
-        }), _class_private_field_set(this, _items, []), _class_private_field_set(this, _itemsBox, null), _class_private_field_set(this, _locale, ''), _class_private_field_set(this, _searchInput, null), _class_private_field_set(this, _selectAllUI, null), _class_private_field_set(this, _clearAllUI, null);
+        }), _class_private_field_set(this, _items, []), _class_private_field_set(this, _itemsBox, null), _class_private_field_set(this, _lowerCaseItemValues, null), _class_private_field_set(this, _locale, ''), _class_private_field_set(this, _searchInput, null), _class_private_field_set(this, _selectAllUI, null), _class_private_field_set(this, _clearAllUI, null);
         _class_private_field_set(this, _searchInput, new InputUI(hotInstance, {
             placeholder: C.FILTERS_BUTTONS_PLACEHOLDER_SEARCH,
             className: 'htUIMultipleSelectSearch'
@@ -380,9 +396,16 @@ var /**
         this.registerHooks();
     }
 }
+function getLowerCaseItemValues() {
+    if (_class_private_field_get(this, _lowerCaseItemValues) === null) {
+        _class_private_field_set(this, _lowerCaseItemValues, _class_private_field_get(this, _items).map((item)=>localeLowerCase(`${item.value}`, this.getLocale())));
+    }
+    return _class_private_field_get(this, _lowerCaseItemValues);
+}
 function onInput(event) {
     const trimmed = eventTargetEl(event).value.trim();
     const value = localeLowerCase(trimmed, this.getLocale());
+    const lowerCaseValues = _class_private_method_get(this, _getLowerCaseItemValues, getLowerCaseItemValues).call(this);
     if (this.options.searchMode === 'apply') {
         const hiddenRows = _class_private_field_get(this, _itemsBox)?.getPlugin('hiddenRows');
         const rowsToHide = [];
@@ -390,7 +413,7 @@ function onInput(event) {
             hiddenRows.showRows(hiddenRows.getHiddenRows());
         }
         _class_private_field_get(this, _items).forEach((item, index)=>{
-            item.checked = localeLowerCase(`${item.value}`, this.getLocale()).indexOf(value) >= 0;
+            item.checked = lowerCaseValues[index].indexOf(value) >= 0;
             if (!item.checked) {
                 rowsToHide.push(index);
             }
@@ -407,7 +430,7 @@ function onInput(event) {
                 ..._class_private_field_get(this, _items)
             ];
         } else {
-            filteredItems = _class_private_field_get(this, _items).filter((item)=>localeLowerCase(`${item.value}`, this.getLocale()).indexOf(value) >= 0);
+            filteredItems = _class_private_field_get(this, _items).filter((item, index)=>lowerCaseValues[index].indexOf(value) >= 0);
         }
         _class_private_field_get(this, _itemsBox)?.loadData(filteredItems);
     }

package/plugins/filters/ui/select.js

@@ -255,7 +255,7 @@ class SelectUI extends _base.BaseUI {
                 top: rect.top - 1,
                 width: rect.width,
                 height: rect.height
-            });
+            }, ()=>el.isConnected ? el.getBoundingClientRect() : null);
             _class_private_field_get(this, _menu1)?.getNavigator()?.toFirstItem();
             _class_private_field_get(this, _menu1)?.getKeyboardShortcutsCtrl()?.addCustomShortcuts([
                 {

package/plugins/filters/ui/select.mjs

@@ -207,7 +207,7 @@ var /**
                 top: rect.top - 1,
                 width: rect.width,
                 height: rect.height
-            });
+            }, ()=>el.isConnected ? el.getBoundingClientRect() : null);
             _class_private_field_get(this, _menu)?.getNavigator()?.toFirstItem();
             _class_private_field_get(this, _menu)?.getKeyboardShortcutsCtrl()?.addCustomShortcuts([
                 {

package/plugins/formulas/engine/register.d.ts

@@ -54,10 +54,11 @@ export declare function registerLanguage(engineClass: HyperFormulaClass, languag
  */
 export declare function registerNamedExpressions(engineInstance: HyperFormulaEngine, namedExpressions: Record<string, unknown>[]): void;
 /**
- * Sets up a new sheet.
+ * Sets up the sheet to work on. An existing sheet is reused; a new one is added only when there is
+ * nothing to reuse.
  *
  * @param {object} engineInstance The engine instance.
- * @param {string} sheetName The new sheet name.
- * @returns {*}
+ * @param {string} [sheetName] The sheet name to use. When omitted (or `null`), a new sheet is added.
+ * @returns {string}
  */
-export declare function setupSheet(engineInstance: HyperFormulaEngine, sheetName: string): string;
+export declare function setupSheet(engineInstance: HyperFormulaEngine, sheetName?: string | null): string;

package/plugins/formulas/engine/register.js

@@ -201,8 +201,11 @@ function registerNamedExpressions(engineInstance, namedExpressions) {
     }
 }
 function setupSheet(engineInstance, sheetName) {
-    if ((0, _mixed.isUndefined)(sheetName) || !engineInstance.doesSheetExist(sheetName)) {
-        sheetName = engineInstance.addSheet(sheetName);
+    if (sheetName === undefined || sheetName === null) {
+        return engineInstance.addSheet();
+    }
+    if (!engineInstance.doesSheetExist(sheetName)) {
+        return engineInstance.addSheet(sheetName);
     }
     return sheetName;
 }

package/plugins/formulas/engine/register.mjs

@@ -204,14 +204,18 @@ import { DEFAULT_LICENSE_KEY, DEFAULT_SETTINGS, getEngineSettingsWithDefaultsAnd
     }
 }
 /**
- * Sets up a new sheet.
+ * Sets up the sheet to work on. An existing sheet is reused; a new one is added only when there is
+ * nothing to reuse.
  *
  * @param {object} engineInstance The engine instance.
- * @param {string} sheetName The new sheet name.
- * @returns {*}
+ * @param {string} [sheetName] The sheet name to use. When omitted (or `null`), a new sheet is added.
+ * @returns {string}
  */ export function setupSheet(engineInstance, sheetName) {
-    if (isUndefined(sheetName) || !engineInstance.doesSheetExist(sheetName)) {
-        sheetName = engineInstance.addSheet(sheetName);
+    if (sheetName === undefined || sheetName === null) {
+        return engineInstance.addSheet();
+    }
+    if (!engineInstance.doesSheetExist(sheetName)) {
+        return engineInstance.addSheet(sheetName);
     }
     return sheetName;
 }

package/plugins/formulas/engine/settings.d.ts

@@ -1,6 +1,7 @@
 export declare const DEFAULT_LICENSE_KEY = "internal-use-in-handsontable";
 export declare const DEFAULT_SETTINGS: {
     licenseKey: string;
+    maxRows: number;
     useArrayArithmetic: boolean;
     useColumnIndex: boolean;
     useStats: boolean;
@@ -32,8 +33,6 @@ export declare const DEFAULT_SETTINGS: {
  * @returns {object} Object containing the overriding options.
  */
 export declare function getEngineSettingsOverrides(hotSettings: Record<string, unknown>): {
-    maxColumns: unknown;
-    maxRows: unknown;
     language: unknown;
 };
 /**
@@ -53,10 +52,9 @@ export declare function getEngineSettingsOverrides(hotSettings: Record<string, u
  * @returns {object} The final engine settings.
  */
 export declare function getEngineSettingsWithDefaultsAndOverrides(hotSettings: Record<string, unknown>): {
-    maxColumns: unknown;
-    maxRows: unknown;
     language: unknown;
     licenseKey: string;
+    maxRows: number;
     useArrayArithmetic: boolean;
     useColumnIndex: boolean;
     useStats: boolean;
@@ -87,8 +85,6 @@ export declare function getEngineSettingsWithDefaultsAndOverrides(hotSettings: R
  * @returns {object}
  */
 export declare function getEngineSettingsWithOverrides(hotSettings: Record<string, unknown>): {
-    maxColumns: unknown;
-    maxRows: unknown;
     language: unknown;
 };
 /**

package/plugins/formulas/engine/settings.js

@@ -32,6 +32,9 @@ const _formulas = require("../formulas");
 const DEFAULT_LICENSE_KEY = 'internal-use-in-handsontable';
 const DEFAULT_SETTINGS = {
     licenseKey: DEFAULT_LICENSE_KEY,
+    // HyperFormula's own default is 40000. Handsontable used to pass its `maxRows` here, and that
+    // defaults to `Infinity`, so an engine the plugin builds has never been bounded. Keep it that way.
+    maxRows: Infinity,
     useArrayArithmetic: true,
     useColumnIndex: false,
     useStats: false,
@@ -62,11 +65,33 @@ const DEFAULT_SETTINGS = {
     decimalSeparator: '.',
     language: 'enGB'
 };
+/**
+ * Size limits that Handsontable applies to a single grid, but HyperFormula applies to a whole engine.
+ *
+ * They are never passed to the engine. Any engine can end up shared - the guide recommends reusing
+ * one grid's engine in the next grid - and bounding a shared engine by one grid's display limit makes
+ * HyperFormula throw `SheetSizeLimitExceededError` over another grid's taller sheet. Handsontable
+ * enforces `maxRows`/`maxCols` on its own data anyway. See GH #10672.
+ */ const ENGINE_SIZE_SETTINGS = [
+    'maxRows',
+    'maxColumns'
+];
+/**
+ * Drops the engine-wide size limits from a set of settings.
+ *
+ * @param {object} engineSettings Engine settings.
+ * @returns {object}
+ */ function dropEngineSizeSettings(engineSettings) {
+    return Object.keys(engineSettings).reduce((obj, key)=>{
+        if (!ENGINE_SIZE_SETTINGS.includes(key)) {
+            obj[key] = engineSettings[key];
+        }
+        return obj;
+    }, {});
+}
 function getEngineSettingsOverrides(hotSettings) {
     const pluginSetting = hotSettings[_formulas.PLUGIN_KEY];
     return {
-        maxColumns: hotSettings.maxColumns,
-        maxRows: hotSettings.maxRows,
         language: pluginSetting?.language?.langCode
     };
 }
@@ -86,7 +111,7 @@ function getEngineSettingsOverrides(hotSettings) {
 function getEngineSettingsWithDefaultsAndOverrides(hotSettings) {
     const pluginSettings = hotSettings[_formulas.PLUGIN_KEY];
     const engine = pluginSettings?.engine;
-    const userSettings = cleanEngineSettings(engine?.hyperformula ? engine : {});
+    const userSettings = dropEngineSizeSettings(cleanEngineSettings(engine?.hyperformula ? engine : {}));
     const overrides = getEngineSettingsOverrides(hotSettings);
     return {
         ...DEFAULT_SETTINGS,
@@ -97,7 +122,7 @@ function getEngineSettingsWithDefaultsAndOverrides(hotSettings) {
 function getEngineSettingsWithOverrides(hotSettings) {
     const pluginSettings = hotSettings[_formulas.PLUGIN_KEY];
     const engine = pluginSettings?.engine;
-    const userSettings = cleanEngineSettings(engine?.hyperformula ? engine : {});
+    const userSettings = dropEngineSizeSettings(cleanEngineSettings(engine?.hyperformula ? engine : {}));
     const overrides = getEngineSettingsOverrides(hotSettings);
     return {
         ...userSettings,

package/plugins/formulas/engine/settings.mjs

@@ -2,6 +2,9 @@ import { PLUGIN_KEY } from '../formulas.mjs';
 export const DEFAULT_LICENSE_KEY = 'internal-use-in-handsontable';
 export const DEFAULT_SETTINGS = {
     licenseKey: DEFAULT_LICENSE_KEY,
+    // HyperFormula's own default is 40000. Handsontable used to pass its `maxRows` here, and that
+    // defaults to `Infinity`, so an engine the plugin builds has never been bounded. Keep it that way.
+    maxRows: Infinity,
     useArrayArithmetic: true,
     useColumnIndex: false,
     useStats: false,
@@ -32,6 +35,30 @@ export const DEFAULT_SETTINGS = {
     decimalSeparator: '.',
     language: 'enGB'
 };
+/**
+ * Size limits that Handsontable applies to a single grid, but HyperFormula applies to a whole engine.
+ *
+ * They are never passed to the engine. Any engine can end up shared - the guide recommends reusing
+ * one grid's engine in the next grid - and bounding a shared engine by one grid's display limit makes
+ * HyperFormula throw `SheetSizeLimitExceededError` over another grid's taller sheet. Handsontable
+ * enforces `maxRows`/`maxCols` on its own data anyway. See GH #10672.
+ */ const ENGINE_SIZE_SETTINGS = [
+    'maxRows',
+    'maxColumns'
+];
+/**
+ * Drops the engine-wide size limits from a set of settings.
+ *
+ * @param {object} engineSettings Engine settings.
+ * @returns {object}
+ */ function dropEngineSizeSettings(engineSettings) {
+    return Object.keys(engineSettings).reduce((obj, key)=>{
+        if (!ENGINE_SIZE_SETTINGS.includes(key)) {
+            obj[key] = engineSettings[key];
+        }
+        return obj;
+    }, {});
+}
 /**
  * Gets a set of engine settings to be applied on top of the provided settings, based on user's Handsontable settings.
  *
@@ -40,8 +67,6 @@ export const DEFAULT_SETTINGS = {
  */ export function getEngineSettingsOverrides(hotSettings) {
     const pluginSetting = hotSettings[PLUGIN_KEY];
     return {
-        maxColumns: hotSettings.maxColumns,
-        maxRows: hotSettings.maxRows,
         language: pluginSetting?.language?.langCode
     };
 }
@@ -76,7 +101,7 @@ export const DEFAULT_SETTINGS = {
  */ export function getEngineSettingsWithDefaultsAndOverrides(hotSettings) {
     const pluginSettings = hotSettings[PLUGIN_KEY];
     const engine = pluginSettings?.engine;
-    const userSettings = cleanEngineSettings(engine?.hyperformula ? engine : {});
+    const userSettings = dropEngineSizeSettings(cleanEngineSettings(engine?.hyperformula ? engine : {}));
     const overrides = getEngineSettingsOverrides(hotSettings);
     return {
         ...DEFAULT_SETTINGS,
@@ -92,7 +117,7 @@ export const DEFAULT_SETTINGS = {
  */ export function getEngineSettingsWithOverrides(hotSettings) {
     const pluginSettings = hotSettings[PLUGIN_KEY];
     const engine = pluginSettings?.engine;
-    const userSettings = cleanEngineSettings(engine?.hyperformula ? engine : {});
+    const userSettings = dropEngineSizeSettings(cleanEngineSettings(engine?.hyperformula ? engine : {}));
     const overrides = getEngineSettingsOverrides(hotSettings);
     return {
         ...userSettings,

package/plugins/formulas/engine/types.d.ts

@@ -5,6 +5,7 @@
 export interface HyperFormulaEngine {
     doesSheetExist(sheetName: string): boolean;
     getSheetId(sheetName: string): number;
+    getSheetName(sheetId: number): string | undefined;
     addSheet(sheetName?: string): string;
     setSheetContent(sheetId: number | null, data: unknown[][]): unknown[];
     getSheetSerialized(sheetId: number | null): unknown[][];
@@ -27,6 +28,11 @@ export interface HyperFormulaEngine {
         row: number;
         col: number;
     }): unknown;
+    getCellHyperlink(address: {
+        sheet: number | null;
+        row: number;
+        col: number;
+    }): string | undefined;
     getCellSerialized(address: {
         sheet: number | null;
         row: number;
@@ -45,9 +51,13 @@ export interface HyperFormulaEngine {
     isItPossibleToRemoveColumns(sheetId: number | null, spec: [number, number]): boolean;
     addRows(sheetId: number | null, spec: [number, number]): unknown[];
     addColumns(sheetId: number | null, spec: [number, number]): unknown[];
-    removeRows(sheetId: number | null, spec: [number, number]): void;
-    removeColumns(sheetId: number | null, spec: [number, number]): void;
+    removeRows(sheetId: number | null, ...indexes: [number, number][]): void;
+    removeColumns(sheetId: number | null, ...indexes: [number, number][]): void;
     getFillRangeData(sourceRange: object, targetRange: object): unknown[][];
+    isItPossibleToMoveCells(source: object, destinationLeftCorner: object): boolean;
+    moveCells(source: object, destinationLeftCorner: object): unknown[];
+    copy(source: object): unknown[][];
+    paste(targetLeftCorner: object): unknown[];
     batch(callback: () => void): unknown[];
     getConfig(): Record<string, unknown>;
     updateConfig(config: Record<string, unknown>): void;

package/plugins/formulas/formulas.d.ts

@@ -142,6 +142,19 @@ export declare class Formulas extends BasePlugin {
      * @returns {boolean}
      */
     isFormulaCellType(row: number, column: number, sheet?: number | null): boolean;
+    /**
+     * Registers the shortcut that opens the link of the selected `HYPERLINK` cell. The anchor is kept
+     * out of the tab order, so this is the only keyboard path to the link.
+     *
+     * @private
+     */
+    registerShortcuts(): void;
+    /**
+     * Removes the shortcuts registered by the plugin.
+     *
+     * @private
+     */
+    unregisterShortcuts(): void;
     /**
      * Renders dependent sheets (handsontable instances) based on the changes - list of the
      * recalculated dependent cells.
@@ -169,4 +182,30 @@ export declare class Formulas extends BasePlugin {
      * @returns {Array} Array of changes exported from the engine.
      */
     syncChangeWithEngine(row: number, column: number, newValue: unknown): unknown[] | undefined;
+    /**
+     * Executes the HyperFormula move or copy operation prepared in `beforeMoveCells`. Called by
+     * the MoveCells plugin BEFORE any grid mutation (cell meta, selection, undo history),
+     * so a failed engine operation aborts the whole `moveCells` operation atomically instead of
+     * leaving the grid state recording a move whose data write never happened.
+     *
+     * For a MOVE, calls `engine.moveCells`, which physically relocates cell content and adjusts
+     * all dependent formula references (Excel-style). For a COPY, calls `engine.copy` followed
+     * by `engine.paste`, which duplicates the content with adjusted relative references. Note:
+     * `engine.copy` reads cell values and must NOT be wrapped in `engine.batch` because batch
+     * suspends evaluation, causing `copy` to throw `EvaluationSuspendedError`.
+     *
+     * During undo and non-move redo operations, the engine has already been advanced in the
+     * `beforeUndo`/`beforeRedo` hook, so this method only enables the HOT-data sync in the
+     * `afterMoveCells` listener. A move redo is validated first, then executed here to keep a
+     * rejected move from advancing HyperFormula.
+     *
+     * This is the second half of a two-phase protocol with the MoveCells plugin: `beforeMoveCells`
+     * prepares `#pendingMoveCells`, and this method commits it. It is internal despite being reachable
+     * through `getPlugin('formulas')` — not part of the public API.
+     *
+     * @private
+     * @returns {boolean} `true` when the engine operation succeeded (or was intentionally
+     *   skipped); `false` when there is no prepared operation or the engine rejected it.
+     */
+    commitPendingMoveCells(): boolean;
 }