chore: drop filepicker component export to allow usage in Vue2 projects

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

Author: susnux

README.md

@@ -15,15 +15,22 @@ npm i -S @nextcloud/dialogs
 ```
 
 ### Version compatibility
-Since version 4.2 this package provides a Vue.js based file picker, so this package depends on `@nextcloud/vue`. So to not introduce style collisions stick with the supported versions:
+Since version 4.2 this package provides a Vue.js based file picker, so this package depends on `@nextcloud/vue`.
+So to not introduce style collisions stick with the supported versions:
 
 | `@nextcloud/dialogs` | maintained | `@nextcloud/vue` dependency |   Nextcloud server version |
 |----------------------|------------|-----------------------------|----------------------------|
+|                 7.x  |         ✅ |                9.x (Vue 3)¹ | Nextcloud 30 and newer     |
 |                 6.x  |         ✅ |                        8.x  | Nextcloud 29 and newer     |
 |                 5.x  |         ❌ |                        8.x  | Nextcloud 28, 29, 30       |
 |                 4.2+ |         ❌ |                        7.12 | Nextcloud 25, 26, 27, 27.1 |
 |                 4.1  |         ❌ |                       *any* |  *any*                     |
 
+¹: In version 7.x the `@nextcloud/vue` dependency is moved to `dependencies` so you can also use this library
+with an old version of `@nextcloud/vue` in your app dependencies if your app still uses Vue 2.
+Note that this might increase the bundled app size.
+If your app also already uses `@nextcloud/vue` version 9.x and Vue 3 then the bundle size will not increase.
+
 ## Usage
 
 ### General
@@ -62,11 +69,8 @@ showError('This is an error shown without a timeout', { timeout: -1 })
 A full list of available options can be found in the [documentation](https://nextcloud-libraries.github.io/nextcloud-dialogs/).
 
 ### FilePicker
-There are two ways to spawn a FilePicker provided by the library:
-
-#### Use the FilePickerBuilder
-This way you do not need to use Vue, but can programatically spawn a FilePicker.
-The FilePickerBuilder is included in the main entry point of this library, so you can use it like this:
+To spawn the FilePicker provided by the library you have to use the *FilePickerBuilder*.
+The *FilePickerBuilder* is included in the main entry point of this library, so you can use it like this:
 
 ```js
 import { getFilePickerBuilder } from '@nextcloud/dialogs'
@@ -82,41 +86,6 @@ const filepicker = getFilePickerBuilder('Pick plain text files')
 const paths = await filepicker.pick()
 ```
 
-#### Use the Vue component directly
-
-> [!WARNING]  
-> The Vue component is deprecated and will no longer be exported in a future version.
-
-We also provide the `@nextcloud/dialogs/filepicker.js` entry point to allow using the Vue component directly:
-
-```vue
-<template>
-  <FilePicker name="Pick some files" :buttons="buttons" />
-</template>
-<script setup lang="ts">
-  import {
-    FilePickerVue as FilePicker,
-    type IFilePickerButton,
-  } from '@nextcloud/dialogs/filepicker.js'
-  import type { Node } from '@nextcloud/files'
-  import IconShare from 'vue-material-design-icons/Share.vue'
-
-  const buttons: IFilePickerButton[] = [
-    {
-      label: 'Pick',
-      callback: (nodes: Node[]) => console.log('Picked', nodes),
-      type: 'primary'
-    },
-    {
-      label: 'Share',
-      callback: (nodes: Node[]) => console.log('Share picked files', nodes),
-      type: 'secondary',
-      icon: IconShare,
-    }
-  ]
-</script>
-```
-
 ## Development
 ### Testing
 For testing all components provide `data-testid` attributes as selectors, so the tests are independent from code or styling changes.

lib/components/FilePicker/index.ts

@@ -38,12 +38,12 @@ export { spawnDialog } from './utils/dialogs.js'
 export {
 	Dialog,
 	DialogBuilder,
-	DialogSeverity,
 	getDialogBuilder,
 } from './dialogs'
 
 export type {
 	IDialogButton,
+	IDialogSeverity,
 	IFilePickerButton,
 	IFilePickerFilter,
 } from './components/types.js'

lib/filepicker.ts

@@ -2,24 +2,14 @@
   "name": "@nextcloud/dialogs",
   "version": "7.0.0-rc.0",
   "description": "Nextcloud dialog helpers",
-  "types": "dist/index.d.ts",
-  "main": "dist/index.cjs",
-  "module": "dist/index.mjs",
   "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
-    },
-    "./filepicker.js": {
-      "types": "./dist/filepicker.d.ts",
-      "import": "./dist/filepicker.mjs",
-      "require": "./dist/filepicker.cjs"
+      "import": "./dist/index.mjs"
     },
     "./style.css": {
-      "import": "./dist/style.css",
-      "require": "./dist/style.css"
+      "import": "./dist/style.css"
     }
   },
   "scripts": {
@@ -94,7 +84,7 @@
     "vue-material-design-icons": "^5.3.1"
   },
   "engines": {
-    "node": "^20.0.0",
+    "node": "^20 || ^22",
     "npm": "^10.0.0"
   },
   "browserslist": [

lib/index.ts

@@ -22,18 +22,13 @@ const translations = readdirSync('./l10n')
 
 export default createLibConfig({
 	index: 'lib/index.ts',
-	filepicker: 'lib/filepicker.ts',
 }, {
 	config: {
 		build: {
-			// Fix for vite config, TODO: remove with next release
 			cssCodeSplit: false,
 		},
 	},
-	// We build for ESM and legacy common js
-	libraryFormats: ['es', 'cjs'],
-	// We want one single output CSS file
-	inlineCSS: false,
+	libraryFormats: ['es'],
 	// Packages that should be externalized or bundled
 	nodeExternalsOptions: {
 		// for subpath imports like '@nextcloud/l10n/gettext'