fix: Use @cornerstonejs/adapters (#3116)

Also update the sort series to be consistent, using a single version of the series sort, and fix an issue with longitudinal mode export.

extensions/cornerstone-dicom-sr/src/commandsModule.js

@@ -2,10 +2,11 @@ import { metaData, utilities } from '@cornerstonejs/core';
 
 import OHIF from '@ohif/core';
 import dcmjs from 'dcmjs';
+import { adaptersSR } from '@cornerstonejs/adapters';
 
 import getFilteredCornerstoneToolState from './utils/getFilteredCornerstoneToolState';
 
-const { MeasurementReport } = dcmjs.adapters.Cornerstone3D;
+const { MeasurementReport } = adaptersSR.Cornerstone3D;
 const { log } = OHIF;
 
 /**

extensions/cornerstone-dicom-sr/src/getSopClassHandlerModule.js

@@ -2,9 +2,9 @@ import { SOPClassHandlerName, SOPClassHandlerId } from './id';
 import { utils, classes } from '@ohif/core';
 import addMeasurement from './utils/addMeasurement';
 import isRehydratable from './utils/isRehydratable';
-import { adapters } from 'dcmjs';
+import { adaptersSR } from '@cornerstonejs/adapters';
 
-const { CodeScheme: Cornerstone3DCodeScheme } = adapters.Cornerstone3D;
+const { CodeScheme: Cornerstone3DCodeScheme } = adaptersSR.Cornerstone3D;
 
 const { ImageSet, MetadataProvider: metadataProvider } = classes;
 // TODO ->

extensions/cornerstone-dicom-sr/src/utils/getFilteredCornerstoneToolState.ts

@@ -39,7 +39,7 @@ function getFilteredCornerstoneToolState(
     const findingSites = [];
 
     // NOTE -> We use the CORNERSTONEJS coding schemeDesignator which we have
-    // defined in the dcmjs adapters
+    // defined in the @cornerstonejs/adapters
     if (measurementDataI.label) {
       if (additionalFindingTypes.includes(toolType)) {
         finding = {

extensions/cornerstone-dicom-sr/src/utils/hydrateStructuredReport.js

@@ -1,10 +1,10 @@
 import { utilities, metaData } from '@cornerstonejs/core';
 import OHIF, { DicomMetadataStore } from '@ohif/core';
 import getLabelFromDCMJSImportedToolData from './getLabelFromDCMJSImportedToolData';
-import { adapters } from 'dcmjs';
+import { adaptersSR } from '@cornerstonejs/adapters';
 
 const { guid } = OHIF.utils;
-const { MeasurementReport, CORNERSTONE_3D_TAG } = adapters.Cornerstone3D;
+const { MeasurementReport, CORNERSTONE_3D_TAG } = adaptersSR.Cornerstone3D;
 
 const CORNERSTONE_3D_TOOLS_SOURCE_NAME = 'Cornerstone3DTools';
 const CORNERSTONE_3D_TOOLS_SOURCE_VERSION = '0.1';

extensions/cornerstone-dicom-sr/src/utils/isRehydratable.js

@@ -1,6 +1,6 @@
-import { adapters } from 'dcmjs';
+import { adaptersSR } from '@cornerstonejs/adapters';
 
-const cornerstoneAdapters = adapters.Cornerstone3D;
+const cornerstoneAdapters = adaptersSR.Cornerstone3D;
 
 const supportedLegacyCornerstoneTags = ['cornerstoneTools@^4.0.0'];
 const CORNERSTONE_3D_TAG = cornerstoneAdapters.CORNERSTONE_3D_TAG;

extensions/cornerstone-dicom-sr/src/utils/isToolSupported.js

@@ -1,4 +1,4 @@
-import dcmjs from 'dcmjs';
+import { adaptersSR } from '@cornerstonejs/adapters';
 
 /**
  *  Checks if dcmjs has support to determined tool
@@ -7,7 +7,7 @@ import dcmjs from 'dcmjs';
  * @returns {boolean}
  */
 const isToolSupported = toolName => {
-  const adapter = dcmjs.adapters.Cornerstone3D;
+  const adapter = adaptersSR.Cornerstone3D;
   return !!adapter[toolName];
 };
 

extensions/cornerstone-dicom-sr/src/viewports/OHIFCornerstoneSRViewport.tsx

@@ -81,14 +81,23 @@ function OHIFCornerstoneSRViewport(props) {
     sendTrackedMeasurementsEvent = tracked?.[1];
   }
   if (!sendTrackedMeasurementsEvent) {
-    // if no panels from measurement-tracking extension is used, this code will trun
+    // if no panels from measurement-tracking extension is used, this code will run
     trackedMeasurements = null;
     sendTrackedMeasurementsEvent = (eventName, { displaySetInstanceUID }) => {
       MeasurementService.clearMeasurements();
-      hydrateStructuredReport(
+      const { SeriesInstanceUIDs } = hydrateStructuredReport(
         { servicesManager, extensionManager },
         displaySetInstanceUID
       );
+      const displaySets = DisplaySetService.getDisplaySetsForSeries(
+        SeriesInstanceUIDs[0]
+      );
+      if (displaySets.length) {
+        viewportGridService.setDisplaySetsForViewport({
+          viewportIndex: activeViewportIndex,
+          displaySetInstanceUIDs: [displaySets[0].displaySetInstanceUID],
+        });
+      }
     };
   }
 

extensions/cornerstone/package.json

@@ -43,6 +43,7 @@
   },
   "dependencies": {
     "@babel/runtime": "7.17.9",
+    "@cornerstonejs/adapters": "^0.2.1",
     "@cornerstonejs/core": "^0.27.1",
     "@cornerstonejs/streaming-image-volume-loader": "^0.11.2",
     "@cornerstonejs/tools": "^0.36.3",

extensions/default/src/DicomLocalDataSource/index.js

@@ -5,19 +5,37 @@ import dcmjs from 'dcmjs';
 const metadataProvider = OHIF.classes.MetadataProvider;
 const { EVENTS } = DicomMetadataStore;
 
-// Sorting SR modalities to be at the end of series list
+const END_MODALITIES = {
-function customSort(seriesA, seriesB) {
+  SR: true,
-  const modalityA = seriesA.instances[0].Modality;
+  SEG: true,
-  const modalityB = seriesB.instances[0].Modality;
+  DOC: true,
+};
 
-  if (modalityA === 'SR') {
+const compareValue = (v1, v2, def = 0) => {
-    return +1;
+  if (v1 === v2) return def;
+  if (v1 < v2) return -1;
+  return 1;
+};
+
+// Sorting SR modalities to be at the end of series list
+const customSort = (seriesA, seriesB) => {
+  const instanceA = seriesA.instances[0];
+  const instanceB = seriesB.instances[0];
+  const modalityA = instanceA.Modality;
+  const modalityB = instanceB.Modality;
+
+  const isEndA = END_MODALITIES[modalityA];
+  const isEndB = END_MODALITIES[modalityB];
+
+  if (isEndA && isEndB) {
+    // Compare by series date
+    return compareValue(instanceA.SeriesNumber, instanceB.SeriesNumber);
   }
-  if (modalityB === 'SR') {
+  if (!isEndA && !isEndB) {
-    return -1;
+    return compareValue(instanceB.SeriesNumber, instanceA.SeriesNumber);
   }
-  return 0;
+  return isEndA ? -1 : 1;
-}
+};
 
 function createDicomLocalApi(dicomLocalConfig) {
   const { name } = dicomLocalConfig;

extensions/default/src/DicomWebDataSource/qido.js

@@ -23,6 +23,7 @@
  * | offset           | {number}           |
  */
 import { DICOMWeb, utils } from '@ohif/core';
+import { sortStudySeries } from '@ohif/core/src/utils/sortStudy';
 
 const { getString, getName, getModalities } = DICOMWeb;
 
@@ -90,6 +91,8 @@ export function processSeriesResults(qidoSeries) {
     );
   }
 
+  sortStudySeries(series);
+
   return series;
 }
 

extensions/default/src/DicomWebDataSource/wado/retrieveMetadataLoaderAsync.js

@@ -1,5 +1,8 @@
 import dcmjs from 'dcmjs';
-import { sortStudySeries, sortingCriteria } from '../utils/sortStudy';
+import {
+  sortStudySeries,
+  sortingCriteria,
+} from '@ohif/core/src/utils/sortStudy';
 import RetrieveMetadataLoader from './retrieveMetadataLoader';
 
 /**

extensions/default/src/Panels/PanelStudyBrowser.tsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { StudyBrowser, useImageViewer, useViewportGrid } from '@ohif/ui';
 import { utils } from '@ohif/core';
 
-const { formatDate } = utils;
+const { sortStudyInstances, formatDate } = utils;
 
 /**
  *
@@ -139,6 +139,7 @@ function PanelStudyBrowser({
       currentDisplaySets,
       thumbnailImageSrcMap
     );
+    sortStudyInstances(mappedDisplaySets);
 
     setDisplaySets(mappedDisplaySets);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -300,6 +301,7 @@ function _mapDisplaySets(displaySets, thumbnailImageSrcMap) {
       seriesNumber: ds.SeriesNumber,
       modality: ds.Modality,
       seriesDate: ds.SeriesDate,
+      seriesTime: ds.SeriesTime,
       numInstances: ds.numImageFrames,
       StudyInstanceUID: ds.StudyInstanceUID,
       componentType,

platform/core/src/utils/index.js

@@ -2,7 +2,6 @@ import ObjectPath from './objectPath';
 import absoluteUrl from './absoluteUrl';
 import guid from './guid';
 import sortBy from './sortBy.js';
-import sortBySeriesDate from './sortBySeriesDate.js';
 import writeScript from './writeScript.js';
 import b64toBlob from './b64toBlob.js';
 //import loadAndCacheDerivedDisplaySets from './loadAndCacheDerivedDisplaySets.js';
@@ -26,6 +25,13 @@ import debounce from './debounce';
 import roundNumber from './roundNumber';
 import downloadCSVReport from './downloadCSVReport';
 import isEqualWithin from './isEqualWithin';
+import {
+  sortStudy,
+  sortStudySeries,
+  sortStudyInstances,
+  sortingCriteria,
+  seriesSortCriteria,
+} from './sortStudy';
 
 // Commented out unused functionality.
 // Need to implement new mechanism for derived displaySets using the displaySetManager.
@@ -35,7 +41,12 @@ const utils = {
   ObjectPath,
   absoluteUrl,
   sortBy,
-  sortBySeriesDate,
+  sortBySeriesDate: sortStudySeries,
+  sortStudy,
+  sortStudySeries,
+  sortStudyInstances,
+  sortingCriteria,
+  seriesSortCriteria,
   writeScript,
   formatDate,
   formatPN,

platform/core/src/utils/index.test.js

@@ -6,8 +6,13 @@ describe('Top level exports', () => {
       'guid',
       'ObjectPath',
       'absoluteUrl',
+      'seriesSortCriteria',
       'sortBy',
+      'sortStudy',
       'sortBySeriesDate',
+      'sortStudyInstances',
+      'sortStudySeries',
+      'sortingCriteria',
       'isLowPriorityModality',
       'writeScript',
       'debounce',

platform/core/src/utils/sortBySeriesDate.js

@@ -1,17 +0,0 @@
-/*
- * Sorting function
- * Sorts an array by seriesDate and seriesNumber if equal
- */
-const sortBySeriesDate = array =>
-  array.sort((a, b) => {
-    if (a.seriesNumber !== b.seriesNumber) {
-      return a.seriesNumber - b.seriesNumber;
-    }
-
-    const seriesDateA = Date.parse(a.seriesDate);
-    const seriesDateB = Date.parse(b.seriesDate);
-
-    return seriesDateA - seriesDateB;
-  });
-
-export default sortBySeriesDate;

platform/core/src/utils/sortStudy.ts

@@ -1,5 +1,22 @@
 import isLowPriorityModality from './isLowPriorityModality';
 
+const compareSeriesDateTime = (a, b) => {
+  const seriesDateA = Date.parse(
+    `${a.seriesDate ?? a.SeriesDate} ${a.seriesTime ?? a.SeriesTime}`
+  );
+  const seriesDateB = Date.parse(
+    `${a.seriesDate ?? a.SeriesDate} ${a.seriesTime ?? a.SeriesTime}`
+  );
+  return seriesDateA - seriesDateB;
+};
+
+const defaultSeriesSort = (a, b) => {
+  const seriesNumberA = a.SeriesNumber ?? a.seriesNumber;
+  const seriesNumberB = b.SeriesNumber ?? b.seriesNumber;
+  if (seriesNumberA === seriesNumberB) return compareSeriesDateTime(a, b);
+  return seriesNumberA - seriesNumberB;
+};
+
 /**
  * Series sorting criteria: series considered low priority are moved to the end
  * of the list and series number is used to break ties
@@ -7,20 +24,24 @@ import isLowPriorityModality from './isLowPriorityModality';
  * @param {Object} secondSeries
  */
 function seriesInfoSortingCriteria(firstSeries, secondSeries) {
-  const aLowPriority = isLowPriorityModality(firstSeries.Modality);
+  const aLowPriority = isLowPriorityModality(
-  const bLowPriority = isLowPriorityModality(secondSeries.Modality);
+    firstSeries.Modality ?? firstSeries.modality
-  if (!aLowPriority && bLowPriority) {
+  );
+  const bLowPriority = isLowPriorityModality(
+    secondSeries.Modality ?? secondSeries.modality
+  );
+
+  if (aLowPriority) {
+    return bLowPriority ? defaultSeriesSort(secondSeries, firstSeries) : 1;
+  } else if (bLowPriority) {
     return -1;
   }
-  if (aLowPriority && !bLowPriority) {
-    return 1;
-  }
 
-  return firstSeries.SeriesNumber - secondSeries.SeriesNumber;
+  return defaultSeriesSort(firstSeries, secondSeries);
 }
 
 const seriesSortCriteria = {
-  default: (a, b) => a.SeriesNumber - b.SeriesNumber,
+  default: seriesInfoSortingCriteria,
   seriesInfoSortingCriteria,
 };
 
@@ -44,7 +65,7 @@ const sortingCriteria = {
 const sortStudySeries = (
   series,
   seriesSortingCriteria = seriesSortCriteria.default,
-  sortFunction
+  sortFunction = null
 ) => {
   if (typeof sortFunction === 'function') return sortFunction(series);
   else return series.sort(seriesSortingCriteria);
@@ -96,4 +117,10 @@ export default function sortStudy(
   return study;
 }
 
-export { sortStudy, sortStudySeries, sortStudyInstances, sortingCriteria };
+export {
+  sortStudy,
+  sortStudySeries,
+  sortStudyInstances,
+  sortingCriteria,
+  seriesSortCriteria,
+};

yarn.lock

@@ -2372,6 +2372,19 @@
   resolved "https://registry.yarnpkg.com/@colors/colors/-/colors-1.5.0.tgz#bb504579c1cae923e6576a4f5da43d25f97bdbd9"
   integrity sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==
 
+"@cornerstonejs/adapters@^0.2.1":
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/@cornerstonejs/adapters/-/adapters-0.2.1.tgz#c1de369d82e05a4ff58dce25dc441e870b0ef991"
+  integrity sha512-5oHHwpSR9sjRh3GBsHh3sBF8kiWbgAdNiVf1nWc7dc3PtemWl+BiPr7xLE0/9aRe0BCRkgyU/u/Yqgk7I/pZLg==
+  dependencies:
+    "@babel/runtime-corejs2" "^7.17.8"
+    dcmjs "^0.29.4"
+    gl-matrix "^3.4.3"
+    lodash.clonedeep "^4.5.0"
+    loglevelnext "^3.0.1"
+    ndarray "^1.0.19"
+    pako "^2.0.4"
+
 "@cornerstonejs/calculate-suv@^1.0.3":
   version "1.0.3"
   resolved "https://registry.npmjs.org/@cornerstonejs/calculate-suv/-/calculate-suv-1.0.3.tgz#6d99a72032c0f90cebf44dc6f0b12a5f1102e884"
@@ -10262,6 +10275,18 @@ dcmjs@^0.28.3:
     ndarray "^1.0.19"
     pako "^2.0.4"
 
+dcmjs@^0.29.4:
+  version "0.29.4"
+  resolved "https://registry.yarnpkg.com/dcmjs/-/dcmjs-0.29.4.tgz#3fb13945611979f756bc91b3f199fd87b4eabdb4"
+  integrity sha512-PzD6C4oB7v/AVTIPbkS6D6hjgVcSW7+T+DsxFpkD1xcEgU4qjGM16WGEHH3ZAPDBF0Xgm2d9FXUu/lXZIyfmow==
+  dependencies:
+    "@babel/runtime-corejs2" "^7.17.8"
+    gl-matrix "^3.1.0"
+    lodash.clonedeep "^4.5.0"
+    loglevelnext "^3.0.1"
+    ndarray "^1.0.19"
+    pako "^2.0.4"
+
 debug-log@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/debug-log/-/debug-log-1.0.1.tgz#2307632d4c04382b8df8a32f70b895046d52745f"