@tekkare/romulus 0.1.114 → 0.1.116

package/dist/module.json

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

package/dist/runtime/components/AlertForm.vue

@@ -109,13 +109,13 @@ const FR = {
   kind: 'Que surveiller',
   kindView: 'Une vue',
   kindViewHint: 'Un écran filtré, aussi fin que vous voulez, mais limité à cette page.',
-  kindProduct: 'Un produit',
+  kindProduct: 'Une marque',
   kindProductHint: 'Une à {max} marques, suivies partout : prix, avis HAS, indications, ANSM, PUT, MITM, Journal officiel.',
   brands: 'Marques surveillées',
   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.',
-  productFields: 'Tous les champs sont suivis : une alerte de produit ne se restreint pas, elle rapporte tout ce qui bouge sur ces marques.',
+  productFields: 'Tous les champs sont suivis : une alerte de marque ne se restreint pas, elle rapporte tout ce qui bouge.',
   screenOption: 'Écran actuel (une vue sera créée)',
   viewSelect: 'Vue à surveiller',
   viewApplied: 'La vue choisie est appliquée à l’écran : c’est lui qui fournit la requête surveillée.',
@@ -161,13 +161,13 @@ const EN = {
   kind: 'What to watch',
   kindView: 'A view',
   kindViewHint: 'A filtered screen, as precise as you like, but tied to that page.',
-  kindProduct: 'A product',
+  kindProduct: 'A brand',
   kindProductHint: 'One to {max} brands, watched everywhere: prices, HAS opinions, indications, ANSM, PUT, MITM, official journal.',
   brands: 'Watched brands',
   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.',
-  productFields: 'Every field is watched: a product alert does not narrow down, it reports whatever moves on those brands.',
+  productFields: 'Every field is watched: a brand alert does not narrow down, it reports whatever moves.',
   screenOption: 'Current screen (a view will be created)',
   viewSelect: 'View to watch',
   viewApplied: 'The chosen view is applied to the screen: the screen is what provides the watched query.',
@@ -237,6 +237,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 +428,18 @@ 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"
+        :label="T.brands"
+        :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.114",
+  "version": "0.1.116",
   "description": "Romulus Design System - Nuxt module by Tekkare",
   "license": "MIT",
   "type": "module",