feat(Mode): Add mode selector

extensions/default/src/Toolbar/index.ts

@@ -5,3 +5,4 @@ export * from './ToolRowWrapper';
 export * from './ToolBoxWrapper';
 export * from './ToolbarDivider';
 export * from './ToolbarLayoutSelector';
+export { default as ToolbarModeSelector } from './ToolbarModeSelector';

extensions/default/src/getToolbarModule.tsx

@@ -1,6 +1,7 @@
 import { utils } from '@ohif/ui-next';
 
 import ToolbarLayoutSelectorWithServices from './Toolbar/ToolbarLayoutSelector';
+import ToolbarModeSelectorWithServices from './Toolbar/ToolbarModeSelector';
 
 // legacy
 import { ProgressDropdownWithService } from './Components/ProgressDropdownWithService';
@@ -42,6 +43,11 @@ export default function getToolbarModule({ commandsManager, servicesManager }: w
       defaultComponent: props =>
         ToolbarLayoutSelectorWithServices({ ...props, commandsManager, servicesManager }),
     },
+    {
+      name: 'ohif.modeSelector',
+      defaultComponent: props =>
+        ToolbarModeSelectorWithServices({ ...props, commandsManager, servicesManager }),
+    },
     {
       name: 'ohif.progressDropdown',
       defaultComponent: ProgressDropdownWithService,

modes/basic-dev-mode/src/index.ts

@@ -100,6 +100,7 @@ function modeFactory({ modeConfiguration }) {
         'Zoom',
         'WindowLevel',
         'Pan',
+        'Mode',
         'Layout',
         'MoreTools',
       ]);

modes/basic-dev-mode/src/toolbarButtons.ts

@@ -146,6 +146,13 @@ const toolbarButtons: Button[] = [
       ],
     },
   },
+  {
+    id: 'Mode',
+    uiType: 'ohif.modeSelector',
+    props: {
+      evaluate: 'evaluate.action',
+    },
+  },
   {
     id: 'Layout',
     uiType: 'ohif.layoutSelector',

modes/basic-test-mode/src/index.ts

@@ -98,6 +98,7 @@ function modeFactory() {
         'WindowLevelGroup',
         'Pan',
         'Capture',
+        'Mode',
         'Layout',
         'MPR',
         'Crosshairs',

modes/basic-test-mode/src/toolbarButtons.ts

@@ -366,6 +366,13 @@ const toolbarButtons: Button[] = [
       ],
     },
   },
+  {
+    id: 'Mode',
+    uiType: 'ohif.modeSelector',
+    props: {
+      evaluate: 'evaluate.action',
+    },
+  },
   {
     id: 'Layout',
     uiType: 'ohif.layoutSelector',

modes/basic/src/index.tsx

@@ -221,6 +221,7 @@ export const toolbarSections = {
     'TrackballRotate',
     'WindowLevel',
     'Capture',
+    'Mode',
     'Layout',
     'Crosshairs',
     'MoreTools',

modes/basic/src/toolbarButtons.ts

@@ -631,6 +631,13 @@ const toolbarButtons: Button[] = [
       ],
     },
   },
