handsontable 0.0.0-next-a4bd0c0-20250307 → 0.0.0-next-b209352-20250310

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-a4bd0c0-20250307";
+  const hotVersion = "0.0.0-next-b209352-20250310";
   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-a4bd0c0-20250307";
+  const hotVersion = "0.0.0-next-b209352-20250310";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/handsontable/handsontable/issues"
   },
   "author": "Handsoncode <hello@handsontable.com>",
-  "version": "0.0.0-next-a4bd0c0-20250307",
+  "version": "0.0.0-next-b209352-20250310",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",

package/plugins/filters/conditionCollection.js

@@ -49,13 +49,6 @@ class ConditionCollection {
      * @type {LinkedPhysicalIndexToValueMap}
      */
     _defineProperty(this, "filteringStates", new _translations.LinkedPhysicalIndexToValueMap());
-    /**
-     * Stores the previous state of the condition stack before the latest filter operation.
-     * This is used in the `beforeFilter` plugin to allow performing the undo operation.
-     *
-     * @type {null|Array}
-     */
-    _defineProperty(this, "previousConditionStack", null);
     this.hot = hot;
     this.isMapRegistrable = isMapRegistrable;
     if (this.isMapRegistrable === true) {
@@ -124,13 +117,6 @@ class ConditionCollection {
     const localeForColumn = this.hot.getCellMeta(0, column).locale;
     const args = conditionDefinition.args.map(v => typeof v === 'string' ? v.toLocaleLowerCase(localeForColumn) : v);
     const name = conditionDefinition.name || conditionDefinition.command.key;
-
-    // If there's no previous condition stack defined (which means the condition stack was not cleared after the
-    // previous filter operation or that there was no filter operation performed yet), store the current conditions as
-    // the previous condition stack.
-    if (this.previousConditionStack === null) {
-      this.setPreviousConditionStack(this.exportAllConditions());
-    }
     this.runLocalHooks('beforeAdd', column);
     const columnType = this.getOperation(column);
     if (columnType) {
@@ -259,8 +245,6 @@ class ConditionCollection {
    * @fires ConditionCollection#afterRemove
    */
   removeConditions(column) {
-    // Store the current conditions as the previous condition stack before it's cleared.
-    this.setPreviousConditionStack(this.exportAllConditions());
     this.runLocalHooks('beforeRemove', column);
     this.filteringStates.clearValue(column);
     this.runLocalHooks('afterRemove', column);
@@ -294,16 +278,6 @@ class ConditionCollection {
     return conditions.length > 0;
   }
 
-  /**
-   * Updates the `previousConditionStack` property with the provided stack.
-   * It is used to store the current conditions before they are modified, allowing for undo operations.
-   *
-   * @param {Array|null} previousConditionStack The stack of previous conditions.
-   */
-  setPreviousConditionStack(previousConditionStack) {
-    this.previousConditionStack = previousConditionStack;
-  }
-
   /**
    * Destroy object.
    */

package/plugins/filters/conditionCollection.mjs

@@ -45,13 +45,6 @@ class ConditionCollection {
      * @type {LinkedPhysicalIndexToValueMap}
      */
     _defineProperty(this, "filteringStates", new IndexToValueMap());
-    /**
-     * Stores the previous state of the condition stack before the latest filter operation.
-     * This is used in the `beforeFilter` plugin to allow performing the undo operation.
-     *
-     * @type {null|Array}
-     */
-    _defineProperty(this, "previousConditionStack", null);
     this.hot = hot;
     this.isMapRegistrable = isMapRegistrable;
     if (this.isMapRegistrable === true) {
@@ -120,13 +113,6 @@ class ConditionCollection {
     const localeForColumn = this.hot.getCellMeta(0, column).locale;
     const args = conditionDefinition.args.map(v => typeof v === 'string' ? v.toLocaleLowerCase(localeForColumn) : v);
     const name = conditionDefinition.name || conditionDefinition.command.key;
-
-    // If there's no previous condition stack defined (which means the condition stack was not cleared after the
-    // previous filter operation or that there was no filter operation performed yet), store the current conditions as
-    // the previous condition stack.
-    if (this.previousConditionStack === null) {
-      this.setPreviousConditionStack(this.exportAllConditions());
-    }
     this.runLocalHooks('beforeAdd', column);
     const columnType = this.getOperation(column);
     if (columnType) {
@@ -255,8 +241,6 @@ class ConditionCollection {
    * @fires ConditionCollection#afterRemove
    */
   removeConditions(column) {
-    // Store the current conditions as the previous condition stack before it's cleared.
-    this.setPreviousConditionStack(this.exportAllConditions());
     this.runLocalHooks('beforeRemove', column);
     this.filteringStates.clearValue(column);
     this.runLocalHooks('afterRemove', column);
@@ -290,16 +274,6 @@ class ConditionCollection {
     return conditions.length > 0;
   }
 
-  /**
-   * Updates the `previousConditionStack` property with the provided stack.
-   * It is used to store the current conditions before they are modified, allowing for undo operations.
-   *
-   * @param {Array|null} previousConditionStack The stack of previous conditions.
-   */
-  setPreviousConditionStack(previousConditionStack) {
-    this.previousConditionStack = previousConditionStack;
-  }
-
   /**
    * Destroy object.
    */

package/plugins/filters/filters.d.ts

@@ -48,6 +48,8 @@ export declare class Filters extends BasePlugin {
   addCondition(column: number, name: string, args: any[], operationId?: OperationType): void;
   removeConditions(column: number): void;
   clearConditions(column?: number): void;
+  importConditions(conditions: ColumnConditions[]): void;
+  exportConditions(): ColumnConditions[];
   filter(): void;
   getSelectedColumn(): { physicalIndex: number, visualIndex: number } | null;
   getDataMapAtColumn(column?: number): CellLikeData[];

package/plugins/filters/filters.js

@@ -81,6 +81,7 @@ const SHORTCUTS_GROUP = PLUGIN_KEY;
  */
 var _menuFocusNavigator = /*#__PURE__*/new WeakMap();
 var _dropdownMenuTraces = /*#__PURE__*/new WeakMap();
+var _previousConditionStack = /*#__PURE__*/new WeakMap();
 var _Filters_brand = /*#__PURE__*/new WeakSet();
 class Filters extends _base.BasePlugin {
   static get PLUGIN_KEY() {
@@ -152,6 +153,13 @@ class Filters extends _base.BasePlugin {
      * @type {WeakSet<Menu>}
      */
     _classPrivateFieldInitSpec(this, _dropdownMenuTraces, new WeakSet());
+    /**
+     * Stores the previous state of the condition stack before the latest filter operation.
+     * This is used in the `beforeFilter` plugin to allow performing the undo operation.
+     *
+     * @type {Array}
+     */
+    _classPrivateFieldInitSpec(this, _previousConditionStack, []);
     this.hot.addHook('afterGetColHeader', function () {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
@@ -494,6 +502,51 @@ class Filters extends _base.BasePlugin {
     }
   }
 
+  /**
+   * Imports filter conditions to all columns to the plugin. The method accepts
+   * the array of conditions with the same structure as the {@link Filters#exportConditions} method returns.
+   * Importing conditions will replace the current conditions. Once replaced, the state of the condition
+   * will be reflected in the UI. To apply the changes and filter the table, call
+   * the {@link Filters#filter} method eventually.
+   *
+   * @param {Array} conditions Array of conditions.
+   */
+  importConditions(conditions) {
+    this.conditionCollection.importAllConditions(conditions);
+  }
+
+  /* eslint-disable jsdoc/require-description-complete-sentence */
+  /**
+   * Exports filter conditions for all columns from the plugin.
+   * The array represents the filter state for each column. For example:
+   *
+   * ```js
+   * [
+   *   {
+   *     column: 1,
+   *     operation: 'conjunction',
+   *     conditions: [
+   *       { name: 'gt', args: [95] },
+   *     ]
+   *   },
+   *   {
+   *     column: 7,
+   *     operation: 'conjunction',
+   *     conditions: [
+   *       { name: 'contains', args: ['mike'] },
+   *       { name: 'begins_with', args: ['m'] },
+   *     ]
+   *   },
+   * ]
+   * ```
+   *
+   * @returns {Array}
+   */
+  /* eslint-enable jsdoc/require-description-complete-sentence */
+  exportConditions() {
+    return this.conditionCollection.exportAllConditions();
+  }
+
   /**
    * Filters data based on added filter conditions.
    *
@@ -507,8 +560,8 @@ class Filters extends _base.BasePlugin {
     const dataFilter = this._createDataFilter();
     const needToFilter = !this.conditionCollection.isEmpty();
     let visibleVisualRows = [];
-    const conditions = this.conditionCollection.exportAllConditions();
-    const allowFiltering = this.hot.runHooks('beforeFilter', conditions, this.conditionCollection.previousConditionStack);
+    const conditions = this.exportConditions();
+    const allowFiltering = this.hot.runHooks('beforeFilter', conditions, _classPrivateFieldGet(_previousConditionStack, this));
     if (allowFiltering !== false) {
       if (needToFilter) {
         const trimmedRows = [];
@@ -531,11 +584,13 @@ class Filters extends _base.BasePlugin {
       } else {
         this.filtersRowsMap.clear();
       }
+      _classPrivateFieldSet(_previousConditionStack, this, this.exportConditions());
+      this.hot.runHooks('afterFilter', conditions);
+      this.hot.view.adjustElementsSize();
+      this.hot.render();
+    } else {
+      this.importConditions(_classPrivateFieldGet(_previousConditionStack, this));
     }
-    this.hot.runHooks('afterFilter', conditions);
-    this.conditionCollection.setPreviousConditionStack(null);
-    this.hot.view.adjustElementsSize();
-    this.hot.render();
     if (this.hot.selection.isSelected()) {
       this.hot.selectCell(navigableHeaders ? -1 : 0, this.hot.getSelectedRangeLast().highlight.col);
     }
@@ -898,7 +953,6 @@ function _onActionBarSubmit(submitType) {
     }
     this.conditionUpdateObserver.flush();
     this.components.forEach(component => component.saveState(physicalIndex));
-    this.filtersRowsMap.clear();
     this.filter();
   }
   (_this$dropdownMenuPlu3 = this.dropdownMenuPlugin) === null || _this$dropdownMenuPlu3 === void 0 || _this$dropdownMenuPlu3.close();
@@ -940,8 +994,23 @@ function _updateComponents(conditionsState) {
     editedConditionStack: {
       conditions,
       column
-    }
+    },
+    conditionArgsChange
   } = conditionsState;
+  if (Array.isArray(conditionArgsChange)) {
+    // update the previous condition stack (only for 'by_value' condition) on each dataset
+    // change to make the undo/redo work properly
+    _classPrivateFieldSet(_previousConditionStack, this, _classPrivateFieldGet(_previousConditionStack, this).map(stack => {
+      if (stack.column === column && conditions.length > 0) {
+        stack.conditions.forEach(condition => {
+          if (condition.name === 'by_value') {
+            condition.args = [[...conditionArgsChange]];
+          }
+        });
+      }
+      return stack;
+    }));
+  }
   const conditionsByValue = conditions.filter(condition => condition.name === _constants2.CONDITION_BY_VALUE);
   const conditionsWithoutByValue = conditions.filter(condition => condition.name !== _constants2.CONDITION_BY_VALUE);
   if (conditionsByValue.length >= 2 || conditionsWithoutByValue.length >= 3) {

package/plugins/filters/filters.mjs

@@ -75,6 +75,7 @@ const SHORTCUTS_GROUP = PLUGIN_KEY;
  */
 var _menuFocusNavigator = /*#__PURE__*/new WeakMap();
 var _dropdownMenuTraces = /*#__PURE__*/new WeakMap();
+var _previousConditionStack = /*#__PURE__*/new WeakMap();
 var _Filters_brand = /*#__PURE__*/new WeakSet();
 export class Filters extends BasePlugin {
   static get PLUGIN_KEY() {
@@ -146,6 +147,13 @@ export class Filters extends BasePlugin {
      * @type {WeakSet<Menu>}
      */
     _classPrivateFieldInitSpec(this, _dropdownMenuTraces, new WeakSet());
+    /**
+     * Stores the previous state of the condition stack before the latest filter operation.
+     * This is used in the `beforeFilter` plugin to allow performing the undo operation.
+     *
+     * @type {Array}
+     */
+    _classPrivateFieldInitSpec(this, _previousConditionStack, []);
     this.hot.addHook('afterGetColHeader', function () {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
@@ -488,6 +496,51 @@ export class Filters extends BasePlugin {
     }
   }
 
+  /**
+   * Imports filter conditions to all columns to the plugin. The method accepts
+   * the array of conditions with the same structure as the {@link Filters#exportConditions} method returns.
+   * Importing conditions will replace the current conditions. Once replaced, the state of the condition
+   * will be reflected in the UI. To apply the changes and filter the table, call
+   * the {@link Filters#filter} method eventually.
+   *
+   * @param {Array} conditions Array of conditions.
+   */
+  importConditions(conditions) {
+    this.conditionCollection.importAllConditions(conditions);
+  }
+
+  /* eslint-disable jsdoc/require-description-complete-sentence */
+  /**
+   * Exports filter conditions for all columns from the plugin.
+   * The array represents the filter state for each column. For example:
+   *
+   * ```js
+   * [
+   *   {
+   *     column: 1,
+   *     operation: 'conjunction',
+   *     conditions: [
+   *       { name: 'gt', args: [95] },
+   *     ]
+   *   },
+   *   {
+   *     column: 7,
+   *     operation: 'conjunction',
+   *     conditions: [
+   *       { name: 'contains', args: ['mike'] },
+   *       { name: 'begins_with', args: ['m'] },
+   *     ]
+   *   },
+   * ]
+   * ```
+   *
+   * @returns {Array}
+   */
+  /* eslint-enable jsdoc/require-description-complete-sentence */
+  exportConditions() {
+    return this.conditionCollection.exportAllConditions();
+  }
+
   /**
    * Filters data based on added filter conditions.
    *
@@ -501,8 +554,8 @@ export class Filters extends BasePlugin {
     const dataFilter = this._createDataFilter();
     const needToFilter = !this.conditionCollection.isEmpty();
     let visibleVisualRows = [];
-    const conditions = this.conditionCollection.exportAllConditions();
-    const allowFiltering = this.hot.runHooks('beforeFilter', conditions, this.conditionCollection.previousConditionStack);
+    const conditions = this.exportConditions();
+    const allowFiltering = this.hot.runHooks('beforeFilter', conditions, _classPrivateFieldGet(_previousConditionStack, this));
     if (allowFiltering !== false) {
       if (needToFilter) {
         const trimmedRows = [];
@@ -525,11 +578,13 @@ export class Filters extends BasePlugin {
       } else {
         this.filtersRowsMap.clear();
       }
+      _classPrivateFieldSet(_previousConditionStack, this, this.exportConditions());
+      this.hot.runHooks('afterFilter', conditions);
+      this.hot.view.adjustElementsSize();
+      this.hot.render();
+    } else {
+      this.importConditions(_classPrivateFieldGet(_previousConditionStack, this));
     }
-    this.hot.runHooks('afterFilter', conditions);
-    this.conditionCollection.setPreviousConditionStack(null);
-    this.hot.view.adjustElementsSize();
-    this.hot.render();
     if (this.hot.selection.isSelected()) {
       this.hot.selectCell(navigableHeaders ? -1 : 0, this.hot.getSelectedRangeLast().highlight.col);
     }
@@ -891,7 +946,6 @@ function _onActionBarSubmit(submitType) {
     }
     this.conditionUpdateObserver.flush();
     this.components.forEach(component => component.saveState(physicalIndex));
-    this.filtersRowsMap.clear();
     this.filter();
   }
   (_this$dropdownMenuPlu3 = this.dropdownMenuPlugin) === null || _this$dropdownMenuPlu3 === void 0 || _this$dropdownMenuPlu3.close();
@@ -933,8 +987,23 @@ function _updateComponents(conditionsState) {
     editedConditionStack: {
       conditions,
       column
-    }
+    },
+    conditionArgsChange
   } = conditionsState;
+  if (Array.isArray(conditionArgsChange)) {
+    // update the previous condition stack (only for 'by_value' condition) on each dataset
+    // change to make the undo/redo work properly
+    _classPrivateFieldSet(_previousConditionStack, this, _classPrivateFieldGet(_previousConditionStack, this).map(stack => {
+      if (stack.column === column && conditions.length > 0) {
+        stack.conditions.forEach(condition => {
+          if (condition.name === 'by_value') {
+            condition.args = [[...conditionArgsChange]];
+          }
+        });
+      }
+      return stack;
+    }));
+  }
   const conditionsByValue = conditions.filter(condition => condition.name === CONDITION_BY_VALUE);
   const conditionsWithoutByValue = conditions.filter(condition => condition.name !== CONDITION_BY_VALUE);
   if (conditionsByValue.length >= 2 || conditionsWithoutByValue.length >= 3) {

package/plugins/mergeCells/mergeCells.js

@@ -1497,12 +1497,11 @@ function _sumCellsHeights(row, rowspan) {
   } = this.hot;
   const stylesHandler = view.getStylesHandler();
   const defaultHeight = view.getDefaultRowHeight();
-  const autoRowSizePlugin = this.hot.getPlugin('autoRowSize');
   let height = 0;
   for (let i = row; i < row + rowspan; i++) {
     if (!rowIndexMapper.isHidden(i)) {
-      var _autoRowSizePlugin$ge;
-      height += (_autoRowSizePlugin$ge = autoRowSizePlugin === null || autoRowSizePlugin === void 0 ? void 0 : autoRowSizePlugin.getRowHeight(i)) !== null && _autoRowSizePlugin$ge !== void 0 ? _autoRowSizePlugin$ge : defaultHeight;
+      var _this$hot$getRowHeigh;
+      height += (_this$hot$getRowHeigh = this.hot.getRowHeight(i)) !== null && _this$hot$getRowHeigh !== void 0 ? _this$hot$getRowHeigh : defaultHeight;
       if (i === 0 && !stylesHandler.isClassicTheme()) {
         height += 1; // border-top-width
       }

package/plugins/mergeCells/mergeCells.mjs

@@ -1492,12 +1492,11 @@ function _sumCellsHeights(row, rowspan) {
   } = this.hot;
   const stylesHandler = view.getStylesHandler();
   const defaultHeight = view.getDefaultRowHeight();
-  const autoRowSizePlugin = this.hot.getPlugin('autoRowSize');
   let height = 0;
   for (let i = row; i < row + rowspan; i++) {
     if (!rowIndexMapper.isHidden(i)) {
-      var _autoRowSizePlugin$ge;
-      height += (_autoRowSizePlugin$ge = autoRowSizePlugin === null || autoRowSizePlugin === void 0 ? void 0 : autoRowSizePlugin.getRowHeight(i)) !== null && _autoRowSizePlugin$ge !== void 0 ? _autoRowSizePlugin$ge : defaultHeight;
+      var _this$hot$getRowHeigh;
+      height += (_this$hot$getRowHeigh = this.hot.getRowHeight(i)) !== null && _this$hot$getRowHeigh !== void 0 ? _this$hot$getRowHeigh : defaultHeight;
       if (i === 0 && !stylesHandler.isClassicTheme()) {
         height += 1; // border-top-width
       }

package/plugins/undoRedo/actions/filters.js

@@ -48,7 +48,7 @@ class FiltersAction extends _base.BaseAction {
   undo(hot, undoneCallback) {
     const filters = hot.getPlugin('filters');
     hot.addHookOnce('afterViewRender', undoneCallback);
-    filters.conditionCollection.importAllConditions(this.previousConditionsStack);
+    filters.importConditions(this.previousConditionsStack);
     filters.filter();
   }
 
@@ -59,7 +59,7 @@ class FiltersAction extends _base.BaseAction {
   redo(hot, redoneCallback) {
     const filters = hot.getPlugin('filters');
     hot.addHookOnce('afterViewRender', redoneCallback);
-    filters.conditionCollection.importAllConditions(this.conditionsStack);
+    filters.importConditions(this.conditionsStack);
     filters.filter();
   }
 }

package/plugins/undoRedo/actions/filters.mjs

@@ -45,7 +45,7 @@ export class FiltersAction extends BaseAction {
   undo(hot, undoneCallback) {
     const filters = hot.getPlugin('filters');
     hot.addHookOnce('afterViewRender', undoneCallback);
-    filters.conditionCollection.importAllConditions(this.previousConditionsStack);
+    filters.importConditions(this.previousConditionsStack);
     filters.filter();
   }
 
@@ -56,7 +56,7 @@ export class FiltersAction extends BaseAction {
   redo(hot, redoneCallback) {
     const filters = hot.getPlugin('filters');
     hot.addHookOnce('afterViewRender', redoneCallback);
-    filters.conditionCollection.importAllConditions(this.conditionsStack);
+    filters.importConditions(this.conditionsStack);
     filters.filter();
   }
 }

package/styles/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-a4bd0c0-20250307
- * Release date: 20/02/2025 (built at 07/03/2025 16:16:00)
+ * Version: 0.0.0-next-b209352-20250310
+ * Release date: 20/02/2025 (built at 10/03/2025 12:40:00)
  */
 .ht-wrapper:not([class*=ht-theme]) {
   --ht-gap-size: 4px;