From 5539ff9c9ce292d844c7d88b4a8384e45310b259 Mon Sep 17 00:00:00 2001
From: Sam Rose <hello@samwho.dev>
Date: Fri, 27 Oct 2023 16:53:32 +0100
Subject: [PATCH] Apply valid file types to RowFieldControl and
 AttackmentField.

---
 .../src/components/backend/DataTable/RowFieldControl.svelte  | 5 ++++-
 .../client/src/components/app/forms/AttachmentField.svelte   | 3 ++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/builder/src/components/backend/DataTable/RowFieldControl.svelte b/packages/builder/src/components/backend/DataTable/RowFieldControl.svelte
index 61b706e28e..9d52cb815e 100644
--- a/packages/builder/src/components/backend/DataTable/RowFieldControl.svelte
+++ b/packages/builder/src/components/backend/DataTable/RowFieldControl.svelte
@@ -13,6 +13,7 @@
   import { capitalise } from "helpers"
   import LinkedRowSelector from "components/common/LinkedRowSelector.svelte"
   import Editor from "../../integration/QueryEditor.svelte"
+  import { ValidFileExtensions } from "@budibase/shared-core"
 
   export let defaultValue
   export let meta
@@ -20,6 +21,8 @@
   export let readonly
   export let error
 
+  let validExtensions = ValidFileExtensions.map(ext => `.${ext}`).join(", ")
+
   const resolveTimeStamp = timestamp => {
     if (!timestamp) {
       return null
@@ -59,7 +62,7 @@
     bind:value
   />
 {:else if type === "attachment"}
-  <Dropzone {label} {error} bind:value />
+  <Dropzone {label} {error} extensions={validExtensions} bind:value />
 {:else if type === "boolean"}
   <Toggle text={label} {error} bind:value />
 {:else if type === "array" && meta.constraints.inclusion.length !== 0}
diff --git a/packages/client/src/components/app/forms/AttachmentField.svelte b/packages/client/src/components/app/forms/AttachmentField.svelte
index e24115ebc0..2effe607ae 100644
--- a/packages/client/src/components/app/forms/AttachmentField.svelte
+++ b/packages/client/src/components/app/forms/AttachmentField.svelte
@@ -2,13 +2,14 @@
   import Field from "./Field.svelte"
   import { CoreDropzone } from "@budibase/bbui"
   import { getContext } from "svelte"
+  import { ValidFileExtensions } from "@budibase/shared-core"
 
   export let field
   export let label
   export let disabled = false
   export let compact = false
   export let validation
-  export let extensions
+  export let extensions = ValidFileExtensions.map(ext => `.${ext}`).join(", ")
   export let onChange
   export let maximum = undefined