cloudmr-ux 4.2.4 → 4.2.6

package/dist/CmrComponents/tk-dualrange/TKDualRange.js

@@ -11,7 +11,6 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "./tk-dual-range.css";
-import CmrLabel from "../label/Label";
 var clamp = function (v, lo, hi) { return Math.max(lo, Math.min(hi, v)); };
 export default function TKDualRange(_a) {
     var _b;
@@ -33,13 +32,20 @@ export default function TKDualRange(_a) {
         var nextReal = clamp(inverse(nextRender), valueLow, maxDomain);
         onChangeHigh(nextReal);
     };
-    // Editable inputs show RENDER values (like the article)
-    var fmt = function (v) { return (Number.isFinite(v) ? v.toFixed(precision) : ""); };
+    // Editable inputs show RENDER values; use scientific notation for small non-zero
+    // values (e.g. B1 maps) so they don't display as "0.000"
+    var fmt = function (v) {
+        return Number.isFinite(v)
+            ? v !== 0 && Math.abs(v) < 0.01
+                ? Number(v).toExponential(precision)
+                : v.toFixed(precision)
+            : "";
+    };
     var parse = function (s) {
         var n = Number(s);
         return Number.isFinite(n) ? n : NaN;
     };
-    return (_jsxs("div", __assign({ className: "tkdr" }, { children: [_jsxs("div", __assign({ className: "tkdr__row tkdr__row--ends" }, { children: [_jsxs("div", __assign({ className: "tkdr__group" }, { children: [_jsx(CmrLabel, { children: "Min" }), _jsx("input", { className: "tkdr__num", type: "number", step: s, value: fmt(tLow), onChange: function (e) {
+    return (_jsxs("div", __assign({ className: "tkdr" }, { children: [_jsxs("div", __assign({ className: "tkdr__row tkdr__row--ends" }, { children: [_jsxs("div", __assign({ className: "tkdr__group" }, { children: [_jsx("span", __assign({ className: "tkdr__hint" }, { children: "Min" })), _jsx("input", { className: "tkdr__num", type: "number", step: s, value: fmt(tLow), onChange: function (e) {
                                     var n = parse(e.target.value);
                                     if (!Number.isFinite(n))
                                         return;
@@ -49,7 +55,7 @@ export default function TKDualRange(_a) {
                                     if (!Number.isFinite(n))
                                         return;
                                     handleLowRender(n);
-                                } })] })), _jsxs("div", __assign({ className: "tkdr__group" }, { children: [_jsx(CmrLabel, { children: "Max" }), _jsx("input", { className: "tkdr__num", type: "number", step: s, value: fmt(tHigh), onChange: function (e) {
+                                } })] })), _jsxs("div", __assign({ className: "tkdr__group" }, { children: [_jsx("span", __assign({ className: "tkdr__hint" }, { children: "Max" })), _jsx("input", { className: "tkdr__num", type: "number", step: s, value: fmt(tHigh), onChange: function (e) {
                                     var n = parse(e.target.value);
                                     if (!Number.isFinite(n))
                                         return;

package/dist/CmrComponents/tk-dualrange/tk-dual-range.css

@@ -137,4 +137,6 @@
 /* small, subtle caption */
 .tkdr__hint {
   font-size: 0.85rem;
+  font-weight: 400;
+  font-family: 'Inter', 'Roboto', 'Helvetica', 'Arial', sans-serif;
 }

package/dist/core/common/components/NiivueTools/components/Toolbar.js

@@ -55,6 +55,8 @@ import { getPipelineROI } from "../../../../features/rois/resultActionCreation";
 import HomeIcon from "@mui/icons-material/Home";
 import CenterFocusStrongIcon from "@mui/icons-material/CenterFocusStrong";
 import ZoomInMapIcon from "@mui/icons-material/ZoomInMap";
+import ZoomInIcon from "@mui/icons-material/ZoomIn";
+import ZoomOutIcon from "@mui/icons-material/ZoomOut";
 import Brightness6Icon from "@mui/icons-material/Brightness6";
 import AutoGraph from "@mui/icons-material/AutoGraph";
 export default function Toolbar(props) {
@@ -180,5 +182,35 @@ export default function Toolbar(props) {
                                             props.nv.setGamma(1.0); // engine reset
                                             (_b = (_a = props.nv).onResetGamma) === null || _b === void 0 ? void 0 : _b.call(_a); // UI reset: bumps gammaKey + sets gamma=1.0
                                             // props.nv.resetContrast();
-                                        } }, { children: _jsx(AutoGraph, {}) })) })), _jsx(Tooltip, __assign({ title: "Reset Contrast", placement: "right" }, { children: _jsx(IconButton, __assign({ onClick: function () { return props.nv.resetContrast(); } }, { children: _jsx(Brightness6Icon, {}) })) }))] }))] }))] })) })));
+                                        } }, { children: _jsx(AutoGraph, {}) })) })), _jsx(Tooltip, __assign({ title: "Reset Contrast", placement: "right" }, { children: _jsx(IconButton, __assign({ onClick: function () { return props.nv.resetContrast(); } }, { children: _jsx(Brightness6Icon, {}) })) }))] })), _jsx(Box, { sx: { flex: 1 } }), _jsxs(Stack, __assign({ flexDirection: "row", alignItems: "center", sx: { m: 2, gap: 0.5 } }, { children: [_jsx(Tooltip, __assign({ title: "Zoom Out", placement: "right" }, { children: _jsx(IconButton, __assign({ onClick: function () {
+                                            var scene = props.nv.scene;
+                                            var current = scene.pan2Dxyzmm[3];
+                                            var next = Math.max(0.1, current - 0.1);
+                                            var delta = current - next;
+                                            scene.pan2Dxyzmm[3] = next;
+                                            var mm = props.nv.frac2mm(scene.crosshairPos);
+                                            scene.pan2Dxyzmm[0] += delta * mm[0];
+                                            scene.pan2Dxyzmm[1] += delta * mm[1];
+                                            scene.pan2Dxyzmm[2] += delta * mm[2];
+                                            props.nv.drawScene();
+                                        }, size: "small", sx: {
+                                            border: "1px solid",
+                                            borderColor: "divider",
+                                            borderRadius: 1
+                                        } }, { children: _jsx(ZoomOutIcon, {}) })) })), _jsx(Tooltip, __assign({ title: "Zoom In", placement: "right" }, { children: _jsx(IconButton, __assign({ onClick: function () {
+                                            var scene = props.nv.scene;
+                                            var current = scene.pan2Dxyzmm[3];
+                                            var next = current + 0.1;
+                                            var delta = current - next;
+                                            scene.pan2Dxyzmm[3] = next;
+                                            var mm = props.nv.frac2mm(scene.crosshairPos);
+                                            scene.pan2Dxyzmm[0] += delta * mm[0];
+                                            scene.pan2Dxyzmm[1] += delta * mm[1];
+                                            scene.pan2Dxyzmm[2] += delta * mm[2];
+                                            props.nv.drawScene();
+                                        }, size: "small", sx: {
+                                            border: "1px solid",
+                                            borderColor: "divider",
+                                            borderRadius: 1
+                                        } }, { children: _jsx(ZoomInIcon, {}) })) }))] }))] }))] })) })));
 }

