fix: Add select event to AppNavigationGroupList and clear search functionality

Signed-off-by: Enjeck C. <patrathewhiz@gmail.com>

Author: enjeck

apps/settings/src/components/AppNavigationGroupList.vue

@@ -48,7 +48,8 @@
 				:key="group.id"
 				:active="selectedGroupDecoded === group.id"
 				:name="group.title"
-				:count="group.count" />
+				:count="group.count"
+				@select="emit('select')" />
 			<div v-if="loadingGroups" role="note">
 				<NcLoadingIcon :name="t('settings', 'Loading groups…')" />
 			</div>
@@ -79,6 +80,10 @@ import logger from '../logger.ts'
 import { searchGroups } from '../service/groups.ts'
 import { useStore } from '../store/index.js'
 
+const emit = defineEmits<{
+	(e: 'select'): void
+}>()
+
 const store = useStore()
 const route = useRoute()
 const router = useRouter()

apps/settings/src/components/GroupListItem.vue

@@ -40,6 +40,7 @@
 			:to="{ name: 'group', params: { selectedGroup: encodeURIComponent(id) } }"
 			:loading="loadingRenameGroup"
 			:menu-open="openGroupMenu"
+			@click="$emit('select')"
 			@update:menuOpen="handleGroupMenuOpen">
 			<template #icon>
 				<AccountGroup :size="20" />
@@ -141,6 +142,8 @@ export default {
 		},
 	},
 
+	emits: ['select'],
+
 	data() {
 		return {
 			loadingRenameGroup: false,

apps/settings/src/views/UserManagementNavigation.vue

@@ -94,7 +94,7 @@
 			</NcAppNavigationItem>
 		</NcAppNavigationList>
 
-		<AppNavigationGroupList />
+		<AppNavigationGroupList @select="clearSearch" />
 
 		<template #footer>
 			<NcButton
@@ -146,6 +146,13 @@ watch(searchInput, (value) => commitSearch(value))
 
 onBeforeUnmount(() => commitSearch.clear())
 
+/** Clear the shared account and group search before changing groups. */
+function clearSearch() {
+	searchInput.value = ''
+	commitSearch.clear()
+	store.commit('setSearchQuery', '')
+}
+
 // Intercept Ctrl/Cmd+F to focus the local search. useHotKey ignores the
 // event when an input/textarea is already focused, so a second press falls
 // through to the browser's native find-in-page.