canvu-react 0.3.34 → 0.3.36

package/dist/index.cjs

@@ -2606,20 +2606,25 @@ function markImageAsManaged(item) {
   };
 }
 function restackManagedImages(items) {
-  let anchor;
+  let anchorAabbY = Infinity;
+  let anchorCenterX = 0;
   for (const item of items) {
     if (!isManagedImage(item)) continue;
-    if (!anchor || item.bounds.y < anchor.bounds.y) anchor = item;
+    const aabb = boundsAabbForRotatedItem(item);
+    if (aabb.y < anchorAabbY) {
+      anchorAabbY = aabb.y;
+      anchorCenterX = aabb.x + aabb.width / 2;
+    }
   }
-  if (!anchor) return [...items];
-  const anchorCenterX = anchor.bounds.x + anchor.bounds.width / 2;
-  const anchorTopY = anchor.bounds.y;
-  let cursorY = anchorTopY;
+  if (!Number.isFinite(anchorAabbY)) return [...items];
+  let cursorY = anchorAabbY;
   return items.map((item) => {
     if (!isManagedImage(item)) return item;
+    const aabb = boundsAabbForRotatedItem(item);
+    const centerY = cursorY + aabb.height / 2;
     const newX = anchorCenterX - item.bounds.width / 2;
-    const newY = cursorY;
-    cursorY = newY + item.bounds.height + STACK_GAP_WORLD;
+    const newY = centerY - item.bounds.height / 2;
+    cursorY += aabb.height + STACK_GAP_WORLD;
     if (item.bounds.x === newX && item.bounds.y === newY) return item;
     return {
       ...item,
@@ -2642,8 +2647,10 @@ function copyManagedImage(items, id) {
   return restackManagedImages(inserted);
 }
 function rotateManagedImage(items, id) {
-  return items.map(
-    (i) => i.id === id ? { ...i, rotation: ((i.rotation ?? 0) + Math.PI / 2) % (Math.PI * 2) } : i
+  return restackManagedImages(
+    items.map(
+      (i) => i.id === id ? { ...i, rotation: ((i.rotation ?? 0) + Math.PI / 2) % (Math.PI * 2) } : i
+    )
   );
 }
 function deleteManagedImage(items, id) {