[deps] updated all the deps, fixed ref issue

Author: dozoisch

.babelrc

@@ -0,0 +1,6 @@
+{
+  "optional": [
+    "runtime",
+    "es7.objectRestSpread"
+  ]
+}

.eslintrc

@@ -1,4 +1,5 @@
 {
+  "extends": ["defaults"],
   "env": {
     "browser": true,
     "node": true
@@ -11,13 +12,16 @@
     "react"
   ],
   "rules": {
-    "comma-dangle": "always",
+    "comma-dangle": [2, "always-multiline"],
     "comma-spacing": 1,
     "key-spacing": 0,
+    "no-mixed-spaces-and-tabs": 2,
+    "no-multiple-empty-lines": [1, { "max": 1}],
     "no-underscore-dangle": 0,
     "no-unused-vars": [1, { "vars": "all", "args": "none" }],
     "no-undef": 1,
     "no-var": 2,
+    "quote-props": [2, "as-needed"],
     "quotes": [2, "double"],
     "react/display-name": 0,
     "react/jsx-uses-react": 1,
@@ -28,6 +32,6 @@
     "react/react-in-jsx-scope": 1,
     "react/self-closing-comp": 1,
     "react/wrap-multilines": 1,
-    "strict": 0
+    "strict": [1, "never"]
   }
 }

karma.conf.js

@@ -1,5 +1,5 @@
 /* eslint no-var: 0 */
-require("./register-babel");
+require("babel/register");
 
 var webpackConfig = require("./webpack/test.config.js");
 var isCI = process.env.CONTINUOUS_INTEGRATION === "true";
@@ -15,7 +15,7 @@ module.exports = function (config) {
     ],
 
     files: [
-      "test/index.js"
+      "test/index.js",
     ],
 
     preprocessors: {

package.json

@@ -33,34 +33,36 @@
     "react": ">=0.13"
   },
   "devDependencies": {
-    "babel": "~5.4.7",
-    "babel-core": "~5.4.7",
-    "babel-eslint": "~3.1.9",
-    "babel-loader": "~5.1.3",
-    "chai": "~2.2.0",
+    "babel": "~5.8.21",
+    "babel-core": "~5.8.22",
+    "babel-eslint": "~4.0.8",
+    "babel-loader": "~5.3.2",
+    "chai": "~3.2.0",
     "child-process-promise": "~1.1.0",
     "colors": "~1.1.0",
     "es5-shim": "~4.1.3",
-    "eslint": "~0.19.0",
-    "eslint-plugin-react": "~2.2.0",
+    "eslint": "~1.1.0",
+    "eslint-config-defaults": "~4.0.1",
+    "eslint-plugin-react": "~3.2.3",
     "fs-promise": "~0.3.1",
-    "karma": "~0.12.33",
+    "karma": "~0.13.9",
     "karma-chai": "~0.1.0",
-    "karma-chrome-launcher": "~0.1.12",
-    "karma-cli": "~0.0.4",
-    "karma-mocha": "~0.1.10",
-    "karma-mocha-reporter": "~1.0.2",
-    "karma-phantomjs-launcher": "~0.1.4",
-    "karma-sourcemap-loader": "~0.3.4",
-    "karma-webpack": "~1.5.1",
-    "lodash": "~3.7.0",
+    "karma-chrome-launcher": "~0.2.0",
+    "karma-cli": "~0.1.0",
+    "karma-mocha": "~0.2.0",
+    "karma-mocha-reporter": "~1.1.1",
+    "karma-phantomjs-launcher": "~0.2.1",
+    "karma-sourcemap-loader": "~0.3.5",
+    "karma-webpack": "~1.7.0",
+    "lodash": "~3.10.1",
     "mocha": "~2.2.5",
     "react": "~0.13.3",
-    "webpack": "~1.9.10",
-    "yargs": "~3.9.1"
+    "webpack": "~1.11.0",
+    "yargs": "~3.19.0"
+
   },
   "dependencies": {
-    "babel-runtime": "~5.4.7",
-    "react-async-script": "~0.3.2"
+    "babel-runtime": "^5.8.0",
+    "react-async-script": "~0.4.0"
   }
 }

register-babel.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 /* eslint no-var: 0 */
 var path = require("path");
-require("./register-babel");
+require("babel/register");
 var mod = require(path.join(__dirname, process.argv[2]));
 
 if (typeof mod === "function") {

run-babel

@@ -7,6 +7,6 @@ const globalName = "grecaptcha";
 
 export default makeAsyncScriptLoader(ReCAPTCHA, URL, {
   callbackName: callbackName,
-  globalName:globalName,
-  exposeFuncs: ["getValue", "reset"]
+  globalName: globalName,
+  exposeFuncs: ["getValue", "reset"],
 });

src/recaptcha-wrapper.js

@@ -47,8 +47,8 @@ const ReCAPTCHA = React.createClass({
 
   explicitRender(cb) {
     if (this.props.grecaptcha && !this.state.widgetId) {
-      this.refs.captcha.getDOMNode();
-      let id = this.props.grecaptcha.render(this.refs.captcha.getDOMNode(), {
+      this.captcha.getDOMNode();
+      let id = this.props.grecaptcha.render(this.captcha.getDOMNode(), {
         sitekey: this.props.sitekey,
         callback: this.props.onChange,
         theme: this.props.theme,
@@ -76,9 +76,9 @@ const ReCAPTCHA = React.createClass({
     let { sitekey, onChange, theme, type, tabindex, onExpired, ...childProps } = this.props;
     /* eslint-enable no-unused-vars */
     return (
-      <div {...childProps} ref="captcha" />
+      <div {...childProps} ref={(component) => { this.captcha = component; }} />
     );
-  }
+  },
 });
 
 export default ReCAPTCHA;

src/recaptcha.js

@@ -14,7 +14,7 @@ let grecaptchaMock = {
   getResponse(widgetId) {
     assert.equal(widgetId, WIDGET_ID);
     return VALUE;
-  }
+  },
 };
 
 describe("ReCAPTCHAWrapper", () => {

test/recaptcha-wrapper-spec.js

@@ -1,4 +1,4 @@
-/* eslint no-process-exit: 0 */
+/* eslint no-process-exit: 0, no-console: 0 */
 import "colors";
 import lib from "./lib/build";