cloudmr-ux 4.7.5 → 4.7.6

package/dist/CmrComponents/niivue-viewer/CloudMrNiivuePanel.js

@@ -195,7 +195,7 @@ export function CloudMrNiivuePanel(props) {
                                     left: 0,
                                     width: "100%",
                                     height: "100%"
-                                } }), props.shapeDraft && (_jsx(ShapeDraftOverlay, { nv: props.nv, draft: props.shapeDraft, onDraftChange: props.onShapeDraftChange, overlayKey: props.mms })), props.penDraft && (_jsx(PenDraftOverlay, { nv: props.nv, draft: props.penDraft, onDraftChange: props.onPenDraftChange, overlayKey: props.mms }))] }))] })), _jsxs(Box, __assign({ sx: {
+                                } }), props.shapeDraft && (_jsx(ShapeDraftOverlay, { nv: props.nv, draft: props.shapeDraft, onDraftChange: props.onShapeDraftChange, onApplyDraft: props.onApplyShapeDraft, overlayKey: props.mms })), props.penDraft && (_jsx(PenDraftOverlay, { nv: props.nv, draft: props.penDraft, onDraftChange: props.onPenDraftChange, onApplyDraft: props.onApplyPenDraft, overlayKey: props.mms }))] }))] })), _jsxs(Box, __assign({ sx: {
                     width: {
                         xs: "100%",
                         md: "35%"

package/dist/CmrComponents/niivue-viewer/PenDraftOverlay.d.ts

@@ -1,10 +1,12 @@
 /**
  * Adjust handles for polyline (vertex drag) or freehand (move only) drafts.
+ * @param {{ nv: any, draft: import('./penDraftUtils').PenDraft, onDraftChange: (d: any) => void, onApplyDraft?: () => void, overlayKey?: unknown }} props
  */
-export function PenDraftOverlay({ nv, draft, onDraftChange, overlayKey }: {
+export function PenDraftOverlay({ nv, draft, onDraftChange, onApplyDraft, overlayKey }: {
     nv: any;
-    draft: any;
-    onDraftChange: any;
-    overlayKey: any;
+    draft: import('./penDraftUtils').PenDraft;
+    onDraftChange: (d: any) => void;
+    onApplyDraft?: (() => void) | undefined;
+    overlayKey?: unknown;
 }): import("react/jsx-runtime").JSX.Element | null;
 export default PenDraftOverlay;

package/dist/CmrComponents/niivue-viewer/PenDraftOverlay.js

@@ -29,14 +29,17 @@ function cloneFreehandDraft(draft) {
 }
 /**
  * Adjust handles for polyline (vertex drag) or freehand (move only) drafts.
+ * @param {{ nv: any, draft: import('./penDraftUtils').PenDraft, onDraftChange: (d: any) => void, onApplyDraft?: () => void, overlayKey?: unknown }} props
  */
 export function PenDraftOverlay(_a) {
-    var nv = _a.nv, draft = _a.draft, onDraftChange = _a.onDraftChange, overlayKey = _a.overlayKey;
+    var nv = _a.nv, draft = _a.draft, onDraftChange = _a.onDraftChange, onApplyDraft = _a.onApplyDraft, overlayKey = _a.overlayKey;
     var dragRef = useRef(null);
     var draftRef = useRef(draft);
     draftRef.current = draft;
     var onPointerMoveRef = useRef(null);
     var finishDragRef = useRef(null);
+    var onApplyDraftRef = useRef(onApplyDraft);
+    onApplyDraftRef.current = onApplyDraft;
     var _b = useState(0), setTick = _b[1];
     var bump = useCallback(function () { return setTick(function (t) { return t + 1; }); }, []);
     useEffect(function () {
@@ -109,6 +112,8 @@ export function PenDraftOverlay(_a) {
         onDraftChange(nextDraft);
     }, [nv, onDraftChange]);
     finishDragRef.current = function () {
+        var _a, _b;
+        var hadDrag = (_a = dragRef.current) === null || _a === void 0 ? void 0 : _a.didMove;
         dragRef.current = null;
         if (onPointerMoveRef.current) {
             window.removeEventListener("pointermove", onPointerMoveRef.current);
@@ -116,11 +121,15 @@ export function PenDraftOverlay(_a) {
         if (finishDragRef.current) {
             window.removeEventListener("pointerup", finishDragRef.current);
         }
+        if (hadDrag) {
+            (_b = onApplyDraftRef.current) === null || _b === void 0 ? void 0 : _b.call(onApplyDraftRef);
+        }
     };
     onPointerMoveRef.current = function (event) {
         var drag = dragRef.current;
         if (!drag)
             return;
+        drag.didMove = true;
         event.preventDefault();
         var canvas = nv.canvas || document.getElementById("niiCanvas");
         if (!canvas)
@@ -154,6 +163,7 @@ export function PenDraftOverlay(_a) {
             mode: mode,
             cornerIndex: cornerIndex,
             kind: current.kind,
+            didMove: false,
             startClientX: event.clientX,
             startClientY: event.clientY,
             startDraft: current,

package/dist/CmrComponents/niivue-viewer/ShapeDraftOverlay.d.ts

@@ -1,11 +1,12 @@
 /**
  * Overlay handles for adjusting a rectangle/ellipse draft before commit.
- * @param {{ nv: any, draft: import('./shapeDraftUtils').ShapeDraft, onDraftChange: (d: any) => void, overlayKey?: unknown }} props
+ * @param {{ nv: any, draft: import('./shapeDraftUtils').ShapeDraft, onDraftChange: (d: any) => void, onApplyDraft?: () => void, overlayKey?: unknown }} props
  */
-export function ShapeDraftOverlay({ nv, draft, onDraftChange, overlayKey }: {
+export function ShapeDraftOverlay({ nv, draft, onDraftChange, onApplyDraft, overlayKey }: {
     nv: any;
     draft: import('./shapeDraftUtils').ShapeDraft;
     onDraftChange: (d: any) => void;
+    onApplyDraft?: (() => void) | undefined;
     overlayKey?: unknown;
 }): import("react/jsx-runtime").JSX.Element | null;
 export default ShapeDraftOverlay;

package/dist/CmrComponents/niivue-viewer/ShapeDraftOverlay.js

@@ -25,16 +25,18 @@ var HANDLE_SIZE = 10;
 var ACCENT = "#580f8b";
 /**
  * Overlay handles for adjusting a rectangle/ellipse draft before commit.
- * @param {{ nv: any, draft: import('./shapeDraftUtils').ShapeDraft, onDraftChange: (d: any) => void, overlayKey?: unknown }} props
+ * @param {{ nv: any, draft: import('./shapeDraftUtils').ShapeDraft, onDraftChange: (d: any) => void, onApplyDraft?: () => void, overlayKey?: unknown }} props
  */
 export function ShapeDraftOverlay(_a) {
     var _b;
-    var nv = _a.nv, draft = _a.draft, onDraftChange = _a.onDraftChange, overlayKey = _a.overlayKey;
+    var nv = _a.nv, draft = _a.draft, onDraftChange = _a.onDraftChange, onApplyDraft = _a.onApplyDraft, overlayKey = _a.overlayKey;
     var dragRef = useRef(null);
     var draftRef = useRef(draft);
     draftRef.current = draft;
     var onPointerMoveRef = useRef(null);
     var finishDragRef = useRef(null);
+    var onApplyDraftRef = useRef(onApplyDraft);
+    onApplyDraftRef.current = onApplyDraft;
     var _c = useState(0), setTick = _c[1];
     var bump = useCallback(function () { return setTick(function (t) { return t + 1; }); }, []);
     useEffect(function () {
@@ -84,6 +86,8 @@ export function ShapeDraftOverlay(_a) {
         onDraftChange(nextDraft);
     }, [nv, onDraftChange]);
     finishDragRef.current = function () {
+        var _a, _b;
+        var hadDrag = (_a = dragRef.current) === null || _a === void 0 ? void 0 : _a.didMove;
         dragRef.current = null;
         if (onPointerMoveRef.current) {
             window.removeEventListener("pointermove", onPointerMoveRef.current);
@@ -91,12 +95,16 @@ export function ShapeDraftOverlay(_a) {
         if (finishDragRef.current) {
             window.removeEventListener("pointerup", finishDragRef.current);
         }
+        if (hadDrag) {
+            (_b = onApplyDraftRef.current) === null || _b === void 0 ? void 0 : _b.call(onApplyDraftRef);
+        }
     };
     onPointerMoveRef.current = function (event) {
         var drag = dragRef.current;
         var currentDraft = draftRef.current;
         if (!drag || !currentDraft)
             return;
+        drag.didMove = true;
         event.preventDefault();
         if (drag.mode === "move") {
             var canvas = nv.canvas || document.getElementById("niiCanvas");
@@ -124,6 +132,7 @@ export function ShapeDraftOverlay(_a) {
         dragRef.current = {
             mode: mode,
             cornerIndex: cornerIndex,
+            didMove: false,
             startClientX: event.clientX,
             startClientY: event.clientY,
             startPtA: __spreadArray([], draft.ptA, true),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudmr-ux",
-  "version": "4.7.5",
+  "version": "4.7.6",
   "author": "erosmontin@gmail.com",
   "license": "MIT",
   "repository": "erosmontin/cloudmr-ux",