@archireport/react-native-drawing 0.2.0

package/lib/commonjs/components/MeasurementEditModal.js

@@ -0,0 +1,153 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MeasurementEditModal = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const MeasurementEditModal = exports.MeasurementEditModal = /*#__PURE__*/_react.default.memo(function MeasurementEditModal({
+  visible,
+  initialValue,
+  initialUnit,
+  onSubmit,
+  onCancel
+}) {
+  const [value, setValue] = (0, _react.useState)(initialValue);
+  const [unit, setUnit] = (0, _react.useState)(initialUnit);
+  _react.default.useEffect(() => {
+    if (visible) {
+      setValue(initialValue);
+      setUnit(initialUnit);
+    }
+  }, [visible, initialValue, initialUnit]);
+  const handleSubmit = (0, _react.useCallback)(() => {
+    onSubmit(value || "0", unit || "cm");
+  }, [value, unit, onSubmit]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: onCancel,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.KeyboardAvoidingView, {
+      style: styles.overlay,
+      behavior: _reactNative.Platform.OS === "ios" ? "padding" : "height",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.dialog,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.title,
+          children: "Measurement"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.inputRow,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+            style: [styles.input, styles.valueInput],
+            value: value,
+            onChangeText: setValue,
+            placeholder: "Value",
+            placeholderTextColor: "#999",
+            keyboardType: "decimal-pad",
+            autoFocus: true
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+            style: [styles.input, styles.unitInput],
+            value: unit,
+            onChangeText: setUnit,
+            placeholder: "Unit",
+            placeholderTextColor: "#999",
+            autoCapitalize: "none",
+            autoCorrect: false
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.buttons,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            style: styles.cancelButton,
+            onPress: onCancel,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.cancelText,
+              children: "Cancel"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            style: styles.submitButton,
+            onPress: handleSubmit,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.submitText,
+              children: "OK"
+            })
+          })]
+        })]
+      })
+    })
+  });
+});
+const styles = _reactNative.StyleSheet.create({
+  overlay: {
+    flex: 1,
+    backgroundColor: "rgba(0, 0, 0, 0.5)",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 24
+  },
+  dialog: {
+    backgroundColor: "#2C2C2E",
+    borderRadius: 14,
+    padding: 20,
+    width: "100%",
+    maxWidth: 320
+  },
+  title: {
+    color: "#FFFFFF",
+    fontSize: 17,
+    fontWeight: "600",
+    marginBottom: 16,
+    textAlign: "center"
+  },
+  inputRow: {
+    flexDirection: "row",
+    gap: 10,
+    marginBottom: 16
+  },
+  input: {
+    backgroundColor: "#1C1C1E",
+    borderRadius: 10,
+    padding: 12,
+    color: "#FFFFFF",
+    fontSize: 17
+  },
+  valueInput: {
+    flex: 2,
+    textAlign: "center"
+  },
+  unitInput: {
+    flex: 1,
+    textAlign: "center"
+  },
+  buttons: {
+    flexDirection: "row",
+    gap: 12
+  },
+  cancelButton: {
+    flex: 1,
+    paddingVertical: 12,
+    borderRadius: 10,
+    backgroundColor: "#3A3A3C",
+    alignItems: "center"
+  },
+  cancelText: {
+    color: "#FFFFFF",
+    fontSize: 16
+  },
+  submitButton: {
+    flex: 1,
+    paddingVertical: 12,
+    borderRadius: 10,
+    backgroundColor: "#007AFF",
+    alignItems: "center"
+  },
+  submitText: {
+    color: "#FFFFFF",
+    fontSize: 16,
+    fontWeight: "600"
+  }
+});
+//# sourceMappingURL=MeasurementEditModal.js.map

