handsontable 0.0.0-next-662a118-20241017 → 0.0.0-next-802f59c-20241024

package/helpers/mixed.js

@@ -134,7 +134,7 @@ const domMessages = {
 function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "0.0.0-next-662a118-20241017";
+  const hotVersion = "0.0.0-next-802f59c-20241024";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';

package/helpers/mixed.mjs

@@ -124,7 +124,7 @@ const domMessages = {
 export function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "0.0.0-next-662a118-20241017";
+  const hotVersion = "0.0.0-next-802f59c-20241024";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';

package/index.d.ts

@@ -220,6 +220,9 @@ import {
   SearchCallback,
   SearchQueryMethod,
 } from './plugins/search';
+import {
+  Settings as StretchColumnsSettings,
+} from './plugins/stretchColumns';
 import {
   TouchScroll as _TouchScroll,
   Settings as TouchScrollSettings,
@@ -523,6 +526,10 @@ declare namespace Handsontable {
       export { SearchQueryMethod };
     }
 
+    export namespace StretchColumns {
+      export { StretchColumnsSettings as Settings };
+    }
+
     export namespace TouchScroll {
       export { TouchScrollSettings as Settings };
     }

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/handsontable/handsontable/issues"
   },
   "author": "Handsoncode <hello@handsontable.com>",
-  "version": "0.0.0-next-662a118-20241017",
+  "version": "0.0.0-next-802f59c-20241024",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",
@@ -472,6 +472,11 @@
       "require": "./plugins/search/index.js",
       "import": "./plugins/search/index.mjs"
     },
+    "./plugins/stretchColumns": {
+      "types": "./plugins/stretchColumns/index.d.ts",
+      "require": "./plugins/stretchColumns/index.js",
+      "import": "./plugins/stretchColumns/index.mjs"
+    },
     "./plugins/touchScroll": {
       "types": "./plugins/touchScroll/index.d.ts",
       "require": "./plugins/touchScroll/index.js",

package/plugins/comments/comments.js

@@ -575,7 +575,7 @@ class Comments extends _base.BasePlugin {
     } else {
       _classPrivateFieldGet(_editor, this).resetSize();
     }
-    const lastColWidth = isBeforeRenderedColumns ? 0 : wtTable.getStretchedColumnWidth(renderableColumn);
+    const lastColWidth = isBeforeRenderedColumns ? 0 : wtTable.getColumnWidth(renderableColumn);
     const lastRowHeight = targetingPreviousRow && !isBeforeRenderedRows ? (0, _element.outerHeight)(TD) : 0;
     const {
       left,

package/plugins/comments/comments.mjs

@@ -571,7 +571,7 @@ export class Comments extends BasePlugin {
     } else {
       _classPrivateFieldGet(_editor, this).resetSize();
     }
-    const lastColWidth = isBeforeRenderedColumns ? 0 : wtTable.getStretchedColumnWidth(renderableColumn);
+    const lastColWidth = isBeforeRenderedColumns ? 0 : wtTable.getColumnWidth(renderableColumn);
     const lastRowHeight = targetingPreviousRow && !isBeforeRenderedRows ? outerHeight(TD) : 0;
     const {
       left,

package/plugins/index.d.ts

@@ -29,6 +29,7 @@ import { NestedHeaders } from './nestedHeaders';
 import { NestedRows } from './nestedRows';
 import { PersistentState } from './persistentState';
 import { Search } from './search';
+import { StretchColumns } from './stretchColumns';
 import { TouchScroll } from './touchScroll';
 import { TrimRows } from './trimRows';
 import { UndoRedo } from './undoRedo';
@@ -65,6 +66,7 @@ export interface Plugins {
   nestedRows: NestedRows;
   persistentState: PersistentState;
   search: Search;
+  stretchColumns: StretchColumns;
   touchScroll: TouchScroll;
   trimRows: TrimRows;
   undoRedo: UndoRedo;
@@ -105,6 +107,7 @@ export {
   NestedRows,
   PersistentState,
   Search,
+  StretchColumns,
   TouchScroll,
   TrimRows,
   UndoRedo

package/plugins/index.js

@@ -64,6 +64,8 @@ var _persistentState = require("./persistentState");
 exports.PersistentState = _persistentState.PersistentState;
 var _search = require("./search");
 exports.Search = _search.Search;
+var _stretchColumns = require("./stretchColumns");
+exports.StretchColumns = _stretchColumns.StretchColumns;
 var _touchScroll = require("./touchScroll");
 exports.TouchScroll = _touchScroll.TouchScroll;
 var _trimRows = require("./trimRows");
@@ -108,6 +110,7 @@ function registerAllPlugins() {
   (0, _registry.registerPlugin)(_nestedRows.NestedRows);
   (0, _registry.registerPlugin)(_persistentState.PersistentState);
   (0, _registry.registerPlugin)(_search.Search);
+  (0, _registry.registerPlugin)(_stretchColumns.StretchColumns);
   (0, _registry.registerPlugin)(_touchScroll.TouchScroll);
   (0, _registry.registerPlugin)(_trimRows.TrimRows);
   (0, _registry.registerPlugin)(_undoRedo.UndoRedo);

package/plugins/index.mjs

@@ -29,6 +29,7 @@ import { NestedHeaders } from "./nestedHeaders/index.mjs";
 import { NestedRows } from "./nestedRows/index.mjs";
 import { PersistentState } from "./persistentState/index.mjs";
 import { Search } from "./search/index.mjs";
+import { StretchColumns } from "./stretchColumns/index.mjs";
 import { TouchScroll } from "./touchScroll/index.mjs";
 import { TrimRows } from "./trimRows/index.mjs";
 import { UndoRedo } from "./undoRedo/index.mjs";
@@ -67,9 +68,10 @@ export function registerAllPlugins() {
   registerPlugin(NestedRows);
   registerPlugin(PersistentState);
   registerPlugin(Search);
+  registerPlugin(StretchColumns);
   registerPlugin(TouchScroll);
   registerPlugin(TrimRows);
   registerPlugin(UndoRedo);
 }
-export { AutoColumnSize, Autofill, AutoRowSize, BasePlugin, BindRowsWithHeaders, CollapsibleColumns, ColumnSorting, ColumnSummary, Comments, ContextMenu, CopyPaste, CustomBorders, DragToScroll, DropdownMenu, ExportFile, Filters, Formulas, HiddenColumns, HiddenRows, ManualColumnFreeze, ManualColumnMove, ManualColumnResize, ManualRowMove, ManualRowResize, MergeCells, MultiColumnSorting, MultipleSelectionHandles, NestedHeaders, NestedRows, PersistentState, Search, TouchScroll, TrimRows, UndoRedo };
+export { AutoColumnSize, Autofill, AutoRowSize, BasePlugin, BindRowsWithHeaders, CollapsibleColumns, ColumnSorting, ColumnSummary, Comments, ContextMenu, CopyPaste, CustomBorders, DragToScroll, DropdownMenu, ExportFile, Filters, Formulas, HiddenColumns, HiddenRows, ManualColumnFreeze, ManualColumnMove, ManualColumnResize, ManualRowMove, ManualRowResize, MergeCells, MultiColumnSorting, MultipleSelectionHandles, NestedHeaders, NestedRows, PersistentState, Search, StretchColumns, TouchScroll, TrimRows, UndoRedo };
 export { getPlugin, getPluginsNames, registerPlugin } from "./registry.mjs";

package/plugins/manualColumnMove/manualColumnMove.js

@@ -339,13 +339,11 @@ class ManualColumnMove extends _base.BasePlugin {
     const columnMapper = this.hot.columnIndexMapper;
     let columnsWidth = 0;
     for (let visualColumnIndex = fromColumn; visualColumnIndex <= toColumn; visualColumnIndex += 1) {
-      // We can't use just `getColWidth` (even without indexes translation) as it doesn't return proper values
-      // when column is stretched.
       const renderableIndex = columnMapper.getRenderableFromVisualIndex(visualColumnIndex);
       if (visualColumnIndex < 0) {
         columnsWidth += this.hot.view._wt.wtViewport.getRowHeaderWidth() || 0;
       } else if (renderableIndex !== null) {
-        columnsWidth += this.hot.view._wt.wtTable.getStretchedColumnWidth(renderableIndex) || 0;
+        columnsWidth += this.hot.view._wt.wtTable.getColumnWidth(renderableIndex) || 0;
       }
     }
     return columnsWidth;

package/plugins/manualColumnMove/manualColumnMove.mjs

@@ -335,13 +335,11 @@ export class ManualColumnMove extends BasePlugin {
     const columnMapper = this.hot.columnIndexMapper;
     let columnsWidth = 0;
     for (let visualColumnIndex = fromColumn; visualColumnIndex <= toColumn; visualColumnIndex += 1) {
-      // We can't use just `getColWidth` (even without indexes translation) as it doesn't return proper values
-      // when column is stretched.
       const renderableIndex = columnMapper.getRenderableFromVisualIndex(visualColumnIndex);
       if (visualColumnIndex < 0) {
         columnsWidth += this.hot.view._wt.wtViewport.getRowHeaderWidth() || 0;
       } else if (renderableIndex !== null) {
-        columnsWidth += this.hot.view._wt.wtTable.getStretchedColumnWidth(renderableIndex) || 0;
+        columnsWidth += this.hot.view._wt.wtTable.getColumnWidth(renderableIndex) || 0;
       }
     }
     return columnsWidth;

package/plugins/manualColumnResize/manualColumnResize.js

@@ -162,15 +162,31 @@ class ManualColumnResize extends _base.BasePlugin {
    * Enables the plugin functionality for this Handsontable instance.
    */
   enablePlugin() {
+    var _this = this;
     if (this.enabled) {
       return;
     }
     _classPrivateFieldSet(_columnWidthsMap, this, new _translations.PhysicalIndexToValueMap());
     _classPrivateFieldGet(_columnWidthsMap, this).addLocalHook('init', () => _assertClassBrand(_ManualColumnResize_brand, this, _onMapInit).call(this));
     this.hot.columnIndexMapper.registerMap(this.pluginName, _classPrivateFieldGet(_columnWidthsMap, this));
-    this.addHook('modifyColWidth', (width, col) => _assertClassBrand(_ManualColumnResize_brand, this, _onModifyColWidth).call(this, width, col), 1);
-    this.addHook('beforeStretchingColumnWidth', (stretchedWidth, column) => _assertClassBrand(_ManualColumnResize_brand, this, _onBeforeStretchingColumnWidth).call(this, stretchedWidth, column));
-    this.addHook('beforeColumnResize', (newSize, column, isDoubleClick) => _assertClassBrand(_ManualColumnResize_brand, this, _onBeforeColumnResize).call(this, newSize, column, isDoubleClick));
+    this.addHook('modifyColWidth', function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return _assertClassBrand(_ManualColumnResize_brand, _this, _onModifyColWidth).call(_this, ...args);
+    }, 1);
+    this.addHook('beforeStretchingColumnWidth', function () {
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+      return _assertClassBrand(_ManualColumnResize_brand, _this, _onBeforeStretchingColumnWidth).call(_this, ...args);
+    }, 1);
+    this.addHook('beforeColumnResize', function () {
+      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        args[_key3] = arguments[_key3];
+      }
+      return _assertClassBrand(_ManualColumnResize_brand, _this, _onBeforeColumnResize).call(_this, ...args);
+    });
     this.bindEvents();
     super.enablePlugin();
   }
@@ -408,11 +424,7 @@ class ManualColumnResize extends _base.BasePlugin {
       if (hookNewSize !== undefined) {
         _classPrivateFieldSet(_newSize, this, hookNewSize);
       }
-      if (this.hot.getSettings().stretchH === 'all') {
-        this.clearManualSize(column);
-      } else {
-        this.setManualSize(column, _classPrivateFieldGet(_newSize, this)); // double click sets by auto row size plugin
-      }
+      this.setManualSize(column, _classPrivateFieldGet(_newSize, this)); // double click sets by auto row size plugin
       this.saveManualColumnWidths();
       this.hot.runHooks('afterColumnResize', _classPrivateFieldGet(_newSize, this), column, true);
       if (forceRender) {
@@ -630,11 +642,11 @@ function _onModifyColWidth(width, column) {
  * @returns {number}
  */
 function _onBeforeStretchingColumnWidth(stretchedWidth, column) {
-  let width = _classPrivateFieldGet(_columnWidthsMap, this).getValueAtIndex(column);
-  if (width === null) {
-    width = stretchedWidth;
+  const width = _classPrivateFieldGet(_columnWidthsMap, this).getValueAtIndex(this.hot.toPhysicalColumn(column));
+  if (typeof width === 'number') {
+    return width;
   }
-  return width;
+  return stretchedWidth;
 }
 /**
  * `beforeColumnResize` hook callback.

package/plugins/manualColumnResize/manualColumnResize.mjs

@@ -157,15 +157,31 @@ export class ManualColumnResize extends BasePlugin {
    * Enables the plugin functionality for this Handsontable instance.
    */
   enablePlugin() {
+    var _this = this;
     if (this.enabled) {
       return;
     }
     _classPrivateFieldSet(_columnWidthsMap, this, new IndexToValueMap());
     _classPrivateFieldGet(_columnWidthsMap, this).addLocalHook('init', () => _assertClassBrand(_ManualColumnResize_brand, this, _onMapInit).call(this));
     this.hot.columnIndexMapper.registerMap(this.pluginName, _classPrivateFieldGet(_columnWidthsMap, this));
-    this.addHook('modifyColWidth', (width, col) => _assertClassBrand(_ManualColumnResize_brand, this, _onModifyColWidth).call(this, width, col), 1);
-    this.addHook('beforeStretchingColumnWidth', (stretchedWidth, column) => _assertClassBrand(_ManualColumnResize_brand, this, _onBeforeStretchingColumnWidth).call(this, stretchedWidth, column));
-    this.addHook('beforeColumnResize', (newSize, column, isDoubleClick) => _assertClassBrand(_ManualColumnResize_brand, this, _onBeforeColumnResize).call(this, newSize, column, isDoubleClick));
+    this.addHook('modifyColWidth', function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return _assertClassBrand(_ManualColumnResize_brand, _this, _onModifyColWidth).call(_this, ...args);
+    }, 1);
+    this.addHook('beforeStretchingColumnWidth', function () {
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+      return _assertClassBrand(_ManualColumnResize_brand, _this, _onBeforeStretchingColumnWidth).call(_this, ...args);
+    }, 1);
+    this.addHook('beforeColumnResize', function () {
+      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        args[_key3] = arguments[_key3];
+      }
+      return _assertClassBrand(_ManualColumnResize_brand, _this, _onBeforeColumnResize).call(_this, ...args);
+    });
     this.bindEvents();
     super.enablePlugin();
   }
@@ -403,11 +419,7 @@ export class ManualColumnResize extends BasePlugin {
       if (hookNewSize !== undefined) {
         _classPrivateFieldSet(_newSize, this, hookNewSize);
       }
-      if (this.hot.getSettings().stretchH === 'all') {
-        this.clearManualSize(column);
-      } else {
-        this.setManualSize(column, _classPrivateFieldGet(_newSize, this)); // double click sets by auto row size plugin
-      }
+      this.setManualSize(column, _classPrivateFieldGet(_newSize, this)); // double click sets by auto row size plugin
       this.saveManualColumnWidths();
       this.hot.runHooks('afterColumnResize', _classPrivateFieldGet(_newSize, this), column, true);
       if (forceRender) {
@@ -624,11 +636,11 @@ function _onModifyColWidth(width, column) {
  * @returns {number}
  */
 function _onBeforeStretchingColumnWidth(stretchedWidth, column) {
-  let width = _classPrivateFieldGet(_columnWidthsMap, this).getValueAtIndex(column);
-  if (width === null) {
-    width = stretchedWidth;
+  const width = _classPrivateFieldGet(_columnWidthsMap, this).getValueAtIndex(this.hot.toPhysicalColumn(column));
+  if (typeof width === 'number') {
+    return width;
   }
-  return width;
+  return stretchedWidth;
 }
 /**
  * `beforeColumnResize` hook callback.

package/plugins/stretchColumns/calculator.js

@@ -0,0 +1,159 @@
+"use strict";
+
+exports.__esModule = true;
+require("core-js/modules/es.error.cause.js");
+var _src = require("../../3rdparty/walkontable/src");
+var _element = require("../../helpers/dom/element");
+var _all = require("./strategies/all");
+var _last = require("./strategies/last");
+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 _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"); }
+const STRETCH_WIDTH_MAP_NAME = 'stretchColumns';
+
+/**
+ * The class responsible for calculating the column widths based on the specified column stretching strategy.
+ *
+ * @private
+ * @class StretchCalculator
+ */
+var _hot = /*#__PURE__*/new WeakMap();
+var _widthsMap = /*#__PURE__*/new WeakMap();
+var _stretchStrategies = /*#__PURE__*/new WeakMap();
+var _activeStrategy = /*#__PURE__*/new WeakMap();
+var _StretchCalculator_brand = /*#__PURE__*/new WeakSet();
+class StretchCalculator {
+  constructor(hotInstance) {
+    /**
+     * Checks if the vertical scrollbar will appear. Based on the current data and viewport size
+     * the method calculates if the vertical scrollbar will appear after the table is rendered.
+     * The method is a workaround for the issue in the Walkontable that returns unstable viewport
+     * size.
+     *
+     * @returns {boolean}
+     */
+    _classPrivateMethodInitSpec(this, _StretchCalculator_brand);
+    /**
+     * The Handsontable instance.
+     *
+     * @type {Core}
+     */
+    _classPrivateFieldInitSpec(this, _hot, void 0);
+    /**
+     * The map that stores the calculated column widths.
+     *
+     * @type {IndexToValueMap}
+     */
+    _classPrivateFieldInitSpec(this, _widthsMap, void 0);
+    /**
+     * The map that stores the available stretch strategies.
+     *
+     * @type {Map<string, StretchAllStrategy | StretchLastStrategy>}
+     */
+    _classPrivateFieldInitSpec(this, _stretchStrategies, new Map([['all', new _all.StretchAllStrategy(_assertClassBrand(_StretchCalculator_brand, this, _overwriteColumnWidthFn).bind(this))], ['last', new _last.StretchLastStrategy(_assertClassBrand(_StretchCalculator_brand, this, _overwriteColumnWidthFn).bind(this))]]));
+    /**
+     * The active stretch mode.
+     *
+     * @type {'all' | 'last' | 'none'}
+     */
+    _classPrivateFieldInitSpec(this, _activeStrategy, 'none');
+    _classPrivateFieldSet(_hot, this, hotInstance);
+    _classPrivateFieldSet(_widthsMap, this, _classPrivateFieldGet(_hot, this).columnIndexMapper.createAndRegisterIndexMap(STRETCH_WIDTH_MAP_NAME, 'physicalIndexToValue'));
+  }
+
+  /**
+   * Sets the active stretch strategy.
+   *
+   * @param {'all' | 'last' | 'none'} strategyName The stretch strategy to use.
+   */
+  useStrategy(strategyName) {
+    _classPrivateFieldSet(_activeStrategy, this, _classPrivateFieldGet(_stretchStrategies, this).has(strategyName) ? strategyName : 'none');
+  }
+
+  /**
+   * Recalculates the column widths.
+   */
+  refreshStretching() {
+    if (_classPrivateFieldGet(_activeStrategy, this) === 'none') {
+      _classPrivateFieldGet(_widthsMap, this).clear();
+      return;
+    }
+    _classPrivateFieldGet(_hot, this).batchExecution(() => {
+      _classPrivateFieldGet(_widthsMap, this).clear();
+      const stretchStrategy = _classPrivateFieldGet(_stretchStrategies, this).get(_classPrivateFieldGet(_activeStrategy, this));
+      const view = _classPrivateFieldGet(_hot, this).view;
+      let viewportWidth = view.getViewportWidth();
+      if (_assertClassBrand(_StretchCalculator_brand, this, _willVerticalScrollAppear).call(this)) {
+        viewportWidth -= (0, _element.getScrollbarWidth)(_classPrivateFieldGet(_hot, this).rootDocument);
+      }
+      stretchStrategy.prepare({
+        viewportWidth
+      });
+      for (let columnIndex = 0; columnIndex < _classPrivateFieldGet(_hot, this).countCols(); columnIndex++) {
+        if (!_classPrivateFieldGet(_hot, this).columnIndexMapper.isHidden(_classPrivateFieldGet(_hot, this).toPhysicalColumn(columnIndex))) {
+          stretchStrategy.setColumnBaseWidth(columnIndex, _assertClassBrand(_StretchCalculator_brand, this, _getWidthWithoutStretching).call(this, columnIndex));
+        }
+      }
+      stretchStrategy.calculate();
+      stretchStrategy.getWidths().forEach(_ref => {
+        let [columnIndex, width] = _ref;
+        _classPrivateFieldGet(_widthsMap, this).setValueAtIndex(_classPrivateFieldGet(_hot, this).toPhysicalColumn(columnIndex), width);
+      });
+    }, true);
+  }
+
+  /**
+   * Gets the calculated column width.
+   *
+   * @param {number} columnVisualIndex Column visual index.
+   * @returns {number | null}
+   */
+  getStretchedWidth(columnVisualIndex) {
+    return _classPrivateFieldGet(_widthsMap, this).getValueAtIndex(_classPrivateFieldGet(_hot, this).toPhysicalColumn(columnVisualIndex));
+  }
+}
+exports.StretchCalculator = StretchCalculator;
+function _willVerticalScrollAppear() {
+  const {
+    view
+  } = _classPrivateFieldGet(_hot, this);
+  if (view.isVerticallyScrollableByWindow()) {
+    return false;
+  }
+  const viewportHeight = view.getViewportHeight();
+  const totalRows = _classPrivateFieldGet(_hot, this).countRows();
+  let totalHeight = 0;
+  let hasVerticalScroll = false;
+  for (let row = 0; row < totalRows; row++) {
+    var _classPrivateFieldGet2;
+    totalHeight += ((_classPrivateFieldGet2 = _classPrivateFieldGet(_hot, this).getRowHeight(row)) !== null && _classPrivateFieldGet2 !== void 0 ? _classPrivateFieldGet2 : _src.DEFAULT_ROW_HEIGHT) + (row === 0 ? 1 : 0);
+    if (totalHeight > viewportHeight) {
+      hasVerticalScroll = true;
+      break;
+    }
+  }
+  return hasVerticalScroll;
+}
+/**
+ * Gets the column width from the Handsontable API without logic related to stretching.
+ *
+ * @param {number} columnVisualIndex Column visual index.
+ * @returns {number}
+ */
+function _getWidthWithoutStretching(columnVisualIndex) {
+  var _classPrivateFieldGet3;
+  return (_classPrivateFieldGet3 = _classPrivateFieldGet(_hot, this).getColWidth(columnVisualIndex, 'StretchColumns')) !== null && _classPrivateFieldGet3 !== void 0 ? _classPrivateFieldGet3 : _src.DEFAULT_COLUMN_WIDTH;
+}
+/**
+ * Executes the hook that allows to overwrite the column width.
+ *
+ * @param {number} columnWidth The column width.
+ * @param {number} columnVisualIndex Column visual index.
+ * @returns {number}
+ */
+function _overwriteColumnWidthFn(columnWidth, columnVisualIndex) {
+  return _classPrivateFieldGet(_hot, this).runHooks('beforeStretchingColumnWidth', columnWidth, columnVisualIndex);
+}

package/plugins/stretchColumns/calculator.mjs

@@ -0,0 +1,155 @@
+import "core-js/modules/es.error.cause.js";
+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 _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"); }
+import { DEFAULT_COLUMN_WIDTH, DEFAULT_ROW_HEIGHT } from "../../3rdparty/walkontable/src/index.mjs";
+import { getScrollbarWidth } from "../../helpers/dom/element.mjs";
+import { StretchAllStrategy } from "./strategies/all.mjs";
+import { StretchLastStrategy } from "./strategies/last.mjs";
+const STRETCH_WIDTH_MAP_NAME = 'stretchColumns';
+
+/**
+ * The class responsible for calculating the column widths based on the specified column stretching strategy.
+ *
+ * @private
+ * @class StretchCalculator
+ */
+var _hot = /*#__PURE__*/new WeakMap();
+var _widthsMap = /*#__PURE__*/new WeakMap();
+var _stretchStrategies = /*#__PURE__*/new WeakMap();
+var _activeStrategy = /*#__PURE__*/new WeakMap();
+var _StretchCalculator_brand = /*#__PURE__*/new WeakSet();
+export class StretchCalculator {
+  constructor(hotInstance) {
+    /**
+     * Checks if the vertical scrollbar will appear. Based on the current data and viewport size
+     * the method calculates if the vertical scrollbar will appear after the table is rendered.
+     * The method is a workaround for the issue in the Walkontable that returns unstable viewport
+     * size.
+     *
+     * @returns {boolean}
+     */
+    _classPrivateMethodInitSpec(this, _StretchCalculator_brand);
+    /**
+     * The Handsontable instance.
+     *
+     * @type {Core}
+     */
+    _classPrivateFieldInitSpec(this, _hot, void 0);
+    /**
+     * The map that stores the calculated column widths.
+     *
+     * @type {IndexToValueMap}
+     */
+    _classPrivateFieldInitSpec(this, _widthsMap, void 0);
+    /**
+     * The map that stores the available stretch strategies.
+     *
+     * @type {Map<string, StretchAllStrategy | StretchLastStrategy>}
+     */
+    _classPrivateFieldInitSpec(this, _stretchStrategies, new Map([['all', new StretchAllStrategy(_assertClassBrand(_StretchCalculator_brand, this, _overwriteColumnWidthFn).bind(this))], ['last', new StretchLastStrategy(_assertClassBrand(_StretchCalculator_brand, this, _overwriteColumnWidthFn).bind(this))]]));
+    /**
+     * The active stretch mode.
+     *
+     * @type {'all' | 'last' | 'none'}
+     */
+    _classPrivateFieldInitSpec(this, _activeStrategy, 'none');
+    _classPrivateFieldSet(_hot, this, hotInstance);
+    _classPrivateFieldSet(_widthsMap, this, _classPrivateFieldGet(_hot, this).columnIndexMapper.createAndRegisterIndexMap(STRETCH_WIDTH_MAP_NAME, 'physicalIndexToValue'));
+  }
+
+  /**
+   * Sets the active stretch strategy.
+   *
+   * @param {'all' | 'last' | 'none'} strategyName The stretch strategy to use.
+   */
+  useStrategy(strategyName) {
+    _classPrivateFieldSet(_activeStrategy, this, _classPrivateFieldGet(_stretchStrategies, this).has(strategyName) ? strategyName : 'none');
+  }
+
+  /**
+   * Recalculates the column widths.
+   */
+  refreshStretching() {
+    if (_classPrivateFieldGet(_activeStrategy, this) === 'none') {
+      _classPrivateFieldGet(_widthsMap, this).clear();
+      return;
+    }
+    _classPrivateFieldGet(_hot, this).batchExecution(() => {
+      _classPrivateFieldGet(_widthsMap, this).clear();
+      const stretchStrategy = _classPrivateFieldGet(_stretchStrategies, this).get(_classPrivateFieldGet(_activeStrategy, this));
+      const view = _classPrivateFieldGet(_hot, this).view;
+      let viewportWidth = view.getViewportWidth();
+      if (_assertClassBrand(_StretchCalculator_brand, this, _willVerticalScrollAppear).call(this)) {
+        viewportWidth -= getScrollbarWidth(_classPrivateFieldGet(_hot, this).rootDocument);
+      }
+      stretchStrategy.prepare({
+        viewportWidth
+      });
+      for (let columnIndex = 0; columnIndex < _classPrivateFieldGet(_hot, this).countCols(); columnIndex++) {
+        if (!_classPrivateFieldGet(_hot, this).columnIndexMapper.isHidden(_classPrivateFieldGet(_hot, this).toPhysicalColumn(columnIndex))) {
+          stretchStrategy.setColumnBaseWidth(columnIndex, _assertClassBrand(_StretchCalculator_brand, this, _getWidthWithoutStretching).call(this, columnIndex));
+        }
+      }
+      stretchStrategy.calculate();
+      stretchStrategy.getWidths().forEach(_ref => {
+        let [columnIndex, width] = _ref;
+        _classPrivateFieldGet(_widthsMap, this).setValueAtIndex(_classPrivateFieldGet(_hot, this).toPhysicalColumn(columnIndex), width);
+      });
+    }, true);
+  }
+
+  /**
+   * Gets the calculated column width.
+   *
+   * @param {number} columnVisualIndex Column visual index.
+   * @returns {number | null}
+   */
+  getStretchedWidth(columnVisualIndex) {
+    return _classPrivateFieldGet(_widthsMap, this).getValueAtIndex(_classPrivateFieldGet(_hot, this).toPhysicalColumn(columnVisualIndex));
+  }
+}
+function _willVerticalScrollAppear() {
+  const {
+    view
+  } = _classPrivateFieldGet(_hot, this);
+  if (view.isVerticallyScrollableByWindow()) {
+    return false;
+  }
+  const viewportHeight = view.getViewportHeight();
+  const totalRows = _classPrivateFieldGet(_hot, this).countRows();
+  let totalHeight = 0;
+  let hasVerticalScroll = false;
+  for (let row = 0; row < totalRows; row++) {
+    var _classPrivateFieldGet2;
+    totalHeight += ((_classPrivateFieldGet2 = _classPrivateFieldGet(_hot, this).getRowHeight(row)) !== null && _classPrivateFieldGet2 !== void 0 ? _classPrivateFieldGet2 : DEFAULT_ROW_HEIGHT) + (row === 0 ? 1 : 0);
+    if (totalHeight > viewportHeight) {
+      hasVerticalScroll = true;
+      break;
+    }
+  }
+  return hasVerticalScroll;
+}
+/**
+ * Gets the column width from the Handsontable API without logic related to stretching.
+ *
+ * @param {number} columnVisualIndex Column visual index.
+ * @returns {number}
+ */
+function _getWidthWithoutStretching(columnVisualIndex) {
+  var _classPrivateFieldGet3;
+  return (_classPrivateFieldGet3 = _classPrivateFieldGet(_hot, this).getColWidth(columnVisualIndex, 'StretchColumns')) !== null && _classPrivateFieldGet3 !== void 0 ? _classPrivateFieldGet3 : DEFAULT_COLUMN_WIDTH;
+}
+/**
+ * Executes the hook that allows to overwrite the column width.
+ *
+ * @param {number} columnWidth The column width.
+ * @param {number} columnVisualIndex Column visual index.
+ * @returns {number}
+ */
+function _overwriteColumnWidthFn(columnWidth, columnVisualIndex) {
+  return _classPrivateFieldGet(_hot, this).runHooks('beforeStretchingColumnWidth', columnWidth, columnVisualIndex);
+}

package/plugins/stretchColumns/index.d.ts

@@ -0,0 +1 @@
+export * from './stretchColumns';

package/plugins/stretchColumns/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+var _stretchColumns = require("./stretchColumns");
+exports.PLUGIN_KEY = _stretchColumns.PLUGIN_KEY;
+exports.PLUGIN_PRIORITY = _stretchColumns.PLUGIN_PRIORITY;
+exports.StretchColumns = _stretchColumns.StretchColumns;

package/plugins/stretchColumns/index.mjs

@@ -0,0 +1 @@
+export { PLUGIN_KEY, PLUGIN_PRIORITY, StretchColumns } from "./stretchColumns.mjs";