From 2a1104eaabb194ab505b6d035a124b78614d71f5 Mon Sep 17 00:00:00 2001
From: tomolopolis <tsearle88@gmail.com>
Date: Mon, 24 Jul 2023 15:36:28 +0100
Subject: [PATCH] CU-862k62rxx: small improvements to picker for search edge
 cases

---
 webapp/frontend/package-lock.json                  | 14 +++++++-------
 webapp/frontend/package.json                       |  2 +-
 .../src/components/common/ConceptPicker.vue        |  5 +++++
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/webapp/frontend/package-lock.json b/webapp/frontend/package-lock.json
index fbc7f2a2..7cfcd9d6 100644
--- a/webapp/frontend/package-lock.json
+++ b/webapp/frontend/package-lock.json
@@ -26,7 +26,7 @@
         "vue-cookie": "^1.1.4",
         "vue-multipane": "^0.9.5",
         "vue-router": "^3.5.3",
-        "vue-select": "^3.16.0",
+        "vue-select": "^3.20.0",
         "vue-sidebar-menu": "^4.8.1",
         "vue-simple-context-menu": "^3.4.2",
         "vue-splitpane": "^1.0.6"
@@ -8680,9 +8680,9 @@
       "integrity": "sha512-FUlILrW3DGitS2h+Xaw8aRNvGTwtuaxrRkNSHWTizOfLUie7wuYwezeZ50iflRn8YPV5kxmU2LQuu3nM/b3Zsg=="
     },
     "node_modules/vue-select": {
-      "version": "3.16.0",
-      "resolved": "https://registry.npmjs.org/vue-select/-/vue-select-3.16.0.tgz",
-      "integrity": "sha512-F0x7HXTUc5eq7YSjR0uX77RGA+Yk2+I8aMW+NePyPqRX9OPSiDtKpezFIFhnhxqrOvMh4uVR0jHkXIDmzs6nYQ==",
+      "version": "3.20.2",
+      "resolved": "https://registry.npmjs.org/vue-select/-/vue-select-3.20.2.tgz",
+      "integrity": "sha512-ZSzIDzyYsWZULGUxVp1h6u3yi9IZQBWX8r6kSudUI/I5J1HQKpBjRntvkrg6pr87xmm16kdChvHCDN+W84vTKw==",
       "peerDependencies": {
         "vue": "2.x"
       }
@@ -15790,9 +15790,9 @@
       "integrity": "sha512-FUlILrW3DGitS2h+Xaw8aRNvGTwtuaxrRkNSHWTizOfLUie7wuYwezeZ50iflRn8YPV5kxmU2LQuu3nM/b3Zsg=="
     },
     "vue-select": {
-      "version": "3.16.0",
-      "resolved": "https://registry.npmjs.org/vue-select/-/vue-select-3.16.0.tgz",
-      "integrity": "sha512-F0x7HXTUc5eq7YSjR0uX77RGA+Yk2+I8aMW+NePyPqRX9OPSiDtKpezFIFhnhxqrOvMh4uVR0jHkXIDmzs6nYQ==",
+      "version": "3.20.2",
+      "resolved": "https://registry.npmjs.org/vue-select/-/vue-select-3.20.2.tgz",
+      "integrity": "sha512-ZSzIDzyYsWZULGUxVp1h6u3yi9IZQBWX8r6kSudUI/I5J1HQKpBjRntvkrg6pr87xmm16kdChvHCDN+W84vTKw==",
       "requires": {}
     },
     "vue-sidebar-menu": {
diff --git a/webapp/frontend/package.json b/webapp/frontend/package.json
index 41a52ef6..b72fe951 100644
--- a/webapp/frontend/package.json
+++ b/webapp/frontend/package.json
@@ -27,7 +27,7 @@
     "vue-cookie": "^1.1.4",
     "vue-multipane": "^0.9.5",
     "vue-router": "^3.5.3",
-    "vue-select": "^3.16.0",
+    "vue-select": "^3.20.0",
     "vue-sidebar-menu": "^4.8.1",
     "vue-simple-context-menu": "^3.4.2",
     "vue-splitpane": "^1.0.6"
diff --git a/webapp/frontend/src/components/common/ConceptPicker.vue b/webapp/frontend/src/components/common/ConceptPicker.vue
index 4594e018..4745fd5d 100644
--- a/webapp/frontend/src/components/common/ConceptPicker.vue
+++ b/webapp/frontend/src/components/common/ConceptPicker.vue
@@ -9,6 +9,11 @@
             label="cui"
             @open="$emit('picker:opened')"
             @close="$emit('picker:closed')">
+    <template v-slot:no-options="{ search, searching }">
+      <template v-if="searching">No results found for <em>{{ search }}</em>.
+      </template>
+      <em v-else style="opacity: 0.5">Start typing to search for a concept.</em>
+    </template>
     <template v-slot:option="option">
       <span class="select-option">{{option.name}}</span>
       <span class="select-option-cui"> - {{option.cui}}</span>