docs(file-uploader): show onAddFiles action in storybook

[janhassel]

Right now, the FileUploaderDropContainer story is showing onChange as the only event in the actions panel.

onChange isn't in the prop types though but gives the impression to work because it is emitted on the <label> element and therefore is called when the underlying <input type="file"> fires an onChange.

The problem is: this means that onChange is only called when the user clicks on the input and selects a file. If the user drags and drops a file on the container, onChange is not called.

This PR updates the action in the storybook to show the preferred (and listed in the prop types) onAddFiles. which reacts to both: manual selection by clicking and dropping a file.

Changelog

Changed

• FileUploaderDropContainr story: use onAddFiles instead of onChange as action

Testing / Reviewing

• Visit current react storybook, try to drop a file -> there shouldn't be any action shown in the story
• Run the react storybook with this PR and drop a file -> there should be an action shown: onAddFiles

[netlify]

✔️ Deploy Preview for carbon-react-next ready!

🔨 Explore the source changes: b8b37a9

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-react-next/deploys/6148fee13e893c0007a2a56c

😎 Browse the preview: https://deploy-preview-9626--carbon-react-next.netlify.app

[netlify]

✔️ Deploy Preview for carbon-elements ready!

🔨 Explore the source changes: b8b37a9

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-elements/deploys/6148fee14c8c3d0008f40e0b

😎 Browse the preview: https://deploy-preview-9626--carbon-elements.netlify.app

[netlify]

✔️ Deploy Preview for carbon-components-react ready!
Built without sensitive environment variables

🔨 Explore the source changes: b8b37a9

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-react/deploys/6148fee1f620c20007538763

😎 Browse the preview: https://deploy-preview-9626--carbon-components-react.netlify.app

[sstrubberg]

Hey @janhassel, thanks for the PR. It works like a champ locally but in the deploy preview I'm getting a CORS error in the console when I try to drag n' drop the file. This is something I'm noticing with Storybook Actions throughout our entire Storybook. REF #9593

[janhassel]

@sstrubberg I wonder if this just due to the netlify preview. If I drag and drop a file in the story on react.carbondesignsystem.com I don't see that error.

[sstrubberg]

@janhassel That would be awesome if that were the case. I'm down to merge and then see what happens in prod. We can always submit a PR to remove the actions if it busts.