Merge pull request #1113 from nextcloud-libraries/fix/file-picker-doe…

…s-not-close

fix(FilePicker): Listen on `update:open` rather than `closed` event from `NcDialog`

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">

package.json

@@ -50,7 +50,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "@nextcloud/vue": "^8.0.0",
+    "@nextcloud/vue": "^8.1.0",
     "vue": "^2.7.15"
   },
   "dependencies": {