handsontable 0.0.0-next-c2596d4-20240705 → 0.0.0-next-2cb2d27-20240709

package/plugins/autoColumnSize/autoColumnSize.js

@@ -3,15 +3,7 @@
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
-require("core-js/modules/esnext.set.difference.v2.js");
-require("core-js/modules/esnext.set.intersection.v2.js");
-require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
-require("core-js/modules/esnext.set.is-subset-of.v2.js");
-require("core-js/modules/esnext.set.is-superset-of.v2.js");
-require("core-js/modules/esnext.set.symmetric-difference.v2.js");
-require("core-js/modules/esnext.set.union.v2.js");
 var _base = require("../base");
-var _array = require("../../helpers/array");
 var _feature = require("../../helpers/feature");
 var _ghostTable = _interopRequireDefault(require("../../utils/ghostTable"));
 var _pluginHooks = _interopRequireDefault(require("../../pluginHooks"));
@@ -21,16 +13,15 @@ var _samplesGenerator = _interopRequireDefault(require("../../utils/samplesGener
 var _string = require("../../helpers/string");
 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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
+function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
+function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
 function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
+function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
 function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
 _pluginHooks.default.getSingleton().register('modifyAutoColumnSizeSeed');
 const PLUGIN_KEY = exports.PLUGIN_KEY = 'autoColumnSize';
@@ -135,6 +126,7 @@ const COLUMN_SIZE_MAP_NAME = 'autoColumnSize';
  */
 /* eslint-enable jsdoc/require-description-complete-sentence */
 var _cachedColumnHeaders = /*#__PURE__*/new WeakMap();
+var _visualColumnsToRefresh = /*#__PURE__*/new WeakMap();
 var _AutoColumnSize_brand = /*#__PURE__*/new WeakSet();
 class AutoColumnSize extends _base.BasePlugin {
   static get PLUGIN_KEY() {
@@ -163,7 +155,9 @@ class AutoColumnSize extends _base.BasePlugin {
   constructor(hotInstance) {
     super(hotInstance);
     /**
-     * On before view render listener.
+     * Calculates specific columns width (overwrite cache values).
+     *
+     * @param {number[]} visualColumns List of visual columns to calculate.
      */
     _classPrivateMethodInitSpec(this, _AutoColumnSize_brand);
     _defineProperty(this, "ghostTable", new _ghostTable.default(this.hot));
@@ -194,13 +188,6 @@ class AutoColumnSize extends _base.BasePlugin {
         bundleSeed
       };
     }));
-    /**
-     * `true` only if the first calculation was performed.
-     *
-     * @private
-     * @type {boolean}
-     */
-    _defineProperty(this, "firstCalculation", true);
     /**
      * `true` if the size calculation is in progress.
      *
@@ -227,6 +214,12 @@ class AutoColumnSize extends _base.BasePlugin {
      * @type {Array}
      */
     _classPrivateFieldInitSpec(this, _cachedColumnHeaders, []);
+    /**
+     * An array of column indexes whose width will be recalculated.
+     *
+     * @type {number[]}
+     */
+    _classPrivateFieldInitSpec(this, _visualColumnsToRefresh, []);
     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.
@@ -263,11 +256,21 @@ class AutoColumnSize extends _base.BasePlugin {
       }
       return _assertClassBrand(_AutoColumnSize_brand, _this, _onAfterLoadData).call(_this, ...args);
     });
-    this.addHook('beforeChangeRender', changes => _assertClassBrand(_AutoColumnSize_brand, this, _onBeforeChange).call(this, changes));
-    this.addHook('afterFormulasValuesUpdate', changes => _assertClassBrand(_AutoColumnSize_brand, this, _onAfterFormulasValuesUpdate).call(this, changes));
-    this.addHook('beforeViewRender', force => _assertClassBrand(_AutoColumnSize_brand, this, _onBeforeViewRender).call(this, force));
+    this.addHook('beforeChangeRender', function () {
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+      return _assertClassBrand(_AutoColumnSize_brand, _this, _onBeforeChange).call(_this, ...args);
+    });
+    this.addHook('afterFormulasValuesUpdate', function () {
+      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        args[_key3] = arguments[_key3];
+      }
+      return _assertClassBrand(_AutoColumnSize_brand, _this, _onAfterFormulasValuesUpdate).call(_this, ...args);
+    });
+    this.addHook('beforeRender', () => _assertClassBrand(_AutoColumnSize_brand, this, _onBeforeRender).call(this));
     this.addHook('modifyColWidth', (width, col) => this.getColumnWidth(col, width));
