feat(DICOM Upload): Added new DICOM upload dialogue launched from the worklist page (#3326)

* feat(DICOM Upload)
OHIF #3297
- DicomWebDataSource.store.dicom now accepts an ArrayBuffer of data sets to store
- DicomWebDataSource.store.dicom now also accepts optional callbacks to track upload and an AbortSignal object to cancel upload
- Added DicomFileUploader class that performs and tracks the upload of a DICOM file
- Added various UI pieces for the upload: DicomUpload, DicomUploadProgress, DicomUploadProgressItem
- ProgressLoadingBar was extracted from LoadingIndicatorProgress so it can be reused
- Modal dialogues can now optionally prevent an outside click from closing the Modal

* Passing an XMLHttpRequest to the dataSource.store.dicom method instead of callbacks and AbortSignal.
Cleanup of various UI pieces to minimize code and increase readability.

* Made the DicomUpload component a customization module exported by the cornerstone extension.

* Exposed a copy of the data source configuration via the IWebApiDataSource interface.
Added dicomUploadEnabled to a data source's configuration.

* Code clean up.

* Upgraded the dicomweb-client version to one that provides the ability to
pass a custom HTTP request. DICOM upload uses that custom HTTP request
to track progress and cancel requests.

* Distinguished between failed and cancelled uploads.

* Allow no selection in the upload dialogue.
Fixed the styling of various progress information so that everything aligns.

* Switched from cornerstone wado image loader to cornerstone dicom image loader for DICOM upload.

* Added special cancelled icon to differentiate from failed.

* Added a bit of spacing between the upload progress bar and percentage.

* Fixed minor issue with upload rejection.

* Performance improvement for cancel all uploads:
- use React memo for each upload item progress (row)
- do not await each request of a cancel all

* Fixed various padding/spacing for the DICOM upload drop zone component.
Changed the border dashing for the DICOM upload drop zone to be a background image gradient.
Added hover and active effects to the 'Cancel All Uploads' text.

extensions/default/package.json

@@ -33,7 +33,7 @@
     "@ohif/core": "^3.0.0",
     "@ohif/i18n": "^1.0.0",
     "dcmjs": "^0.29.5",
-    "dicomweb-client": "^0.8.4",
+    "dicomweb-client": "^0.10.2",
     "prop-types": "^15.6.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",

extensions/default/src/DicomWebDataSource/index.js

@@ -61,6 +61,8 @@ function createDicomWebApi(dicomWebConfig, userAuthenticationService) {
     singlepart,
   } = dicomWebConfig;
 
+  const dicomWebConfigCopy = JSON.parse(JSON.stringify(dicomWebConfig));
+
   const qidoConfig = {
     url: qidoRoot,
     staticWado,
@@ -230,36 +232,47 @@ function createDicomWebApi(dicomWebConfig, userAuthenticationService) {
     },
 
     store: {
-      dicom: async dataset => {
+      dicom: async (dataset, request) => {
         const headers = userAuthenticationService.getAuthorizationHeader();
         if (headers) {
           wadoDicomWebClient.headers = headers;
         }
 
-        const meta = {
-          FileMetaInformationVersion:
-            dataset._meta.FileMetaInformationVersion.Value,
-          MediaStorageSOPClassUID: dataset.SOPClassUID,
-          MediaStorageSOPInstanceUID: dataset.SOPInstanceUID,
-          TransferSyntaxUID: EXPLICIT_VR_LITTLE_ENDIAN,
-          ImplementationClassUID,
-          ImplementationVersionName,
-        };
+        if (dataset instanceof ArrayBuffer) {
+          const options = {
+            datasets: [dataset],
+            request,
+          };
 
-        const denaturalized = denaturalizeDataset(meta);
-        const dicomDict = new DicomDict(denaturalized);
+          await wadoDicomWebClient.storeInstances(options);
+        } else {
+          const meta = {
+            FileMetaInformationVersion:
+              dataset._meta.FileMetaInformationVersion.Value,
+            MediaStorageSOPClassUID: dataset.SOPClassUID,
+            MediaStorageSOPInstanceUID: dataset.SOPInstanceUID,
+            TransferSyntaxUID: EXPLICIT_VR_LITTLE_ENDIAN,
+            ImplementationClassUID,
+            ImplementationVersionName,
+          };
 
-        dicomDict.dict = denaturalizeDataset(dataset);
+          const denaturalized = denaturalizeDataset(meta);
+          const dicomDict = new DicomDict(denaturalized);
 
-        const part10Buffer = dicomDict.write();
+          dicomDict.dict = denaturalizeDataset(dataset);
 
-        const options = {
-          datasets: [part10Buffer],
-        };
+          const part10Buffer = dicomDict.write();
 
-        await wadoDicomWebClient.storeInstances(options);
+          const options = {
+            datasets: [part10Buffer],
+            request,
+          };
+
+          await wadoDicomWebClient.storeInstances(options);
+        }
       },
     },
+
     _retrieveSeriesMetadataSync: async (
       StudyInstanceUID,
       filters,
@@ -482,6 +495,9 @@ function createDicomWebApi(dicomWebConfig, userAuthenticationService) {
       });
       return imageIds;
     },
+    getConfig() {
+      return dicomWebConfigCopy;
+    },
   };
 
   if (supportsReject) {