decorate draggable event handlers

zooniverse · Jan 6, 2025 · 790937a · 790937a
1 parent 80d3784
commit 790937a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/...nents/Classifier/components/SubjectViewer/components/InteractionLayer/InteractionLayer.js b/...nents/Classifier/components/SubjectViewer/components/InteractionLayer/InteractionLayer.js
@@ -111,6 +111,7 @@ function InteractionLayer({
 
   function onFinish(event) {
     event?.preventDefault?.()
+    event?.stopPropagation?.()
     setCreating(false)
   }
 

diff --git a/packages/lib-classifier/src/plugins/drawingTools/components/draggable/draggable.js b/packages/lib-classifier/src/plugins/drawingTools/components/draggable/draggable.js
@@ -47,6 +47,9 @@ function draggable(WrappedComponent) {
     dragStart = DEFAULT_HANDLER,
     dragMove = DEFAULT_HANDLER,
     dragEnd = DEFAULT_HANDLER,
+    onPointerDown,
+    onPointerMove,
+    onPointerUp,
     ...rest
   }, ref) {
     const { canvas } = useContext(SVGContext)
@@ -63,6 +66,7 @@ function draggable(WrappedComponent) {
       setDragging(true)
       pointerId.current = event.pointerId
       dragStart({ x, y, pointerId: event.pointerId })
+      onPointerDown?.(event)
       wrappedComponent.current?.setPointerCapture(event.pointerId)
     }
 
@@ -77,6 +81,7 @@ function draggable(WrappedComponent) {
         dragMove({ currentTarget, x, y, pointerId: event.pointerId }, difference)
         coords.current = { x, y }
       }
+      onPointerMove?.(event)
     }
 
     function onDragEnd(event) {
@@ -88,6 +93,7 @@ function draggable(WrappedComponent) {
       coords.current = { x: null, y: null }
       setDragging(false)
       pointerId.current = -1
+      onPointerUp?.(event)
     }
 
     return (