Reflow: Upgrade React Data Grid to React 0.14.6

heaplabs · Jan 26, 2016 · 6ec152d · 6ec152d
1 parent 1621116
commit 6ec152d
Show file tree

Hide file tree

Showing 71 changed files with 305 additions and 255 deletions.
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,4 @@
+{
+  "presets": ["react", "es2015"],
+  "plugins": ["transform-class-properties"]
+}
diff --git a/appveyor.yml b/appveyor.yml
@@ -33,6 +33,7 @@ install:
   - npm install
   - gulp flow
   - gulp dist
+  - gulp examples
 
 # Post-install test scripts.
 test_script:

diff --git a/config/webpack.js b/config/webpack.js
@@ -30,15 +30,18 @@ var config = {
 			commonjs2 : 'react',
 			amd : 'react'
 		},
+    "react-dom": {
+			root : 'ReactDOM',
+			commonjs : 'react-dom',
+			commonjs2 : 'react-dom',
+			amd : 'react-dom'
+		},
     "moment" : "moment"
   },
   module: {
     loaders: [
-      {
-        test: /\.js$/,
-        exclude: /node_modules/,
-        loader: 'babel-loader?optional[]=runtime'
-      }
+      { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader"}
+
     ]
   },
   postLoaders: [

diff --git a/examples/assets/js/ReactPlayground.js b/examples/assets/js/ReactPlayground.js
@@ -30,7 +30,7 @@ var CodeMirrorEditor = React.createClass({
   componentDidMount: function() {
     if (IS_MOBILE) return;
 
-    this.editor = CodeMirror.fromTextArea(this.refs.editor.getDOMNode(), {
+    this.editor = CodeMirror.fromTextArea(this.refs.editor, {
       mode: 'javascript',
       lineNumbers: this.props.lineNumbers,
       lineWrapping: true,
@@ -204,16 +204,16 @@ module.exports = React.createClass({
     },
 
     executeCode: function() {
-      var mountNode = this.refs.mount.getDOMNode();
+      var mountNode = this.refs.mount;
 
       try {
-        React.unmountComponentAtNode(mountNode);
+        ReactDOM.unmountComponentAtNode(mountNode);
       } catch (e) { }
 
       try {
         var compiledCode = this.compileCode();
         if (this.props.renderCode) {
-          React.render(
+          ReactDOM.render(
             <CodeMirrorEditor codeText={compiledCode} readOnly={true} />,
             mountNode
           );
@@ -222,7 +222,7 @@ module.exports = React.createClass({
         }
       } catch (err) {
         this.setTimeout(function() {
-          React.render(
+          ReactDOM.render(
             <div className="playgroundError">{err.toString()}</div>,
             mountNode
           );

diff --git a/examples/assets/js/bootstrap.min.js b/examples/assets/js/bootstrap.min.js
diff --git a/examples/assets/js/react-router.min.js b/examples/assets/js/react-router.min.js
diff --git a/examples/assets/js/react-with-addons.js b/examples/assets/js/react-with-addons.js
@@ -1,7 +1,7 @@
 /**
  * React (with addons) v0.13.1
  */
-(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.React = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(_dereq_,module,exports){
+(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.React = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw (f.code="MODULE_NOT_FOUND", f)}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(_dereq_,module,exports){
 /**
  * Copyright 2013-2015, Facebook, Inc.
  * All rights reserved.
@@ -75,7 +75,7 @@ var focusNode = _dereq_(134);
 var AutoFocusMixin = {
   componentDidMount: function() {
     if (this.props.autoFocus) {
-      focusNode(React.findDOMNode(this));
+      focusNode(ReactDOM.findDOMNode(this));
     }
   }
 };
@@ -4117,7 +4117,7 @@ var LocalEventTrapMixin = {
     ("production" !== "development" ? invariant(this.isMounted(), 'Must be mounted to trap events') : invariant(this.isMounted()));
     // If a component renders to null or if another component fatals and causes
     // the state of the tree to be corrupted, `node` here can be null.
-    var node = React.findDOMNode(this);
+    var node = ReactDOM.findDOMNode(this);
     ("production" !== "development" ? invariant(
       node,
       'LocalEventTrapMixin.trapBubbledEvent(...): Requires node to be rendered.'
@@ -5018,7 +5018,7 @@ var ReactCSSTransitionGroupChild = React.createClass({
   displayName: 'ReactCSSTransitionGroupChild',
 
   transition: function(animationType, finishCallback) {
-    var node = React.findDOMNode(this);
+    var node = ReactDOM.findDOMNode(this);
     var className = this.props.name + '-' + animationType;
     var activeClassName = className + '-active';
     var noEventTimeout = null;
@@ -5066,7 +5066,7 @@ var ReactCSSTransitionGroupChild = React.createClass({
   flushClassNameQueue: function() {
     if (this.isMounted()) {
       this.classNameQueue.forEach(
-        CSSCore.addClass.bind(CSSCore, React.findDOMNode(this))
+        CSSCore.addClass.bind(CSSCore, ReactDOM.findDOMNode(this))
       );
     }
     this.classNameQueue.length = 0;
@@ -8759,18 +8759,18 @@ var ReactDOMInput = ReactClass.createClass({
   },
 
   componentDidMount: function() {
-    var id = ReactMount.getID(React.findDOMNode(this));
+    var id = ReactMount.getID(ReactDOM.findDOMNode(this));
     instancesByReactID[id] = this;
   },
 
   componentWillUnmount: function() {
-    var rootNode = React.findDOMNode(this);
+    var rootNode = ReactDOM.findDOMNode(this);
     var id = ReactMount.getID(rootNode);
     delete instancesByReactID[id];
   },
 
   componentDidUpdate: function(prevProps, prevState, prevContext) {
-    var rootNode = React.findDOMNode(this);
+    var rootNode = ReactDOM.findDOMNode(this);
     if (this.props.checked != null) {
       DOMPropertyOperations.setValueForProperty(
         rootNode,
@@ -8800,7 +8800,7 @@ var ReactDOMInput = ReactClass.createClass({
 
     var name = this.props.name;
     if (this.props.type === 'radio' && name != null) {
-      var rootNode = React.findDOMNode(this);
+      var rootNode = ReactDOM.findDOMNode(this);
       var queryRoot = rootNode;
 
       while (queryRoot.parentNode) {
@@ -9523,7 +9523,7 @@ var ReactDOMTextarea = ReactClass.createClass({
   componentDidUpdate: function(prevProps, prevState, prevContext) {
     var value = LinkedValueUtils.getValue(this);
     if (value != null) {
-      var rootNode = React.findDOMNode(this);
+      var rootNode = ReactDOM.findDOMNode(this);
       // Cast `value` to a string to ensure the value is set correctly. While
       // browsers typically do this as necessary, jsdom doesn't.
       DOMPropertyOperations.setValueForProperty(rootNode, 'value', '' + value);

diff --git a/examples/assets/js/react.js b/examples/assets/js/react.js
@@ -1,7 +1,7 @@
 /**
  * React v0.13.1
  */
-(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.React = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(_dereq_,module,exports){
+(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.React = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw (f.code="MODULE_NOT_FOUND", f)}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(_dereq_,module,exports){
 /**
  * Copyright 2013-2015, Facebook, Inc.
  * All rights reserved.
@@ -171,7 +171,7 @@ var focusNode = _dereq_(119);
 var AutoFocusMixin = {
   componentDidMount: function() {
     if (this.props.autoFocus) {
-      focusNode(React.findDOMNode(this));
+      focusNode(ReactDOM.findDOMNode(this));
     }
   }
 };
@@ -4062,7 +4062,7 @@ var LocalEventTrapMixin = {
     ("production" !== "development" ? invariant(this.isMounted(), 'Must be mounted to trap events') : invariant(this.isMounted()));
     // If a component renders to null or if another component fatals and causes
     // the state of the tree to be corrupted, `node` here can be null.
-    var node = React.findDOMNode(this);
+    var node = ReactDOM.findDOMNode(this);
     ("production" !== "development" ? invariant(
       node,
       'LocalEventTrapMixin.trapBubbledEvent(...): Requires node to be rendered.'
@@ -8289,18 +8289,18 @@ var ReactDOMInput = ReactClass.createClass({
   },
 
   componentDidMount: function() {
-    var id = ReactMount.getID(React.findDOMNode(this));
+    var id = ReactMount.getID(ReactDOM.findDOMNode(this));
     instancesByReactID[id] = this;
   },
 
   componentWillUnmount: function() {
-    var rootNode = React.findDOMNode(this);
+    var rootNode = ReactDOM.findDOMNode(this);
     var id = ReactMount.getID(rootNode);
     delete instancesByReactID[id];
   },
 
   componentDidUpdate: function(prevProps, prevState, prevContext) {
-    var rootNode = React.findDOMNode(this);
+    var rootNode = ReactDOM.findDOMNode(this);
     if (this.props.checked != null) {
       DOMPropertyOperations.setValueForProperty(
         rootNode,
@@ -8330,7 +8330,7 @@ var ReactDOMInput = ReactClass.createClass({
 
     var name = this.props.name;
     if (this.props.type === 'radio' && name != null) {
-      var rootNode = React.findDOMNode(this);
+      var rootNode = ReactDOM.findDOMNode(this);
       var queryRoot = rootNode;
 
       while (queryRoot.parentNode) {
@@ -9053,7 +9053,7 @@ var ReactDOMTextarea = ReactClass.createClass({
   componentDidUpdate: function(prevProps, prevState, prevContext) {
     var value = LinkedValueUtils.getValue(this);
     if (value != null) {
-      var rootNode = React.findDOMNode(this);
+      var rootNode = ReactDOM.findDOMNode(this);
       // Cast `value` to a string to ensure the value is set correctly. While
       // browsers typically do this as necessary, jsdom doesn't.
       DOMPropertyOperations.setValueForProperty(rootNode, 'value', '' + value);

diff --git a/examples/assets/js/respond.min.js b/examples/assets/js/respond.min.js
diff --git a/examples/components/ColsDescription.js b/examples/components/ColsDescription.js
@@ -1,6 +1,3 @@
-/**
-* @jsx React.DOM
-*/
 module.exports = React.createClass({
   render : function(){
     return(