From 4f7abf0733ce14294386ae3b3b6862b50760fe09 Mon Sep 17 00:00:00 2001
From: Azri Kahar <42867097+azrikahar@users.noreply.github.com>
Date: Wed, 6 Apr 2022 22:31:59 +0800
Subject: [PATCH] Default filter operator to `eq` for field with choices
 (#12598)

* Default filter to 'eq' for field with choices

* fix function name type
---
 .../interfaces/_system/system-filter/system-filter.vue   | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/src/interfaces/_system/system-filter/system-filter.vue b/app/src/interfaces/_system/system-filter/system-filter.vue
index c0ec8509c7..1ede70d2da 100644
--- a/app/src/interfaces/_system/system-filter/system-filter.vue
+++ b/app/src/interfaces/_system/system-filter/system-filter.vue
@@ -55,7 +55,7 @@
 
 <script lang="ts" setup>
 import { useFieldsStore } from '@/stores';
-import { Filter, Type } from '@directus/shared/types';
+import { Filter, Type, FieldFunction } from '@directus/shared/types';
 import { getFilterOperatorsForType, getOutputTypeForFunction } from '@directus/shared/utils';
 import { cloneDeep, get, isEmpty, set } from 'lodash';
 import { computed, inject, ref } from 'vue';
@@ -130,15 +130,16 @@ function addNode(key: string) {
 		innerValue.value = innerValue.value.concat({ _and: [] });
 	} else {
 		let type: Type;
+		const field = fieldsStore.getField(collection.value, key);
 
 		if (key.includes('(') && key.includes(')')) {
-			const functionName = key.split('(')[0];
+			const functionName = key.split('(')[0] as FieldFunction;
 			type = getOutputTypeForFunction(functionName);
 		} else {
-			const field = fieldsStore.getField(collection.value, key)!;
 			type = field?.type || 'unknown';
 		}
-		const operator = getFilterOperatorsForType(type)[0];
+		let filterOperators = getFilterOperatorsForType(type);
+		const operator = field?.meta?.options?.choices && filterOperators.includes('eq') ? 'eq' : filterOperators[0];
 		const node = set({}, key, { ['_' + operator]: null });
 		innerValue.value = innerValue.value.concat(node);
 	}