@uppy/image-editor: migrate to TS

[Murderlon]

No description provided.

[github-actions]

Diff output files

diff --git a/packages/@uppy/image-editor/lib/ImageEditor.js b/packages/@uppy/image-editor/lib/ImageEditor.js
index 2044e31..4ec4733 100644
--- a/packages/@uppy/image-editor/lib/ImageEditor.js
+++ b/packages/@uppy/image-editor/lib/ImageEditor.js
@@ -5,9 +5,47 @@ const packageJson = {
   "version": "2.4.0",
 };
 import locale from "./locale.js";
+const defaultCropperOptions = {
+  viewMode: 0,
+  background: false,
+  autoCropArea: 1,
+  responsive: true,
+  minCropBoxWidth: 70,
+  minCropBoxHeight: 70,
+  croppedCanvasOptions: {},
+  initialAspectRatio: 0,
+};
+const defaultActions = {
+  revert: true,
+  rotate: true,
+  granularRotate: true,
+  flip: true,
+  zoomIn: true,
+  zoomOut: true,
+  cropSquare: true,
+  cropWidescreen: true,
+  cropWidescreenVertical: true,
+};
+const defaultOptions = {
+  target: "body",
+  quality: 0.8,
+  actions: defaultActions,
+  cropperOptions: defaultCropperOptions,
+};
 export default class ImageEditor extends UIPlugin {
   constructor(uppy, opts) {
-    super(uppy, opts);
+    super(uppy, {
+      ...defaultOptions,
+      ...opts,
+      actions: {
+        ...defaultActions,
+        ...(opts == null ? void 0 : opts.actions),
+      },
+      cropperOptions: {
+        ...defaultCropperOptions,
+        ...(opts == null ? void 0 : opts.cropperOptions),
+      },
+    });
     this.save = () => {
       const saveBlobCallback = blob => {
         const {
@@ -16,7 +54,7 @@ export default class ImageEditor extends UIPlugin {
         this.uppy.setFileState(currentImage.id, {
           data: blob,
           size: blob.size,
-          preview: null,
+          preview: undefined,
         });
         const updatedFile = this.uppy.getFile(currentImage.id);
         this.uppy.emit("thumbnail:request", updatedFile);
@@ -58,42 +96,6 @@ export default class ImageEditor extends UIPlugin {
     this.title = "Image Editor";
     this.type = "editor";
     this.defaultLocale = locale;
-    const defaultCropperOptions = {
-      viewMode: 0,
-      background: false,
-      autoCropArea: 1,
-      responsive: true,
-      minCropBoxWidth: 70,
-      minCropBoxHeight: 70,
-      croppedCanvasOptions: {},
-      initialAspectRatio: 0,
-    };
-    const defaultActions = {
-      revert: true,
-      rotate: true,
-      granularRotate: true,
-      flip: true,
-      zoomIn: true,
-      zoomOut: true,
-      cropSquare: true,
-      cropWidescreen: true,
-      cropWidescreenVertical: true,
-    };
-    const defaultOptions = {
-      quality: 0.8,
-    };
-    this.opts = {
-      ...defaultOptions,
-      ...opts,
-      actions: {
-        ...defaultActions,
-        ...(opts == null ? void 0 : opts.actions),
-      },
-      cropperOptions: {
-        ...defaultCropperOptions,
-        ...(opts == null ? void 0 : opts.cropperOptions),
-      },
-    };
     this.i18nInit();
   }
   canEditFile(file) {

[aduh95]

That output files diff is quite clean!