package/dist/core/common/utilities/index.d.ts

@@ -23,3 +23,9 @@ export declare const getFileExtension: (fileName: string) => string;
  */
 export declare function getMax(array: number[]): number;
 export declare function getMin(array: number[]): number;
+/**
+ * Format a number for UI display, preserving scientific notation for small
+ * non-zero values (e.g. B1 maps with values like 1e-5).
+ * Uses toExponential when |v| < threshold and v !== 0, otherwise toFixed.
+ */
+export declare function formatNumberForDisplay(v: number, precision?: number, scientificThreshold?: number): string;

package/dist/core/common/utilities/index.js

@@ -116,3 +116,18 @@ export function getMin(array) {
     }
     return min;
 }
+/**
+ * Format a number for UI display, preserving scientific notation for small
+ * non-zero values (e.g. B1 maps with values like 1e-5).
+ * Uses toExponential when |v| < threshold and v !== 0, otherwise toFixed.
+ */
+export function formatNumberForDisplay(v, precision, scientificThreshold) {
+    if (precision === void 0) { precision = 3; }
+    if (scientificThreshold === void 0) { scientificThreshold = 0.01; }
+    if (!Number.isFinite(v))
+        return "";
+    if (v !== 0 && Math.abs(v) < scientificThreshold) {
+        return Number(v).toExponential(precision);
+    }
+    return v.toFixed(precision);
+}

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

@@ -56,11 +56,13 @@ export var dataSlice = createSlice({
             }
         }),
         builder.addCase(renameUploadedData.fulfilled, function (state, action) {
-            var id = action.meta.arg.fileId;
-            for (var _i = 0, _a = state.files; _i < _a.length; _i++) {
-                var file = _a[_i];
-                if (file.id == id) {
+            var _a = action.meta.arg, fileId = _a.fileId, newName = _a.newName;
+            for (var _i = 0, _b = state.files; _i < _b.length; _i++) {
+                var file = _b[_i];
+                if (file.id === fileId) {
+                    file.fileName = newName;
                     delete file.renamingPending;
+                    break;
                 }
             }
         }),
@@ -75,12 +77,7 @@ export var dataSlice = createSlice({
         }),
         builder.addCase(deleteUploadedData.fulfilled, function (state, action) {
             var id = action.meta.arg.fileId;
-            for (var _i = 0, _a = state.files; _i < _a.length; _i++) {
-                var file = _a[_i];
-                if (file.id == id) {
-                    delete file.deletionPending;
-                }
-            }
+            state.files = state.files.filter(function (file) { return file.id !== id; });
         })); }
 });
 export var renameData = (_a = dataSlice.actions, _a.renameData), deleteData = _a.deleteData;

package/package.json

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