For example:

Describe the bug
Getting status "Upload aborted" for successfull upload, when server response is empty.

To Reproduce
Steps to reproduce the behavior:
Using Dropzone in following way:

<Dropzone
  onChange={updateFiles}
  value={files}
  autoClean
  uploadConfig={{
    urlFromExtFile: (extFile) => replaceUrl(link, extFile),
    method: "PUT",
  }}
  actionButtons={{
    position: "after",
    uploadButton: {},
    abortButton: {},
    cleanButton: {},
    deleteButton: {},
  }}
>
  {files.map((file: ExtFile) => (
    <FileMosaic key={file.id} {...file} onDelete={removeFile} info />
  ))}
</Dropzone>

Expected behavior
Upload should be successfull for status 201 / created and no response.

Screenshots

Desktop (please complete the following information):

• OS: [macOS]
• Browser [edge]
• Version [127]

Additional context

I am using this library in one of the projects I am working in my organisation. I wanted to ask is there a server-side template for Flask also? I have used it with Node.js, but now I want to use it with flask in the backend.

i have code in react JS:
import {addExtraData } from '@files-ui/react'

how to using addExtraData , i want to send form data with uploading image to server.

Describe the bug
The disabled option of the ActionButtonItem object is not working (current master and version 1.0.8)

To Reproduce
See failing tests in pull request

Expected behavior
when disabled is true, the action button should be disabled. See https://www.files-ui.com/types#actionbuttonitem

Is your feature request related to a problem? Please describe.

Currently, actionButtons are not following modern best practices for a11y (accessibility), especially WAI-ARIA out of the box and do not allow to specify the title or aria attributes manually.

Describe the solution you'd like

Add title the option explicitly and allow aria-* attributes to be passed on to the button element.

<Dropzone 
  actionButtons={{
    uploadButton: {
      ariaLabel: "Click here to upload the selected files."
      title="Click here to upload the selected files."
    }
  }}/> 

Describe alternatives you've considered

Providing good defaults first and add the customization later - however, this is much more effort and defaults should be chosen carefully. So I think customization first and defaults later is better in this case.

I'd like to be able to resize images on the client side before uploading them to the server. This would require some way to hook into the upload process.

I've tried Dropzone.onChange, but processing the images requires onChange to be an async handler, and it's currently not. i.e. If onChange returns a Promise, it would await that Promise before continuing on with the upload.

I've also tried the actionButtons / uploadButton with autoUpload = false. Using this prevents the automatic upload, and assigning an onClick handler to the uploadButton means I get to process the event, but I seem to have no way to initiate the upload once the processing is done. Is there a way to initiate the upload externally? That would solve the problem.

Is your feature request related to a problem? Please describe.
The validator function requires a synchronous function, which means I can't actually read the file in order to do the validation, given that all the browser-friendly ways to do so are async. Not being able to actually look at the contents of the file makes it incredibly hard to do any kind of validation.

Describe the solution you'd like
Accept async javascript.

After deleting a valid file, validation shoulld be triggered again to update the validation status of the non valid files.
Taken from dropzone-ui issue 477

Current file upload doesn't support GraphQL.
I would like to be able to define the upload method in the UploadConfig to be GraphQL, add the GraphQL endpoint and the upload to be done using GraphQL multipart.

As an alternative, I would like to be able to provide my own custom upload function.

Describe the bug
The label option of ActionButtonItem objects is being ignored. (current main branch and also version 1.0.8)

To Reproduce
see failing tests in pull request

Expected behavior
Use the label as the buttons label as described in https://www.files-ui.com/types#actionbuttonitem

Describe the bug
When double clicking on the FileMosaic an alert will show with the text "double click on file", I provided my own onDoubleClick to the component, but it doesn't override the default function but I'm still able to call my custom function.

To Reproduce
Steps to reproduce the behavior:

1. Render this code
   <Dropzone onChange={updateFiles} value={files} accept=".csv" maxFiles={1} > {files.map((file: ExtFile) => ( <FileMosaic key={file.id} {...file} onDelete={removeFile} info={true} onDoubleClick={() => { console.log("hi there"); }} /> ))} </Dropzone>
2. upload something in the dropzone
3. double click on the FileMosaic
4. An alert will show up with the text "double click on file"

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots

I'm using @files-ui/react: 1.0.5

Right now, google fonts (mainly poppins?) are loaded in a hard-coded way, see e.g. the Dropzone.scss. That's both a privacy issue and an issue when using files-ui in an offline project.

It would be nice to have that at least optional or completely replace it by shipping the font directly or using e.g., https://fontsource.org/fonts/poppins.

• Add skeleton component for FileMosaic
• Add Sekeleton component for FileCard
• Add Skeleton component for Avatar

Add extra params to define the desired behaviour:

1. All uploads can end in success status
2. All uploads can end in error status
3. All uploads will result in a random status

Currently after file selection when Upload action button is clicked files are sent one after another each one in a separate request.
Is it possible to configure the component to group all files in a single request and send to server ?

1.You want ref to be able to invoke the component default event for upload
2.You can customize the button to trigger the upload, and then add the upload progress
3.I want fakeUpload to be able to customize the upload status, progress, etc. I want every upload to be successful, not random upload success.