Add measurement table functions (#415)

* fix(measurements): Add measurement table functions
- Support for labeling measurements and adding measurement description
- Jump to measurement when clicked on measurement table

* fix(layout): Fix the issues with layout when switched with different plugins

* fix(measurements): Support for deleting measurements in measurement table

* fix(measurements): Add context menu for measurements

* fix(dependencies): Bump ohif-core to 0.4.2

src/setupTools.js

@@ -0,0 +1,190 @@
+import OHIF from 'ohif-core'
+import updateTableWithNewMeasurementData from './lib/updateTableWithNewMeasurementData'
+
+function getToolLabellingFlowCallback(store) {
+  const setLabellingFlowDataAction = labellingFlowData => ({
+    type: 'SET_LABELLING_FLOW_DATA',
+    labellingFlowData,
+  })
+
+  const setLabellingFlowData = labellingFlowData => {
+    store.dispatch(setLabellingFlowDataAction(labellingFlowData))
+  }
+
+  return function toolLabellingFlowCallback(
+    measurementData,
+    eventData,
+    doneCallback,
+    options = {}
+  ) {
+    const updateLabelling = ({ location, response, description }) => {
+      // Update the measurement data with the labelling parameters
+
+      if (location) {
+        measurementData.location = location
+      }
+      if (description) {
+        measurementData.description = description
+      }
+      if (response) {
+        measurementData.response = response
+      }
+
+      updateTableWithNewMeasurementData(measurementData)
+    }
+
+    const labellingDoneCallback = () => {
+      setLabellingFlowData({ visible: false })
+    }
+
+    const labellingFlowData = {
+      visible: true,
+      eventData,
+      measurementData,
+      skipAddLabelButton: options.skipAddLabelButton,
+      editLocation: options.editLocation,
+      editDescription: options.editDescription,
+      editResponse: options.editResponse,
+      editDescriptionOnDialog: options.editDescriptionOnDialog,
+      labellingDoneCallback,
+      updateLabelling,
+    }
+
+    setLabellingFlowData(labellingFlowData)
+  }
+}
+
+const resetLabellingAndContextMenuAction = state => ({
+  type: 'RESET_LABELLING_AND_CONTEXT_MENU',
+  state,
+})
+
+const setToolContextMenuDataAction = (viewportIndex, toolContextMenuData) => ({
+  type: 'SET_TOOL_CONTEXT_MENU_DATA',
+  viewportIndex,
+  toolContextMenuData,
+})
+
+function getOnRightClickCallback(store) {
+  const setToolContextMenuData = (viewportIndex, toolContextMenuData) => {
+    store.dispatch(resetLabellingAndContextMenuAction())
+    store.dispatch(
+      setToolContextMenuDataAction(viewportIndex, toolContextMenuData)
+    )
+  }
+
+  const getOnCloseCallback = viewportIndex => {
+    return function onClose() {
+      const toolContextMenuData = {
+        visible: false,
+      }
+
+      store.dispatch(
+        setToolContextMenuDataAction(viewportIndex, toolContextMenuData)
+      )
+    }
+  }
+
+  return function onRightClick(event) {
+    const eventData = event.detail
+    const viewportIndex = parseInt(eventData.element.dataset.viewportIndex, 10)
+
+    const toolContextMenuData = {
+      eventData,
+      isTouchEvent: false,
+      onClose: getOnCloseCallback(viewportIndex),
+    }
+
+    setToolContextMenuData(viewportIndex, toolContextMenuData)
+  }
+}
+
+function getOnTouchPressCallback(store) {
+  const setToolContextMenuData = (viewportIndex, toolContextMenuData) => {
+    store.dispatch(resetLabellingAndContextMenuAction())
+    store.dispatch(
+      setToolContextMenuDataAction(viewportIndex, toolContextMenuData)
+    )
+  }
+
+  const getOnCloseCallback = viewportIndex => {
+    return function onClose() {
+      const toolContextMenuData = {
+        visible: false,
+      }
+
+      store.dispatch(
+        setToolContextMenuDataAction(viewportIndex, toolContextMenuData)
+      )
+    }
+  }
+
+  return function onTouchPress(event) {
+    const eventData = event.detail
+    const viewportIndex = parseInt(eventData.element.dataset.viewportIndex, 10)
+
+    const toolContextMenuData = {
+      eventData,
+      isTouchEvent: true,
+      onClose: getOnCloseCallback(viewportIndex),
+    }
+
+    setToolContextMenuData(viewportIndex, toolContextMenuData)
+  }
+}
+
+function getResetLabellingAndContextMenu(store) {
+  return function resetLabellingAndContextMenu() {
+    store.dispatch(resetLabellingAndContextMenuAction())
+  }
+}
+
+export default function setupTools(store) {
+  const toolLabellingFlowCallback = getToolLabellingFlowCallback(store)
+  const availableTools = [
+    { name: 'Pan', mouseButtonMasks: [1, 4] },
+    { name: 'Zoom', mouseButtonMasks: [1, 2] },
+    { name: 'Wwwc', mouseButtonMasks: [1] },
+    {
+      name: 'Length',
+      configuration: {
+        configuration: {
+          getMeasurementLocationCallback: toolLabellingFlowCallback,
+        },
+      },
+      mouseButtonMasks: [1],
+    },
+    {
+      name: 'Angle',
+      configuration: {
+        configuration: {
+          getMeasurementLocationCallback: toolLabellingFlowCallback,
+        },
+      },
+      mouseButtonMasks: [1],
+    },
+    { name: 'StackScroll', mouseButtonMasks: [1] },
+    { name: 'Brush', mouseButtonMasks: [1] },
+    { name: 'FreehandMouse', mouseButtonMasks: [1] },
+    { name: 'PanMultiTouch' },
+    { name: 'ZoomTouchPinch' },
+    { name: 'StackScrollMouseWheel' },
+    { name: 'StackScrollMultiTouch' },
+  ]
+
+  const onRightClick = getOnRightClickCallback(store)
+  const onTouchPress = getOnTouchPressCallback(store)
+  const onNewImage = getResetLabellingAndContextMenu(store)
+  const onMouseClick = getResetLabellingAndContextMenu(store)
+  const onTouchStart = getResetLabellingAndContextMenu(store)
+  const toolAction = OHIF.redux.actions.setExtensionData('cornerstone', {
+    availableTools,
+    onNewImage,
+    onRightClick,
+    onTouchPress,
+    onTouchStart,
+    onMouseClick,
+  })
+
+  store.dispatch(toolAction)
+}