fix: add allowCreateNew to filepicker

Signed-off-by: grnd-alt <[email protected]>

Author: grnd-alt

lib/components/FilePicker/FilePicker.vue

@@ -25,7 +25,7 @@
 			<FilePickerBreadcrumbs
 				v-if="currentView === 'files'"
 				v-model:path="currentPath"
-				:show-menu="allowPickDirectory"
+				:show-menu="allowCreateNew"
 				@create-node="onCreateFolder" />
 			<div v-else class="file-picker__view">
 				<h3>{{ viewHeadline }}</h3>
@@ -99,6 +99,13 @@ const props = withDefaults(defineProps<{
 	 */
 	allowPickDirectory?: boolean
 
+	/**
+	 * Can new Files/folders be created
+	 *
+	 * @default false
+	 */
+	allowCreateNew?: boolean
+
 	/**
 	 * Is the navigation disabled
 	 */
@@ -136,6 +143,7 @@ const props = withDefaults(defineProps<{
 	path?: string
 }>(), {
 	allowPickDirectory: false,
+	allowCreateNew: false,
 	disabledNavigation: false,
 	filterFn: undefined,
 	canPickFn: undefined,

lib/filepicker-builder.ts

@@ -34,6 +34,7 @@ export class FilePicker<IsMultiSelect extends boolean> {
 	private multiSelect: IsMultiSelect
 	private mimeTypeFilter: string[]
 	private directoriesAllowed: boolean
+	private createNewAllowed: boolean
 	private buttons: IFilePickerButton[] | IFilePickerButtonFactory
 	private path?: string
 	private filter?: IFilePickerFilter
@@ -46,6 +47,7 @@ export class FilePicker<IsMultiSelect extends boolean> {
 		multiSelect: IsMultiSelect,
 		mimeTypeFilter: string[],
 		directoriesAllowed: boolean,
+		createNewAllowed: boolean,
 		buttons: IFilePickerButton[] | IFilePickerButtonFactory,
 		path?: string,
 		filter?: IFilePickerFilter,
@@ -57,6 +59,7 @@ export class FilePicker<IsMultiSelect extends boolean> {
 		this.multiSelect = multiSelect
 		this.mimeTypeFilter = mimeTypeFilter
 		this.directoriesAllowed = directoriesAllowed
+		this.createNewAllowed = createNewAllowed
 		this.path = path
 		this.filter = filter
 		this.canPick = canPick
@@ -75,6 +78,7 @@ export class FilePicker<IsMultiSelect extends boolean> {
 
 		const nodes = await spawnDialog(FilePickerVue, {
 			allowPickDirectory: this.directoriesAllowed,
+			allowCreateNew: this.createNewAllowed,
 			buttons: this.buttons,
 			name: this.title,
 			path: this.path,
@@ -114,6 +118,7 @@ export class FilePickerBuilder<IsMultiSelect extends boolean> {
 	private multiSelect = false
 	private mimeTypeFilter: string[] = []
 	private directoriesAllowed = false
+	private createNewAllowed = false
 	private path?: string
 	private filter?: IFilePickerFilter
 	private canPick?: IFilePickerCanPick
@@ -254,6 +259,16 @@ export class FilePickerBuilder<IsMultiSelect extends boolean> {
 		return this
 	}
 
+	/**
+	 * Allow to create New folders
+	 *
+	 * @param allow True to allow creating
+	 */
+	public allowCreateNew(allow = true) {
+		this.createNewAllowed = allow
+		return this
+	}
+
 	/**
 	 * Set starting path of the FilePicker
 	 *
@@ -301,6 +316,7 @@ export class FilePickerBuilder<IsMultiSelect extends boolean> {
 			this.multiSelect as IsMultiSelect,
 			this.mimeTypeFilter,
 			this.directoriesAllowed,
+			this.createNewAllowed,
 			this.buttons,
 			this.path,
 			this.filter,