Support 0.14 (remove deprecated feature warnings).

Closes facebookarchive#283

README.md

@@ -34,6 +34,7 @@ Add the default stylesheet `dist/fixed-data-table.css`, then require it into any
 
 ```javascript
 var React = require('react');
+var ReactDOM = require('react-dom');
 var FixedDataTable = require('fixed-data-table');
 
 var Table = FixedDataTable.Table;
@@ -51,7 +52,7 @@ function rowGetter(rowIndex) {
   return rows[rowIndex];
 }
 
-React.render(
+ReactDOM.render(
   <Table
     rowHeight={50}
     rowGetter={rowGetter}

package.json

@@ -4,7 +4,8 @@
   "description": "A React table component designed to allow presenting thousands of rows of data.",
   "main": "main.js",
   "peerDependencies": {
-    "react": ">=0.13.0 <0.15.0 || ^0.14.0-beta3"
+    "react": ">=0.13.0 <0.15.0 || ^0.14.0-beta3",
+    "react-dom": ">=0.14.0 <0.15.0 || ^0.14.0-beta3"
   },
   "devDependencies": {
     "autoprefixer": "^5.0.0",
@@ -23,7 +24,7 @@
     "null-loader": "^0.1.0",
     "postcss": "^4.0.2",
     "postcss-custom-properties": "3.0.1",
-    "react": "^0.13.0",
+    "react": "^0.14.0",
     "react-docgen": "^1.2.0",
     "react-tools": "^0.12.2",
     "style-loader": "^0.8.3",

site/IndexPage.js

@@ -9,6 +9,7 @@ var ColumnAPIPage = require('./docs/ColumnAPIPage');
 var ColumnGroupAPIPage = require('./docs/ColumnGroupAPIPage');
 var ExamplesPage = require('./examples/ExamplesPage');
 var React = require('react');
+var ReactDOMServer = require('react-dom/server');
 
 var faviconURL = require('./images/favicon.png');
 
@@ -25,7 +26,7 @@ var IndexPage = React.createClass({
 
     renderToString(props) {
       return IndexPage.getDoctype() +
-        React.renderToString(<IndexPage {...props} />);
+        ReactDOMServer.renderToString(<IndexPage {...props} />);
     },
   },
 

site/client.js

@@ -1,9 +1,10 @@
 "use strict";
 
 var React = require('react');
+var ReactDOM = require('react-dom');
 var IndexPage = require('./IndexPage');
 
-React.render(
+ReactDOM.render(
   <IndexPage
     {...window.INITIAL_PROPS}
   />,

site/examples/TouchExampleWrapper.js

@@ -18,8 +18,6 @@ var TouchableArea = require('./TouchableArea');
 
 var PropTypes = React.PropTypes;
 
-var cloneWithProps = require('react/lib/cloneWithProps');
-
 function isTouchDevice() {
   return 'ontouchstart' in document.documentElement // works on most browsers
       || 'onmsgesturechange' in window; // works on ie10
@@ -46,7 +44,7 @@ var ExampleTouchWrapper = React.createClass({
 
   render() {
     if (!isTouchDevice()) {
-      return cloneWithProps(this.props.children, {
+      return React.cloneElement(this.props.children, {
         tableHeight: this.props.tableHeight,
         tableWidth: this.props.tableWidth,
       });

site/home/Header.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var React = require('react');
+var ReactDOM = require('react-dom');
 var Constants = require('../Constants');
 
 var FIXED_THRESHOLD = 680;
@@ -22,7 +23,7 @@ var Header = React.createClass({
 
   componentDidMount() {
     this.offsetWidth = this._getWindowWidth();
-    this.offsetHeight = this.getDOMNode().offsetHeight;
+    this.offsetHeight = ReactDOM.findDOMNode(this).offsetHeight;
     window.addEventListener('scroll', this.handleScroll);
     window.addEventListener('resize', this.handleResize);
 
@@ -39,7 +40,7 @@ var Header = React.createClass({
 
   handleResize(event) {
     this.offsetWidth = this._getWindowWidth();
-    this.offsetHeight = this.getDOMNode().offsetHeight;
+    this.offsetHeight = ReactDOM.findDOMNode(this).offsetHeight;
     this.setState({
       fixed: this.offsetWidth <= FIXED_THRESHOLD,
     });

src/Scrollbar.react.js

@@ -13,6 +13,7 @@
 var DOMMouseMoveTracker = require('DOMMouseMoveTracker');
 var Keys = require('Keys');
 var React = require('React');
+var ReactDOM = require('ReactDOM');
 var ReactComponentWithPureRenderMixin = require('ReactComponentWithPureRenderMixin');
 var ReactWheelHandler = require('ReactWheelHandler');
 
@@ -318,7 +319,7 @@ var Scrollbar = React.createClass({
   _onMouseDown(/*object*/ event) {
     var nextState;
 
-    if (event.target !== React.findDOMNode(this.refs.face)) {
+    if (event.target !== ReactDOM.findDOMNode(this.refs.face)) {
       // Both `offsetX` and `layerX` are non-standard DOM property but they are
       // magically available for browsers somehow.
       var nativeEvent = event.nativeEvent;
@@ -345,7 +346,7 @@ var Scrollbar = React.createClass({
 
     this._mouseMoveTracker.captureMouseMoves(event);
     // Focus the node so it may receive keyboard event.
-    React.findDOMNode(this).focus();
+    ReactDOM.findDOMNode(this).focus();
   },
 
   _onMouseMove(/*number*/ deltaX, /*number*/ deltaY) {
@@ -467,7 +468,7 @@ var Scrollbar = React.createClass({
     if (this.isMounted()) {
       try {
         this._onBlur();
-        React.findDOMNode(this).blur();
+        ReactDOM.findDOMNode(this).blur();
       } catch (oops) {
         // pass
       }

src/stubs/react/ReactDOM.js

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) 2015, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @providesModule ReactDOM
+ */
+
+module.exports = require('react-dom');

webpack.config.js

@@ -99,6 +99,12 @@ module.exports = {
       commonjs2: 'react',
       amd: 'react',
     },
+    'react-dom': {
+      root: 'ReactDOM',
+      commonjs: 'react-dom',
+      commonjs2: 'react-dom',
+      amd: 'react-dom',
+    },
   },
 
   node: {