@ouestfrance/sipa-bms-ui 8.9.2 → 8.9.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ouestfrance/sipa-bms-ui",
-  "version": "8.9.2",
+  "version": "8.9.3",
   "author": "Ouest-France BMS",
   "license": "ISC",
   "scripts": {

package/src/index.ts

@@ -11,6 +11,7 @@ import BmsLoader from './components/feedback/BmsLoader.vue';
 import BmsTooltip from './components/feedback/BmsTooltip.vue';
 
 import BmsAutocomplete from './components/form/BmsAutocomplete.vue';
+import BmsServerAutocomplete from '@/components/form/BmsServerAutocomplete.vue';
 import BmsBetweenInput from './components/form/BmsBetweenInput.vue';
 import BmsChip from './components/form/BmsChip.vue';
 import BmsFilePicker from './components/form/BmsFilePicker.vue';
@@ -80,6 +81,8 @@ export const createBmsUi = () => ({
     app.component('BmsTooltip', BmsTooltip);
 
     app.component('BmsAutocomplete', BmsAutocomplete);
+    app.component('BmsServerAutocomplete', BmsServerAutocomplete);
+
     app.component('BmsBetweenInput', BmsBetweenInput);
     app.component('BmsChip', BmsChip);
     app.component('BmsFilePicker', BmsFilePicker);
@@ -157,6 +160,7 @@ export {
   BmsLoader,
   BmsTooltip,
   BmsAutocomplete,
+  BmsServerAutocomplete,
   BmsBetweenInput,
   BmsChip,
   BmsFilePicker,

package/src/showroom/server.js

@@ -9,27 +9,17 @@ app.use(cors());
 const port = 3000;
 
 app.get('/pokemon-types', (req, res) => {
-  res.send({
-    data: [
-      { label: 'Grass', value: 'Grass' },
-      { label: 'Poison', value: 'Poison' },
-      { label: 'Fire', value: 'Fire' },
-      { label: 'Flying', value: 'Flying' },
-      { label: 'Water', value: 'Water' },
-      { label: 'Bug', value: 'Bug' },
-      { label: 'Normal', value: 'Normal' },
-      { label: 'Electric', value: 'Electric' },
-      { label: 'Ground', value: 'Ground' },
-      { label: 'Fairy', value: 'Fairy' },
-      { label: 'Fighting', value: 'Fighting' },
-      { label: 'Psychic', value: 'Psychic' },
-      { label: 'Rock', value: 'Rock' },
-      { label: 'Steel', value: 'Steel' },
-      { label: 'Ice', value: 'Ice' },
-      { label: 'Ghost', value: 'Ghost' },
-      { label: 'Dragon', value: 'Dragon' },
-    ],
-  });
+  let data = pokemons.map((pokemon) => ({
+    label: pokemon.name,
+    value: pokemon.name,
+  }));
+  if (req.query.search) {
+    data = data.filter((pokemon) =>
+      pokemon.label.toLowerCase().includes(req.query.search.toLowerCase()),
+    );
+  }
+
+  res.send({ data });
 });
 
 app.get('/pokemons', (req, res) => {