fix(file-upload): fix concurrent file uploads

packages/components-faraday/src/components/Files/FileSection.js

@@ -46,6 +46,7 @@ const FileSection = ({
   disabledFilepicker,
   dropSortableFile,
   previewFile,
+  requestPending,
 }) => (
   <DropSection
     innerRef={instance => {
@@ -89,7 +90,7 @@ const FileSection = ({
     <SortableList
       beginDragProps={['id', 'index', 'name', 'listId']}
       dragHandle={DragHandle}
-      dropItem={dropSortableFile}
+      dropItem={requestPending() ? null : dropSortableFile}
       items={files}
       listId={listId}
       listItem={FileItem}
@@ -113,12 +114,19 @@ export default compose(
     clearError: ({ setError }) => () => {
       setError(e => '')
     },
+    requestPending: ({ isFetching }) => () =>
+      Object.values(isFetching).some(Boolean),
   }),
   withHandlers({
     setError: ({ setError, clearError }) => err => {
       setError(e => err, () => setTimeout(clearError, 3000))
     },
-    disabledFilepicker: ({ files, maxFiles }) => () => files.length >= maxFiles,
+    disabledFilepicker: ({
+      files,
+      maxFiles,
+      isFetching,
+      requestPending,
+    }) => () => files.length >= maxFiles || requestPending(),
   }),
   DropTarget(
     'item',
@@ -167,7 +175,14 @@ export default compose(
     NativeTypes.FILE,
     {
       drop(
-        { files, maxFiles, addFile, allowedFileExtensions, setError },
+        {
+          files,
+          maxFiles,
+          addFile,
+          allowedFileExtensions,
+          setError,
+          requestPending,
+        },
         monitor,
       ) {
         const [file] = monitor.getItem().files
@@ -184,7 +199,7 @@ export default compose(
         ) {
           setError('Invalid file type.')
         } else {
-          addFile(file)
+          !requestPending() && addFile(file)
         }
       },
     },

packages/components-faraday/src/components/Files/Files.js

@@ -122,7 +122,7 @@ export default compose(
       otherProps,
       dragProps,
     ) => {
-      // do something if the files is not changing list
+      // do something if the file is not changing list
       const { listId: fromListId } = otherProps
       const { listId: toListId } = dragProps
       if (fromListId === toListId) {