[Tech-3634] add dragging functionality to annotation viewer

CHANGELOG.md

@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## v1.6.6 (31/03/2025)
+
+### Changes
+
+- :children_crossing: updated to support dragging on shapes in annotation viewer
+
 ## v1.6.5 (16/10/2023)
 
 ### Changes

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-mindee-js",
-  "version": "1.6.5",
+  "version": "1.6.6",
   "description": "Front-End Computer Vision SDK for React",
   "author": "@mindee",
   "license": "MIT",

src/components/AnnotationViewer.tsx

@@ -174,6 +174,12 @@ export default function AnnotationViewer({
           onShapeMultiSelect,
         ),
       )
+
+      stageObject.current.on('dragstart', () => {
+        if (stageObject.current?.container()) {
+          stageObject.current.container().style.cursor = 'grabbing'
+        }
+      })
     }
   }
 

src/utils/canvas.ts

@@ -59,7 +59,7 @@ const bindEventToPolygon = (
 ) => {
   const stage = polygon.getStage()
   const shape = polygon.getAttr('shape')
-  polygon.on('mousedown', (event) => {
+  polygon.on('mouseup', (event) => {
     event.cancelBubble = true
     onClick?.(shape)
     options?.onClick?.(polygon)