Reduce eslint config (react-grid-layout#686)

* Reduce eslint config

* Tweak name

Author: TrySound

.eslintrc

@@ -0,0 +1,24 @@
+{
+  "root": true,
+  "parser": "babel-eslint",
+  "plugins": [
+    "react",
+    "flowtype"
+  ],
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:flowtype/recommended"
+  ],
+  "rules": {
+    "no-console": 0,
+    "no-use-before-define": [2, "nofunc"],
+    "prefer-const": 2,
+    "react/jsx-boolean-value": [2, "always"]
+  },
+  "env": {
+    "browser": true,
+    "node": true,
+    "es6": true
+  }
+}

.eslintrc.json

@@ -240,7 +240,7 @@ export default class ResponsiveReactGridLayout extends React.Component<
   }
 
   render() {
-    // eslint-disable-next-line no-unused-vars
+    /* eslint-disable no-unused-vars */
     const {
       breakpoint,
       breakpoints,
@@ -251,6 +251,7 @@ export default class ResponsiveReactGridLayout extends React.Component<
       onWidthChange,
       ...other
     } = this.props;
+    /* eslint-enable no-unused-vars */
 
     return (
       <ReactGridLayout

lib/ResponsiveReactGridLayout.jsx

@@ -21,7 +21,7 @@ type ProviderT = (
   ComposedComponent: ReactComponentType<any>
 ) => ReactComponentType<any>;
 const WidthProvider: ProviderT = ComposedComponent =>
-  class extends React.Component<Props, State> {
+  class WidthProvider extends React.Component<Props, State> {
     static defaultProps = {
       measureBeforeMount: false
     };
@@ -53,8 +53,9 @@ const WidthProvider: ProviderT = ComposedComponent =>
       window.removeEventListener("resize", this.onWindowResize);
     }
 
-    onWindowResize = (_event: ?Event) => {
+    onWindowResize = () => {
       if (!this.mounted) return;
+      // eslint-disable-next-line
       const node = ReactDOM.findDOMNode(this); // Flow casts this to Text | Element
       if (node instanceof HTMLElement)
         this.setState({ width: node.offsetWidth });

lib/components/WidthProvider.jsx

@@ -59,6 +59,7 @@
     "css-loader": "^0.28.7",
     "ejs": "^2.4.1",
     "eslint": "^4.13.0",
+    "eslint-plugin-flowtype": "^2.40.1",
     "eslint-plugin-mocha": "^4.11.0",
     "eslint-plugin-react": "^7.5.1",
     "exports-loader": "^0.6.4",

package.json

@@ -0,0 +1,5 @@
+{
+  "rules": {
+    "react/prop-types": 0
+  }
+}

test/examples/.eslintrc.json

@@ -1,14 +1,9 @@
 import React from "react";
-import PropTypes from "prop-types";
 import _ from "lodash";
 import { Responsive, WidthProvider } from "react-grid-layout";
 const ResponsiveReactGridLayout = WidthProvider(Responsive);
 
 class ShowcaseLayout extends React.Component {
-  static propTypes = {
-    onLayoutChange: PropTypes.func.isRequired
-  };
-
   static defaultProps = {
     className: "layout",
     rowHeight: 30,

test/examples/0-showcase.jsx

@@ -1,15 +1,10 @@
 import React from "react";
-import PropTypes from "prop-types";
 import _ from "lodash";
 import RGL, { WidthProvider } from "react-grid-layout";
 
 const ReactGridLayout = WidthProvider(RGL);
 
 class BasicLayout extends React.PureComponent {
-  static propTypes = {
-    onLayoutChange: PropTypes.func.isRequired
-  };
-
   static defaultProps = {
     className: "layout",
     items: 20,

test/examples/1-basic.jsx

@@ -1,5 +1,4 @@
 import React from "react";
-import PropTypes from "prop-types";
 import _ from "lodash";
 import RGL, { WidthProvider } from "react-grid-layout";
 
@@ -52,7 +51,7 @@ class DynamicMinMaxLayout extends React.PureComponent {
     this.props.onLayoutChange(layout);
   }
 
-  onResize(layout, oldLayoutItem, layoutItem, placeholder, e) {
+  onResize(layout, oldLayoutItem, layoutItem, placeholder) {
     // `oldLayoutItem` contains the state of the item before the resize.
     // You can modify `layoutItem` to enforce constraints.
 

test/examples/10-dynamic-min-max-wh.jsx

@@ -1,15 +1,10 @@
 import React from "react";
-import PropTypes from "prop-types";
 import _ from "lodash";
 import RGL, { WidthProvider } from "react-grid-layout";
 
 const ReactGridLayout = WidthProvider(RGL);
 
 class NoCompactingLayout extends React.PureComponent {
-  static propTypes = {
-    onLayoutChange: PropTypes.func.isRequired
-  };
-
   static defaultProps = {
     className: "layout",
     items: 50,

test/examples/11-no-vertical-compact.jsx

@@ -1,15 +1,10 @@
 import React from "react";
-import PropTypes from "prop-types";
 import _ from "lodash";
 import RGL, { WidthProvider } from "react-grid-layout";
 
 const ReactGridLayout = WidthProvider(RGL);
 
 class NoCompactingLayout extends React.PureComponent {
-  static propTypes = {
-    onLayoutChange: PropTypes.func.isRequired
-  };
-
   static defaultProps = {
     className: "layout",
     items: 50,

test/examples/12-prevent-collision.jsx

@@ -1,14 +1,9 @@
 import React from "react";
-import PropTypes from "prop-types";
 import RGL, { WidthProvider } from "react-grid-layout";
 
 const ReactGridLayout = WidthProvider(RGL);
 
 class BasicLayout extends React.PureComponent {
-  static propTypes = {
-    onLayoutChange: PropTypes.func.isRequired
-  };
-
   static defaultProps = {
     className: "layout",
     items: 3,

test/examples/13-error-case.jsx

@@ -1,15 +1,10 @@
 import React from "react";
-import PropTypes from "prop-types";
 import _ from "lodash";
 import RGL, { WidthProvider } from "react-grid-layout";
 
 const ReactGridLayout = WidthProvider(RGL);
 
 class NoDraggingLayout extends React.PureComponent {
-  static propTypes: {
-    onLayoutChange: PropTypes.func.isRequired
-  };
-
   static defaultProps = {
     className: "layout",
     isDraggable: false,

test/examples/2-no-dragging.jsx

@@ -1,15 +1,10 @@
 import React from "react";
-import PropTypes from "prop-types";
 import _ from "lodash";
 import RGL, { WidthProvider } from "react-grid-layout";
 
 const ReactGridLayout = WidthProvider(RGL);
 
 class MessyLayout extends React.PureComponent {
-  static propTypes = {
-    onLayoutChange: PropTypes.func.isRequired
-  };
-
   static defaultProps = {
     className: "layout",
     items: 20,

test/examples/3-messy.jsx

@@ -1,15 +1,10 @@
 import React from "react";
-import PropTypes from "prop-types";
 import _ from "lodash";
 import RGL, { WidthProvider } from "react-grid-layout";
 
 const ReactGridLayout = WidthProvider(RGL);
 
 class GridPropertyLayout extends React.PureComponent {
-  static propTypes = {
-    onLayoutChange: PropTypes.func.isRequired
-  };
-
   static defaultProps = {
     isDraggable: true,
     isResizable: true,

test/examples/4-grid-property.jsx

@@ -1,6 +1,4 @@
 import React from "react";
-import PropTypes from "prop-types";
-import _ from "lodash";
 import RGL, { WidthProvider } from "react-grid-layout";
 
 const ReactGridLayout = WidthProvider(RGL);

test/examples/5-static-elements.jsx

@@ -1,6 +1,4 @@
 import React from "react";
-import PropTypes from "prop-types";
-import _ from "lodash";
 import RGL, { WidthProvider } from "react-grid-layout";
 
 const ReactGridLayout = WidthProvider(RGL);
@@ -45,7 +43,6 @@ class LocalStorageLayout extends React.PureComponent {
       <div>
         <button onClick={this.resetLayout}>Reset Layout</button>
         <ReactGridLayout
-          ref="rgl"
           {...this.props}
           layout={this.state.layout}
           onLayoutChange={this.onLayoutChange}

test/examples/7-localstorage.jsx

@@ -1,5 +1,4 @@
 import React from "react";
-import PropTypes from "prop-types";
 import _ from "lodash";
 import RGL, { WidthProvider } from "react-grid-layout";
 

test/examples/9-min-max-wh.jsx

@@ -1,4 +1,5 @@
 // @flow
+/* eslint-env jest */
 
 import {
   bottom,

test/spec/.eslintrc

@@ -2169,6 +2169,12 @@ escope@^3.6.0:
     esrecurse "^4.1.0"
     estraverse "^4.1.1"
 
+eslint-plugin-flowtype@^2.40.1:
+  version "2.40.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-2.40.1.tgz#f78a8e6a4cc6da831dd541eb61e803ff0279b796"
+  dependencies:
+    lodash "^4.15.0"
+
 eslint-plugin-mocha@^4.11.0:
   version "4.11.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-mocha/-/eslint-plugin-mocha-4.11.0.tgz#91193a2f55e20a5e35974054a0089d30198ee578"
@@ -3900,7 +3906,7 @@ lodash.uniq@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
 
-lodash@^4.14.0, lodash@^4.17.2, lodash@^4.17.4, lodash@^4.2.0, lodash@^4.3.0, lodash@^4.6.1:
+lodash@^4.14.0, lodash@^4.15.0, lodash@^4.17.2, lodash@^4.17.4, lodash@^4.2.0, lodash@^4.3.0, lodash@^4.6.1:
   version "4.17.4"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.4.tgz#78203a4d1c328ae1d86dca6460e369b57f4055ae"