From 1757d8d329b6fbd1e1c117c7df60046458daa0af Mon Sep 17 00:00:00 2001
From: Maurits Lourens <maurits.lourens@nedap.com>
Date: Tue, 18 Jan 2022 17:17:31 +0100
Subject: [PATCH] add extensions prop to specify accepted file extensions

---
 packages/bbui/src/Form/Core/Dropzone.svelte                | 2 ++
 packages/client/manifest.json                              | 7 ++++++-
 .../client/src/components/app/forms/AttachmentField.svelte | 2 ++
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/bbui/src/Form/Core/Dropzone.svelte b/packages/bbui/src/Form/Core/Dropzone.svelte
index bbaf5a3ff9..f7fed78b70 100644
--- a/packages/bbui/src/Form/Core/Dropzone.svelte
+++ b/packages/bbui/src/Form/Core/Dropzone.svelte
@@ -22,6 +22,7 @@
   export let error = null
   export let fileTags = []
   export let maximum = null
+  export let extensions = "*"
 
   const dispatch = createEventDispatcher()
   const imageExtensions = [
@@ -207,6 +208,7 @@
           {disabled}
           type="file"
           multiple
+          accept={extensions}
           on:change={handleFile}
         />
         <svg
diff --git a/packages/client/manifest.json b/packages/client/manifest.json
index dfe9ae5a91..5ea16a3a61 100644
--- a/packages/client/manifest.json
+++ b/packages/client/manifest.json
@@ -2236,7 +2236,7 @@
           "setting": "optionsSource",
           "value": "provider"
         }
-      }, 
+      },
       {
         "type": "options",
         "key": "customOptions",
@@ -2419,6 +2419,11 @@
         "label": "Label",
         "key": "label"
       },
+      {
+        "type": "text",
+        "label": "Extensions",
+        "key": "extensions"
+      },
       {
         "type": "boolean",
         "label": "Disabled",
diff --git a/packages/client/src/components/app/forms/AttachmentField.svelte b/packages/client/src/components/app/forms/AttachmentField.svelte
index 8c4eaea243..4d8a0b482d 100644
--- a/packages/client/src/components/app/forms/AttachmentField.svelte
+++ b/packages/client/src/components/app/forms/AttachmentField.svelte
@@ -7,6 +7,7 @@
   export let label
   export let disabled = false
   export let validation
+  export let extensions
 
   let fieldState
   let fieldApi
@@ -52,6 +53,7 @@
       }}
       {processFiles}
       {handleFileTooLarge}
+      {extensions}
     />
   {/if}
 </Field>