cloudmr-ux 4.6.3 → 4.6.6

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

@@ -186,7 +186,7 @@ export function CloudMrNiivuePanel(props) {
                                     left: 0,
                                     width: "100%",
                                     height: "100%"
-                                } }), 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: {
+                                } }), 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: {
                     width: {
                         xs: "100%",
                         md: "35%"

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

@@ -832,12 +832,6 @@ export default function CloudMrNiivueViewer(props) {
             (_a = nv.cloudMrCancelPolyline) === null || _a === void 0 ? void 0 : _a.call(nv);
         }
     }
-    function syncActiveShapeDraftRef() {
-        nv._cloudMrActiveShapeDraft = shapeDraftRef.current;
-    }
-    function clearActiveShapeDraftRef() {
-        nv._cloudMrActiveShapeDraft = null;
-    }
     function cancelPenDraftHandler() {
         var _a;
         var draft = penDraftRef.current;
@@ -926,7 +920,6 @@ export default function CloudMrNiivueViewer(props) {
         setShapeDraft(null);
         shapeDraftRef.current = null;
         nv._cloudMrShapeDraftActive = false;
-        clearActiveShapeDraftRef();
         if (drawShapeToolRef.current) {
             nvSetDrawingEnabled(true);
         }
@@ -939,7 +932,6 @@ export default function CloudMrNiivueViewer(props) {
         setShapeDraft(null);
         shapeDraftRef.current = null;
         nv._cloudMrShapeDraftActive = false;
-        clearActiveShapeDraftRef();
         if (drawShapeToolRef.current) {
             nvSetDrawingEnabled(true);
         }
@@ -948,13 +940,11 @@ export default function CloudMrNiivueViewer(props) {
     function onShapeDraftChange(draft) {
         setShapeDraft(draft);
         shapeDraftRef.current = draft;
-        syncActiveShapeDraftRef();
     }
     nv.onShapeDraftReady = function (draft) {
         setShapeDraft(draft);
         shapeDraftRef.current = draft;
         nv._cloudMrShapeDraftActive = true;
-        syncActiveShapeDraftRef();
         nvSetDrawingEnabled(false);
     };
     nv.onApplyActiveDraft = function () {
@@ -971,6 +961,32 @@ export default function CloudMrNiivueViewer(props) {
     React.useEffect(function () {
         nv._cloudMrShapeDraftActive = shapeDraft != null;
     }, [shapeDraft]);
+    React.useEffect(function () {
+        if (!shapeDraft && !penDraft) {
+            return undefined;
+        }
+        var canvas = document.getElementById("niiCanvas");
+        if (!canvas) {
+            return undefined;
+        }
+        var applyOnRightClick = function (event) {
+            var _a;
+            event.preventDefault();
+            event.stopPropagation();
+            (_a = nv.onApplyActiveDraft) === null || _a === void 0 ? void 0 : _a.call(nv);
+        };
+        var onMouseDown = function (event) {
+            if (event.button === 2) {
+                applyOnRightClick(event);
+            }
+        };
+        canvas.addEventListener("mousedown", onMouseDown, true);
+        canvas.addEventListener("contextmenu", applyOnRightClick, true);
+        return function () {
+            canvas.removeEventListener("mousedown", onMouseDown, true);
+            canvas.removeEventListener("contextmenu", applyOnRightClick, true);
+        };
+    }, [shapeDraft, penDraft]);
     React.useEffect(function () {
         if (!shapeDraft && !penDraft) {
             return undefined;
@@ -984,6 +1000,16 @@ export default function CloudMrNiivueViewer(props) {
                 else if (penDraft) {
                     cancelPenDraftHandler();
                 }
+                return;
+            }
+            if (event.key === "Enter") {
+                event.preventDefault();
+                if (shapeDraft) {
+                    applyShapeDraft();
+                }
+                else if (penDraft) {
+                    applyPenDraftHandler();
+                }
             }
         };
         window.addEventListener("keydown", onKeyDown);

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

@@ -6,7 +6,6 @@ import {
   captureDeferredShapeDraft,
   captureShapeDraftFromClick,
   isDraftTooSmall,
-  isVoxelPartOfDraft,
   redrawDraftShape,
   shouldDeferShapeCommit,
 } from "./shapeDraftUtils.js";
@@ -1469,85 +1468,54 @@ Niivue.prototype.cloudMrResetPolyline = function cloudMrResetPolyline() {
   resetPolylineState(this);
 };
 
+const RIGHT_MOUSE_BUTTON = 2;
+
 function cloudMrHasApplyableDraft(nv) {
   return !!(nv._cloudMrShapeDraftActive || nv._cloudMrPenDraftActive);
 }
 
-function isClickOnActiveShapeDraft(nv) {
-  const draft = nv._cloudMrActiveShapeDraft;
-  if (!draft || !nv._cloudMrShapeDraftActive) return false;
-  const vox = voxFromMouse(nv);
-  if (!vox) return false;
-  return isVoxelPartOfDraft(nv, draft, vox);
-}
-
-function canReopenShapeDraftOnClick(nv) {
-  const penType = nv.opts.penType;
-  return (
-    nv.opts.deferShapeCommit &&
-    nv.opts.drawingEnabled &&
-    !nv._cloudMrShapeDraftActive &&
-    !nv._cloudMrPenDraftActive &&
-    (penType === NI_PEN_TYPE.RECTANGLE || penType === NI_PEN_TYPE.ELLIPSE)
-  );
-}
-
-function cloudMrOpenShapeDraftFromClick(nv) {
-  const reopenDraft = captureShapeDraftFromClick(nv);
-  if (!reopenDraft) return false;
-  redrawDraftShape(nv, reopenDraft);
-  nv._cloudMrSuppressDrawingChangedMouseUp = true;
-  if (typeof nv.onShapeDraftReady === "function") {
-    nv.onShapeDraftReady(reopenDraft);
+function cloudMrTryApplyDraftOnRightClick(nv, event) {
+  if (!cloudMrHasApplyableDraft(nv)) {
+    return false;
+  }
+  event.preventDefault();
+  event.stopPropagation();
+  if (typeof nv.onApplyActiveDraft === "function") {
+    nv.onApplyActiveDraft();
   }
   return true;
 }
 
 /**
- * Re-enter rectangle/ellipse edit mode when clicking an existing shape ROI.
+ * Re-enter rectangle/ellipse edit mode when clicking an existing applied ROI.
  */
 function cloudMrTryReopenShapeDraftOnClick(nv) {
-  if (!isClickWithoutDrag(nv.uiData) || !canReopenShapeDraftOnClick(nv)) {
-    return false;
-  }
-  return cloudMrOpenShapeDraftFromClick(nv);
-}
-
-/**
- * While editing one shape, mousedown on another shape applies the current
- * draft immediately and opens the clicked shape for editing.
- */
-function cloudMrTrySwitchShapeDraftOnMouseDown(nv) {
-  if (!nv._cloudMrShapeDraftActive || nv._cloudMrPenDraftActive) {
-    return false;
-  }
-  if (!nv.opts.deferShapeCommit || !nv.opts.drawingEnabled) {
-    return false;
-  }
-
-  const vox = voxFromMouse(nv);
-  if (!vox || isClickOnActiveShapeDraft(nv)) {
+  const penType = nv.opts.penType;
+  if (
+    !nv.opts.deferShapeCommit ||
+    !nv.opts.drawingEnabled ||
+    nv._cloudMrShapeDraftActive ||
+    nv._cloudMrPenDraftActive ||
+    !isClickWithoutDrag(nv.uiData) ||
+    (penType !== NI_PEN_TYPE.RECTANGLE && penType !== NI_PEN_TYPE.ELLIPSE)
+  ) {
     return false;
   }
 
-  const dims = nv.back?.dims;
-  if (!dims || !nv.drawBitmap) return false;
-  const dx = dims[1];
-  const dy = dims[2];
-  const idx = vox[0] + vox[1] * dx + vox[2] * dx * dy;
-  if (!nv.drawBitmap[idx]) {
-    return false;
-  }
+  const reopenDraft = captureShapeDraftFromClick(nv);
+  if (!reopenDraft) return false;
 
-  if (typeof nv.onApplyActiveDraft === "function") {
-    nv.onApplyActiveDraft();
+  redrawDraftShape(nv, reopenDraft);
+  nv._cloudMrSuppressDrawingChangedMouseUp = true;
+  if (typeof nv.onShapeDraftReady === "function") {
+    nv.onShapeDraftReady(reopenDraft);
   }
-  return cloudMrOpenShapeDraftFromClick(nv);
+  return true;
 }
 
 const _mouseDownListener = Niivue.prototype.mouseDownListener;
 Niivue.prototype.mouseDownListener = function cloudMrMouseDownListener(e) {
-  if (e.button === 0 && cloudMrTrySwitchShapeDraftOnMouseDown(this)) {
+  if (e.button === RIGHT_MOUSE_BUTTON && cloudMrTryApplyDraftOnRightClick(this, e)) {
     return;
   }
   if (shouldDeferFreehandCommit(this) && this.drawBitmap) {

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

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

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

@@ -29,10 +29,9 @@ function cloneFreehandDraft(draft) {
 }
 /**
  * Adjust handles for polyline (vertex drag) or freehand (move only) drafts.
- * @param {{ nv: any, draft: any, onDraftChange: (d: any) => void, onApplyDraft?: () => void, overlayKey?: unknown }} props
  */
 export function PenDraftOverlay(_a) {
-    var nv = _a.nv, draft = _a.draft, onDraftChange = _a.onDraftChange, onApplyDraft = _a.onApplyDraft, overlayKey = _a.overlayKey;
+    var nv = _a.nv, draft = _a.draft, onDraftChange = _a.onDraftChange, overlayKey = _a.overlayKey;
     var dragRef = useRef(null);
     var draftRef = useRef(draft);
     draftRef.current = draft;
@@ -110,7 +109,6 @@ export function PenDraftOverlay(_a) {
         onDraftChange(nextDraft);
     }, [nv, onDraftChange]);
     finishDragRef.current = function () {
-        var hadDrag = dragRef.current != null;
         dragRef.current = null;
         if (onPointerMoveRef.current) {
             window.removeEventListener("pointermove", onPointerMoveRef.current);
@@ -118,10 +116,6 @@ export function PenDraftOverlay(_a) {
         if (finishDragRef.current) {
             window.removeEventListener("pointerup", finishDragRef.current);
         }
-        // Auto-apply as soon as the user releases the handle after a move/resize
-        if (hadDrag && onApplyDraft) {
-            onApplyDraft();
-        }
     };
     onPointerMoveRef.current = function (event) {
         var drag = dragRef.current;

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

@@ -1,12 +1,11 @@
 /**
  * Overlay handles for adjusting a rectangle/ellipse draft before commit.
- * @param {{ nv: any, draft: import('./shapeDraftUtils').ShapeDraft, onDraftChange: (d: any) => void, onApplyDraft?: () => void, overlayKey?: unknown }} props
+ * @param {{ nv: any, draft: import('./shapeDraftUtils').ShapeDraft, onDraftChange: (d: any) => void, overlayKey?: unknown }} props
  */
-export function ShapeDraftOverlay({ nv, draft, onDraftChange, onApplyDraft, overlayKey }: {
+export function ShapeDraftOverlay({ nv, draft, onDraftChange, 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,11 +25,11 @@ 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, onApplyDraft?: () => void, overlayKey?: unknown }} props
+ * @param {{ nv: any, draft: import('./shapeDraftUtils').ShapeDraft, onDraftChange: (d: any) => void, overlayKey?: unknown }} props
  */
 export function ShapeDraftOverlay(_a) {
     var _b;
-    var nv = _a.nv, draft = _a.draft, onDraftChange = _a.onDraftChange, onApplyDraft = _a.onApplyDraft, overlayKey = _a.overlayKey;
+    var nv = _a.nv, draft = _a.draft, onDraftChange = _a.onDraftChange, overlayKey = _a.overlayKey;
     var dragRef = useRef(null);
     var draftRef = useRef(draft);
     draftRef.current = draft;
@@ -84,7 +84,6 @@ export function ShapeDraftOverlay(_a) {
         onDraftChange(nextDraft);
     }, [nv, onDraftChange]);
     finishDragRef.current = function () {
-        var hadDrag = dragRef.current != null;
         dragRef.current = null;
         if (onPointerMoveRef.current) {
             window.removeEventListener("pointermove", onPointerMoveRef.current);
@@ -92,10 +91,6 @@ export function ShapeDraftOverlay(_a) {
         if (finishDragRef.current) {
             window.removeEventListener("pointerup", finishDragRef.current);
         }
-        // Auto-apply as soon as the user releases the handle after a move/resize
-        if (hadDrag && onApplyDraft) {
-            onApplyDraft();
-        }
     };
     onPointerMoveRef.current = function (event) {
         var drag = dragRef.current;

package/dist/CmrComponents/niivue-viewer/mro-draw-toolkit/DrawColorPlatte.d.ts

@@ -1,4 +1,4 @@
-export default function DrawColorPlatte({ expanded, updateDrawPen, setDrawingEnabled, showPenModes, penDrawMode, onPenDrawModeChange, polylineVertexCount, penDraftActive, onCancelPenDraft, onFillPenDraft, brushSize, updateBrushSize, shapeDraftActive, onCancelShapeDraft, }: {
+export default function DrawColorPlatte({ expanded, updateDrawPen, setDrawingEnabled, showPenModes, penDrawMode, onPenDrawModeChange, polylineVertexCount, penDraftActive, onApplyPenDraft, onCancelPenDraft, onFillPenDraft, brushSize, updateBrushSize, shapeDraftActive, onApplyShapeDraft, onCancelShapeDraft, }: {
     expanded: any;
     updateDrawPen: any;
     setDrawingEnabled: any;
@@ -7,10 +7,12 @@ export default function DrawColorPlatte({ expanded, updateDrawPen, setDrawingEna
     onPenDrawModeChange: any;
     polylineVertexCount?: number | undefined;
     penDraftActive?: boolean | undefined;
+    onApplyPenDraft: any;
     onCancelPenDraft: any;
     onFillPenDraft: any;
     brushSize?: number | undefined;
     updateBrushSize: any;
     shapeDraftActive?: boolean | undefined;
+    onApplyShapeDraft: any;
     onCancelShapeDraft: any;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/CmrComponents/niivue-viewer/mro-draw-toolkit/DrawColorPlatte.js

@@ -11,13 +11,12 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * Pen palette adds freehand vs polyline mode; pen/shape drafts show Cancel while adjusting.
- * Shapes are applied automatically on mouse release.
+ * Pen palette adds freehand vs polyline mode; pen/shape drafts show Apply/Cancel while adjusting.
  */
 import { Stack, IconButton, Button, Tooltip, Typography } from "@mui/material";
 import FiberManualRecordIcon from "@mui/icons-material/FiberManualRecord";
+import CheckIcon from "@mui/icons-material/Check";
 import CloseIcon from "@mui/icons-material/Close";
-import FormatColorFillIcon from "@mui/icons-material/FormatColorFill";
 import { BrushSizeSlider } from "./BrushSizeSlider";
 var FILLED_COLORS = [
     { sx: { color: "red" } },
@@ -38,7 +37,7 @@ var modeBtnSx = function (active) { return ({
     px: 0.75
 }); };
 export default function DrawColorPlatte(_a) {
-    var expanded = _a.expanded, updateDrawPen = _a.updateDrawPen, setDrawingEnabled = _a.setDrawingEnabled, _b = _a.showPenModes, showPenModes = _b === void 0 ? false : _b, _c = _a.penDrawMode, penDrawMode = _c === void 0 ? "freehand" : _c, onPenDrawModeChange = _a.onPenDrawModeChange, _d = _a.polylineVertexCount, polylineVertexCount = _d === void 0 ? 0 : _d, _e = _a.penDraftActive, penDraftActive = _e === void 0 ? false : _e, onCancelPenDraft = _a.onCancelPenDraft, onFillPenDraft = _a.onFillPenDraft, _f = _a.brushSize, brushSize = _f === void 0 ? 1 : _f, updateBrushSize = _a.updateBrushSize, _g = _a.shapeDraftActive, shapeDraftActive = _g === void 0 ? false : _g, onCancelShapeDraft = _a.onCancelShapeDraft;
+    var expanded = _a.expanded, updateDrawPen = _a.updateDrawPen, setDrawingEnabled = _a.setDrawingEnabled, _b = _a.showPenModes, showPenModes = _b === void 0 ? false : _b, _c = _a.penDrawMode, penDrawMode = _c === void 0 ? "freehand" : _c, onPenDrawModeChange = _a.onPenDrawModeChange, _d = _a.polylineVertexCount, polylineVertexCount = _d === void 0 ? 0 : _d, _e = _a.penDraftActive, penDraftActive = _e === void 0 ? false : _e, onApplyPenDraft = _a.onApplyPenDraft, onCancelPenDraft = _a.onCancelPenDraft, onFillPenDraft = _a.onFillPenDraft, _f = _a.brushSize, brushSize = _f === void 0 ? 1 : _f, updateBrushSize = _a.updateBrushSize, _g = _a.shapeDraftActive, shapeDraftActive = _g === void 0 ? false : _g, onApplyShapeDraft = _a.onApplyShapeDraft, onCancelShapeDraft = _a.onCancelShapeDraft;
     return (_jsxs(Stack, __assign({ style: {
             position: "absolute",
             top: "100%",
@@ -63,22 +62,36 @@ export default function DrawColorPlatte(_a) {
                                 py: 0.25,
                                 px: 0.75,
                                 "& .MuiButton-startIcon": { mr: 0.5, ml: 0 }
-                            } }, { children: "Cancel" })) })), penDrawMode === "polyline" && polylineVertexCount >= 3 && (_jsx(Tooltip, __assign({ title: "Fill interior (keeps outline editable until release)" }, { children: _jsx(Button, __assign({ size: "small", "aria-label": "fill polyline", onClick: function () { return onFillPenDraft === null || onFillPenDraft === void 0 ? void 0 : onFillPenDraft(); }, startIcon: _jsx(FormatColorFillIcon, { sx: { fontSize: ACTION_ICON_SIZE } }), sx: {
+                            } }, { children: "Cancel" })) })), _jsxs(Stack, __assign({ direction: "row", alignItems: "center", spacing: 1 }, { children: [penDrawMode === "polyline" && polylineVertexCount >= 3 && (_jsx(Tooltip, __assign({ title: "Fill interior (keeps outline editable until Apply)" }, { children: _jsx(Button, __assign({ size: "small", "aria-label": "fill polyline", onClick: function () { return onFillPenDraft === null || onFillPenDraft === void 0 ? void 0 : onFillPenDraft(); }, sx: {
+                                        color: "#c9a0e8",
+                                        fontSize: ACTION_FONT_SIZE,
+                                        textTransform: "none",
+                                        minWidth: 0,
+                                        py: 0.25,
+                                        px: 0.75
+                                    } }, { children: "Fill" })) }))), _jsx(Tooltip, __assign({ title: "Apply shape (enter or right-click)" }, { children: _jsx(Button, __assign({ size: "small", "aria-label": "apply pen draft", onClick: function () { return onApplyPenDraft === null || onApplyPenDraft === void 0 ? void 0 : onApplyPenDraft(); }, startIcon: _jsx(CheckIcon, { sx: { fontSize: ACTION_ICON_SIZE } }), sx: {
+                                        color: "#c9a0e8",
+                                        fontSize: ACTION_FONT_SIZE,
+                                        textTransform: "none",
+                                        minWidth: 0,
+                                        py: 0.25,
+                                        px: 0.75,
+                                        "& .MuiButton-startIcon": { mr: 0.5, ml: 0 }
+                                    } }, { children: "Apply" })) }))] }))] }))), shapeDraftActive && expanded && (_jsxs(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between", sx: { px: 1, py: 0.5, borderTop: "1px solid #555", width: "100%" } }, { children: [_jsx(Tooltip, __assign({ title: "Cancel shape (Esc)" }, { children: _jsx(Button, __assign({ size: "small", "aria-label": "cancel shape", onClick: function () { return onCancelShapeDraft === null || onCancelShapeDraft === void 0 ? void 0 : onCancelShapeDraft(); }, startIcon: _jsx(CloseIcon, { sx: { fontSize: ACTION_ICON_SIZE } }), sx: {
+                                color: "#ccc",
+                                fontSize: ACTION_FONT_SIZE,
+                                textTransform: "none",
+                                minWidth: 0,
+                                py: 0.25,
+                                px: 0.75,
+                                "& .MuiButton-startIcon": { mr: 0.5, ml: 0 }
+                            } }, { children: "Cancel" })) })), _jsx(Tooltip, __assign({ title: "Apply shape (enter or right-click)" }, { children: _jsx(Button, __assign({ size: "small", "aria-label": "apply shape", onClick: function () { return onApplyShapeDraft === null || onApplyShapeDraft === void 0 ? void 0 : onApplyShapeDraft(); }, startIcon: _jsx(CheckIcon, { sx: { fontSize: ACTION_ICON_SIZE } }), sx: {
                                 color: "#c9a0e8",
                                 fontSize: ACTION_FONT_SIZE,
                                 textTransform: "none",
                                 minWidth: 0,
                                 py: 0.25,
                                 px: 0.75,
-                                ml: "auto",
                                 "& .MuiButton-startIcon": { mr: 0.5, ml: 0 }
-                            } }, { children: "Fill" })) })))] }))), shapeDraftActive && expanded && (_jsx(Stack, __assign({ direction: "row", alignItems: "center", sx: { px: 1, py: 0.5, borderTop: "1px solid #555", width: "100%" } }, { children: _jsx(Tooltip, __assign({ title: "Cancel shape (Esc)" }, { children: _jsx(Button, __assign({ size: "small", "aria-label": "cancel shape", onClick: function () { return onCancelShapeDraft === null || onCancelShapeDraft === void 0 ? void 0 : onCancelShapeDraft(); }, startIcon: _jsx(CloseIcon, { sx: { fontSize: ACTION_ICON_SIZE } }), sx: {
-                            color: "#ccc",
-                            fontSize: ACTION_FONT_SIZE,
-                            textTransform: "none",
-                            minWidth: 0,
-                            py: 0.25,
-                            px: 0.75,
-                            "& .MuiButton-startIcon": { mr: 0.5, ml: 0 }
-                        } }, { children: "Cancel" })) })) })))] })));
+                            } }, { children: "Apply" })) }))] })))] })));
 }

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

