@ohif/app 3.8.0-beta.7 → 3.8.0-beta.70

package/dist/{359.bundle.8abe0036a7bf6b5fd115.js → 724.bundle.eada9d6c23678a5a2947.js}

@@ -1,7 +1,7 @@
 "use strict";
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[359],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[724],{
 
-/***/ 22359:
+/***/ 28724:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -12,10 +12,8 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ tmtv_src)
 });
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
-var src = __webpack_require__(71771);
-// EXTERNAL MODULE: ../../ui/src/index.js + 486 modules
-var ui_src = __webpack_require__(22582);
+// EXTERNAL MODULE: ../../core/src/index.ts + 68 modules
+var src = __webpack_require__(85073);
 ;// CONCATENATED MODULE: ../../../modes/tmtv/src/initToolGroups.js
 const toolGroupIds = {
   CT: 'ctToolGroup',
@@ -25,8 +23,7 @@ const toolGroupIds = {
   default: 'default'
   // MPR: 'mpr',
 };
-
-function _initToolGroups(toolNames, Enums, toolGroupService, commandsManager) {
+function _initToolGroups(toolNames, Enums, toolGroupService, commandsManager, modeLabelConfig) {
   const tools = {
     active: [{
       toolName: toolNames.WindowLevel,
@@ -53,16 +50,24 @@ function _initToolGroups(toolNames, Enums, toolGroupService, commandsManager) {
       toolName: toolNames.ArrowAnnotate,
       configuration: {
         getTextCallback: (callback, eventDetails) => {
-          commandsManager.runCommand('arrowTextCallback', {
-            callback,
-            eventDetails
-          });
+          if (modeLabelConfig) {
+            callback(' ');
+          } else {
+            commandsManager.runCommand('arrowTextCallback', {
+              callback,
+              eventDetails
+            });
+          }
         },
-        changeTextCallback: (data, eventDetails, callback) => commandsManager.runCommand('arrowTextCallback', {
-          callback,
-          data,
-          eventDetails
-        })
+        changeTextCallback: (data, eventDetails, callback) => {
+          if (modeLabelConfig === undefined) {
+            commandsManager.runCommand('arrowTextCallback', {
+              callback,
+              data,
+              eventDetails
+            });
+          }
+        }
       }
     }, {
       toolName: toolNames.Bidirectional
@@ -90,6 +95,7 @@ function _initToolGroups(toolNames, Enums, toolGroupService, commandsManager) {
       toolName: toolNames.Crosshairs,
       configuration: {
         viewportIndicators: false,
+        disableOnPassive: true,
         autoPan: {
           enabled: false,
           panSize: 10
@@ -112,7 +118,7 @@ function _initToolGroups(toolNames, Enums, toolGroupService, commandsManager) {
     active: [{
       toolName: toolNames.VolumeRotateMouseWheel,
       configuration: {
-        rotateIncrementDegrees: 0.1
+        rotateIncrementDegrees: 5
       }
     }, {
       toolName: toolNames.MipJumpToClick,
@@ -129,232 +135,126 @@ function _initToolGroups(toolNames, Enums, toolGroupService, commandsManager) {
   };
   toolGroupService.createToolGroupAndAddTools(toolGroupIds.MIP, mipTools);
 }
-function initToolGroups(toolNames, Enums, toolGroupService, commandsManager) {
-  _initToolGroups(toolNames, Enums, toolGroupService, commandsManager);
+function initToolGroups(toolNames, Enums, toolGroupService, commandsManager, modeLabelConfig) {
+  _initToolGroups(toolNames, Enums, toolGroupService, commandsManager, modeLabelConfig);
 }
 /* harmony default export */ const src_initToolGroups = (initToolGroups);
 ;// CONCATENATED MODULE: ../../../modes/tmtv/src/toolbarButtons.js
-// TODO: torn, can either bake this here; or have to create a whole new button type
-// Only ways that you can pass in a custom React component for render :l
-
 
 
 const {
   windowLevelPresets
 } = src.defaults;
-/**
- *
- * @param {*} type - 'tool' | 'action' | 'toggle'
- * @param {*} id
- * @param {*} icon
- * @param {*} label
- */
-function _createButton(type, id, icon, label, commands, tooltip) {
-  return {
-    id,
-    icon,
-    label,
-    type,
-    commands,
-    tooltip
-  };
-}
-function _createColormap(label, colormap) {
-  return {
-    id: label,
-    label,
-    type: 'action',
-    commands: [{
-      commandName: 'setFusionPTColormap',
-      commandOptions: {
-        toolGroupId: toolGroupIds.Fusion,
-        colormap
-      }
-    }]
-  };
-}
-const _createActionButton = _createButton.bind(null, 'action');
-const _createToggleButton = _createButton.bind(null, 'toggle');
-const _createToolButton = _createButton.bind(null, 'tool');
-
-/**
- *
- * @param {*} preset - preset number (from above import)
- * @param {*} title
- * @param {*} subtitle
- */
-function _createWwwcPreset(preset, title, subtitle) {
-  return {
-    id: preset.toString(),
-    title,
-    subtitle,
-    type: 'action',
-    commands: [{
-      commandName: 'setWindowLevel',
-      commandOptions: {
-        ...windowLevelPresets[preset]
-      },
-      context: 'CORNERSTONE'
-    }]
-  };
-}
-function _createCommands(commandName, toolName, toolGroupIds) {
-  return toolGroupIds.map(toolGroupId => ({
-    /* It's a command that is being run when the button is clicked. */
-    commandName,
-    commandOptions: {
-      toolName,
-      toolGroupId
-    },
-    context: 'CORNERSTONE'
-  }));
-}
-const toolbarButtons = [
-// Measurement
-{
+const setToolActiveToolbar = {
+  commandName: 'setToolActiveToolbar',
+  commandOptions: {
+    toolGroupIds: [toolGroupIds.CT, toolGroupIds.PT, toolGroupIds.Fusion]
+  }
+};
+const toolbarButtons = [{
   id: 'MeasurementTools',
-  type: 'ohif.splitButton',
+  uiType: 'ohif.splitButton',
   props: {
     groupId: 'MeasurementTools',
-    isRadio: true,
-    // ?
-    // Switch?
-    primary: _createToolButton('Length', 'tool-length', 'Length', [..._createCommands('setToolActive', 'Length', [toolGroupIds.CT, toolGroupIds.PT, toolGroupIds.Fusion
-    // toolGroupIds.MPR,
-    ])], 'Length'),
+    primary: src.ToolbarService.createButton({
+      id: 'Length',
+      icon: 'tool-length',
+      label: 'Length',
+      tooltip: 'Length Tool',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
+    }),
     secondary: {
       icon: 'chevron-down',
-      label: '',
-      isActive: true,
       tooltip: 'More Measure Tools'
     },
-    items: [_createToolButton('Length', 'tool-length', 'Length', [..._createCommands('setToolActive', 'Length', [toolGroupIds.CT, toolGroupIds.PT, toolGroupIds.Fusion
-    // toolGroupIds.MPR,
-    ])], 'Length Tool'), _createToolButton('Bidirectional', 'tool-bidirectional', 'Bidirectional', [..._createCommands('setToolActive', 'Bidirectional', [toolGroupIds.CT, toolGroupIds.PT, toolGroupIds.Fusion
-    // toolGroupIds.MPR,
-    ])], 'Bidirectional Tool'), _createToolButton('ArrowAnnotate', 'tool-annotate', 'Annotation', [..._createCommands('setToolActive', 'ArrowAnnotate', [toolGroupIds.CT, toolGroupIds.PT, toolGroupIds.Fusion
-    // toolGroupIds.MPR,
-    ])], 'Arrow Annotate'), _createToolButton('EllipticalROI', 'tool-elipse', 'Ellipse', [..._createCommands('setToolActive', 'EllipticalROI', [toolGroupIds.CT, toolGroupIds.PT, toolGroupIds.Fusion
-    // toolGroupIds.MPR,
-    ])], 'Ellipse Tool')]
+    items: [src.ToolbarService.createButton({
+      id: 'Bidirectional',
+      icon: 'tool-bidirectional',
+      label: 'Bidirectional',
+      tooltip: 'Bidirectional Tool',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
+    }), src.ToolbarService.createButton({
+      id: 'ArrowAnnotate',
+      icon: 'tool-annotate',
+      label: 'Arrow Annotate',
+      tooltip: 'Arrow Annotate Tool',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
+    }), src.ToolbarService.createButton({
+      id: 'EllipticalROI',
+      icon: 'tool-ellipse',
+      label: 'Ellipse',
+      tooltip: 'Ellipse Tool',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
+    })]
   }
-},
-// Zoom..
-{
+}, {
   id: 'Zoom',
-  type: 'ohif.radioGroup',
+  uiType: 'ohif.radioGroup',
   props: {
-    type: 'tool',
     icon: 'tool-zoom',
     label: 'Zoom',
-    commands: [..._createCommands('setToolActive', 'Zoom', [toolGroupIds.CT, toolGroupIds.PT, toolGroupIds.Fusion
-    // toolGroupIds.MPR,
-    ])]
-  }
-}, {
-  id: 'MPR',
-  type: 'ohif.action',
-  props: {
-    type: 'toggle',
-    icon: 'icon-mpr',
-    label: 'MPR',
-    commands: [{
-      commandName: 'toggleHangingProtocol',
-      commandOptions: {
-        protocolId: 'mpr'
-      },
-      context: 'DEFAULT'
-    }]
+    commands: setToolActiveToolbar,
+    evaluate: 'evaluate.cornerstoneTool'
   }
 },
-// Window Level + Presets...
+// Window Level + Presets
 {
   id: 'WindowLevel',
-  type: 'ohif.splitButton',
+  uiType: 'ohif.radioGroup',
   props: {
-    groupId: 'WindowLevel',
-    primary: _createToolButton('WindowLevel', 'tool-window-level', 'Window Level', [..._createCommands('setToolActive', 'WindowLevel', [toolGroupIds.CT, toolGroupIds.PT, toolGroupIds.Fusion
-    // toolGroupIds.MPR,
-    ])], 'Window Level'),
-    secondary: {
-      icon: 'chevron-down',
-      label: 'W/L Manual',
-      isActive: true,
-      tooltip: 'W/L Presets'
-    },
-    isAction: true,
-    // ?
-    renderer: ui_src/* WindowLevelMenuItem */.eJ,
-    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
+{
   id: 'Crosshairs',
-  type: 'ohif.radioGroup',
+  uiType: 'ohif.radioGroup',
   props: {
-    type: 'tool',
     icon: 'tool-crosshair',
     label: 'Crosshairs',
-    commands: [..._createCommands('setToolActive', 'Crosshairs', [toolGroupIds.CT, toolGroupIds.PT, toolGroupIds.Fusion
-    // toolGroupIds.MPR,
-    ])]
+    commands: setToolActiveToolbar,
+    evaluate: 'evaluate.cornerstoneTool'
   }
 },
-// Pan...
+// Pan Button
 {
   id: 'Pan',
-  type: 'ohif.radioGroup',
+  uiType: 'ohif.radioGroup',
   props: {
-    type: 'tool',
     icon: 'tool-move',
     label: 'Pan',
-    commands: [..._createCommands('setToolActive', 'Pan', [toolGroupIds.CT, toolGroupIds.PT, toolGroupIds.Fusion
-    // toolGroupIds.MPR,
-    ])]
+    commands: setToolActiveToolbar,
+    evaluate: 'evaluate.cornerstoneTool'
   }
-}, {
+},
+// Rectangle ROI Start End Threshold Button
+{
   id: 'RectangleROIStartEndThreshold',
-  type: 'ohif.radioGroup',
+  uiType: 'ohif.radioGroup',
   props: {
-    type: 'tool',
     icon: 'tool-create-threshold',
     label: 'Rectangle ROI Threshold',
-    commands: [..._createCommands('setToolActive', 'RectangleROIStartEndThreshold', [toolGroupIds.PT]), {
-      commandName: 'displayNotification',
-      commandOptions: {
-        title: 'RectangleROI Threshold Tip',
-        text: 'RectangleROI Threshold tool should be used on PT Axial Viewport',
-        type: 'info'
-      }
-    }, {
-      commandName: 'setViewportActive',
-      commandOptions: {
-        viewportId: 'ptAXIAL'
-      }
-    }]
-  }
-}, {
-  id: 'fusionPTColormap',
-  type: 'ohif.splitButton',
-  props: {
-    groupId: 'fusionPTColormap',
-    primary: _createToolButton('fusionPTColormap', 'tool-fusion-color', 'Fusion PT Colormap', [], 'Fusion PT Colormap'),
-    secondary: {
-      icon: 'chevron-down',
-      label: 'PT Colormap',
-      isActive: true,
-      tooltip: 'PET Image Colormap'
+    commands: setToolActiveToolbar,
+    evaluate: {
+      name: 'evaluate.cornerstoneTool',
+      disabledText: 'Select the PT Axial to enable this tool'
     },
-    isAction: true,
-    // ?
-    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);
 ;// CONCATENATED MODULE: ../../../modes/tmtv/package.json
-const package_namespaceObject = JSON.parse('{"u2":"@ohif/mode-tmtv"}');
+const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/mode-tmtv"}');
 ;// CONCATENATED MODULE: ../../../modes/tmtv/src/id.js
 
-const id = package_namespaceObject.u2;
+const id = package_namespaceObject.UU;
 
 ;// CONCATENATED MODULE: ../../../modes/tmtv/src/utils/setCrosshairsConfiguration.js
 
@@ -404,6 +304,8 @@ function setFusionActiveVolume(matches, toolNames, toolGroupService, displaySetS
   toolGroupService.setToolConfiguration(toolGroupIds.Fusion, toolNames.WindowLevel, windowLevelConfig);
   toolGroupService.setToolConfiguration(toolGroupIds.Fusion, toolNames.EllipticalROI, ellipticalROIConfig);
 }
+// EXTERNAL MODULE: ../../../node_modules/i18next/dist/esm/i18next.js
+var i18next = __webpack_require__(92344);
 ;// CONCATENATED MODULE: ../../../modes/tmtv/src/index.js
 
 
@@ -411,6 +313,7 @@ function setFusionActiveVolume(matches, toolNames, toolGroupService, displaySetS
 
 
 
+
 const {
   MetadataProvider
 } = src.classes;
@@ -435,25 +338,23 @@ const extensionDependencies = {
   '@ohif/extension-tmtv': '^3.0.0'
 };
 let unsubscriptions = [];
-function modeFactory(_ref) {
-  let {
-    modeConfiguration
-  } = _ref;
+function modeFactory({
+  modeConfiguration
+}) {
   return {
     // TODO: We're using this as a route segment
     // We should not be.
     id: id,
     routeName: 'tmtv',
-    displayName: 'Total Metabolic Tumor Volume',
+    displayName: i18next/* default */.A.t('Modes:Total Metabolic Tumor Volume'),
     /**
      * Lifecycle hooks
      */
-    onModeEnter: _ref2 => {
-      let {
-        servicesManager,
-        extensionManager,
-        commandsManager
-      } = _ref2;
+    onModeEnter: ({
+      servicesManager,
+      extensionManager,
+      commandsManager
+    }) => {
       const {
         toolbarService,
         toolGroupService,
@@ -468,34 +369,6 @@ function modeFactory(_ref) {
 
       // Init Default and SR ToolGroups
       src_initToolGroups(toolNames, Enums, toolGroupService, commandsManager);
-      const setWindowLevelActive = () => {
-        toolbarService.recordInteraction({
-          groupId: 'WindowLevel',
-          interactionType: 'tool',
-          commands: [{
-            commandName: 'setToolActive',
-            commandOptions: {
-              toolName: toolNames.WindowLevel,
-              toolGroupId: toolGroupIds.CT
-            },
-            context: 'CORNERSTONE'
-          }, {
-            commandName: 'setToolActive',
-            commandOptions: {
-              toolName: toolNames.WindowLevel,
-              toolGroupId: toolGroupIds.PT
-            },
-            context: 'CORNERSTONE'
-          }, {
-            commandName: 'setToolActive',
-            commandOptions: {
-              toolName: toolNames.WindowLevel,
-              toolGroupId: toolGroupIds.Fusion
-            },
-            context: 'CORNERSTONE'
-          }]
-        });
-      };
       const {
         unsubscribe
       } = toolGroupService.subscribe(toolGroupService.EVENTS.VIEWPORT_ADDED, () => {
@@ -507,12 +380,11 @@ function modeFactory(_ref) {
         } = hangingProtocolService.getMatchDetails();
         setCrosshairsConfiguration(displaySetMatchDetails, toolNames, toolGroupService, displaySetService);
         setFusionActiveVolume(displaySetMatchDetails, toolNames, toolGroupService, displaySetService);
-        setWindowLevelActive();
       });
       unsubscriptions.push(unsubscribe);
-      toolbarService.init(extensionManager);
       toolbarService.addButtons(src_toolbarButtons);
-      toolbarService.createButtonSection('primary', ['MeasurementTools', 'Zoom', 'WindowLevel', 'Crosshairs', 'Pan', '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
@@ -538,17 +410,20 @@ function modeFactory(_ref) {
         return;
       });
     },
-    onModeExit: _ref3 => {
-      let {
-        servicesManager
-      } = _ref3;
+    onModeExit: ({
+      servicesManager
+    }) => {
       const {
         toolGroupService,
         syncGroupService,
         segmentationService,
-        cornerstoneViewportService
+        cornerstoneViewportService,
+        uiDialogService,
+        uiModalService
       } = servicesManager.services;
       unsubscriptions.forEach(unsubscribe => unsubscribe());
+      uiDialogService.dismissAll();
+      uiModalService.hide();
       toolGroupService.destroy();
       syncGroupService.destroy();
       segmentationService.destroy();
@@ -558,11 +433,10 @@ function modeFactory(_ref) {
       study: [],
       series: []
     },
-    isValidMode: _ref4 => {
-      let {
-        modalities,
-        study
-      } = _ref4;
+    isValidMode: ({
+      modalities,
+      study
+    }) => {
       const modalities_list = modalities.split('\\');
       const invalidModalities = ['SM'];
       const isValid = modalities_list.includes('CT') && modalities_list.includes('PT') && !invalidModalities.some(modality => modalities_list.includes(modality)) &&
@@ -574,18 +448,20 @@ function modeFactory(_ref) {
       study.studyInstanceUid !== '1.3.6.1.4.1.12842.1.1.14.3.20220915.105557.468.2963630849';
 
       // there should be both CT and PT modalities and the modality should not be SM
-      return isValid;
+      return {
+        valid: isValid,
+        description: 'The mode requires both PT and CT series in the study'
+      };
     },
     routes: [{
       path: 'tmtv',
       /*init: ({ servicesManager, extensionManager }) => {
         //defaultViewerRouteInit
       },*/
-      layoutTemplate: _ref5 => {
-        let {
-          location,
-          servicesManager
-        } = _ref5;
+      layoutTemplate: ({
+        location,
+        servicesManager
+      }) => {
         return {
           id: ohif.layout,
           props: {
@@ -603,7 +479,7 @@ function modeFactory(_ref) {
     extensions: extensionDependencies,
     hangingProtocol: tmtv.hangingProtocol,
     sopClassHandlers: [ohif.sopClassHandler],
-    hotkeys: [...src/* hotkeys */.dD.defaults.hotkeyBindings],
+    hotkeys: [...src/* hotkeys */.ot.defaults.hotkeyBindings],
     ...modeConfiguration
   };
 }