Reverting React lib update; restoring yarn.lock (ifmeorg#867)

* Updating React lib version

* Revert "Updating React lib version"

This reverts commit d4cf588.

* Changing karma test output

* Retaining babel-env preset

* Updating rails-html-sanitizer gem

To pass CircleCI

Author: baohouse

Gemfile.lock

@@ -222,7 +222,7 @@ GEM
     logging (2.2.2)
       little-plugger (~> 1.1)
       multi_json (~> 1.10)
-    loofah (2.2.1)
+    loofah (2.2.2)
       crass (~> 1.0.2)
       nokogiri (>= 1.5.9)
     mail (2.7.0)
@@ -315,8 +315,8 @@ GEM
       activesupport (>= 3.2)
       choice (~> 0.2.0)
       ruby-graphviz (~> 1.2)
-    rails-html-sanitizer (1.0.3)
-      loofah (~> 2.0)
+    rails-html-sanitizer (1.0.4)
+      loofah (~> 2.2, >= 2.2.2)
     rails-i18n (5.0.4)
       i18n (~> 0.7)
       railties (~> 5.0)

client/.babelrc

@@ -1,5 +1,10 @@
 {
-  "presets": ["flow", "env", "stage-2", "react"],
+  "presets": [
+    "env",
+    "flow",
+    "react",
+    "stage-2"
+  ],
   "env": {
     "test": {
       "plugins": [
@@ -12,4 +17,4 @@
       ]
     }
   }
-}
+}

client/README.md

@@ -2,6 +2,10 @@
 
 This `client` folder is generated by the React on Rails gem.
 
+NOTE: Avoid updating NPM package dependency versions, and do not recreate the `yarn.lock` file.
+The package dependencies are in a fragile state where their versions as defined in the `yarn.lock`
+file is necessary to have Karma tests correctly working.
+
 See documentation [at github.com/shakacode/react_on_rails](https://github.com/shakacode/react_on_rails) for details on how it is organized.
 
 If you need additional help, please consider:

client/karma.conf.js

@@ -36,7 +36,7 @@ module.exports = function (config) {
       'app/**/*.jsx': ['webpack', 'sourcemap'],
     },
     // todo output test debugger
-    reporters: ['dots'],
+    reporters: ['spec'],
     webpack: webpackConfig,
     webpackServer: {
       noInfo: true,

client/package.json

@@ -19,12 +19,16 @@
     "client/node_modules"
   ],
   "dependencies": {
+    "babel-cli": "^6.24.1",
+    "babel-core": "^6.24.1",
     "babel-loader": "^6.3.2",
     "babel-polyfill": "^6.23.0",
+    "babel-preset-react": "^6.24.1",
+    "babel-preset-stage-2": "^6.24.1",
     "babel-runtime": "^6.23.0",
-    "chart.js": "^2.7.2",
+    "chart.js": "^2.6.0",
     "chartjs": "^0.3.24",
-    "chartkick": "^2.3.3",
+    "chartkick": "^2.2.4",
     "es5-shim": "^4.5.9",
     "expose-loader": "^0.7.3",
     "file-loader": "^1.1.6",
@@ -35,10 +39,10 @@
     "js-yaml": "^3.8.2",
     "lodash": "^4.17.4",
     "prop-types": "^15.5.10",
-    "react": "^16.2.0",
-    "react-chartkick": "^0.1.6",
-    "react-dom": "^16.2.0",
-    "react-intl": "^2.4.0",
+    "react": "^15.5.4",
+    "react-chartkick": "^0.1.3",
+    "react-dom": "^15.5.4",
+    "react-intl": "^2.1.5",
     "react-on-rails": "8.0.6",
     "redux": "^3.7.2",
     "shortid": "^2.2.8",
@@ -49,23 +53,18 @@
     "yml-loader": "^2.1.0"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "^3.3.15",
+    "@storybook/addon-actions": "^3.2.0",
     "@storybook/addon-info": "^3.3.15",
-    "@storybook/addons": "^3.3.15",
-    "@storybook/react": "^3.3.15",
-    "babel-cli": "^6.26.0",
-    "babel-core": "^6.26.0",
-    "babel-eslint": "^8.2.2",
+    "@storybook/react": "^3.2.3",
+    "babel-eslint": "^7.2.3",
     "babel-plugin-flow-react-proptypes": "^4.1.0",
     "babel-preset-env": "^1.6.1",
     "babel-preset-flow": "^6.23.0",
-    "babel-preset-react": "^6.24.1",
-    "babel-preset-stage-2": "^6.24.1",
     "compression-webpack-plugin": "^1.0.0",
     "css-loader": "^0.28.7",
     "empty": "^0.10.1",
-    "enzyme": "^3.3.0",
-    "eslint": "^4.19.0",
+    "enzyme": "^2.9.1",
+    "eslint": "^3.19.0 || ^4.3.0",
     "eslint-config-airbnb": "^15.1.0",
     "eslint-plugin-flowtype": "^2.35.0",
     "eslint-plugin-import": "^2.7.0",
@@ -77,17 +76,18 @@
     "flow-typed": "^2.3.0",
     "jasmine": "^2.7.0",
     "jasmine-core": "^3.1.0",
-    "jasmine-enzyme": "^6.0.0",
+    "jasmine-enzyme": "^3.7.0",
     "karma": "^1.7.0",
     "karma-jasmine": "^1.1.0",
     "karma-phantomjs-launcher": "^1.0.4",
     "karma-sourcemap-loader": "^0.3.7",
+    "karma-spec-reporter": "^0.0.32",
     "karma-webpack": "^2.0.4",
     "node-sass": "^4.5.3",
     "optimize-css-assets-webpack-plugin": "^3.1.1",
-    "react-addons-test-utils": "^15.6.2",
-    "react-test-render": "^1.1.1",
-    "react-test-renderer": "^16.2.0",
+    "react-addons-test-utils": "^15.6.0",
+    "react-test-render": "^1.0.3",
+    "react-test-renderer": "^15.6.1",
     "sass-loader": "^6.0.6",
     "style-loader": "^0.18.2",
     "superagent-mock": "^3.5.0"