chore(prettier): full repo linting and code reformatting once and for all (#3627)

extensions/measurement-tracking/src/viewports/TrackedCornerstoneViewport.tsx

@@ -13,29 +13,17 @@ import { BaseVolumeViewport, Enums } from '@cornerstonejs/core';
 const { formatDate } = utils;
 
 function TrackedCornerstoneViewport(props) {
-  const {
-    displaySets,
-    viewportId,
-    viewportLabel,
-    servicesManager,
-    extensionManager,
-  } = props;
+  const { displaySets, viewportId, viewportLabel, servicesManager, extensionManager } = props;
 
   const { t } = useTranslation('Common');
 
-  const {
-    measurementService,
-    cornerstoneViewportService,
-    viewportGridService,
-  } = servicesManager.services;
+  const { measurementService, cornerstoneViewportService, viewportGridService } =
+    servicesManager.services;
 
   // Todo: handling more than one displaySet on the same viewport
   const displaySet = displaySets[0];
 
-  const [
-    trackedMeasurements,
-    sendTrackedMeasurementsEvent,
-  ] = useTrackedMeasurements();
+  const [trackedMeasurements, sendTrackedMeasurementsEvent] = useTrackedMeasurements();
 
   const [isTracked, setIsTracked] = useState(false);
   const [trackedMeasurementUID, setTrackedMeasurementUID] = useState(null);
@@ -43,12 +31,7 @@ function TrackedCornerstoneViewport(props) {
 
   const { trackedSeries } = trackedMeasurements.context;
 
-  const {
-    SeriesDate,
-    SeriesDescription,
-    SeriesInstanceUID,
-    SeriesNumber,
-  } = displaySet;
+  const { SeriesDate, SeriesDescription, SeriesInstanceUID, SeriesNumber } = displaySet;
 
   const {
     PatientID,
@@ -62,9 +45,7 @@ function TrackedCornerstoneViewport(props) {
   } = displaySet.images[0];
 
   const updateIsTracked = useCallback(() => {
-    const viewport = cornerstoneViewportService.getCornerstoneViewport(
-      viewportId
-    );
+    const viewport = cornerstoneViewportService.getCornerstoneViewport(viewportId);
 
     if (viewport instanceof BaseVolumeViewport) {
       // A current image id will only exist for volume viewports that can have measurements tracked.
@@ -99,10 +80,7 @@ function TrackedCornerstoneViewport(props) {
   );
 
   const onElementDisabled = useCallback(() => {
-    viewportElem?.removeEventListener(
-      Enums.Events.VOLUME_VIEWPORT_NEW_VOLUME,
-      updateIsTracked
-    );
+    viewportElem?.removeEventListener(Enums.Events.VOLUME_VIEWPORT_NEW_VOLUME, updateIsTracked);
   }, [updateIsTracked, viewportElem]);
 
   useEffect(updateIsTracked, [updateIsTracked]);
@@ -132,9 +110,7 @@ function TrackedCornerstoneViewport(props) {
         },
       });
 
-      cornerstoneViewportService
-        .getRenderingEngine()
-        .renderViewport(viewportId);
+      cornerstoneViewportService.getRenderingEngine().renderViewport(viewportId);
 
       return;
     }
@@ -173,10 +149,8 @@ function TrackedCornerstoneViewport(props) {
           // Only send the tracked measurements event for the active viewport to avoid
           // sending it more than once.
           if (viewportId === activeViewportId) {
-            const {
-              referenceStudyUID: StudyInstanceUID,
-              referenceSeriesUID: SeriesInstanceUID,
-            } = measurement;
+            const { referenceStudyUID: StudyInstanceUID, referenceSeriesUID: SeriesInstanceUID } =
+              measurement;
 
             sendTrackedMeasurementsEvent('SET_DIRTY', { SeriesInstanceUID });
             sendTrackedMeasurementsEvent('TRACK_SERIES', {
@@ -194,12 +168,7 @@ function TrackedCornerstoneViewport(props) {
         unsub();
       });
     };
-  }, [
-    measurementService,
-    sendTrackedMeasurementsEvent,
-    viewportId,
-    viewportGridService,
-  ]);
+  }, [measurementService, sendTrackedMeasurementsEvent, viewportId, viewportGridService]);
 
   function switchMeasurement(direction) {
     const newTrackedMeasurementUID = _getNextMeasurementUID(
@@ -244,8 +213,7 @@ function TrackedCornerstoneViewport(props) {
         getStatusComponent={() => _getStatusComponent(isTracked)}
         studyData={{
           label: viewportLabel,
-          studyDate:
-            formatDate(SeriesDate) || formatDate(StudyDate) || t('NoStudyDate'),
+          studyDate: formatDate(SeriesDate) || formatDate(StudyDate) || t('NoStudyDate'),
           currentSeries: SeriesNumber, // TODO - switch entire currentSeries to be UID based or actual position based
           seriesDescription: SeriesDescription,
           patientInformation: {
@@ -253,9 +221,7 @@ function TrackedCornerstoneViewport(props) {
             patientSex: PatientSex || '',
             patientAge: PatientAge || '',
             MRN: PatientID || '',
-            thickness: SliceThickness
-              ? `${parseFloat(SliceThickness).toFixed(2)}`
-              : '',
+            thickness: SliceThickness ? `${parseFloat(SliceThickness).toFixed(2)}` : '',
             thicknessUnits: 'mm',
             spacing:
               SpacingBetweenSlices !== undefined
@@ -266,7 +232,7 @@ function TrackedCornerstoneViewport(props) {
         }}
       />
       {/* TODO: Viewport interface to accept stack or layers of content like this? */}
-      <div className="relative flex flex-row w-full h-full overflow-hidden">
+      <div className="relative flex h-full w-full flex-row overflow-hidden">
         {getCornerstoneViewport()}
       </div>
     </>
@@ -295,9 +261,8 @@ function _getNextMeasurementUID(
   const measurements = measurementService.getMeasurements();
 
   const { activeViewportId, viewports } = viewportGridService.getState();
-  const {
-    displaySetInstanceUIDs: activeViewportDisplaySetInstanceUIDs,
-  } = viewports.get(activeViewportId);
+  const { displaySetInstanceUIDs: activeViewportDisplaySetInstanceUIDs } =
+    viewports.get(activeViewportId);
 
   const { trackedSeries } = trackedMeasurements.context;
 
@@ -356,22 +321,24 @@ function _getStatusComponent(isTracked) {
         content={
           <div className="flex py-2">
             <div className="flex pt-1">
-              <Icon name="info-link" className="w-4 text-primary-main" />
+              <Icon
+                name="info-link"
+                className="text-primary-main w-4"
+              />
             </div>
-            <div className="flex ml-4">
-              <span className="text-base text-common-light">
+            <div className="ml-4 flex">
+              <span className="text-common-light text-base">
                 {isTracked ? (
                   <>
                     Series is
-                    <span className="font-bold text-white"> tracked</span> and
-                    can be viewed <br /> in the measurement panel
+                    <span className="font-bold text-white"> tracked</span> and can be viewed <br />{' '}
+                    in the measurement panel
                   </>
                 ) : (
                   <>
                     Measurements for
                     <span className="font-bold text-white"> untracked </span>
-                    series <br /> will not be shown in the <br /> measurements
-                    panel
+                    series <br /> will not be shown in the <br /> measurements panel
                   </>
                 )}
               </span>
@@ -379,7 +346,10 @@ function _getStatusComponent(isTracked) {
           </div>
         }
       >
-        <Icon name={trackedIcon} className="text-aqua-pale" />
+        <Icon
+          name={trackedIcon}
+          className="text-aqua-pale"
+        />
       </Tooltip>
     </div>
   );