fix(Upload): fix handling of file types in combination with file extension

[tujoworker]

This PR is based on #1824

Before, we did mix file extension and file mime type:

Now it uses what ever is defined in the acceptedFileTypes={['txt']}:

Now it uses what ever is defined in the acceptedFileTypes={['text/plain']}:

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 84a3045:

Sandbox	Source
eufemia-starter	Configuration

[gatsby-cloud]

✅ DNB Eufemia Portal deploy preview ready

• Deploy preview
• Build logs · 13m build time

[langz]

Gave it a quick test, and found out that if acceptedFileTypes is something like the value a/e or e/a, I can select any files in the "filepicker", like a jpg, as seen in the following screenshots:

Not sure if this is intended or not, but it's at least an observation/diff from existing functionality deployed to https://eufemia.dnb.no/

[tujoworker]

Not sure if this is intended or not, but it's at least an observation/diff from existing functionality deployed to https://eufemia.dnb.no/

The diff is, now, when a slash is given, we do not add a dot. Before we added a dot, even if foo/bar was given. The browser then did think, ohh, .foo/bar is an extension. But now it gets foo/bar, and because its not a valid MIME on your system, then it lets you select everything. But we still have a check in place. We simply compare if the given file MIME is allowed, defined by the acceptedFileTypes list.

[tujoworker]

🎉 This PR is included in version 9.47.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