@revolist/revogrid 4.9.26 → 4.9.28

package/dist/types/plugins/filter/filter.plugin.d.ts

@@ -1,4 +1,4 @@
-import type { ColumnRegular, DataType, PluginProviders } from "../../types/index";
+import type { ColumnProp, ColumnRegular, DataType, PluginProviders } from "../../types/index";
 import { BasePlugin } from '../base.plugin';
 import type { ColumnFilterConfig, FilterCollection, LogicFunction, MultiFilterItem } from './filter.types';
 export * from './filter.types';
@@ -39,6 +39,7 @@ export declare class FilterPlugin extends BasePlugin {
      * Called on internal component change
      */
     onFilterChange(filterItems: MultiFilterItem): Promise<void>;
+    onFilterReset(prop?: ColumnProp): void;
     /**
      * Triggers grid filtering
      */

package/dist/types/plugins/filter/filter.types.d.ts

@@ -4,8 +4,8 @@ export type DateEnum = 'today' | 'yesterday' | 'tomorrow' | 'thisweek' | 'lastwe
 export type ExtraField = 'input' | 'select' | 'multi' | 'datepicker';
 export type LogicFunctionParam = any;
 export type LogicFunctionExtraParam = 'select' | 'input' | 'multi' | 'datepicker' | number | Date | DateEnum | null | undefined | string | string[] | number[];
-export type LogicFunction = {
-    (value: LogicFunctionParam, extra?: LogicFunctionExtraParam): boolean;
+export type LogicFunction<T1 = LogicFunctionParam, T2 = LogicFunctionExtraParam> = {
+    (value: T1, extra?: T2): boolean;
     extra?: ExtraField;
 };
 type CustomFilter = {

package/hydrate/index.js

@@ -2994,6 +2994,7 @@ class FilterPanel {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.filterChange = createEvent(this, "filterChange", 7);
+        this.resetChange = createEvent(this, "resetChange", 7);
         this.filterCaptionsInternal = {
             title: 'Filter by',
             save: 'Save',
@@ -3173,12 +3174,11 @@ class FilterPanel {
         this.changes = undefined;
     }
     onReset() {
-        var _a, _b;
+        var _a;
         this.assertChanges();
-        delete this.filterItems[(_b = (_a = this.changes) === null || _a === void 0 ? void 0 : _a.prop) !== null && _b !== void 0 ? _b : ''];
+        this.resetChange.emit((_a = this.changes) === null || _a === void 0 ? void 0 : _a.prop);
         // this updates the DOM which is used by getFilterItemsList() key
         this.filterId++;
-        this.filterChange.emit(this.filterItems);
     }
     onRemoveFilter(id) {
         var _a;
@@ -11056,7 +11056,7 @@ class FilterPlugin extends BasePlugin {
         const existingNodes = this.revogrid.registerVNode.filter(n => n.$tag$ !== 'revogr-filter-panel');
         this.revogrid.registerVNode = [
             ...existingNodes,
-            hAsync("revogr-filter-panel", { filterItems: this.multiFilterItems, filterNames: this.filterNameIndexByType, filterEntities: this.filterFunctionsIndexedByType, filterCaptions: (_a = config === null || config === void 0 ? void 0 : config.localization) === null || _a === void 0 ? void 0 : _a.captions, onFilterChange: e => this.onFilterChange(e.detail), disableDynamicFiltering: config === null || config === void 0 ? void 0 : config.disableDynamicFiltering, ref: e => (this.pop = e) },
+            hAsync("revogr-filter-panel", { filterItems: this.multiFilterItems, filterNames: this.filterNameIndexByType, filterEntities: this.filterFunctionsIndexedByType, filterCaptions: (_a = config === null || config === void 0 ? void 0 : config.localization) === null || _a === void 0 ? void 0 : _a.captions, onFilterChange: e => this.onFilterChange(e.detail), onResetChange: e => this.onFilterReset(e.detail), disableDynamicFiltering: config === null || config === void 0 ? void 0 : config.disableDynamicFiltering, ref: e => (this.pop = e) },
                 " ",
                 this.extraContent()),
         ];
@@ -11178,6 +11178,10 @@ class FilterPlugin extends BasePlugin {
         // run the filtering when the items change
         this.runFiltering(this.multiFilterItems);
     }
+    onFilterReset(prop) {
+        delete this.multiFilterItems[prop !== null && prop !== void 0 ? prop : ''];
+        this.onFilterChange(this.multiFilterItems);
+    }
     /**
      * Triggers grid filtering
      */

package/hydrate/index.mjs

@@ -2990,6 +2990,7 @@ class FilterPanel {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.filterChange = createEvent(this, "filterChange", 7);
+        this.resetChange = createEvent(this, "resetChange", 7);
         this.filterCaptionsInternal = {
             title: 'Filter by',
             save: 'Save',
@@ -3169,12 +3170,11 @@ class FilterPanel {
         this.changes = undefined;
     }
     onReset() {
-        var _a, _b;
+        var _a;
         this.assertChanges();
-        delete this.filterItems[(_b = (_a = this.changes) === null || _a === void 0 ? void 0 : _a.prop) !== null && _b !== void 0 ? _b : ''];
+        this.resetChange.emit((_a = this.changes) === null || _a === void 0 ? void 0 : _a.prop);
         // this updates the DOM which is used by getFilterItemsList() key
         this.filterId++;
-        this.filterChange.emit(this.filterItems);
     }
     onRemoveFilter(id) {
         var _a;
@@ -11052,7 +11052,7 @@ class FilterPlugin extends BasePlugin {
         const existingNodes = this.revogrid.registerVNode.filter(n => n.$tag$ !== 'revogr-filter-panel');
         this.revogrid.registerVNode = [
             ...existingNodes,
-            hAsync("revogr-filter-panel", { filterItems: this.multiFilterItems, filterNames: this.filterNameIndexByType, filterEntities: this.filterFunctionsIndexedByType, filterCaptions: (_a = config === null || config === void 0 ? void 0 : config.localization) === null || _a === void 0 ? void 0 : _a.captions, onFilterChange: e => this.onFilterChange(e.detail), disableDynamicFiltering: config === null || config === void 0 ? void 0 : config.disableDynamicFiltering, ref: e => (this.pop = e) },
+            hAsync("revogr-filter-panel", { filterItems: this.multiFilterItems, filterNames: this.filterNameIndexByType, filterEntities: this.filterFunctionsIndexedByType, filterCaptions: (_a = config === null || config === void 0 ? void 0 : config.localization) === null || _a === void 0 ? void 0 : _a.captions, onFilterChange: e => this.onFilterChange(e.detail), onResetChange: e => this.onFilterReset(e.detail), disableDynamicFiltering: config === null || config === void 0 ? void 0 : config.disableDynamicFiltering, ref: e => (this.pop = e) },
                 " ",
                 this.extraContent()),
         ];
@@ -11174,6 +11174,10 @@ class FilterPlugin extends BasePlugin {
         // run the filtering when the items change
         this.runFiltering(this.multiFilterItems);
     }
+    onFilterReset(prop) {
+        delete this.multiFilterItems[prop !== null && prop !== void 0 ? prop : ''];
+        this.onFilterChange(this.multiFilterItems);
+    }
     /**
      * Triggers grid filtering
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revolist/revogrid",
-  "version": "4.9.26",
+  "version": "4.9.28",
   "type": "module",
   "description": "Virtual reactive data grid spreadsheet component - RevoGrid.",
   "license": "MIT",

package/standalone/revo-grid.js

@@ -1170,7 +1170,7 @@ class FilterPlugin extends BasePlugin {
         const existingNodes = this.revogrid.registerVNode.filter(n => n.$tag$ !== 'revogr-filter-panel');
         this.revogrid.registerVNode = [
             ...existingNodes,
-            h("revogr-filter-panel", { filterItems: this.multiFilterItems, filterNames: this.filterNameIndexByType, filterEntities: this.filterFunctionsIndexedByType, filterCaptions: (_a = config === null || config === void 0 ? void 0 : config.localization) === null || _a === void 0 ? void 0 : _a.captions, onFilterChange: e => this.onFilterChange(e.detail), disableDynamicFiltering: config === null || config === void 0 ? void 0 : config.disableDynamicFiltering, ref: e => (this.pop = e) },
+            h("revogr-filter-panel", { filterItems: this.multiFilterItems, filterNames: this.filterNameIndexByType, filterEntities: this.filterFunctionsIndexedByType, filterCaptions: (_a = config === null || config === void 0 ? void 0 : config.localization) === null || _a === void 0 ? void 0 : _a.captions, onFilterChange: e => this.onFilterChange(e.detail), onResetChange: e => this.onFilterReset(e.detail), disableDynamicFiltering: config === null || config === void 0 ? void 0 : config.disableDynamicFiltering, ref: e => (this.pop = e) },
                 " ",
                 this.extraContent()),
         ];
@@ -1292,6 +1292,10 @@ class FilterPlugin extends BasePlugin {
         // run the filtering when the items change
         this.runFiltering(this.multiFilterItems);
     }
+    onFilterReset(prop) {
+        delete this.multiFilterItems[prop !== null && prop !== void 0 ? prop : ''];
+        this.onFilterChange(this.multiFilterItems);
+    }
     /**
      * Triggers grid filtering
      */