Allow forceRender directly on TabPanel

Author: danez

src/components/TabPanel.js

@@ -7,14 +7,15 @@ export default class TabPanel extends Component {
   static defaultProps = {
     activeClassName: 'ReactTabs__TabPanel--selected',
     className: 'ReactTabs__TabPanel',
+    forceRender: false,
     style: {},
   };
 
   static propTypes = {
     activeClassName: PropTypes.string, // private
     children: PropTypes.node,
     className: PropTypes.oneOfType([PropTypes.string, PropTypes.array, PropTypes.object]),
-    forceRenderTabPanel: PropTypes.bool, // private
+    forceRender: PropTypes.bool,
     id: PropTypes.string, // private
     selected: PropTypes.bool, // private
     style: PropTypes.object,
@@ -26,7 +27,7 @@ export default class TabPanel extends Component {
       activeClassName,
       children,
       className,
-      forceRenderTabPanel,
+      forceRender,
       id,
       selected,
       style,
@@ -46,7 +47,7 @@ export default class TabPanel extends Component {
         id={id}
         aria-labelledby={tabId}
       >
-        {(forceRenderTabPanel || selected) ? children : null}
+        {(forceRender || selected) ? children : null}
       </div>
     );
   }

src/components/UncontrolledTabs.js

@@ -23,7 +23,6 @@ export default class UncontrolledTabs extends Component {
   static defaultProps = {
     className: 'ReactTabs',
     focus: false,
-    forceRenderTabPanel: false,
   };
 
   static propTypes = {
@@ -172,7 +171,7 @@ export default class UncontrolledTabs extends Component {
         const id = this.panelIds[index];
         const tabId = this.tabIds[index];
         const selected = this.props.selectedIndex === index;
-        const forceRenderTabPanel = this.props.forceRenderTabPanel;
+        const forceRender = this.props.forceRenderTabPanel;
         const activeClassName = this.props.activeTabPanelClassName;
 
         index++;
@@ -181,7 +180,7 @@ export default class UncontrolledTabs extends Component {
           id,
           tabId,
           selected,
-          forceRenderTabPanel,
+          forceRender,
           activeClassName,
         });
       }