Added cancelSelected event

recogito · Sep 23, 2022 · 48435f5 · 48435f5
1 parent ccd7177
commit 48435f5
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/public/index.html b/public/index.html
@@ -109,6 +109,10 @@ <h1>Homer: The Odyssey</h1>
           console.log('updated', previous, 'with', annotation);
         });
 
+        r.on('cancelSelected', function(annotation) {
+          console.log('cancel', annotation);
+        });
+
         // Wire the Add/Update/Remove buttons
         document.getElementById('add-annotation').addEventListener('click', function() {
           r.addAnnotation(myAnnotation);

diff --git a/src/TextAnnotator.jsx b/src/TextAnnotator.jsx
@@ -212,9 +212,10 @@ export default class TextAnnotator extends Component {
   }
 
   /** Cancel button on annotation editor **/
-  onCancelAnnotation = () => {
+  onCancelAnnotation = annotation => {
     this.clearState();
     this.selectionHandler.clearSelection();
+    this.props.onCancelSelected(annotation);
   }
 
   /************************/

diff --git a/src/index.jsx b/src/index.jsx
@@ -78,6 +78,7 @@ export class Recogito {
         onAnnotationCreated={this.handleAnnotationCreated}
         onAnnotationUpdated={this.handleAnnotationUpdated}
         onAnnotationDeleted={this.handleAnnotationDeleted}
+        onCancelSelected={this.handleCancelSelected}
         relationVocabulary={config.relationVocabulary} />, this._appContainerEl);
   }
 
@@ -93,6 +94,9 @@ export class Recogito {
   handleAnnotationDeleted = annotation =>
     this._emitter.emit('deleteAnnotation', annotation.underlying);
 
+  handleCancelSelected = annotation =>
+    this._emitter.emit('cancelSelected', annotation.underlying);
+
   /******************/
   /*  External API  */
   /******************/