feat: explicit layout apply via HangingProtocolService (#2936)

* feat: add more types to HP service

* change hp to have apply protocol

* feat: mpr initial work

* apply protocol by id

* feat: mode should be able to apply protocol directly

* fix: wrong inheritance for viewports drag and drop

* apply review comments

extensions/default/src/getHangingProtocolModule.js

@@ -14,7 +14,7 @@ const defaultProtocol = {
       id: 'hYbmMy3b7pz7GLiaT',
       name: 'default',
       viewportStructure: {
-        type: 'grid',
+        layoutType: 'grid',
         properties: {
           rows: 1,
           columns: 1,
@@ -56,8 +56,8 @@ const defaultProtocol = {
 function getHangingProtocolModule() {
   return [
     {
-      name: 'default',
-      protocols: [defaultProtocol],
+      id: defaultProtocol.id,
+      protocol: defaultProtocol,
     },
   ];
 }

extensions/default/src/index.js

@@ -2,9 +2,9 @@ import getDataSourcesModule from './getDataSourcesModule.js';
 import getLayoutTemplateModule from './getLayoutTemplateModule.js';
 import getPanelModule from './getPanelModule';
 import getSopClassHandlerModule from './getSopClassHandlerModule.js';
-import getHangingProtocolModule from './getHangingProtocolModule.js';
 import getToolbarModule from './getToolbarModule';
 import commandsModule from './commandsModule';
+import getHangingProtocolModule from './getHangingProtocolModule';
 import getStudiesForPatientByStudyInstanceUID from './Panels/getStudiesForPatientByStudyInstanceUID';
 import { id } from './id.js';
 import init from './init';
@@ -18,9 +18,9 @@ const defaultExtension = {
     init({ servicesManager, configuration });
   },
   getDataSourcesModule,
-  getHangingProtocolModule,
   getLayoutTemplateModule,
   getPanelModule,
+  getHangingProtocolModule,
   getSopClassHandlerModule,
   getToolbarModule,
   getCommandsModule({ servicesManager, commandsManager }) {