feat(measurementTable): Add dispatch functions for measurements updates.

Packages-react/extensions/ohif-cornerstone-extension/src/ConnectedCornerstoneViewport.js

@@ -1,58 +1,81 @@
 import { connect } from 'react-redux';
 import CornerstoneViewport from 'react-cornerstone-viewport';
-import OHIF from 'ohif-core'
-import cornerstone from "cornerstone-core";
-import cornerstoneTools from "cornerstone-tools";
+import OHIF from 'ohif-core';
+import cornerstone from 'cornerstone-core';
+import cornerstoneTools from 'cornerstone-tools';
+import throttle from 'lodash.throttle';
 
-const { setViewportActive, setViewportSpecificData, clearViewportSpecificData } = OHIF.redux.actions;
+const {
+  setViewportActive,
+  setViewportSpecificData,
+  clearViewportSpecificData
+} = OHIF.redux.actions;
 
 const mapStateToProps = (state, ownProps) => {
-    const activeButton = state.tools.buttons.find(tool => tool.active === true);
-    let dataFromStore;
+  const activeButton = state.tools.buttons.find(tool => tool.active === true);
+  let dataFromStore;
 
-    if (state.extensions && state.extensions.cornerstone) {
-      dataFromStore = state.extensions.cornerstone;
-    };
+  if (state.extensions && state.extensions.cornerstone) {
+    dataFromStore = state.extensions.cornerstone;
+  }
 
-    // If this is the active viewport, enable prefetching.
-    const { viewportIndex } = ownProps;//.viewportData;
-    const isActive = viewportIndex === state.viewports.activeViewportIndex;
-    const viewportSpecificData = state.viewports.viewportSpecificData[viewportIndex] || {};
+  // If this is the active viewport, enable prefetching.
+  const { viewportIndex } = ownProps; //.viewportData;
+  const isActive = viewportIndex === state.viewports.activeViewportIndex;
+  const viewportSpecificData =
+    state.viewports.viewportSpecificData[viewportIndex] || {};
 
-    return {
-        layout: state.viewports.layout,
-        isActive,
-        activeTool: activeButton && activeButton.command,
-        ...dataFromStore,
-        enableStackPrefetch: isActive,
-        //stack: viewportSpecificData.stack,
-        cineToolData: viewportSpecificData.cine,
-        cornerstone,
-        cornerstoneTools
-    };
+  return {
+    layout: state.viewports.layout,
+    isActive,
+    activeTool: activeButton && activeButton.command,
+    ...dataFromStore,
+    enableStackPrefetch: isActive,
+    //stack: viewportSpecificData.stack,
+    cineToolData: viewportSpecificData.cine,
+    cornerstone,
+    cornerstoneTools
+  };
 };
 
 const mapDispatchToProps = (dispatch, ownProps) => {
-    const { viewportIndex } = ownProps;
+  const { viewportIndex } = ownProps;
 
-    return {
-        setViewportActive: () => {
-            dispatch(setViewportActive(viewportIndex))
-        },
+  return {
+    setViewportActive: () => {
+      dispatch(setViewportActive(viewportIndex));
+    },
 
-        setViewportSpecificData: (data) => {
-            dispatch(setViewportSpecificData(viewportIndex, data))
-        },
+    setViewportSpecificData: data => {
+      dispatch(setViewportSpecificData(viewportIndex, data));
+    },
 
-        clearViewportSpecificData: () => {
-            dispatch(clearViewportSpecificData(viewportIndex));
-        }
-    };
+    clearViewportSpecificData: () => {
+      dispatch(clearViewportSpecificData(viewportIndex));
+    },
+
+    onMeasurementsChanged: (event, action) => {
+      const {
+        onAdded,
+        onRemoved,
+        onModified
+      } = OHIF.measurements.MeasurementHandlers;
+      const actions = {
+        added: onAdded,
+        removed: onRemoved,
+        modified: throttle(event => {
+          return onModified(event);
+        }, 300)
+      };
+
+      return actions[action](event);
+    }
+  };
 };
 
 const ConnectedCornerstoneViewport = connect(
-    mapStateToProps,
-    mapDispatchToProps
+  mapStateToProps,
+  mapDispatchToProps
 )(CornerstoneViewport);
 
 export default ConnectedCornerstoneViewport;