package/lib/commonjs/components/MeasurementEditModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MeasurementEditModal","exports","React","memo","visible","initialValue","initialUnit","onSubmit","onCancel","value","setValue","useState","unit","setUnit","useEffect","handleSubmit","useCallback","jsx","Modal","transparent","animationType","onRequestClose","children","KeyboardAvoidingView","style","styles","overlay","behavior","Platform","OS","jsxs","View","dialog","Text","title","inputRow","TextInput","input","valueInput","onChangeText","placeholder","placeholderTextColor","keyboardType","autoFocus","unitInput","autoCapitalize","autoCorrect","buttons","TouchableOpacity","cancelButton","onPress","cancelText","submitButton","submitText","StyleSheet","create","flex","backgroundColor","justifyContent","alignItems","padding","borderRadius","width","maxWidth","color","fontSize","fontWeight","marginBottom","textAlign","flexDirection","gap","paddingVertical"],"sourceRoot":"../../../src","sources":["components/MeasurementEditModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/MiniMap.js

@@ -0,0 +1,244 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MiniMap = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSkia = require("@shopify/react-native-skia");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const MINIMAP_WIDTH = 100;
+const MINIMAP_BORDER_RADIUS = 6;
+const MiniMap = exports.MiniMap = /*#__PURE__*/_react.default.memo(function MiniMap({
+  image,
+  imageRect,
+  scale: scaleSV,
+  translateX: txSV,
+  translateY: tySV,
+  visible,
+  onPanViewport
+}) {
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: (0, _reactNativeReanimated.withTiming)(visible && image && imageRect.width > 0 ? 1 : 0, {
+      duration: 250
+    })
+  }));
+
+  // Track last touch position for drag-to-pan
+  const lastTouchRef = (0, _react.useRef)(null);
+  if (!image || imageRect.width === 0) return null;
+  const imgAspect = imageRect.width / imageRect.height;
+  const miniW = MINIMAP_WIDTH;
+  const miniH = miniW / imgAspect;
+  const handleTouchStart = e => {
+    const touch = e.nativeEvent;
+    lastTouchRef.current = {
+      x: touch.locationX,
+      y: touch.locationY
+    };
+  };
+  const handleTouchMove = e => {
+    if (!lastTouchRef.current || !onPanViewport) return;
+    const touch = e.nativeEvent;
+    const dx = touch.locationX - lastTouchRef.current.x;
+    const dy = touch.locationY - lastTouchRef.current.y;
+    lastTouchRef.current = {
+      x: touch.locationX,
+      y: touch.locationY
+    };
+
+    // Convert minimap drag to viewport translate delta
+    // Dragging right on minimap = viewing more right = translateX decreases
+    const s = scaleSV.value;
+    const dtx = -(dx * imageRect.width / miniW) * s;
+    const dty = -(dy * imageRect.height / miniH) * s;
+    onPanViewport(dtx, dty);
+  };
+  const handleTouchEnd = () => {
+    lastTouchRef.current = null;
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [styles.container, {
+      width: miniW + 4,
+      height: miniH + 4
+    }, animatedStyle],
+    pointerEvents: visible ? "auto" : "none",
+    onStartShouldSetResponder: () => true,
+    onMoveShouldSetResponder: () => true,
+    onResponderGrant: handleTouchStart,
+    onResponderMove: handleTouchMove,
+    onResponderRelease: handleTouchEnd,
+    onResponderTerminate: handleTouchEnd,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSkia.Canvas, {
+      style: {
+        width: miniW,
+        height: miniH
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Image, {
+        image: image,
+        x: 0,
+        y: 0,
+        width: miniW,
+        height: miniH,
+        fit: "contain"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ViewportRect, {
+        miniW: miniW,
+        miniH: miniH,
+        imageRect: imageRect,
+        scale: scaleSV,
+        translateX: txSV,
+        translateY: tySV
+      })]
+    })
+  });
+});
+
+/**
+ * Renders a translucent rectangle showing the currently visible area.
+ *
+ * The viewport transform is: screen = canvas * scale + translate
+ * So the visible canvas region in image-relative coords is:
+ *   visibleLeft = (imgOffX - tx/s ... but let's think in terms of the image area.
+ *
+ * Screen position of image top-left = imgOffX * scale + tx
+ * Screen position of image bottom-right = (imgOffX + imgW) * scale + tx
+ *
+ * The layout viewport is [0, 0, layoutW, layoutH].
+ * The image occupies [imgOffX, imgOffY, imgW, imgH] on screen at scale=1.
+ *
+ * Visible portion of image in normalized [0,1]:
+ *   left  = (imgOffX - (imgOffX * scale + tx)) / (imgW * scale)
+ *         = (imgOffX * (1 - scale) - tx) / (imgW * scale)
+ *   right = left + imgW / (imgW * scale) = left + 1/scale
+ *
+ * Actually simpler: the visible region on screen is the image area [imgOffX..imgOffX+imgW].
+ * A screen point sx maps to canvas point (sx - tx) / scale.
+ * So visible canvas x-range = [(imgOffX - tx)/scale, (imgOffX + imgW - tx)/scale].
+ * In image-relative coords (subtract imgOffX):
+ *   left  = (imgOffX - tx) / scale - imgOffX
+ *   right = (imgOffX + imgW - tx) / scale - imgOffX
+ * Normalized [0..1]:
+ *   nLeft  = left / imgW
+ *   nRight = right / imgW
+ */
+function ViewportRect({
+  miniW,
+  miniH,
+  imageRect,
+  scale,
+  translateX,
+  translateY
+}) {
+  const [rectState, setRectState] = _react.default.useState({
+    x: 0,
+    y: 0,
+    w: miniW,
+    h: miniH
+  });
+  _react.default.useEffect(() => {
+    const id = setInterval(() => {
+      const s = scale.value;
+      const tx = translateX.value;
+      const ty = translateY.value;
+      const {
+        x: imgX,
+        y: imgY,
+        width: imgW,
+        height: imgH
+      } = imageRect;
+
+      // Canvas coords of visible region edges (the image display area on screen
+      // goes from imgX to imgX+imgW; map those screen coords to canvas coords)
+      const canvasLeft = (imgX - tx) / s;
+      const canvasTop = (imgY - ty) / s;
+      const canvasRight = (imgX + imgW - tx) / s;
+      const canvasBottom = (imgY + imgH - ty) / s;
+
+      // Image-relative
+      const relLeft = canvasLeft - imgX;
+      const relTop = canvasTop - imgY;
+      const relRight = canvasRight - imgX;
+      const relBottom = canvasBottom - imgY;
+
+      // Normalized [0..1]
+      const nLeft = Math.max(0, relLeft / imgW);
+      const nTop = Math.max(0, relTop / imgH);
+      const nRight = Math.min(1, relRight / imgW);
+      const nBottom = Math.min(1, relBottom / imgH);
+      const x = nLeft * miniW;
+      const y = nTop * miniH;
+      const w = (nRight - nLeft) * miniW;
+      const h = (nBottom - nTop) * miniH;
+      setRectState(prev => {
+        if (Math.abs(prev.x - x) < 0.5 && Math.abs(prev.y - y) < 0.5 && Math.abs(prev.w - w) < 0.5 && Math.abs(prev.h - h) < 0.5) {
+          return prev;
+        }
+        return {
+          x,
+          y,
+          w,
+          h
+        };
+      });
+    }, 50);
+    return () => clearInterval(id);
+  }, [scale, translateX, translateY, imageRect, miniW, miniH]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Rect, {
+      x: 0,
+      y: 0,
+      width: miniW,
+      height: Math.max(0, rectState.y),
+      color: "rgba(0, 0, 0, 0.55)"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Rect, {
+      x: 0,
+      y: rectState.y + rectState.h,
+      width: miniW,
+      height: Math.max(0, miniH - rectState.y - rectState.h),
+      color: "rgba(0, 0, 0, 0.55)"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Rect, {
+      x: 0,
+      y: rectState.y,
+      width: Math.max(0, rectState.x),
+      height: rectState.h,
+      color: "rgba(0, 0, 0, 0.55)"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Rect, {
+      x: rectState.x + rectState.w,
+      y: rectState.y,
+      width: Math.max(0, miniW - rectState.x - rectState.w),
+      height: rectState.h,
+      color: "rgba(0, 0, 0, 0.55)"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Rect, {
+      x: rectState.x + 0.5,
+      y: rectState.y + 0.5,
+      width: Math.max(0, rectState.w - 1),
+      height: Math.max(0, rectState.h - 1),
+      color: "rgba(255, 255, 255, 0.6)",
+      style: "stroke",
+      strokeWidth: 1
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: "absolute",
+    bottom: 12,
+    right: 12,
+    borderRadius: MINIMAP_BORDER_RADIUS,
+    backgroundColor: "rgba(0, 0, 0, 0.5)",
+    overflow: "hidden",
+    // Subtle shadow instead of a hard border
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.5,
+    shadowRadius: 6,
+    elevation: 8
+  }
+});
+//# sourceMappingURL=MiniMap.js.map

package/lib/commonjs/components/MiniMap.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSkia","_reactNativeReanimated","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MINIMAP_WIDTH","MINIMAP_BORDER_RADIUS","MiniMap","exports","React","memo","image","imageRect","scale","scaleSV","translateX","txSV","translateY","tySV","visible","onPanViewport","animatedStyle","useAnimatedStyle","opacity","withTiming","width","duration","lastTouchRef","useRef","imgAspect","height","miniW","miniH","handleTouchStart","touch","nativeEvent","current","x","locationX","y","locationY","handleTouchMove","dx","dy","s","value","dtx","dty","handleTouchEnd","jsx","View","style","styles","container","pointerEvents","onStartShouldSetResponder","onMoveShouldSetResponder","onResponderGrant","onResponderMove","onResponderRelease","onResponderTerminate","children","jsxs","Canvas","Image","fit","ViewportRect","rectState","setRectState","useState","w","h","useEffect","id","setInterval","tx","ty","imgX","imgY","imgW","imgH","canvasLeft","canvasTop","canvasRight","canvasBottom","relLeft","relTop","relRight","relBottom","nLeft","Math","max","nTop","nRight","min","nBottom","prev","abs","clearInterval","Fragment","Rect","color","strokeWidth","StyleSheet","create","position","bottom","right","borderRadius","backgroundColor","overflow","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation"],"sourceRoot":"../../../src","sources":["components/MiniMap.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/TextAnnotation.js

@@ -0,0 +1,162 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextAnnotation = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _coordinates = require("../utils/coordinates");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const textCursorStyle = {
+  cursor: "grab"
+};
+const TextAnnotation = exports.TextAnnotation = /*#__PURE__*/_react.default.memo(function TextAnnotation({
+  object,
+  canvasSize,
+  imageOffset,
+  isSelected,
+  onSelect,
+  onMove,
+  onDoubleTap,
+  onDelete,
+  viewScale,
+  viewTranslateX,
+  viewTranslateY
+}) {
+  const pos = (0, _react.useMemo)(() => {
+    const p = (0, _coordinates.denormalize)(object.position, canvasSize);
+    return {
+      x: p.x + imageOffset.x,
+      y: p.y + imageOffset.y
+    };
+  }, [object.position, canvasSize, imageOffset]);
+  const width = object.width * canvasSize.width;
+  const height = object.height * canvasSize.height;
+  const translateX = (0, _reactNativeReanimated.useSharedValue)(0);
+  const translateY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const handleDragEnd = (0, _react.useCallback)((dx, dy) => {
+    // dx/dy are already in canvas space (divided by scale in gesture)
+    const normalizedDx = canvasSize.width > 0 ? dx / canvasSize.width : 0;
+    const normalizedDy = canvasSize.height > 0 ? dy / canvasSize.height : 0;
+    onMove(object.id, normalizedDx, normalizedDy);
+    translateX.value = 0;
+    translateY.value = 0;
+  }, [object.id, canvasSize, onMove, translateX, translateY]);
+  const panGesture = _reactNativeGestureHandler.Gesture.Pan().onBegin(() => {
+    "worklet";
+
+    (0, _reactNativeReanimated.runOnJS)(onSelect)(object.id);
+  }).onUpdate(e => {
+    "worklet";
+
+    // Translate in screen space but represent in canvas space
+    translateX.value = e.translationX / viewScale.value;
+    translateY.value = e.translationY / viewScale.value;
+  }).onEnd(() => {
+    "worklet";
+
+    const dx = translateX.value;
+    const dy = translateY.value;
+    (0, _reactNativeReanimated.runOnJS)(handleDragEnd)(dx, dy);
+  });
+  const tapGesture = _reactNativeGestureHandler.Gesture.Tap().onEnd(() => {
+    "worklet";
+
+    (0, _reactNativeReanimated.runOnJS)(onSelect)(object.id);
+  });
+  const doubleTapGesture = _reactNativeGestureHandler.Gesture.Tap().numberOfTaps(2).onEnd(() => {
+    "worklet";
+
+    (0, _reactNativeReanimated.runOnJS)(onDoubleTap)(object.id);
+  });
+  const composedGesture = _reactNativeGestureHandler.Gesture.Exclusive(doubleTapGesture, tapGesture, panGesture);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const s = viewScale.value;
+    const vtx = viewTranslateX.value;
+    const vty = viewTranslateY.value;
+    return {
+      transform: [
+      // Apply drag offset in canvas space, then scale to screen space
+      {
+        translateX: (pos.x + translateX.value) * s + vtx - pos.x
+      }, {
+        translateY: (pos.y + translateY.value) * s + vty - pos.y
+      }, {
+        scale: s
+      }]
+    };
+  });
+  const bgColor = object.backgroundColor ? object.backgroundColor.replace(/[\d.]+\)$/, `${object.backgroundAlpha ?? 0.5})`) : "transparent";
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+    gesture: composedGesture,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+      style: [styles.container, _reactNative.Platform.OS === "web" ? textCursorStyle : undefined, {
+        left: pos.x,
+        top: pos.y,
+        width,
+        height,
+        backgroundColor: bgColor,
+        borderColor: isSelected ? "rgba(0, 122, 255, 0.8)" : "transparent",
+        borderWidth: isSelected ? 1 : 0,
+        borderStyle: isSelected ? "dashed" : "solid"
+      }, animatedStyle],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.text, {
+          color: object.color
+        }],
+        numberOfLines: 0,
+        adjustsFontSizeToFit: true,
+        minimumFontScale: 0.035,
+        children: object.value
+      }), isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        style: styles.deleteButton,
+        onPress: () => onDelete(object.id),
+        hitSlop: {
+          top: 10,
+          bottom: 10,
+          left: 10,
+          right: 10
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.deleteIcon,
+          children: "\u2715"
+        })
+      })]
+    })
+  });
+});
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: "absolute",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 4,
+    minWidth: 40,
+    minHeight: 24
+  },
+  text: {
+    fontSize: 18,
+    textAlign: "center"
+  },
+  deleteButton: {
+    position: "absolute",
+    top: -12,
+    left: -12,
+    width: 24,
+    height: 24,
+    borderRadius: 12,
+    backgroundColor: "rgba(255, 59, 48, 0.9)",
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  deleteIcon: {
+    color: "#FFFFFF",
+    fontSize: 12,
+    fontWeight: "bold"
+  }
+});
+//# sourceMappingURL=TextAnnotation.js.map

