cloudmr-ux 4.6.9 → 4.7.1

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

@@ -13,6 +13,7 @@ export type CloudMrDrawToolkitProps = Omit<DrawToolkitProps, "rois" | "selectedR
     penDraftActive?: boolean;
     onActivateEraser?: () => void;
     onDeactivateDrawTools?: () => void;
+    onClearDrawing?: () => void;
     shapeDraftActive?: boolean;
     onApplyShapeDraft?: () => void;
     onCancelShapeDraft?: () => void;

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

@@ -931,6 +931,46 @@ export default function CloudMrNiivueViewer(props) {
             penDraftRef.current = null;
         }
     };
+    function discardShapeDraft() {
+        setShapeDraft(null);
+        shapeDraftRef.current = null;
+        nv._cloudMrShapeDraftActive = false;
+    }
+    function discardPenDraft() {
+        var _a;
+        setPenDraft(null);
+        penDraftRef.current = null;
+        nv._cloudMrPenDraftActive = false;
+        (_a = nv.cloudMrResetPolyline) === null || _a === void 0 ? void 0 : _a.call(nv);
+        setPolylineVertexCount(0);
+    }
+    function resetNiivueDrawSession() {
+        nv.drawShapeStartLocation = [NaN, NaN, NaN];
+        nv.drawShapePreviewBitmap = null;
+        nv._cloudMrFreehandSessionStartBitmap = null;
+        nv._cloudMrPolylineVertices = null;
+        nv._cloudMrPolylineBaseBitmap = null;
+        nv._cloudMrPolylineSessionStartBitmap = null;
+        nv._cloudMrToolKindBitmap = null;
+    }
+    function clearDrawingHandler() {
+        var _a;
+        // Discard drafts without restoring baseBitmap — clearDrawing wipes the canvas anyway.
+        discardShapeDraft();
+        discardPenDraft();
+        resetNiivueDrawSession();
+        setDrawShapeTool(null);
+        nv.opts.penType = NI_PEN_TYPE.PEN;
+        nv.opts.deferShapeCommit = false;
+        nv.opts.deferFreehandCommit = false;
+        nv.opts.polylinePenMode = false;
+        (_a = nv.cloudMrResetPolyline) === null || _a === void 0 ? void 0 : _a.call(nv);
+        nvSetDrawingEnabled(false);
+        nv.clearDrawing();
+        nv.drawScene();
+        resampleImage();
+        setDrawingChanged(false);
+    }
     function cancelShapeDraft() {
         var draft = shapeDraftRef.current;
         if (!draft)
@@ -1584,7 +1624,8 @@ export default function CloudMrNiivueViewer(props) {
         brushSize: brushSize,
         updateBrushSize: nvUpdateBrushSize,
         onActivateEraser: activateEraser,
-        onDeactivateDrawTools: deactivateDrawTools
+        onDeactivateDrawTools: deactivateDrawTools,
+        onClearDrawing: clearDrawingHandler
     };
     return (_jsxs(Box, __assign({ sx: {
             display: 'flex',

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

@@ -192,9 +192,10 @@ export function MroDrawToolkit(props) {
                                 } }, { children: [_jsxs(Box, __assign({ sx: { position: "relative", zIndex: expandedOption === "d" ? 1600 : "auto", display: "inline-flex", alignItems: "center" } }, { children: [_jsx(Tooltip, __assign({ title: "Pen" }, { children: _jsx(IconButton, __assign({ "aria-label": "pen", size: "small", onClick: clickPen, sx: __assign(__assign({}, toolBtnSx), shapeSelectedSx("pen")) }, { children: _jsx(DrawIcon, { sx: { color: "inherit" } }) })) })), _jsx(DrawColorPlatte, { expanded: expandedOption === "d", updateDrawPen: props.updateDrawPen, setDrawingEnabled: props.setDrawingEnabled, showPenModes: true, penDrawMode: props.penDrawMode, onPenDrawModeChange: props.onPenDrawModeChange, polylineVertexCount: props.polylineVertexCount, onCancelPolyline: props.onCancelPolyline, penDraftActive: props.penDraftActive, onApplyPenDraft: props.onApplyPenDraft, onFillPenDraft: props.onFillPenDraft, brushSize: props.brushSize, updateBrushSize: props.updateBrushSize })] })), _jsxs(Box, __assign({ sx: { position: "relative", zIndex: expandedOption === "r" ? 1600 : "auto", display: "inline-flex", alignItems: "center" } }, { children: [_jsx(Tooltip, __assign({ title: "Rectangle" }, { children: _jsx(IconButton, __assign({ "aria-label": "rectangle", size: "small", onClick: clickRectangle, sx: __assign(__assign({}, toolBtnSx), shapeSelectedSx("rectangle")) }, { children: _jsx(CropSquareOutlinedIcon, { sx: { color: "inherit" } }) })) })), _jsx(DrawColorPlatte, { expanded: expandedOption === "r", updateDrawPen: props.updateDrawPen, setDrawingEnabled: props.setDrawingEnabled, shapeDraftActive: props.shapeDraftActive && drawShapeTool === "rectangle", onApplyShapeDraft: props.onApplyShapeDraft })] })), _jsxs(Box, __assign({ sx: { position: "relative", zIndex: expandedOption === "l" ? 1600 : "auto", display: "inline-flex", alignItems: "center" } }, { children: [_jsx(Tooltip, __assign({ title: "Ellipse" }, { children: _jsx(IconButton, __assign({ "aria-label": "ellipse", size: "small", onClick: clickEllipse, sx: __assign(__assign({}, toolBtnSx), shapeSelectedSx("ellipse")) }, { children: _jsx(CircleOutlinedIcon, { sx: { color: "inherit" } }) })) })), _jsx(DrawColorPlatte, { expanded: expandedOption === "l", updateDrawPen: props.updateDrawPen, setDrawingEnabled: props.setDrawingEnabled, shapeDraftActive: props.shapeDraftActive && drawShapeTool === "ellipse", onApplyShapeDraft: props.onApplyShapeDraft })] })), _jsxs(Box, __assign({ sx: { position: "relative", zIndex: expandedOption === "e" ? 1600 : "auto", display: "inline-flex", alignItems: "center" } }, { children: [_jsx(Tooltip, __assign({ title: "Eraser" }, { children: _jsx(IconButton, __assign({ "aria-label": "erase", size: "small", onClick: clickEraser, sx: __assign(__assign({}, toolBtnSx), (eraserActive
                                                         ? { backgroundColor: "rgba(88, 15, 139, 0.12)", color: "#580f8b" }
                                                         : {})) }, { children: filled || !eraserActive ? (_jsx(EraserIcon, {})) : (_jsx(AutoFixNormalOutlinedIcon, { sx: { color: ICON_COLOR } })) })) })), _jsx(EraserPlatte, { expandEraseOptions: expandedOption === "e", updateDrawPen: props.updateDrawPen, setDrawingEnabled: props.setDrawingEnabled, brushSize: props.brushSize, updateBrushSize: props.updateBrushSize })] })), _jsx(Tooltip, __assign({ title: "Undo" }, { children: _jsx(IconButton, __assign({ "aria-label": "revert", size: "small", onClick: function () { return props.drawUndo(); }, sx: toolBtnSx }, { children: _jsx(ReplyIcon, { sx: { color: ICON_COLOR } }) })) })), _jsx(Tooltip, __assign({ title: "Save screenshot" }, { children: _jsx("span", { children: _jsx(IconButton, __assign({ "aria-label": "capture", size: "small", disabled: !vol, onClick: function () { return vol && props.nv.saveScene("".concat(vol.name, "_drawing.png")); }, sx: toolBtnSx }, { children: _jsx(CameraAltIcon, { sx: { color: ICON_COLOR } }) })) }) })), _jsx(Tooltip, __assign({ title: "Clear drawing" }, { children: _jsx(IconButton, __assign({ "aria-label": "delete", size: "small", onClick: function () {
-                                                props.nv.clearDrawing();
-                                                props.resampleImage();
-                                                props.setDrawingChanged(false);
+                                                var _a;
+                                                (_a = props.onClearDrawing) === null || _a === void 0 ? void 0 : _a.call(props);
+                                                setExpandedOption("n");
+                                                setExpandOpacityOptions(false);
                                             }, sx: toolBtnSx }, { children: _jsx(DeleteIcon, { sx: { color: ICON_COLOR } }) })) })), _jsx(Tooltip, __assign({ title: "ROI visibility" }, { children: _jsx(IconButton, __assign({ "aria-label": "visible", size: "small", onClick: function () { return props.toggleROIVisible(); }, sx: toolBtnSx }, { children: props.roiVisible ? (_jsx(VisibilityIcon, { sx: { color: ICON_COLOR } })) : (_jsx(VisibilityOffIcon, { sx: { color: ICON_COLOR, opacity: 0.45 } })) })) })), _jsxs(Box, __assign({ sx: {
                                             position: "relative",
                                             zIndex: expandOpacityOptions ? 1600 : "auto",

package/dist/core/features/data/dataActionCreation.js

@@ -283,7 +283,8 @@ var ALLOWED_EXTENSIONS = [
     "png",
     "jpg",
     "jpeg",
-    "zip"
+    "zip",
+    "seq",
 ];
 var createPayload = function (uploadToken, file, fileAlias) { return __awaiter(void 0, void 0, void 0, function () {
     var fileExtension, lowerExt, fileType, isSafe, lambdaFile, UploadHeaders, endpoints;

package/package.json

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