@ohif/app 3.7.0-beta.7 → 3.7.0-beta.71

package/dist/{581.bundle.dc6197189f7c88c27d4c.js → 471.bundle.b598d406ddfc2666851b.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[581],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[471],{
 
-/***/ 72581:
+/***/ 56471:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -13,68 +13,16 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
-var react = __webpack_require__(32735);
+var react = __webpack_require__(43001);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
-var prop_types = __webpack_require__(60216);
+var prop_types = __webpack_require__(3827);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
-// EXTERNAL MODULE: ../../core/src/index.ts + 101 modules
-var src = __webpack_require__(48501);
-// EXTERNAL MODULE: ../../ui/src/index.js + 452 modules
-var ui_src = __webpack_require__(28619);
-;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-rt/src/utils/_hydrateRT.ts
-async function _hydrateRTDisplaySet(_ref) {
-  let {
-    rtDisplaySet,
-    viewportIndex,
-    servicesManager
-  } = _ref;
-  const {
-    segmentationService,
-    hangingProtocolService,
-    viewportGridService
-  } = servicesManager.services;
-  const displaySetInstanceUID = rtDisplaySet.referencedDisplaySetInstanceUID;
-  let segmentationId = null;
-
-  // We need the hydration to notify panels about the new segmentation added
-  const suppressEvents = false;
-  segmentationId = await segmentationService.createSegmentationForRTDisplaySet(rtDisplaySet, segmentationId, suppressEvents);
-  segmentationService.hydrateSegmentation(rtDisplaySet.displaySetInstanceUID);
-  const {
-    viewports
-  } = viewportGridService.getState();
-  const updatedViewports = hangingProtocolService.getViewportsRequireUpdate(viewportIndex, displaySetInstanceUID);
-  viewportGridService.setDisplaySetsForViewports(updatedViewports);
-
-  // Todo: fix this after we have a better way for stack viewport segmentations
-
-  // check every viewport in the viewports to see if the displaySetInstanceUID
-  // is being displayed, if so we need to update the viewport to use volume viewport
-  // (if already is not using it) since Cornerstone3D currently only supports
-  // volume viewport for segmentation
-  viewports.forEach((viewport, index) => {
-    if (index === viewportIndex) {
-      return;
-    }
-    const shouldDisplaySeg = segmentationService.shouldRenderSegmentation(viewport.displaySetInstanceUIDs, rtDisplaySet.displaySetInstanceUID);
-    if (shouldDisplaySeg) {
-      updatedViewports.push({
-        viewportIndex: index,
-        displaySetInstanceUIDs: viewport.displaySetInstanceUIDs,
-        viewportOptions: {
-          initialImageOptions: {
-            preset: 'middle'
-          }
-        }
-      });
-    }
-  });
-
-  // Do the entire update at once
-  viewportGridService.setDisplaySetsForViewports(updatedViewports);
-  return true;
-}
-/* harmony default export */ const _hydrateRT = (_hydrateRTDisplaySet);
+// EXTERNAL MODULE: ../../core/src/index.ts + 75 modules
+var src = __webpack_require__(78695);
+// EXTERNAL MODULE: ../../ui/src/index.js + 458 modules
+var ui_src = __webpack_require__(88344);
+// EXTERNAL MODULE: ../../../extensions/cornerstone-dicom-rt/src/utils/_hydrateRT.ts
+var _hydrateRT = __webpack_require__(50995);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-rt/src/utils/promptHydrateRT.ts
 
 
@@ -87,18 +35,22 @@ function promptHydrateRT(_ref) {
   let {
     servicesManager,
     rtDisplaySet,
-    viewportIndex,
-    toolGroupId = 'default'
+    viewportId,
+    toolGroupId = 'default',
+    preHydrateCallbacks
   } = _ref;
   const {
     uiViewportDialogService
   } = servicesManager.services;
   return new Promise(async function (resolve, reject) {
-    const promptResult = await _askHydrate(uiViewportDialogService, viewportIndex);
+    const promptResult = await _askHydrate(uiViewportDialogService, viewportId);
     if (promptResult === RESPONSE.HYDRATE_SEG) {
-      const isHydrated = await _hydrateRT({
+      preHydrateCallbacks?.forEach(callback => {
+        callback();
+      });
+      const isHydrated = await (0,_hydrateRT/* default */.Z)({
         rtDisplaySet,
-        viewportIndex,
+        viewportId,
         toolGroupId,
         servicesManager
       });
@@ -106,7 +58,7 @@ function promptHydrateRT(_ref) {
     }
   });
 }
-function _askHydrate(uiViewportDialogService, viewportIndex) {
+function _askHydrate(uiViewportDialogService, viewportId) {
   return new Promise(function (resolve, reject) {
     const message = 'Do you want to open this Segmentation?';
     const actions = [{
@@ -123,7 +75,7 @@ function _askHydrate(uiViewportDialogService, viewportIndex) {
       resolve(result);
     };
     uiViewportDialogService.show({
-      viewportIndex,
+      viewportId,
       type: 'info',
       message,
       actions,
@@ -137,7 +89,7 @@ function _askHydrate(uiViewportDialogService, viewportIndex) {
 }
 /* harmony default export */ const utils_promptHydrateRT = (promptHydrateRT);
 // EXTERNAL MODULE: ../../../node_modules/react-i18next/dist/es/index.js + 15 modules
-var es = __webpack_require__(21572);
+var es = __webpack_require__(69190);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-rt/src/viewports/_getStatusComponent.tsx
 
 
@@ -162,18 +114,19 @@ function _getStatusComponent(_ref) {
       break;
     case false:
       StatusIcon = () => /*#__PURE__*/react.createElement(ui_src/* Icon */.JO, {
+        className: "text-aqua-pale",
         name: "status-untracked"
       });
       ToolTipMessage = () => /*#__PURE__*/react.createElement("div", null, "Click LOAD to load RTSTRUCT.");
   }
   const StatusArea = () => /*#__PURE__*/react.createElement("div", {
-    className: "flex h-6 leading-6 cursor-default text-sm text-white"
+    className: "flex h-6 cursor-default text-sm leading-6 text-white"
   }, /*#__PURE__*/react.createElement("div", {
-    className: "min-w-[45px] flex items-center p-1 rounded-l-xl rounded-r bg-customgray-100"
+    className: "bg-customgray-100 flex min-w-[45px] items-center rounded-l-xl rounded-r p-1"
   }, /*#__PURE__*/react.createElement(StatusIcon, null), /*#__PURE__*/react.createElement("span", {
     className: "ml-1"
   }, "RTSTRUCT")), !isHydrated && /*#__PURE__*/react.createElement("div", {
-    className: "ml-1 px-1.5 rounded cursor-pointer hover:text-black bg-primary-main hover:bg-primary-light"
+    className: "bg-primary-main hover:bg-primary-light ml-1 cursor-pointer rounded px-1.5 hover:text-black"
     // Using onMouseUp here because onClick is not working when the viewport is not active and is styled with pointer-events:none
     ,
     onMouseUp: onStatusClick
@@ -210,10 +163,10 @@ function OHIFCornerstoneRTViewport(props) {
     children,
     displaySets,
     viewportOptions,
-    viewportIndex,
     viewportLabel,
     servicesManager,
-    extensionManager
+    extensionManager,
+    commandsManager
   } = props;
   const {
     displaySetService,
@@ -222,7 +175,8 @@ function OHIFCornerstoneRTViewport(props) {
     uiNotificationService,
     customizationService
   } = servicesManager.services;
-  const toolGroupId = `${RT_TOOLGROUP_BASE_NAME}-${viewportIndex}`;
+  const viewportId = viewportOptions.viewportId;
+  const toolGroupId = `${RT_TOOLGROUP_BASE_NAME}-${viewportId}`;
 
   // RT viewport will always have a single display set
   if (displaySets.length > 1) {
@@ -252,7 +206,7 @@ function OHIFCornerstoneRTViewport(props) {
   const referencedDisplaySetRef = (0,react.useRef)(null);
   const {
     viewports,
-    activeViewportIndex
+    activeViewportId
   } = viewportGrid;
   const referencedDisplaySet = rtDisplaySet.getReferenceDisplaySet();
   const referencedDisplaySetMetadata = _getReferencedDisplaySetMetadata(referencedDisplaySet);
@@ -272,6 +226,16 @@ function OHIFCornerstoneRTViewport(props) {
   const onElementDisabled = () => {
     setElement(null);
   };
+  const storePresentationState = (0,react.useCallback)(() => {
+    viewportGrid?.viewports.forEach(_ref => {
+      let {
+        viewportId
+      } = _ref;
+      commandsManager.runCommand('storePresentation', {
+        viewportId
+      });
+    });
+  }, [viewportGrid]);
   const getCornerstoneViewport = (0,react.useCallback)(() => {
     const {
       component: Component
@@ -292,7 +256,7 @@ function OHIFCornerstoneRTViewport(props) {
       onElementEnabled: onElementEnabled,
       onElementDisabled: onElementDisabled
     }));
-  }, [viewportIndex, rtDisplaySet, toolGroupId]);
+  }, [viewportId, rtDisplaySet, toolGroupId]);
   const onSegmentChange = (0,react.useCallback)(direction => {
     direction = direction === 'left' ? -1 : 1;
     const segmentationId = rtDisplaySet.displaySetInstanceUID;
@@ -318,14 +282,15 @@ function OHIFCornerstoneRTViewport(props) {
     }
     utils_promptHydrateRT({
       servicesManager,
-      viewportIndex,
-      rtDisplaySet
+      viewportId,
+      rtDisplaySet,
+      preHydrateCallbacks: [storePresentationState]
     }).then(isHydrated => {
       if (isHydrated) {
         setIsHydrated(true);
       }
     });
-  }, [servicesManager, viewportIndex, rtDisplaySet, rtIsLoading]);
+  }, [servicesManager, viewportId, rtDisplaySet, rtIsLoading]);
   (0,react.useEffect)(() => {
     const {
       unsubscribe
@@ -348,11 +313,11 @@ function OHIFCornerstoneRTViewport(props) {
   (0,react.useEffect)(() => {
     const {
       unsubscribe
-    } = segmentationService.subscribe(segmentationService.EVENTS.SEGMENT_LOADING_COMPLETE, _ref => {
+    } = segmentationService.subscribe(segmentationService.EVENTS.SEGMENT_LOADING_COMPLETE, _ref2 => {
       let {
         percentComplete,
         numSegments
-      } = _ref;
+      } = _ref2;
       setProcessingProgress({
         percentComplete,
         totalSegments: numSegments
@@ -367,14 +332,14 @@ function OHIFCornerstoneRTViewport(props) {
    Cleanup the SEG viewport when the viewport is destroyed
    */
   (0,react.useEffect)(() => {
-    const onDisplaySetsRemovedSubscription = displaySetService.subscribe(displaySetService.EVENTS.DISPLAY_SETS_REMOVED, _ref2 => {
+    const onDisplaySetsRemovedSubscription = displaySetService.subscribe(displaySetService.EVENTS.DISPLAY_SETS_REMOVED, _ref3 => {
       let {
         displaySetInstanceUIDs
-      } = _ref2;
-      const activeViewport = viewports[activeViewportIndex];
+      } = _ref3;
+      const activeViewport = viewports.get(activeViewportId);
       if (displaySetInstanceUIDs.includes(activeViewport.displaySetInstanceUID)) {
         viewportGridService.setDisplaySetsForViewport({
-          viewportIndex: activeViewportIndex,
+          viewportId: activeViewportId,
           displaySetInstanceUIDs: []
         });
       }
@@ -413,7 +378,7 @@ function OHIFCornerstoneRTViewport(props) {
   if (children && children.length) {
     childrenWithProps = children.map((child, index) => {
       return child && /*#__PURE__*/react.cloneElement(child, {
-        viewportIndex,
+        viewportId,
         key: index
       });
     });
@@ -431,9 +396,16 @@ function OHIFCornerstoneRTViewport(props) {
     SeriesNumber
   } = referencedDisplaySetRef.current.metadata;
   const onStatusClick = async () => {
-    const isHydrated = await _hydrateRT({
+    // Before hydrating a RT and make it added to all viewports in the grid
+    // that share the same frameOfReferenceUID, we need to store the viewport grid
+    // presentation state, so that we can restore it after hydrating the RT. This is
+    // required if the user has changed the viewport (other viewport than RT viewport)
+    // presentation state (w/l and invert) and then opens the RT. If we don't store
+    // the presentation state, the viewport will be reset to the default presentation
+    storePresentationState();
+    const isHydrated = await (0,_hydrateRT/* default */.Z)({
       rtDisplaySet,
-      viewportIndex,
+      viewportId,
       servicesManager
     });
     setIsHydrated(isHydrated);
@@ -467,9 +439,9 @@ function OHIFCornerstoneRTViewport(props) {
       }
     }
   }), /*#__PURE__*/react.createElement("div", {
-    className: "relative flex flex-row w-full h-full overflow-hidden"
+    className: "relative flex h-full w-full flex-row overflow-hidden"
   }, rtIsLoading && /*#__PURE__*/react.createElement(ui_src/* LoadingIndicatorTotalPercent */.bk, {
-    className: "w-full h-full",
+    className: "h-full w-full",
     totalNumbers: processingProgress.totalSegments,
     percentComplete: processingProgress.percentComplete,
     loadingText: "Loading RTSTRUCT..."
@@ -477,7 +449,7 @@ function OHIFCornerstoneRTViewport(props) {
 }
 OHIFCornerstoneRTViewport.propTypes = {
   displaySets: prop_types_default().arrayOf((prop_types_default()).object),
-  viewportIndex: (prop_types_default()).number.isRequired,
+  viewportId: (prop_types_default()).string.isRequired,
   dataSource: (prop_types_default()).object,
   children: (prop_types_default()).node,
   customProps: (prop_types_default()).object

package/dist/{199.bundle.7cec631fcf4b8475abda.js → 506.bundle.869288177e788d808aaa.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[199],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[506],{
 
-/***/ 31199:
+/***/ 53506:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -9,7 +9,8 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* binding */ cornerstone_dicom_rt_src)
+  "default": () => (/* binding */ cornerstone_dicom_rt_src),
+  hydrateRTDisplaySet: () => (/* reexport */ _hydrateRT/* default */.Z)
 });
 
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-rt/package.json
@@ -21,11 +22,11 @@ const SOPClassHandlerName = 'dicom-rt';
 const SOPClassHandlerId = `${id}.sopClassHandlerModule.${SOPClassHandlerName}`;
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
-var react = __webpack_require__(32735);
-// EXTERNAL MODULE: ../../core/src/index.ts + 101 modules
-var src = __webpack_require__(48501);
+var react = __webpack_require__(43001);
+// EXTERNAL MODULE: ../../core/src/index.ts + 75 modules
+var src = __webpack_require__(78695);
 // EXTERNAL MODULE: ../../../node_modules/dcmjs/build/dcmjs.es.js
-var dcmjs_es = __webpack_require__(22737);
+var dcmjs_es = __webpack_require__(67540);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-rt/src/loadRTStruct.js
 
 const {
@@ -415,13 +416,16 @@ function getSopClassHandlerModule(_ref2) {
   }];
 }
 /* harmony default export */ const src_getSopClassHandlerModule = (getSopClassHandlerModule);
+// EXTERNAL MODULE: ../../../extensions/cornerstone-dicom-rt/src/utils/_hydrateRT.ts
+var _hydrateRT = __webpack_require__(50995);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-rt/src/index.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); }
 
 
 
+
 const Component = /*#__PURE__*/react.lazy(() => {
-  return __webpack_require__.e(/* import() */ 581).then(__webpack_require__.bind(__webpack_require__, 72581));
+  return __webpack_require__.e(/* import() */ 471).then(__webpack_require__.bind(__webpack_require__, 56471));
 });
 const OHIFCornerstoneRTViewport = props => {
   return /*#__PURE__*/react.createElement(react.Suspense, {
@@ -447,12 +451,14 @@ const extension = {
   getViewportModule(_ref) {
     let {
       servicesManager,
-      extensionManager
+      extensionManager,
+      commandsManager
     } = _ref;
     const ExtendedOHIFCornerstoneRTViewport = props => {
       return /*#__PURE__*/react.createElement(OHIFCornerstoneRTViewport, _extends({
         servicesManager: servicesManager,
-        extensionManager: extensionManager
+        extensionManager: extensionManager,
+        commandsManager: commandsManager
       }, props));
     };
     return [{
@@ -470,6 +476,76 @@ const extension = {
 };
 /* harmony default export */ const cornerstone_dicom_rt_src = (extension);
 
+
+/***/ }),
+
+/***/ 50995:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Z: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+async function _hydrateRTDisplaySet(_ref) {
+  let {
+    rtDisplaySet,
+    viewportId,
+    servicesManager
+  } = _ref;
+  const {
+    segmentationService,
+    hangingProtocolService,
+    viewportGridService
+  } = servicesManager.services;
+  const displaySetInstanceUID = rtDisplaySet.referencedDisplaySetInstanceUID;
+  let segmentationId = null;
+
+  // We need the hydration to notify panels about the new segmentation added
+  const suppressEvents = false;
+  segmentationId = await segmentationService.createSegmentationForRTDisplaySet(rtDisplaySet, segmentationId, suppressEvents);
+  segmentationService.hydrateSegmentation(rtDisplaySet.displaySetInstanceUID);
+  const {
+    viewports
+  } = viewportGridService.getState();
+  const updatedViewports = hangingProtocolService.getViewportsRequireUpdate(viewportId, displaySetInstanceUID);
+  viewportGridService.setDisplaySetsForViewports(updatedViewports);
+
+  // Todo: fix this after we have a better way for stack viewport segmentations
+
+  // check every viewport in the viewports to see if the displaySetInstanceUID
+  // is being displayed, if so we need to update the viewport to use volume viewport
+  // (if already is not using it) since Cornerstone3D currently only supports
+  // volume viewport for segmentation
+  viewports.forEach(viewport => {
+    if (viewport.viewportId === viewportId) {
+      return;
+    }
+    const shouldDisplaySeg = segmentationService.shouldRenderSegmentation(viewport.displaySetInstanceUIDs, rtDisplaySet.displaySetInstanceUID);
+    if (shouldDisplaySeg) {
+      updatedViewports.push({
+        viewportId: viewport.viewportId,
+        displaySetInstanceUIDs: viewport.displaySetInstanceUIDs,
+        viewportOptions: {
+          // Note: This is a hack to get the grid to re-render the OHIFCornerstoneViewport component
+          // Used for segmentation hydration right now, since the logic to decide whether
+          // a viewport needs to render a segmentation lives inside the CornerstoneViewportService
+          // so we need to re-render (force update via change of the needsRerendering) so that React
+          // does the diffing and decides we should render this again (although the id and element has not changed)
+          // so that the CornerstoneViewportService can decide whether to render the segmentation or not.
+          needsRerendering: true,
+          initialImageOptions: {
+            preset: 'middle'
+          }
+        }
+      });
+    }
+  });
+
+  // Do the entire update at once
+  viewportGridService.setDisplaySetsForViewports(updatedViewports);
+  return true;
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_hydrateRTDisplaySet);
+
 /***/ })
 
 }]);

package/dist/{935.bundle.deeffff0e4f7b528e3c3.js → 604.bundle.a51f83e64004bca5f497.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[935],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[604],{
 
-/***/ 75935:
+/***/ 97604:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -1841,7 +1841,6 @@ var utils = {
 };
 
 
-//# sourceMappingURL=dicomweb-client.es.js.map
 
 
 /***/ })