chore: update dev dependencies used for linting (#589)

Author: Claudéric Demers

.eslintrc.json

@@ -1,5 +1,5 @@
 {
-  "extends": ["plugin:shopify/react"],
+  "extends": ["plugin:shopify/react", "plugin:prettier/recommended"],
   "rules": {
     "no-process-env": "off",
     "no-lonely-if": "off",

package.json

@@ -72,17 +72,19 @@
     "babel-plugin-transform-async-to-promises": "^0.8.4",
     "classnames": "^2.2.5",
     "css-loader": "^2.1.0",
-    "eslint": "^5.16.0",
-    "eslint-plugin-shopify": "^27.0.1",
+    "eslint": "^6.2.1",
+    "eslint-config-prettier": "^6.1.0",
+    "eslint-plugin-prettier": "^3.1.0",
+    "eslint-plugin-shopify": "^30.0.1",
     "extract-text-webpack-plugin": "^1.0.1",
     "html-webpack-plugin": "^2.16.1",
-    "husky": "^1.3.1",
+    "husky": "^3.0.4",
     "lodash": "^4.12.0",
     "node-sass": "^4.11.0",
     "postcss": "^7.0.7",
     "postcss-loader": "^3.0.0",
-    "prettier": "^1.15.3",
-    "pretty-quick": "^1.8.0",
+    "prettier": "^1.18.2",
+    "pretty-quick": "^1.11.1",
     "react": "^16.7.0",
     "react-addons-pure-render-mixin": "^15.0.2",
     "react-addons-shallow-compare": "^15.1.0",

src/SortableContainer/index.js

@@ -41,7 +41,6 @@ export default function sortableContainer(
 
       validateProps(props);
 
-      this.state = {};
       this.manager = new Manager();
       this.events = {
         end: this.handleEnd,
@@ -50,6 +49,8 @@ export default function sortableContainer(
       };
     }
 
+    state = {};
+
     static displayName = provideDisplayName('sortableList', WrappedComponent);
     static defaultProps = defaultProps;
     static propTypes = propTypes;
@@ -332,11 +333,11 @@ export default function sortableContainer(
             height: containerHeight,
           } = useWindowAsScrollContainer
             ? {
-              top: 0,
-              left: 0,
-              width: this.contentWindow.innerWidth,
-              height: this.contentWindow.innerHeight,
-            }
+                top: 0,
+                left: 0,
+                width: this.contentWindow.innerWidth,
+                height: this.contentWindow.innerHeight,
+              }
             : this.containerBoundingRect;
           const containerBottom = containerTop + containerHeight;
           const containerRight = containerLeft + containerWidth;