feat: added filter record option when context datasource is coming from a resource (#2022)

Author: estelafs

apps/back-office/src/app/dashboard/pages/dashboard/dashboard.component.html

@@ -140,6 +140,8 @@ <h1 class="!m-0 overflow-hidden text-ellipsis">
           <ui-graphql-select
             [query]="recordsQuery"
             [formControl]="contextId"
+            [filterable]="true"
+            (searchChange)="onSearchChange($event)"
             path="records"
             valueField="id"
             textField="data.{{ dashboard.page.context.displayField }}"

apps/back-office/src/app/dashboard/pages/dashboard/dashboard.component.ts

@@ -846,4 +846,32 @@ export class DashboardComponent
       subscription?.unsubscribe();
     });
   }
+
+  /**
+   * Update query based on text search.
+   *
+   * @param search Search text from the graphql select
+   */
+  public onSearchChange(search: string): void {
+    const context = this.dashboard?.page?.context;
+    if (!context) return;
+    if ('resource' in context) {
+      this.recordsQuery.refetch({
+        variables: {
+          first: ITEMS_PER_PAGE,
+          id: context.resource,
+        },
+        filter: {
+          logic: 'and',
+          filters: [
+            {
+              field: context.displayField,
+              operator: 'contains',
+              value: search,
+            },
+          ],
+        },
+      });
+    }
+  }
 }