@tekkare/romulus 0.1.115 → 0.1.117

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.16.0"
   },
-  "version": "0.1.114",
+  "version": "0.1.116",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/runtime/components/AlertForm.vue

@@ -112,6 +112,7 @@ const FR = {
   kindProduct: 'Une marque',
   kindProductHint: 'Une à {max} marques, suivies partout : prix, avis HAS, indications, ANSM, PUT, MITM, Journal officiel.',
   brands: 'Marques surveillées',
+  brandsSearch: 'Rechercher une marque, une molécule, une classe ATC',
   brandsHint: 'Cherchez une marque et ajoutez-la. L’alerte couvre tout le hub pour chacune.',
   brandsRequired: 'Choisissez au moins une marque.',
   brandsTooMany: 'Une alerte suit {max} marques au maximum.',
@@ -164,6 +165,7 @@ const EN = {
   kindProduct: 'A brand',
   kindProductHint: 'One to {max} brands, watched everywhere: prices, HAS opinions, indications, ANSM, PUT, MITM, official journal.',
   brands: 'Watched brands',
+  brandsSearch: 'Search a brand, a molecule, an ATC class',
   brandsHint: 'Search a brand and add it. The alert covers the whole hub for each one.',
   brandsRequired: 'Pick at least one brand.',
   brandsTooMany: 'An alert watches at most {max} brands.',
@@ -237,6 +239,13 @@ const kind = ref<RmAlertKind>(
   (props.initial?.kind as RmAlertKind) ?? (props.canWatchView ? 'view' : 'product')
 )
 const brands = ref<string[]>(props.initial?.brands ?? [])
+
+/**
+ * Saisie du selecteur de marques. Le filtre complexe l'amortit lui-meme ;
+ * l'appelant n'a plus qu'a la porter jusqu'a l'index.
+ */
+const brandSearch = ref('')
+watch(brandSearch, (value) => emit('search-brands', value))
 const watchesProduct = computed(() => kind.value === 'product')
 
 const title = ref(props.initial?.title ?? props.viewTitle)
@@ -421,16 +430,22 @@ function submit() {
     <fieldset v-if="watchesProduct" class="rm-alert-form__group">
       <legend class="rm-alert-form__label">{{ T.brands }}</legend>
       <p class="rm-alert-form__hint">{{ T.brandsHint }}</p>
-      <RmMultipleSelect
+      <!-- Le filtre complexe plutot qu'un simple choix multiple : le
+           referentiel des marques ne tient pas dans une liste, il se cherche.
+           Son mode `remote` amortit la saisie et laisse l'appelant servir les
+           options, au lieu de filtrer cent valeurs deja chargees et de laisser
+           croire que le reste n'existe pas. -->
+      <RmFilterComplex
         v-model="brands"
-        label=""
-        search
-        :filter-search="false"
-        :options="brandOptions"
-        :loading="brandsLoading"
-        :show-amount="true"
+        v-model:search="brandSearch"
+        <!-- L'intitule du filtre dit l'action, pas le titre de la section :
+             repeter « Marques surveillees » juste sous la legende ne dit rien
+             de plus, et l'utilisateur a besoin de savoir qu'il peut chercher
+             par molecule ou par classe. -->
+        :label="T.brandsSearch"
+        :options="brandOptions.map((brand) => ({ label: brand, value: brand }))"
+        remote
         :lang="lang"
-        @search="emit('search-brands', $event)"
       />
       <p v-if="brands.length > maxBrands" class="rm-alert-form__error">
         {{ T.brandsTooMany.replace('{max}', String(maxBrands)) }}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/romulus",
-  "version": "0.1.115",
+  "version": "0.1.117",
   "description": "Romulus Design System - Nuxt module by Tekkare",
   "license": "MIT",
   "type": "module",