From 0a8f575e365804239d29b45562ca6594b9da59e9 Mon Sep 17 00:00:00 2001
From: Lukas Eipert <leipert@gitlab.com>
Date: Wed, 23 Dec 2020 19:18:19 +0100
Subject: [PATCH] Run prettier on 32 files - 29 of 73

Part of our prettier migration; changing the arrow-parens style.
---
 .prettierignore                               | 34 -------------------
 app/assets/javascripts/snippets/utils/blob.js | 12 +++----
 .../static_site_editor/graphql/index.js       |  4 +--
 .../graphql/resolvers/file.js                 |  2 +-
 .../resolvers/has_submitted_changes.js        |  2 +-
 .../resolvers/submit_content_changes.js       |  4 +--
 .../static_site_editor/image_repository.js    |  6 ++--
 .../javascripts/static_site_editor/index.js   |  2 +-
 .../static_site_editor/pages/home.vue         |  2 +-
 .../static_site_editor/services/formatter.js  |  6 ++--
 .../services/front_matterify.js               |  2 +-
 .../services/image_service.js                 |  4 +--
 .../services/load_source_content.js           |  2 +-
 .../services/parse_source_file.js             |  4 +--
 .../services/renderers/render_image.js        | 10 +++---
 .../services/submit_content_changes.js        |  2 +-
 .../static_site_editor/services/templater.js  | 10 +++---
 app/assets/javascripts/task_list.js           |  2 +-
 app/assets/javascripts/terminal/terminal.js   |  6 ++--
 .../terraform/components/terraform_list.vue   |  2 +-
 .../javascripts/test_utils/simulate_input.js  |  2 +-
 app/assets/javascripts/toggle_buttons.js      |  2 +-
 .../tooltips/components/tooltips.vue          | 16 ++++-----
 app/assets/javascripts/tooltips/index.js      | 30 ++++++++--------
 app/assets/javascripts/tracking.js            |  6 ++--
 app/assets/javascripts/tree.js                |  2 +-
 app/assets/javascripts/ui_development_kit.js  |  8 ++---
 app/assets/javascripts/usage_ping_consent.js  |  2 +-
 app/assets/javascripts/user_callout.js        |  2 +-
 .../user_lists/store/edit/actions.js          |  4 +--
 .../user_lists/store/edit/index.js            |  2 +-
 .../user_lists/store/new/actions.js           |  2 +-
 .../javascripts/user_lists/store/new/index.js |  2 +-
 33 files changed, 82 insertions(+), 116 deletions(-)

diff --git a/.prettierignore b/.prettierignore
index 36d7c91a639c9..03d50b23296cf 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -848,40 +848,6 @@ app/assets/javascripts/snippets/components/snippet_blob_view.vue
 app/assets/javascripts/snippets/components/snippet_header.vue
 app/assets/javascripts/snippets/mixins/snippets.js
 
-## lucid-lalande
-app/assets/javascripts/snippets/utils/blob.js
-app/assets/javascripts/static_site_editor/graphql/index.js
-app/assets/javascripts/static_site_editor/graphql/resolvers/file.js
-app/assets/javascripts/static_site_editor/graphql/resolvers/has_submitted_changes.js
-app/assets/javascripts/static_site_editor/graphql/resolvers/submit_content_changes.js
-app/assets/javascripts/static_site_editor/image_repository.js
-app/assets/javascripts/static_site_editor/index.js
-app/assets/javascripts/static_site_editor/pages/home.vue
-app/assets/javascripts/static_site_editor/services/formatter.js
-app/assets/javascripts/static_site_editor/services/front_matterify.js
-app/assets/javascripts/static_site_editor/services/image_service.js
-app/assets/javascripts/static_site_editor/services/load_source_content.js
-app/assets/javascripts/static_site_editor/services/parse_source_file.js
-app/assets/javascripts/static_site_editor/services/renderers/render_image.js
-app/assets/javascripts/static_site_editor/services/submit_content_changes.js
-app/assets/javascripts/static_site_editor/services/templater.js
-app/assets/javascripts/task_list.js
-app/assets/javascripts/terminal/terminal.js
-app/assets/javascripts/terraform/components/terraform_list.vue
-app/assets/javascripts/test_utils/simulate_input.js
-app/assets/javascripts/toggle_buttons.js
-app/assets/javascripts/tooltips/components/tooltips.vue
-app/assets/javascripts/tooltips/index.js
-app/assets/javascripts/tracking.js
-app/assets/javascripts/tree.js
-app/assets/javascripts/ui_development_kit.js
-app/assets/javascripts/usage_ping_consent.js
-app/assets/javascripts/user_callout.js
-app/assets/javascripts/user_lists/store/edit/actions.js
-app/assets/javascripts/user_lists/store/edit/index.js
-app/assets/javascripts/user_lists/store/new/actions.js
-app/assets/javascripts/user_lists/store/new/index.js
-
 ## nostalgic-morse
 app/assets/javascripts/user_lists/store/show/actions.js
 app/assets/javascripts/user_lists/store/show/index.js