-    this.addHook('afterInit', () => _assertClassBrand(_AutoColumnSize_brand, this, _onAfterInit).call(this));
+    this.addHook('init', () => _assertClassBrand(_AutoColumnSize_brand, this, _onInit).call(this));
     super.enablePlugin();
   }
 
@@ -275,11 +278,7 @@ class AutoColumnSize extends _base.BasePlugin {
    * Updates the plugin's state. This method is executed when {@link Core#updateSettings} is invoked.
    */
   updatePlugin() {
-    const changedColumns = this.findColumnsWhereHeaderWasChanged();
-    if (changedColumns.length) {
-      this.clearCache(changedColumns);
-      this.calculateVisibleColumnsWidth();
-    }
+    _classPrivateFieldSet(_visualColumnsToRefresh, this, this.findColumnsWhereHeaderWasChanged());
     super.updatePlugin();
   }
 
@@ -295,25 +294,23 @@ class AutoColumnSize extends _base.BasePlugin {
   }
 
   /**
-   * Calculates visible columns width.
+   * Calculates widths for visible columns in the viewport only.
    */
   calculateVisibleColumnsWidth() {
-    const rowsCount = this.hot.countRows();
-
     // Keep last column widths unchanged for situation when all rows was deleted or trimmed (pro #6)
-    if (!rowsCount) {
+    if (!this.hot.countRows()) {
       return;
     }
-    const force = this.hot.renderCall;
     const firstVisibleColumn = this.getFirstVisibleColumn();
     const lastVisibleColumn = this.getLastVisibleColumn();
     if (firstVisibleColumn === -1 || lastVisibleColumn === -1) {
       return;
     }
+    const overwriteCache = this.hot.renderCall;
     this.calculateColumnsWidth({
       from: firstVisibleColumn,
       to: lastVisibleColumn
-    }, undefined, force);
+    }, undefined, overwriteCache);
   }
 
   /**
@@ -321,7 +318,7 @@ class AutoColumnSize extends _base.BasePlugin {
    *
    * @param {number|object} colRange Visual column index or an object with `from` and `to` visual indexes as a range.
    * @param {number|object} rowRange Visual row index or an object with `from` and `to` visual indexes as a range.
-   * @param {boolean} [force=false] If `true` the calculation will be processed regardless of whether the width exists in the cache.
+   * @param {boolean} [overwriteCache=false] If `true` the calculation will be processed regardless of whether the width exists in the cache.
    */
   calculateColumnsWidth() {
     let colRange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
@@ -332,8 +329,7 @@ class AutoColumnSize extends _base.BasePlugin {
       from: 0,
       to: this.hot.countRows() - 1
     };
-    let force = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    // eslint-disable-line max-len
+    let overwriteCache = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     const columnsRange = typeof colRange === 'number' ? {
       from: colRange,
       to: colRange
@@ -347,12 +343,9 @@ class AutoColumnSize extends _base.BasePlugin {
       if (physicalColumn === null) {
         physicalColumn = visualColumn;
       }
-      if (force || this.columnWidthsMap.getValueAtIndex(physicalColumn) === null && !this.hot._getColWidthFromSettings(physicalColumn)) {
+      if (overwriteCache || this.columnWidthsMap.getValueAtIndex(physicalColumn) === null && !this.hot._getColWidthFromSettings(physicalColumn)) {
         const samples = this.samplesGenerator.generateColumnSamples(visualColumn, rowsRange);
-        (0, _array.arrayEach)(samples, _ref => {
-          let [column, sample] = _ref;
-          return this.ghostTable.addColumn(column, sample);
-        });
+        samples.forEach((sample, column) => this.ghostTable.addColumn(column, sample));
       }
     });
     if (this.ghostTable.columns.length) {
@@ -372,12 +365,14 @@ class AutoColumnSize extends _base.BasePlugin {
    * 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.
+   * @param {boolean} [overwriteCache] If `true` the calculation will be processed regardless of whether the width exists in the cache.
    */
   calculateAllColumnsWidth() {
     let rowRange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
       from: 0,
       to: this.hot.countRows() - 1
     };
+    let overwriteCache = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     let current = 0;
     const length = this.hot.countCols() - 1;
     let timer = null;
@@ -392,7 +387,7 @@ class AutoColumnSize extends _base.BasePlugin {
       this.calculateColumnsWidth({
         from: current,
         to: Math.min(current + AutoColumnSize.CALCULATION_STEP, length)
-      }, rowRange);
+      }, rowRange, overwriteCache);
       current = current + AutoColumnSize.CALCULATION_STEP + 1;
       if (current < length) {
         timer = (0, _feature.requestAnimationFrame)(loop);
@@ -407,12 +402,11 @@ class AutoColumnSize extends _base.BasePlugin {
     const syncLimit = this.getSyncCalculationLimit();
 
     // sync
-    if (this.firstCalculation && syncLimit >= 0) {
+    if (syncLimit >= 0) {
       this.calculateColumnsWidth({
         from: 0,
         to: syncLimit
-      }, rowRange);
-      this.firstCalculation = false;
+      }, rowRange, overwriteCache);
       current = syncLimit + 1;
     }
     // async
@@ -422,7 +416,6 @@ class AutoColumnSize extends _base.BasePlugin {
       this.inProgress = false;
     }
   }
-
   /**
    * Sets the sampling options.
    *
@@ -444,9 +437,11 @@ class AutoColumnSize extends _base.BasePlugin {
    * Recalculates all columns width (overwrite cache values).
    */
   recalculateAllColumnsWidth() {
-    if (this.hot.view && this.hot.view._wt.wtTable.isVisible()) {
-      this.clearCache();
-      this.calculateAllColumnsWidth();
+    if (this.hot.view.isVisible()) {
+      this.calculateAllColumnsWidth({
+        from: 0,
+        to: this.hot.countRows() - 1
+      }, true);
     }
   }
 
@@ -481,8 +476,7 @@ class AutoColumnSize extends _base.BasePlugin {
    * @param {boolean} [keepMinimum=true] If `true` then returned value won't be smaller then 50 (default column width).
    * @returns {number}
    */
-  getColumnWidth(column) {
-    let defaultWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+  getColumnWidth(column, defaultWidth) {
     let keepMinimum = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     let width = defaultWidth;
     if (width === undefined) {
@@ -500,23 +494,8 @@ class AutoColumnSize extends _base.BasePlugin {
    * @returns {number} Returns visual column index, -1 if table is not rendered or if there are no columns to base the the calculations on.
    */
   getFirstVisibleColumn() {
-    const wot = this.hot.view._wt;
-    if (wot.wtViewport.columnsVisibleCalculator) {
-      // Fist fully visible column is stored as renderable index.
-      const firstFullyVisibleColumn = wot.wtTable.getFirstVisibleColumn();
-      if (firstFullyVisibleColumn !== -1) {
-        return this.hot.columnIndexMapper.getVisualFromRenderableIndex(firstFullyVisibleColumn);
-      }
-    }
-    if (wot.wtViewport.columnsRenderCalculator) {
-      const firstRenderedColumn = wot.wtTable.getFirstRenderedColumn();
-
-      // There are no rendered column.
-      if (firstRenderedColumn !== -1) {
-        return this.hot.columnIndexMapper.getVisualFromRenderableIndex(firstRenderedColumn);
-      }
-    }
-    return -1;
+    var _this$hot$view$getFir;
+    return (_this$hot$view$getFir = this.hot.view.getFirstRenderedVisibleColumn()) !== null && _this$hot$view$getFir !== void 0 ? _this$hot$view$getFir : -1;
   }
 
   /**
@@ -525,38 +504,22 @@ class AutoColumnSize extends _base.BasePlugin {
    * @returns {number} Returns visual column index or -1 if table is not rendered.
    */
   getLastVisibleColumn() {
-    const wot = this.hot.view._wt;
-    if (wot.wtViewport.columnsVisibleCalculator) {
-      // Last fully visible column is stored as renderable index.
-      const lastFullyVisibleColumn = wot.wtTable.getLastVisibleColumn();
-      if (lastFullyVisibleColumn !== -1) {
-        return this.hot.columnIndexMapper.getVisualFromRenderableIndex(lastFullyVisibleColumn);
-      }
-    }
-    if (wot.wtViewport.columnsRenderCalculator) {
-      // Last fully visible column is stored as renderable index.
-      const lastRenderedColumn = wot.wtTable.getLastRenderedColumn();
-
-      // There are no rendered columns.
-      if (lastRenderedColumn !== -1) {
-        return this.hot.columnIndexMapper.getVisualFromRenderableIndex(lastRenderedColumn);
-      }
-    }
-    return -1;
+    var _this$hot$view$getLas;
+    return (_this$hot$view$getLas = this.hot.view.getLastRenderedVisibleColumn()) !== null && _this$hot$view$getLas !== void 0 ? _this$hot$view$getLas : -1;
   }
 
   /**
    * Collects all columns which titles has been changed in comparison to the previous state.
    *
    * @private
-   * @returns {Array} It returns an array of physical column indexes.
+   * @returns {Array} It returns an array of visual column indexes.
    */
   findColumnsWhereHeaderWasChanged() {
     const columnHeaders = this.hot.getColHeader();
-    const changedColumns = (0, _array.arrayReduce)(columnHeaders, (acc, columnTitle, physicalColumn) => {
+    const changedColumns = columnHeaders.reduce((acc, columnTitle, physicalColumn) => {
       const cachedColumnsLength = _classPrivateFieldGet(_cachedColumnHeaders, this).length;
       if (cachedColumnsLength - 1 < physicalColumn || _classPrivateFieldGet(_cachedColumnHeaders, this)[physicalColumn] !== columnTitle) {
-        acc.push(physicalColumn);
+        acc.push(this.hot.toVisualColumn(physicalColumn));
       }
       if (cachedColumnsLength - 1 < physicalColumn) {
         _classPrivateFieldGet(_cachedColumnHeaders, this).push(columnTitle);
@@ -572,13 +535,12 @@ class AutoColumnSize extends _base.BasePlugin {
    * Clears cache of calculated column widths. If you want to clear only selected columns pass an array with their indexes.
    * Otherwise whole cache will be cleared.
    *
-   * @param {number[]} [columns] List of physical column indexes to clear.
+   * @param {number[]} [physicalColumns] List of physical column indexes to clear.
    */
-  clearCache() {
-    let columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    if (columns.length) {
+  clearCache(physicalColumns) {
+    if (Array.isArray(physicalColumns)) {
       this.hot.batchExecution(() => {
-        (0, _array.arrayEach)(columns, physicalIndex => {
+        physicalColumns.forEach(physicalIndex => {
           this.columnWidthsMap.setValueAtIndex(physicalIndex, null);
         });
       }, true);
@@ -593,8 +555,13 @@ class AutoColumnSize extends _base.BasePlugin {
    * @returns {boolean}
    */
   isNeedRecalculate() {
-    return !!(0, _array.arrayFilter)(this.columnWidthsMap.getValues().slice(0, this.measuredColumns), item => item === null).length;
+    return !!this.columnWidthsMap.getValues().slice(0, this.measuredColumns).filter(item => item === null).length;
   }
+
+  /**
+   * On before view render listener.
+   */
+
   /**
    * Destroys the plugin instance.
    */
@@ -604,25 +571,47 @@ class AutoColumnSize extends _base.BasePlugin {
   }
 }
 exports.AutoColumnSize = AutoColumnSize;
-function _onBeforeViewRender() {
+function _calculateSpecificColumnsWidth(visualColumns) {
+  const rowsRange = {
+    from: 0,
+    to: this.hot.countRows() - 1
+  };
+  visualColumns.forEach(visualColumn => {
+    const physicalColumn = this.hot.toPhysicalColumn(visualColumn);
+    if (physicalColumn === null) {
+      return;
+    }
+    if (!this.hot._getColWidthFromSettings(physicalColumn)) {
+      const samples = this.samplesGenerator.generateColumnSamples(visualColumn, rowsRange);
+      samples.forEach((sample, column) => this.ghostTable.addColumn(column, sample));
+    }
+  });
+  if (this.ghostTable.columns.length) {
+    this.hot.batchExecution(() => {
+      this.ghostTable.getWidths((visualColumn, width) => {
+        const physicalColumn = this.hot.toPhysicalColumn(visualColumn);
+        this.columnWidthsMap.setValueAtIndex(physicalColumn, width);
+      });
+    }, true);
+    this.ghostTable.clean();
+  }
+}
+function _onBeforeRender() {
   this.calculateVisibleColumnsWidth();
-  if (this.isNeedRecalculate() && !this.inProgress) {
-    this.calculateAllColumnsWidth();
+  if (!this.inProgress) {
+    _assertClassBrand(_AutoColumnSize_brand, this, _calculateSpecificColumnsWidth).call(this, _classPrivateFieldGet(_visualColumnsToRefresh, this));
+    _classPrivateFieldSet(_visualColumnsToRefresh, this, []);
   }
 }
 /**
  * On after load data listener.
+ *
+ * @param {Array} sourceData Source data.
+ * @param {boolean} isFirstLoad `true` if this is the first load.
  */
-function _onAfterLoadData() {
-  if (this.hot.view) {
+function _onAfterLoadData(sourceData, isFirstLoad) {
+  if (!isFirstLoad) {
     this.recalculateAllColumnsWidth();
-  } else {
-    // first load - initialization
-    setTimeout(() => {
-      if (this.hot) {
-        this.recalculateAllColumnsWidth();
-      }
-    }, 0);
   }
 }
 /**
@@ -631,11 +620,15 @@ function _onAfterLoadData() {
  * @param {Array} changes An array of modified data.
  */
 function _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)));
+  const changedColumns = changes.reduce((acc, _ref) => {
+    let [, columnProperty] = _ref;
+    const visualColumn = this.hot.propToCol(columnProperty);
+    if (Number.isInteger(visualColumn) && acc.indexOf(visualColumn) === -1) {
+      acc.push(visualColumn);
+    }
+    return acc;
+  }, []);
+  _classPrivateFieldGet(_visualColumnsToRefresh, this).push(...changedColumns);
 }
 /**
  * On before column resize listener.
@@ -656,8 +649,9 @@ function _onBeforeColumnResize(size, column, isDblClick) {
 /**
  * On after Handsontable init fill plugin with all necessary values.
  */
-function _onAfterInit() {
+function _onInit() {
   _classPrivateFieldSet(_cachedColumnHeaders, this, this.hot.getColHeader());
+  this.recalculateAllColumnsWidth();
 }
 /**
  * After formulas values updated listener.
@@ -665,10 +659,16 @@ function _onAfterInit() {
  * @param {Array} changes An array of modified data.
  */
 function _onAfterFormulasValuesUpdate(changes) {
-  const filteredChanges = (0, _array.arrayFilter)(changes, change => {
+  const changedColumns = changes.reduce((acc, 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)));
+    const physicalColumn = (_change$address = change.address) === null || _change$address === void 0 ? void 0 : _change$address.col;
+    if (Number.isInteger(physicalColumn)) {
+      const visualColumn = this.hot.toVisualColumn(physicalColumn);
+      if (acc.indexOf(visualColumn) === -1) {
+        acc.push(visualColumn);
+      }
+    }
+    return acc;
+  }, []);
+  _classPrivateFieldGet(_visualColumnsToRefresh, this).push(...changedColumns);
 }