feat(ViewportActionMenu): window level per viewport / new patient info / colorbars/ 3D presets and 3D volume rendering (#3963)

Co-authored-by: Joe Boccanfuso <109477394+jbocce@users.noreply.github.com>

platform/ui/src/components/Icon/getIcon.js

@@ -17,6 +17,8 @@ import chevronMenu from './../../assets/icons/chevron-menu.svg';
 import chevronNext from './../../assets/icons/chevron-next.svg';
 import chevronPrev from './../../assets/icons/chevron-prev.svg';
 import chevronRight from './../../assets/icons/chevron-right.svg';
+import contentNext from './../../assets/icons/content-next.svg';
+import contentPrev from './../../assets/icons/content-prev.svg';
 import eyeVisible from './../../assets/icons/eye-visible.svg';
 import eyeHidden from './../../assets/icons/eye-hidden.svg';
 import exclamation from './../../assets/icons/exclamation.svg';
@@ -83,6 +85,9 @@ import notificationsInfo from './../../assets/icons/notifications-info.svg';
 import notificationsWarning from './../../assets/icons/notifications-warning.svg';
 import notificationsError from './../../assets/icons/notifications-error.svg';
 import notificationsSuccess from './../../assets/icons/notifications-success.svg';
+import nextArrow from './../../assets/icons/next-arrow.svg';
+import prevArrow from './../../assets/icons/prev-arrow.svg';
+import viewportStatusTracked from './../../assets/icons/viewport-status-tracked.svg';
 
 /** Tools */
 import toggleDicomOverlay from './../../assets/icons/toggle-dicom-overlay.svg';
@@ -139,12 +144,53 @@ import iconToolEraser from './../../assets/icons/icon-tool-eraser.svg';
 import iconToolScissor from './../../assets/icons/icon-tool-scissor.svg';
 import iconToolShape from './../../assets/icons/icon-tool-shape.svg';
 import iconToolThreshold from './../../assets/icons/icon-tool-threshold.svg';
+import viewportWindowLevel from './../../assets/icons/viewport-window-level.svg';
 
 /** Old OHIF */
 import oldTrash from './../../assets/icons/old-trash.svg';
 import oldPlay from './../../assets/icons/old-play.svg';
 import oldStop from './../../assets/icons/old-stop.svg';
 
+/** ColorLut */
+import iconColorLUT from './../../assets/icons/icon-color-lut.svg';
+
+/** New Patient Info Toolbar */
+import iconChevronPatient from './../../assets/icons/icon-chevron-patient.svg';
+import iconPatient from './../../assets/icons/icon-patient.svg';
+import iconSettings from './../../assets/icons/icon-settings.svg';
+import iconToolbarBack from './../../assets/icons/icon-toolbar-back.svg';
+import iconMultiplePatients from './../../assets/icons/icon-multiple-patients.svg';
+
+/** Volume Rendering */
+import CTAAA from './../../assets/icons/CT-AAA.png';
+import CTAAA2 from './../../assets/icons/CT-AAA2.png';
+import CTAir from './../../assets/icons/CT-Air.png';
+import CTBone from './../../assets/icons/CT-Bone.png';
+import CTBones from './../../assets/icons/CT-Bones.png';
+import CTCardiac from './../../assets/icons/CT-Cardiac.png';
+import CTCardiac2 from './../../assets/icons/CT-Cardiac2.png';
+import CTCardiac3 from './../../assets/icons/CT-Cardiac3.png';
+import CTChestContrastEnhanced from './../../assets/icons/CT-Chest-Contrast-Enhanced.png';
+import CTChestVessels from './../../assets/icons/CT-Chest-Vessels.png';
+import CTCoronaryArteries from './../../assets/icons/CT-Coronary-Arteries.png';
+import CTCoronaryArteries2 from './../../assets/icons/CT-Coronary-Arteries-2.png';
+import CTCoronaryArteries3 from './../../assets/icons/CT-Coronary-Arteries-3.png';
+import CTCroppedVolumeBone from './../../assets/icons/CT-Cropped-Volume-Bone.png';
+import CTFat from './../../assets/icons/CT-Fat.png';
+import CTLiverVasculature from './../../assets/icons/CT-Liver-Vasculature.png';
+import CTLung from './../../assets/icons/CT-Lung.png';
+import CTMIP from './../../assets/icons/CT-MIP.png';
+import CTMuscle from './../../assets/icons/CT-Muscle.png';
+import CTPulmonaryArteries from './../../assets/icons/CT-Pulmonary-Arteries.png';
+import CTSoftTissue from './../../assets/icons/CT-Soft-Tissue.png';
+import DTIFABrain from './../../assets/icons/DTI-FA-Brain.png';
+import MRAngio from './../../assets/icons/MR-Angio.png';
+import MRDefault from './../../assets/icons/MR-Default.png';
+import MRMIP from './../../assets/icons/MR-MIP.png';
+import MRT2Brain from './../../assets/icons/MR-T2-Brain.png';
+import VolumeRendering from './../../assets/icons/VolumeRendering.png';
+import actionNewDialog from './../../assets/icons/action-new-dialog.svg';
+
 /** LAYOUT */
 
 import layoutAdvanced3DFourUp from './../../assets/icons/layout-advanced-3d-four-up.svg';
@@ -160,7 +206,6 @@ import layoutCommon2x3 from './../../assets/icons/layout-common-2x3.svg';
 import iconToolRotate from './../../assets/icons/tool-3d-rotate.svg';
 
 /** New investigational use */
-
 import investigationalUse from './../../assets/icons/illustration-investigational-use.svg';
 
 const ICONS = {
@@ -180,6 +225,8 @@ const ICONS = {
   'chevron-next': chevronNext,
   'chevron-prev': chevronPrev,
   'chevron-right': chevronRight,
+  'content-next': contentNext,
+  'content-prev': contentPrev,
   'eye-visible': eyeVisible,
   'eye-hidden': eyeHidden,
   'external-link': externalLink,
@@ -304,12 +351,51 @@ const ICONS = {
   'icon-tool-scissor': iconToolScissor,
   'icon-tool-shape': iconToolShape,
   'icon-tool-threshold': iconToolThreshold,
-
+  'next-arrow': nextArrow,
+  'prev-arrow': prevArrow,
+  'viewport-status-tracked': viewportStatusTracked,
+  'viewport-window-level': viewportWindowLevel,
   /** Old OHIF */
   'old-trash': oldTrash,
   'old-play': oldPlay,
   'old-stop': oldStop,
-
+  /** ColorLut */
+  'icon-color-lut': iconColorLUT,
+  /** New Patient Info Toolbar */
+  'icon-chevron-patient': iconChevronPatient,
+  'icon-patient': iconPatient,
+  'icon-settings': iconSettings,
+  'icon-toolbar-back': iconToolbarBack,
+  'icon-multiple-patients': iconMultiplePatients,
+  /** Volume Rendering */
+  'CT-AAA': CTAAA,
+  'CT-AAA2': CTAAA2,
+  'CT-Air': CTAir,
+  'CT-Bone': CTBone,
+  'CT-Bones': CTBones,
+  'CT-Cardiac': CTCardiac,
+  'CT-Cardiac2': CTCardiac2,
+  'CT-Cardiac3': CTCardiac3,
+  'CT-Chest-Contrast-Enhanced': CTChestContrastEnhanced,
+  'CT-Chest-Vessels': CTChestVessels,
+  'CT-Coronary-Arteries': CTCoronaryArteries,
+  'CT-Coronary-Arteries-2': CTCoronaryArteries2,
+  'CT-Coronary-Arteries-3': CTCoronaryArteries3,
+  'CT-Cropped-Volume-Bone': CTCroppedVolumeBone,
+  'CT-Fat': CTFat,
+  'CT-Liver-Vasculature': CTLiverVasculature,
+  'CT-Lung': CTLung,
+  'CT-MIP': CTMIP,
+  'CT-Muscle': CTMuscle,
+  'CT-Pulmonary-Arteries': CTPulmonaryArteries,
+  'CT-Soft-Tissue': CTSoftTissue,
+  'DTI-FA-Brain': DTIFABrain,
+  'MR-Angio': MRAngio,
+  'MR-Default': MRDefault,
+  'MR-MIP': MRMIP,
+  'MR-T2-Brain': MRT2Brain,
+  VolumeRendering: VolumeRendering,
+  'action-new-dialog': actionNewDialog,
   /** LAYOUT */
   'layout-advanced-3d-four-up': layoutAdvanced3DFourUp,
   'layout-advanced-3d-main': layoutAdvanced3DMain,
@@ -340,11 +426,17 @@ function addIcon(iconName, iconSVG) {
  * return `null`
  */
 export default function getIcon(key, props) {
-  if (!key || !ICONS[key]) {
+  const icon = ICONS[key];
+
+  if (!key || !icon) {
     return React.createElement('div', null, 'Missing Icon');
   }
 
-  return React.createElement(ICONS[key], props);
+  if (typeof icon === 'string' && icon.endsWith('.png')) {
+    return React.createElement('img', { src: icon, ...props });
+  } else {
+    return React.createElement(icon, props);
+  }
 }
 
 export { getIcon, ICONS, addIcon };