BUG: Fixed React/ReactDOM imports

app/plugins/templates/webpack.config.js.tmpl

@@ -80,8 +80,8 @@ module.exports = {
     "SystemJS": "SystemJS",
     "PluginsAPI": "PluginsAPI",
     "leaflet": "leaflet",
-    "react-dom": "ReactDOM",
-    "react": "React"
+    "ReactDOM": "ReactDOM",
+    "React": "React"
   },
 
   watchOptions: {

app/static/app/js/components/LayersControl.jsx

@@ -1,6 +1,6 @@
-import L from 'leaflet';
-import ReactDOM from 'react-dom';
 import React from 'react';
+import ReactDOM from 'react-dom';
+import L from 'leaflet';
 import PropTypes from 'prop-types';
 import '../css/LayersControl.scss';
 import LayersControlPanel from './LayersControlPanel';

jest.config.js

@@ -3,7 +3,8 @@ module.exports = {
   moduleNameMapper: {
     "^.*\\.s?css$": "<rootDir>/app/static/app/js/tests/mocks/empty.scss.js",
     "jquery": "<rootDir>/app/static/app/js/vendor/jquery-1.11.2.min.js",
-    "SystemJS": "<rootDir>/app/static/app/js/tests/mocks/system.js"
+    "SystemJS": "<rootDir>/app/static/app/js/tests/mocks/system.js",
+    "ReactDOM": "react-dom"
   },
   setupFiles: ["<rootDir>/app/static/app/js/tests/setup/shims.js",
   				"<rootDir>/app/static/app/js/tests/setup/setupTests.js", 

plugins/contours/public/Contours.jsx

@@ -1,6 +1,6 @@
 import L from 'leaflet';
-import ReactDOM from 'react-dom';
-import React from 'react';
+import ReactDOM from 'ReactDOM';
+import React from 'React';
 import PropTypes from 'prop-types';
 import './Contours.scss';
 import ContoursPanel from './ContoursPanel';

plugins/elevationmap/public/ElevationMap.jsx

@@ -1,6 +1,6 @@
 import L from 'leaflet';
-import ReactDOM from 'react-dom';
-import React from 'react';
+import ReactDOM from 'ReactDOM';
+import React from 'React';
 import PropTypes from 'prop-types';
 import './ElevationMap.scss';
 import ElevationMapPanel from './ElevationMapPanel';

plugins/measure/public/app.jsx

@@ -4,8 +4,8 @@ import 'leaflet-measure-ex/dist/leaflet-measure';
 import 'leaflet-measure-ex/dist/leaflet-measure.css';
 import MeasurePopup from './MeasurePopup';
 import Utils from 'webodm/classes/Utils';
-import ReactDOM from 'react-dom';
-import React from 'react';
+import ReactDOM from 'ReactDOM';
+import React from 'React';
 import $ from 'jquery';
 
 export default class App{

webpack.config.js

@@ -89,8 +89,8 @@ module.exports = {
     //  on the global let jQuery
     "jquery": "jQuery",
     "SystemJS": "SystemJS",
-    "react": "React",
-    "react-dom": "ReactDOM"
+    "React": "React",
+    "ReactDOM": "ReactDOM"
   },
 
   watchOptions: {