@ohif/app 3.8.0-beta.66 → 3.8.0-beta.67

package/dist/{638.bundle.4d7da6fe507df0000718.js → 638.bundle.4c2972aa5a19f816d94a.js}

@@ -22,8 +22,8 @@ const SOPClassHandlerId = `${id}.sopClassHandlerModule.${SOPClassHandlerName}`;
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(41766);
-// EXTERNAL MODULE: ../../core/src/index.ts + 67 modules
-var src = __webpack_require__(78198);
+// EXTERNAL MODULE: ../../core/src/index.ts + 68 modules
+var src = __webpack_require__(85073);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 383 modules
 var esm = __webpack_require__(50719);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js + 16 modules
@@ -315,8 +315,8 @@ function getHangingProtocolModule() {
 
 // EXTERNAL MODULE: ./state/index.js + 1 modules
 var state = __webpack_require__(15575);
-// EXTERNAL MODULE: ../../ui/src/index.js + 497 modules
-var ui_src = __webpack_require__(58046);
+// EXTERNAL MODULE: ../../ui/src/index.js + 519 modules
+var ui_src = __webpack_require__(3962);
 // EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 78 modules
 var default_src = __webpack_require__(54090);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js

package/dist/{699.bundle.62990e46c235ab4785db.js → 699.bundle.43997eacac9490c1751c.js}

@@ -12,19 +12,16 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ segmentation_src)
 });
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 67 modules
-var src = __webpack_require__(78198);
+// EXTERNAL MODULE: ../../core/src/index.ts + 68 modules
+var src = __webpack_require__(85073);
 ;// CONCATENATED MODULE: ../../../modes/segmentation/package.json
 const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/mode-segmentation"}');
 ;// CONCATENATED MODULE: ../../../modes/segmentation/src/id.js
 
 const id = package_namespaceObject.UU;
 
-// EXTERNAL MODULE: ../../ui/src/index.js + 497 modules
-var ui_src = __webpack_require__(58046);
 ;// CONCATENATED MODULE: ../../../modes/segmentation/src/toolbarButtons.ts
 
-
 const {
   windowLevelPresets
 } = src.defaults;
@@ -66,23 +63,12 @@ const toolbarButtons = [{
   }
 }, {
   id: 'WindowLevel',
-  uiType: 'ohif.splitButton',
+  uiType: 'ohif.radioGroup',
   props: {
-    groupId: 'WindowLevel',
-    primary: createButton({
-      id: 'WindowLevel',
-      icon: 'tool-window-level',
-      label: 'Window Level',
-      tooltip: 'Window Level',
-      commands: setToolActiveToolbar,
-      evaluate: 'evaluate.cornerstoneTool'
-    }),
-    secondary: {
-      icon: 'chevron-down',
-      tooltip: 'W/L Presets'
-    },
-    renderer: ui_src/* WindowLevelMenuItem */.d4,
-    items: [_createWwwcPreset(1, 'Soft tissue', '400 / 40'), _createWwwcPreset(2, 'Lung', '1500 / -600'), _createWwwcPreset(3, 'Liver', '150 / 90'), _createWwwcPreset(4, 'Bone', '2500 / 480'), _createWwwcPreset(5, 'Brain', '80 / 40')]
+    icon: 'tool-window-level',
+    label: 'Window Level',
+    commands: setToolActiveToolbar,
+    evaluate: 'evaluate.cornerstoneTool'
   }
 }, {
   id: 'Pan',

package/dist/{724.bundle.83a4176860f750353c0b.js → 724.bundle.00e619f0960de50c8e19.js}

@@ -12,12 +12,10 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ tmtv_src)
 });
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 67 modules
-var src = __webpack_require__(78198);
-// EXTERNAL MODULE: ../../ui/src/index.js + 497 modules
-var ui_src = __webpack_require__(58046);
+// EXTERNAL MODULE: ../../core/src/index.ts + 68 modules
+var src = __webpack_require__(85073);
 ;// CONCATENATED MODULE: ../../../modes/tmtv/src/initToolGroups.js
