Resolve linter errors

.eslintrc

@@ -1,4 +1,5 @@
 {
+  "parser": "babel-eslint",
   "env": {
     "browser": true,
     "node": true,
@@ -10,7 +11,7 @@
     "jsx": true,
     "templateStrings": true,
     "superInFunctions": false,
-    "classes": false,
+    "classes": true,
     "modules": [2]
   },
 

components/autocomplete/index.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import utils from '../utils';
 import Input from '../input';
 import style from './style';
@@ -217,4 +217,4 @@ export default class Autocomplete extends React.Component {
       </div>
     );
   }
-};
+}

components/button/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import FontIcon from '../font_icon';
 import Ripple from '../ripple';
 import style from './style.scss';

components/card/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import Navigation from '../navigation';
 import Ripple from '../ripple';
 import style from './style.scss';
@@ -93,4 +93,4 @@ export default class Card extends React.Component {
   loading (value) {
     this.setState({loading: value});
   }
-};
+}

components/checkbox/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import Ripple from '../ripple';
 import style from './style';
 import events from '../utils/events';
@@ -91,4 +91,4 @@ export default class Checkbox extends React.Component {
   setValue (value) {
     this.setState({checked: value});
   }
-};
+}

components/date_picker/calendar/day.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import time from '../../utils/time';
 import style from './style';
 
@@ -34,4 +34,4 @@ export default class Day extends React.Component {
       </div>
     );
   }
-};
+}

components/date_picker/calendar/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import CSSTransitionGroup from 'react-addons-css-transition-group';
 import { SlideLeft, SlideRight } from '../../animations';
 import FontIcon from '../../font_icon';
@@ -118,4 +118,4 @@ export default class Calendar extends React.Component {
       </div>
     );
   }
-};
+}

components/date_picker/calendar/month.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import utils from '../../utils';
 import Day from './day';
 import style from './style';
@@ -47,4 +47,4 @@ export default class Month extends React.Component {
       </div>
     );
   }
-};
+}

components/date_picker/dialog.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import style from './style';
 import time from '../utils/time';
 import Calendar from './calendar';
@@ -79,4 +79,4 @@ export default class CalendarDialog extends React.Component {
       </Dialog>
     );
   }
-};
+}

components/date_picker/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import style from './style';
 import time from '../utils/time';
 import events from '../utils/events';
@@ -63,4 +63,4 @@ export default class DatePicker extends React.Component {
   setValue (value) {
     this.setState({value: value});
   }
-};
+}

components/dialog/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import Button from '../button';
 import style from './style';
 
@@ -58,4 +58,4 @@ export default class Dialog extends React.Component {
   hide () {
     this.setState({active: false});
   }
-};
+}

components/drawer/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import style from './style.scss';
 
 @autobind
@@ -48,4 +48,4 @@ export default class Drawer extends React.Component {
   hide () {
     this.setState({active: false});
   }
-};
+}

components/dropdown/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import ReactDOM from 'react-dom';
 import Ripple from '../ripple';
 import style from './style';
@@ -126,4 +126,4 @@ export default class Dropdown extends React.Component {
   setValue (data) {
     this.setState({selected: data});
   }
-};
+}

components/font_icon/index.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import style from './style';
 
-const FontIcon = props  => {
+const FontIcon = props => {
   let className = style[props.value];
   if (props.className) className += ` ${props.className}`;
   return (

components/form/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import style from './style';
 import Autocomplete from '../autocomplete';
 import Button from '../button';
@@ -29,7 +29,7 @@ export default class Form extends React.Component {
     className: ''
   };
 
-  state =  {
+  state = {
     attributes: this.storage(this.props)
   };
 
@@ -163,4 +163,4 @@ export default class Form extends React.Component {
       }
     }
   }
-};
+}

components/input/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import style from './style.scss';
 import FontIcon from '../font_icon';
 
@@ -104,4 +104,4 @@ export default class Input extends React.Component {
   setValue (value) {
     this.setState({value: value});
   }
-};
+}

components/link/index.jsx

@@ -4,17 +4,17 @@ import FontIcon from '../font_icon';
 
 const Link = props => {
   let className = style.root;
-  if (this.props.className) className += ` ${this.props.className}`;
+  if (props.className) className += ` ${props.className}`;
   return (
     <a
-      {...this.props}
+      {...props}
       data-react-toolbox='link'
-      href={this.props.route}
+      href={props.route}
       className={className}
     >
-      { this.props.icon ? <FontIcon className={style.icon} value={this.props.icon} /> : null }
-      { this.props.label ? <abbr>{this.props.label}</abbr> : null }
-      { this.props.count && parseInt(this.props.count) !== 0 ? <small>{this.props.count}</small> : null}
+      { props.icon ? <FontIcon className={style.icon} value={props.icon} /> : null }
+      { props.label ? <abbr>{props.label}</abbr> : null }
+      { props.count && parseInt(props.count) !== 0 ? <small>{props.count}</small> : null}
     </a>
   );
 };

