Merge branch 'leipert-prettier-arrow-parens-2' into 'master'

Format files with prettier arrowParens [2/15]

See merge request gitlab-org/gitlab!50527

.prettierignore

@@ -10,158 +10,6 @@ doc/api/graphql/reference/gitlab_schema.graphql
 *.scss
 *.md
 
-## boring-bohr
-jest.config.base.js
-jest.config.js
-scripts/frontend/block_dependencies.js
-scripts/frontend/check_page_bundle_mixins_css_for_sideeffects.js
-scripts/frontend/extract_gettext_all.js
-scripts/frontend/file_test_coverage.js
-scripts/frontend/frontend_script_utils.js
-scripts/frontend/merge_coverage_frontend.js
-scripts/frontend/prettier.js
-scripts/frontend/stylelint/stylelint-utility-map.js
-scripts/frontend/stylelint/stylelint-utils.js
-app/assets/javascripts/access_tokens/index.js
-app/assets/javascripts/activities.js
-app/assets/javascripts/add_context_commits_modal/components/add_context_commits_modal_wrapper.vue
-app/assets/javascripts/add_context_commits_modal/store/actions.js
-
-## interesting-kepler
-app/assets/javascripts/add_context_commits_modal/utils.js
-app/assets/javascripts/admin/application_settings/setup_metrics_and_profiling.js
-app/assets/javascripts/admin/statistics_panel/store/actions.js
-app/assets/javascripts/admin/statistics_panel/store/getters.js
-app/assets/javascripts/admin/users/components/users_table.vue
-app/assets/javascripts/admin/users/index.js
-app/assets/javascripts/alert_handler.js
-app/assets/javascripts/alert_management/components/alert_details.vue
-app/assets/javascripts/alert_management/components/alert_management_table.vue
-app/assets/javascripts/alert_management/components/alert_metrics.vue
-app/assets/javascripts/alert_management/components/alert_status.vue
-app/assets/javascripts/alert_management/components/sidebar/sidebar_assignees.vue
-app/assets/javascripts/alert_management/components/sidebar/sidebar_todo.vue
-app/assets/javascripts/alert_management/details.js
-app/assets/javascripts/alert_management/list.js
-app/assets/javascripts/alerts_service_settings/components/alerts_service_form.vue
-app/assets/javascripts/alerts_service_settings/index.js
-app/assets/javascripts/alerts_settings/components/alert_mapping_builder.vue
-app/assets/javascripts/alerts_settings/components/alerts_integrations_list.vue
-app/assets/javascripts/alerts_settings/components/alerts_settings_form.vue
-app/assets/javascripts/alerts_settings/graphql.js
-app/assets/javascripts/alerts_settings/index.js
-app/assets/javascripts/alerts_settings/utils/cache_updates.js
-app/assets/javascripts/analytics/instance_statistics/components/instance_statistics_count_chart.vue
-app/assets/javascripts/analytics/instance_statistics/components/projects_and_groups_chart.vue
-app/assets/javascripts/analytics/instance_statistics/components/users_chart.vue
-app/assets/javascripts/analytics/instance_statistics/utils.js
-app/assets/javascripts/analytics/product_analytics/activity_charts_bundle.js
-app/assets/javascripts/api.js
-app/assets/javascripts/authentication/u2f/authenticate.js
-app/assets/javascripts/authentication/u2f/register.js
-
-## reverent-lovelace
-app/assets/javascripts/authentication/webauthn/authenticate.js
-app/assets/javascripts/authentication/webauthn/register.js
-app/assets/javascripts/awards_handler.js
-app/assets/javascripts/badges/components/badge_form.vue
-app/assets/javascripts/badges/components/badge_settings.vue
-app/assets/javascripts/badges/store/actions.js
-app/assets/javascripts/badges/store/mutations.js
-app/assets/javascripts/batch_comments/components/preview_item.vue
-app/assets/javascripts/batch_comments/stores/modules/batch_comments/actions.js
-app/assets/javascripts/batch_comments/stores/modules/batch_comments/getters.js
-app/assets/javascripts/batch_comments/stores/modules/batch_comments/mutations.js
-app/assets/javascripts/batch_comments/utils.js
-app/assets/javascripts/behaviors/autosize.js
-app/assets/javascripts/behaviors/bind_in_out.js
-app/assets/javascripts/behaviors/copy_to_clipboard.js
-app/assets/javascripts/behaviors/gl_emoji.js
-app/assets/javascripts/behaviors/load_startup_css.js
-app/assets/javascripts/behaviors/markdown/copy_as_gfm.js
-app/assets/javascripts/behaviors/markdown/highlight_current_user.js
-app/assets/javascripts/behaviors/markdown/marks/inline_diff.js
-app/assets/javascripts/behaviors/markdown/marks/inline_html.js
-app/assets/javascripts/behaviors/markdown/nodes/code_block.js
-app/assets/javascripts/behaviors/markdown/nodes/emoji.js
-app/assets/javascripts/behaviors/markdown/nodes/image.js
-app/assets/javascripts/behaviors/markdown/nodes/playable.js
-app/assets/javascripts/behaviors/markdown/nodes/reference.js
-app/assets/javascripts/behaviors/markdown/nodes/table_cell.js
-app/assets/javascripts/behaviors/markdown/nodes/task_list_item.js
-app/assets/javascripts/behaviors/markdown/render_math.js
-app/assets/javascripts/behaviors/markdown/render_mermaid.js
-app/assets/javascripts/behaviors/markdown/render_metrics.js
-app/assets/javascripts/behaviors/markdown/schema.js
-app/assets/javascripts/behaviors/markdown/serializer.js
-
-## nice-swanson
-app/assets/javascripts/behaviors/preview_markdown.js
-app/assets/javascripts/behaviors/quick_submit.js
-app/assets/javascripts/behaviors/requires_input.js
-app/assets/javascripts/behaviors/secret_values.js
-app/assets/javascripts/behaviors/shortcuts/keybindings.js
-app/assets/javascripts/behaviors/shortcuts/shortcuts.js
-app/assets/javascripts/behaviors/shortcuts/shortcuts_blob.js
-app/assets/javascripts/behaviors/shortcuts/shortcuts_issuable.js
-app/assets/javascripts/blob/3d_viewer/index.js
-app/assets/javascripts/blob/balsamiq/balsamiq_viewer.js
-app/assets/javascripts/blob/blob_file_dropzone.js
-app/assets/javascripts/blob/blob_line_permalink_updater.js
-app/assets/javascripts/blob/components/blob_content_error.vue
-app/assets/javascripts/blob/file_template_mediator.js
-app/assets/javascripts/blob/notebook/notebook_viewer.vue
-app/assets/javascripts/blob/openapi/index.js
-app/assets/javascripts/blob/sketch/index.js
-app/assets/javascripts/blob/stl_viewer.js
-app/assets/javascripts/blob/suggest_gitlab_ci_yml/index.js
-app/assets/javascripts/blob/template_selector.js
-app/assets/javascripts/blob/template_selectors/ci_syntax_yaml_selector.js
-app/assets/javascripts/blob/template_selectors/ci_yaml_selector.js
-app/assets/javascripts/blob/template_selectors/dockerfile_selector.js
-app/assets/javascripts/blob/template_selectors/gitignore_selector.js
-app/assets/javascripts/blob/template_selectors/license_selector.js
-app/assets/javascripts/blob/template_selectors/metrics_dashboard_selector.js
-app/assets/javascripts/blob/template_selectors/type_selector.js
-app/assets/javascripts/blob/viewer/index.js
-app/assets/javascripts/blob_edit/blob_bundle.js
-app/assets/javascripts/blob_edit/edit_blob.js
-app/assets/javascripts/boards/boards_util.js
-
-## keen-chatelet
-app/assets/javascripts/boards/components/board_assignee_dropdown.vue
-app/assets/javascripts/boards/components/board_card_layout.vue
-app/assets/javascripts/boards/components/board_form.vue
-app/assets/javascripts/boards/components/board_list.vue
-app/assets/javascripts/boards/components/board_list_new.vue
-app/assets/javascripts/boards/components/board_new_issue_new.vue
-app/assets/javascripts/boards/components/board_sidebar.js
-app/assets/javascripts/boards/components/boards_selector.vue
-app/assets/javascripts/boards/components/modal/footer.vue
-app/assets/javascripts/boards/components/modal/index.vue
-app/assets/javascripts/boards/components/project_select.vue
-app/assets/javascripts/boards/components/sidebar/board_sidebar_labels_select.vue
-app/assets/javascripts/boards/components/sidebar/board_sidebar_milestone_select.vue
-app/assets/javascripts/boards/filtered_search_boards.js
-app/assets/javascripts/boards/filters/due_date_filters.js
-app/assets/javascripts/boards/index.js
-app/assets/javascripts/boards/mixins/sortable_default_options.js
-app/assets/javascripts/boards/models/issue.js
-app/assets/javascripts/boards/models/list.js
-app/assets/javascripts/boards/stores/actions.js
-app/assets/javascripts/boards/stores/boards_store.js
-app/assets/javascripts/boards/stores/getters.js
-app/assets/javascripts/boards/stores/modal_store.js
-app/assets/javascripts/boards/stores/mutations.js
-app/assets/javascripts/branches/divergence_graph.js
-app/assets/javascripts/breadcrumb.js
-app/assets/javascripts/broadcast_notification.js
-app/assets/javascripts/build_artifacts.js
-app/assets/javascripts/ci_settings_pipeline_triggers/index.js
-app/assets/javascripts/ci_variable_list/ci_variable_list.js
-app/assets/javascripts/ci_variable_list/components/ci_environments_dropdown.vue
-app/assets/javascripts/ci_variable_list/components/ci_variable_table.vue
-
 ## relaxed-kilby
 app/assets/javascripts/ci_variable_list/store/actions.js
 app/assets/javascripts/ci_variable_list/store/getters.js

app/assets/javascripts/access_tokens/index.js

 import Vue from 'vue';
 import ExpiresAtField from './components/expires_at_field.vue';
 
