React 0.12 & 0.13 support added

Author: gfdev

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "react-if-comp",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "homepage": "https://github.com/gfdev/javascript-react-if-component",
   "authors": [
     "Gordon Freeman <eax@gmx.us> (https://github.com/gfdev)"
@@ -18,6 +18,6 @@
   "license": "MIT",
   "devDependencies": {},
   "dependencies": {
-    "react": "~0.14.0"
+    "react": ">=0.12.0"
   }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-if-comp",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "React component for conditional rendering of embedded elements or props",
   "main": "index.js",
   "keywords": [
@@ -29,30 +29,15 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "autoprefixer-loader": "^3.1.0",
     "babel-core": "^6.3.26",
-    "babel-eslint": "^5.0.0-beta6",
-    "babel-loader": "^6.2.0",
     "babel-plugin-transform-strict-mode": "^6.3.13",
     "babel-preset-react": "^6.3.13",
     "babel-preset-stage-0": "^6.3.13",
     "chai": "^3.4.1",
-    "css-loader": "^0.23.1",
-    "eslint": "^1.10.3",
-    "eslint-loader": "^1.2.0",
-    "eslint-plugin-react": "^3.12.0",
-    "html-webpack-plugin": "^1.7.0",
     "mocha": "^2.3.4",
-    "node-sass": "^3.4.2",
-    "react-bootstrap": "^0.28.1",
-    "react-dom": "^0.14.0",
-    "react-hot-loader": "^1.3.0",
-    "sass-loader": "^3.1.2",
-    "style-loader": "^0.13.0",
-    "webpack": "^1.12.9",
-    "webpack-dev-server": "^1.14.0"
+    "react-dom": "^0.14.0"
   },
   "dependencies": {
-    "react": "^0.14.0"
+    "react": ">=0.12.0"
   }
 }

src/if.jsx

@@ -1,6 +1,7 @@
 'use strict';
 
 var React = require('react')
+    , version = +React.version.substring(0, React.version.lastIndexOf('.'))
     , types = ['bool', 'func', 'node'].map(name => React.PropTypes[name])
 ;
 
@@ -12,7 +13,7 @@ function _getResult(result) {
         return result;
 
     if (typeof result === 'function') {
-        if (typeof result.prototype.render === 'function')
+        if (result.displayName)
             return React.createElement(result);
 
         return _getResult(result());
@@ -36,8 +37,8 @@ var IF = React.createClass({
 
         if (total) {
             React.Children.forEach(props.children, child => {
-                if (child.type === IF) {
-                    if (!('if' in child.props)) {
+                if (version <= 0.12 ? child.type === IF.type : child.type === IF) {
+                    if (child.props && !('if' in child.props)) {
                         if (props.if && child.props.then) result.push(child.props.children);
                         if (!props.if && child.props.else) result.push(child.props.children);
                     } else {

test/tests.js

@@ -2,7 +2,8 @@
 
 var expect = require('chai').expect
     , React = require('react')
-    , ReactDOMServer = require('react-dom/server')
+    , version = +React.version.substring(0, React.version.lastIndexOf('.'))
+    , ReactStaticMarkup = version <= 0.13 ? React : require('react-dom/server')
     , Node = require('../src/if.jsx')
     , nullElement = '<noscript></noscript>'
 ;
@@ -24,7 +25,9 @@ var Foo = React.createClass({
 });
 
 function test(el, eq) {
-    return expect(ReactDOMServer.renderToStaticMarkup(el)).equal(eq);
+    return expect(
+        ReactStaticMarkup[version <= 0.11 ? 'renderComponentToStaticMarkup' : 'renderToStaticMarkup'](el)
+    ).equal(eq);
 }
 
 describe('React IF component testing:', function() {