support React v16.0

examples/browser/app.jsx

@@ -1,12 +1,13 @@
 var React = require('react');
 var ReactDOM = require('react-dom');
+var createReactClass = require('create-react-class');
 var Experiment = require("../../lib/Experiment");
 var Variant = require("../../lib/Variant");
 var experimentDebugger = require("../../lib/debugger");
 
 experimentDebugger.enable();
 
-var App = React.createClass({
+var App = createReactClass({
   render() {
     return <div>
       <h1>Experiment 1</h1>

examples/isomorphic/Component.jsx

@@ -1,8 +1,9 @@
 var React = require("react");
+var createReactClass = require('create-react-class');
 var Experiment = require("../../lib/Experiment");
 var Variant = require("../../lib/Variant");
 
-module.exports = React.createClass({
+module.exports = createReactClass({
   propTypes: {
     userIdentifier: React.PropTypes.string.isRequired
   },

src/debugger.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import createReactClass from 'create-react-class';
 import emitter from "./emitter";
 import {canUseDOM} from 'fbjs/lib/ExecutionEnvironment';
 
@@ -78,7 +79,7 @@ if(process.env.NODE_ENV === "production" || !canUseDOM) {
       style = null;
     }
   }
-  const Debugger = React.createClass({
+  const Debugger = createReactClass({
     displayName: "Pushtell.Debugger",
     getInitialState(){
       return {

test/browser/core.test.jsx

@@ -1,5 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom";
+import createReactClass from 'create-react-class';
 import Experiment from "../../src/CoreExperiment.jsx";
 import Variant from "../../src/Variant.jsx";
 import emitter from "../../src/emitter.jsx";
@@ -22,7 +23,7 @@ describe("Core Experiment", function() {
   });
   it("should render the correct variant.", co.wrap(function *(){
     let experimentName = UUID.v4();
-    let App = React.createClass({
+    let App = createReactClass({
       render: function(){
         return <Experiment name={experimentName} value="A">
           <Variant name="A"><div id="variant-a" /></Variant>
@@ -41,7 +42,7 @@ describe("Core Experiment", function() {
   }));
   it("should error if invalid children exist.", co.wrap(function *(){
     let experimentName = UUID.v4();
-    let App = React.createClass({
+    let App = createReactClass({
       render: function(){
         return <Experiment name={experimentName} value="A">
           <Variant name="A"><div id="variant-a" /></Variant>
@@ -71,7 +72,7 @@ describe("Core Experiment", function() {
     let getValueB = function() {
       return "B";
     }
-    let App = React.createClass({
+    let App = createReactClass({
       getInitialState: function(){
         return {
           value: getValueA
@@ -105,7 +106,7 @@ describe("Core Experiment", function() {
   }));
   it("should update the children when props change.", co.wrap(function *(){
     let experimentName = UUID.v4();
-    let SubComponent = React.createClass({
+    let SubComponent = createReactClass({
       render(){
         return (
             <div id="variant-a">
@@ -114,7 +115,7 @@ describe("Core Experiment", function() {
         )
       }
     });
-    let App = React.createClass({
+    let App = createReactClass({
       render: function(){
         return <Experiment name={experimentName} value="A">
           <Variant name="A"><SubComponent text={this.props.text}/></Variant>

test/browser/debugger.test.jsx

@@ -1,5 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom";
+import createReactClass from 'create-react-class';
 import Experiment from "../../src/CoreExperiment.jsx";
 import Variant from "../../src/Variant.jsx";
 import experimentDebugger from "../../src/debugger.jsx";
@@ -45,7 +46,7 @@ describe("Debugger", function() {
   });
   it("should enable and disable.", co.wrap(function *(){
     let experimentName = UUID.v4();
-    let App = React.createClass({
+    let App = createReactClass({
       render: function(){
         return <Experiment name={experimentName} value="A">
           <Variant name="A"><div id="variant-a" /></Variant>
@@ -72,7 +73,7 @@ describe("Debugger", function() {
   });
   it("should change an experiment's value.", co.wrap(function *(){
     let experimentName = UUID.v4();
-    let App = React.createClass({
+    let App = createReactClass({
       render: function(){
         return <Experiment name={experimentName} value="A">
           <Variant name="A"><div id="variant-a" /></Variant>

test/browser/emitter.test.jsx

@@ -1,5 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom";
+import createReactClass from 'create-react-class';
 import Experiment from "../../src/CoreExperiment.jsx";
 import Variant from "../../src/Variant.jsx";
 import emitter from "../../src/emitter.jsx";
@@ -38,7 +39,7 @@ describe("Emitter", function() {
     };
     let playSubscription = emitter.addPlayListener(experimentName, playCallback);
     let playSubscriptionGlobal = emitter.addPlayListener(playCallbackGlobal);
-    let App = React.createClass({
+    let App = createReactClass({
       render: function(){
         return <Experiment name={experimentName} value="A">
           <Variant name="A"><div id="variant-a"/></Variant>
@@ -70,7 +71,7 @@ describe("Emitter", function() {
     };
     let winSubscription = emitter.addWinListener(experimentName, winCallback);
     let winSubscriptionGlobal = emitter.addWinListener(winCallbackGlobal);
-    let App = React.createClass({
+    let App = createReactClass({
       render: function(){
         return <Experiment name={experimentName} value="A">
           <Variant name="A"><div id="variant-a"/></Variant>
@@ -103,7 +104,7 @@ describe("Emitter", function() {
     };
     let winSubscription = emitter.addWinListener(experimentName, winCallback);
     let winSubscriptionGlobal = emitter.addWinListener(winCallbackGlobal);
-    let App = React.createClass({
+    let App = createReactClass({
       onClickVariant: function(e){
         this.refs.experiment.win();
       },
@@ -140,7 +141,7 @@ describe("Emitter", function() {
     };
     let activeVariantSubscription = emitter.addActiveVariantListener(experimentName, activeVariantCallback);
     let activeVariantSubscriptionGlobal = emitter.addActiveVariantListener(activeVariantCallbackGlobal);
-    let App = React.createClass({
+    let App = createReactClass({
       render: function(){
         return <Experiment ref="experiment" name={experimentName} value="A">
           <Variant name="A"><a id="variant-a" href="#A">A</a></Variant>
@@ -160,7 +161,7 @@ describe("Emitter", function() {
   }));
   it("should get the experiment value.", co.wrap(function *(){
     let experimentName = UUID.v4();
-    let App = React.createClass({
+    let App = createReactClass({
       render: function(){
         return <Experiment ref="experiment" name={experimentName} value="A">
           <Variant name="A"><a id="variant-a" href="#A">A</a></Variant>
@@ -176,7 +177,7 @@ describe("Emitter", function() {
   }));
   it("should update the rendered component.", co.wrap(function *(){
     let experimentName = UUID.v4();
-    let App = React.createClass({
+    let App = createReactClass({
       render: function(){
         return <Experiment name={experimentName} value="A">
           <Variant name="A"><div id="variant-a" /></Variant>
@@ -201,23 +202,23 @@ describe("Emitter", function() {
   it("should report active components.", co.wrap(function *(){
     let experimentNameA = UUID.v4();
     let experimentNameB = UUID.v4();
-    let AppA = React.createClass({
+    let AppA = createReactClass({
       render: function(){
         return <Experiment name={experimentNameA} value="A">
           <Variant name="A"><div id="variant-a" /></Variant>
           <Variant name="B"><div id="variant-b" /></Variant>
         </Experiment>;
       }
     });
-    let AppB = React.createClass({
+    let AppB = createReactClass({
       render: function(){
         return <Experiment name={experimentNameB} value="C">
           <Variant name="C"><div id="variant-c" /></Variant>
           <Variant name="D"><div id="variant-d" /></Variant>
         </Experiment>;
       }
     });
-    let AppCombined = React.createClass({
+    let AppCombined = createReactClass({
       render: function(){
         return <div>
           <AppA />

test/browser/experiment.test.jsx

@@ -1,5 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom";
+import createReactClass from 'create-react-class';
 import Experiment from "../../src/Experiment.jsx";
 import Variant from "../../src/Variant.jsx";
 import emitter from "../../src/emitter.jsx";
@@ -52,7 +53,7 @@ describe("Experiment", function() {
     for(let i = 0; i < 100; i++) {
       variantNames.push(UUID.v4());
     }
-    let App = React.createClass({
+    let App = createReactClass({
       render: function(){
         return <Experiment name={experimentName}>
           {variantNames.map(name => {
@@ -73,7 +74,7 @@ describe("Experiment", function() {
       variantNames.push(UUID.v4());
     }
     let defaultVariantName = variantNames[Math.floor(Math.random() * variantNames.length)];
-    let AppWithdefaultVariantName = React.createClass({
+    let AppWithdefaultVariantName = createReactClass({
       render: function(){
         return <Experiment name={experimentName} defaultVariantName={defaultVariantName}>
           {variantNames.map(name => {
@@ -82,7 +83,7 @@ describe("Experiment", function() {
         </Experiment>;
       }
     });
-    let AppWithoutdefaultVariantName = React.createClass({
+    let AppWithoutdefaultVariantName = createReactClass({
       render: function(){
         return <Experiment name={experimentName}>
           {variantNames.map(name => {
@@ -106,7 +107,7 @@ describe("Experiment", function() {
   }));
   it("should error if variants are added to a experiment after a variant was selected.", co.wrap(function *(){
     let experimentName = UUID.v4();
-    let AppPart1 = React.createClass({
+    let AppPart1 = createReactClass({
       onClickVariant: function(e){
         this.refs.experiment.win();
       },
@@ -117,7 +118,7 @@ describe("Experiment", function() {
         </Experiment>;
       }
     });
-    let AppPart2 = React.createClass({
+    let AppPart2 = createReactClass({
       onClickVariant: function(e){
         this.refs.experiment.win();
       },
@@ -148,7 +149,7 @@ describe("Experiment", function() {
   it("should not error if variants are added to a experiment after a variant was selected if variants were defined.", co.wrap(function *(){
     let experimentName = UUID.v4();
     emitter.defineVariants(experimentName, ["A", "B", "C", "D"]);
-    let AppPart1 = React.createClass({
+    let AppPart1 = createReactClass({
       onClickVariant: function(e){
         this.refs.experiment.win();
       },
@@ -159,7 +160,7 @@ describe("Experiment", function() {
         </Experiment>;
       }
     });
-    let AppPart2 = React.createClass({
+    let AppPart2 = createReactClass({
       onClickVariant: function(e){
         this.refs.experiment.win();
       },
@@ -182,7 +183,7 @@ describe("Experiment", function() {
   it("should error if a variant is added to an experiment after variants were defined.", co.wrap(function *(){
     let experimentName = UUID.v4();
     emitter.defineVariants(experimentName, ["A", "B", "C"]);
-    let AppPart1 = React.createClass({
+    let AppPart1 = createReactClass({
       onClickVariant: function(e){
         this.refs.experiment.win();
       },
@@ -193,7 +194,7 @@ describe("Experiment", function() {
         </Experiment>;
       }
     });
-    let AppPart2 = React.createClass({
+    let AppPart2 = createReactClass({
       onClickVariant: function(e){
         this.refs.experiment.win();
       },
@@ -224,7 +225,7 @@ describe("Experiment", function() {
   it("should not error if an older test variant is set.", co.wrap(function *(){
     let experimentName = UUID.v4();
     localStorage.setItem("PUSHTELL-" + experimentName, "C");
-    let App = React.createClass({
+    let App = createReactClass({
       render: function(){
         return <Experiment name={experimentName}>
           <Variant name="A"><a id="variant-a" href="#A" onClick={this.onClickVariant}>A</a></Variant>
@@ -251,7 +252,7 @@ describe("Experiment", function() {
     };
     let winSubscription = emitter.addWinListener(experimentName, winCallback);
     let winSubscriptionGlobal = emitter.addWinListener(winCallbackGlobal);
-    let App = React.createClass({
+    let App = createReactClass({
       onClickVariant: function(e){
         this.refs.experiment.win();
       },
@@ -281,7 +282,7 @@ describe("Experiment", function() {
     for(let i = 0; i < 100; i++) {
       variantNames.push(UUID.v4());
     }
-    let App = React.createClass({
+    let App = createReactClass({
       render: function(){
         return <Experiment name={experimentName} userIdentifier={userIdentifier}>
           {variantNames.map(name => {

test/browser/helpers.mixpanel.test.jsx

@@ -1,5 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom";
+import createReactClass from 'create-react-class';
 import Experiment from "../../src/CoreExperiment.jsx";
 import Variant from "../../src/Variant.jsx";
 import emitter from "../../src/emitter.jsx";
@@ -72,7 +73,7 @@ describe("Mixpanel Helper", function() {
     }
     mixpanelHelper.enable();
     let experimentName = UUID.v4();
-    let App = React.createClass({
+    let App = createReactClass({
       render: function(){
         return <Experiment name={experimentName} value="A">
           <Variant name="A"><div id="variant-a" /></Variant>

test/browser/helpers.segment.test.jsx

@@ -1,5 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom";
+import createReactClass from 'create-react-class';
 import Experiment from "../../src/CoreExperiment.jsx";
 import Variant from "../../src/Variant.jsx";
 import emitter from "../../src/emitter.jsx";
@@ -73,7 +74,7 @@ describe("Segment Helper", function() {
     }
     segmentHelper.enable();
     let experimentName = UUID.v4();
-    let App = React.createClass({
+    let App = createReactClass({
       render: function(){
         return <Experiment name={experimentName} value="A">
           <Variant name="A"><div id="variant-a" /></Variant>

test/browser/variant.test.jsx

@@ -1,5 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom";
+import createReactClass from 'create-react-class';
 import Experiment from "../../src/CoreExperiment.jsx";
 import Variant from "../../src/Variant.jsx";
 import emitter from "../../src/emitter.jsx";
@@ -24,7 +25,7 @@ describe("Variant", function() {
     let experimentName = UUID.v4();
     let variantTextA = UUID.v4();
     let variantTextB = UUID.v4();
-    let App = React.createClass({
+    let App = createReactClass({
       render: function(){
         return <Experiment name={experimentName} value="A">
           <Variant name="A">{variantTextA}</Variant>
@@ -39,7 +40,7 @@ describe("Variant", function() {
   }));
   it("should render components.", co.wrap(function *(){
     let experimentName = UUID.v4();
-    let App = React.createClass({
+    let App = createReactClass({
       render: function(){
         return <Experiment name={experimentName} value="A">
           <Variant name="A"><div id="variant-a" /></Variant>
@@ -58,7 +59,7 @@ describe("Variant", function() {
   }));
   it("should render arrays of components.", co.wrap(function *(){
     let experimentName = UUID.v4();
-    let App = React.createClass({
+    let App = createReactClass({
       render: function(){
         return <Experiment name={experimentName} value="A">
           <Variant name="A">