handsontable 11.0.0 → 12.0.0

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

@@ -2,11 +2,10 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-import { getScrollbarWidth, getStyle, offset, outerHeight, outerWidth } from "./../../../helpers/dom/element.mjs";
-import { objectEach } from "./../../../helpers/object.mjs";
-import EventManager from "./../../../eventManager.mjs";
+import { getScrollbarWidth, getStyle, offset, outerHeight, outerWidth } from "../../../helpers/dom/element.mjs";
+import { objectEach } from "../../../helpers/object.mjs";
 import { RENDER_TYPE, FULLY_VISIBLE_TYPE, ViewportColumnsCalculator, ViewportRowsCalculator } from "./calculator/index.mjs";
 /**
  * @class Viewport
@@ -14,16 +13,24 @@ import { RENDER_TYPE, FULLY_VISIBLE_TYPE, ViewportColumnsCalculator, ViewportRow
 
 var Viewport = /*#__PURE__*/function () {
   /**
-   * @param {Walkontable} wotInstance The Walkontable instance.
+   * @param {ViewportDao} dataAccessObject The Walkontable instance.
+   * @param {DomBindings} domBindings Bindings into DOM.
+   * @param {Settings} wtSettings The Walkontable settings.
+   * @param {EventManager} eventManager The instance event manager.
+   * @param {Table} wtTable The table.
    */
-  function Viewport(wotInstance) {
+  function Viewport(dataAccessObject, domBindings, wtSettings, eventManager, wtTable) {
     var _this = this;
 
     _classCallCheck(this, Viewport);
 
-    this.wot = wotInstance; // legacy support
+    this.dataAccessObject = dataAccessObject; // legacy support
 
+    this.wot = dataAccessObject.wot;
     this.instance = this.wot;
+    this.domBindings = domBindings;
+    this.wtSettings = wtSettings;
+    this.wtTable = wtTable;
     this.oversizedRows = [];
     this.oversizedColumnHeaders = [];
     this.hasOversizedColumnHeadersMarked = {};
@@ -32,8 +39,8 @@ var Viewport = /*#__PURE__*/function () {
     this.rowHeaderWidth = NaN;
     this.rowsVisibleCalculator = null;
     this.columnsVisibleCalculator = null;
-    this.eventManager = new EventManager(this.wot);
-    this.eventManager.addEventListener(this.wot.rootWindow, 'resize', function () {
+    this.eventManager = eventManager;
+    this.eventManager.addEventListener(this.domBindings.rootWindow, 'resize', function () {
       _this.clientHeight = _this.getWorkspaceHeight();
     });
   }
@@ -45,11 +52,11 @@ var Viewport = /*#__PURE__*/function () {
   _createClass(Viewport, [{
     key: "getWorkspaceHeight",
     value: function getWorkspaceHeight() {
-      var currentDocument = this.wot.rootDocument;
-      var trimmingContainer = this.instance.wtOverlays.topOverlay.trimmingContainer;
+      var currentDocument = this.domBindings.rootDocument;
+      var trimmingContainer = this.dataAccessObject.topOverlayTrimmingContainer;
       var height = 0;
 
-      if (trimmingContainer === this.wot.rootWindow) {
+      if (trimmingContainer === this.domBindings.rootWindow) {
         height = currentDocument.documentElement.clientHeight;
       } else {
         var elemHeight = outerHeight(trimmingContainer); // returns height without DIV scrollbar
@@ -62,24 +69,29 @@ var Viewport = /*#__PURE__*/function () {
   }, {
     key: "getWorkspaceWidth",
     value: function getWorkspaceWidth() {
-      var wot = this.wot;
-      var rootDocument = wot.rootDocument,
-          rootWindow = wot.rootWindow;
-      var trimmingContainer = this.instance.wtOverlays.leftOverlay.trimmingContainer;
+      var wtSettings = this.wtSettings;
+      var _this$domBindings = this.domBindings,
+          rootDocument = _this$domBindings.rootDocument,
+          rootWindow = _this$domBindings.rootWindow;
+      var trimmingContainer = this.dataAccessObject.inlineStartOverlayTrimmingContainer;
       var docOffsetWidth = rootDocument.documentElement.offsetWidth;
-      var totalColumns = wot.getSetting('totalColumns');
-      var preventOverflow = wot.getSetting('preventOverflow');
+      var totalColumns = wtSettings.getSetting('totalColumns');
+      var preventOverflow = wtSettings.getSetting('preventOverflow');
+      var isRtl = wtSettings.getSetting('rtlMode');
+      var tableRect = this.wtTable.TABLE.getBoundingClientRect();
+      var inlineStart = isRtl ? tableRect.right - docOffsetWidth : tableRect.left;
+      var tableOffset = docOffsetWidth - inlineStart;
       var width;
       var overflow;
 
       if (preventOverflow) {
-        return outerWidth(this.instance.wtTable.wtRootElement);
+        return outerWidth(this.wtTable.wtRootElement);
       }
 
-      if (wot.getSetting('freezeOverlays')) {
-        width = Math.min(docOffsetWidth - this.getWorkspaceOffset().left, docOffsetWidth);
+      if (wtSettings.getSetting('freezeOverlays')) {
+        width = Math.min(tableOffset, docOffsetWidth);
       } else {
-        width = Math.min(this.getContainerFillWidth(), docOffsetWidth - this.getWorkspaceOffset().left, docOffsetWidth);
+        width = Math.min(this.getContainerFillWidth(), tableOffset, docOffsetWidth);
       }
 
       if (trimmingContainer === rootWindow && totalColumns > 0 && this.sumColumnWidths(0, totalColumns - 1) > width) {
@@ -91,7 +103,7 @@ var Viewport = /*#__PURE__*/function () {
       }
 
       if (trimmingContainer !== rootWindow) {
-        overflow = getStyle(this.instance.wtOverlays.leftOverlay.trimmingContainer, 'overflow', rootWindow);
+        overflow = getStyle(this.dataAccessObject.inlineStartOverlayTrimmingContainer, 'overflow', rootWindow);
 
         if (overflow === 'scroll' || overflow === 'hidden' || overflow === 'auto') {
           // this is used in `scroll.html`
@@ -100,11 +112,11 @@ var Viewport = /*#__PURE__*/function () {
         }
       }
 
-      var stretchSetting = wot.getSetting('stretchH');
+      var stretchSetting = wtSettings.getSetting('stretchH');
 
       if (stretchSetting === 'none' || !stretchSetting) {
         // if no stretching is used, return the maximum used workspace width
-        return Math.max(width, outerWidth(this.instance.wtTable.TABLE));
+        return Math.max(width, outerWidth(this.wtTable.TABLE));
       } // if stretching is used, return the actual container width, so the columns can fit inside it
 
 
@@ -141,12 +153,11 @@ var Viewport = /*#__PURE__*/function () {
   }, {
     key: "sumColumnWidths",
     value: function sumColumnWidths(from, length) {
-      var wtTable = this.wot.wtTable;
       var sum = 0;
       var column = from;
 
       while (column < length) {
-        sum += wtTable.getColumnWidth(column);
+        sum += this.wtTable.getColumnWidth(column);
         column += 1;
       }
 
@@ -163,8 +174,8 @@ var Viewport = /*#__PURE__*/function () {
         return this.containerWidth;
       }
 
-      var mainContainer = this.instance.wtTable.holder;
-      var dummyElement = this.wot.rootDocument.createElement('div');
+      var mainContainer = this.wtTable.holder;
+      var dummyElement = this.domBindings.rootDocument.createElement('div');
       dummyElement.style.width = '100%';
       dummyElement.style.height = '1px';
       mainContainer.appendChild(dummyElement);
@@ -180,7 +191,7 @@ var Viewport = /*#__PURE__*/function () {
   }, {
     key: "getWorkspaceOffset",
     value: function getWorkspaceOffset() {
-      return offset(this.wot.wtTable.TABLE);
+      return offset(this.wtTable.TABLE);
     }
     /**
      * @returns {number}
@@ -189,7 +200,7 @@ var Viewport = /*#__PURE__*/function () {
   }, {
     key: "getWorkspaceActualHeight",
     value: function getWorkspaceActualHeight() {
-      return outerHeight(this.wot.wtTable.TABLE);
+      return outerHeight(this.wtTable.TABLE);
     }
     /**
      * @returns {number}
@@ -198,8 +209,7 @@ var Viewport = /*#__PURE__*/function () {
   }, {
     key: "getWorkspaceActualWidth",
     value: function getWorkspaceActualWidth() {
-      var wtTable = this.wot.wtTable;
-      return outerWidth(wtTable.TABLE) || outerWidth(wtTable.TBODY) || outerWidth(wtTable.THEAD); // IE8 reports 0 as <table> offsetWidth;
+      return outerWidth(this.wtTable.TABLE) || outerWidth(this.wtTable.TBODY) || outerWidth(this.wtTable.THEAD); // IE8 reports 0 as <table> offsetWidth;
     }
     /**
      * @returns {number}
@@ -208,12 +218,12 @@ var Viewport = /*#__PURE__*/function () {
   }, {
     key: "getColumnHeaderHeight",
     value: function getColumnHeaderHeight() {
-      var columnHeaders = this.instance.getSetting('columnHeaders');
+      var columnHeaders = this.wtSettings.getSetting('columnHeaders');
 
       if (!columnHeaders.length) {
         this.columnHeaderHeight = 0;
       } else if (isNaN(this.columnHeaderHeight)) {
-        this.columnHeaderHeight = outerHeight(this.wot.wtTable.THEAD);
+        this.columnHeaderHeight = outerHeight(this.wtTable.THEAD);
       }
 
       return this.columnHeaderHeight;
@@ -246,8 +256,8 @@ var Viewport = /*#__PURE__*/function () {
   }, {
     key: "getRowHeaderWidth",
     value: function getRowHeaderWidth() {
-      var rowHeadersWidthSetting = this.instance.getSetting('rowHeaderWidth');
-      var rowHeaders = this.instance.getSetting('rowHeaders');
+      var rowHeadersWidthSetting = this.wtSettings.getSetting('rowHeaderWidth');
+      var rowHeaders = this.wtSettings.getSetting('rowHeaders');
 
       if (rowHeadersWidthSetting) {
         this.rowHeaderWidth = 0;
@@ -257,13 +267,9 @@ var Viewport = /*#__PURE__*/function () {
         }
       }
 
-      if (this.wot.cloneSource) {
-        return this.wot.cloneSource.wtViewport.getRowHeaderWidth();
-      }
-
       if (isNaN(this.rowHeaderWidth)) {
         if (rowHeaders.length) {
-          var TH = this.instance.wtTable.TABLE.querySelector('TH');
+          var TH = this.wtTable.TABLE.querySelector('TH');
           this.rowHeaderWidth = 0;
 
           for (var _i = 0, _len = rowHeaders.length; _i < _len; _i++) {
@@ -281,7 +287,7 @@ var Viewport = /*#__PURE__*/function () {
         }
       }
 
-      this.rowHeaderWidth = this.instance.getSetting('onModifyRowHeaderWidth', this.rowHeaderWidth) || this.rowHeaderWidth;
+      this.rowHeaderWidth = this.wtSettings.getSetting('onModifyRowHeaderWidth', this.rowHeaderWidth) || this.rowHeaderWidth;
       return this.rowHeaderWidth;
     }
     /**
@@ -319,57 +325,54 @@ var Viewport = /*#__PURE__*/function () {
     key: "createRowsCalculator",
     value: function createRowsCalculator() {
       var calculationType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : RENDER_TYPE;
-      var wot = this.wot;
-      var wtSettings = wot.wtSettings,
-          wtOverlays = wot.wtOverlays,
-          wtTable = wot.wtTable,
-          rootDocument = wot.rootDocument;
+      var wtSettings = this.wtSettings,
+          wtTable = this.wtTable;
       var height;
       var scrollbarHeight;
       var fixedRowsHeight;
       this.rowHeaderWidth = NaN;
 
-      if (wtSettings.settings.renderAllRows && calculationType === RENDER_TYPE) {
+      if (wtSettings.getSetting('renderAllRows') && calculationType === RENDER_TYPE) {
         height = Infinity;
       } else {
         height = this.getViewportHeight();
       }
 
-      var pos = wtOverlays.topOverlay.getScrollPosition() - wtOverlays.topOverlay.getTableParentOffset();
+      var pos = this.dataAccessObject.topScrollPosition - this.dataAccessObject.topParentOffset;
 
       if (pos < 0) {
         pos = 0;
       }
 
-      var fixedRowsTop = wot.getSetting('fixedRowsTop');
-      var fixedRowsBottom = wot.getSetting('fixedRowsBottom');
-      var totalRows = wot.getSetting('totalRows');
+      var fixedRowsTop = wtSettings.getSetting('fixedRowsTop');
+      var fixedRowsBottom = wtSettings.getSetting('fixedRowsBottom');
+      var totalRows = wtSettings.getSetting('totalRows');
 
       if (fixedRowsTop) {
-        fixedRowsHeight = wtOverlays.topOverlay.sumCellSizes(0, fixedRowsTop);
+        fixedRowsHeight = this.dataAccessObject.topOverlay.sumCellSizes(0, fixedRowsTop);
         pos += fixedRowsHeight;
         height -= fixedRowsHeight;
       }
 
-      if (fixedRowsBottom && wtOverlays.bottomOverlay.clone) {
-        fixedRowsHeight = wtOverlays.bottomOverlay.sumCellSizes(totalRows - fixedRowsBottom, totalRows);
+      if (fixedRowsBottom && this.dataAccessObject.bottomOverlay.clone) {
+        fixedRowsHeight = this.dataAccessObject.bottomOverlay.sumCellSizes(totalRows - fixedRowsBottom, totalRows);
         height -= fixedRowsHeight;
       }
 
       if (wtTable.holder.clientHeight === wtTable.holder.offsetHeight) {
         scrollbarHeight = 0;
       } else {
-        scrollbarHeight = getScrollbarWidth(rootDocument);
+        scrollbarHeight = getScrollbarWidth(this.domBindings.rootDocument);
       }
 
       return new ViewportRowsCalculator({
         viewportSize: height,
         scrollOffset: pos,
-        totalItems: wot.getSetting('totalRows'),
+        totalItems: wtSettings.getSetting('totalRows'),
         itemSizeFn: function itemSizeFn(sourceRow) {
           return wtTable.getRowHeight(sourceRow);
         },
-        overrideFn: wtSettings.settings.viewportRowCalculatorOverride,
+        overrideFn: wtSettings.getSettingPure('viewportRowCalculatorOverride'),
         calculationType: calculationType,
         scrollbarHeight: scrollbarHeight
       });
@@ -381,50 +384,47 @@ var Viewport = /*#__PURE__*/function () {
      *
      * @param {number} calculationType The render type ID, which determines for what type of
      *                                 calculation calculator is created.
-     * @returns {ViewportRowsCalculator}
+     * @returns {ViewportColumnsCalculator}
      */
 
   }, {
     key: "createColumnsCalculator",
     value: function createColumnsCalculator() {
       var calculationType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : RENDER_TYPE;
-      var wot = this.wot;
-      var wtSettings = wot.wtSettings,
-          wtOverlays = wot.wtOverlays,
-          wtTable = wot.wtTable,
-          rootDocument = wot.rootDocument;
+      var wtSettings = this.wtSettings,
+          wtTable = this.wtTable;
       var width = this.getViewportWidth();
-      var pos = wtOverlays.leftOverlay.getScrollPosition() - wtOverlays.leftOverlay.getTableParentOffset();
+      var pos = Math.abs(this.dataAccessObject.inlineStartScrollPosition) - this.dataAccessObject.inlineStartParentOffset;
       this.columnHeaderHeight = NaN;
 
       if (pos < 0) {
         pos = 0;
       }
 
-      var fixedColumnsLeft = wot.getSetting('fixedColumnsLeft');
+      var fixedColumnsStart = wtSettings.getSetting('fixedColumnsStart');
 
-      if (fixedColumnsLeft) {
-        var fixedColumnsWidth = wtOverlays.leftOverlay.sumCellSizes(0, fixedColumnsLeft);
+      if (fixedColumnsStart) {
+        var fixedColumnsWidth = this.dataAccessObject.inlineStartOverlay.sumCellSizes(0, fixedColumnsStart);
         pos += fixedColumnsWidth;
         width -= fixedColumnsWidth;
       }
 
       if (wtTable.holder.clientWidth !== wtTable.holder.offsetWidth) {
-        width -= getScrollbarWidth(rootDocument);
+        width -= getScrollbarWidth(this.domBindings.rootDocument);
       }
 
       return new ViewportColumnsCalculator({
         viewportSize: width,
-        scrollOffset: pos,
-        totalItems: wot.getSetting('totalColumns'),
+        scrollOffset: Math.abs(pos),
+        totalItems: wtSettings.getSetting('totalColumns'),
         itemSizeFn: function itemSizeFn(sourceCol) {
-          return wot.wtTable.getColumnWidth(sourceCol);
+          return wtTable.getColumnWidth(sourceCol);
         },
-        overrideFn: wtSettings.settings.viewportColumnCalculatorOverride,
+        overrideFn: wtSettings.getSettingPure('viewportColumnCalculatorOverride'),
         calculationType: calculationType,
-        stretchMode: wot.getSetting('stretchH'),
+        stretchMode: wtSettings.getSetting('stretchH'),
         stretchingItemWidthFn: function stretchingItemWidthFn(stretchedWidth, column) {
-          return wot.getSetting('onBeforeStretchingColumnWidth', stretchedWidth, column);
+          return wtSettings.getSetting('onBeforeStretchingColumnWidth', stretchedWidth, column);
         }
       });
     }
@@ -497,7 +497,7 @@ var Viewport = /*#__PURE__*/function () {
 
       if (startRow < renderedStartRow || startRow === renderedStartRow && startRow > 0) {
         return false;
-      } else if (endRow > renderedEndRow || endRow === renderedEndRow && endRow < this.wot.getSetting('totalRows') - 1) {
+      } else if (endRow > renderedEndRow || endRow === renderedEndRow && endRow < this.wtSettings.getSetting('totalRows') - 1) {
         return false;
       }
 
@@ -527,7 +527,7 @@ var Viewport = /*#__PURE__*/function () {
 
       if (startColumn < renderedStartColumn || startColumn === renderedStartColumn && startColumn > 0) {
         return false;
-      } else if (endColumn > renderedEndColumn || endColumn === renderedEndColumn && endColumn < this.wot.getSetting('totalColumns') - 1) {
+      } else if (endColumn > renderedEndColumn || endColumn === renderedEndColumn && endColumn < this.wtSettings.getSetting('totalColumns') - 1) {
         return false;
       }
 

package/CHANGELOG.md

@@ -8,26 +8,103 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 <!-- UNVERSIONED -->
 
+## [12.0.0] - 2022-04-28
+
+For more information on this release, see:
+- [Release notes](https://handsontable.com/docs/release-notes/#_12-0-0)
+- [Blog post](https://handsontable.com/blog/articles/2022/4/handsontable-12.0.0-data-grid-rtl-support-and-a-new-keyboard-shortcuts-api)
+- [Migration guide](https://handsontable.com/docs/migration-from-11.1-to-12.0/)
+
+### Added
+- Added `ShortcutManager`, a new API for customizing keyboard shortcuts. [#8942](https://github.com/handsontable/handsontable/issues/8942)
+- Added support for right-to-left (RTL) languages, introducing a new configuration option: `layoutDirection`. [#8760](https://github.com/handsontable/handsontable/issues/8760)
+- Added an Arabic translation. [#9208](https://github.com/handsontable/handsontable/issues/9208)
+- Added a new configuration option: `fixedColumnsStart`. [#8760](https://github.com/handsontable/handsontable/issues/8760)
+- Added a new keyboard shortcut (<kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>Enter</kbd>) for filling the selected range of cells with the value of the active cell. [#9366](https://github.com/handsontable/handsontable/issues/9366)
+- Added support for the <kbd>Home</kbd> and <kbd>End</kbd> keys inside cell editors, for moving the cursor to the beginning or end of the text. [#9367](https://github.com/handsontable/handsontable/issues/9367)
+- Added support for the latest Node LTS version. [#9149](https://github.com/handsontable/handsontable/issues/9149)
+
+### Changed
+- **Breaking change**: Changed how `updateSettings()` handles data updates, to improve performance and the consistency of user experience. Now, when provided with a new data object, `updateSettings()` updates the data without resetting any states. [#7263](https://github.com/handsontable/handsontable/issues/7263)
+- **Breaking change**: Changed how `updatePlugin()` reacts to `updateSettings()` calls, to improve performance and the consistency of user experience. Now, calls to `updateSettings()` update a plugin's state only when the options object contains a configuration option that's relevant to that particular plugin. [#9021](https://github.com/handsontable/handsontable/issues/9021)
+- **Breaking change**: Changed the order of execution for two hooks: now, `beforeKeyDown` is properly fired before `afterDocumentKeyDown`. [#6236](https://github.com/handsontable/handsontable/issues/6236)
+- **Breaking change**: Changed how default keyboard shortcuts are defined, to improve keyboard navigation consistency. Most of the shortcuts did not change and are now properly documented in the [keyboard shortcuts](https://handsontable.com/docs/keyboard-shortcuts/#default-keyboard-shortcuts) guide. However, some shortcuts that were not defined explicitly, and were not listed in the documentation, don't work anymore (e.g., <kbd>Enter</kbd> opens a cell's editor, but <kbd>Ctrl</kbd> + <kbd>Enter</kbd> doesn't). This change doesn't affect custom keyboard shortcuts. [#8942](https://github.com/handsontable/handsontable/issues/8942)
+- **Breaking change**: Split a cross-platform modifier key (<kbd>Ctrl</kbd>/<kbd>Cmd</kbd>) into two separate keys, to improve keyboard navigation consistency. Now, the <kbd>Cmd</kbd> key triggers actions on macOS where the <kbd>Ctrl</kbd> key triggers actions on Windows. For example, on macOS, <kbd>Ctrl</kbd> + <kbd>A</kbd> doesn't work anymore: <kbd>Cmd</kbd> + <kbd>A</kbd> is used instead. [#9369](https://github.com/handsontable/handsontable/issues/9369)
+- **Breaking change**: Changed the actions of the following [keyboard shortcuts](https://handsontable.com/docs/keyboard-shortcuts/#default-keyboard-shortcuts), to match the usual spreadsheet software behavior, and provide a more intuitive user experience: <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>↑</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>↑</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>↓</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>↓</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>←</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>←</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>→</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>→</kbd>, <kbd>Home</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>Home</kbd>, <kbd>End</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>End</kbd>, <kbd>Shift</kbd> + <kbd>Page Up</kbd>, and <kbd>Shift</kbd> + <kbd>Page Down</kbd>. [#9363](https://github.com/handsontable/handsontable/issues/9363) [#9364](https://github.com/handsontable/handsontable/issues/9364) [#9365](https://github.com/handsontable/handsontable/issues/9365)
+- Changed two scripts of the main Handsontable workspace (`./`), to speed up the build process: now, the `npm run build` and `npm run test` scripts don't build or test the Handsontable examples (`./examples`). [#9412](https://github.com/handsontable/handsontable/issues/9412)
+- Changed the version of the Moment.js dependency from 2.24.0 to 2.29.3, in reaction to a recently-found Moment.js security vulnerability that did not directly affect Handsontable. [#9381](https://github.com/handsontable/handsontable/issues/9381)
+- Changed the version of the HyperFormula optional dependency from ^1.2.0 to ^2.0.0. [#9411](https://github.com/handsontable/handsontable/issues/9411)
+
+### Fixed
+- *React, Angular, Vue 2, Vue 3:* Fixed an issue where using `updateSettings()` caused problems for state managers. [#8372](https://github.com/handsontable/handsontable/issues/8372)
+- Fixed an issue where using `updateSettings()` caused hidden columns to reappear. [#7165](https://github.com/handsontable/handsontable/issues/7165)
+- Fixed an issue where using `updateSettings()` caused merged cells to unmerge. [#3315](https://github.com/handsontable/handsontable/issues/3315)
+- Fixed an issue where using `updateSettings()` caused the state of nested rows to reset. [#8838](https://github.com/handsontable/handsontable/issues/8838)
+- Fixed an issue where using `updateSettings()` caused problems with column sorting. [#7688](https://github.com/handsontable/handsontable/issues/7688)
+- *React:* Fixed an issue where using React's `setState()` within the `afterFilter` hook broke filtering. [#7567](https://github.com/handsontable/handsontable/issues/7567)
+- *Vue 2:* Fixed an issue where repeatedly changing Handsontable's height through `updateSettings()` caused Handsontable to crash. [#7546](https://github.com/handsontable/handsontable/issues/7546)
+- *Vue 2:* Fixed an issue where the `failed` validation status got erased when editing a new row. [#7541](https://github.com/handsontable/handsontable/issues/7541)
+- Fixed an issue where cell filtering did not use formula results. [#5455](https://github.com/handsontable/handsontable/issues/5455)
+- Fixed a wrong TypeScript definition in the `BasePlugin` class. [#9175](https://github.com/handsontable/handsontable/issues/9175)
+- Fixed an issue where the <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>Z</kbd> and <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> keyboard shortcuts didn't behave properly inside cell editors. [#9367](https://github.com/handsontable/handsontable/issues/9367)
+- Fixed an issue where the dropdown menu contained unwanted rectangle elements. [#9240](https://github.com/handsontable/handsontable/issues/9240)
+- *React, Vue 2, Vue 3:* Fixed an issue with registering modules for the React, Vue 2, and Vue 3 wrappers, by adding an `"exports"` field to their `package.json` files. [#9140](https://github.com/handsontable/handsontable/issues/9140)
+
+### Removed
+- **Breaking change**: Removed the <kbd>Cmd</kbd> + <kbd>M</kbd> keyboard shortcut (used for cell merging), as it conflicted with window minimizing on macOS. The <kbd>Ctrl</kbd> + <kbd>M</kbd> keyboard shortcut works the same as before. [#9368](https://github.com/handsontable/handsontable/issues/9368)
+- **Breaking change**: Removed the <kbd>Shift</kbd> + <kbd>Page Up</kbd>/<kbd>Page Down</kbd> keyboard shortcuts from the cell editing context. [#9401](https://github.com/handsontable/handsontable/issues/9401)
+- Dropped support for Internet Explorer 11 and Edge Legacy (the non-Chromium version of Edge). Handsontable 11.x becomes the long-term support (LTS) version for Internet Explorer 11 and Edge Legacy, until the end of 2023. [#7026](https://github.com/handsontable/handsontable/issues/7026)
+- *React:* Removed the `enzyme` dependency from the React wrapper. [#9151](https://github.com/handsontable/handsontable/issues/9151)
+
+## [11.1.0] - 2022-01-13
+
+### Added
+- Added `updateData()`, a new method that allows for replacing Handsontable's `data` without 
+resetting the states of cells, rows and columns. [#7263](https://github.com/handsontable/handsontable/issues/7263)
+- *Vue:* Added Vue 3 support, by introducing a new wrapper. [#7545](https://github.com/handsontable/handsontable/issues/7545)
+
+### Changed
+- Updated the TypeScript definition of the `setDataAtCell()` method. [#8601](https://github.com/handsontable/handsontable/issues/8601)
+- Extended Handsontable's GitHub Actions workflow, to allow for deploying code examples to GitHub Pages. [#9058](https://github.com/handsontable/handsontable/issues/9058)
+
+### Fixed
+- Fixed an issue where the `autocomplete` editor's suggestion list didn't update properly. [#7570](https://github.com/handsontable/handsontable/issues/7570)
+- Fixed an issue where nested headers didn't render when `data` wasn't defined. [#8589](https://github.com/handsontable/handsontable/issues/8589)
+- Fixed some end-to-end tests that failed on mobile devices. [#8749](https://github.com/handsontable/handsontable/issues/8749)
+- Fixed an issue where the rendered selection could get shifted by 1px. [#8756](https://github.com/handsontable/handsontable/issues/8756)
+- Fixed an issue where the first column's border didn't display properly. [#8767](https://github.com/handsontable/handsontable/issues/8767)
+- Fixed an issue where the `CollapsibleColumns` plugin's `expandAll()` method didn't expand collapsed columns. [#8900](https://github.com/handsontable/handsontable/issues/8900)
+- Fixed end-to-end test scripts that occasionally crashed. [#8961](https://github.com/handsontable/handsontable/issues/8961)
+- Fixed a typo in the `valueAccordingPercent()` helper. [#9006](https://github.com/handsontable/handsontable/issues/9006)
+- Fixed an issue where the `NestedRows` plugin could throw a type error after calling the `updateSettings()` method. [#9018](https://github.com/handsontable/handsontable/issues/9018)
+- Fixed an issue where performance was affected by removing events. [#9044](https://github.com/handsontable/handsontable/issues/9044)
+- Fixed a wrong TypeScript definition of the `MultiColumnSorting` plugin's `sort()` method. [#9067](https://github.com/handsontable/handsontable/issues/9067)
+- Fixed an issue where the `Comments` plugin's editor disappeared after adding a comment. [#9075](https://github.com/handsontable/handsontable/issues/9075) [#6661](https://github.com/handsontable/handsontable/issues/6661)
+- *React:* Fixed a wrong return type. [#9000](https://github.com/handsontable/handsontable/issues/9000)
+
+## [11.0.1] - 2021-11-17
+
+### Fixed
+- Fixed the UMD build of `@handsontable/angular`, which was not working properly in `11.0.0`. [#8946](https://github.com/handsontable/handsontable/pull/8946)
+
 ## [11.0.0] - 2021-11-17
 
 ### Added
-- Added TypeScript definition files for Handsontable's modularized version. [#7489](https://github.com/handsontable/handsontable/issues/7489) (**Breaking change**)
-- *Vue:* Added support for modularization to the Vue wrapper. [#8820](https://github.com/handsontable/handsontable/issues/8820) (**Breaking change**)
-- *React:* Added support for modularization to the React wrapper. [#8819](https://github.com/handsontable/handsontable/issues/8819) (**Breaking change**)
-- *Angular:* Added support for modularization to the Angular wrapper. [#8818](https://github.com/handsontable/handsontable/issues/8818) (**Breaking change**)
+-  **Breaking change**: Added TypeScript definition files for Handsontable's modularized version. [#7489](https://github.com/handsontable/handsontable/issues/7489)
+- **Breaking change (Vue)**: Added support for modularization to the Vue wrapper. [#8820](https://github.com/handsontable/handsontable/issues/8820)
+- **Breaking change (React)**: Added support for modularization to the React wrapper. [#8819](https://github.com/handsontable/handsontable/issues/8819)
+- **Breaking change (Angular)**: Added support for modularization to the Angular wrapper. [#8818](https://github.com/handsontable/handsontable/issues/8818)
 - Added a new package entry point that allows importing built-in modules in one function call: `import { registerAllEditors, registerAllRenderers, registerAllValidators, registerAllCellTypes, registerAllPlugins } from 'handsontable/registry'`. [#8816](https://github.com/handsontable/handsontable/issues/8816)
 - Added a new `locale` option, to properly handle locale-based data. [#8897](https://github.com/handsontable/handsontable/issues/8897)
 - Added a GitHub Actions workflow that covers testing Handsontable and the wrappers. [#8652](https://github.com/handsontable/handsontable/issues/8652)
 - Added new direction helpers (internal API) that lay ground for future RTL support. [#8868](https://github.com/handsontable/handsontable/issues/8868)
 
-
 ### Changed
-- Changed how the `populateFromArray()` method works with its `method` argument set to `shift_down` or `shift_right`. [#888](https://github.com/handsontable/handsontable/issues/888) (**Breaking change**)
+- **Breaking change**: Changed how the `populateFromArray()` method works with its `method` argument set to `shift_down` or `shift_right`. [#888](https://github.com/handsontable/handsontable/issues/888)
 - Moved the entire Handsontable package to its own, new subdirectory: `./handsontable`. [#8759](https://github.com/handsontable/handsontable/issues/8759) 
 - Replaced the license files with updated versions. [#8877](https://github.com/handsontable/handsontable/issues/8877)
 
-### Fixed
-- Improved the performance of a regular expression used to detect numeric values, and fixed major code smells. [#8752](https://github.com/handsontable/handsontable/issues/8752) 
+### Fixed 
 - Fixed an issue with incorrect filtering of locale-based data while using search input from a drop-down menu. [#6095](https://github.com/handsontable/handsontable/issues/6095) 
 - Fixed an error thrown when using the `populateFromArray()` method with its `method` argument set to `shift_right`. [#6929](https://github.com/handsontable/handsontable/issues/6929) 
 - Fixed an issue with the `beforeOnCellMouseDown` and `afterOnCellMouseDown` hooks using wrong coordinates. [#8498](https://github.com/handsontable/handsontable/issues/8498) 
@@ -39,12 +116,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [10.0.0] - 2021-09-29
 
 ### Changed
-- Unified the naming and description of the fourth argument, `controller`, for selection manipulation in the `beforeOnCellMouseDown` and `beforeOnCellMouseOver` hooks. [#4996](https://github.com/handsontable/handsontable/issues/4996) (**Breaking change**)
-- Changed what the `beforeRender` and `afterRender` hooks are, and when they are triggered. Added two new hooks: `beforeViewRender` and `afterViewRender`. [#6303](https://github.com/handsontable/handsontable/issues/6303) (**Breaking change**)
-- Changed the optional HyperFormula dependency from 0.6.2 to ^1.1.0, which introduces breaking changes for the `Formulas` plugin users. [#8502](https://github.com/handsontable/handsontable/issues/8502) (**Breaking change**)
-- Changed the default values for the `rowsLimit` and `columnsLimit` options of the `CopyPaste` plugin. [#8660](https://github.com/handsontable/handsontable/issues/8660) (**Breaking change**)
-- Added a default font family, size, weight and color. [#8661](https://github.com/handsontable/handsontable/issues/8661) (**Breaking change**)
-- Changed the `autoWrapRow` and `autoWrapCol` options\` default values from `true` to `false`. [#8662](https://github.com/handsontable/handsontable/issues/8662) (**Breaking change**)
+- **Breaking change**: Unified the naming and description of the fourth argument, `controller`, for selection manipulation in the `beforeOnCellMouseDown` and `beforeOnCellMouseOver` hooks. [#4996](https://github.com/handsontable/handsontable/issues/4996)
+- **Breaking change**: Changed what the `beforeRender` and `afterRender` hooks are, and when they are triggered. Added two new hooks: `beforeViewRender` and `afterViewRender`. [#6303](https://github.com/handsontable/handsontable/issues/6303)
+- **Breaking change**: Changed the optional HyperFormula dependency from 0.6.2 to ^1.1.0, which introduces breaking changes for the `Formulas` plugin users. [#8502](https://github.com/handsontable/handsontable/issues/8502)
+- **Breaking change**: Changed the default values for the `rowsLimit` and `columnsLimit` options of the `CopyPaste` plugin. [#8660](https://github.com/handsontable/handsontable/issues/8660)
+- **Breaking change**: Added a default font family, size, weight and color. [#8661](https://github.com/handsontable/handsontable/issues/8661)
+- **Breaking change**: Changed the `autoWrapRow` and `autoWrapCol` options\` default values from `true` to `false`. [#8662](https://github.com/handsontable/handsontable/issues/8662)
 - Improved the performance of the `getCellMeta()` method. [#6303](https://github.com/handsontable/handsontable/issues/6303)
 - Improved the documentation and TypeScript definition of the `selectOptions` option. [#8488](https://github.com/handsontable/handsontable/issues/8488)
 - Improved the arguments forwarding in the hooks [#8668](https://github.com/handsontable/handsontable/issues/8668)
@@ -93,8 +170,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [9.0.0] - 2021-06-01
 
 ### Changed
-- **Breaking change** New Formulas plugin, with an entirely different API. See the migration guide for a full list of changes. Removed the required `hot-formula-parser` dependency for the sake of an optional one, `hyperformula`. [#6466](https://github.com/handsontable/handsontable/issues/6466)
-- **Breaking change** Changed the `afterAutofill` and `beforeAutofill` hooks' signatures. [#7987](https://github.com/handsontable/handsontable/issues/7987)
+- **Breaking change**: New Formulas plugin, with an entirely different API. See the migration guide for a full list of changes. Removed the required `hot-formula-parser` dependency for the sake of an optional one, `hyperformula`. [#6466](https://github.com/handsontable/handsontable/issues/6466)
+- **Breaking change**: Changed the `afterAutofill` and `beforeAutofill` hooks' signatures. [#7987](https://github.com/handsontable/handsontable/issues/7987)
 - Upgraded `eslint` and eslint-related modules. [#7531](https://github.com/handsontable/handsontable/issues/7531)
 - Added `fit` & `fdescribe` to restricted globals in test files. [#8088](https://github.com/handsontable/handsontable/issues/8088)
 
@@ -103,7 +180,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Fixed a problem with duplicated `afterCreateCol` hooks being triggered after undoing a removal of a column. [#8076](https://github.com/handsontable/handsontable/issues/8076)
 
 ### Removed
-- **Breaking change** Removed the deprecated plugins - Header Tooltips and Observe Changes. [#8083](https://github.com/handsontable/handsontable/issues/8083)
+- **Breaking change**: Removed the deprecated plugins - Header Tooltips and Observe Changes. [#8083](https://github.com/handsontable/handsontable/issues/8083)
 
 ### Deprecated
 - Deprecated the `beforeAutofillInsidePopulate` hook. It will be removed in the next major release. [#8095](https://github.com/handsontable/handsontable/issues/8095)

package/README.md

@@ -9,7 +9,6 @@ It provides data binding, data validation, filtering, sorting, and CRUD operatio
 [![npm](https://img.shields.io/npm/dm/handsontable.svg)](https://npmjs.com/package/handsontable)
 [![CI status](https://github.com/handsontable/handsontable/actions/workflows/test.yml/badge.svg?branch=master)](https://github.com/handsontable/handsontable/actions/workflows/test.yml?query=branch%3Amaster)
 [![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Fhandsontable%2Fhandsontable.svg?type=shield)](https://app.fossa.io/projects/git%2Bgithub.com%2Fhandsontable%2Fhandsontable?ref=badge_shield)
-[![Known Vulnerabilities](https://snyk.io/test/github/handsontable/handsontable/badge.svg?targetFile=package.json)](https://snyk.io/test/github/handsontable/handsontable?targetFile=package.json)
 [![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=handsontable_handsontable&metric=alert_status)](https://sonarcloud.io/dashboard?id=handsontable_handsontable)
 
 ---
@@ -29,7 +28,11 @@ It provides data binding, data validation, filtering, sorting, and CRUD operatio
       <img src="https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/icons/vue-icon.svg" width="14" height="14">
       <a href="https://github.com/handsontable/handsontable/tree/master/wrappers/vue"> <strong>Vue</strong></a>&nbsp;
     </td>
-        <td>
+    <td>
+      <img src="https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/icons/vue-icon.svg" width="14" height="14">
+      <a href="https://github.com/handsontable/handsontable/tree/master/wrappers/vue3"> <strong>Vue 3</strong></a>&nbsp;
+    </td>
+    <td>
       <img src="https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/icons/javascript-icon.svg" width="14" height="14">&nbsp;
       <a href="#installation"> <strong>JavaScript</strong></a>&nbsp;
     </td>
@@ -38,7 +41,7 @@ It provides data binding, data validation, filtering, sorting, and CRUD operatio
 
 ---
 
-<a href="https://handsontable.com/examples"><img src="https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/handsontable-github-preview.png" alt="Handsontable data grid" width="805"/></a>
+<a href="https://handsontable.com/demo"><img src="https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/handsontable-github-preview.png" alt="Handsontable data grid" width="805"/></a>
 
 </div>
 
@@ -63,9 +66,9 @@ The most popular features of Handsontable:
 ## Documentation
 
 - [Developer guides](https://handsontable.com/docs)
-- [API Reference](https://handsontable.com/docs/Core.html)
-- [Change log](https://handsontable.com/docs/tutorial-release-notes.html)
-- [Demo](https://handsontable.com/examples)
+- [API Reference](https://handsontable.com/docs/api/core/)
+- [Changelog](https://handsontable.com/docs/release-notes/)
+- [Demo](https://handsontable.com/demo)
 
 <div id="installation"></div>
 
@@ -129,7 +132,7 @@ Handsontable is a commercial software with two licenses available:
 
 If you use Handsontable in a project that supports your commercial activity, then you must purchase the license key at [handsontable.com](https://handsontable.com/pricing).
 
-If you use the free for non-commercial license of Handsontable, then pass the phrase `'non-commercial-and-evaluation'`, as described in [this documentation](https://handsontable.com/docs/tutorial-license-key.html).
+If you use the free for non-commercial license of Handsontable, then pass the phrase `'non-commercial-and-evaluation'`, as described in [this documentation](https://handsontable.com/docs/license-key/).
 
 <br>
 <br>

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 = "17/11/2021 10:59:21";
-Handsontable.version = "11.0.0";
+Handsontable.buildDate = "28/04/2022 12:45:01";
+Handsontable.version = "12.0.0";
 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 = "17/11/2021 10:59:34";
-Handsontable.version = "11.0.0";
+Handsontable.buildDate = "28/04/2022 12:45:15";
+Handsontable.version = "12.0.0";
 Handsontable.languages = {
   dictionaryKeys: dictionaryKeys,
   getLanguageDictionary: getLanguageDictionary,