-const toolGroupIds = {
+const initToolGroups_toolGroupIds = {
   CT: 'ctToolGroup',
   PT: 'ptToolGroup',
   Fusion: 'fusionToolGroup',
@@ -97,8 +95,8 @@ function _initToolGroups(toolNames, Enums, toolGroupService, commandsManager) {
       }
     }]
   };
-  toolGroupService.createToolGroupAndAddTools(toolGroupIds.CT, tools);
-  toolGroupService.createToolGroupAndAddTools(toolGroupIds.PT, {
+  toolGroupService.createToolGroupAndAddTools(initToolGroups_toolGroupIds.CT, tools);
+  toolGroupService.createToolGroupAndAddTools(initToolGroups_toolGroupIds.PT, {
     active: tools.active,
     passive: [...tools.passive, {
       toolName: 'RectangleROIStartEndThreshold'
@@ -106,8 +104,8 @@ function _initToolGroups(toolNames, Enums, toolGroupService, commandsManager) {
     enabled: tools.enabled,
     disabled: tools.disabled
   });
-  toolGroupService.createToolGroupAndAddTools(toolGroupIds.Fusion, tools);
-  toolGroupService.createToolGroupAndAddTools(toolGroupIds.default, tools);
+  toolGroupService.createToolGroupAndAddTools(initToolGroups_toolGroupIds.Fusion, tools);
+  toolGroupService.createToolGroupAndAddTools(initToolGroups_toolGroupIds.default, tools);
   const mipTools = {
     active: [{
       toolName: toolNames.VolumeRotateMouseWheel,
@@ -117,7 +115,7 @@ function _initToolGroups(toolNames, Enums, toolGroupService, commandsManager) {
     }, {
       toolName: toolNames.MipJumpToClick,
       configuration: {
-        toolGroupId: toolGroupIds.PT
+        toolGroupId: initToolGroups_toolGroupIds.PT
       },
       bindings: [{
         mouseButton: Enums.MouseBindings.Primary
@@ -127,7 +125,7 @@ function _initToolGroups(toolNames, Enums, toolGroupService, commandsManager) {
       toolName: toolNames.SegmentationDisplay
     }]
   };
-  toolGroupService.createToolGroupAndAddTools(toolGroupIds.MIP, mipTools);
+  toolGroupService.createToolGroupAndAddTools(initToolGroups_toolGroupIds.MIP, mipTools);
 }
 function initToolGroups(toolNames, Enums, toolGroupService, commandsManager) {
   _initToolGroups(toolNames, Enums, toolGroupService, commandsManager);
@@ -136,7 +134,6 @@ function initToolGroups(toolNames, Enums, toolGroupService, commandsManager) {
 ;// CONCATENATED MODULE: ../../../modes/tmtv/src/toolbarButtons.js
 
 
-
 const {
   windowLevelPresets
 } = src.defaults;
@@ -171,7 +168,7 @@ function _createWwwcPreset(preset, title, subtitle) {
 const setToolActiveToolbar = {
   commandName: 'setToolActiveToolbar',
   commandOptions: {
-    toolGroupIds: [toolGroupIds.CT, toolGroupIds.PT, toolGroupIds.Fusion]
+    toolGroupIds: [initToolGroups_toolGroupIds.CT, initToolGroups_toolGroupIds.PT, initToolGroups_toolGroupIds.Fusion]
   }
 };
 const toolbarButtons = [{
@@ -227,23 +224,12 @@ const toolbarButtons = [{
 // Window Level + Presets
 {
   id: 'WindowLevel',
-  uiType: 'ohif.splitButton',
+  uiType: 'ohif.radioGroup',
   props: {
-    groupId: 'WindowLevel',
-    primary: src.ToolbarService.createButton({
-      id: 'WindowLevel',
-      icon: 'tool-window-level',
-      label: 'Window Level',
-      tooltip: 'Window Level',
-      commands: setToolActiveToolbar,
-      evaluate: 'evaluate.cornerstoneTool'
-    }),
-    secondary: {
-      icon: 'chevron-down',
-      tooltip: 'W/L Presets'
-    },
-    renderer: ui_src/* WindowLevelMenuItem */.d4,
-    items: [_createWwwcPreset(1, 'Soft tissue', '400 / 40'), _createWwwcPreset(2, 'Lung', '1500 / -600'), _createWwwcPreset(3, 'Liver', '150 / 90'), _createWwwcPreset(4, 'Bone', '2500 / 480'), _createWwwcPreset(5, 'Brain', '80 / 40')]
+    icon: 'tool-window-level',
+    label: 'Window Level',
+    commands: setToolActiveToolbar,
+    evaluate: 'evaluate.cornerstoneTool'
   }
 },
 // Crosshairs Button
@@ -278,27 +264,6 @@ const toolbarButtons = [{
     commands: setToolActiveToolbar,
     evaluate: 'evaluate.cornerstoneTool'
   }
-},
-// Fusion PT Colormap Button
-{
-  id: 'fusionPTColormap',
-  uiType: 'ohif.splitButton',
-  props: {
-    groupId: 'fusionPTColormap',
-    primary: src.ToolbarService.createButton({
-      id: 'fusionPTColormap',
-      icon: 'tool-fusion-color',
-      label: 'Fusion PT Colormap',
-      tooltip: 'Fusion PT Colormap',
-      commands: [],
-      evaluate: 'evaluate.action'
-    }),
-    secondary: {
-      icon: 'chevron-down',
-      tooltip: 'PET Image Colormap'
-    },
-    items: [_createColormap('HSV', 'hsv'), _createColormap('Hot Iron', 'hot_iron'), _createColormap('S PET', 's_pet'), _createColormap('Red Hot', 'red_hot'), _createColormap('Perfusion', 'perfusion'), _createColormap('Rainbow', 'rainbow_2'), _createColormap('SUV', 'suv'), _createColormap('GE 256', 'ge_256'), _createColormap('GE', 'ge'), _createColormap('Siemens', 'siemens')]
-  }
 }];
 /* harmony default export */ const src_toolbarButtons = (toolbarButtons);
 ;// CONCATENATED MODULE: ../../../modes/tmtv/package.json
@@ -318,12 +283,12 @@ function setCrosshairsConfiguration(matches, toolNames, toolGroupService, displa
     SeriesInstanceUID
   } = matchDetails;
   const displaySets = displaySetService.getDisplaySetsForSeries(SeriesInstanceUID);
-  const toolConfig = toolGroupService.getToolConfiguration(toolGroupIds.Fusion, toolNames.Crosshairs);
+  const toolConfig = toolGroupService.getToolConfiguration(initToolGroups_toolGroupIds.Fusion, toolNames.Crosshairs);
   const crosshairsConfig = {
     ...toolConfig,
     filterActorUIDsToSetSlabThickness: [displaySets[0].displaySetInstanceUID]
   };
-  toolGroupService.setToolConfiguration(toolGroupIds.Fusion, toolNames.Crosshairs, crosshairsConfig);
+  toolGroupService.setToolConfiguration(initToolGroups_toolGroupIds.Fusion, toolNames.Crosshairs, crosshairsConfig);
 }
 ;// CONCATENATED MODULE: ../../../modes/tmtv/src/utils/setFusionActiveVolume.js
 
@@ -339,8 +304,8 @@ function setFusionActiveVolume(matches, toolNames, toolGroupService, displaySetS
   if (!displaySets || displaySets.length === 0) {
     return;
   }
-  const wlToolConfig = toolGroupService.getToolConfiguration(toolGroupIds.Fusion, toolNames.WindowLevel);
-  const ellipticalToolConfig = toolGroupService.getToolConfiguration(toolGroupIds.Fusion, toolNames.EllipticalROI);
+  const wlToolConfig = toolGroupService.getToolConfiguration(initToolGroups_toolGroupIds.Fusion, toolNames.WindowLevel);
+  const ellipticalToolConfig = toolGroupService.getToolConfiguration(initToolGroups_toolGroupIds.Fusion, toolNames.EllipticalROI);
 
   // Todo: this should not take into account the loader id
   const volumeId = `cornerstoneStreamingImageVolume:${displaySets[0].displaySetInstanceUID}`;
@@ -352,8 +317,8 @@ function setFusionActiveVolume(matches, toolNames, toolGroupService, displaySetS
     ...ellipticalToolConfig,
     volumeId
   };
-  toolGroupService.setToolConfiguration(toolGroupIds.Fusion, toolNames.WindowLevel, windowLevelConfig);
-  toolGroupService.setToolConfiguration(toolGroupIds.Fusion, toolNames.EllipticalROI, ellipticalROIConfig);
+  toolGroupService.setToolConfiguration(initToolGroups_toolGroupIds.Fusion, toolNames.WindowLevel, windowLevelConfig);
+  toolGroupService.setToolConfiguration(initToolGroups_toolGroupIds.Fusion, toolNames.EllipticalROI, ellipticalROIConfig);
 }
 // EXTERNAL MODULE: ../../../node_modules/i18next/dist/esm/i18next.js
 var i18next = __webpack_require__(92344);
@@ -434,7 +399,7 @@ function modeFactory({
       });
       unsubscriptions.push(unsubscribe);
       toolbarService.addButtons(src_toolbarButtons);
-      toolbarService.createButtonSection('primary', ['MeasurementTools', 'Zoom', 'WindowLevel', 'Crosshairs', 'Pan', 'SyncToggle', 'RectangleROIStartEndThreshold', 'fusionPTColormap']);
+      toolbarService.createButtonSection('primary', ['MeasurementTools', 'Zoom', 'WindowLevel', 'Crosshairs', 'Pan', 'SyncToggle', 'RectangleROIStartEndThreshold']);
 
       // For the hanging protocol we need to decide on the window level
       // based on whether the SUV is corrected or not, hence we can't hard

package/dist/{862.bundle.999931264956ced59b33.js → 862.bundle.1f1613561a4d6059a8aa.js}

@@ -11,12 +11,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(41766);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(11374);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _ohif_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(78198);
-/* harmony import */ var _ohif_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(58046);
-/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80619);
-/* harmony import */ var _cornerstonejs_tools__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(20767);
-/* harmony import */ var _getContextModule__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4573);
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(50719);
+/* harmony import */ var _ohif_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3962);
+/* harmony import */ var _cornerstonejs_tools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(20767);
+/* harmony import */ var _getContextModule__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(4573);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(50719);
+/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(80619);
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 
@@ -25,30 +24,30 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
-
-const {
-  formatDate
-} = _ohif_core__WEBPACK_IMPORTED_MODULE_2__.utils;
 function TrackedCornerstoneViewport(props) {
   const {
     displaySets,
     viewportId,
-    viewportLabel,
     servicesManager,
     extensionManager
   } = props;
-  const {
-    t
-  } = (0,react_i18next__WEBPACK_IMPORTED_MODULE_4__/* .useTranslation */ .Bd)('Common');
   const {
     measurementService,
     cornerstoneViewportService,
-    viewportGridService
+    viewportGridService,
+    viewportActionCornersService
   } = servicesManager.services;
 
   // Todo: handling more than one displaySet on the same viewport
   const displaySet = displaySets[0];
-  const [trackedMeasurements, sendTrackedMeasurementsEvent] = (0,_getContextModule__WEBPACK_IMPORTED_MODULE_6__/* .useTrackedMeasurements */ .B)();
+  const {
+    t
+  } = (0,react_i18next__WEBPACK_IMPORTED_MODULE_6__/* .useTranslation */ .Bd)('Common');
+  const [viewportGrid] = (0,_ohif_ui__WEBPACK_IMPORTED_MODULE_2__/* .useViewportGrid */ .ih)();
+  const {
+    activeViewportId
+  } = viewportGrid;
+  const [trackedMeasurements, sendTrackedMeasurementsEvent] = (0,_getContextModule__WEBPACK_IMPORTED_MODULE_4__/* .useTrackedMeasurements */ .B)();
   const [isTracked, setIsTracked] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
   const [trackedMeasurementUID, setTrackedMeasurementUID] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
   const [viewportElem, setViewportElem] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
@@ -56,24 +55,11 @@ function TrackedCornerstoneViewport(props) {
     trackedSeries
   } = trackedMeasurements.context;
   const {
-    SeriesDate,
-    SeriesDescription,
-    SeriesInstanceUID,
-    SeriesNumber
+    SeriesInstanceUID
   } = displaySet;
-  const {
-    PatientID,
-    PatientName,
-    PatientSex,
-    PatientAge,
-    SliceThickness,
-    SpacingBetweenSlices,
-    StudyDate,
-    ManufacturerModelName
-  } = displaySet.images[0];
   const updateIsTracked = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
     const viewport = cornerstoneViewportService.getCornerstoneViewport(viewportId);
-    if (viewport instanceof _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_7__.BaseVolumeViewport) {
+    if (viewport instanceof _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_5__.BaseVolumeViewport) {
       // A current image id will only exist for volume viewports that can have measurements tracked.
       // Typically these are those volume viewports for the series of acquisition.
       const currentImageId = viewport?.getCurrentImageId();
@@ -91,12 +77,12 @@ function TrackedCornerstoneViewport(props) {
   const onElementEnabled = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(evt => {
     if (evt.detail.element !== viewportElem) {
       // The VOLUME_VIEWPORT_NEW_VOLUME event allows updateIsTracked to reliably fetch the image id for a volume viewport.
-      evt.detail.element?.addEventListener(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_7__.Enums.Events.VOLUME_VIEWPORT_NEW_VOLUME, updateIsTracked);
+      evt.detail.element?.addEventListener(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_5__.Enums.Events.VOLUME_VIEWPORT_NEW_VOLUME, updateIsTracked);
       setViewportElem(evt.detail.element);
     }
   }, [updateIsTracked, viewportElem]);
   const onElementDisabled = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
-    viewportElem?.removeEventListener(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_7__.Enums.Events.VOLUME_VIEWPORT_NEW_VOLUME, updateIsTracked);
+    viewportElem?.removeEventListener(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_5__.Enums.Events.VOLUME_VIEWPORT_NEW_VOLUME, updateIsTracked);
   }, [updateIsTracked, viewportElem]);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(updateIsTracked, [updateIsTracked]);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
@@ -114,7 +100,7 @@ function TrackedCornerstoneViewport(props) {
   }, [updateIsTracked, viewportId]);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
     if (isTracked) {
-      _cornerstonejs_tools__WEBPACK_IMPORTED_MODULE_5__.annotation.config.style.setViewportToolStyles(viewportId, {
+      _cornerstonejs_tools__WEBPACK_IMPORTED_MODULE_3__.annotation.config.style.setViewportToolStyles(viewportId, {
         global: {
           lineDash: ''
         }
@@ -122,14 +108,14 @@ function TrackedCornerstoneViewport(props) {
       cornerstoneViewportService.getRenderingEngine().renderViewport(viewportId);
       return;
     }
-    _cornerstonejs_tools__WEBPACK_IMPORTED_MODULE_5__.annotation.config.style.setViewportToolStyles(viewportId, {
+    _cornerstonejs_tools__WEBPACK_IMPORTED_MODULE_3__.annotation.config.style.setViewportToolStyles(viewportId, {
       global: {
         lineDash: '4,4'
       }
     });
     cornerstoneViewportService.getRenderingEngine().renderViewport(viewportId);
     return () => {
-      _cornerstonejs_tools__WEBPACK_IMPORTED_MODULE_5__.annotation.config.style.setViewportToolStyles(viewportId, {});
+      _cornerstonejs_tools__WEBPACK_IMPORTED_MODULE_3__.annotation.config.style.setViewportToolStyles(viewportId, {});
     };
   }, [isTracked]);
 
@@ -178,14 +164,31 @@ function TrackedCornerstoneViewport(props) {
       });
     };
   }, [measurementService, sendTrackedMeasurementsEvent, viewportId, viewportGridService]);
-  function switchMeasurement(direction) {
+  const switchMeasurement = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(direction => {
     const newTrackedMeasurementUID = _getNextMeasurementUID(direction, servicesManager, trackedMeasurementUID, trackedMeasurements);
     if (!newTrackedMeasurementUID) {
       return;
     }
     setTrackedMeasurementUID(newTrackedMeasurementUID);
     measurementService.jumpToMeasurement(viewportId, newTrackedMeasurementUID);
-  }
+  }, [measurementService, servicesManager, trackedMeasurementUID, trackedMeasurements, viewportId]);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    const statusComponent = _getStatusComponent(isTracked, t);
+    const arrowsComponent = _getArrowsComponent(isTracked, switchMeasurement, viewportId === activeViewportId);
+    viewportActionCornersService.setComponents([{
+      viewportId,
+      id: 'viewportStatusComponent',
+      component: statusComponent,
+      indexPriority: -100,
+      location: viewportActionCornersService.LOCATIONS.topLeft
+    }, {
+      viewportId,
+      id: 'viewportActionArrowsComponent',
+      component: arrowsComponent,
+      indexPriority: 0,
+      location: viewportActionCornersService.LOCATIONS.topRight
+    }]);
+  }, [activeViewportId, isTracked, switchMeasurement, viewportActionCornersService, viewportId]);
   const getCornerstoneViewport = () => {
     const {
       component: Component
@@ -195,32 +198,7 @@ function TrackedCornerstoneViewport(props) {
       onElementDisabled: onElementDisabled
     }));
   };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_3__/* .ViewportActionBar */ .cS, {
-    onDoubleClick: evt => {
-      evt.stopPropagation();
-      evt.preventDefault();
-    },
-    useAltStyling: isTracked,
-    onArrowsClick: direction => switchMeasurement(direction),
-    getStatusComponent: () => _getStatusComponent(isTracked),
-    studyData: {
-      label: viewportLabel,
-      studyDate: formatDate(SeriesDate) || formatDate(StudyDate) || t('NoStudyDate'),
-      currentSeries: SeriesNumber,
-      // TODO - switch entire currentSeries to be UID based or actual position based
-      seriesDescription: SeriesDescription,
-      patientInformation: {
-        patientName: PatientName ? _ohif_core__WEBPACK_IMPORTED_MODULE_2__/* ["default"].utils */ .Ay.utils.formatPN(PatientName) : '',
-        patientSex: PatientSex || '',
-        patientAge: PatientAge || '',
-        MRN: PatientID || '',
-        thickness: SliceThickness ? `${parseFloat(SliceThickness).toFixed(2)}` : '',
-        thicknessUnits: t('mm'),
-        spacing: SpacingBetweenSlices !== undefined ? `${parseFloat(SpacingBetweenSlices).toFixed(2)}${t('mm')}` : '',
-        scanner: ManufacturerModelName || ''
-      }
-    }
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
     className: "relative flex h-full w-full flex-row overflow-hidden"
   }, getCornerstoneViewport()));
 }
@@ -268,35 +246,38 @@ function _getNextMeasurementUID(direction, servicesManager, trackedMeasurementId
     // Not tracking a measurement, or previous measurement now deleted, revert to 0.
     measurementIndex = 0;
   } else {
-    if (direction === 'left') {
-      measurementIndex--;
-      if (measurementIndex < 0) {
-        measurementIndex = measurementCount - 1;
-      }
-    } else if (direction === 'right') {
-      measurementIndex++;
-      if (measurementIndex === measurementCount) {
-        measurementIndex = 0;
-      }
+    measurementIndex += direction;
+    if (measurementIndex < 0) {
+      measurementIndex = measurementCount - 1;
+    } else if (measurementIndex === measurementCount) {
+      measurementIndex = 0;
     }
   }
   const newTrackedMeasurementId = uids[measurementIndex];
   return newTrackedMeasurementId;
 }
-function _getStatusComponent(isTracked) {
-  const {
-    t
-  } = (0,react_i18next__WEBPACK_IMPORTED_MODULE_4__/* .useTranslation */ .Bd)('TrackedCornerstoneViewport');
-  const trackedIcon = isTracked ? 'status-tracked' : 'status-untracked';
+const _getArrowsComponent = (isTracked, switchMeasurement, isActiveViewport) => {
+  if (!isTracked) {
+    return null;
+  }
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_2__/* .ViewportActionArrows */ .$I, {
+    onArrowsClick: direction => switchMeasurement(direction),
+    className: isActiveViewport ? 'visible' : 'invisible group-hover:visible'
+  });
+};
+function _getStatusComponent(isTracked, t) {
+  if (!isTracked) {
+    return null;
+  }
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
     className: "relative"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_3__/* .Tooltip */ .m_, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_2__/* .Tooltip */ .m_, {
     position: "bottom-left",
     content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
       className: "flex py-2"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
       className: "flex pt-1"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_3__/* .Icon */ .In, {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_2__/* .Icon */ .In, {
       name: "info-link",
       className: "text-primary-main w-4"
     })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
@@ -304,8 +285,8 @@ function _getStatusComponent(isTracked) {
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", {
       className: "text-common-light text-base"
     }, isTracked ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, t('Series is tracked and can be viewed in the measurement panel')) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, t('Measurements for untracked series will not be shown in the measurements panel')))))
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_3__/* .Icon */ .In, {
-    name: trackedIcon,
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_2__/* .Icon */ .In, {
+    name: 'viewport-status-tracked',
     className: "text-aqua-pale"
   })));
 }

