Refactor itemClicked

app/assets/javascripts/filtered_search/dropdown_non_user.js.es6

@@ -20,15 +20,10 @@
     }
 
     itemClicked(e) {
-      const dataValueSet = this.setDataValueIfSelected(e.detail.selected);
-
-      if (!dataValueSet) {
+      super.itemClicked(e, (selected) => {
         const title = e.detail.selected.querySelector('.js-data-value').innerText.trim();
-        const name = `${this.symbol}${this.getEscapedText(title)}`;
-        gl.FilteredSearchDropdownManager.addWordToInput(this.getSelectedText(name));
-      }
-
-      this.dismissDropdown(!dataValueSet);
+        return `${this.symbol}${this.getEscapedText(title)}`;
+      });
     }
 
     getEscapedText(text) {

app/assets/javascripts/filtered_search/dropdown_user.js.es6

@@ -23,14 +23,9 @@
     }
 
     itemClicked(e) {
-      const dataValueSet = this.setDataValueIfSelected(e.detail.selected);
-
-      if (!dataValueSet) {
-        const username = e.detail.selected.querySelector('.dropdown-light-content').innerText.trim();
-        gl.FilteredSearchDropdownManager.addWordToInput(this.getSelectedText(username));
-      }
-
-      this.dismissDropdown(!dataValueSet);
+      super.itemClicked(e, (selected) => {
+        return selected.querySelector('.dropdown-light-content').innerText.trim();
+      });
     }
 
     renderContent(forceShowList = false) {

app/assets/javascripts/filtered_search/filtered_search_dropdown.js.es6

@@ -35,8 +35,15 @@
       return lastWordIndex === -1 ? selectedToken : selectedToken.slice(lastWord.length);
     }
 
-    itemClicked(e) {
-      // Overridden by dropdown sub class
+    itemClicked(e, getValueFunction) {
+      const dataValueSet = this.setDataValueIfSelected(e.detail.selected);
+
+      if (!dataValueSet) {
+        const value = getValueFunction(e.detail.selected)
+        gl.FilteredSearchDropdownManager.addWordToInput(this.getSelectedText(value));
+      }
+
+      this.dismissDropdown();
     }
 
     renderContent(forceShowList = false) {