Merge branch 'vs-fix-import-orders-in-js' into 'master'

[RUN-AS-IF-FOSS] Fix order of imports in JavaScript files

See merge request gitlab-org/gitlab!39537

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

@@ -12,8 +12,8 @@ import {
   GlSearchBoxByType,
   GlSprintf,
 } from '@gitlab/ui';
-import { __, s__ } from '~/locale';
 import { debounce, trim } from 'lodash';
+import { __, s__ } from '~/locale';
 import { joinPaths, visitUrl } from '~/lib/utils/url_utility';
 import { fetchPolicies } from '~/lib/graphql';
 import TimeAgo from '~/vue_shared/components/time_ago_tooltip.vue';

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

@@ -10,11 +10,11 @@ import {
   GlButton,
   GlSprintf,
 } from '@gitlab/ui';
+import { debounce } from 'lodash';
 import axios from '~/lib/utils/axios_utils';
 import { s__, __ } from '~/locale';
 import alertSetAssignees from '../../graphql/mutations/alert_set_assignees.mutation.graphql';
 import SidebarAssignee from './sidebar_assignee.vue';
-import { debounce } from 'lodash';
 
 const DATA_REFETCH_DELAY = 250;
 

app/assets/javascripts/alert_management/details.js

 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
+import { defaultDataIdFromObject } from 'apollo-cache-inmemory';
 import createDefaultClient from '~/lib/graphql';
 import createRouter from './router';
-import { defaultDataIdFromObject } from 'apollo-cache-inmemory';
 import AlertDetails from './components/alert_details.vue';
 import sidebarStatusQuery from './graphql/queries/sidebar_status.query.graphql';
 

app/assets/javascripts/alert_management/list.js

 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
-import createDefaultClient from '~/lib/graphql';
 import { defaultDataIdFromObject } from 'apollo-cache-inmemory';
+import createDefaultClient from '~/lib/graphql';
 import { parseBoolean } from '~/lib/utils/common_utils';
 import AlertManagementList from './components/alert_management_list_wrapper.vue';
 

app/assets/javascripts/analytics/product_analytics/components/activity_chart.vue

 <script>
-import { s__ } from '~/locale';
 import { GlColumnChart } from '@gitlab/ui/dist/charts';
