canvu-react 0.4.24 → 0.4.26

package/dist/native.cjs

@@ -1305,15 +1305,17 @@ function parseSvgTransform(s) {
 function skiaCameraTransform(zoom, panX, panY) {
   return [{ translateX: panX }, { translateY: panY }, { scale: zoom }];
 }
-function skiaItemPlacementTransform(x, y, cx, cy, rotationRad) {
-  const result = [{ translateX: x }, { translateY: y }];
+function skiaItemTranslationTransform(x, y) {
+  return [{ translateX: x }, { translateY: y }];
+}
+function skiaItemRotationTransform(rotationRad) {
   if (Math.abs(rotationRad) > 1e-12) {
-    result.push({
-      rotate: rotationRad,
-      origin: { x: cx, y: cy }
-    });
+    return [{ rotate: rotationRad }];
   }
-  return result;
+  return [];
+}
+function skiaItemRotationOrigin(x, y, cx, cy) {
+  return { x: x + cx, y: y + cy };
 }
 function rgbaFromHexAndOpacity(hex, opacity) {
   if (!hex) return hex;
@@ -2163,8 +2165,10 @@ function NativeInteractionOverlay({
         const b = normalizeRect(it.bounds);
         const cx = b.width / 2;
         const cy = b.height / 2;
-        const t = skiaItemPlacementTransform(it.x, it.y, cx, cy, it.rotation ?? 0);
-        return /* @__PURE__ */ jsxRuntime.jsx(reactNativeSkia.Group, { transform: t, children: /* @__PURE__ */ jsxRuntime.jsx(
+        const rotationTransform = skiaItemRotationTransform(it.rotation ?? 0);
+        const rotationOrigin = skiaItemRotationOrigin(it.x, it.y, cx, cy);
+        const translationTransform = skiaItemTranslationTransform(it.x, it.y);
+        const selectionRect = /* @__PURE__ */ jsxRuntime.jsx(reactNativeSkia.Group, { transform: translationTransform, children: /* @__PURE__ */ jsxRuntime.jsx(
           reactNativeSkia.Rect,
           {
             x: 0,
@@ -2176,7 +2180,11 @@ function NativeInteractionOverlay({
             strokeWidth: overlayStrokeWorld,
             antiAlias: true
           }
-        ) }, it.id);
+        ) });
+        if (rotationTransform.length === 0) {
+          return /* @__PURE__ */ jsxRuntime.jsx(reactNativeSkia.Group, { children: selectionRect }, it.id);
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx(reactNativeSkia.Group, { transform: rotationTransform, origin: rotationOrigin, children: selectionRect }, it.id);
       }),
       showResizeHandles && bSingle && single && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         HANDLE_ORDER.map((hid) => {
@@ -2437,16 +2445,28 @@ function NativeInteractionOverlay({
       const b = normalizeRect(it.bounds);
       const cx = b.width / 2;
       const cy = b.height / 2;
-      const t = skiaItemPlacementTransform(it.x, it.y, cx, cy, it.rotation ?? 0);
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      const rotationTransform = skiaItemRotationTransform(it.rotation ?? 0);
+      const rotationOrigin = skiaItemRotationOrigin(it.x, it.y, cx, cy);
+      const translationTransform = skiaItemTranslationTransform(it.x, it.y);
+      const preview = /* @__PURE__ */ jsxRuntime.jsx(
         reactNativeSkia.Group,
         {
-          transform: t,
+          transform: translationTransform,
           opacity: ERASER_PREVIEW_OPACITY,
           children: /* @__PURE__ */ jsxRuntime.jsx(NativeShapeRenderer, { item: it })
         },
         `erase-${it.id}`
       );
+      if (rotationTransform.length === 0) return preview;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        reactNativeSkia.Group,
+        {
+          transform: rotationTransform,
+          origin: rotationOrigin,
+          children: preview
+        },
+        `erase-rot-${it.id}`
+      );
     }) });
   }, [eraserPreviewItems]);
   const eraserTrailElements = react.useMemo(() => {
@@ -2638,14 +2658,12 @@ var MemoShape = react.memo(function MemoShape2({
   const b = normalizeRect(item.bounds);
   const cx = b.width / 2;
   const cy = b.height / 2;
-  const itemTransform = skiaItemPlacementTransform(
-    item.x,
-    item.y,
-    cx,
-    cy,
-    item.rotation ?? 0
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(reactNativeSkia.Group, { transform: itemTransform, children: /* @__PURE__ */ jsxRuntime.jsx(NativeShapeRenderer, { item }) });
+  const rotationTransform = skiaItemRotationTransform(item.rotation ?? 0);
+  const rotationOrigin = skiaItemRotationOrigin(item.x, item.y, cx, cy);
+  const translationTransform = skiaItemTranslationTransform(item.x, item.y);
+  const shape = /* @__PURE__ */ jsxRuntime.jsx(reactNativeSkia.Group, { transform: translationTransform, children: /* @__PURE__ */ jsxRuntime.jsx(NativeShapeRenderer, { item }) });
+  if (rotationTransform.length === 0) return shape;
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNativeSkia.Group, { transform: rotationTransform, origin: rotationOrigin, children: shape });
 });
 function NativeSceneRenderer({
   items,