@tldraw/editor 4.6.0-next.fecc64eee134 → 5.0.1

package/src/lib/hooks/useSelectionEvents.ts

@@ -1,97 +0,0 @@
-import { useMemo } from 'react'
-import { RIGHT_MOUSE_BUTTON } from '../constants'
-import { TLSelectionHandle } from '../editor/types/selection-types'
-import { loopToHtmlElement, releasePointerCapture, setPointerCapture } from '../utils/dom'
-import { getPointerInfo } from '../utils/getPointerInfo'
-import { useEditor } from './useEditor'
-
-/** @public */
-export function useSelectionEvents(handle: TLSelectionHandle) {
-	const editor = useEditor()
-
-	const events = useMemo(
-		function selectionEvents() {
-			const onPointerDown: React.PointerEventHandler = (e) => {
-				if (editor.wasEventAlreadyHandled(e)) return
-
-				if (e.button === RIGHT_MOUSE_BUTTON) {
-					editor.dispatch({
-						type: 'pointer',
-						target: 'selection',
-						handle,
-						name: 'right_click',
-						...getPointerInfo(editor, e),
-					})
-					return
-				}
-
-				if (e.button !== 0) return
-
-				// Because the events are probably set on SVG elements,
-				// we need to instead place pointer capture on the first HTML
-				// element above the event's target; and set a listener to
-				// remove pointer capture when the pointer is released.
-
-				const elm = loopToHtmlElement(e.currentTarget)
-
-				function releaseCapture() {
-					elm.removeEventListener('pointerup', releaseCapture)
-					releasePointerCapture(elm, e)
-				}
-
-				setPointerCapture(elm, e)
-				elm.addEventListener('pointerup', releaseCapture)
-
-				editor.dispatch({
-					name: 'pointer_down',
-					type: 'pointer',
-					target: 'selection',
-					handle,
-					...getPointerInfo(editor, e),
-				})
-				editor.markEventAsHandled(e)
-			}
-
-			// Track the last screen point
-			let lastX: number, lastY: number
-
-			function onPointerMove(e: React.PointerEvent) {
-				if (editor.wasEventAlreadyHandled(e)) return
-				if (e.button !== 0) return
-				if (e.clientX === lastX && e.clientY === lastY) return
-				lastX = e.clientX
-				lastY = e.clientY
-
-				editor.dispatch({
-					name: 'pointer_move',
-					type: 'pointer',
-					target: 'selection',
-					handle,
-					...getPointerInfo(editor, e),
-				})
-			}
-
-			const onPointerUp: React.PointerEventHandler = (e) => {
-				if (editor.wasEventAlreadyHandled(e)) return
-				if (e.button !== 0) return
-
-				editor.dispatch({
-					name: 'pointer_up',
-					type: 'pointer',
-					target: 'selection',
-					handle,
-					...getPointerInfo(editor, e),
-				})
-			}
-
-			return {
-				onPointerDown,
-				onPointerMove,
-				onPointerUp,
-			}
-		},
-		[editor, handle]
-	)
-
-	return events
-}