diff --git a/app/assets/javascripts/snippets/utils/blob.js b/app/assets/javascripts/snippets/utils/blob.js
index 5081c648e367d..a47418323f210 100644
--- a/app/assets/javascripts/snippets/utils/blob.js
+++ b/app/assets/javascripts/snippets/utils/blob.js
@@ -12,7 +12,7 @@ import { SNIPPET_MARK_BLOBS_CONTENT, SNIPPET_MEASURE_BLOBS_CONTENT } from '~/per
 
 const createLocalId = () => uniqueId('blob_local_');
 
-export const decorateBlob = blob => ({
+export const decorateBlob = (blob) => ({
   ...blob,
   id: createLocalId(),
   isLoaded: false,
@@ -54,7 +54,7 @@ const diff = ({ content, path }, origBlob) => {
  */
 export const diffAll = (blobs, origBlobs) => {
   const deletedEntries = Object.values(origBlobs)
-    .filter(x => !blobs[x.id])
+    .filter((x) => !blobs[x.id])
     .map(({ path, content }) => ({
       action: SNIPPET_BLOB_ACTION_DELETE,
       previousPath: path,
@@ -63,15 +63,15 @@ export const diffAll = (blobs, origBlobs) => {
     }));
 
   const newEntries = Object.values(blobs)
-    .map(blob => diff(blob, origBlobs[blob.id]))
-    .filter(x => x);
+    .map((blob) => diff(blob, origBlobs[blob.id]))
+    .filter((x) => x);
 
   return [...deletedEntries, ...newEntries];
 };
 
-export const defaultSnippetVisibilityLevels = arr => {
+export const defaultSnippetVisibilityLevels = (arr) => {
   if (Array.isArray(arr)) {
-    return arr.map(l => {
+    return arr.map((l) => {
       const translatedLevel = SNIPPET_LEVELS_MAP[l];
       return {
         value: translatedLevel,
diff --git a/app/assets/javascripts/static_site_editor/graphql/index.js b/app/assets/javascripts/static_site_editor/graphql/index.js
index a13f7d3ad535b..bce320ed80540 100644
--- a/app/assets/javascripts/static_site_editor/graphql/index.js
+++ b/app/assets/javascripts/static_site_editor/graphql/index.js
@@ -8,7 +8,7 @@ import hasSubmittedChangesResolver from './resolvers/has_submitted_changes';
 
 Vue.use(VueApollo);
 
-const createApolloProvider = appData => {
+const createApolloProvider = (appData) => {
   const defaultClient = createDefaultClient(
     {
       Project: {
@@ -26,7 +26,7 @@ const createApolloProvider = appData => {
   );
 
   // eslint-disable-next-line @gitlab/require-i18n-strings
-  const mounts = appData.mounts.map(mount => ({ __typename: 'Mount', ...mount }));
+  const mounts = appData.mounts.map((mount) => ({ __typename: 'Mount', ...mount }));
 
   defaultClient.cache.writeData({
     data: {
diff --git a/app/assets/javascripts/static_site_editor/graphql/resolvers/file.js b/app/assets/javascripts/static_site_editor/graphql/resolvers/file.js
index 16f176581cb5a..fc3cac52e2aec 100644
--- a/app/assets/javascripts/static_site_editor/graphql/resolvers/file.js
+++ b/app/assets/javascripts/static_site_editor/graphql/resolvers/file.js
@@ -1,7 +1,7 @@
 import loadSourceContent from '../../services/load_source_content';
 
 const fileResolver = ({ fullPath: projectId }, { path: sourcePath }) => {
-  return loadSourceContent({ projectId, sourcePath }).then(sourceContent => ({
+  return loadSourceContent({ projectId, sourcePath }).then((sourceContent) => ({
     // eslint-disable-next-line @gitlab/require-i18n-strings
     __typename: 'File',
     ...sourceContent,
diff --git a/app/assets/javascripts/static_site_editor/graphql/resolvers/has_submitted_changes.js b/app/assets/javascripts/static_site_editor/graphql/resolvers/has_submitted_changes.js
index ea49b21eb0d9a..35ecf6d698c66 100644
--- a/app/assets/javascripts/static_site_editor/graphql/resolvers/has_submitted_changes.js
+++ b/app/assets/javascripts/static_site_editor/graphql/resolvers/has_submitted_changes.js
@@ -4,7 +4,7 @@ import query from '../queries/app_data.query.graphql';
 const hasSubmittedChangesResolver = (_, { input: { hasSubmittedChanges } }, { cache }) => {
   const oldData = cache.readQuery({ query });
 
-  const data = produce(oldData, draftState => {
+  const data = produce(oldData, (draftState) => {
     // punctually modifying draftState as per immer docs upsets our linters
     return {
       ...draftState,
diff --git a/app/assets/javascripts/static_site_editor/graphql/resolvers/submit_content_changes.js b/app/assets/javascripts/static_site_editor/graphql/resolvers/submit_content_changes.js
index 1bd79d4007161..0b74c99b319f0 100644
--- a/app/assets/javascripts/static_site_editor/graphql/resolvers/submit_content_changes.js
+++ b/app/assets/javascripts/static_site_editor/graphql/resolvers/submit_content_changes.js
@@ -25,8 +25,8 @@ const submitContentChangesResolver = (
     images,
     mergeRequestMeta,
     formattedMarkdown,
-  }).then(savedContentMeta => {
-    const data = produce(savedContentMeta, draftState => {
+  }).then((savedContentMeta) => {
+    const data = produce(savedContentMeta, (draftState) => {
       return {
         savedContentMeta: {
           __typename: 'SavedContentMeta',
diff --git a/app/assets/javascripts/static_site_editor/image_repository.js b/app/assets/javascripts/static_site_editor/image_repository.js
index b5ff4385d3c79..56b2434d2e28b 100644
--- a/app/assets/javascripts/static_site_editor/image_repository.js
+++ b/app/assets/javascripts/static_site_editor/image_repository.js
@@ -4,15 +4,15 @@ import { getBinary } from './services/image_service';
 
 const imageRepository = () => {
   const images = new Map();
-  const flash = message => new Flash(message);
+  const flash = (message) => new Flash(message);
 
   const add = (file, url) => {
     getBinary(file)
-      .then(content => images.set(url, content))
+      .then((content) => images.set(url, content))
       .catch(() => flash(__('Something went wrong while inserting your image. Please try again.')));
   };
 
-  const get = path => images.get(path);
+  const get = (path) => images.get(path);
 
   const getAll = () => images;
 
diff --git a/app/assets/javascripts/static_site_editor/index.js b/app/assets/javascripts/static_site_editor/index.js
index b58564388de27..fbb14be21bafd 100644
--- a/app/assets/javascripts/static_site_editor/index.js
+++ b/app/assets/javascripts/static_site_editor/index.js
@@ -4,7 +4,7 @@ import App from './components/app.vue';
 import createRouter from './router';
 import createApolloProvider from './graphql';
 
-const initStaticSiteEditor = el => {
+const initStaticSiteEditor = (el) => {
   const {
     isSupportedContent,
     path: sourcePath,
diff --git a/app/assets/javascripts/static_site_editor/pages/home.vue b/app/assets/javascripts/static_site_editor/pages/home.vue
index 1e52e73294e63..6c958cb2d223d 100644
--- a/app/assets/javascripts/static_site_editor/pages/home.vue
+++ b/app/assets/javascripts/static_site_editor/pages/home.vue
@@ -118,7 +118,7 @@ export default {
             },
           },
         })
-        .catch(e => {
+        .catch((e) => {
           this.submitChangesError = e.message;
         })
         .finally(() => {
diff --git a/app/assets/javascripts/static_site_editor/services/formatter.js b/app/assets/javascripts/static_site_editor/services/formatter.js
index 9a5dcd307ebe0..e841c664406d6 100644
--- a/app/assets/javascripts/static_site_editor/services/formatter.js
+++ b/app/assets/javascripts/static_site_editor/services/formatter.js
@@ -24,7 +24,7 @@ const nestedLineRegexp = /^\s+/;
  * This function attempts to correct this problem before the content is loaded
  * by Toast UI.
  */
-const correctNestedContentIndenation = source => {
+const correctNestedContentIndenation = (source) => {
   const lines = source.split('\n');
   let topLevelOrderedListDetected = false;
 
@@ -40,7 +40,7 @@ const correctNestedContentIndenation = source => {
     .join('\n');
 };
 
-const removeOrphanedBrTags = source => {
+const removeOrphanedBrTags = (source) => {
   /* Until the underlying Squire editor of Toast UI Editor resolves duplicate `<br>` tags, this
     `replace` solution will clear out orphaned `<br>` tags that it generates. Additionally,
     it cleans up orphaned `<br>` tags in the source markdown document that should be new lines.
@@ -49,7 +49,7 @@ const removeOrphanedBrTags = source => {
   return source.replace(/\n^<br>$/gm, '');
 };
 
-const format = source => {
+const format = (source) => {
   return correctNestedContentIndenation(removeOrphanedBrTags(source));
 };
 
diff --git a/app/assets/javascripts/static_site_editor/services/front_matterify.js b/app/assets/javascripts/static_site_editor/services/front_matterify.js
index 60a5d799d11e7..6b897b42648a8 100644
--- a/app/assets/javascripts/static_site_editor/services/front_matterify.js
+++ b/app/assets/javascripts/static_site_editor/services/front_matterify.js
@@ -8,7 +8,7 @@ const hasMatter = (firstThreeChars, fourthChar) => {
   return isYamlDelimiter && isFourthCharNewline;
 };
 
-export const frontMatterify = source => {
+export const frontMatterify = (source) => {
   let index = 3;
   let offset;
   const delimiter = source.slice(0, index);
diff --git a/app/assets/javascripts/static_site_editor/services/image_service.js b/app/assets/javascripts/static_site_editor/services/image_service.js
index 25ab1084572f5..a9b85057e3d94 100644
--- a/app/assets/javascripts/static_site_editor/services/image_service.js
+++ b/app/assets/javascripts/static_site_editor/services/image_service.js
@@ -1,8 +1,8 @@
-export const getBinary = file => {
+export const getBinary = (file) => {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
     reader.readAsDataURL(file);
     reader.onload = () => resolve(reader.result.split(',')[1]);
-    reader.onerror = error => reject(error);
+    reader.onerror = (error) => reject(error);
   });
 };
diff --git a/app/assets/javascripts/static_site_editor/services/load_source_content.js b/app/assets/javascripts/static_site_editor/services/load_source_content.js
index 1af93a8a2bcb6..fcf69efafd842 100644
--- a/app/assets/javascripts/static_site_editor/services/load_source_content.js
+++ b/app/assets/javascripts/static_site_editor/services/load_source_content.js
@@ -1,6 +1,6 @@
 import Api from '~/api';
 
-const extractTitle = content => {
+const extractTitle = (content) => {
   const matches = content.match(/title: (.+)\n/i);
 
   return matches ? Array.from(matches)[1] : '';
diff --git a/app/assets/javascripts/static_site_editor/services/parse_source_file.js b/app/assets/javascripts/static_site_editor/services/parse_source_file.js
index 39126eb7bcc19..d7499d75a2162 100644
--- a/app/assets/javascripts/static_site_editor/services/parse_source_file.js
+++ b/app/assets/javascripts/static_site_editor/services/parse_source_file.js
@@ -1,6 +1,6 @@
 import { frontMatterify, stringify } from './front_matterify';
 
-const parseSourceFile = raw => {
+const parseSourceFile = (raw) => {
   let editable;
 
   const syncContent = (newVal, isBody) => {
@@ -20,7 +20,7 @@ const parseSourceFile = raw => {
 
   const matter = () => editable.matter;
 
-  const syncMatter = settings => {
+  const syncMatter = (settings) => {
     editable.matter = settings;
   };
 
diff --git a/app/assets/javascripts/static_site_editor/services/renderers/render_image.js b/app/assets/javascripts/static_site_editor/services/renderers/render_image.js
index b0d863bdb5ad5..b5651e7163e63 100644
--- a/app/assets/javascripts/static_site_editor/services/renderers/render_image.js
+++ b/app/assets/javascripts/static_site_editor/services/renderers/render_image.js
@@ -4,16 +4,16 @@ const canRender = ({ type }) => type === 'image';
 
 let metadata;
 
-const getCachedContent = basePath => metadata.imageRepository.get(basePath);
+const getCachedContent = (basePath) => metadata.imageRepository.get(basePath);
 
-const isRelativeToCurrentDirectory = basePath => !basePath.startsWith('/');
+const isRelativeToCurrentDirectory = (basePath) => !basePath.startsWith('/');
 
-const extractSourceDirectory = url => {
+const extractSourceDirectory = (url) => {
   const sourceDir = /^(.+)\/([^/]+)$/.exec(url); // Extracts the base path and fileName from an image path
   return sourceDir || [null, null, url]; // If no source directory was extracted it means only a fileName was specified (e.g. url='file.png')
 };
 
-const parseCurrentDirectory = basePath => {
+const parseCurrentDirectory = (basePath) => {
   const baseUrl = decodeURIComponent(metadata.baseUrl);
   const sourceDirectory = extractSourceDirectory(baseUrl)[1];
   const currentDirectory = sourceDirectory.split(`/-/sse/${metadata.branch}`)[1];
@@ -23,7 +23,7 @@ const parseCurrentDirectory = basePath => {
 
 // For more context around this logic, please see the following comment:
 // https://gitlab.com/gitlab-org/gitlab/-/issues/241166#note_409413500
-const generateSourceDirectory = basePath => {
+const generateSourceDirectory = (basePath) => {
   let sourceDir = '';
   let defaultSourceDir = '';
 
diff --git a/app/assets/javascripts/static_site_editor/services/submit_content_changes.js b/app/assets/javascripts/static_site_editor/services/submit_content_changes.js
index e57028ea05a5a..84e90deacfcfa 100644
--- a/app/assets/javascripts/static_site_editor/services/submit_content_changes.js
+++ b/app/assets/javascripts/static_site_editor/services/submit_content_changes.js
@@ -32,7 +32,7 @@ const createImageActions = (images, markdown) => {
   }
 
   images.forEach((imageContent, filePath) => {
-    const imageExistsInMarkdown = path => new RegExp(`!\\[([^[\\]\\n]*)\\](\\(${path})\\)`); // matches the image markdown syntax: ![<any-string-except-newline>](<path>)
+    const imageExistsInMarkdown = (path) => new RegExp(`!\\[([^[\\]\\n]*)\\](\\(${path})\\)`); // matches the image markdown syntax: ![<any-string-except-newline>](<path>)
 
     if (imageExistsInMarkdown(filePath).test(markdown)) {
       actions.push(
diff --git a/app/assets/javascripts/static_site_editor/services/templater.js b/app/assets/javascripts/static_site_editor/services/templater.js
index d302aea78a368..47fc36c3d181e 100644
--- a/app/assets/javascripts/static_site_editor/services/templater.js
+++ b/app/assets/javascripts/static_site_editor/services/templater.js
@@ -40,10 +40,10 @@ const mark = (source, groups) => {
   const hash = {};
 
   Object.entries(groups).forEach(([groupKey, group]) => {
-    group.forEach(pattern => {
+    group.forEach((pattern) => {
       const matches = text.match(pattern);
       if (matches) {
-        matches.forEach(match => {
+        matches.forEach((match) => {
           const key = `${markPrefix}-${groupKey}-${id}`;
           text = text.replace(match, key);
           hash[key] = match;
@@ -67,12 +67,12 @@ const unmark = (text, hash) => {
   return source;
 };
 
-const unwrap = source => {
+const unwrap = (source) => {
   let text = source;
   const matches = text.match(reTemplated);
 
   if (matches) {
-    matches.forEach(match => {
+    matches.forEach((match) => {
       const initial = match.replace(`${wrapPrefix}`, '').replace(`${wrapPostfix}`, '');
       text = text.replace(match, initial);
     });
@@ -81,7 +81,7 @@ const unwrap = source => {
   return text;
 };
 
-const wrap = source => {
+const wrap = (source) => {
   const { text, hash } = mark(unwrap(source), patternGroups);
   return unmark(text, hash);
 };
diff --git a/app/assets/javascripts/task_list.js b/app/assets/javascripts/task_list.js
index b51951674d581..81d9d9d37a707 100644
--- a/app/assets/javascripts/task_list.js
+++ b/app/assets/javascripts/task_list.js
@@ -35,7 +35,7 @@ export default class TaskList {
       `${this.taskListContainerSelector} .js-task-list-field[data-value]`,
     );
 
-    taskListFields.forEach(taskListField => {
+    taskListFields.forEach((taskListField) => {
       // eslint-disable-next-line no-param-reassign
       taskListField.value = taskListField.dataset.value;
     });
diff --git a/app/assets/javascripts/terminal/terminal.js b/app/assets/javascripts/terminal/terminal.js
index bae320cb70547..26cc538994fa3 100644
--- a/app/assets/javascripts/terminal/terminal.js
+++ b/app/assets/javascripts/terminal/terminal.js
@@ -64,11 +64,11 @@ export default class GLTerminal {
     const decoder = new TextDecoder('utf-8');
     const encoder = new TextEncoder('utf-8');
 
-    this.terminal.on('data', data => {
+    this.terminal.on('data', (data) => {
       this.socket.send(encoder.encode(data));
     });
 
-    this.socket.addEventListener('message', ev => {
+    this.socket.addEventListener('message', (ev) => {
       this.terminal.write(decoder.decode(ev.data));
     });
 
@@ -110,7 +110,7 @@ export default class GLTerminal {
     this.terminal.dispose();
     this.socket.close();
 
-    this.onDispose.forEach(fn => fn());
+    this.onDispose.forEach((fn) => fn());
     this.onDispose.length = 0;
   }
 
diff --git a/app/assets/javascripts/terraform/components/terraform_list.vue b/app/assets/javascripts/terraform/components/terraform_list.vue
index 26a0bfe5fa531..b71133d8813d3 100644
--- a/app/assets/javascripts/terraform/components/terraform_list.vue
+++ b/app/assets/javascripts/terraform/components/terraform_list.vue
@@ -15,7 +15,7 @@ export default {
           ...this.cursor,
         };
       },
-      update: data => data,
+      update: (data) => data,
       error() {
         this.states = null;
       },
diff --git a/app/assets/javascripts/test_utils/simulate_input.js b/app/assets/javascripts/test_utils/simulate_input.js
index c300c806e6d5e..90c1b7cb57ec4 100644
--- a/app/assets/javascripts/test_utils/simulate_input.js
+++ b/app/assets/javascripts/test_utils/simulate_input.js
@@ -12,7 +12,7 @@ export default function simulateInput(target, text) {
   }
 
   if (text.length > 0) {
-    Array.prototype.forEach.call(text, char => {
+    Array.prototype.forEach.call(text, (char) => {
       input.value += char;
       triggerEvents(input);
     });
diff --git a/app/assets/javascripts/toggle_buttons.js b/app/assets/javascripts/toggle_buttons.js
index 10a9d29e69492..2f9338238423d 100644
--- a/app/assets/javascripts/toggle_buttons.js
+++ b/app/assets/javascripts/toggle_buttons.js
@@ -49,7 +49,7 @@ function onToggleClicked(toggle, input, clickCallback) {
 export default function setupToggleButtons(container, clickCallback = () => {}) {
   const toggles = container.querySelectorAll('.js-project-feature-toggle');
 
-  toggles.forEach(toggle => {
+  toggles.forEach((toggle) => {
     const input = toggle.querySelector('.js-project-feature-toggle-input');
     const isOn = parseBoolean(input.value);
 
diff --git a/app/assets/javascripts/tooltips/components/tooltips.vue b/app/assets/javascripts/tooltips/components/tooltips.vue
index 15fc84368b2cd..90bdf06bc4ce0 100644
--- a/app/assets/javascripts/tooltips/components/tooltips.vue
+++ b/app/assets/javascripts/tooltips/components/tooltips.vue
@@ -2,7 +2,7 @@
 import { GlTooltip, GlSafeHtmlDirective as SafeHtml } from '@gitlab/ui';
 import { uniqueId } from 'lodash';
 
-const getTooltipTitle = element => {
+const getTooltipTitle = (element) => {
   return element.getAttribute('title') || element.dataset.title;
 };
 
@@ -37,8 +37,8 @@ export default {
     };
   },
   created() {
-    this.observer = new MutationObserver(mutations => {
-      mutations.forEach(mutation => {
+    this.observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
         mutation.removedNodes.forEach(this.dispose);
       });
     });
@@ -49,11 +49,11 @@ export default {
   methods: {
     addTooltips(elements, config) {
       const newTooltips = elements
-        .filter(element => !this.tooltipExists(element))
-        .map(element => newTooltip(element, config))
-        .filter(tooltip => tooltip.title);
+        .filter((element) => !this.tooltipExists(element))
+        .map((element) => newTooltip(element, config))
+        .filter((tooltip) => tooltip.title);
 
-      newTooltips.forEach(tooltip => this.observe(tooltip));
+      newTooltips.forEach((tooltip) => this.observe(tooltip));
 
       this.tooltips.push(...newTooltips);
     },
@@ -91,7 +91,7 @@ export default {
       return Boolean(this.findTooltipByTarget(element));
     },
     findTooltipByTarget(element) {
-      return this.tooltips.find(tooltip => tooltip.target === element);
+      return this.tooltips.find((tooltip) => tooltip.target === element);
     },
   },
   safeHtmlConfig: {
diff --git a/app/assets/javascripts/tooltips/index.js b/app/assets/javascripts/tooltips/index.js
index 335925aec5fd5..b216affc81899 100644
--- a/app/assets/javascripts/tooltips/index.js
+++ b/app/assets/javascripts/tooltips/index.js
@@ -81,12 +81,12 @@ const tooltipApiInvoker = ({ glHandler, bsHandler }) => (elements, ...params) =>
 export const initTooltips = (config = {}) => {
   if (isGlTooltipsEnabled()) {
     const triggers = config?.triggers || DEFAULT_TRIGGER;
-    const events = triggers.split(' ').map(trigger => EVENTS_MAP[trigger]);
+    const events = triggers.split(' ').map((trigger) => EVENTS_MAP[trigger]);
 
-    events.forEach(event => {
+    events.forEach((event) => {
       document.addEventListener(
         event,
-        e => handleTooltipEvent(document, e, config.selector, config),
+        (e) => handleTooltipEvent(document, e, config.selector, config),
         true,
       );
     });
@@ -103,28 +103,28 @@ export const add = (elements, config = {}) => {
   return invokeBootstrapApi(elements, config);
 };
 export const dispose = tooltipApiInvoker({
-  glHandler: element => tooltipsApp().dispose(element),
-  bsHandler: elements => invokeBootstrapApi(elements, 'dispose'),
+  glHandler: (element) => tooltipsApp().dispose(element),
+  bsHandler: (elements) => invokeBootstrapApi(elements, 'dispose'),
 });
 export const fixTitle = tooltipApiInvoker({
-  glHandler: element => tooltipsApp().fixTitle(element),
-  bsHandler: elements => invokeBootstrapApi(elements, '_fixTitle'),
+  glHandler: (element) => tooltipsApp().fixTitle(element),
+  bsHandler: (elements) => invokeBootstrapApi(elements, '_fixTitle'),
 });
 export const enable = tooltipApiInvoker({
-  glHandler: element => tooltipsApp().triggerEvent(element, 'enable'),
-  bsHandler: elements => invokeBootstrapApi(elements, 'enable'),
+  glHandler: (element) => tooltipsApp().triggerEvent(element, 'enable'),
+  bsHandler: (elements) => invokeBootstrapApi(elements, 'enable'),
 });
 export const disable = tooltipApiInvoker({
-  glHandler: element => tooltipsApp().triggerEvent(element, 'disable'),
-  bsHandler: elements => invokeBootstrapApi(elements, 'disable'),
+  glHandler: (element) => tooltipsApp().triggerEvent(element, 'disable'),
+  bsHandler: (elements) => invokeBootstrapApi(elements, 'disable'),
 });
 export const hide = tooltipApiInvoker({
-  glHandler: element => tooltipsApp().triggerEvent(element, 'close'),
-  bsHandler: elements => invokeBootstrapApi(elements, 'hide'),
+  glHandler: (element) => tooltipsApp().triggerEvent(element, 'close'),
+  bsHandler: (elements) => invokeBootstrapApi(elements, 'hide'),
 });
 export const show = tooltipApiInvoker({
-  glHandler: element => tooltipsApp().triggerEvent(element, 'open'),
-  bsHandler: elements => invokeBootstrapApi(elements, 'show'),
+  glHandler: (element) => tooltipsApp().triggerEvent(element, 'open'),
+  bsHandler: (elements) => invokeBootstrapApi(elements, 'show'),
 });
 export const destroy = () => {
   tooltipsApp().$destroy();
diff --git a/app/assets/javascripts/tracking.js b/app/assets/javascripts/tracking.js
index 0a1211d0a76c4..5d82d56f4ba47 100644
--- a/app/assets/javascripts/tracking.js
+++ b/app/assets/javascripts/tracking.js
@@ -43,7 +43,7 @@ const eventHandler = (e, func, opts = {}) => {
 };
 
 const eventHandlers = (category, func) => {
-  const handler = opts => e => eventHandler(e, func, { ...{ category }, ...opts });
+  const handler = (opts) => (e) => eventHandler(e, func, { ...{ category }, ...opts });
   const handlers = [];
   handlers.push({ name: 'click', func: handler() });
   handlers.push({ name: 'show.bs.dropdown', func: handler({ suffix: '_show' }) });
@@ -79,7 +79,7 @@ export default class Tracking {
     parent.trackingBound = true;
 
     const handlers = eventHandlers(category, (...args) => this.event(...args));
-    handlers.forEach(event => parent.addEventListener(event.name, event.func));
+    handlers.forEach((event) => parent.addEventListener(event.name, event.func));
     return handlers;
   }
 
@@ -88,7 +88,7 @@ export default class Tracking {
 
     const loadEvents = parent.querySelectorAll('[data-track-event="render"]');
 
-    loadEvents.forEach(element => {
+    loadEvents.forEach((element) => {
       const { action, data } = createEventPayload(element);
       this.event(category, action, data);
     });
diff --git a/app/assets/javascripts/tree.js b/app/assets/javascripts/tree.js
index 25a14107bbc07..58bff370fa59c 100644
--- a/app/assets/javascripts/tree.js
+++ b/app/assets/javascripts/tree.js
@@ -26,7 +26,7 @@ export default class TreeView {
   initKeyNav() {
     const li = $('tr.tree-item');
     let liSelected = null;
-    return $('body').keydown(e => {
+    return $('body').keydown((e) => {
       let next, path;
       if ($('input:focus').length > 0 && (e.which === 38 || e.which === 40)) {
         return false;
diff --git a/app/assets/javascripts/ui_development_kit.js b/app/assets/javascripts/ui_development_kit.js
index 4f32e143de822..028b047d9f502 100644
--- a/app/assets/javascripts/ui_development_kit.js
+++ b/app/assets/javascripts/ui_development_kit.js
@@ -10,19 +10,19 @@ export default () => {
         {
           order_by: 'last_activity_at',
         },
-        data => {
+        (data) => {
           callback(data);
         },
       );
     },
-    text: project => project.name_with_namespace || project.name,
+    text: (project) => project.name_with_namespace || project.name,
     selectable: true,
     fieldName: 'author_id',
     filterable: true,
     search: {
       fields: ['name_with_namespace'],
     },
-    id: data => data.id,
-    isSelected: data => data.id === 2,
+    id: (data) => data.id,
+    isSelected: (data) => data.id === 2,
   });
 };
diff --git a/app/assets/javascripts/usage_ping_consent.js b/app/assets/javascripts/usage_ping_consent.js
index a69620c176217..94d476d13aebe 100644
--- a/app/assets/javascripts/usage_ping_consent.js
+++ b/app/assets/javascripts/usage_ping_consent.js
@@ -5,7 +5,7 @@ import { parseBoolean } from './lib/utils/common_utils';
 import { __ } from './locale';
 
 export default () => {
-  $('body').on('click', '.js-usage-consent-action', e => {
+  $('body').on('click', '.js-usage-consent-action', (e) => {
     e.preventDefault();
     e.stopImmediatePropagation(); // overwrite rails listener
 
diff --git a/app/assets/javascripts/user_callout.js b/app/assets/javascripts/user_callout.js
index df00f38dd70ab..44e54c85f3c70 100644
--- a/app/assets/javascripts/user_callout.js
+++ b/app/assets/javascripts/user_callout.js
@@ -15,7 +15,7 @@ export default class UserCallout {
 
   init() {
     if (!this.isCalloutDismissed || this.isCalloutDismissed === 'false') {
-      this.userCalloutBody.find('.js-close-callout').on('click', e => this.dismissCallout(e));
+      this.userCalloutBody.find('.js-close-callout').on('click', (e) => this.dismissCallout(e));
     }
   }
 
diff --git a/app/assets/javascripts/user_lists/store/edit/actions.js b/app/assets/javascripts/user_lists/store/edit/actions.js
index 8f0a2bafec7fa..6db2e65cf04f1 100644
--- a/app/assets/javascripts/user_lists/store/edit/actions.js
+++ b/app/assets/javascripts/user_lists/store/edit/actions.js
@@ -7,7 +7,7 @@ export const fetchUserList = ({ commit, state }) => {
   commit(types.REQUEST_USER_LIST);
   return Api.fetchFeatureFlagUserList(state.projectId, state.userListIid)
     .then(({ data }) => commit(types.RECEIVE_USER_LIST_SUCCESS, data))
-    .catch(response => commit(types.RECEIVE_USER_LIST_ERROR, getErrorMessages(response)));
+    .catch((response) => commit(types.RECEIVE_USER_LIST_ERROR, getErrorMessages(response)));
 };
 
 export const dismissErrorAlert = ({ commit }) => commit(types.DISMISS_ERROR_ALERT);
@@ -18,5 +18,5 @@ export const updateUserList = ({ commit, state }, userList) => {
     name: userList.name,
   })
     .then(({ data }) => redirectTo(data.path))
-    .catch(response => commit(types.RECEIVE_USER_LIST_ERROR, getErrorMessages(response)));
+    .catch((response) => commit(types.RECEIVE_USER_LIST_ERROR, getErrorMessages(response)));
 };
diff --git a/app/assets/javascripts/user_lists/store/edit/index.js b/app/assets/javascripts/user_lists/store/edit/index.js
index b30b0b04b9e5f..3b19b2b12ec60 100644
--- a/app/assets/javascripts/user_lists/store/edit/index.js
+++ b/app/assets/javascripts/user_lists/store/edit/index.js
@@ -3,7 +3,7 @@ import createState from './state';
 import * as actions from './actions';
 import mutations from './mutations';
 
-export default initialState =>
+export default (initialState) =>
   new Vuex.Store({
     actions,
     mutations,
diff --git a/app/assets/javascripts/user_lists/store/new/actions.js b/app/assets/javascripts/user_lists/store/new/actions.js
index 185508bcfbc0a..478fca401422a 100644
--- a/app/assets/javascripts/user_lists/store/new/actions.js
+++ b/app/assets/javascripts/user_lists/store/new/actions.js
@@ -11,5 +11,5 @@ export const createUserList = ({ commit, state }, userList) => {
     ...userList,
   })
     .then(({ data }) => redirectTo(data.path))
-    .catch(response => commit(types.RECEIVE_CREATE_USER_LIST_ERROR, getErrorMessages(response)));
+    .catch((response) => commit(types.RECEIVE_CREATE_USER_LIST_ERROR, getErrorMessages(response)));
 };
diff --git a/app/assets/javascripts/user_lists/store/new/index.js b/app/assets/javascripts/user_lists/store/new/index.js
index b30b0b04b9e5f..3b19b2b12ec60 100644
--- a/app/assets/javascripts/user_lists/store/new/index.js
+++ b/app/assets/javascripts/user_lists/store/new/index.js
@@ -3,7 +3,7 @@ import createState from './state';
 import * as actions from './actions';
 import mutations from './mutations';
 
-export default initialState =>
+export default (initialState) =>
   new Vuex.Store({
     actions,
     mutations,
-- 
GitLab