Merge pull request #1101 from nextcloud-libraries/fix/migrate-dialog-…

…component-to-lib

fix: Use `NcDialog` instead of custom dialog component now that it is upstreamed

lib/components/FilePicker/FilePicker.vue

@@ -1,5 +1,5 @@
 <template>
-	<DialogBase v-bind="dialogProps" @close="emit('close')">
+	<NcDialog v-bind="dialogProps" @close="emit('close')">
 		<template #navigation="{ isCollapsed }">
 			<FilePickerNavigation :is-collapsed="isCollapsed" :current-view.sync="currentView" :filter-string.sync="filterString" />
 		</template>
@@ -41,22 +41,21 @@
 				</template>
 			</NcEmptyContent>
 		</div>
-	</DialogBase>
+	</NcDialog>
 </template>
 
 <script setup lang="ts">
 import type { IFilePickerButton, IFilePickerButtonFactory, IFilePickerFilter } from '../types'
 import type { Node } from '@nextcloud/files'
 
 import IconFile from 'vue-material-design-icons/File.vue'
-import DialogBase from '../DialogBase.vue'
 import FileList from './FileList.vue'
 import FilePickerBreadcrumbs from './FilePickerBreadcrumbs.vue'
 import FilePickerNavigation from './FilePickerNavigation.vue'
 
 import { emit as emitOnEventBus } from '@nextcloud/event-bus'
 import { davRootPath } from '@nextcloud/files'
-import { NcEmptyContent } from '@nextcloud/vue'
+import { NcDialog, NcEmptyContent } from '@nextcloud/vue'
 import { join } from 'path'
 import { computed, onMounted, ref, toRef } from 'vue'
 import { showError } from '../../toast'

lib/components/types.ts

@@ -25,6 +25,7 @@ import type { AsyncComponent, Component } from 'vue'
 
 /**
  * Interface for defining buttons passed to the Dialog component
+ * See NcDialogButton
  */
 export interface IDialogButton {
 	/** Label of the button */