FIX ESLint issues

client/src/boot/registerComponents.js

@@ -11,7 +11,7 @@ export default () => {
     (updater) => {
       // Add CMS page history GraphQL query to the HistoryViewer
       updater.component('HistoryViewer.pages-controller-cms-content', readOnePageQuery, 'PageHistoryViewer');
-    }
+    },
   );
 
   Injector.transform(
@@ -24,8 +24,8 @@ export default () => {
         // arguments. The "rollback" mutation correctly handles relations and is a more consumable
         // API endpoint.
         rollbackPageMutation,
-        'PageRevertMutation'
+        'PageRevertMutation',
       );
-    }
+    },
   );
 };

client/src/components/AnchorSelectorField/AnchorSelectorField.js

@@ -62,7 +62,7 @@ class AnchorSelectorField extends SilverStripeComponent {
     // Query endpoint for anchors for this page
     const fetchURL = props.data.endpoint.replace(/:id/, props.pageId);
     return fetch(fetchURL, { credentials: 'same-origin' })
-      .then(response => response.json())
+      .then((response) => response.json())
       .then((anchors) => {
         // Fold in field anchors and ensure array has only unique values
         const allAnchors = [...new Set([...anchors, ...fieldAnchors])];
@@ -82,9 +82,9 @@ class AnchorSelectorField extends SilverStripeComponent {
    * @return {Array}
    */
   getDropdownOptions() {
-    const options = this.props.anchors.map(value => ({ value }));
+    const options = this.props.anchors.map((value) => ({ value }));
     // Ensure value is available in the list
-    if (this.props.value && !this.props.anchors.find(value => value === this.props.value)) {
+    if (this.props.value && !this.props.anchors.find((value) => value === this.props.value)) {
       options.unshift({ value: this.props.value });
     }
     return options;
@@ -153,8 +153,8 @@ AnchorSelectorField.propTypes = {
   pageId: PropTypes.number,
   anchors: PropTypes.array,
   loadingState: PropTypes.oneOf(Object
-      .keys(anchorSelectorStates)
-      .map((key) => anchorSelectorStates[key])),
+    .keys(anchorSelectorStates)
+    .map((key) => anchorSelectorStates[key])),
   onLoadingError: PropTypes.func,
   data: PropTypes.shape({
     endpoint: PropTypes.string,
@@ -167,7 +167,7 @@ AnchorSelectorField.defaultProps = {
   extraClass: '',
   onLoadingError: noop,
   attributes: {},
-  CreatableSelectComponent: CreatableSelect
+  CreatableSelectComponent: CreatableSelect,
 };
 
 function mapStateToProps(state, ownProps) {
@@ -179,7 +179,7 @@ function mapStateToProps(state, ownProps) {
   // Load anchors from page
   let anchors = [];
   const page = pageId
-    ? state.cms.anchorSelector.pages.find(next => next.id === pageId)
+    ? state.cms.anchorSelector.pages.find((next) => next.id === pageId)
     : null;
   if (page
     && (

client/src/components/AnchorSelectorField/tests/AnchorSelectorField-test.js

@@ -1,13 +1,12 @@
 /* global jest, test, describe, beforeEach, it, expect, setTimeout */
 
 import React from 'react';
-import { Component as AnchorSelectorField } from '../AnchorSelectorField';
 import anchorSelectorStates from 'state/anchorSelector/AnchorSelectorStates';
 import { render, screen } from '@testing-library/react';
+import { Component as AnchorSelectorField } from '../AnchorSelectorField';
 
-jest.mock('isomorphic-fetch', () =>
-  () => Promise.resolve({
-    json: () => ['anchor3', 'anchor4'],
+jest.mock('isomorphic-fetch', () => () => Promise.resolve({
+  json: () => ['anchor3', 'anchor4'],
 }));
 jest.mock('i18n');
 
@@ -24,7 +23,7 @@ function makeProps(obj = {}) {
     loadingState: anchorSelectorStates.SUCCESS,
     CreatableSelectComponent: ({ options }) => (
       <div data-testid="test-creatable-select">
-        {options.map(option => <div key={option.value} data-option={option.value}/>)}
+        {options.map((option) => <div key={option.value} data-option={option.value} />)}
       </div>
     ),
     ...obj,
@@ -50,7 +49,7 @@ test('AnchorSelectorField componentDidMount() Loads dirty selectors', async () =
 
 test('AnchorSelectorField Merges value with page anchors', async () => {
   const beginUpdating = jest.fn();
-  const { container } = render(<AnchorSelectorField {...makeProps({
+  render(<AnchorSelectorField {...makeProps({
     loadingState: anchorSelectorStates.DIRTY,
     actions: {
       anchorSelector: {

client/src/state/anchorSelector/AnchorSelectorReducer.js

@@ -19,7 +19,7 @@ export default function anchorSelectorReducer(state = initialState, action = nul
     const id = action.payload.pageId;
     return deepFreeze({
       pages: [
-        ...state.pages.filter(next => next.id !== id),
+        ...state.pages.filter((next) => next.id !== id),
         {
           id,
           loadingState,

client/src/state/history/readOnePageQuery.js

@@ -68,7 +68,7 @@ const config = {
     },
     ownProps: {
       actions = {
-        versions: {}
+        versions: {},
       },
       limit,
       recordId,
@@ -88,12 +88,12 @@ const config = {
         versions: {
           ...versions,
           goToPage(page) {
-           refetch({
+            refetch({
               offset: ((page || 1) - 1) * limit,
               limit,
               page_id: recordId,
-           });
-          }
+            });
+          },
         },
       },
     };

client/src/state/history/revertToPageVersionMutation.js

@@ -35,8 +35,8 @@ const config = {
   },
   options: {
     // Refetch versions after mutation is completed
-    refetchQueries: ['ReadHistoryViewerPage']
-  }
+    refetchQueries: ['ReadHistoryViewerPage'],
+  },
 };
 
 export { mutation, config };

client/src/state/history/rollbackPageMutation.js

@@ -32,8 +32,8 @@ const config = {
   },
   options: {
     // Refetch versions after mutation is completed
-    refetchQueries: ['ReadHistoryViewerPage']
-  }
+    refetchQueries: ['ReadHistoryViewerPage'],
+  },
 };
 
 export { mutation, config };