Merge pull request #91 from andrewhathaway/reffix

Fix Refs

Author: andrewhathaway

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+# [1.1.4](https://github.com/andrewhathaway/Winterfell/releases/tag/1.1.4) (2017-07-13)
+
+**Fixed bugs:**
+
+- Switch to new React Ref handling from previous ways
+
 # [1.1.3](https://github.com/andrewhathaway/Winterfell/releases/tag/1.1.3) (2017-05-01)
 
 **Fixed bugs:**

dist/index.js

@@ -22,6 +22,8 @@ var Winterfell = (function (_React$Component) {
 
     _get(Object.getPrototypeOf(Winterfell.prototype), 'constructor', this).call(this, props);
 
+    this.formComponent = null;
+
     // Set our default values for props.
     var props = _.extend({
       schema: {
@@ -133,7 +135,11 @@ var Winterfell = (function (_React$Component) {
       this.setState({
         action: action
       }, function () {
-        ReactDOM.findDOMNode(_this.refs[_this.props.ref]).submit();
+        if (!_this.formComponent) {
+          return;
+        }
+
+        _this.formComponent.submit();
       });
     }
   }, {
@@ -150,7 +156,9 @@ var Winterfell = (function (_React$Component) {
         { method: this.props.method,
           encType: this.props.encType,
           action: this.state.action,
-          ref: this.props.ref,
+          ref: function (ref) {
+            return _this2.formComponent = ref;
+          },
           className: this.state.schema.classes.form },
         React.createElement(
           'div',

dist/winterfell.min.js

@@ -1,6 +1,6 @@
 {
   "name": "winterfell",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "Generate complex, validated and extendable JSON-based forms in React",
   "main": "dist/index.js",
   "scripts": {
@@ -33,8 +33,8 @@
     "babelify": "^6.3.0",
     "keycodez": "^1.0.0",
     "lodash": "^3.10.1",
-    "react": "^15.3.0",
-    "react-dom": "^15.3.0",
+    "react": "^15.6.1",
+    "react-dom": "^15.6.1",
     "validator": "^4.0.5"
   },
   "devDependencies": {

package.json

@@ -9,6 +9,8 @@ class Winterfell extends React.Component {
   constructor(props) {
     super(props);
 
+    this.formComponent = null;
+
     // Set our default values for props.
     var props = _.extend({
       schema                 : {
@@ -123,8 +125,11 @@ class Winterfell extends React.Component {
     this.setState({
       action : action
     }, () => {
-      ReactDOM.findDOMNode(this.refs[this.props.ref])
-           .submit();
+      if (!this.formComponent) {
+        return;
+      }
+
+      this.formComponent.submit();
     });
   }
 
@@ -136,7 +141,7 @@ class Winterfell extends React.Component {
       <form method={this.props.method}
             encType={this.props.encType}
             action={this.state.action}
-            ref={this.props.ref}
+            ref={ref => this.formComponent = ref}
             className={this.state.schema.classes.form}>
         <div className={this.state.schema.classes.questionPanels}>
           <QuestionPanel schema={this.state.schema}