@ohif/app 3.10.0-beta.3 → 3.10.0-beta.30

package/dist/{1185.bundle.0c1f5d6b97eaa6c05402.js → 1185.bundle.16345544790b6436c0d9.js}

@@ -22,8 +22,8 @@ var prop_types = __webpack_require__(97598);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js
 var dist_esm = __webpack_require__(81985);
-// EXTERNAL MODULE: ../../ui/src/index.js + 690 modules
-var src = __webpack_require__(35647);
+// EXTERNAL MODULE: ../../ui/src/index.js + 691 modules
+var src = __webpack_require__(32907);
 // EXTERNAL MODULE: ../../../node_modules/moment/moment.js
 var moment = __webpack_require__(14867);
 var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
@@ -597,7 +597,7 @@ CustomizableViewportOverlay.propTypes = {
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(86326);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(97598);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _ohif_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(35647);
+/* harmony import */ var _ohif_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(32907);
 /* harmony import */ var _services_ViewportActionCornersService_ViewportActionCornersService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(77954);
 
 
@@ -931,8 +931,8 @@ __webpack_require__.r(types_namespaceObject);
 var react = __webpack_require__(86326);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js
 var esm = __webpack_require__(81985);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js + 82 modules
-var dist_esm = __webpack_require__(55139);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js + 85 modules
+var dist_esm = __webpack_require__(69489);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/enums.ts
 const CORNERSTONE_3D_TOOLS_SOURCE_NAME = 'Cornerstone3DTools';
 const CORNERSTONE_3D_TOOLS_SOURCE_VERSION = '0.1';
@@ -947,8 +947,8 @@ var src = __webpack_require__(29463);
 var loaders = __webpack_require__(19742);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/RequestType.js
 var RequestType = __webpack_require__(43213);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/dicom-image-loader/dist/esm/index.js + 76 modules
-var dicom_image_loader_dist_esm = __webpack_require__(35485);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/dicom-image-loader/dist/esm/index.js + 73 modules
+var dicom_image_loader_dist_esm = __webpack_require__(12420);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/initWADOImageLoader.js
 
 
@@ -983,8 +983,8 @@ function initWADOImageLoader(userAuthenticationService, appConfig, extensionMana
 function destroy() {
   console.debug('Destroying WADO Image Loader');
 }
-// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 114 modules
-var default_src = __webpack_require__(71520);
+// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 115 modules
+var default_src = __webpack_require__(28797);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/state.ts
 var state = __webpack_require__(71353);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/getActiveViewportEnabledElement.ts
@@ -4408,9 +4408,9 @@ const initMeasurementService = (measurementService, displaySetService, cornersto
   /* Mappings */
   measurementService.addMapping(csTools3DVer1MeasurementSource, 'Length', Length.matchingCriteria, Length.toAnnotation, Length.toMeasurement);
   measurementService.addMapping(csTools3DVer1MeasurementSource, 'Crosshairs', Length.matchingCriteria, () => {
-    console.warn('Crosshairs mapping not implemented.');
+    return null;
   }, () => {
-    console.warn('Crosshairs mapping not implemented.');
+    return null;
   });
   measurementService.addMapping(csTools3DVer1MeasurementSource, 'Bidirectional', Bidirectional.matchingCriteria, Bidirectional.toAnnotation, Bidirectional.toMeasurement);
   measurementService.addMapping(csTools3DVer1MeasurementSource, 'EllipticalROI', EllipticalROI.matchingCriteria, EllipticalROI.toAnnotation, EllipticalROI.toMeasurement);
@@ -5278,7 +5278,7 @@ function interleaveTopToBottom({
   const AllRequests = [];
   volumes.forEach(volume => {
     const requests = volume.getImageLoadRequests();
-    if (!requests.length || !requests[0] || !requests[0].imageId) {
+    if (!requests?.[0]?.imageId) {
       return;
     }
 
@@ -5652,6 +5652,8 @@ var useLutPresentationStore = __webpack_require__(10182);
 var usePositionPresentationStore = __webpack_require__(44646);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/stores/useSegmentationPresentationStore.ts + 1 modules
 var useSegmentationPresentationStore = __webpack_require__(2847);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/index.js + 43 modules
+var esm_utilities = __webpack_require__(25242);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/init.tsx
 
 
@@ -5674,6 +5676,7 @@ var useSegmentationPresentationStore = __webpack_require__(2847);
 
 
 
+
 
 
 const {
@@ -5755,9 +5758,18 @@ async function init({
   const metadataProvider = src/* default.classes */.Ay.classes.MetadataProvider;
   esm.volumeLoader.registerVolumeLoader('cornerstoneStreamingImageVolume', loaders/* cornerstoneStreamingImageVolumeLoader */.FC);
   esm.volumeLoader.registerVolumeLoader('cornerstoneStreamingDynamicImageVolume', loaders/* cornerstoneStreamingDynamicImageVolumeLoader */.Mr);
-  hangingProtocolService.registerImageLoadStrategy('interleaveCenter', interleaveCenterLoader);
-  hangingProtocolService.registerImageLoadStrategy('interleaveTopToBottom', interleaveTopToBottom);
-  hangingProtocolService.registerImageLoadStrategy('nth', interleaveNthLoader);
+
+  // Register strategies using the wrapper
+  const imageLoadStrategies = {
+    interleaveCenter: interleaveCenterLoader,
+    interleaveTopToBottom: interleaveTopToBottom,
+    nth: interleaveNthLoader
+  };
+  Object.entries(imageLoadStrategies).forEach(([name, strategyFn]) => {
+    hangingProtocolService.registerImageLoadStrategy(name, createMetadataWrappedStrategy(strategyFn));
+  });
+
+  // ... existing code ...
 
   // add metadata providers
   esm.metaData.addProvider(esm.utilities.calibratedPixelSpacingMetadataProvider.get.bind(esm.utilities.calibratedPixelSpacingMetadataProvider)); // this provider is required for Calibration tool
@@ -5920,6 +5932,27 @@ function initializeWebWorkerProgressHandler(uiNotificationService) {
     }
   });
 }
+
+/**
+ * Creates a wrapped image load strategy with metadata handling
+ * @param strategyFn - The image loading strategy function to wrap
+ * @returns A wrapped strategy function that handles metadata configuration
+ */
+const createMetadataWrappedStrategy = strategyFn => {
+  return args => {
+    const clonedConfig = esm_utilities.imageRetrieveMetadataProvider.clone();
+    esm_utilities.imageRetrieveMetadataProvider.clear();
+    try {
+      const result = strategyFn(args);
+      return result;
+    } finally {
+      // Ensure metadata is always restored, even if there's an error
+      setTimeout(() => {
+        esm_utilities.imageRetrieveMetadataProvider.restore(clonedConfig);
+      }, 10);
+    }
+  };
+};
 function CPUModal() {
   return /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement("p", null, "Your computer does not have enough GPU power to support the default GPU rendering mode. OHIF has switched to CPU rendering mode. Please note that CPU rendering does not support all features such as Volume Rendering, Multiplanar Reconstruction, and Segmentation Overlays."));
 }
@@ -6189,8 +6222,8 @@ function getCustomizationModule() {
 var gl_matrix_esm = __webpack_require__(3823);
 // EXTERNAL MODULE: ../../../node_modules/html2canvas/dist/html2canvas.esm.js
 var html2canvas_esm = __webpack_require__(91037);
-// EXTERNAL MODULE: ../../ui/src/index.js + 690 modules
-var ui_src = __webpack_require__(35647);
+// EXTERNAL MODULE: ../../ui/src/index.js + 691 modules
+var ui_src = __webpack_require__(32907);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/CornerstoneViewportDownloadForm.tsx
 
 
@@ -9089,7 +9122,7 @@ const frameView = {
         required: true
       }, {
         attribute: 'isDisplaySetFromUrl',
-        weight: 10,
+        weight: 20,
         constraint: {
           equals: true
         }
@@ -11679,12 +11712,13 @@ class SegmentationService extends src/* PubSubService */.Rc {
       } = segmentInfo;
       colorLUT.push(rgba);
       const segmentIndex = Number(SegmentNumber);
-      const imageCentroidXYZ = segDisplaySet.centroids.get(index).image || {
+      const centroid = segDisplaySet.centroids?.get(index);
+      const imageCentroidXYZ = centroid?.image || {
         x: 0,
         y: 0,
         z: 0
       };
-      const worldCentroidXYZ = segDisplaySet.centroids.get(index).world || {
+      const worldCentroidXYZ = centroid?.world || {
         x: 0,
         y: 0,
         z: 0
@@ -11719,12 +11753,22 @@ class SegmentationService extends src/* PubSubService */.Rc {
     // We should parse the segmentation as separate slices to support overlapping segments.
     // This parsing should occur in the CornerstoneJS library adapters.
     // For now, we use the volume returned from the library and chop it here.
+    let firstSegmentedSliceImageId = null;
     for (let i = 0; i < derivedSegmentationImages.length; i++) {
       const voxelManager = derivedSegmentationImages[i].voxelManager;
       const scalarData = voxelManager.getScalarData();
-      scalarData.set(volumeScalarData.slice(i * scalarData.length, (i + 1) * scalarData.length));
+      const sliceData = volumeScalarData.slice(i * scalarData.length, (i + 1) * scalarData.length);
+      scalarData.set(sliceData);
       voxelManager.setScalarData(scalarData);
+
+      // Check if this slice has any non-zero voxels and we haven't found one yet
+      if (!firstSegmentedSliceImageId && sliceData.some(value => value !== 0)) {
+        firstSegmentedSliceImageId = derivedSegmentationImages[i].referencedImageId;
+      }
     }
+
+    // assign the first non zero voxel image id to the segDisplaySet
+    segDisplaySet.firstSegmentedSliceImageId = firstSegmentedSliceImageId;
     this._broadcastEvent(SegmentationService_EVENTS.SEGMENTATION_LOADING_COMPLETE, {
       segmentationId,
       segDisplaySet
@@ -11772,7 +11816,12 @@ class SegmentationService extends src/* PubSubService */.Rc {
       throw new Error('To create the contours from RT displaySet, the displaySet should be loaded first. You can perform rtDisplaySet.load() before calling this method.');
     }
     const rtDisplaySetUID = rtDisplaySet.displaySetInstanceUID;
-
+    const referencedDisplaySet = this.servicesManager.services.displaySetService.getDisplaySetByUID(rtDisplaySet.referencedDisplaySetInstanceUID);
+    const referencedImageIdsWithGeometry = Array.from(structureSet.ReferencedSOPInstanceUIDsSet);
+    const referencedImageIds = referencedDisplaySet.instances.map(image => image.imageId);
+    // find the first image id that contains a referenced SOP instance UID
+    const firstSegmentedSliceImageId = referencedImageIds.find(imageId => referencedImageIdsWithGeometry.some(referencedId => imageId.includes(referencedId)));
+    rtDisplaySet.firstSegmentedSliceImageId = firstSegmentedSliceImageId;
     // Map ROI contours to RT Struct Data
     const allRTStructData = mapROIContoursToRTStructData(structureSet, rtDisplaySetUID);
 
@@ -13741,9 +13790,6 @@ class CornerstoneViewportService extends src/* PubSubService */.Rc {
     // is being used to navigate to the initial view position for measurement
     // navigation and other navigation forcing specific views.
     let initialImageIndexToUse = presentations?.positionPresentation?.initialImageIndex ?? initialImageIndex;
-    if (initialImageIndexToUse === undefined || initialImageIndexToUse === null) {
-      initialImageIndexToUse = this._getInitialImageIndexForViewport(viewportInfo, imageIds) || 0;
-    }
     const {
       rotation,
       flipHorizontal,
@@ -13781,13 +13827,23 @@ class CornerstoneViewportService extends src/* PubSubService */.Rc {
       dist_esm.utilities.stackContextPrefetch.enable(element);
     });
     let imageIdsToSet = imageIds;
-    const res = this._processExtraDisplaySetsForViewport(viewport);
-    imageIdsToSet = res?.imageIds ?? imageIdsToSet;
+    const overlayProcessingResult = this._processExtraDisplaySetsForViewport(viewport);
+    imageIdsToSet = overlayProcessingResult?.imageIds ?? imageIdsToSet;
+    const referencedImageId = presentations?.positionPresentation?.viewReference?.referencedImageId;
+    if (referencedImageId) {
+      initialImageIndexToUse = imageIdsToSet.indexOf(referencedImageId);
+    }
+    if (initialImageIndexToUse === undefined || initialImageIndexToUse === null) {
+      initialImageIndexToUse = this._getInitialImageIndexForViewport(viewportInfo, imageIds) || 0;
+    }
     return viewport.setStack(imageIdsToSet, initialImageIndexToUse).then(() => {
       viewport.setProperties({
         ...properties
       });
       this.setPresentations(viewport.id, presentations, viewportInfo);
+      if (overlayProcessingResult?.addOverlayFn) {
+        overlayProcessingResult.addOverlayFn();
+      }
       if (displayArea) {
         viewport.setDisplayArea(displayArea);
       }
@@ -13969,8 +14025,13 @@ class CornerstoneViewportService extends src/* PubSubService */.Rc {
     });
 
     // For SEG and RT viewports
-    this._processExtraDisplaySetsForViewport(viewport);
+    const {
+      addOverlayFn
+    } = this._processExtraDisplaySetsForViewport(viewport) || {};
     await viewport.setVolumes(volumeInputArray);
+    if (addOverlayFn) {
+      addOverlayFn();
+    }
     volumesProperties.forEach(({
       properties,
       volumeId
@@ -14009,9 +14070,9 @@ class CornerstoneViewportService extends src/* PubSubService */.Rc {
     }
     const referenceDisplaySet = displaySetService.getDisplaySetByUID(segOrRTSOverlayDisplaySet.referencedDisplaySetInstanceUID);
     const imageIds = referenceDisplaySet.images.map(image => image.imageId);
-    this.addOverlayRepresentationForDisplaySet(segOrRTSOverlayDisplaySet, viewport);
     return {
-      imageIds
+      imageIds,
+      addOverlayFn: () => this.addOverlayRepresentationForDisplaySet(segOrRTSOverlayDisplaySet, viewport)
     };
   }
   addOverlayRepresentationForDisplaySet(displaySet, viewport) {
@@ -14154,6 +14215,11 @@ class CornerstoneViewportService extends src/* PubSubService */.Rc {
         id: viewportId
       }) => {
         const presentation = this._getPositionPresentation(viewportId);
+
+        // During a resize, the slice index should remain unchanged. This is a temporary fix for
+        // a larger issue regarding the definition of slice index with slab thickness.
+        // We need to revisit this to make it more robust and understandable.
+        delete presentation.viewReference?.sliceIndex;
         this.beforeResizePositionPresentations.set(viewportId, presentation);
       });
 
@@ -14162,7 +14228,7 @@ class CornerstoneViewportService extends src/* PubSubService */.Rc {
       renderingEngine.resize(isImmediate);
       renderingEngine.render();
 
-      // Reset the camera for viewports that should reset their camera on resize,
+      // Reset the camera for all viewports using position presentation to maintain relative size/position
       // which means only those viewports that have a zoom level of 1.
       this.beforeResizePositionPresentations.forEach((positionPresentation, viewportId) => {
         this.setPresentations(viewportId, {
@@ -14919,10 +14985,6 @@ function getDicomMicroscopySopClassHandler({
 function getSopClassHandlerModule(params) {
   return [getDicomMicroscopySopClassHandler(params)];
 }
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/index.js + 40 modules
-var esm_utilities = __webpack_require__(49035);
-// EXTERNAL MODULE: ../../../extensions/default/src/stores/useToggleOneUpViewportGridStore.ts
-var useToggleOneUpViewportGridStore = __webpack_require__(73325);
 // EXTERNAL MODULE: ../../../node_modules/lodash.debounce/index.js
 var lodash_debounce = __webpack_require__(62051);
 var lodash_debounce_default = /*#__PURE__*/__webpack_require__.n(lodash_debounce);
@@ -15179,8 +15241,8 @@ function useMeasurements(servicesManager, {
   }, [measurementService, measurementFilter, displaySetService]);
   return displayMeasurements;
 }
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 2483 modules
-var ui_next_src = __webpack_require__(35570);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 2604 modules
+var ui_next_src = __webpack_require__(67954);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/panels/PanelSegmentation.tsx
 
 
@@ -15373,6 +15435,57 @@ function PanelSegmentation({
     id: 'default.showAddSegment',
     showAddSegment: true
   });
+  const CustomDropdownMenuContent = customizationService.getCustomComponent('PanelSegmentation.CustomDropdownMenuContent', ({
+    activeSegmentation,
+    onSegmentationAdd,
+    onSegmentationRemoveFromViewport,
+    onSegmentationEdit,
+    onSegmentationDelete,
+    allowExport,
+    storeSegmentation,
+    onSegmentationDownload,
+    onSegmentationDownloadRTSS,
+    t
+  }) => {
+    return /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuContent */.SQ, {
+      align: "start"
+    }, /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuItem */._2, {
+      onClick: () => onSegmentationAdd(activeSegmentation.segmentationId)
+    }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.Add, {
+      className: "text-foreground"
+    }), /*#__PURE__*/react.createElement("span", {
+      className: "pl-2"
+    }, t('Create New Segmentation'))), /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuSeparator */.mB, null), /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuLabel */.lp, null, t('Manage Current Segmentation')), /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuItem */._2, {
+      onClick: () => onSegmentationRemoveFromViewport(activeSegmentation.segmentationId)
+    }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.Series, {
+      className: "text-foreground"
+    }), /*#__PURE__*/react.createElement("span", {
+      className: "pl-2"
+    }, t('Remove from Viewport'))), /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuItem */._2, {
+      onClick: () => onSegmentationEdit(activeSegmentation.segmentationId)
+    }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.Rename, {
+      className: "text-foreground"
+    }), /*#__PURE__*/react.createElement("span", {
+      className: "pl-2"
+    }, t('Rename'))), /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuSub */.lv, null, /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuSubTrigger */.nV, {
+      disabled: !allowExport,
+      className: "pl-1"
+    }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.Export, {
+      className: "text-foreground"
+    }), /*#__PURE__*/react.createElement("span", {
+      className: "pl-2"
+    }, t('Export & Download'))), /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuPortal */.dc, null, /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuSubContent */.M5, null, /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuItem */._2, {
+      onClick: () => storeSegmentation(activeSegmentation.segmentationId)
+    }, t('Export DICOM SEG')), /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuItem */._2, {
+      onClick: () => onSegmentationDownload(activeSegmentation.segmentationId)
+    }, t('Download DICOM SEG'))))), /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuSeparator */.mB, null), /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuItem */._2, {
+      onClick: () => onSegmentationDelete(activeSegmentation.segmentationId)
+    }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.Delete, {
+      className: "text-red-600"
+    }), /*#__PURE__*/react.createElement("span", {
+      className: "pl-2 text-red-600"
+    }, t('Delete'))));
+  });
   const exportOptions = segmentationsWithRepresentations.map(({
     segmentation
   }) => {
@@ -15435,7 +15548,7 @@ function PanelSegmentation({
     setRenderOutline: handlers.setRenderOutline,
     setFillAlphaInactive: handlers.setFillAlphaInactive,
     renderInactiveSegmentations: handlers.getRenderInactiveSegmentations()
-  }, children, /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Config, null), /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.AddSegmentationRow, null), SegmentationTableMode === 'collapsed' ? /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Collapsed, null, /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.SelectorHeader, null), /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.AddSegmentRow, null), /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Segments, null)) : /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Expanded, null, /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Header, null), /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Segments, null))));
+  }, children, /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Config, null), /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.AddSegmentationRow, null), SegmentationTableMode === 'collapsed' ? /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Collapsed, null, /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.SelectorHeader, null, /*#__PURE__*/react.createElement(CustomDropdownMenuContent, null)), /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.AddSegmentRow, null), /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Segments, null)) : /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Expanded, null, /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Header, null, /*#__PURE__*/react.createElement(CustomDropdownMenuContent, null)), /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Segments, null))));
 }
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
 var prop_types = __webpack_require__(97598);
