feat(new-study-panel): default to list view for non thumbnail series, change default fitler to all, and add more menu to thumbnail items with a dicom tag browser (#4417)

extensions/cornerstone-dicom-seg/src/getPanelModule.tsx

@@ -1,40 +1,13 @@
 import React from 'react';
 
 import { useAppConfig } from '@state';
-import { Toolbox as NewToolbox } from '@ohif/ui-next';
-import { Toolbox as OldToolbox } from '@ohif/ui';
+import { Toolbox } from '@ohif/ui-next';
 import PanelSegmentation from './panels/PanelSegmentation';
 
-const getPanelModule = ({
-  commandsManager,
-  servicesManager,
-  extensionManager,
-  configuration,
-  title,
-}: withAppTypes) => {
+const getPanelModule = ({ commandsManager, servicesManager, extensionManager }: withAppTypes) => {
   const { customizationService } = servicesManager.services;
 
-  const wrappedPanelSegmentation = ({ configuration, renderHeader, getCloseIcon, tab }) => {
-    const [appConfig] = useAppConfig();
-
-    return (
-      <PanelSegmentation
-        commandsManager={commandsManager}
-        servicesManager={servicesManager}
-        extensionManager={extensionManager}
-        configuration={{
-          ...configuration,
-          disableEditing: appConfig.disableEditing,
-          ...customizationService.get('segmentation.panel'),
-        }}
-        renderHeader={renderHeader}
-        getCloseIcon={getCloseIcon}
-        tab={tab}
-      />
-    );
-  };
-
-  const wrappedPanelSegmentationNoHeader = ({ configuration }) => {
+  const wrappedPanelSegmentation = ({ configuration }) => {
     const [appConfig] = useAppConfig();
 
     return (
@@ -51,16 +24,9 @@ const getPanelModule = ({
     );
   };
 
-  const wrappedPanelSegmentationWithTools = ({
-    configuration,
-    renderHeader,
-    getCloseIcon,
-    tab,
-  }) => {
+  const wrappedPanelSegmentationWithTools = ({ configuration }) => {
     const [appConfig] = useAppConfig();
 
-    const Toolbox = appConfig.useExperimentalUI ? NewToolbox : OldToolbox;
-
     return (
       <>
         <Toolbox
@@ -72,9 +38,6 @@ const getPanelModule = ({
           configuration={{
             ...configuration,
           }}
-          renderHeader={renderHeader}
-          getCloseIcon={getCloseIcon}
-          tab={tab}
         />
         <PanelSegmentation
           commandsManager={commandsManager}
@@ -105,13 +68,6 @@ const getPanelModule = ({
       label: 'Segmentation',
       component: wrappedPanelSegmentationWithTools,
     },
-    {
-      name: 'panelSegmentationNoHeader',
-      iconName: 'tab-segmentation',
-      iconLabel: 'Segmentation',
-      label: 'Segmentation',
-      component: wrappedPanelSegmentationNoHeader,
-    },
   ];
 };
 

extensions/cornerstone-dicom-seg/src/panels/PanelSegmentation.tsx

@@ -18,9 +18,6 @@ export default function PanelSegmentation({
   commandsManager,
   extensionManager,
   configuration,
-  renderHeader,
-  getCloseIcon,
-  tab,
 }: withAppTypes) {
   const {
     segmentationService,
@@ -324,24 +321,6 @@ export default function PanelSegmentation({
 
   return (
     <>
-      {renderHeader && (
-        <>
-          <div className="bg-primary-dark flex select-none rounded-t pt-1.5 pb-[2px]">
-            <div className="flex h-[24px] w-full cursor-pointer select-none justify-center self-center text-[14px]">
-              <div className="text-primary-active flex grow cursor-pointer select-none justify-center self-center text-[13px]">
-                <span>{tab.label}</span>
-              </div>
-            </div>
-
-            {getCloseIcon()}
-          </div>
-          <Separator
-            orientation="horizontal"
-            className="bg-black"
-            thickness="2px"
-          />
-        </>
-      )}
       <SegmentationGroupTableComponent
         title={t('Segmentations')}
         segmentations={segmentations}