Update of npm dependencies

Not functional due to
topcoder-platform/topcoder-react-lib#15

Author: birdofpreyru

.circleci/config.yml

@@ -78,7 +78,7 @@ jobs:
   # Jest unit-tests).
   test:
     docker:
-      - image: circleci/node:8.11.1
+      - image: circleci/node:8.11.2
     steps:
       - checkout
       - restore_cache:

.nvmrc

@@ -1 +1 @@
-v8.11.1
+v8.11.2

Dockerfile

@@ -2,7 +2,7 @@
 # and runs it against the specified Topcoder backend (development or
 # production) when container is executed.
 
-FROM node:8.11.1
+FROM node:8.11.2
 
 WORKDIR /opt/app
 COPY . .

package-lock.json

@@ -1,15 +1,13 @@
 {
   "name": "topcoder-payment-tool",
-  "version": "0.0.1",
+  "version": "0.2.0",
   "description": "Topcoder Payment Tool",
   "main": "index.js",
   "scripts": {
     "build": "npm run clean && ./node_modules/.bin/webpack --env=production --progress --profile --colors --display-optimization-bailout",
     "build:dev": "npm run clean && ./node_modules/.bin/webpack --env=development --progress --profile --colors --display-optimization-bailout",
     "clean": "./node_modules/.bin/rimraf build",
     "dev": "cross-env BABEL_ENV=development NODE_ENV=development node ./bin/www",
-    "fix:js": "./node_modules/.bin/eslint --fix --ext .js,.jsx .",
-    "fix:styles": "./node_modules/.bin/stylelint **/*.scss --syntax scss --fix",
     "jest": "cross-env BABEL_ENV=test ./node_modules/.bin/jest --no-cache --maxWorkers=4 --config config/jest/default.js",
     "lint": "npm run lint:js && npm run lint:scss",
     "lint:js": "./node_modules/.bin/eslint --ext .js,.jsx .",
@@ -35,77 +33,85 @@
   "dependencies": {
     "babel-register": "^6.26.0",
     "babel-runtime": "^6.26.0",
+    "browser-cookies": "^1.1.0",
     "cross-env": "^5.1.4",
+    "express": "^4.16.3",
     "i": "^0.3.6",
     "isomorphic-fetch": "^2.2.1",
-    "lodash": "^4.17.5",
-    "moment": "^2.22.1",
-    "moment-timezone": "^0.5.17",
+    "lodash": "^4.17.10",
+    "moment": "^2.22.2",
+    "moment-timezone": "^0.5.21",
     "npm": "^6.1.0",
-    "prop-types": "^15.6.0",
+    "prop-types": "^15.6.2",
+    "qs": "^6.5.2",
     "rc-tooltip": "^3.4.9",
-    "browser-cookies": "^1.1.0",
-    "react": "^16.3.2",
+    "react": "^16.4.1",
     "react-css-super-themr": "^2.2.0",
     "react-dates": "^12.6.0",
-    "react-redux": "^5.0.3",
-    "react-router-dom": "^4.2.2",
+    "react-redux": "^5.0.7",
+    "react-router-dom": "^4.3.1",
     "react-select": "^1.1.0",
-    "slick-carousel": "^1.8.1",
-    "redux": "^3.6.0",
-    "qs": "^6.5.1",
-    "express": "^4.16.2",
-    "redux-actions": "^2.0.1",
+    "redux": "^3.7.2",
+    "redux-actions": "^2.4.0",
     "shortid": "^2.2.8",
-    "tc-accounts": "https://github.com/appirio-tech/accounts-app.git#dev",
-    "topcoder-react-lib": "0.0.6",
-    "topcoder-react-ui-kit": "^0.2.5",
-    "topcoder-react-utils": "^0.3.11"
+    "slick-carousel": "^1.8.1",
+    "tc-accounts": "git+https://github.com/appirio-tech/accounts-app.git#dev",
+    "topcoder-react-lib": "^0.4.0",
+    "topcoder-react-ui-kit": "^0.5.0",
+    "topcoder-react-utils": "^0.7.0"
   },
   "devDependencies": {
-    "autoprefixer": "^8.5.0",
+    "autoprefixer": "^8.6.4",
     "babel-cli": "^6.26.0",
-    "babel-eslint": "^8.2.3",
+    "babel-eslint": "^8.2.5",
     "babel-loader": "^7.1.4",
     "babel-plugin-css-modules-transform": "^1.6.1",
-    "babel-plugin-dynamic-import-node": "^1.2.0",
-    "babel-plugin-inline-react-svg": "^0.5.2",
+    "babel-plugin-dynamic-import-node": "^2.0.0",
+    "babel-plugin-inline-react-svg": "^0.5.3",
     "babel-plugin-module-resolver": "^3.1.1",
     "babel-plugin-react-css-modules": "^3.4.2",
-    "babel-plugin-transform-assets": "^0.2.0",
+    "babel-plugin-transform-assets": "^1.0.1",
+    "babel-plugin-transform-export-extensions": "^6.22.0",
     "babel-plugin-transform-runtime": "^6.23.0",
     "babel-polyfill": "^6.26.0",
     "babel-preset-env": "^1.7.0",
     "babel-preset-react": "^6.24.1",
     "babel-preset-stage-2": "^6.24.1",
+    "command-line-args": "^5.0.2",
+    "command-line-usage": "^5.0.5",
     "css-loader": "^0.28.11",
     "eslint": "^4.19.1",
-    "eslint-config-airbnb": "^16.1.0",
-    "eslint-import-resolver-babel-module": "^4.0.0",
-    "eslint-plugin-import": "^2.12.0",
-    "eslint-plugin-jest": "^21.15.2",
+    "eslint-config-airbnb": "^17.0.0",
+    "eslint-import-resolver-babel-module": "^4.0.0-beta.3",
+    "eslint-plugin-import": "^2.13.0",
+    "eslint-plugin-jest": "^21.17.0",
     "eslint-plugin-jsx-a11y": "^6.0.3",
-    "eslint-plugin-react": "^7.8.2",
-    "extract-css-chunks-webpack-plugin": "^2.0.19",
+    "eslint-plugin-react": "^7.10.0",
     "file-loader": "^1.1.11",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^22.4.4",
+    "jest": "^23.2.0",
+    "jsdoc-to-markdown": "^4.0.1",
+    "mini-css-extract-plugin": "^0.4.1",
+    "mkpath": "^1.0.0",
+    "mockdate": "^2.0.2",
     "node-sass": "^4.9.0",
     "nodelist-foreach-polyfill": "^1.2.0",
-    "optimize-css-assets-webpack-plugin": "^3.2.0",
+    "optimize-css-assets-webpack-plugin": "^4.0.3",
     "postcss-loader": "^2.1.5",
-    "postcss-scss": "^1.0.5",
-    "react-hot-loader": "^4.2.0",
-    "react-test-renderer": "^16.4.0",
+    "postcss-scss": "^1.0.6",
+    "react-hot-loader": "^4.3.3",
+    "react-test-renderer": "^16.4.1",
     "resolve-url-loader": "^2.3.0",
     "rimraf": "^2.6.2",
-    "sass-loader": "^6.0.7",
-    "style-loader": "^0.20.3",
-    "stylelint": "^9.2.1",
+    "sass-loader": "^7.0.3",
+    "style-loader": "^0.21.0",
+    "stylelint": "^9.3.0",
     "stylelint-config-standard": "^18.2.0",
-    "webpack": "^3.12.0",
-    "webpack-dev-middleware": "^2.0.6",
+    "webpack": "^4.14.0",
+    "webpack-cli": "^3.0.8",
+    "webpack-dev-middleware": "^3.1.3",
     "webpack-hot-middleware": "^2.22.2",
-    "webpack-merge": "^4.1.2"
+    "webpack-merge": "^4.1.3",
+    "webpack-stats-plugin": "^0.2.1"
   }
 }

package.json

@@ -0,0 +1,25 @@
+/**
+ * Root component of the app.
+ */
+
+import React from 'react';
+import Routes from 'routes';
+
+import { DevTools, MetaTags, isomorphy } from 'topcoder-react-utils';
+
+import 'styles/global.scss';
+import 'slick-carousel/slick/slick.css';
+import 'slick-carousel/slick/slick-theme.css';
+
+export default function Application() {
+  return (
+    <div>
+      <MetaTags
+        title="Topcoder Payment Tool"
+        description="Topcoder Payment Tool"
+      />
+      <Routes />
+      { isomorphy.isDevBuild() ? <DevTools /> : undefined }
+    </div>
+  );
+}

src/shared/App.jsx

@@ -1,27 +1,24 @@
 /**
- * Root component of the app.
+ * The shared part of Topcoder Payment Tool. This code is further wrapped in
+ * different ways by Wepback and ExpressJS server to properly support both
+ * client- and server-side rendering.
+ *
+ * This very file is the entry point that ensures correct order of imported
+ * external styles.
  */
 
-import React from 'react';
-import Routes from 'routes';
-
-import { DevTools, MetaTags, isomorphy } from 'topcoder-react-utils';
+/* eslint-disable global-require */
+if (process.env.NODE_ENV === 'production') {
+  require('topcoder-react-ui-kit/dist/prod/style.css');
+} else {
+  require('topcoder-react-ui-kit/dist/dev/style.css');
+}
+/* eslint-enable global-require */
 
-import 'topcoder-react-ui-kit/dist/style.css';
+require('styles/global.scss');
+require('slick-carousel/slick/slick.css');
+require('slick-carousel/slick/slick-theme.css');
 
-import 'styles/global.scss';
-import 'slick-carousel/slick/slick.css';
-import 'slick-carousel/slick/slick-theme.css';
+const App = require('./App').default;
 
-export default function Application() {
-  return (
-    <div>
-      <MetaTags
-        title="Topcoder Payment Tool"
-        description="Topcoder Payment Tool"
-      />
-      <Routes />
-      { isomorphy.isDevBuild() ? <DevTools /> : undefined }
-    </div>
-  );
-}
+export default App;