@uppy/image-editor: Add image editor cancel event

packages/@uppy/dashboard/src/components/FileCard/index.jsx

@@ -59,6 +59,8 @@ class FileCard extends Component {
   }
 
   handleCancel = () => {
+    const file = this.props.files[this.props.fileCardFor]
+    this.props.uppy.emit('file-editor:cancel', file)
     this.props.toggleFileCard(false)
   }
 

packages/@uppy/image-editor/src/ImageEditor.jsx

@@ -121,6 +121,10 @@ export default class ImageEditor extends UIPlugin {
   }
 
   uninstall () {
+    const { currentImage } = this.getPluginState()
+    const file = this.uppy.getFile(currentImage.id)
+    this.uppy.emit('file-editor:cancel', file)
+
     this.unmount()
   }
 

packages/@uppy/image-editor/types/index.d.ts

@@ -34,10 +34,12 @@ export default ImageEditor
 
 export type FileEditorStartCallback<TMeta> = (file: UppyFile<TMeta>) => void;
 export type FileEditorCompleteCallback<TMeta> = (updatedFile: UppyFile<TMeta>) => void;
+export type FileEditorCancelCallback<TMeta> = (file: UppyFile<TMeta>) => void;
 
 declare module '@uppy/core' {
   export interface UppyEventMap<TMeta> {
     'file-editor:start' : FileEditorStartCallback<TMeta>
     'file-editor:complete': FileEditorCompleteCallback<TMeta>
+    'file-editor:cancel': FileEditorCancelCallback<TMeta>
   }
 }

packages/@uppy/image-editor/types/index.test-d.ts

@@ -16,4 +16,8 @@ import ImageEditor from '..'
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const fileName = file.name
   })
+  uppy.on('file-editor:cancel', (file) => {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const fileName = file.name
+  })
 }

website/src/docs/image-editor.md

@@ -121,6 +121,16 @@ uppy.on('file-editor:complete', (updatedFile) => {
 })
 ```
 
+### file-editor:cancel
+
+Emitted when `uninstall` is called or when the current image editing changes are discarded.
+
+```js
+uppy.on('file-editor:cancel', (file) => {
+  console.log(file)
+})
+```
+
 ### `locale: {}`
 
 ```js