Merge pull request #8 from dannyrb/feature/expose-dom

feat: pass the enabled element up to the parent via a callback

Author: dannyrb

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-cornerstone-viewport",
-  "version": "0.1.25",
+  "version": "0.1.26",
   "description": "Cornerstone medical image viewport component for React",
   "author": "Cornerstone Contributors",
   "license": "MIT",

src/CornerstoneViewport/CornerstoneViewport.js

@@ -92,6 +92,7 @@ class CornerstoneViewport extends Component {
     cineToolData: PropTypes.object.isRequired,
     availableTools: PropTypes.array.isRequired,
     onMeasurementsChanged: PropTypes.func,
+    onElementEnabled: PropTypes.func,
     isActive: PropTypes.bool.isRequired,
     layout: PropTypes.object,
     children: PropTypes.node,
@@ -320,7 +321,24 @@ class CornerstoneViewport extends Component {
       }
     ];
 
-    // Enable the DOM Element for use with Cornerstone
+    // Pass ELEMENT_ENABLED event to parent
+    const onElementEnabledFn = evt => {
+      const enabledElement = evt.detail.element;
+      if (enabledElement === this.element) {
+        if (this.props.onElementEnabled) {
+          this.props.onElementEnabled(evt);
+        }
+        cornerstone.events.removeEventListener(
+          cornerstone.EVENTS.ELEMENT_ENABLED,
+          onElementEnabledFn
+        );
+      }
+    };
+
+    cornerstone.events.addEventListener(
+      cornerstone.EVENTS.ELEMENT_ENABLED,
+      onElementEnabledFn
+    );
     cornerstone.enable(element, this.props.cornerstoneOptions);
 
     // Handle the case where the imageId isn't loaded correctly and the