-const getInputAttrs = el => {
+const getInputAttrs = (el) => {
   const input = el.querySelector('input');
 
   return {

app/assets/javascripts/activities.js

@@ -9,9 +9,9 @@ export default class Activities {
   constructor(container = '') {
     this.container = container;
 
-    Pager.init(20, true, false, data => data, this.updateTooltips, this.container);
+    Pager.init(20, true, false, (data) => data, this.updateTooltips, this.container);
 
-    $('.event-filter-link').on('click', e => {
+    $('.event-filter-link').on('click', (e) => {
       e.preventDefault();
       this.toggleFilter(e.currentTarget);
       this.reloadActivities();
@@ -24,7 +24,7 @@ export default class Activities {
 
   reloadActivities() {
     $('.content_list').html('');
-    Pager.init(20, true, false, data => data, this.updateTooltips, this.container);
+    Pager.init(20, true, false, (data) => data, this.updateTooltips, this.container);
   }
 
   toggleFilter(sender) {

app/assets/javascripts/add_context_commits_modal/components/add_context_commits_modal_wrapper.vue

@@ -61,14 +61,14 @@ export default {
       },
     },
     selectedCommitsCount() {
-      return this.selectedCommits.filter(selectedCommit => selectedCommit.isSelected).length;
+      return this.selectedCommits.filter((selectedCommit) => selectedCommit.isSelected).length;
     },
     shouldPurge() {
       return this.selectedCommitsCount !== this.selectedCommits.length;
     },
     uniqueCommits() {
       return this.selectedCommits.filter(
-        selectedCommit =>
+        (selectedCommit) =>
           selectedCommit.isSelected &&
           findCommitIndex(this.contextCommits, selectedCommit.short_id) === -1,
       );
@@ -126,7 +126,7 @@ export default {
         this.focusSearch();
         if (this.shouldPurge) {
           this.setSelectedCommits(
-            [...this.commits, ...this.selectedCommits].filter(commit => commit.isSelected),
+            [...this.commits, ...this.selectedCommits].filter((commit) => commit.isSelected),
           );
         }
       }
@@ -178,7 +178,7 @@ export default {
       this.setCommits({ commits: tempCommits });
       this.setSelectedCommits([
         ...tempSelectedCommits,
-        ...tempCommits.filter(commit => commit.isSelected),
+        ...tempCommits.filter((commit) => commit.isSelected),
       ]);
     },
     handleCreateContextCommits() {
@@ -186,7 +186,7 @@ export default {
         return Promise.all([
           this.createContextCommits({ commits: this.uniqueCommits }),
           this.removeContextCommits(),
-        ]).then(values => {
+        ]).then((values) => {
           if (values[0] || values[1]) {
             window.location.reload();
           }

app/assets/javascripts/add_context_commits_modal/store/actions.js

@@ -27,10 +27,10 @@ export const searchCommits = ({ dispatch, commit, state }, searchText) => {
   return axios
     .get(state.contextCommitsPath, params)
     .then(({ data }) => {
-      let commits = data.map(o => ({ ...o, isSelected: false }));
-      commits = commits.map(c => {
+      let commits = data.map((o) => ({ ...o, isSelected: false }));
+      commits = commits.map((c) => {
         const isPresent = state.selectedCommits.find(
-          selectedCommit => selectedCommit.short_id === c.short_id && selectedCommit.isSelected,
+          (selectedCommit) => selectedCommit.short_id === c.short_id && selectedCommit.isSelected,
         );
         if (isPresent) {
           return { ...c, isSelected: true };
@@ -50,7 +50,7 @@ export const searchCommits = ({ dispatch, commit, state }, searchText) => {
 
 export const setCommits = ({ commit }, { commits: data, silentAddition = false }) => {
   let commits = _.uniqBy(data, 'short_id');
-  commits = _.orderBy(data, c => new Date(c.committed_date), ['desc']);
+  commits = _.orderBy(data, (c) => new Date(c.committed_date), ['desc']);
   if (silentAddition) {
     commit(types.SET_COMMITS_SILENT, commits);
   } else {
@@ -60,7 +60,7 @@ export const setCommits = ({ commit }, { commits: data, silentAddition = false }
 
 export const createContextCommits = ({ state }, { commits, forceReload = false }) =>
   Api.createContextCommits(state.projectId, state.mergeRequestIid, {
-    commits: commits.map(commit => commit.short_id),
+    commits: commits.map((commit) => commit.short_id),
   })
     .then(() => {
       if (forceReload) {
@@ -81,7 +81,7 @@ export const fetchContextCommits = ({ dispatch, commit, state }) => {
   commit(types.FETCH_CONTEXT_COMMITS);
   return Api.allContextCommits(state.projectId, state.mergeRequestIid)
     .then(({ data }) => {
-      const contextCommits = data.map(o => ({ ...o, isSelected: true }));
+      const contextCommits = data.map((o) => ({ ...o, isSelected: true }));
       dispatch('setContextCommits', contextCommits);
       dispatch('setCommits', {
         commits: [...state.commits, ...contextCommits],
@@ -121,7 +121,7 @@ export const setSelectedCommits = ({ commit }, selected) => {
   let selectedCommits = _.uniqBy(selected, 'short_id');
   selectedCommits = _.orderBy(
     selectedCommits,
-    selectedCommit => new Date(selectedCommit.committed_date),
+    (selectedCommit) => new Date(selectedCommit.committed_date),
     ['desc'],
   );
   commit(types.SET_SELECTED_COMMITS, selectedCommits);

app/assets/javascripts/add_context_commits_modal/utils.js

 export const findCommitIndex = (commits, commitShortId) => {
-  return commits.findIndex(commit => commit.short_id === commitShortId);
+  return commits.findIndex((commit) => commit.short_id === commitShortId);
 };
 
 export const setCommitStatus = (commits, commitIndex, selected) => {

app/assets/javascripts/admin/application_settings/setup_metrics_and_profiling.js

 import PayloadPreviewer from '~/pages/admin/application_settings/payload_previewer';
 
 export default () => {
-  Array.from(document.querySelectorAll('.js-payload-preview-trigger')).forEach(trigger => {
+  Array.from(document.querySelectorAll('.js-payload-preview-trigger')).forEach((trigger) => {
     new PayloadPreviewer(trigger).init();
   });
 };

app/assets/javascripts/admin/statistics_panel/store/actions.js

@@ -13,7 +13,7 @@ export const fetchStatistics = ({ dispatch }) => {
     .then(({ data }) => {
       dispatch('receiveStatisticsSuccess', convertObjectPropsToCamelCase(data, { deep: true }));
     })
-    .catch(error => dispatch('receiveStatisticsError', error));
+    .catch((error) => dispatch('receiveStatisticsError', error));
 };
 
 export const receiveStatisticsSuccess = ({ commit }, statistics) =>

app/assets/javascripts/admin/statistics_panel/store/getters.js

@@ -3,8 +3,8 @@
  * and returns an array of the following form:
  * [{ key: "forks", label: "Forks", value: 50 }]
  */
-export const getStatistics = state => labels =>
-  Object.keys(labels).map(key => {
+export const getStatistics = (state) => (labels) =>
+  Object.keys(labels).map((key) => {
     const result = {
       key,
       label: labels[key],

app/assets/javascripts/admin/users/components/users_table.vue

@@ -4,7 +4,7 @@ import { __ } from '~/locale';
 
 const DEFAULT_TH_CLASSES =
   'gl-bg-transparent! gl-border-b-solid! gl-border-b-gray-100! gl-p-5! gl-border-b-1!';
-const thWidthClass = width => `gl-w-${width}p ${DEFAULT_TH_CLASSES}`;
+const thWidthClass = (width) => `gl-w-${width}p ${DEFAULT_TH_CLASSES}`;
 
 export default {
   components: {

app/assets/javascripts/admin/users/index.js

@@ -11,7 +11,7 @@ export default function (el = document.querySelector('#js-admin-users-app')) {
 
   return new Vue({
     el,
-    render: createElement =>
+    render: (createElement) =>
       createElement(AdminUsersApp, {
         props: {
           users: convertObjectPropsToCamelCase(JSON.parse(users), { deep: true }),

app/assets/javascripts/alert_handler.js

@@ -8,9 +8,9 @@ export default function initAlertHandler() {
   const DISMISS_LABEL = '[aria-label="Dismiss"]';
   const DISMISS_CLASS = '.gl-alert-dismiss';
 
-  DISMISSIBLE_SELECTORS.forEach(selector => {
+  DISMISSIBLE_SELECTORS.forEach((selector) => {
     const elements = document.querySelectorAll(selector);
-    elements.forEach(element => {
+    elements.forEach((element) => {
       const button = element.querySelector(DISMISS_LABEL) || element.querySelector(DISMISS_CLASS);
       if (!button) {
         return;

app/assets/javascripts/alert_management/components/alert_details.vue

@@ -140,7 +140,7 @@ export default {
     },
     currentTabIndex: {
       get() {
-        return this.$options.tabsConfig.findIndex(tab => tab.id === this.activeTab);
+        return this.$options.tabsConfig.findIndex((tab) => tab.id === this.activeTab);
       },
       set(tabIdx) {
         const tabId = this.$options.tabsConfig[tabIdx].id;
@@ -208,7 +208,7 @@ export default {
             }
           },
         )
-        .catch(error => {
+        .catch((error) => {
           this.createIncidentError = error;
           this.incidentCreationInProgress = false;
         });

app/assets/javascripts/alert_management/components/alert_management_table.vue

@@ -138,7 +138,7 @@ export default {
           data.project || {};
         const now = new Date();
 
-        const listWithData = list.map(alert => {
+        const listWithData = list.map((alert) => {
           const then = new Date(alert.startedAt);
           const diff = now - then;
 

app/assets/javascripts/alert_management/components/alert_metrics.vue

@@ -33,7 +33,7 @@ export default {
           });
           this.metricEmbedComponent = MetricEmbed;
         })
-        .catch(e => Sentry.captureException(e));
+        .catch((e) => Sentry.captureException(e));
     }
   },
 };

app/assets/javascripts/alert_management/components/alert_status.vue

@@ -57,7 +57,7 @@ export default {
             projectPath: this.projectPath,
           },
         })
-        .then(resp => {
+        .then((resp) => {
           this.trackStatusUpdate(status);
           const errors = resp.data?.updateAlertStatus?.errors || [];
 

app/assets/javascripts/alert_management/components/sidebar/sidebar_assignees.vue

@@ -92,7 +92,7 @@ export default {
     },
     sortedUsers() {
       return this.users
-        .map(user => ({ ...user, active: this.isActive(user.username) }))
+        .map((user) => ({ ...user, active: this.isActive(user.username) }))
         .sort((a, b) => (a.active === b.active ? 0 : a.active ? -1 : 1)); // eslint-disable-line no-nested-ternary
     },
     dropdownClass() {

app/assets/javascripts/alert_management/components/sidebar/sidebar_todo.vue

@@ -115,7 +115,7 @@ export default {
         variables: this.getAlertQueryVariables,
       });
 
-      const data = produce(sourceData, draftData => {
+      const data = produce(sourceData, (draftData) => {
         // eslint-disable-next-line no-param-reassign
         draftData.project.alertManagementAlerts.nodes[0].todos.nodes = [];
       });

app/assets/javascripts/alert_management/details.js

@@ -9,7 +9,7 @@ import createRouter from './router';
 
 Vue.use(VueApollo);
 
-export default selector => {
+export default (selector) => {
   const domEl = document.querySelector(selector);
   const { alertId, projectPath, projectIssuesPath, projectId } = domEl.dataset;
   const router = createRouter();
@@ -18,7 +18,7 @@ export default selector => {
     Mutation: {
       toggleSidebarStatus: (_, __, { cache }) => {
         const sourceData = cache.readQuery({ query: sidebarStatusQuery });
-        const data = produce(sourceData, draftData => {
+        const data = produce(sourceData, (draftData) => {
           // eslint-disable-next-line no-param-reassign
           draftData.sidebarStatus = !draftData.sidebarStatus;
         });
@@ -30,7 +30,7 @@ export default selector => {
   const apolloProvider = new VueApollo({
     defaultClient: createDefaultClient(resolvers, {
       cacheConfig: {
-        dataIdFromObject: object => {
+        dataIdFromObject: (object) => {
           // eslint-disable-next-line no-underscore-dangle
           if (object.__typename === 'AlertManagementAlert') {
             return object.iid;

app/assets/javascripts/alert_management/list.js

@@ -30,7 +30,7 @@ export default () => {
       {},
       {
         cacheConfig: {
-          dataIdFromObject: object => {
+          dataIdFromObject: (object) => {
             // eslint-disable-next-line no-underscore-dangle
             if (object.__typename === 'AlertManagementAlert') {
               return object.iid;

app/assets/javascripts/alerts_service_settings/components/alerts_service_form.vue

@@ -98,7 +98,7 @@ export default {
   },
   methods: {
     updateIcon() {
-      return document.querySelectorAll('.js-service-active-status').forEach(icon => {
+      return document.querySelectorAll('.js-service-active-status').forEach((icon) => {
         if (icon.dataset.value === this.activated.toString()) {
           icon.classList.remove('d-none');
         } else {
@@ -109,7 +109,7 @@ export default {
     resetKey() {
       return axios
         .put(this.formPath, { service: { token: '' } })
-        .then(res => {
+        .then((res) => {
           this.authorizationKey = res.data.token;
         })
         .catch(() => {

app/assets/javascripts/alerts_service_settings/index.js

@@ -2,7 +2,7 @@ import Vue from 'vue';
 import { parseBoolean } from '~/lib/utils/common_utils';
 import AlertsServiceForm from './components/alerts_service_form.vue';
 
-export default el => {
+export default (el) => {
   if (!el) {
     return null;
   }

app/assets/javascripts/alerts_settings/components/alert_mapping_builder.vue

@@ -64,9 +64,9 @@ export default {
   },
   computed: {
     mappingData() {
-      return this.gitlabFields.map(gitlabField => {
+      return this.gitlabFields.map((gitlabField) => {
         const mappingFields = this.payloadFields.filter(({ type }) =>
-          type.some(t => gitlabField.compatibleTypes.includes(t)),
+          type.some((t) => gitlabField.compatibleTypes.includes(t)),
         );
 
         const foundMapping = this.mapping.find(
@@ -88,26 +88,26 @@ export default {
   },
   methods: {
     setMapping(gitlabKey, mappingKey, valueKey) {
-      const fieldIndex = this.gitlabFields.findIndex(field => field.name === gitlabKey);
+      const fieldIndex = this.gitlabFields.findIndex((field) => field.name === gitlabKey);
       const updatedField = { ...this.gitlabFields[fieldIndex], ...{ [valueKey]: mappingKey } };
       Vue.set(this.gitlabFields, fieldIndex, updatedField);
     },
     setSearchTerm(search = '', searchFieldKey, gitlabKey) {
-      const fieldIndex = this.gitlabFields.findIndex(field => field.name === gitlabKey);
+      const fieldIndex = this.gitlabFields.findIndex((field) => field.name === gitlabKey);
       const updatedField = { ...this.gitlabFields[fieldIndex], ...{ [searchFieldKey]: search } };
       Vue.set(this.gitlabFields, fieldIndex, updatedField);
     },
     filterFields(searchTerm = '', fields) {
       const search = searchTerm.toLowerCase();
 
-      return fields.filter(field => field.label.toLowerCase().includes(search));
+      return fields.filter((field) => field.label.toLowerCase().includes(search));
     },
     isSelected(fieldValue, mapping) {
       return fieldValue === mapping;
     },
     selectedValue(name) {
       return (
-        this.payloadFields.find(item => item.name === name)?.label ||
+        this.payloadFields.find((item) => item.name === name)?.label ||
         this.$options.i18n.makeSelection
       );
     },

app/assets/javascripts/alerts_settings/components/alerts_integrations_list.vue

@@ -97,8 +97,8 @@ export default {
     };
   },
   mounted() {
-    const callback = entries => {
-      const isVisible = entries.some(entry => entry.isIntersecting);
+    const callback = (entries) => {
+      const isVisible = entries.some((entry) => entry.isIntersecting);
 
       if (isVisible) {
         this.trackPageViews();

app/assets/javascripts/alerts_settings/components/alerts_settings_form.vue

@@ -197,7 +197,7 @@ export default {
       return options;
     },
     options() {
-      return integrationTypesNew.map(el => ({
+      return integrationTypesNew.map((el) => ({
         ...el,
         disabled: this.disabledIntegrations.includes(el.value),
       }));
@@ -390,10 +390,10 @@ export default {
       // TODO: replace with real BE mutation when ready;
       this.parsingPayload = true;
 
-      return new Promise(resolve => {
+      return new Promise((resolve) => {
         setTimeout(() => resolve(mockedCustomMapping), 1000);
       })
-        .then(res => {
+        .then((res) => {
           const mapping = { ...res };
           delete mapping.storedMapping;
           this.customMapping = res;
@@ -408,7 +408,7 @@ export default {
     },
     getIntegrationMapping() {
       // TODO: replace with real BE mutation when ready;
-      return Promise.resolve(mockedCustomMapping).then(res => {
+      return Promise.resolve(mockedCustomMapping).then((res) => {
         this.customMapping = res;
         this.integrationTestPayload.json = res?.samplePayload.body;
       });

app/assets/javascripts/alerts_settings/graphql.js

@@ -14,7 +14,7 @@ const resolvers = {
       { cache },
     ) => {
       const sourceData = cache.readQuery({ query: getCurrentIntegrationQuery });
-      const data = produce(sourceData, draftData => {
+      const data = produce(sourceData, (draftData) => {
         if (id === null) {
           // eslint-disable-next-line no-param-reassign
           draftData.currentIntegration = null;

app/assets/javascripts/alerts_settings/index.js

@@ -11,7 +11,7 @@ apolloProvider.clients.defaultClient.cache.writeData({
 });
 Vue.use(GlToast);
 
-export default el => {
+export default (el) => {
   if (!el) {
     return null;
   }

app/assets/javascripts/alerts_settings/utils/cache_updates.js

@@ -14,7 +14,7 @@ const deleteIntegrationFromStore = (store, query, { httpIntegrationDestroy }, va
     variables,
   });
 
-  const data = produce(sourceData, draftData => {
+  const data = produce(sourceData, (draftData) => {
     // eslint-disable-next-line no-param-reassign
     draftData.project.alertManagementIntegrations.nodes = draftData.project.alertManagementIntegrations.nodes.filter(
       ({ id }) => id !== integration.id,
@@ -45,7 +45,7 @@ const addIntegrationToStore = (
     variables,
   });
 
-  const data = produce(sourceData, draftData => {
+  const data = produce(sourceData, (draftData) => {
     // eslint-disable-next-line no-param-reassign
     draftData.project.alertManagementIntegrations.nodes = [
       integration,

app/assets/javascripts/analytics/instance_statistics/components/instance_statistics_count_chart.vue

@@ -60,13 +60,13 @@ export default {
       return Object.values(this.errors);
     },
     isLoading() {
-      return some(this.$apollo.queries, query => query?.loading);
+      return some(this.$apollo.queries, (query) => query?.loading);
     },
     allQueriesFailed() {
-      return every(this.errorMessages, message => message.length);
+      return every(this.errorMessages, (message) => message.length);
     },
     hasLoadingErrors() {
-      return some(this.errorMessages, message => message.length);
+      return some(this.errorMessages, (message) => message.length);
     },
     errorMessage() {
       // show the generic loading message if all requests fail
@@ -179,7 +179,7 @@ export default {
             };
           },
         })
-        .catch(error => this.handleError({ identifier, error, message: errorMessage }));
+        .catch((error) => this.handleError({ identifier, error, message: errorMessage }));
     },
   },
 };

app/assets/javascripts/analytics/instance_statistics/components/projects_and_groups_chart.vue

@@ -11,7 +11,7 @@ import latestGroupsQuery from '../graphql/queries/groups.query.graphql';
 import latestProjectsQuery from '../graphql/queries/projects.query.graphql';
 import { getAverageByMonth } from '../utils';
 
-const sortByDate = data => sortBy(data, item => new Date(item[0]).getTime());
+const sortByDate = (data) => sortBy(data, (item) => new Date(item[0]).getTime());
 
 const averageAndSortData = (data = [], maxDataPoints) => {
   const averaged = getAverageByMonth(
@@ -148,7 +148,7 @@ export default {
           name: this.$options.i18n.xAxisTitle,
           type: 'category',
           axisLabel: {
-            formatter: value => {
+            formatter: (value) => {
               return formatDateAsMonth(value);
             },
           },
@@ -189,7 +189,7 @@ export default {
           .fetchMore({
             variables: { first: this.totalDataPoints, after: pageInfo.endCursor },
             updateQuery: (previousResult, { fetchMoreResult }) => {
-              const results = produce(fetchMoreResult, newData => {
+              const results = produce(fetchMoreResult, (newData) => {
                 // eslint-disable-next-line no-param-reassign
                 newData[dataKey].nodes = [
                   ...previousResult[dataKey].nodes,
@@ -199,7 +199,7 @@ export default {
               return results;
             },
           })
-          .catch(error => {
+          .catch((error) => {
             this.handleError({ error, message: errorMessage, dataKey });
           });
       }

app/assets/javascripts/analytics/instance_statistics/components/users_chart.vue

@@ -10,7 +10,7 @@ import { formatDateAsMonth } from '~/lib/utils/datetime_utility';
 import usersQuery from '../graphql/queries/users.query.graphql';
 import { getAverageByMonth } from '../utils';
 
-const sortByDate = data => sortBy(data, item => new Date(item[0]).getTime());
+const sortByDate = (data) => sortBy(data, (item) => new Date(item[0]).getTime());
 
 export default {
   name: 'UsersChart',
@@ -106,7 +106,7 @@ export default {
           .fetchMore({
             variables: { first: this.totalDataPoints, after: this.pageInfo.endCursor },
             updateQuery: (previousResult, { fetchMoreResult }) => {
-              return produce(fetchMoreResult, newUsers => {
+              return produce(fetchMoreResult, (newUsers) => {
                 // eslint-disable-next-line no-param-reassign
                 newUsers.users.nodes = [...previousResult.users.nodes, ...newUsers.users.nodes];
               });

app/assets/javascripts/analytics/instance_statistics/utils.js

@@ -29,7 +29,7 @@ export function getAverageByMonth(items = [], options = {}) {
     return { ...memo, [month]: { sum: count, recordCount: 1 } };
   }, {});
 
-  return Object.keys(itemsMap).map(month => {
+  return Object.keys(itemsMap).map((month) => {
     const { sum, recordCount } = itemsMap[month];
     const avg = sum / recordCount;
     if (shouldRound) {

app/assets/javascripts/analytics/product_analytics/activity_charts_bundle.js

@@ -8,7 +8,7 @@ export default () => {
     return false;
   }
 
-  return containers.forEach(container => {
+  return containers.forEach((container) => {
     const { chartData } = container.dataset;
     const formattedData = JSON.parse(chartData);
 

app/assets/javascripts/api.js

@@ -374,8 +374,8 @@ const Api = {
       .post(url, {
         label: data,
       })
-      .then(res => callback(res.data))
-      .catch(e => callback(e.response.data));
+      .then((res) => callback(res.data))
+      .catch((e) => callback(e.response.data));
   },
 
   // Return group projects list. Filtered by query
@@ -431,7 +431,7 @@ const Api = {
   commitPipelines(projectId, sha) {
     const encodedProjectId = projectId
       .split('/')
-      .map(fragment => encodeURIComponent(fragment))
+      .map((fragment) => encodeURIComponent(fragment))
       .join('/');
 
     const url = Api.buildUrl(Api.commitPipelinesPath)
@@ -455,7 +455,7 @@ const Api = {
       .replace(':type', type)
       .replace(':key', encodeURIComponent(key));
 
-    return axios.get(url, { params: options }).then(res => {
+    return axios.get(url, { params: options }).then((res) => {
       if (callback) callback(res.data);
 
       return res;
@@ -467,7 +467,7 @@ const Api = {
       .replace(':id', encodeURIComponent(id))
       .replace(':type', type);
 
-    return axios.get(url, { params }).then(res => {
+    return axios.get(url, { params }).then((res) => {
       if (callback) callback(res.data);
 
       return res;

app/assets/javascripts/authentication/u2f/authenticate.js

@@ -37,7 +37,7 @@ export default class U2FAuthenticate {
     // Note: The server library fixes this behaviour in (unreleased) version 1.0.0.
     // This can be removed once we upgrade.
     // https://github.com/castle/ruby-u2f/commit/103f428071a81cd3d5f80c2e77d522d5029946a4
-    this.signRequests = u2fParams.sign_requests.map(request => omit(request, 'challenge'));
+    this.signRequests = u2fParams.sign_requests.map((request) => omit(request, 'challenge'));
 
     this.templates = {
       inProgress: '#js-authenticate-token-2fa-in-progress',
@@ -48,7 +48,7 @@ export default class U2FAuthenticate {
 
   start() {
     return importU2FLibrary()
-      .then(utils => {
+      .then((utils) => {
         this.u2fUtils = utils;
         this.renderInProgress();
       })
@@ -60,7 +60,7 @@ export default class U2FAuthenticate {
       this.appId,
       this.challenge,
       this.signRequests,
-      response => {
+      (response) => {
         if (response.errorCode) {
           const error = new U2FError(response.errorCode, 'authenticate');
           return this.renderError(error);

app/assets/javascripts/authentication/u2f/register.js

@@ -34,7 +34,7 @@ export default class U2FRegister {
 
   start() {
     return importU2FLibrary()
-      .then(utils => {
+      .then((utils) => {
         this.u2fUtils = utils;
         this.renderSetup();
       })
@@ -46,7 +46,7 @@ export default class U2FRegister {
       this.appId,
       this.registerRequests,
       this.signRequests,
-      response => {
+      (response) => {
         if (response.errorCode) {
           const error = new U2FError(response.errorCode, 'register');
           return this.renderError(error);

app/assets/javascripts/authentication/webauthn/authenticate.js

@@ -39,11 +39,11 @@ export default class WebAuthnAuthenticate {
   authenticate() {
     navigator.credentials
       .get({ publicKey: this.webauthnParams })
-      .then(resp => {
+      .then((resp) => {
         const convertedResponse = convertGetResponse(resp);
         this.renderAuthenticated(JSON.stringify(convertedResponse));
       })
-      .catch(err => {
+      .catch((err) => {
         this.flow.renderError(new WebAuthnError(err, 'authenticate'));
       });
   }

app/assets/javascripts/authentication/webauthn/register.js

@@ -39,8 +39,8 @@ export default class WebAuthnRegister {
       .create({
         publicKey: this.webauthnOptions,
       })
-      .then(cred => this.renderRegistered(JSON.stringify(convertCreateResponse(cred))))
-      .catch(err => this.flow.renderError(new WebAuthnError(err, 'register')));
+      .then((cred) => this.renderRegistered(JSON.stringify(convertCreateResponse(cred))))
+      .catch((err) => this.flow.renderError(new WebAuthnError(err, 'register')));
   }
 
   renderSetup() {

app/assets/javascripts/awards_handler.js

@@ -56,13 +56,13 @@ export class AwardsHandler {
         }
       },
     );
-    this.registerEventListener('on', $parentEl, 'click', this.toggleButtonSelector, e => {
+    this.registerEventListener('on', $parentEl, 'click', this.toggleButtonSelector, (e) => {
       e.stopPropagation();
       e.preventDefault();
       this.showEmojiMenu($(e.currentTarget));
     });
 
-    this.registerEventListener('on', $('html'), 'click', e => {
+    this.registerEventListener('on', $('html'), 'click', (e) => {
       const $target = $(e.target);
       if (!$target.closest(`.${this.menuClass}`).length) {
         $('.js-awards-block.current').removeClass('current');
@@ -74,7 +74,7 @@ export class AwardsHandler {
     });
 
     const emojiButtonSelector = `.js-awards-block .js-emoji-btn, .${this.menuClass} .js-emoji-btn`;
-    this.registerEventListener('on', $parentEl, 'click', emojiButtonSelector, e => {
+    this.registerEventListener('on', $parentEl, 'click', emojiButtonSelector, (e) => {
       e.preventDefault();
       const $target = $(e.currentTarget);
       const $glEmojiElement = $target.find('gl-emoji');
@@ -190,7 +190,7 @@ export class AwardsHandler {
       (promiseChain, categoryNameKey) =>
         promiseChain.then(
           () =>
-            new Promise(resolve => {
+            new Promise((resolve) => {
               const emojisInCategory = categoryMap[categoryNameKey];
               const categoryMarkup = this.renderCategory(
                 categoryLabelMap[categoryNameKey],
@@ -213,7 +213,7 @@ export class AwardsHandler {
           menu.dispatchEvent(new CustomEvent('build-emoji-menu-finish'));
         }
       })
-      .catch(err => {
+      .catch((err) => {
         emojiContentElement.insertAdjacentHTML(
           'beforeend',
           '<p>We encountered an error while adding the remaining categories</p>',
@@ -230,7 +230,7 @@ export class AwardsHandler {
       <ul class="clearfix emoji-menu-list ${opts.menuListClass || ''}">
         ${emojiList
           .map(
-            emojiName => `
+            (emojiName) => `
           <li class="emoji-menu-list-item">
             <button class="emoji-menu-btn text-center js-emoji-btn" type="button">
               ${this.emoji.glEmojiTag(emojiName, {
@@ -463,7 +463,7 @@ export class AwardsHandler {
     const className = 'pulse animated once short';
     $emoji.addClass(className);
 
-    this.registerEventListener('on', $emoji, animationEndEventString, e => {
+    this.registerEventListener('on', $emoji, animationEndEventString, (e) => {
       $(e.currentTarget).removeClass(className);
     });
   }
@@ -515,7 +515,7 @@ export class AwardsHandler {
       this.frequentlyUsedEmojis ||
       (() => {
         const frequentlyUsedEmojis = uniq((Cookies.get('frequently_used_emojis') || '').split(','));
-        this.frequentlyUsedEmojis = frequentlyUsedEmojis.filter(inputName =>
+        this.frequentlyUsedEmojis = frequentlyUsedEmojis.filter((inputName) =>
           this.emoji.isEmojiNameValid(inputName),
         );
 
@@ -527,13 +527,13 @@ export class AwardsHandler {
   setupSearch() {
     const $search = $('.js-emoji-menu-search');
 
-    this.registerEventListener('on', $search, 'input', e => {
+    this.registerEventListener('on', $search, 'input', (e) => {
       const term = $(e.target).val().trim();
       this.searchEmojis(term);
     });
 
     const $menu = $(`.${this.menuClass}`);
-    this.registerEventListener('on', $menu, transitionEndEventString, e => {
+    this.registerEventListener('on', $menu, transitionEndEventString, (e) => {
       if (e.target === e.currentTarget) {
         // Clear the search
         this.searchEmojis('');
@@ -583,7 +583,7 @@ export class AwardsHandler {
   }
 
   hideMenuElement($emojiMenu) {
-    $emojiMenu.on(transitionEndEventString, e => {
+    $emojiMenu.on(transitionEndEventString, (e) => {
       if (e.currentTarget === e.target) {
         // eslint-disable-next-line @gitlab/no-global-event-off
         $emojiMenu.removeClass(IS_RENDERED).off(transitionEndEventString);
@@ -594,7 +594,7 @@ export class AwardsHandler {
   }
 
   destroy() {
-    this.eventListeners.forEach(entry => {
+    this.eventListeners.forEach((entry) => {
       entry.element.off.call(entry.element, ...entry.args);
     });
     $(`.${this.menuClass}`).remove();

app/assets/javascripts/badges/components/badge_form.vue

@@ -48,7 +48,7 @@ export default {
     },
     helpText() {
       const placeholders = ['project_path', 'project_id', 'default_branch', 'commit_sha']
-        .map(placeholder => `<code>%{${placeholder}}</code>`)
+        .map((placeholder) => `<code>%{${placeholder}}</code>`)
         .join(', ');
       return sprintf(
         s__('Badges|Supported %{docsLinkStart}variables%{docsLinkEnd}: %{placeholders}'),
@@ -137,7 +137,7 @@ export default {
             createFlash(s__('Badges|Badge saved.'), 'notice');
             this.wasValidated = false;
           })
-          .catch(error => {
+          .catch((error) => {
             createFlash(
               s__('Badges|Saving the badge failed, please check the entered URLs and try again.'),
             );
@@ -150,7 +150,7 @@ export default {
           createFlash(s__('Badges|New badge added.'), 'notice');
           this.wasValidated = false;
         })
-        .catch(error => {
+        .catch((error) => {
           createFlash(
             s__('Badges|Adding the badge failed, please check the entered URLs and try again.'),
           );

app/assets/javascripts/badges/components/badge_settings.vue

@@ -42,7 +42,7 @@ export default {
         .then(() => {
           createFlash(s__('Badges|The badge was deleted.'), 'notice');
         })
-        .catch(error => {
+        .catch((error) => {
           createFlash(s__('Badges|Deleting the badge failed, please try again.'));
           throw error;
         });

app/assets/javascripts/badges/store/actions.js

@@ -2,7 +2,7 @@ import axios from '~/lib/utils/axios_utils';
 import types from './mutation_types';
 import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
 
-export const transformBackendBadge = badge => ({
+export const transformBackendBadge = (badge) => ({
   ...convertObjectPropsToCamelCase(badge, true),
   isDeleting: false,
 });
@@ -27,11 +27,11 @@ export default {
         image_url: newBadge.imageUrl,
         link_url: newBadge.linkUrl,
       })
-      .catch(error => {
+      .catch((error) => {
         dispatch('receiveNewBadgeError');
         throw error;
       })
-      .then(res => {
+      .then((res) => {
         dispatch('receiveNewBadge', transformBackendBadge(res.data));
       });
   },
@@ -50,7 +50,7 @@ export default {
     const endpoint = `${state.apiEndpointUrl}/${badgeId}`;
     return axios
       .delete(endpoint)
-      .catch(error => {
+      .catch((error) => {
         dispatch('receiveDeleteBadgeError', badgeId);
         throw error;
       })
@@ -78,11 +78,11 @@ export default {
     const endpoint = state.apiEndpointUrl;
     return axios
       .get(endpoint)
-      .catch(error => {
+      .catch((error) => {
         dispatch('receiveLoadBadgesError');
         throw error;
       })
-      .then(res => {
+      .then((res) => {
         dispatch('receiveLoadBadges', res.data.map(transformBackendBadge));
       });
   },
@@ -113,11 +113,11 @@ export default {
     const renderEndpoint = `${state.apiEndpointUrl}/render?${parameters}`;
     return axios
       .get(renderEndpoint)
-      .catch(error => {
+      .catch((error) => {
         dispatch('receiveRenderedBadgeError');
         throw error;
       })
-      .then(res => {
+      .then((res) => {
         dispatch('receiveRenderedBadge', transformBackendBadge(res.data));
       });
   },
@@ -142,11 +142,11 @@ export default {
         image_url: badge.imageUrl,
         link_url: badge.linkUrl,
       })
-      .catch(error => {
+      .catch((error) => {
         dispatch('receiveUpdatedBadgeError');
         throw error;
       })
-      .then(res => {
+      .then((res) => {
         dispatch('receiveUpdatedBadge', transformBackendBadge(res.data));
       });
   },

app/assets/javascripts/badges/store/mutations.js

 import types from './mutation_types';
 import { PROJECT_BADGE } from '../constants';
 
-const reorderBadges = badges =>
+const reorderBadges = (badges) =>
   badges.sort((a, b) => {
     if (a.kind !== b.kind) {
       return a.kind === PROJECT_BADGE ? 1 : -1;
@@ -31,7 +31,7 @@ export default {
   },
 
   [types.RECEIVE_UPDATED_BADGE](state, updatedBadge) {
-    const badges = state.badges.map(badge => {
+    const badges = state.badges.map((badge) => {
       if (badge.id === updatedBadge.id) {
         return updatedBadge;
       }
@@ -77,13 +77,13 @@ export default {
   },
 
   [types.RECEIVE_DELETE_BADGE](state, badgeId) {
-    const badges = state.badges.filter(badge => badge.id !== badgeId);
+    const badges = state.badges.filter((badge) => badge.id !== badgeId);
     Object.assign(state, {
       badges,
     });
   },
   [types.RECEIVE_DELETE_BADGE_ERROR](state, badgeId) {
-    const badges = state.badges.map(badge => {
+    const badges = state.badges.map((badge) => {
       if (badge.id === badgeId) {
         return {
           ...badge,
@@ -98,7 +98,7 @@ export default {
     });
   },
   [types.REQUEST_DELETE_BADGE](state, badgeId) {
-    const badges = state.badges.map(badge => {
+    const badges = state.badges.map((badge) => {
       if (badge.id === badgeId) {
         return {
           ...badge,

app/assets/javascripts/batch_comments/components/preview_item.vue

@@ -47,7 +47,7 @@ export default {
       }
 
       return sprintf(__("%{authorsName}'s thread"), {
-        authorsName: this.discussion.notes.find(note => !note.system).author.name,
+        authorsName: this.discussion.notes.find((note) => !note.system).author.name,
       });
     },
     linePosition() {

app/assets/javascripts/batch_comments/stores/modules/batch_comments/actions.js

@@ -11,8 +11,8 @@ export const saveDraft = ({ dispatch }, draft) =>
 export const addDraftToDiscussion = ({ commit }, { endpoint, data }) =>
   service
     .addDraftToDiscussion(endpoint, data)
-    .then(res => res.data)
-    .then(res => {
+    .then((res) => res.data)
+    .then((res) => {
       commit(types.ADD_NEW_DRAFT, res);
       return res;
     })
@@ -23,8 +23,8 @@ export const addDraftToDiscussion = ({ commit }, { endpoint, data }) =>
 export const createNewDraft = ({ commit }, { endpoint, data }) =>
   service
     .createNewDraft(endpoint, data)
-    .then(res => res.data)
-    .then(res => {
+    .then((res) => res.data)
+    .then((res) => {
       commit(types.ADD_NEW_DRAFT, res);
       return res;
     })
@@ -43,8 +43,8 @@ export const deleteDraft = ({ commit, getters }, draft) =>
 export const fetchDrafts = ({ commit, getters }) =>
   service
     .fetchDrafts(getters.getNotesData.draftsPath)
-    .then(res => res.data)
-    .then(data => commit(types.SET_BATCH_COMMENTS_DRAFTS, data))
+    .then((res) => res.data)
+    .then((data) => commit(types.SET_BATCH_COMMENTS_DRAFTS, data))
     .catch(() => flash(__('An error occurred while fetching pending comments')));
 
 export const publishSingleDraft = ({ commit, dispatch, getters }, draftId) => {
@@ -86,8 +86,8 @@ export const updateDraft = (
       resolveDiscussion,
       position: JSON.stringify(position),
     })
-    .then(res => res.data)
-    .then(data => commit(types.RECEIVE_DRAFT_UPDATE_SUCCESS, data))
+    .then((res) => res.data)
+    .then((data) => commit(types.RECEIVE_DRAFT_UPDATE_SUCCESS, data))
     .then(callback)
     .catch(() => flash(__('An error occurred while updating the comment')));
 
@@ -116,8 +116,8 @@ export const scrollToDraft = ({ dispatch, rootGetters }, draft) => {
 
 export const expandAllDiscussions = ({ dispatch, state }) =>
   state.drafts
-    .filter(draft => draft.discussion_id)
-    .forEach(draft => {
+    .filter((draft) => draft.discussion_id)
+    .forEach((draft) => {
       dispatch('expandDiscussion', { discussionId: draft.discussion_id }, { root: true });
     });
 

app/assets/javascripts/batch_comments/stores/modules/batch_comments/getters.js

 import { parallelLineKey, showDraftOnSide } from '../../../utils';
 
-export const draftsCount = state => state.drafts.length;
+export const draftsCount = (state) => state.drafts.length;
 
 export const getNotesData = (state, getters, rootState, rootGetters) => rootGetters.getNotesData;
 
-export const hasDrafts = state => state.drafts.length > 0;
+export const hasDrafts = (state) => state.drafts.length > 0;
 
-export const draftsPerDiscussionId = state =>
+export const draftsPerDiscussionId = (state) =>
   state.drafts.reduce((acc, draft) => {
     if (draft.discussion_id) {
       acc[draft.discussion_id] = draft;
@@ -15,7 +15,7 @@ export const draftsPerDiscussionId = state =>
     return acc;
   }, {});
 
-export const draftsPerFileHashAndLine = state =>
+export const draftsPerFileHashAndLine = (state) =>
   state.drafts.reduce((acc, draft) => {
     if (draft.file_hash) {
       if (!acc[draft.file_hash]) {
@@ -55,10 +55,10 @@ export const hasParallelDraftRight = (state, getters) => (diffFileSha, line) =>
   return draftsForFile ? Boolean(draftsForFile[rkey]) : false;
 };
 
-export const shouldRenderDraftRowInDiscussion = (state, getters) => discussionId =>
+export const shouldRenderDraftRowInDiscussion = (state, getters) => (discussionId) =>
   typeof getters.draftsPerDiscussionId[discussionId] !== 'undefined';
 
-export const draftForDiscussion = (state, getters) => discussionId =>
+export const draftForDiscussion = (state, getters) => (discussionId) =>
   getters.draftsPerDiscussionId[discussionId] || {};
 
 export const draftForLine = (state, getters) => (diffFileSha, line, side = null) => {
@@ -75,10 +75,10 @@ export const draftForLine = (state, getters) => (diffFileSha, line, side = null)
   return {};
 };
 
-export const draftsForFile = state => diffFileSha =>
-  state.drafts.filter(draft => draft.file_hash === diffFileSha);
+export const draftsForFile = (state) => (diffFileSha) =>
+  state.drafts.filter((draft) => draft.file_hash === diffFileSha);
 
-export const isPublishingDraft = state => draftId =>
+export const isPublishingDraft = (state) => (draftId) =>
   state.currentlyPublishingDrafts.indexOf(draftId) !== -1;
 
-export const sortedDrafts = state => [...state.drafts].sort((a, b) => a.id > b.id);
+export const sortedDrafts = (state) => [...state.drafts].sort((a, b) => a.id > b.id);

app/assets/javascripts/batch_comments/stores/modules/batch_comments/mutations.js

 import * as types from './mutation_types';
 
-const processDraft = draft => ({
+const processDraft = (draft) => ({
   ...draft,
   isDraft: true,
 });
@@ -11,7 +11,7 @@ export default {
   },
 
   [types.DELETE_DRAFT](state, draftId) {
-    state.drafts = state.drafts.filter(draft => draft.id !== draftId);
+    state.drafts = state.drafts.filter((draft) => draft.id !== draftId);
   },
 
   [types.SET_BATCH_COMMENTS_DRAFTS](state, drafts) {
@@ -23,13 +23,13 @@ export default {
   },
   [types.RECEIVE_PUBLISH_DRAFT_SUCCESS](state, draftId) {
     state.currentlyPublishingDrafts = state.currentlyPublishingDrafts.filter(
-      publishingDraftId => publishingDraftId !== draftId,
+      (publishingDraftId) => publishingDraftId !== draftId,
     );
-    state.drafts = state.drafts.filter(d => d.id !== draftId);
+    state.drafts = state.drafts.filter((d) => d.id !== draftId);
   },
   [types.RECEIVE_PUBLISH_DRAFT_ERROR](state, draftId) {
     state.currentlyPublishingDrafts = state.currentlyPublishingDrafts.filter(
-      publishingDraftId => publishingDraftId !== draftId,
+      (publishingDraftId) => publishingDraftId !== draftId,
     );
   },
 
@@ -44,14 +44,14 @@ export default {
     state.isPublishing = false;
   },
   [types.RECEIVE_DRAFT_UPDATE_SUCCESS](state, data) {
-    const index = state.drafts.findIndex(draft => draft.id === data.id);
+    const index = state.drafts.findIndex((draft) => draft.id === data.id);
 
     if (index >= 0) {
       state.drafts.splice(index, 1, processDraft(data));
     }
   },
   [types.TOGGLE_RESOLVE_DISCUSSION](state, draftId) {
-    state.drafts = state.drafts.map(draft => {
+    state.drafts = state.drafts.map((draft) => {
       if (draft.id === draftId) {
         return {
           ...draft,

app/assets/javascripts/batch_comments/utils.js

 import { getFormData } from '~/diffs/store/utils';
 
-export const getDraftReplyFormData = data => ({
+export const getDraftReplyFormData = (data) => ({
   endpoint: data.notesData.draftsPath,
   data,
 });
 
-export const getDraftFormData = params => ({
+export const getDraftFormData = (params) => ({
   endpoint: params.notesData.draftsPath,
   data: getFormData(params),
 });

app/assets/javascripts/behaviors/autosize.js

@@ -8,6 +8,6 @@ document.addEventListener('DOMContentLoaded', () => {
     Autosize(autosizeEls);
     Autosize.update(autosizeEls);
 
-    autosizeEls.forEach(el => el.classList.add('js-autosize-initialized'));
+    autosizeEls.forEach((el) => el.classList.add('js-autosize-initialized'));
   });
 });

app/assets/javascripts/behaviors/bind_in_out.js

@@ -30,7 +30,7 @@ class BindInOut {
   static initAll() {
     const ins = document.querySelectorAll('*[data-bind-in]');
 
-    return [].map.call(ins, anIn => BindInOut.init(anIn));
+    return [].map.call(ins, (anIn) => BindInOut.init(anIn));
   }
 
   static init(anIn, anOut) {

app/assets/javascripts/behaviors/copy_to_clipboard.js

@@ -58,7 +58,7 @@ export default function initCopyToClipboard() {
    * the last minute to deconstruct this JSON hash and set the `text/plain` and `text/x-gfm` copy
    * data types to the intended values.
    */
-  $(document).on('copy', 'body > textarea[readonly]', e => {
+  $(document).on('copy', 'body > textarea[readonly]', (e) => {
     const { clipboardData } = e.originalEvent;
     if (!clipboardData) return;
 

app/assets/javascripts/behaviors/gl_emoji.js

@@ -32,7 +32,7 @@ class GlEmoji extends HTMLElement {
 
       const isEmojiUnicode =
         this.childNodes &&
-        Array.prototype.every.call(this.childNodes, childNode => childNode.nodeType === 3);
+        Array.prototype.every.call(this.childNodes, (childNode) => childNode.nodeType === 3);
 
       if (
         emojiUnicode &&

app/assets/javascripts/behaviors/load_startup_css.js

@@ -8,7 +8,7 @@ export const loadStartupCSS = () => {
     () => {
       document
         .querySelectorAll('link[media=print]')
-        .forEach(x => x.dispatchEvent(new Event('load')));
+        .forEach((x) => x.dispatchEvent(new Event('load')));
     },
     { once: true },
   );

app/assets/javascripts/behaviors/markdown/copy_as_gfm.js

@@ -10,10 +10,10 @@ export class CopyAsGFM {
     const isIOS = /\b(iPad|iPhone|iPod)(?=;)/.test(userAgent);
     if (isIOS) return;
 
-    $(document).on('copy', '.md', e => {
+    $(document).on('copy', '.md', (e) => {
       CopyAsGFM.copyAsGFM(e, CopyAsGFM.transformGFMSelection);
     });
-    $(document).on('copy', 'pre.code.highlight, table.code td.line_content', e => {
+    $(document).on('copy', 'pre.code.highlight, table.code td.line_content', (e) => {
       CopyAsGFM.copyAsGFM(e, CopyAsGFM.transformCodeSelection);
     });
     $(document).on('paste', '.js-gfm-input', CopyAsGFM.pasteGFM);
@@ -42,7 +42,7 @@ export class CopyAsGFM {
     clipboardData.setData('text/x-gfm-html', html);
 
     CopyAsGFM.nodeToGFM(el)
-      .then(res => {
+      .then((res) => {
         clipboardData.setData('text/x-gfm', res);
       })
       .catch(() => {
@@ -71,7 +71,7 @@ export class CopyAsGFM {
       const div = document.createElement('div');
       div.innerHTML = gfmHtml;
       CopyAsGFM.nodeToGFM(div)
-        .then(transformedGfm => {
+        .then((transformedGfm) => {
           CopyAsGFM.insertPastedText(e.target, text, transformedGfm);
         })
         .catch(() => {});
@@ -79,7 +79,7 @@ export class CopyAsGFM {
   }
 
   static insertPastedText(target, text, gfm) {
-    insertText(target, textBefore => {
+    insertText(target, (textBefore) => {
       // If the text before the cursor contains an odd number of backticks,
       // we are either inside an inline code span that starts with 1 backtick
       // or a code block that starts with 3 backticks.
@@ -125,7 +125,7 @@ export class CopyAsGFM {
     let lineSelector = '.line';
 
     if (target) {
-      const lineClass = ['left-side', 'right-side'].filter(name =>
+      const lineClass = ['left-side', 'right-side'].filter((name) =>
         target.classList.contains(name),
       )[0];
       if (lineClass) {

app/assets/javascripts/behaviors/markdown/highlight_current_user.js

@@ -9,7 +9,7 @@ export default function highlightCurrentUser(elements) {
     return;
   }
 
-  elements.forEach(element => {
+  elements.forEach((element) => {
     if (parseInt(element.dataset.user, 10) === currentUserId) {
       element.classList.add('current-user');
     }

app/assets/javascripts/behaviors/markdown/marks/inline_diff.js

@@ -19,7 +19,7 @@ export default class InlineDiff extends Mark {
         { tag: 'span.idiff.addition', attrs: { addition: true } },
         { tag: 'span.idiff.deletion', attrs: { addition: false } },
       ],
-      toDOM: node => [
+      toDOM: (node) => [
         'span',
         { class: `idiff left right ${node.attrs.addition ? 'addition' : 'deletion'}` },
         0,

app/assets/javascripts/behaviors/markdown/marks/inline_html.js

@@ -19,14 +19,14 @@ export default class InlineHTML extends Mark {
       parseDOM: [
         {
           tag: 'sup, sub, kbd, q, samp, var',
-          getAttrs: el => ({ tag: el.nodeName.toLowerCase() }),
+          getAttrs: (el) => ({ tag: el.nodeName.toLowerCase() }),
         },
         {
           tag: 'abbr',
-          getAttrs: el => ({ tag: 'abbr', title: el.getAttribute('title') }),
+          getAttrs: (el) => ({ tag: 'abbr', title: el.getAttribute('title') }),
         },
       ],
-      toDOM: node => [node.attrs.tag, { title: node.attrs.title }, 0],
+      toDOM: (node) => [node.attrs.tag, { title: node.attrs.title }, 0],
     };
   }
 

app/assets/javascripts/behaviors/markdown/nodes/code_block.js

@@ -25,7 +25,7 @@ export default class CodeBlock extends BaseCodeBlock {
         {
           tag: 'pre.code.highlight',
           preserveWhitespace: 'full',
-          getAttrs: el => {
+          getAttrs: (el) => {
             const lang = el.getAttribute('lang');
             if (!lang || lang === '') return {};
 
@@ -62,13 +62,13 @@ export default class CodeBlock extends BaseCodeBlock {
           tag: '.md-suggestion-diff',
           preserveWhitespace: 'full',
           getContent: (el, schema) =>
-            [...el.querySelectorAll('.line_content.new span')].map(span =>
+            [...el.querySelectorAll('.line_content.new span')].map((span) =>
               schema.text(span.innerText),
             ),
           attrs: { lang: 'suggestion' },
         },
       ],
-      toDOM: node => ['pre', { class: 'code highlight', lang: node.attrs.lang }, ['code', 0]],
+      toDOM: (node) => ['pre', { class: 'code highlight', lang: node.attrs.lang }, ['code', 0]],
     };
   }
 

app/assets/javascripts/behaviors/markdown/nodes/emoji.js

@@ -20,14 +20,14 @@ export default class Emoji extends Node {
       parseDOM: [
         {
           tag: 'gl-emoji',
-          getAttrs: el => ({
+          getAttrs: (el) => ({
             name: el.dataset.name,
             title: el.getAttribute('title'),
             moji: el.textContent,
           }),
         },
       ],
-      toDOM: node => [
+      toDOM: (node) => [
         'gl-emoji',
         { 'data-name': node.attrs.name, title: node.attrs.title },
         node.attrs.moji,

app/assets/javascripts/behaviors/markdown/nodes/image.js

@@ -30,7 +30,7 @@ export default class Image extends BaseImage {
         // Matches HTML generated by Banzai::Filter::ImageLazyLoadFilter
         {
           tag: 'img[src]',
-          getAttrs: el => {
+          getAttrs: (el) => {
             const imageSrc = el.src;
             const imageUrl =
               imageSrc && imageSrc !== placeholderImage ? imageSrc : el.dataset.src || '';
@@ -43,7 +43,7 @@ export default class Image extends BaseImage {
           },
         },
       ],
-      toDOM: node => ['img', node.attrs],
+      toDOM: (node) => ['img', node.attrs],
     };
   }
 

app/assets/javascripts/behaviors/markdown/nodes/playable.js

@@ -42,11 +42,11 @@ export default class Playable extends Node {
       },
       {
         tag: `${this.mediaType}[src]`,
-        getAttrs: el => ({ src: el.src, alt: el.dataset.title }),
+        getAttrs: (el) => ({ src: el.src, alt: el.dataset.title }),
       },
     ];
 
-    const toDOM = node => [
+    const toDOM = (node) => [
       this.mediaType,
       {
         src: node.attrs.src,

app/assets/javascripts/behaviors/markdown/nodes/reference.js

@@ -25,7 +25,7 @@ export default class Reference extends Node {
         {
           tag: 'a.gfm:not([data-link=true])',
           priority: HIGHER_PARSE_RULE_PRIORITY,
-          getAttrs: el => ({
+          getAttrs: (el) => ({
             className: el.className,
             referenceType: el.dataset.referenceType,
             originalText: el.dataset.original,
@@ -34,7 +34,7 @@ export default class Reference extends Node {
           }),
         },
       ],
-      toDOM: node => [
+      toDOM: (node) => [
         'a',
         {
           class: node.attrs.className,

app/assets/javascripts/behaviors/markdown/nodes/table_cell.js

@@ -19,13 +19,13 @@ export default class TableCell extends Node {
       parseDOM: [
         {
           tag: 'td, th',
-          getAttrs: el => ({
+          getAttrs: (el) => ({
             header: el.tagName === 'TH',
             align: el.getAttribute('align') || el.style.textAlign,
           }),
         },
       ],
-      toDOM: node => [node.attrs.header ? 'th' : 'td', { align: node.attrs.align }, 0],
+      toDOM: (node) => [node.attrs.header ? 'th' : 'td', { align: node.attrs.align }, 0],
     };
   }
 

app/assets/javascripts/behaviors/markdown/nodes/task_list_item.js

@@ -23,7 +23,7 @@ export default class TaskListItem extends Node {
         {
           priority: HIGHER_PARSE_RULE_PRIORITY,
           tag: 'li.task-list-item',
-          getAttrs: el => {
+          getAttrs: (el) => {
             const checkbox = el.querySelector('input[type=checkbox].task-list-item-checkbox');
             return { done: checkbox && checkbox.checked };
           },

app/assets/javascripts/behaviors/markdown/render_math.js

@@ -35,7 +35,7 @@ const RENDER_FLASH_MSG = sprintf(
 
 // Wait for the browser to reflow the layout. Reflowing SVG takes time.
 // This has to wrap the inner function, otherwise IE/Edge throw "invalid calling object".
-const waitForReflow = fn => {
+const waitForReflow = (fn) => {
   window.requestAnimationFrame(fn);
 };
 
@@ -122,7 +122,7 @@ class SafeMathRenderer {
 
   render() {
     // Replace math blocks with a placeholder so they aren't rendered twice
-    this.elements.forEach(el => {
+    this.elements.forEach((el) => {
       const placeholder = document.createElement('span');
       placeholder.style.display = 'none';
       placeholder.setAttribute('data-math-style', el.getAttribute('data-math-style'));

app/assets/javascripts/behaviors/markdown/render_mermaid.js

@@ -29,7 +29,7 @@ let mermaidModule = {};
 
 function importMermaidModule() {
   return import(/* webpackChunkName: 'mermaid' */ 'mermaid')
-    .then(mermaid => {
+    .then((mermaid) => {
       let theme = 'neutral';
       const ideDarkThemes = ['dark', 'solarized-dark', 'monokai'];
 
@@ -59,7 +59,7 @@ function importMermaidModule() {
 
       return mermaid;
     })
-    .catch(err => {
+    .catch((err) => {
       flash(sprintf(__("Can't load mermaid module: %{err}"), { err }));
       // eslint-disable-next-line no-console
       console.error(err);
@@ -77,7 +77,7 @@ function fixElementSource(el) {
 }
 
 function renderMermaidEl(el) {
-  mermaidModule.init(undefined, el, id => {
+  mermaidModule.init(undefined, el, (id) => {
     const source = el.textContent;
     const svg = document.getElementById(id);
 
@@ -170,7 +170,7 @@ function renderMermaids($els) {
         elsProcessingMap.set(el, requestId);
       });
     })
-    .catch(err => {
+    .catch((err) => {
       flash(sprintf(__('Encountered an error while rendering: %{err}'), { err }));
       // eslint-disable-next-line no-console
       console.error(err);

app/assets/javascripts/behaviors/markdown/render_metrics.js

@@ -9,7 +9,7 @@ export default function renderMetrics(elements) {
 
   const wrapperList = [];
 
-  elements.forEach(element => {
+  elements.forEach((element) => {
     let wrapper;
     const { previousElementSibling } = element;
     const isFirstElementInGroup = !previousElementSibling?.urls;
@@ -33,7 +33,7 @@ export default function renderMetrics(elements) {
   ).then(({ default: EmbedGroup }) => {
     const EmbedGroupComponent = Vue.extend(EmbedGroup);
 
-    wrapperList.forEach(wrapper => {
+    wrapperList.forEach((wrapper) => {
       // eslint-disable-next-line no-new
       new EmbedGroupComponent({
         el: wrapper,

app/assets/javascripts/behaviors/markdown/schema.js

@@ -2,7 +2,7 @@ import { Schema } from 'prosemirror-model';
 import editorExtensions from './editor_extensions';
 
 const nodes = editorExtensions
-  .filter(extension => extension.type === 'node')
+  .filter((extension) => extension.type === 'node')
   .reduce(
     (ns, { name, schema }) => ({
       ...ns,
@@ -12,7 +12,7 @@ const nodes = editorExtensions
   );
 
 const marks = editorExtensions
-  .filter(extension => extension.type === 'mark')
+  .filter((extension) => extension.type === 'mark')
   .reduce(
     (ms, { name, schema }) => ({
       ...ms,

app/assets/javascripts/behaviors/markdown/serializer.js

@@ -2,7 +2,7 @@ import { MarkdownSerializer } from 'prosemirror-markdown';
 import editorExtensions from './editor_extensions';
 
 const nodes = editorExtensions
-  .filter(extension => extension.type === 'node')
+  .filter((extension) => extension.type === 'node')
   .reduce(
     (ns, { name, toMarkdown }) => ({
       ...ns,
@@ -12,7 +12,7 @@ const nodes = editorExtensions
   );
 
 const marks = editorExtensions
-  .filter(extension => extension.type === 'mark')
+  .filter((extension) => extension.type === 'mark')
   .reduce(
     (ms, { name, toMarkdown }) => ({
       ...ms,

app/assets/javascripts/behaviors/preview_markdown.js

@@ -41,7 +41,7 @@ MarkdownPreview.prototype.showPreview = function ($form) {
     this.hideReferencedUsers($form);
   } else {
     preview.addClass('md-preview-loading').text(__('Loading...'));
-    this.fetchMarkdownPreview(mdText, url, response => {
+    this.fetchMarkdownPreview(mdText, url, (response) => {
       let body;
       if (response.body.length > 0) {
         ({ body } = response);

app/assets/javascripts/behaviors/quick_submit.js

@@ -30,7 +30,7 @@ function keyCodeIs(e, keyCode) {
   return e.keyCode === keyCode;
 }
 
-$(document).on('keydown.quick_submit', '.js-quick-submit', e => {
+$(document).on('keydown.quick_submit', '.js-quick-submit', (e) => {
   // Enter
   if (!keyCodeIs(e, 13)) {
     return;

app/assets/javascripts/behaviors/requires_input.js

@@ -23,7 +23,7 @@ $.fn.requiresInput = function requiresInput() {
 
   function requireInput() {
     // Collect the input values of *all* required fields
-    const values = Array.from($(fieldSelector, $form)).map(field => field.value);
+    const values = Array.from($(fieldSelector, $form)).map((field) => field.value);
 
     // Disable the button if any required fields are empty
     if (values.length && values.some(isEmpty)) {

app/assets/javascripts/behaviors/secret_values.js

@@ -30,12 +30,12 @@ export default class SecretValues {
 
   updateDom(isRevealed) {
     const values = this.container.querySelectorAll(this.valueSelector);
-    values.forEach(value => {
+    values.forEach((value) => {
       value.classList.toggle('hide', !isRevealed);
     });
 
     const placeholders = this.container.querySelectorAll(this.placeholderSelector);
-    placeholders.forEach(placeholder => {
+    placeholders.forEach((placeholder) => {
       placeholder.classList.toggle('hide', isRevealed);
     });
 

app/assets/javascripts/behaviors/shortcuts/keybindings.js

@@ -49,10 +49,10 @@ export const keybindingGroups = [
   // For each keybinding object, add a `customKeys` property populated with the
   // user's custom keybindings (if the command has been customized).
   // `customKeys` will be `undefined` if the command hasn't been customized.
-  .map(group => {
+  .map((group) => {
     return {
       ...group,
-      keybindings: group.keybindings.map(binding => ({
+      keybindings: group.keybindings.map((binding) => ({
         ...binding,
         customKeys: customizations[binding.command],
       })),
@@ -66,7 +66,7 @@ export const keybindingGroups = [
  * @example
  * { "globalShortcuts.togglePerformanceBar": ["p e r f"] }
  */
-const commandToKeys = flatten(keybindingGroups.map(group => group.keybindings)).reduce(
+const commandToKeys = flatten(keybindingGroups.map((group) => group.keybindings)).reduce(
   (acc, binding) => {
     acc[binding.command] = binding.customKeys || binding.defaultKeys;
     return acc;
@@ -87,7 +87,7 @@ const commandToKeys = flatten(keybindingGroups.map(group => group.keybindings)).
  *
  * Mousetrap.bind(keysFor(TOGGLE_PERFORMANCE_BAR), handler);
  */
-export const keysFor = command => {
+export const keysFor = (command) => {
   if (shouldDisableShortcuts()) {
     return [];
   }

app/assets/javascripts/behaviors/shortcuts/shortcuts.js

@@ -197,7 +197,7 @@ export default class Shortcuts {
     $textarea.data(LOCAL_MOUSETRAP_DATA_KEY, localMousetrap);
 
     toolbarBtnToShortcutsMap.forEach((keyboardShortcuts, $toolbarBtn) => {
-      localMousetrap.bind(keyboardShortcuts, e => {
+      localMousetrap.bind(keyboardShortcuts, (e) => {
         e.preventDefault();
 
         handler($toolbarBtn);
@@ -231,7 +231,7 @@ export default class Shortcuts {
     const localMousetrap = $textarea.data(LOCAL_MOUSETRAP_DATA_KEY);
 
     if (localMousetrap) {
-      getToolbarBtnToShortcutsMap($textarea).forEach(keyboardShortcuts => {
+      getToolbarBtnToShortcutsMap($textarea).forEach((keyboardShortcuts) => {
         localMousetrap.unbind(keyboardShortcuts);
       });
     }

app/assets/javascripts/behaviors/shortcuts/shortcuts_blob.js

@@ -53,7 +53,7 @@ export default class ShortcutsBlob extends Shortcuts {
 
   shortcircuitPermalinkButton() {
     const button = this.options.fileBlobPermalinkUrlElement;
-    const handleButton = e => {
+    const handleButton = (e) => {
       if (!eventHasModifierKeys(e)) {
         e.preventDefault();
         this.moveToFilePermalink();

app/assets/javascripts/behaviors/shortcuts/shortcuts_issuable.js

@@ -39,7 +39,7 @@ export default class ShortcutsIssuable extends Shortcuts {
     // ... Or come from a message
     if (!foundMessage) {
       if (documentFragment.originalNodes) {
-        documentFragment.originalNodes.forEach(e => {
+        documentFragment.originalNodes.forEach((e) => {
           let node = e;
           do {
             // Text nodes don't define the `matches` method
@@ -62,7 +62,7 @@ export default class ShortcutsIssuable extends Shortcuts {
     const blockquoteEl = document.createElement('blockquote');
     blockquoteEl.appendChild(el);
     CopyAsGFM.nodeToGFM(blockquoteEl)
-      .then(text => {
+      .then((text) => {
         if (text.trim() === '') {
           return false;
         }

app/assets/javascripts/blob/3d_viewer/index.js

@@ -68,7 +68,7 @@ export default class Renderer {
   }
 
   loadFile() {
-    this.loader.load(this.container.dataset.endpoint, geo => {
+    this.loader.load(this.container.dataset.endpoint, (geo) => {
       const obj = new MeshObject(geo);
 
       this.objects.push(obj);
@@ -99,7 +99,7 @@ export default class Renderer {
   }
 
   changeObjectMaterials(type) {
-    this.objects.forEach(obj => {
+    this.objects.forEach((obj) => {
       obj.changeMaterial(type);
     });
   }

app/assets/javascripts/blob/balsamiq/balsamiq_viewer.js

@@ -28,7 +28,7 @@ class BalsamiqViewer {
       .then(({ data }) => {
         this.renderFile(data);
       })
-      .catch(e => {
+      .catch((e) => {
         throw new Error(e);
       });
   }
@@ -39,7 +39,7 @@ class BalsamiqViewer {
     this.initDatabase(fileBuffer);
 
     const previews = this.getPreviews();
-    previews.forEach(preview => {
+    previews.forEach((preview) => {
       const renderedPreview = this.renderPreview(preview);
 
       container.appendChild(renderedPreview);

app/assets/javascripts/blob/blob_file_dropzone.js

@@ -80,7 +80,7 @@ export default class BlobFileDropzone {
       },
     });
 
-    submitButton.on('click', e => {
+    submitButton.on('click', (e) => {
       e.preventDefault();
       e.stopPropagation();
       if (dropzone[0].dropzone.getQueuedFiles().length === 0) {

app/assets/javascripts/blob/blob_line_permalink_updater.js

@@ -2,12 +2,12 @@ import { getLocationHash } from '../lib/utils/url_utility';
 
 const lineNumberRe = /^L[0-9]+/;
 
-const updateLineNumbersOnBlobPermalinks = linksToUpdate => {
+const updateLineNumbersOnBlobPermalinks = (linksToUpdate) => {
   const hash = getLocationHash();
   if (hash && lineNumberRe.test(hash)) {
     const hashUrlString = `#${hash}`;
 
-    [].concat(Array.prototype.slice.call(linksToUpdate)).forEach(permalinkButton => {
+    [].concat(Array.prototype.slice.call(linksToUpdate)).forEach((permalinkButton) => {
       const baseHref =
         permalinkButton.getAttribute('data-original-href') ||
         (() => {
@@ -28,7 +28,7 @@ function BlobLinePermalinkUpdater(blobContentHolder, lineNumberSelector, element
     }, 0);
   };
 
-  blobContentHolder.addEventListener('click', e => {
+  blobContentHolder.addEventListener('click', (e) => {
     if (e.target.matches(lineNumberSelector)) {
       updateBlameAndBlobPermalinkCb();
     }

app/assets/javascripts/blob/components/blob_content_error.vue

@@ -25,7 +25,7 @@ export default {
     },
     renderErrorReason() {
       const defaultReasonPath = Object.keys(BLOB_RENDER_ERRORS.REASONS).find(
-        reason => BLOB_RENDER_ERRORS.REASONS[reason].id === this.viewerError,
+        (reason) => BLOB_RENDER_ERRORS.REASONS[reason].id === this.viewerError,
       );
       const defaultReason = BLOB_RENDER_ERRORS.REASONS[defaultReasonPath].text;
       return this.notStoredExternally

app/assets/javascripts/blob/file_template_mediator.js

@@ -38,14 +38,14 @@ export default class FileTemplateMediator {
       MetricsDashboardSelector,
       DockerfileSelector,
       LicenseSelector,
-    ].map(TemplateSelectorClass => new TemplateSelectorClass({ mediator: this }));
+    ].map((TemplateSelectorClass) => new TemplateSelectorClass({ mediator: this }));
   }
 
   initTemplateTypeSelector() {
     this.typeSelector = new FileTemplateTypeSelector({
       mediator: this,
       dropdownData: this.templateSelectors
-        .map(templateSelector => {
+        .map((templateSelector) => {
           const cfg = templateSelector.config;
 
           return {
@@ -55,7 +55,7 @@ export default class FileTemplateMediator {
           };
         })
         .reduce(
-          (acc, current) => (acc.find(item => item.id === current.id) ? acc : [...acc, current]),
+          (acc, current) => (acc.find((item) => item.id === current.id) ? acc : [...acc, current]),
           [],
         ),
     });
@@ -99,7 +99,7 @@ export default class FileTemplateMediator {
   }
 
   listenForPreviewMode() {
-    this.$navLinks.on('click', 'a', e => {
+    this.$navLinks.on('click', 'a', (e) => {
       const urlPieces = e.target.href.split('#');
       const hash = urlPieces[1];
       if (hash === 'preview') {
@@ -115,7 +115,7 @@ export default class FileTemplateMediator {
       e.preventDefault();
     }
 
-    this.templateSelectors.forEach(selector => {
+    this.templateSelectors.forEach((selector) => {
       if (selector.config.key === item.key) {
         selector.show();
       } else {
@@ -138,7 +138,7 @@ export default class FileTemplateMediator {
     selector.renderLoading();
 
     this.fetchFileTemplate(selector.config.type, query, data)
-      .then(file => {
+      .then((file) => {
         this.setEditorContent(file);
         this.setFilename(name);
         selector.renderLoaded();
@@ -157,12 +157,12 @@ export default class FileTemplateMediator {
           initPopover(suggestCommitChanges);
         }
       })
-      .catch(err => new Flash(`An error occurred while fetching the template: ${err}`));
+      .catch((err) => new Flash(`An error occurred while fetching the template: ${err}`));
   }
 
   displayMatchedTemplateSelector() {
     const currentInput = this.getFilename();
-    this.templateSelectors.forEach(selector => {
+    this.templateSelectors.forEach((selector) => {
       const match = selector.config.pattern.test(currentInput);
 
       if (match) {
@@ -174,8 +174,8 @@ export default class FileTemplateMediator {
   }
 
   fetchFileTemplate(type, query, data = {}) {
-    return new Promise(resolve => {
-      const resolveFile = file => resolve(file);
+    return new Promise((resolve) => {
+      const resolveFile = (file) => resolve(file);
 
       Api.projectTemplate(this.projectId, type, query, data, resolveFile);
     });
@@ -194,7 +194,7 @@ export default class FileTemplateMediator {
   }
 
   findTemplateSelectorByKey(key) {
-    return this.templateSelectors.find(selector => selector.config.key === key);
+    return this.templateSelectors.find((selector) => selector.config.key === key);
   }
 
   hideTemplateSelectorMenu() {
@@ -250,6 +250,6 @@ export default class FileTemplateMediator {
   }
 
   getSelected() {
-    return this.templateSelectors.find(selector => selector.selected);
+    return this.templateSelectors.find((selector) => selector.selected);
   }
 }

app/assets/javascripts/blob/notebook/notebook_viewer.vue

@@ -45,12 +45,12 @@ export default {
     loadFile() {
       axios
         .get(this.endpoint)
-        .then(res => res.data)
-        .then(data => {
+        .then((res) => res.data)
+        .then((data) => {
           this.json = data;
           this.loading = false;
         })
-        .catch(e => {
+        .catch((e) => {
           if (e.status !== 200) {
             this.loadError = true;
           }

app/assets/javascripts/blob/openapi/index.js

@@ -12,7 +12,7 @@ export default () => {
         dom_id: '#js-openapi-viewer',
       });
     })
-    .catch(error => {
+    .catch((error) => {
       flash(__('Something went wrong while initializing the OpenAPI viewer'));
       throw error;
     });

app/assets/javascripts/blob/sketch/index.js

@@ -12,9 +12,9 @@ export default class SketchLoader {
 
   load() {
     return this.getZipFile()
-      .then(data => JSZip.loadAsync(data))
-      .then(asyncResult => asyncResult.files['previews/preview.png'].async('uint8array'))
-      .then(content => {
+      .then((data) => JSZip.loadAsync(data))
+      .then((asyncResult) => asyncResult.files['previews/preview.png'].async('uint8array'))
+      .then((content) => {
         const url = window.URL || window.webkitURL;
         const blob = new Blob([new Uint8Array(content)], {
           type: 'image/png',

app/assets/javascripts/blob/stl_viewer.js

@@ -3,8 +3,8 @@ import Renderer from './3d_viewer';
 export default () => {
   const viewer = new Renderer(document.getElementById('js-stl-viewer'));
 
-  [].slice.call(document.querySelectorAll('.js-material-changer')).forEach(el => {
-    el.addEventListener('click', e => {
+  [].slice.call(document.querySelectorAll('.js-material-changer')).forEach((el) => {
+    el.addEventListener('click', (e) => {
       const { target } = e;
 
       e.preventDefault();

app/assets/javascripts/blob/suggest_gitlab_ci_yml/index.js

 import Vue from 'vue';
 import Popover from './components/popover.vue';
 
-export default el =>
+export default (el) =>
   new Vue({
     el,
     render(createElement) {

app/assets/javascripts/blob/template_selector.js

@@ -26,12 +26,12 @@ export default class TemplateSelector {
       data,
       filterable: true,
       selectable: true,
-      toggleLabel: item => item.name,
+      toggleLabel: (item) => item.name,
       search: {
         fields: ['name'],
       },
-      clicked: options => this.onDropdownClicked(options),
-      text: item => item.name,
+      clicked: (options) => this.onDropdownClicked(options),
+      text: (item) => item.name,
     });
   }
 
@@ -46,7 +46,7 @@ export default class TemplateSelector {
   }
 
   listenForFilenameInput() {
-    return this.$filenameInput.on('keyup blur', e => this.renderMatchedDropdown(e));
+    return this.$filenameInput.on('keyup blur', (e) => this.renderMatchedDropdown(e));
   }
 
   renderMatchedDropdown() {

app/assets/javascripts/blob/template_selectors/ci_syntax_yaml_selector.js

@@ -22,8 +22,8 @@ export default class BlobCiSyntaxYamlSelector extends FileTemplateSelector {
       search: {
         fields: ['name'],
       },
-      clicked: options => this.reportSelectionName(options),
-      text: item => item.name,
+      clicked: (options) => this.reportSelectionName(options),
+      text: (item) => item.name,
     });
   }
 }

app/assets/javascripts/blob/template_selectors/ci_yaml_selector.js

@@ -23,8 +23,8 @@ export default class BlobCiYamlSelector extends FileTemplateSelector {
       search: {
         fields: ['name'],
       },
-      clicked: options => this.reportSelectionName(options),
-      text: item => item.name,
+      clicked: (options) => this.reportSelectionName(options),
+      text: (item) => item.name,
     });
   }
 }

app/assets/javascripts/blob/template_selectors/dockerfile_selector.js

@@ -24,8 +24,8 @@ export default class DockerfileSelector extends FileTemplateSelector {
       search: {
         fields: ['name'],
       },
-      clicked: options => this.reportSelectionName(options),
-      text: item => item.name,
+      clicked: (options) => this.reportSelectionName(options),
+      text: (item) => item.name,
     });
   }
 }

app/assets/javascripts/blob/template_selectors/gitignore_selector.js

@@ -22,8 +22,8 @@ export default class BlobGitignoreSelector extends FileTemplateSelector {
       search: {
         fields: ['name'],
       },
-      clicked: options => this.reportSelectionName(options),
-      text: item => item.name,
+      clicked: (options) => this.reportSelectionName(options),
+      text: (item) => item.name,
     });
   }
 }

app/assets/javascripts/blob/template_selectors/license_selector.js

@@ -22,7 +22,7 @@ export default class BlobLicenseSelector extends FileTemplateSelector {
       search: {
         fields: ['name'],
       },
-      clicked: options => {
+      clicked: (options) => {
         const { e } = options;
         const el = options.$el;
         const query = options.selectedObj;
@@ -39,7 +39,7 @@ export default class BlobLicenseSelector extends FileTemplateSelector {
           data,
         });
       },
-      text: item => item.name,
+      text: (item) => item.name,
     });
   }
 }

app/assets/javascripts/blob/template_selectors/metrics_dashboard_selector.js

@@ -22,8 +22,8 @@ export default class MetricsDashboardSelector extends FileTemplateSelector {
       search: {
         fields: ['name'],
       },
-      clicked: options => this.reportSelectionName(options),
-      text: item => item.name,
+      clicked: (options) => this.reportSelectionName(options),
+      text: (item) => item.name,
     });
   }
 }

app/assets/javascripts/blob/template_selectors/type_selector.js

@@ -17,8 +17,8 @@ export default class FileTemplateTypeSelector extends FileTemplateSelector {
       data: this.config.dropdownData,
       filterable: false,
       selectable: true,
-      clicked: options => this.mediator.selectTemplateTypeOptions(options),
-      text: item => item.name,
+      clicked: (options) => this.mediator.selectTemplateTypeOptions(options),
+      text: (item) => item.name,
     });
   }
 }

app/assets/javascripts/blob/viewer/index.js

@@ -7,7 +7,7 @@ import eventHub from '../../notes/event_hub';
 import { __ } from '~/locale';
 import { fixTitle } from '~/tooltips';
 
-const loadRichBlobViewer = type => {
+const loadRichBlobViewer = (type) => {
   switch (type) {
     case 'balsamiq':
       return import(/* webpackChunkName: 'balsamiq_viewer' */ '../balsamiq_viewer');
@@ -30,8 +30,8 @@ export const handleBlobRichViewer = (viewer, type) => {
   if (!viewer || !type) return;
 
   loadRichBlobViewer(type)
-    .then(module => module?.default(viewer))
-    .catch(error => {
+    .then((module) => module?.default(viewer))
+    .catch((error) => {
       Flash(__('Error loading file viewer.'));
       throw error;
     });
@@ -84,7 +84,7 @@ export default class BlobViewer {
 
   initBindings() {
     if (this.switcherBtns.length) {
-      Array.from(this.switcherBtns).forEach(el => {
+      Array.from(this.switcherBtns).forEach((el) => {
         el.addEventListener('click', this.switchViewHandler.bind(this));
       });
     }
@@ -155,7 +155,7 @@ export default class BlobViewer {
 
     this.toggleCopyButtonState();
     BlobViewer.loadViewer(newViewer)
-      .then(viewer => {
+      .then((viewer) => {
         $(viewer).renderGFM();
 
         this.$fileHolder.trigger('highlight:line');

app/assets/javascripts/blob_edit/blob_bundle.js

@@ -75,7 +75,7 @@ export default () => {
         });
         initPopovers();
       })
-      .catch(e => createFlash(e));
+      .catch((e) => createFlash(e));
 
     cancelLink.on('click', () => {
       window.onbeforeunload = null;

app/assets/javascripts/blob_edit/edit_blob.js

@@ -21,7 +21,7 @@ export default class EditBlob {
           this.editor.use(new MarkdownExtension());
           addEditorMarkdownListeners(this.editor);
         })
-        .catch(e => createFlash(`${BLOB_EDITOR_ERROR}: ${e}`));
+        .catch((e) => createFlash(`${BLOB_EDITOR_ERROR}: ${e}`));
     }
 
     this.initModePanesAndLinks();
@@ -66,7 +66,7 @@ export default class EditBlob {
   initModePanesAndLinks() {
     this.$editModePanes = $('.js-edit-mode-pane');
     this.$editModeLinks = $('.js-edit-mode a');
-    this.$editModeLinks.on('click', e => this.editModeLinkClickHandler(e));
+    this.$editModeLinks.on('click', (e) => this.editModeLinkClickHandler(e));
   }
 
   editModeLinkClickHandler(e) {

app/assets/javascripts/boards/boards_util.js

@@ -41,14 +41,14 @@ export function formatListIssues(listIssues) {
 
   const listData = listIssues.nodes.reduce((map, list) => {
     listIssuesCount = list.issues.count;
-    let sortedIssues = list.issues.edges.map(issueNode => ({
+    let sortedIssues = list.issues.edges.map((issueNode) => ({
       ...issueNode.node,
     }));
     sortedIssues = sortBy(sortedIssues, 'relativePosition');
 
     return {
       ...map,
-      [list.id]: sortedIssues.map(i => {
+      [list.id]: sortedIssues.map((i) => {
         const id = getIdFromGraphQLId(i.id);
 
         const listIssue = {
@@ -97,23 +97,23 @@ export function moveIssueListHelper(issue, fromList, toList) {
   const updatedIssue = issue;
   if (
     toList.listType === ListType.label &&
-    !updatedIssue.labels.find(label => label.id === toList.label.id)
+    !updatedIssue.labels.find((label) => label.id === toList.label.id)
   ) {
     updatedIssue.labels.push(toList.label);
   }
   if (fromList?.label && fromList.listType === ListType.label) {
-    updatedIssue.labels = updatedIssue.labels.filter(label => fromList.label.id !== label.id);
+    updatedIssue.labels = updatedIssue.labels.filter((label) => fromList.label.id !== label.id);
   }
 
   if (
     toList.listType === ListType.assignee &&
-    !updatedIssue.assignees.find(assignee => assignee.id === toList.assignee.id)
+    !updatedIssue.assignees.find((assignee) => assignee.id === toList.assignee.id)
   ) {
     updatedIssue.assignees.push(toList.assignee);
   }
   if (fromList?.assignee && fromList.listType === ListType.assignee) {
     updatedIssue.assignees = updatedIssue.assignees.filter(
-      assignee => assignee.id !== fromList.assignee.id,
+      (assignee) => assignee.id !== fromList.assignee.id,
     );
   }
 

app/assets/javascripts/boards/components/board_assignee_dropdown.vue

@@ -119,7 +119,7 @@ export default {
       this.selected = this.selected.concat(name);
     },
     unselect(name) {
-      this.selected = this.selected.filter(user => user.username !== name);
+      this.selected = this.selected.filter((user) => user.username !== name);
     },
     saveAssignees() {
       this.setAssignees(this.selectedUserNames);

app/assets/javascripts/boards/components/board_card_layout.vue

@@ -43,7 +43,7 @@ export default {
   },
   computed: {
     multiSelectVisible() {
-      return this.multiSelect.list.findIndex(issue => issue.id === this.issue.id) > -1;
+      return this.multiSelect.list.findIndex((issue) => issue.id === this.issue.id) > -1;
     },
   },
   methods: {

app/assets/javascripts/boards/components/board_list.vue

@@ -143,7 +143,7 @@ export default {
               // For each list we check if the destination list is
               // a the list were we should clone the issue
               const shouldClone = Object.entries(cloneActions).some(
-                entry => fromBoardType === entry[0] && entry[1].includes(toBoardType),
+                (entry) => fromBoardType === entry[0] && entry[1].includes(toBoardType),
               );
 
               if (shouldClone) {
@@ -156,7 +156,7 @@ export default {
         },
         revertClone: true,
       },
-      onStart: e => {
+      onStart: (e) => {
         const card = this.$refs.issue[e.oldIndex];
 
         card.showDetail = false;
@@ -171,15 +171,15 @@ export default {
 
         sortableStart();
       },
-      onAdd: e => {
+      onAdd: (e) => {
         const { items = [], newIndicies = [] } = e;
         if (items.length) {
           // Not using e.newIndex here instead taking a min of all
           // the newIndicies. Basically we have to find that during
           // a drop what is the index we're going to start putting
           // all the dropped elements from.
-          const newIndex = Math.min(...newIndicies.map(obj => obj.index).filter(i => i !== -1));
-          const issues = items.map(item =>
+          const newIndex = Math.min(...newIndicies.map((obj) => obj.index).filter((i) => i !== -1));
+          const issues = items.map((item) =>
             boardsStore.moving.list.findIssue(Number(item.dataset.issueId)),
           );
 
@@ -201,23 +201,23 @@ export default {
           });
         }
       },
-      onUpdate: e => {
-        const sortedArray = this.sortable.toArray().filter(id => id !== '-1');
+      onUpdate: (e) => {
+        const sortedArray = this.sortable.toArray().filter((id) => id !== '-1');
 
         const { items = [], newIndicies = [], oldIndicies = [] } = e;
         if (items.length) {
-          const newIndex = Math.min(...newIndicies.map(obj => obj.index));
-          const issues = items.map(item =>
+          const newIndex = Math.min(...newIndicies.map((obj) => obj.index));
+          const issues = items.map((item) =>
             boardsStore.moving.list.findIssue(Number(item.dataset.issueId)),
           );
           boardsStore.moveMultipleIssuesInList({
             list: this.list,
             issues,
-            oldIndicies: oldIndicies.map(obj => obj.index),
+            oldIndicies: oldIndicies.map((obj) => obj.index),
             newIndex,
             idArray: sortedArray,
           });
-          e.items.forEach(el => {
+          e.items.forEach((el) => {
             Sortable.utils.deselect(el);
           });
           boardsStore.clearMultiSelect();
@@ -232,7 +232,7 @@ export default {
           sortedArray,
         );
       },
-      onEnd: e => {
+      onEnd: (e) => {
         const { items = [], clones = [], to } = e;
 
         // This is not a multi select operation
@@ -253,14 +253,14 @@ export default {
          */
         const isSameList = toList && toList.id === this.list.id;
         if (toList && !isSameList && boardsStore.shouldRemoveIssue(this.list, toList)) {
-          const issues = items.map(item => this.list.findIssue(Number(item.dataset.issueId)));
+          const issues = items.map((item) => this.list.findIssue(Number(item.dataset.issueId)));
           if (
             issues.filter(Boolean).length &&
             !boardsStore.issuesAreContiguous(this.list, issues)
           ) {
             const indexes = [];
-            const ids = this.list.issues.map(i => i.id);
-            issues.forEach(issue => {
+            const ids = this.list.issues.map((i) => i.id);
+            issues.forEach((issue) => {
               const index = ids.indexOf(issue.id);
               if (index > -1) {
                 indexes.push(index);
@@ -270,7 +270,7 @@ export default {
             // Descending sort because splice would cause index discrepancy otherwise
             const sortedIndexes = indexes.sort((a, b) => (a < b ? 1 : -1));
 
-            sortedIndexes.forEach(i => {
+            sortedIndexes.forEach((i) => {
               /**
                * **setTimeout and splice each element one-by-one in a loop
                * is intended.**
@@ -301,14 +301,14 @@ export default {
           // Since Vue's list does not re-render the same keyed item, we'll
           // remove `multi-select` class to express it's unselected
           if (clones && clones.length) {
-            clones.forEach(el => el.classList.remove('multi-select'));
+            clones.forEach((el) => el.classList.remove('multi-select'));
           }
 
           // Due to some bug which I am unable to figure out
           // Sortable does not deselect some pending items from the
           // source list.
           // We'll just do it forcefully here.
-          Array.from(document.querySelectorAll('.js-multi-select') || []).forEach(item => {
+          Array.from(document.querySelectorAll('.js-multi-select') || []).forEach((item) => {
             Sortable.utils.deselect(item);
           });
 
@@ -322,7 +322,7 @@ export default {
            */
           this.$nextTick(() => {
             if (items && items.length) {
-              items.forEach(item => {
+              items.forEach((item) => {
                 item.remove();
               });
             }
@@ -346,7 +346,7 @@ export default {
           Sortable.utils.deselect(e.item);
         }
       },
-      onDeselect: e => {
+      onDeselect: (e) => {
         const {
           item: { dataset, classList },
         } = e;

app/assets/javascripts/boards/components/board_list_new.vue

@@ -153,7 +153,7 @@ export default {
       let moveBeforeId;
       let moveAfterId;
 
-      const getIssueId = el => Number(el.dataset.issueId);
+      const getIssueId = (el) => Number(el.dataset.issueId);
 
       // If issue is being moved within the same list
       if (from === to) {

app/assets/javascripts/boards/components/board_new_issue_new.vue

@@ -65,8 +65,8 @@ export default {
       return this.addListNewIssue({
         issueInput: {
           title,
-          labelIds: labels?.map(l => l.id),
-          assigneeIds: assignees?.map(a => a?.id),
+          labelIds: labels?.map((l) => l.id),
+          assigneeIds: assignees?.map((a) => a?.id),
           milestoneId: milestone?.id,
           projectPath: this.selectedProject.path,
           weight: weight >= 0 ? weight : null,

app/assets/javascripts/boards/components/board_sidebar.js

@@ -68,7 +68,7 @@ export default Vue.extend({
         : __('Label');
     },
     selectedLabels() {
-      return this.hasLabels ? this.issue.labels.map(l => l.title).join(',') : '';
+      return this.hasLabels ? this.issue.labels.map((l) => l.title).join(',') : '';
     },
   },
   watch: {

app/assets/javascripts/boards/components/boards_selector.vue

@@ -118,7 +118,7 @@ export default {
       return this.state.currentPage;
     },
     filteredBoards() {
-      return this.boards.filter(board =>
+      return this.boards.filter((board) =>
         board.name.toLowerCase().includes(this.filterTerm.toLowerCase()),
       );
     },
@@ -181,10 +181,10 @@ export default {
       this.loadingRecentBoards = true;
       boardsStore
         .recentBoards()
-        .then(res => {
+        .then((res) => {
           this.recentBoards = res.data;
         })
-        .catch(err => {
+        .catch((err) => {
           /**
            *  If user is unauthorized we'd still want to resolve the
            *  request to display all boards.

app/assets/javascripts/boards/components/modal/footer.vue

@@ -40,21 +40,21 @@ export default {
       const firstListIndex = 1;
       const list = this.modal.selectedList || this.state.lists[firstListIndex];
       const selectedIssues = ModalStore.getSelectedIssues();
-      const issueIds = selectedIssues.map(issue => issue.id);
+      const issueIds = selectedIssues.map((issue) => issue.id);
       const req = this.buildUpdateRequest(list);
 
       // Post the data to the backend
       boardsStore.bulkUpdate(issueIds, req).catch(() => {
         Flash(__('Failed to update issues, please try again.'));
 
-        selectedIssues.forEach(issue => {
+        selectedIssues.forEach((issue) => {
           list.removeIssue(issue);
           list.issuesSize -= 1;
         });
       });
 
       // Add the issues on the frontend
-      selectedIssues.forEach(issue => {
+      selectedIssues.forEach((issue) => {
         list.addIssue(issue);
         list.issuesSize += 1;
       });

app/assets/javascripts/boards/components/modal/index.vue

@@ -100,13 +100,13 @@ export default {
           page: this.page,
           per: this.perPage,
         })
-        .then(res => res.data)
-        .then(data => {
+        .then((res) => res.data)
+        .then((data) => {
           if (clearIssues) {
             this.issues = [];
           }
 
-          data.issues.forEach(issueObj => {
+          data.issues.forEach((issueObj) => {
             const issue = new ListIssue(issueObj);
             const foundSelectedIssue = ModalStore.findSelectedIssue(issue);
             issue.selected = Boolean(foundSelectedIssue);

app/assets/javascripts/boards/components/project_select.vue

@@ -84,7 +84,7 @@ export default {
       try {
         const projects = await Api.groupProjects(this.groupId, this.searchTerm, this.fetchOptions);
 
-        this.projects = projects.map(project => {
+        this.projects = projects.map((project) => {
           return {
             id: project.id,
             name: project.name,
@@ -99,7 +99,7 @@ export default {
       }
     },
     selectProject(projectId) {
-      this.selectedProject = this.projects.find(project => project.id === projectId);
+      this.selectedProject = this.projects.find((project) => project.id === projectId);
 
       /*
         TODO Remove eventhub, use Vuex for BoardNewIssue and GraphQL for BoardNewIssueNew

app/assets/javascripts/boards/components/sidebar/board_sidebar_labels_select.vue

@@ -25,7 +25,7 @@ export default {
     selectedLabels() {
       const { labels = [] } = this.activeIssue;
 
-      return labels.map(label => ({
+      return labels.map((label) => ({
         ...label,
         id: getIdFromGraphQLId(label.id),
       }));
@@ -33,7 +33,7 @@ export default {
     issueLabels() {
       const { labels = [] } = this.activeIssue;
 
-      return labels.map(label => ({
+      return labels.map((label) => ({
         ...label,
         scoped: isScopedLabel(label),
       }));
@@ -46,10 +46,10 @@ export default {
       this.$refs.sidebarItem.collapse();
 
       try {
-        const addLabelIds = payload.filter(label => label.set).map(label => label.id);
+        const addLabelIds = payload.filter((label) => label.set).map((label) => label.id);
         const removeLabelIds = this.selectedLabels
-          .filter(label => !payload.find(selected => selected.id === label.id))
-          .map(label => label.id);
+          .filter((label) => !payload.find((selected) => selected.id === label.id))
+          .map((label) => label.id);
 
         const input = { addLabelIds, removeLabelIds, projectPath: this.projectPathForActiveIssue };
         await this.setActiveIssueLabels(input);

app/assets/javascripts/boards/components/sidebar/board_sidebar_milestone_select.vue

@@ -50,7 +50,7 @@ export default {
       },
       update(data) {
         const edges = data?.group?.milestones?.edges ?? [];
-        return edges.map(item => item.node);
+        return edges.map((item) => item.node);
       },
       error() {
         createFlash({ message: this.$options.i18n.fetchMilestonesError });

app/assets/javascripts/boards/filtered_search_boards.js

@@ -23,8 +23,8 @@ export default class FilteredSearchBoards extends FilteredSearchManager {
     // Issue boards is slightly different, we handle all the requests async
     // instead or reloading the page, we just re-fire the list ajax requests
     this.isHandledAsync = true;
-    this.cantEdit = cantEdit.filter(i => typeof i === 'string');
-    this.cantEditWithValue = cantEdit.filter(i => typeof i === 'object');
+    this.cantEdit = cantEdit.filter((i) => typeof i === 'string');
+    this.cantEditWithValue = cantEdit.filter((i) => typeof i === 'object');
 
     if (vuexstore.getters.shouldUseGraphQL && vuexstore.state.boardConfig) {
       const boardConfigPath = transformBoardConfig(vuexstore.state.boardConfig);
@@ -55,7 +55,7 @@ export default class FilteredSearchBoards extends FilteredSearchManager {
     const tokens = FilteredSearchContainer.container.querySelectorAll('.js-visual-token');
 
     // Remove all the tokens as they will be replaced by the search manager
-    [].forEach.call(tokens, el => {
+    [].forEach.call(tokens, (el) => {
       el.parentNode.removeChild(el);
     });
 
@@ -75,7 +75,7 @@ export default class FilteredSearchBoards extends FilteredSearchManager {
     if (this.cantEdit.includes(tokenName)) return false;
     return (
       this.cantEditWithValue.findIndex(
-        token => token.name === tokenName && token.value === tokenValue,
+        (token) => token.name === tokenName && token.value === tokenValue,
       ) === -1
     );
   }

app/assets/javascripts/boards/filters/due_date_filters.js

 import Vue from 'vue';
 import dateFormat from 'dateformat';
 
-Vue.filter('due-date', value => {
+Vue.filter('due-date', (value) => {
   const date = new Date(value);
   return dateFormat(date, 'mmm d, yyyy', true);
 });

app/assets/javascripts/boards/index.js

@@ -55,7 +55,7 @@ export default () => {
   const $boardApp = document.getElementById('board-app');
 
   // check for browser back and trigger a hard reload to circumvent browser caching.
-  window.addEventListener('pageshow', event => {
+  window.addEventListener('pageshow', (event) => {
     const isNavTypeBackForward =
       window.performance && window.performance.navigation.type === NavigationType.TYPE_BACK_FORWARD;
 
@@ -174,9 +174,9 @@ export default () => {
       initialBoardLoad() {
         boardsStore
           .all()
-          .then(res => res.data)
-          .then(lists => {
-            lists.forEach(list => boardsStore.addList(list));
+          .then((res) => res.data)
+          .then((lists) => {
+            lists.forEach((list) => boardsStore.addList(list));
             this.loading = false;
           })
           .catch(() => {
@@ -194,8 +194,8 @@ export default () => {
           setEpicFetchingState(newIssue, true);
           boardsStore
             .getIssueInfo(sidebarInfoEndpoint)
-            .then(res => res.data)
-            .then(data => {
+            .then((res) => res.data)
+            .then((data) => {
               const {
                 subscribed,
                 totalTimeSpent,
@@ -305,7 +305,7 @@ export default () => {
           if (!this.store) {
             return true;
           }
-          return !this.store.lists.filter(list => !list.preset).length;
+          return !this.store.lists.filter((list) => !list.preset).length;
         },
       },
       methods: {

app/assets/javascripts/boards/mixins/sortable_default_options.js

@@ -24,7 +24,7 @@ export function getBoardSortableDefaultOptions(obj) {
     onEnd: sortableEnd,
   };
 
-  Object.keys(obj).forEach(key => {
+  Object.keys(obj).forEach((key) => {
     defaultSortOptions[key] = obj[key];
   });
   return defaultSortOptions;

app/assets/javascripts/boards/models/issue.js

@@ -70,7 +70,7 @@ class ListIssue {
   }
 
   getLists() {
-    return boardsStore.state.lists.filter(list => list.findIssue(this.id));
+    return boardsStore.state.lists.filter((list) => list.findIssue(this.id));
   }
 
   updateData(newData) {

app/assets/javascripts/boards/models/list.js

@@ -134,7 +134,7 @@ class List {
   updateMultipleIssues(issues, listFrom, moveBeforeId, moveAfterId) {
     boardsStore
       .moveMultipleIssues({
-        ids: issues.map(issue => issue.id),
+        ids: issues.map((issue) => issue.id),
         fromListId: listFrom.id,
         toListId: this.id,
         moveBeforeId,

app/assets/javascripts/boards/stores/actions.js

@@ -97,7 +97,7 @@ export default {
         const { lists, hideBacklogList } = data[boardType]?.board;
         commit(types.RECEIVE_BOARD_LISTS_SUCCESS, formatBoardLists(lists));
         // Backlog list needs to be created if it doesn't exist and it's not hidden
-        if (!lists.nodes.find(l => l.listType === ListType.backlog) && !hideBacklogList) {
+        if (!lists.nodes.find((l) => l.listType === ListType.backlog) && !hideBacklogList) {
           dispatch('createList', { backlog: true });
         }
       })
@@ -390,7 +390,7 @@ export default {
     commit(types.ADD_ISSUE_TO_LIST, { list, issue, position: 0 });
 
     dispatch('createNewIssue', issueInput)
-      .then(res => {
+      .then((res) => {
         commit(types.ADD_ISSUE_TO_LIST, {
           list,
           issue: formatIssue({ ...res, id: getIdFromGraphQLId(res.id) }),

app/assets/javascripts/boards/stores/boards_store.js

@@ -124,7 +124,7 @@ const boardsStore = {
   },
 
   findIssueLabel(issue, findLabel) {
-    return issue.labels.find(label => label.id === findLabel.id);
+    return issue.labels.find((label) => label.id === findLabel.id);
   },
 
   goToNextPage(list) {
@@ -182,7 +182,7 @@ const boardsStore = {
     }
   },
   findListIssue(list, id) {
-    return list.issues.find(issue => issue.id === id);
+    return list.issues.find((issue) => issue.id === id);
   },
 
   removeList(id, type = 'blank') {
@@ -190,7 +190,7 @@ const boardsStore = {
 
     if (!list) return;
 
-    this.state.lists = this.state.lists.filter(list => list.id !== id);
+    this.state.lists = this.state.lists.filter((list) => list.id !== id);
   },
   moveList(listFrom, orderLists) {
     orderLists.forEach((id, i) => {
@@ -205,7 +205,7 @@ const boardsStore = {
     let moveBeforeId = null;
     let moveAfterId = null;
 
-    const listHasIssues = issues.every(issue => list.findIssue(issue.id));
+    const listHasIssues = issues.every((issue) => list.findIssue(issue.id));
 
     if (!listHasIssues) {
       if (newIndex !== undefined) {
@@ -223,21 +223,21 @@ const boardsStore = {
       }
 
       if (list.label) {
-        issues.forEach(issue => issue.addLabel(list.label));
+        issues.forEach((issue) => issue.addLabel(list.label));
       }
 
       if (list.assignee) {
         if (listFrom && listFrom.type === 'assignee') {
-          issues.forEach(issue => issue.removeAssignee(listFrom.assignee));
+          issues.forEach((issue) => issue.removeAssignee(listFrom.assignee));
         }
-        issues.forEach(issue => issue.addAssignee(list.assignee));
+        issues.forEach((issue) => issue.addAssignee(list.assignee));
       }
 
       if (IS_EE && list.milestone) {
         if (listFrom && listFrom.type === 'milestone') {
-          issues.forEach(issue => issue.removeMilestone(listFrom.milestone));
+          issues.forEach((issue) => issue.removeMilestone(listFrom.milestone));
         }
-        issues.forEach(issue => issue.addMilestone(list.milestone));
+        issues.forEach((issue) => issue.addMilestone(list.milestone));
       }
 
       if (listFrom) {
@@ -249,7 +249,7 @@ const boardsStore = {
   },
 
   removeListIssues(list, removeIssue) {
-    list.issues = list.issues.filter(issue => {
+    list.issues = list.issues.filter((issue) => {
       const matchesRemove = removeIssue.id === issue.id;
 
       if (matchesRemove) {
@@ -261,9 +261,9 @@ const boardsStore = {
     });
   },
   removeListMultipleIssues(list, removeIssues) {
-    const ids = removeIssues.map(issue => issue.id);
+    const ids = removeIssues.map((issue) => issue.id);
 
-    list.issues = list.issues.filter(issue => {
+    list.issues = list.issues.filter((issue) => {
       const matchesRemove = ids.includes(issue.id);
 
       if (matchesRemove) {
@@ -289,9 +289,9 @@ const boardsStore = {
   },
 
   moveMultipleIssuesToList({ listFrom, listTo, issues, newIndex }) {
-    const issueTo = issues.map(issue => listTo.findIssue(issue.id));
-    const issueLists = issues.map(issue => issue.getLists()).flat();
-    const listLabels = issueLists.map(list => list.label);
+    const issueTo = issues.map((issue) => listTo.findIssue(issue.id));
+    const issueLists = issues.map((issue) => issue.getLists()).flat();
+    const listLabels = issueLists.map((list) => list.label);
     const hasMoveableIssues = issueTo.filter(Boolean).length > 0;
 
     if (!hasMoveableIssues) {
@@ -299,30 +299,30 @@ const boardsStore = {
       if (
         listTo.type === ListType.assignee &&
         listFrom.type === ListType.assignee &&
-        issues.some(issue => issue.findAssignee(listTo.assignee))
+        issues.some((issue) => issue.findAssignee(listTo.assignee))
       ) {
-        const targetIssues = issues.map(issue => listTo.findIssue(issue.id));
-        targetIssues.forEach(targetIssue => targetIssue.removeAssignee(listFrom.assignee));
+        const targetIssues = issues.map((issue) => listTo.findIssue(issue.id));
+        targetIssues.forEach((targetIssue) => targetIssue.removeAssignee(listFrom.assignee));
       } else if (listTo.type === 'milestone') {
-        const currentMilestones = issues.map(issue => issue.milestone);
+        const currentMilestones = issues.map((issue) => issue.milestone);
         const currentLists = this.state.lists
-          .filter(list => list.type === 'milestone' && list.id !== listTo.id)
-          .filter(list =>
-            list.issues.some(listIssue => issues.some(issue => listIssue.id === issue.id)),
+          .filter((list) => list.type === 'milestone' && list.id !== listTo.id)
+          .filter((list) =>
+            list.issues.some((listIssue) => issues.some((issue) => listIssue.id === issue.id)),
           );
 
-        issues.forEach(issue => {
-          currentMilestones.forEach(milestone => {
+        issues.forEach((issue) => {
+          currentMilestones.forEach((milestone) => {
             issue.removeMilestone(milestone);
           });
         });
 
-        issues.forEach(issue => {
+        issues.forEach((issue) => {
           issue.addMilestone(listTo.milestone);
         });
 
-        currentLists.forEach(currentList => {
-          issues.forEach(issue => {
+        currentLists.forEach((currentList) => {
+          issues.forEach((issue) => {
             currentList.removeIssue(issue);
           });
         });
@@ -334,36 +334,36 @@ const boardsStore = {
       }
     } else {
       listTo.updateMultipleIssues(issues, listFrom);
-      issues.forEach(issue => {
+      issues.forEach((issue) => {
         issue.removeLabel(listFrom.label);
       });
     }
 
     if (listTo.type === ListType.closed && listFrom.type !== ListType.backlog) {
-      issueLists.forEach(list => {
-        issues.forEach(issue => {
+      issueLists.forEach((list) => {
+        issues.forEach((issue) => {
           list.removeIssue(issue);
         });
       });
 
-      issues.forEach(issue => {
+      issues.forEach((issue) => {
         issue.removeLabels(listLabels);
       });
     } else if (listTo.type === ListType.backlog && listFrom.type === ListType.assignee) {
-      issues.forEach(issue => {
+      issues.forEach((issue) => {
         issue.removeAssignee(listFrom.assignee);
       });
-      issueLists.forEach(list => {
-        issues.forEach(issue => {
+      issueLists.forEach((list) => {
+        issues.forEach((issue) => {
           list.removeIssue(issue);
         });
       });
     } else if (listTo.type === ListType.backlog && listFrom.type === ListType.milestone) {
-      issues.forEach(issue => {
+      issues.forEach((issue) => {
         issue.removeMilestone(listFrom.milestone);
       });
-      issueLists.forEach(list => {
-        issues.forEach(issue => {
+      issueLists.forEach((list) => {
+        issues.forEach((issue) => {
           list.removeIssue(issue);
         });
       });
@@ -380,8 +380,8 @@ const boardsStore = {
     if (issues.length === 1) return true;
 
     // Create list of ids for issues involved.
-    const listIssueIds = list.issues.map(issue => issue.id);
-    const movedIssueIds = issues.map(issue => issue.id);
+    const listIssueIds = list.issues.map((issue) => issue.id);
+    const movedIssueIds = issues.map((issue) => issue.id);
 
     // Check if moved issue IDs is sub-array
     // of source list issue IDs (i.e. contiguous selection).
@@ -391,7 +391,7 @@ const boardsStore = {
   moveIssueToList(listFrom, listTo, issue, newIndex) {
     const issueTo = listTo.findIssue(issue.id);
     const issueLists = issue.getLists();
-    const listLabels = issueLists.map(listIssue => listIssue.label);
+    const listLabels = issueLists.map((listIssue) => listIssue.label);
 
     if (!issueTo) {
       // Check if target list assignee is already present in this issue
@@ -405,12 +405,12 @@ const boardsStore = {
       } else if (listTo.type === 'milestone') {
         const currentMilestone = issue.milestone;
         const currentLists = this.state.lists
-          .filter(list => list.type === 'milestone' && list.id !== listTo.id)
-          .filter(list => list.issues.some(listIssue => issue.id === listIssue.id));
+          .filter((list) => list.type === 'milestone' && list.id !== listTo.id)
+          .filter((list) => list.issues.some((listIssue) => issue.id === listIssue.id));
 
         issue.removeMilestone(currentMilestone);
         issue.addMilestone(listTo.milestone);
-        currentLists.forEach(currentList => currentList.removeIssue(issue));
+        currentLists.forEach((currentList) => currentList.removeIssue(issue));
         listTo.addIssue(issue, listFrom, newIndex);
       } else {
         // Add to new lists issues if it doesn't already exist
@@ -422,7 +422,7 @@ const boardsStore = {
     }
 
     if (listTo.type === 'closed' && listFrom.type !== 'backlog') {
-      issueLists.forEach(list => {
+      issueLists.forEach((list) => {
         list.removeIssue(issue);
       });
       issue.removeLabels(listLabels);
@@ -462,7 +462,7 @@ const boardsStore = {
     });
   },
   findList(key, val, type = 'label') {
-    const filteredList = this.state.lists.filter(list => {
+    const filteredList = this.state.lists.filter((list) => {
       const byType = type
         ? list.type === type || list.type === 'assignee' || list.type === 'milestone'
         : true;
@@ -472,7 +472,7 @@ const boardsStore = {
     return filteredList[0];
   },
   findListByLabelId(id) {
-    return this.state.lists.find(list => list.type === 'label' && list.label.id === id);
+    return this.state.lists.find((list) => list.type === 'label' && list.label.id === id);
   },
 
   toggleFilter(filter) {
@@ -589,8 +589,8 @@ const boardsStore = {
     }
 
     return this.createList(entity.id, entityType)
-      .then(res => res.data)
-      .then(data => {
+      .then((res) => res.data)
+      .then((data) => {
         list.id = data.id;
         list.type = data.list_type;
         list.position = data.position;
@@ -607,7 +607,7 @@ const boardsStore = {
     };
 
     if (list.label && data.label_name) {
-      data.label_name = data.label_name.filter(label => label !== list.label.title);
+      data.label_name = data.label_name.filter((label) => label !== list.label.title);
     }
 
     if (emptyIssues) {
@@ -615,8 +615,8 @@ const boardsStore = {
     }
 
     return this.getIssuesForList(list.id, data)
-      .then(res => res.data)
-      .then(data => {
+      .then((res) => res.data)
+      .then((data) => {
         list.loading = false;
         list.issuesSize = data.size;
 
@@ -624,7 +624,7 @@ const boardsStore = {
           list.issues = [];
         }
 
-        data.issues.forEach(issueObj => {
+        data.issues.forEach((issueObj) => {
           list.addIssue(new ListIssue(issueObj));
         });
 
@@ -634,7 +634,7 @@ const boardsStore = {
 
   getIssuesForList(id, filter = {}) {
     const data = { id };
-    Object.keys(filter).forEach(key => {
+    Object.keys(filter).forEach((key) => {
       data[key] = filter[key];
     });
 
@@ -670,13 +670,13 @@ const boardsStore = {
   },
 
   moveListMultipleIssues({ list, issues, oldIndicies, newIndex, moveBeforeId, moveAfterId }) {
-    oldIndicies.reverse().forEach(index => {
+    oldIndicies.reverse().forEach((index) => {
       list.issues.splice(index, 1);
     });
     list.issues.splice(newIndex, 0, ...issues);
 
     return this.moveMultipleIssues({
-      ids: issues.map(issue => issue.id),
+      ids: issues.map((issue) => issue.id),
       fromListId: null,
       toListId: null,
       moveBeforeId,
@@ -703,8 +703,8 @@ const boardsStore = {
     }
 
     return this.newIssue(list.id, issue)
-      .then(res => res.data)
-      .then(data => list.onNewIssueResponse(issue, data));
+      .then((res) => res.data)
+      .then((data) => list.onNewIssueResponse(issue, data));
   },
 
   getBacklog(data) {
@@ -717,7 +717,7 @@ const boardsStore = {
   },
   removeIssueLabel(issue, removeLabel) {
     if (removeLabel) {
-      issue.labels = issue.labels.filter(label => removeLabel.id !== label.id);
+      issue.labels = issue.labels.filter((label) => removeLabel.id !== label.id);
     }
   },
 
@@ -762,7 +762,7 @@ const boardsStore = {
   },
 
   toggleMultiSelect(issue) {
-    const selectedIssueIds = this.multiSelect.list.map(issue => issue.id);
+    const selectedIssueIds = this.multiSelect.list.map((issue) => issue.id);
     const index = selectedIssueIds.indexOf(issue.id);
 
     if (index === -1) {
@@ -777,12 +777,12 @@ const boardsStore = {
   },
   removeIssueAssignee(issue, removeAssignee) {
     if (removeAssignee) {
-      issue.assignees = issue.assignees.filter(assignee => assignee.id !== removeAssignee.id);
+      issue.assignees = issue.assignees.filter((assignee) => assignee.id !== removeAssignee.id);
     }
   },
 
   findIssueAssignee(issue, findAssignee) {
-    return issue.assignees.find(assignee => assignee.id === findAssignee.id);
+    return issue.assignees.find((assignee) => assignee.id === findAssignee.id);
   },
 
   clearMultiSelect() {
@@ -837,11 +837,11 @@ const boardsStore = {
     }
 
     if (obj.labels) {
-      issue.labels = obj.labels.map(label => new ListLabel(label));
+      issue.labels = obj.labels.map((label) => new ListLabel(label));
     }
 
     if (obj.assignees) {
-      issue.assignees = obj.assignees.map(a => new ListAssignee(a));
+      issue.assignees = obj.assignees.map((a) => new ListAssignee(a));
     }
   },
   addIssueLabel(issue, label) {

app/assets/javascripts/boards/stores/getters.js

@@ -2,18 +2,18 @@ import { find } from 'lodash';
 import { inactiveId } from '../constants';
 
 export default {
-  isSidebarOpen: state => state.activeId !== inactiveId,
+  isSidebarOpen: (state) => state.activeId !== inactiveId,
   isSwimlanesOn: () => false,
-  getIssueById: state => id => {
+  getIssueById: (state) => (id) => {
     return state.issues[id] || {};
   },
 
-  getIssuesByList: (state, getters) => listId => {
+  getIssuesByList: (state, getters) => (listId) => {
     const listIssueIds = state.issuesByListId[listId] || [];
-    return listIssueIds.map(id => getters.getIssueById(id));
+    return listIssueIds.map((id) => getters.getIssueById(id));
   },
 
-  activeIssue: state => {
+  activeIssue: (state) => {
     return state.issues[state.activeId] || {};
   },
 
@@ -22,12 +22,12 @@ export default {
     return referencePath.slice(0, referencePath.indexOf('#'));
   },
 
-  getListByLabelId: state => labelId => {
-    return find(state.boardLists, l => l.label?.id === labelId);
+  getListByLabelId: (state) => (labelId) => {
+    return find(state.boardLists, (l) => l.label?.id === labelId);
   },
 
-  getListByTitle: state => title => {
-    return find(state.boardLists, l => l.title === title);
+  getListByTitle: (state) => (title) => {
+    return find(state.boardLists, (l) => l.title === title);
   },
 
   shouldUseGraphQL: () => {

app/assets/javascripts/boards/stores/modal_store.js

@@ -40,7 +40,7 @@ class ModalStore {
   toggleAll() {
     const select = this.selectedCount() !== this.store.issues.length;
 
-    this.store.issues.forEach(issue => {
+    this.store.issues.forEach((issue) => {
       const issueUpdate = issue;
 
       if (issueUpdate.selected !== select) {
@@ -56,7 +56,7 @@ class ModalStore {
   }
 
   getSelectedIssues() {
-    return this.store.selectedIssues.filter(issue => issue.selected);
+    return this.store.selectedIssues.filter((issue) => issue.selected);
   }
 
   addSelectedIssue(issue) {
@@ -70,13 +70,13 @@ class ModalStore {
   removeSelectedIssue(issue, forcePurge = false) {
     if (this.store.activeTab === 'all' || forcePurge) {
       this.store.selectedIssues = this.store.selectedIssues.filter(
-        fIssue => fIssue.id !== issue.id,
+        (fIssue) => fIssue.id !== issue.id,
       );
     }
   }
 
   purgeUnselectedIssues() {
-    this.store.selectedIssues.forEach(issue => {
+    this.store.selectedIssues.forEach((issue) => {
       if (!issue.selected) {
         this.removeSelectedIssue(issue, true);
       }
@@ -88,7 +88,7 @@ class ModalStore {
   }
 
   findSelectedIssue(issue) {
-    return this.store.selectedIssues.filter(filteredIssue => filteredIssue.id === issue.id)[0];
+    return this.store.selectedIssues.filter((filteredIssue) => filteredIssue.id === issue.id)[0];
   }
 }
 

app/assets/javascripts/boards/stores/mutations.js

@@ -44,7 +44,7 @@ export default {
     state.boardLists = lists;
   },
 
-  [mutationTypes.RECEIVE_BOARD_LISTS_FAILURE]: state => {
+  [mutationTypes.RECEIVE_BOARD_LISTS_FAILURE]: (state) => {
     state.error = s__(
       'Boards|An error occurred while fetching the board lists. Please reload the page.',
     );
@@ -59,15 +59,15 @@ export default {
     state.filterParams = filterParams;
   },
 
-  [mutationTypes.CREATE_LIST_FAILURE]: state => {
+  [mutationTypes.CREATE_LIST_FAILURE]: (state) => {
     state.error = s__('Boards|An error occurred while creating the list. Please try again.');
   },
 
-  [mutationTypes.RECEIVE_LABELS_FAILURE]: state => {
+  [mutationTypes.RECEIVE_LABELS_FAILURE]: (state) => {
     state.error = s__('Boards|An error occurred while fetching labels. Please reload the page.');
   },
 
-  [mutationTypes.GENERATE_DEFAULT_LISTS_FAILURE]: state => {
+  [mutationTypes.GENERATE_DEFAULT_LISTS_FAILURE]: (state) => {
     state.error = s__('Boards|An error occurred while generating lists. Please reload the page.');
   },
 
@@ -129,8 +129,8 @@ export default {
     Vue.set(state.listsFlags, listId, { isLoading: false, isLoadingMore: false });
   },
 
-  [mutationTypes.RESET_ISSUES]: state => {
-    Object.keys(state.issuesByListId).forEach(listId => {
+  [mutationTypes.RESET_ISSUES]: (state) => {
+    Object.keys(state.issuesByListId).forEach((listId) => {
       Vue.set(state.issuesByListId, listId, []);
     });
   },
@@ -206,7 +206,7 @@ export default {
     notImplemented();
   },
 
-  [mutationTypes.CREATE_ISSUE_FAILURE]: state => {
+  [mutationTypes.CREATE_ISSUE_FAILURE]: (state) => {
     state.error = s__('Boards|An error occurred while creating the issue. Please try again.');
   },
 

app/assets/javascripts/branches/divergence_graph.js

@@ -21,7 +21,7 @@ export function createGraphVueApp(el, data, maxCommits) {
   });
 }
 
-export default endpoint => {
+export default (endpoint) => {
   const names = [...document.querySelectorAll('.js-branch-item')].map(
     ({ dataset }) => dataset.name,
   );

app/assets/javascripts/breadcrumb.js

 import $ from 'jquery';
 import { hide } from '~/tooltips';
 
-export const addTooltipToEl = el => {
+export const addTooltipToEl = (el) => {
   const textEl = el.querySelector('.js-breadcrumb-item-text');
 
   if (textEl && textEl.scrollWidth > textEl.offsetWidth) {
@@ -16,14 +16,14 @@ export default () => {
 
   if (breadcrumbs) {
     const topLevelLinks = [...breadcrumbs.children]
-      .filter(el => !el.classList.contains('dropdown'))
-      .map(el => el.querySelector('a'))
-      .filter(el => el);
+      .filter((el) => !el.classList.contains('dropdown'))
+      .map((el) => el.querySelector('a'))
+      .filter((el) => el);
     const $expander = $('.js-breadcrumbs-collapsed-expander');
 
-    topLevelLinks.forEach(el => addTooltipToEl(el));
+    topLevelLinks.forEach((el) => addTooltipToEl(el));
 
-    $expander.closest('.dropdown').on('show.bs.dropdown hide.bs.dropdown', e => {
+    $expander.closest('.dropdown').on('show.bs.dropdown hide.bs.dropdown', (e) => {
       const $el = $('.js-breadcrumbs-collapsed-expander', e.currentTarget);
 
       $el.toggleClass('open');

app/assets/javascripts/broadcast_notification.js

@@ -15,5 +15,5 @@ const handleOnDismiss = ({ currentTarget }) => {
 export default () => {
   document
     .querySelectorAll('.js-dismiss-current-broadcast-notification')
-    .forEach(dismissButton => dismissButton.addEventListener('click', handleOnDismiss));
+    .forEach((dismissButton) => dismissButton.addEventListener('click', handleOnDismiss));
 };

app/assets/javascripts/build_artifacts.js

@@ -14,10 +14,10 @@ export default class BuildArtifacts {
 
   // eslint-disable-next-line class-methods-use-this
   disablePropagation() {
-    $('.top-block').on('click', '.download', e => {
+    $('.top-block').on('click', '.download', (e) => {
       e.stopPropagation();
     });
-    return $('.tree-holder').on('click', 'tr[data-link] a', e => {
+    return $('.tree-holder').on('click', 'tr[data-link] a', (e) => {
       e.stopImmediatePropagation();
     });
   }
@@ -41,12 +41,12 @@ export default class BuildArtifacts {
     // We want the tooltip to show if you hover anywhere on the row
     // But be placed below and in the middle of the file name
     $('.js-artifact-tree-row')
-      .on('mouseenter', e => {
+      .on('mouseenter', (e) => {
         const $el = $(e.currentTarget).find('.js-artifact-tree-tooltip');
 
         show($el);
       })
-      .on('mouseleave', e => {
+      .on('mouseleave', (e) => {
         const $el = $(e.currentTarget).find('.js-artifact-tree-tooltip');
 
         hide($el);

app/assets/javascripts/ci_settings_pipeline_triggers/index.js

@@ -2,7 +2,7 @@ import Vue from 'vue';
 import TriggersList from './components/triggers_list.vue';
 import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
 
-const parseJsonArray = triggers => {
+const parseJsonArray = (triggers) => {
   try {
     return convertObjectPropsToCamelCase(JSON.parse(triggers), { deep: true });
   } catch {

app/assets/javascripts/ci_variable_list/ci_variable_list.js

@@ -81,17 +81,17 @@ export default class VariableList {
       this.initRow(rowEl);
     });
 
-    this.$container.on('click', '.js-row-remove-button', e => {
+    this.$container.on('click', '.js-row-remove-button', (e) => {
       e.preventDefault();
       this.removeRow($(e.currentTarget).closest('.js-row'));
     });
 
     const inputSelector = Object.keys(this.inputMap)
-      .map(name => this.inputMap[name].selector)
+      .map((name) => this.inputMap[name].selector)
       .join(',');
 
     // Remove any empty rows except the last row
-    this.$container.on('blur', inputSelector, e => {
+    this.$container.on('blur', inputSelector, (e) => {
       const $row = $(e.currentTarget).closest('.js-row');
 
       if ($row.is(':not(:last-child)') && !this.checkIfRowTouched($row)) {
@@ -99,7 +99,7 @@ export default class VariableList {
       }
     });
 
-    this.$container.on('input trigger-change', inputSelector, e => {
+    this.$container.on('input trigger-change', inputSelector, (e) => {
       // Always make sure there is an empty last row
       const $lastRow = this.$container.find('.js-row').last();
 
@@ -149,7 +149,7 @@ export default class VariableList {
     $rowClone.removeAttr('data-is-persisted');
 
     // Reset the inputs to their defaults
-    Object.keys(this.inputMap).forEach(name => {
+    Object.keys(this.inputMap).forEach((name) => {
       const entry = this.inputMap[name];
       $rowClone.find(entry.selector).val(entry.default);
     });
@@ -184,7 +184,7 @@ export default class VariableList {
   }
 
   checkIfRowTouched($row) {
-    return Object.keys(this.inputMap).some(name => {
+    return Object.keys(this.inputMap).some((name) => {
       // Row should not qualify as touched if only switches have been touched
       if (['protected', 'masked'].includes(name)) return false;
 
@@ -225,9 +225,9 @@ export default class VariableList {
     // a blank variable and run into validation problems.
     const validRows = this.$container.find('.js-row').toArray().slice(0, -1);
 
-    return validRows.map(rowEl => {
+    return validRows.map((rowEl) => {
       const resultant = {};
-      Object.keys(this.inputMap).forEach(name => {
+      Object.keys(this.inputMap).forEach((name) => {
         const entry = this.inputMap[name];
         const $input = $(rowEl).find(entry.selector);
         if ($input.length) {

app/assets/javascripts/ci_variable_list/components/ci_environments_dropdown.vue

@@ -33,7 +33,7 @@ export default {
     },
     filteredResults() {
       const lowerCasedSearchTerm = this.searchTerm.toLowerCase();
-      return this.joinedEnvironments.filter(resultString =>
+      return this.joinedEnvironments.filter((resultString) =>
         resultString.toLowerCase().includes(lowerCasedSearchTerm),
       );
     },

app/assets/javascripts/ci_variable_list/components/ci_variable_table.vue

@@ -69,7 +69,7 @@ export default {
     },
     fields() {
       if (this.isGroup) {
-        return this.$options.fields.filter(field => field.key !== 'environment_scope');
+        return this.$options.fields.filter((field) => field.key !== 'environment_scope');
       }
       return this.$options.fields;
     },

jest.config.base.js

 const IS_EE = require('./config/helpers/is_ee_env');
 const isESLint = require('./config/helpers/is_eslint');
 
-module.exports = path => {
+module.exports = (path) => {
   const reporters = ['default'];
 
   // To have consistent date time parsing both in local and CI environments we set
@@ -27,7 +27,7 @@ module.exports = path => {
   // workaround for eslint-import-resolver-jest only resolving in test files
   // see https://github.com/JoinColony/eslint-import-resolver-jest#note
   if (isESLint(module)) {
-    testMatch = testMatch.map(path => path.replace('_spec.js', ''));
+    testMatch = testMatch.map((path) => path.replace('_spec.js', ''));
   }
 
   const TEST_FIXTURES_PATTERN = 'test_fixtures(/.*)$';

jest.config.js

@@ -4,7 +4,7 @@ module.exports = {
   ...baseConfig('spec/frontend'),
 };
 
-const karmaTestFile = process.argv.find(arg => arg.includes('spec/javascripts/'));
+const karmaTestFile = process.argv.find((arg) => arg.includes('spec/javascripts/'));
 if (karmaTestFile) {
   console.error(`
 Files in spec/javascripts/ and ee/spec/javascripts need to be run with Karma.

scripts/frontend/block_dependencies.js

@@ -5,13 +5,13 @@ const dependencies = packageJson.dependencies;
 const devDependencies = packageJson.devDependencies;
 const blockedDependenciesNames = Object.keys(blockedDependencies);
 const blockedDependenciesFound = blockedDependenciesNames.filter(
-  blockedDependency => dependencies[blockedDependency] || devDependencies[blockedDependency],
+  (blockedDependency) => dependencies[blockedDependency] || devDependencies[blockedDependency],
 );
 
 if (blockedDependenciesFound.length) {
   console.log('The following package.json dependencies are not allowed:');
 
-  blockedDependenciesFound.forEach(blockedDependency => {
+  blockedDependenciesFound.forEach((blockedDependency) => {
     const infoLink = blockedDependencies[blockedDependency];
 
     console.log(`- ${blockedDependency}: See ${infoLink} for more information.`);

scripts/frontend/check_page_bundle_mixins_css_for_sideeffects.js

@@ -27,7 +27,7 @@ const file = fs.readFileSync(paths[0], 'utf-8');
 
 const parsed = pjs.parse(file);
 
-if (parsed.nodes.every(node => ['comment', 'atrule'].includes(node.type))) {
+if (parsed.nodes.every((node) => ['comment', 'atrule'].includes(node.type))) {
   console.log('The file does not introduce any side effects, we are all good.');
   process.exit(0);
 }

scripts/frontend/extract_gettext_all.js

@@ -45,7 +45,7 @@ function printJson() {
       text += `\u0000${message.textPlural}`;
     }
 
-    message.references.forEach(reference => {
+    message.references.forEach((reference) => {
       const filename = reference.replace(/:\d+$/, '');
 
       if (!Array.isArray(result[filename])) {

scripts/frontend/file_test_coverage.js

@@ -17,11 +17,11 @@ const sourceDirectories = ['app/assets/javascripts'];
 const testDirectories = ['spec/javascripts', 'spec/frontend'];
 
 if (fs.existsSync('ee')) {
-  sourceDirectories.forEach(dir => {
+  sourceDirectories.forEach((dir) => {
     sourceDirectories.push(`ee/${dir}`);
   });
 
-  testDirectories.forEach(dir => {
+  testDirectories.forEach((dir) => {
     testDirectories.push(`ee/${dir}`);
   });
 }
@@ -29,10 +29,10 @@ if (fs.existsSync('ee')) {
 let numSourceFiles = 0;
 let numTestFiles = 0;
 
-const isVerbose = process.argv.some(arg => arg === '-v');
+const isVerbose = process.argv.some((arg) => arg === '-v');
 
-const countSourceFiles = path =>
-  forEachFileIn(path, fileName => {
+const countSourceFiles = (path) =>
+  forEachFileIn(path, (fileName) => {
     if (fileName.endsWith('.vue') || fileName.endsWith('.js')) {
       if (isVerbose) {
         console.log(`source file: ${fileName}`);
@@ -42,8 +42,8 @@ const countSourceFiles = path =>
     }
   });
 
-const countTestFiles = path =>
-  forEachFileIn(path, fileName => {
+const countTestFiles = (path) =>
+  forEachFileIn(path, (fileName) => {
     if (fileName.endsWith('_spec.js')) {
       if (isVerbose) {
         console.log(`test file: ${fileName}`);
@@ -63,7 +63,7 @@ function forEachFileIn(dirPath, callback) {
       return;
     }
 
-    files.forEach(fileName => {
+    files.forEach((fileName) => {
       const absolutePath = path.join(dirPath, fileName);
       const stats = fs.statSync(absolutePath);
       if (stats.isFile()) {

scripts/frontend/frontend_script_utils.js

@@ -9,10 +9,10 @@ const exec = (command, args) => {
   return execFileSync(command, args, options);
 };
 
-const execGitCmd = args => exec('git', args).trim().toString().split('\n').filter(Boolean);
+const execGitCmd = (args) => exec('git', args).trim().toString().split('\n').filter(Boolean);
 
 module.exports = {
-  getStagedFiles: fileExtensionFilter => {
+  getStagedFiles: (fileExtensionFilter) => {
     const gitOptions = ['diff', '--name-only', '--cached', '--diff-filter=ACMRTUB'];
     if (fileExtensionFilter) gitOptions.push(...fileExtensionFilter);
     return execGitCmd(gitOptions);

scripts/frontend/merge_coverage_frontend.js

@@ -11,7 +11,7 @@ const reportFiles = sync(`${coverageDir}/*/coverage-final.json`);
 
 // Normalize coverage report generated by jest that has additional "data" key
 // https://github.com/facebook/jest/issues/2418#issuecomment-423806659
-const normalizeReport = report => {
+const normalizeReport = (report) => {
   const normalizedReport = Object.assign({}, report);
   Object.entries(normalizedReport).forEach(([k, v]) => {
     if (v.data) normalizedReport[k] = v.data;
@@ -20,12 +20,12 @@ const normalizeReport = report => {
 };
 
 reportFiles
-  .map(reportFile => require(reportFile))
+  .map((reportFile) => require(reportFile))
   .map(normalizeReport)
-  .forEach(report => coverageMap.merge(report));
+  .forEach((report) => coverageMap.merge(report));
 
 const context = createContext({ coverageMap: coverageMap, dir: 'coverage-frontend' });
 
-['json', 'lcov', 'text-summary', 'clover', 'cobertura'].forEach(reporter => {
+['json', 'lcov', 'text-summary', 'clover', 'cobertura'].forEach((reporter) => {
   create(reporter, {}).execute(context);
 });

scripts/frontend/prettier.js

@@ -35,7 +35,7 @@ console.log(
   `Loading all ${allFiles ? '' : 'staged '}files ${globDir ? `within ${globDir} ` : ''}...`,
 );
 
-const globPatterns = matchExtensions.map(ext => `${globDir}**/*.${ext}`);
+const globPatterns = matchExtensions.map((ext) => `${globDir}**/*.${ext}`);
 const matchedFiles = allFiles
   ? glob.sync(`{${globPatterns.join(',')}}`, { ignore: globIgnore })
   : getStagedFiles(globPatterns);
@@ -62,7 +62,7 @@ Please format each file listed below or run "${fixCommand}"
 `;
 
 const checkFileWithOptions = (filePath, options) =>
-  readFileAsync(filePath, 'utf8').then(input => {
+  readFileAsync(filePath, 'utf8').then((input) => {
     if (shouldSave) {
       const output = prettier.format(input, options);
       if (input === output) {
@@ -92,7 +92,7 @@ const checkFileWithOptions = (filePath, options) =>
     }
   });
 
-const checkFileWithPrettierConfig = filePath =>
+const checkFileWithPrettierConfig = (filePath) =>
   prettier
     .getFileInfo(filePath, { ignorePath: '.prettierignore' })
     .then(({ ignored, inferredParser }) => {
@@ -100,7 +100,7 @@ const checkFileWithPrettierConfig = filePath =>
         ignoredCount += 1;
         return;
       }
-      return prettier.resolveConfig(filePath).then(fileOptions => {
+      return prettier.resolveConfig(filePath).then((fileOptions) => {
         const options = { ...fileOptions, parser: inferredParser };
         return checkFileWithOptions(filePath, options);
       });
@@ -115,7 +115,7 @@ Promise.all(matchedFiles.map(checkFileWithPrettierConfig))
 
     if (didWarn) process.exit(1);
   })
-  .catch(e => {
+  .catch((e) => {
     console.log(`\nAn error occurred while processing files with prettier: ${e.message}\n`);
     process.exit(1);
   });

scripts/frontend/stylelint/stylelint-utility-map.js

@@ -32,7 +32,7 @@ sass.render(
         // This suppresses a postcss warning
         from: undefined,
       })
-      .then(result => {
+      .then((result) => {
         const selectorGroups = {};
         utils.createPropertiesHashmap(result.root, result, null, null, selectorGroups, true);
 

scripts/frontend/stylelint/stylelint-utils.js

@@ -9,7 +9,7 @@ module.exports.createPropertiesHashmap = (
   selectorGroups,
   addSelectors,
 ) => {
-  ruleRoot.walkRules(rule => {
+  ruleRoot.walkRules((rule) => {
     const selector = rule.selector.replace(/(?:\r\n|\r|\n)/g, ' ');
 
     if (