PATCH: add search component into assigned to field of topic (#31)

* add search component into assigned to field of topic

* update design system version

* update padding in BcfTopicForm

* update @bimdata/design-system version

package.json

@@ -17,7 +17,7 @@
   },
   "devDependencies": {
     "@bimdata/components": "^1.0.6",
-    "@bimdata/design-system": "2.0.0-rc.36",
+    "@bimdata/design-system": "2.1.0-rc.6",
     "@bimdata/vite-plugin-libcss": "0.0.1",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^9.0.2",

src/components/bcf-topic-form/BcfTopicForm.vue

@@ -127,11 +127,16 @@
         />
         <BIMDataSelect
           width="100%"
+          :search="true"
+          :clearSearchOnLeave="true"
           :label="$t('BcfComponents.BcfTopicForm.assignedToLabel')"
           :options="extensions.user_id_type"
           :disabled="extensions.user_id_type.length === 0"
           v-model="topicAssignedTo"
-        />
+          :searchPlaceholder="$t('BcfComponents.BcfTopicForm.searchPlaceholder')"
+        >
+          <template #empty> <span class="color-granite p-x-12">{{ $t('BcfComponents.BcfTopicForm.emptySearch') }}</span> </template>
+        </BIMDataSelect>
         <div class="m-b-30">
           <BIMDataDatePicker
             width="100%"

src/i18n/lang/en.json

@@ -65,7 +65,9 @@
             "cancelButton": "Discard changes",
             "continueButton": "Continue editing",
             "createTitle": "Report a problem",
-            "dragDropImageTextTablet": "Take a picture"
+            "dragDropImageTextTablet": "Take a picture",
+            "searchPlaceholder": "Search",
+            "emptySearch": "No result"
         },
         "BcfTopicOverview": {
             "openViewer": "Open in viewer",

src/i18n/lang/fr.json

@@ -67,7 +67,9 @@
             "cancelButton": "Annuler les modifications",
             "continueButton": "Continuer les modifications",
             "takeSnapshot": "Prendre un snapshot",
-            "importFile": "Importer un fichier"
+            "importFile": "Importer un fichier",
+            "searchPlaceholder": "Rechercher",
+            "emptySearch": "Pas de résultat"
         },
         "BcfTopicOverview": {
             "openViewer": "Ouvrir dans le viewer",