handsontable 0.0.0-next-0d98d67-20250210 → 0.0.0-next-508ffe1-20250211

package/3rdparty/walkontable/src/utils/column.mjs

@@ -36,7 +36,8 @@ export default class ColumnUtils {
    * @returns {number}
    */
   getWidth(sourceIndex) {
-    return this.wtSettings.getSetting('columnWidth', sourceIndex);
+    const width = this.wtSettings.getSetting('columnWidth', sourceIndex) || this.wtSettings.getSetting('defaultColumnWidth');
+    return width;
   }
 
   /**
@@ -46,7 +47,12 @@ export default class ColumnUtils {
    * @returns {number}
    */
   getHeaderHeight(level) {
-    return this.dataAccessObject.stylesHandler.getDefaultRowHeight();
+    let height = this.dataAccessObject.stylesHandler.getDefaultRowHeight();
+    const oversizedHeight = this.dataAccessObject.wtViewport.oversizedColumnHeaders[level];
+    if (oversizedHeight !== undefined) {
+      height = height ? Math.max(height, oversizedHeight) : oversizedHeight;
+    }
+    return height;
   }
 
   /**
@@ -56,11 +62,26 @@ export default class ColumnUtils {
    * @returns {number}
    */
   getHeaderWidth(sourceIndex) {
-    return 50;
+    return this.headerWidths.get(this.dataAccessObject.wtTable.columnFilter.sourceToRendered(sourceIndex));
   }
 
   /**
    * Calculates column header widths that can be retrieved from the cache.
    */
-  calculateWidths() {}
+  calculateWidths() {
+    const {
+      wtSettings
+    } = this;
+    let rowHeaderWidthSetting = wtSettings.getSetting('rowHeaderWidth');
+    rowHeaderWidthSetting = wtSettings.getSetting('onModifyRowHeaderWidth', rowHeaderWidthSetting);
+    if (rowHeaderWidthSetting !== null && rowHeaderWidthSetting !== undefined) {
+      const rowHeadersCount = wtSettings.getSetting('rowHeaders').length;
+      const defaultColumnWidth = wtSettings.getSetting('defaultColumnWidth');
+      for (let visibleColumnIndex = 0; visibleColumnIndex < rowHeadersCount; visibleColumnIndex++) {
+        let width = Array.isArray(rowHeaderWidthSetting) ? rowHeaderWidthSetting[visibleColumnIndex] : rowHeaderWidthSetting;
+        width = width === null || width === undefined ? defaultColumnWidth : width;
+        this.headerWidths.set(visibleColumnIndex, width);
+      }
+    }
+  }
 }

package/3rdparty/walkontable/src/utils/row.js

@@ -35,7 +35,12 @@ class RowUtils {
    * @returns {number}
    */
   getHeight(sourceIndex) {
-    return this.wtSettings.getSetting('rowHeight', sourceIndex);
+    let height = this.wtSettings.getSetting('rowHeight', sourceIndex);
+    const oversizedHeight = this.dataAccessObject.wtViewport.oversizedRows[sourceIndex];
+    if (oversizedHeight !== undefined) {
+      height = height === undefined ? oversizedHeight : Math.max(height, oversizedHeight);
+    }
+    return height;
   }
 
   /**
@@ -46,7 +51,12 @@ class RowUtils {
    * @returns {number}
    */
   getHeightByOverlayName(sourceIndex, overlayName) {
-    return this.wtSettings.getSetting('rowHeight', sourceIndex);
+    let height = this.wtSettings.getSetting('rowHeightByOverlayName', sourceIndex, overlayName);
+    const oversizedHeight = this.dataAccessObject.wtViewport.oversizedRows[sourceIndex];
+    if (oversizedHeight !== undefined) {
+      height = height === undefined ? oversizedHeight : Math.max(height, oversizedHeight);
+    }
+    return height;
   }
 }
 exports.default = RowUtils;

package/3rdparty/walkontable/src/utils/row.mjs

