@uppy/file-input: refactor to TypeScript

[aduh95]

Extracted from #4921

[github-actions]

Diff output files

diff --git a/packages/@uppy/file-input/lib/FileInput.js b/packages/@uppy/file-input/lib/FileInput.js
index f42cfa3..d688deb 100644
--- a/packages/@uppy/file-input/lib/FileInput.js
+++ b/packages/@uppy/file-input/lib/FileInput.js
@@ -5,22 +5,20 @@ const packageJson = {
   "version": "3.0.4",
 };
 import locale from "./locale.js";
+const defaultOptions = {
+  pretty: true,
+  inputName: "files[]",
+};
 export default class FileInput extends UIPlugin {
   constructor(uppy, opts) {
-    super(uppy, opts);
+    super(uppy, {
+      ...defaultOptions,
+      ...opts,
+    });
     this.id = this.opts.id || "FileInput";
     this.title = "File Input";
     this.type = "acquirer";
     this.defaultLocale = locale;
-    const defaultOptions = {
-      target: null,
-      pretty: true,
-      inputName: "files[]",
-    };
-    this.opts = {
-      ...defaultOptions,
-      ...opts,
-    };
     this.i18nInit();
     this.render = this.render.bind(this);
     this.handleInputChange = this.handleInputChange.bind(this);
@@ -60,7 +58,7 @@ export default class FileInput extends UIPlugin {
     const {
       restrictions,
     } = this.uppy.opts;
-    const accept = restrictions.allowedFileTypes ? restrictions.allowedFileTypes.join(",") : null;
+    const accept = restrictions.allowedFileTypes ? restrictions.allowedFileTypes.join(",") : undefined;
     return h(
       "div",
       {
@@ -68,7 +66,7 @@ export default class FileInput extends UIPlugin {
       },
       h("input", {
         className: "uppy-FileInput-input",
-        style: this.opts.pretty && hiddenInputStyle,
+        style: this.opts.pretty ? hiddenInputStyle : undefined,
         type: "file",
         name: this.opts.inputName,
         onChange: this.handleInputChange,

[aduh95]

✅ LGTM