Upgrade libraries to latest version; Using Mocha for testing and remo…

…ve karmar; remove typings

.babelrc

@@ -1,3 +1,21 @@
 {
-  "presets": ["es2015", "stage-0", "react"]
-}
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "useBuiltIns": "entry",
+        "targets": {
+          "chrome": "40",
+          "firefox": "40",
+          "safari": "8",
+          "edge": "11",
+          "ie": "11"
+        }
+      }
+    ],
+    "@babel/preset-react"
+  ],
+  "plugins": [
+    "react-hot-loader/babel"
+  ]
+}

js-example/webpack.config.js

@@ -17,13 +17,13 @@ module.exports = {
     new webpack.HotModuleReplacementPlugin()
   ],
   module: {
-    loaders: [{
+    rules: [{
       test: /\.js$/,
-      loaders: ['react-hot-loader', 'babel-loader'],
+      loaders: ['babel-loader'],
       include: path.join(__dirname, 'src')
-    },{
-        test: [/\.less$/,/\.css$/],
-        loader: "style-loader!css-loader!less-loader"
-      }]
+    }, {
+      test: [/\.less$/, /\.css$/],
+      loader: "style-loader!css-loader!less-loader"
+    }]
   }
 };

js-example/webpack.prod.config.js

@@ -14,13 +14,13 @@ module.exports = {
   plugins: [
   ],
   module: {
-    loaders: [{
+    rules: [{
       test: /\.js$/,
-      loaders: ['react-hot-loader', 'babel-loader'],
+      loaders: ['babel-loader'],
       include: path.join(__dirname, 'src')
-    },{
-        test: [/\.less$/,/\.css$/],
-        loader: "style-loader!css-loader!less-loader"
-      }]
+    }, {
+      test: [/\.less$/, /\.css$/],
+      loader: "style-loader!css-loader!less-loader"
+    }]
   }
 };

package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "start": "node server.js",
     "lint": "eslint src",
-    "test": "karma start",
+    "test": "node --max-old-space-size=16000 ./node_modules/.bin/mocha-webpack --require ignore-styles -r jsdom-global/register --webpack-config webpack.test.config.js --watch \"./test/**/*.ts\"",
     "dist": "webpack --config webpack.prod.config.js --progress -p",
     "component-package": "webpack --config webpack.component.config.js --progress -p && npm run less",
     "less": "lessc ./src/ReactFilterBox.less ./lib/react-filter-box.css",
@@ -35,48 +35,56 @@
   },
   "homepage": "",
   "devDependencies": {
-    "awesome-typescript-loader": "^3.1.2",
-    "babel-core": "^6.24.1",
-    "babel-eslint": "^7.2.3",
-    "babel-loader": "^7.0.0",
-    "babel-preset-es2015": "^6.24.1",
-    "babel-preset-react": "^6.24.1",
-    "babel-preset-stage-0": "^6.24.1",
-    "chai": "^3.5.0",
-    "css-loader": "^0.28.0",
-    "enzyme": "^2.8.2",
-    "eslint": "^3.19.0",
+    "@babel/cli": "^7.0.0",
+    "@babel/core": "^7.1.2",
+    "@babel/preset-env": "^7.1.0",
+    "@babel/preset-react": "^7.0.0",
+    "@types/chai": "^4.1.7",
+    "@types/codemirror": "^0.0.70",
+    "@types/enzyme": "^3.1.15",
+    "@types/fixed-data-table": "^0.6.34",
+    "@types/lodash": "^4.14.118",
+    "@types/mocha": "^5.2.5",
+    "@types/pegjs": "^0.10.1",
+    "@types/react": "^16.7.13",
+    "@types/react-day-picker": "^5.3.0",
+    "@types/react-dom": "^16.0.11",
+    "@types/sinon": "^5.0.7",
+    "awesome-typescript-loader": "^5.2.1",
+    "babel-eslint": "^10.0.1",
+    "babel-loader": "^8.0.4",
+    "chai": "^4.2.0",
+    "css-loader": "^1.0.1",
+    "enzyme": "^3.7.0",
+    "eslint": "^5.9.0",
     "eslint-plugin-react": "^6.10.3",
-    "fixed-data-table": "^0.6.3",
-    "karma": "^1.6.0",
-    "karma-chai": "^0.1.0",
-    "karma-chrome-launcher": "^2.0.0",
-    "karma-mocha": "^1.3.0",
-    "karma-phantomjs-launcher": "^1.0.4",
-    "karma-sinon": "^1.0.5",
-    "karma-typescript-preprocessor2": "^1.2.1",
-    "karma-webpack": "^2.0.3",
-    "less": "^2.7.2",
-    "less-loader": "^4.0.3",
-    "mocha": "^3.3.0",
-    "pegjs-loader": "^0.5.1",
-    "phantomjs-prebuilt": "^2.1.14",
+    "fixed-data-table": "^0.6.5",
+    "ignore-styles": "^5.0.1",
+    "jsdom": "^13.0.0",
+    "jsdom-global": "^3.0.2",
+    "less": "^3.9.0",
+    "less-loader": "^4.1.0",
+    "mocha": "^5.2.0",
+    "mocha-webpack": "^2.0.0-beta.0",
+    "pegjs-loader": "^0.5.4",
     "raw-loader": "^0.5.1",
-    "react-addons-test-utils": "^15.5.1",
     "react-day-picker": "^5.3.0",
-    "react-hot-loader": "^1.3.1",
-    "react-test-renderer": "^15.5.4",
-    "sinon": "^2.1.0",
-    "style-loader": "^0.16.1",
-    "typescript": "^2.3.0",
-    "webpack": "^2.4.1",
-    "webpack-dev-server": "^2.4.4"
+    "react-hot-loader": "^4.3.12",
+    "react-test-renderer": "^16.6.3",
+    "sinon": "^7.1.1",
+    "style-loader": "^0.23.1",
+    "typescript": "^3.2.1",
+    "webpack": "^4.27.0",
+    "webpack-cli": "^3.1.2",
+    "webpack-dev-server": "^3.1.10",
+    "webpack-node-externals": "^1.7.2"
   },
   "dependencies": {
-    "lodash": "^4.17.4",
+    "codemirror": "^5.42.0",
+    "lodash": "^4.17.11",
     "pegjs": "^0.10.0",
-    "react": "^15.5.4",
-    "react-codemirror": "^0.3.0",
-    "react-dom": "^15.5.4"
+    "react": "^16.6.3",
+    "react-codemirror2": "^5.1.0",
+    "react-dom": "^16.6.3"
   }
 }