Merge pull request #162 from reactjs/controlled

Controlled Mode

Author: danez

.babelrc

@@ -5,6 +5,7 @@
   ],
   "plugins": [
     "transform-object-rest-spread",
-    "transform-class-properties"
+    "transform-class-properties",
+    ["transform-react-remove-prop-types", { "mode": "wrap" }]
   ]
 }

dist/react-tabs.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { Tab, Tabs, TabList, TabPanel } from '../../src/main';
+import { Tab, Tabs, TabList, TabPanel } from '../../src/index';
 import '../../style/react-tabs.css';
 
 const App = () => {

dist/react-tabs.js.map

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { Tab, Tabs, TabList, TabPanel } from '../../src/main';
+import { Tab, Tabs, TabList, TabPanel } from '../../src/index';
 import '../../style/react-tabs.css';
 
 class App extends React.Component {

dist/react-tabs.min.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import Modal from 'react-modal';
-import { Tab, Tabs, TabList, TabPanel } from '../../src/main';
+import { Tab, Tabs, TabList, TabPanel } from '../../src/index';
 import '../../style/react-tabs.css';
 
 Modal.setAppElement(document.getElementById('example'));
@@ -51,7 +51,7 @@ class App extends React.Component {
   removeTab = (index) => {
     this.setState({
       tabs: this.state.tabs.filter((tab, i) => i !== index),
-      selectedIndex: this.state.selectedIndex - 1,
+      selectedIndex: Math.max(this.state.selectedIndex - 1, 0),
     });
   }
 

dist/react-tabs.min.js.map

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { Tab, Tabs, TabList, TabPanel } from '../../src/main';
+import { Tab, Tabs, TabList, TabPanel } from '../../src/index';
 import '../../style/react-tabs.css';
 
 class App extends React.Component {
@@ -10,7 +10,7 @@ class App extends React.Component {
     this.state = { inputValue: '' };
   }
 
-  handleInputChange(e) {
+  handleInputChange = (e) => {
     this.forceUpdate();
     this.setState({ inputValue: e.target.value });
   }

examples/basic/app.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { Tab, Tabs, TabList, TabPanel } from '../../src/main';
+import { Tab, Tabs, TabList, TabPanel } from '../../src/index';
 import '../../style/react-tabs.css';
 
 const App = () => {