[OHIF-251] - Double click to maximise viewport/ revert to previous layout. (#1860)

* WIP

* double click to maximise implemented at the viewport grid layer.

* Remove memory of cached layout when the layout is changed, or a different displaySet is set.

* WIP fix double click for cornerstone.

* Update CST

* Prevent maximising when double clicking the action bar

* Update extensions/dicom-sr/src/OHIFCornerstoneSRViewport.js

* Apply suggestions from code review

* Fix conflicts.

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

extensions/measurement-tracking/package.json

@@ -28,7 +28,7 @@
   },
   "peerDependencies": {
     "@ohif/core": "^0.50.0",
-    "cornerstone-tools": "4.17.0",
+    "cornerstone-tools": "4.18.0",
     "dcmjs": "0.14.2",
     "prop-types": "^15.6.2",
     "react": "^16.13.1",

extensions/measurement-tracking/src/viewports/TrackedCornerstoneViewport.js

@@ -295,6 +295,10 @@ function TrackedCornerstoneViewport({
   return (
     <>
       <ViewportActionBar
+        onDoubleClick={evt => {
+          evt.stopPropagation();
+          evt.preventDefault();
+        }}
         onSeriesChange={direction => switchMeasurement(direction)}
         showNavArrows={showNavArrows}
         studyData={{
@@ -324,7 +328,10 @@ function TrackedCornerstoneViewport({
         }}
       />
       {/* TODO: Viewport interface to accept stack or layers of content like this? */}
-      <div className="relative flex flex-row w-full h-full">
+      <div
+        className="relative flex flex-row w-full h-full"
+        onDoubleClick={_onDoubleClick}
+      >
         <CornerstoneViewport
           onElementEnabled={onElementEnabled}
           viewportIndex={viewportIndex}
@@ -406,6 +413,18 @@ function _getCornerstoneStack(displaySet, dataSource) {
   return stack;
 }
 
+
+function _onDoubleClick() {
+  const cancelActiveManipulatorsForElement = cornerstoneTools.getModule(
+    'manipulatorState'
+  ).setters.cancelActiveManipulatorsForElement;
+  const enabledElements = cornerstoneTools.store.state.enabledElements;
+  enabledElements.forEach(element => {
+    cancelActiveManipulatorsForElement(element);
+  });
+}
+
+
 /**
  * Builds the viewport data from a datasource and a displayset.
  *
@@ -413,6 +432,7 @@ function _getCornerstoneStack(displaySet, dataSource) {
  * @param {Object} displaySet
  * @return {Object} viewport data
  */
+
 async function _getViewportData(dataSource, displaySet) {
   const stack = _getCornerstoneStack(displaySet, dataSource);