From 5485bac339b37e752732fd48c8512a5f8e2e5083 Mon Sep 17 00:00:00 2001
From: Matthieu <mtholot19@gmail.com>
Date: Tue, 24 Mar 2026 17:03:01 +0100
Subject: [PATCH] feat(search) : add server-side search on name + reference in
 PieceSelect, ProductSelect and ComposantSelect

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 app/components/ComposantSelect.vue | 11 +++++++++--
 app/components/PieceSelect.vue     | 11 +++++++++--
 app/components/ProductSelect.vue   | 11 +++++++++--
 3 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/app/components/ComposantSelect.vue b/app/components/ComposantSelect.vue
index ca8bb15..5d918b4 100644
--- a/app/components/ComposantSelect.vue
+++ b/app/components/ComposantSelect.vue
@@ -11,6 +11,7 @@
       option-label="name"
       :disabled="disabled"
       @update:modelValue="updateValue"
+      @search="handleSearch"
     >
       <template #option-description="{ option }">
         <span class="text-xs text-base-content/60">
@@ -60,11 +61,11 @@ const loading = computed(() => localLoading.value || globalLoading.value)
 
 const composantOptions = computed(() => localComposants.value)
 
-const loadFilteredComposants = async () => {
+const loadFilteredComposants = async (search = '') => {
   if (!props.typeComposantId) return
   localLoading.value = true
   try {
-    const result = await loadComposants({ typeComposantId: props.typeComposantId, itemsPerPage: 500, force: true })
+    const result = await loadComposants({ typeComposantId: props.typeComposantId, search, itemsPerPage: 200, force: true })
     if (result.success && result.data?.items) {
       localComposants.value = result.data.items
     }
@@ -77,6 +78,12 @@ const loadFilteredComposants = async () => {
   }
 }
 
+let searchDebounce: ReturnType<typeof setTimeout> | null = null
+const handleSearch = (term: string) => {
+  if (searchDebounce) clearTimeout(searchDebounce)
+  searchDebounce = setTimeout(() => loadFilteredComposants(term.trim()), 300)
+}
+
 onMounted(() => {
   loadFilteredComposants()
 })
diff --git a/app/components/PieceSelect.vue b/app/components/PieceSelect.vue
index 752848d..e2aebc2 100644
--- a/app/components/PieceSelect.vue
+++ b/app/components/PieceSelect.vue
@@ -11,6 +11,7 @@
       option-label="name"
       :disabled="disabled"
       @update:modelValue="updateValue"
+      @search="handleSearch"
     >
       <template #option-description="{ option }">
         <span class="text-xs text-base-content/60">
@@ -60,11 +61,11 @@ const loading = computed(() => localLoading.value || globalLoading.value)
 
 const pieceOptions = computed(() => localPieces.value)
 
-const loadFilteredPieces = async () => {
+const loadFilteredPieces = async (search = '') => {
   if (!props.typePieceId) return
   localLoading.value = true
   try {
-    const result = await loadPieces({ typePieceId: props.typePieceId, itemsPerPage: 500, force: true })
+    const result = await loadPieces({ typePieceId: props.typePieceId, search, itemsPerPage: 200, force: true })
     if (result.success && result.data?.items) {
       localPieces.value = result.data.items
     }
@@ -77,6 +78,12 @@ const loadFilteredPieces = async () => {
   }
 }
 
+let searchDebounce: ReturnType<typeof setTimeout> | null = null
+const handleSearch = (term: string) => {
+  if (searchDebounce) clearTimeout(searchDebounce)
+  searchDebounce = setTimeout(() => loadFilteredPieces(term.trim()), 300)
+}
+
 onMounted(() => {
   loadFilteredPieces()
 })
diff --git a/app/components/ProductSelect.vue b/app/components/ProductSelect.vue
index c6d3fd1..c4b15b4 100644
--- a/app/components/ProductSelect.vue
+++ b/app/components/ProductSelect.vue
@@ -11,6 +11,7 @@
       option-label="name"
       :disabled="disabled"
       @update:modelValue="updateValue"
+      @search="handleSearch"
     >
       <template #option-description="{ option }">
         <span class="text-xs text-base-content/60">
@@ -60,11 +61,11 @@ const loading = computed(() => localLoading.value || globalLoading.value)
 
 const productOptions = computed(() => localProducts.value)
 
-const loadFilteredProducts = async () => {
+const loadFilteredProducts = async (search = '') => {
   if (!props.typeProductId) return
   localLoading.value = true
   try {
-    const result = await loadProducts({ typeProductId: props.typeProductId, itemsPerPage: 500, force: true })
+    const result = await loadProducts({ typeProductId: props.typeProductId, search, itemsPerPage: 200, force: true })
     if (result.success && result.data?.items) {
       localProducts.value = result.data.items
     }
@@ -77,6 +78,12 @@ const loadFilteredProducts = async () => {
   }
 }
 
+let searchDebounce: ReturnType<typeof setTimeout> | null = null
+const handleSearch = (term: string) => {
+  if (searchDebounce) clearTimeout(searchDebounce)
+  searchDebounce = setTimeout(() => loadFilteredProducts(term.trim()), 300)
+}
+
 onMounted(() => {
   loadFilteredProducts()
 })