Update dependencies and linter (react-toolbox#1180)

.eslintignore

@@ -1,3 +1,10 @@
 **/node_modules/
 **/build/
+docs/
+spec/
 lib
+karma.conf.js
+gulpfile.js
+tests.webpack*
+server.js
+webpack*

.eslintrc

@@ -1,227 +1,30 @@
 {
+  "parser": "babel-eslint",
+  "extends": "airbnb",
   "env": {
     "browser": true,
     "node": true,
-    "mocha": true,
+    "jest": true,
     "es6": true
   },
-
-  "ecmaFeatures": {
-    "jsx": true,
-    "templateStrings": true,
-    "superInFunctions": false,
-    "classes": true,
-    "modules": true
-  },
-
-  "parser": "babel-eslint",
-
-  "plugins": [
-    "babel",
-    "react"
-  ],
-
   "rules": {
-    "block-scoped-var": [0],
-    "brace-style": [2, "1tbs", {
-      "allowSingleLine": true
-    }],
-    "camelcase": [0],
-    "comma-dangle": [2, "never"],
-    "comma-spacing": [2],
-    "comma-style": [2, "last"],
-    "complexity": [0, 11],
-    "constructor-super": [2],
-    "consistent-return": [0],
-    "consistent-this": [0, "that"],
-    "curly": [2, "multi-line"],
-    "default-case": [2],
-    "dot-notation": [2, {
-      "allowKeywords": true
-    }],
-    "eol-last": [2],
-    "eqeqeq": [2],
-    "func-names": [0],
-    "func-style": [0, "declaration"],
-    "generator-star-spacing": [2, "after"],
-    "guard-for-in": [0],
-    "handle-callback-err": [0],
-    "key-spacing": [2, {
-      "beforeColon": false,
-      "afterColon": true
-    }],
-    "quotes": [2, "single", "avoid-escape"],
-    "max-depth": [0, 4],
-    "max-len": [0, 80, 4],
-    "max-nested-callbacks": [0, 2],
-    "max-params": [0, 3],
-    "max-statements": [0, 10],
-    "new-parens": [2],
-    "new-cap": [0],
-    "newline-after-var": [0],
-    "no-alert": [2],
-    "no-array-constructor": [2],
-    "no-bitwise": [0],
-    "no-caller": [2],
-    "no-catch-shadow": [2],
-    "no-cond-assign": [2],
-    "no-console": [0],
-    "no-constant-condition": [1],
-    "no-continue": [2],
-    "no-control-regex": [2],
-    "no-debugger": [2],
-    "no-delete-var": [2],
-    "no-div-regex": [0],
-    "no-dupe-args": [2],
-    "no-dupe-keys": [2],
-    "no-duplicate-case": [2],
-    "no-else-return": [0],
-    "no-empty": [2],
-    "no-empty-character-class": [2],
-    "no-eq-null": [0],
-    "no-eval": [2],
-    "no-ex-assign": [2],
-    "no-extend-native": [1],
-    "no-extra-bind": [2],
-    "no-extra-boolean-cast": [2],
-    "no-extra-parens": [0],
-    "no-extra-semi": [1],
-    "no-fallthrough": [2],
-    "no-floating-decimal": [2],
-    "no-func-assign": [2],
-    "no-implied-eval": [2],
-    "no-inline-comments": [0],
-    "no-inner-declarations": [2, "functions"],
-    "no-invalid-regexp": [2],
-    "no-irregular-whitespace": [2],
-    "no-iterator": [2],
-    "no-label-var": [2],
-    "no-labels": [2],
-    "no-lone-blocks": [2],
-    "no-lonely-if": [2],
-    "no-loop-func": [2],
-    "no-mixed-requires": [0, false],
-    "no-mixed-spaces-and-tabs": [2, false],
-    "no-multi-spaces": [2],
-    "no-multi-str": [2],
-    "no-multiple-empty-lines": [2, {
-      "max": 2
-    }],
-    "no-native-reassign": [1],
-    "no-negated-in-lhs": [2],
-    "no-nested-ternary": [0],
-    "no-new": [2],
-    "no-new-func": [2],
-    "no-new-object": [2],
-    "no-new-require": [0],
-    "no-new-wrappers": [2],
-    "no-obj-calls": [2],
-    "no-octal": [2],
-    "no-octal-escape": [2],
-    "no-path-concat": [0],
-    "no-param-reassign": [2],
-    "no-plusplus": [0],
-    "no-process-env": [0],
-    "no-process-exit": [2],
-    "no-proto": [2],
-    "no-redeclare": [2],
-    "no-regex-spaces": [2],
-    "no-reserved-keys": [0],
-    "no-restricted-modules": [0],
-    "no-return-assign": [2],
-    "no-script-url": [2],
-    "no-self-compare": [0],
-    "no-sequences": [2],
-    "no-shadow": [2],
-    "no-shadow-restricted-names": [2],
-    "semi-spacing": [2],
-    "no-spaced-func": [2],
-    "no-sparse-arrays": [2],
-    "no-sync": [0],
-    "no-ternary": [0],
-    "no-this-before-super": [2],
-    "no-throw-literal": [2],
-    "no-trailing-spaces": [2],
-    "no-undef": [2],
-    "no-undef-init": [2],
-    "no-undefined": [0],
-    "no-underscore-dangle": [0],
-    "no-unreachable": [2],
-    "no-unused-expressions": [2, {
-      "allowShortCircuit": true
-    }],
-    "no-unused-vars": [1, {
-      "vars": "all",
-      "args": "after-used"
-    }],
-    "no-use-before-define": [2, "nofunc"],
-    "no-var": [2],
-    "no-void": [0],
-    "no-warning-comments": [0, {
-      "terms": ["todo", "fixme", "xxx"],
-      "location": "start"
-    }],
-    "no-with": [2],
-    "object-shorthand": [2],
-    "one-var": [0],
-    "operator-assignment": [0, "always"],
-    "operator-linebreak": [2, "before"],
-    "padded-blocks": [0],
-    "prefer-const": [2],
-    "prefer-spread": [2],
-    "quote-props": [0],
-    "radix": [0],
-    "semi": [2],
-    "sort-vars": [0],
-    "keyword-spacing": [2, {"after": true}],
-    "space-before-function-paren": [2, { "anonymous": "always", "named": "always" }],
-    "space-before-blocks": [0, "always"],
-    "space-in-brackets": [0, "never", {
-      "singleValue": true,
-      "arraysInArrays": false,
-      "arraysInObjects": false,
-      "objectsInArrays": true,
-      "objectsInObjects": true,
-      "propertyName": false
-    }],
-    "space-in-parens": [2, "never"],
-    "space-infix-ops": [2],
-    "space-unary-ops": [2, {
-      "words": true,
-      "nonwords": false
-    }],
-    "spaced-line-comment": [0, "always"],
-    "strict": [1],
-    "use-isnan": [2],
-    "valid-jsdoc": [0],
-    "valid-typeof": [2],
-    "vars-on-top": [0],
-    "wrap-iife": [2],
-    "wrap-regex": [2],
-    "yoda": [2, "never", {
-      "exceptRange": true
-    }],
-    "react/display-name": 0,
-    "react/jsx-boolean-value": 1,
-    "react/jsx-closing-bracket-location": 0,
-    "react/jsx-curly-spacing": 1,
-    "react/jsx-max-props-per-line": 0,
-    "react/jsx-indent-props": 0,
-    "react/jsx-no-duplicate-props": 1,
-    "react/jsx-no-undef": 1,
-    "react/jsx-pascal-case": 1,
-    "react/sort-prop-types": 1,
-    "react/jsx-sort-props": 0,
-    "react/jsx-uses-react": 1,
-    "react/jsx-uses-vars": 1,
-    "react/no-danger": 0,
-    "react/no-did-mount-set-state": 0,
-    "react/no-did-update-set-state": 1,
-    "react/no-multi-comp": 0,
-    "react/no-unknown-property": 1,
-    "react/prop-types": [2, {"ignore": ["onMouseDown", "onTouchStart"]}],
-    "react/react-in-jsx-scope": 1,
-    "react/self-closing-comp": 1,
-    "react/sort-comp": 1
+    "func-names": "off",
+    "global-require": "off",
+    "no-use-before-define": 0,
+    "no-underscore-dangle": 0,
+    "react/sort-prop-types": 2,
+    "react/jsx-no-bind": 2,
+    "react/require-default-props": 0,
+    "react/no-find-dom-node": 0,
+    "react/jsx-filename-extension": 0,
+    "import/prefer-default-export": 0,
+    "jsx-a11y/no-static-element-interactions": 0,
+    "import/no-extraneous-dependencies": [
+      "error", {
+        "devDependencies": true,
+        "optionalDependencies": false,
+        "peerDependencies": false
+      }
+    ]
   }
 }

components/app_bar/AppBar.js

@@ -1,8 +1,8 @@
 import React, { PropTypes } from 'react';
 import classnames from 'classnames';
 import { themr } from 'react-css-themr';
-import { APP_BAR } from '../identifiers.js';
-import InjectIconButton from '../button/IconButton.js';
+import { APP_BAR } from '../identifiers';
+import InjectIconButton from '../button/IconButton';
 
 const factory = (IconButton) => {
   class AppBar extends React.Component {
@@ -13,13 +13,13 @@ const factory = (IconButton) => {
       flat: PropTypes.bool,
       leftIcon: PropTypes.oneOfType([
         PropTypes.string,
-        PropTypes.element
+        PropTypes.element,
       ]),
       onLeftIconClick: PropTypes.func,
       onRightIconClick: PropTypes.func,
       rightIcon: PropTypes.oneOfType([
         PropTypes.string,
-        PropTypes.element
+        PropTypes.element,
       ]),
       scrollHide: PropTypes.bool,
       theme: PropTypes.shape({
@@ -30,27 +30,27 @@ const factory = (IconButton) => {
         leftIcon: PropTypes.string,
         rightIcon: PropTypes.string,
         scrollHide: PropTypes.string,
-        title: PropTypes.string
+        title: PropTypes.string,
       }),
-      title: PropTypes.node
+      title: PropTypes.node,
     };
 
     static defaultProps = {
       className: '',
       fixed: false,
       flat: false,
-      scrollHide: false
+      scrollHide: false,
     };
 
-    state = {hidden: false, height: 0};
+    state = { hidden: false, height: 0 };
 
-    componentDidMount () {
+    componentDidMount() {
       if (this.props.scrollHide) {
         this.initializeScroll();
       }
     }
 
-    componentWillReceiveProps (nextProps) {
+    componentWillReceiveProps(nextProps) {
       if (!this.props.scrollHide && nextProps.scrollHide) {
         this.initializeScroll();
       }
@@ -60,7 +60,7 @@ const factory = (IconButton) => {
       }
     }
 
-    componentWillUnmount () {
+    componentWillUnmount() {
       if (this.props.scrollHide) {
         this.endScroll();
       }
@@ -70,7 +70,7 @@ const factory = (IconButton) => {
       window.addEventListener('scroll', this.handleScroll);
       const { height } = this.rootNode.getBoundingClientRect();
       this.curScroll = window.scrollY;
-      this.setState({height});
+      this.setState({ height });
     };
 
     endScroll = () => {
@@ -79,39 +79,51 @@ const factory = (IconButton) => {
 
     handleScroll = () => {
       const scrollDiff = this.curScroll - window.scrollY;
-      const hidden = scrollDiff < 0 && window.scrollY !== undefined && window.scrollY > this.state.height;
-      this.setState({hidden});
+      const hidden = scrollDiff < 0
+        && window.scrollY !== undefined
+        && window.scrollY > this.state.height;
+      this.setState({ hidden });
       this.curScroll = window.scrollY;
     };
 
-    render () {
-      const { children, leftIcon, onLeftIconClick, onRightIconClick, rightIcon, theme, title } = this.props;
+    render() {
+      const {
+        children,
+        leftIcon,
+        onLeftIconClick,
+        onRightIconClick,
+        rightIcon,
+        theme,
+        title,
+      } = this.props;
       const className = classnames(theme.appBar, {
         [theme.fixed]: this.props.fixed,
         [theme.flat]: this.props.flat,
-        [theme.scrollHide]: this.state.hidden
+        [theme.scrollHide]: this.state.hidden,
       }, this.props.className);
 
       return (
         <header
           className={className}
-          data-react-toolbox='app-bar'
-          ref={node => {this.rootNode = node;}}
+          data-react-toolbox="app-bar"
+          ref={(node) => { this.rootNode = node; }}
         >
           <div className={theme.inner}>
             {leftIcon && <IconButton
               inverse
               className={classnames(theme.leftIcon)}
               onClick={onLeftIconClick}
-              icon={leftIcon} />
+              icon={leftIcon}
+            />
             }
             {title && <h1 className={classnames(theme.title)}>{title}</h1>}
             {children}
             {rightIcon && <IconButton
               inverse
               className={classnames(theme.rightIcon)}
               onClick={onRightIconClick}
-              icon={rightIcon} />
+              icon={rightIcon}
+            />
             }
           </div>
         </header>