@ohif/app 3.7.0-beta.61 → 3.7.0-beta.63

package/dist/{12.bundle.c54b94d07d31f5716eb1.js → 12.bundle.c80ff2e8651297d7aec8.js}

@@ -21,8 +21,8 @@ const package_namespaceObject = JSON.parse('{"u2":"@ohif/extension-dicom-video"}
 const id = package_namespaceObject.u2;
 const SOPClassHandlerId = `${id}.sopClassHandlerModule.dicom-video`;
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 106 modules
-var src = __webpack_require__(38930);
+// EXTERNAL MODULE: ../../core/src/index.ts + 107 modules
+var src = __webpack_require__(3854);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-video/src/getSopClassHandlerModule.js
 
 

package/dist/{125.bundle.1ae4c6313c31cd0502cc.js → 125.bundle.aeaad798561853bf6939.js}

@@ -31,11 +31,11 @@ function OHIFCornerstonePdfViewport(_ref) {
     load();
   }, [pdfUrl]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
-    className: "bg-primary-black w-full h-full text-white"
+    className: "bg-primary-black h-full w-full text-white"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("object", {
     data: url,
     type: "application/pdf",
-    className: "w-full h-full"
+    className: "h-full w-full"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null, "No online PDF viewer installed")));
 }
 OHIFCornerstonePdfViewport.propTypes = {

package/dist/{128.bundle.b0a7aa9ae66c094c40b5.js → 128.bundle.8d7db97e0d90ba8be751.js}

@@ -12,10 +12,10 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ basic_test_mode_src)
 });
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 106 modules
-var src = __webpack_require__(38930);
+// EXTERNAL MODULE: ../../core/src/index.ts + 107 modules
+var src = __webpack_require__(3854);
 // EXTERNAL MODULE: ../../ui/src/index.js + 458 modules
-var ui_src = __webpack_require__(33570);
+var ui_src = __webpack_require__(88344);
 ;// CONCATENATED MODULE: ../../../modes/basic-test-mode/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

package/dist/{150.bundle.2075342642eddc35e924.js → 150.bundle.0ed8ccb7f15a603151b6.js}

@@ -23,8 +23,8 @@ const SOPClassHandlerId = `${id}.sopClassHandlerModule.${SOPClassHandlerName}`;
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(43001);
-// EXTERNAL MODULE: ../../core/src/index.ts + 106 modules
-var src = __webpack_require__(38930);
+// EXTERNAL MODULE: ../../core/src/index.ts + 107 modules
+var src = __webpack_require__(3854);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 337 modules
 var esm = __webpack_require__(45754);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/adapters/dist/adapters.es.js
@@ -231,7 +231,7 @@ function getSopClassHandlerModule(_ref3) {
 var prop_types = __webpack_require__(3827);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 // EXTERNAL MODULE: ../../ui/src/index.js + 458 modules
-var ui_src = __webpack_require__(33570);
+var ui_src = __webpack_require__(88344);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-seg/src/panels/callInputDialog.tsx
 
 
@@ -289,7 +289,7 @@ function callInputDialog(uiDialogService, label, callback) {
             label: "Enter the segment label",
             labelClassName: "text-white text-[14px] leading-[1.2]",
             autoFocus: true,
-            className: "bg-black border-primary-main",
+            className: "border-primary-main bg-black",
             type: "text",
             value: value.label,
             onChange: event => {
@@ -467,7 +467,7 @@ function PanelSegmentation(_ref) {
     });
   }, [segmentationService]);
   return /*#__PURE__*/react.createElement("div", {
-    className: "flex flex-col flex-auto min-h-0 justify-between mt-1"
+    className: "mt-1 flex min-h-0 flex-auto flex-col justify-between"
   }, segmentations?.length ? /*#__PURE__*/react.createElement(ui_src/* SegmentationGroupTable */.cX, {
     title: t('Segmentations'),
     showAddSegmentation: false,
@@ -501,7 +501,6 @@ PanelSegmentation.propTypes = {
   commandsManager: prop_types_default().shape({
     runCommand: (prop_types_default()).func.isRequired
   }),
-  appConfig: (prop_types_default()).object.isRequired,
   servicesManager: prop_types_default().shape({
     services: prop_types_default().shape({
       segmentationService: prop_types_default().shape({
@@ -674,7 +673,7 @@ const extension = {
 async function _hydrateSEGDisplaySet(_ref) {
   let {
     segDisplaySet,
-    viewportIndex,
+    viewportId: targetViewportId,
     servicesManager
   } = _ref;
   const {
@@ -692,7 +691,7 @@ async function _hydrateSEGDisplaySet(_ref) {
   const {
     viewports
   } = viewportGridService.getState();
-  const updatedViewports = hangingProtocolService.getViewportsRequireUpdate(viewportIndex, displaySetInstanceUID);
+  const updatedViewports = hangingProtocolService.getViewportsRequireUpdate(targetViewportId, displaySetInstanceUID);
 
   // Todo: fix this after we have a better way for stack viewport segmentations
 
@@ -700,16 +699,23 @@ async function _hydrateSEGDisplaySet(_ref) {
   // 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) {
+  viewports.forEach((viewport, viewportId) => {
+    if (targetViewportId === viewportId) {
       return;
     }
     const shouldDisplaySeg = segmentationService.shouldRenderSegmentation(viewport.displaySetInstanceUIDs, segDisplaySet.displaySetInstanceUID);
     if (shouldDisplaySeg) {
       updatedViewports.push({
-        viewportIndex: index,
+        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'
           }