added support for mixins

Author: Keyan Zhang

transforms/__testfixtures__/property-initializer-2.input.js

@@ -1,6 +1,8 @@
 'use strict';
 
 var React = require('React');
+var ReactComponentWithPureRenderMixin = require('ReactComponentWithPureRenderMixin');
+var FooBarMixin = require('FooBarMixin');
 
 var ComponentWithNonSimpleInitialState = React.createClass({
   statics: {
@@ -44,3 +46,35 @@ module.exports = React.createClass({
     return <div />;
   },
 });
+
+var ComponentWithOnlyPureRenderMixin = React.createClass({
+  mixins: [ReactComponentWithPureRenderMixin],
+
+  getInitialState: function() {
+    return {
+      counter: this.props.initialNumber + 1,
+    };
+  },
+
+  render: function() {
+    return (
+      <div>{this.state.counter}</div>
+    );
+  },
+});
+
+var ComponentWithInconvertibleMixins = React.createClass({
+  mixins: [ReactComponentWithPureRenderMixin, FooBarMixin],
+
+  getInitialState: function() {
+    return {
+      counter: this.props.initialNumber + 1,
+    };
+  },
+
+  render: function() {
+    return (
+      <div>{this.state.counter}</div>
+    );
+  },
+});

transforms/__testfixtures__/property-initializer-2.output.js

@@ -1,10 +1,12 @@
 'use strict';
 
 var React = require('React');
+var ReactComponentWithPureRenderMixin = require('ReactComponentWithPureRenderMixin');
+var FooBarMixin = require('FooBarMixin');
 
 class ComponentWithNonSimpleInitialState extends React.Component {
-  static foo = 'bar';
   static iDontKnowWhyYouNeedThis = true; // but comment it
+  static foo = 'bar';
 
   constructor(props, context) {
     super(props, context);
@@ -23,14 +25,14 @@ class ComponentWithNonSimpleInitialState extends React.Component {
 
 // Comment
 module.exports = class extends React.Component {
-  static defaultProps = {
-    foo: 12,
-  };
-
   static propTypes = {
     foo: React.PropTypes.bool,
   };
 
+  static defaultProps = {
+    foo: 12,
+  };
+
   state = function() { // non-simple
     var data = 'bar';
     return {
@@ -42,3 +44,35 @@ module.exports = class extends React.Component {
     return <div />;
   }
 };
+
+class ComponentWithOnlyPureRenderMixin extends React.PureComponent {
+  constructor(props, context) {
+    super(props, context);
+
+    this.state = {
+      counter: props.initialNumber + 1,
+    };
+  }
+
+  render() {
+    return (
+      <div>{this.state.counter}</div>
+    );
+  }
+}
+
+var ComponentWithInconvertibleMixins = React.createClass({
+  mixins: [ReactComponentWithPureRenderMixin, FooBarMixin],
+
+  getInitialState: function() {
+    return {
+      counter: this.props.initialNumber + 1,
+    };
+  },
+
+  render: function() {
+    return (
+      <div>{this.state.counter}</div>
+    );
+  },
+});

transforms/__testfixtures__/property-initializer.output.js

@@ -34,16 +34,6 @@ class MyComponent2 extends React.Component {
 }
 
 class MyComponent3 extends React.Component {
-  static defaultProps = function() {
-    unboundFunc();
-    return {
-      linkifyEntities: true,
-      highlightEntities: false,
-    };
-  }();
-
-  static funcThatDoesNothing = function(): void {};
-
   static propTypes = {
     highlightEntities: React.PropTypes.bool,
     linkifyEntities: React.PropTypes.bool,
@@ -53,7 +43,16 @@ class MyComponent3 extends React.Component {
     }).isRequired,
   };
 
+  static defaultProps = function() {
+    unboundFunc();
+    return {
+      linkifyEntities: true,
+      highlightEntities: false,
+    };
+  }();
+
   static someThing = 10;
+  static funcThatDoesNothing = function(): void {};
 
   constructor(props, context) {
     super(props, context);
@@ -64,6 +63,12 @@ class MyComponent3 extends React.Component {
     };
   }
 
+  _renderText = (text: string) => { // TODO no return type yet
+    return <Text text={text} />;
+  };
+
+  autobindMe = () => {};
+
   // Function comment
   _renderRange = (text: string, range, bla: Promise<string>) => {
     var self = this;
@@ -90,12 +95,6 @@ class MyComponent3 extends React.Component {
     return text;
   };
 
-  _renderText = (text: string) => { // TODO no return type yet
-    return <Text text={text} />;
-  };
-
-  autobindMe = () => {};
-
   _renderImageRange(text: string, range) { // TODO no return type yet
     var image = range.image;
     if (image) {