Allow setting active/disabled classes directly on components

Author: danez

src/components/Tab.js

@@ -5,7 +5,9 @@ import cx from 'classnames';
 export default class Tab extends Component {
 
   static defaultProps = {
+    activeClassName: 'ReactTabs__Tab--selected',
     className: 'ReactTabs__Tab',
+    disabledClassName: 'ReactTabs__Tab--disabled',
     focus: false,
     id: null,
     panelId: null,
@@ -14,14 +16,14 @@ export default class Tab extends Component {
 
   static propTypes = {
     activeClassName: PropTypes.string, // private
-    disabledClassName: PropTypes.string, // private
     children: PropTypes.oneOfType([
       PropTypes.array,
       PropTypes.object,
       PropTypes.string,
     ]),
     className: PropTypes.oneOfType([PropTypes.string, PropTypes.array, PropTypes.object]),
     disabled: PropTypes.bool,
+    disabledClassName: PropTypes.string, // private
     focus: PropTypes.bool, // private
     id: PropTypes.string, // private
     panelId: PropTypes.string, // private

src/components/TabPanel.js

@@ -5,6 +5,7 @@ import cx from 'classnames';
 export default class TabPanel extends Component {
 
   static defaultProps = {
+    activeClassName: 'ReactTabs__TabPanel--selected',
     className: 'ReactTabs__TabPanel',
     style: {},
   };

src/components/UncontrolledTabs.js

@@ -21,10 +21,7 @@ function isTabDisabled(node) {
 export default class UncontrolledTabs extends Component {
 
   static defaultProps = {
-    activeTabClassName: 'ReactTabs__Tab--selected',
-    activeTabPanelClassName: 'ReactTabs__TabPanel--selected',
     className: 'ReactTabs',
-    disabledTabClassName: 'ReactTabs__Tab--disabled',
     focus: false,
     forceRenderTabPanel: false,
   };