feat(tools): If entries in availableTools include a mode, this will be their initial setting

Author: swederik

package.json

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

src/CornerstoneViewport/CornerstoneViewport.js

@@ -21,6 +21,10 @@ function setToolsPassive(cornerstoneTools, tools) {
   });
 }
 
+function capitalizeFirstLetter(string) {
+  return string.charAt(0).toUpperCase() + string.slice(1);
+}
+
 function initializeTools(cornerstoneTools, tools, element) {
   Array.from(tools).forEach(tool => {
     const apiTool = cornerstoneTools[`${tool.name}Tool`] || tool.apiTool;
@@ -29,6 +33,13 @@ function initializeTools(cornerstoneTools, tools, element) {
     } else {
       throw new Error(`Tool not found: ${tool.name}Tool`);
     }
+
+    if (tool.mode) {
+      cornerstoneTools[`setTool${capitalizeFirstLetter(tool.mode)}ForElement`](
+        element,
+        tool.name
+      );
+    }
   });
 }