lsp-grid 1.0.0

package/dist/collection/plugins/filter/filter.panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.panel.js","sourceRoot":"","sources":["../../../src/plugins/filter/filter.panel.tsx"],"names":[],"mappings":"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","sourcesContent":["// filter.panel.tsx\r\n\r\nimport {\r\n  h,\r\n  Component,\r\n  Event,\r\n  EventEmitter,\r\n  Host,\r\n  Listen,\r\n  Method,\r\n  Prop,\r\n  State,\r\n  type VNode,\r\n  Element,\r\n} from '@stencil/core';\r\nimport debounce from 'lodash/debounce';\r\n\r\nimport { AndOrButton, isFilterBtn, TrashButton } from './filter.button';\r\nimport '../../utils/closest.polifill';\r\nimport {\r\n  FilterCaptions,\r\n  LogicFunction,\r\n  MultiFilterItem,\r\n  ShowData,\r\n} from './filter.types';\r\nimport type { ColumnProp } from '@type';\r\nimport { FilterType } from './filter.indexed';\r\n\r\nconst defaultType: FilterType = 'none';\r\n\r\nconst FILTER_LIST_CLASS = 'multi-filter-list';\r\nconst FILTER_LIST_CLASS_ACTION = 'multi-filter-list-action';\r\nconst FILTER_ID = 'add-filter';\r\n\r\n/**\r\n * Filter panel for editing filters\r\n */\r\n/**\r\n * @internal\r\n */\r\n@Component({\r\n  tag: 'revogr-filter-panel',\r\n  styleUrl: 'filter.style.scss',\r\n})\r\nexport class FilterPanel {\r\n  private filterCaptionsInternal: FilterCaptions = {\r\n    title: 'Filter by',\r\n    ok: 'Close',\r\n    save: 'Save',\r\n    // drops the filter\r\n    reset: 'Reset',\r\n    cancel: 'Cancel',\r\n    add: 'Add condition',\r\n    placeholder: 'Enter value...',\r\n    and: 'and',\r\n    or: 'or',\r\n  };\r\n\r\n  @Element() element!: HTMLElement;\r\n  @State() isFilterIdSet = false;\r\n  @State() filterId = 0;\r\n  @State() currentFilterId = -1;\r\n  @State() currentFilterType: FilterType = defaultType;\r\n  @State() changes: ShowData | undefined;\r\n  @State() filterItems: MultiFilterItem = {};\r\n  @Prop() filterNames: Record<string, string> = {};\r\n  @Prop() filterEntities: Record<string, LogicFunction> = {};\r\n  @Prop() filterCaptions: Partial<FilterCaptions> | undefined;\r\n  /**\r\n   * Disables dynamic filtering. A way to apply filters on Save only\r\n   */\r\n  @Prop() disableDynamicFiltering = false;\r\n  /**\r\n   * If true, closes the filter panel when clicking outside\r\n   */\r\n  @Prop() closeOnOutsideClick = true;\r\n  @Event() filterChange: EventEmitter<MultiFilterItem>;\r\n  @Event() resetChange: EventEmitter<ColumnProp>;\r\n\r\n  @Listen('mousedown', { target: 'document' }) onMouseDown(e: MouseEvent) {\r\n    // click on anything then select drops values to default\r\n    if (!this.changes) {\r\n      return;\r\n    }\r\n    const path = e.composedPath();\r\n    const select = document.getElementById(FILTER_ID);\r\n    if (select instanceof HTMLSelectElement) {\r\n      // click on select should be skipped\r\n      if (path.includes(select)) {\r\n        return;\r\n      }\r\n      select.value = defaultType;\r\n    }\r\n    this.currentFilterType = defaultType;\r\n    if (this.changes) {\r\n      this.changes.type = defaultType;\r\n    }\r\n    this.currentFilterId = -1;\r\n\r\n    const isOutside = !path.includes(this.element);\r\n\r\n    if (\r\n      e.target instanceof HTMLElement &&\r\n      isOutside &&\r\n      !isFilterBtn(e.target) &&\r\n      this.closeOnOutsideClick\r\n    ) {\r\n      this.changes = undefined;\r\n    }\r\n  }\r\n\r\n  @Method() async show(newEntity?: ShowData) {\r\n    this.changes = newEntity;\r\n    this.filterItems = newEntity?.filterItems || {};\r\n    if (this.changes) {\r\n      this.changes.type = this.changes.type || defaultType;\r\n    }\r\n  }\r\n\r\n  @Method() async getChanges() {\r\n    return this.changes;\r\n  }\r\n\r\n  componentWillRender() {\r\n    if (!this.isFilterIdSet) {\r\n      this.isFilterIdSet = true;\r\n      const filterItems = Object.keys(this.filterItems);\r\n      for (const prop of filterItems) {\r\n        // we set the proper filterId so there won't be any conflict when removing filters\r\n        this.filterId += this.filterItems[prop].length;\r\n      }\r\n    }\r\n  }\r\n\r\n  getFilterItemsList() {\r\n    const prop = this.changes?.prop;\r\n    if (typeof prop === 'undefined') return '';\r\n\r\n    const propFilters = this.filterItems[prop] ?? [];\r\n    const capts = Object.assign(\r\n      this.filterCaptionsInternal,\r\n      this.filterCaptions,\r\n    );\r\n    return (\r\n      <div key={this.filterId}>\r\n        {propFilters.map((filter, index) => {\r\n          let andOrButton;\r\n          if (filter.hidden) {\r\n            return;\r\n          }\r\n\r\n          // hide toggle button if there is only one filter and the last one\r\n          if (index !== this.filterItems[prop].length - 1) {\r\n            andOrButton = (\r\n              <div onClick={() => this.toggleFilterAndOr(filter.id)}>\r\n                <AndOrButton\r\n                  text={filter.relation === 'and' ? capts.and : capts.or}\r\n                />\r\n              </div>\r\n            );\r\n          }\r\n\r\n          return (\r\n            <div key={filter.id} class={FILTER_LIST_CLASS}>\r\n              <div class={{ 'select-input': true }}>\r\n                <select\r\n                  class=\"select-css select-filter\"\r\n                  onChange={e => this.onFilterTypeChange(e, prop, index)}\r\n                >\r\n                  {this.renderSelectOptions(\r\n                    this.filterItems[prop][index].type,\r\n                    true,\r\n                  )}\r\n                </select>\r\n                <div class={FILTER_LIST_CLASS_ACTION}>{andOrButton}</div>\r\n                <div onClick={() => this.onRemoveFilter(filter.id)}>\r\n                  <TrashButton />\r\n                </div>\r\n              </div>\r\n              <div>{this.renderExtra(prop, index)}</div>\r\n            </div>\r\n          );\r\n        })}\r\n\r\n        {propFilters.filter(f => !f.hidden).length > 0 ? <div class=\"add-filter-divider\" /> : ''}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private autoCorrect(el?: HTMLElement | null) {\r\n    if (!el) {\r\n      return;\r\n    }\r\n\r\n    const revoGrid = el.closest('revo-grid');\r\n    if (!revoGrid) {\r\n      return;\r\n    }\r\n\r\n    const pos = el.getBoundingClientRect();\r\n    const gridPos = revoGrid.getBoundingClientRect();\r\n    const maxLeft = gridPos.right - pos.width;\r\n\r\n    if (pos.left > maxLeft && el.offsetLeft) {\r\n      el.style.left = `${maxLeft - (el.parentElement?.getBoundingClientRect().left ?? 0)}px`;\r\n    }\r\n  }\r\n\r\n  private onFilterTypeChange(e: Event, prop: ColumnProp, index: number) {\r\n    if (!(e.target instanceof HTMLSelectElement)) {\r\n      return;\r\n    }\r\n    this.filterItems[prop][index].type = e.target.value as FilterType;\r\n\r\n    // this re-renders the input to know if we need extra input\r\n    this.filterId++;\r\n\r\n    // adding setTimeout will wait for the next tick DOM update then focus on input\r\n    setTimeout(() => {\r\n      const input = document.getElementById(\r\n        'filter-input-' + this.filterItems[prop][index].id,\r\n      );\r\n      if (input instanceof HTMLInputElement) {\r\n        input.focus();\r\n      }\r\n    }, 0);\r\n\r\n    if (!this.disableDynamicFiltering) {\r\n      this.debouncedApplyFilter();\r\n    }\r\n  }\r\n\r\n  private debouncedApplyFilter = debounce(() => {\r\n    this.filterChange.emit(this.filterItems);\r\n  }, 400);\r\n\r\n  private onAddNewFilter(e: Event) {\r\n    const el = e.target as HTMLSelectElement;\r\n    this.currentFilterType = el.value as FilterType;\r\n    this.addNewFilterToProp();\r\n\r\n    // reset value after adding new filter\r\n    const select = document.getElementById('add-filter') as HTMLSelectElement;\r\n    if (select) {\r\n      select.value = defaultType;\r\n      this.currentFilterType = defaultType;\r\n    }\r\n\r\n    if (!this.disableDynamicFiltering) {\r\n      this.debouncedApplyFilter();\r\n    }\r\n  }\r\n\r\n  private addNewFilterToProp() {\r\n    const prop = this.changes?.prop;\r\n    if (!(prop || prop === 0)) return;\r\n\r\n    if (!this.filterItems[prop]) {\r\n      this.filterItems[prop] = [];\r\n    }\r\n\r\n    if (this.currentFilterType === 'none') return;\r\n\r\n    this.filterId++;\r\n    this.currentFilterId = this.filterId;\r\n\r\n    this.filterItems[prop].push({\r\n      id: this.currentFilterId,\r\n      type: this.currentFilterType,\r\n      value: '',\r\n      relation: 'and',\r\n    });\r\n\r\n    // adding setTimeout will wait for the next tick DOM update then focus on input\r\n    setTimeout(() => {\r\n      const input = document.getElementById(\r\n        'filter-input-' + this.currentFilterId,\r\n      ) as HTMLInputElement;\r\n      if (input) input.focus();\r\n    }, 0);\r\n  }\r\n\r\n  private onSave() {\r\n    this.filterChange.emit(this.filterItems);\r\n  }\r\n\r\n  private onCancel() {\r\n    this.changes = undefined;\r\n  }\r\n\r\n  private onReset() {\r\n    this.assertChanges();\r\n\r\n    this.resetChange.emit(this.changes?.prop);\r\n\r\n    // this updates the DOM which is used by getFilterItemsList() key\r\n    this.filterId++;\r\n  }\r\n\r\n  private onRemoveFilter(id: number) {\r\n    this.assertChanges();\r\n\r\n    // this is for reactivity issues for getFilterItemsList()\r\n    this.filterId++;\r\n\r\n    const prop = this.changes?.prop;\r\n\r\n    const items = this.filterItems[prop ?? ''];\r\n    if (!items) return;\r\n\r\n    const index = items.findIndex(d => d.id === id);\r\n    if (index === -1) return;\r\n    items.splice(index, 1);\r\n\r\n    // let's remove the prop if no more filters so the filter icon will be removed\r\n    if (items.length === 0) delete this.filterItems[prop ?? ''];\r\n\r\n    if (!this.disableDynamicFiltering) {\r\n      this.debouncedApplyFilter();\r\n    }\r\n  }\r\n\r\n  private toggleFilterAndOr(id: number) {\r\n    this.assertChanges();\r\n\r\n    // this is for reactivity issues for getFilterItemsList()\r\n    this.filterId++;\r\n\r\n    const prop = this.changes?.prop;\r\n\r\n    const items = this.filterItems[prop ?? ''];\r\n    if (!items) return;\r\n\r\n    const index = items.findIndex(d => d.id === id);\r\n    if (index === -1) return;\r\n\r\n    items[index].relation = items[index].relation === 'and' ? 'or' : 'and';\r\n    if (!this.disableDynamicFiltering) {\r\n      this.debouncedApplyFilter();\r\n    }\r\n  }\r\n\r\n  private assertChanges() {\r\n    if (!this.changes) {\r\n      throw new Error('Changes required per edit');\r\n    }\r\n  }\r\n\r\n  renderSelectOptions(type: FilterType, isDefaultTypeRemoved = false) {\r\n    if (!this.changes) {\r\n      return;\r\n    }\r\n    const options: VNode[] = [];\r\n    const prop = this.changes.prop;\r\n\r\n    const hidden = new Set<string>();\r\n    Object.entries(this.filterItems).forEach(([_, values]) => {\r\n      values.forEach((filter) => {\r\n        if (filter.hidden) {\r\n          hidden.add(filter.type);\r\n        }\r\n      })\r\n    });\r\n\r\n    if (!isDefaultTypeRemoved) {\r\n      const capts = Object.assign(\r\n        this.filterCaptionsInternal,\r\n        this.filterCaptions,\r\n      );\r\n\r\n      options.push(\r\n        <option\r\n          selected={this.currentFilterType === defaultType}\r\n          value={defaultType}\r\n        >\r\n          {prop && this.filterItems[prop] && this.filterItems[prop].length > 0\r\n            ? capts.add\r\n            : this.filterNames[defaultType]}\r\n        </option>,\r\n      );\r\n    }\r\n\r\n    for (let gIndex in this.changes.filterTypes) {\r\n      const group = this.changes.filterTypes[gIndex].filter(k => !hidden.has(k));\r\n      if (group.length) {\r\n        options.push(\r\n          ...group.map(k => (\r\n            <option value={k} selected={type === k}>\r\n              {this.filterNames[k]}\r\n            </option>\r\n          )),\r\n        );\r\n        options.push(<option disabled></option>);\r\n      }\r\n    }\r\n    return options;\r\n  }\r\n\r\n  renderExtra(prop: ColumnProp, index: number) {\r\n    const currentFilter = this.filterItems[prop];\r\n\r\n    if (!currentFilter) return '';\r\n\r\n    const applyFilter = (value?: any) => {\r\n      this.filterItems[prop][index].value = value;\r\n      if (!this.disableDynamicFiltering) {\r\n        this.debouncedApplyFilter();\r\n      }\r\n    };\r\n\r\n    const focusNext = () => {\r\n      const select = document.getElementById('add-filter') as HTMLSelectElement;\r\n      if (select) {\r\n        select.value = defaultType;\r\n        this.currentFilterType = defaultType;\r\n        this.addNewFilterToProp();\r\n        select.focus();\r\n      }\r\n    };\r\n\r\n    const capts = Object.assign(\r\n      this.filterCaptionsInternal,\r\n      this.filterCaptions,\r\n    );\r\n    const extra = this.filterEntities[currentFilter[index].type].extra;\r\n    if (typeof extra === 'function') {\r\n      return extra(h, {\r\n        value: currentFilter[index].value,\r\n        filter: currentFilter[index],\r\n        prop,\r\n        index,\r\n        placeholder: capts.placeholder,\r\n        onInput: (value: any) => {\r\n          applyFilter(value);\r\n        },\r\n        onFocus: () => {\r\n          focusNext();\r\n        }\r\n      });\r\n    }\r\n    if (extra !== 'input' && extra !== 'datepicker') {\r\n      return '';\r\n    }\r\n    return (\r\n      <input\r\n        id={`filter-input-${currentFilter[index].id}`}\r\n        placeholder={capts.placeholder}\r\n        type={extra === 'datepicker' ? 'date' : 'text'}\r\n        value={currentFilter[index].value}\r\n        onInput={(e) => {\r\n          if (e.target instanceof HTMLInputElement) {\r\n            applyFilter(e.target.value);\r\n          }\r\n        }}\r\n        onKeyDown={e => {\r\n          if (e.key.toLowerCase() === 'enter') {\r\n            const select = document.getElementById('add-filter') as HTMLSelectElement;\r\n            if (select) {\r\n              focusNext();\r\n            }\r\n            return;\r\n          }\r\n          // keep event local, don't escalate farther to dom\r\n          e.stopPropagation();\r\n        }}\r\n      />\r\n    );\r\n  }\r\n\r\n  render() {\r\n    if (!this.changes) {\r\n      return <Host style={{ display: 'none' }}></Host>;\r\n    }\r\n    const style = {\r\n      display: 'block',\r\n      left: `${this.changes.x}px`,\r\n      top: `${this.changes.y}px`,\r\n    };\r\n\r\n    const capts = Object.assign(\r\n      this.filterCaptionsInternal,\r\n      this.filterCaptions,\r\n    );\r\n\r\n    return (\r\n      <Host\r\n        style={style}\r\n        ref={el => {\r\n          this.changes?.autoCorrect !== false && this.autoCorrect(el);\r\n        }}\r\n      >\r\n        <slot slot=\"header\" />\r\n        { this.changes.extraContent?.(this.changes) || '' }\r\n\r\n        { this.changes?.hideDefaultFilters !== true && (\r\n          [\r\n            <label>{capts.title}</label>,\r\n            <div class=\"filter-holder\">{this.getFilterItemsList()}</div>,\r\n            <div class=\"add-filter\">\r\n              <select\r\n                id={FILTER_ID}\r\n                class=\"select-css\"\r\n                onChange={e => this.onAddNewFilter(e)}\r\n              >\r\n                {this.renderSelectOptions(this.currentFilterType)}\r\n              </select>\r\n            </div>\r\n          ]\r\n        )}\r\n\r\n        <slot />\r\n        <div class=\"filter-actions\">\r\n          {this.disableDynamicFiltering && [\r\n            <button\r\n              id=\"revo-button-save\"\r\n              aria-label=\"save\"\r\n              class=\"revo-button green\"\r\n              onClick={() => this.onSave()}\r\n            >\r\n              {capts.save}\r\n            </button>,\r\n            <button\r\n              id=\"revo-button-ok\"\r\n              aria-label=\"ok\"\r\n              class=\"revo-button green\"\r\n              onClick={() => this.onCancel()}\r\n            >\r\n              {capts.cancel}\r\n            </button>,\r\n          ]}\r\n          {!this.disableDynamicFiltering && [\r\n            <button\r\n              id=\"revo-button-ok\"\r\n              aria-label=\"ok\"\r\n              class=\"revo-button green\"\r\n              onClick={() => this.onCancel()}\r\n            >\r\n              {capts.ok}\r\n            </button>,\r\n\r\n            <button\r\n              id=\"revo-button-reset\"\r\n              aria-label=\"reset\"\r\n              class=\"revo-button outline\"\r\n              onClick={() => this.onReset()}\r\n            >\r\n              {capts.reset}\r\n            </button>,\r\n          ]}\r\n        </div>\r\n        <slot slot=\"footer\" />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,388 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+// filter.plugin.tsx
+import { h } from "@stencil/core";
+import { BasePlugin } from "../base.plugin";
+import { FILTER_PROP, isFilterBtn } from "./filter.button";
+import { filterCoreFunctionsIndexedByType, filterNames, filterTypes, } from "./filter.indexed";
+import { getCellDataParsed } from "../../utils";
+export * from './filter.types';
+export * from './filter.indexed';
+export * from './filter.button';
+export const FILTER_TRIMMED_TYPE = 'filter';
+export const FILTER_CONFIG_CHANGED_EVENT = 'filterconfigchanged';
+export const FILTE_PANEL = 'revogr-filter-panel';
+/**
+ * @typedef ColumnFilterConfig
+ * @type {object}
+ *
+ * @property {MultiFilterItem|undefined} multiFilterItems - data for multi filtering with relation
+ *
+ * @property {Record<ColumnProp, FilterCollectionItem>|undefined} collection - preserved filter data, relation for filters will be applied as 'and'
+ *
+ * @property {string[]|undefined} include - filters to be included, if defined everything else out of scope will be ignored
+ *
+ * @property {Record<string, CustomFilter>|undefined} customFilters - hash map of {FilterType:CustomFilter}.
+ *
+ * @property {FilterLocalization|undefined} localization - translation for filter popup captions.
+ *
+ * @property {boolean|undefined} disableDynamicFiltering - disables dynamic filtering. A way to apply filters on Save only.
+ */
+/**
+ * @internal
+ */
+export class FilterPlugin extends BasePlugin {
+    constructor(revogrid, providers, config) {
+        var _a;
+        super(revogrid, providers);
+        this.revogrid = revogrid;
+        this.config = config;
+        this.filterCollection = {};
+        this.multiFilterItems = {};
+        /**
+         * Filter types
+         * @example
+         * {
+         *    string: ['contains', 'beginswith'],
+         *    number: ['eqN', 'neqN', 'gt']
+         *  }
+         */
+        this.filterByType = Object.assign({}, filterTypes);
+        this.filterNameIndexByType = Object.assign({}, filterNames);
+        this.filterFunctionsIndexedByType = Object.assign({}, filterCoreFunctionsIndexedByType);
+        this.filterProp = FILTER_PROP;
+        if (config) {
+            this.initConfig(config);
+        }
+        const existingNodes = this.revogrid.registerVNode.filter(n => typeof n === 'object' && n.$tag$ !== FILTE_PANEL);
+        this.revogrid.registerVNode = [
+            ...existingNodes,
+            h("revogr-filter-panel", { 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, closeOnOutsideClick: config === null || config === void 0 ? void 0 : config.closeFilterPanelOnOutsideClick, ref: e => (this.pop = e) }, ' ', this.extraContent()),
+        ];
+        const aftersourceset = async () => {
+            const filterCollectionProps = Object.keys(this.filterCollection);
+            if (filterCollectionProps.length > 0) {
+                // handle old way of filtering by reworking FilterCollection to new MultiFilterItem
+                filterCollectionProps.forEach((prop, index) => {
+                    if (!this.multiFilterItems[prop]) {
+                        this.multiFilterItems[prop] = [
+                            {
+                                id: index,
+                                type: this.filterCollection[prop].type,
+                                value: this.filterCollection[prop].value,
+                                relation: 'and',
+                            },
+                        ];
+                    }
+                });
+            }
+            if (Object.keys(this.multiFilterItems).length === 0) {
+                return;
+            }
+            await this.runFiltering(this.multiFilterItems);
+        };
+        this.addEventListener('headerclick', e => this.headerclick(e));
+        this.addEventListener(FILTER_CONFIG_CHANGED_EVENT, ({ detail }) => {
+            if (!detail ||
+                (typeof detail === 'object' &&
+                    (!detail.multiFilterItems ||
+                        !Object.keys(detail.multiFilterItems).length))) {
+                this.clearFiltering();
+                return;
+            }
+            if (typeof detail === 'object') {
+                this.initConfig(detail);
+            }
+            aftersourceset();
+        });
+        this.addEventListener('aftersourceset', aftersourceset);
+        this.addEventListener('filter', ({ detail }) => this.onFilterChange(detail));
+    }
+    beforeshow(_) {
+        // used as hook for filter panel
+    }
+    extraContent() {
+        return null;
+    }
+    initConfig(config) {
+        if (config.multiFilterItems) {
+            this.multiFilterItems = Object.assign({}, config.multiFilterItems);
+        }
+        else {
+            this.multiFilterItems = {};
+        }
+        // Add custom filters
+        if (config.customFilters) {
+            for (let customFilterType in config.customFilters) {
+                const cFilter = config.customFilters[customFilterType];
+                if (!this.filterByType[cFilter.columnFilterType]) {
+                    this.filterByType[cFilter.columnFilterType] = [];
+                }
+                // add custom filter type
+                this.filterByType[cFilter.columnFilterType].push(customFilterType);
+                // add custom filter function
+                this.filterFunctionsIndexedByType[customFilterType] = cFilter.func;
+                // add custom filter name
+                this.filterNameIndexByType[customFilterType] = cFilter.name;
+            }
+        }
+        // Add filterProp if provided in config
+        if (config.filterProp) {
+            this.filterProp = config.filterProp;
+        }
+        /**
+         * which filters has to be included/excluded
+         * convenient way to exclude system filters
+         */
+        const cfgInlcude = config.include;
+        if (cfgInlcude) {
+            const filters = {};
+            for (let t in this.filterByType) {
+                // validate filters, if appropriate function present
+                const newTypes = this.filterByType[t].filter(f => cfgInlcude.indexOf(f) > -1);
+                if (newTypes.length) {
+                    filters[t] = newTypes;
+                }
+            }
+            // if any valid filters provided show them
+            if (Object.keys(filters).length > 0) {
+                this.filterByType = filters;
+            }
+        }
+        if (config.collection) {
+            const filtersWithFilterFunctionPresent = Object.entries(config.collection).filter(([, item]) => this.filterFunctionsIndexedByType[item.type]);
+            this.filterCollection = Object.fromEntries(filtersWithFilterFunctionPresent);
+        }
+        else {
+            this.filterCollection = {};
+        }
+        if (config.localization) {
+            if (config.localization.filterNames) {
+                Object.entries(config.localization.filterNames).forEach(([k, v]) => {
+                    if (this.filterNameIndexByType[k] != void 0) {
+                        this.filterNameIndexByType[k] = v;
+                    }
+                });
+            }
+        }
+    }
+    async headerclick(e) {
+        var _a, _b;
+        const el = (_a = e.detail.originalEvent) === null || _a === void 0 ? void 0 : _a.target;
+        if (!isFilterBtn(el)) {
+            return;
+        }
+        e.preventDefault();
+        if (!this.pop) {
+            return;
+        }
+        // filter button clicked, open filter dialog
+        const gridPos = this.revogrid.getBoundingClientRect();
+        const buttonPos = el.getBoundingClientRect();
+        const prop = e.detail.prop;
+        const data = Object.assign(Object.assign(Object.assign({}, e.detail), this.filterCollection[prop]), { x: buttonPos.x - gridPos.x, y: buttonPos.y - gridPos.y + buttonPos.height, autoCorrect: true, filterTypes: this.getColumnFilter(e.detail.filter), filterItems: this.multiFilterItems, extraContent: this.extraHyperContent });
+        (_b = this.beforeshow) === null || _b === void 0 ? void 0 : _b.call(this, data);
+        this.pop.show(data);
+    }
+    getColumnFilter(type) {
+        let filterType = 'string';
+        if (!type) {
+            return { [filterType]: this.filterByType[filterType] };
+        }
+        // if custom column filter
+        if (this.isValidType(type)) {
+            filterType = type;
+            // if multiple filters applied
+        }
+        else if (typeof type === 'object' && type.length) {
+            return type.reduce((r, multiType) => {
+                if (this.isValidType(multiType)) {
+                    r[multiType] = this.filterByType[multiType];
+                }
+                return r;
+            }, {});
+        }
+        return { [filterType]: this.filterByType[filterType] };
+    }
+    isValidType(type) {
+        return !!(typeof type === 'string' && this.filterByType[type]);
+    }
+    /**
+     * Called on internal component change
+     */
+    async onFilterChange(filterItems) {
+        // store the filter items
+        this.multiFilterItems = filterItems;
+        // 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
+     */
+    async doFiltering(collection, source, columns, filterItems) {
+        const columnsToUpdate = [];
+        /**
+         * Loop through the columns and update the columns that need to be updated with the `hasFilter` property.
+         */
+        const columnByProp = {};
+        columns.forEach(rgCol => {
+            const column = Object.assign({}, rgCol);
+            const hasFilter = filterItems[column.prop];
+            columnByProp[column.prop] = column;
+            /**
+             * If the column has a filter and it's not already marked as filtered, update the column.
+             */
+            if (column[this.filterProp] && !hasFilter) {
+                delete column[this.filterProp];
+                columnsToUpdate.push(column);
+            }
+            /**
+             * If the column does not have a filter and it's marked as filtered, update the column.
+             */
+            if (!column[this.filterProp] && hasFilter) {
+                columnsToUpdate.push(column);
+                column[this.filterProp] = true;
+            }
+        });
+        const itemsToTrim = this.getRowFilter(source, filterItems, columnByProp);
+        // check is filter event prevented
+        const { defaultPrevented, detail } = this.emit('beforefiltertrimmed', {
+            collection,
+            itemsToFilter: itemsToTrim,
+            source,
+            filterItems,
+        });
+        if (defaultPrevented) {
+            return;
+        }
+        this.providers.data.setTrimmed({ [FILTER_TRIMMED_TYPE]: detail.itemsToFilter });
+        // applies the hasFilter to the columns to show filter icon
+        this.providers.column.updateColumns(columnsToUpdate);
+        this.emit('afterfilterapply', {
+            multiFilterItems: filterItems,
+            source,
+            collection,
+        });
+    }
+    async clearFiltering() {
+        this.multiFilterItems = {};
+        await this.runFiltering(this.multiFilterItems);
+    }
+    async runFiltering(multiFilterItems) {
+        const collection = {};
+        // handle old filterCollection to return the first filter only (if any) from multiFilterItems
+        const filterProps = Object.keys(multiFilterItems);
+        for (const prop of filterProps) {
+            // check if we have any filter for a column
+            if (multiFilterItems[prop].length > 0) {
+                const firstFilterItem = multiFilterItems[prop][0];
+                collection[prop] = {
+                    type: firstFilterItem.type,
+                    value: firstFilterItem.value,
+                };
+            }
+        }
+        this.filterCollection = collection;
+        const columns = this.providers.column.getColumns();
+        // run the filtering on the main source only
+        const source = this.providers.data.stores['rgRow'].store.get('source');
+        const { defaultPrevented, detail } = this.emit('beforefilterapply', {
+            collection: this.filterCollection,
+            source,
+            columns,
+            filterItems: this.multiFilterItems,
+        });
+        if (defaultPrevented) {
+            return;
+        }
+        this.doFiltering(detail.collection, detail.source, detail.columns, detail.filterItems);
+    }
+    /**
+     * Get trimmed rows based on filter
+     */
+    getRowFilter(rows, filterItems, columnByProp) {
+        const propKeys = Object.keys(filterItems);
+        const trimmed = {};
+        // each rows
+        for (let rowIndex = 0; rowIndex < rows.length; rowIndex++) {
+            // check filter by column properties
+            for (const prop of propKeys) {
+                // add to the list of removed/trimmed rows of filter condition is satisfied
+                if (this.shouldTrimRow(filterItems[prop], prop, columnByProp[prop], rows[rowIndex])) {
+                    trimmed[rowIndex] = true;
+                }
+            } // end of for-of propKeys
+        }
+        return trimmed;
+    }
+    shouldTrimRow(propFilters, prop, column, model = {}) {
+        // reset the count of satisfied filters
+        let propFilterSatisfiedCount = 0;
+        // reset the array of last filter results
+        let lastFilterResults = [];
+        // testing each filter for a prop
+        for (const [filterIndex, filterData] of propFilters.entries()) {
+            // the filter LogicFunction based on the type
+            const filterFunc = this.filterFunctionsIndexedByType[filterData.type];
+            // THE MAGIC OF FILTERING IS HERE
+            // If there is no column but user wants to filter by a property
+            const value = column ? getCellDataParsed(model, column) : model[prop];
+            // OR relation
+            if (filterData.relation === 'or') {
+                // reset the array of last filter results
+                lastFilterResults = [];
+                // if the filter is satisfied, continue to the next filter
+                if (filterFunc(value, filterData.value)) {
+                    continue;
+                }
+                // if the filter is not satisfied, count it
+                propFilterSatisfiedCount++;
+                // AND relation
+            }
+            else {
+                // 'and' relation will need to know the next filter
+                // so we save this current filter to include it in the next filter
+                lastFilterResults.push(!filterFunc(value, filterData.value));
+                if (isFinalAndFilter(filterIndex, propFilters)) {
+                    // let's just continue since for sure propFilterSatisfiedCount cannot be satisfied
+                    if (allAndConditionsSatisfied(lastFilterResults)) {
+                        // reset the array of last filter results
+                        lastFilterResults = [];
+                        continue;
+                    }
+                    // we need to add all of the lastFilterResults since we need to satisfy all
+                    propFilterSatisfiedCount += lastFilterResults.length;
+                    // reset the array of last filter results
+                    lastFilterResults = [];
+                }
+            }
+        } // end of propFilters forEach
+        return propFilterSatisfiedCount === propFilters.length;
+    }
+}
+/**
+ * Checks if the current filter is the final one in an AND sequence.
+ * @param index - Current filter index in the list.
+ * @param filters - Array of filters for the property.
+ * @returns True if this is the last AND condition; false otherwise.
+ */
+function isFinalAndFilter(index, filters) {
+    const nextFilter = filters[index + 1]; // Get the next filter in the list.
+    // Return true if there's no next filter or if the next filter defined and is not part of the AND sequence.
+    return !nextFilter || (!!nextFilter.relation && nextFilter.relation !== 'and');
+}
+/**
+ * Determines if all conditions in an AND sequence are satisfied.
+ * @param pendingResults - An array of results from the AND conditions.
+ * @returns True if all conditions are satisfied; false otherwise.
+ */
+function allAndConditionsSatisfied(pendingResults) {
+    // Check if there are any failed conditions in the pending results.
+    return !pendingResults.includes(true);
+}
+//# sourceMappingURL=filter.plugin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter.plugin.js","sourceRoot":"","sources":["../../../src/plugins/filter/filter.plugin.tsx"],"names":[],"mappings":"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","sourcesContent":["// filter.plugin.tsx\r\nimport { h, type VNode } from '@stencil/core';\r\n\r\nimport type {\r\n  ColumnProp,\r\n  ColumnRegular,\r\n  DataType,\r\n  PluginProviders,\r\n} from '@type';\r\nimport { BasePlugin } from '../base.plugin';\r\nimport { FILTER_PROP, isFilterBtn } from './filter.button';\r\nimport {\r\n  filterCoreFunctionsIndexedByType,\r\n  filterNames,\r\n  filterTypes,\r\n} from './filter.indexed';\r\n\r\nimport type {\r\n  ColumnFilterConfig,\r\n  FilterCollectionItem,\r\n  FilterData,\r\n  LogicFunction,\r\n  MultiFilterItem,\r\n  ShowData,\r\n} from './filter.types';\r\n\r\nimport { getCellDataParsed } from '../../utils';\r\nimport { TrimmedEntity } from '@store';\r\n\r\nexport * from './filter.types';\r\nexport * from './filter.indexed';\r\nexport * from './filter.button';\r\n\r\nexport const FILTER_TRIMMED_TYPE = 'filter';\r\nexport const FILTER_CONFIG_CHANGED_EVENT = 'filterconfigchanged';\r\nexport const FILTE_PANEL = 'revogr-filter-panel';\r\n\r\n/**\r\n * @typedef ColumnFilterConfig\r\n * @type {object}\r\n *\r\n * @property {MultiFilterItem|undefined} multiFilterItems - data for multi filtering with relation\r\n *\r\n * @property {Record<ColumnProp, FilterCollectionItem>|undefined} collection - preserved filter data, relation for filters will be applied as 'and'\r\n *\r\n * @property {string[]|undefined} include - filters to be included, if defined everything else out of scope will be ignored\r\n *\r\n * @property {Record<string, CustomFilter>|undefined} customFilters - hash map of {FilterType:CustomFilter}.\r\n *\r\n * @property {FilterLocalization|undefined} localization - translation for filter popup captions.\r\n *\r\n * @property {boolean|undefined} disableDynamicFiltering - disables dynamic filtering. A way to apply filters on Save only.\r\n */\r\n/**\r\n * @internal\r\n */\r\n\r\nexport class FilterPlugin extends BasePlugin {\r\n  pop?: HTMLRevogrFilterPanelElement;\r\n  filterCollection: Record<ColumnProp, FilterCollectionItem> = {};\r\n  multiFilterItems: MultiFilterItem = {};\r\n\r\n  /**\r\n   * Filter types\r\n   * @example\r\n   * {\r\n   *    string: ['contains', 'beginswith'],\r\n   *    number: ['eqN', 'neqN', 'gt']\r\n   *  }\r\n   */\r\n  filterByType: Record<string, string[]> = { ...filterTypes };\r\n  filterNameIndexByType: Record<string, string> = {\r\n    ...filterNames,\r\n  };\r\n  filterFunctionsIndexedByType: Record<string, LogicFunction> = {\r\n    ...filterCoreFunctionsIndexedByType,\r\n  };\r\n\r\n  filterProp = FILTER_PROP;\r\n\r\n  extraHyperContent?: (data: ShowData) => VNode | VNode[];\r\n\r\n  constructor(\r\n    public revogrid: HTMLRevoGridElement,\r\n    providers: PluginProviders,\r\n    public config?: ColumnFilterConfig,\r\n  ) {\r\n    super(revogrid, providers);\r\n    if (config) {\r\n      this.initConfig(config);\r\n    }\r\n\r\n    const existingNodes = this.revogrid.registerVNode.filter(\r\n      n => typeof n === 'object' && n.$tag$ !== FILTE_PANEL,\r\n    );\r\n    this.revogrid.registerVNode = [\r\n      ...existingNodes,\r\n      <revogr-filter-panel\r\n        filterNames={this.filterNameIndexByType}\r\n        filterEntities={this.filterFunctionsIndexedByType}\r\n        filterCaptions={config?.localization?.captions}\r\n        onFilterChange={e => this.onFilterChange(e.detail)}\r\n        onResetChange={e => this.onFilterReset(e.detail)}\r\n        disableDynamicFiltering={config?.disableDynamicFiltering}\r\n        closeOnOutsideClick={config?.closeFilterPanelOnOutsideClick}\r\n        ref={e => (this.pop = e)}\r\n      >\r\n        {' '}\r\n        {this.extraContent()}\r\n      </revogr-filter-panel>,\r\n    ];\r\n\r\n    const aftersourceset = async () => {\r\n      const filterCollectionProps = Object.keys(this.filterCollection);\r\n      if (filterCollectionProps.length > 0) {\r\n        // handle old way of filtering by reworking FilterCollection to new MultiFilterItem\r\n        filterCollectionProps.forEach((prop, index) => {\r\n          if (!this.multiFilterItems[prop]) {\r\n            this.multiFilterItems[prop] = [\r\n              {\r\n                id: index,\r\n                type: this.filterCollection[prop].type,\r\n                value: this.filterCollection[prop].value,\r\n                relation: 'and',\r\n              },\r\n            ];\r\n          }\r\n        });\r\n      }\r\n      if (Object.keys(this.multiFilterItems).length === 0) {\r\n        return;\r\n      }\r\n      await this.runFiltering(this.multiFilterItems);\r\n    };\r\n    this.addEventListener('headerclick', e => this.headerclick(e));\r\n    this.addEventListener(\r\n      FILTER_CONFIG_CHANGED_EVENT,\r\n      ({ detail }: CustomEvent<ColumnFilterConfig | boolean>) => {\r\n        if (\r\n          !detail ||\r\n          (typeof detail === 'object' &&\r\n            (!detail.multiFilterItems ||\r\n              !Object.keys(detail.multiFilterItems).length))\r\n        ) {\r\n          this.clearFiltering();\r\n          return;\r\n        }\r\n        if (typeof detail === 'object') {\r\n          this.initConfig(detail);\r\n        }\r\n        aftersourceset();\r\n      },\r\n    );\r\n    this.addEventListener('aftersourceset', aftersourceset);\r\n    this.addEventListener('filter', ({ detail }: CustomEvent) =>\r\n      this.onFilterChange(detail),\r\n    );\r\n  }\r\n\r\n  beforeshow(_: ShowData) {\r\n    // used as hook for filter panel\r\n  }\r\n\r\n  extraContent(): any {\r\n    return null;\r\n  }\r\n\r\n  initConfig(config: ColumnFilterConfig) {\r\n    if (config.multiFilterItems) {\r\n      this.multiFilterItems = { ...config.multiFilterItems };\r\n    } else {\r\n      this.multiFilterItems = {};\r\n    }\r\n    // Add custom filters\r\n    if (config.customFilters) {\r\n      for (let customFilterType in config.customFilters) {\r\n        const cFilter = config.customFilters[customFilterType];\r\n        if (!this.filterByType[cFilter.columnFilterType]) {\r\n          this.filterByType[cFilter.columnFilterType] = [];\r\n        }\r\n        // add custom filter type\r\n        this.filterByType[cFilter.columnFilterType].push(customFilterType);\r\n        // add custom filter function\r\n        this.filterFunctionsIndexedByType[customFilterType] = cFilter.func;\r\n        // add custom filter name\r\n        this.filterNameIndexByType[customFilterType] = cFilter.name;\r\n      }\r\n    }\r\n\r\n    // Add filterProp if provided in config\r\n    if (config.filterProp) {\r\n      this.filterProp = config.filterProp;\r\n    }\r\n\r\n    /**\r\n     * which filters has to be included/excluded\r\n     * convenient way to exclude system filters\r\n     */\r\n    const cfgInlcude = config.include;\r\n    if (cfgInlcude) {\r\n      const filters: Record<string, string[]> = {};\r\n\r\n      for (let t in this.filterByType) {\r\n        // validate filters, if appropriate function present\r\n        const newTypes = this.filterByType[t].filter(\r\n          f => cfgInlcude.indexOf(f) > -1,\r\n        );\r\n        if (newTypes.length) {\r\n          filters[t] = newTypes;\r\n        }\r\n      }\r\n      // if any valid filters provided show them\r\n      if (Object.keys(filters).length > 0) {\r\n        this.filterByType = filters;\r\n      }\r\n    }\r\n\r\n    if (config.collection) {\r\n      const filtersWithFilterFunctionPresent = Object.entries(\r\n        config.collection,\r\n      ).filter(([, item]) => this.filterFunctionsIndexedByType[item.type]);\r\n      this.filterCollection = Object.fromEntries(\r\n        filtersWithFilterFunctionPresent,\r\n      );\r\n    } else {\r\n      this.filterCollection = {};\r\n    }\r\n\r\n    if (config.localization) {\r\n      if (config.localization.filterNames) {\r\n        Object.entries(config.localization.filterNames).forEach(([k, v]) => {\r\n          if (this.filterNameIndexByType[k] != void 0) {\r\n            this.filterNameIndexByType[k] = v;\r\n          }\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  async headerclick(e: CustomEvent<ColumnRegular>) {\r\n    const el = e.detail.originalEvent?.target as HTMLElement;\r\n    if (!isFilterBtn(el)) {\r\n      return;\r\n    }\r\n    e.preventDefault();\r\n    if (!this.pop) {\r\n      return;\r\n    }\r\n\r\n    // filter button clicked, open filter dialog\r\n    const gridPos = this.revogrid.getBoundingClientRect();\r\n    const buttonPos = el.getBoundingClientRect();\r\n    const prop = e.detail.prop;\r\n\r\n    const data: ShowData = {\r\n      ...e.detail,\r\n      ...this.filterCollection[prop],\r\n      x: buttonPos.x - gridPos.x,\r\n      y: buttonPos.y - gridPos.y + buttonPos.height,\r\n      autoCorrect: true,\r\n      filterTypes: this.getColumnFilter(e.detail.filter),\r\n      filterItems: this.multiFilterItems,\r\n      extraContent: this.extraHyperContent,\r\n    };\r\n    this.beforeshow?.(data);\r\n    this.pop.show(data);\r\n  }\r\n\r\n  getColumnFilter(\r\n    type?: boolean | string | string[],\r\n  ): Record<string, string[]> {\r\n    let filterType = 'string';\r\n    if (!type) {\r\n      return { [filterType]: this.filterByType[filterType] };\r\n    }\r\n\r\n    // if custom column filter\r\n    if (this.isValidType(type)) {\r\n      filterType = type;\r\n\r\n      // if multiple filters applied\r\n    } else if (typeof type === 'object' && type.length) {\r\n      return type.reduce((r: Record<string, string[]>, multiType) => {\r\n        if (this.isValidType(multiType)) {\r\n          r[multiType] = this.filterByType[multiType];\r\n        }\r\n        return r;\r\n      }, {});\r\n    }\r\n    return { [filterType]: this.filterByType[filterType] };\r\n  }\r\n\r\n  isValidType(type: any): type is string {\r\n    return !!(typeof type === 'string' && this.filterByType[type]);\r\n  }\r\n\r\n  /**\r\n   * Called on internal component change\r\n   */\r\n  async onFilterChange(filterItems: MultiFilterItem) {\r\n    // store the filter items\r\n    this.multiFilterItems = filterItems;\r\n\r\n    // run the filtering when the items change\r\n    this.runFiltering(this.multiFilterItems);\r\n  }\r\n\r\n  onFilterReset(prop?: ColumnProp) {\r\n    delete this.multiFilterItems[prop ?? ''];\r\n    this.onFilterChange(this.multiFilterItems);\r\n  }\r\n\r\n  /**\r\n   * Triggers grid filtering\r\n   */\r\n  async doFiltering(\r\n    collection: Record<ColumnProp, FilterCollectionItem>,\r\n    source: DataType[],\r\n    columns: ColumnRegular[],\r\n    filterItems: MultiFilterItem,\r\n  ) {\r\n    const columnsToUpdate: ColumnRegular[] = [];\r\n\r\n    /**\r\n     * Loop through the columns and update the columns that need to be updated with the `hasFilter` property.\r\n     */\r\n    const columnByProp: Record<string, ColumnRegular> = {};\r\n    columns.forEach(rgCol => {\r\n      const column = { ...rgCol };\r\n      const hasFilter = filterItems[column.prop];\r\n      columnByProp[column.prop] = column;\r\n\r\n      /**\r\n       * If the column has a filter and it's not already marked as filtered, update the column.\r\n       */\r\n      if (column[this.filterProp] && !hasFilter) {\r\n        delete column[this.filterProp];\r\n        columnsToUpdate.push(column);\r\n      }\r\n\r\n      /**\r\n       * If the column does not have a filter and it's marked as filtered, update the column.\r\n       */\r\n\r\n      if (!column[this.filterProp] && hasFilter) {\r\n        columnsToUpdate.push(column);\r\n        column[this.filterProp] = true;\r\n      }\r\n    });\r\n    const itemsToTrim = this.getRowFilter(source, filterItems, columnByProp);\r\n    // check is filter event prevented\r\n    const { defaultPrevented, detail } = this.emit('beforefiltertrimmed', {\r\n      collection,\r\n      itemsToFilter: itemsToTrim,\r\n      source,\r\n      filterItems,\r\n    });\r\n    if (defaultPrevented) {\r\n      return;\r\n    }\r\n\r\n    this.providers.data.setTrimmed({ [FILTER_TRIMMED_TYPE]: detail.itemsToFilter });\r\n\r\n    // applies the hasFilter to the columns to show filter icon\r\n    this.providers.column.updateColumns(columnsToUpdate);\r\n    this.emit('afterfilterapply', {\r\n      multiFilterItems: filterItems,\r\n      source,\r\n      collection,\r\n    });\r\n  }\r\n\r\n  async clearFiltering() {\r\n    this.multiFilterItems = {};\r\n    await this.runFiltering(this.multiFilterItems);\r\n  }\r\n\r\n  async runFiltering(multiFilterItems: MultiFilterItem) {\r\n    const collection: Record<ColumnProp, FilterCollectionItem> = {};\r\n\r\n    // handle old filterCollection to return the first filter only (if any) from multiFilterItems\r\n    const filterProps = Object.keys(multiFilterItems);\r\n\r\n    for (const prop of filterProps) {\r\n      // check if we have any filter for a column\r\n      if (multiFilterItems[prop].length > 0) {\r\n        const firstFilterItem = multiFilterItems[prop][0];\r\n        collection[prop] = {\r\n          type: firstFilterItem.type,\r\n          value: firstFilterItem.value,\r\n        };\r\n      }\r\n    }\r\n\r\n    this.filterCollection = collection;\r\n    const columns = this.providers.column.getColumns();\r\n    // run the filtering on the main source only\r\n    const source = this.providers.data.stores['rgRow'].store.get('source');\r\n\r\n    const { defaultPrevented, detail } = this.emit('beforefilterapply', {\r\n      collection: this.filterCollection,\r\n      source,\r\n      columns,\r\n      filterItems: this.multiFilterItems,\r\n    });\r\n    if (defaultPrevented) {\r\n      return;\r\n    }\r\n    this.doFiltering(\r\n      detail.collection,\r\n      detail.source,\r\n      detail.columns,\r\n      detail.filterItems,\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Get trimmed rows based on filter\r\n   */\r\n  getRowFilter(\r\n    rows: DataType[],\r\n    filterItems: MultiFilterItem,\r\n    columnByProp: Record<string, ColumnRegular>,\r\n  ): TrimmedEntity {\r\n    const propKeys = Object.keys(filterItems);\r\n\r\n    const trimmed: TrimmedEntity = {};\r\n\r\n    // each rows\r\n    for (let rowIndex = 0; rowIndex < rows.length; rowIndex++) {\r\n      // check filter by column properties\r\n      for (const prop of propKeys) {\r\n        // add to the list of removed/trimmed rows of filter condition is satisfied\r\n        if (\r\n          this.shouldTrimRow(\r\n            filterItems[prop],\r\n            prop,\r\n            columnByProp[prop],\r\n            rows[rowIndex],\r\n          )\r\n        ) {\r\n          trimmed[rowIndex] = true;\r\n        }\r\n      } // end of for-of propKeys\r\n    }\r\n    return trimmed;\r\n  }\r\n\r\n  private shouldTrimRow(\r\n    propFilters: FilterData[],\r\n    prop: ColumnProp,\r\n    column?: ColumnRegular,\r\n    model: DataType = {},\r\n  ) {\r\n    // reset the count of satisfied filters\r\n    let propFilterSatisfiedCount = 0;\r\n    // reset the array of last filter results\r\n    let lastFilterResults: boolean[] = [];\r\n\r\n    // testing each filter for a prop\r\n    for (const [filterIndex, filterData] of propFilters.entries()) {\r\n      // the filter LogicFunction based on the type\r\n      const filterFunc = this.filterFunctionsIndexedByType[filterData.type];\r\n\r\n      // THE MAGIC OF FILTERING IS HERE\r\n      // If there is no column but user wants to filter by a property\r\n      const value = column ? getCellDataParsed(model, column) : model[prop];\r\n      // OR relation\r\n      if (filterData.relation === 'or') {\r\n        // reset the array of last filter results\r\n        lastFilterResults = [];\r\n        // if the filter is satisfied, continue to the next filter\r\n        if (filterFunc(value, filterData.value)) {\r\n          continue;\r\n        }\r\n        // if the filter is not satisfied, count it\r\n        propFilterSatisfiedCount++;\r\n\r\n        // AND relation\r\n      } else {\r\n        // 'and' relation will need to know the next filter\r\n        // so we save this current filter to include it in the next filter\r\n        lastFilterResults.push(!filterFunc(value, filterData.value));\r\n\r\n        if (isFinalAndFilter(filterIndex, propFilters)) {\r\n          // let's just continue since for sure propFilterSatisfiedCount cannot be satisfied\r\n          if (allAndConditionsSatisfied(lastFilterResults)) {\r\n            // reset the array of last filter results\r\n            lastFilterResults = [];\r\n            continue;\r\n          }\r\n\r\n          // we need to add all of the lastFilterResults since we need to satisfy all\r\n          propFilterSatisfiedCount += lastFilterResults.length;\r\n          // reset the array of last filter results\r\n          lastFilterResults = [];\r\n        }\r\n      }\r\n    } // end of propFilters forEach\r\n    return propFilterSatisfiedCount === propFilters.length;\r\n  }\r\n}\r\n/**\r\n * Checks if the current filter is the final one in an AND sequence.\r\n * @param index - Current filter index in the list.\r\n * @param filters - Array of filters for the property.\r\n * @returns True if this is the last AND condition; false otherwise.\r\n */\r\nfunction isFinalAndFilter(index: number, filters: MultiFilterItem[string]): boolean {\r\n  const nextFilter = filters[index + 1]; // Get the next filter in the list.\r\n  // Return true if there's no next filter or if the next filter defined and is not part of the AND sequence.\r\n  return !nextFilter || (!!nextFilter.relation && nextFilter.relation !== 'and');\r\n}\r\n\r\n/**\r\n * Determines if all conditions in an AND sequence are satisfied.\r\n * @param pendingResults - An array of results from the AND conditions.\r\n * @returns True if all conditions are satisfied; false otherwise.\r\n */\r\nfunction allAndConditionsSatisfied(pendingResults: boolean[]): boolean {\r\n  // Check if there are any failed conditions in the pending results.\r\n  return !pendingResults.includes(true);\r\n}\r\n"]}