Support React 16

Author: ethanselzer

example/package.json

@@ -5,16 +5,17 @@
   "homepage": "https://ethanselzer.github.io/react-lazy-tree",
   "devDependencies": {
     "gh-pages": "^0.12.0",
-    "react-scripts": "0.9.5"
+    "react-scripts": "1.0.17"
   },
   "dependencies": {
     "bootstrap": "^3.3.7",
-    "react": "^15.3.2",
-    "react-bootstrap": "^0.30.7",
-    "react-dom": "^15.3.2",
-    "react-helmet": "^4.0.0",
-    "react-lazy-tree": "^1.0.0",
-    "react-router": "^3.0.0",
+    "prop-types": "^15.6.0",
+    "react": "16.1.0",
+    "react-bootstrap": "0.31.5",
+    "react-dom": "16.1.0",
+    "react-helmet": "5.2.0",
+    "react-lazy-tree": "1.0.4",
+    "react-router": "3.2.0",
     "react-syntax-highlighter": "^4.0.1"
   },
   "scripts": {

example/src/components/Catalog.js

@@ -2,9 +2,9 @@ import React, { Component } from 'react';
 import { Link } from 'react-router';
 import ReactLazyTree from 'react-lazy-tree';
 
-import data from '../../data/tree';
+import data from '../data/tree.json';
 
-import '../../styles/catalog.css';
+import '../styles/catalog.css';
 
 class Catalog extends Component {
     render() {

example/src/components/Hamburger.js

@@ -1,10 +1,10 @@
 import React, { Component } from 'react';
 import ReactLazyTree from 'react-lazy-tree';
 
-import data from '../../data/tree';
+import data from '../data/tree.json';
 import Label from '../components/Label';
 
-import '../../styles/hamburger.css';
+import '../styles/hamburger.css';
 
 class Hamburger extends Component {
     render() {

example/src/components/Header.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { Navbar, Nav, NavItem } from 'react-bootstrap';
 
-import npmLogo from '../../images/npm-logo.png';
-import githubLogo from '../../images/github-logo.png';
+import npmLogo from '../images/npm-logo.png';
+import githubLogo from '../images/github-logo.png';
 
-import '../../styles/header.css';
+import '../styles/header.css';
 
 class Navigation extends React.Component {
     constructor(props) {

example/src/components/Viewer.js

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
 import ReactLazyTree from 'react-lazy-tree';
 
-import data from '../../data/tree';
+import data from '../data/tree.json';
 
-import '../../styles/viewer.css';
+import '../styles/viewer.css';
 
 class Viewer extends Component {
     render() {

example/data/tree.json renamed to example/src/data/tree.json

@@ -4,7 +4,7 @@ import { hashHistory } from 'react-router';
 
 import Routes from './router';
 
-import '../styles/fonts.css';
+import './styles/fonts.css';
 import './index.css';
 
 ReactDOM.render(

example/fonts/rack-icons.ttf renamed to example/src/fonts/rack-icons.ttf

@@ -17,7 +17,7 @@ import codeString from '../code-examples/catalog';
 import cssString from '../code-examples/catalog-css';
 
 import 'bootstrap/dist/css/bootstrap.css';
-import '../../styles/app.css';
+import '../styles/app.css';
 
 registerLanguage('javascript', js);
 registerLanguage('css', css);

example/fonts/rack-icons.woff renamed to example/src/fonts/rack-icons.woff

@@ -16,10 +16,10 @@ import Hamburger from '../components/Hamburger';
 import codeString from '../code-examples/hamburger';
 import cssString from '../code-examples/hamburger-css';
 
-import qr from '../../images/hamburger-qr.png';
+import qr from '../images/hamburger-qr.png';
 
 import 'bootstrap/dist/css/bootstrap.css';
-import '../../styles/app.css';
+import '../styles/app.css';
 
 registerLanguage('javascript', js);
 registerLanguage('css', css);

example/images/catalog.png renamed to example/src/images/catalog.png

@@ -3,13 +3,13 @@ import Helmet from 'react-helmet';
 
 import Header from '../components/Header';
 
-import hamburger from '../../images/hamburger.png';
-import catalog from '../../images/catalog.png';
-import qr from '../../images/hamburger-qr.png';
-import viewer from '../../images/viewer.png';
+import hamburger from '../images/hamburger.png';
+import catalog from '../images/catalog.png';
+import qr from '../images/hamburger-qr.png';
+import viewer from '../images/viewer.png';
 
 import 'bootstrap/dist/css/bootstrap.css';
-import '../../styles/app.css';
+import '../styles/app.css';
 
 import {
     Clearfix,

example/images/github-logo.png renamed to example/src/images/github-logo.png

@@ -17,7 +17,7 @@ import codeString from '../code-examples/viewer';
 import cssString from '../code-examples/viewer-css';
 
 import 'bootstrap/dist/css/bootstrap.css';
-import '../../styles/app.css';
+import '../styles/app.css';
 
 registerLanguage('javascript', js);
 registerLanguage('css', css);

example/images/hamburger-qr.png renamed to example/src/images/hamburger-qr.png

@@ -1,6 +1,6 @@
 @font-face {
     font-family: 'rack-icons';
-    src: url('./../fonts/rack-icons.woff') format('woff');
+    src: url('../fonts/rack-icons.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 }