@ohif/app 3.7.0-beta.10 → 3.7.0-beta.100

package/dist/{283.bundle.f547f85681d875f9e2e3.js → 782.bundle.8c17030f76b75035564c.js}

@@ -1,6 +1,6 @@
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[283],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[782],{
 
-/***/ 66135:
+/***/ 43851:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -116,7 +116,10 @@ const ptAXIAL = {
       type: 'voi',
       id: 'ptFusionWLSync',
       source: true,
-      target: false
+      target: false,
+      options: {
+        syncInvertState: false
+      }
     }]
   },
   displaySets: [{
@@ -150,7 +153,10 @@ const ptSAGITTAL = {
       type: 'voi',
       id: 'ptFusionWLSync',
       source: true,
-      target: false
+      target: false,
+      options: {
+        syncInvertState: false
+      }
     }]
   },
   displaySets: [{
@@ -184,7 +190,10 @@ const ptCORONAL = {
       type: 'voi',
       id: 'ptFusionWLSync',
       source: true,
-      target: false
+      target: false,
+      options: {
+        syncInvertState: false
+      }
     }]
   },
   displaySets: [{
@@ -227,25 +236,34 @@ const fusionAXIAL = {
       type: 'voi',
       id: 'ptFusionWLSync',
       source: false,
-      target: true
+      target: true,
+      options: {
+        syncInvertState: false
+      }
     }]
   },
   displaySets: [{
     id: 'ctDisplaySet'
   }, {
+    id: 'ptDisplaySet',
     options: {
       colormap: {
         name: 'hsv',
-        opacityMapping: [{
+        opacity: [{
+          value: 0,
+          opacity: 0
+        }, {
           value: 0.1,
           opacity: 0.9
+        }, {
+          value: 1,
+          opacity: 0.95
         }]
       },
       voi: {
         custom: 'getPTVOIRange'
       }
-    },
-    id: 'ptDisplaySet'
+    }
   }]
 };
 const fusionSAGITTAL = {
@@ -277,25 +295,34 @@ const fusionSAGITTAL = {
       type: 'voi',
       id: 'ptFusionWLSync',
       source: false,
-      target: true
+      target: true,
+      options: {
+        syncInvertState: false
+      }
     }]
   },
   displaySets: [{
     id: 'ctDisplaySet'
   }, {
+    id: 'ptDisplaySet',
     options: {
       colormap: {
         name: 'hsv',
-        opacityMapping: [{
+        opacity: [{
+          value: 0,
+          opacity: 0
+        }, {
           value: 0.1,
           opacity: 0.9
+        }, {
+          value: 1,
+          opacity: 0.95
         }]
       },
       voi: {
         custom: 'getPTVOIRange'
       }
-    },
-    id: 'ptDisplaySet'
+    }
   }]
 };
 const fusionCORONAL = {
@@ -327,25 +354,34 @@ const fusionCORONAL = {
       type: 'voi',
       id: 'ptFusionWLSync',
       source: false,
-      target: true
+      target: true,
+      options: {
+        syncInvertState: false
+      }
     }]
   },
   displaySets: [{
     id: 'ctDisplaySet'
   }, {
+    id: 'ptDisplaySet',
     options: {
       colormap: {
         name: 'hsv',
-        opacityMapping: [{
+        opacity: [{
+          value: 0,
+          opacity: 0
+        }, {
           value: 0.1,
           opacity: 0.9
+        }, {
+          value: 1,
+          opacity: 0.95
         }]
       },
       voi: {
         custom: 'getPTVOIRange'
       }
-    },
-    id: 'ptDisplaySet'
+    }
   }]
 };
 const mipSAGITTAL = {
@@ -364,7 +400,10 @@ const mipSAGITTAL = {
       type: 'voi',
       id: 'ptFusionWLSync',
       source: true,
-      target: false
+      target: false,
+      options: {
+        syncInvertState: false
+      }
     }],
     // Custom props can be used to set custom properties which extensions
     // can react on.
