Allow HiddenFileUpload to be controlled via props

[mendaomn]

Description

This PR improves the hidden file uploader so that it can be controlled via props. This is part of a bigger effort to change way the cluster creation can be started by the user.

Follow up PRs will be linked to this

Changes

• deprecate existing HiddenUploader so not to break the Source page with this PR
• refactor HiddenFileUpload to be controlled via props

How Has This Been Tested?

• manually
• unit test
• a proper test checking that the onChange handler is being called after upload file is missing, this is due to the difficulty to simulate a file upload while also controlling the behaviour of the onload event of the FileReader
  • this is partially mitigated by existing e2e tests

PR Quality Checklist

• I added tests to new or existing code
• I removed hardcoded strings and used react-i18next library (useTranslation hook and/or Trans component), see an example here
• I made sure no sensitive info gets logged at any time in the codebase (see here) (e.g. no user info or details, no stacktraces, etc.)
• I checked that infrastructure/update_infrastructure.sh runs without any error
• I checked that npm run build builds without any error
• I checked that clusters are listed correctly
• I checked that a new cluster can be created (config is produced and dry run passes)
• I checked that login and logout work as expected

In order to increase the likelihood of your contribution being accepted, please make sure you have read both the Contributing Guidelines and the Project Guidelines

By submitting this pull request, I confirm that you can use, modify, copy, and redistribute this contribution, under the terms of your choice.

[mtfranchetto]

The changes LGTM, even though the hidden file upload is quite tricky. Have you consider using a fileinput not hidden? By switching to a ButtonDropdown in the Clusters table for selecting the type of wizard you can place a fileinput that will get triggered as soon as the option is selected, without the open/useEffect trick to trigger it

[mendaomn]

The changes LGTM, even though the hidden file upload is quite tricky. Have you consider using a fileinput not hidden? By switching to a ButtonDropdown in the Clusters table for selecting the type of wizard you can place a fileinput that will get triggered as soon as the option is selected, without the open/useEffect trick to trigger it

As discussed offline, since the ButtonDropdown does not support custom ReactElements, we are keeping the current solution