@ohif/app 3.8.0-beta.5 → 3.8.0-beta.7

package/dist/{99.bundle.51efd3493cd1de6bf63c.js → 126.bundle.42df2dafc9c0310da188.js}

@@ -1,6 +1,6 @@
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[99],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[126],{
 
-/***/ 7395:
+/***/ 32199:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -14,22 +14,16 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
 var src = __webpack_require__(71771);
-// EXTERNAL MODULE: ../../ui/src/index.js + 485 modules
-var ui_src = __webpack_require__(71783);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 331 modules
-var esm = __webpack_require__(3743);
+// EXTERNAL MODULE: ../../ui/src/index.js + 486 modules
+var ui_src = __webpack_require__(22582);
 ;// CONCATENATED MODULE: ../../../modes/basic-test-mode/src/toolbarButtons.ts
 // TODO: torn, can either bake this here; or have to create a whole new button type
 // Only ways that you can pass in a custom React component for render :l
 
 
-
 const {
   windowLevelPresets
 } = src.defaults;
-const _createActionButton = src/* ToolbarService */.Ok._createButton.bind(null, 'action');
-const _createToggleButton = src/* ToolbarService */.Ok._createButton.bind(null, 'toggle');
-const _createToolButton = src/* ToolbarService */.Ok._createButton.bind(null, 'tool');
 
 /**
  *
@@ -52,16 +46,6 @@ function _createWwwcPreset(preset, title, subtitle) {
     }]
   };
 }
-const ReferenceLinesCommands = [{
-  commandName: 'setSourceViewportForReferenceLinesTool',
-  context: 'CORNERSTONE'
-}, {
-  commandName: 'setToolActive',
-  commandOptions: {
-    toolName: 'ReferenceLines'
-  },
-  context: 'CORNERSTONE'
-}];
 const toolbarButtons = [
 // Measurement
 {
@@ -72,7 +56,7 @@ const toolbarButtons = [
     isRadio: true,
     // ?
     // Switch?
-    primary: _createToolButton('Length', 'tool-length', 'Length', [{
+    primary: src/* ToolbarService */.Ok._createToolButton('Length', 'tool-length', 'Length', [{
       commandName: 'setToolActive',
       commandOptions: {
         toolName: 'Length'
@@ -93,7 +77,7 @@ const toolbarButtons = [
       isActive: true,
       tooltip: 'More Measure Tools'
     },
-    items: [_createToolButton('Length', 'tool-length', 'Length', [{
+    items: [src/* ToolbarService */.Ok._createToolButton('Length', 'tool-length', 'Length', [{
       commandName: 'setToolActive',
       commandOptions: {
         toolName: 'Length'
@@ -107,7 +91,7 @@ const toolbarButtons = [
       },
       // we can use the setToolActive command for this from Cornerstone commandsModule
       context: 'CORNERSTONE'
-    }], 'Length Tool'), _createToolButton('Bidirectional', 'tool-bidirectional', 'Bidirectional', [{
+    }], 'Length Tool'), src/* ToolbarService */.Ok._createToolButton('Bidirectional', 'tool-bidirectional', 'Bidirectional', [{
       commandName: 'setToolActive',
       commandOptions: {
         toolName: 'Bidirectional'
@@ -120,7 +104,7 @@ const toolbarButtons = [
         toolGroupId: 'SRToolGroup'
       },
       context: 'CORNERSTONE'
-    }], 'Bidirectional Tool'), _createToolButton('ArrowAnnotate', 'tool-annotate', 'Annotation', [{
+    }], 'Bidirectional Tool'), src/* ToolbarService */.Ok._createToolButton('ArrowAnnotate', 'tool-annotate', 'Annotation', [{
       commandName: 'setToolActive',
       commandOptions: {
         toolName: 'ArrowAnnotate'
@@ -133,7 +117,7 @@ const toolbarButtons = [
         toolGroupId: 'SRToolGroup'
       },
       context: 'CORNERSTONE'
-    }], 'Arrow Annotate'), _createToolButton('EllipticalROI', 'tool-elipse', 'Ellipse', [{
+    }], 'Arrow Annotate'), src/* ToolbarService */.Ok._createToolButton('EllipticalROI', 'tool-elipse', 'Ellipse', [{
       commandName: 'setToolActive',
       commandOptions: {
         toolName: 'EllipticalROI'
@@ -146,7 +130,7 @@ const toolbarButtons = [
         toolGroupId: 'SRToolGroup'
       },
       context: 'CORNERSTONE'
-    }], 'Ellipse Tool'), _createToolButton('CircleROI', 'tool-circle', 'Circle', [{
+    }], 'Ellipse Tool'), src/* ToolbarService */.Ok._createToolButton('CircleROI', 'tool-circle', 'Circle', [{
       commandName: 'setToolActive',
       commandOptions: {
         toolName: 'CircleROI'
@@ -185,7 +169,7 @@ const toolbarButtons = [
   type: 'ohif.splitButton',
   props: {
     groupId: 'WindowLevel',
-    primary: _createToolButton('WindowLevel', 'tool-window-level', 'Window Level', [{
+    primary: src/* ToolbarService */.Ok._createToolButton('WindowLevel', 'tool-window-level', 'Window Level', [{
       commandName: 'setToolActive',
       commandOptions: {
         toolName: 'WindowLevel'
@@ -322,8 +306,7 @@ const toolbarButtons = [
       commandName: 'toggleHangingProtocol',
       commandOptions: {
         protocolId: 'mpr'
-      },
-      context: 'DEFAULT'
+      }
     }]
   }
 }, {
@@ -338,102 +321,8 @@ const toolbarButtons = [
       commandOptions: {
         toolGroupId: 'mpr',
         toolName: 'Crosshairs'
-      },
-      context: 'CORNERSTONE'
-    }]
-  }
-},
-// More...
-{
-  id: 'MoreTools',
-  type: 'ohif.splitButton',
-  props: {
-    isRadio: true,
-    // ?
-    groupId: 'MoreTools',
-    primary: _createActionButton('Reset', 'tool-reset', 'Reset View', [{
-      commandName: 'resetViewport',
-      commandOptions: {},
-      context: 'CORNERSTONE'
-    }], 'Reset'),
-    secondary: {
-      icon: 'chevron-down',
-      label: '',
-      isActive: true,
-      tooltip: 'More Tools'
-    },
-    items: [_createActionButton('Reset', 'tool-reset', 'Reset View', [{
-      commandName: 'resetViewport',
-      commandOptions: {},
-      context: 'CORNERSTONE'
-    }], 'Reset'), _createActionButton('rotate-right', 'tool-rotate-right', 'Rotate Right', [{
-      commandName: 'rotateViewportCW',
-      commandOptions: {},
-      context: 'CORNERSTONE'
-    }], 'Rotate +90'), _createActionButton('flip-horizontal', 'tool-flip-horizontal', 'Flip Horizontally', [{
-      commandName: 'flipViewportHorizontal',
-      commandOptions: {},
-      context: 'CORNERSTONE'
-    }], 'Flip Horizontally'), _createToggleButton('StackImageSync', 'link', 'Stack Image Sync', [{
-      commandName: 'toggleStackImageSync'
-    }], 'Enable position synchronization on stack viewports', {
-      listeners: {
-        [esm.EVENTS.STACK_VIEWPORT_NEW_STACK]: {
-          commandName: 'toggleStackImageSync',
-          commandOptions: {
-            toggledState: true
-          }
-        }
       }
-    }), _createToggleButton('ReferenceLines', 'tool-referenceLines',
-    // change this with the new icon
-    'Reference Lines', ReferenceLinesCommands, 'Show Reference Lines', {
-      listeners: {
-        [esm.EVENTS.STACK_VIEWPORT_NEW_STACK]: ReferenceLinesCommands,
-        [esm.EVENTS.ACTIVE_VIEWPORT_ID_CHANGED]: ReferenceLinesCommands
-      }
-    }), _createToolButton('StackScroll', 'tool-stack-scroll', 'Stack Scroll', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'StackScroll'
-      },
-      context: 'CORNERSTONE'
-    }], 'Stack Scroll'), _createActionButton('invert', 'tool-invert', 'Invert', [{
-      commandName: 'invertViewport',
-      commandOptions: {},
-      context: 'CORNERSTONE'
-    }], 'Invert Colors'), _createToolButton('Probe', 'tool-probe', 'Probe', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'DragProbe'
-      },
-      context: 'CORNERSTONE'
-    }], 'Probe'), _createToggleButton('cine', 'tool-cine', 'Cine', [{
-      commandName: 'toggleCine',
-      context: 'CORNERSTONE'
-    }], 'Cine'), _createToolButton('Angle', 'tool-angle', 'Angle', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'Angle'
-      },
-      context: 'CORNERSTONE'
-    }], 'Angle'), _createToolButton('Magnify', 'tool-magnify', 'Magnify', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'Magnify'
-      },
-      context: 'CORNERSTONE'
-    }], 'Magnify'), _createToolButton('Rectangle', 'tool-rectangle', 'Rectangle', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'RectangleROI'
-      },
-      context: 'CORNERSTONE'
-    }], 'Rectangle'), _createActionButton('TagBrowser', 'list-bullets', 'Dicom Tag Browser', [{
-      commandName: 'openDICOMTagViewer',
-      commandOptions: {},
-      context: 'DEFAULT'
-    }], 'Dicom Tag Browser')]
+    }]
   }
 }];
 /* harmony default export */ const src_toolbarButtons = (toolbarButtons);
@@ -646,15 +535,182 @@ function initToolGroups(extensionManager, toolGroupService, commandsManager) {
   initMPRToolGroup(extensionManager, toolGroupService, commandsManager);
 }
 /* harmony default export */ const src_initToolGroups = (initToolGroups);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 331 modules
+var esm = __webpack_require__(3743);
+;// CONCATENATED MODULE: ../../../modes/basic-test-mode/src/moreTools.ts
+
+
+const ReferenceLinesCommands = [{
+  commandName: 'setSourceViewportForReferenceLinesTool',
+  context: 'CORNERSTONE'
+}, {
+  commandName: 'setToolActive',
+  commandOptions: {
+    toolName: 'ReferenceLines'
+  },
+  context: 'CORNERSTONE'
+}];
+const moreTools = [{
+  id: 'MoreTools',
+  type: 'ohif.splitButton',
+  props: {
+    isRadio: true,
+    // ?
+    groupId: 'MoreTools',
+    primary: src/* ToolbarService */.Ok._createActionButton('Reset', 'tool-reset', 'Reset View', [{
+      commandName: 'resetViewport'
+    }], 'Reset'),
+    secondary: {
+      icon: 'chevron-down',
+      label: '',
+      isActive: true,
+      tooltip: 'More Tools'
+    },
+    items: [src/* ToolbarService */.Ok._createActionButton('Reset', 'tool-reset', 'Reset View', [{
+      commandName: 'resetViewport'
+    }], 'Reset'), src/* ToolbarService */.Ok._createActionButton('rotate-right', 'tool-rotate-right', 'Rotate Right', [{
+      commandName: 'rotateViewportCW',
+      commandOptions: {},
+      context: 'CORNERSTONE'
+    }], 'Rotate +90'), src/* ToolbarService */.Ok._createActionButton('flip-horizontal', 'tool-flip-horizontal', 'Flip Horizontally', [{
+      commandName: 'flipViewportHorizontal',
+      commandOptions: {},
+      context: 'CORNERSTONE'
+    }], 'Flip Horizontally'), src/* ToolbarService */.Ok._createToggleButton('StackImageSync', 'link', 'Stack Image Sync', [{
+      commandName: 'toggleStackImageSync'
+    }], 'Enable position synchronization on stack viewports', {
+      listeners: {
+        [esm.EVENTS.STACK_VIEWPORT_NEW_STACK]: {
+          commandName: 'toggleStackImageSync',
+          commandOptions: {
+            toggledState: true
+          }
+        }
+      }
+    }), src/* ToolbarService */.Ok._createToggleButton('ReferenceLines', 'tool-referenceLines',
+    // change this with the new icon
+    'Reference Lines', ReferenceLinesCommands, 'Show Reference Lines', {
+      listeners: {
+        [esm.EVENTS.STACK_VIEWPORT_NEW_STACK]: ReferenceLinesCommands,
+        [esm.EVENTS.ACTIVE_VIEWPORT_ID_CHANGED]: ReferenceLinesCommands
+      }
+    }), src/* ToolbarService */.Ok._createToolButton('StackScroll', 'tool-stack-scroll', 'Stack Scroll', [{
+      commandName: 'setToolActive',
+      commandOptions: {
+        toolName: 'StackScroll'
+      },
+      context: 'CORNERSTONE'
+    }], 'Stack Scroll'), src/* ToolbarService */.Ok._createActionButton('invert', 'tool-invert', 'Invert', [{
+      commandName: 'invertViewport',
+      commandOptions: {},
+      context: 'CORNERSTONE'
+    }], 'Invert Colors'), src/* ToolbarService */.Ok._createToolButton('Probe', 'tool-probe', 'Probe', [{
+      commandName: 'setToolActive',
+      commandOptions: {
+        toolName: 'DragProbe'
+      },
+      context: 'CORNERSTONE'
+    }], 'Probe'), src/* ToolbarService */.Ok._createToggleButton('cine', 'tool-cine', 'Cine', [{
+      commandName: 'toggleCine',
+      context: 'CORNERSTONE'
+    }], 'Cine'), src/* ToolbarService */.Ok._createToolButton('Angle', 'tool-angle', 'Angle', [{
+      commandName: 'setToolActive',
+      commandOptions: {
+        toolName: 'Angle'
+      },
+      context: 'CORNERSTONE'
+    }], 'Angle'), src/* ToolbarService */.Ok._createToolButton('Magnify', 'tool-magnify', 'Magnify', [{
+      commandName: 'setToolActive',
+      commandOptions: {
+        toolName: 'Magnify'
+      },
+      context: 'CORNERSTONE'
+    }], 'Magnify'), src/* ToolbarService */.Ok._createToolButton('Rectangle', 'tool-rectangle', 'Rectangle', [{
+      commandName: 'setToolActive',
+      commandOptions: {
+        toolName: 'RectangleROI'
+      },
+      context: 'CORNERSTONE'
+    }], 'Rectangle'), src/* ToolbarService */.Ok._createActionButton('TagBrowser', 'list-bullets', 'Dicom Tag Browser', [{
+      commandName: 'openDICOMTagViewer',
+      commandOptions: {},
+      context: 'DEFAULT'
+    }], 'Dicom Tag Browser')]
+  }
+}];
+/* harmony default export */ const src_moreTools = (moreTools);
+;// CONCATENATED MODULE: ../../../modes/basic-test-mode/src/moreToolsMpr.ts
+
+const moreToolsMpr = [{
+  id: 'MoreToolsMpr',
+  type: 'ohif.splitButton',
+  props: {
+    isRadio: true,
+    // ?
+    groupId: 'MoreTools',
+    primary: src/* ToolbarService */.Ok._createActionButton('Reset', 'tool-reset', 'Reset View', [{
+      commandName: 'resetViewport'
+    }], 'Reset'),
+    secondary: {
+      icon: 'chevron-down',
+      label: '',
+      isActive: true,
+      tooltip: 'More Tools'
+    },
+    items: [src/* ToolbarService */.Ok._createActionButton('Reset', 'tool-reset', 'Reset View', [{
+      commandName: 'resetViewport'
+    }], 'Reset'), src/* ToolbarService */.Ok._createToolButton('StackScroll', 'tool-stack-scroll', 'Stack Scroll', [{
+      commandName: 'setToolActive',
+      commandOptions: {
+        toolName: 'StackScroll'
+      },
+      context: 'CORNERSTONE'
+    }], 'Stack Scroll'), src/* ToolbarService */.Ok._createActionButton('invert', 'tool-invert', 'Invert', [{
+      commandName: 'invertViewport',
+      commandOptions: {},
+      context: 'CORNERSTONE'
+    }], 'Invert Colors'), src/* ToolbarService */.Ok._createToolButton('Probe', 'tool-probe', 'Probe', [{
+      commandName: 'setToolActive',
+      commandOptions: {
+        toolName: 'DragProbe'
+      },
+      context: 'CORNERSTONE'
+    }], 'Probe'), src/* ToolbarService */.Ok._createToggleButton('cine', 'tool-cine', 'Cine', [{
+      commandName: 'toggleCine',
+      context: 'CORNERSTONE'
+    }], 'Cine'), src/* ToolbarService */.Ok._createToolButton('Angle', 'tool-angle', 'Angle', [{
+      commandName: 'setToolActive',
+      commandOptions: {
+        toolName: 'Angle'
+      },
+      context: 'CORNERSTONE'
+    }], 'Angle'), src/* ToolbarService */.Ok._createToolButton('Rectangle', 'tool-rectangle', 'Rectangle', [{
+      commandName: 'setToolActive',
+      commandOptions: {
+        toolName: 'RectangleROI'
+      },
+      context: 'CORNERSTONE'
+    }], 'Rectangle'), src/* ToolbarService */.Ok._createActionButton('TagBrowser', 'list-bullets', 'Dicom Tag Browser', [{
+      commandName: 'openDICOMTagViewer',
+      commandOptions: {},
+      context: 'DEFAULT'
+    }], 'Dicom Tag Browser')]
+  }
+}];
+/* harmony default export */ const src_moreToolsMpr = (moreToolsMpr);
 ;// CONCATENATED MODULE: ../../../modes/basic-test-mode/src/index.ts
 
 
 
 
 
+
+
 // Allow this mode by excluding non-imaging modalities such as SR, SEG
 // Also, SM is not a simple imaging modalities, so exclude it.
 const NON_IMAGE_MODALITIES = ['SM', 'ECG', 'SR', 'SEG'];
+const DEFAULT_TOOL_GROUP_ID = 'default';
+const MPR_TOOL_GROUP_ID = 'mpr';
 const ohif = {
   layout: '@ohif/extension-default.layoutTemplateModule.viewerLayout',
   sopClassHandler: '@ohif/extension-default.sopClassHandlerModule.stack',
@@ -723,18 +779,20 @@ function modeFactory() {
       // init customizations
       customizationService.addModeCustomizations(['@ohif/extension-test.customizationModule.custom-context-menu']);
       let unsubscribe;
+      toolbarService.setDefaultTool({
+        groupId: 'WindowLevel',
+        itemId: 'WindowLevel',
+        interactionType: 'tool',
+        commands: [{
+          commandName: 'setToolActive',
+          commandOptions: {
+            toolName: 'WindowLevel'
+          },
+          context: 'CORNERSTONE'
+        }]
+      });
       const activateTool = () => {
-        toolbarService.recordInteraction({
-          groupId: 'WindowLevel',
-          interactionType: 'tool',
-          commands: [{
-            commandName: 'setToolActive',
-            commandOptions: {
-              toolName: 'WindowLevel'
-            },
-            context: 'CORNERSTONE'
-          }]
-        });
+        toolbarService.recordInteraction(toolbarService.getDefaultTool());
 
         // We don't need to reset the active tool whenever a viewport is getting
         // added to the toolGroup.
@@ -747,8 +805,9 @@ function modeFactory() {
         unsubscribe
       } = toolGroupService.subscribe(toolGroupService.EVENTS.VIEWPORT_ADDED, activateTool));
       toolbarService.init(extensionManager);
-      toolbarService.addButtons(src_toolbarButtons);
-      toolbarService.createButtonSection('primary', ['MeasurementTools', 'Zoom', 'WindowLevel', 'Pan', 'Capture', 'Layout', 'MPR', 'Crosshairs', 'MoreTools']);
+      toolbarService.addButtons([...src_toolbarButtons, ...src_moreTools, ...src_moreToolsMpr]);
+      toolbarService.createButtonSection(DEFAULT_TOOL_GROUP_ID, ['MeasurementTools', 'Zoom', 'WindowLevel', 'Pan', 'Capture', 'Layout', 'MPR', 'MoreTools']);
+      toolbarService.createButtonSection(MPR_TOOL_GROUP_ID, ['MeasurementTools', 'Zoom', 'WindowLevel', 'Pan', 'Capture', 'Layout', 'MPR', 'Crosshairs', 'MoreToolsMpr']);
     },
     onModeExit: _ref2 => {
       let {

package/dist/{181.bundle.2ddc6f90740895a3949c.js → 181.bundle.a62b9f0ec692299acb35.js}

@@ -25,8 +25,8 @@ var esm = __webpack_require__(14957);
 var dist_esm = __webpack_require__(3743);
 // EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
 var src = __webpack_require__(71771);
-// EXTERNAL MODULE: ../../ui/src/index.js + 485 modules
-var ui_src = __webpack_require__(71783);
+// EXTERNAL MODULE: ../../ui/src/index.js + 486 modules
+var ui_src = __webpack_require__(22582);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/state.ts
 var state = __webpack_require__(73704);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/Viewport/OHIFCornerstoneViewport.css

package/dist/{19.bundle.05ccf775cb70682dfcdf.js → 19.bundle.e5579df6d7b74af50b1d.js}

@@ -20,8 +20,8 @@ var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 var es = __webpack_require__(261);
 // EXTERNAL MODULE: ../../../node_modules/@xstate/react/es/index.js + 8 modules
 var react_es = __webpack_require__(44530);
-// EXTERNAL MODULE: ../../ui/src/index.js + 485 modules
-var src = __webpack_require__(71783);
+// EXTERNAL MODULE: ../../ui/src/index.js + 486 modules
+var src = __webpack_require__(22582);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/contexts/TrackedMeasurementsContext/measurementTrackingMachine.js
 
 const RESPONSE = {
@@ -1106,8 +1106,8 @@ var dist = __webpack_require__(62474);
 var es = __webpack_require__(69190);
 // EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
 var src = __webpack_require__(71771);
-// EXTERNAL MODULE: ../../ui/src/index.js + 485 modules
-var ui_src = __webpack_require__(71783);
+// EXTERNAL MODULE: ../../ui/src/index.js + 486 modules
+var ui_src = __webpack_require__(22582);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/panels/PanelStudyBrowserTracking/PanelStudyBrowserTracking.tsx
 
 

package/dist/{221.bundle.da7732c6f158b6f2b0d8.js → 221.bundle.c2dc03d8fa4235dc1285.js}

@@ -298,8 +298,8 @@ var default_src = __webpack_require__(56342);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
 var prop_types = __webpack_require__(3827);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
-// EXTERNAL MODULE: ../../ui/src/index.js + 485 modules
-var ui_src = __webpack_require__(71783);
+// EXTERNAL MODULE: ../../ui/src/index.js + 486 modules
+var ui_src = __webpack_require__(22582);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-seg/src/panels/callInputDialog.tsx
 
 

package/dist/{236.bundle.09d155c6f44b5a44e4bf.js → 236.bundle.c9e70d55e7b2574c1ecd.js}

@@ -20,8 +20,8 @@ const id = package_namespaceObject.u2;
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(43001);
-// EXTERNAL MODULE: ../../ui/src/index.js + 485 modules
-var src = __webpack_require__(71783);
+// EXTERNAL MODULE: ../../ui/src/index.js + 486 modules
+var src = __webpack_require__(22582);
 // EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
 var core_src = __webpack_require__(71771);
 // EXTERNAL MODULE: ../../../node_modules/react-i18next/dist/es/index.js + 15 modules

package/dist/{250.bundle.8084960e3318cda37317.js → 250.bundle.aea3335667054bdefe36.js}

@@ -22,8 +22,8 @@ var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 // EXTERNAL MODULE: ../../../node_modules/lodash.debounce/index.js
 var lodash_debounce = __webpack_require__(8324);
 var lodash_debounce_default = /*#__PURE__*/__webpack_require__.n(lodash_debounce);
-// EXTERNAL MODULE: ../../ui/src/index.js + 485 modules
-var src = __webpack_require__(71783);
+// EXTERNAL MODULE: ../../ui/src/index.js + 486 modules
+var src = __webpack_require__(22582);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-microscopy/src/DicomMicroscopyViewport.css
 // extracted by mini-css-extract-plugin
 

package/dist/{342.bundle.22d2df5cf6d83b24acee.js → 342.bundle.d9668551811e3a88aaa4.js}

@@ -2052,8 +2052,8 @@ var react = __webpack_require__(43001);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
 var prop_types = __webpack_require__(3827);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
-// EXTERNAL MODULE: ../../ui/src/index.js + 485 modules
-var ui_src = __webpack_require__(71783);
+// EXTERNAL MODULE: ../../ui/src/index.js + 486 modules
+var ui_src = __webpack_require__(22582);
 // EXTERNAL MODULE: ./state/index.js + 1 modules
 var state = __webpack_require__(62657);
 // EXTERNAL MODULE: ../node_modules/react-router-dom/dist/index.js
@@ -2071,6 +2071,7 @@ var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 
+
 function Toolbar(_ref) {
   let {
     servicesManager
@@ -2078,15 +2079,21 @@ function Toolbar(_ref) {
   const {
     toolbarService
   } = servicesManager.services;
+  const [viewportGrid, viewportGridService] = (0,ui_src/* useViewportGrid */.O_)();
   const [toolbarButtons, setToolbarButtons] = (0,react.useState)([]);
   (0,react.useEffect)(() => {
+    const updateToolbar = () => {
+      const toolGroupId = viewportGridService.getActiveViewportOptionByKey('toolGroupId') ?? 'default';
+      setToolbarButtons(toolbarService.getButtonSection(toolGroupId));
+    };
     const {
       unsubscribe
-    } = toolbarService.subscribe(toolbarService.EVENTS.TOOL_BAR_MODIFIED, () => setToolbarButtons(toolbarService.getButtonSection('primary')));
+    } = toolbarService.subscribe(toolbarService.EVENTS.TOOL_BAR_MODIFIED, updateToolbar);
+    updateToolbar();
     return () => {
       unsubscribe();
     };
-  }, [toolbarService]);
+  }, [toolbarService, viewportGrid]);
   const onInteraction = (0,react.useCallback)(args => toolbarService.recordInteraction(args), [toolbarService]);
   return /*#__PURE__*/react.createElement(react.Fragment, null, toolbarButtons.map(toolDef => {
     const {
@@ -2166,8 +2173,8 @@ function ViewerHeader(_ref) {
     hotkeyDefinitions,
     hotkeyDefaults
   } = hotkeysManager;
-  const versionNumber = "3.8.0-beta.5";
-  const commitHash = "d98439fe7f3825076dbc87b664a1d1480ff414d3";
+  const versionNumber = "3.8.0-beta.7";
+  const commitHash = "2a15ef0e44b7b4d8bbf5cb9363db6e523201c681";
   const menuOptions = [{
     title: t('Header:About'),
     icon: 'info',
@@ -4320,7 +4327,7 @@ ToolbarButtonWithServices.propTypes = {
         state: prop_types_default().shape({
           primaryToolId: (prop_types_default()).string,
           toggles: prop_types_default().objectOf((prop_types_default()).bool),
-          groups: prop_types_default().objectOf((prop_types_default()).object)
+          groups: prop_types_default().objectOf((prop_types_default()).any)
         }).isRequired
       }).isRequired
     }).isRequired

package/dist/{359.bundle.e2f5680a854894c32944.js → 359.bundle.8abe0036a7bf6b5fd115.js}

@@ -14,8 +14,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
 var src = __webpack_require__(71771);
-// EXTERNAL MODULE: ../../ui/src/index.js + 485 modules
-var ui_src = __webpack_require__(71783);
+// EXTERNAL MODULE: ../../ui/src/index.js + 486 modules
+var ui_src = __webpack_require__(22582);
 ;// CONCATENATED MODULE: ../../../modes/tmtv/src/initToolGroups.js
 const toolGroupIds = {
   CT: 'ctToolGroup',

package/dist/{410.bundle.8bb12b01e1f838340950.js → 410.bundle.38c9d3820e152e89288e.js}

@@ -12,8 +12,8 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ basic_dev_mode_src)
 });
 
-// EXTERNAL MODULE: ../../ui/src/index.js + 485 modules
-var src = __webpack_require__(71783);
+// EXTERNAL MODULE: ../../ui/src/index.js + 486 modules
+var src = __webpack_require__(22582);
 // EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
 var core_src = __webpack_require__(71771);
 ;// CONCATENATED MODULE: ../../../modes/basic-dev-mode/src/toolbarButtons.js

package/dist/{451.bundle.9fd36f52ff69594f0669.js → 451.bundle.57c21db5d003c75e9d61.js}

@@ -21,8 +21,8 @@ var react = __webpack_require__(43001);
 var es = __webpack_require__(69190);
 // EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
 var src = __webpack_require__(71771);
-// EXTERNAL MODULE: ../../ui/src/index.js + 485 modules
-var ui_src = __webpack_require__(71783);
+// EXTERNAL MODULE: ../../ui/src/index.js + 486 modules
+var ui_src = __webpack_require__(22582);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-seg/src/utils/initSEGToolGroup.ts
 function createSEGToolGroupAndAddTools(ToolGroupService, customizationService, toolGroupId) {
   const {

package/dist/{471.bundle.b3d77b83b1593c09a504.js → 471.bundle.49c8d281adbae4a2c4df.js}

@@ -19,8 +19,8 @@ var prop_types = __webpack_require__(3827);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 // EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
 var src = __webpack_require__(71771);
-// EXTERNAL MODULE: ../../ui/src/index.js + 485 modules
-var ui_src = __webpack_require__(71783);
+// EXTERNAL MODULE: ../../ui/src/index.js + 486 modules
+var ui_src = __webpack_require__(22582);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-rt/src/utils/promptHydrateRT.ts
 
 const RESPONSE = {

package/dist/{613.bundle.de79995392c3fd2e9637.js → 613.bundle.aed640a7900dbcb688f5.js}

@@ -20,8 +20,8 @@ const package_namespaceObject = JSON.parse('{"u2":"@ohif/mode-segmentation"}');
 
 const id = package_namespaceObject.u2;
 
-// EXTERNAL MODULE: ../../ui/src/index.js + 485 modules
-var ui_src = __webpack_require__(71783);
+// EXTERNAL MODULE: ../../ui/src/index.js + 486 modules
+var ui_src = __webpack_require__(22582);
 ;// CONCATENATED MODULE: ../../../modes/segmentation/src/toolbarButtons.ts