@@ -558,7 +597,6 @@ const stage4 = {
 const ptCT = {
   id: '@ohif/extension-tmtv.hangingProtocolModule.ptCT',
   locked: true,
-  hasUpdatedPriorsInformation: false,
   name: 'Default',
   createdDate: '2021-02-23T19:22:08.894Z',
   modifiedDate: '2022-10-04T19:22:08.894Z',
@@ -654,16 +692,16 @@ function getHangingProtocolModule() {
 }
 /* harmony default export */ const src_getHangingProtocolModule = (getHangingProtocolModule);
 // 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: ../../ui/src/index.js + 452 modules
-var src = __webpack_require__(28619);
-// EXTERNAL MODULE: ../../core/src/index.ts + 101 modules
-var core_src = __webpack_require__(48501);
+// EXTERNAL MODULE: ../../ui/src/index.js + 485 modules
+var src = __webpack_require__(71783);
+// EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
+var core_src = __webpack_require__(71771);
 // 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/tmtv/src/Panels/PanelPetSUV.tsx
 
 
@@ -807,11 +845,11 @@ function PanelPetSUV(_ref) {
     displaySetService.setDisplaySetMetadataInvalidated(ptDisplaySet.displaySetInstanceUID);
   }
   return /*#__PURE__*/react.createElement("div", {
-    className: "overflow-x-hidden overflow-y-auto invisible-scrollbar"
+    className: "invisible-scrollbar overflow-y-auto overflow-x-hidden"
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex flex-col"
   }, /*#__PURE__*/react.createElement("div", {
-    className: "flex flex-col p-4 space-y-4 bg-primary-dark"
+    className: "bg-primary-dark flex flex-col space-y-4 p-4"
   }, /*#__PURE__*/react.createElement(src/* Input */.II, {
     label: t('Patient Sex'),
     labelClassName: "text-white mb-2",
@@ -961,7 +999,7 @@ function segmentationItemEditHandler(_ref) {
         };
         return /*#__PURE__*/react.createElement(src/* Input */.II, {
           autoFocus: true,
-          className: "bg-black border-primary-main",
+          className: "border-primary-main bg-black",
           type: "text",
           containerClassName: "mr-2",
           value: value.label,
@@ -972,11 +1010,11 @@ function segmentationItemEditHandler(_ref) {
       actions: [{
         id: 'cancel',
         text: 'Cancel',
-        type: src/* ButtonEnums.type */.LZ.U.secondary
+        type: src/* ButtonEnums.type */.LZ.dt.secondary
       }, {
         id: 'save',
         text: 'Save',
-        type: src/* ButtonEnums.type */.LZ.U.primary
+        type: src/* ButtonEnums.type */.LZ.dt.primary
       }],
       onSubmit: onSubmitHandler
     }
@@ -998,8 +1036,8 @@ function ExportReports(_ref) {
     t
   } = (0,es/* useTranslation */.$G)('PanelSUVExport');
   return /*#__PURE__*/react.createElement(react.Fragment, null, segmentations?.length ? /*#__PURE__*/react.createElement("div", {
-    className: "flex justify-center mt-4 space-x-2"
-  }, /*#__PURE__*/react.createElement(src/* ButtonGroup */.hE, {
+    className: "mt-4 flex justify-center space-x-2"
+  }, /*#__PURE__*/react.createElement(src/* LegacyButtonGroup */.HO, {
     color: "black",
     size: "inherit"
   }, /*#__PURE__*/react.createElement(src/* LegacyButton */.mN, {
@@ -1012,7 +1050,7 @@ function ExportReports(_ref) {
         config
       });
     }
-  }, t('Export CSV'))), /*#__PURE__*/react.createElement(src/* ButtonGroup */.hE, {
+  }, t('Export CSV'))), /*#__PURE__*/react.createElement(src/* LegacyButtonGroup */.HO, {
     color: "black",
     size: "inherit"
   }, /*#__PURE__*/react.createElement(src/* LegacyButton */.mN, {
@@ -1049,15 +1087,15 @@ function ROIThresholdConfiguration(_ref) {
     t
   } = (0,es/* useTranslation */.$G)('ROIThresholdConfiguration');
   return /*#__PURE__*/react.createElement("div", {
-    className: "flex flex-col px-4 space-y-4 bg-primary-dark py-2"
+    className: "bg-primary-dark flex flex-col space-y-4 px-4 py-2"
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex items-end space-x-2"
   }, /*#__PURE__*/react.createElement("div", {
-    className: "flex flex-col w-1/2"
+    className: "flex w-1/2 flex-col"
   }, /*#__PURE__*/react.createElement(src/* Select */.Ph, {
     label: t('Strategy'),
     closeMenuOnSelect: true,
-    className: "mr-2 bg-black border-primary-main text-white ",
+    className: "border-primary-main mr-2 bg-black text-white ",
     options: options,
     placeholder: options.find(option => option.value === config.strategy).placeHolder,
     value: config.strategy,
@@ -1074,7 +1112,7 @@ function ROIThresholdConfiguration(_ref) {
     }
   })), /*#__PURE__*/react.createElement("div", {
     className: "w-1/2"
-  }, /*#__PURE__*/react.createElement(src/* ButtonGroup */.hE, null, /*#__PURE__*/react.createElement(src/* LegacyButton */.mN, {
+  }, /*#__PURE__*/react.createElement(src/* LegacyButtonGroup */.HO, null, /*#__PURE__*/react.createElement(src/* LegacyButton */.mN, {
     size: "initial",
     className: "px-2 py-2 text-base text-white",
     color: "primaryLight",
@@ -1089,7 +1127,7 @@ function ROIThresholdConfiguration(_ref) {
   }, t('End'))))), config.strategy === ROI_STAT && /*#__PURE__*/react.createElement(src/* Input */.II, {
     label: t('Percentage of Max SUV'),
     labelClassName: "text-white",
-    className: "mt-2 bg-black border-primary-main",
+    className: "border-primary-main mt-2 bg-black",
     type: "text",
     containerClassName: "mr-2",
     value: config.weight,
@@ -1102,7 +1140,7 @@ function ROIThresholdConfiguration(_ref) {
       });
     }
   }), config.strategy !== ROI_STAT && /*#__PURE__*/react.createElement("div", {
-    className: "text-sm mr-2"
+    className: "mr-2 text-sm"
   }, /*#__PURE__*/react.createElement("table", null, /*#__PURE__*/react.createElement("tbody", null, /*#__PURE__*/react.createElement("tr", {
     className: "mt-2"
   }, /*#__PURE__*/react.createElement("td", {
@@ -1114,7 +1152,7 @@ function ROIThresholdConfiguration(_ref) {
   }))), /*#__PURE__*/react.createElement("tr", {
     className: "mt-2"
   }, /*#__PURE__*/react.createElement("td", {
-    className: "text-center pr-4 pt-2"
+    className: "pr-4 pt-2 text-center"
   }, /*#__PURE__*/react.createElement(src/* Label */.__, {
     className: "text-white",
     text: "CT"
@@ -1123,7 +1161,7 @@ function ROIThresholdConfiguration(_ref) {
   }, /*#__PURE__*/react.createElement(src/* Input */.II, {
     label: t(''),
     labelClassName: "text-white",
-    className: "mt-2 bg-black border-primary-main",
+    className: "border-primary-main mt-2 bg-black",
     type: "text",
     containerClassName: "mr-2",
     value: config.ctLower,
@@ -1138,7 +1176,7 @@ function ROIThresholdConfiguration(_ref) {
   }), /*#__PURE__*/react.createElement(src/* Input */.II, {
     label: t(''),
     labelClassName: "text-white",
-    className: "mt-2 bg-black border-primary-main",
+    className: "border-primary-main mt-2 bg-black",
     type: "text",
     containerClassName: "mr-2",
     value: config.ctUpper,
@@ -1151,7 +1189,7 @@ function ROIThresholdConfiguration(_ref) {
       });
     }
   })))), /*#__PURE__*/react.createElement("tr", null, /*#__PURE__*/react.createElement("td", {
-    className: "text-center pr-4 pt-2"
+    className: "pr-4 pt-2 text-center"
   }, /*#__PURE__*/react.createElement(src/* Label */.__, {
     className: "text-white",
     text: "PT"
@@ -1160,7 +1198,7 @@ function ROIThresholdConfiguration(_ref) {
   }, /*#__PURE__*/react.createElement(src/* Input */.II, {
     label: t(''),
     labelClassName: "text-white",
-    className: "mt-2 bg-black border-primary-main",
+    className: "border-primary-main mt-2 bg-black",
     type: "text",
     containerClassName: "mr-2",
     value: config.ptLower,
@@ -1175,7 +1213,7 @@ function ROIThresholdConfiguration(_ref) {
   }), /*#__PURE__*/react.createElement(src/* Input */.II, {
     label: t(''),
     labelClassName: "text-white",
-    className: "mt-2 bg-black border-primary-main",
+    className: "border-primary-main mt-2 bg-black",
     type: "text",
     containerClassName: "mr-2",
     value: config.ptUpper,
@@ -1358,9 +1396,9 @@ function PanelRoiThresholdSegmentation(_ref) {
   return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
     className: "flex flex-col"
   }, /*#__PURE__*/react.createElement("div", {
-    className: "overflow-x-hidden overflow-y-auto invisible-scrollbar"
+    className: "invisible-scrollbar overflow-y-auto overflow-x-hidden"
   }, /*#__PURE__*/react.createElement("div", {
-    className: "flex mx-4 my-4 mb-4 space-x-4"
+    className: "mx-4 my-4 mb-4 flex space-x-4"
   }, /*#__PURE__*/react.createElement(src/* Button */.zx, {
     onClick: () => {
       setLabelmapLoading(true);
@@ -1374,7 +1412,7 @@ function PanelRoiThresholdSegmentation(_ref) {
   }, labelmapLoading ? 'loading ...' : 'New Label'), /*#__PURE__*/react.createElement(src/* Button */.zx, {
     onClick: handleROIThresholding
   }, "Run")), /*#__PURE__*/react.createElement("div", {
-    className: "flex items-center justify-around h-8 mb-2 border-t outline-none cursor-pointer select-none bg-secondary-dark first:border-0 border-secondary-light",
+    className: "bg-secondary-dark border-secondary-light mb-2 flex h-8 cursor-pointer select-none items-center justify-around border-t outline-none first:border-0",
     onClick: () => {
       setShowConfig(!showConfig);
     }
@@ -1414,9 +1452,9 @@ function PanelRoiThresholdSegmentation(_ref) {
       });
     }
   }) : null), tmtvValue !== null ? /*#__PURE__*/react.createElement("div", {
-    className: "flex items-baseline justify-between px-2 py-1 mt-4 bg-secondary-dark"
+    className: "bg-secondary-dark mt-4 flex items-baseline justify-between px-2 py-1"
   }, /*#__PURE__*/react.createElement("span", {
-    className: "text-base font-bold tracking-widest text-white uppercase"
+    className: "text-base font-bold uppercase tracking-widest text-white"
   }, 'TMTV:'), /*#__PURE__*/react.createElement("div", {
     className: "text-white"
   }, `${tmtvValue} mL`)) : null, /*#__PURE__*/react.createElement(PanelROIThresholdSegmentation_ExportReports, {
@@ -1425,7 +1463,7 @@ function PanelRoiThresholdSegmentation(_ref) {
     config: config,
     commandsManager: commandsManager
   }))), /*#__PURE__*/react.createElement("div", {
-    className: "opacity-50 hover:opacity-80 flex items-center justify-center text-blue-400 mt-auto cursor-pointer mb-4",
+    className: "mt-auto mb-4 flex cursor-pointer items-center justify-center text-blue-400 opacity-50 hover:opacity-80",
     onClick: () => {
       // navigate to a url in a new tab
       window.open('https://github.com/OHIF/Viewers/blob/master/modes/tmtv/README.md', '_blank');
@@ -1504,10 +1542,10 @@ function getPanelModule(_ref) {
   }];
 }
 /* harmony default export */ const src_getPanelModule = (getPanelModule);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js + 321 modules
-var esm = __webpack_require__(57270);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 335 modules
-var dist_esm = __webpack_require__(77331);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js + 348 modules
+var esm = __webpack_require__(14957);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 331 modules
+var dist_esm = __webpack_require__(3743);
 ;// CONCATENATED MODULE: ../../../extensions/tmtv/src/utils/measurementServiceMappings/constants/supportedTools.js
 /* harmony default export */ const supportedTools = (['RectangleROIStartEndThreshold']);
 ;// CONCATENATED MODULE: ../../../extensions/tmtv/src/utils/measurementServiceMappings/utils/getSOPInstanceAttributes.js
@@ -1681,7 +1719,7 @@ function init(_ref) {
   colormaps.forEach(registerColormap);
 }
 // EXTERNAL MODULE: ../../../node_modules/gl-matrix/esm/index.js + 10 modules
-var gl_matrix_esm = __webpack_require__(88256);
+var gl_matrix_esm = __webpack_require__(45451);
 ;// CONCATENATED MODULE: ../../../extensions/tmtv/src/utils/getThresholdValue.ts
 
 function getRoiStats(referencedVolume, annotations) {
@@ -2015,7 +2053,7 @@ AnnotationToPointData.TOOL_NAMES = {};
 AnnotationToPointData.register(measurements_RectangleROIStartEndThreshold);
 /* harmony default export */ const measurements_AnnotationToPointData = (AnnotationToPointData);
 // EXTERNAL MODULE: ../../../node_modules/dcmjs/build/dcmjs.es.js
-var dcmjs_es = __webpack_require__(22737);
+var dcmjs_es = __webpack_require__(67540);
 ;// CONCATENATED MODULE: ../../../extensions/tmtv/src/utils/dicomRTAnnotationExport/RTStructureSet/RTSSReport.js
 
 
@@ -2284,11 +2322,11 @@ const commandsModule = _ref => {
   } = utilityModule.exports;
   function _getActiveViewportsEnabledElement() {
     const {
-      activeViewportIndex
+      activeViewportId
     } = viewportGridService.getState();
     const {
       element
-    } = getEnabledElement(activeViewportIndex) || {};
+    } = getEnabledElement(activeViewportId) || {};
     const enabledElement = dist_esm.getEnabledElement(element);
     return enabledElement;
   }
@@ -2297,10 +2335,10 @@ const commandsModule = _ref => {
       viewportMatchDetails
     } = hangingProtocolService.getMatchDetails();
     const toolGroupIds = [];
-    viewportMatchDetails.forEach((value, key) => {
+    viewportMatchDetails.forEach(viewport => {
       const {
         viewportOptions
-      } = value;
+      } = viewport;
       const {
         toolGroupId
       } = viewportOptions;
@@ -2321,7 +2359,7 @@ const commandsModule = _ref => {
       // corrected PT vs the non-attenuation correct PT)
 
       let ptDisplaySet = null;
-      for (const [viewportIndex, viewportDetails] of viewportMatchDetails) {
+      for (const [viewportId, viewportDetails] of viewportMatchDetails) {
         const {
           displaySetsInfo
         } = viewportDetails;
@@ -2771,12 +2809,24 @@ const commandsModule = _ref => {
       const fusionViewportIds = toolGroup.getViewportIds();
       let viewports = [];
       fusionViewportIds.forEach(viewportId => {
-        const viewportInfo = cornerstoneViewportService.getViewportInfo(viewportId);
-        const viewportIndex = viewportInfo.getViewportIndex();
         commandsManager.runCommand('setViewportColormap', {
-          viewportIndex,
+          viewportId,
           displaySetInstanceUID: ptDisplaySet.displaySetInstanceUID,
-          colormap
+          colormap: {
+            name: colormap,
+            // TODO: This opacity mapping matches that in hpViewports, but
+            // ideally making this editable in a side panel would be useful
+            opacity: [{
+              value: 0,
+              opacity: 0
+            }, {
+              value: 0.1,
+              opacity: 0.9
+            }, {
+              value: 1,
+              opacity: 0.95
+            }]
+          }
         });
         viewports.push(cornerstoneViewportService.getCornerstoneViewport(viewportId));
       });

package/dist/{642.bundle.2d1065b66fd7f8531dd2.js → 814.bundle.cc0ed4fc75cb16e34f02.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[642],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[814],{
 
-/***/ 73642:
+/***/ 92814:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -13,7 +13,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
-var react = __webpack_require__(32735);
+var react = __webpack_require__(43001);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-pdf/package.json
 const package_namespaceObject = JSON.parse('{"u2":"@ohif/extension-dicom-pdf"}');
 ;// CONCATENATED MODULE: ../../../extensions/dicom-pdf/src/id.js
@@ -21,8 +21,8 @@ const package_namespaceObject = JSON.parse('{"u2":"@ohif/extension-dicom-pdf"}')
 const id = package_namespaceObject.u2;
 const SOPClassHandlerId = `${id}.sopClassHandlerModule.dicom-pdf`;
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 101 modules
-var src = __webpack_require__(48501);
+// EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
+var src = __webpack_require__(71771);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-pdf/src/getSopClassHandlerModule.js
 
 
@@ -110,7 +110,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 const Component = /*#__PURE__*/react.lazy(() => {
-  return __webpack_require__.e(/* import() */ 295).then(__webpack_require__.bind(__webpack_require__, 56295));
+  return __webpack_require__.e(/* import() */ 125).then(__webpack_require__.bind(__webpack_require__, 39125));
 });
 const OHIFCornerstonePdfViewport = props => {
   return /*#__PURE__*/react.createElement(react.Suspense, {