OHIF-323: Cine Dialog (#1961)

* ohif-323: add cineplayer flow

* ohif-323: improve toolbar flow of cine

* ohif-323: improve cine styles

* ohif-323: use toggle instead of set

* ohif-323: add compatibility comment

* ohif-323: move cine logic to command

* ohif-323: cr update

* ohif-323: remove typo and update svg title

* ohif-323: remove log

* ohif-323: update props and remove dead code

Co-authored-by: Danny Brown <danny.ri.brown@gmail.com>

platform/core/src/services/ToolBarService/ToolBarService.js

@@ -1,3 +1,4 @@
+import merge from 'lodash.merge';
 import pubSubServiceInterface from '../_shared/pubSubServiceInterface';
 
 const EVENTS = {
@@ -36,9 +37,23 @@ export default class ToolBarService {
     });
   }
 
+  setButton(id, button) {
+    if (this.buttons[id]) {
+      this.buttons[id] = merge(this.buttons[id], button);
+      this._broadcastChange(this.EVENTS.TOOL_BAR_MODIFIED, {
+        buttons: this.buttons,
+        button: this.buttons[id],
+        buttonSections: this.buttonSections
+      });
+    }
+  }
+
   setButtons(buttons) {
     this.buttons = buttons;
-    this._broadcastChange(this.EVENTS.TOOL_BAR_MODIFIED, {});
+    this._broadcastChange(this.EVENTS.TOOL_BAR_MODIFIED, {
+      buttons: this.buttons,
+      buttonSections: this.buttonSections
+    });
   }
 
   _buttonTypes() {
@@ -61,7 +76,6 @@ export default class ToolBarService {
     return buttonTypes;
   }
 
-
   createButtonSection(key, buttons) {
     // Maybe do this mapping at time of return, instead of time of create
     // Props check important for validation here...