package/lib/commonjs/components/TextAnnotation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_coordinates","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","textCursorStyle","cursor","TextAnnotation","exports","React","memo","object","canvasSize","imageOffset","isSelected","onSelect","onMove","onDoubleTap","onDelete","viewScale","viewTranslateX","viewTranslateY","pos","useMemo","p","denormalize","position","x","y","width","height","translateX","useSharedValue","translateY","handleDragEnd","useCallback","dx","dy","normalizedDx","normalizedDy","id","value","panGesture","Gesture","Pan","onBegin","runOnJS","onUpdate","translationX","translationY","onEnd","tapGesture","Tap","doubleTapGesture","numberOfTaps","composedGesture","Exclusive","animatedStyle","useAnimatedStyle","s","vtx","vty","transform","scale","bgColor","backgroundColor","replace","backgroundAlpha","jsx","GestureDetector","gesture","children","jsxs","View","style","styles","container","Platform","OS","undefined","left","top","borderColor","borderWidth","borderStyle","Text","text","color","numberOfLines","adjustsFontSizeToFit","minimumFontScale","TouchableOpacity","deleteButton","onPress","hitSlop","bottom","right","deleteIcon","StyleSheet","create","justifyContent","alignItems","padding","minWidth","minHeight","fontSize","textAlign","borderRadius","fontWeight"],"sourceRoot":"../../../src","sources":["components/TextAnnotation.tsx"],"mappings":"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","ignoreList":[]}