handsontable 0.0.0-next-d4ae6d7-20221205 → 0.0.0-next-0c2e6f8-20221206

package/editorManager.js

@@ -18,6 +18,7 @@ require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _unicode = require("./helpers/unicode");
 var _event = require("./helpers/dom/event");
+var _element = require("./helpers/dom/element");
 var _registry = require("./editors/registry");
 var _eventManager = _interopRequireDefault(require("./eventManager"));
 var _mixed = require("./helpers/mixed");
@@ -251,10 +252,12 @@ var EditorManager = /*#__PURE__*/function () {
       // Getting values using the modified coordinates.
       this.cellProperties = this.instance.getCellMeta(visualRowToCheck, visualColumnToCheck);
       var activeElement = this.instance.rootDocument.activeElement;
-      if (activeElement) {
-        // Blurring the activeElement removes unwanted border around the focusable element
-        // (and resets activeElement prop). Without blurring the activeElement points to the
-        // previously focusable element after clicking onto the cell (#6877).
+
+      // Blurring the `activeElement` removes the unwanted border around the focusable element (#6877)
+      // and resets the `document.activeElement` property. The blurring should happen only when the
+      // previously selected input element has not belonged to the Handsontable editor. If blurring is
+      // triggered for all elements, there is a problem with the disappearing IME editor (#9672).
+      if (activeElement && (0, _element.isOutsideInput)(activeElement)) {
         activeElement.blur();
       }
       if (!this.isCellEditable()) {

package/editorManager.mjs

@@ -23,6 +23,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; }
 import { isFunctionKey, isCtrlMetaKey } from "./helpers/unicode.mjs";
 import { stopImmediatePropagation } from "./helpers/dom/event.mjs";
+import { isOutsideInput } from "./helpers/dom/element.mjs";
 import { getEditorInstance } from "./editors/registry.mjs";
 import EventManager from "./eventManager.mjs";
 import { isDefined } from "./helpers/mixed.mjs";
@@ -244,10 +245,12 @@ var EditorManager = /*#__PURE__*/function () {
       // Getting values using the modified coordinates.
       this.cellProperties = this.instance.getCellMeta(visualRowToCheck, visualColumnToCheck);
       var activeElement = this.instance.rootDocument.activeElement;
-      if (activeElement) {
-        // Blurring the activeElement removes unwanted border around the focusable element
-        // (and resets activeElement prop). Without blurring the activeElement points to the
-        // previously focusable element after clicking onto the cell (#6877).
+
+      // Blurring the `activeElement` removes the unwanted border around the focusable element (#6877)
+      // and resets the `document.activeElement` property. The blurring should happen only when the
+      // previously selected input element has not belonged to the Handsontable editor. If blurring is
+      // triggered for all elements, there is a problem with the disappearing IME editor (#9672).
+      if (activeElement && isOutsideInput(activeElement)) {
         activeElement.blur();
       }
       if (!this.isCellEditable()) {

package/helpers/mixed.js

@@ -152,7 +152,7 @@ var domMessages = {
 function _injectProductInfo(key, element) {
   var hasValidType = !isEmpty(key);
   var isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  var hotVersion = "0.0.0-next-d4ae6d7-20221205";
+  var hotVersion = "0.0.0-next-0c2e6f8-20221206";
   var keyValidityDate;
   var consoleMessageState = 'invalid';
   var domMessageState = 'invalid';

package/helpers/mixed.mjs

@@ -142,7 +142,7 @@ var domMessages = {
 export function _injectProductInfo(key, element) {
   var hasValidType = !isEmpty(key);
   var isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  var hotVersion = "0.0.0-next-d4ae6d7-20221205";
+  var hotVersion = "0.0.0-next-0c2e6f8-20221206";
   var keyValidityDate;
   var consoleMessageState = 'invalid';
   var domMessageState = 'invalid';

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/handsontable/handsontable/issues"
   },
   "author": "Handsoncode <hello@handsontable.com>",
-  "version": "0.0.0-next-d4ae6d7-20221205",
+  "version": "0.0.0-next-0c2e6f8-20221206",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",

package/plugins/columnSummary/columnSummary.js

@@ -53,7 +53,7 @@ var PLUGIN_PRIORITY = 220;
  * The `ColumnSummary` plugin lets you [easily summarize your columns](@/guides/columns/column-summary.md).
  *
  * You can use the [built-in summary functions](@/guides/columns/column-summary.md#built-in-summary-functions),
- * or implement a [custom summary function](@/guides/columns/column-summary.md#implementing-a-custom-summary-function).
+ * or implement a [custom summary function](@/guides/columns/column-summary.md#implement-a-custom-summary-function).
  *
  * For each column summary, you can set the following configuration options:
  *
@@ -64,12 +64,12 @@ var PLUGIN_PRIORITY = 220;
  * | `type` | Yes | String | - | [Sets a summary function](@/guides/columns/column-summary.md#step-3-calculate-your-summary) |
  * | `destinationRow` | Yes | Number | - | [Sets the destination cell's row coordinate](@/guides/columns/column-summary.md#step-4-provide-the-destination-cell-s-coordinates) |
  * | `destinationColumn` | Yes | Number | - | [Sets the destination cell's column coordinate](@/guides/columns/column-summary.md#step-4-provide-the-destination-cell-s-coordinates) |
- * | `forceNumeric` | No | Boolean | `false` | [Forces the summary to treat non-numerics as numerics](@/guides/columns/column-summary.md#forcing-numeric-values) |
+ * | `forceNumeric` | No | Boolean | `false` | [Forces the summary to treat non-numerics as numerics](@/guides/columns/column-summary.md#force-numeric-values) |
  * | `reversedRowCoords` | No | Boolean | `false` | [Reverses row coordinates](@/guides/columns/column-summary.md#step-5-make-room-for-the-destination-cell) |
- * | `suppressDataTypeErrors` | No | Boolean | `true` | [Suppresses data type errors](@/guides/columns/column-summary.md#throwing-data-type-errors) |
+ * | `suppressDataTypeErrors` | No | Boolean | `true` | [Suppresses data type errors](@/guides/columns/column-summary.md#throw-data-type-errors) |
  * | `readOnly` | No | Boolean | `true` | Makes summary cell read-only |
- * | `roundFloat` | No | Number | - | [Rounds summary result](@/guides/columns/column-summary.md#rounding-a-column-summary-result) |
- * | `customFunction` | No | Function | - | [Lets you add a custom summary function](@/guides/columns/column-summary.md#implementing-a-custom-summary-function) |
+ * | `roundFloat` | No | Number | - | [Rounds summary result](@/guides/columns/column-summary.md#round-a-column-summary-result) |
+ * | `customFunction` | No | Function | - | [Lets you add a custom summary function](@/guides/columns/column-summary.md#implement-a-custom-summary-function) |
  *
  * @example
  * ::: only-for javascript

package/plugins/columnSummary/columnSummary.mjs

@@ -47,7 +47,7 @@ export var PLUGIN_PRIORITY = 220;
  * The `ColumnSummary` plugin lets you [easily summarize your columns](@/guides/columns/column-summary.md).
  *
  * You can use the [built-in summary functions](@/guides/columns/column-summary.md#built-in-summary-functions),
- * or implement a [custom summary function](@/guides/columns/column-summary.md#implementing-a-custom-summary-function).
+ * or implement a [custom summary function](@/guides/columns/column-summary.md#implement-a-custom-summary-function).
  *
  * For each column summary, you can set the following configuration options:
  *
@@ -58,12 +58,12 @@ export var PLUGIN_PRIORITY = 220;
  * | `type` | Yes | String | - | [Sets a summary function](@/guides/columns/column-summary.md#step-3-calculate-your-summary) |
  * | `destinationRow` | Yes | Number | - | [Sets the destination cell's row coordinate](@/guides/columns/column-summary.md#step-4-provide-the-destination-cell-s-coordinates) |
  * | `destinationColumn` | Yes | Number | - | [Sets the destination cell's column coordinate](@/guides/columns/column-summary.md#step-4-provide-the-destination-cell-s-coordinates) |
- * | `forceNumeric` | No | Boolean | `false` | [Forces the summary to treat non-numerics as numerics](@/guides/columns/column-summary.md#forcing-numeric-values) |
+ * | `forceNumeric` | No | Boolean | `false` | [Forces the summary to treat non-numerics as numerics](@/guides/columns/column-summary.md#force-numeric-values) |
  * | `reversedRowCoords` | No | Boolean | `false` | [Reverses row coordinates](@/guides/columns/column-summary.md#step-5-make-room-for-the-destination-cell) |
- * | `suppressDataTypeErrors` | No | Boolean | `true` | [Suppresses data type errors](@/guides/columns/column-summary.md#throwing-data-type-errors) |
+ * | `suppressDataTypeErrors` | No | Boolean | `true` | [Suppresses data type errors](@/guides/columns/column-summary.md#throw-data-type-errors) |
  * | `readOnly` | No | Boolean | `true` | Makes summary cell read-only |
- * | `roundFloat` | No | Number | - | [Rounds summary result](@/guides/columns/column-summary.md#rounding-a-column-summary-result) |
- * | `customFunction` | No | Function | - | [Lets you add a custom summary function](@/guides/columns/column-summary.md#implementing-a-custom-summary-function) |
+ * | `roundFloat` | No | Number | - | [Rounds summary result](@/guides/columns/column-summary.md#round-a-column-summary-result) |
+ * | `customFunction` | No | Function | - | [Lets you add a custom summary function](@/guides/columns/column-summary.md#implement-a-custom-summary-function) |
  *
  * @example
  * ::: only-for javascript

package/plugins/columnSummary/endpoints.js

@@ -489,6 +489,15 @@ var Endpoints = /*#__PURE__*/function () {
       var useOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       var alterRowOffset = endpoint.alterRowOffset || 0;
       var alterColOffset = endpoint.alterColumnOffset || 0;
+      var _ref = [this.hot.toVisualRow(endpoint.destinationRow), this.hot.toVisualColumn(endpoint.destinationColumn)],
+        visualRowIndex = _ref[0],
+        visualColumnIndex = _ref[1];
+      if (visualColumnIndex !== null && visualRowIndex !== null) {
+        // Clear the meta on the "old" indexes
+        var cellMeta = this.hot.getCellMeta(visualRowIndex, visualColumnIndex);
+        cellMeta.readOnly = false;
+        cellMeta.className = '';
+      }
       this.cellsToSetCache.push([this.hot.toVisualRow(endpoint.destinationRow + (useOffset ? alterRowOffset : 0)), this.hot.toVisualColumn(endpoint.destinationColumn + (useOffset ? alterColOffset : 0)), '']);
     }
 
@@ -503,14 +512,17 @@ var Endpoints = /*#__PURE__*/function () {
     key: "setEndpointValue",
     value: function setEndpointValue(endpoint, source) {
       var render = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      // We'll need the reversed offset values, because cellMeta will be shifted AGAIN afterwards.
+      var reverseRowOffset = -1 * endpoint.alterRowOffset || 0;
+      var reverseColOffset = -1 * endpoint.alterColumnOffset || 0;
       var visualEndpointRowIndex = this.hot.toVisualRow(endpoint.destinationRow);
       if (endpoint.destinationRow >= this.hot.countRows() || endpoint.destinationColumn >= this.hot.countCols()) {
         this.throwOutOfBoundsWarning();
         return;
       }
-      var destinationVisualRow = this.hot.toVisualRow(endpoint.destinationRow);
+      var destinationVisualRow = this.hot.toVisualRow(endpoint.destinationRow + reverseRowOffset);
       if (destinationVisualRow !== null) {
-        var cellMeta = this.hot.getCellMeta(destinationVisualRow, endpoint.destinationColumn);
+        var cellMeta = this.hot.getCellMeta(destinationVisualRow, endpoint.destinationColumn + reverseColOffset);
         if (source === 'init' || cellMeta.readOnly !== endpoint.readOnly) {
           cellMeta.readOnly = endpoint.readOnly;
           cellMeta.className = 'columnSummaryResult';

package/plugins/columnSummary/endpoints.mjs

@@ -485,6 +485,15 @@ var Endpoints = /*#__PURE__*/function () {
       var useOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       var alterRowOffset = endpoint.alterRowOffset || 0;
       var alterColOffset = endpoint.alterColumnOffset || 0;
+      var _ref = [this.hot.toVisualRow(endpoint.destinationRow), this.hot.toVisualColumn(endpoint.destinationColumn)],
+        visualRowIndex = _ref[0],
+        visualColumnIndex = _ref[1];
+      if (visualColumnIndex !== null && visualRowIndex !== null) {
+        // Clear the meta on the "old" indexes
+        var cellMeta = this.hot.getCellMeta(visualRowIndex, visualColumnIndex);
+        cellMeta.readOnly = false;
+        cellMeta.className = '';
+      }
       this.cellsToSetCache.push([this.hot.toVisualRow(endpoint.destinationRow + (useOffset ? alterRowOffset : 0)), this.hot.toVisualColumn(endpoint.destinationColumn + (useOffset ? alterColOffset : 0)), '']);
     }
 
@@ -499,14 +508,17 @@ var Endpoints = /*#__PURE__*/function () {
     key: "setEndpointValue",
     value: function setEndpointValue(endpoint, source) {
       var render = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      // We'll need the reversed offset values, because cellMeta will be shifted AGAIN afterwards.
+      var reverseRowOffset = -1 * endpoint.alterRowOffset || 0;
+      var reverseColOffset = -1 * endpoint.alterColumnOffset || 0;
       var visualEndpointRowIndex = this.hot.toVisualRow(endpoint.destinationRow);
       if (endpoint.destinationRow >= this.hot.countRows() || endpoint.destinationColumn >= this.hot.countCols()) {
         this.throwOutOfBoundsWarning();
         return;
       }
-      var destinationVisualRow = this.hot.toVisualRow(endpoint.destinationRow);
+      var destinationVisualRow = this.hot.toVisualRow(endpoint.destinationRow + reverseRowOffset);
       if (destinationVisualRow !== null) {
-        var cellMeta = this.hot.getCellMeta(destinationVisualRow, endpoint.destinationColumn);
+        var cellMeta = this.hot.getCellMeta(destinationVisualRow, endpoint.destinationColumn + reverseColOffset);
         if (source === 'init' || cellMeta.readOnly !== endpoint.readOnly) {
           cellMeta.readOnly = endpoint.readOnly;
           cellMeta.className = 'columnSummaryResult';

package/plugins/formulas/formulas.js

@@ -838,7 +838,7 @@ var Formulas = /*#__PURE__*/function (_BasePlugin) {
      * @private
      * @param {Array[]} changes An array of changes in format [[row, prop, oldValue, value], ...].
      * @param {string} [source] String that identifies source of hook call
-     *                          ([list of all available sources]{@link http://docs.handsontable.com/tutorial-using-callbacks.html#page-source-definition}).
+     *                          ([list of all available sources]{@link https://handsontable.com/docs/javascript-data-grid/events-and-hooks/#handsontable-hooks}).
      */
   }, {
     key: "onAfterSetDataAtCell",
@@ -899,7 +899,7 @@ var Formulas = /*#__PURE__*/function (_BasePlugin) {
      * @private
      * @param {Array[]} changes An array of changes in format [[row, column, oldValue, value], ...].
      * @param {string} [source] String that identifies source of hook call
-     *                          ([list of all available sources]{@link http://docs.handsontable.com/tutorial-using-callbacks.html#page-source-definition}).
+     *                          ([list of all available sources]{@link https://handsontable.com/docs/javascript-data-grid/events-and-hooks/#handsontable-hooks}).
      */
   }, {
     key: "onAfterSetSourceDataAtCell",
@@ -1014,7 +1014,7 @@ var Formulas = /*#__PURE__*/function (_BasePlugin) {
      * @param {number} row Represents the visual index of first newly created row in the data source array.
      * @param {number} amount Number of newly created rows in the data source array.
      * @param {string} [source] String that identifies source of hook call
-     *                          ([list of all available sources]{@link http://docs.handsontable.com/tutorial-using-callbacks.html#page-source-definition}).
+     *                          ([list of all available sources]{@link https://handsontable.com/docs/javascript-data-grid/events-and-hooks/#handsontable-hooks}).
      */
   }, {
     key: "onAfterCreateRow",
@@ -1033,7 +1033,7 @@ var Formulas = /*#__PURE__*/function (_BasePlugin) {
      * @param {number} col Represents the visual index of first newly created column in the data source.
      * @param {number} amount Number of newly created columns in the data source.
      * @param {string} [source] String that identifies source of hook call
-     *                          ([list of all available sources]{@link http://docs.handsontable.com/tutorial-using-callbacks.html#page-source-definition}).
+     *                          ([list of all available sources]{@link https://handsontable.com/docs/javascript-data-grid/events-and-hooks/#handsontable-hooks}).
      */
   }, {
     key: "onAfterCreateCol",
@@ -1053,7 +1053,7 @@ var Formulas = /*#__PURE__*/function (_BasePlugin) {
      * @param {number} amount An amount of removed rows.
      * @param {number[]} physicalRows An array of physical rows removed from the data source.
      * @param {string} [source] String that identifies source of hook call
-     *                          ([list of all available sources]{@link http://docs.handsontable.com/tutorial-using-callbacks.html#page-source-definition}).
+     *                          ([list of all available sources]{@link https://handsontable.com/docs/javascript-data-grid/events-and-hooks/#handsontable-hooks}).
      */
   }, {
     key: "onAfterRemoveRow",
@@ -1079,7 +1079,7 @@ var Formulas = /*#__PURE__*/function (_BasePlugin) {
      * @param {number} amount An amount of removed columns.
      * @param {number[]} physicalColumns An array of physical columns removed from the data source.
      * @param {string} [source] String that identifies source of hook call
-     *                          ([list of all available sources]{@link http://docs.handsontable.com/tutorial-using-callbacks.html#page-source-definition}).
+     *                          ([list of all available sources]{@link https://handsontable.com/docs/javascript-data-grid/events-and-hooks/#handsontable-hooks}).
      */
   }, {
     key: "onAfterRemoveCol",

package/plugins/formulas/formulas.mjs

@@ -831,7 +831,7 @@ export var Formulas = /*#__PURE__*/function (_BasePlugin) {
      * @private
      * @param {Array[]} changes An array of changes in format [[row, prop, oldValue, value], ...].
      * @param {string} [source] String that identifies source of hook call
-     *                          ([list of all available sources]{@link http://docs.handsontable.com/tutorial-using-callbacks.html#page-source-definition}).
+     *                          ([list of all available sources]{@link https://handsontable.com/docs/javascript-data-grid/events-and-hooks/#handsontable-hooks}).
      */
   }, {
     key: "onAfterSetDataAtCell",
@@ -892,7 +892,7 @@ export var Formulas = /*#__PURE__*/function (_BasePlugin) {
      * @private
      * @param {Array[]} changes An array of changes in format [[row, column, oldValue, value], ...].
      * @param {string} [source] String that identifies source of hook call
-     *                          ([list of all available sources]{@link http://docs.handsontable.com/tutorial-using-callbacks.html#page-source-definition}).
+     *                          ([list of all available sources]{@link https://handsontable.com/docs/javascript-data-grid/events-and-hooks/#handsontable-hooks}).
      */
   }, {
     key: "onAfterSetSourceDataAtCell",
@@ -1007,7 +1007,7 @@ export var Formulas = /*#__PURE__*/function (_BasePlugin) {
      * @param {number} row Represents the visual index of first newly created row in the data source array.
      * @param {number} amount Number of newly created rows in the data source array.
      * @param {string} [source] String that identifies source of hook call
-     *                          ([list of all available sources]{@link http://docs.handsontable.com/tutorial-using-callbacks.html#page-source-definition}).
+     *                          ([list of all available sources]{@link https://handsontable.com/docs/javascript-data-grid/events-and-hooks/#handsontable-hooks}).
      */
   }, {
     key: "onAfterCreateRow",
@@ -1026,7 +1026,7 @@ export var Formulas = /*#__PURE__*/function (_BasePlugin) {
      * @param {number} col Represents the visual index of first newly created column in the data source.
      * @param {number} amount Number of newly created columns in the data source.
      * @param {string} [source] String that identifies source of hook call
-     *                          ([list of all available sources]{@link http://docs.handsontable.com/tutorial-using-callbacks.html#page-source-definition}).
+     *                          ([list of all available sources]{@link https://handsontable.com/docs/javascript-data-grid/events-and-hooks/#handsontable-hooks}).
      */
   }, {
     key: "onAfterCreateCol",
@@ -1046,7 +1046,7 @@ export var Formulas = /*#__PURE__*/function (_BasePlugin) {
      * @param {number} amount An amount of removed rows.
      * @param {number[]} physicalRows An array of physical rows removed from the data source.
      * @param {string} [source] String that identifies source of hook call
-     *                          ([list of all available sources]{@link http://docs.handsontable.com/tutorial-using-callbacks.html#page-source-definition}).
+     *                          ([list of all available sources]{@link https://handsontable.com/docs/javascript-data-grid/events-and-hooks/#handsontable-hooks}).
      */
   }, {
     key: "onAfterRemoveRow",
@@ -1072,7 +1072,7 @@ export var Formulas = /*#__PURE__*/function (_BasePlugin) {
      * @param {number} amount An amount of removed columns.
      * @param {number[]} physicalColumns An array of physical columns removed from the data source.
      * @param {string} [source] String that identifies source of hook call
-     *                          ([list of all available sources]{@link http://docs.handsontable.com/tutorial-using-callbacks.html#page-source-definition}).
+     *                          ([list of all available sources]{@link https://handsontable.com/docs/javascript-data-grid/events-and-hooks/#handsontable-hooks}).
      */
   }, {
     key: "onAfterRemoveCol",

package/shortcuts/manager.js

@@ -19,7 +19,7 @@ var _recorder = require("./recorder");
  * @param {object} options The manager's options
  * @param {EventTarget} options.ownerWindow A starting `window` element
  * @param {Function} options.handleEvent A condition on which `event` is handled.
- * @param {Function} options.beforeKeyDown A hook fired before the `keydown` event is handled. You can use it to [block a keyboard shortcut's actions](@/guides/accessories-and-menus/keyboard-shortcuts.md#blocking-a-keyboard-shortcut-s-actions).
+ * @param {Function} options.beforeKeyDown A hook fired before the `keydown` event is handled. You can use it to [block a keyboard shortcut's actions](@/guides/accessories-and-menus/keyboard-shortcuts.md#block-a-keyboard-shortcut-s-actions).
  * @param {Function} options.afterKeyDown A hook fired after the `keydown` event is handled
  */
 var createShortcutManager = function createShortcutManager(_ref) {

package/shortcuts/manager.mjs

@@ -14,7 +14,7 @@ import { useRecorder } from "./recorder.mjs";
  * @param {object} options The manager's options
  * @param {EventTarget} options.ownerWindow A starting `window` element
  * @param {Function} options.handleEvent A condition on which `event` is handled.
- * @param {Function} options.beforeKeyDown A hook fired before the `keydown` event is handled. You can use it to [block a keyboard shortcut's actions](@/guides/accessories-and-menus/keyboard-shortcuts.md#blocking-a-keyboard-shortcut-s-actions).
+ * @param {Function} options.beforeKeyDown A hook fired before the `keydown` event is handled. You can use it to [block a keyboard shortcut's actions](@/guides/accessories-and-menus/keyboard-shortcuts.md#block-a-keyboard-shortcut-s-actions).
  * @param {Function} options.afterKeyDown A hook fired after the `keydown` event is handled
  */
 export var createShortcutManager = function createShortcutManager(_ref) {