Fix react-data-grid JS errors by updating to v3

Author: c-w

project-fortis-interfaces/package-lock.json

@@ -69,8 +69,8 @@
     "react-bootstrap": "^0.31.3",
     "react-browser-detection": "^1.0.4",
     "react-copy-to-clipboard": "^5.0.1",
-    "react-data-grid": "^2.0.60",
-    "react-data-grid-addons": "^2.0.60",
+    "react-data-grid": "^3.0.11",
+    "react-data-grid-addons": "^3.0.11",
     "react-dom": "^15.6.2",
     "react-grid-layout": "^0.13.9",
     "react-highlight-words": "^0.6.0",

project-fortis-interfaces/package.json

@@ -1,7 +1,7 @@
 import { DataGrid } from './DataGrid';
 import React from 'react';
 import { getColumns } from './shared';
-const { Editors, Formatters } = require('react-data-grid-addons');
+import { Editors, Formatters } from 'react-data-grid-addons';
 const { DropDownEditor } = Editors;
 const { DropDownFormatter } = Formatters;
 

project-fortis-interfaces/src/components/Admin/BlacklistEditor.js

@@ -8,8 +8,9 @@ import Fluxxor from 'fluxxor';
 import moment from 'moment';
 // eslint-disable-next-line
 import { guid, doNothing } from '../../utils/Utils.js';
+import { Toolbar, Data } from 'react-data-grid-addons';
+const { Selectors } = Data;
 
-const { Toolbar, Data: { Selectors } } = require('react-data-grid-addons');
 const STATE_ACTIONS = {
   SAVED: "saved",
   SAVING: "saving",

project-fortis-interfaces/src/components/Admin/DataGrid.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DataGrid } from './DataGrid';
 import { getColumns } from './shared';
-const { Editors, Formatters } = require('react-data-grid-addons');
+import { Editors, Formatters } from 'react-data-grid-addons';
 const { DropDownEditor } = Editors;
 const { DropDownFormatter } = Formatters;
 

project-fortis-interfaces/src/components/Admin/TrustedSources.js

@@ -4,7 +4,7 @@ import groupBy from 'lodash/groupBy';
 import differenceBy from 'lodash/differenceBy';
 import { DataGrid } from './DataGrid';
 import { getColumns } from './shared';
-const { Editors, Formatters } = require('react-data-grid-addons');
+import { Editors, Formatters } from 'react-data-grid-addons';
 const { DropDownEditor } = Editors;
 const { DropDownFormatter } = Formatters;