canvu-react 0.4.21 → 0.4.23

package/dist/native.js

@@ -1304,14 +1304,13 @@ function skiaCameraTransform(zoom, panX, panY) {
   return [{ translateX: panX }, { translateY: panY }, { scale: zoom }];
 }
 function skiaItemPlacementTransform(x, y, cx, cy, rotationRad) {
-  const result = [];
+  const result = [{ translateX: x }, { translateY: y }];
   if (Math.abs(rotationRad) > 1e-12) {
     result.push({
       rotate: rotationRad,
       origin: { x: cx, y: cy }
     });
   }
-  result.push({ translateX: x }, { translateY: y });
   return result;
 }
 function rgbaFromHexAndOpacity(hex, opacity) {
@@ -3830,6 +3829,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 +4166,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",