handsontable 14.3.0-next-dda3c4b-20240415 → 14.4.0-next-f62dd73-20240521

package/editors/textEditor/textEditor.mjs

@@ -9,8 +9,6 @@ import { addClass, getComputedStyle, isThisHotChild, setCaretPosition, hasClass,
 import { rangeEach } from "../../helpers/number.mjs";
 import { createInputElementResizer } from "../../utils/autoResize.mjs";
 import { isDefined } from "../../helpers/mixed.mjs";
-import { SHORTCUTS_GROUP_NAVIGATION } from "../../editorManager.mjs";
-import { SHORTCUTS_GROUP_EDITOR } from "../baseEditor/baseEditor.mjs";
 import { updateCaretPosition } from "./caretPositioner.mjs";
 import { A11Y_HIDDEN, A11Y_TABINDEX } from "../../helpers/a11y.mjs";
 const EDITOR_VISIBLE_CLASS_NAME = 'ht_editor_visible';
@@ -146,12 +144,12 @@ export class TextEditor extends BaseEditor {
       const {
         allowInvalid
       } = cellProperties;
-      if (allowInvalid) {
+      if (allowInvalid && !this.isOpened()) {
         // Remove an empty space from textarea (added by copyPaste plugin to make copy/paste
         // functionality work with IME)
         this.TEXTAREA.value = '';
       }
-      if (previousState !== EDITOR_STATE.FINISHED) {
+      if (previousState !== EDITOR_STATE.FINISHED && !this.isOpened()) {
         this.hideEditableElement();
       }
     }
@@ -377,7 +375,6 @@ export class TextEditor extends BaseEditor {
   registerShortcuts() {
     const shortcutManager = this.hot.getShortcutManager();
     const editorContext = shortcutManager.getContext('editor');
-    const gridContext = shortcutManager.getContext('grid');
     const contextConfig = {
       runOnlyIf: () => isDefined(this.hot.getSelected()),
       group: SHORTCUTS_GROUP
@@ -386,10 +383,6 @@ export class TextEditor extends BaseEditor {
       this.hot.rootDocument.execCommand('insertText', false, '\n');
     };
     editorContext.addShortcuts([{
-      keys: [['Tab'], ['Shift', 'Tab'], ['PageUp'], ['PageDown']],
-      forwardToContext: gridContext,
-      callback: () => {}
-    }, {
       keys: [['Control', 'Enter']],
       callback: () => {
         insertNewLine();
@@ -435,8 +428,6 @@ export class TextEditor extends BaseEditor {
   unregisterShortcuts() {
     const shortcutManager = this.hot.getShortcutManager();
     const editorContext = shortcutManager.getContext('editor');
-    editorContext.removeShortcutsByGroup(SHORTCUTS_GROUP_NAVIGATION);
     editorContext.removeShortcutsByGroup(SHORTCUTS_GROUP);
-    editorContext.removeShortcutsByGroup(SHORTCUTS_GROUP_EDITOR);
   }
 }

package/focusManager.js

@@ -63,7 +63,7 @@ class FocusManager {
      *
      * @type {number}
      */
-    _classPrivateFieldInitSpec(this, _refocusDelay, 50);
+    _classPrivateFieldInitSpec(this, _refocusDelay, 1);
     /**
      * Getter function for the element to be used when refocusing the browser after a delay. If `null`, the active
      * editor's `TEXTAREA` element will be used.
@@ -274,9 +274,7 @@ function _focusEditorElement() {
  * @param {object} newSettings The new settings passed to the `updateSettings` method.
  */
 function _onUpdateSettings(newSettings) {
-  if (newSettings.imeFastEdit && this.getFocusMode() !== FOCUS_MODES.MIXED) {
-    this.setFocusMode(FOCUS_MODES.MIXED);
-  } else if (!newSettings.imeFastEdit && this.getFocusMode() !== FOCUS_MODES.CELL) {
-    this.setFocusMode(FOCUS_MODES.CELL);
+  if (typeof newSettings.imeFastEdit === 'boolean') {
+    this.setFocusMode(newSettings.imeFastEdit ? FOCUS_MODES.MIXED : FOCUS_MODES.CELL);
   }
 }

package/focusManager.mjs

@@ -60,7 +60,7 @@ export class FocusManager {
      *
      * @type {number}
      */
-    _classPrivateFieldInitSpec(this, _refocusDelay, 50);
+    _classPrivateFieldInitSpec(this, _refocusDelay, 1);
     /**
      * Getter function for the element to be used when refocusing the browser after a delay. If `null`, the active
      * editor's `TEXTAREA` element will be used.
@@ -270,9 +270,7 @@ function _focusEditorElement() {
  * @param {object} newSettings The new settings passed to the `updateSettings` method.
  */
 function _onUpdateSettings(newSettings) {
-  if (newSettings.imeFastEdit && this.getFocusMode() !== FOCUS_MODES.MIXED) {
-    this.setFocusMode(FOCUS_MODES.MIXED);
-  } else if (!newSettings.imeFastEdit && this.getFocusMode() !== FOCUS_MODES.CELL) {
-    this.setFocusMode(FOCUS_MODES.CELL);
+  if (typeof newSettings.imeFastEdit === 'boolean') {
+    this.setFocusMode(newSettings.imeFastEdit ? FOCUS_MODES.MIXED : FOCUS_MODES.CELL);
   }
 }

package/helpers/array.js

@@ -19,6 +19,13 @@ exports.pivot = pivot;
 exports.stringToArray = stringToArray;
 exports.to2dArray = to2dArray;
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/esnext.set.difference.v2.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.union.v2.js");
 /**
  * @param {Array} arr An array to process.
  */

package/helpers/array.mjs

@@ -1,4 +1,11 @@
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/esnext.set.difference.v2.js";
+import "core-js/modules/esnext.set.intersection.v2.js";
+import "core-js/modules/esnext.set.is-disjoint-from.v2.js";
+import "core-js/modules/esnext.set.is-subset-of.v2.js";
+import "core-js/modules/esnext.set.is-superset-of.v2.js";
+import "core-js/modules/esnext.set.symmetric-difference.v2.js";
+import "core-js/modules/esnext.set.union.v2.js";
 /**
  * @param {Array} arr An array to process.
  */

package/helpers/mixed.js

@@ -134,7 +134,7 @@ const domMessages = {
 function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "14.3.0-next-dda3c4b-20240415";
+  const hotVersion = "14.4.0-next-f62dd73-20240521";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';
@@ -142,7 +142,7 @@ function _injectProductInfo(key, element) {
   const schemaValidity = _checkKeySchema(key);
   if (hasValidType || isNonCommercial || schemaValidity) {
     if (schemaValidity) {
-      const releaseDate = (0, _moment.default)("16/04/2024", 'DD/MM/YYYY');
+      const releaseDate = (0, _moment.default)("28/05/2024", 'DD/MM/YYYY');
       const releaseDays = Math.floor(releaseDate.toDate().getTime() / 8.64e7);
       const keyValidityDays = _extractTime(key);
       keyValidityDate = (0, _moment.default)((keyValidityDays + 1) * 8.64e7, 'x').format('MMMM DD, YYYY');

package/helpers/mixed.mjs

@@ -124,7 +124,7 @@ const domMessages = {
 export function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "14.3.0-next-dda3c4b-20240415";
+  const hotVersion = "14.4.0-next-f62dd73-20240521";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';
@@ -132,7 +132,7 @@ export function _injectProductInfo(key, element) {
   const schemaValidity = _checkKeySchema(key);
   if (hasValidType || isNonCommercial || schemaValidity) {
     if (schemaValidity) {
-      const releaseDate = moment("16/04/2024", 'DD/MM/YYYY');
+      const releaseDate = moment("28/05/2024", 'DD/MM/YYYY');
       const releaseDays = Math.floor(releaseDate.toDate().getTime() / 8.64e7);
       const keyValidityDays = _extractTime(key);
       keyValidityDate = moment((keyValidityDays + 1) * 8.64e7, 'x').format('MMMM DD, YYYY');

package/helpers/number.js

@@ -7,13 +7,19 @@ exports.isNumericLike = isNumericLike;
 exports.rangeEach = rangeEach;
 exports.rangeEachReverse = rangeEachReverse;
 exports.valueAccordingPercent = valueAccordingPercent;
+require("core-js/modules/esnext.set.difference.v2.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.union.v2.js");
 /* eslint-disable jsdoc/require-description-complete-sentence */
 /**
  * Checks if the passed value is numeric one. For example these values (passed as string or number)
  * are considered as numeric values:
  *  - 0.001
  *  - .001
- *  - - 10000
  *  - 10000
  *  - 1e+26
  *  - 22e-26
@@ -21,6 +27,10 @@ exports.valueAccordingPercent = valueAccordingPercent;
  *  - 0xabcdef (hex)
  *  - 0x1 (hex)
  *
+ * these values are not considered as numeric:
+ *  - - 1000
+ *  - 100 000
+ *
  * @param {*} value The value to check.
  * @param {string[]} additionalDelimiters An additional delimiters to be used while checking the numeric value.
  * @returns {boolean}
@@ -37,7 +47,7 @@ function isNumeric(value) {
       return /\d/.test(value);
     }
     const delimiter = Array.from(new Set(['.', ...additionalDelimiters])).map(d => `\\${d}`).join('|');
-    return new RegExp(`^[+-]?\\s*(((${delimiter})?\\d+((${delimiter})\\d+)?(e[+-]?\\d+)?)|(0x[a-f\\d]+))$`, 'i').test(value.trim());
+    return new RegExp(`^[+-]?(((${delimiter})?\\d+((${delimiter})\\d+)?(e[+-]?\\d+)?)|(0x[a-f\\d]+))$`, 'i').test(value.trim());
   } else if (type === 'object') {
     return !!value && typeof value.valueOf() === 'number' && !(value instanceof Date);
   }

package/helpers/number.mjs

@@ -1,10 +1,16 @@
+import "core-js/modules/esnext.set.difference.v2.js";
+import "core-js/modules/esnext.set.intersection.v2.js";
+import "core-js/modules/esnext.set.is-disjoint-from.v2.js";
+import "core-js/modules/esnext.set.is-subset-of.v2.js";
+import "core-js/modules/esnext.set.is-superset-of.v2.js";
+import "core-js/modules/esnext.set.symmetric-difference.v2.js";
+import "core-js/modules/esnext.set.union.v2.js";
 /* eslint-disable jsdoc/require-description-complete-sentence */
 /**
  * Checks if the passed value is numeric one. For example these values (passed as string or number)
  * are considered as numeric values:
  *  - 0.001
  *  - .001
- *  - - 10000
  *  - 10000
  *  - 1e+26
  *  - 22e-26
@@ -12,6 +18,10 @@
  *  - 0xabcdef (hex)
  *  - 0x1 (hex)
  *
+ * these values are not considered as numeric:
+ *  - - 1000
+ *  - 100 000
+ *
  * @param {*} value The value to check.
  * @param {string[]} additionalDelimiters An additional delimiters to be used while checking the numeric value.
  * @returns {boolean}
@@ -28,7 +38,7 @@ export function isNumeric(value) {
       return /\d/.test(value);
     }
     const delimiter = Array.from(new Set(['.', ...additionalDelimiters])).map(d => `\\${d}`).join('|');
-    return new RegExp(`^[+-]?\\s*(((${delimiter})?\\d+((${delimiter})\\d+)?(e[+-]?\\d+)?)|(0x[a-f\\d]+))$`, 'i').test(value.trim());
+    return new RegExp(`^[+-]?(((${delimiter})?\\d+((${delimiter})\\d+)?(e[+-]?\\d+)?)|(0x[a-f\\d]+))$`, 'i').test(value.trim());
   } else if (type === 'object') {
     return !!value && typeof value.valueOf() === 'number' && !(value instanceof Date);
   }

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/handsontable/handsontable/issues"
   },
   "author": "Handsoncode <hello@handsontable.com>",
-  "version": "14.3.0-next-dda3c4b-20240415",
+  "version": "14.4.0-next-f62dd73-20240521",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",
@@ -34,9 +34,9 @@
   "dependencies": {
     "@handsontable/pikaday": "^1.0.0",
     "@types/pikaday": "1.7.4",
-    "core-js": "^3.31.1",
+    "core-js": "^3.37.0",
     "dompurify": "^2.1.1",
-    "moment": "2.29.4",
+    "moment": "2.30.1",
     "numbro": "2.1.2",
     "pikaday": "1.8.2"
   },

package/pluginHooks.d.ts

@@ -261,7 +261,7 @@ export interface Events {
 }
 
 export class Hooks {
-  add<K extends keyof Events>(key: K, callback: Events[K] | Array<Events[K]>, context?: Core): Hooks;
+  add<K extends keyof Events>(key: K, callback: Events[K] | Array<Events[K]>, context?: Core, orderIndex?: number): Hooks;
   createEmptyBucket(): Bucket;
   deregister(key: string): void;
   destroy(context?: Core): void;

package/pluginHooks.js

@@ -3,6 +3,7 @@
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.array.unscopables.flat-map.js");
 var _array = require("./helpers/array");
 var _object = require("./helpers/object");
 var _string = require("./helpers/string");
@@ -2665,6 +2666,7 @@ const REMOVED_HOOKS = new Map([['modifyRow', '8.0.0'], ['modifyCol', '8.0.0'], [
  */
 /* eslint-enable jsdoc/require-description-complete-sentence */
 const DEPRECATED_HOOKS = new Map([[]]);
+const callbackOrder = new WeakMap();
 class Hooks {
   static getSingleton() {
     return getGlobalSingleton();
@@ -2704,7 +2706,10 @@ class Hooks {
     const bucket = Object.create(null);
 
     // eslint-disable-next-line no-return-assign
-    (0, _array.arrayEach)(REGISTERED_HOOKS, hook => bucket[hook] = []);
+    (0, _array.arrayEach)(REGISTERED_HOOKS, hook => {
+      bucket[hook] = [];
+      this.initOrderMap(bucket, hook);
+    });
     return bucket;
   }
 
@@ -2736,6 +2741,10 @@ class Hooks {
    * @param {string} key Hook name.
    * @param {Function|Array} callback Callback function or an array of functions.
    * @param {object} [context=null] The context for the hook callback to be added - a Handsontable instance or leave empty.
+   * @param {number} [orderIndex] Order index of the callback.
+   *                              If > 0, the callback will be added after the others, for example, with an index of 1, the callback will be added before the ones with an index of 2, 3, etc., but after the ones with an index of 0 and lower.
+   *                              If < 0, the callback will be added before the others, for example, with an index of -1, the callback will be added after the ones with an index of -2, -3, etc., but before the ones with an index of 0 and higher.
+   *                              If 0 or no order index is provided, the callback will be added between the "negative" and "positive" indexes.
    * @returns {Hooks} Instance of Hooks.
    *
    * @example
@@ -2755,6 +2764,7 @@ class Hooks {
    */
   add(key, callback) {
     let context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    let orderIndex = arguments.length > 3 ? arguments[3] : undefined;
     if (Array.isArray(callback)) {
       (0, _array.arrayEach)(callback, c => this.add(key, c, context));
     } else {
@@ -2771,6 +2781,7 @@ class Hooks {
       if (typeof bucket[key] === 'undefined') {
         this.register(key);
         bucket[key] = [];
+        this.initOrderMap(bucket, key);
       }
       callback.skip = false;
       if (bucket[key].indexOf(callback) === -1) {
@@ -2789,6 +2800,8 @@ class Hooks {
           bucket[key].push(callback);
         }
       }
+      this.setCallbackOrderIndex(bucket, key, callback, orderIndex);
+      this.orderBucketByOrderIndex(bucket, key);
     }
     return this;
   }
@@ -2800,6 +2813,10 @@ class Hooks {
    * @param {string} key Hook/Event name.
    * @param {Function|Array} callback Callback function.
    * @param {object} [context=null] A Handsontable instance.
+   * @param {number} [orderIndex] Order index of the callback.
+   *                              If > 0, the callback will be added after the others, for example, with an index of 1, the callback will be added before the ones with an index of 2, 3, etc., but after the ones with an index of 0 and lower.
+   *                              If < 0, the callback will be added before the others, for example, with an index of -1, the callback will be added after the ones with an index of -2, -3, etc., but before the ones with an index of 0 and higher.
+   *                              If 0 or no order index is provided, the callback will be added between the "negative" and "positive" indexes.
    *
    * @example
    * ```js
@@ -2808,11 +2825,12 @@ class Hooks {
    */
   once(key, callback) {
     let context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    let orderIndex = arguments.length > 3 ? arguments[3] : undefined;
     if (Array.isArray(callback)) {
       (0, _array.arrayEach)(callback, c => this.once(key, c, context));
     } else {
       callback.runOnce = true;
-      this.add(key, callback, context);
+      this.add(key, callback, context, orderIndex);
     }
   }
 
@@ -3040,6 +3058,65 @@ class Hooks {
   getRegistered() {
     return REGISTERED_HOOKS;
   }
+
+  /**
+   * Sets the order index of the callback in the bucket object.
+   *
+   * @private
+   * @param {object} bucket The bucket object.
+   * @param {string} key Hook name.
+   * @param {Function} callback Callback function.
+   * @param {number|undefined} orderIndex Order index of the callback.
+   */
+  setCallbackOrderIndex(bucket, key, callback, orderIndex) {
+    const normalizedOrderIndex = Number.isInteger(orderIndex) ? orderIndex : 0;
+    const orderMap = this.getCallbackOrderMap(bucket, key);
+    orderMap.set(normalizedOrderIndex, [...(orderMap.get(normalizedOrderIndex) || []), callback]);
+  }
+
+  /**
+   * Reorders the callbacks in the bucket object by their order index.
+   *
+   * @private
+   * @param {objcet} bucket The bucket object.
+   * @param {string} key Hook name.
+   */
+  orderBucketByOrderIndex(bucket, key) {
+    const orderMap = this.getCallbackOrderMap(bucket, key);
+    if (orderMap === undefined || orderMap.size === 0 || orderMap.size === 1 && orderMap.has(0)) {
+      return;
+    }
+    bucket[key] = [...orderMap].sort((a, b) => a[0] - b[0]).flatMap(_ref => {
+      let [, callbacks] = _ref;
+      return callbacks;
+    });
+  }
+
+  /**
+   * Extends the bucket object with the order property.
+   *
+   * @private
+   * @param {object} bucket The bucket object.
+   * @param {string} hook The hook name.
+   */
+  initOrderMap(bucket, hook) {
+    if (!callbackOrder.has(bucket)) {
+      callbackOrder.set(bucket, []);
+    }
+    callbackOrder.get(bucket)[hook] = new Map();
+  }
+
+  /**
+   * Returns the order map for the provided hook.
+   *
+   * @private
+   * @param {object} bucket The bucket object.
+   * @param {string} hook The hook name.
+   * @returns {Map<number, Array<Function>>} Returns the order map for the provided hook.
+   */
+  getCallbackOrderMap(bucket, hook) {
+    return callbackOrder.get(bucket)[hook];
+  }
 }
 const globalSingleton = new Hooks();
 

package/pluginHooks.mjs

@@ -1,5 +1,6 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.array.unscopables.flat-map.js";
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -2661,6 +2662,7 @@ const REMOVED_HOOKS = new Map([['modifyRow', '8.0.0'], ['modifyCol', '8.0.0'], [
  */
 /* eslint-enable jsdoc/require-description-complete-sentence */
 const DEPRECATED_HOOKS = new Map([[]]);
+const callbackOrder = new WeakMap();
 class Hooks {
   static getSingleton() {
     return getGlobalSingleton();
@@ -2700,7 +2702,10 @@ class Hooks {
     const bucket = Object.create(null);
 
     // eslint-disable-next-line no-return-assign
-    arrayEach(REGISTERED_HOOKS, hook => bucket[hook] = []);
+    arrayEach(REGISTERED_HOOKS, hook => {
+      bucket[hook] = [];
+      this.initOrderMap(bucket, hook);
+    });
     return bucket;
   }
 
@@ -2732,6 +2737,10 @@ class Hooks {
    * @param {string} key Hook name.
    * @param {Function|Array} callback Callback function or an array of functions.
    * @param {object} [context=null] The context for the hook callback to be added - a Handsontable instance or leave empty.
+   * @param {number} [orderIndex] Order index of the callback.
+   *                              If > 0, the callback will be added after the others, for example, with an index of 1, the callback will be added before the ones with an index of 2, 3, etc., but after the ones with an index of 0 and lower.
+   *                              If < 0, the callback will be added before the others, for example, with an index of -1, the callback will be added after the ones with an index of -2, -3, etc., but before the ones with an index of 0 and higher.
+   *                              If 0 or no order index is provided, the callback will be added between the "negative" and "positive" indexes.
    * @returns {Hooks} Instance of Hooks.
    *
    * @example
@@ -2751,6 +2760,7 @@ class Hooks {
    */
   add(key, callback) {
     let context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    let orderIndex = arguments.length > 3 ? arguments[3] : undefined;
     if (Array.isArray(callback)) {
       arrayEach(callback, c => this.add(key, c, context));
     } else {
@@ -2767,6 +2777,7 @@ class Hooks {
       if (typeof bucket[key] === 'undefined') {
         this.register(key);
         bucket[key] = [];
+        this.initOrderMap(bucket, key);
       }
       callback.skip = false;
       if (bucket[key].indexOf(callback) === -1) {
@@ -2785,6 +2796,8 @@ class Hooks {
           bucket[key].push(callback);
         }
       }
+      this.setCallbackOrderIndex(bucket, key, callback, orderIndex);
+      this.orderBucketByOrderIndex(bucket, key);
     }
     return this;
   }
@@ -2796,6 +2809,10 @@ class Hooks {
    * @param {string} key Hook/Event name.
    * @param {Function|Array} callback Callback function.
    * @param {object} [context=null] A Handsontable instance.
+   * @param {number} [orderIndex] Order index of the callback.
+   *                              If > 0, the callback will be added after the others, for example, with an index of 1, the callback will be added before the ones with an index of 2, 3, etc., but after the ones with an index of 0 and lower.
+   *                              If < 0, the callback will be added before the others, for example, with an index of -1, the callback will be added after the ones with an index of -2, -3, etc., but before the ones with an index of 0 and higher.
+   *                              If 0 or no order index is provided, the callback will be added between the "negative" and "positive" indexes.
    *
    * @example
    * ```js
@@ -2804,11 +2821,12 @@ class Hooks {
    */
   once(key, callback) {
     let context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    let orderIndex = arguments.length > 3 ? arguments[3] : undefined;
     if (Array.isArray(callback)) {
       arrayEach(callback, c => this.once(key, c, context));
     } else {
       callback.runOnce = true;
-      this.add(key, callback, context);
+      this.add(key, callback, context, orderIndex);
     }
   }
 
@@ -3036,6 +3054,65 @@ class Hooks {
   getRegistered() {
     return REGISTERED_HOOKS;
   }
+
+  /**
+   * Sets the order index of the callback in the bucket object.
+   *
+   * @private
+   * @param {object} bucket The bucket object.
+   * @param {string} key Hook name.
+   * @param {Function} callback Callback function.
+   * @param {number|undefined} orderIndex Order index of the callback.
+   */
+  setCallbackOrderIndex(bucket, key, callback, orderIndex) {
+    const normalizedOrderIndex = Number.isInteger(orderIndex) ? orderIndex : 0;
+    const orderMap = this.getCallbackOrderMap(bucket, key);
+    orderMap.set(normalizedOrderIndex, [...(orderMap.get(normalizedOrderIndex) || []), callback]);
+  }
+
+  /**
+   * Reorders the callbacks in the bucket object by their order index.
+   *
+   * @private
+   * @param {objcet} bucket The bucket object.
+   * @param {string} key Hook name.
+   */
+  orderBucketByOrderIndex(bucket, key) {
+    const orderMap = this.getCallbackOrderMap(bucket, key);
+    if (orderMap === undefined || orderMap.size === 0 || orderMap.size === 1 && orderMap.has(0)) {
+      return;
+    }
+    bucket[key] = [...orderMap].sort((a, b) => a[0] - b[0]).flatMap(_ref => {
+      let [, callbacks] = _ref;
+      return callbacks;
+    });
+  }
+
+  /**
+   * Extends the bucket object with the order property.
+   *
+   * @private
+   * @param {object} bucket The bucket object.
+   * @param {string} hook The hook name.
+   */
+  initOrderMap(bucket, hook) {
+    if (!callbackOrder.has(bucket)) {
+      callbackOrder.set(bucket, []);
+    }
+    callbackOrder.get(bucket)[hook] = new Map();
+  }
+
+  /**
+   * Returns the order map for the provided hook.
+   *
+   * @private
+   * @param {object} bucket The bucket object.
+   * @param {string} hook The hook name.
+   * @returns {Map<number, Array<Function>>} Returns the order map for the provided hook.
+   */
+  getCallbackOrderMap(bucket, hook) {
+    return callbackOrder.get(bucket)[hook];
+  }
 }
 const globalSingleton = new Hooks();
 

package/plugins/autoColumnSize/autoColumnSize.js

@@ -3,6 +3,13 @@
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/esnext.set.difference.v2.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.union.v2.js");
 var _base = require("../base");
 var _array = require("../../helpers/array");
 var _feature = require("../../helpers/feature");

package/plugins/autoColumnSize/autoColumnSize.mjs

@@ -1,5 +1,12 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/esnext.set.difference.v2.js";
+import "core-js/modules/esnext.set.intersection.v2.js";
+import "core-js/modules/esnext.set.is-disjoint-from.v2.js";
+import "core-js/modules/esnext.set.is-subset-of.v2.js";
+import "core-js/modules/esnext.set.is-superset-of.v2.js";
+import "core-js/modules/esnext.set.symmetric-difference.v2.js";
+import "core-js/modules/esnext.set.union.v2.js";
 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"); } }

package/plugins/autoRowSize/autoRowSize.js

@@ -344,7 +344,7 @@ class AutoRowSize extends _base.BasePlugin {
         this.inProgress = false;
 
         // @TODO Should call once per render cycle, currently fired separately in different plugins
-        this.hot.view.adjustElementsSize(true);
+        this.hot.view.adjustElementsSize();
 
         // tmp
         if (this.hot.view._wt.wtOverlays.inlineStartOverlay.needFullRender) {
@@ -368,7 +368,7 @@ class AutoRowSize extends _base.BasePlugin {
       loop();
     } else {
       this.inProgress = false;
-      this.hot.view.adjustElementsSize(false);
+      this.hot.view.adjustElementsSize();
     }
   }
 

package/plugins/autoRowSize/autoRowSize.mjs

@@ -340,7 +340,7 @@ export class AutoRowSize extends BasePlugin {
         this.inProgress = false;
 
         // @TODO Should call once per render cycle, currently fired separately in different plugins
-        this.hot.view.adjustElementsSize(true);
+        this.hot.view.adjustElementsSize();
 
         // tmp
         if (this.hot.view._wt.wtOverlays.inlineStartOverlay.needFullRender) {
@@ -364,7 +364,7 @@ export class AutoRowSize extends BasePlugin {
       loop();
     } else {
       this.inProgress = false;
-      this.hot.view.adjustElementsSize(false);
+      this.hot.view.adjustElementsSize();
     }
   }
 

package/plugins/autofill/autofill.js

@@ -260,7 +260,7 @@ class Autofill extends _base.BasePlugin {
       this.hot.render();
     } else {
       // reset to avoid some range bug
-      this.hot._refreshBorders();
+      this.hot.view.render();
     }
     return true;
   }

package/plugins/autofill/autofill.mjs

@@ -256,7 +256,7 @@ export class Autofill extends BasePlugin {
       this.hot.render();
     } else {
       // reset to avoid some range bug
-      this.hot._refreshBorders();
+      this.hot.view.render();
     }
     return true;
   }