[eslint] Start enforcing react/prop-types

src/app-bar.jsx

@@ -28,6 +28,8 @@ const AppBar = React.createClass({
   },
 
   propTypes: {
+    children: React.PropTypes.node,
+    className: React.PropTypes.string,
     iconClassNameLeft: React.PropTypes.string,
     iconClassNameRight: React.PropTypes.string,
     iconElementLeft: React.PropTypes.element,

src/app-canvas.jsx

@@ -11,6 +11,10 @@ const AppCanvas = React.createClass({
     muiTheme: React.PropTypes.object,
   },
 
+  propTypes: {
+    children: React.PropTypes.node,
+  },
+
   //for passing default theme context to children
   childContextTypes: {
     muiTheme: React.PropTypes.object,

src/auto-complete.jsx

@@ -38,6 +38,7 @@ const AutoComplete = React.createClass({
     open: React.PropTypes.bool,
     searchText: React.PropTypes.string,
     showAllItems: React.PropTypes.bool,
+    style: React.PropTypes.object,
     touchTapCloseDelay: React.PropTypes.number,
     updateWhenFocused: React.PropTypes.bool,
   },

src/avatar.jsx

@@ -25,6 +25,7 @@ const Avatar = React.createClass({
 
   propTypes: {
     backgroundColor: React.PropTypes.string,
+    children: React.PropTypes.node,
     color: React.PropTypes.string,
     icon: React.PropTypes.element,
     size: React.PropTypes.number,

src/badge.jsx

@@ -23,6 +23,7 @@ export default React.createClass({
   propTypes: {
     badgeContent: React.PropTypes.node.isRequired,
     badgeStyle: React.PropTypes.object,
+    children: React.PropTypes.node,
     className: React.PropTypes.string,
     primary: React.PropTypes.bool,
     secondary: React.PropTypes.bool,

src/before-after-wrapper.jsx

@@ -51,6 +51,7 @@ const BeforeAfterWrapper = React.createClass({
     afterStyle: React.PropTypes.object,
     beforeElementType: React.PropTypes.string,
     beforeStyle: React.PropTypes.object,
+    children: React.PropTypes.node,
     elementType: React.PropTypes.string,
     style: React.PropTypes.object,
   },

src/card/card.jsx

@@ -4,14 +4,17 @@ import StylePropable from '../mixins/style-propable';
 import CardExpandable from './card-expandable';
 
 const Card = React.createClass({
-  mixins:[StylePropable],
+  mixins: [StylePropable],
 
   getInitialState() {
-    return {expanded: this.props.initiallyExpanded ? true : false};
+    return {
+      expanded: this.props.initiallyExpanded ? true : false,
+    };
   },
 
   propTypes: {
     actAsExpander: React.PropTypes.bool,
+    children: React.PropTypes.node,
     expandable: React.PropTypes.bool,
     initiallyExpanded: React.PropTypes.bool,
     onExpandChange: React.PropTypes.func,

src/checkbox.jsx

@@ -37,6 +37,7 @@ const Checkbox = React.createClass({
     labelStyle: React.PropTypes.object,
     onCheck: React.PropTypes.func,
     unCheckedIcon: React.PropTypes.element,
+    valueLink: React.PropTypes.object,
   },
 
   getInitialState() {

src/clearfix.jsx

@@ -13,6 +13,7 @@ const ClearFix = React.createClass({
   },
 
   propTypes: {
+    children: React.PropTypes.node,
     style: React.PropTypes.object,
   },
 

src/dialog.jsx

@@ -17,6 +17,11 @@ import ReactTransitionGroup from 'react-addons-transition-group';
 const TransitionItem = React.createClass({
   mixins: [StylePropable],
 
+  propTypes: {
+    children: React.PropTypes.node,
+    style: React.PropTypes.object,
+  },
+
   contextTypes: {
     muiTheme: React.PropTypes.object,
   },
@@ -79,11 +84,12 @@ const TransitionItem = React.createClass({
   render() {
     let {
       style,
+      children,
       ...other,
     } = this.props;
 
     return <div {...other} style={this.prepareStyles(this.state.style, style)}>
-        {this.props.children}
+        {children}
       </div>;
   },
 });
@@ -113,6 +119,7 @@ const DialogInline = React.createClass({
     autoDetectWindowHeight: React.PropTypes.bool,
     autoScrollBodyContent: React.PropTypes.bool,
     bodyStyle: React.PropTypes.object,
+    children: React.PropTypes.node,
     contentClassName: React.PropTypes.string,
     contentStyle: React.PropTypes.object,
     modal: React.PropTypes.bool,

src/drop-down-icon.jsx

@@ -28,6 +28,7 @@ const DropDownIcon = React.createClass({
   },
 
   propTypes: {
+    children: React.PropTypes.node,
     closeOnMenuItemTouchTap: React.PropTypes.bool,
     iconClassName: React.PropTypes.string,
     iconLigature: React.PropTypes.string,

src/drop-down-menu.jsx

@@ -49,6 +49,7 @@ const DropDownMenu = React.createClass({
     style: React.PropTypes.object,
     underlineStyle:React.PropTypes.object,
     value: React.PropTypes.any,
+    valueLink: React.PropTypes.object,
     valueMember: React.PropTypes.string,
   },
 

src/enhanced-button.jsx

@@ -61,6 +61,7 @@ const EnhancedButton = React.createClass({
 
   propTypes: {
     centerRipple: React.PropTypes.bool,
+    children: React.PropTypes.node,
     containerElement: React.PropTypes.oneOfType([
       React.PropTypes.string,
       React.PropTypes.element,
@@ -83,6 +84,7 @@ const EnhancedButton = React.createClass({
     tabIndex: React.PropTypes.number,
     touchRippleColor: React.PropTypes.string,
     touchRippleOpacity: React.PropTypes.number,
+    type: React.PropTypes.string,
   },
 
   getDefaultProps() {

src/enhanced-switch.jsx

@@ -32,6 +32,7 @@ const EnhancedSwitch = React.createClass({
   },
 
   propTypes: {
+    className: React.PropTypes.string,
     defaultSwitched: React.PropTypes.bool,
     disableFocusRipple: React.PropTypes.bool,
     disableTouchRipple: React.PropTypes.bool,
@@ -43,6 +44,7 @@ const EnhancedSwitch = React.createClass({
     labelPosition: React.PropTypes.oneOf(['left', 'right']),
     labelStyle: React.PropTypes.object,
     name: React.PropTypes.string,
+    onFocus: React.PropTypes.func,
     onParentShouldUpdate: React.PropTypes.func.isRequired,
     onSwitch: React.PropTypes.func,
     required: React.PropTypes.bool,
@@ -188,7 +190,6 @@ const EnhancedSwitch = React.createClass({
 
   render() {
     let {
-      type,
       name,
       value,
       label,
@@ -227,7 +228,7 @@ const EnhancedSwitch = React.createClass({
       </label>
     ) : null;
 
-    let inputProps = {
+    const inputProps = {
       ref: 'checkbox',
       type: this.props.inputType,
       style: this.prepareStyles(styles.input),

src/menus/menu-item.jsx

@@ -27,6 +27,7 @@ const MenuItem = React.createClass({
 
   propTypes: {
     checked: React.PropTypes.bool,
+    children: React.PropTypes.node,
     desktop: React.PropTypes.bool,
     disabled: React.PropTypes.bool,
     focusState: React.PropTypes.oneOf([

src/menus/menu.jsx

@@ -28,6 +28,7 @@ const Menu = React.createClass({
   propTypes: {
     animated: React.PropTypes.bool,
     autoWidth: React.PropTypes.bool,
+    children: React.PropTypes.node,
     desktop: React.PropTypes.bool,
     initiallyKeyboardFocused: React.PropTypes.bool,
     listStyle: React.PropTypes.object,

src/ripples/touch-ripple.jsx

@@ -14,6 +14,7 @@ const TouchRipple = React.createClass({
 
   propTypes: {
     centerRipple: React.PropTypes.bool,
+    children: React.PropTypes.node,
     color: React.PropTypes.string,
     opacity: React.PropTypes.number,
     style: React.PropTypes.object,

src/select-field.jsx

@@ -28,10 +28,12 @@ const SelectField = React.createClass({
 
   propTypes: {
     autoWidth: React.PropTypes.bool,
+    disabled: React.PropTypes.bool,
     errorStyle: React.PropTypes.object,
     errorText: React.PropTypes.node,
     floatingLabelStyle: React.PropTypes.object,
     floatingLabelText: React.PropTypes.node,
+    fullWidth: React.PropTypes.bool,
     hintText: React.PropTypes.node,
     iconStyle: React.PropTypes.object,
     id: React.PropTypes.string,

src/table/table-row.jsx

@@ -12,6 +12,8 @@ const TableRow = React.createClass({
   },
 
   propTypes: {
+    children: React.PropTypes.node,
+    className: React.PropTypes.string,
     displayBorder: React.PropTypes.bool,
     hoverable: React.PropTypes.bool,
     onCellClick: React.PropTypes.func,

src/table/table.jsx

@@ -15,6 +15,8 @@ const Table = React.createClass({
   propTypes: {
     allRowsSelected: React.PropTypes.bool,
     bodyStyle: React.PropTypes.object,
+    children: React.PropTypes.node,
+    className: React.PropTypes.string,
     fixedFooter: React.PropTypes.bool,
     fixedHeader: React.PropTypes.bool,
     footerStyle: React.PropTypes.object,

src/tabs/tabTemplate.jsx

@@ -1,15 +1,18 @@
 import React from 'react';
 
-
 const TabTemplate = React.createClass({
+  propTypes: {
+    children: React.PropTypes.node,
+    selected: React.PropTypes.bool,
+  },
 
   render() {
-    let styles = {
-      'height': 0,
-      'overflow': 'hidden',
-      'width': '100%',
-      'position': 'relative',
-      'textAlign': 'initial',
+    const styles = {
+      height: 0,
+      overflow: 'hidden',
+      width: '100%',
+      position: 'relative',
+      textAlign: 'initial',
     };
 
     if (this.props.selected) {

src/tabs/tabs.jsx

@@ -16,6 +16,7 @@ const Tabs = React.createClass({
   },
 
   propTypes: {
+    children: React.PropTypes.node,
     contentContainerStyle: React.PropTypes.object,
     initialSelectedIndex: React.PropTypes.number,
     inkBarStyle: React.PropTypes.object,
@@ -86,7 +87,6 @@ const Tabs = React.createClass({
       initialSelectedIndex,
       inkBarStyle,
       style,
-      tabWidth,
       tabItemContainerStyle,
       tabTemplate,
       ...other,

src/time-picker/clock-pointer.jsx

@@ -12,6 +12,7 @@ const ClockPointer = React.createClass({
   },
 
   propTypes: {
+    hasSelected: React.PropTypes.bool,
     type: React.PropTypes.oneOf(['hour', 'minute']),
     value: React.PropTypes.number,
   },

src/time-picker/time-display.jsx

@@ -15,6 +15,8 @@ const TimeDisplay = React.createClass({
     affix: React.PropTypes.oneOf(['', 'pm', 'am']),
     format: React.PropTypes.oneOf(['ampm', '24hr']),
     mode: React.PropTypes.oneOf(['hour', 'minute']),
+    onSelectHour: React.PropTypes.func,
+    onSelectMin: React.PropTypes.func,
     selectedTime: React.PropTypes.object.isRequired,
   },
 

src/time-picker/time-picker-dialog.jsx

@@ -18,6 +18,7 @@ const TimePickerDialog = React.createClass({
 
   propTypes: {
     autoOk: React.PropTypes.bool,
+    format: React.PropTypes.oneOf(['ampm', '24hr']),
     initialTime: React.PropTypes.object,
     onAccept: React.PropTypes.func,
     onDismiss: React.PropTypes.func,

src/toolbar/toolbar-group.jsx

@@ -13,6 +13,7 @@ const ToolbarGroup = React.createClass({
   },
 
   propTypes: {
+    children: React.PropTypes.node,
     className: React.PropTypes.string,
     firstChild: React.PropTypes.bool,
     float: React.PropTypes.string,

src/toolbar/toolbar.jsx

@@ -12,6 +12,7 @@ const Toolbar = React.createClass({
   },
 
   propTypes: {
+    children: React.PropTypes.node,
     className: React.PropTypes.string,
     noGutter: React.PropTypes.bool,
     style: React.PropTypes.object,

src/transition-groups/scale-in-child.jsx

@@ -41,6 +41,7 @@ const ScaleInChild = React.createClass({
   },
 
   propTypes: {
+    children: React.PropTypes.node,
     enterDelay: React.PropTypes.number,
     maxScale: React.PropTypes.number,
     minScale: React.PropTypes.number,

src/transition-groups/scale-in.jsx

@@ -41,6 +41,7 @@ const ScaleIn = React.createClass({
 
   propTypes: {
     childStyle: React.PropTypes.object,
+    children: React.PropTypes.node,
     enterDelay: React.PropTypes.number,
     maxScale: React.PropTypes.number,
     minScale: React.PropTypes.number,

src/transition-groups/slide-in-child.jsx

@@ -40,6 +40,8 @@ const SlideInChild = React.createClass({
   },
 
   propTypes: {
+    children: React.PropTypes.node,
+    direction: React.PropTypes.string,
     enterDelay: React.PropTypes.number,
     //This callback is needed bacause
     //the direction could change when leaving the dom

src/transition-groups/slide-in.jsx

@@ -40,6 +40,7 @@ const SlideIn = React.createClass({
 
   propTypes: {
     childStyle: React.PropTypes.object,
+    children: React.PropTypes.node,
     direction: React.PropTypes.oneOf(['left', 'right', 'up', 'down']),
     enterDelay: React.PropTypes.number,
     style: React.PropTypes.object,