Merge branch 'vs-sort-js-imports-in-ee-code' into 'master'

Sort JS imports in the EE code

See merge request gitlab-org/gitlab!52977

ee/app/assets/javascripts/admin/dev_ops_report/components/devops_adoption_app.vue

@@ -11,9 +11,6 @@ import {
 import * as Sentry from '~/sentry/wrapper';
 import getGroupsQuery from '../graphql/queries/get_groups.query.graphql';
 import devopsAdoptionSegmentsQuery from '../graphql/queries/devops_adoption_segments.query.graphql';
-import DevopsAdoptionEmptyState from './devops_adoption_empty_state.vue';
-import DevopsAdoptionSegmentModal from './devops_adoption_segment_modal.vue';
-import DevopsAdoptionTable from './devops_adoption_table.vue';
 import {
   DEVOPS_ADOPTION_STRINGS,
   DEVOPS_ADOPTION_ERROR_KEYS,
@@ -22,6 +19,9 @@ import {
   DATE_TIME_FORMAT,
   DEVOPS_ADOPTION_SEGMENT_MODAL_ID,
 } from '../constants';
+import DevopsAdoptionEmptyState from './devops_adoption_empty_state.vue';
+import DevopsAdoptionSegmentModal from './devops_adoption_segment_modal.vue';
+import DevopsAdoptionTable from './devops_adoption_table.vue';
 
 export default {
   name: 'DevopsAdoptionApp',

ee/app/assets/javascripts/admin/dev_ops_report/components/devops_adoption_table.vue

@@ -8,8 +8,6 @@ import {
   GlIcon,
 } from '@gitlab/ui';
 import LocalStorageSync from '~/vue_shared/components/local_storage_sync.vue';
-import DevopsAdoptionTableCellFlag from './devops_adoption_table_cell_flag.vue';
-import DevopsAdoptionDeleteModal from './devops_adoption_delete_modal.vue';
 import {
   DEVOPS_ADOPTION_TABLE_TEST_IDS,
   DEVOPS_ADOPTION_STRINGS,
@@ -18,6 +16,8 @@ import {
   DEVOPS_ADOPTION_SEGMENTS_TABLE_SORT_BY_STORAGE_KEY,
   DEVOPS_ADOPTION_SEGMENTS_TABLE_SORT_DESC_STORAGE_KEY,
 } from '../constants';
+import DevopsAdoptionTableCellFlag from './devops_adoption_table_cell_flag.vue';
+import DevopsAdoptionDeleteModal from './devops_adoption_delete_modal.vue';
 
 const NAME_HEADER = 'name';
 

ee/app/assets/javascripts/analytics/code_review_analytics/filtered_search_code_review_analytics.js

 import FilteredSearchManager from 'ee_else_ce/filtered_search/filtered_search_manager';
-import CodeReviewAnalyticsFilteredSearchTokenKeys from './code_review_analytics_filtered_search_token_keys';
 import { urlParamsToObject } from '~/lib/utils/common_utils';
 import { __ } from '~/locale';
+import CodeReviewAnalyticsFilteredSearchTokenKeys from './code_review_analytics_filtered_search_token_keys';
 import store from './store';
 import transformFilters from './utils';
 

ee/app/assets/javascripts/analytics/code_review_analytics/store/modules/merge_requests/actions.js

 import API from 'ee/api';
-import * as types from './mutation_types';
 import { __ } from '~/locale';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { normalizeHeaders, parseIntPagination } from '~/lib/utils/common_utils';
 import { filterToQueryObject } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
+import * as types from './mutation_types';
 
 export const setProjectId = ({ commit }, projectId) => commit(types.SET_PROJECT_ID, projectId);
 

ee/app/assets/javascripts/analytics/contribution_analytics/contribution_analytics_bundle.js

 import Vue from 'vue';
 import { sortBy } from 'lodash';
-import ColumnChart from './components/column_chart.vue';
 import { __ } from '~/locale';
+import ColumnChart from './components/column_chart.vue';
 
 const sortByValue = (data) => sortBy(data, (item) => item[1]).reverse();
 

ee/app/assets/javascripts/analytics/cycle_analytics/components/base.vue

 <script>
 import { GlEmptyState } from '@gitlab/ui';
 import { mapActions, mapState, mapGetters } from 'vuex';
+import UrlSync from '~/vue_shared/components/url_sync.vue';
 import { PROJECTS_PER_PAGE } from '../constants';
 import ProjectsDropdownFilter from '../../shared/components/projects_dropdown_filter.vue';
 import { DATE_RANGE_LIMIT } from '../../shared/constants';
 import DateRange from '../../shared/components/daterange.vue';
+import { toYmd } from '../../shared/utils';
 import StageTable from './stage_table.vue';
 import DurationChart from './duration_chart.vue';
 import TypeOfWorkCharts from './type_of_work_charts.vue';
-import UrlSync from '~/vue_shared/components/url_sync.vue';
-import { toYmd } from '../../shared/utils';
 import StageTableNav from './stage_table_nav.vue';
 import CustomStageForm from './custom_stage_form.vue';
 import PathNavigation from './path_navigation.vue';

ee/app/assets/javascripts/analytics/cycle_analytics/components/create_value_stream_form/custom_stage_fields.vue

 <script>
 import { GlFormGroup, GlFormInput, GlDropdown, GlDropdownItem } from '@gitlab/ui';
-import StageFieldActions from './stage_field_actions.vue';
 import LabelsSelector from '../labels_selector.vue';
+import { isLabelEvent, getLabelEventsIdentifiers } from '../../utils';
+import StageFieldActions from './stage_field_actions.vue';
 import { I18N } from './constants';
 import { startEventOptions, endEventOptions } from './utils';
-import { isLabelEvent, getLabelEventsIdentifiers } from '../../utils';
 
 export default {
   name: 'CustomStageFormFields',

ee/app/assets/javascripts/analytics/cycle_analytics/components/create_value_stream_form/utils.js

 import { isStartEvent, getAllowedEndEvents, eventToOption, eventsByIdentifier } from '../../utils';
-import { I18N, ERRORS, defaultErrors, defaultFields, NAME_MAX_LENGTH } from './constants';
 import { DEFAULT_STAGE_NAMES } from '../../constants';
+import { I18N, ERRORS, defaultErrors, defaultFields, NAME_MAX_LENGTH } from './constants';
 
 /**
  * @typedef {Object} CustomStageEvents

ee/app/assets/javascripts/analytics/cycle_analytics/components/custom_stage_form.vue

@@ -10,11 +10,11 @@ import {
   GlButton,
 } from '@gitlab/ui';
 import { convertObjectPropsToSnakeCase } from '~/lib/utils/common_utils';
+import { STAGE_ACTIONS } from '../constants';
+import { getAllowedEndEvents, getLabelEventsIdentifiers, isLabelEvent } from '../utils';
 import CustomStageFormFields from './create_value_stream_form/custom_stage_fields.vue';
 import { validateStage, initializeFormData } from './create_value_stream_form/utils';
 import { defaultFields, ERRORS, I18N } from './create_value_stream_form/constants';
-import { STAGE_ACTIONS } from '../constants';
-import { getAllowedEndEvents, getLabelEventsIdentifiers, isLabelEvent } from '../utils';
 
 export default {
   components: {

ee/app/assets/javascripts/analytics/cycle_analytics/components/labels_selector.vue

 <script>
-import Api from 'ee/api';
 import { debounce } from 'lodash';
 import {
   GlDropdown,
@@ -10,6 +9,7 @@ import {
   GlSearchBoxByType,
 } from '@gitlab/ui';
 import { mapGetters } from 'vuex';
+import Api from 'ee/api';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { __ } from '~/locale';
 import { removeFlash } from '../utils';

ee/app/assets/javascripts/analytics/cycle_analytics/components/metrics.vue

 <script>
+import MetricCard from '~/analytics/shared/components/metric_card.vue';
 import { OVERVIEW_METRICS } from '../constants';
 import TimeMetricsCard from './time_metrics_card.vue';
-import MetricCard from '~/analytics/shared/components/metric_card.vue';
 
 export default {
   name: 'OverviewActivity',

ee/app/assets/javascripts/analytics/cycle_analytics/components/stage_table_nav.vue

 <script>
 import Sortable from 'sortablejs';
-import StageNavItem from './stage_nav_item.vue';
-import AddStageButton from './add_stage_button.vue';
 import { STAGE_ACTIONS } from '../constants';
 import { NO_DRAG_CLASS } from '../../shared/constants';
 import sortableDefaultOptions from '../../shared/mixins/sortable_default_options';
+import AddStageButton from './add_stage_button.vue';
+import StageNavItem from './stage_nav_item.vue';
 
 export default {
   name: 'StageTableNav',

ee/app/assets/javascripts/analytics/cycle_analytics/components/type_of_work_charts.vue

@@ -2,11 +2,11 @@
 import { mapActions, mapGetters, mapState } from 'vuex';
 import { GlAlert } from '@gitlab/ui';
 import ChartSkeletonLoader from '~/vue_shared/components/resizable_chart/skeleton_loader.vue';
-import TasksByTypeChart from './tasks_by_type/tasks_by_type_chart.vue';
-import TasksByTypeFilters from './tasks_by_type/tasks_by_type_filters.vue';
 import { s__, sprintf, __ } from '~/locale';
 import { formattedDate } from '../../shared/utils';
 import { TASKS_BY_TYPE_SUBJECT_ISSUE } from '../constants';
+import TasksByTypeFilters from './tasks_by_type/tasks_by_type_filters.vue';
+import TasksByTypeChart from './tasks_by_type/tasks_by_type_chart.vue';
 
 export default {
   name: 'TypeOfWorkCharts',

ee/app/assets/javascripts/analytics/cycle_analytics/index.js

 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
 import { GlToast } from '@gitlab/ui';
-import CycleAnalytics from './components/base.vue';
-import createStore from './store';
-import { buildCycleAnalyticsInitialData } from '../shared/utils';
 import createDefaultClient from '~/lib/graphql';
 import { urlQueryToFilter } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
+import { buildCycleAnalyticsInitialData } from '../shared/utils';
+import CycleAnalytics from './components/base.vue';
+import createStore from './store';
 
 Vue.use(GlToast);
 Vue.use(VueApollo);

ee/app/assets/javascripts/analytics/cycle_analytics/store/actions.js

@@ -2,7 +2,6 @@ import Api from 'ee/api';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { __, sprintf } from '~/locale';
 import httpStatus from '~/lib/utils/http_status';
-import * as types from './mutation_types';
 import { FETCH_VALUE_STREAM_DATA } from '../constants';
 import {
   removeFlash,
@@ -11,6 +10,7 @@ import {
   checkForDataError,
   flashErrorIfStatusNotOk,
 } from '../utils';
+import * as types from './mutation_types';
 
 const appendExtension = (path) => (path.indexOf('.') > -1 ? path : `${path}.json`);
 

ee/app/assets/javascripts/analytics/cycle_analytics/store/modules/custom_stages/actions.js

@@ -2,8 +2,8 @@ import Api from 'ee/api';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { __, sprintf } from '~/locale';
 import httpStatusCodes from '~/lib/utils/http_status';
-import * as types from './mutation_types';
 import { removeFlash, isStageNameExistsError } from '../../../utils';
+import * as types from './mutation_types';
 
 export const setStageEvents = ({ commit }, data) => commit(types.SET_STAGE_EVENTS, data);
 export const setStageFormErrors = ({ commit }, errors) =>

ee/app/assets/javascripts/analytics/cycle_analytics/store/modules/custom_stages/mutations.js

 import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
-import * as types from './mutation_types';
 import { transformRawStages } from '../../../utils';
+import * as types from './mutation_types';
 
 const extractFormFields = (rawStage = {}) => {
   const [

ee/app/assets/javascripts/analytics/cycle_analytics/store/modules/duration_chart/actions.js

 import Api from 'ee/api';
 import { __ } from '~/locale';
-import * as types from './mutation_types';
 import { checkForDataError, flashErrorIfStatusNotOk } from '../../../utils';
+import * as types from './mutation_types';
 
 export const setLoading = ({ commit }, loading) => commit(types.SET_LOADING, loading);
 

ee/app/assets/javascripts/analytics/cycle_analytics/store/modules/type_of_work/actions.js

 import Api from 'ee/api';
 import { __ } from '~/locale';
-import * as types from './mutation_types';
 import { throwIfUserForbidden, checkForDataError, flashErrorIfStatusNotOk } from '../../../utils';
+import * as types from './mutation_types';
 
 export const setLoading = ({ commit }, loading) => commit(types.SET_LOADING, loading);
 

ee/app/assets/javascripts/analytics/cycle_analytics/store/modules/type_of_work/mutations.js

 import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
-import * as types from './mutation_types';
 import { transformRawTasksByTypeData, toggleSelectedLabel } from '../../../utils';
 import { TASKS_BY_TYPE_FILTERS } from '../../../constants';
+import * as types from './mutation_types';
 
 export default {
   [types.SET_LOADING](state, loading) {

ee/app/assets/javascripts/analytics/cycle_analytics/store/mutations.js

 import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
-import * as types from './mutation_types';
 import { transformRawStages } from '../utils';
+import * as types from './mutation_types';
 
 export default {
   [types.SET_FEATURE_FLAGS](state, featureFlags) {

ee/app/assets/javascripts/analytics/productivity_analytics/components/app.vue

@@ -14,12 +14,12 @@ import dateFormat from 'dateformat';
 import { GlColumnChart } from '@gitlab/ui/dist/charts';
 import featureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { beginOfDayTime, endOfDayTime } from '~/lib/utils/datetime_utility';
-import MetricChart from './metric_chart.vue';
 import Scatterplot from '../../shared/components/scatterplot.vue';
-import MergeRequestTable from './mr_table.vue';
 import { chartKeys } from '../constants';
 import { dateFormats } from '../../shared/constants';
 import urlSyncMixin from '../../shared/mixins/url_sync_mixin';
+import MergeRequestTable from './mr_table.vue';
+import MetricChart from './metric_chart.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/analytics/productivity_analytics/components/filter_dropdowns.vue

 <script>
 import { mapState, mapActions } from 'vuex';
-import GroupsDropdownFilter from '../../shared/components/groups_dropdown_filter.vue';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
+import GroupsDropdownFilter from '../../shared/components/groups_dropdown_filter.vue';
 import ProjectsDropdownFilter from '../../shared/components/projects_dropdown_filter.vue';
 import { accessLevelReporter, projectsPerPage } from '../constants';
 

ee/app/assets/javascripts/analytics/productivity_analytics/components/mr_table.vue

 <script>
 import { GlDropdown, GlDropdownItem, GlIcon } from '@gitlab/ui';
-import MergeRequestTableRow from './mr_table_row.vue';
 import Pagination from '~/vue_shared/components/pagination_links.vue';
+import MergeRequestTableRow from './mr_table_row.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/analytics/productivity_analytics/filtered_search_productivity_analytics.js

 import FilteredSearchManager from 'ee_else_ce/filtered_search/filtered_search_manager';
-import ProductivityAnalyticsFilteredSearchTokenKeys from './productivity_analytics_filtered_search_token_keys';
 import { urlParamsToObject } from '~/lib/utils/common_utils';
 import { __ } from '~/locale';
+import ProductivityAnalyticsFilteredSearchTokenKeys from './productivity_analytics_filtered_search_token_keys';
 import store from './store';
 
 export default class FilteredSearchProductivityAnalytics extends FilteredSearchManager {

ee/app/assets/javascripts/analytics/productivity_analytics/index.js

 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
 import { mapState, mapActions } from 'vuex';
+import createDefaultClient from '~/lib/graphql';
+import { parseBoolean } from '~/lib/utils/common_utils';
+import { getIdFromGraphQLId } from '~/graphql_shared/utils';
+import DateRange from '../shared/components/daterange.vue';
+import { buildGroupFromDataset, buildProjectFromDataset } from '../shared/utils';
 import store from './store';
 import FilterDropdowns from './components/filter_dropdowns.vue';
-import DateRange from '../shared/components/daterange.vue';
 import ProductivityAnalyticsApp from './components/app.vue';
 import FilteredSearchProductivityAnalytics from './filtered_search_productivity_analytics';
-import createDefaultClient from '~/lib/graphql';
-import { parseBoolean } from '~/lib/utils/common_utils';
-import { getIdFromGraphQLId } from '~/graphql_shared/utils';
 import { getLabelsEndpoint, getMilestonesEndpoint } from './utils';
-import { buildGroupFromDataset, buildProjectFromDataset } from '../shared/utils';
 
 Vue.use(VueApollo);
 

ee/app/assets/javascripts/analytics/productivity_analytics/store/modules/charts/actions.js

 import axios from '~/lib/utils/axios_utils';
-import * as types from './mutation_types';
 import { getDateInPast } from '~/lib/utils/datetime_utility';
 import { chartKeys, scatterPlotAddonQueryDays } from '../../../constants';
 import { transformScatterData } from '../../../utils';
+import * as types from './mutation_types';
 
 /**
  * Fetches data for all charts except for the main chart

ee/app/assets/javascripts/analytics/productivity_analytics/store/modules/charts/mutations.js

-import * as types from './mutation_types';
 import { chartKeys } from '../../../constants';
+import * as types from './mutation_types';
 
 export default {
   [types.RESET_CHART_DATA](state, chartKey) {

ee/app/assets/javascripts/analytics/productivity_analytics/store/modules/filters/actions.js

-import * as types from './mutation_types';
 import { chartKeys } from '../../../constants';
+import * as types from './mutation_types';
 
 export const setInitialData = ({ commit, dispatch }, { skipFetch = false, data }) => {
   commit(types.SET_INITIAL_DATA, data);

ee/app/assets/javascripts/analytics/productivity_analytics/store/modules/table/actions.js

 import axios from '~/lib/utils/axios_utils';
-import * as types from './mutation_types';
 import { parseIntPagination, normalizeHeaders } from '~/lib/utils/common_utils';
 import { daysToMergeMetric } from '../../../constants';
+import * as types from './mutation_types';
 
 export const fetchMergeRequests = ({ dispatch, state, rootState, rootGetters }) => {
   dispatch('requestMergeRequests');

ee/app/assets/javascripts/analytics/productivity_analytics/store/modules/table/mutations.js

-import * as types from './mutation_types';
 import { tableSortOrder } from '../../../constants';
+import * as types from './mutation_types';
 
 export default {
   [types.REQUEST_MERGE_REQUESTS](state) {

ee/app/assets/javascripts/analytics/repository_analytics/components/test_coverage_table.vue

@@ -7,8 +7,8 @@ import { __, s__ } from '~/locale';
 import { joinPaths } from '~/lib/utils/url_utility';
 import { SUPPORTED_FORMATS, getFormatter } from '~/lib/utils/unit_format';
 import TimeAgoTooltip from '~/vue_shared/components/time_ago_tooltip.vue';
-import SelectProjectsDropdown from './select_projects_dropdown.vue';
 import getProjectsTestCoverage from '../graphql/queries/get_projects_test_coverage.query.graphql';
+import SelectProjectsDropdown from './select_projects_dropdown.vue';
 
 export default {
   name: 'TestCoverageTable',

ee/app/assets/javascripts/approvals/components/approval_check_rule_popover.vue

 <script>
-import ApprovalCheckPopover from './approval_check_popover.vue';
 import { VULNERABILITY_CHECK_NAME, LICENSE_CHECK_NAME, APPROVAL_RULE_CONFIGS } from '../constants';
+import ApprovalCheckPopover from './approval_check_popover.vue';
 
 export default {
   name: 'ApprovalCheckRulePopover',

ee/app/assets/javascripts/approvals/components/approvers_list_item.vue

 <script>
 import { GlButton, GlTooltipDirective } from '@gitlab/ui';
 import Avatar from '~/vue_shared/components/project_avatar/default.vue';
-import HiddenGroupsItem from './hidden_groups_item.vue';
 import { TYPE_USER, TYPE_GROUP, TYPE_HIDDEN_GROUPS } from '../constants';
+import HiddenGroupsItem from './hidden_groups_item.vue';
 
 const types = [TYPE_USER, TYPE_GROUP, TYPE_HIDDEN_GROUPS];
 

ee/app/assets/javascripts/approvals/components/approvers_select.vue

@@ -3,9 +3,9 @@ import $ from 'jquery';
 import { escape, debounce } from 'lodash';
 import Api from 'ee/api';
 import { __ } from '~/locale';
-import { TYPE_USER, TYPE_GROUP } from '../constants';
 import { renderAvatar } from '~/helpers/avatar_helper';
 import { loadCSSFile } from '~/lib/utils/css_utils';
+import { TYPE_USER, TYPE_GROUP } from '../constants';
 
 function addType(type) {
   return (items) => items.map((obj) => Object.assign(obj, { type }));

ee/app/assets/javascripts/approvals/components/license_compliance/index.vue

@@ -8,8 +8,8 @@ import {
   GlSprintf,
 } from '@gitlab/ui';
 import { APPROVALS, APPROVALS_MODAL } from 'ee/approvals/stores/modules/license_compliance';
-import ModalLicenseCompliance from './modal.vue';
 import { s__ } from '~/locale';
+import ModalLicenseCompliance from './modal.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/approvals/components/mr_edit/mr_rules.vue

 <script>
 import { mapState, mapActions } from 'vuex';
 import { __ } from '~/locale';
-import { RULE_TYPE_ANY_APPROVER, RULE_TYPE_REGULAR, RULE_NAME_ANY_APPROVER } from '../../constants';
 import UserAvatarList from '~/vue_shared/components/user_avatar/user_avatar_list.vue';
+import { RULE_TYPE_ANY_APPROVER, RULE_TYPE_REGULAR, RULE_NAME_ANY_APPROVER } from '../../constants';
 import Rules from '../rules.vue';
 import RuleControls from '../rule_controls.vue';
 import EmptyRule from '../empty_rule.vue';

ee/app/assets/javascripts/approvals/components/project_settings/project_rules.vue

@@ -3,9 +3,9 @@ import { mapState, mapActions } from 'vuex';
 import RuleName from 'ee/approvals/components/rule_name.vue';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { n__, sprintf } from '~/locale';
+import UserAvatarList from '~/vue_shared/components/user_avatar/user_avatar_list.vue';
 import { RULE_TYPE_ANY_APPROVER, RULE_TYPE_REGULAR } from '../../constants';
 
-import UserAvatarList from '~/vue_shared/components/user_avatar/user_avatar_list.vue';
 import Rules from '../rules.vue';
 import RuleControls from '../rule_controls.vue';
 import EmptyRule from '../empty_rule.vue';

ee/app/assets/javascripts/approvals/components/rule_form.vue

@@ -3,10 +3,10 @@ import { mapState, mapActions } from 'vuex';
 import { groupBy, isNumber } from 'lodash';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { sprintf, __ } from '~/locale';
+import { TYPE_USER, TYPE_GROUP, TYPE_HIDDEN_GROUPS } from '../constants';
 import ApproversList from './approvers_list.vue';
 import ApproversSelect from './approvers_select.vue';
 import BranchesSelect from './branches_select.vue';
-import { TYPE_USER, TYPE_GROUP, TYPE_HIDDEN_GROUPS } from '../constants';
 
 const DEFAULT_NAME = 'Default';
 const DEFAULT_NAME_FOR_LICENSE_REPORT = 'License-Check';

ee/app/assets/javascripts/approvals/mount_project_settings.js

 import Vue from 'vue';
 import Vuex from 'vuex';
+import { parseBoolean } from '~/lib/utils/common_utils';
 import createStore from './stores';
 import projectSettingsModule from './stores/modules/project_settings';
 import ProjectSettingsApp from './components/project_settings/app.vue';
-import { parseBoolean } from '~/lib/utils/common_utils';
 
 Vue.use(Vuex);
 

ee/app/assets/javascripts/approvals/stores/modules/base/mutations.js

-import * as types from './mutation_types';
 import { RULE_TYPE_ANY_APPROVER } from '../../../constants';
+import * as types from './mutation_types';
 
 export default {
   [types.SET_LOADING](state, isLoading) {

ee/app/assets/javascripts/approvals/stores/modules/mr_edit/actions.js

@@ -3,9 +3,9 @@ import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { __ } from '~/locale';
 import Api from '~/api';
 import axios from '~/lib/utils/axios_utils';
-import * as types from './mutation_types';
 import { RULE_TYPE_ANY_APPROVER } from '../../../constants';
 import { mapMRApprovalSettingsResponse } from '../../../mappers';
+import * as types from './mutation_types';
 
 const fetchGroupMembers = memoize((id) => Api.groupMembers(id).then((response) => response.data));
 

ee/app/assets/javascripts/approvals/stores/modules/mr_edit/mutations.js

 import base from '../base/mutations';
-import * as types from './mutation_types';
 import { RULE_TYPE_ANY_APPROVER } from '../../../constants';
+import * as types from './mutation_types';
 
 export default {
   ...base,

ee/app/assets/javascripts/billings/seat_usage/store/actions.js

 import Api from '~/api';
-import * as types from './mutation_types';
 import createFlash from '~/flash';
 import { s__ } from '~/locale';
+import * as types from './mutation_types';
 
 export const fetchBillableMembersList = ({ dispatch, state }, { page, search } = {}) => {
   dispatch('requestBillableMembersList');

ee/app/assets/javascripts/billings/subscriptions/components/subscription_table.vue

@@ -4,8 +4,8 @@ import { mapActions, mapState, mapGetters } from 'vuex';
 import { GlButton, GlLoadingIcon } from '@gitlab/ui';
 import { TABLE_TYPE_DEFAULT, TABLE_TYPE_FREE, TABLE_TYPE_TRIAL } from 'ee/billings/constants';
 import { s__ } from '~/locale';
-import SubscriptionTableRow from './subscription_table_row.vue';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
+import SubscriptionTableRow from './subscription_table_row.vue';
 
 const createButtonProps = (text, href, testId) => ({ text, href, testId });
 

ee/app/assets/javascripts/billings/subscriptions/store/actions.js

 import ApiEe from 'ee/api';
 import Api from '~/api';
-import * as types from './mutation_types';
 import createFlash from '~/flash';
 import { s__ } from '~/locale';
+import * as types from './mutation_types';
 
 export const setNamespaceId = ({ commit }, namespaceId) => {
   commit(types.SET_NAMESPACE_ID, namespaceId);

ee/app/assets/javascripts/billings/subscriptions/store/mutations.js

@@ -6,8 +6,8 @@ import {
   TABLE_TYPE_TRIAL,
   HEADER_TOTAL_ENTRIES,
 } from 'ee/billings/constants';
-import * as types from './mutation_types';
 import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
+import * as types from './mutation_types';
 
 export default {
   [types.SET_NAMESPACE_ID](state, payload) {

ee/app/assets/javascripts/boards/boards_util.js

+import { urlParamsToObject } from '~/lib/utils/common_utils';
+import { objectToQuery } from '~/lib/utils/url_utility';
 import {
   IterationFilterType,
   IterationIDs,
@@ -6,8 +8,6 @@ import {
   WeightFilterType,
   WeightIDs,
 } from './constants';
-import { urlParamsToObject } from '~/lib/utils/common_utils';
-import { objectToQuery } from '~/lib/utils/url_utility';
 
 export function getMilestone({ milestone }) {
   return milestone || null;

ee/app/assets/javascripts/boards/components/board_content_sidebar.vue

@@ -4,15 +4,15 @@ import { GlDrawer } from '@gitlab/ui';
 import { ISSUABLE } from '~/boards/constants';
 import { contentTop } from '~/lib/utils/common_utils';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
-import BoardSidebarEpicSelect from './sidebar/board_sidebar_epic_select.vue';
 import BoardAssigneeDropdown from '~/boards/components/board_assignee_dropdown.vue';
-import BoardSidebarTimeTracker from './sidebar/board_sidebar_time_tracker.vue';
-import BoardSidebarWeightInput from './sidebar/board_sidebar_weight_input.vue';
 import BoardSidebarLabelsSelect from '~/boards/components/sidebar/board_sidebar_labels_select.vue';
 import BoardSidebarIssueTitle from '~/boards/components/sidebar/board_sidebar_issue_title.vue';
 import BoardSidebarDueDate from '~/boards/components/sidebar/board_sidebar_due_date.vue';
 import BoardSidebarSubscription from '~/boards/components/sidebar/board_sidebar_subscription.vue';
 import BoardSidebarMilestoneSelect from '~/boards/components/sidebar/board_sidebar_milestone_select.vue';
+import BoardSidebarWeightInput from './sidebar/board_sidebar_weight_input.vue';
+import BoardSidebarTimeTracker from './sidebar/board_sidebar_time_tracker.vue';
+import BoardSidebarEpicSelect from './sidebar/board_sidebar_epic_select.vue';
 
 export default {
   headerHeight: `${contentTop()}px`,

ee/app/assets/javascripts/boards/components/boards_list_selector/index.js

 import Vue from 'vue';
 import boardsStore from '~/boards/stores/boards_store';
 import vuexStore from '~/boards/stores';
-import ListContainer from './list_container.vue';
 import { fullMilestoneId, fullUserId } from '../../boards_util';
+import ListContainer from './list_container.vue';
 
 export default Vue.extend({
   components: {

ee/app/assets/javascripts/boards/components/epics_swimlanes.vue

@@ -3,12 +3,12 @@ import { mapActions, mapGetters, mapState } from 'vuex';
 import { GlButton, GlIcon, GlTooltipDirective } from '@gitlab/ui';
 import Draggable from 'vuedraggable';
 import BoardListHeader from 'ee_else_ce/boards/components/board_list_header.vue';
-import { DRAGGABLE_TAG } from '../constants';
 import defaultSortableConfig from '~/sortable/sortable_config';
 import { n__ } from '~/locale';
+import { isListDraggable } from '~/boards/boards_util';
+import { DRAGGABLE_TAG } from '../constants';
 import EpicLane from './epic_lane.vue';
 import IssuesLaneList from './issues_lane_list.vue';
-import { isListDraggable } from '~/boards/boards_util';
 
 export default {
   components: {

ee/app/assets/javascripts/boards/components/sidebar/board_sidebar_epic_select.vue

@@ -2,10 +2,10 @@
 import { mapState, mapGetters, mapActions } from 'vuex';
 import EpicsSelect from 'ee/vue_shared/components/sidebar/epics_select/base.vue';
 import { getIdFromGraphQLId } from '~/graphql_shared/utils';
-import { fullEpicId } from '../../boards_util';
 import BoardEditableItem from '~/boards/components/sidebar/board_editable_item.vue';
 import createFlash from '~/flash';
 import { __, s__ } from '~/locale';
+import { fullEpicId } from '../../boards_util';
 
 export default {
   components: {

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

@@ -9,11 +9,7 @@ import {
 import { mergeUrlParams, removeParams } from '~/lib/utils/url_utility';
 import actionsCE from '~/boards/stores/actions';
 import { BoardType } from '~/boards/constants';
-import { EpicFilterType, IterationFilterType, GroupByParamType } from '../constants';
-import boardsStoreEE from './boards_store_ee';
-import * as types from './mutation_types';
 import * as typesCE from '~/boards/stores/mutation_types';
-import { fullEpicId } from '../boards_util';
 import {
   formatBoardLists,
   formatListIssues,
@@ -22,16 +18,20 @@ import {
 } from '~/boards/boards_util';
 import { getIdFromGraphQLId } from '~/graphql_shared/utils';
 import eventHub from '~/boards/eventhub';
-
 import createGqClient, { fetchPolicies } from '~/lib/graphql';
+import listsIssuesQuery from '~/boards/graphql/lists_issues.query.graphql';
+import { fullEpicId } from '../boards_util';
+
 import epicQuery from '../graphql/epic.query.graphql';
 import epicsSwimlanesQuery from '../graphql/epics_swimlanes.query.graphql';
 import issueSetEpicMutation from '../graphql/issue_set_epic.mutation.graphql';
 import issueSetWeightMutation from '../graphql/issue_set_weight.mutation.graphql';
-import listsIssuesQuery from '~/boards/graphql/lists_issues.query.graphql';
+import { EpicFilterType, IterationFilterType, GroupByParamType } from '../constants';
 import issueMoveListMutation from '../graphql/issue_move_list.mutation.graphql';
 import listUpdateLimitMetricsMutation from '../graphql/list_update_limit_metrics.mutation.graphql';
 import updateBoardEpicUserPreferencesMutation from '../graphql/updateBoardEpicUserPreferences.mutation.graphql';
+import * as types from './mutation_types';
+import boardsStoreEE from './boards_store_ee';
 
 const notImplemented = () => {
   /* eslint-disable-next-line @gitlab/require-i18n-strings */

ee/app/assets/javascripts/boards/toggle_epics_swimlanes.js

 import Vue from 'vue';
-import ToggleEpicsSwimlanes from './components/toggle_epics_swimlanes.vue';
 import store from '~/boards/stores';
+import ToggleEpicsSwimlanes from './components/toggle_epics_swimlanes.vue';
 
 export default () => {
   const el = document.getElementById('js-board-epics-swimlanes-toggle');

ee/app/assets/javascripts/burndown_chart/components/burn_charts.vue

@@ -4,15 +4,15 @@ import dateFormat from 'dateformat';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { __ } from '~/locale';
 import { getDayDifference, nDaysAfter, newDateAsLocaleTime } from '~/lib/utils/datetime_utility';
+import { deprecatedCreateFlash as createFlash } from '~/flash';
+import axios from '~/lib/utils/axios_utils';
+import { Namespace } from '../constants';
+import BurnupQuery from '../graphql/burnup.query.graphql';
+import BurndownChartData from '../burn_chart_data';
 import BurndownChart from './burndown_chart.vue';
 import BurnupChart from './burnup_chart.vue';
 import TimeboxSummaryCards from './timebox_summary_cards.vue';
 import OpenTimeboxSummary from './open_timebox_summary.vue';
-import { Namespace } from '../constants';
-import BurnupQuery from '../graphql/burnup.query.graphql';
-import BurndownChartData from '../burn_chart_data';
-import { deprecatedCreateFlash as createFlash } from '~/flash';
-import axios from '~/lib/utils/axios_utils';
 
 export default {
   components: {

ee/app/assets/javascripts/clusters_list/components/agents.vue

 <script>
 import { GlAlert, GlKeysetPagination, GlLoadingIcon } from '@gitlab/ui';
-import AgentEmptyState from './agent_empty_state.vue';
-import AgentTable from './agent_table.vue';
 import getAgentsQuery from '../graphql/queries/get_agents.query.graphql';
 import { MAX_LIST_COUNT } from '../constants';
+import AgentEmptyState from './agent_empty_state.vue';
+import AgentTable from './agent_table.vue';
 
 export default {
   apollo: {

ee/app/assets/javascripts/clusters_list/index.js

 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
-import loadAgents from './load_agents';
 import loadClusters from '~/clusters_list/load_clusters';
+import loadAgents from './load_agents';
 
 Vue.use(VueApollo);
 

ee/app/assets/javascripts/clusters_list/load_agents.js

-import Agents from './components/agents.vue';
 import createDefaultClient from '~/lib/graphql';
+import Agents from './components/agents.vue';
 
 export default (Vue, VueApollo) => {
   const el = document.querySelector('#js-cluster-agents-list');

ee/app/assets/javascripts/codequality_report/store/actions.js

 import axios from '~/lib/utils/axios_utils';
-import * as types from './mutation_types';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { s__ } from '~/locale';
-import { VIEW_EVENT_FEATURE_FLAG, VIEW_EVENT_NAME } from './constants';
 import Api from '~/api';
 
 import { parseCodeclimateMetrics } from '~/reports/codequality_report/store/utils/codequality_comparison';
+import { VIEW_EVENT_FEATURE_FLAG, VIEW_EVENT_NAME } from './constants';
+import * as types from './mutation_types';
 
 export const setPage = ({ commit }, page) => commit(types.SET_PAGE, page);
 

ee/app/assets/javascripts/compliance_dashboard/compliance_dashboard_bundle.js

 import Vue from 'vue';
-import ComplianceDashboard from './components/dashboard.vue';
 import { parseBoolean } from '~/lib/utils/common_utils';
+import ComplianceDashboard from './components/dashboard.vue';
 
 export default () => {
   const el = document.getElementById('js-compliance-dashboard');

ee/app/assets/javascripts/compliance_dashboard/components/dashboard.vue

@@ -2,10 +2,10 @@
 import Cookies from 'js-cookie';
 import { GlTabs, GlTab } from '@gitlab/ui';
 import { __ } from '~/locale';
+import { COMPLIANCE_TAB_COOKIE_KEY } from '../constants';
 import MergeRequestsGrid from './merge_requests/grid.vue';
 import EmptyState from './empty_state.vue';
 import MergeCommitsExportButton from './merge_requests/merge_commits_export_button.vue';
-import { COMPLIANCE_TAB_COOKIE_KEY } from '../constants';
 
 export default {
   name: 'ComplianceDashboard',

ee/app/assets/javascripts/compliance_dashboard/components/merge_requests/grid.vue

@@ -4,11 +4,11 @@ import { GlSprintf } from '@gitlab/ui';
 import { __ } from '~/locale';
 import TimeAgoTooltip from '~/vue_shared/components/time_ago_tooltip.vue';
 
+import GridColumnHeading from '../shared/grid_column_heading.vue';
+import Pagination from '../shared/pagination.vue';
 import Approvers from './approvers.vue';
 import BranchDetails from './branch_details.vue';
-import GridColumnHeading from '../shared/grid_column_heading.vue';
 import MergeRequest from './merge_request.vue';
-import Pagination from '../shared/pagination.vue';
 import Status from './status.vue';
 
 export default {

ee/app/assets/javascripts/dependencies/components/app.vue

@@ -2,12 +2,12 @@
 import { mapActions, mapGetters, mapState } from 'vuex';
 import { GlEmptyState, GlIcon, GlLoadingIcon, GlSprintf, GlLink, GlButton } from '@gitlab/ui';
 import { __ } from '~/locale';
+import { DEPENDENCY_LIST_TYPES } from '../store/constants';
+import { REPORT_STATUS } from '../store/modules/list/constants';
 import DependenciesActions from './dependencies_actions.vue';
 import DependencyListIncompleteAlert from './dependency_list_incomplete_alert.vue';
 import DependencyListJobFailedAlert from './dependency_list_job_failed_alert.vue';
 import PaginatedDependenciesTable from './paginated_dependencies_table.vue';
-import { DEPENDENCY_LIST_TYPES } from '../store/constants';
-import { REPORT_STATUS } from '../store/modules/list/constants';
 
 export default {
   name: 'DependenciesApp',

ee/app/assets/javascripts/dependencies/components/paginated_dependencies_table.vue

 <script>
 import { mapActions, mapState } from 'vuex';
 import Pagination from '~/vue_shared/components/pagination_links.vue';
-import DependenciesTable from './dependencies_table.vue';
 import { DEPENDENCY_LIST_TYPES } from '../store/constants';
+import DependenciesTable from './dependencies_table.vue';
 
 export default {
   name: 'PaginatedDependenciesTable',

ee/app/assets/javascripts/dependencies/store/modules/list/actions.js

 import { normalizeHeaders, parseIntPagination } from '~/lib/utils/common_utils';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
+import axios from '~/lib/utils/axios_utils';
+import { __ } from '~/locale';
 import { FETCH_ERROR_MESSAGE } from './constants';
 import { isValidResponse } from './utils';
 import * as types from './mutation_types';
-import axios from '~/lib/utils/axios_utils';
-import { __ } from '~/locale';
 
 export const setDependenciesEndpoint = ({ commit }, endpoint) =>
   commit(types.SET_DEPENDENCIES_ENDPOINT, endpoint);

ee/app/assets/javascripts/dependencies/store/modules/list/getters.js

-import { REPORT_STATUS } from './constants';
 import { getTimeago } from '~/lib/utils/datetime_utility';
+import { REPORT_STATUS } from './constants';
 
 export const generatedAtTimeAgo = ({ reportInfo: { generatedAt } }) =>
   generatedAt ? getTimeago().format(generatedAt) : '';

ee/app/assets/javascripts/epic/components/epic_sidebar.vue

@@ -3,21 +3,19 @@ import { mapState, mapGetters, mapActions } from 'vuex';
 
 import AncestorsTree from 'ee/sidebar/components/ancestors_tree/ancestors_tree.vue';
 
-import epicUtils from '../utils/epic_utils';
-
-import SidebarHeader from './sidebar_items/sidebar_header.vue';
-import SidebarTodo from './sidebar_items/sidebar_todo.vue';
-import SidebarDatePicker from './sidebar_items/sidebar_date_picker.vue';
 import SidebarDatePickerCollapsed from '~/vue_shared/components/sidebar/collapsed_grouped_date_picker.vue';
-import SidebarLabels from './sidebar_items/sidebar_labels.vue';
 import SidebarParticipants from '~/sidebar/components/participants/participants.vue';
-import SidebarSubscription from './sidebar_items/sidebar_subscription.vue';
 import ConfidentialIssueSidebar from '~/sidebar/components/confidential/confidential_issue_sidebar.vue';
-
 import notesEventHub from '~/notes/event_hub';
 import sidebarEventHub from '~/sidebar/event_hub';
+import epicUtils from '../utils/epic_utils';
 
 import { dateTypes } from '../constants';
+import SidebarHeader from './sidebar_items/sidebar_header.vue';
+import SidebarTodo from './sidebar_items/sidebar_todo.vue';
+import SidebarDatePicker from './sidebar_items/sidebar_date_picker.vue';
+import SidebarLabels from './sidebar_items/sidebar_labels.vue';
+import SidebarSubscription from './sidebar_items/sidebar_subscription.vue';
 
 export default {
   dateTypes,

ee/app/assets/javascripts/epic/components/sidebar_items/sidebar_labels.vue

@@ -2,9 +2,8 @@
 import { mapState, mapActions } from 'vuex';
 import { debounce } from 'lodash';
 
-import ListLabel from '../../models/label';
-
 import LabelsSelectVue from '~/vue_shared/components/sidebar/labels_select_vue/labels_select_root.vue';
+import ListLabel from '../../models/label';
 
 export default {
   components: {

ee/app/assets/javascripts/filtered_search/available_dropdown_mappings.js

 import DropdownUser from '~/filtered_search/dropdown_user';
 import DropdownNonUser from '~/filtered_search/dropdown_non_user';
-import DropdownWeight from './dropdown_weight';
 import DropdownAjaxFilter from '~/filtered_search/dropdown_ajax_filter';
 import AvailableDropdownMappingsCE from '~/filtered_search/available_dropdown_mappings';
+import DropdownWeight from './dropdown_weight';
 
 export default class AvailableDropdownMappings {
   constructor({

ee/app/assets/javascripts/geo_node_form/components/geo_node_form_selective_sync.vue

 <script>
 import { GlFormGroup, GlFormSelect, GlFormCheckbox, GlSprintf, GlLink } from '@gitlab/ui';
+import { SELECTIVE_SYNC_MORE_INFO, OBJECT_STORAGE_MORE_INFO } from '../constants';
 import GeoNodeFormNamespaces from './geo_node_form_namespaces.vue';
 import GeoNodeFormShards from './geo_node_form_shards.vue';
-import { SELECTIVE_SYNC_MORE_INFO, OBJECT_STORAGE_MORE_INFO } from '../constants';
 
 export default {
   name: 'GeoNodeFormSelectiveSync',

ee/app/assets/javascripts/geo_node_form/store/actions.js

-import Api from 'ee/api';
 import { flatten } from 'lodash';
+import Api from 'ee/api';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { visitUrl } from '~/lib/utils/url_utility';
 import { convertObjectPropsToSnakeCase } from '~/lib/utils/common_utils';

ee/app/assets/javascripts/geo_nodes/components/geo_node_health_status.vue

 <script>
 import { GlIcon } from '@gitlab/ui';
-import GeoNodeLastUpdated from './geo_node_last_updated.vue';
 import { HEALTH_STATUS_ICON, HEALTH_STATUS_CLASS } from '../constants';
+import GeoNodeLastUpdated from './geo_node_last_updated.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/geo_replicable/store/actions.js

@@ -9,8 +9,8 @@ import {
 } from '~/lib/utils/common_utils';
 import buildReplicableTypeQuery from '../graphql/replicable_type_query_builder';
 import { gqClient } from '../utils';
-import * as types from './mutation_types';
 import { FILTER_STATES, PREV, NEXT, DEFAULT_PAGE_SIZE } from '../constants';
+import * as types from './mutation_types';
 
 // Fetch Replicable Items
 export const requestReplicableItems = ({ commit }) => commit(types.REQUEST_REPLICABLE_ITEMS);

ee/app/assets/javascripts/geo_settings/store/mutations.js

-import * as types from './mutation_types';
 import { DEFAULT_TIMEOUT, DEFAULT_ALLOWED_IP } from '../constants';
+import * as types from './mutation_types';
 
 export default {
   [types.REQUEST_GEO_SETTINGS](state) {

ee/app/assets/javascripts/groups/settings/compliance_frameworks/components/create_form.vue

@@ -2,9 +2,8 @@
 import { visitUrl } from '~/lib/utils/url_utility';
 import { s__ } from '~/locale';
 import * as Sentry from '~/sentry/wrapper';
-import SharedForm from './shared_form.vue';
-
 import createComplianceFrameworkMutation from '../graphql/queries/create_compliance_framework.mutation.graphql';
+import SharedForm from './shared_form.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/groups/settings/compliance_frameworks/components/edit_form.vue

@@ -3,10 +3,10 @@ import { visitUrl } from '~/lib/utils/url_utility';
 import { s__ } from '~/locale';
 import * as Sentry from '~/sentry/wrapper';
 import { convertToGraphQLId } from '~/graphql_shared/utils';
-import SharedForm from './shared_form.vue';
 
 import getComplianceFrameworkQuery from '../graphql/queries/get_compliance_framework.query.graphql';
 import updateComplianceFrameworkMutation from '../graphql/queries/update_compliance_framework.mutation.graphql';
+import SharedForm from './shared_form.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/groups/settings/compliance_frameworks/init_form.js

 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
 
+import createDefaultClient from '~/lib/graphql';
 import CreateForm from './components/create_form.vue';
 import EditForm from './components/edit_form.vue';
-import createDefaultClient from '~/lib/graphql';
 
 Vue.use(VueApollo);
 

ee/app/assets/javascripts/insights/components/insights_chart.vue

@@ -5,8 +5,8 @@ import { getSvgIconPathContent } from '~/lib/utils/icon_utils';
 import ResizableChartContainer from '~/vue_shared/components/resizable_chart/resizable_chart_container.vue';
 import ChartSkeletonLoader from '~/vue_shared/components/resizable_chart/skeleton_loader.vue';
 
-import InsightsChartError from './insights_chart_error.vue';
 import { CHART_TYPES } from '../constants';
+import InsightsChartError from './insights_chart_error.vue';
 
 const CHART_HEIGHT = 300;
 

ee/app/assets/javascripts/insights/components/insights_page.vue

@@ -3,8 +3,8 @@ import { GlEmptyState } from '@gitlab/ui';
 import { isUndefined } from 'lodash';
 import { mapActions, mapState } from 'vuex';
 
-import InsightsChart from './insights_chart.vue';
 import { __ } from '~/locale';
+import InsightsChart from './insights_chart.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/integrations/jira/issues_list/components/jira_issues_list_root.vue

@@ -9,14 +9,13 @@ import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
 
 import IssuableList from '~/issuable_list/components/issuable_list_root.vue';
 
-import JiraIssuesListEmptyState from './jira_issues_list_empty_state.vue';
-
 import {
   IssuableStates,
   IssuableListTabs,
   AvailableSortOptions,
   DEFAULT_PAGE_SIZE,
 } from '~/issuable_list/constants';
+import JiraIssuesListEmptyState from './jira_issues_list_empty_state.vue';
 
 export default {
   name: 'JiraIssuesList',

ee/app/assets/javascripts/issue_show/components/incidents/store/actions.js

 import { s__ } from '~/locale';
 import createFlash from '~/flash';
-import * as types from './mutation_types';
 import { deleteMetricImage, getMetricImages, uploadMetricImage } from '../service';
+import * as types from './mutation_types';
 
 export const fetchMetricImages = async ({ state, commit }) => {
   commit(types.REQUEST_METRIC_IMAGES);

ee/app/assets/javascripts/issues_analytics/components/issues_analytics.vue

@@ -7,9 +7,9 @@ import { s__ } from '~/locale';
 import { getMonthNames } from '~/lib/utils/datetime_utility';
 import { getSvgIconPathContent } from '~/lib/utils/icon_utils';
 import { mergeUrlParams } from '~/lib/utils/url_utility';
-import IssuesAnalyticsTable from './issues_analytics_table.vue';
 import FilteredSearchIssueAnalytics from '../filtered_search_issues_analytics';
 import { transformFilters } from '../utils';
+import IssuesAnalyticsTable from './issues_analytics_table.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/issues_analytics/index.js

 import Vue from 'vue';
+import { urlParamsToObject } from '~/lib/utils/common_utils';
 import IssuesAnalytics from './components/issues_analytics.vue';
 import store from './stores';
-import { urlParamsToObject } from '~/lib/utils/common_utils';
 
 export default () => {
   const el = document.querySelector('#js-issues-analytics');

ee/app/assets/javascripts/iterations/components/iteration_form.vue

@@ -4,9 +4,9 @@ import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { visitUrl } from '~/lib/utils/url_utility';
 import { __ } from '~/locale';
 import MarkdownField from '~/vue_shared/components/markdown/field.vue';
+import DueDateSelectors from '~/due_date_select';
 import createIteration from '../queries/create_iteration.mutation.graphql';
 import updateIteration from '../queries/update_iteration.mutation.graphql';
-import DueDateSelectors from '~/due_date_select';
 
 export default {
   components: {

ee/app/assets/javascripts/iterations/components/iteration_report.vue

@@ -13,10 +13,10 @@ import BurnCharts from 'ee/burndown_chart/components/burn_charts.vue';
 import { formatDate } from '~/lib/utils/datetime_utility';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { __ } from '~/locale';
-import IterationForm from './iteration_form.vue';
-import IterationReportTabs from './iteration_report_tabs.vue';
 import query from '../queries/iteration.query.graphql';
 import { Namespace } from '../constants';
+import IterationForm from './iteration_form.vue';
+import IterationReportTabs from './iteration_report_tabs.vue';
 
 const iterationStates = {
   closed: 'closed',

ee/app/assets/javascripts/iterations/components/iteration_report_tabs.vue

@@ -2,10 +2,10 @@
 import { GlBadge, GlFormSelect, GlTab, GlTabs } from '@gitlab/ui';
 import { differenceBy, unionBy } from 'lodash';
 import LabelsSelect from '~/vue_shared/components/sidebar/labels_select_vue/labels_select_root.vue';
-import { GroupBy, Namespace } from '../constants';
 import { DropdownVariant } from '~/vue_shared/components/sidebar/labels_select_vue/constants';
-import IterationReportIssues from './iteration_report_issues.vue';
 import { __ } from '~/locale';
+import { GroupBy, Namespace } from '../constants';
+import IterationReportIssues from './iteration_report_issues.vue';
 
 export default {
   selectOptions: [

ee/app/assets/javascripts/iterations/components/iterations.vue

 <script>
 import { GlAlert, GlButton, GlLoadingIcon, GlPagination, GlTab, GlTabs } from '@gitlab/ui';
 import { __ } from '~/locale';
-import IterationsList from './iterations_list.vue';
 import IterationsQuery from '../queries/iterations.query.graphql';
 import { Namespace } from '../constants';
+import IterationsList from './iterations_list.vue';
 
 const pageSize = 20;
 

ee/app/assets/javascripts/license_compliance/components/app.vue

@@ -12,11 +12,11 @@ import {
 } from '@gitlab/ui';
 import { LICENSE_MANAGEMENT } from 'ee/vue_shared/license_compliance/store/constants';
 import LicenseManagement from 'ee/vue_shared/license_compliance/license_management.vue';
+import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
+import { getLocationHash } from '~/lib/utils/url_utility';
 import { LICENSE_LIST } from '../store/constants';
 import DetectedLicensesTable from './detected_licenses_table.vue';
 import PipelineInfo from './pipeline_info.vue';
-import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
-import { getLocationHash } from '~/lib/utils/url_utility';
 
 export default {
   name: 'LicenseComplianceApp',

ee/app/assets/javascripts/license_compliance/components/detected_licenses_table.vue

 <script>
 import { mapActions, mapState } from 'vuex';
 import Pagination from '~/vue_shared/components/pagination_links.vue';
-import LicensesTable from './licenses_table.vue';
 import { LICENSE_LIST } from '../store/constants';
+import LicensesTable from './licenses_table.vue';
 
 export default {
   name: 'DetectedLicensesTable',

ee/app/assets/javascripts/license_compliance/store/index.js

@@ -7,9 +7,8 @@ import approvalsModule, {
 } from 'ee/approvals/stores/modules/license_compliance';
 import { licenseManagementModule } from 'ee/vue_shared/license_compliance/store/index';
 import { LICENSE_MANAGEMENT } from 'ee/vue_shared/license_compliance/store/constants';
-import createState from './state';
-
 import modalModule from '~/vuex_shared/modules/modal';
+import createState from './state';
 
 import mediator from './plugins/mediator';
 

ee/app/assets/javascripts/license_compliance/store/modules/list/mutations.js

-import * as types from './mutation_types';
 import { toLicenseObject } from '../../../utils/mappers';
+import * as types from './mutation_types';
 
 export default {
   [types.SET_LICENSES_ENDPOINT](state, payload) {

ee/app/assets/javascripts/maintenance_mode_settings/store/mutations.js

-import * as types from './mutation_types';
 import { DEFAULT_MAINTENANCE_ENABLED, DEFAULT_BANNER_MESSAGE } from '../constants';
+import * as types from './mutation_types';
 
 export default {
   [types.REQUEST_UPDATE_MAINTENANCE_MODE_SETTINGS](state) {

ee/app/assets/javascripts/members/store/actions.js

-import * as types from './mutation_types';
 import axios from '~/lib/utils/axios_utils';
+import * as types from './mutation_types';
 
 export * from '~/members/store/actions';
 

ee/app/assets/javascripts/members/store/mutations.js

 import Vue from 'vue';
-import * as types from './mutation_types';
 import CEMutations from '~/members/store/mutations';
 import { s__ } from '~/locale';
 import { findMember } from '~/members/store/utils';
+import * as types from './mutation_types';
 
 export default {
   ...CEMutations,

ee/app/assets/javascripts/on_demand_scans/components/profile_selector/scanner_profile_selector.vue

 <script>
 import { SCAN_TYPE_LABEL } from 'ee/security_configuration/dast_scanner_profiles/constants';
-import ProfileSelector from './profile_selector.vue';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
+import ProfileSelector from './profile_selector.vue';
 
 export default {
   name: 'OnDemandScansScannerProfileSelector',

ee/app/assets/javascripts/on_demand_scans/components/profile_selector/site_profile_selector.vue

 <script>
 import { DAST_SITE_VALIDATION_STATUS } from 'ee/security_configuration/dast_site_validation/constants';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
-import ProfileSelector from './profile_selector.vue';
 import { s__ } from '~/locale';
+import ProfileSelector from './profile_selector.vue';
 
 export default {
   name: 'OnDemandScansSiteProfileSelector',

ee/app/assets/javascripts/oncall_schedules/components/add_edit_schedule_modal.vue

@@ -5,9 +5,9 @@ import { s__, __ } from '~/locale';
 import getOncallSchedulesQuery from '../graphql/queries/get_oncall_schedules.query.graphql';
 import createOncallScheduleMutation from '../graphql/mutations/create_oncall_schedule.mutation.graphql';
 import updateOncallScheduleMutation from '../graphql/mutations/update_oncall_schedule.mutation.graphql';
-import AddEditScheduleForm from './add_edit_schedule_form.vue';
 import { updateStoreOnScheduleCreate, updateStoreAfterScheduleEdit } from '../utils/cache_updates';
 import { isNameFieldValid } from '../utils/common_utils';
+import AddEditScheduleForm from './add_edit_schedule_form.vue';
 
 export const i18n = {
   cancel: __('Cancel'),

ee/app/assets/javascripts/oncall_schedules/components/delete_schedule_modal.vue

 <script>
 import { GlSprintf, GlModal, GlAlert } from '@gitlab/ui';
+import { s__, __ } from '~/locale';
 import destroyOncallScheduleMutation from '../graphql/mutations/destroy_oncall_schedule.mutation.graphql';
 import getOncallSchedulesQuery from '../graphql/queries/get_oncall_schedules.query.graphql';
 import { updateStoreAfterScheduleDelete } from '../utils/cache_updates';
-import { s__, __ } from '~/locale';
 
 export const i18n = {
   deleteSchedule: s__('OnCallSchedules|Delete schedule'),

ee/app/assets/javascripts/oncall_schedules/components/oncall_schedule.vue

@@ -12,13 +12,13 @@ import {
 import { capitalize } from 'lodash';
 import { formatDate } from '~/lib/utils/datetime_utility';
 import { s__, __ } from '~/locale';
+import { addRotationModalId, editRotationModalId, PRESET_TYPES } from '../constants';
 import ScheduleTimelineSection from './schedule/components/schedule_timeline_section.vue';
 import DeleteScheduleModal from './delete_schedule_modal.vue';
 import EditScheduleModal from './add_edit_schedule_modal.vue';
 import AddEditRotationModal from './rotations/components/add_edit_rotation_modal.vue';
 import RotationsListSection from './schedule/components/rotations_list_section.vue';
 import { getTimeframeForWeeksView } from './schedule/utils';
-import { addRotationModalId, editRotationModalId, PRESET_TYPES } from '../constants';
 
 export const i18n = {
   scheduleForTz: s__('OnCallSchedules|On-call schedule for the %{timezone}'),

ee/app/assets/javascripts/oncall_schedules/components/oncall_schedules_wrapper.vue

 <script>
 import { GlAlert, GlButton, GlEmptyState, GlLoadingIcon, GlModalDirective } from '@gitlab/ui';
-import mockRotations from '../../../../../spec/frontend/oncall_schedule/mocks/mock_rotation.json';
 import * as Sentry from '~/sentry/wrapper';
-import AddScheduleModal from './add_edit_schedule_modal.vue';
-import OncallSchedule from './oncall_schedule.vue';
 import { s__ } from '~/locale';
-import getOncallSchedulesQuery from '../graphql/queries/get_oncall_schedules.query.graphql';
 import { fetchPolicies } from '~/lib/graphql';
+import mockRotations from '../../../../../spec/frontend/oncall_schedule/mocks/mock_rotation.json';
+import getOncallSchedulesQuery from '../graphql/queries/get_oncall_schedules.query.graphql';
+import AddScheduleModal from './add_edit_schedule_modal.vue';
+import OncallSchedule from './oncall_schedule.vue';
 
 export const addScheduleModalId = 'addScheduleModal';
 

ee/app/assets/javascripts/oncall_schedules/components/rotations/components/add_edit_rotation_modal.vue

@@ -13,8 +13,8 @@ import { isNameFieldValid } from 'ee/oncall_schedules/utils/common_utils';
 import { s__, __ } from '~/locale';
 import createFlash, { FLASH_TYPES } from '~/flash';
 import usersSearchQuery from '~/graphql_shared/queries/users_search.query.graphql';
-import AddEditRotationForm from './add_edit_rotation_form.vue';
 import { format24HourTimeStringFromInt } from '~/lib/utils/datetime_utility';
+import AddEditRotationForm from './add_edit_rotation_form.vue';
 
 export const i18n = {
   rotationCreated: s__('OnCallSchedules|Successfully created a new rotation'),

ee/app/assets/javascripts/oncall_schedules/components/schedule/components/preset_days/days_header_sub_item.vue

 <script>
+import { GlResizeObserverDirective } from '@gitlab/ui';
 import { PRESET_TYPES, HOURS_IN_DAY } from 'ee/oncall_schedules/constants';
 import updateShiftTimeUnitWidthMutation from 'ee/oncall_schedules/graphql/mutations/update_shift_time_unit_width.mutation.graphql';
 import CommonMixin from 'ee/oncall_schedules/mixins/common_mixin';
-import { GlResizeObserverDirective } from '@gitlab/ui';
 
 export default {
   PRESET_TYPES,

ee/app/assets/javascripts/oncall_schedules/components/schedule/components/preset_weeks/weeks_header_sub_item.vue

 <script>
+import { GlResizeObserverDirective } from '@gitlab/ui';
 import { PRESET_TYPES } from 'ee/oncall_schedules/constants';
 import updateShiftTimeUnitWidthMutation from 'ee/oncall_schedules/graphql/mutations/update_shift_time_unit_width.mutation.graphql';
 import CommonMixin from 'ee/oncall_schedules/mixins/common_mixin';
-import { GlResizeObserverDirective } from '@gitlab/ui';
 
 export default {
   PRESET_TYPES,

ee/app/assets/javascripts/protected_environments/protected_environment_create.js

@@ -4,8 +4,8 @@ import axios from '~/lib/utils/axios_utils';
 import AccessorUtilities from '~/lib/utils/accessor';
 import { deprecatedCreateFlash as Flash } from '~/flash';
 import CreateItemDropdown from '~/create_item_dropdown';
-import { ACCESS_LEVELS, LEVEL_TYPES } from './constants';
 import { __ } from '~/locale';
+import { ACCESS_LEVELS, LEVEL_TYPES } from './constants';
 
 const PROTECTED_ENVIRONMENT_INPUT = 'input[name="protected_environment[name]"]';
 

ee/app/assets/javascripts/protected_environments/protected_environment_edit.js

@@ -3,8 +3,8 @@ import { find } from 'lodash';
 import AccessDropdown from '~/projects/settings/access_dropdown';
 import axios from '~/lib/utils/axios_utils';
 import { deprecatedCreateFlash as Flash } from '~/flash';
-import { ACCESS_LEVELS, LEVEL_TYPES } from './constants';
 import { __ } from '~/locale';
+import { ACCESS_LEVELS, LEVEL_TYPES } from './constants';
 
 export default class ProtectedEnvironmentEdit {
   constructor(options) {

ee/app/assets/javascripts/related_items_tree/components/create_epic_form.vue

@@ -10,9 +10,8 @@ import {
   GlDropdownItem,
   GlLoadingIcon,
 } from '@gitlab/ui';
-import { SEARCH_DEBOUNCE } from '../constants';
-
 import { __ } from '~/locale';
+import { SEARCH_DEBOUNCE } from '../constants';
 
 export default {
   components: {

ee/app/assets/javascripts/related_items_tree/components/related_items_tree_app.vue

@@ -5,6 +5,7 @@ import { GlLoadingIcon, GlIcon, GlTooltipDirective } from '@gitlab/ui';
 import { __, sprintf } from '~/locale';
 import AddItemForm from '~/related_issues/components/add_issuable_form.vue';
 import SlotSwitch from '~/vue_shared/components/slot_switch.vue';
+import { OVERFLOW_AFTER } from '../constants';
 import CreateEpicForm from './create_epic_form.vue';
 import CreateIssueForm from './create_issue_form.vue';
 import TreeItemRemoveModal from './tree_item_remove_modal.vue';
@@ -12,8 +13,6 @@ import TreeItemRemoveModal from './tree_item_remove_modal.vue';
 import RelatedItemsTreeHeader from './related_items_tree_header.vue';
 import RelatedItemsTreeBody from './related_items_tree_body.vue';
 
-import { OVERFLOW_AFTER } from '../constants';
-
 const FORM_SLOTS = {
   addItem: 'addItem',
   createEpic: 'createEpic',

ee/app/assets/javascripts/related_items_tree/components/tree_item.vue

@@ -5,9 +5,8 @@ import { GlTooltipDirective, GlLoadingIcon, GlButton, GlIcon } from '@gitlab/ui'
 
 import { __ } from '~/locale';
 
-import TreeItemBody from './tree_item_body.vue';
-
 import { ChildType } from '../constants';
+import TreeItemBody from './tree_item_body.vue';
 
 export default {
   ChildType,

ee/app/assets/javascripts/related_items_tree/components/tree_item_body.vue

@@ -17,13 +17,12 @@ import ItemMilestone from '~/vue_shared/components/issue/issue_milestone.vue';
 import ItemAssignees from '~/vue_shared/components/issue/issue_assignees.vue';
 import ItemDueDate from '~/boards/components/issue_due_date.vue';
 
+import { ChildType, ChildState, itemRemoveModalId } from '../constants';
 import EpicHealthStatus from './epic_health_status.vue';
 import IssueHealthStatus from './issue_health_status.vue';
 
 import StateTooltip from './state_tooltip.vue';
 
-import { ChildType, ChildState, itemRemoveModalId } from '../constants';
-
 export default {
   itemRemoveModalId,
   components: {

ee/app/assets/javascripts/reports/components/modal_open_name.vue

 <script>
-import { VULNERABILITY_MODAL_ID } from 'ee/vue_shared/security_reports/components/constants';
 import { GlTooltipDirective, GlResizeObserverDirective } from '@gitlab/ui';
 import { mapActions } from 'vuex';
+import { VULNERABILITY_MODAL_ID } from 'ee/vue_shared/security_reports/components/constants';
 import { BV_SHOW_MODAL } from '~/lib/utils/constants';
 
 export default {

ee/app/assets/javascripts/requirements/components/requirement_form.vue

@@ -14,10 +14,9 @@ import ZenMode from '~/zen_mode';
 import { TAB_KEY_CODE } from '~/lib/utils/keycodes';
 import IssuableBody from '~/issuable_show/components/issuable_body.vue';
 
-import RequirementStatusBadge from './requirement_status_badge.vue';
-
 import RequirementMeta from '../mixins/requirement_meta';
 import { MAX_TITLE_LENGTH, TestReportStatus } from '../constants';
+import RequirementStatusBadge from './requirement_status_badge.vue';
 
 export default {
   maxTitleLength: MAX_TITLE_LENGTH,

ee/app/assets/javascripts/requirements/components/requirement_item.vue

@@ -2,10 +2,9 @@
 import { GlPopover, GlLink, GlAvatar, GlButton, GlTooltipDirective } from '@gitlab/ui';
 import timeagoMixin from '~/vue_shared/mixins/timeago';
 
-import RequirementStatusBadge from './requirement_status_badge.vue';
-
 import RequirementMeta from '../mixins/requirement_meta';
 import { FilterState } from '../constants';
+import RequirementStatusBadge from './requirement_status_badge.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/requirements/components/requirements_root.vue

@@ -13,26 +13,24 @@ import AuthorToken from '~/vue_shared/components/filtered_search_bar/tokens/auth
 import { DEFAULT_LABEL_ANY } from '~/vue_shared/components/filtered_search_bar/constants';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 
-import RequirementsTabs from './requirements_tabs.vue';
-import RequirementsLoading from './requirements_loading.vue';
-import RequirementsEmptyState from './requirements_empty_state.vue';
-import RequirementItem from './requirement_item.vue';
-import RequirementForm from './requirement_form.vue';
-import ImportRequirementsModal from './import_requirements_modal.vue';
-import ExportRequirementsModal from './export_requirements_modal.vue';
-
 import projectRequirements from '../queries/projectRequirements.query.graphql';
 import projectRequirementsCount from '../queries/projectRequirementsCount.query.graphql';
 import createRequirement from '../queries/createRequirement.mutation.graphql';
 import updateRequirement from '../queries/updateRequirement.mutation.graphql';
 import exportRequirement from '../queries/exportRequirements.mutation.graphql';
-
 import {
   FilterState,
   AvailableSortOptions,
   TestReportStatus,
   DEFAULT_PAGE_SIZE,
 } from '../constants';
+import RequirementsTabs from './requirements_tabs.vue';
+import RequirementsLoading from './requirements_loading.vue';
+import RequirementsEmptyState from './requirements_empty_state.vue';
+import RequirementItem from './requirement_item.vue';
+import RequirementForm from './requirement_form.vue';
+import ImportRequirementsModal from './import_requirements_modal.vue';
+import ExportRequirementsModal from './export_requirements_modal.vue';
 
 export default {
   DEFAULT_PAGE_SIZE,

ee/app/assets/javascripts/roadmap/components/epic_item.vue

 <script>
 import { delay } from 'lodash';
 
-import EpicItemDetails from './epic_item_details.vue';
-import EpicItemTimeline from './epic_item_timeline.vue';
-
 import CommonMixin from '../mixins/common_mixin';
 import QuartersPresetMixin from '../mixins/quarters_preset_mixin';
 import MonthsPresetMixin from '../mixins/months_preset_mixin';
 import WeeksPresetMixin from '../mixins/weeks_preset_mixin';
 
+import { EPIC_HIGHLIGHT_REMOVE_AFTER } from '../constants';
 import CurrentDayIndicator from './current_day_indicator.vue';
 
-import { EPIC_HIGHLIGHT_REMOVE_AFTER } from '../constants';
+import EpicItemTimeline from './epic_item_timeline.vue';
+import EpicItemDetails from './epic_item_details.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/roadmap/components/milestones_list_section.vue

 <script>
 import { mapState, mapActions } from 'vuex';
 import { GlButton, GlIcon, GlTooltipDirective } from '@gitlab/ui';
-import eventHub from '../event_hub';
 import { __, n__ } from '~/locale';
+import eventHub from '../event_hub';
 import { EPIC_DETAILS_CELL_WIDTH, EPIC_ITEM_HEIGHT, TIMELINE_CELL_MIN_WIDTH } from '../constants';
 import MilestoneTimeline from './milestone_timeline.vue';
 

ee/app/assets/javascripts/roadmap/components/roadmap_app.vue

@@ -5,16 +5,15 @@ import { mapState, mapActions } from 'vuex';
 import { __, s__ } from '~/locale';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 
-import EpicsListEmpty from './epics_list_empty.vue';
-import RoadmapFilters from './roadmap_filters.vue';
-import RoadmapShell from './roadmap_shell.vue';
-
 import eventHub from '../event_hub';
 import {
   EXTEND_AS,
   EPICS_LIMIT_DISMISSED_COOKIE_NAME,
   EPICS_LIMIT_DISMISSED_COOKIE_TIMEOUT,
 } from '../constants';
+import EpicsListEmpty from './epics_list_empty.vue';
+import RoadmapFilters from './roadmap_filters.vue';
+import RoadmapShell from './roadmap_shell.vue';
 
 export default {
   i18n: {

ee/app/assets/javascripts/roadmap/roadmap_bundle.js

@@ -3,15 +3,14 @@ import { mapActions } from 'vuex';
 
 import Translate from '~/vue_shared/translate';
 
-import EpicItem from './components/epic_item.vue';
-import EpicItemContainer from './components/epic_item_container.vue';
-
 import {
   parseBoolean,
   urlParamsToObject,
   convertObjectPropsToCamelCase,
 } from '~/lib/utils/common_utils';
 import { visitUrl, mergeUrlParams } from '~/lib/utils/url_utility';
+import EpicItem from './components/epic_item.vue';
+import EpicItemContainer from './components/epic_item_container.vue';
 
 import { PRESET_TYPES, EPIC_DETAILS_CELL_WIDTH } from './constants';
 

ee/app/assets/javascripts/saml_providers/saml_settings_form.js

 import $ from 'jquery';
 import { __ } from '~/locale';
-import DirtyFormChecker from './dirty_form_checker';
 import setupToggleButtons from '~/toggle_buttons';
 import { parseBoolean } from '~/lib/utils/common_utils';
 import { fixTitle } from '~/tooltips';
+import DirtyFormChecker from './dirty_form_checker';
 
 const CALLOUT_SELECTOR = '.js-callout';
 const HELPER_SELECTOR = '.js-helper-text';

ee/app/assets/javascripts/security_configuration/dast_profiles/components/dast_profiles.vue

@@ -4,9 +4,9 @@ import { camelCase, kebabCase } from 'lodash';
 import * as Sentry from '~/sentry/wrapper';
 import { __, s__ } from '~/locale';
 import { getLocationHash } from '~/lib/utils/url_utility';
+import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import * as cacheUtils from '../graphql/cache_utils';
 import { getProfileSettings } from '../settings/profiles';
-import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 
 export default {
   components: {

ee/app/assets/javascripts/security_configuration/dast_profiles/components/dast_site_profiles_list.vue

@@ -7,11 +7,11 @@ import {
 } from 'ee/security_configuration/dast_site_validation/constants';
 import DastSiteValidationModal from 'ee/security_configuration/dast_site_validation/components/dast_site_validation_modal.vue';
 import dastSiteValidationsQuery from 'ee/security_configuration/dast_site_validation/graphql/dast_site_validations.query.graphql';
-import { updateSiteProfilesStatuses } from '../graphql/cache_utils';
-import ProfilesList from './dast_profiles_list.vue';
 import { s__ } from '~/locale';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { fetchPolicies } from '~/lib/graphql';
+import { updateSiteProfilesStatuses } from '../graphql/cache_utils';
+import ProfilesList from './dast_profiles_list.vue';
 
 const { NONE, PENDING, INPROGRESS, FAILED } = DAST_SITE_VALIDATION_STATUS;
 

ee/app/assets/javascripts/security_configuration/dast_scanner_profiles/components/dast_scanner_profile_form.vue

@@ -19,8 +19,8 @@ import { __, s__ } from '~/locale';
 import { serializeFormObject, isEmptyValue } from '~/lib/utils/forms';
 import dastScannerProfileCreateMutation from '../graphql/dast_scanner_profile_create.mutation.graphql';
 import dastScannerProfileUpdateMutation from '../graphql/dast_scanner_profile_update.mutation.graphql';
-import tooltipIcon from './tooltip_icon.vue';
 import { SCAN_TYPE, SCAN_TYPE_OPTIONS } from '../constants';
+import tooltipIcon from './tooltip_icon.vue';
 
 const SPIDER_TIMEOUT_MIN = 0;
 const SPIDER_TIMEOUT_MAX = 2880;

ee/app/assets/javascripts/security_configuration/dast_site_profiles_form/components/dast_site_profile_form.vue

@@ -16,9 +16,9 @@ import { __, s__ } from '~/locale';
 import { serializeFormObject } from '~/lib/utils/forms';
 import validation from '~/vue_shared/directives/validation';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
-import DastSiteAuthSection from './dast_site_auth_section.vue';
 import dastSiteProfileCreateMutation from '../graphql/dast_site_profile_create.mutation.graphql';
 import dastSiteProfileUpdateMutation from '../graphql/dast_site_profile_update.mutation.graphql';
+import DastSiteAuthSection from './dast_site_auth_section.vue';
 
 export default {
   name: 'DastSiteProfileForm',

ee/app/assets/javascripts/security_configuration/sast/components/configuration_form.vue

@@ -4,10 +4,10 @@ import { cloneDeep } from 'lodash';
 import * as Sentry from '~/sentry/wrapper';
 import { __, s__ } from '~/locale';
 import { redirectTo } from '~/lib/utils/url_utility';
+import configureSastMutation from '../graphql/configure_sast.mutation.graphql';
 import AnalyzerConfiguration from './analyzer_configuration.vue';
 import DynamicFields from './dynamic_fields.vue';
 import ExpandableSection from './expandable_section.vue';
-import configureSastMutation from '../graphql/configure_sast.mutation.graphql';
 import {
   toSastCiConfigurationEntityInput,
   toSastCiConfigurationAnalyzerEntityInput,

ee/app/assets/javascripts/security_dashboard/components/filters.vue

 <script>
 import { mapState, mapActions } from 'vuex';
-import { severityFilter, scannerFilter } from 'ee/security_dashboard/helpers';
 import { GlToggle } from '@gitlab/ui';
-import StandardFilter from './filters/standard_filter.vue';
+import { severityFilter, scannerFilter } from 'ee/security_dashboard/helpers';
 import { DISMISSAL_STATES } from '../store/modules/filters/constants';
+import StandardFilter from './filters/standard_filter.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/security_dashboard/components/first_class_group_security_dashboard.vue

@@ -3,11 +3,11 @@ import { GlLoadingIcon } from '@gitlab/ui';
 import SecurityDashboardLayout from 'ee/security_dashboard/components/security_dashboard_layout.vue';
 import GroupSecurityVulnerabilities from 'ee/security_dashboard/components/first_class_group_security_dashboard_vulnerabilities.vue';
 import Filters from 'ee/security_dashboard/components/first_class_vulnerability_filters.vue';
-import CsvExportButton from './csv_export_button.vue';
 import vulnerableProjectsQuery from '../graphql/queries/vulnerable_projects.query.graphql';
+import { vulnerabilitiesSeverityCountScopes } from '../constants';
+import CsvExportButton from './csv_export_button.vue';
 import DashboardNotConfigured from './empty_states/group_dashboard_not_configured.vue';
 import VulnerabilitiesCountList from './vulnerability_count_list.vue';
-import { vulnerabilitiesSeverityCountScopes } from '../constants';
 
 export default {
   components: {

ee/app/assets/javascripts/security_dashboard/components/first_class_group_security_dashboard_vulnerabilities.vue

 <script>
 import produce from 'immer';
 import { GlAlert, GlLoadingIcon, GlIntersectionObserver } from '@gitlab/ui';
-import VulnerabilityList from './vulnerability_list.vue';
 import vulnerabilitiesQuery from '../graphql/queries/group_vulnerabilities.query.graphql';
 import { VULNERABILITIES_PER_PAGE } from '../store/constants';
 import { preparePageInfo } from '../helpers';
+import VulnerabilityList from './vulnerability_list.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/security_dashboard/components/first_class_instance_security_dashboard.vue

@@ -4,11 +4,11 @@ import Filters from 'ee/security_dashboard/components/first_class_vulnerability_
 import projectsQuery from 'ee/security_dashboard/graphql/queries/get_instance_security_dashboard_projects.query.graphql';
 import createFlash from '~/flash';
 import { createProjectLoadingError } from '../helpers';
+import { vulnerabilitiesSeverityCountScopes } from '../constants';
 import InstanceSecurityVulnerabilities from './first_class_instance_security_dashboard_vulnerabilities.vue';
 import CsvExportButton from './csv_export_button.vue';
 import DashboardNotConfigured from './empty_states/instance_dashboard_not_configured.vue';
 import VulnerabilitiesCountList from './vulnerability_count_list.vue';
-import { vulnerabilitiesSeverityCountScopes } from '../constants';
 
 export default {
   components: {

ee/app/assets/javascripts/security_dashboard/components/first_class_instance_security_dashboard_vulnerabilities.vue

@@ -2,10 +2,10 @@
 import produce from 'immer';
 import { GlAlert, GlIntersectionObserver, GlLoadingIcon } from '@gitlab/ui';
 import { fetchPolicies } from '~/lib/graphql';
-import VulnerabilityList from './vulnerability_list.vue';
 import vulnerabilitiesQuery from '../graphql/queries/instance_vulnerabilities.query.graphql';
 import { VULNERABILITIES_PER_PAGE } from '../store/constants';
 import { preparePageInfo } from '../helpers';
+import VulnerabilityList from './vulnerability_list.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/security_dashboard/components/first_class_project_manager/project_manager.vue

@@ -6,10 +6,10 @@ import projectsQuery from 'ee/security_dashboard/graphql/queries/get_instance_se
 import addProjectToSecurityDashboard from 'ee/security_dashboard/graphql/mutations/add_project_to_security_dashboard.mutation.graphql';
 import deleteProjectFromSecurityDashboard from 'ee/security_dashboard/graphql/mutations/delete_project_from_security_dashboard.mutation.graphql';
 import { createInvalidProjectMessage } from 'ee/security_dashboard/utils/first_class_project_manager_utils';
-import ProjectList from './project_list.vue';
 import ProjectSelector from '~/vue_shared/components/project_selector/project_selector.vue';
 import { __, s__, sprintf } from '~/locale';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
+import ProjectList from './project_list.vue';
 
 export default {
   MINIMUM_QUERY_LENGTH: 3,

ee/app/assets/javascripts/security_dashboard/components/first_class_project_security_dashboard.vue

 <script>
 import Cookies from 'js-cookie';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
+import { vulnerabilitiesSeverityCountScopes } from '../constants';
 import AutoFixUserCallout from './auto_fix_user_callout.vue';
 import ProjectPipelineStatus from './project_pipeline_status.vue';
 import ProjectVulnerabilitiesApp from './project_vulnerabilities.vue';
@@ -9,7 +10,6 @@ import SecurityDashboardLayout from './security_dashboard_layout.vue';
 import VulnerabilitiesCountList from './vulnerability_count_list.vue';
 import Filters from './first_class_vulnerability_filters.vue';
 import CsvExportButton from './csv_export_button.vue';
-import { vulnerabilitiesSeverityCountScopes } from '../constants';
 
 export default {
   components: {

ee/app/assets/javascripts/security_dashboard/components/first_class_vulnerability_chart.vue

@@ -10,8 +10,8 @@ import {
   millisecondsPerDay,
 } from '~/lib/utils/datetime_utility';
 import { formattedChangeInPercent } from '~/lib/utils/number_utils';
-import ChartButtons from './vulnerability_chart_buttons.vue';
 import { SEVERITY_LEVELS, DAYS } from '../store/constants';
+import ChartButtons from './vulnerability_chart_buttons.vue';
 
 const ISO_DATE = 'isoDate';
 

ee/app/assets/javascripts/security_dashboard/components/group_security_charts.vue

@@ -2,13 +2,13 @@
 import { GlLoadingIcon } from '@gitlab/ui';
 import createFlash from '~/flash';
 import { createProjectLoadingError } from '../helpers';
+import vulnerabilityHistoryQuery from '../graphql/queries/group_vulnerability_history.query.graphql';
+import vulnerabilityGradesQuery from '../graphql/queries/group_vulnerability_grades.query.graphql';
+import vulnerableProjectsQuery from '../graphql/queries/vulnerable_projects.query.graphql';
 import DashboardNotConfigured from './empty_states/group_dashboard_not_configured.vue';
 import SecurityChartsLayout from './security_charts_layout.vue';
 import VulnerabilityChart from './first_class_vulnerability_chart.vue';
 import VulnerabilitySeverities from './first_class_vulnerability_severities.vue';
-import vulnerabilityHistoryQuery from '../graphql/queries/group_vulnerability_history.query.graphql';
-import vulnerabilityGradesQuery from '../graphql/queries/group_vulnerability_grades.query.graphql';
-import vulnerableProjectsQuery from '../graphql/queries/vulnerable_projects.query.graphql';
 
 export default {
   components: {

ee/app/assets/javascripts/security_dashboard/components/instance_security_charts.vue

@@ -2,13 +2,13 @@
 import { GlLoadingIcon } from '@gitlab/ui';
 import createFlash from '~/flash';
 import { createProjectLoadingError } from '../helpers';
+import projectsQuery from '../graphql/queries/get_instance_security_dashboard_projects.query.graphql';
+import vulnerabilityHistoryQuery from '../graphql/queries/instance_vulnerability_history.query.graphql';
+import vulnerabilityGradesQuery from '../graphql/queries/instance_vulnerability_grades.query.graphql';
 import DashboardNotConfigured from './empty_states/instance_dashboard_not_configured.vue';
 import SecurityChartsLayout from './security_charts_layout.vue';
 import VulnerabilityChart from './first_class_vulnerability_chart.vue';
 import VulnerabilitySeverities from './first_class_vulnerability_severities.vue';
-import projectsQuery from '../graphql/queries/get_instance_security_dashboard_projects.query.graphql';
-import vulnerabilityHistoryQuery from '../graphql/queries/instance_vulnerability_history.query.graphql';
-import vulnerabilityGradesQuery from '../graphql/queries/instance_vulnerability_grades.query.graphql';
 
 export default {
   components: {

ee/app/assets/javascripts/security_dashboard/components/pipeline_security_dashboard.vue

@@ -2,11 +2,11 @@
 import { mapActions } from 'vuex';
 import { GlEmptyState } from '@gitlab/ui';
 import { s__ } from '~/locale';
-import SecurityReportsSummary from './security_reports_summary.vue';
-import SecurityDashboard from './security_dashboard_vuex.vue';
 import { fetchPolicies } from '~/lib/graphql';
-import pipelineSecurityReportSummaryQuery from '../graphql/queries/pipeline_security_report_summary.query.graphql';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
+import pipelineSecurityReportSummaryQuery from '../graphql/queries/pipeline_security_report_summary.query.graphql';
+import SecurityReportsSummary from './security_reports_summary.vue';
+import SecurityDashboard from './security_dashboard_vuex.vue';
 
 export default {
   name: 'PipelineSecurityDashboard',

ee/app/assets/javascripts/security_dashboard/components/project_pipeline_status.vue

@@ -2,9 +2,9 @@
 import { GlLink } from '@gitlab/ui';
 import { __, s__ } from '~/locale';
 import TimeAgoTooltip from '~/vue_shared/components/time_ago_tooltip.vue';
-import PipelineStatusBadge from './pipeline_status_badge.vue';
-import projectAutoFixMrsCountQuery from '../graphql/queries/project_auto_fix_mrs_count.query.graphql';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
+import projectAutoFixMrsCountQuery from '../graphql/queries/project_auto_fix_mrs_count.query.graphql';
+import PipelineStatusBadge from './pipeline_status_badge.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/security_dashboard/components/project_security_charts.vue

@@ -5,9 +5,9 @@ import { s__, __ } from '~/locale';
 import createFlash from '~/flash';
 import { formatDate, getDateInPast } from '~/lib/utils/datetime_utility';
 import { createProjectLoadingError } from '../helpers';
+import projectsHistoryQuery from '../graphql/queries/project_vulnerabilities_by_day_and_count.query.graphql';
 import DashboardNotConfigured from './empty_states/reports_not_configured.vue';
 import SecurityChartsLayout from './security_charts_layout.vue';
-import projectsHistoryQuery from '../graphql/queries/project_vulnerabilities_by_day_and_count.query.graphql';
 
 const MAX_DAYS = 100;
 const ISO_DATE = 'isoDate';

ee/app/assets/javascripts/security_dashboard/components/security_dashboard_table_row.vue

@@ -12,9 +12,9 @@ import convertReportType from 'ee/vue_shared/security_reports/store/utils/conver
 import getPrimaryIdentifier from 'ee/vue_shared/security_reports/store/utils/get_primary_identifier';
 import { VULNERABILITY_MODAL_ID } from 'ee/vue_shared/security_reports/components/constants';
 import { BV_SHOW_MODAL } from '~/lib/utils/constants';
+import { DASHBOARD_TYPES } from '../store/constants';
 import VulnerabilityActionButtons from './vulnerability_action_buttons.vue';
 import VulnerabilityIssueLink from './vulnerability_issue_link.vue';
-import { DASHBOARD_TYPES } from '../store/constants';
 
 export default {
   name: 'SecurityDashboardTableRow',

ee/app/assets/javascripts/security_dashboard/components/vulnerability_count_list.vue

 <script>
 import vulnerabilitySeveritiesCountQuery from '../graphql/queries/vulnerability_severities_count.query.graphql';
-import VulnerabilityCountListLayout from './vulnerability_count_list_layout.vue';
-
 import { vulnerabilitiesSeverityCountScopes } from '../constants';
+import VulnerabilityCountListLayout from './vulnerability_count_list_layout.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/security_dashboard/components/vulnerability_list.vue

@@ -18,14 +18,14 @@ import VulnerabilityCommentIcon from 'ee/security_dashboard/components/vulnerabi
 import convertReportType from 'ee/vue_shared/security_reports/store/utils/convert_report_type';
 import getPrimaryIdentifier from 'ee/vue_shared/security_reports/store/utils/get_primary_identifier';
 import { VULNERABILITY_STATES } from 'ee/vulnerabilities/constants';
-import SecurityScannerAlert from './security_scanner_alert.vue';
 import LocalStorageSync from '~/vue_shared/components/local_storage_sync.vue';
 import { formatDate } from '~/lib/utils/datetime_utility';
 import { s__, __, sprintf } from '~/locale';
-import SelectionSummary from './selection_summary.vue';
-import IssuesBadge from './issues_badge.vue';
 import { convertToSnakeCase } from '~/lib/utils/text_utility';
 import { VULNERABILITIES_PER_PAGE } from '../store/constants';
+import SelectionSummary from './selection_summary.vue';
+import IssuesBadge from './issues_badge.vue';
+import SecurityScannerAlert from './security_scanner_alert.vue';
 
 export const SCANNER_ALERT_DISMISSED_LOCAL_STORAGE_KEY =
   'vulnerability_list_scanner_alert_dismissed';

ee/app/assets/javascripts/security_dashboard/first_class_init.js

 import Vue from 'vue';
 import { DASHBOARD_TYPES } from 'ee/security_dashboard/store/constants';
+import { parseBoolean } from '~/lib/utils/common_utils';
 import FirstClassProjectSecurityDashboard from './components/first_class_project_security_dashboard.vue';
 import FirstClassGroupSecurityDashboard from './components/first_class_group_security_dashboard.vue';
 import FirstClassInstanceSecurityDashboard from './components/first_class_instance_security_dashboard.vue';
@@ -7,7 +8,6 @@ import UnavailableState from './components/unavailable_state.vue';
 import createStore from './store';
 import createRouter from './router';
 import apolloProvider from './graphql/provider';
-import { parseBoolean } from '~/lib/utils/common_utils';
 
 export default (el, dashboardType) => {
   if (!el) {

ee/app/assets/javascripts/security_dashboard/store/modules/filters/actions.js

 import { mapValues } from 'lodash';
 import Tracking from '~/tracking';
+import { convertObjectPropsToSnakeCase } from '~/lib/utils/common_utils';
 import { SET_FILTER, SET_HIDE_DISMISSED } from './mutation_types';
 import { DISMISSAL_STATES } from './constants';
-import { convertObjectPropsToSnakeCase } from '~/lib/utils/common_utils';
 
 export const setFilter = ({ commit }, filter) => {
   // Convert the filter key to snake case and the selected option IDs to lower case. The API

ee/app/assets/javascripts/security_dashboard/store/modules/unscanned_projects/getters.js

-import { groupByDateRanges } from './utils';
 import { UNSCANNED_PROJECTS_DATE_RANGES } from '../../constants';
+import { groupByDateRanges } from './utils';
 
 export const untestedProjects = ({ projects }) =>
   projects.filter(({ securityTestsUnconfigured }) => securityTestsUnconfigured === true);

ee/app/assets/javascripts/sidebar/components/iteration_select.vue

@@ -9,11 +9,11 @@ import {
   GlIcon,
   GlTooltipDirective,
 } from '@gitlab/ui';
+import { deprecatedCreateFlash as createFlash } from '~/flash';
 import groupIterationsQuery from '../queries/group_iterations.query.graphql';
 import currentIterationQuery from '../queries/issue_iteration.query.graphql';
 import setIssueIterationMutation from '../queries/set_iteration_on_issue.mutation.graphql';
 import { iterationSelectTextMap, iterationDisplayState } from '../constants';
-import { deprecatedCreateFlash as createFlash } from '~/flash';
 
 export default {
   noIteration: iterationSelectTextMap.noIteration,

ee/app/assets/javascripts/sidebar/components/status/sidebar_status.vue

@@ -2,8 +2,8 @@
 import { mapGetters } from 'vuex';
 import { deprecatedCreateFlash as Flash } from '~/flash';
 import { __ } from '~/locale';
-import Status from './status.vue';
 import { OPENED, REOPENED } from '~/notes/constants';
+import Status from './status.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/sidebar/mount_sidebar.js

@@ -2,13 +2,13 @@ import Vue from 'vue';
 import VueApollo from 'vue-apollo';
 import { parseBoolean } from '~/lib/utils/common_utils';
 import * as CEMountSidebar from '~/sidebar/mount_sidebar';
+import createDefaultClient from '~/lib/graphql';
+import { store } from '~/notes/stores';
 import SidebarItemEpicsSelect from './components/sidebar_item_epics_select.vue';
 import SidebarStatus from './components/status/sidebar_status.vue';
 import SidebarWeight from './components/weight/sidebar_weight.vue';
 import IterationSelect from './components/iteration_select.vue';
 import SidebarStore from './stores/sidebar_store';
-import createDefaultClient from '~/lib/graphql';
-import { store } from '~/notes/stores';
 
 Vue.use(VueApollo);
 

ee/app/assets/javascripts/storage_counter/components/app.vue

@@ -8,15 +8,15 @@ import {
   GlKeysetPagination,
 } from '@gitlab/ui';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
+import { parseBoolean } from '~/lib/utils/common_utils';
+import query from '../queries/storage.query.graphql';
+import { formatUsageSize, parseGetStorageResults } from '../utils';
+import { PROJECTS_PER_PAGE } from '../constants';
 import ProjectsTable from './projects_table.vue';
 import UsageGraph from './usage_graph.vue';
 import UsageStatistics from './usage_statistics.vue';
 import StorageInlineAlert from './storage_inline_alert.vue';
-import query from '../queries/storage.query.graphql';
 import TemporaryStorageIncreaseModal from './temporary_storage_increase_modal.vue';
-import { parseBoolean } from '~/lib/utils/common_utils';
-import { formatUsageSize, parseGetStorageResults } from '../utils';
-import { PROJECTS_PER_PAGE } from '../constants';
 
 export default {
   name: 'StorageCounterApp',

ee/app/assets/javascripts/storage_counter/components/projects_table.vue

 <script>
 import { GlSearchBoxByType } from '@gitlab/ui';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
+import { SEARCH_DEBOUNCE_MS } from '~/ref/constants';
 import Project from './project.vue';
 import ProjectWithExcessStorage from './project_with_excess_storage.vue';
 import ProjectsSkeletonLoader from './projects_skeleton_loader.vue';
-import { SEARCH_DEBOUNCE_MS } from '~/ref/constants';
 
 export default {
   components: {

ee/app/assets/javascripts/storage_counter/components/usage_statistics.vue

 <script>
 import { GlButton, GlSprintf } from '@gitlab/ui';
-import UsageStatisticsCard from './usage_statistics_card.vue';
 import { s__ } from '~/locale';
 import { formatUsageSize } from '../utils';
+import UsageStatisticsCard from './usage_statistics_card.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/subscriptions/new/components/checkout.vue

 <script>
-import { STEPS, SUBSCRIPTON_FLOW_STEPS } from 'ee/registrations/constants';
 import { mapState } from 'vuex';
+import { STEPS, SUBSCRIPTON_FLOW_STEPS } from 'ee/registrations/constants';
 import ProgressBar from 'ee/registrations/components/progress_bar.vue';
 import { s__ } from '~/locale';
 import SubscriptionDetails from './checkout/subscription_details.vue';

ee/app/assets/javascripts/subscriptions/new/components/checkout/subscription_details.vue

 <script>
 import { isEmpty } from 'lodash';
 import { mapState, mapGetters, mapActions } from 'vuex';
-import { NEW_GROUP } from 'ee/subscriptions/new/constants';
 import { GlFormGroup, GlFormSelect, GlFormInput, GlSprintf, GlLink } from '@gitlab/ui';
+import { NEW_GROUP } from 'ee/subscriptions/new/constants';
 import autofocusonshow from '~/vue_shared/directives/autofocusonshow';
 import { sprintf, s__ } from '~/locale';
 import Step from './step.vue';

ee/app/assets/javascripts/subscriptions/new/store/actions.js

 import Api from 'ee/api';
-import * as types from './mutation_types';
 import { sprintf, s__ } from '~/locale';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { redirectTo } from '~/lib/utils/url_utility';
 import { STEPS, PAYMENT_FORM_ID } from '../constants';
+import * as types from './mutation_types';
 
 export const activateStep = ({ commit }, currentStep) => {
   if (STEPS.includes(currentStep)) {

ee/app/assets/javascripts/subscriptions/new/store/getters.js

-import { STEPS, NEW_GROUP } from '../constants';
 import { s__ } from '~/locale';
+import { STEPS, NEW_GROUP } from '../constants';
 
 export const currentStep = (state) => state.currentStep;
 

ee/app/assets/javascripts/test_case_list/components/test_case_list_root.vue

@@ -12,12 +12,11 @@ import IssuableList from '~/issuable_list/components/issuable_list_root.vue';
 import AuthorToken from '~/vue_shared/components/filtered_search_bar/tokens/author_token.vue';
 import LabelToken from '~/vue_shared/components/filtered_search_bar/tokens/label_token.vue';
 
-import TestCaseListEmptyState from './test_case_list_empty_state.vue';
-
 import projectTestCases from '../queries/project_test_cases.query.graphql';
 import projectTestCasesCount from '../queries/project_test_cases_count.query.graphql';
 
 import { TestCaseTabs, AvailableSortOptions, DEFAULT_PAGE_SIZE } from '../constants';
+import TestCaseListEmptyState from './test_case_list_empty_state.vue';
 
 export default {
   name: 'TestCaseList',

ee/app/assets/javascripts/test_case_show/components/test_case_show_root.vue

@@ -14,8 +14,8 @@ import { getIdFromGraphQLId } from '~/graphql_shared/utils';
 import IssuableShow from '~/issuable_show/components/issuable_show_root.vue';
 import IssuableEventHub from '~/issuable_show/event_hub';
 
-import TestCaseSidebar from './test_case_sidebar.vue';
 import TestCaseGraphQL from '../mixins/test_case_graphql';
+import TestCaseSidebar from './test_case_sidebar.vue';
 
 const stateEvent = {
   Close: 'CLOSE',

ee/app/assets/javascripts/threat_monitoring/components/policy_editor/lib/from_yaml.js

 import { safeLoad } from 'js-yaml';
-import { buildRule } from './rules';
 import {
   DisabledByLabel,
   EndpointMatchModeAny,
@@ -13,6 +12,7 @@ import {
   RuleTypeCIDR,
   RuleTypeFQDN,
 } from '../constants';
+import { buildRule } from './rules';
 
 /*
   Convert list of matchLabel selectors used by the endpoint rule to an

ee/app/assets/javascripts/threat_monitoring/components/policy_editor/lib/to_yaml.js

 import { safeDump } from 'js-yaml';
+import { EndpointMatchModeAny, DisabledByLabel, CiliumNetworkPolicyKind } from '../constants';
 import { ruleSpec } from './rules';
 import { labelSelector } from './utils';
-import { EndpointMatchModeAny, DisabledByLabel, CiliumNetworkPolicyKind } from '../constants';
 
 /*
  Return kubernetes resource specification object for a policy.

ee/app/assets/javascripts/threat_monitoring/components/policy_editor/policy_alert_picker.vue

 <script>
 import { GlAlert, GlButton, GlLink, GlSprintf } from '@gitlab/ui';
-import getAgentCount from '../../graphql/queries/get_agent_count.query.graphql';
 import { s__ } from '~/locale';
+import getAgentCount from '../../graphql/queries/get_agent_count.query.graphql';
 
 export default {
   i18n: {

ee/app/assets/javascripts/threat_monitoring/store/modules/network_policies/mutations.js

-import * as types from './mutation_types';
 import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
+import * as types from './mutation_types';
 
 const setPolicies = (state, policies) => {
   state.policies = policies.map((policy) => convertObjectPropsToCamelCase(policy));

ee/app/assets/javascripts/threat_monitoring/store/modules/threat_monitoring_statistics/actions.js

@@ -2,8 +2,8 @@ import { s__ } from '~/locale';
 import pollUntilComplete from '~/lib/utils/poll_until_complete';
 import httpStatusCodes from '~/lib/utils/http_status';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
-import * as types from './mutation_types';
 import { getTimeWindowParams } from '../../utils';
+import * as types from './mutation_types';
 
 export const requestStatistics = ({ commit }, timeWindowParams) => {
   commit(types.REQUEST_STATISTICS, timeWindowParams);

ee/app/assets/javascripts/vue_merge_request_widget/components/approvals/approvals.vue

@@ -3,8 +3,8 @@ import { deprecatedCreateFlash as createFlash } from '~/flash';
 import Approvals from '~/vue_merge_request_widget/components/approvals/approvals.vue';
 import approvalsMixin from '~/vue_merge_request_widget/mixins/approvals';
 import { BV_HIDE_MODAL } from '~/lib/utils/constants';
-import ApprovalsAuth from './approvals_auth.vue';
 import { FETCH_ERROR } from '~/vue_merge_request_widget/components/approvals/messages';
+import ApprovalsAuth from './approvals_auth.vue';
 import ApprovalsFooter from './approvals_footer.vue';
 
 export default {

ee/app/assets/javascripts/vue_merge_request_widget/components/approvals/approvals_list.vue

@@ -5,8 +5,8 @@ import EmptyRuleName from 'ee/approvals/components/empty_rule_name.vue';
 import { RULE_TYPE_CODE_OWNER, RULE_TYPE_ANY_APPROVER } from 'ee/approvals/constants';
 import { sprintf, __, s__ } from '~/locale';
 import UserAvatarList from '~/vue_shared/components/user_avatar/user_avatar_list.vue';
-import ApprovedIcon from './approved_icon.vue';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
+import ApprovedIcon from './approved_icon.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/vue_merge_request_widget/components/blocking_merge_requests/blocking_merge_requests_report.vue

 <script>
-import { componentNames } from 'ee/reports/components/issue_body';
 import { GlSprintf } from '@gitlab/ui';
+import { componentNames } from 'ee/reports/components/issue_body';
 import ReportSection from '~/reports/components/report_section.vue';
 import { status as reportStatus } from '~/reports/constants';
 import { n__, sprintf } from '~/locale';

ee/app/assets/javascripts/vue_merge_request_widget/stores/mr_widget_store.js

 import CEMergeRequestStore from '~/vue_merge_request_widget/stores/mr_widget_store';
 import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
-import { mapApprovalsResponse, mapApprovalRulesResponse } from '../mappers';
 import { s__ } from '~/locale';
+import { mapApprovalsResponse, mapApprovalRulesResponse } from '../mappers';
 
 export default class MergeRequestStore extends CEMergeRequestStore {
   constructor(data) {

ee/app/assets/javascripts/vue_shared/components/sidebar/epics_select/store/actions.js

@@ -6,9 +6,8 @@ import { s__, __ } from '~/locale';
 import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
 import { formatDate, timeFor } from '~/lib/utils/datetime_utility';
 
-import * as types from './mutation_types';
-
 import boardsStore from '~/boards/stores/boards_store';
+import * as types from './mutation_types';
 
 export const setInitialData = ({ commit }, data) => commit(types.SET_INITIAL_DATA, data);
 export const setIssueId = ({ commit }, issueId) => commit(types.SET_ISSUE_ID, issueId);

ee/app/assets/javascripts/vue_shared/dashboards/store/mutations.js

@@ -2,8 +2,8 @@ import Vue from 'vue';
 import AccessorUtilities from '~/lib/utils/accessor';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { __ } from '~/locale';
-import * as types from './mutation_types';
 import { parseIntPagination, normalizeHeaders } from '~/lib/utils/common_utils';
+import * as types from './mutation_types';
 
 export const updatePageInfo = (state, headers) => {
   const pageInfo = parseIntPagination(normalizeHeaders(headers));

ee/app/assets/javascripts/vue_shared/license_compliance/components/add_license_form.vue

 <script>
 import { GlButton, GlFormRadioGroup, GlFormRadio } from '@gitlab/ui';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
+import { s__ } from '~/locale';
 import { LICENSE_APPROVAL_STATUS } from '../constants';
 import AddLicenseFormDropdown from './add_license_form_dropdown.vue';
-import { s__ } from '~/locale';
 
 export default {
   name: 'AddLicenseForm',

ee/app/assets/javascripts/vue_shared/license_compliance/components/delete_confirmation_modal.vue

 <script>
 import { mapActions, mapState } from 'vuex';
-import { LICENSE_MANAGEMENT } from 'ee/vue_shared/license_compliance/store/constants';
 import { GlModal, GlSprintf } from '@gitlab/ui';
+import { LICENSE_MANAGEMENT } from 'ee/vue_shared/license_compliance/store/constants';
 import { s__, __ } from '~/locale';
 
 export default {

ee/app/assets/javascripts/vue_shared/license_compliance/license_management.vue

@@ -4,12 +4,12 @@ import { GlButton, GlLoadingIcon, GlIcon, GlPopover } from '@gitlab/ui';
 import { LICENSE_MANAGEMENT } from 'ee/vue_shared/license_compliance/store/constants';
 import { s__ } from '~/locale';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
+import PaginatedList from '~/vue_shared/components/paginated_list.vue';
+import LicenseApprovals from '../../approvals/components/license_compliance/index.vue';
 import AddLicenseForm from './components/add_license_form.vue';
 import AdminLicenseManagementRow from './components/admin_license_management_row.vue';
 import LicenseManagementRow from './components/license_management_row.vue';
 import DeleteConfirmationModal from './components/delete_confirmation_modal.vue';
-import PaginatedList from '~/vue_shared/components/paginated_list.vue';
-import LicenseApprovals from '../../approvals/components/license_compliance/index.vue';
 
 export default {
   name: 'LicenseManagement',

ee/app/assets/javascripts/vue_shared/license_compliance/store/actions.js

 import { LICENSE_CHECK_NAME } from 'ee/approvals/constants';
 import axios from '~/lib/utils/axios_utils';
 import pollUntilComplete from '~/lib/utils/poll_until_complete';
-import * as types from './mutation_types';
 import { LICENSE_APPROVAL_STATUS } from '../constants';
+import * as types from './mutation_types';
 import { convertToOldReportFormat } from './utils';
 
 export const setAPISettings = ({ commit }, data) => {

ee/app/assets/javascripts/vue_shared/license_compliance/store/getters.js

 import { n__, s__, sprintf } from '~/locale';
-import { addLicensesMatchingReportGroupStatus, reportGroupHasAtLeastOneLicense } from './utils';
 import { LICENSE_APPROVAL_STATUS, REPORT_GROUPS } from '../constants';
+import { addLicensesMatchingReportGroupStatus, reportGroupHasAtLeastOneLicense } from './utils';
 
 export const isLoading = (state) =>
   state.isLoadingManagedLicenses ||

ee/app/assets/javascripts/vue_shared/security_reports/components/dismissal_note.vue

 <script>
-import EventItem from 'ee/vue_shared/security_reports/components/event_item.vue';
 import { GlButton, GlSprintf, GlLink } from '@gitlab/ui';
+import EventItem from 'ee/vue_shared/security_reports/components/event_item.vue';
 import { __ } from '~/locale';
 
 export default {

ee/app/assets/javascripts/vue_shared/security_reports/components/modal.vue

 <script>
+import { GlModal } from '@gitlab/ui';
 import DismissalNote from 'ee/vue_shared/security_reports/components/dismissal_note.vue';
 import DismissalCommentBoxToggle from 'ee/vue_shared/security_reports/components/dismissal_comment_box_toggle.vue';
 import DismissalCommentModalFooter from 'ee/vue_shared/security_reports/components/dismissal_comment_modal_footer.vue';
@@ -7,7 +8,6 @@ import MergeRequestNote from 'ee/vue_shared/security_reports/components/merge_re
 import ModalFooter from 'ee/vue_shared/security_reports/components/modal_footer.vue';
 import SolutionCard from 'ee/vue_shared/security_reports/components/solution_card_vuex.vue';
 import VulnerabilityDetails from 'ee/vue_shared/security_reports/components/vulnerability_details.vue';
-import { GlModal } from '@gitlab/ui';
 import { __ } from '~/locale';
 import { VULNERABILITY_MODAL_ID } from './constants';
 

ee/app/assets/javascripts/vue_shared/security_reports/components/severity_badge.vue

 <script>
-import { SEVERITY_LEVELS } from 'ee/security_dashboard/store/constants';
 import { GlIcon, GlTooltipDirective } from '@gitlab/ui';
+import { SEVERITY_LEVELS } from 'ee/security_dashboard/store/constants';
 import { SEVERITY_CLASS_NAME_MAP, SEVERITY_TOOLTIP_TITLE_MAP } from './constants';
 
 export default {

ee/app/assets/javascripts/vue_shared/security_reports/components/vulnerability_details.vue

@@ -3,11 +3,11 @@ import { GlFriendlyWrap, GlLink, GlBadge } from '@gitlab/ui';
 import { SUPPORTING_MESSAGE_TYPES } from 'ee/vulnerabilities/constants';
 import { REPORT_TYPES } from 'ee/security_dashboard/store/constants';
 import CodeBlock from '~/vue_shared/components/code_block.vue';
-import SeverityBadge from './severity_badge.vue';
-import getFileLocation from '../store/utils/get_file_location';
-import VulnerabilityDetail from './vulnerability_detail.vue';
 import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
 import { s__, sprintf } from '~/locale';
+import getFileLocation from '../store/utils/get_file_location';
+import SeverityBadge from './severity_badge.vue';
+import VulnerabilityDetail from './vulnerability_detail.vue';
 import { bodyWithFallBack } from './helpers';
 
 export default {

ee/app/assets/javascripts/vue_shared/security_reports/grouped_security_reports_app.vue

 <script>
 import { mapActions, mapState, mapGetters } from 'vuex';
 import { once } from 'lodash';
-import { componentNames } from 'ee/reports/components/issue_body';
 import { GlButton, GlSprintf, GlLink, GlModalDirective } from '@gitlab/ui';
+import { componentNames } from 'ee/reports/components/issue_body';
 import FuzzingArtifactsDownload from 'ee/security_dashboard/components/fuzzing_artifacts_download.vue';
-import ArtifactDownload from './components/artifact_download.vue';
 import { LOADING } from '~/reports/constants';
-import { securityReportTypeEnumToReportType } from './constants';
-import { vulnerabilityModalMixin } from './mixins/vulnerability_modal_mixin';
 import ReportSection from '~/reports/components/report_section.vue';
 import SummaryRow from '~/reports/components/summary_row.vue';
 import Tracking from '~/tracking';
 import GroupedIssuesList from '~/reports/components/grouped_issues_list.vue';
 import SecuritySummary from '~/vue_shared/security_reports/components/security_summary.vue';
+import { mrStates } from '~/mr_popover/constants';
+import { fetchPolicies } from '~/lib/graphql';
 import IssueModal from './components/modal.vue';
 import DastModal from './components/dast_modal.vue';
 import securityReportsMixin from './mixins/security_report_mixin';
 import createStore from './store';
-import { mrStates } from '~/mr_popover/constants';
-import { fetchPolicies } from '~/lib/graphql';
+import { vulnerabilityModalMixin } from './mixins/vulnerability_modal_mixin';
+import { securityReportTypeEnumToReportType } from './constants';
+import ArtifactDownload from './components/artifact_download.vue';
 import securityReportSummaryQuery from './graphql/mr_security_report_summary.graphql';
 import {
   MODULE_CONTAINER_SCANNING,

ee/app/assets/javascripts/vulnerabilities/components/footer.vue

 <script>
 import Visibility from 'visibilityjs';
+import { GlIcon } from '@gitlab/ui';
 import SolutionCard from 'ee/vue_shared/security_reports/components/solution_card.vue';
 import MergeRequestNote from 'ee/vue_shared/security_reports/components/merge_request_note.vue';
 import Api from 'ee/api';
 import { VULNERABILITY_STATE_OBJECTS } from 'ee/vulnerabilities/constants';
-import { GlIcon } from '@gitlab/ui';
 import axios from '~/lib/utils/axios_utils';
 import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
 import Poll from '~/lib/utils/poll';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { s__, __ } from '~/locale';
+import initUserPopovers from '~/user_popovers';
 import RelatedIssues from './related_issues.vue';
 import HistoryEntry from './history_entry.vue';
 import StatusDescription from './status_description.vue';
-import initUserPopovers from '~/user_popovers';
 
 export default {
   name: 'VulnerabilityFooter',

ee/app/assets/javascripts/vulnerabilities/components/header.vue

@@ -10,9 +10,6 @@ import { redirectTo } from '~/lib/utils/url_utility';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { s__ } from '~/locale';
 import UsersCache from '~/lib/utils/users_cache';
-import ResolutionAlert from './resolution_alert.vue';
-import VulnerabilityStateDropdown from './vulnerability_state_dropdown.vue';
-import StatusDescription from './status_description.vue';
 import { normalizeGraphQLVulnerability } from '../helpers';
 import {
   VULNERABILITY_STATE_OBJECTS,
@@ -20,6 +17,9 @@ import {
   HEADER_ACTION_BUTTONS,
   gidPrefix,
 } from '../constants';
+import ResolutionAlert from './resolution_alert.vue';
+import VulnerabilityStateDropdown from './vulnerability_state_dropdown.vue';
+import StatusDescription from './status_description.vue';
 
 export default {
   name: 'VulnerabilityHeader',

ee/app/assets/javascripts/vulnerabilities/components/related_issues.vue

@@ -6,8 +6,8 @@ import RelatedIssuesBlock from '~/related_issues/components/related_issues_block
 import { issuableTypesMap, PathIdSeparator } from '~/related_issues/constants';
 import { sprintf, __, s__ } from '~/locale';
 import { joinPaths, redirectTo } from '~/lib/utils/url_utility';
-import { RELATED_ISSUES_ERRORS } from '../constants';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
+import { RELATED_ISSUES_ERRORS } from '../constants';
 import { getFormattedIssue, getAddRelatedIssueRequestParams } from '../helpers';
 
 export default {