Restricting DragZoneFiled File Upload to a Single File

[ivam5]

Basic information

• Tiller version: 1.7.2
• Module: upload

Enhancement description

Enable the option to upload a single file, simplifying the upload process for users who only need to upload one file at a time.

Current behaviour

The current behavior allows for the upload of a single file multiple times, but not exclusively a single file.

Wanted behaviour

It should be possible to upload only one file, once.

Possible workarounds

export default function DragZoneField<T extends File>({ name, ...props }: DragZoneFieldProps<T>) {
  const [field, , helpers] = useField(name);
  const fieldValue = React.useRef<string[]>();

  React.useEffect(() => {
    props.hook.onUploadedFileIds([field.value]);
    fieldValue.current = field.value;
  }, [field.value]);

  React.useEffect(() => {
    props.hook.onUpdateCallback((added, deleted) => {
      if (added) {
        helpers.setValue(added);
      } else if (deleted) {
        helpers.setValue(null);
      }
    });
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);

  return <DragZone hook={props.hook} url={props.url} {...props} />;
}