components/list/item.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import FontIcon from '../font_icon';
 import ListItemContent from './content';
 import Ripple from '../ripple';
@@ -57,4 +57,4 @@ export default class ListItem extends React.Component {
       </li>
     );
   }
-};
+}

components/list/list.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import ListItem from './item';
 import style from './style';
 
@@ -40,4 +40,4 @@ export default class List extends React.Component {
       </ul>
     );
   }
-};
+}

components/menu/icon_menu.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import FontIcon from '../font_icon';
 import Menu from './menu';
 import Ripple from '../ripple';
@@ -65,4 +65,4 @@ export default class IconMenu extends React.Component {
       </div>
     );
   }
-};
+}

components/menu/menu.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import MenuItem from './menu_item';
 import utils from '../utils';
 import style from './style.menu';
@@ -171,4 +171,4 @@ export default class Menu extends React.Component {
   hide () {
     this.setState({active: false});
   }
-};
+}

components/menu/menu_divider.jsx

@@ -1,3 +1,4 @@
+/*eslint-disable no-unused-vars*/
 import React from 'react';
 import style from './style.menu_divider';
 

components/menu/menu_item.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import FontIcon from '../font_icon';
 import Ripple from '../ripple';
 import style from './style.menu_item';
@@ -53,4 +53,4 @@ export default class MenuItem extends React.Component {
       </li>
     );
   }
-};
+}

components/progress_bar/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import style from './style';
 import prefixer from '../utils/prefixer';
 
@@ -86,4 +86,4 @@ export default class progressBar extends React.Component {
       </div>
     );
   }
-};
+}

components/radio/radio_button.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import Ripple from '../ripple';
 import style from './style';
 import events from '../utils/events';
@@ -73,4 +73,4 @@ export default class RadioButton extends React.Component {
   focus () {
     this.refs.input.focus();
   }
-};
+}

components/radio/radio_group.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import RadioButton from './radio_button';
 
 @autobind
@@ -58,4 +58,4 @@ export default class RadioGroup extends React.Component {
   setValue (value) {
     this.setState({value: value});
   }
-};
+}

components/ripple/index.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import style from './style.scss';
 
 @autobind
@@ -64,4 +64,4 @@ export default class Ripple extends React.Component {
       </span>
     );
   }
-};
+}

components/slider/index.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import style from './style';
 import utils from '../utils';
 import ProgressBar from '../progress_bar';
@@ -250,4 +250,4 @@ export default class Slider extends React.Component {
   setValue (value) {
     this.setState({value: value});
   }
-};
+}

components/snackbar/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import style from './style';
 import Button from '../button';
 import FontIcon from '../font_icon';
@@ -66,4 +66,4 @@ export default class Slider extends React.Component {
       }, this.props.timeout * 1000);
     }
   }
-};
+}

components/switch/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import Ripple from '../ripple';
 import style from './style';
 import events from '../utils/events';
@@ -91,4 +91,4 @@ export default class Switch extends React.Component {
   setValue (value) {
     this.setState({checked: value});
   }
-};
+}

components/tabs/tab.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import style from './style';
 
 @autobind
@@ -49,4 +49,4 @@ export default class Tab extends React.Component {
       this.props.onActive(this);
     }
   }
-};
+}

components/tabs/tabs.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import style from './style';
 
 @autobind
@@ -100,4 +100,4 @@ export default class Tabs extends React.Component {
       this.props.onActive(this);
     }
   }
-};
+}

components/time_picker/clock/face.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import style from './style';
 
 @autobind
@@ -53,4 +53,4 @@ export default class Face extends React.Component {
       </div>
     );
   }
-};
+}

components/time_picker/clock/hand.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import style from './style';
 import utils from '../../utils';
 
@@ -106,4 +106,4 @@ export default class Hand extends React.Component {
       </div>
     );
   }
-};
+}

components/time_picker/clock/hours.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import utils from '../../utils';
 import Face from './face';
 import Hand from './hand';
@@ -91,4 +91,4 @@ export default class Hours extends React.Component {
       </div>
     );
   }
-};
+}

components/time_picker/clock/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import style from './style';
 import time from '../../utils/time';
 import Hours from './hours';
@@ -114,4 +114,4 @@ export default class Clock extends React.Component {
       </div>
     );
   }
-};
+}

components/time_picker/clock/minutes.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import utils from '../../utils';
 import style from './style';
 import Face from './face';
@@ -55,4 +55,4 @@ export default class Minutes extends React.Component {
       </div>
     );
   }
-};
+}

components/time_picker/dialog.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import style from './style';
 import time from '../utils/time';
 import Clock from './clock';
@@ -105,4 +105,4 @@ export default class TimePickerDialog extends React.Component {
       </Dialog>
     );
   }
-};
+}

components/time_picker/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import time from '../utils/time';
 import style from './style';
 import events from '../utils/events';
