feat(UploadButton): add generic UploadButton component (#67)

Author: arnautov-anton

src/components/UploadButton.tsx

@@ -0,0 +1,21 @@
+import React, { ComponentProps } from 'react';
+
+import { useHandleFileChangeWrapper } from '../utils';
+
+export type UploadButtonProps = {
+  resetOnChange?: boolean;
+  onFileChange: (files: Array<File>) => void;
+} & Omit<ComponentProps<'input'>, 'type' | 'onChange'>;
+
+export const UploadButton = ({
+  resetOnChange = true,
+  onFileChange,
+  ...rest
+}: UploadButtonProps) => {
+  const handleInputChange = useHandleFileChangeWrapper(
+    resetOnChange,
+    onFileChange,
+  );
+
+  return <input type="file" onChange={handleInputChange} {...rest} />;
+};

src/index.ts

@@ -10,6 +10,7 @@ export * from './components/LoadingIndicator';
 export * from './components/PictureIcon';
 export * from './components/Thumbnail';
 export * from './components/ThumbnailPlaceholder';
+export * from './components/UploadButton';
 
 export * from './types';
 export { dataTransferItemsToFiles, dataTransferItemsHaveFiles } from './utils';