handsontable 14.0.0-next-07c0a60-20231107 → 14.0.0-next-7ee54cb-20231108

package/helpers/object.js

@@ -157,7 +157,7 @@ function mixin(Base) {
   (0, _array.arrayEach)(mixins, mixinItem => {
     Base.MIXINS.push(mixinItem.MIXIN_NAME);
     objectEach(mixinItem, (value, key) => {
-      if (Base.prototype[key] !== void 0) {
+      if (Base.prototype[key] !== undefined) {
         throw new Error(`Mixin conflict. Property '${key}' already exist and cannot be overwritten.`);
       }
       if (typeof value === 'function') {
@@ -173,7 +173,7 @@ function mixin(Base) {
             return result;
           };
           return function () {
-            if (this[propertyName] === void 0) {
+            if (this[propertyName] === undefined) {
               this[propertyName] = initValue(initialValue);
             }
             return this[propertyName];
@@ -263,8 +263,8 @@ function getProperty(object, name) {
   let result = object;
   objectEach(names, nameItem => {
     result = result[nameItem];
-    if (result === void 0) {
-      result = void 0;
+    if (result === undefined) {
+      result = undefined;
       return false;
     }
   });

package/helpers/object.mjs

@@ -138,7 +138,7 @@ export function mixin(Base) {
   arrayEach(mixins, mixinItem => {
     Base.MIXINS.push(mixinItem.MIXIN_NAME);
     objectEach(mixinItem, (value, key) => {
-      if (Base.prototype[key] !== void 0) {
+      if (Base.prototype[key] !== undefined) {
         throw new Error(`Mixin conflict. Property '${key}' already exist and cannot be overwritten.`);
       }
       if (typeof value === 'function') {
@@ -154,7 +154,7 @@ export function mixin(Base) {
             return result;
           };
           return function () {
-            if (this[propertyName] === void 0) {
+            if (this[propertyName] === undefined) {
               this[propertyName] = initValue(initialValue);
             }
             return this[propertyName];
@@ -244,8 +244,8 @@ export function getProperty(object, name) {
   let result = object;
   objectEach(names, nameItem => {
     result = result[nameItem];
-    if (result === void 0) {
-      result = void 0;
+    if (result === undefined) {
+      result = undefined;
       return false;
     }
   });

package/helpers/string.js

@@ -83,7 +83,7 @@ function substitute(template) {
     if (match.charAt(0) === '\\') {
       return match.substr(1, match.length - 1);
     }
-    return variables[name] === void 0 ? '' : variables[name];
+    return variables[name] === undefined ? '' : variables[name];
   });
 }
 

package/helpers/string.mjs

@@ -72,7 +72,7 @@ export function substitute(template) {
     if (match.charAt(0) === '\\') {
       return match.substr(1, match.length - 1);
     }
-    return variables[name] === void 0 ? '' : variables[name];
+    return variables[name] === undefined ? '' : variables[name];
   });
 }
 

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/handsontable/handsontable/issues"
   },
   "author": "Handsoncode <hello@handsontable.com>",
-  "version": "14.0.0-next-07c0a60-20231107",
+  "version": "14.0.0-next-7ee54cb-20231108",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",

package/pluginHooks.d.ts

@@ -47,13 +47,11 @@ interface HookHighlightRowHeaderMeta {
   selectionType: string;
   rowCursor: number;
   selectionHeight: number;
-  classNames: string[];
 }
 interface HookHighlightColumnHeaderMeta {
   selectionType: string;
   columnCursor: number;
   selectionWidth: number;
-  classNames: string[];
 }
 
 export interface Events {

package/pluginHooks.js

@@ -2,12 +2,16 @@
 
 exports.__esModule = true;
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.error.cause.js");
 var _array = require("./helpers/array");
 var _object = require("./helpers/object");
 var _string = require("./helpers/string");
 var _console = require("./helpers/console");
 var _templateLiteralTag = require("./helpers/templateLiteralTag");
 var _function = require("./helpers/function");
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /* eslint-disable jsdoc/require-description-complete-sentence */
 /**
  * @description
@@ -2571,10 +2575,15 @@ class Hooks {
     return getGlobalSingleton();
   }
 
+  /**
+   * @type {object}
+   */
+
   /**
    *
    */
   constructor() {
+    _defineProperty(this, "globalBucket", void 0);
     this.globalBucket = this.createEmptyBucket();
   }
 
@@ -2749,7 +2758,7 @@ class Hooks {
   has(key) {
     let context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     const bucket = this.getBucket(context);
-    return !!(bucket[key] !== void 0 && bucket[key].length);
+    return !!(bucket[key] !== undefined && bucket[key].length);
   }
 
   /**
@@ -2786,7 +2795,7 @@ class Hooks {
             continue;
           }
           const res = (0, _function.fastCall)(globalHandlers[index], context, p1, p2, p3, p4, p5, p6);
-          if (res !== void 0) {
+          if (res !== undefined) {
             // eslint-disable-next-line no-param-reassign
             p1 = res;
           }
@@ -2810,7 +2819,7 @@ class Hooks {
             continue;
           }
           const res = (0, _function.fastCall)(localHandlers[index], context, p1, p2, p3, p4, p5, p6);
-          if (res !== void 0) {
+          if (res !== undefined) {
             // eslint-disable-next-line no-param-reassign
             p1 = res;
           }

package/pluginHooks.mjs

@@ -1,4 +1,8 @@
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.error.cause.js";
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { arrayEach } from "./helpers/array.mjs";
 import { objectEach } from "./helpers/object.mjs";
 import { substitute } from "./helpers/string.mjs";
@@ -2569,10 +2573,15 @@ class Hooks {
     return getGlobalSingleton();
   }
 
+  /**
+   * @type {object}
+   */
+
   /**
    *
    */
   constructor() {
+    _defineProperty(this, "globalBucket", void 0);
     this.globalBucket = this.createEmptyBucket();
   }
 
@@ -2747,7 +2756,7 @@ class Hooks {
   has(key) {
     let context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     const bucket = this.getBucket(context);
-    return !!(bucket[key] !== void 0 && bucket[key].length);
+    return !!(bucket[key] !== undefined && bucket[key].length);
   }
 
   /**
@@ -2784,7 +2793,7 @@ class Hooks {
             continue;
           }
           const res = fastCall(globalHandlers[index], context, p1, p2, p3, p4, p5, p6);
-          if (res !== void 0) {
+          if (res !== undefined) {
             // eslint-disable-next-line no-param-reassign
             p1 = res;
           }
@@ -2808,7 +2817,7 @@ class Hooks {
             continue;
           }
           const res = fastCall(localHandlers[index], context, p1, p2, p3, p4, p5, p6);
-          if (res !== void 0) {
+          if (res !== undefined) {
             // eslint-disable-next-line no-param-reassign
             p1 = res;
           }

package/plugins/autoColumnSize/autoColumnSize.js

@@ -2,6 +2,7 @@
 
 exports.__esModule = true;
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.error.cause.js");
 var _base = require("../base");
 var _array = require("../../helpers/array");
 var _feature = require("../../helpers/feature");
@@ -15,10 +16,21 @@ var _src = require("../../3rdparty/walkontable/src");
 var _translations = require("../../translations");
 var _mixed = require("../../helpers/mixed");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
+function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
+function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
+function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
+function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
+function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 _pluginHooks.default.getSingleton().register('modifyAutoColumnSizeSeed');
 const PLUGIN_KEY = exports.PLUGIN_KEY = 'autoColumnSize';
 const PLUGIN_PRIORITY = exports.PLUGIN_PRIORITY = 10;
-const privatePool = new WeakMap();
 const COLUMN_SIZE_MAP_NAME = 'autoColumnSize';
 
 /* eslint-disable jsdoc/require-description-complete-sentence */
@@ -118,6 +130,13 @@ const COLUMN_SIZE_MAP_NAME = 'autoColumnSize';
  * :::
  */
 /* eslint-enable jsdoc/require-description-complete-sentence */
+var _cachedColumnHeaders = /*#__PURE__*/new WeakMap();
+var _onBeforeViewRender = /*#__PURE__*/new WeakSet();
+var _onAfterLoadData = /*#__PURE__*/new WeakSet();
+var _onBeforeChange = /*#__PURE__*/new WeakSet();
+var _onBeforeColumnResize = /*#__PURE__*/new WeakSet();
+var _onAfterInit = /*#__PURE__*/new WeakSet();
+var _onAfterFormulasValuesUpdate = /*#__PURE__*/new WeakSet();
 class AutoColumnSize extends _base.BasePlugin {
   static get PLUGIN_KEY() {
     return PLUGIN_KEY;
@@ -134,25 +153,50 @@ class AutoColumnSize extends _base.BasePlugin {
   static get SYNC_CALCULATION_LIMIT() {
     return 50;
   }
+
+  /**
+   * Instance of {@link GhostTable} for rows and columns size calculations.
+   *
+   * @private
+   * @type {GhostTable}
+   */
+
   constructor(hotInstance) {
     super(hotInstance);
-    privatePool.set(this, {
-      /**
-       * Cached column header names. It is used to diff current column headers with previous state and detect which
-       * columns width should be updated.
-       *
-       * @private
-       * @type {Array}
-       */
-      cachedColumnHeaders: []
-    });
     /**
-     * Instance of {@link GhostTable} for rows and columns size calculations.
+     * After formulas values updated listener.
      *
-     * @private
-     * @type {GhostTable}
+     * @param {Array} changes An array of modified data.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterFormulasValuesUpdate);
+    /**
+     * On after Handsontable init fill plugin with all necessary values.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterInit);
+    /**
+     * On before column resize listener.
+     *
+     * @param {number} size Calculated new column width.
+     * @param {number} column Visual index of the resized column.
+     * @param {boolean} isDblClick  Flag that determines whether there was a double-click.
+     * @returns {number}
+     */
+    _classPrivateMethodInitSpec(this, _onBeforeColumnResize);
+    /**
+     * On before change listener.
+     *
+     * @param {Array} changes An array of modified data.
+     */
+    _classPrivateMethodInitSpec(this, _onBeforeChange);
+    /**
+     * On after load data listener.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterLoadData);
+    /**
+     * On before view render listener.
      */
-    this.ghostTable = new _ghostTable.default(this.hot);
+    _classPrivateMethodInitSpec(this, _onBeforeViewRender);
+    _defineProperty(this, "ghostTable", new _ghostTable.default(this.hot));
     /**
      * Instance of {@link SamplesGenerator} for generating samples necessary for columns width calculations.
      *
@@ -160,7 +204,7 @@ class AutoColumnSize extends _base.BasePlugin {
      * @type {SamplesGenerator}
      * @fires Hooks#modifyAutoColumnSizeSeed
      */
-    this.samplesGenerator = new _samplesGenerator.default((row, column) => {
+    _defineProperty(this, "samplesGenerator", new _samplesGenerator.default((row, column) => {
       const cellMeta = this.hot.getCellMeta(row, column);
       let cellValue = '';
       if (!cellMeta.spanned) {
@@ -174,38 +218,48 @@ class AutoColumnSize extends _base.BasePlugin {
         value: cellValue,
         bundleSeed
       };
-    });
+    }));
     /**
      * `true` only if the first calculation was performed.
      *
      * @private
      * @type {boolean}
      */
-    this.firstCalculation = true;
+    _defineProperty(this, "firstCalculation", true);
     /**
      * `true` if the size calculation is in progress.
      *
      * @type {boolean}
      */
-    this.inProgress = false;
+    _defineProperty(this, "inProgress", false);
     /**
      * Number of already measured columns (we already know their sizes).
      *
      * @type {number}
      */
-    this.measuredColumns = 0;
+    _defineProperty(this, "measuredColumns", 0);
     /**
      * PhysicalIndexToValueMap to keep and track widths for physical column indexes.
      *
      * @private
      * @type {PhysicalIndexToValueMap}
      */
-    this.columnWidthsMap = new _translations.PhysicalIndexToValueMap();
+    _defineProperty(this, "columnWidthsMap", new _translations.PhysicalIndexToValueMap());
+    /**
+     * Cached column header names. It is used to diff current column headers with previous state and detect which
+     * columns width should be updated.
+     *
+     * @type {Array}
+     */
+    _classPrivateFieldInitSpec(this, _cachedColumnHeaders, {
+      writable: true,
+      value: []
+    });
     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 necessary for width recalculation for resize handler doubleclick (ManualColumnResize).
-    this.addHook('beforeColumnResize', (size, column, isDblClick) => this.onBeforeColumnResize(size, column, isDblClick));
+    this.addHook('beforeColumnResize', (size, column, isDblClick) => _classPrivateMethodGet(this, _onBeforeColumnResize, _onBeforeColumnResize2).call(this, size, column, isDblClick));
   }
 
   /**
@@ -227,18 +281,21 @@ class AutoColumnSize extends _base.BasePlugin {
       return;
     }
     const setting = this.hot.getSettings()[PLUGIN_KEY];
-    if (setting && setting.useHeaders !== null && setting.useHeaders !== void 0) {
+    if (setting && setting.useHeaders !== null && setting.useHeaders !== undefined) {
       this.ghostTable.setSetting('useHeaders', setting.useHeaders);
     }
     this.setSamplingOptions();
     this.addHook('afterLoadData', function () {
-      return _this.onAfterLoadData(...arguments);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return _classPrivateMethodGet(_this, _onAfterLoadData, _onAfterLoadData2).call(_this, ...args);
     });
-    this.addHook('beforeChangeRender', changes => this.onBeforeChange(changes));
-    this.addHook('afterFormulasValuesUpdate', changes => this.onAfterFormulasValuesUpdate(changes));
-    this.addHook('beforeViewRender', force => this.onBeforeViewRender(force));
+    this.addHook('beforeChangeRender', changes => _classPrivateMethodGet(this, _onBeforeChange, _onBeforeChange2).call(this, changes));
+    this.addHook('afterFormulasValuesUpdate', changes => _classPrivateMethodGet(this, _onAfterFormulasValuesUpdate, _onAfterFormulasValuesUpdate2).call(this, changes));
+    this.addHook('beforeViewRender', force => _classPrivateMethodGet(this, _onBeforeViewRender, _onBeforeViewRender2).call(this, force));
     this.addHook('modifyColWidth', (width, col) => this.getColumnWidth(col, width));
-    this.addHook('afterInit', () => this.onAfterInit());
+    this.addHook('afterInit', () => _classPrivateMethodGet(this, _onAfterInit, _onAfterInit2).call(this));
     super.enablePlugin();
   }
 
@@ -262,7 +319,7 @@ class AutoColumnSize extends _base.BasePlugin {
 
     // Leave the listener active to allow auto-sizing the columns when the plugin is disabled.
     // This is necessary for width recalculation for resize handler doubleclick (ManualColumnResize).
-    this.addHook('beforeColumnResize', (size, column, isDblClick) => this.onBeforeColumnResize(size, column, isDblClick));
+    this.addHook('beforeColumnResize', (size, column, isDblClick) => _classPrivateMethodGet(this, _onBeforeColumnResize, _onBeforeColumnResize2).call(this, size, column, isDblClick));
   }
 
   /**
@@ -284,7 +341,7 @@ class AutoColumnSize extends _base.BasePlugin {
     this.calculateColumnsWidth({
       from: firstVisibleColumn,
       to: lastVisibleColumn
-    }, void 0, force);
+    }, undefined, force);
   }
 
   /**
@@ -340,7 +397,7 @@ class AutoColumnSize extends _base.BasePlugin {
 
   /**
    * Calculates all columns width. The calculated column will be cached in the {@link AutoColumnSize#widths} property.
-   * To retrieve width for specified column use {@link AutoColumnSize#getColumnWidth} method.
+   * To retrieve width for specified column use {@link AutoColumnSize##getColumnWidth} method.
    *
    * @param {object|number} rowRange Row index or an object with `from` and `to` properties which define row range.
    */
@@ -401,8 +458,8 @@ class AutoColumnSize extends _base.BasePlugin {
    */
   setSamplingOptions() {
     const setting = this.hot.getSettings()[PLUGIN_KEY];
-    const samplingRatio = setting && (0, _object.hasOwnProperty)(setting, 'samplingRatio') ? setting.samplingRatio : void 0;
-    const allowSampleDuplicates = setting && (0, _object.hasOwnProperty)(setting, 'allowSampleDuplicates') ? setting.allowSampleDuplicates : void 0;
+    const samplingRatio = setting && (0, _object.hasOwnProperty)(setting, 'samplingRatio') ? setting.samplingRatio : undefined;
+    const allowSampleDuplicates = setting && (0, _object.hasOwnProperty)(setting, 'allowSampleDuplicates') ? setting.allowSampleDuplicates : undefined;
     if (samplingRatio && !isNaN(samplingRatio)) {
       this.samplesGenerator.setSampleCount(parseInt(samplingRatio, 10));
     }
@@ -453,10 +510,10 @@ class AutoColumnSize extends _base.BasePlugin {
    * @returns {number}
    */
   getColumnWidth(column) {
-    let defaultWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : void 0;
+    let defaultWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
     let keepMinimum = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     let width = defaultWidth;
-    if (width === void 0) {
+    if (width === undefined) {
       width = this.columnWidthsMap.getValueAtIndex(this.hot.toPhysicalColumn(column));
       if (keepMinimum && typeof width === 'number') {
         width = Math.max(width, _src.ViewportColumnsCalculator.DEFAULT_WIDTH);
@@ -524,18 +581,15 @@ class AutoColumnSize extends _base.BasePlugin {
    */
   findColumnsWhereHeaderWasChanged() {
     const columnHeaders = this.hot.getColHeader();
-    const {
-      cachedColumnHeaders
-    } = privatePool.get(this);
     const changedColumns = (0, _array.arrayReduce)(columnHeaders, (acc, columnTitle, physicalColumn) => {
-      const cachedColumnsLength = cachedColumnHeaders.length;
-      if (cachedColumnsLength - 1 < physicalColumn || cachedColumnHeaders[physicalColumn] !== columnTitle) {
+      const cachedColumnsLength = _classPrivateFieldGet(this, _cachedColumnHeaders).length;
+      if (cachedColumnsLength - 1 < physicalColumn || _classPrivateFieldGet(this, _cachedColumnHeaders)[physicalColumn] !== columnTitle) {
         acc.push(physicalColumn);
       }
       if (cachedColumnsLength - 1 < physicalColumn) {
-        cachedColumnHeaders.push(columnTitle);
+        _classPrivateFieldGet(this, _cachedColumnHeaders).push(columnTitle);
       } else {
-        cachedColumnHeaders[physicalColumn] = columnTitle;
+        _classPrivateFieldGet(this, _cachedColumnHeaders)[physicalColumn] = columnTitle;
       }
       return acc;
     }, []);
@@ -569,93 +623,6 @@ class AutoColumnSize extends _base.BasePlugin {
   isNeedRecalculate() {
     return !!(0, _array.arrayFilter)(this.columnWidthsMap.getValues().slice(0, this.measuredColumns), item => item === null).length;
   }
-
-  /**
-   * On before view render listener.
-   *
-   * @private
-   */
-  onBeforeViewRender() {
-    this.calculateVisibleColumnsWidth();
-    if (this.isNeedRecalculate() && !this.inProgress) {
-      this.calculateAllColumnsWidth();
-    }
-  }
-
-  /**
-   * On after load data listener.
-   *
-   * @private
-   */
-  onAfterLoadData() {
-    if (this.hot.view) {
-      this.recalculateAllColumnsWidth();
-    } else {
-      // first load - initialization
-      setTimeout(() => {
-        if (this.hot) {
-          this.recalculateAllColumnsWidth();
-        }
-      }, 0);
-    }
-  }
-
-  /**
-   * On before change listener.
-   *
-   * @private
-   * @param {Array} changes An array of modified data.
-   */
-  onBeforeChange(changes) {
-    const changedColumns = (0, _array.arrayMap)(changes, _ref2 => {
-      let [, columnProperty] = _ref2;
-      return this.hot.toPhysicalColumn(this.hot.propToCol(columnProperty));
-    });
-    this.clearCache(Array.from(new Set(changedColumns)));
-  }
-
-  /**
-   * On before column resize listener.
-   *
-   * @private
-   * @param {number} size Calculated new column width.
-   * @param {number} column Visual index of the resized column.
-   * @param {boolean} isDblClick  Flag that determines whether there was a double-click.
-   * @returns {number}
-   */
-  onBeforeColumnResize(size, column, isDblClick) {
-    let newSize = size;
-    if (isDblClick) {
-      this.calculateColumnsWidth(column, void 0, true);
-      newSize = this.getColumnWidth(column, void 0, false);
-    }
-    return newSize;
-  }
-
-  /**
-   * On after Handsontable init fill plugin with all necessary values.
-   *
-   * @private
-   */
-  onAfterInit() {
-    privatePool.get(this).cachedColumnHeaders = this.hot.getColHeader();
-  }
-
-  /**
-   * After formulas values updated listener.
-   *
-   * @private
-   * @param {Array} changes An array of modified data.
-   */
-  onAfterFormulasValuesUpdate(changes) {
-    const filteredChanges = (0, _array.arrayFilter)(changes, change => {
-      var _change$address;
-      return (0, _mixed.isDefined)((_change$address = change.address) === null || _change$address === void 0 ? void 0 : _change$address.col);
-    });
-    const changedColumns = (0, _array.arrayMap)(filteredChanges, change => change.address.col);
-    this.clearCache(Array.from(new Set(changedColumns)));
-  }
-
   /**
    * Destroys the plugin instance.
    */
@@ -664,4 +631,48 @@ class AutoColumnSize extends _base.BasePlugin {
     super.destroy();
   }
 }
-exports.AutoColumnSize = AutoColumnSize;
+exports.AutoColumnSize = AutoColumnSize;
+function _onBeforeViewRender2() {
+  this.calculateVisibleColumnsWidth();
+  if (this.isNeedRecalculate() && !this.inProgress) {
+    this.calculateAllColumnsWidth();
+  }
+}
+function _onAfterLoadData2() {
+  if (this.hot.view) {
+    this.recalculateAllColumnsWidth();
+  } else {
+    // first load - initialization
+    setTimeout(() => {
+      if (this.hot) {
+        this.recalculateAllColumnsWidth();
+      }
+    }, 0);
+  }
+}
+function _onBeforeChange2(changes) {
+  const changedColumns = (0, _array.arrayMap)(changes, _ref2 => {
+    let [, columnProperty] = _ref2;
+    return this.hot.toPhysicalColumn(this.hot.propToCol(columnProperty));
+  });
+  this.clearCache(Array.from(new Set(changedColumns)));
+}
+function _onBeforeColumnResize2(size, column, isDblClick) {
+  let newSize = size;
+  if (isDblClick) {
+    this.calculateColumnsWidth(column, undefined, true);
+    newSize = this.getColumnWidth(column, undefined, false);
+  }
+  return newSize;
+}
+function _onAfterInit2() {
+  _classPrivateFieldSet(this, _cachedColumnHeaders, this.hot.getColHeader());
+}
+function _onAfterFormulasValuesUpdate2(changes) {
+  const filteredChanges = (0, _array.arrayFilter)(changes, change => {
+    var _change$address;
+    return (0, _mixed.isDefined)((_change$address = change.address) === null || _change$address === void 0 ? void 0 : _change$address.col);
+  });
+  const changedColumns = (0, _array.arrayMap)(filteredChanges, change => change.address.col);
+  this.clearCache(Array.from(new Set(changedColumns)));
+}