fix issue with circulara drop area rendering / fix issue with revert …

…handler not being called when using api

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 4.13.5
+
+- Fix trigger of revert handler to `removeFile` API.
+- Fix problem where circular layout wouldn't work on latest Safari.
+
+
 ## 4.13.4
 
 - Fix issue where FilePond internal event mechanism would be in slowmotion mode when running in an inactive tab because of `setTimeout` use.

dist/filepond.css

@@ -1,5 +1,5 @@
 /*!
- * FilePond 4.13.4
+ * FilePond 4.13.5
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
  */
@@ -706,6 +706,14 @@
   display: none;
 }
 
+@media not all and (min-resolution: 0.001dpcm) {
+  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
+    .filepond--root[data-style-panel-layout~='circle'] {
+      will-change: transform;
+    }
+  }
+}
+
 .filepond--panel-root {
   border-radius: 0.5em;
   background-color: #f1f0ef;

dist/filepond.esm.js

@@ -1,5 +1,5 @@
 /*!
- * FilePond 4.13.4
+ * FilePond 4.13.5
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
  */
@@ -4960,6 +4960,18 @@ const actions = (dispatch, query, state) => ({
         }
       );
     } else {
+      // if is limbo item, need to call revert handler (not calling request_ because that would also trigger beforeRemoveHook)
+      if (item.origin === FileOrigin.LIMBO && item.serverId !== null) {
+        item.revert(
+          createRevertFunction(
+            state.options.server.url,
+            state.options.server.revert
+          ),
+          query('GET_FORCE_REVERT')
+        );
+      }
+
+      // can now safely remove from view
       removeFromView();
     }
   }),

dist/filepond.js

@@ -1,5 +1,5 @@
 /*!
- * FilePond 4.13.4
+ * FilePond 4.13.5
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
  */
@@ -7458,6 +7458,18 @@
             }
           );
         } else {
+          // if is limbo item, need to call revert handler (not calling request_ because that would also trigger beforeRemoveHook)
+          if (item.origin === FileOrigin.LIMBO && item.serverId !== null) {
+            item.revert(
+              createRevertFunction(
+                state.options.server.url,
+                state.options.server.revert
+              ),
+              query('GET_FORCE_REVERT')
+            );
+          }
+
+          // can now safely remove from view
           removeFromView();
         }
       }),

package.json

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

src/css/modifiers.scss

@@ -81,3 +81,10 @@
 
 }
 
+// dirfty way to fix circular overflow issue on safari 11+
+@media not all and (min-resolution:.001dpcm)
+{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
+    .filepond--root[data-style-panel-layout~='circle'] {
+        will-change: transform;
+    }
+}}

src/js/app/actions.js

@@ -902,6 +902,12 @@ export const actions = (dispatch, query, state) => ({
             );
         }
         else {
+            // if is limbo item, need to call revert handler (not calling request_ because that would also trigger beforeRemoveHook)
+            if (item.origin === FileOrigin.LIMBO && item.serverId !== null) {
+                item.revert(createRevertFunction(state.options.server.url, state.options.server.revert), query('GET_FORCE_REVERT'))
+            }
+
+            // can now safely remove from view
             removeFromView();
         }