feat(thumbnails): Enhance DICOM Thumbnail Rendering with different strategies (#5004)

Co-authored-by: Martin Bellehumeur, M. Eng. <23396581+mbellehumeur@users.noreply.github.com>

extensions/dicom-pdf/src/getSopClassHandlerModule.js

@@ -14,7 +14,7 @@ const _getDisplaySetsFromSeries = (instances, servicesManager, extensionManager)
     const { Modality, SOPInstanceUID } = instance;
     const { SeriesDescription = 'PDF', MIMETypeOfEncapsulatedDocument } = instance;
     const { SeriesNumber, SeriesDate, SeriesInstanceUID, StudyInstanceUID, SOPClassUID } = instance;
-    const pdfUrl = dataSource.retrieve.directURL({
+    const renderedUrl = dataSource.retrieve.directURL({
       instance,
       tag: 'EncapsulatedDocument',
       defaultType: MIMETypeOfEncapsulatedDocument || 'application/pdf',
@@ -35,14 +35,9 @@ const _getDisplaySetsFromSeries = (instances, servicesManager, extensionManager)
       SOPClassUID,
       referencedImages: null,
       measurements: null,
-      pdfUrl,
+      renderedUrl: renderedUrl,
       instances: [instance],
-      thumbnailSrc: dataSource.retrieve.directURL({
-        instance,
-        defaultPath: '/thumbnail',
-        defaultType: 'image/jpeg',
-        tag: 'Absent',
-      }),
+      thumbnailSrc: null,
       isDerivedDisplaySet: true,
       isLoaded: false,
       sopClassUids,

extensions/dicom-pdf/src/viewports/OHIFCornerstonePdfViewport.tsx

@@ -28,15 +28,15 @@ function OHIFCornerstonePdfViewport({ displaySets }) {
     );
   }
 
-  const { pdfUrl } = displaySets[0];
+  const { renderedUrl } = displaySets[0];
 
   useEffect(() => {
     const load = async () => {
-      setUrl(await pdfUrl);
+      setUrl(await renderedUrl);
     };
 
     load();
-  }, [pdfUrl]);
+  }, [renderedUrl]);
 
   return (
     <div