package/dist/{270.bundle.d7d6957c20f95c675b32.js → 889.bundle.2daaac42e278b28b3d01.js}

@@ -1,5 +1,5 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[270],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[889],{
 
 /***/ 62889:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
@@ -20,10 +20,10 @@ const id = package_namespaceObject.UU;
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(41766);
-// EXTERNAL MODULE: ../../ui/src/index.js + 497 modules
-var src = __webpack_require__(58046);
-// EXTERNAL MODULE: ../../core/src/index.ts + 67 modules
-var core_src = __webpack_require__(78198);
+// EXTERNAL MODULE: ../../ui/src/index.js + 519 modules
+var src = __webpack_require__(3962);
+// EXTERNAL MODULE: ../../core/src/index.ts + 68 modules
+var core_src = __webpack_require__(85073);
 // EXTERNAL MODULE: ../../../node_modules/react-i18next/dist/es/index.js + 15 modules
 var es = __webpack_require__(80619);
 // EXTERNAL MODULE: ../../../node_modules/mathjs/lib/esm/index.js + 996 modules

package/dist/{90.bundle.49b20161b4f864100085.js → 90.bundle.ce42cccceaec1135a165.js}

@@ -31,8 +31,8 @@ __webpack_require__.d(utils_namespaceObject, {
 
 // EXTERNAL MODULE: ../../../node_modules/dicomweb-client/build/dicomweb-client.es.js
 var dicomweb_client_es = __webpack_require__(36922);
-// EXTERNAL MODULE: ../../core/src/index.ts + 67 modules
-var src = __webpack_require__(78198);
+// EXTERNAL MODULE: ../../core/src/index.ts + 68 modules
+var src = __webpack_require__(85073);
 // EXTERNAL MODULE: ../../core/src/utils/sortStudy.ts
 var sortStudy = __webpack_require__(45476);
 ;// CONCATENATED MODULE: ../../../extensions/default/src/DicomWebDataSource/qido.js
@@ -2484,8 +2484,8 @@ var react = __webpack_require__(41766);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
 var prop_types = __webpack_require__(11374);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
-// EXTERNAL MODULE: ../../ui/src/index.js + 497 modules
-var ui_src = __webpack_require__(58046);
+// EXTERNAL MODULE: ../../ui/src/index.js + 519 modules
+var ui_src = __webpack_require__(3962);
 // EXTERNAL MODULE: ./state/index.js + 1 modules
 var state = __webpack_require__(15575);
 // EXTERNAL MODULE: ../node_modules/react-router-dom/dist/index.js
@@ -2494,8 +2494,8 @@ var dist = __webpack_require__(37396);
 var es = __webpack_require__(80619);
 // EXTERNAL MODULE: ../node_modules/react-router/dist/index.js
 var react_router_dist = __webpack_require__(10971);
-// EXTERNAL MODULE: ../../i18n/src/index.js + 148 modules
-var i18n_src = __webpack_require__(69536);
+// EXTERNAL MODULE: ../../i18n/src/index.js + 150 modules
+var i18n_src = __webpack_require__(912);
 // EXTERNAL MODULE: ../../../node_modules/classnames/index.js
 var classnames = __webpack_require__(61466);
 var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
@@ -2604,8 +2604,8 @@ function ViewerHeader({
     hotkeyDefinitions,
     hotkeyDefaults
   } = hotkeysManager;
-  const versionNumber = "3.8.0-beta.66";
-  const commitHash = "158a1816703e0ad66cae08cb9bd1ffb93bbd8d43";
+  const versionNumber = "3.8.0-beta.67";
+  const commitHash = "b7f90e3951845396f99b69f0a74fc56b2ffeada1";
   const menuOptions = [{
     title: t('Header:About'),
     icon: 'info',
@@ -2662,7 +2662,9 @@ function ViewerHeader({
     menuOptions: menuOptions,
     isReturnEnabled: !!appConfig.showStudyList,
     onClickReturnButton: onClickReturnButton,
-    WhiteLabeling: appConfig.whiteLabeling
+    WhiteLabeling: appConfig.whiteLabeling,
+    showPatientInfo: appConfig.showPatientInfo,
+    servicesManager: servicesManager
   }, /*#__PURE__*/react.createElement(ui_src/* ErrorBoundary */.tH, {
     context: "Primary Toolbar"
   }, /*#__PURE__*/react.createElement("div", {

package/dist/{905.bundle.88010c612e910657883d.js → 905.bundle.af59bd2bcb04c4978059.js}

@@ -13,8 +13,8 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ microscopy_src)
 });
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 67 modules
-var src = __webpack_require__(78198);
+// EXTERNAL MODULE: ../../core/src/index.ts + 68 modules
+var src = __webpack_require__(85073);
 // EXTERNAL MODULE: ../../../node_modules/i18next/dist/esm/i18next.js
 var i18next = __webpack_require__(92344);
 ;// CONCATENATED MODULE: ../../../modes/microscopy/package.json

package/dist/{907.bundle.1206d58ae62d26beaf30.js → 907.bundle.401a07f50863efc6c6c1.js}

@@ -21,8 +21,8 @@ const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/extension-
 const id = package_namespaceObject.UU;
 const SOPClassHandlerId = `${id}.sopClassHandlerModule.dicom-pdf`;
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 67 modules
-var src = __webpack_require__(78198);
+// EXTERNAL MODULE: ../../core/src/index.ts + 68 modules
+var src = __webpack_require__(85073);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-pdf/src/getSopClassHandlerModule.js
 
 

package/dist/{961.bundle.b4d84dd80e4e1113de27.js → 961.bundle.fdf0e1c0c54cfb2a952a.js}

@@ -21,8 +21,8 @@ const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/extension-
 const id = package_namespaceObject.UU;
 const SOPClassHandlerId = `${id}.sopClassHandlerModule.dicom-video`;
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 67 modules
-var src = __webpack_require__(78198);
+// EXTERNAL MODULE: ../../core/src/index.ts + 68 modules
+var src = __webpack_require__(85073);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-video/src/getSopClassHandlerModule.js