OHIF-332: Users should be able to see all available hotkeys and language settings in one place (#1895)

* OHIF-330: Update Modal Styles

* feat/ohif-332: finish raw ui

* feat/ohif-332: update mode configuration strategy

* feat/ohif-332: fix hotkey errors

* feat/ohif-332: update hotkey logic with recent merged changes

* feat/ohif-322: wrap

* feat/ohif-322: add disable state

* ohif-332: cr updates

* ohif-332: disable

* ohif-332: cr updates

* ohif-332: extract header component

* ohif-332: cr update to fix merge conflicts and design issue

Co-authored-by: Rodrigo Antinarelli <rodrigoantinarelli@gmail.com>

platform/core/src/extensions/ExtensionManager.js

@@ -2,13 +2,14 @@ import MODULE_TYPES from './MODULE_TYPES.js';
 import log from './../log.js';
 
 export default class ExtensionManager {
-  constructor({ commandsManager, servicesManager, api, appConfig = {} }) {
+  constructor({ commandsManager, servicesManager, hotkeysManager, api, appConfig = {} }) {
     this.modules = {};
     this.registeredExtensionIds = [];
     this.moduleTypeNames = Object.values(MODULE_TYPES);
     //
     this._commandsManager = commandsManager;
     this._servicesManager = servicesManager;
+    this._hotkeysManager = hotkeysManager;
     this._appConfig = appConfig;
     this._api = api;
 
@@ -31,6 +32,7 @@ export default class ExtensionManager {
       registeredExtensionIds,
       _servicesManager,
       _commandsManager,
+      _hotkeysManager,
       _extensionLifeCycleHooks,
     } = this;
 
@@ -51,6 +53,7 @@ export default class ExtensionManager {
         onModeEnter({
           servicesManager: _servicesManager,
           commandsManager: _commandsManager,
+          hotkeysManager: _hotkeysManager
         });
       }
     });
@@ -139,6 +142,7 @@ export default class ExtensionManager {
       extension.preRegistration({
         servicesManager: this._servicesManager,
         commandsManager: this._commandsManager,
+        hotkeysManager: this._hotkeysManager,
         appConfig: this._appConfig,
         configuration,
       });
@@ -239,8 +243,9 @@ export default class ExtensionManager {
         appConfig: this._appConfig,
         getDataSources: this.getDataSources, // Why pass this in if we're passing in `extensionManager`?
         commandsManager: this._commandsManager,
-        extensionManager: this,
         servicesManager: this._servicesManager,
+        hotkeysManager: this._hotkeysManager,
+        extensionManager: this,
         configuration,
         api: this._api,
       });