fix(FilePicker): Listen on update:open rather than closed event f…

…rom `NcDialog` Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
nextcloud-libraries · Nov 17, 2023 · 66a786b · 66a786b
1 parent 46041f5
commit 66a786b
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 6 deletions.
diff --git a/lib/components/FilePicker/FilePicker.vue b/lib/components/FilePicker/FilePicker.vue
@@ -1,5 +1,5 @@
 <template>
-	<NcDialog v-bind="dialogProps" @close="emit('close')">
+	<NcDialog v-bind="dialogProps" @update:open="handleClose">
 		<template #navigation="{ isCollapsed }">
 			<FilePickerNavigation :is-collapsed="isCollapsed" :current-view.sync="currentView" :filter-string.sync="filterString" />
 		</template>
@@ -266,6 +266,16 @@ const onCreateFolder = async (name: string) => {
 		showError(t('Could not create the new folder'))
 	}
 }
+
+/**
+ * Handle closing the file picker
+ * @param open If the dialog is open
+ */
+const handleClose = (open: boolean) => {
+	if (!open) {
+		emit('close')
+	}
+}
 </script>
 
 <script lang="ts">

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -50,7 +50,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "@nextcloud/vue": "^8.0.0",
+    "@nextcloud/vue": "^8.1.0",
     "vue": "^2.7.15"
   },
   "dependencies": {