From 614bbb0412fd8b38b79199b50e627ce0407a2361 Mon Sep 17 00:00:00 2001
From: Adria Navarro <adria@budibase.com>
Date: Tue, 3 Oct 2023 13:51:06 +0200
Subject: [PATCH] Handle has any

---
 .../controls/FilterEditor/FilterDrawer.svelte         |  2 ++
 .../settings/controls/FilterEditor/FilterUsers.svelte | 11 +++++++----
 2 files changed, 9 insertions(+), 4 deletions(-)

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 bc2511779c..7ed7252af0 100644
--- a/packages/builder/src/components/design/settings/controls/FilterEditor/FilterDrawer.svelte
+++ b/packages/builder/src/components/design/settings/controls/FilterEditor/FilterDrawer.svelte
@@ -306,6 +306,8 @@
               {:else if filter.type === FieldType.BB_REFERENCE}
                 <FilterUsers
                   bind:value={filter.value}
+                  multiselect={filter.operator ===
+                    OperatorOptions.ContainsAny.value}
                   disabled={filter.noValue}
                 />
               {:else}
diff --git a/packages/builder/src/components/design/settings/controls/FilterEditor/FilterUsers.svelte b/packages/builder/src/components/design/settings/controls/FilterEditor/FilterUsers.svelte
index 2d804ce189..a25493fd0a 100644
--- a/packages/builder/src/components/design/settings/controls/FilterEditor/FilterUsers.svelte
+++ b/packages/builder/src/components/design/settings/controls/FilterEditor/FilterUsers.svelte
@@ -1,12 +1,12 @@
 <script>
-  import { Select } from "@budibase/bbui"
+  import { Select, Multiselect } from "@budibase/bbui"
   import { fetchData } from "@budibase/frontend-core"
 
   import { API } from "api"
 
   export let value = null
   export let disabled
-  export let multiple = false
+  export let multiselect = false
 
   $: fetch = fetchData({
     API,
@@ -29,10 +29,13 @@
     }
   }
 
-  $: selectedValue = multiple || !value ? value : value[0]
+  $: selectedValue = multiselect || !value ? value : value[0]
+
+  $: component = multiselect ? Multiselect : Select
 </script>
 
-<Select
+<svelte:component
+  this={component}
   value={selectedValue}
   autocomplete
   on:change={onChange}