feat: Add support for List and Checkbox in Custom Attributes (#3439)

app/javascript/shared/components/ui/MultiselectDropdown.vue

@@ -12,7 +12,7 @@
     >
       <div class="selector-user-wrap">
         <Thumbnail
-          v-if="hasValue"
+          v-if="hasValue && hasThumbnail"
           :src="selectedItem.thumbnail"
           size="24px"
           :status="selectedItem.availability_status"
@@ -48,6 +48,7 @@
         v-if="showSearchDropdown"
         :options="options"
         :selected-item="selectedItem"
+        :has-thumbnail="hasThumbnail"
         :input-placeholder="inputPlaceholder"
         :no-search-result="noSearchResult"
         @click="onClickSelectItem"
@@ -75,9 +76,13 @@ export default {
       type: Object,
       default: () => ({}),
     },
+    hasThumbnail: {
+      type: Boolean,
+      default: true,
+    },
     multiselectorTitle: {
       type: String,
-      default: 'Select',
+      default: '',
     },
     multiselectorPlaceholder: {
       type: String,
@@ -116,6 +121,7 @@ export default {
 
     onClickSelectItem(value) {
       this.$emit('click', value);
+      this.onCloseDropdown();
     },
   },
 };

app/javascript/shared/components/ui/MultiselectDropdownItems.vue

@@ -27,6 +27,7 @@
             >
               <div class="user-wrap">
                 <Thumbnail
+                  v-if="hasThumbnail"
                   :src="option.thumbnail"
                   size="24px"
                   :username="option.name"
@@ -76,6 +77,10 @@ export default {
       type: Object,
       default: () => ({}),
     },
+    hasThumbnail: {
+      type: Boolean,
+      default: true,
+    },
     inputPlaceholder: {
       type: String,
       default: 'Search',