handsontable 15.2.0 → 15.3.0-next-6f5f494-20250424

package/core.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.object.from-entries.js";
 import "core-js/modules/es.set.difference.v2.js";
 import "core-js/modules/es.set.intersection.v2.js";
 import "core-js/modules/es.set.is-disjoint-from.v2.js";
@@ -14,7 +15,7 @@ import "core-js/modules/esnext.iterator.map.js";
 import "core-js/modules/web.immediate.js";
 import { addClass, empty, observeVisibilityChangeOnce, removeClass } from "./helpers/dom/element.mjs";
 import { isFunction } from "./helpers/function.mjs";
-import { isDefined, isUndefined, isRegExp, _injectProductInfo, isEmpty } from "./helpers/mixed.mjs";
+import { isDefined, isUndefined, isRegExp, _injectProductInfo, isEmpty, stringify } from "./helpers/mixed.mjs";
 import { isMobileBrowser, isIpadOS } from "./helpers/browser.mjs";
 import EditorManager from "./editorManager.mjs";
 import EventManager from "./eventManager.mjs";
@@ -221,12 +222,15 @@ export default function Core(rootElement, userSettings) {
     return instance.isLtr() ? 1 : -1;
   };
   userSettings.language = getValidLanguageCode(userSettings.language);
-  const metaManager = new MetaManager(instance, userSettings, [DynamicCellMetaMod, ExtendMetaPropertiesMod]);
+  const settingsWithoutHooks = Object.fromEntries(Object.entries(userSettings).filter(_ref => {
+    let [key] = _ref;
+    return !(Hooks.getSingleton().isRegistered(key) || Hooks.getSingleton().isDeprecated(key));
+  }));
+  const metaManager = new MetaManager(instance, settingsWithoutHooks, [DynamicCellMetaMod, ExtendMetaPropertiesMod]);
   const tableMeta = metaManager.getTableMeta();
   const globalMeta = metaManager.getGlobalMeta();
   const pluginsRegistry = createUniqueMap();
   this.container = this.rootDocument.createElement('div');
