fixup! feat(participant): refactor ParticipantsSearchResults

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>

src/components/NewConversationDialog/NewConversationContactsPage.vue

@@ -66,7 +66,6 @@
 			:contacts-loading="contactsLoading"
 			:no-results="noResults"
 			scrollable
-			selectable
 			show-search-hints
 			@click="updateSelectedParticipants"
 			@click-search-hint="focusInput" />

src/components/NewConversationDialog/NewConversationDialog.vue

@@ -184,6 +184,9 @@ export default {
 		const selectedParticipants = ref([])
 		provide('selectedParticipants', selectedParticipants)
 
+		// Add a visual bulk selection state for Participant component
+		provide('bulkParticipantsSelection', true)
+
 		return {
 			isInCall,
 			selectedParticipants,

src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue

@@ -397,14 +397,6 @@ export default {
 			type: Boolean,
 			default: true,
 		},
-
-		/**
-		 * Toggles the bulk selection state of this component
-		 */
-		selectable: {
-			type: Boolean,
-			default: false,
-		},
 	},
 
 	emits: ['click-participant'],
@@ -413,9 +405,13 @@ export default {
 		const isInCall = useIsInCall()
 		const selectedParticipants = inject('selectedParticipants', [])
 
+		// Toggles the bulk selection state of this component
+		const isSelectable = inject('bulkParticipantsSelection', false)
+
 		return {
 			isInCall,
-			selectedParticipants
+			selectedParticipants,
+			isSelectable,
 		}
 	},
 
@@ -542,7 +538,7 @@ export default {
 		 * @return {boolean}
 		 */
 		isSelected() {
-			return this.selectable
+			return this.isSelectable
 				? this.selectedParticipants.some(selected => {
 					return selected.id === this.participant.id && selected.source === this.participant.source
 				})

src/components/RightSidebar/Participants/ParticipantsList/ParticipantsList.vue

@@ -24,7 +24,6 @@
 		<Participant v-for="item in items"
 			:key="generateKey(item)"
 			:participant="item"
-			:selectable="selectable"
 			:show-user-status="showUserStatus"
 			@click-participant="handleClickParticipant" />
 		<LoadingPlaceholder v-if="loading" type="participants" :count="dummyParticipants" />
@@ -56,10 +55,6 @@ export default {
 			type: Boolean,
 			default: false,
 		},
-		selectable: {
-			type: Boolean,
-			default: false,
-		},
 	},
 
 	emits: ['click'],

src/components/RightSidebar/Participants/ParticipantsSearchResults/ParticipantsSearchResults.vue

@@ -24,28 +24,24 @@
 		<template v-if="addableUsers.length !== 0">
 			<NcAppNavigationCaption :name="t('spreed', 'Add users')" />
 			<ParticipantsList :items="addableUsers"
-				:selectable="selectable"
 				@click="handleClickParticipant" />
 		</template>
 
 		<template v-if="addableGroups.length !== 0">
 			<NcAppNavigationCaption :name="t('spreed', 'Add groups')" />
 			<ParticipantsList :items="addableGroups"
-				:selectable="selectable"
 				@click="handleClickParticipant" />
 		</template>
 
 		<template v-if="addableEmails.length !== 0">
 			<NcAppNavigationCaption :name="t('spreed', 'Add emails')" />
 			<ParticipantsList :items="addableEmails"
-				:selectable="selectable"
 				@click="handleClickParticipant" />
 		</template>
 
 		<template v-if="addableCircles.length !== 0">
 			<NcAppNavigationCaption :name="t('spreed', 'Add circles')" />
 			<ParticipantsList :items="addableCircles"
-				:selectable="selectable"
 				@click="handleClickParticipant" />
 		</template>
 
@@ -69,7 +65,6 @@
 		<template v-if="addableRemotes.length !== 0">
 			<NcAppNavigationCaption :name="t('spreed', 'Add federated users')" />
 			<ParticipantsList :items="addableRemotes"
-				:selectable="selectable"
 				@click="handleClickParticipant" />
 		</template>
 
@@ -153,10 +148,6 @@ export default {
 			type: Boolean,
 			default: false,
 		},
-		selectable: {
-			type: Boolean,
-			default: false,
-		},
 		showSearchHints: {
 			type: Boolean,
 			default: false,