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

package/dist/{699.bundle.62990e46c235ab4785db.js → 699.bundle.78297d5204cdd274d097.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',
@@ -101,7 +87,10 @@ const toolbarButtons = [{
     icon: 'tool-3d-rotate',
     label: '3D Rotate',
     commands: setToolActiveToolbar,
-    evaluate: 'evaluate.cornerstoneTool'
+    evaluate: {
+      name: 'evaluate.cornerstoneTool',
+      disabledText: 'Select a 3D viewport to enable this tool'
+    }
   }
 }, {
   id: 'Capture',
@@ -133,7 +122,10 @@ const toolbarButtons = [{
         toolGroupIds: ['mpr']
       }
     },
-    evaluate: 'evaluate.cornerstoneTool'
+    evaluate: {
+      name: 'evaluate.cornerstoneTool',
+      disabledText: 'Select an MPR viewport to enable this tool'
+    }
   }
 }, {
   id: 'MoreTools',
@@ -293,7 +285,8 @@ const segmentationButtons_toolbarButtons = [{
         name: 'evaluate.cornerstone.segmentation',
         options: {
           toolNames: ['CircularBrush', 'SphereBrush']
-        }
+        },
+        disabledText: 'Create new segmentation to enable this tool.'
       },
       commands: _createSetToolActiveCommands('CircularBrush'),
       options: [{
@@ -366,7 +359,7 @@ const segmentationButtons_toolbarButtons = [{
     }, {
       id: 'Threshold',
       icon: 'icon-tool-threshold',
-      label: 'Eraser',
+      label: 'Threshold Tool',
       evaluate: {
         name: 'evaluate.cornerstone.segmentation',
         options: {

package/dist/{724.bundle.83a4176860f750353c0b.js → 724.bundle.171eb7665e96ac0ad109.js}

@@ -12,10 +12,8 @@ __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 = {
   CT: 'ctToolGroup',
@@ -136,38 +134,9 @@ function initToolGroups(toolNames, Enums, toolGroupService, commandsManager) {
 ;// CONCATENATED MODULE: ../../../modes/tmtv/src/toolbarButtons.js
 
 
-
 const {
   windowLevelPresets
 } = src.defaults;
-function _createColormap(label, colormap) {
-  return {
-    id: label,
-    label,
-    type: 'action',
-    commands: [{
-      commandName: 'setFusionPTColormap',
-      commandOptions: {
-        toolGroupId: toolGroupIds.Fusion,
-        colormap
-      }
-    }]
-  };
-}
-function _createWwwcPreset(preset, title, subtitle) {
-  return {
-    id: preset.toString(),
-    title,
-    subtitle,
-    commands: [{
-      commandName: 'setWindowLevel',
-      commandOptions: {
-        ...windowLevelPresets[preset]
-      },
-      context: 'CORNERSTONE'
-    }]
-  };
-}
 const setToolActiveToolbar = {
   commandName: 'setToolActiveToolbar',
   commandOptions: {
@@ -227,23 +196,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
@@ -276,28 +234,11 @@ const toolbarButtons = [{
     icon: 'tool-create-threshold',
     label: 'Rectangle ROI Threshold',
     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'
+    evaluate: {
+      name: 'evaluate.cornerstoneTool',
+      disabledText: 'Select the PT Axial to enable this tool'
     },
-    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')]
+    options: 'tmtv.RectangleROIThresholdOptions'
   }
 }];
 /* harmony default export */ const src_toolbarButtons = (toolbarButtons);
@@ -434,7 +375,8 @@ 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']);
+      toolbarService.createButtonSection('tmtvToolbox', ['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.27cb716917daad6afddc.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__(59134);
+/* 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.43bac729645dcd445d23.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 + 521 modules
+var src = __webpack_require__(59134);
+// 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.5e1e4b60b575b5be1369.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 + 521 modules
+var ui_src = __webpack_require__(59134);
 // EXTERNAL MODULE: ./state/index.js + 1 modules
 var state = __webpack_require__(15575);
 // EXTERNAL MODULE: ../node_modules/react-router-dom/dist/index.js
@@ -2494,17 +2494,12 @@ 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: ../../../node_modules/classnames/index.js
-var classnames = __webpack_require__(61466);
-var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
+// EXTERNAL MODULE: ../../i18n/src/index.js + 150 modules
+var i18n_src = __webpack_require__(912);
 ;// CONCATENATED MODULE: ../../../extensions/default/src/Toolbar/Toolbar.tsx
 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); }
 
 
-
-
 function Toolbar({
   servicesManager
 }) {
@@ -2527,23 +2522,13 @@ function Toolbar({
       Component,
       componentProps
     } = toolDef;
-    const {
-      disabled
-    } = componentProps;
     const tool = /*#__PURE__*/react.createElement(Component, _extends({
       key: id,
       id: id,
       onInteraction: onInteraction,
       servicesManager: servicesManager
     }, componentProps));
-    return disabled ? /*#__PURE__*/react.createElement(ui_src/* Tooltip */.m_, {
-      key: id,
-      position: "bottom",
-      content: componentProps.label,
-      secondaryContent: 'Not available on the current viewport'
-    }, /*#__PURE__*/react.createElement("div", {
-      className: classnames_default()('mr-1')
-    }, tool)) : /*#__PURE__*/react.createElement("div", {
+    return /*#__PURE__*/react.createElement("div", {
       key: id,
       className: "mr-1"
     }, tool);
@@ -2604,8 +2589,8 @@ function ViewerHeader({
     hotkeyDefinitions,
     hotkeyDefaults
   } = hotkeysManager;
-  const versionNumber = "3.8.0-beta.66";
-  const commitHash = "158a1816703e0ad66cae08cb9bd1ffb93bbd8d43";
+  const versionNumber = "3.8.0-beta.68";
+  const commitHash = "9f3235ff096636aafa88d8a42859e8dc85d9036d";
   const menuOptions = [{
     title: t('Header:About'),
     icon: 'info',
@@ -2662,7 +2647,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", {
@@ -5191,6 +5178,9 @@ var moment = __webpack_require__(8291);
 var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
 // EXTERNAL MODULE: ../../../node_modules/react-window/dist/index.esm.js
 var index_esm = __webpack_require__(6943);
+// EXTERNAL MODULE: ../../../node_modules/classnames/index.js
+var classnames = __webpack_require__(61466);
+var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
 ;// CONCATENATED MODULE: ../../../extensions/default/src/DicomTagBrowser/DicomTagTable.tsx
 
 

package/dist/{905.bundle.88010c612e910657883d.js → 905.bundle.a18b495f0a6769c5aff6.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.bec0deb8a4af3b4885a4.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.2dd02c92ec591fec7924.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