+import { s__ } from '~/locale';
 
 export default {
   i18n: {

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

 <script>
 import { mapActions, mapGetters, mapState } from 'vuex';
-import NoteableNote from '~/notes/components/noteable_note.vue';
 import { GlButton } from '@gitlab/ui';
+import NoteableNote from '~/notes/components/noteable_note.vue';
 import PublishButton from './publish_button.vue';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 

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

 <script>
 import { mapActions, mapGetters } from 'vuex';
+import { GlSprintf } from '@gitlab/ui';
 import { IMAGE_DIFF_POSITION_TYPE } from '~/diffs/constants';
 import { sprintf, __ } from '~/locale';
 import Icon from '~/vue_shared/components/icon.vue';
 import resolvedStatusMixin from '../mixins/resolved_status';
-import { GlSprintf } from '@gitlab/ui';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import {
   getStartLineNumber,

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

 <script>
 import { mapActions, mapState } from 'vuex';
-import { __ } from '~/locale';
 import { GlButton } from '@gitlab/ui';
+import { __ } from '~/locale';
 import DraftsCount from './drafts_count.vue';
 
 export default {

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

-import flash from '~/flash';
 import $ from 'jquery';
-import { __, sprintf } from '~/locale';
 import { once } from 'lodash';
+import flash from '~/flash';
+import { __, sprintf } from '~/locale';
 
 // Renders diagrams and flowcharts from text using Mermaid in any element with the
 // `js-render-mermaid` class.

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

 <script>
-import { __ } from '~/locale';
 import { GlSprintf, GlLink } from '@gitlab/ui';
+import { __ } from '~/locale';
 import { BLOB_RENDER_ERRORS } from './constants';
 
 export default {

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

 <script>
-import { initEditorLite } from '~/blob/utils';
 import { debounce } from 'lodash';
+import { initEditorLite } from '~/blob/utils';
 import {
   SNIPPET_MARK_BLOBS_CONTENT,
   SNIPPET_MARK_EDIT_APP_START,

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

 <script>
+import { GlLoadingIcon } from '@gitlab/ui';
 import axios from '~/lib/utils/axios_utils';
 import notebookLab from '~/notebook/index.vue';
-import { GlLoadingIcon } from '@gitlab/ui';
 
 export default {
   components: {

app/assets/javascripts/blob/pdf/pdf_viewer.vue

 <script>
-import PdfLab from '../../pdf/index.vue';
 import { GlLoadingIcon } from '@gitlab/ui';
+import PdfLab from '../../pdf/index.vue';
 
 export default {
   components: {

app/assets/javascripts/blob/pipeline_tour_success_modal.vue

 <script>
 import { GlModal, GlSprintf, GlLink } from '@gitlab/ui';
-import { sprintf, s__, __ } from '~/locale';
 import Cookies from 'js-cookie';
+import { sprintf, s__, __ } from '~/locale';
 import { glEmojiTag } from '~/emoji';
 import Tracking from '~/tracking';
 

app/assets/javascripts/boards/boards_util.js

-import { getIdFromGraphQLId } from '~/graphql_shared/utils';
 import ListIssue from 'ee_else_ce/boards/models/issue';
+import { getIdFromGraphQLId } from '~/graphql_shared/utils';
 
 export function getMilestone() {
   return null;

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

 <script>
 import Sortable from 'sortablejs';
 import isWipLimitsOn from 'ee_else_ce/boards/mixins/is_wip_limits';
+import BoardListHeader from 'ee_else_ce/boards/components/board_list_header.vue';
 import Tooltip from '~/vue_shared/directives/tooltip';
 import EmptyComponent from '~/vue_shared/components/empty_component';
 import BoardBlankState from './board_blank_state.vue';
-import BoardListHeader from 'ee_else_ce/boards/components/board_list_header.vue';
 import BoardList from './board_list.vue';
 import boardsStore from '../stores/boards_store';
 import eventHub from '../eventhub';

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

 <script>
 import { mapState } from 'vuex';
-import glFeatureFlagMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import BoardColumn from 'ee_else_ce/boards/components/board_column.vue';
 import EpicsSwimlanes from 'ee_component/boards/components/epics_swimlanes.vue';
+import glFeatureFlagMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 
 export default {
   components: {

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

 <script>
+import { GlButton } from '@gitlab/ui';
 import axios from '~/lib/utils/axios_utils';
 import Flash from '../../../flash';
 import { __ } from '../../../locale';
 import boardsStore from '../../stores/boards_store';
-import { GlButton } from '@gitlab/ui';
 
 export default {
   components: {

app/assets/javascripts/boards/filtered_search_boards.js

 import IssuableFilteredSearchTokenKeys from 'ee_else_ce/filtered_search/issuable_filtered_search_token_keys';
-import FilteredSearchContainer from '../filtered_search/container';
 import FilteredSearchManager from 'ee_else_ce/filtered_search/filtered_search_manager';
+import FilteredSearchContainer from '../filtered_search/container';
 import boardsStore from './stores/boards_store';
 
 export default class FilteredSearchBoards extends FilteredSearchManager {

app/assets/javascripts/boards/index.js

@@ -4,7 +4,6 @@ import { mapActions } from 'vuex';
 
 import 'ee_else_ce/boards/models/issue';
 import 'ee_else_ce/boards/models/list';
-import BoardContent from '~/boards/components/board_content.vue';
 import BoardSidebar from 'ee_else_ce/boards/components/board_sidebar';
 import initNewListDropdown from 'ee_else_ce/boards/components/new_list_dropdown';
 import boardConfigToggle from 'ee_else_ce/boards/config_toggle';
@@ -19,6 +18,7 @@ import {
 } from 'ee_else_ce/boards/ee_functions';
 
 import VueApollo from 'vue-apollo';
+import BoardContent from '~/boards/components/board_content.vue';
 import createDefaultClient from '~/lib/graphql';
 import Flash from '~/flash';
 import { __ } from '~/locale';

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

@@ -6,8 +6,8 @@ import {
   GlSearchBoxByType,
   GlIcon,
 } from '@gitlab/ui';
-import { __, sprintf } from '~/locale';
 import { mapGetters } from 'vuex';
+import { __, sprintf } from '~/locale';
 
 export default {
   name: 'CiEnvironmentsDropdown',

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

 <script>
+import { mapState, mapActions } from 'vuex';
 import CiVariableModal from './ci_variable_modal.vue';
 import CiVariableTable from './ci_variable_table.vue';
-import { mapState, mapActions } from 'vuex';
 
 export default {
   components: {

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

 <script>
 import { GlTable, GlButton, GlModalDirective, GlIcon } from '@gitlab/ui';
-import { s__, __ } from '~/locale';
 import { mapState, mapActions } from 'vuex';
+import { s__, __ } from '~/locale';
 import { ADD_CI_VARIABLE_MODAL_ID } from '../constants';
 import CiVariablePopover from './ci_variable_popover.vue';
 

app/assets/javascripts/clusters/components/fluentd_output_settings.vue

 <script>
-import { __ } from '~/locale';
-import { APPLICATION_STATUS, FLUENTD } from '~/clusters/constants';
 import {
   GlAlert,
   GlDeprecatedButton,
@@ -8,8 +6,10 @@ import {
   GlDeprecatedDropdownItem,
   GlFormCheckbox,
 } from '@gitlab/ui';
-import eventHub from '~/clusters/event_hub';
 import { mapValues } from 'lodash';
+import { __ } from '~/locale';
+import { APPLICATION_STATUS, FLUENTD } from '~/clusters/constants';
+import eventHub from '~/clusters/event_hub';
 
 const { UPDATING, UNINSTALLING, INSTALLING, INSTALLED, UPDATED } = APPLICATION_STATUS;
 

app/assets/javascripts/clusters/components/ingress_modsecurity_settings.vue

 <script>
 import { escape } from 'lodash';
-import { s__, __ } from '../../locale';
-import { APPLICATION_STATUS, INGRESS, LOGGING_MODE, BLOCKING_MODE } from '~/clusters/constants';
 import {
   GlAlert,
   GlSprintf,
@@ -12,8 +10,10 @@ import {
   GlDeprecatedDropdownItem,
   GlIcon,
 } from '@gitlab/ui';
-import eventHub from '~/clusters/event_hub';
 import modSecurityLogo from 'images/cluster_app_logos/gitlab.png';
+import { s__, __ } from '../../locale';
+import { APPLICATION_STATUS, INGRESS, LOGGING_MODE, BLOCKING_MODE } from '~/clusters/constants';
+import eventHub from '~/clusters/event_hub';
 
 const { UPDATING, UNINSTALLING, INSTALLING, INSTALLED, UPDATED } = APPLICATION_STATUS;
 

app/assets/javascripts/clusters/components/remove_cluster_confirmation.vue

 <script>
 import { escape } from 'lodash';
-import SplitButton from '~/vue_shared/components/split_button.vue';
 import { GlModal, GlButton, GlDeprecatedButton, GlFormInput } from '@gitlab/ui';
+import SplitButton from '~/vue_shared/components/split_button.vue';
 import { s__, sprintf } from '~/locale';
 import csrf from '~/lib/utils/csrf';
 

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

+import * as Sentry from '@sentry/browser';
 import Poll from '~/lib/utils/poll';
 import axios from '~/lib/utils/axios_utils';
 import flash from '~/flash';
 import { __ } from '~/locale';
 import { MAX_REQUESTS } from '../constants';
 import { parseIntPagination, normalizeHeaders } from '~/lib/utils/common_utils';
-import * as Sentry from '@sentry/browser';
 import * as types from './mutation_types';
 
 const allNodesPresent = (clusters, retryCount) => {

app/assets/javascripts/cycle_analytics/components/stage_review_component.vue

 <script>
+import { GlIcon } from '@gitlab/ui';
 import userAvatarImage from '../../vue_shared/components/user_avatar/user_avatar_image.vue';
 import limitWarning from './limit_warning_component.vue';
 import totalTime from './total_time_component.vue';
 import icon from '../../vue_shared/components/icon.vue';
-import { GlIcon } from '@gitlab/ui';
 
 export default {
   components: {

app/assets/javascripts/deploy_freeze/components/deploy_freeze_modal.vue

 <script>
 import { GlFormGroup, GlFormInput, GlModal, GlSprintf, GlLink } from '@gitlab/ui';
 import { mapActions, mapState } from 'vuex';
+import { isValidCron } from 'cron-validator';
 import { mapComputed } from '~/vuex_shared/bindings';
 import { __ } from '~/locale';
 import TimezoneDropdown from '~/vue_shared/components/timezone_dropdown.vue';
-import { isValidCron } from 'cron-validator';
 
 export default {
   components: {

app/assets/javascripts/deploy_freeze/components/deploy_freeze_table.vue

 <script>
 import { GlTable, GlButton, GlModalDirective, GlSprintf } from '@gitlab/ui';
-import { s__, __ } from '~/locale';
 import { mapState, mapActions } from 'vuex';
+import { s__, __ } from '~/locale';
 
 export default {
   fields: [

app/assets/javascripts/design_management/components/design_note_pin.vue

 <script>
-import { __, sprintf } from '~/locale';
 import { GlIcon } from '@gitlab/ui';
+import { __, sprintf } from '~/locale';
 
 export default {
   name: 'DesignNotePin',

app/assets/javascripts/design_management/components/design_sidebar.vue

 <script>
-import { s__ } from '~/locale';
 import Cookies from 'js-cookie';
-import { parseBoolean } from '~/lib/utils/common_utils';
 import { GlCollapse, GlButton, GlPopover } from '@gitlab/ui';
+import { s__ } from '~/locale';
+import { parseBoolean } from '~/lib/utils/common_utils';
 import updateActiveDiscussionMutation from '../graphql/mutations/update_active_discussion.mutation.graphql';
 import { extractDiscussions, extractParticipants } from '../utils/design_management_utils';
 import { ACTIVE_DISCUSSION_SOURCE_TYPES } from '../constants';

app/assets/javascripts/design_management/pages/index.vue

 <script>
 import { GlLoadingIcon, GlButton, GlAlert } from '@gitlab/ui';
+import VueDraggable from 'vuedraggable';
 import createFlash from '~/flash';
 import { s__, sprintf } from '~/locale';
-import VueDraggable from 'vuedraggable';
 import UploadButton from '../components/upload/button.vue';
 import DeleteButton from '../components/delete_button.vue';
 import Design from '../components/list/item.vue';

app/assets/javascripts/design_management_legacy/components/design_note_pin.vue

 <script>
-import { __, sprintf } from '~/locale';
 import { GlIcon } from '@gitlab/ui';
+import { __, sprintf } from '~/locale';
 
 export default {
   name: 'DesignNotePin',

app/assets/javascripts/design_management_legacy/components/design_sidebar.vue

 <script>
-import { s__ } from '~/locale';
 import Cookies from 'js-cookie';
-import { parseBoolean } from '~/lib/utils/common_utils';
 import { GlCollapse, GlButton, GlPopover } from '@gitlab/ui';
+import { s__ } from '~/locale';
+import { parseBoolean } from '~/lib/utils/common_utils';
 import updateActiveDiscussionMutation from '../graphql/mutations/update_active_discussion.mutation.graphql';
 import { extractDiscussions, extractParticipants } from '../utils/design_management_utils';
 import { ACTIVE_DISCUSSION_SOURCE_TYPES } from '../constants';

app/assets/javascripts/diffs/components/diff_stats.vue

 <script>
+import { isNumber } from 'lodash';
 import Icon from '~/vue_shared/components/icon.vue';
 import { n__ } from '~/locale';
-import { isNumber } from 'lodash';
 
 export default {
   components: { Icon },

app/assets/javascripts/diffs/index.js

 import Vue from 'vue';
 import { mapActions, mapState, mapGetters } from 'vuex';
+import Cookies from 'js-cookie';
 import { parseBoolean } from '~/lib/utils/common_utils';
 import FindFile from '~/vue_shared/components/file_finder/index.vue';
 import eventHub from '../notes/event_hub';
 import diffsApp from './components/app.vue';
 import { TREE_LIST_STORAGE_KEY, DIFF_WHITESPACE_COOKIE_NAME } from './constants';
-import Cookies from 'js-cookie';
 
 export default function initDiffsApp(store) {
   const fileFinderEl = document.getElementById('js-diff-file-finder');

app/assets/javascripts/error_tracking/components/error_details.vue

 <script>
 import { mapActions, mapGetters, mapState } from 'vuex';
-import createFlash from '~/flash';
 import {
   GlButton,
   GlFormInput,
@@ -13,6 +12,7 @@ import {
   GlDeprecatedDropdownItem,
   GlDeprecatedDropdownDivider,
 } from '@gitlab/ui';
+import createFlash from '~/flash';
 import { __, sprintf, n__ } from '~/locale';
 import Icon from '~/vue_shared/components/icon.vue';
 import TooltipOnTruncate from '~/vue_shared/components/tooltip_on_truncate.vue';

app/assets/javascripts/error_tracking/components/error_tracking_list.vue

@@ -14,10 +14,10 @@ import {
   GlTooltipDirective,
   GlPagination,
 } from '@gitlab/ui';
+import { isEmpty } from 'lodash';
 import AccessorUtils from '~/lib/utils/accessor';
 import TimeAgo from '~/vue_shared/components/time_ago_tooltip.vue';
 import { __ } from '~/locale';
-import { isEmpty } from 'lodash';
 import ErrorTrackingActions from './error_tracking_actions.vue';
 import Tracking from '~/tracking';
 import { trackErrorListViewsOptions, trackErrorStatusUpdateOptions } from '../utils';

app/assets/javascripts/groups/components/item_stats.vue

 <script>
 import { GlBadge } from '@gitlab/ui';
+import isProjectPendingRemoval from 'ee_else_ce/groups/mixins/is_project_pending_removal';
 import timeAgoTooltip from '~/vue_shared/components/time_ago_tooltip.vue';
 import {
   ITEM_TYPE,
@@ -8,7 +9,6 @@ import {
   PROJECT_VISIBILITY_TYPE,
 } from '../constants';
 import itemStatsValue from './item_stats_value.vue';
-import isProjectPendingRemoval from 'ee_else_ce/groups/mixins/is_project_pending_removal';
 
 export default {
   components: {

app/assets/javascripts/groups_select.js

 import $ from 'jquery';
+import { escape } from 'lodash';
 import axios from './lib/utils/axios_utils';
 import Api from './api';
-import { escape } from 'lodash';
 import { normalizeHeaders } from './lib/utils/common_utils';
 import { __ } from '~/locale';
 

app/assets/javascripts/ide/components/commit_sidebar/editor_header.vue

 <script>
 import { mapActions } from 'vuex';
-import { sprintf, __ } from '~/locale';
 import { GlModal } from '@gitlab/ui';
+import { sprintf, __ } from '~/locale';
 import FileIcon from '~/vue_shared/components/file_icon.vue';
 import ChangedFileIcon from '~/vue_shared/components/changed_file_icon.vue';
 

app/assets/javascripts/ide/components/commit_sidebar/form.vue

 <script>
 import { mapState, mapActions, mapGetters } from 'vuex';
-import { n__, __ } from '~/locale';
 import { GlModal } from '@gitlab/ui';
+import { n__, __ } from '~/locale';
 import LoadingButton from '~/vue_shared/components/loading_button.vue';
 import CommitMessageField from './message_field.vue';
 import Actions from './actions.vue';

app/assets/javascripts/ide/components/commit_sidebar/list.vue

 <script>
 import { mapActions } from 'vuex';
-import { __, sprintf } from '~/locale';
 import { GlModal } from '@gitlab/ui';
+import { __, sprintf } from '~/locale';
 import Icon from '~/vue_shared/components/icon.vue';
 import tooltip from '~/vue_shared/directives/tooltip';
 import ListItem from './list_item.vue';

app/assets/javascripts/ide/components/new_dropdown/modal.vue

 <script>
 import { mapActions, mapState, mapGetters } from 'vuex';
+import { GlModal } from '@gitlab/ui';
 import flash from '~/flash';
 import { __, sprintf, s__ } from '~/locale';
-import { GlModal } from '@gitlab/ui';
 import { modalTypes } from '../../constants';
 import { trimPathComponents, getPathParent } from '../../utils';
 

app/assets/javascripts/ide/index.js

 import Vue from 'vue';
 import { mapActions } from 'vuex';
-import Translate from '~/vue_shared/translate';
 import { identity } from 'lodash';
+import Translate from '~/vue_shared/translate';
 import ide from './components/ide.vue';
 import { createStore } from './stores';
 import { createRouter } from './ide_router';

app/assets/javascripts/ide/utils.js

-import { SIDE_LEFT, SIDE_RIGHT } from './constants';
 import { languages } from 'monaco-editor';
 import { flatten } from 'lodash';
+import { SIDE_LEFT, SIDE_RIGHT } from './constants';
 
 const toLowerCase = x => x.toLowerCase();
 

app/assets/javascripts/incidents_settings/components/pagerduty_form.vue

@@ -11,9 +11,9 @@ import {
   GlModal,
   GlModalDirective,
 } from '@gitlab/ui';
+import { isEqual } from 'lodash';
 import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
 import { I18N_PAGERDUTY_SETTINGS_FORM, CONFIGURE_PAGERDUTY_WEBHOOK_DOCS_LINK } from '../constants';
-import { isEqual } from 'lodash';
 
 export default {
   components: {

app/assets/javascripts/integrations/edit/components/active_toggle.vue

 <script>
 import { mapGetters } from 'vuex';
-import eventHub from '../event_hub';
 import { GlFormGroup, GlToggle } from '@gitlab/ui';
+import eventHub from '../event_hub';
 
 export default {
   name: 'ActiveToggle',

app/assets/javascripts/integrations/edit/components/dynamic_field.vue

 <script>
 import { mapGetters } from 'vuex';
-import eventHub from '../event_hub';
 import { capitalize, lowerCase, isEmpty } from 'lodash';
-import { __, sprintf } from '~/locale';
 import { GlFormGroup, GlFormCheckbox, GlFormInput, GlFormSelect, GlFormTextarea } from '@gitlab/ui';
+import eventHub from '../event_hub';
+import { __, sprintf } from '~/locale';
 
 export default {
   name: 'DynamicField',

app/assets/javascripts/integrations/edit/components/jira_issues_fields.vue

 <script>
-import eventHub from '../event_hub';
 import {
   GlFormGroup,
   GlFormCheckbox,
@@ -9,6 +8,7 @@ import {
   GlButton,
   GlCard,
 } from '@gitlab/ui';
+import eventHub from '../event_hub';
 
 export default {
   name: 'JiraIssuesFields',

app/assets/javascripts/integrations/edit/components/jira_trigger_fields.vue

 <script>
 import { mapGetters } from 'vuex';
-import { s__ } from '~/locale';
 import { GlFormGroup, GlFormCheckbox, GlFormRadio } from '@gitlab/ui';
+import { s__ } from '~/locale';
 
 const commentDetailOptions = [
   {

app/assets/javascripts/integrations/edit/components/override_dropdown.vue

 <script>
-import { s__ } from '~/locale';
 import { GlNewDropdown, GlNewDropdownItem } from '@gitlab/ui';
+import { s__ } from '~/locale';
 
 const dropdownOptions = [
   {

app/assets/javascripts/integrations/edit/components/trigger_fields.vue

 <script>
 import { mapGetters } from 'vuex';
 import { startCase } from 'lodash';
-import { __ } from '~/locale';
 import { GlFormGroup, GlFormCheckbox, GlFormInput } from '@gitlab/ui';
+import { __ } from '~/locale';
 
 const typeWithPlaceholder = {
   SLACK: 'slack',

app/assets/javascripts/jobs/components/environments_block.vue

 <script>
 import { isEmpty } from 'lodash';
+import { GlSprintf, GlLink } from '@gitlab/ui';
 import CiIcon from '~/vue_shared/components/ci_icon.vue';
 import { __ } from '../../locale';
-import { GlSprintf, GlLink } from '@gitlab/ui';
 
 export default {
   creatingEnvironment: 'creating',

app/assets/javascripts/lib/utils/common_utils.js

@@ -4,12 +4,12 @@
 
 import { GlBreakpointInstance as breakpointInstance } from '@gitlab/ui/dist/utils';
 import $ from 'jquery';
+import { isFunction } from 'lodash';
+import Cookies from 'js-cookie';
 import axios from './axios_utils';
 import { getLocationHash } from './url_utility';
 import { convertToCamelCase, convertToSnakeCase } from './text_utility';
 import { isObject } from './type_utility';
-import { isFunction } from 'lodash';
-import Cookies from 'js-cookie';
 
 export const getPagePath = (index = 0) => {
   const page = $('body').attr('data-page') || '';

app/assets/javascripts/logs/components/log_simple_filters.vue

 <script>
-import { s__ } from '~/locale';
 import { mapActions, mapState } from 'vuex';
 import {
   GlIcon,
@@ -7,6 +6,7 @@ import {
   GlDeprecatedDropdownHeader,
   GlDeprecatedDropdownItem,
 } from '@gitlab/ui';
+import { s__ } from '~/locale';
 
 export default {
   components: {

app/assets/javascripts/logs/utils.js

-import { secondsToMilliseconds } from '~/lib/utils/datetime_utility';
 import dateFormat from 'dateformat';
+import { secondsToMilliseconds } from '~/lib/utils/datetime_utility';
 import { dateFormatMask } from './constants';
 
 /**

app/assets/javascripts/main.js

@@ -9,6 +9,8 @@ import './commons';
 import './behaviors';
 
 // lib/utils
+import applyGitLabUIConfig from '@gitlab/ui/dist/config';
+import { GlBreakpointInstance as bp } from '@gitlab/ui/dist/utils';
 import {
   handleLocationHash,
   addSelectOnFocusBehaviour,
@@ -19,8 +21,6 @@ import { getLocationHash, visitUrl } from './lib/utils/url_utility';
 
 // everything else
 import loadAwardsHandler from './awards_handler';
-import applyGitLabUIConfig from '@gitlab/ui/dist/config';
-import { GlBreakpointInstance as bp } from '@gitlab/ui/dist/utils';
 import Flash, { removeFlashClickListener } from './flash';
 import './gl_dropdown';
 import initTodoToggle from './header';

app/assets/javascripts/milestones/project_milestone_combobox.vue

@@ -8,10 +8,10 @@ import {
   GlSearchBoxByType,
   GlIcon,
 } from '@gitlab/ui';
+import { intersection, debounce } from 'lodash';
 import { __, sprintf } from '~/locale';
 import Api from '~/api';
 import createFlash from '~/flash';
-import { intersection, debounce } from 'lodash';
 
 export default {
   components: {

app/assets/javascripts/monitoring/components/alert_widget.vue

 <script>
 import { GlBadge, GlLoadingIcon, GlModalDirective, GlIcon, GlTooltip, GlSprintf } from '@gitlab/ui';
+import { values, get } from 'lodash';
 import { s__ } from '~/locale';
 import createFlash from '~/flash';
 import AlertWidgetForm from './alert_widget_form.vue';
 import AlertsService from '../services/alerts_service';
 import { alertsValidator, queriesValidator } from '../validators';
 import { OPERATORS } from '../constants';
-import { values, get } from 'lodash';
 
 export default {
   components: {

app/assets/javascripts/monitoring/components/charts/gauge.vue

 <script>
 import { GlResizeObserverDirective } from '@gitlab/ui';
 import { GlGaugeChart } from '@gitlab/ui/dist/charts';
+import { isFinite, isArray, isInteger } from 'lodash';
 import { graphDataValidatorForValues } from '../../utils';
 import { getValidThresholds } from './options';
 import { getFormatter, SUPPORTED_FORMATS } from '~/lib/utils/unit_format';
 
-import { isFinite, isArray, isInteger } from 'lodash';
-
 export default {
   components: {
     GlGaugeChart,

app/assets/javascripts/monitoring/components/charts/options.js

+import { isFinite, uniq, sortBy, includes } from 'lodash';
 import { SUPPORTED_FORMATS, getFormatter } from '~/lib/utils/unit_format';
 import { __, s__ } from '~/locale';
-import { isFinite, uniq, sortBy, includes } from 'lodash';
 import { formatDate, timezones, formats } from '../../format_date';
 import { thresholdModeTypes } from '../../constants';
 

app/assets/javascripts/monitoring/components/dashboard_panel.vue

 <script>
 import { mapState } from 'vuex';
 import { mapValues, pickBy } from 'lodash';
-import invalidUrl from '~/lib/utils/invalid_url';
-import { convertToFixedRange } from '~/lib/utils/datetime_range';
-import { relativePathToAbsolute, getBaseURL, visitUrl, isSafeURL } from '~/lib/utils/url_utility';
 import {
   GlResizeObserverDirective,
   GlIcon,
@@ -18,6 +15,9 @@ import {
   GlTooltip,
   GlTooltipDirective,
 } from '@gitlab/ui';
+import invalidUrl from '~/lib/utils/invalid_url';
+import { convertToFixedRange } from '~/lib/utils/datetime_range';
+import { relativePathToAbsolute, getBaseURL, visitUrl, isSafeURL } from '~/lib/utils/url_utility';
 import { __, n__ } from '~/locale';
 import { panelTypes } from '../constants';
 

app/assets/javascripts/monitoring/components/duplicate_dashboard_form.vue

 <script>
-import { __, s__, sprintf } from '~/locale';
 import { GlFormGroup, GlFormInput, GlFormRadioGroup, GlFormTextarea } from '@gitlab/ui';
 import { escape as esc } from 'lodash';
+import { __, s__, sprintf } from '~/locale';
 
 const defaultFileName = dashboard => dashboard.path.split('/').reverse()[0];
 

app/assets/javascripts/monitoring/components/group_empty_state.vue

 <script>
-import { __, sprintf } from '~/locale';
 import { GlEmptyState } from '@gitlab/ui';
+import { __, sprintf } from '~/locale';
 import { metricStates } from '../constants';
 
 export default {

app/assets/javascripts/monitoring/components/refresh_button.vue

 <script>
 import Visibility from 'visibilityjs';
 import { mapActions } from 'vuex';
-import { n__, __ } from '~/locale';
-
 import {
   GlButtonGroup,
   GlButton,
@@ -11,6 +9,8 @@ import {
   GlNewDropdownDivider,
   GlTooltipDirective,
 } from '@gitlab/ui';
+import { n__, __ } from '~/locale';
+
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 
 const makeInterval = (length = 0, unit = 's') => {

app/assets/javascripts/notes/components/note_actions.vue

 <script>
-import { __ } from '~/locale';
 import { mapGetters } from 'vuex';
 import { GlLoadingIcon, GlTooltipDirective } from '@gitlab/ui';
+import { __ } from '~/locale';
 import resolvedStatusMixin from '~/batch_comments/mixins/resolved_status';
 import Icon from '~/vue_shared/components/icon.vue';
 import ReplyButton from './note_actions/reply_button.vue';

app/assets/javascripts/operation_settings/components/form_group/dashboard_timezone.vue

 <script>
-import { s__ } from '~/locale';
 import { mapState, mapActions } from 'vuex';
 import { GlFormGroup, GlFormSelect } from '@gitlab/ui';
+import { s__ } from '~/locale';
 import { timezones } from '~/monitoring/format_date';
 
 export default {

app/assets/javascripts/packages/details/components/composer_installation.vue

 <script>
 import { GlLink, GlSprintf } from '@gitlab/ui';
+import { mapGetters, mapState } from 'vuex';
 import { s__ } from '~/locale';
 import CodeInstruction from './code_instruction.vue';
 import { TrackingActions } from '../constants';
-import { mapGetters, mapState } from 'vuex';
 
 export default {
   name: 'ComposerInstallation',

app/assets/javascripts/packages/details/components/conan_installation.vue

 <script>
 import { GlLink, GlSprintf } from '@gitlab/ui';
+import { mapGetters, mapState } from 'vuex';
 import { s__ } from '~/locale';
 import CodeInstruction from './code_instruction.vue';
 import { TrackingActions } from '../constants';
-import { mapGetters, mapState } from 'vuex';
 
 export default {
   name: 'ConanInstallation',

app/assets/javascripts/packages/details/components/maven_installation.vue

 <script>
 import { GlLink, GlSprintf } from '@gitlab/ui';
+import { mapGetters, mapState } from 'vuex';
 import { s__ } from '~/locale';
 import CodeInstruction from './code_instruction.vue';
 import { TrackingActions } from '../constants';
-import { mapGetters, mapState } from 'vuex';
 
 export default {
   name: 'MavenInstallation',

app/assets/javascripts/packages/details/components/npm_installation.vue

 <script>
 import { GlLink, GlSprintf } from '@gitlab/ui';
+import { mapGetters, mapState } from 'vuex';
 import { s__ } from '~/locale';
 import CodeInstruction from './code_instruction.vue';
 import { NpmManager, TrackingActions } from '../constants';
-import { mapGetters, mapState } from 'vuex';
 
 export default {
   name: 'NpmInstallation',

app/assets/javascripts/packages/details/components/nuget_installation.vue

 <script>
 import { GlLink, GlSprintf } from '@gitlab/ui';
+import { mapGetters, mapState } from 'vuex';
 import { s__ } from '~/locale';
 import CodeInstruction from './code_instruction.vue';
 import { TrackingActions } from '../constants';
-import { mapGetters, mapState } from 'vuex';
 
 export default {
   name: 'NugetInstallation',

app/assets/javascripts/packages/details/components/pypi_installation.vue

 <script>
 import { GlLink, GlSprintf } from '@gitlab/ui';
+import { mapGetters, mapState } from 'vuex';
 import { s__ } from '~/locale';
 import CodeInstruction from './code_instruction.vue';
 import { TrackingActions } from '../constants';
-import { mapGetters, mapState } from 'vuex';
 
 export default {
   name: 'PyPiInstallation',

app/assets/javascripts/packages/list/coming_soon/packages_coming_soon.vue

@@ -8,10 +8,10 @@ import {
   GlSkeletonLoader,
   GlSprintf,
 } from '@gitlab/ui';
+import { ApolloQuery } from 'vue-apollo';
 import Tracking from '~/tracking';
 import { TrackingActions } from '../../shared/constants';
 import { s__ } from '~/locale';
-import { ApolloQuery } from 'vue-apollo';
 import comingSoonIssuesQuery from './queries/issues.graphql';
 import { toViewModel, LABEL_NAMES } from './helpers';
 

app/assets/javascripts/packages/list/components/packages_sort.vue

 <script>
 import { GlSorting, GlSortingItem } from '@gitlab/ui';
+import { mapState, mapActions } from 'vuex';
 import { ASCENDING_ODER, DESCENDING_ORDER } from '../constants';
 import getTableHeaders from '../utils';
-import { mapState, mapActions } from 'vuex';
 
 export default {
   name: 'PackageSort',

app/assets/javascripts/packages/list/packages_list_app_bundle.js

 import Vue from 'vue';
+import VueApollo from 'vue-apollo';
 import Translate from '~/vue_shared/translate';
 import { createStore } from './stores';
 import PackagesListApp from './components/packages_list_app.vue';
-import VueApollo from 'vue-apollo';
 import createDefaultClient from '~/lib/graphql';
 
 Vue.use(VueApollo);

app/assets/javascripts/packages/shared/components/package_list_row.vue

 <script>
+import { GlButton, GlIcon, GlLink, GlSprintf, GlTooltipDirective } from '@gitlab/ui';
 import PackageTags from './package_tags.vue';
 import PublishMethod from './publish_method.vue';
-import { GlButton, GlIcon, GlLink, GlSprintf, GlTooltipDirective } from '@gitlab/ui';
 import { getPackageTypeLabel } from '../utils';
 import timeagoMixin from '~/vue_shared/mixins/timeago';
 

app/assets/javascripts/packages/shared/components/publish_method.vue

 <script>
-import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
 import { GlIcon, GlLink } from '@gitlab/ui';
+import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
 import { getCommitLink } from '../utils';
 
 export default {

app/assets/javascripts/pages/projects/graphs/charts/index.js

 import Vue from 'vue';
-import { __ } from '~/locale';
 import { GlColumnChart } from '@gitlab/ui/dist/charts';
+import { __ } from '~/locale';
 import CodeCoverage from '../components/code_coverage.vue';
 import SeriesDataMixin from './series_data_mixin';
 

app/assets/javascripts/pages/projects/graphs/components/code_coverage.vue

@@ -8,8 +8,8 @@ import {
 } from '@gitlab/ui';
 import { GlAreaChart } from '@gitlab/ui/dist/charts';
 import dateFormat from 'dateformat';
-import axios from '~/lib/utils/axios_utils';
 import { get } from 'lodash';
+import axios from '~/lib/utils/axios_utils';
 
 import { __ } from '~/locale';
 

app/assets/javascripts/pages/projects/show/index.js

+import initTree from 'ee_else_ce/repository';
 import initBlob from '~/blob_edit/blob_bundle';
 import ShortcutsNavigation from '~/behaviors/shortcuts/shortcuts_navigation';
 import NotificationsForm from '~/notifications_form';
@@ -9,7 +10,6 @@ import leaveByUrl from '~/namespaces/leave_by_url';
 import Star from '../../../star';
 import notificationsDropdown from '../../../notifications_dropdown';
 import { showLearnGitLabProjectPopover } from '~/onboarding_issues';
-import initTree from 'ee_else_ce/repository';
 
 document.addEventListener('DOMContentLoaded', () => {
   initReadMore();

app/assets/javascripts/pages/projects/tree/show/index.js

 import $ from 'jquery';
+import initTree from 'ee_else_ce/repository';
 import initBlob from '~/blob_edit/blob_bundle';
 import ShortcutsNavigation from '../../../../behaviors/shortcuts/shortcuts_navigation';
 import NewCommitForm from '../../../../new_commit_form';
-import initTree from 'ee_else_ce/repository';
 
 document.addEventListener('DOMContentLoaded', () => {
   new ShortcutsNavigation(); // eslint-disable-line no-new

app/assets/javascripts/pipeline_new/components/pipeline_new_form.vue

 <script>
 import Vue from 'vue';
-import { s__, __ } from '~/locale';
-import Api from '~/api';
-import { redirectTo } from '~/lib/utils/url_utility';
-import { VARIABLE_TYPE, FILE_TYPE } from '../constants';
 import { uniqueId } from 'lodash';
 import {
   GlAlert,
@@ -18,6 +14,10 @@ import {
   GlSearchBoxByType,
   GlSprintf,
 } from '@gitlab/ui';
+import { s__, __ } from '~/locale';
+import Api from '~/api';
+import { redirectTo } from '~/lib/utils/url_utility';
+import { VARIABLE_TYPE, FILE_TYPE } from '../constants';
 
 export default {
   typeOptions: [

app/assets/javascripts/pipelines/components/pipelines_list/pipelines_filtered_search.vue

 <script>
 import { GlFilteredSearch } from '@gitlab/ui';
+import { map } from 'lodash';
 import { __, s__ } from '~/locale';
 import PipelineTriggerAuthorToken from './tokens/pipeline_trigger_author_token.vue';
 import PipelineBranchNameToken from './tokens/pipeline_branch_name_token.vue';
 import PipelineStatusToken from './tokens/pipeline_status_token.vue';
 import PipelineTagNameToken from './tokens/pipeline_tag_name_token.vue';
-import { map } from 'lodash';
 
 export default {
   userType: 'username',

app/assets/javascripts/pipelines/components/pipelines_list/tokens/pipeline_branch_name_token.vue

 <script>
 import { GlFilteredSearchToken, GlFilteredSearchSuggestion, GlLoadingIcon } from '@gitlab/ui';
+import { debounce } from 'lodash';
 import Api from '~/api';
 import { FETCH_BRANCH_ERROR_MESSAGE, FILTER_PIPELINES_SEARCH_DELAY } from '../../../constants';
 import createFlash from '~/flash';
-import { debounce } from 'lodash';
 
 export default {
   components: {

app/assets/javascripts/pipelines/components/pipelines_list/tokens/pipeline_tag_name_token.vue

 <script>
 import { GlFilteredSearchToken, GlFilteredSearchSuggestion, GlLoadingIcon } from '@gitlab/ui';
+import { debounce } from 'lodash';
 import Api from '~/api';
 import { FETCH_TAG_ERROR_MESSAGE, FILTER_PIPELINES_SEARCH_DELAY } from '../../../constants';
 import createFlash from '~/flash';
-import { debounce } from 'lodash';
 
 export default {
   components: {

app/assets/javascripts/pipelines/components/pipelines_list/tokens/pipeline_trigger_author_token.vue

@@ -6,9 +6,9 @@ import {
   GlDeprecatedDropdownDivider,
   GlLoadingIcon,
 } from '@gitlab/ui';
+import { debounce } from 'lodash';
 import Api from '~/api';
 import createFlash from '~/flash';
-import { debounce } from 'lodash';
 import {
   ANY_TRIGGER_AUTHOR,
   FETCH_AUTHOR_ERROR_MESSAGE,

app/assets/javascripts/pipelines/components/test_reports/test_suite_table.vue

 <script>
 import { mapGetters } from 'vuex';
+import { GlTooltipDirective, GlFriendlyWrap } from '@gitlab/ui';
 import Icon from '~/vue_shared/components/icon.vue';
 import { __ } from '~/locale';
-import { GlTooltipDirective, GlFriendlyWrap } from '@gitlab/ui';
 import SmartVirtualList from '~/vue_shared/components/smart_virtual_list.vue';
 
 export default {

app/assets/javascripts/pipelines/components/test_reports/test_summary_table.vue

 <script>
 import { mapGetters } from 'vuex';
-import { s__ } from '~/locale';
 import { GlIcon, GlTooltipDirective } from '@gitlab/ui';
+import { s__ } from '~/locale';
 import SmartVirtualList from '~/vue_shared/components/smart_virtual_list.vue';
 
 export default {

app/assets/javascripts/projects/experiment_new_project_creation/components/app.vue

 <script>
+import { GlBreadcrumb, GlIcon } from '@gitlab/ui';
 import WelcomePage from './welcome.vue';
 import LegacyContainer from './legacy_container.vue';
-import { GlBreadcrumb, GlIcon } from '@gitlab/ui';
 import { __, s__ } from '~/locale';
 
 import blankProjectIllustration from '../illustrations/blank-project.svg';

app/assets/javascripts/projects/experiment_new_project_creation/components/welcome.vue

 <script>
-import Tracking from '~/tracking';
 import { GlPopover } from '@gitlab/ui';
+import Tracking from '~/tracking';
 import LegacyContainer from './legacy_container.vue';
 
 const trackingMixin = Tracking.mixin(gon.tracking_data);

app/assets/javascripts/projects/pipelines/charts/components/app.vue

 <script>
 import dateFormat from 'dateformat';
-import { __, sprintf } from '~/locale';
 import { GlColumnChart } from '@gitlab/ui/dist/charts';
+import { __, sprintf } from '~/locale';
 import { getDateInPast } from '~/lib/utils/datetime_utility';
 import StatisticsList from './statistics_list.vue';
 import PipelinesAreaChart from './pipelines_area_chart.vue';

app/assets/javascripts/projects/project_new.js

 import $ from 'jquery';
+import DEFAULT_PROJECT_TEMPLATES from 'ee_else_ce/projects/default_project_templates';
 import { addSelectOnFocusBehaviour } from '../lib/utils/common_utils';
 import { convertToTitleCase, humanize, slugify } from '../lib/utils/text_utility';
-import DEFAULT_PROJECT_TEMPLATES from 'ee_else_ce/projects/default_project_templates';
 
 let hasUserDefinedProjectPath = false;
 let hasUserDefinedProjectName = false;

app/assets/javascripts/releases/components/release_block_assets.vue

 <script>
 import { GlTooltipDirective, GlLink, GlButton, GlCollapse, GlIcon, GlBadge } from '@gitlab/ui';
+import { difference, get } from 'lodash';
 import Icon from '~/vue_shared/components/icon.vue';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { ASSET_LINK_TYPE } from '../constants';
 import { __, s__, sprintf } from '~/locale';
-import { difference, get } from 'lodash';
 
 export default {
   name: 'ReleaseBlockAssets',

app/assets/javascripts/releases/components/release_block_author.vue

 <script>
-import { __, sprintf } from '~/locale';
 import { GlSprintf } from '@gitlab/ui';
+import { __, sprintf } from '~/locale';
 import UserAvatarLink from '~/vue_shared/components/user_avatar/user_avatar_link.vue';
 
 export default {

app/assets/javascripts/releases/components/release_block_milestone_info.vue

@@ -7,9 +7,9 @@ import {
   GlTooltipDirective,
   GlSprintf,
 } from '@gitlab/ui';
+import { sum } from 'lodash';
 import { __, n__, sprintf } from '~/locale';
 import { MAX_MILESTONES_TO_DISPLAY } from '../constants';
-import { sum } from 'lodash';
 
 export default {
   name: 'ReleaseBlockMilestoneInfo',

app/assets/javascripts/releases/stores/modules/detail/mutations.js

-import * as types from './mutation_types';
 import { uniqueId, cloneDeep } from 'lodash';
+import * as types from './mutation_types';
 import { DEFAULT_ASSET_LINK_TYPE } from '../../../constants';
 
 const findReleaseLink = (release, id) => {

app/assets/javascripts/reports/components/grouped_test_reports_app.vue

 <script>
 import { mapActions, mapGetters, mapState } from 'vuex';
+import { GlButton } from '@gitlab/ui';
 import { sprintf, s__ } from '~/locale';
 import { componentNames } from './issue_body';
 import ReportSection from './report_section.vue';
 import SummaryRow from './summary_row.vue';
 import IssuesList from './issues_list.vue';
 import Modal from './modal.vue';
-import { GlButton } from '@gitlab/ui';
 import createStore from '../store';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { summaryTextBuilder, reportTextBuilder, statusIcon } from '../store/utils';