handsontable 0.0.0-next-31297ac-20231204 → 0.0.0-next-d76be4f-20231206

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

@@ -255,15 +255,15 @@ class Viewport {
       wtSettings,
       wtTable
     } = this;
-    let height;
+    if (wtSettings.getSetting('renderAllRows') && calculationType === _calculator.RENDER_TYPE) {
+      return new _calculator.RenderAllRowsCalculator({
+        totalRows: wtSettings.getSetting('totalRows')
+      });
+    }
+    let height = this.getViewportHeight();
     let scrollbarHeight;
     let fixedRowsHeight;
     this.rowHeaderWidth = NaN;
-    if (wtSettings.getSetting('renderAllRows') && calculationType === _calculator.RENDER_TYPE) {
-      height = Infinity;
-    } else {
-      height = this.getViewportHeight();
-    }
     let pos = this.dataAccessObject.topScrollPosition - this.dataAccessObject.topParentOffset;
     const fixedRowsTop = wtSettings.getSetting('fixedRowsTop');
     const fixedRowsBottom = wtSettings.getSetting('fixedRowsBottom');
@@ -308,6 +308,11 @@ class Viewport {
       wtSettings,
       wtTable
     } = this;
+    if (wtSettings.getSetting('renderAllColumns') && calculationType === _calculator.RENDER_TYPE) {
+      return new _calculator.RenderAllColumnsCalculator({
+        totalColumns: wtSettings.getSetting('totalColumns')
+      });
+    }
     let width = this.getViewportWidth();
     let pos = Math.abs(this.dataAccessObject.inlineStartScrollPosition) - this.dataAccessObject.inlineStartParentOffset;
     this.columnHeaderHeight = NaN;
@@ -327,10 +332,6 @@ class Viewport {
       columnWidthFn: sourceCol => wtTable.getColumnWidth(sourceCol),
       overrideFn: wtSettings.getSettingPure('viewportColumnCalculatorOverride'),
       calculationType,
-      stretchMode: wtSettings.getSetting('stretchH'),
-      stretchingColumnWidthFn: (stretchedWidth, column) => {
-        return wtSettings.getSetting('onBeforeStretchingColumnWidth', stretchedWidth, column);
-      },
       inlineStartOffset: this.dataAccessObject.inlineStartParentOffset
     });
   }
