Change button text of component DxcFileInput when multiple property is false

[DirkBaumannDXC]

The button text in the DxcFileInput component should be changed when the mutiple property is false.
When mutiple property is false the button text is "Select files", but should be "Select file".

The button text should be configurable.

Example:

() => {
  const [files, setFiles] = useState([]);

  const callbackFile = (files) => {
    setFiles(files);
  };

  return (
    <DxcFileInput
      label="File Input for single file"
      helperText="Please select one file"
      value={files}
      callbackFile={callbackFile}
      multiple={false}
      margin="medium"
    />
  );
}

[marcialfps]

@aweell we need to update the single file variant in the design guidelines with the change proposed here.

[aweell]

Thanks, @DirkBaumannDXC!

Agree on both:

• When multiple prop is set to false we should change the text to "select file" instead of "files"
• The possibility of changing the button label could avoid in particular cases the need for the helper text. I add this feedback as an enhancement for future component iterations.

I opened an issue and a discussion to cover both:

• Guidelines issue: [File-input] Change single-file button label halstack-style-guide#700
• React discussion: [File-input] Modify the button label #687