@@ -32,7 +32,12 @@ export default class RowUtils {
    * @returns {number}
    */
   getHeight(sourceIndex) {
-    return this.wtSettings.getSetting('rowHeight', sourceIndex);
+    let height = this.wtSettings.getSetting('rowHeight', sourceIndex);
+    const oversizedHeight = this.dataAccessObject.wtViewport.oversizedRows[sourceIndex];
+    if (oversizedHeight !== undefined) {
+      height = height === undefined ? oversizedHeight : Math.max(height, oversizedHeight);
+    }
+    return height;
   }
 
   /**
@@ -43,6 +48,11 @@ export default class RowUtils {
    * @returns {number}
    */
   getHeightByOverlayName(sourceIndex, overlayName) {
-    return this.wtSettings.getSetting('rowHeight', sourceIndex);
+    let height = this.wtSettings.getSetting('rowHeightByOverlayName', sourceIndex, overlayName);
+    const oversizedHeight = this.dataAccessObject.wtViewport.oversizedRows[sourceIndex];
+    if (oversizedHeight !== undefined) {
+      height = height === undefined ? oversizedHeight : Math.max(height, oversizedHeight);
+    }
+    return height;
   }
 }

package/3rdparty/walkontable/src/viewport.js

@@ -24,6 +24,7 @@ class Viewport {
     this.domBindings = domBindings;
     this.wtSettings = wtSettings;
     this.wtTable = wtTable;
+    this.oversizedRows = [];
     this.oversizedColumnHeaders = [];
     this.hasOversizedColumnHeadersMarked = {};
     this.clientHeight = 0;
@@ -178,14 +179,47 @@ class Viewport {
    * @returns {number}
    */
   getColumnHeaderHeight() {
-    return 59;
+    const columnHeaders = this.wtSettings.getSetting('columnHeaders');
+    if (!columnHeaders.length) {
+      this.columnHeaderHeight = 0;
+    } else if (isNaN(this.columnHeaderHeight)) {
+      this.columnHeaderHeight = (0, _element.outerHeight)(this.wtTable.THEAD);
+    }
+    return this.columnHeaderHeight;
   }
 
   /**
    * @returns {number}
    */
   getRowHeaderWidth() {
-    return 50;
+    const rowHeadersWidthSetting = this.wtSettings.getSetting('rowHeaderWidth');
+    const rowHeaders = this.wtSettings.getSetting('rowHeaders');
+    if (rowHeadersWidthSetting) {
+      this.rowHeaderWidth = 0;
+      for (let i = 0, len = rowHeaders.length; i < len; i++) {
+        this.rowHeaderWidth += rowHeadersWidthSetting[i] || rowHeadersWidthSetting;
+      }
+    }
+    if (isNaN(this.rowHeaderWidth)) {
+      if (rowHeaders.length) {
+        let TH = this.wtTable.TABLE.querySelector('TH');
+        this.rowHeaderWidth = 0;
+        for (let i = 0, len = rowHeaders.length; i < len; i++) {
+          if (TH) {
+            this.rowHeaderWidth += (0, _element.outerWidth)(TH);
+            TH = TH.nextSibling;
+          } else {
+            // yes this is a cheat but it worked like that before, just taking assumption from CSS instead of measuring.
+            // TODO: proper fix
+            this.rowHeaderWidth += 50;
+          }
+        }
+      } else {
+        this.rowHeaderWidth = 0;
+      }
+    }
+    this.rowHeaderWidth = this.wtSettings.getSetting('onModifyRowHeaderWidth', this.rowHeaderWidth) || this.rowHeaderWidth;
+    return this.rowHeaderWidth;
   }
 
   /**

package/3rdparty/walkontable/src/viewport.mjs

@@ -21,6 +21,7 @@ class Viewport {
     this.domBindings = domBindings;
     this.wtSettings = wtSettings;
     this.wtTable = wtTable;
+    this.oversizedRows = [];
     this.oversizedColumnHeaders = [];
     this.hasOversizedColumnHeadersMarked = {};
     this.clientHeight = 0;
@@ -175,14 +176,47 @@ class Viewport {
    * @returns {number}
    */
   getColumnHeaderHeight() {
-    return 59;
+    const columnHeaders = this.wtSettings.getSetting('columnHeaders');
+    if (!columnHeaders.length) {
+      this.columnHeaderHeight = 0;
+    } else if (isNaN(this.columnHeaderHeight)) {
+      this.columnHeaderHeight = outerHeight(this.wtTable.THEAD);
+    }
+    return this.columnHeaderHeight;
   }
 
   /**
    * @returns {number}
    */
   getRowHeaderWidth() {
-    return 50;
+    const rowHeadersWidthSetting = this.wtSettings.getSetting('rowHeaderWidth');
+    const rowHeaders = this.wtSettings.getSetting('rowHeaders');
+    if (rowHeadersWidthSetting) {
+      this.rowHeaderWidth = 0;
+      for (let i = 0, len = rowHeaders.length; i < len; i++) {
+        this.rowHeaderWidth += rowHeadersWidthSetting[i] || rowHeadersWidthSetting;
+      }
+    }
+    if (isNaN(this.rowHeaderWidth)) {
+      if (rowHeaders.length) {
+        let TH = this.wtTable.TABLE.querySelector('TH');
+        this.rowHeaderWidth = 0;
+        for (let i = 0, len = rowHeaders.length; i < len; i++) {
+          if (TH) {
+            this.rowHeaderWidth += outerWidth(TH);
+            TH = TH.nextSibling;
+          } else {
+            // yes this is a cheat but it worked like that before, just taking assumption from CSS instead of measuring.
+            // TODO: proper fix
+            this.rowHeaderWidth += 50;
+          }
+        }
+      } else {
+        this.rowHeaderWidth = 0;
+      }
+    }
+    this.rowHeaderWidth = this.wtSettings.getSetting('onModifyRowHeaderWidth', this.rowHeaderWidth) || this.rowHeaderWidth;
+    return this.rowHeaderWidth;
   }
 
   /**

package/base.js

@@ -45,8 +45,8 @@ Handsontable.hooks = _hooks.Hooks.getSingleton();
 Handsontable.CellCoords = _src.CellCoords;
 Handsontable.CellRange = _src.CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "10/02/2025 14:31:18";
-Handsontable.version = "0.0.0-next-0d98d67-20250210";
+Handsontable.buildDate = "11/02/2025 09:50:22";
+Handsontable.version = "0.0.0-next-508ffe1-20250211";
 Handsontable.languages = {
   dictionaryKeys: _registry.dictionaryKeys,
   getLanguageDictionary: _registry.getLanguageDictionary,

package/base.mjs

@@ -35,8 +35,8 @@ Handsontable.hooks = Hooks.getSingleton();
 Handsontable.CellCoords = CellCoords;
 Handsontable.CellRange = CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "10/02/2025 14:31:23";
-Handsontable.version = "0.0.0-next-0d98d67-20250210";
+Handsontable.buildDate = "11/02/2025 09:50:28";
+Handsontable.version = "0.0.0-next-508ffe1-20250211";
 Handsontable.languages = {
   dictionaryKeys,
   getLanguageDictionary,

package/core.js

@@ -3495,7 +3495,33 @@ function Core(rootElement, userSettings) {
    * @returns {number}
    */
   this._getColWidthFromSettings = function (col) {
-    return tableMeta.colWidths;
+    let width;
+
+    // We currently don't support cell meta objects for headers (negative values)
+    if (col >= 0) {
+      const cellProperties = instance.getCellMeta(0, col);
+      width = cellProperties.width;
+    }
+    if (width === undefined || width === tableMeta.width) {
+      width = tableMeta.colWidths;
+    }
+    if (width !== undefined && width !== null) {
+      switch (typeof width) {
+        case 'object':
+          // array
+          width = width[col];
+          break;
+        case 'function':
+          width = width(col);
+          break;
+        default:
+          break;
+      }
+      if (typeof width === 'string') {
+        width = parseInt(width, 10);
+      }
+    }
+    return width;
   };
 
   /**
@@ -3509,7 +3535,12 @@ function Core(rootElement, userSettings) {
    * @fires Hooks#modifyColWidth
    */
   this.getColWidth = function (column, source) {
-    return instance._getColWidthFromSettings(column);
+    let width = instance._getColWidthFromSettings(column);
+    width = instance.runHooks('modifyColWidth', width, column, source);
+    if (width === undefined) {
+      width = _src.DEFAULT_COLUMN_WIDTH;
+    }
+    return width;
   };
 
   /**
@@ -3522,7 +3553,24 @@ function Core(rootElement, userSettings) {
    * @returns {number}
    */
   this._getRowHeightFromSettings = function (row) {
-    return tableMeta.rowHeights;
+    let height = tableMeta.rowHeights;
+    if (height !== undefined && height !== null) {
+      switch (typeof height) {
+        case 'object':
+          // array
+          height = height[row];
+          break;
+        case 'function':
+          height = height(row);
+          break;
+        default:
+          break;
+      }
+      if (typeof height === 'string') {
+        height = parseInt(height, 10);
+      }
+    }
+    return height;
   };
 
   /**
@@ -3553,7 +3601,9 @@ function Core(rootElement, userSettings) {
    * @fires Hooks#modifyRowHeight
    */
   this.getRowHeight = function (row, source) {
-    return instance._getRowHeightFromSettings(row);
+    let height = instance._getRowHeightFromSettings(row);
+    height = instance.runHooks('modifyRowHeight', height, row, source);
+    return height;
   };
 
   /**

package/core.mjs

@@ -3490,7 +3490,33 @@ export default function Core(rootElement, userSettings) {
    * @returns {number}
    */
   this._getColWidthFromSettings = function (col) {
-    return tableMeta.colWidths;
+    let width;
+
+    // We currently don't support cell meta objects for headers (negative values)
+    if (col >= 0) {
+      const cellProperties = instance.getCellMeta(0, col);
+      width = cellProperties.width;
+    }
+    if (width === undefined || width === tableMeta.width) {
+      width = tableMeta.colWidths;
+    }
+    if (width !== undefined && width !== null) {
+      switch (typeof width) {
+        case 'object':
+          // array
+          width = width[col];
+          break;
+        case 'function':
+          width = width(col);
+          break;
+        default:
+          break;
+      }
+      if (typeof width === 'string') {
+        width = parseInt(width, 10);
+      }
+    }
+    return width;
   };
 
   /**
@@ -3504,7 +3530,12 @@ export default function Core(rootElement, userSettings) {
    * @fires Hooks#modifyColWidth
    */
   this.getColWidth = function (column, source) {
-    return instance._getColWidthFromSettings(column);
+    let width = instance._getColWidthFromSettings(column);
+    width = instance.runHooks('modifyColWidth', width, column, source);
+    if (width === undefined) {
+      width = DEFAULT_COLUMN_WIDTH;
+    }
+    return width;
   };
 
   /**
@@ -3517,7 +3548,24 @@ export default function Core(rootElement, userSettings) {
    * @returns {number}
    */
   this._getRowHeightFromSettings = function (row) {
-    return tableMeta.rowHeights;
+    let height = tableMeta.rowHeights;
+    if (height !== undefined && height !== null) {
+      switch (typeof height) {
+        case 'object':
+          // array
+          height = height[row];
+          break;
+        case 'function':
+          height = height(row);
+          break;
+        default:
+          break;
+      }
+      if (typeof height === 'string') {
+        height = parseInt(height, 10);
+      }
+    }
+    return height;
   };
 
   /**
@@ -3548,7 +3596,9 @@ export default function Core(rootElement, userSettings) {
    * @fires Hooks#modifyRowHeight
    */
   this.getRowHeight = function (row, source) {
-    return instance._getRowHeightFromSettings(row);
+    let height = instance._getRowHeightFromSettings(row);
+    height = instance.runHooks('modifyRowHeight', height, row, source);
+    return height;
   };
 
   /**

package/dist/handsontable.css

@@ -25,8 +25,8 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  *
- * Version: 0.0.0-next-0d98d67-20250210
- * Release date: 16/12/2024 (built at 10/02/2025 14:31:45)
+ * Version: 0.0.0-next-508ffe1-20250211
+ * Release date: 16/12/2024 (built at 11/02/2025 09:50:50)
  */
 /**
  * Fix for bootstrap styles

package/dist/handsontable.full.css

@@ -25,8 +25,8 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  *
- * Version: 0.0.0-next-0d98d67-20250210
- * Release date: 16/12/2024 (built at 10/02/2025 14:31:45)
+ * Version: 0.0.0-next-508ffe1-20250211
+ * Release date: 16/12/2024 (built at 11/02/2025 09:50:50)
  */
 /**
  * Fix for bootstrap styles