feat: add viewport clicked event and clear selections method (#175)

* fix: remove useless error; make event publisher more robust

* feat: add no feature clicked event

* fix: linting

* feat: add clear selections method

* feat: add NO_ROI_SELECTED event

* feat: change to viewport clicked event

* fix: linting

* feat: change viewport clicked event payload

* fix: linting

---------

Co-authored-by: Igor Octaviano <igoroctaviano@gmail.com>

Author: pedrokohler

src/eventPublisher.js

@@ -27,7 +27,7 @@ const publish = (el, type, payload = null) => {
     event.initCustomEvent(type, true, true, detail)
   }
 
-  return el.dispatchEvent(event)
+  return el?.dispatchEvent?.(event)
 }
 
 export default publish

src/events.js

@@ -18,6 +18,8 @@ const EVENTS = {
   ROI_DRAWN: `${PROJECT_NAME}_roi_drawn`,
   /** Triggered when a ROI was selected. */
   ROI_SELECTED: `${PROJECT_NAME}_roi_selected`,
+  /** Triggered when the map is clicked. */
+  VIEWPORT_CLICKED: `${PROJECT_NAME}_viewport_clicked`,
   /** Triggered when a ROI was double clicked. */
   ROI_DOUBLE_CLICKED: `${PROJECT_NAME}_roi_double_clicked`,
   /** Triggered when mouse moves. */

src/viewer.js

@@ -1685,6 +1685,18 @@ class VolumeImageViewer {
       }
 
       clickEvent = 'click'
+      const features = this[_map].getFeaturesAtPixel(event.pixel)
+      const rois = features.map(feature =>
+        this._getROIFromFeature(
+          feature,
+          this[_pyramid].metadata,
+          this[_affine]
+        ))
+
+      publish(this[_map].getTargetElement(), EVENT.VIEWPORT_CLICKED, {
+        rois
+      })
+
       this[_map].forEachFeatureAtPixel(
         event.pixel,
         (feature) => {
@@ -2934,6 +2946,14 @@ class VolumeImageViewer {
     }
   }
 
+  /**
+   * Clear all selections.
+   */
+  clearSelections () {
+    this.deactivateSelectInteraction()
+    this.activateSelectInteraction()
+  }
+
   /**
    * Activate drag pan interaction.
    *
@@ -3123,11 +3143,8 @@ class VolumeImageViewer {
     console.info(`get ROI ${uid}`)
     const feature = this[_drawingSource].getFeatureById(uid)
     if (feature == null) {
-      const error = new CustomError(
-        errorTypes.VISUALIZATION,
-        `Could not find a ROI with UID "${uid}".`
-      )
-      throw this[_options].errorInterceptor(error)
+      console.warn(`Could not find a ROI with UID "${uid}".`)
+      return
     }
 
     return this._getROIFromFeature(