feat: add filter api

Author: lexoyo

src/api.ts

@@ -23,7 +23,7 @@
  */
 
 import { Page, Editor, Component } from 'grapesjs'
-import { DataSourceId, IDataSource, Expression, StateId, StoredToken, Token, Field, Context, TypeId } from './types'
+import { DataSourceId, IDataSource, Expression, StateId, StoredToken, Token, Field, Context, TypeId, Filter } from './types'
 
 // Internal imports
 import { getPageQuery as getPageQueryInternal, buildPageQueries as buildPageQueriesInternal } from './model/queryBuilder'
@@ -224,6 +224,25 @@ export function getExpressionResultType(expression: Expression, component: Compo
   return getExpressionResultTypeInternal(expression, component, dataTree)
 }
 
+export function addFilters(filters: Filter | Filter[]) {
+  const dataTree = getDataTreeInternal()
+  dataTree.filters = dataTree.filters.concat(filters)
+}
+
+/**
+ * Remove filters from the data tree.
+ * Accepts a single Filter or an array of Filters.
+ * Removes by reference.
+ */
+export function removeFilters(filters: Filter | Filter[]) {
+  const dataTree = getDataTreeInternal()
+  if (Array.isArray(filters)) {
+    dataTree.filters = dataTree.filters.filter(f => !filters.includes(f))
+  } else {
+    dataTree.filters = dataTree.filters.filter(f => f !== filters)
+  }
+}
+
 // ===============================
 // STATE MANAGEMENT
 // ===============================

src/view/state-editor.ts

@@ -258,6 +258,7 @@ export class StateEditor extends LitElement {
   private popinsRef: Ref<PopinForm>[] = []
 
   override render() {
+    this.noFilters = false
     this.redrawing = true
     super.render()
     if(!this.name) throw new Error('name is required on state-editor')