handsontable 14.0.0-next-07c0a60-20231107 → 14.0.0-next-7ee54cb-20231108

package/plugins/filters/filters.js

@@ -1,9 +1,9 @@
 "use strict";
 
-require("core-js/modules/es.error.cause.js");
 exports.__esModule = true;
 require("core-js/modules/es.array.unscopables.flat.js");
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.error.cause.js");
 var _base = require("../base");
 var _array = require("../../helpers/array");
 var _templateLiteralTag = require("../../helpers/templateLiteralTag");
@@ -27,6 +27,7 @@ var _translations = require("../../translations");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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; }
@@ -37,6 +38,7 @@ function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.
 function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
 function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
 function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 const PLUGIN_KEY = exports.PLUGIN_KEY = 'filters';
 const PLUGIN_PRIORITY = exports.PLUGIN_PRIORITY = 250;
 const SHORTCUTS_GROUP = PLUGIN_KEY;
@@ -77,6 +79,15 @@ const SHORTCUTS_GROUP = PLUGIN_KEY;
  * :::
  */
 var _menuFocusNavigator = /*#__PURE__*/new WeakMap();
+var _onAfterChange = /*#__PURE__*/new WeakSet();
+var _onAfterDropdownMenuShow = /*#__PURE__*/new WeakSet();
+var _onAfterDropdownMenuHide = /*#__PURE__*/new WeakSet();
+var _onAfterDropdownMenuDefaultOptions = /*#__PURE__*/new WeakSet();
+var _onActionBarSubmit = /*#__PURE__*/new WeakSet();
+var _onComponentChange = /*#__PURE__*/new WeakSet();
+var _onSelectUIClosed = /*#__PURE__*/new WeakSet();
+var _onAfterGetColHeader = /*#__PURE__*/new WeakSet();
+var _updateComponents = /*#__PURE__*/new WeakSet();
 class Filters extends _base.BasePlugin {
   static get PLUGIN_KEY() {
     return PLUGIN_KEY;
@@ -98,6 +109,59 @@ class Filters extends _base.BasePlugin {
   constructor(hotInstance) {
     super(hotInstance);
     // One listener for the enable/disable functionality
+    /**
+     * It updates the components state. The state is triggered by ConditionUpdateObserver, which
+     * reacts to any condition added to the condition collection. It may be added through the UI
+     * components or by API call.
+     *
+     * @param {object} conditionsState An object with the state generated by UI components.
+     */
+    _classPrivateMethodInitSpec(this, _updateComponents);
+    /**
+     * On after get column header listener.
+     *
+     * @param {number} col Visual column index.
+     * @param {HTMLTableCellElement} TH Header's TH element.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterGetColHeader);
+    /**
+     * On component SelectUI closed listener.
+     */
+    _classPrivateMethodInitSpec(this, _onSelectUIClosed);
+    /**
+     * On component change listener.
+     *
+     * @param {BaseComponent} component Component inheriting BaseComponent.
+     * @param {object} command Menu item object (command).
+     */
+    _classPrivateMethodInitSpec(this, _onComponentChange);
+    /**
+     * On action bar submit listener.
+     *
+     * @private
+     * @param {string} submitType The submit type.
+     */
+    _classPrivateMethodInitSpec(this, _onActionBarSubmit);
+    /**
+     * After dropdown menu default options listener.
+     *
+     * @param {object} defaultOptions ContextMenu default item options.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterDropdownMenuDefaultOptions);
+    /**
+     * After dropdown menu hide listener.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterDropdownMenuHide);
+    /**
+     * After dropdown menu show listener.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterDropdownMenuShow);
+    /**
+     * `afterChange` listener.
+     *
+     * @param {Array} changes Array of changes.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterChange);
     _defineProperty(this, "dropdownMenuPlugin", null);
     /**
      * Instance of {@link ConditionCollection}.
@@ -136,7 +200,7 @@ class Filters extends _base.BasePlugin {
       writable: true,
       value: void 0
     });
-    this.hot.addHook('afterGetColHeader', (col, TH) => this.onAfterGetColHeader(col, TH));
+    this.hot.addHook('afterGetColHeader', (col, TH) => _classPrivateMethodGet(this, _onAfterGetColHeader, _onAfterGetColHeader2).call(this, col, TH));
   }
 
   /**
@@ -162,9 +226,9 @@ class Filters extends _base.BasePlugin {
     const dropdownSettings = this.hot.getSettings().dropdownMenu;
     const menuContainer = dropdownSettings && dropdownSettings.uiContainer || this.hot.rootDocument.body;
     const addConfirmationHooks = component => {
-      component.addLocalHook('accept', () => this.onActionBarSubmit('accept'));
-      component.addLocalHook('cancel', () => this.onActionBarSubmit('cancel'));
-      component.addLocalHook('change', command => this.onComponentChange(component, command));
+      component.addLocalHook('accept', () => _classPrivateMethodGet(this, _onActionBarSubmit, _onActionBarSubmit2).call(this, 'accept'));
+      component.addLocalHook('cancel', () => _classPrivateMethodGet(this, _onActionBarSubmit, _onActionBarSubmit2).call(this, 'cancel'));
+      component.addLocalHook('change', command => _classPrivateMethodGet(this, _onComponentChange, _onComponentChange2).call(this, component, command));
       return component;
     };
     const filterByConditionLabel = () => `${this.hot.getTranslatedPhrase(constants.FILTERS_DIVS_FILTER_BY_CONDITION)}:`;
@@ -176,7 +240,7 @@ class Filters extends _base.BasePlugin {
         addSeparator: false,
         menuContainer
       });
-      conditionComponent.addLocalHook('afterClose', () => this.onSelectUIClosed());
+      conditionComponent.addLocalHook('afterClose', () => _classPrivateMethodGet(this, _onSelectUIClosed, _onSelectUIClosed2).call(this));
       this.components.set('filter_by_condition', addConfirmationHooks(conditionComponent));
     }
     if (!this.components.get('filter_operators')) {
@@ -192,7 +256,7 @@ class Filters extends _base.BasePlugin {
         addSeparator: true,
         menuContainer
       });
-      conditionComponent.addLocalHook('afterClose', () => this.onSelectUIClosed());
+      conditionComponent.addLocalHook('afterClose', () => _classPrivateMethodGet(this, _onSelectUIClosed, _onSelectUIClosed2).call(this));
       this.components.set('filter_by_condition2', addConfirmationHooks(conditionComponent));
     }
     if (!this.components.get('filter_by_value')) {
@@ -212,13 +276,13 @@ class Filters extends _base.BasePlugin {
     }
     if (!this.conditionUpdateObserver) {
       this.conditionUpdateObserver = new _conditionUpdateObserver.default(this.hot, this.conditionCollection, physicalColumn => this.getDataMapAtColumn(physicalColumn));
-      this.conditionUpdateObserver.addLocalHook('update', conditionState => this.updateComponents(conditionState));
+      this.conditionUpdateObserver.addLocalHook('update', conditionState => _classPrivateMethodGet(this, _updateComponents, _updateComponents2).call(this, conditionState));
     }
     this.components.forEach(component => component.show());
-    this.addHook('afterDropdownMenuDefaultOptions', defaultOptions => this.onAfterDropdownMenuDefaultOptions(defaultOptions));
-    this.addHook('afterDropdownMenuShow', () => this.onAfterDropdownMenuShow());
-    this.addHook('afterDropdownMenuHide', () => this.onAfterDropdownMenuHide());
-    this.addHook('afterChange', changes => this.onAfterChange(changes));
+    this.addHook('afterDropdownMenuDefaultOptions', defaultOptions => _classPrivateMethodGet(this, _onAfterDropdownMenuDefaultOptions, _onAfterDropdownMenuDefaultOptions2).call(this, defaultOptions));
+    this.addHook('afterDropdownMenuShow', () => _classPrivateMethodGet(this, _onAfterDropdownMenuShow, _onAfterDropdownMenuShow2).call(this));
+    this.addHook('afterDropdownMenuHide', () => _classPrivateMethodGet(this, _onAfterDropdownMenuHide, _onAfterDropdownMenuHide2).call(this));
+    this.addHook('afterChange', changes => _classPrivateMethodGet(this, _onAfterChange, _onAfterChange2).call(this, changes));
 
     // Temp. solution (extending menu items bug in contextMenu/dropdownMenu)
     if (this.hot.getSettings().dropdownMenu && this.dropdownMenuPlugin) {
@@ -449,7 +513,7 @@ class Filters extends _base.BasePlugin {
    * @param {number} [column] Visual column index.
    */
   clearConditions(column) {
-    if (column === void 0) {
+    if (column === undefined) {
       this.conditionCollection.clean();
     } else {
       const physicalColumn = this.hot.toPhysicalColumn(column);
@@ -560,25 +624,6 @@ class Filters extends _base.BasePlugin {
     });
     return data;
   }
-
-  /**
-   * `afterChange` listener.
-   *
-   * @private
-   * @param {Array} changes Array of changes.
-   */
-  onAfterChange(changes) {
-    if (changes) {
-      (0, _array.arrayEach)(changes, change => {
-        const [, prop] = change;
-        const columnIndex = this.hot.propToCol(prop);
-        if (this.conditionCollection.hasConditions(columnIndex)) {
-          this.updateValueComponentCondition(columnIndex);
-        }
-      });
-    }
-  }
-
   /**
    * Update the condition of ValueComponent, based on the handled changes.
    *
@@ -608,41 +653,6 @@ class Filters extends _base.BasePlugin {
     });
     this.updateDependentComponentsVisibility();
   }
-
-  /**
-   * After dropdown menu show listener.
-   *
-   * @private
-   */
-  onAfterDropdownMenuShow() {
-    this.restoreComponents(Array.from(this.components.values()));
-  }
-
-  /**
-   * After dropdown menu hide listener.
-   *
-   * @private
-   */
-  onAfterDropdownMenuHide() {
-    this.components.get('filter_by_condition').getSelectElement().closeOptions();
-    this.components.get('filter_by_condition2').getSelectElement().closeOptions();
-  }
-
-  /**
-   * After dropdown menu default options listener.
-   *
-   * @private
-   * @param {object} defaultOptions ContextMenu default item options.
-   */
-  onAfterDropdownMenuDefaultOptions(defaultOptions) {
-    defaultOptions.items.push({
-      name: _predefinedItems.SEPARATOR
-    });
-    this.components.forEach(component => {
-      defaultOptions.items.push(component.getMenuItemDescriptor());
-    });
-  }
-
   /**
    * Get an operation, based on the number and types of arguments (where arguments are states of components).
    *
@@ -664,75 +674,6 @@ class Filters extends _base.BasePlugin {
     }
     return operation;
   }
-
-  /**
-   * On action bar submit listener.
-   *
-   * @private
-   * @param {string} submitType The submit type.
-   */
-  onActionBarSubmit(submitType) {
-    var _this$dropdownMenuPlu3;
-    if (submitType === 'accept') {
-      const selectedColumn = this.getSelectedColumn();
-      if (selectedColumn === null) {
-        var _this$dropdownMenuPlu2;
-        (_this$dropdownMenuPlu2 = this.dropdownMenuPlugin) === null || _this$dropdownMenuPlu2 === void 0 || _this$dropdownMenuPlu2.close();
-        return;
-      }
-      const {
-        physicalIndex
-      } = selectedColumn;
-      const byConditionState1 = this.components.get('filter_by_condition').getState();
-      const byConditionState2 = this.components.get('filter_by_condition2').getState();
-      const byValueState = this.components.get('filter_by_value').getState();
-      const operation = this.getOperationBasedOnArguments(this.components.get('filter_operators').getActiveOperationId(), byConditionState1, byConditionState2, byValueState);
-      this.conditionUpdateObserver.groupChanges();
-      let columnStackPosition = this.conditionCollection.getColumnStackPosition(physicalIndex);
-      if (columnStackPosition === -1) {
-        columnStackPosition = void 0;
-      }
-      this.conditionCollection.removeConditions(physicalIndex);
-      if (byConditionState1.command.key !== _constants2.CONDITION_NONE) {
-        this.conditionCollection.addCondition(physicalIndex, byConditionState1, operation, columnStackPosition);
-        if (byConditionState2.command.key !== _constants2.CONDITION_NONE) {
-          this.conditionCollection.addCondition(physicalIndex, byConditionState2, operation, columnStackPosition);
-        }
-      }
-      if (byValueState.command.key !== _constants2.CONDITION_NONE) {
-        this.conditionCollection.addCondition(physicalIndex, byValueState, operation, columnStackPosition);
-      }
-      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();
-  }
-
-  /**
-   * On component change listener.
-   *
-   * @private
-   * @param {BaseComponent} component Component inheriting BaseComponent.
-   * @param {object} command Menu item object (command).
-   */
-  onComponentChange(component, command) {
-    this.updateDependentComponentsVisibility();
-    if (component.constructor === _condition.ConditionComponent && !command.inputsCount) {
-      this.setListeningDropdownMenu();
-    }
-  }
-
-  /**
-   * On component SelectUI closed listener.
-   *
-   * @private
-   */
-  onSelectUIClosed() {
-    this.setListeningDropdownMenu();
-  }
-
   /**
    * Listen to the keyboard input on document body and forward events to instance of Handsontable
    * created by DropdownMenu plugin.
@@ -762,23 +703,6 @@ class Filters extends _base.BasePlugin {
       this.hideComponents(...componentsToShow);
     }
   }
-
-  /**
-   * On after get column header listener.
-   *
-   * @private
-   * @param {number} col Visual column index.
-   * @param {HTMLTableCellElement} TH Header's TH element.
-   */
-  onAfterGetColHeader(col, TH) {
-    const physicalColumn = this.hot.toPhysicalColumn(col);
-    if (this.enabled && this.conditionCollection.hasConditions(physicalColumn)) {
-      (0, _element.addClass)(TH, 'htFiltersActive');
-    } else {
-      (0, _element.removeClass)(TH, 'htFiltersActive');
-    }
-  }
-
   /**
    * Creates DataFilter instance based on condition collection.
    *
@@ -790,41 +714,6 @@ class Filters extends _base.BasePlugin {
     let conditionCollection = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.conditionCollection;
     return new _dataFilter.default(conditionCollection, physicalColumn => this.getDataMapAtColumn(physicalColumn));
   }
-
-  /**
-   * It updates the components state. The state is triggered by ConditionUpdateObserver, which
-   * reacts to any condition added to the condition collection. It may be added through the UI
-   * components or by API call.
-   *
-   * @private
-   * @param {object} conditionsState An object with the state generated by UI components.
-   */
-  updateComponents(conditionsState) {
-    var _this$dropdownMenuPlu4;
-    if (!((_this$dropdownMenuPlu4 = this.dropdownMenuPlugin) !== null && _this$dropdownMenuPlu4 !== void 0 && _this$dropdownMenuPlu4.enabled)) {
-      return;
-    }
-    const {
-      editedConditionStack: {
-        conditions,
-        column
-      }
-    } = conditionsState;
-    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) {
-      (0, _console.warn)((0, _templateLiteralTag.toSingleLine)`The filter conditions have been applied properly, but couldn’t be displayed visually.\x20
-        The overall amount of conditions exceed the capability of the dropdown menu.\x20
-        For more details see the documentation.`);
-    } else {
-      const operationType = this.conditionCollection.getOperation(column);
-      this.components.get('filter_by_condition').updateState(conditionsWithoutByValue[0], column);
-      this.components.get('filter_by_condition2').updateState(conditionsWithoutByValue[1], column);
-      this.components.get('filter_operators').updateState(operationType, column);
-      this.components.get('filter_by_value').updateState(conditionsState);
-    }
-  }
-
   /**
    * Returns indexes of passed components inside list of `dropdownMenu` items.
    *
@@ -922,4 +811,110 @@ class Filters extends _base.BasePlugin {
     super.destroy();
   }
 }
-exports.Filters = Filters;
+exports.Filters = Filters;
+function _onAfterChange2(changes) {
+  if (changes) {
+    (0, _array.arrayEach)(changes, change => {
+      const [, prop] = change;
+      const columnIndex = this.hot.propToCol(prop);
+      if (this.conditionCollection.hasConditions(columnIndex)) {
+        this.updateValueComponentCondition(columnIndex);
+      }
+    });
+  }
+}
+function _onAfterDropdownMenuShow2() {
+  this.restoreComponents(Array.from(this.components.values()));
+}
+function _onAfterDropdownMenuHide2() {
+  this.components.get('filter_by_condition').getSelectElement().closeOptions();
+  this.components.get('filter_by_condition2').getSelectElement().closeOptions();
+}
+function _onAfterDropdownMenuDefaultOptions2(defaultOptions) {
+  defaultOptions.items.push({
+    name: _predefinedItems.SEPARATOR
+  });
+  this.components.forEach(component => {
+    defaultOptions.items.push(component.getMenuItemDescriptor());
+  });
+}
+function _onActionBarSubmit2(submitType) {
+  var _this$dropdownMenuPlu3;
+  if (submitType === 'accept') {
+    const selectedColumn = this.getSelectedColumn();
+    if (selectedColumn === null) {
+      var _this$dropdownMenuPlu2;
+      (_this$dropdownMenuPlu2 = this.dropdownMenuPlugin) === null || _this$dropdownMenuPlu2 === void 0 || _this$dropdownMenuPlu2.close();
+      return;
+    }
+    const {
+      physicalIndex
+    } = selectedColumn;
+    const byConditionState1 = this.components.get('filter_by_condition').getState();
+    const byConditionState2 = this.components.get('filter_by_condition2').getState();
+    const byValueState = this.components.get('filter_by_value').getState();
+    const operation = this.getOperationBasedOnArguments(this.components.get('filter_operators').getActiveOperationId(), byConditionState1, byConditionState2, byValueState);
+    this.conditionUpdateObserver.groupChanges();
+    let columnStackPosition = this.conditionCollection.getColumnStackPosition(physicalIndex);
+    if (columnStackPosition === -1) {
+      columnStackPosition = undefined;
+    }
+    this.conditionCollection.removeConditions(physicalIndex);
+    if (byConditionState1.command.key !== _constants2.CONDITION_NONE) {
+      this.conditionCollection.addCondition(physicalIndex, byConditionState1, operation, columnStackPosition);
+      if (byConditionState2.command.key !== _constants2.CONDITION_NONE) {
+        this.conditionCollection.addCondition(physicalIndex, byConditionState2, operation, columnStackPosition);
+      }
+    }
+    if (byValueState.command.key !== _constants2.CONDITION_NONE) {
+      this.conditionCollection.addCondition(physicalIndex, byValueState, operation, columnStackPosition);
+    }
+    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();
+}
+function _onComponentChange2(component, command) {
+  this.updateDependentComponentsVisibility();
+  if (component.constructor === _condition.ConditionComponent && !command.inputsCount) {
+    this.setListeningDropdownMenu();
+  }
+}
+function _onSelectUIClosed2() {
+  this.setListeningDropdownMenu();
+}
+function _onAfterGetColHeader2(col, TH) {
+  const physicalColumn = this.hot.toPhysicalColumn(col);
+  if (this.enabled && this.conditionCollection.hasConditions(physicalColumn)) {
+    (0, _element.addClass)(TH, 'htFiltersActive');
+  } else {
+    (0, _element.removeClass)(TH, 'htFiltersActive');
+  }
+}
+function _updateComponents2(conditionsState) {
+  var _this$dropdownMenuPlu4;
+  if (!((_this$dropdownMenuPlu4 = this.dropdownMenuPlugin) !== null && _this$dropdownMenuPlu4 !== void 0 && _this$dropdownMenuPlu4.enabled)) {
+    return;
+  }
+  const {
+    editedConditionStack: {
+      conditions,
+      column
+    }
+  } = conditionsState;
+  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) {
+    (0, _console.warn)((0, _templateLiteralTag.toSingleLine)`The filter conditions have been applied properly, but couldn’t be displayed visually.\x20
+        The overall amount of conditions exceed the capability of the dropdown menu.\x20
+        For more details see the documentation.`);
+  } else {
+    const operationType = this.conditionCollection.getOperation(column);
+    this.components.get('filter_by_condition').updateState(conditionsWithoutByValue[0], column);
+    this.components.get('filter_by_condition2').updateState(conditionsWithoutByValue[1], column);
+    this.components.get('filter_operators').updateState(operationType, column);
+    this.components.get('filter_by_value').updateState(conditionsState);
+  }
+}