feat(windowLevelActionMenu) customization support for windowLevelActionMenu

extensions/cornerstone/src/components/WindowLevelActionMenu/getWindowLevelActionMenu.tsx

@@ -20,6 +20,13 @@ export function getWindowLevelActionMenu({
   const colorbarProperties = customizationService.getCustomization('cornerstone.colorbar');
   const { volumeRenderingPresets, volumeRenderingQualityRange } =
     customizationService.getCustomization('cornerstone.3dVolumeRendering');
+  const windowLevelActionMenu = customizationService.getCustomization(
+    'cornerstone.windowLevelActionMenu'
+  );
+  const MenuComponent =
+    windowLevelActionMenu && windowLevelActionMenu.content
+      ? windowLevelActionMenu.content
+      : WindowLevelActionMenu;
 
   const displaySetPresets = displaySets
     .filter(displaySet => presets[displaySet.Modality])
@@ -36,7 +43,7 @@ export function getWindowLevelActionMenu({
   }
 
   return (
-    <WindowLevelActionMenu
+    <MenuComponent
       viewportId={viewportId}
       element={element}
       presets={displaySetPresets}

platform/docs/docs/platform/services/customization-service/sampleCustomizations.tsx

@@ -14,6 +14,7 @@ import segDisplayEditingTrue from '../../../assets/img/segDisplayEditingTrue.png
 import segDisplayEditingFalse from '../../../assets/img/segDisplayEditingFalse.png';
 import thumbnailMenuItemsImage from '../../../assets/img/thumbnailMenuItemsImage.png';
 import studyMenuItemsImage from '../../../assets/img/studyMenuItemsImage.png';
+import windowLevelActionMenu from '../../../assets/img/windowLevelActionMenu.png';
 
 export const viewportOverlayCustomizations = [
   {
@@ -219,6 +220,26 @@ window.config = {
     default: 'The CinePlayer component in the UI',
     configuration: null,
   },
+  {
+    id: 'cornerstone.windowLevelActionMenu',
+    description: 'Window level action menu for the cornerstone viewport.',
+    image: windowLevelActionMenu,
+    default: null,
+    configuration: `
+      window.config = {
+        // rest of window config
+        customizationService: [
+          {
+            'cornerstone.windowLevelActionMenu': {
+                $set: {
+                  content:CustomizedComponent
+                },
+            },
+          },
+        ],
+      };
+    `,
+  },
   {
     id: 'cornerstone.windowLevelPresets',
     description: 'Window level presets for the cornerstone viewport.',