canvu-react 0.4.21 → 0.4.22

package/dist/native.js

@@ -3830,6 +3830,19 @@ function hitTestNativeSelectionHandle({
   );
   return handle ? { kind: "resize", handle } : null;
 }
+function pointInNativeSelectedItemBounds(item, worldPoint) {
+  const bounds = normalizeRect(item.bounds);
+  const local = worldToItemLocal(
+    worldPoint.x,
+    worldPoint.y,
+    item.x,
+    item.y,
+    bounds.width,
+    bounds.height,
+    item.rotation ?? 0
+  );
+  return local.x >= 0 && local.x <= bounds.width && local.y >= 0 && local.y <= bounds.height;
+}
 function resolveNativeCustomPlacement(toolId, customPlacement, customPlacements) {
   if (customPlacement?.toolId === toolId) return customPlacement;
   return customPlacements?.find((placement) => placement.toolId === toolId) ?? null;
@@ -4154,6 +4167,25 @@ var NativeVectorViewport = forwardRef(function NativeVectorViewport2({
             onSelectionChangeRef.current?.([hit.id]);
           }
         } else {
+          const selectedUnlockedItems = currentSelectedIds.map((id) => itemsRef.current.find((item) => item.id === id)).filter((item) => !!item && !item.locked);
+          if (selectedUnlockedItems.some(
+            (item) => pointInNativeSelectedItemBounds(item, { x: worldX, y: worldY })
+          )) {
+            const snapshots = {};
+            for (const item of selectedUnlockedItems) {
+              snapshots[item.id] = item;
+            }
+            const ids = Object.keys(snapshots);
+            if (ids.length > 0) {
+              dragStateRef.current = {
+                kind: "move",
+                ids,
+                snapshots,
+                startWorld: { x: worldX, y: worldY }
+              };
+              return;
+            }
+          }
           onSelectionChangeRef.current?.([]);
           dragStateRef.current = {
             kind: "marquee",