feat(ui): customization option for viewport notification (#4638)

extensions/cornerstone/src/Viewport/OHIFCornerstoneViewport.tsx

@@ -3,7 +3,7 @@ import { useResizeDetector } from 'react-resize-detector';
 import * as cs3DTools from '@cornerstonejs/tools';
 import { Enums, eventTarget, getEnabledElement } from '@cornerstonejs/core';
 import { MeasurementService } from '@ohif/core';
-import { AllInOneMenu, Notification, useViewportDialog } from '@ohif/ui';
+import { AllInOneMenu, useViewportDialog } from '@ohif/ui';
 import type { Types as csTypes } from '@cornerstonejs/core';
 
 import { setEnabledElement } from '../state';
@@ -99,6 +99,7 @@ const OHIFCornerstoneViewport = React.memo(
       segmentationService,
       cornerstoneCacheService,
       viewportActionCornersService,
+      customizationService,
     } = servicesManager.services;
 
     const [viewportDialogState] = useViewportDialog();
@@ -373,6 +374,8 @@ const OHIFCornerstoneViewport = React.memo(
       onResize,
     });
 
+    const Notification = customizationService.getCustomization('ui.notificationComponent');
+
     return (
       <React.Fragment>
         <div className="viewport-wrapper">

extensions/default/src/customizations/notificationCustomization.ts

@@ -0,0 +1,5 @@
+import { Notification } from '@ohif/ui';
+
+export default {
+  'ui.notificationComponent': Notification,
+};

extensions/default/src/getCustomizationModule.tsx

@@ -17,6 +17,7 @@ import loadingIndicatorTotalPercentCustomization from './customizations/loadingI
 import progressLoadingBarCustomization from './customizations/progressLoadingBarCustomization';
 import viewportActionCornersCustomization from './customizations/viewportActionCornersCustomization';
 import labellingFlowCustomization from './customizations/labellingFlowCustomization';
+import viewportNotificationCustomization from './customizations/notificationCustomization';
 
 /**
  *
@@ -60,6 +61,7 @@ export default function getCustomizationModule({ servicesManager, extensionManag
         ...viewportActionCornersCustomization,
         ...labellingFlowCustomization,
         ...contextMenuUICustomization,
+        ...viewportNotificationCustomization,
       },
     },
   ];