@@ -345,22 +346,26 @@ class Viewport {
    */
   createRenderCalculators() {
     let fastDraw = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    let runFastDraw = fastDraw;
-    if (runFastDraw) {
+    const {
+      wtSettings
+    } = this;
+    if (fastDraw && !wtSettings.getSetting('renderAllRows')) {
       const proposedRowsVisibleCalculator = this.createRowsCalculator(_calculator.FULLY_VISIBLE_TYPE);
+      fastDraw = this.areAllProposedVisibleRowsAlreadyRendered(proposedRowsVisibleCalculator);
+    }
+    if (fastDraw && !wtSettings.getSetting('renderAllColumns')) {
       const proposedColumnsVisibleCalculator = this.createColumnsCalculator(_calculator.FULLY_VISIBLE_TYPE);
-      if (!(this.areAllProposedVisibleRowsAlreadyRendered(proposedRowsVisibleCalculator) && this.areAllProposedVisibleColumnsAlreadyRendered(proposedColumnsVisibleCalculator))) {
-        runFastDraw = false;
-      }
+      fastDraw = this.areAllProposedVisibleColumnsAlreadyRendered(proposedColumnsVisibleCalculator);
     }
-    if (!runFastDraw) {
+    if (!fastDraw) {
       this.rowsRenderCalculator = this.createRowsCalculator(_calculator.RENDER_TYPE);
       this.columnsRenderCalculator = this.createColumnsCalculator(_calculator.RENDER_TYPE);
     }
+
     // delete temporarily to make sure that renderers always use rowsRenderCalculator, not rowsVisibleCalculator
     this.rowsVisibleCalculator = null;
     this.columnsVisibleCalculator = null;
-    return runFastDraw;
+    return fastDraw;
   }
 
   /**

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

@@ -1,6 +1,6 @@
 import { getScrollbarWidth, getStyle, offset, outerHeight, outerWidth } from "../../../helpers/dom/element.mjs";
 import { objectEach } from "../../../helpers/object.mjs";
-import { RENDER_TYPE, FULLY_VISIBLE_TYPE, ViewportColumnsCalculator, ViewportRowsCalculator } from "./calculator/index.mjs";
+import { RENDER_TYPE, FULLY_VISIBLE_TYPE, RenderAllColumnsCalculator, RenderAllRowsCalculator, ViewportColumnsCalculator, ViewportRowsCalculator } from "./calculator/index.mjs";
 /**
  * @class Viewport
  */
@@ -252,15 +252,15 @@ class Viewport {
       wtSettings,
       wtTable
     } = this;
-    let height;
+    if (wtSettings.getSetting('renderAllRows') && calculationType === RENDER_TYPE) {
+      return new RenderAllRowsCalculator({
+        totalRows: wtSettings.getSetting('totalRows')
+      });
+    }
+    let height = this.getViewportHeight();
     let scrollbarHeight;
     let fixedRowsHeight;
     this.rowHeaderWidth = NaN;
-    if (wtSettings.getSetting('renderAllRows') && calculationType === RENDER_TYPE) {
-      height = Infinity;
-    } else {
-      height = this.getViewportHeight();
-    }
     let pos = this.dataAccessObject.topScrollPosition - this.dataAccessObject.topParentOffset;
     const fixedRowsTop = wtSettings.getSetting('fixedRowsTop');
     const fixedRowsBottom = wtSettings.getSetting('fixedRowsBottom');
@@ -305,6 +305,11 @@ class Viewport {
       wtSettings,
       wtTable
     } = this;
+    if (wtSettings.getSetting('renderAllColumns') && calculationType === RENDER_TYPE) {
+      return new RenderAllColumnsCalculator({
+        totalColumns: wtSettings.getSetting('totalColumns')
+      });
+    }
     let width = this.getViewportWidth();
     let pos = Math.abs(this.dataAccessObject.inlineStartScrollPosition) - this.dataAccessObject.inlineStartParentOffset;
     this.columnHeaderHeight = NaN;
@@ -324,10 +329,6 @@ class Viewport {
       columnWidthFn: sourceCol => wtTable.getColumnWidth(sourceCol),
       overrideFn: wtSettings.getSettingPure('viewportColumnCalculatorOverride'),
       calculationType,
-      stretchMode: wtSettings.getSetting('stretchH'),
-      stretchingColumnWidthFn: (stretchedWidth, column) => {
-        return wtSettings.getSetting('onBeforeStretchingColumnWidth', stretchedWidth, column);
-      },
       inlineStartOffset: this.dataAccessObject.inlineStartParentOffset
     });
   }
@@ -342,22 +343,26 @@ class Viewport {
    */
   createRenderCalculators() {
     let fastDraw = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    let runFastDraw = fastDraw;
-    if (runFastDraw) {
+    const {
+      wtSettings
+    } = this;
+    if (fastDraw && !wtSettings.getSetting('renderAllRows')) {
       const proposedRowsVisibleCalculator = this.createRowsCalculator(FULLY_VISIBLE_TYPE);
+      fastDraw = this.areAllProposedVisibleRowsAlreadyRendered(proposedRowsVisibleCalculator);
+    }
+    if (fastDraw && !wtSettings.getSetting('renderAllColumns')) {
       const proposedColumnsVisibleCalculator = this.createColumnsCalculator(FULLY_VISIBLE_TYPE);
-      if (!(this.areAllProposedVisibleRowsAlreadyRendered(proposedRowsVisibleCalculator) && this.areAllProposedVisibleColumnsAlreadyRendered(proposedColumnsVisibleCalculator))) {
-        runFastDraw = false;
-      }
+      fastDraw = this.areAllProposedVisibleColumnsAlreadyRendered(proposedColumnsVisibleCalculator);
     }
-    if (!runFastDraw) {
+    if (!fastDraw) {
       this.rowsRenderCalculator = this.createRowsCalculator(RENDER_TYPE);
       this.columnsRenderCalculator = this.createColumnsCalculator(RENDER_TYPE);
     }
+
     // delete temporarily to make sure that renderers always use rowsRenderCalculator, not rowsVisibleCalculator
     this.rowsVisibleCalculator = null;
     this.columnsVisibleCalculator = null;
-    return runFastDraw;
+    return fastDraw;
   }
 
   /**

package/base.js

@@ -45,8 +45,8 @@ Handsontable.hooks = _pluginHooks.default.getSingleton();
 Handsontable.CellCoords = _src.CellCoords;
 Handsontable.CellRange = _src.CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "04/12/2023 14:28:32";
-Handsontable.version = "0.0.0-next-31297ac-20231204";
+Handsontable.buildDate = "06/12/2023 14:31:51";
+Handsontable.version = "0.0.0-next-d76be4f-20231206";
 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 = "04/12/2023 14:28:38";
-Handsontable.version = "0.0.0-next-31297ac-20231204";
+Handsontable.buildDate = "06/12/2023 14:31:57";
+Handsontable.version = "0.0.0-next-d76be4f-20231206";
 Handsontable.languages = {
   dictionaryKeys,
   getLanguageDictionary,

package/core/focusCatcher/index.js

@@ -12,14 +12,15 @@ var _focusDetector = require("./focusDetector");
  * @param {Core} hot The Handsontable instance.
  */
 function installFocusCatcher(hot) {
+  const clampCoordsIfNeeded = normalizeCoordsIfNeeded(hot);
   let recentlyAddedFocusCoords;
   const {
     activate,
     deactivate
   } = (0, _focusDetector.installFocusDetector)(hot, {
     onFocusFromTop() {
-      var _recentlyAddedFocusCo;
-      const mostTopStartCoords = (_recentlyAddedFocusCo = recentlyAddedFocusCoords) !== null && _recentlyAddedFocusCo !== void 0 ? _recentlyAddedFocusCo : getMostTopStartPosition(hot);
+      var _clampCoordsIfNeeded;
+      const mostTopStartCoords = (_clampCoordsIfNeeded = clampCoordsIfNeeded(recentlyAddedFocusCoords)) !== null && _clampCoordsIfNeeded !== void 0 ? _clampCoordsIfNeeded : getMostTopStartPosition(hot);
       if (mostTopStartCoords) {
         hot.runHooks('modifyFocusOnTabNavigation', 'from_above', mostTopStartCoords);
         hot.selectCell(mostTopStartCoords.row, mostTopStartCoords.col);
@@ -27,8 +28,8 @@ function installFocusCatcher(hot) {
       hot.listen();
     },
     onFocusFromBottom() {
-      var _recentlyAddedFocusCo2;
-      const mostBottomEndCoords = (_recentlyAddedFocusCo2 = recentlyAddedFocusCoords) !== null && _recentlyAddedFocusCo2 !== void 0 ? _recentlyAddedFocusCo2 : getMostBottomEndPosition(hot);
+      var _clampCoordsIfNeeded2;
+      const mostBottomEndCoords = (_clampCoordsIfNeeded2 = clampCoordsIfNeeded(recentlyAddedFocusCoords)) !== null && _clampCoordsIfNeeded2 !== void 0 ? _clampCoordsIfNeeded2 : getMostBottomEndPosition(hot);
       if (mostBottomEndCoords) {
         hot.runHooks('modifyFocusOnTabNavigation', 'from_below', mostBottomEndCoords);
         hot.selectCell(mostBottomEndCoords.row, mostBottomEndCoords.col);
@@ -165,4 +166,33 @@ function getMostBottomEndPosition(hot) {
     endColumn = -1;
   }
   return hot._createCellCoords((_rowIndexMapper$getVi = rowIndexMapper.getVisualFromRenderableIndex(bottomRow)) !== null && _rowIndexMapper$getVi !== void 0 ? _rowIndexMapper$getVi : bottomRow, (_columnIndexMapper$ge = columnIndexMapper.getVisualFromRenderableIndex(endColumn)) !== null && _columnIndexMapper$ge !== void 0 ? _columnIndexMapper$ge : endColumn);
+}
+
+/**
+ * Normalizes the coordinates (clamps to nearest visible cell position within dataset range).
+ *
+ * @param {Core} hot The Handsontable instance.
+ * @returns {function(Coords | undefined): Coords | null}
+ */
+function normalizeCoordsIfNeeded(hot) {
+  return coords => {
+    if (!coords) {
+      return null;
+    }
+    const mostTopStartCoords = getMostTopStartPosition(hot);
+    const mostBottomEndCoords = getMostBottomEndPosition(hot);
+    if (coords.col < mostTopStartCoords.col) {
+      coords.col = mostTopStartCoords.col;
+    }
+    if (coords.col > mostBottomEndCoords.col) {
+      coords.col = mostBottomEndCoords.col;
+    }
+    if (coords.row < mostTopStartCoords.row) {
+      coords.row = mostTopStartCoords.row;
+    }
+    if (coords.row > mostBottomEndCoords.row) {
+      coords.row = mostBottomEndCoords.row;
+    }
+    return coords;
+  };
 }

package/core/focusCatcher/index.mjs

@@ -8,14 +8,15 @@ import { installFocusDetector } from "./focusDetector.mjs";
  * @param {Core} hot The Handsontable instance.
  */
 export function installFocusCatcher(hot) {
+  const clampCoordsIfNeeded = normalizeCoordsIfNeeded(hot);
   let recentlyAddedFocusCoords;
   const {
     activate,
     deactivate
   } = installFocusDetector(hot, {
     onFocusFromTop() {
-      var _recentlyAddedFocusCo;
-      const mostTopStartCoords = (_recentlyAddedFocusCo = recentlyAddedFocusCoords) !== null && _recentlyAddedFocusCo !== void 0 ? _recentlyAddedFocusCo : getMostTopStartPosition(hot);
+      var _clampCoordsIfNeeded;
+      const mostTopStartCoords = (_clampCoordsIfNeeded = clampCoordsIfNeeded(recentlyAddedFocusCoords)) !== null && _clampCoordsIfNeeded !== void 0 ? _clampCoordsIfNeeded : getMostTopStartPosition(hot);
       if (mostTopStartCoords) {
         hot.runHooks('modifyFocusOnTabNavigation', 'from_above', mostTopStartCoords);
         hot.selectCell(mostTopStartCoords.row, mostTopStartCoords.col);
@@ -23,8 +24,8 @@ export function installFocusCatcher(hot) {
       hot.listen();
     },
     onFocusFromBottom() {
-      var _recentlyAddedFocusCo2;
-      const mostBottomEndCoords = (_recentlyAddedFocusCo2 = recentlyAddedFocusCoords) !== null && _recentlyAddedFocusCo2 !== void 0 ? _recentlyAddedFocusCo2 : getMostBottomEndPosition(hot);
+      var _clampCoordsIfNeeded2;
+      const mostBottomEndCoords = (_clampCoordsIfNeeded2 = clampCoordsIfNeeded(recentlyAddedFocusCoords)) !== null && _clampCoordsIfNeeded2 !== void 0 ? _clampCoordsIfNeeded2 : getMostBottomEndPosition(hot);
       if (mostBottomEndCoords) {
         hot.runHooks('modifyFocusOnTabNavigation', 'from_below', mostBottomEndCoords);
         hot.selectCell(mostBottomEndCoords.row, mostBottomEndCoords.col);
@@ -161,4 +162,33 @@ function getMostBottomEndPosition(hot) {
     endColumn = -1;
   }
   return hot._createCellCoords((_rowIndexMapper$getVi = rowIndexMapper.getVisualFromRenderableIndex(bottomRow)) !== null && _rowIndexMapper$getVi !== void 0 ? _rowIndexMapper$getVi : bottomRow, (_columnIndexMapper$ge = columnIndexMapper.getVisualFromRenderableIndex(endColumn)) !== null && _columnIndexMapper$ge !== void 0 ? _columnIndexMapper$ge : endColumn);
+}
+
+/**
+ * Normalizes the coordinates (clamps to nearest visible cell position within dataset range).
+ *
+ * @param {Core} hot The Handsontable instance.
+ * @returns {function(Coords | undefined): Coords | null}
+ */
+function normalizeCoordsIfNeeded(hot) {
+  return coords => {
+    if (!coords) {
+      return null;
+    }
+    const mostTopStartCoords = getMostTopStartPosition(hot);
+    const mostBottomEndCoords = getMostBottomEndPosition(hot);
+    if (coords.col < mostTopStartCoords.col) {
+      coords.col = mostTopStartCoords.col;
+    }
+    if (coords.col > mostBottomEndCoords.col) {
+      coords.col = mostBottomEndCoords.col;
+    }
+    if (coords.row < mostTopStartCoords.row) {
+      coords.row = mostTopStartCoords.row;
+    }
+    if (coords.row > mostBottomEndCoords.row) {
+      coords.row = mostBottomEndCoords.row;
+    }
+    return coords;
+  };
 }

package/dataMap/metaManager/metaSchema.js

@@ -3573,7 +3573,7 @@ var _default = () => {
      *
      * @memberof Options#
      * @type {boolean}
-     * @default undefined
+     * @default false
      * @category Core
      *
      * @example
@@ -3582,7 +3582,33 @@ var _default = () => {
      * renderAllRows: true,
      * ```
      */
-    renderAllRows: undefined,
+    renderAllRows: false,
+    /**
+     * The `renderAllColumns` option configures Handsontable's [column virtualization](@/guides/columns/column-virtualization.md).
+     *
+     * You can set the `renderAllColumns` option to one of the following:
+     *
+     * | Setting           | Description                                                                                        |
+     * | ----------------- | -------------------------------------------------------------------------------------------------- |
+     * | `false` (default) | Enable [column virtualization](@/guides/columns/column-virtualization.md)                                   |
+     * | `true`            | Disable [column virtualization](@/guides/columns/column-virtualization.md)<br>(render all columns of the grid) |
+     *
+     * Read more:
+     * - [Row virtualization](@/guides/columns/column-virtualization.md)
+     *
+     * @since 14.1.0
+     * @memberof Options#
+     * @type {boolean}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // disable column virtualization
+     * renderAllColumns: true,
+     * ```
+     */
+    renderAllColumns: false,
     /**
      * @description
      * The `renderer` option sets a [cell renderer](@/guides/cell-functions/cell-renderer.md) for a cell.

package/dataMap/metaManager/metaSchema.mjs

@@ -3570,7 +3570,7 @@ export default (() => {
      *
      * @memberof Options#
      * @type {boolean}
-     * @default undefined
+     * @default false
      * @category Core
      *
      * @example
@@ -3579,7 +3579,33 @@ export default (() => {
      * renderAllRows: true,
      * ```
      */
-    renderAllRows: undefined,
+    renderAllRows: false,
+    /**
+     * The `renderAllColumns` option configures Handsontable's [column virtualization](@/guides/columns/column-virtualization.md).
+     *
+     * You can set the `renderAllColumns` option to one of the following:
+     *
+     * | Setting           | Description                                                                                        |
+     * | ----------------- | -------------------------------------------------------------------------------------------------- |
+     * | `false` (default) | Enable [column virtualization](@/guides/columns/column-virtualization.md)                                   |
+     * | `true`            | Disable [column virtualization](@/guides/columns/column-virtualization.md)<br>(render all columns of the grid) |
+     *
+     * Read more:
+     * - [Row virtualization](@/guides/columns/column-virtualization.md)
+     *
+     * @since 14.1.0
+     * @memberof Options#
+     * @type {boolean}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // disable column virtualization
+     * renderAllColumns: true,
+     * ```
+     */
+    renderAllColumns: false,
     /**
      * @description
      * The `renderer` option sets a [cell renderer](@/guides/cell-functions/cell-renderer.md) for a cell.

package/dataMap/metaManager/mods/extendMetaProperties.js

@@ -44,6 +44,18 @@ class ExtendMetaPropertiesMod {
           throw new Error(`The \`${propName}\` option can not be updated after the Handsontable is initialized.`);
         }
       }
+    }], ['renderAllColumns', {
+      onChange(propName, value, isInitialChange) {
+        if (!isInitialChange) {
+          throw new Error(`The \`${propName}\` option can not be updated after the Handsontable is initialized.`);
+        }
+      }
+    }], ['renderAllRows', {
+      onChange(propName, value, isInitialChange) {
+        if (!isInitialChange) {
+          throw new Error(`The \`${propName}\` option can not be updated after the Handsontable is initialized.`);
+        }
+      }
     }]]));
     this.metaManager = metaManager;
     this.extendMetaProps();

package/dataMap/metaManager/mods/extendMetaProperties.mjs

@@ -41,6 +41,18 @@ export class ExtendMetaPropertiesMod {
           throw new Error(`The \`${propName}\` option can not be updated after the Handsontable is initialized.`);
         }
       }
+    }], ['renderAllColumns', {
+      onChange(propName, value, isInitialChange) {
+        if (!isInitialChange) {
+          throw new Error(`The \`${propName}\` option can not be updated after the Handsontable is initialized.`);
+        }
+      }
+    }], ['renderAllRows', {
+      onChange(propName, value, isInitialChange) {
+        if (!isInitialChange) {
+          throw new Error(`The \`${propName}\` option can not be updated after the Handsontable is initialized.`);
+        }
+      }
     }]]));
     this.metaManager = metaManager;
     this.extendMetaProps();

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-31297ac-20231204
- * Release date: 30/11/2023 (built at 04/12/2023 14:28:42)
+ * Version: 0.0.0-next-d76be4f-20231206
+ * Release date: 30/11/2023 (built at 06/12/2023 14:32:01)
  */
 /**
  * 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-31297ac-20231204
- * Release date: 30/11/2023 (built at 04/12/2023 14:28:42)
+ * Version: 0.0.0-next-d76be4f-20231206
+ * Release date: 30/11/2023 (built at 06/12/2023 14:32:01)
  */
 /**
  * Fix for bootstrap styles