feat(segmentation): Enhance Segmentation Tools with Preview and Selection Features (#4870)

platform/app/package.json

@@ -54,7 +54,7 @@
     "@cornerstonejs/codec-libjpeg-turbo-8bit": "^1.2.2",
     "@cornerstonejs/codec-openjpeg": "^1.2.4",
     "@cornerstonejs/codec-openjph": "^2.4.5",
-    "@cornerstonejs/dicom-image-loader": "^3.7.1",
+    "@cornerstonejs/dicom-image-loader": "^3.7.5",
     "@emotion/serialize": "^1.1.3",
     "@ohif/core": "3.10.0-beta.130",
     "@ohif/extension-cornerstone": "3.10.0-beta.130",

platform/core/package.json

@@ -37,7 +37,7 @@
     "@cornerstonejs/codec-libjpeg-turbo-8bit": "^1.2.2",
     "@cornerstonejs/codec-openjpeg": "^1.2.4",
     "@cornerstonejs/codec-openjph": "^2.4.5",
-    "@cornerstonejs/dicom-image-loader": "^3.7.1",
+    "@cornerstonejs/dicom-image-loader": "^3.7.5",
     "@ohif/ui": "3.10.0-beta.130",
     "cornerstone-math": "0.1.9",
     "dicom-parser": "^1.8.21"

platform/core/src/defaults/hotkeyBindings.ts

@@ -167,6 +167,16 @@ const bindings = [
     label: 'Delete Annotation',
     keys: ['backspace'],
   },
+  {
+    commandName: 'acceptPreview',
+    label: 'Accept Preview',
+    keys: ['enter'],
+  },
+  {
+    commandName: 'rejectPreview',
+    label: 'Reject Preview',
+    keys: ['esc'],
+  },
   // after we have the ui for undo/redo, we can add these back in
   // {
   //   commandName: 'undo',

platform/ui-next/src/components/Header/Header.tsx

@@ -29,6 +29,7 @@ interface HeaderProps {
   };
   PatientInfo?: ReactNode;
   Secondary?: ReactNode;
+  UndoRedo?: ReactNode;
 }
 
 function Header({
@@ -39,11 +40,10 @@ function Header({
   isSticky = false,
   WhiteLabeling,
   PatientInfo,
+  UndoRedo,
   Secondary,
   ...props
 }: HeaderProps): ReactNode {
-  const { t } = useTranslation('Header');
-
   const onClickReturn = () => {
     if (isReturnEnabled && onClickReturnButton) {
       onClickReturnButton();
@@ -76,6 +76,8 @@ function Header({
           <div className="flex items-center justify-center space-x-2">{children}</div>
         </div>
         <div className="absolute right-0 top-1/2 flex -translate-y-1/2 select-none items-center">
+          {UndoRedo}
+          <div className="border-primary-dark mx-1.5 h-[25px] border-r"></div>
           {PatientInfo}
           <div className="border-primary-dark mx-1.5 h-[25px] border-r"></div>
           <div className="flex-shrink-0">

platform/ui-next/src/components/SegmentationTable/SegmentationTable.tsx

@@ -1,11 +1,7 @@
 import React, { ReactNode, useState, Children, isValidElement } from 'react';
 import { useTranslation } from 'react-i18next';
 import { PanelSection } from '../PanelSection';
-import {
-  SegmentationTableProvider,
-  SegmentationTableContextType,
-  ViewportSegmentationInfo,
-} from './contexts';
+import { SegmentationTableProvider, SegmentationTableContextType } from './contexts';
 import { SegmentationSegments } from './SegmentationSegments';
 import { SegmentStatistics } from './SegmentStatistics';
 import { SegmentationTableConfig } from './SegmentationTableConfig';