Update babel-eslint to the latest version 🚀

package.json

@@ -48,7 +48,7 @@
   },
   "devDependencies": {
     "babel-core": "~6.26.3",
-    "babel-eslint": "^8.2.5",
+    "babel-eslint": "^9.0.0",
     "babel-loader": "~7.1.4",
     "babel-plugin-transform-decorators-legacy": "^1.3.5",
     "babel-plugin-transform-object-rest-spread": "^6.26.0",

src/components/DataBrowserHeader/DataBrowserHeader.react.js

@@ -52,7 +52,7 @@ const dataBrowserHeaderSource = {
   connectDragSource: connect.dragSource(),
   isDragging: monitor.isDragging()
 }))
-export default class DataBrowserHeader extends React.Component {
+class DataBrowserHeader extends React.Component {
   render() {
     let { connectDragSource, connectDropTarget, name, type, targetClass, order, style, isDragging, isOver } = this.props;
     let classes = [styles.header, unselectable];
@@ -74,6 +74,8 @@ export default class DataBrowserHeader extends React.Component {
   }
 }
 
+export default DataBrowserHeader;
+
 DataBrowserHeader.propTypes = {
   name: PropTypes.string.isRequired.describe(
     'The name of the column.'

src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.react.js

@@ -12,8 +12,9 @@ import React               from 'react';
 import styles              from 'components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss';
 import { DragDropContext } from 'react-dnd';
 
+export default
 @DragDropContext(HTML5Backend)
-export default class DataBrowserHeaderBar extends React.Component {
+class DataBrowserHeaderBar extends React.Component {
   render() {
     let { headers, onResize, selectAll, onAddColumn, updateOrdering, readonly } = this.props;
     let elements = [

src/dashboard/Analytics/Explorer/Explorer.react.js

@@ -39,8 +39,9 @@ let buildFriendlyName = (query) => {
   return name.join(' ');
 };
 
+export default
 @subscribeTo('AnalyticsQuery', 'customQueries')
-export default class Explorer extends DashboardView {
+class Explorer extends DashboardView {
   constructor() {
     super();
     this.section = 'Analytics';

src/dashboard/Analytics/SlowQueries/SlowQueries.react.js

@@ -36,9 +36,10 @@ let formatQuery = (query) => {
   return query;
 };
 
+export default
 @subscribeTo('Schema', 'schema')
 @subscribeTo('AnalyticsQuery', 'customQueries')
-export default class SlowQueries extends TableView {
+class SlowQueries extends TableView {
   constructor() {
     super();
     this.section = 'Analytics';

src/dashboard/Data/Browser/Browser.react.js

@@ -33,8 +33,9 @@ import subscribeTo                        from 'lib/subscribeTo';
 import * as ColumnPreferences             from 'lib/ColumnPreferences';
 import * as queryString                   from 'query-string';
 
+export default
 @subscribeTo('Schema', 'schema')
-export default class Browser extends DashboardView {
+class Browser extends DashboardView {
   constructor() {
     super();
     this.section = 'Core';

src/dashboard/Data/Browser/SchemaOverview.react.js

@@ -16,9 +16,9 @@ import { SpecialClasses }                 from 'lib/Constants';
 import stringCompare                      from 'lib/stringCompare';
 import prettyNumber                       from 'lib/prettyNumber';
 
-
+export default
 @subscribeTo('Schema', 'schema')
-export default class Browser extends DashboardView {
+class Browser extends DashboardView {
   constructor() {
     super();
     this.section = 'Core';

src/dashboard/Data/Jobs/Jobs.react.js

@@ -60,8 +60,9 @@ function scheduleString(data) {
 }
 
 // TODO: create scrollable view component that handles lazy fetch container on scroll
+export default
 @subscribeTo('Jobs', 'jobs')
-export default class Jobs extends TableView {
+class Jobs extends TableView {
   constructor() {
     super();
     this.section = 'Core';

src/dashboard/Data/Webhooks/Webhooks.react.js

@@ -28,9 +28,10 @@ let TableWarning = ({ text }) => <div>
   <Icon name='warn-outline' fill='#343445' width={20} height={20}/><span style={{ position: 'relative', top: '2px' }}> {text}</span>
 </div>;
 
+export default
 @subscribeTo('Webhooks', 'webhooks')
 @subscribeTo('Schema', 'schema')
-export default class Webhooks extends TableView {
+class Webhooks extends TableView {
   constructor() {
     super();
     this.section = 'Core';

src/dashboard/Push/PushAudiencesIndex.react.js

@@ -29,9 +29,10 @@ import { List }                 from 'immutable';
 
 const XHR_KEY = 'PushAudiencesIndex';
 
+export default
 @subscribeTo('Schema', 'schema')
 @subscribeTo('PushAudiences', 'pushaudiences')
-export default class PushAudiencesIndex extends DashboardView {
+class PushAudiencesIndex extends DashboardView {
   constructor() {
     super();
     this.section = 'Push';

src/dashboard/Push/PushDetails.react.js

@@ -201,8 +201,9 @@ const COLOR_MAP = {
 const DROPDOWN_KEY_GROUP_A = 'Group A';
 const DROPDOWN_KEY_GROUP_B = 'Group B';
 
+export default
 @subscribeTo('Schema', 'schema')
-export default class PushDetails extends DashboardView {
+class PushDetails extends DashboardView {
   constructor() {
     super();
     this.section = 'Push';

src/dashboard/Push/PushNew.react.js

@@ -121,9 +121,10 @@ let LocalizedMessageField = ({
 
 const XHR_KEY = 'PushNew';
 
+export default
 @subscribeTo('Schema', 'schema')
 @subscribeTo('PushAudiences', 'pushaudiences')
-export default class PushNew extends DashboardView {
+class PushNew extends DashboardView {
   constructor() {
     super();
     this.xhrs = [];