@ohif/app 3.8.0-beta.6 → 3.8.0-beta.61

package/dist/{451.bundle.9fd36f52ff69594f0669.js → 295.bundle.462f3328c716cbe6c613.js}

@@ -1,7 +1,7 @@
 "use strict";
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[451],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[295],{
 
-/***/ 4451:
+/***/ 58295:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -13,16 +13,16 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
-var prop_types = __webpack_require__(3827);
+var prop_types = __webpack_require__(11374);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
-var react = __webpack_require__(43001);
+var react = __webpack_require__(41766);
 // EXTERNAL MODULE: ../../../node_modules/react-i18next/dist/es/index.js + 15 modules
-var es = __webpack_require__(69190);
-// EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
-var src = __webpack_require__(71771);
-// EXTERNAL MODULE: ../../ui/src/index.js + 485 modules
-var ui_src = __webpack_require__(71783);
+var es = __webpack_require__(80619);
+// EXTERNAL MODULE: ../../core/src/index.ts + 66 modules
+var src = __webpack_require__(14283);
+// EXTERNAL MODULE: ../../ui/src/index.js + 487 modules
+var ui_src = __webpack_require__(55395);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-seg/src/utils/initSEGToolGroup.ts
 function createSEGToolGroupAndAddTools(ToolGroupService, customizationService, toolGroupId) {
   const {
@@ -38,14 +38,13 @@ const RESPONSE = {
   CANCEL: 0,
   HYDRATE_SEG: 5
 };
-function promptHydrateSEG(_ref) {
-  let {
-    servicesManager,
-    segDisplaySet,
-    viewportId,
-    preHydrateCallbacks,
-    hydrateSEGDisplaySet
-  } = _ref;
+function promptHydrateSEG({
+  servicesManager,
+  segDisplaySet,
+  viewportId,
+  preHydrateCallbacks,
+  hydrateSEGDisplaySet
+}) {
   const {
     uiViewportDialogService
   } = servicesManager.services;
@@ -67,11 +66,11 @@ function _askHydrate(uiViewportDialogService, viewportId) {
   return new Promise(function (resolve, reject) {
     const message = 'Do you want to open this Segmentation?';
     const actions = [{
-      type: ui_src/* ButtonEnums.type */.LZ.dt.secondary,
+      type: ui_src/* ButtonEnums.type */.Ny.NW.secondary,
       text: 'No',
       value: RESPONSE.CANCEL
     }, {
-      type: ui_src/* ButtonEnums.type */.LZ.dt.primary,
+      type: ui_src/* ButtonEnums.type */.Ny.NW.primary,
       text: 'Yes',
       value: RESPONSE.HYDRATE_SEG
     }];
@@ -97,26 +96,25 @@ function _askHydrate(uiViewportDialogService, viewportId) {
 
 
 
-function _getStatusComponent(_ref) {
-  let {
-    isHydrated,
-    onStatusClick
-  } = _ref;
+function _getStatusComponent({
+  isHydrated,
+  onStatusClick
+}) {
   let ToolTipMessage = null;
   let StatusIcon = null;
   const {
     t
-  } = (0,es/* useTranslation */.$G)('Common');
+  } = (0,es/* useTranslation */.Bd)('Common');
   const loadStr = t('LOAD');
   switch (isHydrated) {
     case true:
-      StatusIcon = () => /*#__PURE__*/react.createElement(ui_src/* Icon */.JO, {
+      StatusIcon = () => /*#__PURE__*/react.createElement(ui_src/* Icon */.In, {
         name: "status-alert"
       });
       ToolTipMessage = () => /*#__PURE__*/react.createElement("div", null, "This Segmentation is loaded in the segmentation panel");
       break;
     case false:
-      StatusIcon = () => /*#__PURE__*/react.createElement(ui_src/* Icon */.JO, {
+      StatusIcon = () => /*#__PURE__*/react.createElement(ui_src/* Icon */.In, {
         className: "text-aqua-pale",
         name: "status-untracked"
       });
@@ -134,7 +132,7 @@ function _getStatusComponent(_ref) {
     ,
     onMouseUp: onStatusClick
   }, loadStr));
-  return /*#__PURE__*/react.createElement(react.Fragment, null, ToolTipMessage && /*#__PURE__*/react.createElement(ui_src/* Tooltip */.u, {
+  return /*#__PURE__*/react.createElement(react.Fragment, null, ToolTipMessage && /*#__PURE__*/react.createElement(ui_src/* Tooltip */.m_, {
     content: /*#__PURE__*/react.createElement(ToolTipMessage, null),
     position: "bottom-left"
   }, /*#__PURE__*/react.createElement(StatusArea, null)), !ToolTipMessage && /*#__PURE__*/react.createElement(StatusArea, null));
@@ -165,7 +163,7 @@ function OHIFCornerstoneSEGViewport(props) {
   } = props;
   const {
     t
-  } = (0,es/* useTranslation */.$G)('SEGViewport');
+  } = (0,es/* useTranslation */.Bd)('SEGViewport');
   const viewportId = viewportOptions.viewportId;
   const {
     displaySetService,
@@ -181,7 +179,7 @@ function OHIFCornerstoneSEGViewport(props) {
     throw new Error('SEG viewport should only have a single display set');
   }
   const segDisplaySet = displaySets[0];
-  const [viewportGrid, viewportGridService] = (0,ui_src/* useViewportGrid */.O_)();
+  const [viewportGrid, viewportGridService] = (0,ui_src/* useViewportGrid */.ih)();
 
   // States
   const [selectedSegment, setSelectedSegment] = (0,react.useState)(1);
@@ -224,10 +222,9 @@ function OHIFCornerstoneSEGViewport(props) {
     setElement(null);
   };
   const storePresentationState = (0,react.useCallback)(() => {
-    viewportGrid?.viewports.forEach(_ref => {
-      let {
-        viewportId
-      } = _ref;
+    viewportGrid?.viewports.forEach(({
+      viewportId
+    }) => {
       commandsManager.runCommand('storePresentation', {
         viewportId
       });
@@ -252,7 +249,6 @@ function OHIFCornerstoneSEGViewport(props) {
       },
       onElementEnabled: onElementEnabled,
       onElementDisabled: onElementDisabled
-      // initialImageIndex={initialImageIndex}
     }));
   }, [viewportId, segDisplaySet, toolGroupId]);
   const onSegmentChange = (0,react.useCallback)(direction => {
@@ -298,13 +294,6 @@ function OHIFCornerstoneSEGViewport(props) {
       if (evt.segDisplaySet.displaySetInstanceUID === segDisplaySet.displaySetInstanceUID) {
         setSegIsLoading(false);
       }
-      if (evt.overlappingSegments) {
-        uiNotificationService.show({
-          title: 'Overlapping Segments',
-          message: 'Overlapping segments detected which is not currently supported',
-          type: 'warning'
-        });
-      }
     });
     return () => {
       unsubscribe();
@@ -313,11 +302,10 @@ function OHIFCornerstoneSEGViewport(props) {
   (0,react.useEffect)(() => {
     const {
       unsubscribe
-    } = segmentationService.subscribe(segmentationService.EVENTS.SEGMENT_LOADING_COMPLETE, _ref2 => {
-      let {
-        percentComplete,
-        numSegments
-      } = _ref2;
+    } = segmentationService.subscribe(segmentationService.EVENTS.SEGMENT_LOADING_COMPLETE, ({
+      percentComplete,
+      numSegments
+    }) => {
       setProcessingProgress({
         percentComplete,
         totalSegments: numSegments
@@ -332,10 +320,9 @@ function OHIFCornerstoneSEGViewport(props) {
    Cleanup the SEG viewport when the viewport is destroyed
    */
   (0,react.useEffect)(() => {
-    const onDisplaySetsRemovedSubscription = displaySetService.subscribe(displaySetService.EVENTS.DISPLAY_SETS_REMOVED, _ref3 => {
-      let {
-        displaySetInstanceUIDs
-      } = _ref3;
+    const onDisplaySetsRemovedSubscription = displaySetService.subscribe(displaySetService.EVENTS.DISPLAY_SETS_REMOVED, ({
+      displaySetInstanceUIDs
+    }) => {
       const activeViewport = viewports.get(activeViewportId);
       if (displaySetInstanceUIDs.includes(activeViewport.displaySetInstanceUID)) {
         viewportGridService.setDisplaySetsForViewport({
@@ -398,11 +385,10 @@ function OHIFCornerstoneSEGViewport(props) {
     SeriesDescription,
     SpacingBetweenSlices
   } = referencedDisplaySetRef.current.metadata;
-  const hydrateSEGDisplaySet = _ref4 => {
-    let {
-      segDisplaySet,
-      viewportId
-    } = _ref4;
+  const hydrateSEGDisplaySet = ({
+    segDisplaySet,
+    viewportId
+  }) => {
     commandsManager.runCommand('loadSegmentationDisplaySetsForViewport', {
       displaySets: [segDisplaySet],
       viewportId
@@ -422,7 +408,7 @@ function OHIFCornerstoneSEGViewport(props) {
     });
     setIsHydrated(isHydrated);
   };
-  return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(ui_src/* ViewportActionBar */.uY, {
+  return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(ui_src/* ViewportActionBar */.cS, {
     onDoubleClick: evt => {
       evt.stopPropagation();
       evt.preventDefault();
@@ -440,7 +426,7 @@ function OHIFCornerstoneSEGViewport(props) {
       studyDate: formatDate(StudyDate),
       seriesDescription: `SEG Viewport ${SeriesDescription}`,
       patientInformation: {
-        patientName: PatientName ? src["default"].utils.formatPN(PatientName.Alphabetic) : '',
+        patientName: PatientName ? src/* default.utils */.Ay.utils.formatPN(PatientName.Alphabetic) : '',
         patientSex: PatientSex || '',
         patientAge: PatientAge || '',
         MRN: PatientID || '',
@@ -452,7 +438,7 @@ function OHIFCornerstoneSEGViewport(props) {
     }
   }), /*#__PURE__*/react.createElement("div", {
     className: "relative flex h-full w-full flex-row overflow-hidden"
-  }, segIsLoading && /*#__PURE__*/react.createElement(ui_src/* LoadingIndicatorTotalPercent */.bk, {
+  }, segIsLoading && /*#__PURE__*/react.createElement(ui_src/* LoadingIndicatorTotalPercent */.pT, {
     className: "h-full w-full",
     totalNumbers: processingProgress.totalSegments,
     percentComplete: processingProgress.percentComplete,

package/dist/{125.bundle.253395f320b72180da63.js → 297.bundle.81d63bb0b66d63df6d86.js}

@@ -1,22 +1,21 @@
 "use strict";
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[125],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[297],{
 
-/***/ 39125:
+/***/ 46297:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(43001);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3827);
+/* 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__);
 
 
-function OHIFCornerstonePdfViewport(_ref) {
-  let {
-    displaySets
-  } = _ref;
+function OHIFCornerstonePdfViewport({
+  displaySets
+}) {
   const [url, setUrl] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
   if (displaySets && displaySets.length > 1) {
     throw new Error('OHIFCornerstonePdfViewport: only one display set is supported for dicom pdf right now');

package/dist/{613.bundle.a0eee4dc2d2764c2f7cd.js → 317.bundle.d51f1681f4bdc829be5b.js}

@@ -1,7 +1,7 @@
 "use strict";
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[613],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[317],{
 
-/***/ 32613:
+/***/ 55317:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -12,16 +12,16 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ segmentation_src)
 });
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
-var src = __webpack_require__(71771);
+// EXTERNAL MODULE: ../../core/src/index.ts + 66 modules
+var src = __webpack_require__(14283);
 ;// CONCATENATED MODULE: ../../../modes/segmentation/package.json
-const package_namespaceObject = JSON.parse('{"u2":"@ohif/mode-segmentation"}');
+const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/mode-segmentation"}');
 ;// CONCATENATED MODULE: ../../../modes/segmentation/src/id.js
 
-const id = package_namespaceObject.u2;
+const id = package_namespaceObject.UU;
 
-// EXTERNAL MODULE: ../../ui/src/index.js + 485 modules
-var ui_src = __webpack_require__(71783);
+// EXTERNAL MODULE: ../../ui/src/index.js + 487 modules
+var ui_src = __webpack_require__(55395);
 ;// CONCATENATED MODULE: ../../../modes/segmentation/src/toolbarButtons.ts
 
 
@@ -123,7 +123,7 @@ const toolbarButtons = [
     },
     isAction: true,
     // ?
-    renderer: ui_src/* WindowLevelMenuItem */.eJ,
+    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')]
   }
 },
@@ -220,8 +220,8 @@ const toolbarButtons = [
       commandName: 'flipViewportHorizontal',
       commandOptions: {},
       context: 'CORNERSTONE'
-    }], 'Flip Horizontal'), _createToggleButton('StackImageSync', 'link', 'Stack Image Sync', [{
-      commandName: 'toggleStackImageSync',
+    }], 'Flip Horizontal'), _createToggleButton('ImageSliceSync', 'link', 'Stack Image Sync', [{
+      commandName: 'toggleImageSliceSync',
       commandOptions: {},
       context: 'CORNERSTONE'
     }]), _createToggleButton('ReferenceLines', 'tool-referenceLines',
@@ -258,22 +258,6 @@ const toolbarButtons = [
 }];
 /* harmony default export */ const src_toolbarButtons = (toolbarButtons);
 ;// CONCATENATED MODULE: ../../../modes/segmentation/src/initToolGroups.ts
-const brushInstanceNames = {
-  CircularBrush: 'CircularBrush',
-  CircularEraser: 'CircularEraser',
-  SphereBrush: 'SphereBrush',
-  SphereEraser: 'SphereEraser',
-  ThresholdCircularBrush: 'ThresholdCircularBrush',
-  ThresholdSphereBrush: 'ThresholdSphereBrush'
-};
-const brushStrategies = {
-  CircularBrush: 'FILL_INSIDE_CIRCLE',
-  CircularEraser: 'ERASE_INSIDE_CIRCLE',
-  SphereBrush: 'FILL_INSIDE_SPHERE',
-  SphereEraser: 'ERASE_INSIDE_SPHERE',
-  ThresholdCircularBrush: 'THRESHOLD_INSIDE_CIRCLE',
-  ThresholdSphereBrush: 'THRESHOLD_INSIDE_SPHERE'
-};
 function createTools(utilityModule) {
   const {
     toolNames,
@@ -299,13 +283,53 @@ function createTools(utilityModule) {
       toolName: toolNames.StackScrollMouseWheel,
       bindings: []
     }],
-    passive: Object.keys(brushInstanceNames).map(brushName => ({
-      toolName: brushName,
+    passive: [{
+      toolName: 'CircularBrush',
+      parentTool: 'Brush',
+      configuration: {
+        activeStrategy: 'FILL_INSIDE_CIRCLE'
+      }
+    }, {
+      toolName: 'CircularEraser',
       parentTool: 'Brush',
       configuration: {
-        activeStrategy: brushStrategies[brushName]
+        activeStrategy: 'ERASE_INSIDE_CIRCLE'
       }
-    })).concat([{
+    }, {
+      toolName: 'SphereBrush',
+      parentTool: 'Brush',
+      configuration: {
+        activeStrategy: 'FILL_INSIDE_SPHERE'
+      }
+    }, {
+      toolName: 'SphereEraser',
+      parentTool: 'Brush',
+      configuration: {
+        activeStrategy: 'ERASE_INSIDE_SPHERE'
+      }
+    }, {
+      toolName: 'ThresholdCircularBrush',
+      parentTool: 'Brush',
+      configuration: {
+        activeStrategy: 'THRESHOLD_INSIDE_CIRCLE',
+        strategySpecificConfiguration: {
+          THRESHOLD: {
+            threshold: [-500, 500]
+          }
+        }
+      }
+    }, {
+      toolName: 'ThresholdSphereBrush',
+      parentTool: 'Brush',
+      configuration: {
+        activeStrategy: 'THRESHOLD_INSIDE_SPHERE',
+        strategySpecificConfiguration: {
+          THRESHOLD: {
+            threshold: [-500, 500]
+          }
+        }
+      }
+    }, {
       toolName: toolNames.CircleScissors
     }, {
       toolName: toolNames.RectangleScissors
@@ -317,7 +341,7 @@ function createTools(utilityModule) {
       toolName: toolNames.Magnify
     }, {
       toolName: toolNames.SegmentationDisplay
-    }]),
+    }],
     disabled: [{
       toolName: toolNames.ReferenceLines
     }]
@@ -381,10 +405,9 @@ const extensionDependencies = {
   '@ohif/extension-cornerstone': '^3.0.0',
   '@ohif/extension-cornerstone-dicom-seg': '^3.0.0'
 };
-function modeFactory(_ref) {
-  let {
-    modeConfiguration
-  } = _ref;
+function modeFactory({
+  modeConfiguration
+}) {
   return {
     /**
      * Mode ID, which should be unique among modes used by the viewer. This ID
@@ -401,12 +424,11 @@ function modeFactory(_ref) {
      * Runs when the Mode Route is mounted to the DOM. Usually used to initialize
      * Services and other resources.
      */
-    onModeEnter: _ref2 => {
-      let {
-        servicesManager,
-        extensionManager,
-        commandsManager
-      } = _ref2;
+    onModeEnter: ({
+      servicesManager,
+      extensionManager,
+      commandsManager
+    }) => {
       const {
         measurementService,
         toolbarService,
@@ -444,10 +466,9 @@ function modeFactory(_ref) {
       toolbarService.addButtons(src_toolbarButtons);
       toolbarService.createButtonSection('primary', ['Zoom', 'WindowLevel', 'Pan', 'Capture', 'Layout', 'MPR', 'Crosshairs', 'MoreTools']);
     },
-    onModeExit: _ref3 => {
-      let {
-        servicesManager
-      } = _ref3;
+    onModeExit: ({
+      servicesManager
+    }) => {
       const {
         toolGroupService,
         syncGroupService,
@@ -467,12 +488,18 @@ function modeFactory(_ref) {
     },
     /**
      * A boolean return value that indicates whether the mode is valid for the
-     * modalities of the selected studies. For instance a PET/CT mode should be
+     * modalities of the selected studies. Currently we don't have stack viewport
+     * segmentations and we should exclude them
      */
-    isValidMode: _ref4 => {
-      let {
-        modalities
-      } = _ref4;
+    isValidMode: ({
+      modalities
+    }) => {
+      // Don't show the mode if the selected studies have only one modality
+      // that is not supported by the mode
+      const modalitiesArray = modalities.split('\\');
+      if (modalitiesArray.length === 1) {
+        return !['SM', 'US', 'MG', 'OT', 'DOC', 'CR'].includes(modalitiesArray[0]);
+      }
       return true;
     },
     /**
@@ -489,11 +516,10 @@ function modeFactory(_ref) {
      */
     routes: [{
       path: 'template',
-      layoutTemplate: _ref5 => {
-        let {
-          location,
-          servicesManager
-        } = _ref5;
+      layoutTemplate: ({
+        location,
+        servicesManager
+      }) => {
         return {
           id: ohif.layout,
           props: {
@@ -517,7 +543,7 @@ function modeFactory(_ref) {
     /** SopClassHandlers used by the mode */
     sopClassHandlers: [ohif.sopClassHandler, segmentation.sopClassHandler],
     /** hotkeys for mode */
-    hotkeys: [...src/* hotkeys */.dD.defaults.hotkeyBindings]
+    hotkeys: [...src/* hotkeys */.ot.defaults.hotkeyBindings]
   };
 }
 const mode = {