@reekon-tools/boldr-utils 1.6.13 → 1.6.15

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

@@ -23,6 +23,7 @@ export interface AnnotationCanvasInnerProps {
     requestTextInput?: RequestTextInput;
     renderMeasurementStamp?: RenderMeasurementStamp;
     onMeasurementStampPress?: (placed: PlacedMeasurementRef) => void;
+    onMeasurementStampLongPress?: (placed: PlacedMeasurementRef) => void;
     stampFontSource?: unknown;
     stampValueFontSize?: number;
     stampLabelFontSize?: number;

package/dist/annotation/canvas/AnnotationCanvasInner.js

@@ -4,7 +4,7 @@ import { useCallback, useEffect, useRef, } from 'react';
 import { AnnotationCanvasSkia } from './AnnotationCanvasSkia.js';
 import { buildRemoveMeasurementOps } from './measurementGeometry.js';
 import { useAnnotationCanvasState, } from './useAnnotationCanvasState.js';
-import { STAMP_TILE_SIZE } from './stampLayout.js';
+import { stampTileSize } from './stampLayout.js';
 // Screen-px radius of a measurement-annotation endpoint handle (matches the
 // native HANDLE_RADIUS_PX). Divided by zoom for a constant on-screen size.
 const HANDLE_PX = 7;
@@ -171,7 +171,7 @@ export const AnnotationCanvasInner = (props) => {
         ...style,
     };
     const customPreview = activeTool?.renderPreview?.(state.customPreviewState, state.ctx);
-    const { renderMeasurementStamp, onMeasurementStampPress, 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,
@@ -183,15 +183,20 @@ 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',
                     inset: 0,
                     pointerEvents: 'none',
                 }, children: state.effectiveCanvas.placedMeasurements.map((placed) => {
-                    const size = STAMP_TILE_SIZE * (placed.scale ?? 1);
+                    const size = stampTileSize(placed);
                     const cx = (placed.anchor.x - state.viewport.pan.x) * state.viewport.zoom;
                     const cy = (placed.anchor.y - state.viewport.pan.y) * state.viewport.zoom;
                     const isSelected = selection?.ids.includes(placed.id) ?? false;
@@ -211,15 +216,9 @@ export const AnnotationCanvasInner = (props) => {
                                 selected: isSelected,
                                 size,
                                 zoom: state.viewport.zoom,
-                            }), onMeasurementStampPress && (_jsx("button", { "aria-label": "Open measurement", onPointerDown: (e) => e.stopPropagation(), onClick: () => onMeasurementStampPress(placed), style: {
-                                    position: 'absolute',
-                                    inset: 0,
-                                    pointerEvents: 'auto',
-                                    cursor: 'pointer',
-                                    background: 'transparent',
-                                    border: 'none',
-                                    padding: 0,
-                                } })), 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 });
@@ -236,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

@@ -24,6 +24,7 @@ export interface AnnotationCanvasInnerProps {
     requestTextInput?: RequestTextInput;
     renderMeasurementStamp?: RenderMeasurementStamp;
     onMeasurementStampPress?: (placed: PlacedMeasurementRef) => void;
+    onMeasurementStampLongPress?: (placed: PlacedMeasurementRef) => void;
     stampFontSource?: unknown;
     stampValueFontSize?: number;
     stampLabelFontSize?: number;