+  {
+    id: 'Mode',
+    uiType: 'ohif.modeSelector',
+    props: {
+      evaluate: 'evaluate.action',
+    },
+  },
   {
     id: 'Layout',
     uiType: 'ohif.layoutSelector',

modes/preclinical-4d/src/getWorkflowSettings.ts

@@ -14,7 +14,7 @@ function getDefaultButtons({ toolbarService }) {
   return [
     {
       buttonSection: toolbarService.sections.primary,
-      buttons: ['MeasurementTools', 'Zoom', 'WindowLevel', 'Crosshairs', 'Pan'],
+      buttons: ['MeasurementTools', 'Zoom', 'Mode', 'WindowLevel', 'Crosshairs', 'Pan'],
     },
     {
       buttonSection: 'MeasurementTools',

modes/preclinical-4d/src/toolbarButtons.tsx

@@ -201,6 +201,13 @@ const toolbarButtons = [
       ],
     },
   },
+  {
+    id: 'Mode',
+    uiType: 'ohif.modeSelector',
+    props: {
+      evaluate: 'evaluate.action',
+    },
+  },
   {
     id: 'Layout',
     uiType: 'ohif.layoutSelector',

modes/segmentation/src/index.tsx

@@ -46,6 +46,7 @@ function modeFactory({ modeConfiguration }) {
         'Zoom',
         'TrackballRotate',
         'Capture',
+        'Mode',
         'Layout',
         'Crosshairs',
         'MoreTools',

modes/segmentation/src/toolbarButtons.ts

@@ -266,6 +266,13 @@ export const toolbarButtons: Button[] = [
       ],
     },
   },
+  {
+    id: 'Mode',
+    uiType: 'ohif.modeSelector',
+    props: {
+      evaluate: 'evaluate.action',
+    },
+  },
   {
     id: 'Layout',
     uiType: 'ohif.layoutSelector',

modes/tmtv/src/index.ts

@@ -92,6 +92,7 @@ function modeFactory({ modeConfiguration }) {
       toolbarService.updateSection(toolbarService.sections.primary, [
         'MeasurementTools',
         'Zoom',
+        'Mode',
         'Pan',
         'WindowLevel',
         'Crosshairs',

modes/tmtv/src/toolbarButtons.ts

@@ -153,6 +153,13 @@ const toolbarButtons = [
       evaluate: 'evaluate.cornerstoneTool',
     },
   },
+  {
+    id: 'Mode',
+    uiType: 'ohif.modeSelector',
+    props: {
+      evaluate: 'evaluate.action',
+    },
+  },
   {
     id: 'WindowLevel',
     uiType: 'ohif.toolButton',

modes/usAnnotation/src/index.ts

@@ -113,6 +113,7 @@ function modeFactory({ modeConfiguration }) {
         'TrackballRotate',
         'WindowLevel',
         'Capture',
+        'Mode',
         'Layout',
         'Crosshairs',
         'MoreTools',

modes/usAnnotation/src/toolbarButtons.ts

@@ -648,6 +648,13 @@ const toolbarButtons: Button[] = [
       ],
     },
   },
+  {
+    id: 'Mode',
+    uiType: 'ohif.modeSelector',
+    props: {
+      evaluate: 'evaluate.action',
+    },
+  },
   {
     id: 'Layout',
     uiType: 'ohif.layoutSelector',

platform/i18n/src/locales/en-US/ToolbarModeSelector.json

@@ -0,0 +1,7 @@
+{
+  "Browse modes": "Browse modes",
+  "Modes": "Modes",
+  "Loading study metadata for modes…": "Loading study metadata for modes…",
+  "Current mode": "Current mode",
+  "Unable to evaluate this mode": "Unable to evaluate this mode"
+}

platform/i18n/src/locales/en-US/index.js

@@ -25,6 +25,7 @@ import WindowLevelActionMenu from './WindowLevelActionMenu.json';
 import CaptureViewportModal from './CaptureViewportModal.json';
 import Hps from './Hps.json';
 import ToolbarLayoutSelector from './ToolbarLayoutSelector.json';
+import ToolbarModeSelector from './ToolbarModeSelector.json';
 import Tools from './Tools.json';
 import Onboarding from './Onboarding.json';
 import Colormaps from './Colormaps.json';
@@ -61,6 +62,7 @@ export default {
     CaptureViewportModal,
     Hps,
     ToolbarLayoutSelector,
+    ToolbarModeSelector,
     Tools,
     Onboarding,
     Colormaps,

platform/i18n/src/locales/fr/ToolbarModeSelector.json

@@ -0,0 +1,8 @@
+{
+  "Browse modes": "Browse modes",
+  "Modes": "Modes",
+  "Loading study metadata for modes…": "Loading study metadata for modes…",
+  "Study information unavailable": "Study information unavailable",
+  "Current mode": "Current mode",
+  "Unable to evaluate this mode": "Unable to evaluate this mode"
+}

platform/i18n/src/locales/fr/index.js

@@ -21,6 +21,7 @@ import Local from './Local.json';
 import ErrorBoundary from './ErrorBoundary.json';
 import Hps from './Hps.json';
 import ToolbarLayoutSelector from './ToolbarLayoutSelector.json';
+import ToolbarModeSelector from './ToolbarModeSelector.json';
 import WindowLevelActionMenu from './WindowLevelActionMenu.json';
 import CaptureViewportModal from './CaptureViewportModal.json';
 import Tools from './Tools.json';
@@ -56,6 +57,7 @@ export default {
     ErrorBoundary,
     Hps,
     ToolbarLayoutSelector,
+    ToolbarModeSelector,
     WindowLevelActionMenu,
     CaptureViewportModal,
     Tools,

platform/i18n/src/locales/nl/ToolbarModeSelector.json

@@ -0,0 +1,8 @@
+{
+  "Browse modes": "Browse modes",
+  "Modes": "Modi",
+  "Loading study metadata for modes…": "Loading study metadata for modes…",
+  "Study information unavailable": "Study information unavailable",
+  "Current mode": "Current mode",
+  "Unable to evaluate this mode": "Unable to evaluate this mode"
+}

platform/i18n/src/locales/nl/index.js

@@ -25,6 +25,7 @@ import WindowLevelActionMenu from './WindowLevelActionMenu.json';
 import CaptureViewportModal from './CaptureViewportModal.json';
 import Hps from './Hps.json';
 import ToolbarLayoutSelector from './ToolbarLayoutSelector.json';
+import ToolbarModeSelector from './ToolbarModeSelector.json';
 import Tools from './Tools.json';
 import Onboarding from './Onboarding.json';
 import Colormaps from './Colormaps.json';
@@ -60,6 +61,7 @@ export default {
     CaptureViewportModal,
     Hps,
     ToolbarLayoutSelector,
+    ToolbarModeSelector,
     Tools,
     Onboarding,
     Colormaps,

platform/i18n/src/locales/test-LNG/ToolbarModeSelector.json

@@ -0,0 +1,8 @@
+{
+  "Browse modes": "Browse modes",
+  "Modes": "Modes",
+  "Loading study metadata for modes…": "Loading study metadata for modes…",
+  "Study information unavailable": "Study information unavailable",
+  "Current mode": "Current mode",
+  "Unable to evaluate this mode": "Unable to evaluate this mode"
+}

platform/i18n/src/locales/test-LNG/index.js

@@ -33,6 +33,7 @@ import CaptureViewportModal from './CaptureViewportModal.json';
 import Tools from './Tools.json';
 import Hps from './Hps.json';
 import ToolbarLayoutSelector from './ToolbarLayoutSelector.json';
+import ToolbarModeSelector from './ToolbarModeSelector.json';
 import USAnnotationPanel from './USAnnotationPanel.json';
 
 export default {
@@ -72,6 +73,7 @@ export default {
     Tools,
     Hps,
     ToolbarLayoutSelector,
+    ToolbarModeSelector,
     USAnnotationPanel,
   },
 };

platform/i18n/src/locales/zh/ToolbarModeSelector.json

@@ -0,0 +1,8 @@
+{
+  "Browse modes": "Browse modes",
+  "Modes": "模式",
+  "Loading study metadata for modes…": "Loading study metadata for modes…",
+  "Study information unavailable": "Study information unavailable",
+  "Current mode": "Current mode",
+  "Unable to evaluate this mode": "Unable to evaluate this mode"
+}

platform/i18n/src/locales/zh/index.js

@@ -23,6 +23,7 @@ import WindowLevelActionMenu from './WindowLevelActionMenu.json';
 import CaptureViewportModal from './CaptureViewportModal.json';
 import Hps from './Hps.json';
 import ToolbarLayoutSelector from './ToolbarLayoutSelector.json';
+import ToolbarModeSelector from './ToolbarModeSelector.json';
 import Tools from './Tools.json';
 
 export default {
@@ -52,6 +53,7 @@ export default {
     CaptureViewportModal,
     Hps,
     ToolbarLayoutSelector,
+    ToolbarModeSelector,
     Tools,
   },
 };