@@ -66,4 +66,4 @@ export default class TimePicker extends React.Component {
   setValue (value) {
     this.setState({value: value});
   }
-};
+}

package.json

@@ -49,6 +49,7 @@
   "devDependencies": {
     "autoprefixer-core": "^5.1.11",
     "babel-core": "^5.8.23",
+    "babel-eslint": "^4.1.3",
     "babel-loader": "^5.3.2",
     "babel-runtime": "^5.8.20",
     "css-loader": "^0.16.0",

spec/components/autocomplete.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import Autocomplete from '../../components/autocomplete';
 
 @autobind
@@ -45,4 +45,4 @@ export default class AutocompleteTest extends React.Component {
       </section>
     );
   }
-};
+}

spec/components/button.jsx

@@ -1,3 +1,4 @@
+/*eslint-disable no-unused-vars*/
 import React from 'react';
 import Button from '../../components/button';
 

spec/components/card.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import Card from '../../components/card';
 
 @autobind
@@ -36,4 +36,4 @@ export default class CardTest extends React.Component {
       </section>
     );
   }
-};
+}

spec/components/checkbox.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import Checkbox from '../../components/checkbox';
 
 @autobind
@@ -46,4 +46,4 @@ export default class CheckboxTest extends React.Component {
       </section>
     );
   }
-};
+}

spec/components/dialog.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import Button from '../../components/button';
 import Dialog from '../../components/dialog';
 
@@ -32,4 +32,4 @@ export default class DialogTest extends React.Component {
       </section>
     );
   }
-};
+}

spec/components/drawer.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import Button from '../../components/button';
 import Drawer from '../../components/drawer';
 
@@ -32,4 +32,4 @@ export default class DrawerTest extends React.Component {
       </section>
     );
   }
-};
+}

spec/components/dropdown.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import Dropdown from '../../components/dropdown';
 
 @autobind
@@ -50,4 +50,4 @@ export default class DropdownTest extends React.Component {
       </section>
     );
   }
-};
+}

spec/components/font_icon.jsx

@@ -1,3 +1,4 @@
+/*eslint-disable no-unused-vars*/
 import React from 'react';
 import FontIcon from '../../components/font_icon';
 

spec/components/form.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import Form from '../../components/form';
 
 @autobind
@@ -42,4 +42,4 @@ export default class FormTest extends React.Component {
       </section>
     );
   }
-};
+}

spec/components/icon_menu.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import { MenuItem, IconMenu } from '../../components/menu';
 
 @autobind
@@ -43,4 +43,4 @@ export default class IconMenuTest extends React.Component {
       </div>
     );
   }
-};
+}

spec/components/input.jsx

@@ -1,3 +1,4 @@
+/*eslint-disable no-unused-vars*/
 import React from 'react';
 import Input from '../../components/input';
 

spec/components/link.jsx

@@ -1,3 +1,4 @@
+/*eslint-disable no-unused-vars*/
 import React from 'react';
 import Link from '../../components/link';
 

spec/components/menu.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import { Menu, MenuItem, MenuDivider } from '../../components/menu';
 
 @autobind
@@ -30,4 +30,4 @@ export default class MenuTest extends React.Component {
       </section>
     );
   }
-};
+}

spec/components/navigation.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import Navigation from '../../components/navigation';
 
 @autobind
@@ -21,4 +21,4 @@ export default class NavigationTest extends React.Component {
       </section>
     );
   }
-};
+}

spec/components/pickers.jsx

@@ -1,3 +1,4 @@
+/*eslint-disable no-unused-vars*/
 import React from 'react';
 import DatePicker from '../../components/date_picker';
 import TimePicker from '../../components/time_picker';

spec/components/progress.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import ProgressBar from '../../components/progress_bar';
 
 @autobind
@@ -50,4 +50,4 @@ export default class ProgressBarTest extends React.Component {
       </section>
     );
   }
-};
+}

spec/components/radio.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import { RadioGroup, RadioButton } from '../../components/radio';
 
 @autobind
@@ -31,4 +31,4 @@ export default class RadioGroupTest extends React.Component {
       </section>
     );
   }
-};
+}

spec/components/slider.jsx

@@ -1,3 +1,4 @@
+/*eslint-disable no-unused-vars*/
 import React from 'react';
 import Slider from '../../components/slider';
 

spec/components/snackbar.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import Button from '../../components/button';
 import Snackbar from '../../components/snackbar';
 

spec/components/switch.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import autobind from 'autobind-decorator'
+import autobind from 'autobind-decorator';
 import Switch from '../../components/switch';
 
 @autobind
@@ -19,4 +19,4 @@ export default class SwitchTest extends React.Component {
       </section>
     );
   }
-};
+}

spec/components/tabs.jsx

@@ -1,3 +1,4 @@
+/*eslint-disable no-unused-vars*/
 import React from 'react';
 import { Tabs, Tab } from '../../components/tabs';