fix(state manager): Make viewport-related data optional for annotation event

packages/tools/src/stateManagement/annotation/FrameOfReferenceSpecificAnnotationManager.ts

@@ -5,6 +5,7 @@ import {
   AnnotationState,
   GroupSpecificAnnotations,
 } from '../../types/AnnotationTypes';
+import { triggerAnnotationAddedForFOR } from './helpers/state';
 
 import { AnnotationGroupSelector, IAnnotationManager } from '../../types';
 
@@ -233,6 +234,8 @@ class FrameOfReferenceSpecificAnnotationManager implements IAnnotationManager {
     toolSpecificAnnotations.push(annotation);
     checkAndDefineIsLockedProperty(annotation);
     checkAndDefineIsVisibleProperty(annotation);
+
+    triggerAnnotationAddedForFOR(annotation);
   };
 
   /**

packages/tools/src/stateManagement/annotation/helpers/state.ts

@@ -41,14 +41,12 @@ function triggerAnnotationAddedForFOR(annotation: Annotation) {
   const { toolName } = annotation.metadata;
 
   const toolGroups = getToolGroupsWithToolName(toolName);
-
   if (!toolGroups.length) {
     return;
   }
 
   // Find the viewports in the toolGroups who has the same FrameOfReferenceUID
   const viewportsToRender = [];
-
   toolGroups.forEach((toolGroup) => {
     toolGroup.viewportsInfo.forEach((viewportInfo) => {
       const { renderingEngineId, viewportId } = viewportInfo;
@@ -63,19 +61,17 @@ function triggerAnnotationAddedForFOR(annotation: Annotation) {
     });
   });
 
+  const eventType = Events.ANNOTATION_ADDED;
+  const eventDetail: AnnotationAddedEventDetail = { annotation };
+
   if (!viewportsToRender.length) {
+    triggerEvent(eventTarget, eventType, eventDetail);
     return;
   }
 
-  const eventType = Events.ANNOTATION_ADDED;
-
   viewportsToRender.forEach(({ renderingEngineId, viewportId }) => {
-    const eventDetail: AnnotationAddedEventDetail = {
-      annotation,
-      viewportId,
-      renderingEngineId,
-    };
-
+    eventDetail.viewportId = viewportId;
+    eventDetail.renderingEngineId = renderingEngineId;
     triggerEvent(eventTarget, eventType, eventDetail);
   });
 }

packages/tools/src/types/EventTypes.ts

@@ -104,9 +104,9 @@ type ToolActivatedEventDetail = {
  */
 type AnnotationAddedEventDetail = {
   /** unique id of the viewport */
-  viewportId: string;
+  viewportId?: string;
   /** unique id of the rendering engine */
-  renderingEngineId: string;
+  renderingEngineId?: string;
   /** The annotation that is being added to the annotations manager. */
   annotation: Annotation;
 };