@@ -16229,20 +16342,20 @@ const DicomUploadProgressItem = /*#__PURE__*/(0,react.memo)(({
   const getStatusIcon = () => {
     switch (dicomFileUploader.getStatus()) {
       case UploadStatus.Success:
-        return /*#__PURE__*/react.createElement(ui_src/* Icon */.In, {
+        return /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.ByName, {
           name: "status-tracked",
           className: "text-primary-light"
         });
       case UploadStatus.InProgress:
-        return /*#__PURE__*/react.createElement(ui_src/* Icon */.In, {
+        return /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.ByName, {
           name: "icon-transferring"
         });
       case UploadStatus.Failed:
-        return /*#__PURE__*/react.createElement(ui_src/* Icon */.In, {
+        return /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.ByName, {
           name: "icon-alert-small"
         });
       case UploadStatus.Cancelled:
-        return /*#__PURE__*/react.createElement(ui_src/* Icon */.In, {
+        return /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.ByName, {
           name: "icon-alert-outline"
         });
       default:
@@ -16267,9 +16380,8 @@ const DicomUploadProgressItem = /*#__PURE__*/(0,react.memo)(({
     className: "w-10 text-right"
   }, percentComplete, "%"), /*#__PURE__*/react.createElement("div", {
     className: "ml-auto flex cursor-pointer"
-  }, /*#__PURE__*/react.createElement(ui_src/* Icon */.In, {
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.Close, {
     className: "text-primary-active self-center",
-    name: "close",
     onClick: cancelUpload
   })))));
 });
@@ -16284,6 +16396,7 @@ DicomUploadProgressItem.propTypes = {
 
 
 
+
 const ONE_SECOND = 1000;
 const ONE_MINUTE = ONE_SECOND * 60;
 const ONE_HOUR = ONE_MINUTE * 60;
@@ -16518,7 +16631,7 @@ function DicomUploadProgress({
       className: "ml-auto flex w-6 justify-center"
     }, numFails > 0 && /*#__PURE__*/react.createElement("div", {
       onClick: () => setShowFailedOnly(currentShowFailedOnly => !currentShowFailedOnly)
-    }, /*#__PURE__*/react.createElement(ui_src/* Icon */.In, {
+    }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.ByName, {
       className: "cursor-pointer",
       name: "icon-status-alert"
     })));
@@ -16752,7 +16865,7 @@ const cornerstoneExtension = {
     useLutPresentationStore/* useLutPresentationStore */.I.getState().clearLutPresentationStore();
     usePositionPresentationStore/* usePositionPresentationStore */.q.getState().clearPositionPresentationStore();
     useSynchronizersStore/* useSynchronizersStore */.U.getState().clearSynchronizersStore();
-    useToggleOneUpViewportGridStore/* useToggleOneUpViewportGridStore */.Y.getState().clearToggleOneUpViewportGridStore();
+    default_src.useToggleOneUpViewportGridStore.getState().clearToggleOneUpViewportGridStore();
     useSegmentationPresentationStore/* useSegmentationPresentationStore */.v.getState().clearSegmentationPresentationStore();
     segmentationService.removeAllSegmentations();
   },
@@ -16856,7 +16969,7 @@ const cornerstoneExtension = {
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _ohif_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(29463);
-/* harmony import */ var _ohif_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(35647);
+/* harmony import */ var _ohif_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(32907);
 var _ViewportActionCornersService;
 
 

package/dist/{1266.bundle.d1c803a47279614b6a6f.js → 1266.bundle.f21d0453d0d71f604e33.js}

@@ -1,5 +1,5 @@
 "use strict";
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[1266,2591,4182,1801],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[1266,4182],{
 
 /***/ 35589:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
@@ -25,8 +25,8 @@ const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/mode-longi
 
 const id = package_namespaceObject.UU;
 
-// EXTERNAL MODULE: ../../../extensions/cornerstone-dicom-sr/src/index.tsx + 16 modules
-var cornerstone_dicom_sr_src = __webpack_require__(85687);
+// EXTERNAL MODULE: ../../../extensions/cornerstone-dicom-sr/src/index.tsx + 18 modules
+var cornerstone_dicom_sr_src = __webpack_require__(25770);
 ;// CONCATENATED MODULE: ../../../modes/longitudinal/src/initToolGroups.js
 
 const colours = {
@@ -762,6 +762,11 @@ const performCustomizations = customizationService => {
     id: 'PanelSegmentation.disableEditing',
     disableEditing: true
   }
+  // to only show current study in the panel study browser
+  // {
+  //   id: 'PanelStudyBrowser.studyMode',
+  //   mode: 'primary',
+  // },
   // To disable editing in the MeasurementTable
   // {
   //   id: 'PanelMeasurement.disableEditing',
@@ -778,6 +783,31 @@ const performCustomizations = customizationService => {
   //       { value: 'Toe', label: 'Toe' },
   //     ],
   //   },
+  /**
+   * Custom Dropdown Menu Item
+   */
+  // {
+  //   id: 'PanelSegmentation.CustomDropdownMenuContent',
+  //   content: ({
+  //     activeSegmentation,
+  //     onSegmentationAdd,
+  //     onSegmentationRemoveFromViewport,
+  //     onSegmentationEdit,
+  //     onSegmentationDelete,
+  //     allowExport,
+  //     storeSegmentation,
+  //     onSegmentationDownload,
+  //     onSegmentationDownloadRTSS,
+  //     t,
+  //   }) => (
+  //     <DropdownMenuContent align="start">
+  //       <DropdownMenuItem onClick={() => onSegmentationDelete(activeSegmentation.id)}>
+  //         <Icons.Delete className="text-red-600" />
+  //         <span className="pl-2 text-red-600">{t('My Custom Dropdown Menu Item')}</span>
+  //       </DropdownMenuItem>
+  //     </DropdownMenuContent>
+  //   ),
+  // },
   ]);
 };
 ;// CONCATENATED MODULE: ../../../modes/longitudinal/src/index.ts

package/dist/{1374.bundle.e2449277305e0aeb32f1.js → 1374.bundle.29614f32d8f0043097cb.js}

@@ -12,8 +12,8 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ basic_dev_mode_src)
 });
 
-// EXTERNAL MODULE: ../../ui/src/index.js + 690 modules
-var src = __webpack_require__(35647);
+// EXTERNAL MODULE: ../../ui/src/index.js + 691 modules
+var src = __webpack_require__(32907);
 // EXTERNAL MODULE: ../../core/src/index.ts + 71 modules
 var core_src = __webpack_require__(29463);
 ;// CONCATENATED MODULE: ../../../modes/basic-dev-mode/src/toolbarButtons.js

package/dist/{1927.bundle.c08eed6a2faeed833931.js → 1927.bundle.81b7ac9fa6e3ae8aba5a.js}

@@ -90,7 +90,7 @@
 /******/ 	__webpack_require__.x = () => {
 /******/ 		// Load entry module and return exports
 /******/ 		// This entry module depends on other loaded chunks and execution need to be delayed
-/******/ 		var __webpack_exports__ = __webpack_require__.O(undefined, [4571], () => (__webpack_require__(94571)))
+/******/ 		var __webpack_exports__ = __webpack_require__.O(undefined, [3353], () => (__webpack_require__(83353)))
 /******/ 		__webpack_exports__ = __webpack_require__.O(__webpack_exports__);
 /******/ 		return __webpack_exports__;
 /******/ 	};
@@ -172,7 +172,7 @@
 /******/ 		// This function allow to reference async chunks and sibling chunks for the entrypoint
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "" + chunkId + ".bundle." + {"732":"532947c280e1a8f6e020","4571":"a838b008320a4c3b6d40","8094":"411698eaf81975a7f12d"}[chunkId] + ".js";
+/******/ 			return "" + chunkId + ".bundle." + {"732":"532947c280e1a8f6e020","3353":"7b884aa0f7a26146cbed","8094":"411698eaf81975a7f12d"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/ 	
@@ -253,7 +253,7 @@
 /******/ 	(() => {
 /******/ 		var next = __webpack_require__.x;
 /******/ 		__webpack_require__.x = () => {
-/******/ 			return __webpack_require__.e(4571).then(next);
+/******/ 			return __webpack_require__.e(3353).then(next);
 /******/ 		};
 /******/ 	})();
 /******/