fix bug with allowMinimumUploadDuration throwing error

Author: rikschennink

CHANGELOG.md

@@ -1,8 +1,12 @@
 # Changelog
 
+## 4.27.1
+
+-   Fix issue with `allowMinimumUploadDuration` set to `false` throwing error.
+
 ## 4.27.0
 
--   add `allowMinimumUploadDuration` set to `false` to prevent a minimum upload time of 750ms.
+-   Add `allowMinimumUploadDuration` set to `false` to prevent a minimum upload time of 750ms.
 
 ## 4.26.2
 

dist/filepond.css

@@ -1,5 +1,5 @@
 /*!
- * FilePond 4.27.0
+ * FilePond 4.27.1
  * 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.27.0
+ * FilePond 4.27.1
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
  */
@@ -3213,7 +3213,7 @@ const createPerceivedPerformanceUpdater = (
         timeout = setTimeout(tick, delay);
     };
 
-    tick();
+    if (duration > 0) tick();
 
     return {
         clear: () => {
@@ -3314,7 +3314,10 @@ const createFileProcessor = (processFn, options) => {
                 // we are really done
                 // if perceived progress is 1 ( wait for perceived progress to complete )
                 // or if server does not support progress ( null )
-                if (state.perceivedProgress === 1) {
+                if (
+                    !allowMinimumUploadDuration ||
+                    (allowMinimumUploadDuration && state.perceivedProgress === 1)
+                ) {
                     completeFn();
                 }
             },
@@ -3390,9 +3393,13 @@ const createFileProcessor = (processFn, options) => {
         state.response = null;
     };
 
-    const getProgress = () =>
-        state.progress ? Math.min(state.progress, state.perceivedProgress) : null;
-    const getDuration = () => Math.min(state.duration, state.perceivedDuration);
+    const getProgress = allowMinimumUploadDuration
+        ? () => (state.progress ? Math.min(state.progress, state.perceivedProgress) : null)
+        : () => state.progress || null;
+
+    const getDuration = allowMinimumUploadDuration
+        ? () => Math.min(state.duration, state.perceivedDuration)
+        : () => state.duration;
 
     const api = {
         ...on(),

dist/filepond.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * FilePond 4.27.0
+ * FilePond 4.27.1
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
  */
@@ -5371,7 +5371,7 @@
             timeout = setTimeout(tick, delay);
         };
 
-        tick();
+        if (duration > 0) tick();
 
         return {
             clear: function clear() {
@@ -5471,7 +5471,10 @@
                     // we are really done
                     // if perceived progress is 1 ( wait for perceived progress to complete )
                     // or if server does not support progress ( null )
-                    if (state.perceivedProgress === 1) {
+                    if (
+                        !allowMinimumUploadDuration ||
+                        (allowMinimumUploadDuration && state.perceivedProgress === 1)
+                    ) {
                         completeFn();
                     }
                 },
@@ -5547,12 +5550,21 @@
             state.response = null;
         };
 
-        var getProgress = function getProgress() {
-            return state.progress ? Math.min(state.progress, state.perceivedProgress) : null;
-        };
-        var getDuration = function getDuration() {
-            return Math.min(state.duration, state.perceivedDuration);
-        };
+        var getProgress = allowMinimumUploadDuration
+            ? function() {
+                  return state.progress ? Math.min(state.progress, state.perceivedProgress) : null;
+              }
+            : function() {
+                  return state.progress || null;
+              };
+
+        var getDuration = allowMinimumUploadDuration
+            ? function() {
+                  return Math.min(state.duration, state.perceivedDuration);
+              }
+            : function() {
+                  return state.duration;
+              };
 
         var api = Object.assign({}, on(), {
             process: process, // start processing file
@@ -7375,7 +7387,6 @@
     var write = function write(_ref2) {
         var root = _ref2.root,
             props = _ref2.props;
-
         if (props.opacity === 0) {
             return;
         }

dist/filepond.js

@@ -1,6 +1,6 @@
 {
     "name": "filepond",
-    "version": "4.27.0",
+    "version": "4.27.1",
     "description": "FilePond, Where files go to stretch their bits.",
     "license": "MIT",
     "author": {

dist/filepond.min.css

@@ -95,7 +95,10 @@ export const createFileProcessor = (processFn, options) => {
                 // we are really done
                 // if perceived progress is 1 ( wait for perceived progress to complete )
                 // or if server does not support progress ( null )
-                if (state.perceivedProgress === 1) {
+                if (
+                    !allowMinimumUploadDuration ||
+                    (allowMinimumUploadDuration && state.perceivedProgress === 1)
+                ) {
                     completeFn();
                 }
             },
@@ -171,9 +174,13 @@ export const createFileProcessor = (processFn, options) => {
         state.response = null;
     };
 
-    const getProgress = () =>
-        state.progress ? Math.min(state.progress, state.perceivedProgress) : null;
-    const getDuration = () => Math.min(state.duration, state.perceivedDuration);
+    const getProgress = allowMinimumUploadDuration
+        ? () => (state.progress ? Math.min(state.progress, state.perceivedProgress) : null)
+        : () => state.progress || null;
+
+    const getDuration = allowMinimumUploadDuration
+        ? () => Math.min(state.duration, state.perceivedDuration)
+        : () => state.duration;
 
     const api = {
         ...on(),

dist/filepond.min.js

@@ -11,7 +11,6 @@ export const createPerceivedPerformanceUpdater = (
     const start = Date.now();
 
     const tick = () => {
-
         let runtime = Date.now() - start;
         let delay = getRandomNumber(tickMin, tickMax);
 
@@ -30,11 +29,11 @@ export const createPerceivedPerformanceUpdater = (
         timeout = setTimeout(tick, delay);
     };
 
-    tick();
+    if (duration > 0) tick();
 
     return {
         clear: () => {
             clearTimeout(timeout);
-        }
+        },
     };
 };