Merge pull request #2709 from nextcloud/chore/nc-vue-8.25

chore: adapt changes in nc-vue

Author: susnux

src/components/Questions/Question.vue

@@ -71,7 +71,7 @@
 				</h3>
 				<div
 					v-if="!readOnly && !questionValid"
-					v-tooltip.auto="warningInvalid"
+					:title="warningInvalid"
 					class="question__header__title__warning"
 					tabindex="0">
 					<IconAlertCircleOutline :size="20" />

src/components/SidebarTabs/SettingsSidebarTab.vue

@@ -35,7 +35,7 @@
 			{{ t('forms', 'Store responses anonymously') }}
 		</NcCheckboxRadioSwitch>
 		<NcCheckboxRadioSwitch
-			v-tooltip="disableSubmitMultipleExplanation"
+			:title="disableSubmitMultipleExplanation"
 			:checked="submitMultiple"
 			:disabled="disableSubmitMultiple || formArchived || locked"
 			type="switch"

src/components/SidebarTabs/SharingSearchDiv.vue

@@ -5,35 +5,34 @@
 
 <template>
 	<div>
-		<NcSelect
+		<NcSelectUsers
 			:clear-search-on-select="false"
-			:close-on-select="false"
+			keep-open
 			:loading="showLoadingCircle"
 			:disabled="locked"
 			:get-option-key="(option) => option.key"
 			:options="options"
 			:placeholder="t('forms', 'Search for user, group or team …')"
-			user-select
 			:filter-by="() => true"
 			label="displayName"
 			:aria-label-combobox="t('forms', 'Search for user, group or team …')"
 			@search="asyncSearch"
-			@input="addShare">
+			@update:model-value="addShare">
 			<template #no-options>
 				{{ noResultText }}
 			</template>
-		</NcSelect>
+		</NcSelectUsers>
 	</div>
 </template>
 
 <script>
-import NcSelect from '@nextcloud/vue/components/NcSelect'
+import NcSelectUsers from '@nextcloud/vue/components/NcSelectUsers'
 
 import UserSearchMixin from '../../mixins/UserSearchMixin.js'
 
 export default {
 	components: {
-		NcSelect,
+		NcSelectUsers,
 	},
 
 	mixins: [UserSearchMixin],

src/components/SidebarTabs/TransferOwnership.vue

@@ -38,23 +38,20 @@
 						)
 					" />
 				<!-- eslint-enable vue/no-v-html -->
-				<NcSelect
+				<NcSelectUsers
 					v-model="selected"
 					class="modal-content__select"
-					:reset-focus-on-options-change="false"
-					clear-search-on-select
-					close-on-select
+					:reset-on-options-change="false"
 					:loading="loading"
 					:get-option-key="(option) => option.key"
 					:options="options"
 					:placeholder="t('forms', 'Search for a user')"
-					user-select
 					label="displayName"
-					@search="(query) => asyncSearch(query, true)">
+					@search="asyncSearch">
 					<template #no-options>
 						{{ noResultText }}
 					</template>
-				</NcSelect>
+				</NcSelectUsers>
 
 				<br />
 
@@ -103,7 +100,7 @@ import axios from '@nextcloud/axios'
 import NcButton from '@nextcloud/vue/components/NcButton'
 import NcDialog from '@nextcloud/vue/components/NcDialog'
 import NcTextField from '@nextcloud/vue/components/NcTextField'
-import NcSelect from '@nextcloud/vue/components/NcSelect'
+import NcSelectUsers from '@nextcloud/vue/components/NcSelectUsers'
 import UserSearchMixin from '../../mixins/UserSearchMixin.js'
 import logger from '../../utils/Logger.js'
 
@@ -112,7 +109,7 @@ export default {
 		NcButton,
 		NcDialog,
 		NcTextField,
-		NcSelect,
+		NcSelectUsers,
 	},
 	mixins: [UserSearchMixin],
 

src/mixins/UserSearchMixin.js

@@ -66,7 +66,7 @@ export default {
 			if (this.isValidQuery) {
 				// already set loading to have proper ux feedback during debounce
 				this.loading = true
-				await this.debounceGetSuggestions(query)
+				this.debounceGetSuggestions(query)
 			}
 		},