feat(data overlay): add foreground background control plus orientation change in the UI and add RTDOSE support (#5007)

extensions/cornerstone/src/customizations/modalityColorMapCustomization.ts

@@ -0,0 +1,23 @@
+export default {
+  'cornerstone.modalityOverlayDefaultColorMaps': {
+    defaultSettings: {
+      PT: {
+        colormap: 'hsv',
+        // Note: Right now, there is a nonlinear relationship between the opacity value
+        // below and how it will get applied to the image. The limitation is in rendering.
+        // We are working on this and will remove this note when it's fixed.
+        // But don't expect 0.5 to be 50% opacity, but rather close to that.
+        opacity: 0.5,
+      },
+      RTDOSE: {
+        colormap: 'Isodose',
+        // Note: Right now, there is a nonlinear relationship between the opacity value
+        // below and how it will get applied to the image. The limitation is in rendering.
+        // We are working on this and will remove this note when it's fixed.
+        // But don't expect 0.5 to be 50% opacity, but rather close to that.
+
+        opacity: 0.5,
+      },
+    },
+  },
+};

extensions/cornerstone/src/customizations/viewportActionMenuCustomizations.ts

@@ -1,14 +1,55 @@
-import viewportActionCornersService from '../services/ViewportActionCornersService/ViewportActionCornersService';
-import { WindowLevelActionMenu } from '../components/WindowLevelActionMenu/WindowLevelActionMenu';
+import { getWindowLevelActionMenu } from '../components/WindowLevelActionMenu/getWindowLevelActionMenu';
+import { getViewportDataOverlaySettingsMenu } from '../components/ViewportDataOverlaySettingMenu';
+import { getViewportOrientationMenu } from '../components/ViewportOrientationMenu';
+import { AllInOneMenu } from '@ohif/ui-next';
+
+// Generate component renderer functions for each component type
+const createOrientationMenu = ({ viewportId, element, location }) => {
+  return getViewportOrientationMenu({
+    viewportId,
+    element,
+    location,
+  });
+};
+
+const createDataOverlay = ({ viewportId, element, displaySets, location }) => {
+  return getViewportDataOverlaySettingsMenu({
+    viewportId,
+    element,
+    displaySets,
+    location,
+  });
+};
+
+const createWindowLevelMenu = ({ viewportId, element, displaySets }) => {
+  return getWindowLevelActionMenu({
+    viewportId,
+    element,
+    displaySets,
+    verticalDirection: AllInOneMenu.VerticalDirection.TopToBottom,
+    horizontalDirection: AllInOneMenu.HorizontalDirection.LeftToRight,
+  });
+};
 
 export default {
-  'viewportActionMenu.windowLevelActionMenu': {
-    enabled: true,
-    location: viewportActionCornersService.LOCATIONS.topRight,
-    component: WindowLevelActionMenu,
-  },
-  'viewportActionMenu.segmentationOverlay': {
-    enabled: true,
-    location: viewportActionCornersService.LOCATIONS.topRight,
-  },
+  'viewportActionMenu.topLeft': [
+    {
+      id: 'orientationMenu',
+      enabled: true,
+      component: createOrientationMenu,
+    },
+    {
+      id: 'dataOverlay',
+      enabled: true,
+      component: createDataOverlay,
+    },
+    {
+      id: 'windowLevelActionMenu',
+      enabled: true,
+      component: createWindowLevelMenu,
+    },
+  ],
+  'viewportActionMenu.topRight': [],
+  'viewportActionMenu.bottomLeft': [],
+  'viewportActionMenu.bottomRight': [],
 };