Merge branch '58-bug-concept-browser-quand-non-multiple' into 'main'

Resolve "bug Concept browser quand non-multiple"

Closes #58

See merge request !65

src/components/FormInputs/OcConceptAutocomplete/OcConceptAutocomplete.stories.ts

@@ -48,4 +48,19 @@ export const WithBrowser: Story = {
     vocabulariesUriList: ['https://data.archives-ouvertes.fr/subject', 'http://publications.europa.eu/resource/authority/country'],
     withBrowser: true
   },
+};
+
+export const WithBrowserNotMutliple: Story = {
+  render: (args) => ({
+    components: { OcConceptAutocomplete },
+    setup() {
+      return { args };
+    },
+    template: '<OcConceptAutocomplete v-bind="args" />',
+  }),
+  args: {
+    vocabulariesUriList: ['https://data.archives-ouvertes.fr/subject', 'http://publications.europa.eu/resource/authority/country'],
+    withBrowser: true,
+    multiple: false
+  },
 };
\ No newline at end of file

src/components/FormInputs/OcConceptAutocomplete/OcConceptAutocomplete.vue

@@ -51,7 +51,7 @@ import Message from 'primevue/message'
 import Button from 'primevue/button'
 import Dialog from 'primevue/dialog'
 import OcConceptBrowser from '@/components/FormInputs/OcConceptBrowser/OcConceptBrowser.vue'
-import { ref } from 'vue'
+import { ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { queryVocabulariesList } from '@/sparql/vocabularies'
 
@@ -103,4 +103,10 @@ async function search(query: string) {
 
   loading.value = false
 }
+
+watch(model, () => {
+  if(!props.multiple && isBrowserVisible.value){
+    isBrowserVisible.value = false
+  }
+})
 </script>

src/components/FormInputs/OcConceptBrowser/OcConceptBrowser.vue

@@ -110,12 +110,10 @@ const onNodeSelect = (node: TreeNode) => {
       ]
     }
   } else {
-    model.value = [
-      {
+    model.value = {
         '@id': node.key,
         prefLabel: node.label
       }
-    ]
   }
 }