fix: Measurement Tracking: Various UI and functionality improvements (#4481)

extensions/cornerstone/src/getPanelModule.tsx

@@ -3,6 +3,7 @@ import React from 'react';
 import { Toolbox } from '@ohif/ui-next';
 import PanelSegmentation from './panels/PanelSegmentation';
 import ActiveViewportWindowLevel from './components/ActiveViewportWindowLevel';
+import PanelMeasurementTable from './panels/PanelMeasurement';
 
 const getPanelModule = ({ commandsManager, servicesManager, extensionManager }: withAppTypes) => {
   const wrappedPanelSegmentation = ({ configuration }) => {
@@ -56,6 +57,19 @@ const getPanelModule = ({ commandsManager, servicesManager, extensionManager }:
     );
   };
 
+  const wrappedPanelMeasurement = ({ configuration }) => {
+    return (
+      <PanelMeasurementTable
+        commandsManager={commandsManager}
+        servicesManager={servicesManager}
+        extensionManager={extensionManager}
+        configuration={{
+          ...configuration,
+        }}
+      />
+    );
+  };
+
   return [
     {
       name: 'activeViewportWindowLevel',
@@ -63,6 +77,13 @@ const getPanelModule = ({ commandsManager, servicesManager, extensionManager }:
         return <ActiveViewportWindowLevel servicesManager={servicesManager} />;
       },
     },
+    {
+      name: 'panelMeasurement',
+      iconName: 'tab-linear',
+      iconLabel: 'Measure',
+      label: 'Measurement',
+      component: wrappedPanelMeasurement,
+    },
     {
       name: 'panelSegmentation',
       iconName: 'tab-segmentation',