Document the "accept" parameter for DropZone

[edhgoose]

Summary

The DropZone component has an "accept" parameter, which as per https://polaris.shopify.com/components/selection-and-input/drop-zone#:~:text=string-,Allowed%20file%20types.,-type%3F, is:

accept?: string
Allowed file types.

It's not clear what this string should be. Is it , separated?

From viewing the code, it is indeed - but it would be nice to be able to tell that from the docs.

The code defines it here: https://github.com/Shopify/polaris/blob/main/polaris-react/src/components/DropZone/utils/index.ts#L33, as far as I can tell.

Furthermore, it seems strange that the accept function takes an array or string, but the fileAccepted function which calls it only allows string:

https://github.com/Shopify/polaris/blob/main/polaris-react/src/components/DropZone/utils/index.ts#L5

Expected behavior

The docs should clearly explain that the accept parameter is a comma separated list of accepted file types.

And/or, it should be extended to allow an array of file types.

Actual behavior

N/A

Steps to reproduce

N/A

Are you using React components?

Yes

Polaris version number

N/A

Browser

N/A

Device

N/A