@reekon-tools/boldr-utils 1.6.10 → 1.6.12

package/dist/{canvas → annotation/canvas}/AnnotationCanvasInner.d.ts

@@ -1,6 +1,6 @@
 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 { DecimalTolerance, FractionalTolerance, Measurement, Units } from '../../types/firestore.js';
+import type { AnnotationCanvasState, AnnotationDocumentPatch, Selection } from '../../types/annotation.js';
 import type { MeasurementRef } from './measurementPicker.js';
 import type { Tool } from './Tool.js';
 import { type AnnotationCanvasHandle } from './useAnnotationCanvasState.js';

package/dist/{canvas → annotation/canvas}/AnnotationCanvasInner.js

@@ -2,18 +2,21 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useFont } from '@shopify/react-native-skia';
 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';
+// 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;
 const DEFAULT_PAN_TRIGGERS = ['middleMouse', 'space'];
 export const AnnotationCanvasInner = (props) => {
-    const { fallbackUnit, fractionalTolerance, decimalTolerance, resolveImageUrl, stampFontSource, stampValueFontSize = 14, stampLabelFontSize = 11, gestures, width, height, style, activeToolId, tools, } = props;
+    const { resolveImageUrl, stampFontSource, stampValueFontSize = 14, gestures, width, height, style, activeToolId, tools, } = props;
     const wheelMode = gestures?.wheel ?? 'auto';
     const panTriggers = gestures?.panTriggers ?? DEFAULT_PAN_TRIGGERS;
     const allowSpacePan = panTriggers.includes('space');
     const allowMiddlePan = panTriggers.includes('middleMouse');
     const allowRightPan = panTriggers.includes('rightMouse');
     const valueFont = useFont(stampFontSource, stampValueFontSize);
-    const labelFont = useFont(stampFontSource, stampLabelFontSize);
     const state = useAnnotationCanvasState(props);
     const containerRef = useRef(null);
     const panGestureRef = useRef(null);
@@ -168,15 +171,14 @@ export const AnnotationCanvasInner = (props) => {
                 height,
                 effectiveCanvas: state.effectiveCanvas,
                 worldTransform: state.worldTransform,
-                measurementsById: state.measurementsById,
-                fallbackUnit,
-                fractionalTolerance,
-                decimalTolerance,
                 resolveImageUrl,
                 valueFont,
-                labelFont,
-                hideMeasurementStamps: !!renderMeasurementStamp,
                 penDrawingStroke: state.penDrawingStroke,
+                // 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.
+                selectedId: selection?.ids[0] ?? null,
+                handleRadius: HANDLE_PX / state.viewport.zoom,
                 customPreview,
             }), renderMeasurementStamp && (_jsx("div", { style: {
                     position: 'absolute',
@@ -187,6 +189,9 @@ export const AnnotationCanvasInner = (props) => {
                     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;
+                    const measurement = placed.measurementId
+                        ? state.measurementsById.get(placed.measurementId) ?? null
+                        : null;
                     return (_jsxs("div", { style: {
                             position: 'absolute',
                             left: 0,
@@ -196,16 +201,16 @@ export const AnnotationCanvasInner = (props) => {
                             transform: `translate(${cx - size / 2}px, ${cy - size / 2}px)`,
                         }, children: [renderMeasurementStamp({
                                 placed,
-                                measurement: state.measurementsById.get(placed.measurementId) ?? null,
+                                measurement,
                                 selected: isSelected,
                                 size,
                                 zoom: state.viewport.zoom,
-                            }), isSelected && (_jsx("div", { role: "button", "aria-label": "Remove measurement", onPointerDown: (e) => {
+                            }), isSelected && measurement && (_jsx("div", { role: "button", "aria-label": "Remove measurement", onPointerDown: (e) => {
                                     e.stopPropagation();
-                                    state.ctx.commit({
-                                        ops: [{ op: 'removeMeasurement', id: placed.id }],
-                                    });
-                                    state.ctx.setSelection(null);
+                                    const { ops, keepSelection } = buildRemoveMeasurementOps(placed);
+                                    state.ctx.commit({ ops });
+                                    if (!keepSelection)
+                                        state.ctx.setSelection(null);
                                 }, style: {
                                     position: 'absolute',
                                     top: -10,

package/dist/{canvas → annotation/canvas}/AnnotationCanvasInner.native.d.ts

@@ -1,8 +1,8 @@
 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, AnnotationDocumentPatch, Selection } from '../types/annotation.js';
+import type { DecimalTolerance, FractionalTolerance, Measurement, Units } from '../../types/firestore.js';
+import { type AnnotationCanvasState, type AnnotationDocumentPatch, type Selection } from '../../types/annotation.js';
 import type { MeasurementRef } from './measurementPicker.js';
 import type { Tool } from './Tool.js';
 import { type AnnotationCanvasHandle } from './useAnnotationCanvasState.js';