@reekon-tools/boldr-utils 1.6.12 → 1.6.14

package/dist/annotation/canvas/AnnotationCanvas.native.d.ts

@@ -1,6 +1,6 @@
 import type { AnnotationCanvasInnerProps } from './AnnotationCanvasInner.native.js';
-export type { AnnotationCanvasHandle, } from './useAnnotationCanvasState.js';
-export type { GestureConfig, PanTrigger, } from './AnnotationCanvasInner.js';
+export type { AnnotationCanvasHandle } from './useAnnotationCanvasState.js';
+export type { GestureConfig, PanTrigger } from './AnnotationCanvasInner.js';
 export type AnnotationCanvasProps = AnnotationCanvasInnerProps & {
     fallback?: unknown;
     canvasKitOpts?: unknown;

package/dist/annotation/canvas/AnnotationCanvasInner.d.ts

@@ -1,8 +1,8 @@
 import { type CSSProperties, type MutableRefObject } from 'react';
 import type { DecimalTolerance, FractionalTolerance, Measurement, Units } from '../../types/firestore.js';
-import type { AnnotationCanvasState, AnnotationDocumentPatch, Selection } from '../../types/annotation.js';
+import type { AnnotationCanvasState, AnnotationDocumentPatch, PlacedMeasurementRef, Selection } from '../../types/annotation.js';
 import type { MeasurementRef } from './measurementPicker.js';
-import type { Tool } from './Tool.js';
+import type { RequestTextInput, Tool } from './Tool.js';
 import { type AnnotationCanvasHandle } from './useAnnotationCanvasState.js';
 import { type ViewportState } from './viewport.js';
 import type { RenderMeasurementStamp } from './measurementStampOverlay.js';
@@ -20,7 +20,10 @@ export interface AnnotationCanvasInnerProps {
     decimalTolerance?: DecimalTolerance;
     resolveImageUrl?: (storagePath: string) => Promise<string>;
     pickMeasurement?: () => Promise<MeasurementRef | null>;
+    requestTextInput?: RequestTextInput;
     renderMeasurementStamp?: RenderMeasurementStamp;
+    onMeasurementStampPress?: (placed: PlacedMeasurementRef) => void;
+    onMeasurementStampLongPress?: (placed: PlacedMeasurementRef) => void;
     stampFontSource?: unknown;
     stampValueFontSize?: number;
     stampLabelFontSize?: number;

package/dist/annotation/canvas/AnnotationCanvasInner.js

@@ -55,7 +55,10 @@ export const AnnotationCanvasInner = (props) => {
             y: event.clientY - (rect?.top ?? 0),
         };
         if (isPanTriggerDown(event)) {
-            panGestureRef.current = { pointerId: event.pointerId, lastScreen: screen };
+            panGestureRef.current = {
+                pointerId: event.pointerId,
+                lastScreen: screen,
+            };
             event.currentTarget.setPointerCapture(event.pointerId);
             event.preventDefault();
             return;
@@ -75,7 +78,10 @@ export const AnnotationCanvasInner = (props) => {
                 x: screen.x - pan.lastScreen.x,
                 y: screen.y - pan.lastScreen.y,
             });
-            panGestureRef.current = { pointerId: pan.pointerId, lastScreen: screen };
+            panGestureRef.current = {
+                pointerId: pan.pointerId,
+                lastScreen: screen,
+            };
             return;
         }
         state.dispatchPointerMove(toCanvasPointer(event));
@@ -165,7 +171,7 @@ export const AnnotationCanvasInner = (props) => {
         ...style,
     };
     const customPreview = activeTool?.renderPreview?.(state.customPreviewState, state.ctx);
-    const { renderMeasurementStamp, selection } = props;
+    const { renderMeasurementStamp, onMeasurementStampPress, onMeasurementStampLongPress, selection, } = props;
     return (_jsxs("div", { ref: containerRef, style: containerStyle, onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, onPointerCancel: handlePointerCancel, onWheel: handleWheel, onContextMenu: handleContextMenu, children: [AnnotationCanvasSkia({
                 width,
                 height,
@@ -177,8 +183,13 @@ export const AnnotationCanvasInner = (props) => {
                 // Endpoint handles on the selected line annotation. Web drives endpoint
                 // drag through selectTool's pointer handlers (preview patches update the
                 // line, so the handles follow via re-render); no live geometry needed.
+                // Handles are drag affordances — suppressed unless the active tool can
+                // act on them (view mode's pan tool selects measurements but must not
+                // advertise draggability).
                 selectedId: selection?.ids[0] ?? null,
-                handleRadius: HANDLE_PX / state.viewport.zoom,
+                handleRadius: activeTool?.dragSelection
+                    ? HANDLE_PX / state.viewport.zoom
+                    : undefined,
                 customPreview,
             }), renderMeasurementStamp && (_jsx("div", { style: {
                     position: 'absolute',
@@ -190,7 +201,7 @@ export const AnnotationCanvasInner = (props) => {
                     const cy = (placed.anchor.y - state.viewport.pan.y) * state.viewport.zoom;
                     const isSelected = selection?.ids.includes(placed.id) ?? false;
                     const measurement = placed.measurementId
-                        ? state.measurementsById.get(placed.measurementId) ?? null
+                        ? (state.measurementsById.get(placed.measurementId) ?? null)
                         : null;
                     return (_jsxs("div", { style: {
                             position: 'absolute',
@@ -205,7 +216,9 @@ export const AnnotationCanvasInner = (props) => {
                                 selected: isSelected,
                                 size,
                                 zoom: state.viewport.zoom,
-                            }), isSelected && measurement && (_jsx("div", { role: "button", "aria-label": "Remove measurement", onPointerDown: (e) => {
+                            }), onMeasurementStampPress && (_jsx(StampPressTarget, { onPress: () => onMeasurementStampPress(placed), onLongPress: onMeasurementStampLongPress
+                                    ? () => onMeasurementStampLongPress(placed)
+                                    : undefined })), isSelected && measurement && (_jsx("div", { role: "button", "aria-label": "Remove measurement", onPointerDown: (e) => {
                                     e.stopPropagation();
                                     const { ops, keepSelection } = buildRemoveMeasurementOps(placed);
                                     state.ctx.commit({ ops });
@@ -222,3 +235,42 @@ export const AnnotationCanvasInner = (props) => {
                                 } }))] }, placed.id));
                 }) }))] }));
 };
+// Whole-tile press target for the stamp overlay. The DOM has no native
+// long-press, so it's derived: pointerdown arms a timer; if it fires before
+// the pointer lifts (or leaves/cancels), the long-press callback runs and the
+// trailing click is swallowed. Mirrors the native overlay's TouchableOpacity
+// onPress/onLongPress semantics (500ms, RN's default delayLongPress).
+const LONG_PRESS_MS = 500;
+const StampPressTarget = ({ onPress, onLongPress, }) => {
+    const timerRef = useRef(null);
+    const longPressFiredRef = useRef(false);
+    const clearTimer = () => {
+        if (timerRef.current != null) {
+            clearTimeout(timerRef.current);
+            timerRef.current = null;
+        }
+    };
+    return (_jsx("button", { "aria-label": "Open measurement", onPointerDown: (e) => {
+            e.stopPropagation();
+            longPressFiredRef.current = false;
+            if (onLongPress) {
+                clearTimer();
+                timerRef.current = setTimeout(() => {
+                    timerRef.current = null;
+                    longPressFiredRef.current = true;
+                    onLongPress();
+                }, LONG_PRESS_MS);
+            }
+        }, onPointerUp: clearTimer, onPointerLeave: clearTimer, onPointerCancel: clearTimer, onClick: () => {
+            if (!longPressFiredRef.current)
+                onPress();
+        }, style: {
+            position: 'absolute',
+            inset: 0,
+            pointerEvents: 'auto',
+            cursor: 'pointer',
+            background: 'transparent',
+            border: 'none',
+            padding: 0,
+        } }));
+};

package/dist/annotation/canvas/AnnotationCanvasInner.native.d.ts

@@ -2,9 +2,9 @@ import { type MutableRefObject } from 'react';
 import { type ViewStyle } from 'react-native';
 import type { RenderMeasurementStamp } from './measurementStampOverlay.js';
 import type { DecimalTolerance, FractionalTolerance, Measurement, Units } from '../../types/firestore.js';
-import { type AnnotationCanvasState, type AnnotationDocumentPatch, type Selection } from '../../types/annotation.js';
+import { type AnnotationCanvasState, type AnnotationDocumentPatch, type PlacedMeasurementRef, type Selection } from '../../types/annotation.js';
 import type { MeasurementRef } from './measurementPicker.js';
-import type { Tool } from './Tool.js';
+import type { RequestTextInput, Tool } from './Tool.js';
 import { type AnnotationCanvasHandle } from './useAnnotationCanvasState.js';
 import type { ViewportState } from './viewport.js';
 export type { AnnotationCanvasHandle };
@@ -21,7 +21,10 @@ export interface AnnotationCanvasInnerProps {
     decimalTolerance?: DecimalTolerance;
     resolveImageUrl?: (storagePath: string) => Promise<string>;
     pickMeasurement?: () => Promise<MeasurementRef | null>;
+    requestTextInput?: RequestTextInput;
     renderMeasurementStamp?: RenderMeasurementStamp;
+    onMeasurementStampPress?: (placed: PlacedMeasurementRef) => void;
+    onMeasurementStampLongPress?: (placed: PlacedMeasurementRef) => void;
     stampFontSource?: unknown;
     stampValueFontSize?: number;
     stampLabelFontSize?: number;