canvu-react 0.4.16 → 0.4.17

package/dist/native.cjs

@@ -3612,6 +3612,10 @@ function nativeCursorForVectorToolId(toolId) {
       return null;
   }
 }
+function nativeFallbackToolCursorPoint(size) {
+  if (size.width <= 0 || size.height <= 0) return null;
+  return { x: size.width / 2, y: size.height / 2 };
+}
 var MIN_PLACE_SIZE = 8;
 var MIN_ARROW_DRAG_PX = 8;
 var TAP_PX = 20;
@@ -3827,10 +3831,25 @@ var NativeVectorViewport = react.forwardRef(function NativeVectorViewport2({
     setCameraTick((n) => n + 1);
     onCameraChangeRef.current?.();
   }, []);
-  const onLayout = react.useCallback((e) => {
-    const { width, height } = e.nativeEvent.layout;
-    setSize({ width, height });
-  }, []);
+  const onLayout = react.useCallback(
+    (e) => {
+      const { width, height } = e.nativeEvent.layout;
+      const nextSize = { width, height };
+      setSize(nextSize);
+      if (!interactive) {
+        setToolCursorPoint(null);
+        return;
+      }
+      if (!nativeCursorForVectorToolId(toolIdRef.current)) {
+        setToolCursorPoint(null);
+        return;
+      }
+      setToolCursorPoint(
+        (current) => current ?? nativeFallbackToolCursorPoint(nextSize)
+      );
+    },
+    [interactive]
+  );
   const updateToolCursorPoint = react.useCallback(
     (point) => {
       if (!interactive) return;
@@ -3842,6 +3861,25 @@ var NativeVectorViewport = react.forwardRef(function NativeVectorViewport2({
   const hideToolCursor = react.useCallback(() => {
     setToolCursorPoint(null);
   }, []);
+  const showFallbackToolCursor = react.useCallback(
+    (nextToolId) => {
+      if (!interactive) {
+        setToolCursorPoint(null);
+        return;
+      }
+      if (!nativeCursorForVectorToolId(nextToolId)) {
+        setToolCursorPoint(null);
+        return;
+      }
+      setToolCursorPoint(
+        (current) => current ?? nativeFallbackToolCursorPoint(size)
+      );
+    },
+    [interactive, size]
+  );
+  react.useEffect(() => {
+    showFallbackToolCursor(toolId);
+  }, [showFallbackToolCursor, toolId]);
   const handlePointerMove = react.useCallback(
     (event) => {
       updateToolCursorPoint(screenPointFromPointerEvent(event));
@@ -4127,7 +4165,10 @@ var NativeVectorViewport = react.forwardRef(function NativeVectorViewport2({
       onPanResponderRelease: (evt) => {
         lastPinchDist.current = null;
         lastPanPoint.current = null;
-        hideToolCursor();
+        updateToolCursorPoint({
+          x: evt.nativeEvent.locationX,
+          y: evt.nativeEvent.locationY
+        });
         const st = dragStateRef.current;
         if (st.kind === "draw") {
           dragStateRef.current = { kind: "idle" };