@@ -49,27 +49,10 @@ export function captureDeferredShapeDraft(nv: any): {
     baseBitmap: Uint8Array | null;
 };
 export function shouldDeferShapeCommit(nv: any): any;
-/**
- * Flood-fill a connected voxel cluster from a seed.
- * @returns {{ label: number, visited: Set<number>, voxels: [number,number,number][], bounds: object } | null}
- */
-export function floodFillClusterFromVox(nv: any, seedVox: any): {
-    label: number;
-    visited: Set<number>;
-    voxels: [number, number, number][];
-    bounds: object;
-} | null;
-/** True when a voxel belongs to the live draft overlay (drawn on top of baseBitmap). */
-export function isVoxelPartOfDraft(nv: any, draft: any, seedVox: any): boolean;
-export function eraseClusterFromBitmap(bitmap: any, visited: any): Uint8Array;
-/** Guess rectangle vs ellipse from the filled voxel pattern, not the active tool. */
-export function inferShapePenTypeFromCluster(cluster: any, axCorSag: any): 1 | 2;
 /**
  * When the user clicks on an existing filled ROI while the rectangle/ellipse tool
  * is active (but no draft is currently open), flood-fill the clicked cluster to
  * reconstruct a ShapeDraft so the bounding-box overlay reappears for re-editing.
- *
- * Returns null if the click didn't land on a labeled voxel.
  */
 export function captureShapeDraftFromClick(nv: any): {
     ptA: any[];

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

@@ -210,11 +210,18 @@ function inferAxCorSagFromBounds(x1, y1, z1, x2, y2, z2, fallback) {
         return 2;
     return fallback;
 }
+function sliceKey(axCorSag, x, y, z) {
+    if (axCorSag === 0)
+        return "".concat(x, ",").concat(y);
+    if (axCorSag === 1)
+        return "".concat(x, ",").concat(z);
+    return "".concat(y, ",").concat(z);
+}
 /**
  * Flood-fill a connected voxel cluster from a seed.
  * @returns {{ label: number, visited: Set<number>, voxels: [number,number,number][], bounds: object } | null}
  */
-export function floodFillClusterFromVox(nv, seedVox) {
+function floodFillClusterFromVox(nv, seedVox) {
     var _a;
     var dims = (_a = nv.back) === null || _a === void 0 ? void 0 : _a.dims;
     if (!dims || !nv.drawBitmap || !seedVox)
@@ -274,36 +281,15 @@ export function floodFillClusterFromVox(nv, seedVox) {
         bounds: { x1: x1, y1: y1, z1: z1, x2: x2, y2: y2, z2: z2 }
     };
 }
-/** True when a voxel belongs to the live draft overlay (drawn on top of baseBitmap). */
-export function isVoxelPartOfDraft(nv, draft, seedVox) {
-    var _a;
-    if (!(draft === null || draft === void 0 ? void 0 : draft.baseBitmap) || !(nv === null || nv === void 0 ? void 0 : nv.drawBitmap) || !seedVox)
-        return false;
-    var dims = (_a = nv.back) === null || _a === void 0 ? void 0 : _a.dims;
-    if (!dims)
-        return false;
-    var dx = dims[1];
-    var dy = dims[2];
-    var idx = voxelIndex(seedVox[0], seedVox[1], seedVox[2], dx, dy);
-    return (nv.drawBitmap[idx] === draft.penValue &&
-        draft.baseBitmap[idx] !== draft.penValue);
-}
-export function eraseClusterFromBitmap(bitmap, visited) {
+function eraseClusterFromBitmap(bitmap, visited) {
     var next = new Uint8Array(bitmap);
     visited.forEach(function (idx) {
         next[idx] = 0;
     });
     return next;
 }
-function sliceKey(axCorSag, x, y, z) {
-    if (axCorSag === 0)
-        return "".concat(x, ",").concat(y);
-    if (axCorSag === 1)
-        return "".concat(x, ",").concat(z);
-    return "".concat(y, ",").concat(z);
-}
 /** Guess rectangle vs ellipse from the filled voxel pattern, not the active tool. */
-export function inferShapePenTypeFromCluster(cluster, axCorSag) {
+function inferShapePenTypeFromCluster(cluster, axCorSag) {
     var bounds = cluster.bounds, voxels = cluster.voxels;
     var x1 = bounds.x1, y1 = bounds.y1, z1 = bounds.z1, x2 = bounds.x2, y2 = bounds.y2, z2 = bounds.z2;
     var filled = new Set();
@@ -358,8 +344,6 @@ export function inferShapePenTypeFromCluster(cluster, axCorSag) {
  * When the user clicks on an existing filled ROI while the rectangle/ellipse tool
  * is active (but no draft is currently open), flood-fill the clicked cluster to
  * reconstruct a ShapeDraft so the bounding-box overlay reappears for re-editing.
- *
- * Returns null if the click didn't land on a labeled voxel.
  */
 export function captureShapeDraftFromClick(nv) {
     var seedVox = voxFromMouse(nv);

package/package.json

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