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-dynamic-volume/src/getPanelModule.tsx

@@ -1,28 +1,20 @@
 import React from 'react';
 import { DynamicDataPanel } from './panels';
-import { Toolbox as NewToolbox } from '@ohif/ui-next';
-import { Toolbox as OldToolbox } from '@ohif/ui';
-import { useAppConfig } from '@state';
+import { Toolbox } from '@ohif/ui-next';
 import DynamicExport from './panels/DynamicExport';
 
 function getPanelModule({ commandsManager, extensionManager, servicesManager }) {
-  const wrappedDynamicDataPanel = ({ renderHeader, getCloseIcon, tab }) => {
+  const wrappedDynamicDataPanel = ({}) => {
     return (
       <DynamicDataPanel
         commandsManager={commandsManager}
         servicesManager={servicesManager}
         extensionManager={extensionManager}
-        renderHeader={renderHeader}
-        getCloseIcon={getCloseIcon}
-        tab={tab}
       />
     );
   };
 
-  const wrappedDynamicToolbox = ({ renderHeader, getCloseIcon, tab }) => {
-    const [appConfig] = useAppConfig();
-
-    const Toolbox = appConfig.useExperimentalUI ? NewToolbox : OldToolbox;
+  const wrappedDynamicToolbox = ({}) => {
     return (
       <>
         <Toolbox
@@ -31,9 +23,6 @@ function getPanelModule({ commandsManager, extensionManager, servicesManager })
           extensionManager={extensionManager}
           buttonSectionId="dynamic-toolbox"
           title="Threshold Tools"
-          renderHeader={renderHeader}
-          getCloseIcon={getCloseIcon}
-          tab={tab}
         />
       </>
     );

extensions/cornerstone-dynamic-volume/src/panels/DynamicDataPanel.tsx

@@ -2,33 +2,9 @@ import React from 'react';
 import PanelGenerateImage from './PanelGenerateImage';
 import { Separator } from '@ohif/ui-next';
 
-function DynamicDataPanel({
-  servicesManager,
-  commandsManager,
-  renderHeader,
-  getCloseIcon,
-  tab,
-}: withAppTypes) {
+function DynamicDataPanel({ servicesManager, commandsManager, tab }: withAppTypes) {
   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"
-          />
-        </>
-      )}
       <div
         className="flex flex-col text-white"
         data-cy={'dynamic-volume-panel'}