fix issue with removeFiles and fix issue with pasting content

CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 4.19.0
+
+- Add locale folder, can now import different locales.
+- Improve `supports` method, now correctly detects MacOS Safari 8.
+- Improve type definitions file.
+- Fix issue with `removeFiles({ revert: false })` not working.
+- Fix issue where content pasted in a textarea would be interpreted as a file.
+
+
 ## 4.18.0
 
 - Add fallback for `fetch` when loading remote URLs, if no custom fetch supplied, will use default request.

README.md

@@ -130,7 +130,7 @@ Or get it from a CDN:
 
 ## Internationalization
 
-The [locale folder](./locale/) contains different language files, you can use them like this:
+The [locale folder](./locale/) contains different language files, PR's are welcom,e you can use locale files like this:
 
 ```js
 import pt_BR from 'filepond/locale/pt-br.js';

dist/filepond.css

@@ -1,5 +1,5 @@
 /*!
- * FilePond 4.18.0
+ * FilePond 4.19.0
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
  */

dist/filepond.esm.js

@@ -1,5 +1,5 @@
 /*!
- * FilePond 4.18.0
+ * FilePond 4.19.0
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
  */
@@ -7834,6 +7834,23 @@ let listening = false;
 const listeners$1 = [];
 
 const handlePaste = e => {
+  // if is pasting in input or textarea and the target is outside of a filepond scope, ignore
+  const activeEl = document.activeElement;
+  if (activeEl && /textarea|input/i.test(activeEl.nodeName)) {
+    // test textarea or input is contained in filepond root
+    let inScope = false;
+    let element = activeEl;
+    while (element !== document.body) {
+      if (element.classList.contains('filepond--root')) {
+        inScope = true;
+        break;
+      }
+      element = element.parentNode;
+    }
+
+    if (!inScope) return;
+  }
+
   requestDataTransferItems(e.clipboardData).then(files => {
     // no files received
     if (!files.length) {
@@ -9096,9 +9113,8 @@ const createApp = (initialOptions = {}) => {
 
     const files = getFiles();
 
-    if (!queries.length) {
-      return Promise.all(files.map(removeFile));
-    }
+    if (!queries.length)
+      return Promise.all(files.map(file => removeFile(file, options)));
 
     // when removing by index the indexes shift after each file removal so we need to convert indexes to ids
     const mappedQueries = queries
@@ -9628,6 +9644,8 @@ const hasCreateObjectURL = () =>
   'URL' in window && 'createObjectURL' in window.URL;
 const hasVisibility = () => 'visibilityState' in document;
 const hasTiming = () => 'performance' in window; // iOS 8.x
+const hasCSSSupports = () => 'supports' in (window.CSS || {}); // use to detect Safari 9+
+const isIE11 = () => /MSIE|Trident/.test(window.navigator.userAgent);
 
 const supported = (() => {
   // Runs immidiately and then remembers result for subsequent calls
@@ -9641,7 +9659,9 @@ const supported = (() => {
     hasPromises() &&
     hasBlobSlice() &&
     hasCreateObjectURL() &&
-    hasTiming();
+    hasTiming() &&
+    // doesn't need CSSSupports but is a good way to detect Safari 9+ (we do want to support IE11 though)
+    (hasCSSSupports() || isIE11());
 
   return () => isSupported;
 })();

dist/filepond.js

@@ -1,5 +1,5 @@
 /*!
- * FilePond 4.18.0
+ * FilePond 4.19.0
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
  */
@@ -10701,6 +10701,23 @@
   var listeners$1 = [];
 
   var handlePaste = function handlePaste(e) {
+    // if is pasting in input or textarea and the target is outside of a filepond scope, ignore
+    var activeEl = document.activeElement;
+    if (activeEl && /textarea|input/i.test(activeEl.nodeName)) {
+      // test textarea or input is contained in filepond root
+      var inScope = false;
+      var element = activeEl;
+      while (element !== document.body) {
+        if (element.classList.contains('filepond--root')) {
+          inScope = true;
+          break;
+        }
+        element = element.parentNode;
+      }
+
+      if (!inScope) return;
+    }
+
     requestDataTransferItems(e.clipboardData).then(function(files) {
       // no files received
       if (!files.length) {
@@ -12122,9 +12139,12 @@
 
       var files = getFiles();
 
-      if (!queries.length) {
-        return Promise.all(files.map(removeFile));
-      }
+      if (!queries.length)
+        return Promise.all(
+          files.map(function(file) {
+            return removeFile(file, options);
+          })
+        );
 
       // when removing by index the indexes shift after each file removal so we need to convert indexes to ids
       var mappedQueries = queries
@@ -12723,6 +12743,12 @@
   var hasTiming = function hasTiming() {
     return 'performance' in window;
   }; // iOS 8.x
+  var hasCSSSupports = function hasCSSSupports() {
+    return 'supports' in (window.CSS || {});
+  }; // use to detect Safari 9+
+  var isIE11 = function isIE11() {
+    return /MSIE|Trident/.test(window.navigator.userAgent);
+  };
 
   var supported = (function() {
     // Runs immidiately and then remembers result for subsequent calls
@@ -12736,7 +12762,9 @@
       hasPromises() &&
       hasBlobSlice() &&
       hasCreateObjectURL() &&
-      hasTiming();
+      hasTiming() &&
+      // doesn't need CSSSupports but is a good way to detect Safari 9+ (we do want to support IE11 though)
+      (hasCSSSupports() || isIE11());
 
     return function() {
       return isSupported;

package.json

@@ -1,6 +1,6 @@
 {
     "name": "filepond",
-    "version": "4.18.0",
+    "version": "4.19.0",
     "description": "FilePond, Where files go to stretch their bits.",
     "license": "MIT",
     "author": {
@@ -66,4 +66,4 @@
         "rollup-plugin-terser": "^4.0.4",
         "typescript": "^3.9.6"
     }
-}
+}

src/js/app/index.js

@@ -453,9 +453,7 @@ export const createApp = (initialOptions = {}) => {
 
         const files = getFiles();
 
-        if (!queries.length) {
-            return Promise.all(files.map(removeFile));
-        }
+        if (!queries.length) return Promise.all(files.map(file => removeFile(file, options)));
 
         // when removing by index the indexes shift after each file removal so we need to convert indexes to ids
         const mappedQueries = queries.map(query =>

src/js/app/utils/createPaster.js

@@ -1,11 +1,29 @@
 import { arrayRemove } from '../../utils/arrayRemove';
-import { InteractionMethod } from '../enum/InteractionMethod';
 import { requestDataTransferItems } from './requestDataTransferItems';
 
 let listening = false;
 const listeners = [];
 
 const handlePaste = e => {
+
+    // if is pasting in input or textarea and the target is outside of a filepond scope, ignore
+    const activeEl = document.activeElement;
+    if (activeEl && /textarea|input/i.test(activeEl.nodeName)) {
+
+        // test textarea or input is contained in filepond root
+        let inScope = false;
+        let element = activeEl;
+        while (element !== document.body) {
+            if (element.classList.contains('filepond--root')) {
+                inScope = true;
+                break;
+            }
+            element = element.parentNode;
+        }
+
+        if (!inScope) return;
+    }
+
     requestDataTransferItems(e.clipboardData).then(files => {
         // no files received
         if (!files.length) {

src/js/index.js

@@ -17,6 +17,8 @@ const hasBlobSlice = () => 'slice' in Blob.prototype;
 const hasCreateObjectURL = () => 'URL' in window && 'createObjectURL' in window.URL;
 const hasVisibility = () => 'visibilityState' in document;
 const hasTiming = () => 'performance' in window; // iOS 8.x
+const hasCSSSupports = () => 'supports' in (window.CSS || {}); // use to detect Safari 9+
+const isIE11 = () => /MSIE|Trident/.test(window.navigator.userAgent);
 
 export const supported = (() => {
 
@@ -34,7 +36,10 @@ export const supported = (() => {
         hasPromises() &&
         hasBlobSlice() &&
         hasCreateObjectURL() &&
-        hasTiming();
+        hasTiming() &&
+
+        // doesn't need CSSSupports but is a good way to detect Safari 9+ (we do want to support IE11 though)
+        (hasCSSSupports() || isIE11());
 
     return () => isSupported;
 })();