Possible to disable click to select?

[MakakWasTaken]

I have recently started using this project, but I ran into a feature limitation.

I was wondering if it is possible to make the FileUploader only be drag and drop? I am using it to overlay a table, so it would be preferred if it does not open the select file dialog when clicking a cell.

[chriswardo]

+1 for this. That would be great if possible. Thanks!

[ArtemKurtiakWork]

+1

[ghost]

+1

[nnavascues]

+1

I believe a possible workaround is setting it as disabled, and then adjusting the ui styles if wanted; that way I achieved the 'only-drag-and-drop' behavior. Maybe it helps you @MakakWasTaken

[Nealsoni00]

@nnavascues do you have an example of how you wrote the desired behavior? I'm writing it now and publishing an example for others would be amazing!

[nnavascues]

@Nealsoni00 Sure!
I have something made in Styled Components like this, hope it helps :)

<Container>
<FileUploader disabled {...otherProps} />
</Container>

export const Container = styled.div
{... other styles}
label {
// Overrides styles of the disabled drag&drop component
width: 100%;
border: none !important;
background: none !important;

> div {
  border: 1px solid ${(props) => props.theme.secondary.c300};
  background: transparent !important;
  color: transparent !important;
}

}
;

That way I managed to "hide" the disabled styles of the FileUploader