Add mts types and update readme

Author: rtivital

README.md

@@ -1 +1,24 @@
 # react-dropzone-esm
+
+`react-dropzone-esm` is a fork of [react-dropzone](https://github.com/react-dropzone/react-dropzone).
+The purpose of the fork is to provide a version of `react-dropzone` that is compatible with
+modern frameworks which use ES modules (Remix v2, newer versions of Next.js, Vite).
+
+The package provides esm and cjs bundles. It is compatible both with modern build tools
+like Remix v2 and with older tools like Webpack 4.
+
+## Differences from react-dropzone
+
+- ESM and CJS bundles
+- Properly configured `package.json` exports
+- ESM bundle is shipped with `.mjs` extension
+- Unused files are removed from the published package (docs, logos, etc.)
+
+Note that it is not planned to fix any bugs or add new features to this package.
+The only purpose of this package is to provide a version of `react-dropzone` that
+is compatible with modern frameworks. Source code of `react-dropzone` library is not modified
+in any way.
+
+## Documentation
+
+Documentation was removed from the forked package to simplify maintenance. [Please refer to the original package for documentation](https://react-dropzone.js.org/).

package.json

@@ -8,7 +8,7 @@
   "exports": {
     ".": {
       "import": {
-        "types": "./types/react-dropzone.d.ts",
+        "types": "./types/react-dropzone.d.mts",
         "default": "./dist/esm/index.mjs"
       },
       "require": {

types/react-dropzone.d.mts

@@ -0,0 +1,97 @@
+import * as React from "react";
+
+export { FileWithPath } from "file-selector";
+export default function Dropzone(
+  props: DropzoneProps & React.RefAttributes<DropzoneRef>
+): JSX.Element;
+export function useDropzone(options?: DropzoneOptions): DropzoneState;
+
+export interface DropzoneProps extends DropzoneOptions {
+  children?(state: DropzoneState): JSX.Element;
+}
+
+export enum ErrorCode {
+  FileInvalidType = "file-invalid-type",
+  FileTooLarge = "file-too-large",
+  FileTooSmall = "file-too-small",
+  TooManyFiles = "too-many-files",
+}
+
+export interface FileError {
+  message: string;
+  code: ErrorCode | string;
+}
+
+export interface FileRejection {
+  file: File;
+  errors: FileError[];
+}
+
+export type DropzoneOptions = Pick<React.HTMLProps<HTMLElement>, PropTypes> & {
+  accept?: Accept;
+  minSize?: number;
+  maxSize?: number;
+  maxFiles?: number;
+  preventDropOnDocument?: boolean;
+  noClick?: boolean;
+  noKeyboard?: boolean;
+  noDrag?: boolean;
+  noDragEventsBubbling?: boolean;
+  disabled?: boolean;
+  onDrop?: <T extends File>(
+    acceptedFiles: T[],
+    fileRejections: FileRejection[],
+    event: DropEvent
+  ) => void;
+  onDropAccepted?: <T extends File>(files: T[], event: DropEvent) => void;
+  onDropRejected?: (fileRejections: FileRejection[], event: DropEvent) => void;
+  getFilesFromEvent?: (
+    event: DropEvent
+  ) => Promise<Array<File | DataTransferItem>>;
+  onFileDialogCancel?: () => void;
+  onFileDialogOpen?: () => void;
+  onError?: (err: Error) => void;
+  validator?: <T extends File>(file: T) => FileError | FileError[] | null;
+  useFsAccessApi?: boolean;
+  autoFocus?: boolean;
+};
+
+export type DropEvent =
+  | React.DragEvent<HTMLElement>
+  | React.ChangeEvent<HTMLInputElement>
+  | DragEvent
+  | Event;
+
+export type DropzoneState = DropzoneRef & {
+  isFocused: boolean;
+  isDragActive: boolean;
+  isDragAccept: boolean;
+  isDragReject: boolean;
+  isFileDialogActive: boolean;
+  acceptedFiles: File[];
+  fileRejections: FileRejection[];
+  rootRef: React.RefObject<HTMLElement>;
+  inputRef: React.RefObject<HTMLInputElement>;
+  getRootProps: <T extends DropzoneRootProps>(props?: T) => T;
+  getInputProps: <T extends DropzoneInputProps>(props?: T) => T;
+};
+
+export interface DropzoneRef {
+  open: () => void;
+}
+
+export interface DropzoneRootProps extends React.HTMLAttributes<HTMLElement> {
+  refKey?: string;
+  [key: string]: any;
+}
+
+export interface DropzoneInputProps
+  extends React.InputHTMLAttributes<HTMLInputElement> {
+  refKey?: string;
+}
+
+type PropTypes = "multiple" | "onDragEnter" | "onDragOver" | "onDragLeave";
+
+export interface Accept {
+  [key: string]: string[];
+}