handsontable 12.1.1 → 12.1.3

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

@@ -366,41 +366,53 @@ var Border = /*#__PURE__*/function () {
     value: function updateMultipleSelectionHandlesPosition(row, col, top, left, width, height) {
       var isRtl = this.wot.wtSettings.getSetting('rtlMode');
       var inlinePosProperty = isRtl ? 'right' : 'left';
-      var handleWidth = parseInt(this.selectionHandles.styles.top.width, 10);
-      var hitAreaWidth = parseInt(this.selectionHandles.styles.topHitArea.width, 10);
-      this.selectionHandles.styles.top.top = "".concat(parseInt(top - handleWidth - 1, 10), "px");
-      this.selectionHandles.styles.top[inlinePosProperty] = "".concat(parseInt(left - handleWidth - 1, 10), "px");
-      this.selectionHandles.styles.topHitArea.top = "".concat(parseInt(top - hitAreaWidth / 4 * 3, 10), "px");
-      this.selectionHandles.styles.topHitArea[inlinePosProperty] = "".concat(parseInt(left - hitAreaWidth / 4 * 3, 10), "px");
-      this.selectionHandles.styles.bottom.top = "".concat(parseInt(top + height, 10), "px");
-      this.selectionHandles.styles.bottom[inlinePosProperty] = "".concat(parseInt(left + width, 10), "px");
-      this.selectionHandles.styles.bottomHitArea.top = "".concat(parseInt(top + height - hitAreaWidth / 4, 10), "px");
-      this.selectionHandles.styles.bottomHitArea[inlinePosProperty] = "".concat(parseInt(left + width - hitAreaWidth / 4, 10), "px");
+      var _this$selectionHandle = this.selectionHandles.styles,
+          topStyles = _this$selectionHandle.top,
+          topHitAreaStyles = _this$selectionHandle.topHitArea,
+          bottomStyles = _this$selectionHandle.bottom,
+          bottomHitAreaStyles = _this$selectionHandle.bottomHitArea;
+      var handleBorderSize = parseInt(topStyles.borderWidth, 10);
+      var handleSize = parseInt(topStyles.width, 10);
+      var hitAreaSize = parseInt(topHitAreaStyles.width, 10);
+      var totalTableWidth = this.wot.wtTable.getWidth();
+      var totalTableHeight = this.wot.wtTable.getHeight();
+      topStyles.top = "".concat(parseInt(top - handleSize - 1, 10), "px");
+      topStyles[inlinePosProperty] = "".concat(parseInt(left - handleSize - 1, 10), "px");
+      topHitAreaStyles.top = "".concat(parseInt(top - hitAreaSize / 4 * 3, 10), "px");
+      topHitAreaStyles[inlinePosProperty] = "".concat(parseInt(left - hitAreaSize / 4 * 3, 10), "px");
+      var bottomHandlerInline = Math.min(parseInt(left + width, 10), totalTableWidth - handleSize - handleBorderSize * 2);
+      var bottomHandlerAreaInline = Math.min(parseInt(left + width - hitAreaSize / 4, 10), totalTableWidth - hitAreaSize - handleBorderSize * 2);
+      bottomStyles[inlinePosProperty] = "".concat(bottomHandlerInline, "px");
+      bottomHitAreaStyles[inlinePosProperty] = "".concat(bottomHandlerAreaInline, "px");
+      var bottomHandlerTop = Math.min(parseInt(top + height, 10), totalTableHeight - handleSize - handleBorderSize * 2);
+      var bottomHandlerAreaTop = Math.min(parseInt(top + height - hitAreaSize / 4, 10), totalTableHeight - hitAreaSize - handleBorderSize * 2);
+      bottomStyles.top = "".concat(bottomHandlerTop, "px");
+      bottomHitAreaStyles.top = "".concat(bottomHandlerAreaTop, "px");
 
       if (this.settings.border.cornerVisible && this.settings.border.cornerVisible()) {
-        this.selectionHandles.styles.top.display = 'block';
-        this.selectionHandles.styles.topHitArea.display = 'block';
+        topStyles.display = 'block';
+        topHitAreaStyles.display = 'block';
 
         if (this.isPartRange(row, col)) {
-          this.selectionHandles.styles.bottom.display = 'none';
-          this.selectionHandles.styles.bottomHitArea.display = 'none';
+          bottomStyles.display = 'none';
+          bottomHitAreaStyles.display = 'none';
         } else {
-          this.selectionHandles.styles.bottom.display = 'block';
-          this.selectionHandles.styles.bottomHitArea.display = 'block';
+          bottomStyles.display = 'block';
+          bottomHitAreaStyles.display = 'block';
         }
       } else {
-        this.selectionHandles.styles.top.display = 'none';
-        this.selectionHandles.styles.bottom.display = 'none';
-        this.selectionHandles.styles.topHitArea.display = 'none';
-        this.selectionHandles.styles.bottomHitArea.display = 'none';
+        topStyles.display = 'none';
+        bottomStyles.display = 'none';
+        topHitAreaStyles.display = 'none';
+        bottomHitAreaStyles.display = 'none';
       }
 
       if (row === this.wot.wtSettings.getSetting('fixedRowsTop') || col === this.wot.wtSettings.getSetting('fixedColumnsStart')) {
-        this.selectionHandles.styles.top.zIndex = '9999';
-        this.selectionHandles.styles.topHitArea.zIndex = '9999';
+        topStyles.zIndex = '9999';
+        topHitAreaStyles.zIndex = '9999';
       } else {
-        this.selectionHandles.styles.top.zIndex = '';
-        this.selectionHandles.styles.topHitArea.zIndex = '';
+        topStyles.zIndex = '';
+        topHitAreaStyles.zIndex = '';
       }
     }
     /**
@@ -594,6 +606,9 @@ var Border = /*#__PURE__*/function () {
           trimmingContainer = rootDocument.documentElement;
         }
 
+        var cornerHalfWidth = parseInt(this.cornerDefaultStyle.width, 10) / 2;
+        var cornerHalfHeight = parseInt(this.cornerDefaultStyle.height, 10) / 2;
+
         if (toColumn === this.wot.getSetting('totalColumns') - 1) {
           var toTdOffsetLeft = trimToWindow ? toTD.getBoundingClientRect().left : toTD.offsetLeft;
           var cornerOverlappingContainer = false;
@@ -608,8 +623,7 @@ var Border = /*#__PURE__*/function () {
           }
 
           if (cornerOverlappingContainer) {
-            this.cornerStyle[inlinePosProperty] = "".concat(Math.floor(inlineStartPos + width + this.cornerCenterPointOffset - parseInt(this.cornerDefaultStyle.width, 10) / 2), "px"); // eslint-disable-line max-len
-
+            this.cornerStyle[inlinePosProperty] = "".concat(Math.floor(inlineStartPos + width + this.cornerCenterPointOffset - cornerHalfWidth), "px");
             this.cornerStyle[isRtl ? 'borderLeftWidth' : 'borderRightWidth'] = 0;
           }
         }
@@ -621,8 +635,7 @@ var Border = /*#__PURE__*/function () {
           var _cornerOverlappingContainer = cornerBottomEdge >= (0, _element.innerHeight)(trimmingContainer);
 
           if (_cornerOverlappingContainer) {
-            this.cornerStyle.top = "".concat(Math.floor(top + height + this.cornerCenterPointOffset - parseInt(this.cornerDefaultStyle.height, 10) / 2), "px"); // eslint-disable-line max-len
-
+            this.cornerStyle.top = "".concat(Math.floor(top + height + this.cornerCenterPointOffset - cornerHalfHeight), "px");
             this.cornerStyle.borderBottomWidth = 0;
           }
         }
@@ -825,7 +838,9 @@ var Border = /*#__PURE__*/function () {
 
       if ((0, _browser.isMobileBrowser)()) {
         this.selectionHandles.styles.top.display = 'none';
+        this.selectionHandles.styles.topHitArea.display = 'none';
         this.selectionHandles.styles.bottom.display = 'none';
+        this.selectionHandles.styles.bottomHitArea.display = 'none';
       }
     }
     /**

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

@@ -347,41 +347,53 @@ var Border = /*#__PURE__*/function () {
     value: function updateMultipleSelectionHandlesPosition(row, col, top, left, width, height) {
       var isRtl = this.wot.wtSettings.getSetting('rtlMode');
       var inlinePosProperty = isRtl ? 'right' : 'left';
-      var handleWidth = parseInt(this.selectionHandles.styles.top.width, 10);
-      var hitAreaWidth = parseInt(this.selectionHandles.styles.topHitArea.width, 10);
-      this.selectionHandles.styles.top.top = "".concat(parseInt(top - handleWidth - 1, 10), "px");
-      this.selectionHandles.styles.top[inlinePosProperty] = "".concat(parseInt(left - handleWidth - 1, 10), "px");
-      this.selectionHandles.styles.topHitArea.top = "".concat(parseInt(top - hitAreaWidth / 4 * 3, 10), "px");
-      this.selectionHandles.styles.topHitArea[inlinePosProperty] = "".concat(parseInt(left - hitAreaWidth / 4 * 3, 10), "px");
-      this.selectionHandles.styles.bottom.top = "".concat(parseInt(top + height, 10), "px");
-      this.selectionHandles.styles.bottom[inlinePosProperty] = "".concat(parseInt(left + width, 10), "px");
-      this.selectionHandles.styles.bottomHitArea.top = "".concat(parseInt(top + height - hitAreaWidth / 4, 10), "px");
-      this.selectionHandles.styles.bottomHitArea[inlinePosProperty] = "".concat(parseInt(left + width - hitAreaWidth / 4, 10), "px");
+      var _this$selectionHandle = this.selectionHandles.styles,
+          topStyles = _this$selectionHandle.top,
+          topHitAreaStyles = _this$selectionHandle.topHitArea,
+          bottomStyles = _this$selectionHandle.bottom,
+          bottomHitAreaStyles = _this$selectionHandle.bottomHitArea;
+      var handleBorderSize = parseInt(topStyles.borderWidth, 10);
+      var handleSize = parseInt(topStyles.width, 10);
+      var hitAreaSize = parseInt(topHitAreaStyles.width, 10);
+      var totalTableWidth = this.wot.wtTable.getWidth();
+      var totalTableHeight = this.wot.wtTable.getHeight();
+      topStyles.top = "".concat(parseInt(top - handleSize - 1, 10), "px");
+      topStyles[inlinePosProperty] = "".concat(parseInt(left - handleSize - 1, 10), "px");
+      topHitAreaStyles.top = "".concat(parseInt(top - hitAreaSize / 4 * 3, 10), "px");
+      topHitAreaStyles[inlinePosProperty] = "".concat(parseInt(left - hitAreaSize / 4 * 3, 10), "px");
+      var bottomHandlerInline = Math.min(parseInt(left + width, 10), totalTableWidth - handleSize - handleBorderSize * 2);
+      var bottomHandlerAreaInline = Math.min(parseInt(left + width - hitAreaSize / 4, 10), totalTableWidth - hitAreaSize - handleBorderSize * 2);
+      bottomStyles[inlinePosProperty] = "".concat(bottomHandlerInline, "px");
+      bottomHitAreaStyles[inlinePosProperty] = "".concat(bottomHandlerAreaInline, "px");
+      var bottomHandlerTop = Math.min(parseInt(top + height, 10), totalTableHeight - handleSize - handleBorderSize * 2);
+      var bottomHandlerAreaTop = Math.min(parseInt(top + height - hitAreaSize / 4, 10), totalTableHeight - hitAreaSize - handleBorderSize * 2);
+      bottomStyles.top = "".concat(bottomHandlerTop, "px");
+      bottomHitAreaStyles.top = "".concat(bottomHandlerAreaTop, "px");
 
       if (this.settings.border.cornerVisible && this.settings.border.cornerVisible()) {
-        this.selectionHandles.styles.top.display = 'block';
-        this.selectionHandles.styles.topHitArea.display = 'block';
+        topStyles.display = 'block';
+        topHitAreaStyles.display = 'block';
 
         if (this.isPartRange(row, col)) {
-          this.selectionHandles.styles.bottom.display = 'none';
-          this.selectionHandles.styles.bottomHitArea.display = 'none';
+          bottomStyles.display = 'none';
+          bottomHitAreaStyles.display = 'none';
         } else {
-          this.selectionHandles.styles.bottom.display = 'block';
-          this.selectionHandles.styles.bottomHitArea.display = 'block';
+          bottomStyles.display = 'block';
+          bottomHitAreaStyles.display = 'block';
         }
       } else {
-        this.selectionHandles.styles.top.display = 'none';
-        this.selectionHandles.styles.bottom.display = 'none';
-        this.selectionHandles.styles.topHitArea.display = 'none';
-        this.selectionHandles.styles.bottomHitArea.display = 'none';
+        topStyles.display = 'none';
+        bottomStyles.display = 'none';
+        topHitAreaStyles.display = 'none';
+        bottomHitAreaStyles.display = 'none';
       }
 
       if (row === this.wot.wtSettings.getSetting('fixedRowsTop') || col === this.wot.wtSettings.getSetting('fixedColumnsStart')) {
-        this.selectionHandles.styles.top.zIndex = '9999';
-        this.selectionHandles.styles.topHitArea.zIndex = '9999';
+        topStyles.zIndex = '9999';
+        topHitAreaStyles.zIndex = '9999';
       } else {
-        this.selectionHandles.styles.top.zIndex = '';
-        this.selectionHandles.styles.topHitArea.zIndex = '';
+        topStyles.zIndex = '';
+        topHitAreaStyles.zIndex = '';
       }
     }
     /**
@@ -575,6 +587,9 @@ var Border = /*#__PURE__*/function () {
           trimmingContainer = rootDocument.documentElement;
         }
 
+        var cornerHalfWidth = parseInt(this.cornerDefaultStyle.width, 10) / 2;
+        var cornerHalfHeight = parseInt(this.cornerDefaultStyle.height, 10) / 2;
+
         if (toColumn === this.wot.getSetting('totalColumns') - 1) {
           var toTdOffsetLeft = trimToWindow ? toTD.getBoundingClientRect().left : toTD.offsetLeft;
           var cornerOverlappingContainer = false;
@@ -589,8 +604,7 @@ var Border = /*#__PURE__*/function () {
           }
 
           if (cornerOverlappingContainer) {
-            this.cornerStyle[inlinePosProperty] = "".concat(Math.floor(inlineStartPos + width + this.cornerCenterPointOffset - parseInt(this.cornerDefaultStyle.width, 10) / 2), "px"); // eslint-disable-line max-len
-
+            this.cornerStyle[inlinePosProperty] = "".concat(Math.floor(inlineStartPos + width + this.cornerCenterPointOffset - cornerHalfWidth), "px");
             this.cornerStyle[isRtl ? 'borderLeftWidth' : 'borderRightWidth'] = 0;
           }
         }
@@ -602,8 +616,7 @@ var Border = /*#__PURE__*/function () {
           var _cornerOverlappingContainer = cornerBottomEdge >= innerHeight(trimmingContainer);
 
           if (_cornerOverlappingContainer) {
-            this.cornerStyle.top = "".concat(Math.floor(top + height + this.cornerCenterPointOffset - parseInt(this.cornerDefaultStyle.height, 10) / 2), "px"); // eslint-disable-line max-len
-
+            this.cornerStyle.top = "".concat(Math.floor(top + height + this.cornerCenterPointOffset - cornerHalfHeight), "px");
             this.cornerStyle.borderBottomWidth = 0;
           }
         }
@@ -806,7 +819,9 @@ var Border = /*#__PURE__*/function () {
 
       if (isMobileBrowser()) {
         this.selectionHandles.styles.top.display = 'none';
+        this.selectionHandles.styles.topHitArea.display = 'none';
         this.selectionHandles.styles.bottom.display = 'none';
+        this.selectionHandles.styles.bottomHitArea.display = 'none';
       }
     }
     /**

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

@@ -453,8 +453,10 @@ var Table = /*#__PURE__*/function () {
         }
       }
 
+      var positionChanged = false;
+
       if (this.isMaster) {
-        var positionChanged = wtOverlays.topOverlay.resetFixedPosition();
+        positionChanged = wtOverlays.topOverlay.resetFixedPosition();
 
         if (wtOverlays.bottomOverlay.clone) {
           positionChanged = wtOverlays.bottomOverlay.resetFixedPosition() || positionChanged;
@@ -469,17 +471,18 @@ var Table = /*#__PURE__*/function () {
         if (wtOverlays.bottomInlineStartCornerOverlay && wtOverlays.bottomInlineStartCornerOverlay.clone) {
           wtOverlays.bottomInlineStartCornerOverlay.resetFixedPosition();
         }
-
-        if (positionChanged) {
-          // It refreshes the cells borders caused by a 1px shift (introduced by overlays which add or
-          // remove `innerBorderTop` and `innerBorderInlineStart` CSS classes to the DOM element. This happens
-          // when there is a switch between rendering from 0 to N rows/columns and vice versa).
-          wtOverlays.refreshAll();
-          wtOverlays.adjustElementsSize();
-        }
       }
 
-      this.refreshSelections(runFastDraw);
+      if (positionChanged) {
+        // It refreshes the cells borders caused by a 1px shift (introduced by overlays which add or
+        // remove `innerBorderTop` and `innerBorderInlineStart` CSS classes to the DOM element. This happens
+        // when there is a switch between rendering from 0 to N rows/columns and vice versa).
+        wtOverlays.refreshAll(); // `refreshAll()` internally already calls `refreshSelections()` method
+
+        wtOverlays.adjustElementsSize();
+      } else {
+        this.refreshSelections(runFastDraw);
+      }
 
       if (syncScroll) {
         wtOverlays.syncScrollWithMaster();

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

@@ -427,8 +427,10 @@ var Table = /*#__PURE__*/function () {
         }
       }
 
+      var positionChanged = false;
+
       if (this.isMaster) {
-        var positionChanged = wtOverlays.topOverlay.resetFixedPosition();
+        positionChanged = wtOverlays.topOverlay.resetFixedPosition();
 
         if (wtOverlays.bottomOverlay.clone) {
           positionChanged = wtOverlays.bottomOverlay.resetFixedPosition() || positionChanged;
@@ -443,17 +445,18 @@ var Table = /*#__PURE__*/function () {
         if (wtOverlays.bottomInlineStartCornerOverlay && wtOverlays.bottomInlineStartCornerOverlay.clone) {
           wtOverlays.bottomInlineStartCornerOverlay.resetFixedPosition();
         }
-
-        if (positionChanged) {
-          // It refreshes the cells borders caused by a 1px shift (introduced by overlays which add or
-          // remove `innerBorderTop` and `innerBorderInlineStart` CSS classes to the DOM element. This happens
-          // when there is a switch between rendering from 0 to N rows/columns and vice versa).
-          wtOverlays.refreshAll();
-          wtOverlays.adjustElementsSize();
-        }
       }
 
-      this.refreshSelections(runFastDraw);
+      if (positionChanged) {
+        // It refreshes the cells borders caused by a 1px shift (introduced by overlays which add or
+        // remove `innerBorderTop` and `innerBorderInlineStart` CSS classes to the DOM element. This happens
+        // when there is a switch between rendering from 0 to N rows/columns and vice versa).
+        wtOverlays.refreshAll(); // `refreshAll()` internally already calls `refreshSelections()` method
+
+        wtOverlays.adjustElementsSize();
+      } else {
+        this.refreshSelections(runFastDraw);
+      }
 
       if (syncScroll) {
         wtOverlays.syncScrollWithMaster();

package/CHANGELOG.md

@@ -8,6 +8,37 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 <!-- UNVERSIONED -->
 
+## [12.1.3] - 2022-09-22
+
+For more information on this release, see:
+- [Release notes](https://handsontable.com/docs/release-notes/#_12-1-3)
+- [Blog post](https://handsontable.com/blog/)
+
+### Fixed
+- Fixed incorrect date format conversion on input in the date editor. [#9681](https://github.com/handsontable/handsontable/issues/9681)
+- Fixed an error when adding a large number of rows using the `alter` method. [#7840](https://github.com/handsontable/handsontable/issues/7840)
+- Fixed IME text input in the editors. [#9586](https://github.com/handsontable/handsontable/issues/9586)
+- Fixed an issue where the editor did not open on key events when the cell was outside the viewport. [#9022](https://github.com/handsontable/handsontable/issues/9022)
+- Fixed an issue with "0" values being ignored by the Column Summary plugin. [#6385](https://github.com/handsontable/handsontable/issues/6385)
+- Fixed an error when opening the column dropdown menu with the Filters plugin enabled. [#9561](https://github.com/handsontable/handsontable/issues/9561)
+- Fixed an issue where the `trimWhitespace` option could not be used in the column and cell levels of the cascading configuration. [#7387](https://github.com/handsontable/handsontable/issues/7387)
+- Fixed the flickering of the selection area at the edge of the table while scrolling. [#8317](https://github.com/handsontable/handsontable/issues/8317)
+- Fixed misalignment on mobile devices when the edge cells were selected. [#9621](https://github.com/handsontable/handsontable/issues/9621)
+- Fixed type definitions for the method `setSourceDataAtCell`. [#8599](https://github.com/handsontable/handsontable/issues/8599)
+
+### Removed
+- Removed a custom stable sorting implementation in favor of the built-in sorting algorithm [#6091](https://github.com/handsontable/handsontable/issues/6091)
+- Removed type definitions for non-existing methods `rowOffset` and `colOffset` and a non-existing hook `modifyRowSourceData`. [#8659](https://github.com/handsontable/handsontable/issues/8659), [#7317](https://github.com/handsontable/handsontable/issues/7317)
+
+## [12.1.2] - 2022-07-08
+
+For more information on this release, see:
+- [Release notes](https://handsontable.com/docs/release-notes/#_12-1-2)
+
+### Changed
+- Changed the version of the Moment.js dependency from 2.29.3 to 2.29.4, in reaction to a recently-found Moment.js security vulnerability. The vulnerability did not affect a correct configuration of Handsontable. [#9638](https://github.com/handsontable/handsontable/issues/9638)
+- *Vue:* Freezed the version of the Vue framework that is used in our build chain to ~2.6. This shouldn't affect apps that use Vue 2.7+. [#9624](https://github.com/handsontable/handsontable/issues/9624)
+
 ## [12.1.1] - 2022-07-05
 
 For more information on this release, see:

package/base.js

@@ -52,8 +52,8 @@ Handsontable.Core = function (rootElement) {
 Handsontable.DefaultSettings = (0, _dataMap.metaSchemaFactory)();
 Handsontable.hooks = _pluginHooks.default.getSingleton();
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "05/07/2022 15:06:36";
-Handsontable.version = "12.1.1";
+Handsontable.buildDate = "22/09/2022 09:54:31";
+Handsontable.version = "12.1.3";
 Handsontable.languages = {
   dictionaryKeys: _registry.dictionaryKeys,
   getLanguageDictionary: _registry.getLanguageDictionary,

package/base.mjs

@@ -37,8 +37,8 @@ Handsontable.Core = function (rootElement) {
 Handsontable.DefaultSettings = metaSchemaFactory();
 Handsontable.hooks = Hooks.getSingleton();
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "05/07/2022 15:06:41";
-Handsontable.version = "12.1.1";
+Handsontable.buildDate = "22/09/2022 09:54:36";
+Handsontable.version = "12.1.3";
 Handsontable.languages = {
   dictionaryKeys: dictionaryKeys,
   getLanguageDictionary: getLanguageDictionary,

package/core.d.ts

@@ -27,7 +27,6 @@ export default class Core {
   batchRender<R>(wrappedOperations: () => R): R;
   clear(): void;
   clearUndo(): void;
-  colOffset(): number;
   colToProp(col: number): string | number;
   columnIndexMapper: IndexMapper;
   constructor(element: Element, options: GridSettings);
@@ -125,7 +124,6 @@ export default class Core {
   rootElement: HTMLElement;
   rootWindow: Window;
   rowIndexMapper: IndexMapper;
-  rowOffset(): number;
   runHooks(key: keyof Events, p1?: any, p2?: any, p3?: any, p4?: any, p5?: any, p6?: any): any;
   scrollViewportTo(row?: number, column?: number, snapToBottom?: boolean, snapToRight?: boolean, considerHiddenIndexes?: boolean): boolean;
   selectAll(): void;
@@ -141,7 +139,7 @@ export default class Core {
   setDataAtCell(row: number, col: number, value: CellValue, source?: string): void;
   setDataAtRowProp(changes: Array<[number, string | number, CellValue]>, source?: string): void;
   setDataAtRowProp(row: number, prop: string, value: CellValue, source?: string): void;
-  setSourceDataAtCell(changes: Array<[number, string | number, CellValue]>): void;
+  setSourceDataAtCell(changes: Array<[number, string | number, CellValue]>, source?: string): void;
   setSourceDataAtCell(row: number, column: number | string, value: CellValue, source?: string): void;
   spliceCol(col: number, index: number, amount: number, ...elements: CellValue[]): void;
   spliceRow(row: number, index: number, amount: number, ...elements: CellValue[]): void;

package/core.js

@@ -1731,9 +1731,11 @@ function Core(rootElement, userSettings) {
     instance._refreshBorders(revertOriginal, prepareEditorIfNeeded);
   };
   /**
-   * Populate cells at position with 2D input array (e.g. `[[1, 2], [3, 4]]`). Use `endRow`, `endCol` when you
+   * Populates cells at position with 2D input array (e.g. `[[1, 2], [3, 4]]`). Use `endRow`, `endCol` when you
    * want to cut input when a certain row is reached.
    *
+   * The `populateFromArray()` method can't change [`readOnly`](@/api/options.md#readonly) cells.
+   *
    * Optional `method` argument has the same effect as pasteMode option (see {@link Options#pasteMode}).
    *
    * @memberof Core#
@@ -1949,6 +1951,9 @@ function Core(rootElement, userSettings) {
    * The method is intended to be used by advanced users. Suspending the rendering
    * process could cause visual glitches when wrongly implemented.
    *
+   * Every [`suspendRender()`](@/api/core.md#suspendrender) call needs to correspond with one [`resumeRender()`](@/api/core.md#resumerender) call.
+   * For example, if you call [`suspendRender()`](@/api/core.md#suspendrender) 5 times, you need to call [`resumeRender()`](@/api/core.md#resumerender) 5 times as well.
+   *
    * @memberof Core#
    * @function suspendRender
    * @since 8.3.0
@@ -1981,6 +1986,9 @@ function Core(rootElement, userSettings) {
    * The method is intended to be used by advanced users. Suspending the rendering
    * process could cause visual glitches when wrongly implemented.
    *
+   * Every [`suspendRender()`](@/api/core.md#suspendrender) call needs to correspond with one [`resumeRender()`](@/api/core.md#resumerender) call.
+   * For example, if you call [`suspendRender()`](@/api/core.md#suspendrender) 5 times, you need to call [`resumeRender()`](@/api/core.md#resumerender) 5 times as well.
+   *
    * @memberof Core#
    * @function resumeRender
    * @since 8.3.0

package/core.mjs

@@ -1671,9 +1671,11 @@ export default function Core(rootElement, userSettings) {
     instance._refreshBorders(revertOriginal, prepareEditorIfNeeded);
   };
   /**
-   * Populate cells at position with 2D input array (e.g. `[[1, 2], [3, 4]]`). Use `endRow`, `endCol` when you
+   * Populates cells at position with 2D input array (e.g. `[[1, 2], [3, 4]]`). Use `endRow`, `endCol` when you
    * want to cut input when a certain row is reached.
    *
+   * The `populateFromArray()` method can't change [`readOnly`](@/api/options.md#readonly) cells.
+   *
    * Optional `method` argument has the same effect as pasteMode option (see {@link Options#pasteMode}).
    *
    * @memberof Core#
@@ -1889,6 +1891,9 @@ export default function Core(rootElement, userSettings) {
    * The method is intended to be used by advanced users. Suspending the rendering
    * process could cause visual glitches when wrongly implemented.
    *
+   * Every [`suspendRender()`](@/api/core.md#suspendrender) call needs to correspond with one [`resumeRender()`](@/api/core.md#resumerender) call.
+   * For example, if you call [`suspendRender()`](@/api/core.md#suspendrender) 5 times, you need to call [`resumeRender()`](@/api/core.md#resumerender) 5 times as well.
+   *
    * @memberof Core#
    * @function suspendRender
    * @since 8.3.0
@@ -1921,6 +1926,9 @@ export default function Core(rootElement, userSettings) {
    * The method is intended to be used by advanced users. Suspending the rendering
    * process could cause visual glitches when wrongly implemented.
    *
+   * Every [`suspendRender()`](@/api/core.md#suspendrender) call needs to correspond with one [`resumeRender()`](@/api/core.md#resumerender) call.
+   * For example, if you call [`suspendRender()`](@/api/core.md#suspendrender) 5 times, you need to call [`resumeRender()`](@/api/core.md#resumerender) 5 times as well.
+   *
    * @memberof Core#
    * @function resumeRender
    * @since 8.3.0

package/dataMap/dataMap.js

@@ -6,6 +6,12 @@ require("core-js/modules/es.symbol.description.js");
 
 require("core-js/modules/es.symbol.iterator.js");
 
+require("core-js/modules/es.array.from.js");
+
+require("core-js/modules/es.function.name.js");
+
+require("core-js/modules/es.regexp.exec.js");
+
 exports.__esModule = true;
 exports.default = void 0;
 
@@ -23,21 +29,19 @@ require("core-js/modules/es.number.is-integer.js");
 
 require("core-js/modules/es.number.constructor.js");
 
-require("core-js/modules/es.array.concat.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.filter.js");
+require("core-js/modules/es.array.concat.js");
 
-require("core-js/modules/es.array.index-of.js");
+require("core-js/modules/web.dom-collections.for-each.js");
 
-require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.array.filter.js");
 
-require("core-js/modules/es.string.split.js");
+require("core-js/modules/es.array.index-of.js");
 
 var _SheetClip = require("../3rdparty/SheetClip");
 
@@ -51,6 +55,18 @@ var _number = require("../helpers/number");
 
 var _mixed = require("../helpers/mixed");
 
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -394,7 +410,7 @@ var DataMap = /*#__PURE__*/function () {
       }
 
       this.instance.rowIndexMapper.insertIndexes(rowIndex, numberOfCreatedRows);
-      this.spliceData.apply(this, [physicalRowIndex, 0].concat(rowsToAdd));
+      this.spliceData(physicalRowIndex, 0, rowsToAdd);
       this.instance.runHooks('afterCreateRow', rowIndex, numberOfCreatedRows, source);
       this.instance.forceFullRender = true; // used when data was changed
 
@@ -661,23 +677,26 @@ var DataMap = /*#__PURE__*/function () {
      * Add/remove row(s) to/from the data source.
      *
      * @param {number} index Physical index of the element to add/remove.
-     * @param {number} amount Number of rows to add/remove.
-     * @param {...object} elements Row elements to be added.
+     * @param {number} deleteCount Number of rows to remove.
+     * @param {Array<object>} elements Row elements to be added.
      */
 
   }, {
     key: "spliceData",
-    value: function spliceData(index, amount) {
-      for (var _len3 = arguments.length, elements = new Array(_len3 > 2 ? _len3 - 2 : 0), _key3 = 2; _key3 < _len3; _key3++) {
-        elements[_key3 - 2] = arguments[_key3];
-      }
+    value: function spliceData(index, deleteCount, elements) {
+      var _this3 = this;
 
-      var continueSplicing = this.instance.runHooks('beforeDataSplice', index, amount, elements);
+      var continueSplicing = this.instance.runHooks('beforeDataSplice', index, deleteCount, elements);
 
       if (continueSplicing !== false) {
-        var _this$dataSource;
+        var newData = [].concat(_toConsumableArray(this.dataSource.slice(0, index)), _toConsumableArray(elements), _toConsumableArray(this.dataSource.slice(index))); // We try not to change the reference.
 
-        (_this$dataSource = this.dataSource).splice.apply(_this$dataSource, [index, amount].concat(elements));
+        this.dataSource.length = 0; // 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);
+        });
       }
     }
     /**