@revolist/revogrid 4.1.0-next.39 → 4.1.0-next.42

package/custom-element/index.js

@@ -22020,7 +22020,7 @@ class DimensionProvider {
     return { y, x };
   }
   setColumns(type, sizes, noVirtual = false) {
-    this.stores[type].setDimensionSize(sizes);
+    this.setDimensionSize(type, sizes);
     if (noVirtual) {
       this.setNoVirtual(type);
     }
@@ -22707,6 +22707,9 @@ const beginsWith = (value, extra) => {
 beginsWith.extra = 'input';
 
 const contains = (value, extra) => {
+  if (!extra) {
+    return true;
+  }
   if (!value) {
     return false;
   }
@@ -22762,6 +22765,7 @@ const filterTypes = {
 };
 
 const FILTER_TRIMMED_TYPE = 'filter';
+const FILTER_CONFIG_CHANGED_EVENT = 'filterconfigchanged';
 class FilterPlugin extends BasePlugin {
   constructor(revogrid, uiid, config) {
     super(revogrid);
@@ -22770,6 +22774,7 @@ class FilterPlugin extends BasePlugin {
     this.possibleFilters = Object.assign({}, filterTypes);
     this.possibleFilterNames = Object.assign({}, filterNames);
     this.possibleFilterEntities = Object.assign({}, filterEntities);
+    this.filterProp = FILTER_PROP;
     if (config) {
       this.initConfig(config);
     }
@@ -22780,15 +22785,23 @@ class FilterPlugin extends BasePlugin {
       }
     };
     this.addEventListener('headerclick', headerclick);
+    this.addEventListener(FILTER_CONFIG_CHANGED_EVENT, ({ detail }) => {
+      if (!detail) {
+        this.clearFiltering();
+        return;
+      }
+      if (typeof detail === 'object') {
+        this.initConfig(detail);
+      }
+      aftersourceset();
+    });
     this.addEventListener('aftersourceset', aftersourceset);
+    this.addEventListener('filter', ({ detail }) => this.onFilterChange(detail));
     this.revogrid.registerVNode([
       h("revogr-filter-panel", { uuid: `filter-${uiid}`, filterNames: this.possibleFilterNames, filterEntities: this.possibleFilterEntities, onFilterChange: e => this.onFilterChange(e.detail), ref: e => (this.pop = e) }),
     ]);
   }
   initConfig(config) {
-    if (config.collection) {
-      this.filterCollection = Object.assign({}, config.collection);
-    }
     if (config.customFilters) {
       for (let cType in config.customFilters) {
         const cFilter = config.customFilters[cType];
@@ -22800,6 +22813,9 @@ class FilterPlugin extends BasePlugin {
         this.possibleFilterNames[cType] = cFilter.name;
       }
     }
+    if (config.filterProp) {
+      this.filterProp = config.filterProp;
+    }
     /**
      * which filters has to be included/excluded
      * convinient way to exclude system filters
@@ -22818,6 +22834,17 @@ class FilterPlugin extends BasePlugin {
         this.possibleFilters = filters;
       }
     }
+    if (config.collection) {
+      this.filterCollection = lodash.reduce(config.collection, (result, item, prop) => {
+        if (this.possibleFilterEntities[item.type]) {
+          result[prop] = item;
+        }
+        else {
+          console.warn(`${item.type} type is not found.`);
+        }
+        return result;
+      }, {});
+    }
   }
   async headerclick(e) {
     var _a;
@@ -22881,9 +22908,7 @@ class FilterPlugin extends BasePlugin {
         delete this.filterCollection[prop];
       }
       else {
-        const filter = this.possibleFilterEntities[type];
         this.filterCollection[prop] = {
-          filter,
           value,
           type,
         };
@@ -22900,13 +22925,13 @@ class FilterPlugin extends BasePlugin {
     columns.forEach(rgCol => {
       const column = Object.assign({}, rgCol);
       const hasFilter = collection[column.prop];
-      if (column[FILTER_PROP] && !hasFilter) {
-        delete column[FILTER_PROP];
+      if (column[this.filterProp] && !hasFilter) {
+        delete column[this.filterProp];
         columnsToUpdate.push(column);
       }
-      if (!column[FILTER_PROP] && hasFilter) {
+      if (!column[this.filterProp] && hasFilter) {
         columnsToUpdate.push(column);
-        column[FILTER_PROP] = true;
+        column[this.filterProp] = true;
       }
     });
     const itemsToFilter = this.getRowFilter(items, collection);
@@ -22936,11 +22961,9 @@ class FilterPlugin extends BasePlugin {
     this.doFiltering(detail.collection, detail.source, detail.columns);
   }
   async getData() {
-    const source = await this.revogrid.getSource();
-    const columns = await this.revogrid.getColumns();
     return {
-      source,
-      columns,
+      source: await this.revogrid.getSource(),
+      columns: await this.revogrid.getColumns(),
     };
   }
   getRowFilter(rows, collection) {
@@ -22948,7 +22971,7 @@ class FilterPlugin extends BasePlugin {
     rows.forEach((model, rowIndex) => {
       for (const prop in collection) {
         const filterItem = collection[prop];
-        const filter = filterItem.filter;
+        const filter = this.possibleFilterEntities[filterItem.type];
         if (!filter(model[prop], filterItem.value)) {
           trimmed[rowIndex] = true;
         }
@@ -25098,6 +25121,7 @@ const RevoGridComponent = class extends HTMLElement {
     this.beforeeditstart = createEvent(this, "beforeeditstart", 7);
     this.aftercolumnresize = createEvent(this, "aftercolumnresize", 7);
     this.beforerowdefinition = createEvent(this, "beforerowdefinition", 7);
+    this.filterconfigchanged = createEvent(this, "filterconfigchanged", 7);
     /**
      * Defines how many rows/columns should be rendered outside visible area.
      */
@@ -25565,6 +25589,9 @@ const RevoGridComponent = class extends HTMLElement {
       this.internalPlugins.splice(index, 1);
     }
   }
+  applyFilter(cfg) {
+    this.filterconfigchanged.emit(cfg);
+  }
   dataSourceApply(source = [], type = 'rgRow') {
     const beforesourceset = this.beforeAnySource.emit({
       type,
@@ -25682,7 +25709,8 @@ const RevoGridComponent = class extends HTMLElement {
     "rowDefinitions": ["rowDefChanged"],
     "trimmedRows": ["trimmedRowsChanged"],
     "grouping": ["groupingChanged"],
-    "stretch": ["applyStretch"]
+    "stretch": ["applyStretch"],
+    "filter": ["applyFilter"]
   }; }
   static get style() { return revoGridStyleCss; }
 };
@@ -27229,11 +27257,17 @@ const RevogrHeaderComponent = class extends HTMLElement {
     this.__registerHost();
     this.initialHeaderClick = createEvent(this, "initialHeaderClick", 7);
     this.headerresize = createEvent(this, "headerresize", 7);
+    this.beforeResize = createEvent(this, "before-resize", 7);
     this.headerdblClick = createEvent(this, "headerdblClick", 7);
     this.parent = '';
     this.groupingDepth = 0;
   }
   onResize({ width }, index) {
+    const col = this.colData[index];
+    const event = this.beforeResize.emit([Object.assign(Object.assign({}, col), { size: width || undefined })]);
+    if (event.defaultPrevented) {
+      return;
+    }
     this.headerresize.emit({ [index]: width || 0 });
   }
   onResizeGroup(changedX, startIndex, endIndex) {

package/dist/cjs/revo-grid_11.cjs.entry.js

@@ -22012,7 +22012,7 @@ class DimensionProvider {
     return { y, x };
   }
   setColumns(type, sizes, noVirtual = false) {
-    this.stores[type].setDimensionSize(sizes);
+    this.setDimensionSize(type, sizes);
     if (noVirtual) {
       this.setNoVirtual(type);
     }
@@ -22679,6 +22679,9 @@ const beginsWith = (value, extra) => {
 beginsWith.extra = 'input';
 
 const contains = (value, extra) => {
+  if (!extra) {
+    return true;
+  }
   if (!value) {
     return false;
   }
@@ -22734,6 +22737,7 @@ const filterTypes = {
 };
 
 const FILTER_TRIMMED_TYPE = 'filter';
+const FILTER_CONFIG_CHANGED_EVENT = 'filterconfigchanged';
 class FilterPlugin extends BasePlugin {
   constructor(revogrid, uiid, config) {
     super(revogrid);
@@ -22742,6 +22746,7 @@ class FilterPlugin extends BasePlugin {
     this.possibleFilters = Object.assign({}, filterTypes);
     this.possibleFilterNames = Object.assign({}, filterNames);
     this.possibleFilterEntities = Object.assign({}, filterEntities);
+    this.filterProp = filter_button.FILTER_PROP;
     if (config) {
       this.initConfig(config);
     }
@@ -22752,15 +22757,23 @@ class FilterPlugin extends BasePlugin {
       }
     };
     this.addEventListener('headerclick', headerclick);
+    this.addEventListener(FILTER_CONFIG_CHANGED_EVENT, ({ detail }) => {
+      if (!detail) {
+        this.clearFiltering();
+        return;
+      }
+      if (typeof detail === 'object') {
+        this.initConfig(detail);
+      }
+      aftersourceset();
+    });
     this.addEventListener('aftersourceset', aftersourceset);
+    this.addEventListener('filter', ({ detail }) => this.onFilterChange(detail));
     this.revogrid.registerVNode([
       index.h("revogr-filter-panel", { uuid: `filter-${uiid}`, filterNames: this.possibleFilterNames, filterEntities: this.possibleFilterEntities, onFilterChange: e => this.onFilterChange(e.detail), ref: e => (this.pop = e) }),
     ]);
   }
   initConfig(config) {
-    if (config.collection) {
-      this.filterCollection = Object.assign({}, config.collection);
-    }
     if (config.customFilters) {
       for (let cType in config.customFilters) {
         const cFilter = config.customFilters[cType];
@@ -22772,6 +22785,9 @@ class FilterPlugin extends BasePlugin {
         this.possibleFilterNames[cType] = cFilter.name;
       }
     }
+    if (config.filterProp) {
+      this.filterProp = config.filterProp;
+    }
     /**
      * which filters has to be included/excluded
      * convinient way to exclude system filters
@@ -22790,6 +22806,17 @@ class FilterPlugin extends BasePlugin {
         this.possibleFilters = filters;
       }
     }
+    if (config.collection) {
+      this.filterCollection = lodash.reduce(config.collection, (result, item, prop) => {
+        if (this.possibleFilterEntities[item.type]) {
+          result[prop] = item;
+        }
+        else {
+          console.warn(`${item.type} type is not found.`);
+        }
+        return result;
+      }, {});
+    }
   }
   async headerclick(e) {
     var _a;
@@ -22853,9 +22880,7 @@ class FilterPlugin extends BasePlugin {
         delete this.filterCollection[prop];
       }
       else {
-        const filter = this.possibleFilterEntities[type];
         this.filterCollection[prop] = {
-          filter,
           value,
           type,
         };
@@ -22872,13 +22897,13 @@ class FilterPlugin extends BasePlugin {
     columns.forEach(rgCol => {
       const column = Object.assign({}, rgCol);
       const hasFilter = collection[column.prop];
-      if (column[filter_button.FILTER_PROP] && !hasFilter) {
-        delete column[filter_button.FILTER_PROP];
+      if (column[this.filterProp] && !hasFilter) {
+        delete column[this.filterProp];
         columnsToUpdate.push(column);
       }
-      if (!column[filter_button.FILTER_PROP] && hasFilter) {
+      if (!column[this.filterProp] && hasFilter) {
         columnsToUpdate.push(column);
-        column[filter_button.FILTER_PROP] = true;
+        column[this.filterProp] = true;
       }
     });
     const itemsToFilter = this.getRowFilter(items, collection);
@@ -22908,11 +22933,9 @@ class FilterPlugin extends BasePlugin {
     this.doFiltering(detail.collection, detail.source, detail.columns);
   }
   async getData() {
-    const source = await this.revogrid.getSource();
-    const columns = await this.revogrid.getColumns();
     return {
-      source,
-      columns,
+      source: await this.revogrid.getSource(),
+      columns: await this.revogrid.getColumns(),
     };
   }
   getRowFilter(rows, collection) {
@@ -22920,7 +22943,7 @@ class FilterPlugin extends BasePlugin {
     rows.forEach((model, rowIndex) => {
       for (const prop in collection) {
         const filterItem = collection[prop];
-        const filter = filterItem.filter;
+        const filter = this.possibleFilterEntities[filterItem.type];
         if (!filter(model[prop], filterItem.value)) {
           trimmed[rowIndex] = true;
         }
@@ -25069,6 +25092,7 @@ const RevoGridComponent = class {
     this.beforeeditstart = index.createEvent(this, "beforeeditstart", 7);
     this.aftercolumnresize = index.createEvent(this, "aftercolumnresize", 7);
     this.beforerowdefinition = index.createEvent(this, "beforerowdefinition", 7);
+    this.filterconfigchanged = index.createEvent(this, "filterconfigchanged", 7);
     /**
      * Defines how many rows/columns should be rendered outside visible area.
      */
@@ -25536,6 +25560,9 @@ const RevoGridComponent = class {
       this.internalPlugins.splice(index, 1);
     }
   }
+  applyFilter(cfg) {
+    this.filterconfigchanged.emit(cfg);
+  }
   dataSourceApply(source = [], type = 'rgRow') {
     const beforesourceset = this.beforeAnySource.emit({
       type,
@@ -25653,7 +25680,8 @@ const RevoGridComponent = class {
     "rowDefinitions": ["rowDefChanged"],
     "trimmedRows": ["trimmedRowsChanged"],
     "grouping": ["groupingChanged"],
-    "stretch": ["applyStretch"]
+    "stretch": ["applyStretch"],
+    "filter": ["applyFilter"]
   }; }
 };
 RevoGridComponent.style = revoGridStyleCss;
@@ -27026,11 +27054,17 @@ const RevogrHeaderComponent = class {
     index.registerInstance(this, hostRef);
     this.initialHeaderClick = index.createEvent(this, "initialHeaderClick", 7);
     this.headerresize = index.createEvent(this, "headerresize", 7);
+    this.beforeResize = index.createEvent(this, "before-resize", 7);
     this.headerdblClick = index.createEvent(this, "headerdblClick", 7);
     this.parent = '';
     this.groupingDepth = 0;
   }
   onResize({ width }, index) {
+    const col = this.colData[index];
+    const event = this.beforeResize.emit([Object.assign(Object.assign({}, col), { size: width || undefined })]);
+    if (event.defaultPrevented) {
+      return;
+    }
     this.headerresize.emit({ [index]: width || 0 });
   }
   onResizeGroup(changedX, startIndex, endIndex) {

package/dist/collection/components/header/revogr-header.d.ts

@@ -16,6 +16,7 @@ export declare class RevogrHeaderComponent {
   type: string;
   initialHeaderClick: EventEmitter<RevoGrid.InitialHeaderClick>;
   headerresize: EventEmitter<RevoGrid.ViewSettingSizeProp>;
+  beforeResize: EventEmitter<RevoGrid.ColumnRegular[]>;
   headerdblClick: EventEmitter<RevoGrid.InitialHeaderClick>;
   private onResize;
   private onResizeGroup;

package/dist/collection/components/header/revogr-header.js

@@ -9,6 +9,11 @@ export class RevogrHeaderComponent {
     this.groupingDepth = 0;
   }
   onResize({ width }, index) {
+    const col = this.colData[index];
+    const event = this.beforeResize.emit([Object.assign(Object.assign({}, col), { size: width || undefined })]);
+    if (event.defaultPrevented) {
+      return;
+    }
     this.headerresize.emit({ [index]: width || 0 });
   }
   onResizeGroup(changedX, startIndex, endIndex) {
@@ -298,6 +303,26 @@ export class RevogrHeaderComponent {
           }
         }
       }
+    }, {
+      "method": "beforeResize",
+      "name": "before-resize",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "RevoGrid.ColumnRegular[]",
+        "resolved": "ColumnRegular[]",
+        "references": {
+          "RevoGrid": {
+            "location": "import",
+            "path": "../../interfaces"
+          }
+        }
+      }
     }, {
       "method": "headerdblClick",
       "name": "headerdblClick",

package/dist/collection/components/revoGrid/revo-grid.d.ts

@@ -294,6 +294,7 @@ export declare class RevoGridComponent {
     vals: any;
     oldVals: any;
   }>;
+  filterconfigchanged: EventEmitter;
   /**
    * Refreshes data viewport.
    * Can be specific part as rgRow or pinned rgRow or 'all' by default.
@@ -423,6 +424,7 @@ export declare class RevoGridComponent {
    * Stretch Plugin Apply
    */
   applyStretch(isStretch: boolean | string): void;
+  applyFilter(cfg: boolean | ColumnFilterConfig): void;
   private dataSourceApply;
   connectedCallback(): void;
   disconnectedCallback(): void;

package/dist/collection/components/revoGrid/revo-grid.js

@@ -490,6 +490,9 @@ export class RevoGridComponent {
       this.internalPlugins.splice(index, 1);
     }
   }
+  applyFilter(cfg) {
+    this.filterconfigchanged.emit(cfg);
+  }
   dataSourceApply(source = [], type = 'rgRow') {
     const beforesourceset = this.beforeAnySource.emit({
       type,
@@ -1009,7 +1012,7 @@ export class RevoGridComponent {
       "mutable": false,
       "complexType": {
         "original": "boolean | ColumnFilterConfig",
-        "resolved": "boolean | { collection?: FilterCollection; include?: string[]; customFilters?: Record<string, CustomFilter>; }",
+        "resolved": "boolean | { collection?: FilterCollection; include?: string[]; customFilters?: Record<string, CustomFilter>; filterProp?: string; }",
         "references": {
           "ColumnFilterConfig": {
             "location": "import",
@@ -1679,6 +1682,21 @@ export class RevoGridComponent {
         "resolved": "{ vals: any; oldVals: any; }",
         "references": {}
       }
+    }, {
+      "method": "filterconfigchanged",
+      "name": "filterconfigchanged",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
     }]; }
   static get methods() { return {
     "refresh": {
@@ -2242,6 +2260,9 @@ export class RevoGridComponent {
     }, {
       "propName": "stretch",
       "methodName": "applyStretch"
+    }, {
+      "propName": "filter",
+      "methodName": "applyFilter"
     }]; }
   static get listeners() { return [{
       "name": "internalRowDragStart",

package/dist/collection/components.d.ts

@@ -599,6 +599,7 @@ declare namespace LocalJSX {
           * contentsizechanged event. Triggered when new content size applied. Not including header size Event is not returning size To get actual size use getContentSize after event triggered
          */
         "onContentsizechanged"?: (event: CustomEvent<RevoGrid.MultiDimensionType>) => void;
+        "onFilterconfigchanged"?: (event: CustomEvent<any>) => void;
         /**
           * On header click.
          */
@@ -733,6 +734,7 @@ declare namespace LocalJSX {
         "dimensionCol"?: Observable<RevoGrid.DimensionSettingsState>;
         "groupingDepth"?: number;
         "groups"?: Groups;
+        "onBefore-resize"?: (event: CustomEvent<RevoGrid.ColumnRegular[]>) => void;
         "onHeaderdblClick"?: (event: CustomEvent<RevoGrid.InitialHeaderClick>) => void;
         "onHeaderresize"?: (event: CustomEvent<RevoGrid.ViewSettingSizeProp>) => void;
         "onInitialHeaderClick"?: (event: CustomEvent<RevoGrid.InitialHeaderClick>) => void;

package/dist/collection/plugins/filter/conditions/string/contains.js

@@ -1,4 +1,7 @@
 const contains = (value, extra) => {
+  if (!extra) {
+    return true;
+  }
   if (!value) {
     return false;
   }

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

@@ -20,14 +20,15 @@ export declare type ColumnFilterConfig = {
   collection?: FilterCollection;
   include?: string[];
   customFilters?: Record<string, CustomFilter>;
+  filterProp?: string;
 };
 declare type FilterCollectionItem = {
-  filter: LogicFunction;
   type: FilterType;
   value?: any;
 };
 export declare type FilterCollection = Record<RevoGrid.ColumnProp, FilterCollectionItem>;
 export declare const FILTER_TRIMMED_TYPE = "filter";
+export declare const FILTER_CONFIG_CHANGED_EVENT = "filterconfigchanged";
 export default class FilterPlugin extends BasePlugin {
   protected revogrid: HTMLRevoGridElement;
   private pop;
@@ -35,6 +36,7 @@ export default class FilterPlugin extends BasePlugin {
   private possibleFilters;
   private possibleFilterNames;
   private possibleFilterEntities;
+  private filterProp;
   constructor(revogrid: HTMLRevoGridElement, uiid: string, config?: ColumnFilterConfig);
   private initConfig;
   private headerclick;

package/dist/collection/plugins/filter/filter.plugin.js

@@ -2,7 +2,9 @@ import { h } from '@stencil/core';
 import BasePlugin from '../basePlugin';
 import { FILTER_PROP, isFilterBtn } from './filter.button';
 import { filterEntities, filterNames, filterTypes } from './filter.service';
+import { reduce } from 'lodash';
 export const FILTER_TRIMMED_TYPE = 'filter';
+export const FILTER_CONFIG_CHANGED_EVENT = 'filterconfigchanged';
 export default class FilterPlugin extends BasePlugin {
   constructor(revogrid, uiid, config) {
     super(revogrid);
@@ -11,6 +13,7 @@ export default class FilterPlugin extends BasePlugin {
     this.possibleFilters = Object.assign({}, filterTypes);
     this.possibleFilterNames = Object.assign({}, filterNames);
     this.possibleFilterEntities = Object.assign({}, filterEntities);
+    this.filterProp = FILTER_PROP;
     if (config) {
       this.initConfig(config);
     }
@@ -21,15 +24,23 @@ export default class FilterPlugin extends BasePlugin {
       }
     };
     this.addEventListener('headerclick', headerclick);
+    this.addEventListener(FILTER_CONFIG_CHANGED_EVENT, ({ detail }) => {
+      if (!detail) {
+        this.clearFiltering();
+        return;
+      }
+      if (typeof detail === 'object') {
+        this.initConfig(detail);
+      }
+      aftersourceset();
+    });
     this.addEventListener('aftersourceset', aftersourceset);
+    this.addEventListener('filter', ({ detail }) => this.onFilterChange(detail));
     this.revogrid.registerVNode([
       h("revogr-filter-panel", { uuid: `filter-${uiid}`, filterNames: this.possibleFilterNames, filterEntities: this.possibleFilterEntities, onFilterChange: e => this.onFilterChange(e.detail), ref: e => (this.pop = e) }),
     ]);
   }
   initConfig(config) {
-    if (config.collection) {
-      this.filterCollection = Object.assign({}, config.collection);
-    }
     if (config.customFilters) {
       for (let cType in config.customFilters) {
         const cFilter = config.customFilters[cType];
@@ -41,6 +52,9 @@ export default class FilterPlugin extends BasePlugin {
         this.possibleFilterNames[cType] = cFilter.name;
       }
     }
+    if (config.filterProp) {
+      this.filterProp = config.filterProp;
+    }
     /**
      * which filters has to be included/excluded
      * convinient way to exclude system filters
@@ -59,6 +73,17 @@ export default class FilterPlugin extends BasePlugin {
         this.possibleFilters = filters;
       }
     }
+    if (config.collection) {
+      this.filterCollection = reduce(config.collection, (result, item, prop) => {
+        if (this.possibleFilterEntities[item.type]) {
+          result[prop] = item;
+        }
+        else {
+          console.warn(`${item.type} type is not found.`);
+        }
+        return result;
+      }, {});
+    }
   }
   async headerclick(e) {
     var _a;
@@ -122,9 +147,7 @@ export default class FilterPlugin extends BasePlugin {
         delete this.filterCollection[prop];
       }
       else {
-        const filter = this.possibleFilterEntities[type];
         this.filterCollection[prop] = {
-          filter,
           value,
           type,
         };
@@ -141,13 +164,13 @@ export default class FilterPlugin extends BasePlugin {
     columns.forEach(rgCol => {
       const column = Object.assign({}, rgCol);
       const hasFilter = collection[column.prop];
-      if (column[FILTER_PROP] && !hasFilter) {
-        delete column[FILTER_PROP];
+      if (column[this.filterProp] && !hasFilter) {
+        delete column[this.filterProp];
         columnsToUpdate.push(column);
       }
-      if (!column[FILTER_PROP] && hasFilter) {
+      if (!column[this.filterProp] && hasFilter) {
         columnsToUpdate.push(column);
-        column[FILTER_PROP] = true;
+        column[this.filterProp] = true;
       }
     });
     const itemsToFilter = this.getRowFilter(items, collection);
@@ -177,11 +200,9 @@ export default class FilterPlugin extends BasePlugin {
     this.doFiltering(detail.collection, detail.source, detail.columns);
   }
   async getData() {
-    const source = await this.revogrid.getSource();
-    const columns = await this.revogrid.getColumns();
     return {
-      source,
-      columns,
+      source: await this.revogrid.getSource(),
+      columns: await this.revogrid.getColumns(),
     };
   }
   getRowFilter(rows, collection) {
@@ -189,7 +210,7 @@ export default class FilterPlugin extends BasePlugin {
     rows.forEach((model, rowIndex) => {
       for (const prop in collection) {
         const filterItem = collection[prop];
-        const filter = filterItem.filter;
+        const filter = this.possibleFilterEntities[filterItem.type];
         if (!filter(model[prop], filterItem.value)) {
           trimmed[rowIndex] = true;
         }

package/dist/collection/services/dimension.provider.js

@@ -64,7 +64,7 @@ export default class DimensionProvider {
     return { y, x };
   }
   setColumns(type, sizes, noVirtual = false) {
-    this.stores[type].setDimensionSize(sizes);
+    this.setDimensionSize(type, sizes);
     if (noVirtual) {
       this.setNoVirtual(type);
     }