@ohif/app 3.10.0-beta.152 → 3.10.0-beta.154

package/dist/{1459.bundle.09f0e715ec4497187816.js → 1459.bundle.e62fd8cd18f4c81b031a.js}

@@ -251,8 +251,7 @@ function modeFactory({
             leftPanelResizable: true,
             leftPanelClosed: true,
             // we have problem with rendering thumbnails for microscopy images
-            rightPanelClosed: true,
-            // we do not have the save microscopy measurements yet
+            // rightPanelClosed: true, // we do not have the save microscopy measurements yet
             rightPanels: [ohif.rightPanel],
             rightPanelResizable: true,
             viewports: [{

package/dist/{1919.bundle.b8cf99f0701bb1c4bb4d.js → 1919.bundle.4da1ad89576cf13160db.js}

@@ -956,10 +956,10 @@ const commandsModule = ({
 /* harmony default export */ const src_commandsModule = (commandsModule);
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(86326);
-// EXTERNAL MODULE: ../../ui/src/index.js + 693 modules
-var ui_src = __webpack_require__(61533);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 1016 modules
-var ui_next_src = __webpack_require__(90858);
+// EXTERNAL MODULE: ../../ui/src/index.js + 455 modules
+var ui_src = __webpack_require__(98391);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 1053 modules
+var ui_next_src = __webpack_require__(2836);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dynamic-volume/src/panels/DynamicVolumeControls.tsx
 
 
@@ -977,12 +977,12 @@ const Header = ({
   tooltip
 }) => /*#__PURE__*/react.createElement("div", {
   className: "flex items-center space-x-1"
-}, /*#__PURE__*/react.createElement(ui_next_src/* Tooltip */.m_, null, /*#__PURE__*/react.createElement(ui_next_src/* TooltipTrigger */.k$, {
+}, /*#__PURE__*/react.createElement(ui_next_src/* Tooltip */.m_M, null, /*#__PURE__*/react.createElement(ui_next_src/* TooltipTrigger */.k$k, {
   asChild: true
-}, /*#__PURE__*/react.createElement("span", null, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.ByName, {
+}, /*#__PURE__*/react.createElement("span", null, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.ByName, {
   name: "info-link",
   className: "text-primary h-3 w-3"
-}))), /*#__PURE__*/react.createElement(ui_next_src/* TooltipContent */.ZI, {
+}))), /*#__PURE__*/react.createElement(ui_next_src/* TooltipContent */.ZIw, {
   sideOffset: 4,
   className: "max-w-xs"
 }, /*#__PURE__*/react.createElement("div", null, tooltip))), /*#__PURE__*/react.createElement("span", {
@@ -1022,16 +1022,16 @@ const DynamicVolumeControls = ({
   };
   return /*#__PURE__*/react.createElement("div", {
     className: "flex select-none flex-col"
-  }, /*#__PURE__*/react.createElement(ui_next_src/* PanelSection */.aU, {
+  }, /*#__PURE__*/react.createElement(ui_next_src/* PanelSection */.aUM, {
     defaultOpen: true
-  }, /*#__PURE__*/react.createElement(ui_next_src/* PanelSection */.aU.Header, null, "Controls"), /*#__PURE__*/react.createElement(ui_next_src/* PanelSection */.aU.Content, {
+  }, /*#__PURE__*/react.createElement(ui_next_src/* PanelSection */.aUM.Header, null, "Controls"), /*#__PURE__*/react.createElement(ui_next_src/* PanelSection */.aUM.Content, {
     className: "bg-muted space-y-4 px-5 pt-2 pb-4"
   }, /*#__PURE__*/react.createElement("div", {
     className: "mb-4"
   }, /*#__PURE__*/react.createElement(Header, {
     title: "View",
     tooltip: 'Select the view mode, 4D to view the dynamic volume or Computed to view the computed volume'
-  }), /*#__PURE__*/react.createElement(ui_next_src/* Tabs */.tU, {
+  }), /*#__PURE__*/react.createElement(ui_next_src/* Tabs */.tUM, {
     value: computedView ? 'computed' : '4d',
     onValueChange: value => {
       const isComputed = value === 'computed';
@@ -1041,12 +1041,12 @@ const DynamicVolumeControls = ({
       }
     },
     className: "my-2 w-full"
-  }, /*#__PURE__*/react.createElement(ui_next_src/* TabsList */.j7, {
+  }, /*#__PURE__*/react.createElement(ui_next_src/* TabsList */.j7C, {
     className: "w-full"
-  }, /*#__PURE__*/react.createElement(ui_next_src/* TabsTrigger */.Xi, {
+  }, /*#__PURE__*/react.createElement(ui_next_src/* TabsTrigger */.Xib, {
     value: "4d",
     className: "w-1/2"
-  }, "4D"), /*#__PURE__*/react.createElement(ui_next_src/* TabsTrigger */.Xi, {
+  }, "4D"), /*#__PURE__*/react.createElement(ui_next_src/* TabsTrigger */.Xib, {
     value: "computed",
     className: "w-1/2"
   }, "Computed")))), /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement(DimensionGroupControls, {
@@ -1069,34 +1069,34 @@ const DynamicVolumeControls = ({
   }, /*#__PURE__*/react.createElement(Header, {
     title: "Computed Operation",
     tooltip: /*#__PURE__*/react.createElement("div", null, "Operation Buttons (SUM, AVERAGE, SUBTRACT): Select the mathematical operation to be applied to the data set.", /*#__PURE__*/react.createElement("br", null), " Range Slider: Choose the numeric range of dimension groups within which the operation will be performed.", /*#__PURE__*/react.createElement("br", null), "Generate Button: Execute the chosen operation on the specified range of data.")
-  }), /*#__PURE__*/react.createElement(ui_next_src/* Tabs */.tU, {
+  }), /*#__PURE__*/react.createElement(ui_next_src/* Tabs */.tUM, {
     value: String(computeViewMode),
     onValueChange: value => {
       setComputeViewMode(value);
     },
     className: "mt-2 w-full"
-  }, /*#__PURE__*/react.createElement(ui_next_src/* TabsList */.j7, {
+  }, /*#__PURE__*/react.createElement(ui_next_src/* TabsList */.j7C, {
     className: "w-full gap-1"
-  }, ' ', /*#__PURE__*/react.createElement(ui_next_src/* TabsTrigger */.Xi, {
+  }, ' ', /*#__PURE__*/react.createElement(ui_next_src/* TabsTrigger */.Xib, {
     value: String(esm.Enums.DynamicOperatorType.SUM),
     className: "w-1/3"
-  }, toUpperCaseString(esm.Enums.DynamicOperatorType.SUM)), /*#__PURE__*/react.createElement(ui_next_src/* TabsTrigger */.Xi, {
+  }, toUpperCaseString(esm.Enums.DynamicOperatorType.SUM)), /*#__PURE__*/react.createElement(ui_next_src/* TabsTrigger */.Xib, {
     value: String(esm.Enums.DynamicOperatorType.AVERAGE),
     className: "w-1/3"
-  }, toUpperCaseString(esm.Enums.DynamicOperatorType.AVERAGE)), /*#__PURE__*/react.createElement(ui_next_src/* TabsTrigger */.Xi, {
+  }, toUpperCaseString(esm.Enums.DynamicOperatorType.AVERAGE)), /*#__PURE__*/react.createElement(ui_next_src/* TabsTrigger */.Xib, {
     value: String(esm.Enums.DynamicOperatorType.SUBTRACT),
     className: "w-1/3"
   }, toUpperCaseString(esm.Enums.DynamicOperatorType.SUBTRACT)))), /*#__PURE__*/react.createElement("div", {
     className: "mt-2 w-full"
-  }, /*#__PURE__*/react.createElement(ui_next_src/* Numeric */.ew.Container, {
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Numeric */.ewR.Container, {
     mode: "doubleRange",
     min: 1,
     max: numDimensionGroups || 1,
     values: rangeValues || [1, numDimensionGroups || 1],
     onChange: onDoubleRangeChange || (() => {})
-  }, /*#__PURE__*/react.createElement(ui_next_src/* Numeric */.ew.DoubleRange, {
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Numeric */.ewR.DoubleRange, {
     showNumberInputs: true
-  }))), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$n, {
+  }))), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
     variant: "default",
     size: "sm",
     className: "mt-2 h-[26px] w-[115px] self-start p-0",
@@ -1124,7 +1124,7 @@ function DimensionGroupControls({
     tooltip: /*#__PURE__*/react.createElement("div", null, "Play/Pause Button: Begin or pause the animation of the 4D visualization. ", /*#__PURE__*/react.createElement("br", null), "Dimension Group Selector: Navigate through individual dimension groups of the 4D data.", ' ', /*#__PURE__*/react.createElement("br", null), "FPS (Frames Per Second) Selector: Adjust the playback speed of the animation.")
   }), /*#__PURE__*/react.createElement("div", {
     className: "mt-3 flex justify-between"
-  }, /*#__PURE__*/react.createElement(ui_next_src/* Button */.$n, {
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
     id: "play-pause-button",
     variant: "secondary",
     size: "default",
@@ -1134,10 +1134,10 @@ function DimensionGroupControls({
         onPlayPauseChange(!isPlaying);
       }
     }
-  }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.ByName, {
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.ByName, {
     name: getPlayPauseIconName(),
     className: "text-foreground h-[24px] w-[24px]"
-  })), /*#__PURE__*/react.createElement(ui_next_src/* Numeric */.ew.Container, {
+  })), /*#__PURE__*/react.createElement(ui_next_src/* Numeric */.ewR.Container, {
     mode: "stepper",
     value: currentDimensionGroupNumber || 1,
     onChange: onDimensionGroupChange || (() => {}),
@@ -1146,12 +1146,12 @@ function DimensionGroupControls({
     step: 1
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex flex-col items-center"
-  }, /*#__PURE__*/react.createElement(ui_next_src/* Numeric */.ew.NumberStepper, {
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Numeric */.ewR.NumberStepper, {
     className: "h-[28px] w-[58px]",
     direction: "horizontal"
-  }), /*#__PURE__*/react.createElement(ui_next_src/* Numeric */.ew.Label, {
+  }), /*#__PURE__*/react.createElement(ui_next_src/* Numeric */.ewR.Label, {
     className: "text-muted-foreground mt-1 text-sm"
-  }, "Frame"))), /*#__PURE__*/react.createElement(ui_next_src/* Numeric */.ew.Container, {
+  }, "Frame"))), /*#__PURE__*/react.createElement(ui_next_src/* Numeric */.ewR.Container, {
     mode: "stepper",
     value: fps || 1,
     onChange: onFpsChange || (() => {}),
@@ -1160,10 +1160,10 @@ function DimensionGroupControls({
     step: 1
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex flex-col items-center"
-  }, /*#__PURE__*/react.createElement(ui_next_src/* Numeric */.ew.NumberStepper, {
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Numeric */.ewR.NumberStepper, {
     className: "h-[28px] w-[58px]",
     direction: "horizontal"
-  }), /*#__PURE__*/react.createElement(ui_next_src/* Numeric */.ew.Label, {
+  }), /*#__PURE__*/react.createElement(ui_next_src/* Numeric */.ewR.Label, {
     className: "text-muted-foreground mt-1 text-sm"
   }, "FPS")))));
 }
@@ -1189,7 +1189,7 @@ function PanelGenerateImage({
   }, cineService] = (0,ui_src/* useCine */.tq)();
   const [{
     activeViewportId
-  }] = (0,ui_next_src/* useViewportGrid */.ih)();
+  }] = (0,ui_next_src/* useViewportGrid */.ihW)();
 
   //
   const [dimensionGroupRange, setDimensionGroupRange] = (0,react.useState)([1, 1]);
@@ -1427,7 +1427,7 @@ function DynamicExport({
     className: "flex gap-2"
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex h-8 w-full items-center rounded pr-0.5"
-  }, /*#__PURE__*/react.createElement(ui_next_src/* Button */.$n, {
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
     size: "sm",
     variant: "ghost",
     className: "pl-1.5",
@@ -1439,11 +1439,11 @@ function DynamicExport({
         }
       });
     }
-  }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.Export, null), /*#__PURE__*/react.createElement("span", {
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.Export, null), /*#__PURE__*/react.createElement("span", {
     className: "pl-1"
   }, "Time Data"))), /*#__PURE__*/react.createElement("div", {
     className: "flex h-8 w-full items-center rounded pr-0.5"
-  }, /*#__PURE__*/react.createElement(ui_next_src/* Button */.$n, {
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
     size: "sm",
     variant: "ghost",
     className: "pl-1.5",
@@ -1456,7 +1456,7 @@ function DynamicExport({
         }
       });
     }
-  }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.Export, null), /*#__PURE__*/react.createElement("span", {
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.Export, null), /*#__PURE__*/react.createElement("span", {
     className: "pl-1"
   }, "ROI Stats"))));
 }

package/dist/{2701.bundle.6eb249f601986f66a36a.js → 2701.bundle.cf45c814049ec599a023.js}

@@ -23,8 +23,8 @@ var src = __webpack_require__(54231);
 var es = __webpack_require__(99993);
 // EXTERNAL MODULE: ../../../extensions/cornerstone-dicom-sr/src/tools/modules/dicomSRModule.js
 var dicomSRModule = __webpack_require__(76654);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 1016 modules
-var ui_next_src = __webpack_require__(90858);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 1053 modules
+var ui_next_src = __webpack_require__(2836);
 // EXTERNAL MODULE: ../../../extensions/cornerstone-dicom-sr/src/utils/createReferencedImageDisplaySet.ts
 var createReferencedImageDisplaySet = __webpack_require__(92643);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/index.tsx + 134 modules
@@ -66,7 +66,7 @@ function OHIFCornerstoneSRMeasurementViewport(props) {
   const {
     setPositionPresentation
   } = (0,cornerstone_src.usePositionPresentationStore)();
-  const [viewportGrid, viewportGridService] = (0,ui_next_src/* useViewportGrid */.ih)();
+  const [viewportGrid, viewportGridService] = (0,ui_next_src/* useViewportGrid */.ihW)();
   const [measurementSelected, setMeasurementSelected] = (0,react.useState)(0);
   const [measurementCount, setMeasurementCount] = (0,react.useState)(1);
   const [activeImageDisplaySetData, setActiveImageDisplaySetData] = (0,react.useState)(null);
@@ -283,7 +283,7 @@ function OHIFCornerstoneSRMeasurementViewport(props) {
       viewportId,
       id: 'viewportActionArrowsComponent',
       index: 0,
-      component: /*#__PURE__*/react.createElement(ui_next_src/* ViewportActionArrows */.$I, {
+      component: /*#__PURE__*/react.createElement(ui_next_src/* ViewportActionArrows */.$IX, {
         key: "actionArrows",
         onArrowsClick: onMeasurementChange
       }),
@@ -378,22 +378,22 @@ function _getStatusComponent({
   let StatusIcon = null;
   switch (state) {
     case 1:
-      StatusIcon = () => /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.ByName, {
+      StatusIcon = () => /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.ByName, {
         name: "status-alert",
         className: "h-4 w-4"
       });
       ToolTipMessage = () => /*#__PURE__*/react.createElement("div", null, "This structured report is not compatible", /*#__PURE__*/react.createElement("br", null), "with this application.");
       break;
     case 2:
-      StatusIcon = () => /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.ByName, {
+      StatusIcon = () => /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.ByName, {
         name: "status-locked",
         className: "h-4 w-4"
       });
       ToolTipMessage = () => /*#__PURE__*/react.createElement("div", null, "This structured report is currently read-only", /*#__PURE__*/react.createElement("br", null), "because you are tracking measurements in", /*#__PURE__*/react.createElement("br", null), "another viewport.");
       break;
     case 3:
-      StatusIcon = () => /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.ByName, {
-        className: "text-aqua-pale h-4 w-4",
+      StatusIcon = () => /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.ByName, {
+        className: "text-muted-foreground h-4 w-4",
         name: "status-untracked"
       });
       ToolTipMessage = () => /*#__PURE__*/react.createElement("div", null, `Click ${loadStr} to restore measurements.`);
@@ -440,9 +440,9 @@ function _getStatusComponent({
       }, tool);
     })));
   };
-  return /*#__PURE__*/react.createElement(react.Fragment, null, ToolTipMessage && /*#__PURE__*/react.createElement(ui_next_src/* Tooltip */.m_, null, /*#__PURE__*/react.createElement(ui_next_src/* TooltipTrigger */.k$, {
+  return /*#__PURE__*/react.createElement(react.Fragment, null, ToolTipMessage && /*#__PURE__*/react.createElement(ui_next_src/* Tooltip */.m_M, null, /*#__PURE__*/react.createElement(ui_next_src/* TooltipTrigger */.k$k, {
     asChild: true
-  }, /*#__PURE__*/react.createElement("span", null, /*#__PURE__*/react.createElement(StatusArea, null))), /*#__PURE__*/react.createElement(ui_next_src/* TooltipContent */.ZI, {
+  }, /*#__PURE__*/react.createElement("span", null, /*#__PURE__*/react.createElement(StatusArea, null))), /*#__PURE__*/react.createElement(ui_next_src/* TooltipContent */.ZIw, {
     side: "bottom",
     align: "start"
   }, /*#__PURE__*/react.createElement(ToolTipMessage, null))), !ToolTipMessage && /*#__PURE__*/react.createElement(StatusArea, null));

package/dist/{2932.bundle.1b3a3391e7bc6b95672d.js → 2932.bundle.2da972665f04432c6a74.js}

@@ -8,9 +8,7 @@
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__),
 /* harmony export */   v: () => (/* binding */ measurementTrackingMode)
 /* harmony export */ });
-/* harmony import */ var _ohif_ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(61533);
-/* harmony import */ var i18next__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(40680);
-
+/* harmony import */ var i18next__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(40680);
 
 const RESPONSE = {
   NO_NEVER: -1,
@@ -58,18 +56,18 @@ function _askTrackMeasurements(uiViewportDialogService, customizationService, vi
     const message = customizationService.getCustomization('viewportNotification.beginTrackingMessage');
     const actions = [{
       id: 'prompt-begin-tracking-cancel',
-      type: _ohif_ui__WEBPACK_IMPORTED_MODULE_0__/* .ButtonEnums.type */ .Ny.NW.secondary,
-      text: i18next__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.t('Common:No'),
+      type: 'secondary',
+      text: i18next__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.t('Common:No'),
       value: RESPONSE.CANCEL
     }, {
       id: 'prompt-begin-tracking-no-do-not-ask-again',
-      type: _ohif_ui__WEBPACK_IMPORTED_MODULE_0__/* .ButtonEnums.type */ .Ny.NW.secondary,
-      text: i18next__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.t('MeasurementTable:No, do not ask again'),
+      type: 'secondary',
+      text: i18next__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.t('MeasurementTable:No, do not ask again'),
       value: RESPONSE.NO_NEVER
     }, {
       id: 'prompt-begin-tracking-yes',
-      type: _ohif_ui__WEBPACK_IMPORTED_MODULE_0__/* .ButtonEnums.type */ .Ny.NW.primary,
-      text: i18next__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.t('Common:Yes'),
+      type: 'primary',
+      text: i18next__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.t('Common:Yes'),
       value: RESPONSE.SET_STUDY_AND_SERIES
     }];
     const onSubmit = result => {
@@ -119,8 +117,8 @@ var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 var es = __webpack_require__(70574);
 // EXTERNAL MODULE: ../../../node_modules/@xstate/react/es/index.js + 8 modules
 var react_es = __webpack_require__(95261);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 1016 modules
-var src = __webpack_require__(90858);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 1053 modules
+var src = __webpack_require__(2836);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/contexts/TrackedMeasurementsContext/measurementTrackingMachine.js
 
 const RESPONSE = {
@@ -720,7 +718,7 @@ function TrackedMeasurementsContextProvider({
 } // Component props
 ) {
   const [appConfig] = (0,state/* useAppConfig */.r)();
-  const [viewportGrid, viewportGridService] = (0,src/* useViewportGrid */.ih)();
+  const [viewportGrid, viewportGridService] = (0,src/* useViewportGrid */.ihW)();
   const {
     activeViewportId,
     viewports
@@ -1064,8 +1062,8 @@ var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 var src = __webpack_require__(54231);
 // EXTERNAL MODULE: ../../../extensions/default/src/Panels/StudyBrowser/PanelStudyBrowser.tsx + 3 modules
 var PanelStudyBrowser = __webpack_require__(40565);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 1016 modules
-var ui_next_src = __webpack_require__(90858);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 1053 modules
+var ui_next_src = __webpack_require__(2836);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/panels/PanelStudyBrowserTracking/untrackSeriesModal.tsx
 
 
@@ -1078,11 +1076,11 @@ function UntrackSeriesModal({
     className: "text-foreground"
   }, /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement("p", null, message), /*#__PURE__*/react.createElement("p", {
     className: "mt-2"
-  }, "This action cannot be undone and will delete all your existing measurements.")), /*#__PURE__*/react.createElement(ui_next_src/* FooterAction */.es, {
+  }, "This action cannot be undone and will delete all your existing measurements.")), /*#__PURE__*/react.createElement(ui_next_src/* FooterAction */.esu, {
     className: "mt-4"
-  }, /*#__PURE__*/react.createElement(ui_next_src/* FooterAction */.es.Right, null, /*#__PURE__*/react.createElement(ui_next_src/* FooterAction */.es.Secondary, {
+  }, /*#__PURE__*/react.createElement(ui_next_src/* FooterAction */.esu.Right, null, /*#__PURE__*/react.createElement(ui_next_src/* FooterAction */.esu.Secondary, {
     onClick: hide
-  }, "Cancel"), /*#__PURE__*/react.createElement(ui_next_src/* FooterAction */.es.Primary, {
+  }, "Cancel"), /*#__PURE__*/react.createElement(ui_next_src/* FooterAction */.esu.Primary, {
     onClick: () => {
       onConfirm();
       hide();
@@ -1320,7 +1318,7 @@ const {
   filterMeasurementsBySeriesUID
 } = src/* utils */.Wp.MeasurementFilters;
 function PanelMeasurementTableTracking(props) {
-  const [viewportGrid] = (0,ui_next_src/* useViewportGrid */.ih)();
+  const [viewportGrid] = (0,ui_next_src/* useViewportGrid */.ihW)();
   const {
     measurementService,
     uiModalService
@@ -1347,10 +1345,10 @@ function PanelMeasurementTableTracking(props) {
   };
   const EmptyComponent = () => /*#__PURE__*/react.createElement("div", {
     "data-cy": "trackedMeasurements-panel"
-  }, /*#__PURE__*/react.createElement(ui_next_src/* MeasurementTable */.V, {
+  }, /*#__PURE__*/react.createElement(ui_next_src/* MeasurementTable */.VaM, {
     title: "Measurements",
     isExpanded: false
-  }, /*#__PURE__*/react.createElement(ui_next_src/* MeasurementTable */.V.Body, null)));
+  }, /*#__PURE__*/react.createElement(ui_next_src/* MeasurementTable */.VaM.Body, null)));
   const actions = {
     createSR: ({
       StudyInstanceUID
@@ -1364,7 +1362,7 @@ function PanelMeasurementTableTracking(props) {
     },
     onDelete
   };
-  const Header = props => /*#__PURE__*/react.createElement(ui_next_src/* AccordionTrigger */.$m, {
+  const Header = props => /*#__PURE__*/react.createElement(ui_next_src/* AccordionTrigger */.$m7, {
     asChild: true,
     className: "px-0"
   }, /*#__PURE__*/react.createElement("div", {
@@ -1556,12 +1554,9 @@ function _askSaveDiscardOrCancel(UIViewportDialogService, customizationService,
 /* harmony default export */ const TrackedMeasurementsContext_promptHasDirtyAnnotations = (promptHasDirtyAnnotations);
 // EXTERNAL MODULE: ../../../extensions/cornerstone-dicom-sr/src/index.tsx + 18 modules
 var cornerstone_dicom_sr_src = __webpack_require__(34113);
-// EXTERNAL MODULE: ../../ui/src/index.js + 693 modules
-var ui_src = __webpack_require__(61533);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/contexts/TrackedMeasurementsContext/promptHydrateStructuredReport.js
 
 
-
 const promptHydrateStructuredReport_RESPONSE = {
   NO_NEVER: -1,
   CANCEL: 0,
@@ -1619,12 +1614,12 @@ function _askTrackMeasurements(uiViewportDialogService, customizationService, vi
     const message = customizationService.getCustomization('viewportNotification.hydrateSRMessage');
     const actions = [{
       id: 'no-hydrate',
-      type: ui_src/* ButtonEnums.type */.Ny.NW.secondary,
+      type: 'secondary',
       text: 'No',
       value: promptHydrateStructuredReport_RESPONSE.CANCEL
     }, {
       id: 'yes-hydrate',
-      type: ui_src/* ButtonEnums.type */.Ny.NW.primary,
+      type: 'primary',
       text: 'Yes',
       value: promptHydrateStructuredReport_RESPONSE.HYDRATE_REPORT
     }];
@@ -1654,7 +1649,6 @@ function _askTrackMeasurements(uiViewportDialogService, customizationService, vi
 /* harmony default export */ const TrackedMeasurementsContext_promptHydrateStructuredReport = (promptHydrateStructuredReport);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/contexts/TrackedMeasurementsContext/promptTrackNewSeries.js
 
-
 const promptTrackNewSeries_RESPONSE = {
   NO_NEVER: -1,
   CANCEL: 0,
@@ -1698,15 +1692,15 @@ function _askShouldAddMeasurements(uiViewportDialogService, customizationService
   return new Promise(function (resolve, reject) {
     const message = customizationService.getCustomization('viewportNotification.trackNewSeriesMessage');
     const actions = [{
-      type: ui_src/* ButtonEnums.type */.Ny.NW.secondary,
+      type: 'secondary',
       text: 'Cancel',
       value: promptTrackNewSeries_RESPONSE.CANCEL
     }, {
-      type: ui_src/* ButtonEnums.type */.Ny.NW.primary,
+      type: 'primary',
       text: 'Create new report',
       value: promptTrackNewSeries_RESPONSE.CREATE_REPORT
     }, {
-      type: ui_src/* ButtonEnums.type */.Ny.NW.primary,
+      type: 'primary',
       text: 'Add to existing report',
       value: promptTrackNewSeries_RESPONSE.ADD_SERIES
     }];
@@ -1731,7 +1725,7 @@ function promptTrackNewSeries_askSaveDiscardOrCancel(UIViewportDialogService, cu
   return new Promise(function (resolve, reject) {
     const message = customizationService.getCustomization('viewportNotification.discardSeriesMessage');
     const actions = [{
-      type: 'cancel',
+      type: 'secondary',
       text: 'Cancel',
       value: promptTrackNewSeries_RESPONSE.CANCEL
     }, {
@@ -2003,7 +1997,7 @@ const measurementTrackingExtension = {
       // Note that the command run is registered in TrackedMeasurementsContext
       // because it must be bound to a React context's data.
       id: 'loadSRMeasurements',
-      component: props => /*#__PURE__*/react.createElement(ui_next_src/* ViewportActionButton */.N8, props, i18n_src/* default */.A.t('Common:LOAD')),
+      component: props => /*#__PURE__*/react.createElement(ui_next_src/* ViewportActionButton */.N8H, props, i18n_src/* default */.A.t('Common:LOAD')),
       props: {
         commands: ['loadTrackedSRMeasurements']
       }

package/dist/{3396.bundle.be0311e12b66ba81ed42.js → 3396.bundle.244637eaaa316f2cd372.js}

@@ -95266,7 +95266,7 @@ function maxIndex_maxIndex(values, valueof) {
 }
 
 // EXTERNAL MODULE: ../../../node_modules/d3-array/src/min.js
-var src_min = __webpack_require__(57623);
+var src_min = __webpack_require__(80004);
 ;// CONCATENATED MODULE: ../../../node_modules/d3-array/src/minIndex.js
 function minIndex_minIndex(values, valueof) {
   let min;
@@ -95915,7 +95915,7 @@ function union(...others) {
 
 /***/ }),
 
-/***/ 57623:
+/***/ 80004:
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -95953,7 +95953,7 @@ function min(values, valueof) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ transpose)
 /* harmony export */ });
-/* harmony import */ var _min_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(57623);
+/* harmony import */ var _min_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80004);
 
 
 function transpose(matrix) {

package/dist/{6341.bundle.3ac64e7176a0f584758c.js → 3658.bundle.6c61317a7debe9c869d8.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[6341],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[3658],{
 
-/***/ 93703:
+/***/ 1152:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -20,14 +20,12 @@ const id = package_namespaceObject.UU;
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(86326);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 1016 modules
-var src = __webpack_require__(90858);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 1053 modules
+var src = __webpack_require__(2836);
 // EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 144 modules
 var default_src = __webpack_require__(43984);
 // EXTERNAL MODULE: ../../core/src/index.ts + 70 modules
 var core_src = __webpack_require__(54231);
-// EXTERNAL MODULE: ../../ui/src/index.js + 693 modules
-var ui_src = __webpack_require__(61533);
 // EXTERNAL MODULE: ../../../node_modules/react-i18next/dist/es/index.js + 15 modules
 var es = __webpack_require__(99993);
 // EXTERNAL MODULE: ../../../node_modules/mathjs/lib/esm/index.js + 1005 modules
@@ -1903,14 +1901,36 @@ function MicroscopyPanel(props) {
   return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
     className: "ohif-scrollbar overflow-y-auto overflow-x-hidden",
     "data-cy": 'measurements-panel'
-  }, /*#__PURE__*/react.createElement(ui_src/* MeasurementTable */.V, {
-    title: "Measurements",
-    servicesManager: props.servicesManager,
-    data: data,
-    onClick: onMeasurementItemClickHandler,
-    onEdit: onMeasurementItemEditHandler,
-    onDelete: onMeasurementDeleteHandler
-  })));
+  }, /*#__PURE__*/react.createElement("div", {
+    className: "flex flex-col"
+  }, data.map(item => /*#__PURE__*/react.createElement(src/* DataRow */.x3Y, {
+    key: item.uid,
+    number: item.index + 1,
+    title: item.label,
+    isSelected: item.isActive,
+    onSelect: () => onMeasurementItemClickHandler({
+      uid: item.uid
+    }),
+    details: {
+      primary: item.displayText,
+      secondary: []
+    },
+    isVisible: true,
+    onToggleVisibility: () => {},
+    isLocked: false,
+    onToggleLocked: () => {},
+    onRename: () => onMeasurementItemEditHandler({
+      uid: item.uid,
+      isActive: item.isActive
+    }),
+    onDelete: () => onMeasurementDeleteHandler({
+      uid: item.uid,
+      isActive: item.isActive
+    }),
+    onColor: () => {},
+    disableEditing: false,
+    description: item.displayText.join(', ')
+  })))));
 }
 const connectedMicroscopyPanel = (0,es/* withTranslation */.CI)(['MicroscopyTable', 'Common'])(MicroscopyPanel);
 /* harmony default export */ const MicroscopyPanel_MicroscopyPanel = (connectedMicroscopyPanel);
@@ -1933,7 +1953,7 @@ function getPanelModule({
     const [{
       activeViewportId,
       viewports
-    }] = (0,src/* useViewportGrid */.ih)();
+    }] = (0,src/* useViewportGrid */.ihW)();
     return /*#__PURE__*/react.createElement(MicroscopyPanel_MicroscopyPanel, {
       viewports: viewports,
       activeViewportId: activeViewportId,
@@ -2081,20 +2101,9 @@ function getCommandsModule({
     defaultContext: 'MICROSCOPY'
   };
 }
-;// CONCATENATED MODULE: ../../../extensions/dicom-microscopy/src/customizations/panelMeasurementItem.tsx
-
-/* harmony default export */ const panelMeasurementItem = ({
-  'microscopyPanel.measurementItem': ui_src/* MeasurementItem */._8
-});
 ;// CONCATENATED MODULE: ../../../extensions/dicom-microscopy/src/getCustomizationModule.ts
-
 function getCustomizationModule() {
-  return [{
-    name: 'default',
-    value: {
-      ...panelMeasurementItem
-    }
-  }];
+  return [];
 }
 ;// CONCATENATED MODULE: ../../../extensions/dicom-microscopy/src/utils/dcmCodeValues.js
 const DCM_CODE_VALUES = {
@@ -2450,7 +2459,7 @@ const extension = {
       const {
         viewportOptions
       } = props;
-      const [viewportGrid, viewportGridService] = (0,src/* useViewportGrid */.ih)();
+      const [viewportGrid, viewportGridService] = (0,src/* useViewportGrid */.ihW)();
       const {
         activeViewportId
       } = viewportGrid;