-  this.renderCall = false;
   rootElement.insertBefore(this.container, rootElement.firstChild);
   if (isRootInstance(this)) {
     _injectProductInfo(userSettings.licenseKey, rootElement);
@@ -258,6 +262,9 @@ export default function Core(rootElement, userSettings) {
   this.rowIndexMapper.addLocalHook('indexesSequenceChange', source => {
     instance.runHooks('afterRowSequenceChange', source);
   });
+  eventManager.addEventListener(this.rootDocument.documentElement, 'compositionstart', event => {
+    instance.runHooks('beforeCompositionStart', event);
+  });
   dataSource = new DataSource(instance);
   if (!this.rootElement.id || this.rootElement.id.substring(0, 3) === 'ht_') {
     this.rootElement.id = this.guid; // if root element does not have an id, assign a random id
@@ -333,10 +340,11 @@ export default function Core(rootElement, userSettings) {
     }
   });
   this.selection = selection;
-  const onIndexMapperCacheUpdate = _ref => {
+  const onIndexMapperCacheUpdate = _ref2 => {
     let {
       hiddenIndexesChanged
-    } = _ref;
+    } = _ref2;
+    this.forceFullRender = true;
     if (hiddenIndexesChanged) {
       this.selection.commit();
     }
@@ -515,9 +523,9 @@ export default function Core(rootElement, userSettings) {
         const sortedIndexes = [...indexes];
 
         // Sort the indexes in ascending order.
-        sortedIndexes.sort((_ref2, _ref3) => {
-          let [indexA] = _ref2;
-          let [indexB] = _ref3;
+        sortedIndexes.sort((_ref3, _ref4) => {
+          let [indexA] = _ref3;
+          let [indexB] = _ref4;
           if (indexA === indexB) {
             return 0;
           }
@@ -525,8 +533,8 @@ export default function Core(rootElement, userSettings) {
         });
 
         // Normalize the {index, amount} groups into bigger groups.
-        const normalizedIndexes = arrayReduce(sortedIndexes, (acc, _ref4) => {
-          let [groupIndex, groupAmount] = _ref4;
+        const normalizedIndexes = arrayReduce(sortedIndexes, (acc, _ref5) => {
+          let [groupIndex, groupAmount] = _ref5;
           const previousItem = acc[acc.length - 1];
           const [prevIndex, prevAmount] = previousItem;
           const prevLastIndex = prevIndex + prevAmount;
@@ -594,8 +602,8 @@ export default function Core(rootElement, userSettings) {
             let offset = 0;
 
             // Normalize the {index, amount} groups into bigger groups.
-            arrayEach(indexes, _ref5 => {
-              let [groupIndex, groupAmount] = _ref5;
+            arrayEach(indexes, _ref6 => {
+              let [groupIndex, groupAmount] = _ref6;
               const calcIndex = isEmpty(groupIndex) ? instance.countRows() - 1 : Math.max(groupIndex - offset, 0);
 
               // If the 'index' is an integer decrease it by 'offset' otherwise pass it through to make the value
@@ -620,13 +628,6 @@ export default function Core(rootElement, userSettings) {
                 }
               }
               const totalRows = instance.countRows();
-              if (totalRows === 0) {
-                selection.deselect();
-              } else if (source === 'ContextMenu.removeRow') {
-                selection.refresh();
-              } else {
-                selection.shiftRows(groupIndex, -groupAmount);
-              }
               const fixedRowsTop = tableMeta.fixedRowsTop;
               if (fixedRowsTop >= calcIndex + 1) {
                 tableMeta.fixedRowsTop -= Math.min(groupAmount, fixedRowsTop - calcIndex);
@@ -635,6 +636,13 @@ export default function Core(rootElement, userSettings) {
               if (fixedRowsBottom && calcIndex >= totalRows - fixedRowsBottom) {
                 tableMeta.fixedRowsBottom -= Math.min(groupAmount, fixedRowsBottom);
               }
+              if (totalRows === 0) {
+                selection.deselect();
+              } else if (source === 'ContextMenu.removeRow') {
+                selection.refresh();
+              } else {
+                selection.shiftRows(groupIndex, -groupAmount);
+              }
               offset += groupAmount;
             });
           };
@@ -649,8 +657,8 @@ export default function Core(rootElement, userSettings) {
             let offset = 0;
 
             // Normalize the {index, amount} groups into bigger groups.
-            arrayEach(indexes, _ref6 => {
-              let [groupIndex, groupAmount] = _ref6;
+            arrayEach(indexes, _ref7 => {
+              let [groupIndex, groupAmount] = _ref7;
               const calcIndex = isEmpty(groupIndex) ? instance.countCols() - 1 : Math.max(groupIndex - offset, 0);
               let physicalColumnIndex = instance.toPhysicalColumn(calcIndex);
 
@@ -1028,7 +1036,7 @@ export default function Core(rootElement, userSettings) {
     if (isMobileBrowser() || isIpadOS()) {
       addClass(instance.rootElement, 'mobile');
     }
-    this.updateSettings(tableMeta, true);
+    this.updateSettings(userSettings, true);
     this.view = new TableView(this);
     const themeName = tableMeta.themeName || getThemeClassName(instance.rootElement);
 
@@ -1044,8 +1052,7 @@ export default function Core(rootElement, userSettings) {
       installFocusCatcher(instance);
     }
     instance.runHooks('init');
-    this.forceFullRender = true; // used when data was changed
-    this.view.render();
+    this.render();
 
     // Run the logic only if it's the table's initialization and the root element is not visible.
     if (!!firstRun && instance.rootElement.offsetParent === null) {
@@ -1218,13 +1225,11 @@ export default function Core(rootElement, userSettings) {
       datamap.set(changes[i][0], changes[i][1], changes[i][3]);
     }
     const hasChanges = changes.length > 0;
-    instance.forceFullRender = true; // used when data was changed or when all cells need to be re-rendered
-
     if (hasChanges) {
       grid.adjustRowsAndCols();
       instance.runHooks('beforeChangeRender', changes, source);
       editorManager.closeEditor();
-      instance.view.render();
+      instance.render();
       editorManager.prepareEditor();
       instance.view.adjustElementsSize();
       instance.runHooks('afterChange', changes, source || 'edit');
@@ -1233,7 +1238,7 @@ export default function Core(rootElement, userSettings) {
         activeEditor.refreshValue();
       }
     } else {
-      instance.view.render();
+      instance.render();
     }
   }
 
@@ -1383,9 +1388,22 @@ export default function Core(rootElement, userSettings) {
           ...tableMeta
         };
       }
-      if (cellProperties.type === 'numeric' && typeof newValue === 'string' && isNumericLike(newValue)) {
+      const {
+        type,
+        checkedTemplate,
+        uncheckedTemplate
+      } = cellProperties;
+      if (type === 'numeric' && typeof newValue === 'string' && isNumericLike(newValue)) {
         filteredChanges[i][3] = getParsedNumber(newValue);
       }
+      if (type === 'checkbox') {
+        const stringifiedValue = stringify(newValue);
+        const isChecked = stringifiedValue === stringify(checkedTemplate);
+        const isUnchecked = stringifiedValue === stringify(uncheckedTemplate);
+        if (isChecked || isUnchecked) {
+          filteredChanges[i][3] = isChecked ? checkedTemplate : uncheckedTemplate;
+        }
+      }
     }
     return filteredChanges;
   }
@@ -1609,11 +1627,11 @@ export default function Core(rootElement, userSettings) {
   this.getSelected = function () {
     // https://github.com/handsontable/handsontable/issues/44  //cjl
     if (selection.isSelected()) {
-      return arrayMap(selection.getSelectedRange(), _ref7 => {
+      return arrayMap(selection.getSelectedRange(), _ref8 => {
         let {
           from,
           to
-        } = _ref7;
+        } = _ref8;
         return [from.row, from.col, to.row, to.col];
       });
     }
@@ -1787,11 +1805,7 @@ export default function Core(rootElement, userSettings) {
     const nextValue = this.renderSuspendedCounter - 1;
     this.renderSuspendedCounter = Math.max(nextValue, 0);
     if (!this.isRenderSuspended() && nextValue === this.renderSuspendedCounter) {
-      if (this.renderCall) {
-        this.render();
-      } else {
-        instance.view.render();
-      }
+      instance.view.render();
     }
   };
 
@@ -1807,9 +1821,8 @@ export default function Core(rootElement, userSettings) {
    */
   this.render = function () {
     if (this.view) {
-      this.renderCall = true;
-      this.forceFullRender = true; // used when data was changed or when all cells need to be re-rendered
-
+      // used when data was changed or when all cells need to be re-rendered (slow render)
+      this.forceFullRender = true;
       if (!this.isRenderSuspended()) {
         instance.view.render();
       }
@@ -2302,23 +2315,27 @@ export default function Core(rootElement, userSettings) {
     if (isDefined(settings.ganttChart)) {
       throw new Error('Since 8.0.0 the "ganttChart" setting is no longer supported.');
     }
+    if (settings.language) {
+      setLanguage(settings.language);
+    }
 
     // eslint-disable-next-line no-restricted-syntax
     for (i in settings) {
-      if (i === 'data') {
-        // Do nothing. loadData will be triggered later
-      } else if (i === 'language') {
-        setLanguage(settings.language);
+      if (i === 'data' || i === 'language') {
+        // Do nothing. loadData and language change will be triggered later
       } else if (i === 'className') {
         setClassName('className', settings.className);
       } else if (i === 'tableClassName' && instance.table) {
         setClassName('tableClassName', settings.tableClassName);
         instance.view._wt.wtOverlays.syncOverlayTableClassNames();
       } else if (Hooks.getSingleton().isRegistered(i) || Hooks.getSingleton().isDeprecated(i)) {
-        if (isFunction(settings[i])) {
-          Hooks.getSingleton().addAsFixed(i, settings[i], instance);
-        } else if (Array.isArray(settings[i])) {
-          Hooks.getSingleton().add(i, settings[i], instance);
+        const hook = settings[i];
+        if (isFunction(hook)) {
+          Hooks.getSingleton().addAsFixed(i, hook, instance);
+          tableMeta[i] = hook;
+        } else if (Array.isArray(hook)) {
+          Hooks.getSingleton().add(i, hook, instance);
+          tableMeta[i] = hook;
         }
       } else if (!init && hasOwnProperty(settings, i)) {
         // Update settings
@@ -2422,8 +2439,7 @@ export default function Core(rootElement, userSettings) {
     }
     grid.adjustRowsAndCols();
     if (instance.view && !firstRun) {
-      instance.forceFullRender = true; // used when data was changed
-      instance.view.render();
+      instance.render();
       instance.view._wt.wtOverlays.adjustElementsSize();
     }
     if (!init && instance.view && (currentHeight === '' || height === '' || height === undefined) && currentHeight !== height) {
@@ -2852,15 +2868,15 @@ export default function Core(rootElement, userSettings) {
     const isThereAnySetSourceListener = this.hasHook('afterSetSourceDataAtCell');
     const changesForHook = [];
     if (isThereAnySetSourceListener) {
-      arrayEach(input, _ref8 => {
-        let [changeRow, changeProp, changeValue] = _ref8;
+      arrayEach(input, _ref9 => {
+        let [changeRow, changeProp, changeValue] = _ref9;
         changesForHook.push([changeRow, changeProp, dataSource.getAtCell(changeRow, changeProp),
         // The previous value.
         changeValue]);
       });
     }
-    arrayEach(input, _ref9 => {
-      let [changeRow, changeProp, changeValue] = _ref9;
+    arrayEach(input, _ref10 => {
+      let [changeRow, changeProp, changeValue] = _ref10;
       dataSource.setAtCell(changeRow, changeProp, changeValue);
     });
     if (isThereAnySetSourceListener) {
@@ -3080,11 +3096,16 @@ export default function Core(rootElement, userSettings) {
    * @function getCellMeta
    * @param {number} row Visual row index.
    * @param {number} column Visual column index.
+   * @param {object} options Execution options for the `getCellMeta` method.
+   * @param {boolean} [options.skipMetaExtension=false] If `true`, skips extending the cell meta object. This means, the `cells` function, as well as the `afterGetCellMeta` and `beforeGetCellMeta` hooks, will not be called.
    * @returns {object} The cell properties object.
    * @fires Hooks#beforeGetCellMeta
    * @fires Hooks#afterGetCellMeta
    */
   this.getCellMeta = function (row, column) {
+    let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+      skipMetaExtension: false
+    };
     let physicalRow = this.toPhysicalRow(row);
     let physicalColumn = this.toPhysicalColumn(column);
     if (physicalRow === null) {
@@ -3095,7 +3116,8 @@ export default function Core(rootElement, userSettings) {
     }
     return metaManager.getCellMeta(physicalRow, physicalColumn, {
       visualRow: row,
-      visualColumn: column
+      visualColumn: column,
+      ...options
     });
   };
 
@@ -4072,6 +4094,8 @@ export default function Core(rootElement, userSettings) {
    *   col: 50,
    *   verticalSnap: 'bottom',
    *   horizontalSnap: 'end',
+   * }, () => {
+   *   // callback function executed after the viewport is scrolled
    * });
    * ```
    *
@@ -4094,9 +4118,10 @@ export default function Core(rootElement, userSettings) {
    * be positioned at the start or end of the viewport.
    * @param {boolean} [options.considerHiddenIndexes=true] If `true`, we handle visual indexes, otherwise we handle only indexes which
    * may be rendered when they are in the viewport (we don't consider hidden indexes as they aren't rendered).
+   * @param {Function} [callback] The callback function to call after the viewport is scrolled.
    * @returns {boolean} `true` if viewport was scrolled, `false` otherwise.
    */
-  this.scrollViewportTo = function (options) {
+  this.scrollViewportTo = function (options, callback) {
     // Support for backward compatibility arguments: (row, col, snapToBottom, snapToRight, considerHiddenIndexes)
     if (typeof options === 'number') {
       var _arguments$;
@@ -4117,6 +4142,9 @@ export default function Core(rootElement, userSettings) {
     } = options !== null && options !== void 0 ? options : {};
     let renderableRow = row;
     let renderableColumn = col;
+    if (isFunction(callback)) {
+      this.addHookOnce('afterScroll', callback);
+    }
     if (considerHiddenIndexes === undefined || considerHiddenIndexes) {
       const isValidRowGrid = Number.isInteger(row) && row >= 0;
       const isValidColumnGrid = Number.isInteger(col) && col >= 0;
@@ -4130,16 +4158,24 @@ export default function Core(rootElement, userSettings) {
     }
     const isRowInteger = Number.isInteger(renderableRow);
     const isColumnInteger = Number.isInteger(renderableColumn);
+    let isScrolled = false;
     if (isRowInteger && renderableRow >= 0 && isColumnInteger && renderableColumn >= 0) {
-      return instance.view.scrollViewport(instance._createCellCoords(renderableRow, renderableColumn), options.horizontalSnap, options.verticalSnap);
-    }
-    if (isRowInteger && renderableRow >= 0 && (isColumnInteger && renderableColumn < 0 || !isColumnInteger)) {
-      return instance.view.scrollViewportVertically(renderableRow, options.verticalSnap);
-    }
-    if (isColumnInteger && renderableColumn >= 0 && (isRowInteger && renderableRow < 0 || !isRowInteger)) {
-      return instance.view.scrollViewportHorizontally(renderableColumn, options.horizontalSnap);
+      isScrolled = instance.view.scrollViewport(instance._createCellCoords(renderableRow, renderableColumn), options.horizontalSnap, options.verticalSnap);
+    } else if (isRowInteger && renderableRow >= 0 && (isColumnInteger && renderableColumn < 0 || !isColumnInteger)) {
+      isScrolled = instance.view.scrollViewportVertically(renderableRow, options.verticalSnap);
+    } else if (isColumnInteger && renderableColumn >= 0 && (isRowInteger && renderableRow < 0 || !isRowInteger)) {
+      isScrolled = instance.view.scrollViewportHorizontally(renderableColumn, options.horizontalSnap);
+    }
+    if (isFunction(callback)) {
+      if (isScrolled) {
+        // fast render triggers `afterScroll` hook
+        this.view.render();
+      } else {
+        this.removeHook('afterScroll', callback);
+        this._registerMicrotask(() => callback());
+      }
     }
-    return false;
+    return isScrolled;
   };
 
   /**
@@ -4149,24 +4185,28 @@ export default function Core(rootElement, userSettings) {
    * @memberof Core#
    * @fires Hooks#afterScroll
    * @function scrollToFocusedCell
-   * @param {Function} callback The callback function to call after the viewport is scrolled.
+   * @param {Function} [callback] The callback function to call after the viewport is scrolled.
+   * @returns {boolean} `true` if the viewport was scrolled, `false` otherwise.
    */
-  this.scrollToFocusedCell = function () {
-    let callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : () => {};
+  this.scrollToFocusedCell = function (callback) {
     if (!this.selection.isSelected()) {
-      return;
+      return false;
+    }
+    if (isFunction(callback)) {
+      this.addHookOnce('afterScroll', callback);
     }
-    this.addHookOnce('afterScroll', callback);
     const {
       highlight
     } = this.getSelectedRangeLast();
     const isScrolled = this.scrollViewportTo(highlight.toObject());
     if (isScrolled) {
+      // fast render triggers `afterScroll` hook
       this.view.render();
-    } else {
+    } else if (isFunction(callback)) {
       this.removeHook('afterScroll', callback);
-      this._registerImmediate(() => callback());
+      this._registerMicrotask(() => callback());
     }
+    return isScrolled;
   };
 
   /**
@@ -4207,8 +4247,8 @@ export default function Core(rootElement, userSettings) {
     instance.batchExecution(() => {
       instance.rowIndexMapper.unregisterAll();
       instance.columnIndexMapper.unregisterAll();
-      pluginsRegistry.getItems().forEach(_ref10 => {
-        let [, plugin] = _ref10;
+      pluginsRegistry.getItems().forEach(_ref11 => {
+        let [, plugin] = _ref11;
         plugin.destroy();
       });
       pluginsRegistry.clear();
@@ -4675,6 +4715,20 @@ export default function Core(rootElement, userSettings) {
     });
   };
 
+  /**
+   * Registers a microtask callback.
+   *
+   * @param {Function} callback Function to be delayed in execution.
+   * @private
+   */
+  this._registerMicrotask = function (callback) {
+    this.rootWindow.queueMicrotask(() => {
+      if (!this.isDestroyed) {
+        callback();
+      }
+    });
+  };
+
   /**
    * Gets the instance of the EditorManager.
    *

package/dataMap/dataMap.js

@@ -357,8 +357,6 @@ class DataMap {
       }
     }
     this.hot.runHooks('afterCreateRow', newVisualRowIndex, numberOfCreatedRows, source);
-    this.hot.forceFullRender = true; // used when data was changed
-
     return {
       delta: numberOfCreatedRows,
       startPhysicalIndex: physicalRowIndex
@@ -444,8 +442,6 @@ class DataMap {
     }
     const newVisualColumnIndex = this.hot.toVisualColumn(startPhysicalIndex);
     this.hot.runHooks('afterCreateCol', newVisualColumnIndex, numberOfCreatedCols, source);
-    this.hot.forceFullRender = true; // used when data was changed
-
     this.refreshDuckSchema();
     return {
       delta: numberOfCreatedCols,
@@ -492,8 +488,6 @@ class DataMap {
       this.metaManager.removeRow(rowPhysicalIndex, 1);
     });
     this.hot.runHooks('afterRemoveRow', rowIndex, numberOfRemovedIndexes, removedPhysicalIndexes, source);
-    this.hot.forceFullRender = true; // used when data was changed
-
     return true;
   }
 
@@ -553,7 +547,6 @@ class DataMap {
       }
     }
     this.hot.runHooks('afterRemoveCol', columnIndex, amount, removedPhysicalIndexes, source);
-    this.hot.forceFullRender = true; // used when data was changed
     this.refreshDuckSchema();
     return true;
   }

package/dataMap/dataMap.mjs

@@ -353,8 +353,6 @@ class DataMap {
       }
     }
     this.hot.runHooks('afterCreateRow', newVisualRowIndex, numberOfCreatedRows, source);
-    this.hot.forceFullRender = true; // used when data was changed
-
     return {
       delta: numberOfCreatedRows,
       startPhysicalIndex: physicalRowIndex
@@ -440,8 +438,6 @@ class DataMap {
     }
     const newVisualColumnIndex = this.hot.toVisualColumn(startPhysicalIndex);
     this.hot.runHooks('afterCreateCol', newVisualColumnIndex, numberOfCreatedCols, source);
-    this.hot.forceFullRender = true; // used when data was changed
-
     this.refreshDuckSchema();
     return {
       delta: numberOfCreatedCols,
@@ -488,8 +484,6 @@ class DataMap {
       this.metaManager.removeRow(rowPhysicalIndex, 1);
     });
     this.hot.runHooks('afterRemoveRow', rowIndex, numberOfRemovedIndexes, removedPhysicalIndexes, source);
-    this.hot.forceFullRender = true; // used when data was changed
-
     return true;
   }
 
@@ -549,7 +543,6 @@ class DataMap {
       }
     }
     this.hot.runHooks('afterRemoveCol', columnIndex, amount, removedPhysicalIndexes, source);
-    this.hot.forceFullRender = true; // used when data was changed
     this.refreshDuckSchema();
     return true;
   }

package/dataMap/metaManager/index.js

@@ -139,22 +139,21 @@ class MetaManager {
    *
    * @param {number} physicalRow The physical row index.
    * @param {number} physicalColumn The physical column index.
-   * @param {object} options Additional options that are used to extend the cell meta object.
+   * @param {object} options Options for the `getCellMeta` method.
    * @param {number} options.visualRow The visual row index of the currently requested cell meta object.
    * @param {number} options.visualColumn The visual column index of the currently requested cell meta object.
+   * @param {boolean} [options.skipMetaExtension=false] If `true`, omits the `afterGetCellMeta` hook which calls the `extendCellMeta` method.
    * @returns {object}
    */
-  getCellMeta(physicalRow, physicalColumn, _ref) {
-    let {
-      visualRow,
-      visualColumn
-    } = _ref;
+  getCellMeta(physicalRow, physicalColumn, options) {
     const cellMeta = this.cellMeta.getMeta(physicalRow, physicalColumn);
-    cellMeta.visualRow = visualRow;
-    cellMeta.visualCol = visualColumn;
+    cellMeta.visualRow = options.visualRow;
+    cellMeta.visualCol = options.visualColumn;
     cellMeta.row = physicalRow;
     cellMeta.col = physicalColumn;
-    this.runLocalHooks('afterGetCellMeta', cellMeta);
+    if (!options.skipMetaExtension) {
+      this.runLocalHooks('afterGetCellMeta', cellMeta);
+    }
     return cellMeta;
   }
 

package/dataMap/metaManager/index.mjs

@@ -135,22 +135,21 @@ export default class MetaManager {
    *
    * @param {number} physicalRow The physical row index.
    * @param {number} physicalColumn The physical column index.
-   * @param {object} options Additional options that are used to extend the cell meta object.
+   * @param {object} options Options for the `getCellMeta` method.
    * @param {number} options.visualRow The visual row index of the currently requested cell meta object.
    * @param {number} options.visualColumn The visual column index of the currently requested cell meta object.
+   * @param {boolean} [options.skipMetaExtension=false] If `true`, omits the `afterGetCellMeta` hook which calls the `extendCellMeta` method.
    * @returns {object}
    */
-  getCellMeta(physicalRow, physicalColumn, _ref) {
-    let {
-      visualRow,
-      visualColumn
-    } = _ref;
+  getCellMeta(physicalRow, physicalColumn, options) {
     const cellMeta = this.cellMeta.getMeta(physicalRow, physicalColumn);
-    cellMeta.visualRow = visualRow;
-    cellMeta.visualCol = visualColumn;
+    cellMeta.visualRow = options.visualRow;
+    cellMeta.visualCol = options.visualColumn;
     cellMeta.row = physicalRow;
     cellMeta.col = physicalColumn;
-    this.runLocalHooks('afterGetCellMeta', cellMeta);
+    if (!options.skipMetaExtension) {
+      this.runLocalHooks('afterGetCellMeta', cellMeta);
+    }
     return cellMeta;
   }
 

package/dataMap/metaManager/mods/dynamicCellMeta.js

@@ -32,6 +32,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
  */
 class DynamicCellMetaMod {
   constructor(metaManager) {
+    var _this = this;
     /**
      * @type {MetaManager}
      */
@@ -41,7 +42,9 @@ class DynamicCellMetaMod {
      */
     _defineProperty(this, "metaSyncMemo", new Map());
     this.metaManager = metaManager;
-    metaManager.addLocalHook('afterGetCellMeta', cellMeta => this.extendCellMeta(cellMeta));
+    metaManager.addLocalHook('afterGetCellMeta', function () {
+      return _this.extendCellMeta(...arguments);
+    });
     _hooks.Hooks.getSingleton().add('beforeRender', forceFullRender => {
       if (forceFullRender) {
         this.metaSyncMemo.clear();

package/dataMap/metaManager/mods/dynamicCellMeta.mjs

@@ -29,6 +29,7 @@ import { isFunction } from "../../../helpers/function.mjs";
  */
 export class DynamicCellMetaMod {
   constructor(metaManager) {
+    var _this = this;
     /**
      * @type {MetaManager}
      */
@@ -38,7 +39,9 @@ export class DynamicCellMetaMod {
      */
     _defineProperty(this, "metaSyncMemo", new Map());
     this.metaManager = metaManager;
-    metaManager.addLocalHook('afterGetCellMeta', cellMeta => this.extendCellMeta(cellMeta));
+    metaManager.addLocalHook('afterGetCellMeta', function () {
+      return _this.extendCellMeta(...arguments);
+    });
     Hooks.getSingleton().add('beforeRender', forceFullRender => {
       if (forceFullRender) {
         this.metaSyncMemo.clear();