OHIF-285/OHIF-274: Fix default hanging of display sets into the ViewportGrid (#1917)

* OHIF-285/OHIF-274: Fix default hanging of display sets into the ViewportGrid

Co-authored-by: James A. Petts <jamesapetts@gmail.com>

platform/viewer/src/routes/Mode/Mode.jsx

@@ -2,13 +2,15 @@ import React, { useEffect } from 'react';
 import { useParams } from 'react-router';
 import PropTypes from 'prop-types';
 // TODO: DicomMetadataStore should be injected?
-import { DicomMetadataStore } from '@ohif/core';
+import { DicomMetadataStore, utils } from '@ohif/core';
 import { DragAndDropProvider, ImageViewerProvider } from '@ohif/ui';
 //
 import { useQuery } from '@hooks';
 import ViewportGrid from '@components/ViewportGrid';
 import Compose from './Compose';
 
+const { isLowPriorityModality } = utils;
+
 export default function ModeRoute({
   location,
   mode,
@@ -46,6 +48,7 @@ export default function ModeRoute({
     DisplaySetService,
     MeasurementService,
     ViewportGridService,
+    HangingProtocolService,
   } = servicesManager.services;
 
   const layoutTemplateData = route.layoutTemplate({ location });
@@ -98,9 +101,13 @@ export default function ModeRoute({
   useEffect(() => {
     // Core
 
+    // TODO: For some reason this is running before the Providers
+    // are calling setServiceImplementation
     // TOOD -> iterate through services.
     MeasurementService.clearMeasurements();
     ViewportGridService.reset();
+    HangingProtocolService.reset();
+
     // Extension
     extensionManager.onModeEnter();
     // Mode
@@ -150,6 +157,93 @@ export default function ModeRoute({
     dataSource,
   ]);
 
+  useEffect(() => {
+    const { unsubscribe } = DicomMetadataStore.subscribe(
+      DicomMetadataStore.EVENTS.SERIES_ADDED,
+      ({ StudyInstanceUID }) => {
+        const studyMetadata = DicomMetadataStore.getStudy(
+          StudyInstanceUID,
+        );
+
+        const sortedSeries = studyMetadata.series.sort((a, b) => {
+          const aLowPriority = isLowPriorityModality(a.Modality);
+          const bLowPriority = isLowPriorityModality(b.Modality);
+          if (!aLowPriority && bLowPriority) {
+            return -1;
+          }
+          if (aLowPriority && !bLowPriority) {
+            return 1;
+          }
+
+          return a.SeriesNumber - b.SeriesNumber;
+        })
+
+        const { SeriesInstanceUID } = sortedSeries[0]
+
+        HangingProtocolService.setHangingProtocol(
+          {
+            /*protocolMatchingRules: [
+              {
+                id: '7tmuq7KzDMCWFeapc',
+                weight: 2,
+                required: false,
+                attribute: 'x00081030',
+                constraint: {
+                  contains: {
+                    value: 'DFCI CT CHEST',
+                  },
+                },
+              },
+            ],*/
+            stages: [
+              {
+                /*id: 'v5PfGt9F6mffZPif5',
+                viewportStructure: {
+                  type: 'grid',
+                  properties: {
+                    Rows: 1,
+                    Columns: 1,
+                  },
+                  layoutTemplateName: 'gridLayout',
+                },*/
+                viewports: [
+                  {
+                    viewportSettings: {},
+                    imageMatchingRules: [],
+                    seriesMatchingRules: [
+                      {
+                        id: 'mXnsCcNzZL56z7mTZ',
+                        weight: 1,
+                        required: true,
+                        attribute: 'SeriesInstanceUID',
+                        constraint: {
+                          equals: {
+                            value: SeriesInstanceUID,
+                          },
+                        },
+                      },
+                    ],
+                    studyMatchingRules: [],
+                  },
+                ],
+              }
+            ]
+          }
+        )
+      }
+    );
+    return unsubscribe;
+  }, [
+    mode,
+    dataSourceName,
+    location,
+    DisplaySetService,
+    extensionManager,
+    sopClassHandlers,
+    StudyInstanceUIDsAsArray,
+    dataSource,
+  ]);
+
   const reducer = (state, action) => {
     console.log(state, action);
   };