From 3b937483766cf95503bdad8069154f2524aeac8b Mon Sep 17 00:00:00 2001
From: Adria Navarro <adria@budibase.com>
Date: Tue, 3 Oct 2023 12:46:06 +0200
Subject: [PATCH] Filter user (single) UI

---
 .../controls/FilterEditor/FilterDrawer.svelte |  4 +++
 .../controls/FilterEditor/FilterUsers.svelte  | 28 +++++++++++++++++++
 packages/shared-core/src/filters.ts           |  2 ++
 3 files changed, 34 insertions(+)
 create mode 100644 packages/builder/src/components/design/settings/controls/FilterEditor/FilterUsers.svelte

diff --git a/packages/builder/src/components/design/settings/controls/FilterEditor/FilterDrawer.svelte b/packages/builder/src/components/design/settings/controls/FilterEditor/FilterDrawer.svelte
index ef8699824e..513450b7ae 100644
--- a/packages/builder/src/components/design/settings/controls/FilterEditor/FilterDrawer.svelte
+++ b/packages/builder/src/components/design/settings/controls/FilterEditor/FilterDrawer.svelte
@@ -17,7 +17,9 @@
   import { generate } from "shortid"
   import { LuceneUtils, Constants } from "@budibase/frontend-core"
   import { getFields } from "helpers/searchFields"
+  import { FieldType } from "@budibase/types"
   import { createEventDispatcher, onMount } from "svelte"
+  import FilterUsers from "./FilterUsers.svelte"
 
   export let schemaFields
   export let filters = []
@@ -285,6 +287,8 @@
                   timeOnly={getSchema(filter)?.timeOnly}
                   bind:value={filter.value}
                 />
+              {:else if filter.type === FieldType.BB_REFERENCE}
+                <FilterUsers {filter} />
               {:else}
                 <DrawerBindableInput disabled />
               {/if}
diff --git a/packages/builder/src/components/design/settings/controls/FilterEditor/FilterUsers.svelte b/packages/builder/src/components/design/settings/controls/FilterEditor/FilterUsers.svelte
new file mode 100644
index 0000000000..56f23b9bef
--- /dev/null
+++ b/packages/builder/src/components/design/settings/controls/FilterEditor/FilterUsers.svelte
@@ -0,0 +1,28 @@
+<script>
+  import { Select } from "@budibase/bbui"
+  import { fetchData } from "@budibase/frontend-core"
+
+  import { API } from "api"
+
+  export let filter
+
+  $: fetch = fetchData({
+    API,
+    datasource: {
+      type: "user",
+    },
+    options: {
+      limit: 100,
+    },
+  })
+
+  $: options = $fetch.rows
+</script>
+
+<Select
+  autocomplete
+  bind:value={filter.value}
+  {options}
+  getOptionLabel={option => option.email}
+  getOptionValue={option => option._id}
+/>
diff --git a/packages/shared-core/src/filters.ts b/packages/shared-core/src/filters.ts
index ce03503882..6ab8ce623e 100644
--- a/packages/shared-core/src/filters.ts
+++ b/packages/shared-core/src/filters.ts
@@ -60,6 +60,8 @@ export const getValidOperatorsForType = (
     ops = numOps
   } else if (type === FieldType.FORMULA) {
     ops = stringOps.concat([Op.MoreThan, Op.LessThan])
+  } else if (type === FieldType.BB_REFERENCE) {
+    ops = [Op.Equals, Op.NotEquals, Op.Empty, Op.NotEmpty, Op.In]
   }
 
   // Only allow equal/not equal for _id in SQL tables