feat(4D): Add 4D dynamic volume rendering and new pre-clinical 4d pt/ct mode (#3664)

Co-authored-by: Alireza <ar.sedghi@gmail.com>
Co-authored-by: Neil <neil.a.macphee@gmail.com>

extensions/tmtv/src/getPanelModule.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PanelPetSUV, PanelROIThresholdSegmentation } from './Panels';
+import { PanelPetSUV, PanelROIThresholdExport } from './Panels';
 import { Toolbox } from '@ohif/ui';
 
 // TODO:
@@ -17,20 +17,26 @@ function getPanelModule({ commandsManager, extensionManager, servicesManager })
     );
   };
 
-  const wrappedROIThresholdSeg = () => {
+  const wrappedROIThresholdToolbox = () => {
     return (
       <>
         <Toolbox
           commandsManager={commandsManager}
           servicesManager={servicesManager}
           extensionManager={extensionManager}
-          buttonSectionId="tmtvToolbox"
+          buttonSectionId="ROIThresholdToolbox"
           title="Threshold Tools"
         />
-        <PanelROIThresholdSegmentation
+      </>
+    );
+  };
+
+  const wrappedROIThresholdExport = () => {
+    return (
+      <>
+        <PanelROIThresholdExport
           commandsManager={commandsManager}
           servicesManager={servicesManager}
-          extensionManager={extensionManager}
         />
       </>
     );
@@ -45,11 +51,18 @@ function getPanelModule({ commandsManager, extensionManager, servicesManager })
       component: wrappedPanelPetSuv,
     },
     {
-      name: 'ROIThresholdSeg',
+      name: 'tmtvBox',
       iconName: 'tab-segmentation',
       iconLabel: 'Segmentation',
-      label: 'Segmentation',
-      component: wrappedROIThresholdSeg,
+      label: 'Segmentation Toolbox',
+      component: wrappedROIThresholdToolbox,
+    },
+    {
+      name: 'tmtvExport',
+      iconName: 'tab-segmentation',
+      iconLabel: 'Segmentation',
+      label: 'Segmentation Export',
+      component: wrappedROIThresholdExport,
     },
   ];
 }