enh(files): added ability to escape out of all selection when focused

Signed-off-by: Eduardo Morales <[email protected]>

Author: emoral435

apps/files/src/components/FileEntry/FileEntryCheckbox.vue

@@ -20,7 +20,8 @@
   -
   -->
 <template>
-	<td class="files-list__row-checkbox">
+	<td class="files-list__row-checkbox"
+		@keyup.esc.exact="resetSelection">
 		<NcLoadingIcon v-if="isLoading" />
 		<NcCheckboxRadioSwitch v-else
 			:aria-label="t('files', 'Select the row for {displayName}', { displayName })"
@@ -125,6 +126,10 @@ export default Vue.extend({
 			this.selectionStore.setLastIndex(newSelectedIndex)
 		},
 
+		resetSelection() {
+			this.selectionStore.reset()
+		},
+
 		t,
 	},
 })

apps/files/src/components/FilesListTableHeader.vue

@@ -21,7 +21,8 @@
   -->
 <template>
 	<tr class="files-list__row-head">
-		<th class="files-list__column files-list__row-checkbox">
+		<th class="files-list__column files-list__row-checkbox"
+			@keyup.esc.exact="resetSelection">
 			<NcCheckboxRadioSwitch v-bind="selectAllBind" @update:checked="onToggleAll" />
 		</th>
 
@@ -204,6 +205,10 @@ export default Vue.extend({
 			}
 		},
 
+		resetSelection() {
+			this.selectionStore.reset()
+		},
+
 		t: translate,
 	},
 })