handsontable 0.0.0-next-c3a3b3c-20221206 → 0.0.0-next-b266dab-20221207

package/3rdparty/walkontable/src/overlays.js

@@ -9,6 +9,7 @@ require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/web.timers.js");
 var _element = require("../../../helpers/dom/element");
+var _feature = require("../../../helpers/feature");
 var _array = require("../../../helpers/array");
 var _unicode = require("../../../helpers/unicode");
 var _browser = require("../../../helpers/browser");
@@ -107,8 +108,13 @@ var Overlays = /*#__PURE__*/function () {
     _defineProperty(this, "bottomInlineStartCornerOverlay", null);
     _defineProperty(this, "browserLineHeight", undefined);
     _defineProperty(this, "wtSettings", null);
-    _defineProperty(this, "resizeObserver", new ResizeObserver(function () {
-      return _this.wtSettings.getSetting('onContainerElementResize');
+    _defineProperty(this, "resizeObserver", new ResizeObserver(function (entries) {
+      (0, _feature.requestAnimationFrame)(function () {
+        if (!Array.isArray(entries) || !entries.length) {
+          return;
+        }
+        _this.wtSettings.getSetting('onContainerElementResize');
+      });
     }));
     this.wot = wotInstance;
     this.wtSettings = wtSettings;

package/3rdparty/walkontable/src/overlays.mjs

@@ -12,6 +12,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 import { getScrollableElement, getScrollbarWidth } from "../../../helpers/dom/element.mjs";
+import { requestAnimationFrame } from "../../../helpers/feature.mjs";
 import { arrayEach } from "../../../helpers/array.mjs";
 import { isKey } from "../../../helpers/unicode.mjs";
 import { isChrome } from "../../../helpers/browser.mjs";
@@ -103,8 +104,13 @@ var Overlays = /*#__PURE__*/function () {
     _defineProperty(this, "bottomInlineStartCornerOverlay", null);
     _defineProperty(this, "browserLineHeight", undefined);
     _defineProperty(this, "wtSettings", null);
-    _defineProperty(this, "resizeObserver", new ResizeObserver(function () {
-      return _this.wtSettings.getSetting('onContainerElementResize');
+    _defineProperty(this, "resizeObserver", new ResizeObserver(function (entries) {
+      requestAnimationFrame(function () {
+        if (!Array.isArray(entries) || !entries.length) {
+          return;
+        }
+        _this.wtSettings.getSetting('onContainerElementResize');
+      });
     }));
     this.wot = wotInstance;
     this.wtSettings = wtSettings;

package/base.js

@@ -46,8 +46,8 @@ Handsontable.hooks = _pluginHooks.default.getSingleton();
 Handsontable.CellCoords = _src.CellCoords;
 Handsontable.CellRange = _src.CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "06/12/2022 16:04:06";
-Handsontable.version = "0.0.0-next-c3a3b3c-20221206";
+Handsontable.buildDate = "07/12/2022 08:50:44";
+Handsontable.version = "0.0.0-next-b266dab-20221207";
 Handsontable.languages = {
   dictionaryKeys: _registry.dictionaryKeys,
   getLanguageDictionary: _registry.getLanguageDictionary,

package/base.mjs

@@ -35,8 +35,8 @@ Handsontable.hooks = Hooks.getSingleton();
 Handsontable.CellCoords = CellCoords;
 Handsontable.CellRange = CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "06/12/2022 16:04:20";
-Handsontable.version = "0.0.0-next-c3a3b3c-20221206";
+Handsontable.buildDate = "07/12/2022 08:50:59";
+Handsontable.version = "0.0.0-next-b266dab-20221207";
 Handsontable.languages = {
   dictionaryKeys: dictionaryKeys,
   getLanguageDictionary: getLanguageDictionary,

package/core.js

@@ -527,7 +527,6 @@ function Core(rootElement, userSettings) {
             rowDelta = _datamap$createRow.delta,
             startRowPhysicalIndex = _datamap$createRow.startPhysicalIndex;
           if (rowDelta) {
-            metaManager.createRow(startRowPhysicalIndex, amount);
             var currentSelectedRange = selection.selectedRange.current();
             var currentFromRange = currentSelectedRange === null || currentSelectedRange === void 0 ? void 0 : currentSelectedRange.from;
             var currentFromRow = currentFromRange === null || currentFromRange === void 0 ? void 0 : currentFromRange.row;
@@ -583,7 +582,6 @@ function Core(rootElement, userSettings) {
             colDelta = _datamap$createCol.delta,
             startColumnPhysicalIndex = _datamap$createCol.startPhysicalIndex;
           if (colDelta) {
-            metaManager.createColumn(startColumnPhysicalIndex, amount);
             if (Array.isArray(tableMeta.colHeaders)) {
               var spliceArray = [instance.toVisualColumn(startColumnPhysicalIndex), 0];
               spliceArray.length += colDelta; // inserts empty (undefined) elements at the end of an array
@@ -646,7 +644,6 @@ function Core(rootElement, userSettings) {
               if (!wasRemoved) {
                 return;
               }
-              metaManager.removeRow(instance.toPhysicalRow(calcIndex), groupAmount);
               var totalRows = instance.countRows();
               var fixedRowsTop = tableMeta.fixedRowsTop;
               if (fixedRowsTop >= calcIndex + 1) {
@@ -692,7 +689,6 @@ function Core(rootElement, userSettings) {
               if (!wasRemoved) {
                 return;
               }
-              metaManager.removeColumn(physicalColumnIndex, groupAmount);
               var fixedColumnsStart = tableMeta.fixedColumnsStart;
               if (fixedColumnsStart >= calcIndex + 1) {
                 tableMeta.fixedColumnsStart -= Math.min(groupAmount, fixedColumnsStart - calcIndex);
@@ -1274,9 +1270,7 @@ function Core(rootElement, userSettings) {
               source: source
             }),
             numberOfCreatedRows = _datamap$createRow2.delta;
-          if (numberOfCreatedRows >= 1) {
-            metaManager.createRow(null, numberOfCreatedRows);
-          } else {
+          if (numberOfCreatedRows === 0) {
             skipThisChange = true;
             break;
           }
@@ -1288,9 +1282,7 @@ function Core(rootElement, userSettings) {
               source: source
             }),
             numberOfCreatedColumns = _datamap$createCol2.delta;
-          if (numberOfCreatedColumns >= 1) {
-            metaManager.createColumn(null, numberOfCreatedColumns);
-          } else {
+          if (numberOfCreatedColumns === 0) {
             skipThisChange = true;
             break;
           }
@@ -2115,6 +2107,7 @@ function Core(rootElement, userSettings) {
       dataSource: dataSource,
       internalSource: 'updateData',
       source: source,
+      metaManager: metaManager,
       firstRun: firstRun
     });
   };
@@ -2157,6 +2150,7 @@ function Core(rootElement, userSettings) {
       dataSource: dataSource,
       internalSource: 'loadData',
       source: source,
+      metaManager: metaManager,
       firstRun: firstRun
     });
   };

package/core.mjs

@@ -522,7 +522,6 @@ export default function Core(rootElement, userSettings) {
             rowDelta = _datamap$createRow.delta,
             startRowPhysicalIndex = _datamap$createRow.startPhysicalIndex;
           if (rowDelta) {
-            metaManager.createRow(startRowPhysicalIndex, amount);
             var currentSelectedRange = selection.selectedRange.current();
             var currentFromRange = currentSelectedRange === null || currentSelectedRange === void 0 ? void 0 : currentSelectedRange.from;
             var currentFromRow = currentFromRange === null || currentFromRange === void 0 ? void 0 : currentFromRange.row;
@@ -578,7 +577,6 @@ export default function Core(rootElement, userSettings) {
             colDelta = _datamap$createCol.delta,
             startColumnPhysicalIndex = _datamap$createCol.startPhysicalIndex;
           if (colDelta) {
-            metaManager.createColumn(startColumnPhysicalIndex, amount);
             if (Array.isArray(tableMeta.colHeaders)) {
               var spliceArray = [instance.toVisualColumn(startColumnPhysicalIndex), 0];
               spliceArray.length += colDelta; // inserts empty (undefined) elements at the end of an array
@@ -641,7 +639,6 @@ export default function Core(rootElement, userSettings) {
               if (!wasRemoved) {
                 return;
               }
-              metaManager.removeRow(instance.toPhysicalRow(calcIndex), groupAmount);
               var totalRows = instance.countRows();
               var fixedRowsTop = tableMeta.fixedRowsTop;
               if (fixedRowsTop >= calcIndex + 1) {
@@ -687,7 +684,6 @@ export default function Core(rootElement, userSettings) {
               if (!wasRemoved) {
                 return;
               }
-              metaManager.removeColumn(physicalColumnIndex, groupAmount);
               var fixedColumnsStart = tableMeta.fixedColumnsStart;
               if (fixedColumnsStart >= calcIndex + 1) {
                 tableMeta.fixedColumnsStart -= Math.min(groupAmount, fixedColumnsStart - calcIndex);
@@ -1269,9 +1265,7 @@ export default function Core(rootElement, userSettings) {
               source: source
             }),
             numberOfCreatedRows = _datamap$createRow2.delta;
-          if (numberOfCreatedRows >= 1) {
-            metaManager.createRow(null, numberOfCreatedRows);
-          } else {
+          if (numberOfCreatedRows === 0) {
             skipThisChange = true;
             break;
           }
@@ -1283,9 +1277,7 @@ export default function Core(rootElement, userSettings) {
               source: source
             }),
             numberOfCreatedColumns = _datamap$createCol2.delta;
-          if (numberOfCreatedColumns >= 1) {
-            metaManager.createColumn(null, numberOfCreatedColumns);
-          } else {
+          if (numberOfCreatedColumns === 0) {
             skipThisChange = true;
             break;
           }
@@ -2110,6 +2102,7 @@ export default function Core(rootElement, userSettings) {
       dataSource: dataSource,
       internalSource: 'updateData',
       source: source,
+      metaManager: metaManager,
       firstRun: firstRun
     });
   };
@@ -2152,6 +2145,7 @@ export default function Core(rootElement, userSettings) {
       dataSource: dataSource,
       internalSource: 'loadData',
       source: source,
+      metaManager: metaManager,
       firstRun: firstRun
     });
   };

package/dataMap/dataMap.js

@@ -18,8 +18,8 @@ require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.array.splice.js");
 require("core-js/modules/es.array.sort.js");
 require("core-js/modules/es.array.slice.js");
-require("core-js/modules/es.array.concat.js");
 require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.index-of.js");
 var _SheetClip = require("../3rdparty/SheetClip");
@@ -72,9 +72,9 @@ var DataMap = /*#__PURE__*/function () {
   /**
    * @param {object} instance Instance of Handsontable.
    * @param {Array} data Array of arrays or array of objects containing data.
-   * @param {TableMeta} tableMeta The table meta instance.
+   * @param {MetaManager} metaManager The meta manager instance.
    */
-  function DataMap(instance, data, tableMeta) {
+  function DataMap(instance, data, metaManager) {
     _classCallCheck(this, DataMap);
     /**
      * Instance of {@link Handsontable}.
@@ -83,13 +83,20 @@ var DataMap = /*#__PURE__*/function () {
      * @type {Handsontable}
      */
     this.instance = instance;
+    /**
+     * Instance of {@link MetaManager}.
+     *
+     * @private
+     * @type {MetaManager}
+     */
+    this.metaManager = metaManager;
     /**
      * Instance of {@link TableMeta}.
      *
      * @private
      * @type {TableMeta}
      */
-    this.tableMeta = tableMeta;
+    this.tableMeta = metaManager.getTableMeta();
     /**
      * Reference to the original dataset.
      *
@@ -324,7 +331,9 @@ var DataMap = /*#__PURE__*/function () {
       }
       var continueProcess = this.instance.runHooks('beforeCreateRow', rowIndex, amount, source);
       if (continueProcess === false || physicalRowIndex === null) {
-        return 0;
+        return {
+          delta: 0
+        };
       }
       var maxRows = this.tableMeta.maxRows;
       var columnCount = this.getSchema().length;
@@ -366,6 +375,15 @@ var DataMap = /*#__PURE__*/function () {
       if (this.instance.countSourceRows() === rowsToAdd.length) {
         this.instance.columnIndexMapper.initToLength(this.instance.getInitialColumnCount());
       }
+      if (numberOfCreatedRows > 0) {
+        if (index === void 0 || index === null) {
+          // Creates the meta rows at the end of the rows collection without shifting the cells
+          // that were defined out of the range of the dataset.
+          this.metaManager.createRow(null, numberOfCreatedRows);
+        } else if (source !== 'auto') {
+          this.metaManager.createRow(physicalRowIndex, amount);
+        }
+      }
       this.instance.runHooks('afterCreateRow', newVisualRowIndex, numberOfCreatedRows, source);
       this.instance.forceFullRender = true; // used when data was changed
 
@@ -407,7 +425,9 @@ var DataMap = /*#__PURE__*/function () {
       }
       var continueProcess = this.instance.runHooks('beforeCreateCol', columnIndex, amount, source);
       if (continueProcess === false) {
-        return 0;
+        return {
+          delta: 0
+        };
       }
       var physicalColumnIndex = countSourceCols;
       if (columnIndex < this.instance.countCols()) {
@@ -443,6 +463,15 @@ var DataMap = /*#__PURE__*/function () {
         nrOfColumns += 1;
       }
       this.instance.columnIndexMapper.insertIndexes(columnIndex, numberOfCreatedCols);
+      if (numberOfCreatedCols > 0) {
+        if (index === void 0 || index === null) {
+          // Creates the meta columns at the end of the columns collection without shifting the cells
+          // that were defined out of the range of the dataset.
+          this.metaManager.createColumn(null, numberOfCreatedCols);
+        } else if (source !== 'auto') {
+          this.metaManager.createColumn(startPhysicalIndex, amount);
+        }
+      }
       var newVisualColumnIndex = this.instance.toVisualColumn(startPhysicalIndex);
       this.instance.runHooks('afterCreateCol', newVisualColumnIndex, numberOfCreatedCols, source);
       this.instance.forceFullRender = true; // used when data was changed
@@ -467,6 +496,7 @@ var DataMap = /*#__PURE__*/function () {
   }, {
     key: "removeRow",
     value: function removeRow(index) {
+      var _this3 = this;
       var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
       var source = arguments.length > 2 ? arguments[2] : undefined;
       var rowIndex = Number.isInteger(index) ? index : -amount; // -amount = taking indexes from the end.
@@ -494,6 +524,12 @@ var DataMap = /*#__PURE__*/function () {
           this.instance.columnIndexMapper.setIndexesSequence([]);
         }
       }
+      var descendingPhysicalRows = removedPhysicalIndexes.slice(0).sort(function (a, b) {
+        return b - a;
+      });
+      descendingPhysicalRows.forEach(function (rowPhysicalIndex) {
+        _this3.metaManager.removeRow(rowPhysicalIndex, 1);
+      });
       this.instance.runHooks('afterRemoveRow', rowIndex, numberOfRemovedIndexes, removedPhysicalIndexes, source);
       this.instance.forceFullRender = true; // used when data was changed
 
@@ -520,46 +556,51 @@ var DataMap = /*#__PURE__*/function () {
       }
       var columnIndex = typeof index !== 'number' ? -amount : index;
       columnIndex = (this.instance.countCols() + columnIndex) % this.instance.countCols();
-      var logicColumns = this.visualColumnsToPhysical(columnIndex, amount);
-      var descendingLogicColumns = logicColumns.slice(0).sort(function (a, b) {
+      var removedPhysicalIndexes = this.visualColumnsToPhysical(columnIndex, amount);
+      var descendingPhysicalColumns = removedPhysicalIndexes.slice(0).sort(function (a, b) {
         return b - a;
       });
-      var actionWasNotCancelled = this.instance.runHooks('beforeRemoveCol', columnIndex, amount, logicColumns, source);
+      var actionWasNotCancelled = this.instance.runHooks('beforeRemoveCol', columnIndex, amount, removedPhysicalIndexes, source);
       if (actionWasNotCancelled === false) {
         return false;
       }
       var isTableUniform = true;
-      var removedColumnsCount = descendingLogicColumns.length;
+      var removedColumnsCount = descendingPhysicalColumns.length;
       var data = this.dataSource;
       for (var c = 0; c < removedColumnsCount; c++) {
-        if (isTableUniform && logicColumns[0] !== logicColumns[c] - c) {
+        if (isTableUniform && removedPhysicalIndexes[0] !== removedPhysicalIndexes[c] - c) {
           isTableUniform = false;
         }
       }
       if (isTableUniform) {
         for (var r = 0, rlen = this.instance.countSourceRows(); r < rlen; r++) {
-          data[r].splice(logicColumns[0], amount);
+          data[r].splice(removedPhysicalIndexes[0], amount);
+          if (r === 0) {
+            this.metaManager.removeColumn(removedPhysicalIndexes[0], amount);
+          }
         }
       } else {
         for (var _r = 0, _rlen = this.instance.countSourceRows(); _r < _rlen; _r++) {
           for (var _c = 0; _c < removedColumnsCount; _c++) {
-            data[_r].splice(descendingLogicColumns[_c], 1);
+            data[_r].splice(descendingPhysicalColumns[_c], 1);
+            if (_r === 0) {
+              this.metaManager.removeColumn(descendingPhysicalColumns[_c], 1);
+            }
           }
         }
       }
 
       // TODO: Function `removeCol` should validate fully, probably above.
       if (columnIndex < this.instance.countCols()) {
-        this.instance.columnIndexMapper.removeIndexes(logicColumns);
+        this.instance.columnIndexMapper.removeIndexes(removedPhysicalIndexes);
 
         // All columns have been removed. There shouldn't be any rows.
         if (this.instance.columnIndexMapper.getNotTrimmedIndexesLength() === 0) {
           this.instance.rowIndexMapper.setIndexesSequence([]);
         }
       }
-      this.instance.runHooks('afterRemoveCol', columnIndex, amount, logicColumns, source);
+      this.instance.runHooks('afterRemoveCol', columnIndex, amount, removedPhysicalIndexes, source);
       this.instance.forceFullRender = true; // used when data was changed
-
       this.refreshDuckSchema();
       return true;
     }
@@ -631,7 +672,7 @@ var DataMap = /*#__PURE__*/function () {
   }, {
     key: "spliceData",
     value: function spliceData(index, deleteCount, elements) {
-      var _this3 = this;
+      var _this4 = this;
       var continueSplicing = this.instance.runHooks('beforeDataSplice', index, deleteCount, elements);
       if (continueSplicing !== false) {
         var newData = [].concat(_toConsumableArray(this.dataSource.slice(0, index)), _toConsumableArray(elements), _toConsumableArray(this.dataSource.slice(index)));
@@ -642,7 +683,7 @@ var DataMap = /*#__PURE__*/function () {
         // Pushing to array instead of using `splice`, because Babel changes the code to one that uses the `apply` method.
         // The used method was cause of the problem described within #7840.
         newData.forEach(function (row) {
-          return _this3.dataSource.push(row);
+          return _this4.dataSource.push(row);
         });
       }
     }
@@ -968,7 +1009,7 @@ var DataMap = /*#__PURE__*/function () {
     key: "destroy",
     value: function destroy() {
       this.instance = null;
-      this.tableMeta = null;
+      this.metaManager = null;
       this.dataSource = null;
       this.duckSchema = null;
       this.colToPropCache.length = 0;

package/dataMap/dataMap.mjs

@@ -15,8 +15,8 @@ import "core-js/modules/es.number.constructor.js";
 import "core-js/modules/es.array.splice.js";
 import "core-js/modules/es.array.sort.js";
 import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.array.concat.js";
 import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.array.index-of.js";
 import "core-js/modules/es.symbol.js";
@@ -68,9 +68,9 @@ var DataMap = /*#__PURE__*/function () {
   /**
    * @param {object} instance Instance of Handsontable.
    * @param {Array} data Array of arrays or array of objects containing data.
-   * @param {TableMeta} tableMeta The table meta instance.
+   * @param {MetaManager} metaManager The meta manager instance.
    */
-  function DataMap(instance, data, tableMeta) {
+  function DataMap(instance, data, metaManager) {
     _classCallCheck(this, DataMap);
     /**
      * Instance of {@link Handsontable}.
@@ -79,13 +79,20 @@ var DataMap = /*#__PURE__*/function () {
      * @type {Handsontable}
      */
     this.instance = instance;
+    /**
+     * Instance of {@link MetaManager}.
+     *
+     * @private
+     * @type {MetaManager}
+     */
+    this.metaManager = metaManager;
     /**
      * Instance of {@link TableMeta}.
      *
      * @private
      * @type {TableMeta}
      */
-    this.tableMeta = tableMeta;
+    this.tableMeta = metaManager.getTableMeta();
     /**
      * Reference to the original dataset.
      *
@@ -320,7 +327,9 @@ var DataMap = /*#__PURE__*/function () {
       }
       var continueProcess = this.instance.runHooks('beforeCreateRow', rowIndex, amount, source);
       if (continueProcess === false || physicalRowIndex === null) {
-        return 0;
+        return {
+          delta: 0
+        };
       }
       var maxRows = this.tableMeta.maxRows;
       var columnCount = this.getSchema().length;
@@ -362,6 +371,15 @@ var DataMap = /*#__PURE__*/function () {
       if (this.instance.countSourceRows() === rowsToAdd.length) {
         this.instance.columnIndexMapper.initToLength(this.instance.getInitialColumnCount());
       }
+      if (numberOfCreatedRows > 0) {
+        if (index === void 0 || index === null) {
+          // Creates the meta rows at the end of the rows collection without shifting the cells
+          // that were defined out of the range of the dataset.
+          this.metaManager.createRow(null, numberOfCreatedRows);
+        } else if (source !== 'auto') {
+          this.metaManager.createRow(physicalRowIndex, amount);
+        }
+      }
       this.instance.runHooks('afterCreateRow', newVisualRowIndex, numberOfCreatedRows, source);
       this.instance.forceFullRender = true; // used when data was changed
 
@@ -403,7 +421,9 @@ var DataMap = /*#__PURE__*/function () {
       }
       var continueProcess = this.instance.runHooks('beforeCreateCol', columnIndex, amount, source);
       if (continueProcess === false) {
-        return 0;
+        return {
+          delta: 0
+        };
       }
       var physicalColumnIndex = countSourceCols;
       if (columnIndex < this.instance.countCols()) {
@@ -439,6 +459,15 @@ var DataMap = /*#__PURE__*/function () {
         nrOfColumns += 1;
       }
       this.instance.columnIndexMapper.insertIndexes(columnIndex, numberOfCreatedCols);
+      if (numberOfCreatedCols > 0) {
+        if (index === void 0 || index === null) {
+          // Creates the meta columns at the end of the columns collection without shifting the cells
+          // that were defined out of the range of the dataset.
+          this.metaManager.createColumn(null, numberOfCreatedCols);
+        } else if (source !== 'auto') {
+          this.metaManager.createColumn(startPhysicalIndex, amount);
+        }
+      }
       var newVisualColumnIndex = this.instance.toVisualColumn(startPhysicalIndex);
       this.instance.runHooks('afterCreateCol', newVisualColumnIndex, numberOfCreatedCols, source);
       this.instance.forceFullRender = true; // used when data was changed
@@ -463,6 +492,7 @@ var DataMap = /*#__PURE__*/function () {
   }, {
     key: "removeRow",
     value: function removeRow(index) {
+      var _this3 = this;
       var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
       var source = arguments.length > 2 ? arguments[2] : undefined;
       var rowIndex = Number.isInteger(index) ? index : -amount; // -amount = taking indexes from the end.
@@ -490,6 +520,12 @@ var DataMap = /*#__PURE__*/function () {
           this.instance.columnIndexMapper.setIndexesSequence([]);
         }
       }
+      var descendingPhysicalRows = removedPhysicalIndexes.slice(0).sort(function (a, b) {
+        return b - a;
+      });
+      descendingPhysicalRows.forEach(function (rowPhysicalIndex) {
+        _this3.metaManager.removeRow(rowPhysicalIndex, 1);
+      });
       this.instance.runHooks('afterRemoveRow', rowIndex, numberOfRemovedIndexes, removedPhysicalIndexes, source);
       this.instance.forceFullRender = true; // used when data was changed
 
@@ -516,46 +552,51 @@ var DataMap = /*#__PURE__*/function () {
       }
       var columnIndex = typeof index !== 'number' ? -amount : index;
       columnIndex = (this.instance.countCols() + columnIndex) % this.instance.countCols();
-      var logicColumns = this.visualColumnsToPhysical(columnIndex, amount);
-      var descendingLogicColumns = logicColumns.slice(0).sort(function (a, b) {
+      var removedPhysicalIndexes = this.visualColumnsToPhysical(columnIndex, amount);
+      var descendingPhysicalColumns = removedPhysicalIndexes.slice(0).sort(function (a, b) {
         return b - a;
       });
-      var actionWasNotCancelled = this.instance.runHooks('beforeRemoveCol', columnIndex, amount, logicColumns, source);
+      var actionWasNotCancelled = this.instance.runHooks('beforeRemoveCol', columnIndex, amount, removedPhysicalIndexes, source);
       if (actionWasNotCancelled === false) {
         return false;
       }
       var isTableUniform = true;
-      var removedColumnsCount = descendingLogicColumns.length;
+      var removedColumnsCount = descendingPhysicalColumns.length;
       var data = this.dataSource;
       for (var c = 0; c < removedColumnsCount; c++) {
-        if (isTableUniform && logicColumns[0] !== logicColumns[c] - c) {
+        if (isTableUniform && removedPhysicalIndexes[0] !== removedPhysicalIndexes[c] - c) {
           isTableUniform = false;
         }
       }
       if (isTableUniform) {
         for (var r = 0, rlen = this.instance.countSourceRows(); r < rlen; r++) {
-          data[r].splice(logicColumns[0], amount);
+          data[r].splice(removedPhysicalIndexes[0], amount);
+          if (r === 0) {
+            this.metaManager.removeColumn(removedPhysicalIndexes[0], amount);
+          }
         }
       } else {
         for (var _r = 0, _rlen = this.instance.countSourceRows(); _r < _rlen; _r++) {
           for (var _c = 0; _c < removedColumnsCount; _c++) {
-            data[_r].splice(descendingLogicColumns[_c], 1);
+            data[_r].splice(descendingPhysicalColumns[_c], 1);
+            if (_r === 0) {
+              this.metaManager.removeColumn(descendingPhysicalColumns[_c], 1);
+            }
           }
         }
       }
 
       // TODO: Function `removeCol` should validate fully, probably above.
       if (columnIndex < this.instance.countCols()) {
-        this.instance.columnIndexMapper.removeIndexes(logicColumns);
+        this.instance.columnIndexMapper.removeIndexes(removedPhysicalIndexes);
 
         // All columns have been removed. There shouldn't be any rows.
         if (this.instance.columnIndexMapper.getNotTrimmedIndexesLength() === 0) {
           this.instance.rowIndexMapper.setIndexesSequence([]);
         }
       }
-      this.instance.runHooks('afterRemoveCol', columnIndex, amount, logicColumns, source);
+      this.instance.runHooks('afterRemoveCol', columnIndex, amount, removedPhysicalIndexes, source);
       this.instance.forceFullRender = true; // used when data was changed
-
       this.refreshDuckSchema();
       return true;
     }
@@ -627,7 +668,7 @@ var DataMap = /*#__PURE__*/function () {
   }, {
     key: "spliceData",
     value: function spliceData(index, deleteCount, elements) {
-      var _this3 = this;
+      var _this4 = this;
       var continueSplicing = this.instance.runHooks('beforeDataSplice', index, deleteCount, elements);
       if (continueSplicing !== false) {
         var newData = [].concat(_toConsumableArray(this.dataSource.slice(0, index)), _toConsumableArray(elements), _toConsumableArray(this.dataSource.slice(index)));
@@ -638,7 +679,7 @@ var DataMap = /*#__PURE__*/function () {
         // Pushing to array instead of using `splice`, because Babel changes the code to one that uses the `apply` method.
         // The used method was cause of the problem described within #7840.
         newData.forEach(function (row) {
-          return _this3.dataSource.push(row);
+          return _this4.dataSource.push(row);
         });
       }
     }
@@ -964,7 +1005,7 @@ var DataMap = /*#__PURE__*/function () {
     key: "destroy",
     value: function destroy() {
       this.instance = null;
-      this.tableMeta = null;
+      this.metaManager = null;
       this.dataSource = null;
       this.duckSchema = null;
       this.colToPropCache.length = 0;

package/dataMap/replaceData.js

@@ -44,6 +44,7 @@ function replaceData(data, setDataMapFunction, callbackFunction, config) {
     dataSource = config.dataSource,
     internalSource = config.internalSource,
     source = config.source,
+    metaManager = config.metaManager,
     firstRun = config.firstRun;
   var capitalizedInternalSource = (0, _string.toUpperCaseFirst)(internalSource);
   var tableMeta = hotInstance.getSettings();
@@ -58,7 +59,7 @@ function replaceData(data, setDataMapFunction, callbackFunction, config) {
     dataMap.destroy();
   }
   data = hotInstance.runHooks("before".concat(capitalizedInternalSource), data, firstRun, source);
-  var newDataMap = new _dataMap.default(hotInstance, data, tableMeta);
+  var newDataMap = new _dataMap.default(hotInstance, data, metaManager);
 
   // We need to apply the new dataMap immediately, because of some asynchronous logic in the
   // `autoRowSize`/`autoColumnSize` plugins.

package/dataMap/replaceData.mjs

@@ -39,6 +39,7 @@ function replaceData(data, setDataMapFunction, callbackFunction, config) {
     dataSource = config.dataSource,
     internalSource = config.internalSource,
     source = config.source,
+    metaManager = config.metaManager,
     firstRun = config.firstRun;
   var capitalizedInternalSource = toUpperCaseFirst(internalSource);
   var tableMeta = hotInstance.getSettings();
@@ -53,7 +54,7 @@ function replaceData(data, setDataMapFunction, callbackFunction, config) {
     dataMap.destroy();
   }
   data = hotInstance.runHooks("before".concat(capitalizedInternalSource), data, firstRun, source);
-  var newDataMap = new DataMap(hotInstance, data, tableMeta);
+  var newDataMap = new DataMap(hotInstance, data, metaManager);
 
   // We need to apply the new dataMap immediately, because of some asynchronous logic in the
   // `autoRowSize`/`autoColumnSize` plugins.

package/dist/handsontable.css

@@ -25,8 +25,8 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  * 
- * Version: 0.0.0-next-c3a3b3c-20221206
- * Release date: 25/10/2022 (built at 06/12/2022 16:04:32)
+ * Version: 0.0.0-next-b266dab-20221207
+ * Release date: 25/10/2022 (built at 07/12/2022 08:51:11)
  */
 /**
  * Fix for bootstrap styles