@ohif/app 3.8.0-beta.67 → 3.8.0-beta.68

package/dist/{121.bundle.d8b3c6b530d6151f251d.js → 121.bundle.a8fc45e3d88d0a8b82a8.js}

@@ -17,8 +17,8 @@ var react = __webpack_require__(41766);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
 var prop_types = __webpack_require__(11374);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
-// EXTERNAL MODULE: ../../ui/src/index.js + 519 modules
-var src = __webpack_require__(3962);
+// EXTERNAL MODULE: ../../ui/src/index.js + 521 modules
+var src = __webpack_require__(59134);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-rt/src/utils/promptHydrateRT.ts
 
 const RESPONSE = {

package/dist/{155.bundle.a2b8640977007e407d30.js → 155.bundle.7b87a2dbfaf2c36326bd.js}

@@ -20,8 +20,8 @@ var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 var es = __webpack_require__(57593);
 // EXTERNAL MODULE: ../../../node_modules/@xstate/react/es/index.js + 8 modules
 var react_es = __webpack_require__(6835);
-// EXTERNAL MODULE: ../../ui/src/index.js + 519 modules
-var src = __webpack_require__(3962);
+// EXTERNAL MODULE: ../../ui/src/index.js + 521 modules
+var src = __webpack_require__(59134);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/contexts/TrackedMeasurementsContext/measurementTrackingMachine.js
 
 const RESPONSE = {
@@ -1104,8 +1104,8 @@ var dist = __webpack_require__(37396);
 var es = __webpack_require__(80619);
 // EXTERNAL MODULE: ../../core/src/index.ts + 68 modules
 var src = __webpack_require__(85073);
-// EXTERNAL MODULE: ../../ui/src/index.js + 519 modules
-var ui_src = __webpack_require__(3962);
+// EXTERNAL MODULE: ../../ui/src/index.js + 521 modules
+var ui_src = __webpack_require__(59134);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/panels/PanelStudyBrowserTracking/PanelStudyBrowserTracking.tsx
 
 

package/dist/{638.bundle.4c2972aa5a19f816d94a.js → 2.bundle.962c8d8b57c4f94324b4.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[638,481],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[2,481],{
 
-/***/ 92169:
+/***/ 14349:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -315,13 +315,19 @@ function getHangingProtocolModule() {
 
 // EXTERNAL MODULE: ./state/index.js + 1 modules
 var state = __webpack_require__(15575);
-// EXTERNAL MODULE: ../../ui/src/index.js + 519 modules
-var ui_src = __webpack_require__(3962);
+// EXTERNAL MODULE: ../../ui/src/index.js + 521 modules
+var ui_src = __webpack_require__(59134);
 // EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 78 modules
 var default_src = __webpack_require__(54090);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
 var prop_types = __webpack_require__(11374);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
+;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-seg/src/types/segmentation.tsx
+let SegmentationPanelMode = /*#__PURE__*/function (SegmentationPanelMode) {
+  SegmentationPanelMode["Expanded"] = "expanded";
+  SegmentationPanelMode["Dropdown"] = "dropdown";
+  return SegmentationPanelMode;
+}({});
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-seg/src/panels/callInputDialog.tsx
 
 
@@ -489,6 +495,11 @@ var dist_es = __webpack_require__(80619);
 
 
 
+
+const components = {
+  [SegmentationPanelMode.Expanded]: ui_src/* SegmentationGroupTableExpanded */.fO,
+  [SegmentationPanelMode.Dropdown]: ui_src/* SegmentationGroupTable */.QQ
+};
 function PanelSegmentation({
   servicesManager,
   commandsManager,
@@ -623,6 +634,15 @@ function PanelSegmentation({
   };
   const onToggleSegmentationVisibility = segmentationId => {
     segmentationService.toggleSegmentationVisibility(segmentationId);
+    const segmentation = segmentationService.getSegmentation(segmentationId);
+    const isVisible = segmentation.isVisible;
+    const segments = segmentation.segments;
+    const toolGroupIds = getToolGroupIds(segmentationId);
+    toolGroupIds.forEach(toolGroupId => {
+      segments.forEach((segment, segmentIndex) => {
+        segmentationService.setSegmentVisibility(segmentationId, segmentIndex, isVisible, toolGroupId);
+      });
+    });
   };
   const _setSegmentationConfiguration = (0,react.useCallback)((segmentationId, key, value) => {
     segmentationService.setConfiguration({
@@ -663,9 +683,8 @@ function PanelSegmentation({
       segmentationId
     });
   };
-  return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
-    className: "ohif-scrollbar flex min-h-0 flex-auto select-none flex-col justify-between overflow-auto"
-  }, /*#__PURE__*/react.createElement(ui_src/* SegmentationGroupTable */.QQ, {
+  const SegmentationGroupTableComponent = components[configuration?.segmentationPanelMode];
+  return /*#__PURE__*/react.createElement(SegmentationGroupTableComponent, {
     title: t('Segmentations'),
     segmentations: segmentations,
     disableEditing: configuration.disableEditing,
@@ -696,7 +715,7 @@ function PanelSegmentation({
     setOutlineWidthActive: value => _setSegmentationConfiguration(selectedSegmentationId, 'outlineWidthActive', value),
     setFillAlpha: value => _setSegmentationConfiguration(selectedSegmentationId, 'fillAlpha', value),
     setFillAlphaInactive: value => _setSegmentationConfiguration(selectedSegmentationId, 'fillAlphaInactive', value)
-  })));
+  });
 }
 PanelSegmentation.propTypes = {
   commandsManager: prop_types_default().shape({
@@ -719,6 +738,7 @@ PanelSegmentation.propTypes = {
 
 
 
+
 const getPanelModule = ({
   commandsManager,
   servicesManager,
@@ -732,17 +752,21 @@ const getPanelModule = ({
   const wrappedPanelSegmentation = configuration => {
     const [appConfig] = (0,state/* useAppConfig */.r)();
     const disableEditingForMode = customizationService.get('segmentation.disableEditing');
+    const segmentationPanelMode = customizationService.get('segmentation.segmentationPanelMode')?.value || SegmentationPanelMode.Dropdown;
     return /*#__PURE__*/react.createElement(PanelSegmentation, {
       commandsManager: commandsManager,
       servicesManager: servicesManager,
       extensionManager: extensionManager,
       configuration: {
         ...configuration,
-        disableEditing: appConfig.disableEditing || disableEditingForMode?.value
+        disableEditing: appConfig.disableEditing || disableEditingForMode?.value,
+        segmentationPanelMode: segmentationPanelMode
       }
     });
   };
   const wrappedPanelSegmentationWithTools = configuration => {
+    const [appConfig] = (0,state/* useAppConfig */.r)();
+    const segmentationPanelMode = customizationService.get('segmentation.segmentationPanelMode')?.value || SegmentationPanelMode.Dropdown;
     return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(ui_src/* Toolbox */.OO, {
       commandsManager: commandsManager,
       servicesManager: servicesManager,
@@ -757,7 +781,8 @@ const getPanelModule = ({
       servicesManager: servicesManager,
       extensionManager: extensionManager,
       configuration: {
-        ...configuration
+        ...configuration,
+        segmentationPanelMode: segmentationPanelMode
       }
     }));
   };
@@ -1135,6 +1160,7 @@ const commandsModule = ({
     }) => {
       // Todo: handle adding more than one segmentation
       const displaySet = displaySets[0];
+      const referencedDisplaySet = displaySetService.getDisplaySetByUID(displaySet.referencedDisplaySetInstanceUID);
       updateViewportsForSegmentationRendering({
         viewportId,
         servicesManager,
@@ -1145,6 +1171,8 @@ const commandsModule = ({
           const serviceFunction = segDisplaySet.Modality === 'SEG' ? 'createSegmentationForSEGDisplaySet' : 'createSegmentationForRTDisplaySet';
           const boundFn = segmentationService[serviceFunction].bind(segmentationService);
           const segmentationId = await boundFn(segDisplaySet, null, suppressEvents);
+          const segmentation = segmentationService.getSegmentation(segmentationId);
+          segmentation.description = `S${referencedDisplaySet.SeriesNumber}: ${referencedDisplaySet.SeriesDescription}`;
           return segmentationId;
         }
       });
@@ -1420,7 +1448,8 @@ function getToolbarModule({
     evaluate: ({
       viewportId,
       button,
-      toolNames
+      toolNames,
+      disabledText
     }) => {
       // Todo: we need to pass in the button section Id since we are kind of
       // forcing the button to have black background since initially
@@ -1430,7 +1459,8 @@ function getToolbarModule({
       if (!segmentations?.length) {
         return {
           disabled: true,
-          className: '!text-common-bright !bg-black opacity-50'
+          className: '!text-common-bright !bg-black opacity-50',
+          disabledText: disabledText ?? 'No segmentations available'
         };
       }
       const toolGroup = toolGroupService.getToolGroupForViewport(viewportId);
@@ -1441,7 +1471,8 @@ function getToolbarModule({
       if (!toolGroup || !toolGroup.hasTool(toolName)) {
         return {
           disabled: true,
-          className: '!text-common-bright ohif-disabled'
+          className: '!text-common-bright ohif-disabled',
+          disabledText: disabledText ?? 'Not available on the current viewport'
         };
       }
       const isPrimaryActive = toolNames ? toolNames.includes(toolGroup.getActivePrimaryMouseButtonTool()) : toolGroup.getActivePrimaryMouseButtonTool() === toolName;

package/dist/{295.bundle.075944a082306d2e432f.js → 295.bundle.41d7b63be6a7d726b87e.js}

@@ -19,8 +19,8 @@ var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 var react = __webpack_require__(41766);
 // EXTERNAL MODULE: ../../../node_modules/react-i18next/dist/es/index.js + 15 modules
 var es = __webpack_require__(80619);
-// EXTERNAL MODULE: ../../ui/src/index.js + 519 modules
-var src = __webpack_require__(3962);
+// EXTERNAL MODULE: ../../ui/src/index.js + 521 modules
+var src = __webpack_require__(59134);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-seg/src/utils/initSEGToolGroup.ts
 function createSEGToolGroupAndAddTools(ToolGroupService, customizationService, toolGroupId) {
   const {

package/dist/{41.bundle.1c504116ebea23b157f6.js → 41.bundle.ad4a012883642620e839.js}

@@ -381,7 +381,10 @@ const toolbarButtons = [{
     icon: 'tool-3d-rotate',
     label: '3D Rotate',
     commands: setToolActiveToolbar,
-    evaluate: 'evaluate.cornerstoneTool'
+    evaluate: {
+      name: 'evaluate.cornerstoneTool',
+      disabledText: 'Select a 3D viewport to enable this tool'
+    }
   }
 }, {
   id: 'Capture',
@@ -413,7 +416,10 @@ const toolbarButtons = [{
         toolGroupIds: ['mpr']
       }
     },
-    evaluate: 'evaluate.cornerstoneTool'
+    evaluate: {
+      name: 'evaluate.cornerstoneTool',
+      disabledText: 'Select an MPR viewport to enable this tool'
+    }
   }
 }];
 /* harmony default export */ const src_toolbarButtons = (toolbarButtons);