@archireport/react-native-drawing 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +181 -0
- package/lib/commonjs/DrawingEditor.js +815 -0
- package/lib/commonjs/DrawingEditor.js.map +1 -0
- package/lib/commonjs/assets/toolbar-icons/arrow-disabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/arrow-enabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/arrow.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/circle-disabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/circle-enabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/circle.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/freehand-disabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/freehand-enabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/freehand.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/line-disabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/line-enabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/line.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/measure-disabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/measure-enabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/measure.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/move-disabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/move-enabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/move.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/polygon-disabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/polygon-enabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/polygon.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/rectangle-disabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/rectangle-enabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/rectangle.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/text-disabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/text-enabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/text.png +0 -0
- package/lib/commonjs/components/ColorPalette.js +379 -0
- package/lib/commonjs/components/ColorPalette.js.map +1 -0
- package/lib/commonjs/components/LineWidthSlider.js +70 -0
- package/lib/commonjs/components/LineWidthSlider.js.map +1 -0
- package/lib/commonjs/components/MeasurementEditModal.js +153 -0
- package/lib/commonjs/components/MeasurementEditModal.js.map +1 -0
- package/lib/commonjs/components/MiniMap.js +244 -0
- package/lib/commonjs/components/MiniMap.js.map +1 -0
- package/lib/commonjs/components/TextAnnotation.js +162 -0
- package/lib/commonjs/components/TextAnnotation.js.map +1 -0
- package/lib/commonjs/components/TextEditModal.js +133 -0
- package/lib/commonjs/components/TextEditModal.js.map +1 -0
- package/lib/commonjs/components/Toolbar.js +198 -0
- package/lib/commonjs/components/Toolbar.js.map +1 -0
- package/lib/commonjs/components/ZoomBadge.js +161 -0
- package/lib/commonjs/components/ZoomBadge.js.map +1 -0
- package/lib/commonjs/hooks/useFreehandGesture.js +173 -0
- package/lib/commonjs/hooks/useFreehandGesture.js.map +1 -0
- package/lib/commonjs/hooks/usePolygonGesture.js +109 -0
- package/lib/commonjs/hooks/usePolygonGesture.js.map +1 -0
- package/lib/commonjs/hooks/useSelectionGesture.js +236 -0
- package/lib/commonjs/hooks/useSelectionGesture.js.map +1 -0
- package/lib/commonjs/hooks/useShapeGesture.js +181 -0
- package/lib/commonjs/hooks/useShapeGesture.js.map +1 -0
- package/lib/commonjs/hooks/useViewportGesture.js +238 -0
- package/lib/commonjs/hooks/useViewportGesture.js.map +1 -0
- package/lib/commonjs/index.js +104 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/renderers/ArrowRenderer.js +118 -0
- package/lib/commonjs/renderers/ArrowRenderer.js.map +1 -0
- package/lib/commonjs/renderers/CircleRenderer.js +51 -0
- package/lib/commonjs/renderers/CircleRenderer.js.map +1 -0
- package/lib/commonjs/renderers/FreehandRenderer.js +31 -0
- package/lib/commonjs/renderers/FreehandRenderer.js.map +1 -0
- package/lib/commonjs/renderers/InProgressRenderer.js +174 -0
- package/lib/commonjs/renderers/InProgressRenderer.js.map +1 -0
- package/lib/commonjs/renderers/LineRenderer.js +27 -0
- package/lib/commonjs/renderers/LineRenderer.js.map +1 -0
- package/lib/commonjs/renderers/MeasurementRenderer.js +134 -0
- package/lib/commonjs/renderers/MeasurementRenderer.js.map +1 -0
- package/lib/commonjs/renderers/ObjectRenderer.js +65 -0
- package/lib/commonjs/renderers/ObjectRenderer.js.map +1 -0
- package/lib/commonjs/renderers/PolygonRenderer.js +46 -0
- package/lib/commonjs/renderers/PolygonRenderer.js.map +1 -0
- package/lib/commonjs/renderers/RectRenderer.js +51 -0
- package/lib/commonjs/renderers/RectRenderer.js.map +1 -0
- package/lib/commonjs/renderers/SelectedObjectRenderer.js +592 -0
- package/lib/commonjs/renderers/SelectedObjectRenderer.js.map +1 -0
- package/lib/commonjs/renderers/SelectionOverlay.js +120 -0
- package/lib/commonjs/renderers/SelectionOverlay.js.map +1 -0
- package/lib/commonjs/store/useDrawingStore.js +354 -0
- package/lib/commonjs/store/useDrawingStore.js.map +1 -0
- package/lib/commonjs/types.js +6 -0
- package/lib/commonjs/types.js.map +1 -0
- package/lib/commonjs/utils/colors.js +44 -0
- package/lib/commonjs/utils/colors.js.map +1 -0
- package/lib/commonjs/utils/coordinates.js +81 -0
- package/lib/commonjs/utils/coordinates.js.map +1 -0
- package/lib/commonjs/utils/hitTesting.js +181 -0
- package/lib/commonjs/utils/hitTesting.js.map +1 -0
- package/lib/commonjs/utils/serialization.js +42 -0
- package/lib/commonjs/utils/serialization.js.map +1 -0
- package/lib/commonjs/utils/shapeDetection.js +151 -0
- package/lib/commonjs/utils/shapeDetection.js.map +1 -0
- package/lib/commonjs/utils/smoothing.js +85 -0
- package/lib/commonjs/utils/smoothing.js.map +1 -0
- package/lib/module/DrawingEditor.js +811 -0
- package/lib/module/DrawingEditor.js.map +1 -0
- package/lib/module/assets/toolbar-icons/arrow-disabled.png +0 -0
- package/lib/module/assets/toolbar-icons/arrow-enabled.png +0 -0
- package/lib/module/assets/toolbar-icons/arrow.png +0 -0
- package/lib/module/assets/toolbar-icons/circle-disabled.png +0 -0
- package/lib/module/assets/toolbar-icons/circle-enabled.png +0 -0
- package/lib/module/assets/toolbar-icons/circle.png +0 -0
- package/lib/module/assets/toolbar-icons/freehand-disabled.png +0 -0
- package/lib/module/assets/toolbar-icons/freehand-enabled.png +0 -0
- package/lib/module/assets/toolbar-icons/freehand.png +0 -0
- package/lib/module/assets/toolbar-icons/line-disabled.png +0 -0
- package/lib/module/assets/toolbar-icons/line-enabled.png +0 -0
- package/lib/module/assets/toolbar-icons/line.png +0 -0
- package/lib/module/assets/toolbar-icons/measure-disabled.png +0 -0
- package/lib/module/assets/toolbar-icons/measure-enabled.png +0 -0
- package/lib/module/assets/toolbar-icons/measure.png +0 -0
- package/lib/module/assets/toolbar-icons/move-disabled.png +0 -0
- package/lib/module/assets/toolbar-icons/move-enabled.png +0 -0
- package/lib/module/assets/toolbar-icons/move.png +0 -0
- package/lib/module/assets/toolbar-icons/polygon-disabled.png +0 -0
- package/lib/module/assets/toolbar-icons/polygon-enabled.png +0 -0
- package/lib/module/assets/toolbar-icons/polygon.png +0 -0
- package/lib/module/assets/toolbar-icons/rectangle-disabled.png +0 -0
- package/lib/module/assets/toolbar-icons/rectangle-enabled.png +0 -0
- package/lib/module/assets/toolbar-icons/rectangle.png +0 -0
- package/lib/module/assets/toolbar-icons/text-disabled.png +0 -0
- package/lib/module/assets/toolbar-icons/text-enabled.png +0 -0
- package/lib/module/assets/toolbar-icons/text.png +0 -0
- package/lib/module/components/ColorPalette.js +374 -0
- package/lib/module/components/ColorPalette.js.map +1 -0
- package/lib/module/components/LineWidthSlider.js +64 -0
- package/lib/module/components/LineWidthSlider.js.map +1 -0
- package/lib/module/components/MeasurementEditModal.js +148 -0
- package/lib/module/components/MeasurementEditModal.js.map +1 -0
- package/lib/module/components/MiniMap.js +239 -0
- package/lib/module/components/MiniMap.js.map +1 -0
- package/lib/module/components/TextAnnotation.js +157 -0
- package/lib/module/components/TextAnnotation.js.map +1 -0
- package/lib/module/components/TextEditModal.js +128 -0
- package/lib/module/components/TextEditModal.js.map +1 -0
- package/lib/module/components/Toolbar.js +193 -0
- package/lib/module/components/Toolbar.js.map +1 -0
- package/lib/module/components/ZoomBadge.js +155 -0
- package/lib/module/components/ZoomBadge.js.map +1 -0
- package/lib/module/hooks/useFreehandGesture.js +169 -0
- package/lib/module/hooks/useFreehandGesture.js.map +1 -0
- package/lib/module/hooks/usePolygonGesture.js +106 -0
- package/lib/module/hooks/usePolygonGesture.js.map +1 -0
- package/lib/module/hooks/useSelectionGesture.js +232 -0
- package/lib/module/hooks/useSelectionGesture.js.map +1 -0
- package/lib/module/hooks/useShapeGesture.js +177 -0
- package/lib/module/hooks/useShapeGesture.js.map +1 -0
- package/lib/module/hooks/useViewportGesture.js +234 -0
- package/lib/module/hooks/useViewportGesture.js.map +1 -0
- package/lib/module/index.js +20 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/package.json +1 -0
- package/lib/module/renderers/ArrowRenderer.js +113 -0
- package/lib/module/renderers/ArrowRenderer.js.map +1 -0
- package/lib/module/renderers/CircleRenderer.js +46 -0
- package/lib/module/renderers/CircleRenderer.js.map +1 -0
- package/lib/module/renderers/FreehandRenderer.js +26 -0
- package/lib/module/renderers/FreehandRenderer.js.map +1 -0
- package/lib/module/renderers/InProgressRenderer.js +169 -0
- package/lib/module/renderers/InProgressRenderer.js.map +1 -0
- package/lib/module/renderers/LineRenderer.js +22 -0
- package/lib/module/renderers/LineRenderer.js.map +1 -0
- package/lib/module/renderers/MeasurementRenderer.js +129 -0
- package/lib/module/renderers/MeasurementRenderer.js.map +1 -0
- package/lib/module/renderers/ObjectRenderer.js +60 -0
- package/lib/module/renderers/ObjectRenderer.js.map +1 -0
- package/lib/module/renderers/PolygonRenderer.js +41 -0
- package/lib/module/renderers/PolygonRenderer.js.map +1 -0
- package/lib/module/renderers/RectRenderer.js +46 -0
- package/lib/module/renderers/RectRenderer.js.map +1 -0
- package/lib/module/renderers/SelectedObjectRenderer.js +587 -0
- package/lib/module/renderers/SelectedObjectRenderer.js.map +1 -0
- package/lib/module/renderers/SelectionOverlay.js +116 -0
- package/lib/module/renderers/SelectionOverlay.js.map +1 -0
- package/lib/module/store/useDrawingStore.js +350 -0
- package/lib/module/store/useDrawingStore.js.map +1 -0
- package/lib/module/types.js +4 -0
- package/lib/module/types.js.map +1 -0
- package/lib/module/utils/colors.js +40 -0
- package/lib/module/utils/colors.js.map +1 -0
- package/lib/module/utils/coordinates.js +71 -0
- package/lib/module/utils/coordinates.js.map +1 -0
- package/lib/module/utils/hitTesting.js +171 -0
- package/lib/module/utils/hitTesting.js.map +1 -0
- package/lib/module/utils/serialization.js +36 -0
- package/lib/module/utils/serialization.js.map +1 -0
- package/lib/module/utils/shapeDetection.js +147 -0
- package/lib/module/utils/shapeDetection.js.map +1 -0
- package/lib/module/utils/smoothing.js +80 -0
- package/lib/module/utils/smoothing.js.map +1 -0
- package/lib/typescript/DrawingEditor.d.ts +3 -0
- package/lib/typescript/DrawingEditor.d.ts.map +1 -0
- package/lib/typescript/components/ColorPalette.d.ts +9 -0
- package/lib/typescript/components/ColorPalette.d.ts.map +1 -0
- package/lib/typescript/components/LineWidthSlider.d.ts +11 -0
- package/lib/typescript/components/LineWidthSlider.d.ts.map +1 -0
- package/lib/typescript/components/MeasurementEditModal.d.ts +11 -0
- package/lib/typescript/components/MeasurementEditModal.d.ts.map +1 -0
- package/lib/typescript/components/MiniMap.d.ts +23 -0
- package/lib/typescript/components/MiniMap.d.ts.map +1 -0
- package/lib/typescript/components/TextAnnotation.d.ts +22 -0
- package/lib/typescript/components/TextAnnotation.d.ts.map +1 -0
- package/lib/typescript/components/TextEditModal.d.ts +10 -0
- package/lib/typescript/components/TextEditModal.d.ts.map +1 -0
- package/lib/typescript/components/Toolbar.d.ts +13 -0
- package/lib/typescript/components/Toolbar.d.ts.map +1 -0
- package/lib/typescript/components/ZoomBadge.d.ts +9 -0
- package/lib/typescript/components/ZoomBadge.d.ts.map +1 -0
- package/lib/typescript/hooks/useFreehandGesture.d.ts +47 -0
- package/lib/typescript/hooks/useFreehandGesture.d.ts.map +1 -0
- package/lib/typescript/hooks/usePolygonGesture.d.ts +47 -0
- package/lib/typescript/hooks/usePolygonGesture.d.ts.map +1 -0
- package/lib/typescript/hooks/useSelectionGesture.d.ts +32 -0
- package/lib/typescript/hooks/useSelectionGesture.d.ts.map +1 -0
- package/lib/typescript/hooks/useShapeGesture.d.ts +54 -0
- package/lib/typescript/hooks/useShapeGesture.d.ts.map +1 -0
- package/lib/typescript/hooks/useViewportGesture.d.ts +37 -0
- package/lib/typescript/hooks/useViewportGesture.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +11 -0
- package/lib/typescript/index.d.ts.map +1 -0
- package/lib/typescript/renderers/ArrowRenderer.d.ts +9 -0
- package/lib/typescript/renderers/ArrowRenderer.d.ts.map +1 -0
- package/lib/typescript/renderers/CircleRenderer.d.ts +9 -0
- package/lib/typescript/renderers/CircleRenderer.d.ts.map +1 -0
- package/lib/typescript/renderers/FreehandRenderer.d.ts +9 -0
- package/lib/typescript/renderers/FreehandRenderer.d.ts.map +1 -0
- package/lib/typescript/renderers/InProgressRenderer.d.ts +32 -0
- package/lib/typescript/renderers/InProgressRenderer.d.ts.map +1 -0
- package/lib/typescript/renderers/LineRenderer.d.ts +9 -0
- package/lib/typescript/renderers/LineRenderer.d.ts.map +1 -0
- package/lib/typescript/renderers/MeasurementRenderer.d.ts +9 -0
- package/lib/typescript/renderers/MeasurementRenderer.d.ts.map +1 -0
- package/lib/typescript/renderers/ObjectRenderer.d.ts +12 -0
- package/lib/typescript/renderers/ObjectRenderer.d.ts.map +1 -0
- package/lib/typescript/renderers/PolygonRenderer.d.ts +13 -0
- package/lib/typescript/renderers/PolygonRenderer.d.ts.map +1 -0
- package/lib/typescript/renderers/RectRenderer.d.ts +9 -0
- package/lib/typescript/renderers/RectRenderer.d.ts.map +1 -0
- package/lib/typescript/renderers/SelectedObjectRenderer.d.ts +18 -0
- package/lib/typescript/renderers/SelectedObjectRenderer.d.ts.map +1 -0
- package/lib/typescript/renderers/SelectionOverlay.d.ts +21 -0
- package/lib/typescript/renderers/SelectionOverlay.d.ts.map +1 -0
- package/lib/typescript/store/useDrawingStore.d.ts +30 -0
- package/lib/typescript/store/useDrawingStore.d.ts.map +1 -0
- package/lib/typescript/types.d.ts +130 -0
- package/lib/typescript/types.d.ts.map +1 -0
- package/lib/typescript/utils/colors.d.ts +11 -0
- package/lib/typescript/utils/colors.d.ts.map +1 -0
- package/lib/typescript/utils/coordinates.d.ts +34 -0
- package/lib/typescript/utils/coordinates.d.ts.map +1 -0
- package/lib/typescript/utils/hitTesting.d.ts +18 -0
- package/lib/typescript/utils/hitTesting.d.ts.map +1 -0
- package/lib/typescript/utils/serialization.d.ts +17 -0
- package/lib/typescript/utils/serialization.d.ts.map +1 -0
- package/lib/typescript/utils/shapeDetection.d.ts +22 -0
- package/lib/typescript/utils/shapeDetection.d.ts.map +1 -0
- package/lib/typescript/utils/smoothing.d.ts +16 -0
- package/lib/typescript/utils/smoothing.d.ts.map +1 -0
- package/package.json +108 -0
- package/src/DrawingEditor.tsx +1071 -0
- package/src/assets/toolbar-icons/arrow-disabled.png +0 -0
- package/src/assets/toolbar-icons/arrow-enabled.png +0 -0
- package/src/assets/toolbar-icons/arrow.png +0 -0
- package/src/assets/toolbar-icons/circle-disabled.png +0 -0
- package/src/assets/toolbar-icons/circle-enabled.png +0 -0
- package/src/assets/toolbar-icons/circle.png +0 -0
- package/src/assets/toolbar-icons/freehand-disabled.png +0 -0
- package/src/assets/toolbar-icons/freehand-enabled.png +0 -0
- package/src/assets/toolbar-icons/freehand.png +0 -0
- package/src/assets/toolbar-icons/line-disabled.png +0 -0
- package/src/assets/toolbar-icons/line-enabled.png +0 -0
- package/src/assets/toolbar-icons/line.png +0 -0
- package/src/assets/toolbar-icons/measure-disabled.png +0 -0
- package/src/assets/toolbar-icons/measure-enabled.png +0 -0
- package/src/assets/toolbar-icons/measure.png +0 -0
- package/src/assets/toolbar-icons/move-disabled.png +0 -0
- package/src/assets/toolbar-icons/move-enabled.png +0 -0
- package/src/assets/toolbar-icons/move.png +0 -0
- package/src/assets/toolbar-icons/polygon-disabled.png +0 -0
- package/src/assets/toolbar-icons/polygon-enabled.png +0 -0
- package/src/assets/toolbar-icons/polygon.png +0 -0
- package/src/assets/toolbar-icons/rectangle-disabled.png +0 -0
- package/src/assets/toolbar-icons/rectangle-enabled.png +0 -0
- package/src/assets/toolbar-icons/rectangle.png +0 -0
- package/src/assets/toolbar-icons/text-disabled.png +0 -0
- package/src/assets/toolbar-icons/text-enabled.png +0 -0
- package/src/assets/toolbar-icons/text.png +0 -0
- package/src/components/ColorPalette.tsx +497 -0
- package/src/components/LineWidthSlider.tsx +87 -0
- package/src/components/MeasurementEditModal.tsx +163 -0
- package/src/components/MiniMap.tsx +275 -0
- package/src/components/TextAnnotation.tsx +198 -0
- package/src/components/TextEditModal.tsx +139 -0
- package/src/components/Toolbar.tsx +254 -0
- package/src/components/ZoomBadge.tsx +166 -0
- package/src/hooks/useFreehandGesture.ts +249 -0
- package/src/hooks/usePolygonGesture.ts +162 -0
- package/src/hooks/useSelectionGesture.ts +293 -0
- package/src/hooks/useShapeGesture.ts +256 -0
- package/src/hooks/useViewportGesture.ts +337 -0
- package/src/index.tsx +51 -0
- package/src/renderers/ArrowRenderer.tsx +123 -0
- package/src/renderers/CircleRenderer.tsx +60 -0
- package/src/renderers/FreehandRenderer.tsx +33 -0
- package/src/renderers/InProgressRenderer.tsx +217 -0
- package/src/renderers/LineRenderer.tsx +34 -0
- package/src/renderers/MeasurementRenderer.tsx +179 -0
- package/src/renderers/ObjectRenderer.tsx +42 -0
- package/src/renderers/PolygonRenderer.tsx +66 -0
- package/src/renderers/RectRenderer.tsx +60 -0
- package/src/renderers/SelectedObjectRenderer.tsx +738 -0
- package/src/renderers/SelectionOverlay.tsx +170 -0
- package/src/store/useDrawingStore.ts +357 -0
- package/src/types.ts +186 -0
- package/src/utils/colors.ts +98 -0
- package/src/utils/coordinates.ts +75 -0
- package/src/utils/hitTesting.ts +242 -0
- package/src/utils/serialization.ts +45 -0
- package/src/utils/shapeDetection.ts +160 -0
- package/src/utils/smoothing.ts +84 -0
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useState, useCallback } from "react";
|
|
4
|
+
import { Modal, View, TextInput, TouchableOpacity, Text, StyleSheet, KeyboardAvoidingView, Platform } from "react-native";
|
|
5
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
+
export const MeasurementEditModal = /*#__PURE__*/React.memo(function MeasurementEditModal({
|
|
7
|
+
visible,
|
|
8
|
+
initialValue,
|
|
9
|
+
initialUnit,
|
|
10
|
+
onSubmit,
|
|
11
|
+
onCancel
|
|
12
|
+
}) {
|
|
13
|
+
const [value, setValue] = useState(initialValue);
|
|
14
|
+
const [unit, setUnit] = useState(initialUnit);
|
|
15
|
+
React.useEffect(() => {
|
|
16
|
+
if (visible) {
|
|
17
|
+
setValue(initialValue);
|
|
18
|
+
setUnit(initialUnit);
|
|
19
|
+
}
|
|
20
|
+
}, [visible, initialValue, initialUnit]);
|
|
21
|
+
const handleSubmit = useCallback(() => {
|
|
22
|
+
onSubmit(value || "0", unit || "cm");
|
|
23
|
+
}, [value, unit, onSubmit]);
|
|
24
|
+
return /*#__PURE__*/_jsx(Modal, {
|
|
25
|
+
visible: visible,
|
|
26
|
+
transparent: true,
|
|
27
|
+
animationType: "fade",
|
|
28
|
+
onRequestClose: onCancel,
|
|
29
|
+
children: /*#__PURE__*/_jsx(KeyboardAvoidingView, {
|
|
30
|
+
style: styles.overlay,
|
|
31
|
+
behavior: Platform.OS === "ios" ? "padding" : "height",
|
|
32
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
33
|
+
style: styles.dialog,
|
|
34
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
35
|
+
style: styles.title,
|
|
36
|
+
children: "Measurement"
|
|
37
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
38
|
+
style: styles.inputRow,
|
|
39
|
+
children: [/*#__PURE__*/_jsx(TextInput, {
|
|
40
|
+
style: [styles.input, styles.valueInput],
|
|
41
|
+
value: value,
|
|
42
|
+
onChangeText: setValue,
|
|
43
|
+
placeholder: "Value",
|
|
44
|
+
placeholderTextColor: "#999",
|
|
45
|
+
keyboardType: "decimal-pad",
|
|
46
|
+
autoFocus: true
|
|
47
|
+
}), /*#__PURE__*/_jsx(TextInput, {
|
|
48
|
+
style: [styles.input, styles.unitInput],
|
|
49
|
+
value: unit,
|
|
50
|
+
onChangeText: setUnit,
|
|
51
|
+
placeholder: "Unit",
|
|
52
|
+
placeholderTextColor: "#999",
|
|
53
|
+
autoCapitalize: "none",
|
|
54
|
+
autoCorrect: false
|
|
55
|
+
})]
|
|
56
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
57
|
+
style: styles.buttons,
|
|
58
|
+
children: [/*#__PURE__*/_jsx(TouchableOpacity, {
|
|
59
|
+
style: styles.cancelButton,
|
|
60
|
+
onPress: onCancel,
|
|
61
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
62
|
+
style: styles.cancelText,
|
|
63
|
+
children: "Cancel"
|
|
64
|
+
})
|
|
65
|
+
}), /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
66
|
+
style: styles.submitButton,
|
|
67
|
+
onPress: handleSubmit,
|
|
68
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
69
|
+
style: styles.submitText,
|
|
70
|
+
children: "OK"
|
|
71
|
+
})
|
|
72
|
+
})]
|
|
73
|
+
})]
|
|
74
|
+
})
|
|
75
|
+
})
|
|
76
|
+
});
|
|
77
|
+
});
|
|
78
|
+
const styles = StyleSheet.create({
|
|
79
|
+
overlay: {
|
|
80
|
+
flex: 1,
|
|
81
|
+
backgroundColor: "rgba(0, 0, 0, 0.5)",
|
|
82
|
+
justifyContent: "center",
|
|
83
|
+
alignItems: "center",
|
|
84
|
+
padding: 24
|
|
85
|
+
},
|
|
86
|
+
dialog: {
|
|
87
|
+
backgroundColor: "#2C2C2E",
|
|
88
|
+
borderRadius: 14,
|
|
89
|
+
padding: 20,
|
|
90
|
+
width: "100%",
|
|
91
|
+
maxWidth: 320
|
|
92
|
+
},
|
|
93
|
+
title: {
|
|
94
|
+
color: "#FFFFFF",
|
|
95
|
+
fontSize: 17,
|
|
96
|
+
fontWeight: "600",
|
|
97
|
+
marginBottom: 16,
|
|
98
|
+
textAlign: "center"
|
|
99
|
+
},
|
|
100
|
+
inputRow: {
|
|
101
|
+
flexDirection: "row",
|
|
102
|
+
gap: 10,
|
|
103
|
+
marginBottom: 16
|
|
104
|
+
},
|
|
105
|
+
input: {
|
|
106
|
+
backgroundColor: "#1C1C1E",
|
|
107
|
+
borderRadius: 10,
|
|
108
|
+
padding: 12,
|
|
109
|
+
color: "#FFFFFF",
|
|
110
|
+
fontSize: 17
|
|
111
|
+
},
|
|
112
|
+
valueInput: {
|
|
113
|
+
flex: 2,
|
|
114
|
+
textAlign: "center"
|
|
115
|
+
},
|
|
116
|
+
unitInput: {
|
|
117
|
+
flex: 1,
|
|
118
|
+
textAlign: "center"
|
|
119
|
+
},
|
|
120
|
+
buttons: {
|
|
121
|
+
flexDirection: "row",
|
|
122
|
+
gap: 12
|
|
123
|
+
},
|
|
124
|
+
cancelButton: {
|
|
125
|
+
flex: 1,
|
|
126
|
+
paddingVertical: 12,
|
|
127
|
+
borderRadius: 10,
|
|
128
|
+
backgroundColor: "#3A3A3C",
|
|
129
|
+
alignItems: "center"
|
|
130
|
+
},
|
|
131
|
+
cancelText: {
|
|
132
|
+
color: "#FFFFFF",
|
|
133
|
+
fontSize: 16
|
|
134
|
+
},
|
|
135
|
+
submitButton: {
|
|
136
|
+
flex: 1,
|
|
137
|
+
paddingVertical: 12,
|
|
138
|
+
borderRadius: 10,
|
|
139
|
+
backgroundColor: "#007AFF",
|
|
140
|
+
alignItems: "center"
|
|
141
|
+
},
|
|
142
|
+
submitText: {
|
|
143
|
+
color: "#FFFFFF",
|
|
144
|
+
fontSize: 16,
|
|
145
|
+
fontWeight: "600"
|
|
146
|
+
}
|
|
147
|
+
});
|
|
148
|
+
//# sourceMappingURL=MeasurementEditModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useState","useCallback","Modal","View","TextInput","TouchableOpacity","Text","StyleSheet","KeyboardAvoidingView","Platform","jsx","_jsx","jsxs","_jsxs","MeasurementEditModal","memo","visible","initialValue","initialUnit","onSubmit","onCancel","value","setValue","unit","setUnit","useEffect","handleSubmit","transparent","animationType","onRequestClose","children","style","styles","overlay","behavior","OS","dialog","title","inputRow","input","valueInput","onChangeText","placeholder","placeholderTextColor","keyboardType","autoFocus","unitInput","autoCapitalize","autoCorrect","buttons","cancelButton","onPress","cancelText","submitButton","submitText","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":[]}
|
|
@@ -0,0 +1,239 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useRef } from "react";
|
|
4
|
+
import { StyleSheet } from "react-native";
|
|
5
|
+
import { Canvas, Image, Rect } from "@shopify/react-native-skia";
|
|
6
|
+
import Animated, { useAnimatedStyle, withTiming } from "react-native-reanimated";
|
|
7
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
8
|
+
const MINIMAP_WIDTH = 100;
|
|
9
|
+
const MINIMAP_BORDER_RADIUS = 6;
|
|
10
|
+
export const MiniMap = /*#__PURE__*/React.memo(function MiniMap({
|
|
11
|
+
image,
|
|
12
|
+
imageRect,
|
|
13
|
+
scale: scaleSV,
|
|
14
|
+
translateX: txSV,
|
|
15
|
+
translateY: tySV,
|
|
16
|
+
visible,
|
|
17
|
+
onPanViewport
|
|
18
|
+
}) {
|
|
19
|
+
const animatedStyle = useAnimatedStyle(() => ({
|
|
20
|
+
opacity: withTiming(visible && image && imageRect.width > 0 ? 1 : 0, {
|
|
21
|
+
duration: 250
|
|
22
|
+
})
|
|
23
|
+
}));
|
|
24
|
+
|
|
25
|
+
// Track last touch position for drag-to-pan
|
|
26
|
+
const lastTouchRef = useRef(null);
|
|
27
|
+
if (!image || imageRect.width === 0) return null;
|
|
28
|
+
const imgAspect = imageRect.width / imageRect.height;
|
|
29
|
+
const miniW = MINIMAP_WIDTH;
|
|
30
|
+
const miniH = miniW / imgAspect;
|
|
31
|
+
const handleTouchStart = e => {
|
|
32
|
+
const touch = e.nativeEvent;
|
|
33
|
+
lastTouchRef.current = {
|
|
34
|
+
x: touch.locationX,
|
|
35
|
+
y: touch.locationY
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
const handleTouchMove = e => {
|
|
39
|
+
if (!lastTouchRef.current || !onPanViewport) return;
|
|
40
|
+
const touch = e.nativeEvent;
|
|
41
|
+
const dx = touch.locationX - lastTouchRef.current.x;
|
|
42
|
+
const dy = touch.locationY - lastTouchRef.current.y;
|
|
43
|
+
lastTouchRef.current = {
|
|
44
|
+
x: touch.locationX,
|
|
45
|
+
y: touch.locationY
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
// Convert minimap drag to viewport translate delta
|
|
49
|
+
// Dragging right on minimap = viewing more right = translateX decreases
|
|
50
|
+
const s = scaleSV.value;
|
|
51
|
+
const dtx = -(dx * imageRect.width / miniW) * s;
|
|
52
|
+
const dty = -(dy * imageRect.height / miniH) * s;
|
|
53
|
+
onPanViewport(dtx, dty);
|
|
54
|
+
};
|
|
55
|
+
const handleTouchEnd = () => {
|
|
56
|
+
lastTouchRef.current = null;
|
|
57
|
+
};
|
|
58
|
+
return /*#__PURE__*/_jsx(Animated.View, {
|
|
59
|
+
style: [styles.container, {
|
|
60
|
+
width: miniW + 4,
|
|
61
|
+
height: miniH + 4
|
|
62
|
+
}, animatedStyle],
|
|
63
|
+
pointerEvents: visible ? "auto" : "none",
|
|
64
|
+
onStartShouldSetResponder: () => true,
|
|
65
|
+
onMoveShouldSetResponder: () => true,
|
|
66
|
+
onResponderGrant: handleTouchStart,
|
|
67
|
+
onResponderMove: handleTouchMove,
|
|
68
|
+
onResponderRelease: handleTouchEnd,
|
|
69
|
+
onResponderTerminate: handleTouchEnd,
|
|
70
|
+
children: /*#__PURE__*/_jsxs(Canvas, {
|
|
71
|
+
style: {
|
|
72
|
+
width: miniW,
|
|
73
|
+
height: miniH
|
|
74
|
+
},
|
|
75
|
+
children: [/*#__PURE__*/_jsx(Image, {
|
|
76
|
+
image: image,
|
|
77
|
+
x: 0,
|
|
78
|
+
y: 0,
|
|
79
|
+
width: miniW,
|
|
80
|
+
height: miniH,
|
|
81
|
+
fit: "contain"
|
|
82
|
+
}), /*#__PURE__*/_jsx(ViewportRect, {
|
|
83
|
+
miniW: miniW,
|
|
84
|
+
miniH: miniH,
|
|
85
|
+
imageRect: imageRect,
|
|
86
|
+
scale: scaleSV,
|
|
87
|
+
translateX: txSV,
|
|
88
|
+
translateY: tySV
|
|
89
|
+
})]
|
|
90
|
+
})
|
|
91
|
+
});
|
|
92
|
+
});
|
|
93
|
+
|
|
94
|
+
/**
|
|
95
|
+
* Renders a translucent rectangle showing the currently visible area.
|
|
96
|
+
*
|
|
97
|
+
* The viewport transform is: screen = canvas * scale + translate
|
|
98
|
+
* So the visible canvas region in image-relative coords is:
|
|
99
|
+
* visibleLeft = (imgOffX - tx/s ... but let's think in terms of the image area.
|
|
100
|
+
*
|
|
101
|
+
* Screen position of image top-left = imgOffX * scale + tx
|
|
102
|
+
* Screen position of image bottom-right = (imgOffX + imgW) * scale + tx
|
|
103
|
+
*
|
|
104
|
+
* The layout viewport is [0, 0, layoutW, layoutH].
|
|
105
|
+
* The image occupies [imgOffX, imgOffY, imgW, imgH] on screen at scale=1.
|
|
106
|
+
*
|
|
107
|
+
* Visible portion of image in normalized [0,1]:
|
|
108
|
+
* left = (imgOffX - (imgOffX * scale + tx)) / (imgW * scale)
|
|
109
|
+
* = (imgOffX * (1 - scale) - tx) / (imgW * scale)
|
|
110
|
+
* right = left + imgW / (imgW * scale) = left + 1/scale
|
|
111
|
+
*
|
|
112
|
+
* Actually simpler: the visible region on screen is the image area [imgOffX..imgOffX+imgW].
|
|
113
|
+
* A screen point sx maps to canvas point (sx - tx) / scale.
|
|
114
|
+
* So visible canvas x-range = [(imgOffX - tx)/scale, (imgOffX + imgW - tx)/scale].
|
|
115
|
+
* In image-relative coords (subtract imgOffX):
|
|
116
|
+
* left = (imgOffX - tx) / scale - imgOffX
|
|
117
|
+
* right = (imgOffX + imgW - tx) / scale - imgOffX
|
|
118
|
+
* Normalized [0..1]:
|
|
119
|
+
* nLeft = left / imgW
|
|
120
|
+
* nRight = right / imgW
|
|
121
|
+
*/
|
|
122
|
+
function ViewportRect({
|
|
123
|
+
miniW,
|
|
124
|
+
miniH,
|
|
125
|
+
imageRect,
|
|
126
|
+
scale,
|
|
127
|
+
translateX,
|
|
128
|
+
translateY
|
|
129
|
+
}) {
|
|
130
|
+
const [rectState, setRectState] = React.useState({
|
|
131
|
+
x: 0,
|
|
132
|
+
y: 0,
|
|
133
|
+
w: miniW,
|
|
134
|
+
h: miniH
|
|
135
|
+
});
|
|
136
|
+
React.useEffect(() => {
|
|
137
|
+
const id = setInterval(() => {
|
|
138
|
+
const s = scale.value;
|
|
139
|
+
const tx = translateX.value;
|
|
140
|
+
const ty = translateY.value;
|
|
141
|
+
const {
|
|
142
|
+
x: imgX,
|
|
143
|
+
y: imgY,
|
|
144
|
+
width: imgW,
|
|
145
|
+
height: imgH
|
|
146
|
+
} = imageRect;
|
|
147
|
+
|
|
148
|
+
// Canvas coords of visible region edges (the image display area on screen
|
|
149
|
+
// goes from imgX to imgX+imgW; map those screen coords to canvas coords)
|
|
150
|
+
const canvasLeft = (imgX - tx) / s;
|
|
151
|
+
const canvasTop = (imgY - ty) / s;
|
|
152
|
+
const canvasRight = (imgX + imgW - tx) / s;
|
|
153
|
+
const canvasBottom = (imgY + imgH - ty) / s;
|
|
154
|
+
|
|
155
|
+
// Image-relative
|
|
156
|
+
const relLeft = canvasLeft - imgX;
|
|
157
|
+
const relTop = canvasTop - imgY;
|
|
158
|
+
const relRight = canvasRight - imgX;
|
|
159
|
+
const relBottom = canvasBottom - imgY;
|
|
160
|
+
|
|
161
|
+
// Normalized [0..1]
|
|
162
|
+
const nLeft = Math.max(0, relLeft / imgW);
|
|
163
|
+
const nTop = Math.max(0, relTop / imgH);
|
|
164
|
+
const nRight = Math.min(1, relRight / imgW);
|
|
165
|
+
const nBottom = Math.min(1, relBottom / imgH);
|
|
166
|
+
const x = nLeft * miniW;
|
|
167
|
+
const y = nTop * miniH;
|
|
168
|
+
const w = (nRight - nLeft) * miniW;
|
|
169
|
+
const h = (nBottom - nTop) * miniH;
|
|
170
|
+
setRectState(prev => {
|
|
171
|
+
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) {
|
|
172
|
+
return prev;
|
|
173
|
+
}
|
|
174
|
+
return {
|
|
175
|
+
x,
|
|
176
|
+
y,
|
|
177
|
+
w,
|
|
178
|
+
h
|
|
179
|
+
};
|
|
180
|
+
});
|
|
181
|
+
}, 50);
|
|
182
|
+
return () => clearInterval(id);
|
|
183
|
+
}, [scale, translateX, translateY, imageRect, miniW, miniH]);
|
|
184
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
185
|
+
children: [/*#__PURE__*/_jsx(Rect, {
|
|
186
|
+
x: 0,
|
|
187
|
+
y: 0,
|
|
188
|
+
width: miniW,
|
|
189
|
+
height: Math.max(0, rectState.y),
|
|
190
|
+
color: "rgba(0, 0, 0, 0.55)"
|
|
191
|
+
}), /*#__PURE__*/_jsx(Rect, {
|
|
192
|
+
x: 0,
|
|
193
|
+
y: rectState.y + rectState.h,
|
|
194
|
+
width: miniW,
|
|
195
|
+
height: Math.max(0, miniH - rectState.y - rectState.h),
|
|
196
|
+
color: "rgba(0, 0, 0, 0.55)"
|
|
197
|
+
}), /*#__PURE__*/_jsx(Rect, {
|
|
198
|
+
x: 0,
|
|
199
|
+
y: rectState.y,
|
|
200
|
+
width: Math.max(0, rectState.x),
|
|
201
|
+
height: rectState.h,
|
|
202
|
+
color: "rgba(0, 0, 0, 0.55)"
|
|
203
|
+
}), /*#__PURE__*/_jsx(Rect, {
|
|
204
|
+
x: rectState.x + rectState.w,
|
|
205
|
+
y: rectState.y,
|
|
206
|
+
width: Math.max(0, miniW - rectState.x - rectState.w),
|
|
207
|
+
height: rectState.h,
|
|
208
|
+
color: "rgba(0, 0, 0, 0.55)"
|
|
209
|
+
}), /*#__PURE__*/_jsx(Rect, {
|
|
210
|
+
x: rectState.x + 0.5,
|
|
211
|
+
y: rectState.y + 0.5,
|
|
212
|
+
width: Math.max(0, rectState.w - 1),
|
|
213
|
+
height: Math.max(0, rectState.h - 1),
|
|
214
|
+
color: "rgba(255, 255, 255, 0.6)",
|
|
215
|
+
style: "stroke",
|
|
216
|
+
strokeWidth: 1
|
|
217
|
+
})]
|
|
218
|
+
});
|
|
219
|
+
}
|
|
220
|
+
const styles = StyleSheet.create({
|
|
221
|
+
container: {
|
|
222
|
+
position: "absolute",
|
|
223
|
+
bottom: 12,
|
|
224
|
+
right: 12,
|
|
225
|
+
borderRadius: MINIMAP_BORDER_RADIUS,
|
|
226
|
+
backgroundColor: "rgba(0, 0, 0, 0.5)",
|
|
227
|
+
overflow: "hidden",
|
|
228
|
+
// Subtle shadow instead of a hard border
|
|
229
|
+
shadowColor: "#000",
|
|
230
|
+
shadowOffset: {
|
|
231
|
+
width: 0,
|
|
232
|
+
height: 2
|
|
233
|
+
},
|
|
234
|
+
shadowOpacity: 0.5,
|
|
235
|
+
shadowRadius: 6,
|
|
236
|
+
elevation: 8
|
|
237
|
+
}
|
|
238
|
+
});
|
|
239
|
+
//# sourceMappingURL=MiniMap.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useRef","StyleSheet","Canvas","Image","Rect","Animated","useAnimatedStyle","withTiming","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","MINIMAP_WIDTH","MINIMAP_BORDER_RADIUS","MiniMap","memo","image","imageRect","scale","scaleSV","translateX","txSV","translateY","tySV","visible","onPanViewport","animatedStyle","opacity","width","duration","lastTouchRef","imgAspect","height","miniW","miniH","handleTouchStart","e","touch","nativeEvent","current","x","locationX","y","locationY","handleTouchMove","dx","dy","s","value","dtx","dty","handleTouchEnd","View","style","styles","container","pointerEvents","onStartShouldSetResponder","onMoveShouldSetResponder","onResponderGrant","onResponderMove","onResponderRelease","onResponderTerminate","children","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","color","strokeWidth","create","position","bottom","right","borderRadius","backgroundColor","overflow","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation"],"sourceRoot":"../../../src","sources":["components/MiniMap.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SAASC,UAAU,QAAoC,cAAc;AACrE,SACEC,MAAM,EACNC,KAAK,EACLC,IAAI,QAEC,4BAA4B;AACnC,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,UAAU,QAEL,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAEjC,MAAMC,aAAa,GAAG,GAAG;AACzB,MAAMC,qBAAqB,GAAG,CAAC;AAe/B,OAAO,MAAMC,OAAO,gBAAGjB,KAAK,CAACkB,IAAI,CAAC,SAASD,OAAOA,CAAC;EACjDE,KAAK;EACLC,SAAS;EACTC,KAAK,EAAEC,OAAO;EACdC,UAAU,EAAEC,IAAI;EAChBC,UAAU,EAAEC,IAAI;EAChBC,OAAO;EACPC;AACY,CAAC,EAAE;EACf,MAAMC,aAAa,GAAGtB,gBAAgB,CAAC,OAAO;IAC5CuB,OAAO,EAAEtB,UAAU,CAACmB,OAAO,IAAIR,KAAK,IAAIC,SAAS,CAACW,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;MACnEC,QAAQ,EAAE;IACZ,CAAC;EACH,CAAC,CAAC,CAAC;;EAEH;EACA,MAAMC,YAAY,GAAGhC,MAAM,CAAkC,IAAI,CAAC;EAElE,IAAI,CAACkB,KAAK,IAAIC,SAAS,CAACW,KAAK,KAAK,CAAC,EAAE,OAAO,IAAI;EAEhD,MAAMG,SAAS,GAAGd,SAAS,CAACW,KAAK,GAAGX,SAAS,CAACe,MAAM;EACpD,MAAMC,KAAK,GAAGrB,aAAa;EAC3B,MAAMsB,KAAK,GAAGD,KAAK,GAAGF,SAAS;EAE/B,MAAMI,gBAAgB,GAAIC,CAAwB,IAAK;IACrD,MAAMC,KAAK,GAAGD,CAAC,CAACE,WAAW;IAC3BR,YAAY,CAACS,OAAO,GAAG;MAAEC,CAAC,EAAEH,KAAK,CAACI,SAAS;MAAEC,CAAC,EAAEL,KAAK,CAACM;IAAU,CAAC;EACnE,CAAC;EAED,MAAMC,eAAe,GAAIR,CAAwB,IAAK;IACpD,IAAI,CAACN,YAAY,CAACS,OAAO,IAAI,CAACd,aAAa,EAAE;IAC7C,MAAMY,KAAK,GAAGD,CAAC,CAACE,WAAW;IAC3B,MAAMO,EAAE,GAAGR,KAAK,CAACI,SAAS,GAAGX,YAAY,CAACS,OAAO,CAACC,CAAC;IACnD,MAAMM,EAAE,GAAGT,KAAK,CAACM,SAAS,GAAGb,YAAY,CAACS,OAAO,CAACG,CAAC;IACnDZ,YAAY,CAACS,OAAO,GAAG;MAAEC,CAAC,EAAEH,KAAK,CAACI,SAAS;MAAEC,CAAC,EAAEL,KAAK,CAACM;IAAU,CAAC;;IAEjE;IACA;IACA,MAAMI,CAAC,GAAG5B,OAAO,CAAC6B,KAAK;IACvB,MAAMC,GAAG,GAAG,EAAEJ,EAAE,GAAG5B,SAAS,CAACW,KAAK,GAAGK,KAAK,CAAC,GAAGc,CAAC;IAC/C,MAAMG,GAAG,GAAG,EAAEJ,EAAE,GAAG7B,SAAS,CAACe,MAAM,GAAGE,KAAK,CAAC,GAAGa,CAAC;IAChDtB,aAAa,CAACwB,GAAG,EAAEC,GAAG,CAAC;EACzB,CAAC;EAED,MAAMC,cAAc,GAAGA,CAAA,KAAM;IAC3BrB,YAAY,CAACS,OAAO,GAAG,IAAI;EAC7B,CAAC;EAED,oBACEhC,IAAA,CAACJ,QAAQ,CAACiD,IAAI;IACZC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAE3B,KAAK,EAAEK,KAAK,GAAG,CAAC;MAAED,MAAM,EAAEE,KAAK,GAAG;IAAE,CAAC,EAAER,aAAa,CAAE;IAClF8B,aAAa,EAAEhC,OAAO,GAAG,MAAM,GAAG,MAAO;IACzCiC,yBAAyB,EAAEA,CAAA,KAAM,IAAK;IACtCC,wBAAwB,EAAEA,CAAA,KAAM,IAAK;IACrCC,gBAAgB,EAAExB,gBAAiB;IACnCyB,eAAe,EAAEhB,eAAgB;IACjCiB,kBAAkB,EAAEV,cAAe;IACnCW,oBAAoB,EAAEX,cAAe;IAAAY,QAAA,eAErCtD,KAAA,CAACT,MAAM;MAACqD,KAAK,EAAE;QAAEzB,KAAK,EAAEK,KAAK;QAAED,MAAM,EAAEE;MAAM,CAAE;MAAA6B,QAAA,gBAE7CxD,IAAA,CAACN,KAAK;QACJe,KAAK,EAAEA,KAAM;QACbwB,CAAC,EAAE,CAAE;QACLE,CAAC,EAAE,CAAE;QACLd,KAAK,EAAEK,KAAM;QACbD,MAAM,EAAEE,KAAM;QACd8B,GAAG,EAAC;MAAS,CACd,CAAC,eAGFzD,IAAA,CAAC0D,YAAY;QACXhC,KAAK,EAAEA,KAAM;QACbC,KAAK,EAAEA,KAAM;QACbjB,SAAS,EAAEA,SAAU;QACrBC,KAAK,EAAEC,OAAQ;QACfC,UAAU,EAAEC,IAAK;QACjBC,UAAU,EAAEC;MAAK,CAClB,CAAC;IAAA,CACI;EAAC,CACI,CAAC;AAEpB,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS0C,YAAYA,CAAC;EACpBhC,KAAK;EACLC,KAAK;EACLjB,SAAS;EACTC,KAAK;EACLE,UAAU;EACVE;AAQF,CAAC,EAAE;EACD,MAAM,CAAC4C,SAAS,EAAEC,YAAY,CAAC,GAAGtE,KAAK,CAACuE,QAAQ,CAAC;IAC/C5B,CAAC,EAAE,CAAC;IACJE,CAAC,EAAE,CAAC;IACJ2B,CAAC,EAAEpC,KAAK;IACRqC,CAAC,EAAEpC;EACL,CAAC,CAAC;EAEFrC,KAAK,CAAC0E,SAAS,CAAC,MAAM;IACpB,MAAMC,EAAE,GAAGC,WAAW,CAAC,MAAM;MAC3B,MAAM1B,CAAC,GAAG7B,KAAK,CAAC8B,KAAK;MACrB,MAAM0B,EAAE,GAAGtD,UAAU,CAAC4B,KAAK;MAC3B,MAAM2B,EAAE,GAAGrD,UAAU,CAAC0B,KAAK;MAC3B,MAAM;QAAER,CAAC,EAAEoC,IAAI;QAAElC,CAAC,EAAEmC,IAAI;QAAEjD,KAAK,EAAEkD,IAAI;QAAE9C,MAAM,EAAE+C;MAAK,CAAC,GAAG9D,SAAS;;MAEjE;MACA;MACA,MAAM+D,UAAU,GAAG,CAACJ,IAAI,GAAGF,EAAE,IAAI3B,CAAC;MAClC,MAAMkC,SAAS,GAAG,CAACJ,IAAI,GAAGF,EAAE,IAAI5B,CAAC;MACjC,MAAMmC,WAAW,GAAG,CAACN,IAAI,GAAGE,IAAI,GAAGJ,EAAE,IAAI3B,CAAC;MAC1C,MAAMoC,YAAY,GAAG,CAACN,IAAI,GAAGE,IAAI,GAAGJ,EAAE,IAAI5B,CAAC;;MAE3C;MACA,MAAMqC,OAAO,GAAGJ,UAAU,GAAGJ,IAAI;MACjC,MAAMS,MAAM,GAAGJ,SAAS,GAAGJ,IAAI;MAC/B,MAAMS,QAAQ,GAAGJ,WAAW,GAAGN,IAAI;MACnC,MAAMW,SAAS,GAAGJ,YAAY,GAAGN,IAAI;;MAErC;MACA,MAAMW,KAAK,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEN,OAAO,GAAGN,IAAI,CAAC;MACzC,MAAMa,IAAI,GAAGF,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,MAAM,GAAGN,IAAI,CAAC;MACvC,MAAMa,MAAM,GAAGH,IAAI,CAACI,GAAG,CAAC,CAAC,EAAEP,QAAQ,GAAGR,IAAI,CAAC;MAC3C,MAAMgB,OAAO,GAAGL,IAAI,CAACI,GAAG,CAAC,CAAC,EAAEN,SAAS,GAAGR,IAAI,CAAC;MAE7C,MAAMvC,CAAC,GAAGgD,KAAK,GAAGvD,KAAK;MACvB,MAAMS,CAAC,GAAGiD,IAAI,GAAGzD,KAAK;MACtB,MAAMmC,CAAC,GAAG,CAACuB,MAAM,GAAGJ,KAAK,IAAIvD,KAAK;MAClC,MAAMqC,CAAC,GAAG,CAACwB,OAAO,GAAGH,IAAI,IAAIzD,KAAK;MAElCiC,YAAY,CAAE4B,IAAI,IAAK;QACrB,IACEN,IAAI,CAACO,GAAG,CAACD,IAAI,CAACvD,CAAC,GAAGA,CAAC,CAAC,GAAG,GAAG,IAC1BiD,IAAI,CAACO,GAAG,CAACD,IAAI,CAACrD,CAAC,GAAGA,CAAC,CAAC,GAAG,GAAG,IAC1B+C,IAAI,CAACO,GAAG,CAACD,IAAI,CAAC1B,CAAC,GAAGA,CAAC,CAAC,GAAG,GAAG,IAC1BoB,IAAI,CAACO,GAAG,CAACD,IAAI,CAACzB,CAAC,GAAGA,CAAC,CAAC,GAAG,GAAG,EAC1B;UACA,OAAOyB,IAAI;QACb;QACA,OAAO;UAAEvD,CAAC;UAAEE,CAAC;UAAE2B,CAAC;UAAEC;QAAE,CAAC;MACvB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;IACN,OAAO,MAAM2B,aAAa,CAACzB,EAAE,CAAC;EAChC,CAAC,EAAE,CAACtD,KAAK,EAAEE,UAAU,EAAEE,UAAU,EAAEL,SAAS,EAAEgB,KAAK,EAAEC,KAAK,CAAC,CAAC;EAE5D,oBACEzB,KAAA,CAAAE,SAAA;IAAAoD,QAAA,gBAGExD,IAAA,CAACL,IAAI;MACHsC,CAAC,EAAE,CAAE;MACLE,CAAC,EAAE,CAAE;MACLd,KAAK,EAAEK,KAAM;MACbD,MAAM,EAAEyD,IAAI,CAACC,GAAG,CAAC,CAAC,EAAExB,SAAS,CAACxB,CAAC,CAAE;MACjCwD,KAAK,EAAC;IAAqB,CAC5B,CAAC,eAEF3F,IAAA,CAACL,IAAI;MACHsC,CAAC,EAAE,CAAE;MACLE,CAAC,EAAEwB,SAAS,CAACxB,CAAC,GAAGwB,SAAS,CAACI,CAAE;MAC7B1C,KAAK,EAAEK,KAAM;MACbD,MAAM,EAAEyD,IAAI,CAACC,GAAG,CAAC,CAAC,EAAExD,KAAK,GAAGgC,SAAS,CAACxB,CAAC,GAAGwB,SAAS,CAACI,CAAC,CAAE;MACvD4B,KAAK,EAAC;IAAqB,CAC5B,CAAC,eAEF3F,IAAA,CAACL,IAAI;MACHsC,CAAC,EAAE,CAAE;MACLE,CAAC,EAAEwB,SAAS,CAACxB,CAAE;MACfd,KAAK,EAAE6D,IAAI,CAACC,GAAG,CAAC,CAAC,EAAExB,SAAS,CAAC1B,CAAC,CAAE;MAChCR,MAAM,EAAEkC,SAAS,CAACI,CAAE;MACpB4B,KAAK,EAAC;IAAqB,CAC5B,CAAC,eAEF3F,IAAA,CAACL,IAAI;MACHsC,CAAC,EAAE0B,SAAS,CAAC1B,CAAC,GAAG0B,SAAS,CAACG,CAAE;MAC7B3B,CAAC,EAAEwB,SAAS,CAACxB,CAAE;MACfd,KAAK,EAAE6D,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEzD,KAAK,GAAGiC,SAAS,CAAC1B,CAAC,GAAG0B,SAAS,CAACG,CAAC,CAAE;MACtDrC,MAAM,EAAEkC,SAAS,CAACI,CAAE;MACpB4B,KAAK,EAAC;IAAqB,CAC5B,CAAC,eAEF3F,IAAA,CAACL,IAAI;MACHsC,CAAC,EAAE0B,SAAS,CAAC1B,CAAC,GAAG,GAAI;MACrBE,CAAC,EAAEwB,SAAS,CAACxB,CAAC,GAAG,GAAI;MACrBd,KAAK,EAAE6D,IAAI,CAACC,GAAG,CAAC,CAAC,EAAExB,SAAS,CAACG,CAAC,GAAG,CAAC,CAAE;MACpCrC,MAAM,EAAEyD,IAAI,CAACC,GAAG,CAAC,CAAC,EAAExB,SAAS,CAACI,CAAC,GAAG,CAAC,CAAE;MACrC4B,KAAK,EAAC,0BAA0B;MAChC7C,KAAK,EAAC,QAAQ;MACd8C,WAAW,EAAE;IAAE,CAChB,CAAC;EAAA,CACF,CAAC;AAEP;AAEA,MAAM7C,MAAM,GAAGvD,UAAU,CAACqG,MAAM,CAAC;EAC/B7C,SAAS,EAAE;IACT8C,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,YAAY,EAAE3F,qBAAqB;IACnC4F,eAAe,EAAE,oBAAoB;IACrCC,QAAQ,EAAE,QAAQ;IAClB;IACAC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEhF,KAAK,EAAE,CAAC;MAAEI,MAAM,EAAE;IAAE,CAAC;IACrC6E,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useCallback, useMemo } from "react";
|
|
4
|
+
import { Text, StyleSheet, TouchableOpacity, Platform } from "react-native";
|
|
5
|
+
import { Gesture, GestureDetector } from "react-native-gesture-handler";
|
|
6
|
+
import Animated, { useSharedValue, useAnimatedStyle, runOnJS } from "react-native-reanimated";
|
|
7
|
+
import { denormalize } from "../utils/coordinates";
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
const textCursorStyle = {
|
|
10
|
+
cursor: "grab"
|
|
11
|
+
};
|
|
12
|
+
export const TextAnnotation = /*#__PURE__*/React.memo(function TextAnnotation({
|
|
13
|
+
object,
|
|
14
|
+
canvasSize,
|
|
15
|
+
imageOffset,
|
|
16
|
+
isSelected,
|
|
17
|
+
onSelect,
|
|
18
|
+
onMove,
|
|
19
|
+
onDoubleTap,
|
|
20
|
+
onDelete,
|
|
21
|
+
viewScale,
|
|
22
|
+
viewTranslateX,
|
|
23
|
+
viewTranslateY
|
|
24
|
+
}) {
|
|
25
|
+
const pos = useMemo(() => {
|
|
26
|
+
const p = denormalize(object.position, canvasSize);
|
|
27
|
+
return {
|
|
28
|
+
x: p.x + imageOffset.x,
|
|
29
|
+
y: p.y + imageOffset.y
|
|
30
|
+
};
|
|
31
|
+
}, [object.position, canvasSize, imageOffset]);
|
|
32
|
+
const width = object.width * canvasSize.width;
|
|
33
|
+
const height = object.height * canvasSize.height;
|
|
34
|
+
const translateX = useSharedValue(0);
|
|
35
|
+
const translateY = useSharedValue(0);
|
|
36
|
+
const handleDragEnd = useCallback((dx, dy) => {
|
|
37
|
+
// dx/dy are already in canvas space (divided by scale in gesture)
|
|
38
|
+
const normalizedDx = canvasSize.width > 0 ? dx / canvasSize.width : 0;
|
|
39
|
+
const normalizedDy = canvasSize.height > 0 ? dy / canvasSize.height : 0;
|
|
40
|
+
onMove(object.id, normalizedDx, normalizedDy);
|
|
41
|
+
translateX.value = 0;
|
|
42
|
+
translateY.value = 0;
|
|
43
|
+
}, [object.id, canvasSize, onMove, translateX, translateY]);
|
|
44
|
+
const panGesture = Gesture.Pan().onBegin(() => {
|
|
45
|
+
"worklet";
|
|
46
|
+
|
|
47
|
+
runOnJS(onSelect)(object.id);
|
|
48
|
+
}).onUpdate(e => {
|
|
49
|
+
"worklet";
|
|
50
|
+
|
|
51
|
+
// Translate in screen space but represent in canvas space
|
|
52
|
+
translateX.value = e.translationX / viewScale.value;
|
|
53
|
+
translateY.value = e.translationY / viewScale.value;
|
|
54
|
+
}).onEnd(() => {
|
|
55
|
+
"worklet";
|
|
56
|
+
|
|
57
|
+
const dx = translateX.value;
|
|
58
|
+
const dy = translateY.value;
|
|
59
|
+
runOnJS(handleDragEnd)(dx, dy);
|
|
60
|
+
});
|
|
61
|
+
const tapGesture = Gesture.Tap().onEnd(() => {
|
|
62
|
+
"worklet";
|
|
63
|
+
|
|
64
|
+
runOnJS(onSelect)(object.id);
|
|
65
|
+
});
|
|
66
|
+
const doubleTapGesture = Gesture.Tap().numberOfTaps(2).onEnd(() => {
|
|
67
|
+
"worklet";
|
|
68
|
+
|
|
69
|
+
runOnJS(onDoubleTap)(object.id);
|
|
70
|
+
});
|
|
71
|
+
const composedGesture = Gesture.Exclusive(doubleTapGesture, tapGesture, panGesture);
|
|
72
|
+
const animatedStyle = useAnimatedStyle(() => {
|
|
73
|
+
const s = viewScale.value;
|
|
74
|
+
const vtx = viewTranslateX.value;
|
|
75
|
+
const vty = viewTranslateY.value;
|
|
76
|
+
return {
|
|
77
|
+
transform: [
|
|
78
|
+
// Apply drag offset in canvas space, then scale to screen space
|
|
79
|
+
{
|
|
80
|
+
translateX: (pos.x + translateX.value) * s + vtx - pos.x
|
|
81
|
+
}, {
|
|
82
|
+
translateY: (pos.y + translateY.value) * s + vty - pos.y
|
|
83
|
+
}, {
|
|
84
|
+
scale: s
|
|
85
|
+
}]
|
|
86
|
+
};
|
|
87
|
+
});
|
|
88
|
+
const bgColor = object.backgroundColor ? object.backgroundColor.replace(/[\d.]+\)$/, `${object.backgroundAlpha ?? 0.5})`) : "transparent";
|
|
89
|
+
return /*#__PURE__*/_jsx(GestureDetector, {
|
|
90
|
+
gesture: composedGesture,
|
|
91
|
+
children: /*#__PURE__*/_jsxs(Animated.View, {
|
|
92
|
+
style: [styles.container, Platform.OS === "web" ? textCursorStyle : undefined, {
|
|
93
|
+
left: pos.x,
|
|
94
|
+
top: pos.y,
|
|
95
|
+
width,
|
|
96
|
+
height,
|
|
97
|
+
backgroundColor: bgColor,
|
|
98
|
+
borderColor: isSelected ? "rgba(0, 122, 255, 0.8)" : "transparent",
|
|
99
|
+
borderWidth: isSelected ? 1 : 0,
|
|
100
|
+
borderStyle: isSelected ? "dashed" : "solid"
|
|
101
|
+
}, animatedStyle],
|
|
102
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
103
|
+
style: [styles.text, {
|
|
104
|
+
color: object.color
|
|
105
|
+
}],
|
|
106
|
+
numberOfLines: 0,
|
|
107
|
+
adjustsFontSizeToFit: true,
|
|
108
|
+
minimumFontScale: 0.035,
|
|
109
|
+
children: object.value
|
|
110
|
+
}), isSelected && /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
111
|
+
style: styles.deleteButton,
|
|
112
|
+
onPress: () => onDelete(object.id),
|
|
113
|
+
hitSlop: {
|
|
114
|
+
top: 10,
|
|
115
|
+
bottom: 10,
|
|
116
|
+
left: 10,
|
|
117
|
+
right: 10
|
|
118
|
+
},
|
|
119
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
120
|
+
style: styles.deleteIcon,
|
|
121
|
+
children: "\u2715"
|
|
122
|
+
})
|
|
123
|
+
})]
|
|
124
|
+
})
|
|
125
|
+
});
|
|
126
|
+
});
|
|
127
|
+
const styles = StyleSheet.create({
|
|
128
|
+
container: {
|
|
129
|
+
position: "absolute",
|
|
130
|
+
justifyContent: "center",
|
|
131
|
+
alignItems: "center",
|
|
132
|
+
padding: 4,
|
|
133
|
+
minWidth: 40,
|
|
134
|
+
minHeight: 24
|
|
135
|
+
},
|
|
136
|
+
text: {
|
|
137
|
+
fontSize: 18,
|
|
138
|
+
textAlign: "center"
|
|
139
|
+
},
|
|
140
|
+
deleteButton: {
|
|
141
|
+
position: "absolute",
|
|
142
|
+
top: -12,
|
|
143
|
+
left: -12,
|
|
144
|
+
width: 24,
|
|
145
|
+
height: 24,
|
|
146
|
+
borderRadius: 12,
|
|
147
|
+
backgroundColor: "rgba(255, 59, 48, 0.9)",
|
|
148
|
+
justifyContent: "center",
|
|
149
|
+
alignItems: "center"
|
|
150
|
+
},
|
|
151
|
+
deleteIcon: {
|
|
152
|
+
color: "#FFFFFF",
|
|
153
|
+
fontSize: 12,
|
|
154
|
+
fontWeight: "bold"
|
|
155
|
+
}
|
|
156
|
+
});
|
|
157
|
+
//# sourceMappingURL=TextAnnotation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","Text","StyleSheet","TouchableOpacity","Platform","Gesture","GestureDetector","Animated","useSharedValue","useAnimatedStyle","runOnJS","denormalize","jsx","_jsx","jsxs","_jsxs","textCursorStyle","cursor","TextAnnotation","memo","object","canvasSize","imageOffset","isSelected","onSelect","onMove","onDoubleTap","onDelete","viewScale","viewTranslateX","viewTranslateY","pos","p","position","x","y","width","height","translateX","translateY","handleDragEnd","dx","dy","normalizedDx","normalizedDy","id","value","panGesture","Pan","onBegin","onUpdate","e","translationX","translationY","onEnd","tapGesture","Tap","doubleTapGesture","numberOfTaps","composedGesture","Exclusive","animatedStyle","s","vtx","vty","transform","scale","bgColor","backgroundColor","replace","backgroundAlpha","gesture","children","View","style","styles","container","OS","undefined","left","top","borderColor","borderWidth","borderStyle","text","color","numberOfLines","adjustsFontSizeToFit","minimumFontScale","deleteButton","onPress","hitSlop","bottom","right","deleteIcon","create","justifyContent","alignItems","padding","minWidth","minHeight","fontSize","textAlign","borderRadius","fontWeight"],"sourceRoot":"../../../src","sources":["components/TextAnnotation.tsx"],"mappings":"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","ignoreList":[]}
|