canvu-react 0.4.47 → 0.4.48

package/dist/{link-item-DwzXOwU5.d.cts → link-item-BMV3VUCr.d.cts}

@@ -1,4 +1,4 @@
-import { R as Rect, V as VectorSceneItem } from './types-BCCvY6ie.cjs';
+import { R as Rect, V as VectorSceneItem } from './types-fJNwEnHf.cjs';
 
 /** Plugin key under which link metadata is stored on a link item's `pluginData`. */
 declare const LINK_PLUGIN_KEY = "canvuLink";

package/dist/{link-item-IW4GTnxl.d.ts → link-item-COoNNvCu.d.ts}

@@ -1,4 +1,4 @@
-import { R as Rect, V as VectorSceneItem } from './types-BCCvY6ie.js';
+import { R as Rect, V as VectorSceneItem } from './types-fJNwEnHf.js';
 
 /** Plugin key under which link metadata is stored on a link item's `pluginData`. */
 declare const LINK_PLUGIN_KEY = "canvuLink";

package/dist/native.cjs

@@ -41,7 +41,7 @@ function buildCustomShapeChildrenSvg(inner, intrinsic, bounds) {
   const sy = b.height / intrinsic.height;
   return `<g transform="scale(${sx},${sy})">${inner}</g>`;
 }
-function createCustomShapeItem(id, bounds, content) {
+function createCustomShapeItem(id, bounds, content, options = {}) {
   const r = normalizeRect(bounds);
   const intrinsic = { width: r.width, height: r.height };
   const inner = resolveCustomInner(content, intrinsic);
@@ -53,6 +53,8 @@ function createCustomShapeItem(id, bounds, content) {
     toolKind: "custom",
     customIntrinsicSize: intrinsic,
     customInnerSvg: inner,
+    ...options.resizeHandles !== void 0 ? { customResizeHandles: options.resizeHandles } : {},
+    ...options.svgClassName ? { svgClassName: options.svgClassName } : {},
     childrenSvg: buildCustomShapeChildrenSvg(inner, intrinsic, r)
   };
 }
@@ -1595,7 +1597,42 @@ var styles = reactNative.StyleSheet.create({
 });
 
 // src/interaction/resize-handles.ts
-var HANDLE_IDS = ["nw", "n", "ne", "e", "se", "s", "sw", "w"];
+var ALL_RESIZE_HANDLES = [
+  "nw",
+  "n",
+  "ne",
+  "e",
+  "se",
+  "s",
+  "sw",
+  "w"
+];
+var CORNER_RESIZE_HANDLES = [
+  "nw",
+  "ne",
+  "se",
+  "sw"
+];
+function dedupeHandles(handles) {
+  const allowed = new Set(handles);
+  return ALL_RESIZE_HANDLES.filter((handle) => allowed.has(handle));
+}
+function resolveCustomResizeHandles(handles) {
+  if (handles === "corners") return CORNER_RESIZE_HANDLES;
+  if (handles === "all" || handles === void 0) return ALL_RESIZE_HANDLES;
+  return dedupeHandles(handles);
+}
+function resolveResizeHandlesForItem(item) {
+  if (!item) return ALL_RESIZE_HANDLES;
+  if (getLinkData(item)) return CORNER_RESIZE_HANDLES;
+  if (item.toolKind === "custom") {
+    return resolveCustomResizeHandles(item.customResizeHandles);
+  }
+  return ALL_RESIZE_HANDLES;
+}
+function itemAllowsResizeHandle(item, handle) {
+  return resolveResizeHandlesForItem(item).includes(handle);
+}
 function getHandleWorldPosition(bounds, id) {
   const r = normalizeRect(bounds);
   const cx = r.x + r.width / 2;
@@ -1619,7 +1656,7 @@ function getHandleWorldPosition(bounds, id) {
       return { x: r.x, y: cy };
   }
 }
-function hitTestResizeHandle(bounds, worldX, worldY, radiusWorld, rotationRad = 0) {
+function hitTestResizeHandle(bounds, worldX, worldY, radiusWorld, rotationRad = 0, handles = ALL_RESIZE_HANDLES) {
   const r = normalizeRect(bounds);
   const pl = worldToItemLocal(
     worldX,
@@ -1633,7 +1670,7 @@ function hitTestResizeHandle(bounds, worldX, worldY, radiusWorld, rotationRad =
   const localBounds2 = { x: 0, y: 0, width: r.width, height: r.height };
   let best = null;
   let bestD = radiusWorld;
-  for (const id of HANDLE_IDS) {
+  for (const id of handles) {
     const p = getHandleWorldPosition(localBounds2, id);
     const d = Math.hypot(pl.x - p.x, pl.y - p.y);
     if (d <= bestD) {
@@ -3110,7 +3147,8 @@ function hitTestNativeSelectionHandle({
     worldPoint.x,
     worldPoint.y,
     handleRadiusWorld,
-    rotation
+    rotation,
+    resolveResizeHandlesForItem(selectedItem)
   );
   return handle ? { kind: "resize", handle } : null;
 }
@@ -3146,7 +3184,6 @@ function nativeRotationDragStart(input) {
     startRotation: input.item.rotation ?? 0
   };
 }
-var HANDLE_ORDER = ["nw", "n", "ne", "e", "se", "s", "sw", "w"];
 var ERASER_PREVIEW_OPACITY = 0.3;
 var OVERLAY_STROKE_PX = 1.25;
 var MARQUEE_DASH_PX = 4;
@@ -3235,7 +3272,7 @@ function NativeInteractionOverlay({
         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) => {
+        resolveResizeHandlesForItem(single).map((hid) => {
           const p = getHandleWorldPositionRotated(bSingle, hid, rotSingle);
           return /* @__PURE__ */ jsxRuntime.jsxs(reactNativeSkia.Group, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -5032,6 +5069,9 @@ function applyRotationFromPointer(item, startRotation, startPointerAngleRad, poi
 }
 function resizeItemByHandle(item, start, handle, currentWorld) {
   const sb = normalizeRect(start.bounds);
+  if (!itemAllowsResizeHandle(item, handle)) {
+    return item;
+  }
   const newBoundsRaw = computeNewBoundsForResize(item, sb, handle, currentWorld);
   const nb = normalizeRect(newBoundsRaw);
   const k = item.toolKind;