Add allowSyncAcceptAttribute

pqina · Jun 9, 2020 · 1f9415c · 1f9415c
1 parent 61f0e62
commit 1f9415c
Show file tree

Hide file tree

Showing 10 changed files with 26 additions and 9 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,10 @@
 # Changelog
 
+## 4.16.0
+
+- Add `allowSyncAcceptAttribute`, set to `false` to prevent FilePond from setting the file input field `accept` attribute to the value of the `acceptedFileTypes`.
+
+
 ## 4.15.1
 
 - Fix issue with abort being called even when not supplied.

diff --git a/dist/filepond.css b/dist/filepond.css
@@ -1,5 +1,5 @@
 /*!
- * FilePond 4.15.1
+ * FilePond 4.16.0
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
  */

diff --git a/dist/filepond.esm.js b/dist/filepond.esm.js
@@ -1,5 +1,5 @@
 /*!
- * FilePond 4.15.1
+ * FilePond 4.16.0
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
  */
@@ -1880,6 +1880,9 @@ const defaultOptions = {
   // - Does not work with multiple on apple devices
   // - If set, acceptedFileTypes must be made to match with media wildcard "image/*", "audio/*" or "video/*"
 
+  // sync `acceptedFileTypes` property with `accept` attribute
+  allowSyncAcceptAttribute: [true, Type.BOOLEAN],
+
   // Feature toggles
   allowDrop: [true, Type.BOOLEAN], // Allow dropping of files
   allowBrowse: [true, Type.BOOLEAN], // Allow browsing the file system
@@ -6898,6 +6901,7 @@ const create$a = ({ root, props }) => {
 };
 
 const setAcceptedFileTypes = ({ root, action }) => {
+  if (!root.query('GET_ALLOW_SYNC_ACCEPT_ATTRIBUTE')) return;
   attrToggle(
     root.element,
     'accept',

diff --git a/dist/filepond.esm.min.js b/dist/filepond.esm.min.js
diff --git a/dist/filepond.js b/dist/filepond.js
@@ -1,5 +1,5 @@
 /*!
- * FilePond 4.15.1
+ * FilePond 4.16.0
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
  */
@@ -3914,6 +3914,9 @@
     // - Does not work with multiple on apple devices
     // - If set, acceptedFileTypes must be made to match with media wildcard "image/*", "audio/*" or "video/*"
 
+    // sync `acceptedFileTypes` property with `accept` attribute
+    allowSyncAcceptAttribute: [true, Type.BOOLEAN],
+
     // Feature toggles
     allowDrop: [true, Type.BOOLEAN], // Allow dropping of files
     allowBrowse: [true, Type.BOOLEAN], // Allow browsing the file system
@@ -9660,6 +9663,7 @@
   var setAcceptedFileTypes = function setAcceptedFileTypes(_ref2) {
     var root = _ref2.root,
       action = _ref2.action;
+    if (!root.query('GET_ALLOW_SYNC_ACCEPT_ATTRIBUTE')) return;
     attrToggle(
       root.element,
       'accept',

diff --git a/dist/filepond.min.css b/dist/filepond.min.css
diff --git a/dist/filepond.min.js b/dist/filepond.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "filepond",
-    "version": "4.15.1",
+    "version": "4.16.0",
     "description": "FilePond, Where files go to stretch their bits.",
     "license": "MIT",
     "author": {

diff --git a/src/js/app/options.js b/src/js/app/options.js
@@ -46,6 +46,9 @@ export const defaultOptions = {
     // - Does not work with multiple on apple devices
     // - If set, acceptedFileTypes must be made to match with media wildcard "image/*", "audio/*" or "video/*"
 
+    // sync `acceptedFileTypes` property with `accept` attribute
+    allowSyncAcceptAttribute: [true, Type.BOOLEAN],
+
     // Feature toggles
     allowDrop: [true, Type.BOOLEAN], // Allow dropping of files
     allowBrowse: [true, Type.BOOLEAN], // Allow browsing the file system

diff --git a/src/js/app/view/browser.js b/src/js/app/view/browser.js
@@ -51,6 +51,7 @@ const create = ({ root, props }) => {
 };
 
 const setAcceptedFileTypes = ({ root, action }) => {
+    if (!root.query('GET_ALLOW_SYNC_ACCEPT_ATTRIBUTE')) return;
     attrToggle(
         root.element,
         'accept',