handsontable 12.0.0 → 12.0.1

package/helpers/mixed.js

@@ -194,7 +194,7 @@ var domMessages = {
 function _injectProductInfo(key, element) {
   var hasValidType = !isEmpty(key);
   var isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  var hotVersion = "12.0.0";
+  var hotVersion = "12.0.1";
   var keyValidityDate;
   var consoleMessageState = 'invalid';
   var domMessageState = 'invalid';
@@ -204,7 +204,7 @@ function _injectProductInfo(key, element) {
 
   if (hasValidType || isNonCommercial || schemaValidity) {
     if (schemaValidity) {
-      var releaseDate = (0, _moment.default)("28/04/2022", 'DD/MM/YYYY');
+      var releaseDate = (0, _moment.default)("16/05/2022", 'DD/MM/YYYY');
       var releaseDays = Math.floor(releaseDate.toDate().getTime() / 8.64e7);
 
       var keyValidityDays = _extractTime(key);

package/helpers/mixed.mjs

@@ -162,7 +162,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 = "12.0.0";
+  var hotVersion = "12.0.1";
   var keyValidityDate;
   var consoleMessageState = 'invalid';
   var domMessageState = 'invalid';
@@ -172,7 +172,7 @@ export function _injectProductInfo(key, element) {
 
   if (hasValidType || isNonCommercial || schemaValidity) {
     if (schemaValidity) {
-      var releaseDate = moment("28/04/2022", 'DD/MM/YYYY');
+      var releaseDate = moment("16/05/2022", 'DD/MM/YYYY');
       var releaseDays = Math.floor(releaseDate.toDate().getTime() / 8.64e7);
 
       var keyValidityDays = _extractTime(key);

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/handsontable/handsontable/issues"
   },
   "author": "Handsoncode <hello@handsontable.com>",
-  "version": "12.0.0",
+  "version": "12.0.1",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",

package/plugins/autoColumnSize/autoColumnSize.js

@@ -273,7 +273,7 @@ var AutoColumnSize = /*#__PURE__*/function (_BasePlugin) {
     _this.columnWidthsMap = new _translations.PhysicalIndexToValueMap();
 
     _this.hot.columnIndexMapper.registerMap(COLUMN_SIZE_MAP_NAME, _this.columnWidthsMap); // Leave the listener active to allow auto-sizing the columns when the plugin is disabled.
-    // This is necesseary for width recalculation for resize handler doubleclick (ManualColumnResize).
+    // This is necessary for width recalculation for resize handler doubleclick (ManualColumnResize).
 
 
     _this.addHook('beforeColumnResize', function (size, column, isDblClick) {
@@ -318,7 +318,7 @@ var AutoColumnSize = /*#__PURE__*/function (_BasePlugin) {
       this.addHook('afterLoadData', function () {
         return _this2.onAfterLoadData.apply(_this2, arguments);
       });
-      this.addHook('beforeChange', function (changes) {
+      this.addHook('beforeChangeRender', function (changes) {
         return _this2.onBeforeChange(changes);
       });
       this.addHook('afterFormulasValuesUpdate', function (changes) {
@@ -362,7 +362,7 @@ var AutoColumnSize = /*#__PURE__*/function (_BasePlugin) {
       var _this3 = this;
 
       _get(_getPrototypeOf(AutoColumnSize.prototype), "disablePlugin", this).call(this); // Leave the listener active to allow auto-sizing the columns when the plugin is disabled.
-      // This is necesseary for width recalculation for resize handler doubleclick (ManualColumnResize).
+      // This is necessary for width recalculation for resize handler doubleclick (ManualColumnResize).
 
 
       this.addHook('beforeColumnResize', function (size, column, isDblClick) {

package/plugins/autoColumnSize/autoColumnSize.mjs

@@ -232,7 +232,7 @@ export var AutoColumnSize = /*#__PURE__*/function (_BasePlugin) {
     _this.columnWidthsMap = new IndexToValueMap();
 
     _this.hot.columnIndexMapper.registerMap(COLUMN_SIZE_MAP_NAME, _this.columnWidthsMap); // Leave the listener active to allow auto-sizing the columns when the plugin is disabled.
-    // This is necesseary for width recalculation for resize handler doubleclick (ManualColumnResize).
+    // This is necessary for width recalculation for resize handler doubleclick (ManualColumnResize).
 
 
     _this.addHook('beforeColumnResize', function (size, column, isDblClick) {
@@ -277,7 +277,7 @@ export var AutoColumnSize = /*#__PURE__*/function (_BasePlugin) {
       this.addHook('afterLoadData', function () {
         return _this2.onAfterLoadData.apply(_this2, arguments);
       });
-      this.addHook('beforeChange', function (changes) {
+      this.addHook('beforeChangeRender', function (changes) {
         return _this2.onBeforeChange(changes);
       });
       this.addHook('afterFormulasValuesUpdate', function (changes) {
@@ -321,7 +321,7 @@ export var AutoColumnSize = /*#__PURE__*/function (_BasePlugin) {
       var _this3 = this;
 
       _get(_getPrototypeOf(AutoColumnSize.prototype), "disablePlugin", this).call(this); // Leave the listener active to allow auto-sizing the columns when the plugin is disabled.
-      // This is necesseary for width recalculation for resize handler doubleclick (ManualColumnResize).
+      // This is necessary for width recalculation for resize handler doubleclick (ManualColumnResize).
 
 
       this.addHook('beforeColumnResize', function (size, column, isDblClick) {

package/plugins/autoRowSize/autoRowSize.js

@@ -287,7 +287,7 @@ var AutoRowSize = /*#__PURE__*/function (_BasePlugin) {
       this.addHook('afterLoadData', function () {
         return _this2.onAfterLoadData.apply(_this2, arguments);
       });
-      this.addHook('beforeChange', function (changes) {
+      this.addHook('beforeChangeRender', function (changes) {
         return _this2.onBeforeChange(changes);
       });
       this.addHook('beforeColumnResize', function () {

package/plugins/autoRowSize/autoRowSize.mjs

@@ -252,7 +252,7 @@ export var AutoRowSize = /*#__PURE__*/function (_BasePlugin) {
       this.addHook('afterLoadData', function () {
         return _this2.onAfterLoadData.apply(_this2, arguments);
       });
-      this.addHook('beforeChange', function (changes) {
+      this.addHook('beforeChangeRender', function (changes) {
         return _this2.onBeforeChange(changes);
       });
       this.addHook('beforeColumnResize', function () {

package/plugins/customBorders/customBorders.js

@@ -908,13 +908,14 @@ var CustomBorders = /*#__PURE__*/function (_BasePlugin) {
       var customBorders = this.hot.getSettings()[PLUGIN_KEY];
 
       if (Array.isArray(customBorders)) {
-        this.checkSettingsCohesion(customBorders);
+        var bordersClone = (0, _object.deepClone)(customBorders);
+        this.checkSettingsCohesion(bordersClone);
 
-        if (!customBorders.length) {
-          this.savedBorders = customBorders;
+        if (!bordersClone.length) {
+          this.savedBorders = bordersClone;
         }
 
-        this.createCustomBorders(customBorders);
+        this.createCustomBorders(bordersClone);
       } else if (customBorders !== void 0) {
         this.createCustomBorders(this.savedBorders);
       }

package/plugins/customBorders/customBorders.mjs

@@ -61,7 +61,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import { BasePlugin } from "../base/index.mjs";
-import { hasOwnProperty, objectEach } from "../../helpers/object.mjs";
+import { hasOwnProperty, objectEach, deepClone } from "../../helpers/object.mjs";
 import { rangeEach } from "../../helpers/number.mjs";
 import { arrayEach, arrayReduce, arrayMap } from "../../helpers/array.mjs";
 import * as C from "../../i18n/constants.mjs";
@@ -866,13 +866,14 @@ export var CustomBorders = /*#__PURE__*/function (_BasePlugin) {
       var customBorders = this.hot.getSettings()[PLUGIN_KEY];
 
       if (Array.isArray(customBorders)) {
-        this.checkSettingsCohesion(customBorders);
+        var bordersClone = deepClone(customBorders);
+        this.checkSettingsCohesion(bordersClone);
 
-        if (!customBorders.length) {
-          this.savedBorders = customBorders;
+        if (!bordersClone.length) {
+          this.savedBorders = bordersClone;
         }
 
-        this.createCustomBorders(customBorders);
+        this.createCustomBorders(bordersClone);
       } else if (customBorders !== void 0) {
         this.createCustomBorders(this.savedBorders);
       }

package/plugins/formulas/formulas.js

@@ -728,9 +728,14 @@ var Formulas = /*#__PURE__*/function (_BasePlugin) {
         // where the user directly changes the values - the Core triggers those validators.
 
         if (sheetId !== void 0 && !changedCellsSet.has(addressId)) {
-          var hot = (0, _register.getRegisteredHotInstances)(_this12.engine).get(sheetId); // It will just re-render certain cell when necessary.
+          var boundHot = (0, _register.getRegisteredHotInstances)(_this12.engine).get(sheetId); // if `sheetId` is not bound to any Handsontable instance, skip the validation process
 
-          hot.validateCell(hot.getDataAtCell(visualRow, visualColumn), hot.getCellMeta(visualRow, visualColumn), function () {});
+          if (!boundHot) {
+            return;
+          } // It will just re-render certain cell when necessary.
+
+
+          boundHot.validateCell(boundHot.getDataAtCell(visualRow, visualColumn), boundHot.getCellMeta(visualRow, visualColumn), function () {});
         }
       });
     }

package/plugins/formulas/formulas.mjs

@@ -674,9 +674,14 @@ export var Formulas = /*#__PURE__*/function (_BasePlugin) {
         // where the user directly changes the values - the Core triggers those validators.
 
         if (sheetId !== void 0 && !changedCellsSet.has(addressId)) {
-          var hot = getRegisteredHotInstances(_this12.engine).get(sheetId); // It will just re-render certain cell when necessary.
+          var boundHot = getRegisteredHotInstances(_this12.engine).get(sheetId); // if `sheetId` is not bound to any Handsontable instance, skip the validation process
 
-          hot.validateCell(hot.getDataAtCell(visualRow, visualColumn), hot.getCellMeta(visualRow, visualColumn), function () {});
+          if (!boundHot) {
+            return;
+          } // It will just re-render certain cell when necessary.
+
+
+          boundHot.validateCell(boundHot.getDataAtCell(visualRow, visualColumn), boundHot.getCellMeta(visualRow, visualColumn), function () {});
         }
       });
     }

package/plugins/nestedHeaders/utils/ghostTable.js

@@ -5,41 +5,45 @@ exports.default = void 0;
 
 var _element = require("../../../helpers/dom/element");
 
-var _object = require("../../../helpers/object");
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 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); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 /**
  * @private
  */
 var GhostTable = /*#__PURE__*/function () {
+  /**
+   * Reference to NestedHeaders plugin.
+   *
+   * @type {NestedHeaders}
+   */
+
+  /**
+   * Temporary element created to get minimal headers widths.
+   *
+   * @type {*}
+   */
+
+  /**
+   * Cached the headers widths.
+   *
+   * @type {Array}
+   */
   function GhostTable(plugin) {
     _classCallCheck(this, GhostTable);
 
-    /**
-     * Reference to NestedHeaders plugin.
-     *
-     * @type {NestedHeaders}
-     */
-    this.nestedHeaders = plugin;
-    /**
-     * Temporary element created to get minimal headers widths.
-     *
-     * @type {*}
-     */
+    _defineProperty(this, "nestedHeaders", void 0);
 
-    this.container = void 0;
-    /**
-     * Cached the headers widths.
-     *
-     * @type {Array}
-     */
+    _defineProperty(this, "container", void 0);
+
+    _defineProperty(this, "widthsCache", []);
 
-    this.widthsCache = [];
+    this.nestedHeaders = plugin;
   }
   /**
    * Build cache of the headers widths.
@@ -90,28 +94,25 @@ var GhostTable = /*#__PURE__*/function () {
         lastRowColspan = false;
 
         for (var col = 0; col < maxCols; col++) {
-          var td = rootDocument.createElement('th');
-          var headerObj = (0, _object.clone)(this.nestedHeaders.getHeaderSettings(row, col));
+          var th = rootDocument.createElement('th');
+          var headerSettings = this.nestedHeaders.getHeaderSettings(row, col);
+
+          if (headerSettings && !headerSettings.isPlaceholder) {
+            var label = headerSettings.label;
 
-          if (headerObj && !headerObj.isHidden) {
             if (row === lastRowIndex) {
-              if (headerObj.colspan > 1) {
+              if (headerSettings.colspan > 1) {
                 lastRowColspan = true;
               }
 
               if (isDropdownEnabled) {
-                headerObj.label += '<button class="changeType"></button>';
+                label += '<button class="changeType"></button>';
               }
             }
 
-            (0, _element.fastInnerHTML)(td, headerObj.label); // The guard here is needed because on IE11 an error is thrown if you
-            // try to assign an incorrect value to `td.colSpan` here.
-
-            if (headerObj.colspan !== undefined) {
-              td.colSpan = headerObj.colspan;
-            }
-
-            tr.appendChild(td);
+            (0, _element.fastInnerHTML)(th, label);
+            th.colSpan = headerSettings.colspan;
+            tr.appendChild(th);
           }
         }
 
@@ -124,9 +125,9 @@ var GhostTable = /*#__PURE__*/function () {
           var _tr = rootDocument.createElement('tr');
 
           for (var _col = 0; _col < maxCols; _col++) {
-            var _td = rootDocument.createElement('th');
+            var td = rootDocument.createElement('th');
 
-            _tr.appendChild(_td);
+            _tr.appendChild(td);
           }
 
           table.appendChild(_tr);

package/plugins/nestedHeaders/utils/ghostTable.mjs

@@ -4,36 +4,41 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 import { fastInnerHTML } from "../../../helpers/dom/element.mjs";
-import { clone } from "../../../helpers/object.mjs";
 /**
  * @private
  */
 
 var GhostTable = /*#__PURE__*/function () {
+  /**
+   * Reference to NestedHeaders plugin.
+   *
+   * @type {NestedHeaders}
+   */
+
+  /**
+   * Temporary element created to get minimal headers widths.
+   *
+   * @type {*}
+   */
+
+  /**
+   * Cached the headers widths.
+   *
+   * @type {Array}
+   */
   function GhostTable(plugin) {
     _classCallCheck(this, GhostTable);
 
-    /**
-     * Reference to NestedHeaders plugin.
-     *
-     * @type {NestedHeaders}
-     */
-    this.nestedHeaders = plugin;
-    /**
-     * Temporary element created to get minimal headers widths.
-     *
-     * @type {*}
-     */
+    _defineProperty(this, "nestedHeaders", void 0);
 
-    this.container = void 0;
-    /**
-     * Cached the headers widths.
-     *
-     * @type {Array}
-     */
+    _defineProperty(this, "container", void 0);
+
+    _defineProperty(this, "widthsCache", []);
 
-    this.widthsCache = [];
+    this.nestedHeaders = plugin;
   }
   /**
    * Build cache of the headers widths.
@@ -84,28 +89,25 @@ var GhostTable = /*#__PURE__*/function () {
         lastRowColspan = false;
 
         for (var col = 0; col < maxCols; col++) {
-          var td = rootDocument.createElement('th');
-          var headerObj = clone(this.nestedHeaders.getHeaderSettings(row, col));
+          var th = rootDocument.createElement('th');
+          var headerSettings = this.nestedHeaders.getHeaderSettings(row, col);
+
+          if (headerSettings && !headerSettings.isPlaceholder) {
+            var label = headerSettings.label;
 
-          if (headerObj && !headerObj.isHidden) {
             if (row === lastRowIndex) {
-              if (headerObj.colspan > 1) {
+              if (headerSettings.colspan > 1) {
                 lastRowColspan = true;
               }
 
               if (isDropdownEnabled) {
-                headerObj.label += '<button class="changeType"></button>';
+                label += '<button class="changeType"></button>';
               }
             }
 
-            fastInnerHTML(td, headerObj.label); // The guard here is needed because on IE11 an error is thrown if you
-            // try to assign an incorrect value to `td.colSpan` here.
-
-            if (headerObj.colspan !== undefined) {
-              td.colSpan = headerObj.colspan;
-            }
-
-            tr.appendChild(td);
+            fastInnerHTML(th, label);
+            th.colSpan = headerSettings.colspan;
+            tr.appendChild(th);
           }
         }
 
@@ -118,9 +120,9 @@ var GhostTable = /*#__PURE__*/function () {
           var _tr = rootDocument.createElement('tr');
 
           for (var _col = 0; _col < maxCols; _col++) {
-            var _td = rootDocument.createElement('th');
+            var td = rootDocument.createElement('th');
 
-            _tr.appendChild(_td);
+            _tr.appendChild(td);
           }
 
           table.appendChild(_tr);