From 014edaa54cbada03ef4b15cc84fd630d6caca6b0 Mon Sep 17 00:00:00 2001
From: Blesilda Ramirez <ramirezblesilda@gmail.com>
Date: Sat, 23 Nov 2024 03:03:44 +0800
Subject: [PATCH] pkp/pkp-lib#10624 Remove FieldCombobox component

---
 src/components/Form/fields/FieldComboBox.vue | 86 --------------------
 1 file changed, 86 deletions(-)
 delete mode 100644 src/components/Form/fields/FieldComboBox.vue

diff --git a/src/components/Form/fields/FieldComboBox.vue b/src/components/Form/fields/FieldComboBox.vue
deleted file mode 100644
index 194c58cd..00000000
--- a/src/components/Form/fields/FieldComboBox.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<template>
-	<Combobox
-		:id="id"
-		:key="id"
-		:model-value="null"
-		class="pkpAutosuggest__autosuggester"
-		as="div"
-	>
-		<ComboboxInput
-			ref="autosuggestInput"
-			class="pkpAutosuggest__input"
-			v-bind="inputProps"
-			@change="(event) => handleChange(event, emit)"
-			@focus="() => handleFocus(emit)"
-			@blur="() => handleBlur(emit)"
-		/>
-		<ComboboxOptions
-			v-if="suggestions.length || (allowCustom && localInputValue?.length)"
-			class="autosuggest__results-container autosuggest__results"
-		>
-			<ComboboxOption
-				v-if="
-					allowCustom &&
-					localInputValue?.length &&
-					!suggestions.includes(localInputValue)
-				"
-				v-slot="{active}"
-				as="template"
-			>
-				<li
-					class="autosuggest__results-item"
-					:class="active && 'autosuggest__results-item--highlighted'"
-				>
-					{{ localInputValue }}
-				</li>
-			</ComboboxOption>
-			<ComboboxOption
-				v-for="suggestion in suggestions"
-				:key="suggestion.value"
-				v-slot="{active}"
-				:value="suggestion"
-				as="template"
-			>
-				<li
-					class="autosuggest__results-item flex items-center"
-					:class="active && 'autosuggest__results-item--highlighted'"
-				>
-					<slot v-if="slots['option']" name="option" :suggestion="suggestion" />
-					<span v-else>{{ suggestion.label }}</span>
-				</li>
-			</ComboboxOption>
-		</ComboboxOptions>
-	</Combobox>
-</template>
-<script setup>
-import {useSlots} from 'vue';
-import {
-	Combobox,
-	ComboboxInput,
-	ComboboxOption,
-	ComboboxOptions,
-} from '@headlessui/vue';
-import {useAutosuggest} from '@/composables/useAutosuggest';
-
-const slots = useSlots();
-
-defineProps({
-	id: {
-		type: String,
-		required: true,
-	},
-	inputProps: {
-		type: Object,
-		required: true,
-	},
-	suggestions: {
-		type: Array,
-		default: () => [],
-	},
-});
-
-const emit = defineEmits(['update:inputValue', 'update:isFocused']);
-
-const {allowCustom, localInputValue, handleChange, handleFocus, handleBlur} =
-	useAutosuggest();
-</script>