From 519a38aa84d88e84ea7f84bd53d44ba7487ffb36 Mon Sep 17 00:00:00 2001
From: Paul Elliott <paul.elliott@kitware.com>
Date: Mon, 18 Sep 2023 16:08:07 -0400
Subject: [PATCH] feat(ToolStrip): add select tool which enables hover popup

---
 src/components/ToolStrip.vue      |  9 +++++++++
 src/composables/annotationTool.ts | 19 ++++++++++++++-----
 src/store/tools/types.ts          |  1 +
 3 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/components/ToolStrip.vue b/src/components/ToolStrip.vue
index 73bfdba83..4d19e6d4b 100644
--- a/src/components/ToolStrip.vue
+++ b/src/components/ToolStrip.vue
@@ -48,6 +48,15 @@
       />
     </groupable-item>
     <div class="my-1 tool-separator" />
+    <groupable-item v-slot:default="{ active, toggle }" :value="Tools.Select">
+      <tool-button
+        icon="mdi-cursor-default"
+        name="Select"
+        :buttonClass="['tool-btn', active ? 'tool-btn-selected' : '']"
+        :disabled="noCurrentImage"
+        @click="toggle"
+      />
+    </groupable-item>
     <groupable-item v-slot:default="{ active, toggle }" :value="Tools.Paint">
       <menu-tool-button
         icon="mdi-brush"
diff --git a/src/composables/annotationTool.ts b/src/composables/annotationTool.ts
index 24ba80d53..3d672844b 100644
--- a/src/composables/annotationTool.ts
+++ b/src/composables/annotationTool.ts
@@ -4,10 +4,12 @@ import { useCurrentImage } from '@/src/composables/useCurrentImage';
 import { frameOfReferenceToImageSliceAndAxis } from '@/src/utils/frameOfReference';
 import { vtkAnnotationToolWidget } from '@/src/vtk/ToolWidgetUtils/utils';
 import { onVTKEvent } from '@/src/composables/onVTKEvent';
-import { LPSAxis } from '../types/lps';
-import { AnnotationTool, ContextMenuEvent } from '../types/annotation-tool';
-import { AnnotationToolStore } from '../store/tools/useAnnotationTool';
-import { getCSSCoordinatesFromEvent } from '../utils/vtk-helpers';
+import { useToolStore } from '@/src/store/tools';
+import { Tools } from '@/src/store/tools/types';
+import { AnnotationToolStore } from '@/src/store/tools/useAnnotationTool';
+import { getCSSCoordinatesFromEvent } from '@/src//utils/vtk-helpers';
+import { LPSAxis } from '@/src/types/lps';
+import { AnnotationTool, ContextMenuEvent } from '@/src/types/annotation-tool';
 import { usePopperState } from './usePopperState';
 
 const SHOW_OVERLAY_DELAY = 250; // milliseconds
@@ -173,5 +175,12 @@ export const useHover = <ToolID extends string>(
       : ({ visible: false } as Info)
   );
 
-  return { overlayInfo, onHover };
+  const toolStore = useToolStore();
+  const noInfoWithoutSelect = computed(() => {
+    if (toolStore.currentTool !== Tools.Select)
+      return { visible: false } as Info;
+    return overlayInfo.value;
+  });
+
+  return { overlayInfo: noInfoWithoutSelect, onHover };
 };
diff --git a/src/store/tools/types.ts b/src/store/tools/types.ts
index 6ab9b36d3..f73e6e8d3 100644
--- a/src/store/tools/types.ts
+++ b/src/store/tools/types.ts
@@ -8,4 +8,5 @@ export enum Tools {
   Crosshairs = 'Crosshairs',
   Crop = 'Crop',
   Polygon = 'Polygon',
+  Select = 'Select',
 }