Merge branch 'revert-problematic-frontend-mr' into 'master'

Revert problematic frontend MR

See merge request gitlab-org/gitlab!48624

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

 <script>
 /* eslint-disable @gitlab/vue-require-i18n-strings */
 import { GlButton, GlIcon } from '@gitlab/ui';
+import { __ } from '~/locale';
 import { deprecatedCreateFlash as Flash } from '~/flash';
 import { redirectTo } from '~/lib/utils/url_utility';
-import { __ } from '~/locale';
 
 import GitlabSlackService from '../services/gitlab_slack_service';
 

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

 <script>
 import { GlAlert, GlLoadingIcon } from '@gitlab/ui';
 import * as Sentry from '~/sentry/wrapper';
-import { DEVOPS_ADOPTION_STRINGS, MAX_REQUEST_COUNT } from '../constants';
 import getGroupsQuery from '../graphql/queries/get_groups.query.graphql';
 import DevopsAdoptionEmptyState from './devops_adoption_empty_state.vue';
+import { DEVOPS_ADOPTION_STRINGS, MAX_REQUEST_COUNT } from '../constants';
 import DevopsAdoptionSegmentModal from './devops_adoption_segment_modal.vue';
 
 export default {

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

 <script>
 import { GlTable, GlButton } from '@gitlab/ui';
 import { s__ } from '~/locale';
-import { DEVOPS_ADOPTION_TABLE_TEST_IDS } from '../constants';
 import DevopsAdoptionTableCellFlag from './devops_adoption_table_cell_flag.vue';
+import { DEVOPS_ADOPTION_TABLE_TEST_IDS } from '../constants';
 
 const fieldOptions = {
   thClass: 'gl-bg-white! gl-text-gray-400',

ee/app/assets/javascripts/admin/dev_ops_report/devops_adoption.js

 import Vue from 'vue';
-import DevopsAdoptionApp from './components/devops_adoption_app.vue';
 import apolloProvider from './graphql';
+import DevopsAdoptionApp from './components/devops_adoption_app.vue';
 
 export default () => {
   const el = document.querySelector('.js-devops-adoption');

ee/app/assets/javascripts/admin/dev_ops_report/graphql.js

 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
 import Api from 'ee/api';
-import createDefaultClient from '~/lib/graphql';
 import axios from '~/lib/utils/axios_utils';
+import createDefaultClient from '~/lib/graphql';
 
 Vue.use(VueApollo);
 

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

 import Vue from 'vue';
 import { urlQueryToFilter } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
-import CodeAnalyticsApp from './components/app.vue';
 import store from './store';
+import CodeAnalyticsApp from './components/app.vue';
 
 export default () => {
   const container = document.getElementById('js-code-review-analytics');

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

-import FilteredSearchTokenKeys from '~/filtered_search/filtered_search_token_keys';
 import { __ } from '~/locale';
+import FilteredSearchTokenKeys from '~/filtered_search/filtered_search_token_keys';
 
 const tokenKeys = [
   {

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

 <script>
-import { GlBadge, GlLoadingIcon, GlEmptyState, GlPagination } from '@gitlab/ui';
 import { mapState, mapActions } from 'vuex';
+import { GlBadge, GlLoadingIcon, GlEmptyState, GlPagination } from '@gitlab/ui';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
-import FilteredSearchCodeReviewAnalytics from '../filtered_search_code_review_analytics';
-import FilterBar from './filter_bar.vue';
 import MergeRequestTable from './merge_request_table.vue';
+import FilterBar from './filter_bar.vue';
+import FilteredSearchCodeReviewAnalytics from '../filtered_search_code_review_analytics';
 
 export default {
   components: {

ee/app/assets/javascripts/analytics/code_review_analytics/components/filter_bar.vue

 <script>
 import { mapState, mapActions } from 'vuex';
 import { __ } from '~/locale';
-import {
-  DEFAULT_LABEL_NONE,
-  DEFAULT_LABEL_ANY,
-} from '~/vue_shared/components/filtered_search_bar/constants';
 import FilteredSearchBar from '~/vue_shared/components/filtered_search_bar/filtered_search_bar_root.vue';
 import {
   prepareTokens,
   processFilters,
   filterToQueryObject,
 } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
-import LabelToken from '~/vue_shared/components/filtered_search_bar/tokens/label_token.vue';
 import MilestoneToken from '~/vue_shared/components/filtered_search_bar/tokens/milestone_token.vue';
+import LabelToken from '~/vue_shared/components/filtered_search_bar/tokens/label_token.vue';
 import UrlSync from '~/vue_shared/components/url_sync.vue';
+import {
+  DEFAULT_LABEL_NONE,
+  DEFAULT_LABEL_ANY,
+} from '~/vue_shared/components/filtered_search_bar/constants';
 
 export default {
   components: {

ee/app/assets/javascripts/analytics/code_review_analytics/components/merge_request_table.vue

 <script>
-import { GlTable, GlLink, GlIcon, GlAvatarLink, GlAvatar, GlTooltipDirective } from '@gitlab/ui';
 import { escape } from 'lodash';
 import { mapState } from 'vuex';
+import { GlTable, GlLink, GlIcon, GlAvatarLink, GlAvatar, GlTooltipDirective } from '@gitlab/ui';
 import { sanitize } from '~/lib/dompurify';
-import { getTimeago } from '~/lib/utils/datetime_utility';
 import { __, sprintf, n__ } from '~/locale';
+import { getTimeago } from '~/lib/utils/datetime_utility';
 import ApproversColumn from './approvers_column.vue';
 
 export default {

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 { __ } from '~/locale';
 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/components/column_chart.vue

 <script>
-import { GlResizeObserverDirective } from '@gitlab/ui';
 import { GlColumnChart } from '@gitlab/ui/dist/charts';
+import { GlResizeObserverDirective } from '@gitlab/ui';
 import { getSvgIconPathContent } from '~/lib/utils/icon_utils';
 import { truncateWidth } from '~/lib/utils/text_utility';
 

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

-import { sortBy } from 'lodash';
 import Vue from 'vue';
-import { __ } from '~/locale';
+import { sortBy } from 'lodash';
 import ColumnChart from './components/column_chart.vue';
+import { __ } from '~/locale';
 
 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 DateRange from '../../shared/components/daterange.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 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 { PROJECTS_PER_PAGE } from '../constants';
+import StageTableNav from './stage_table_nav.vue';
 import CustomStageForm from './custom_stage_form.vue';
-import DurationChart from './duration_chart.vue';
-import FilterBar from './filter_bar.vue';
-import Metrics from './metrics.vue';
 import PathNavigation from './path_navigation.vue';
-import StageTable from './stage_table.vue';
-import StageTableNav from './stage_table_nav.vue';
-import TypeOfWorkCharts from './type_of_work_charts.vue';
+import FilterBar from './filter_bar.vue';
 import ValueStreamSelect from './value_stream_select.vue';
+import Metrics from './metrics.vue';
 
 export default {
   name: 'CycleAnalytics',

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

 <script>
+import { mapGetters, mapState } from 'vuex';
+import { isEqual } from 'lodash';
 import {
   GlFormGroup,
   GlFormInput,
@@ -10,10 +12,9 @@ import {
   GlSprintf,
   GlButton,
 } from '@gitlab/ui';
-import { isEqual } from 'lodash';
-import { mapGetters, mapState } from 'vuex';
-import { convertObjectPropsToSnakeCase } from '~/lib/utils/common_utils';
 import { s__ } from '~/locale';
+import { convertObjectPropsToSnakeCase } from '~/lib/utils/common_utils';
+import LabelsSelector from './labels_selector.vue';
 import { STAGE_ACTIONS, DEFAULT_STAGE_NAMES } from '../constants';
 import {
   isStartEvent,
@@ -23,7 +24,6 @@ import {
   eventsByIdentifier,
   getLabelEventsIdentifiers,
 } from '../utils';
-import LabelsSelector from './labels_selector.vue';
 
 const defaultFields = {
   id: null,

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

 <script>
-import { GlAlert } from '@gitlab/ui';
 import { mapActions, mapState, mapGetters } from 'vuex';
+import { GlAlert } from '@gitlab/ui';
 import { __ } from '~/locale';
 import ChartSkeletonLoader from '~/vue_shared/components/resizable_chart/skeleton_loader.vue';
-import Scatterplot from '../../shared/components/scatterplot.vue';
 import { dateFormats } from '../../shared/constants';
+import Scatterplot from '../../shared/components/scatterplot.vue';
 import StageDropdownFilter from './stage_dropdown_filter.vue';
 
 export default {

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

 <script>
 import { mapActions, mapState } from 'vuex';
 import { __ } from '~/locale';
+import FilteredSearchBar from '~/vue_shared/components/filtered_search_bar/filtered_search_bar_root.vue';
+import MilestoneToken from '~/vue_shared/components/filtered_search_bar/tokens/milestone_token.vue';
+import LabelToken from '~/vue_shared/components/filtered_search_bar/tokens/label_token.vue';
+import AuthorToken from '~/vue_shared/components/filtered_search_bar/tokens/author_token.vue';
+import UrlSync from '~/vue_shared/components/url_sync.vue';
 import {
   DEFAULT_LABEL_NONE,
   DEFAULT_LABEL_ANY,
 } from '~/vue_shared/components/filtered_search_bar/constants';
-import FilteredSearchBar from '~/vue_shared/components/filtered_search_bar/filtered_search_bar_root.vue';
 import {
   prepareTokens,
   processFilters,
   filterToQueryObject,
 } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
-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 MilestoneToken from '~/vue_shared/components/filtered_search_bar/tokens/milestone_token.vue';
-import UrlSync from '~/vue_shared/components/url_sync.vue';
 
 export default {
   name: 'FilterBar',

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

 <script>
+import Api from 'ee/api';
+import { debounce } from 'lodash';
 import {
   GlDropdown,
   GlDropdownItem,
@@ -7,13 +9,11 @@ import {
   GlLoadingIcon,
   GlSearchBoxByType,
 } from '@gitlab/ui';
-import { debounce } from 'lodash';
 import { mapGetters } from 'vuex';
-import Api from 'ee/api';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { __ } from '~/locale';
-import { DATA_REFETCH_DELAY } from '../../shared/constants';
 import { removeFlash } from '../utils';
+import { DATA_REFETCH_DELAY } from '../../shared/constants';
 
 export default {
   name: 'LabelsSelector',

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_event_list.vue

 <script>
-import LimitWarning from './limit_warning_component.vue';
-import StageBuildItem from './stage_build_item.vue';
 import StageEventItem from './stage_event_item.vue';
+import StageBuildItem from './stage_build_item.vue';
+import LimitWarning from './limit_warning_component.vue';
 
 export default {
   name: 'StageEventList',

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

 <script>
 import { GlIcon, GlTooltipDirective, GlDropdown, GlDropdownItem } from '@gitlab/ui';
-import { approximateDuration } from '~/lib/utils/datetime_utility';
 import { __ } from '~/locale';
+import { approximateDuration } from '~/lib/utils/datetime_utility';
 import StageCardListItem from './stage_card_list_item.vue';
 
 const ERROR_MESSAGES = {

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 { STAGE_ACTIONS } from '../constants';
-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/tasks_by_type/tasks_by_type_filters.vue

 <script>
 import { GlDropdownDivider, GlSegmentedControl, GlIcon } from '@gitlab/ui';
-import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { s__, sprintf } from '~/locale';
+import { deprecatedCreateFlash as createFlash } from '~/flash';
+import { removeFlash } from '../../utils';
 import {
   TASKS_BY_TYPE_FILTERS,
   TASKS_BY_TYPE_SUBJECT_ISSUE,
   TASKS_BY_TYPE_SUBJECT_FILTER_OPTIONS,
   TASKS_BY_TYPE_MAX_LABELS,
 } from '../../constants';
-import { removeFlash } from '../../utils';
 import LabelsSelector from '../labels_selector.vue';
 
 export default {

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

 <script>
 import Api from 'ee/api';
-import MetricCard from '~/analytics/shared/components/metric_card.vue';
-import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { sprintf, __, s__ } from '~/locale';
-import { OVERVIEW_METRICS } from '../constants';
+import { deprecatedCreateFlash as createFlash } from '~/flash';
+import MetricCard from '~/analytics/shared/components/metric_card.vue';
 import { removeFlash, prepareTimeMetricsData } from '../utils';
+import { OVERVIEW_METRICS } from '../constants';
 
 const I18N_TEXT = {
   'lead-time': s__('ValueStreamAnalytics|Median time from issue created to issue closed.'),

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

 <script>
-import { GlAlert } from '@gitlab/ui';
 import { mapActions, mapGetters, mapState } from 'vuex';
-import { s__, sprintf, __ } from '~/locale';
+import { GlAlert } from '@gitlab/ui';
 import ChartSkeletonLoader from '~/vue_shared/components/resizable_chart/skeleton_loader.vue';
-import { formattedDate } from '../../shared/utils';
-import { TASKS_BY_TYPE_SUBJECT_ISSUE } from '../constants';
 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';
 
 export default {
   name: 'TypeOfWorkCharts',

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

@@ -11,8 +11,8 @@ import {
   GlModal,
   GlModalDirective,
 } from '@gitlab/ui';
-import { debounce } from 'lodash';
 import { mapState, mapActions } from 'vuex';
+import { debounce } from 'lodash';
 import { sprintf, __ } from '~/locale';
 import { DATA_REFETCH_DELAY } from '../../shared/constants';
 

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

-import { GlToast } from '@gitlab/ui';
 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
-import createDefaultClient from '~/lib/graphql';
-import { urlQueryToFilter } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
-import { buildCycleAnalyticsInitialData } from '../shared/utils';
+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';
 
 Vue.use(GlToast);
 Vue.use(VueApollo);

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

 import Api from 'ee/api';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
-import httpStatus from '~/lib/utils/http_status';
 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,
@@ -10,7 +11,6 @@ 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/getters.js

 import dateFormat from 'dateformat';
 import { isNumber } from 'lodash';
-import { getIdFromGraphQLId } from '~/graphql_shared/utils';
 import httpStatus from '~/lib/utils/http_status';
+import { getIdFromGraphQLId } from '~/graphql_shared/utils';
 import { filterToQueryObject } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
 import { dateFormats } from '../../shared/constants';
-import { DEFAULT_VALUE_STREAM_ID } from '../constants';
 import { transformStagesForPathNavigation } from '../utils';
+import { DEFAULT_VALUE_STREAM_ID } from '../constants';
 
 export const hasNoAccessError = state => state.errorCode === httpStatus.FORBIDDEN;
 

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

@@ -3,11 +3,11 @@ import Vuex from 'vuex';
 import filters from '~/vue_shared/components/filtered_search_bar/store/modules/filters';
 import * as actions from './actions';
 import * as getters from './getters';
+import mutations from './mutations';
+import state from './state';
 import customStages from './modules/custom_stages/index';
 import durationChart from './modules/duration_chart/index';
 import typeOfWork from './modules/type_of_work/index';
-import mutations from './mutations';
-import state from './state';
 
 Vue.use(Vuex);
 

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

 import Api from 'ee/api';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
-import httpStatusCodes from '~/lib/utils/http_status';
 import { __, sprintf } from '~/locale';
-import { removeFlash, isStageNameExistsError } from '../../../utils';
+import httpStatusCodes from '~/lib/utils/http_status';
 import * as types from './mutation_types';
+import { removeFlash, isStageNameExistsError } from '../../../utils';
 
 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/index.js

-import * as actions from './actions';
-import * as getters from './getters';
-import mutations from './mutations';
 import state from './state';
+import mutations from './mutations';
+import * as getters from './getters';
+import * as actions from './actions';
 
 export default {
   namespaced: true,

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

 import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
-import { transformRawStages } from '../../../utils';
 import * as types from './mutation_types';
+import { transformRawStages } from '../../../utils';
 
 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 { checkForDataError, flashErrorIfStatusNotOk } from '../../../utils';
 import * as types from './mutation_types';
+import { checkForDataError, flashErrorIfStatusNotOk } from '../../../utils';
 
 export const setLoading = ({ commit }, loading) => commit(types.SET_LOADING, loading);
 

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

-import * as actions from './actions';
-import * as getters from './getters';
-import mutations from './mutations';
 import state from './state';
+import mutations from './mutations';
+import * as getters from './getters';
+import * as actions from './actions';
 
 export default {
   namespaced: true,

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

 import Api from 'ee/api';
 import { __ } from '~/locale';
-import { throwIfUserForbidden, checkForDataError, flashErrorIfStatusNotOk } from '../../../utils';
 import * as types from './mutation_types';
+import { throwIfUserForbidden, checkForDataError, flashErrorIfStatusNotOk } from '../../../utils';
 
 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 { TASKS_BY_TYPE_FILTERS } from '../../../constants';
-import { transformRawTasksByTypeData, toggleSelectedLabel } from '../../../utils';
 import * as types from './mutation_types';
+import { transformRawTasksByTypeData, toggleSelectedLabel } from '../../../utils';
+import { TASKS_BY_TYPE_FILTERS } from '../../../constants';
 
 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 { transformRawStages } from '../utils';
 import * as types from './mutation_types';
+import { transformRawStages } from '../utils';
 
 export default {
   [types.SET_FEATURE_FLAGS](state, featureFlags) {

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

-import dateFormat from 'dateformat';
 import { isNumber } from 'lodash';
-import { hideFlash, deprecatedCreateFlash as createFlash } from '~/flash';
+import dateFormat from 'dateformat';
+import { s__, sprintf } from '~/locale';
 import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
+import httpStatus from '~/lib/utils/http_status';
+import { convertToSnakeCase, slugify } from '~/lib/utils/text_utility';
+import { hideFlash, deprecatedCreateFlash as createFlash } from '~/flash';
 import {
   newDate,
   dayAfter,
@@ -9,9 +12,6 @@ import {
   getDatesInRange,
   parseSeconds,
 } from '~/lib/utils/datetime_utility';
-import httpStatus from '~/lib/utils/http_status';
-import { convertToSnakeCase, slugify } from '~/lib/utils/text_utility';
-import { s__, sprintf } from '~/locale';
 import { dateFormats } from '../shared/constants';
 import { toYmd } from '../shared/utils';
 

ee/app/assets/javascripts/analytics/group_analytics/components/group_activity_card.vue

 <script>
 import Api from 'ee/api';
-import MetricCard from '~/analytics/shared/components/metric_card.vue';
-import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { __, s__ } from '~/locale';
+import { deprecatedCreateFlash as createFlash } from '~/flash';
+import MetricCard from '~/analytics/shared/components/metric_card.vue';
 
 export default {
   name: 'GroupActivityCard',

ee/app/assets/javascripts/analytics/merge_request_analytics/components/filter_bar.vue

 <script>
 import { mapActions, mapState } from 'vuex';
 import { __ } from '~/locale';
+import UrlSync from '~/vue_shared/components/url_sync.vue';
+import FilteredSearchBar from '~/vue_shared/components/filtered_search_bar/filtered_search_bar_root.vue';
+import BranchToken from '~/vue_shared/components/filtered_search_bar/tokens/branch_token.vue';
+import MilestoneToken from '~/vue_shared/components/filtered_search_bar/tokens/milestone_token.vue';
+import LabelToken from '~/vue_shared/components/filtered_search_bar/tokens/label_token.vue';
+import AuthorToken from '~/vue_shared/components/filtered_search_bar/tokens/author_token.vue';
 import {
   DEFAULT_LABEL_NONE,
   DEFAULT_LABEL_ANY,
 } from '~/vue_shared/components/filtered_search_bar/constants';
-import FilteredSearchBar from '~/vue_shared/components/filtered_search_bar/filtered_search_bar_root.vue';
 import {
   prepareTokens,
   processFilters,
   filterToQueryObject,
 } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
-import AuthorToken from '~/vue_shared/components/filtered_search_bar/tokens/author_token.vue';
-import BranchToken from '~/vue_shared/components/filtered_search_bar/tokens/branch_token.vue';
-import LabelToken from '~/vue_shared/components/filtered_search_bar/tokens/label_token.vue';
-import MilestoneToken from '~/vue_shared/components/filtered_search_bar/tokens/milestone_token.vue';
-import UrlSync from '~/vue_shared/components/url_sync.vue';
 
 export default {
   name: 'FilterBar',

ee/app/assets/javascripts/analytics/merge_request_analytics/components/throughput_chart.vue

 <script>
-import { GlAlert } from '@gitlab/ui';
-import { GlAreaChart } from '@gitlab/ui/dist/charts';
 import { mapState } from 'vuex';
-import { filterToQueryObject } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
+import { GlAreaChart } from '@gitlab/ui/dist/charts';
+import { GlAlert } from '@gitlab/ui';
 import ChartSkeletonLoader from '~/vue_shared/components/resizable_chart/skeleton_loader.vue';
-import { THROUGHPUT_CHART_STRINGS } from '../constants';
+import { filterToQueryObject } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
 import throughputChartQueryBuilder from '../graphql/throughput_chart_query_builder';
+import { THROUGHPUT_CHART_STRINGS } from '../constants';
 import { formatThroughputChartData } from '../utils';
 
 export default {

ee/app/assets/javascripts/analytics/merge_request_analytics/components/throughput_table.vue

 <script>
+import { mapState } from 'vuex';
+import dateFormat from 'dateformat';
 import {
   GlTable,
   GlLink,
@@ -11,12 +13,11 @@ import {
   GlIcon,
   GlPagination,
 } from '@gitlab/ui';
-import dateFormat from 'dateformat';
-import { mapState } from 'vuex';
-import { approximateDuration, differenceInSeconds } from '~/lib/utils/datetime_utility';
 import { s__, n__ } from '~/locale';
+import { approximateDuration, differenceInSeconds } from '~/lib/utils/datetime_utility';
 import { filterToQueryObject } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
 import { dateFormats } from '../../shared/constants';
+import throughputTableQuery from '../graphql/queries/throughput_table.query.graphql';
 import {
   THROUGHPUT_TABLE_STRINGS,
   MERGE_REQUEST_ID_PREFIX,
@@ -27,7 +28,6 @@ import {
   THROUGHPUT_TABLE_TEST_IDS,
   PIPELINE_STATUS_ICON_CLASSES,
 } from '../constants';
-import throughputTableQuery from '../graphql/queries/throughput_table.query.graphql';
 
 const TH_TEST_ID = { 'data-testid': THROUGHPUT_TABLE_TEST_IDS.TABLE_HEADERS };
 

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

 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
-import { ITEM_TYPE } from '~/groups/constants';
 import createDefaultClient from '~/lib/graphql';
+import { urlQueryToFilter } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
 import { getDateInPast } from '~/lib/utils/datetime_utility';
 import { getParameterValues } from '~/lib/utils/url_utility';
-import { urlQueryToFilter } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils';
+import createStore from './store';
 import MergeRequestAnalyticsApp from './components/app.vue';
+import { ITEM_TYPE } from '~/groups/constants';
 import { DEFAULT_NUMBER_OF_DAYS } from './constants';
-import createStore from './store';
 
 Vue.use(VueApollo);
 

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

 <script>
+import { mapState, mapActions, mapGetters } from 'vuex';
 import {
   GlEmptyState,
   GlLoadingIcon,
@@ -9,17 +10,16 @@ import {
   GlIcon,
   GlAlert,
 } from '@gitlab/ui';
-import { GlColumnChart } from '@gitlab/ui/dist/charts';
 import dateFormat from 'dateformat';
-import { mapState, mapActions, mapGetters } from 'vuex';
-import { beginOfDayTime, endOfDayTime } from '~/lib/utils/datetime_utility';
+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 { chartKeys } from '../constants';
-import MetricChart from './metric_chart.vue';
-import MergeRequestTable from './mr_table.vue';
 
 export default {
   components: {

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

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

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

 <script>
-import { GlDropdown, GlDropdownItem, GlLoadingIcon, GlAlert, GlIcon } from '@gitlab/ui';
 import { isEmpty } from 'lodash';
-import httpStatusCodes from '~/lib/utils/http_status';
+import { GlDropdown, GlDropdownItem, GlLoadingIcon, GlAlert, GlIcon } from '@gitlab/ui';
 import { s__ } from '~/locale';
+import httpStatusCodes from '~/lib/utils/http_status';
 
 export default {
   name: 'MetricChart',

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

 <script>
 import { GlDropdown, GlDropdownItem, GlIcon } from '@gitlab/ui';
-import Pagination from '~/vue_shared/components/pagination_links.vue';
 import MergeRequestTableRow from './mr_table_row.vue';
+import Pagination from '~/vue_shared/components/pagination_links.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 { getIdFromGraphQLId } from '~/graphql_shared/utils';
-import createDefaultClient from '~/lib/graphql';
-import { parseBoolean } from '~/lib/utils/common_utils';
+import store from './store';
+import FilterDropdowns from './components/filter_dropdowns.vue';
 import DateRange from '../shared/components/daterange.vue';
-import { buildGroupFromDataset, buildProjectFromDataset } from '../shared/utils';
 import ProductivityAnalyticsApp from './components/app.vue';
-import FilterDropdowns from './components/filter_dropdowns.vue';
 import FilteredSearchProductivityAnalytics from './filtered_search_productivity_analytics';
-import store from './store';
+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/productivity_analytics_filtered_search_token_keys.js

-import FilteredSearchTokenKeys from '~/filtered_search/filtered_search_token_keys';
 import { __ } from '~/locale';
+import FilteredSearchTokenKeys from '~/filtered_search/filtered_search_token_keys';
 
 const tokenKeys = [
   {

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

 import Vue from 'vue';
 import Vuex from 'vuex';
-import * as actions from './actions';
+import state from './state';
 import * as getters from './getters';
-import charts from './modules/charts/index';
+import * as actions from './actions';
+import mutations from './mutations';
 import filters from './modules/filters/index';
+import charts from './modules/charts/index';
 import table from './modules/table/index';
-import mutations from './mutations';
-import state from './state';
 
 Vue.use(Vuex);
 

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/getters.js

 import { isEmpty } from 'lodash';
-import httpStatus from '~/lib/utils/http_status';
 import { s__ } from '~/locale';
+import httpStatus from '~/lib/utils/http_status';
 import {
   chartKeys,
   metricTypes,

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

-import * as actions from './actions';
-import * as getters from './getters';
-import mutations from './mutations';
 import state from './state';
+import mutations from './mutations';
+import * as getters from './getters';
+import * as actions from './actions';
 
 export default {
   namespaced: true,

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

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

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

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

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

 import dateFormat from 'dateformat';
 import { getDateInPast, beginOfDayTime, endOfDayTime } from '~/lib/utils/datetime_utility';
-import { dateFormats } from '../../../../shared/constants';
 import { chartKeys, scatterPlotAddonQueryDays } from '../../../constants';
+import { dateFormats } from '../../../../shared/constants';
 
 /**
  * Returns an object of common filter parameters based on the filter's state

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

-import * as actions from './actions';
-import * as getters from './getters';
-import mutations from './mutations';
 import state from './state';
+import mutations from './mutations';
+import * as getters from './getters';
+import * as actions from './actions';
 
 export default {
   namespaced: true,

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/index.js

-import * as actions from './actions';
-import * as getters from './getters';
-import mutations from './mutations';
 import state from './state';
+import mutations from './mutations';
+import * as getters from './getters';
+import * as actions from './actions';
 
 export default {
   namespaced: true,

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

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

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

-import dateFormat from 'dateformat';
 import { flatten } from 'lodash';
+import dateFormat from 'dateformat';
 import { getDayDifference, getDateInPast } from '~/lib/utils/datetime_utility';
 import { median } from '~/lib/utils/number_utils';
 import { dateFormats } from '../shared/constants';

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

@@ -9,8 +9,8 @@ import {
   GlModal,
   GlModalDirective,
 } from '@gitlab/ui';
-import { pikadayToString } from '~/lib/utils/datetime_utility';
 import { __, s__ } from '~/locale';
+import { pikadayToString } from '~/lib/utils/datetime_utility';
 import SelectProjectsDropdown from './select_projects_dropdown.vue';
 
 export default {

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

 <script>
 import { s__ } from '~/locale';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
-import DownloadTestCoverage from './download_test_coverage.vue';
 import TestCoverageSummary from './test_coverage_summary.vue';
 import TestCoverageTable from './test_coverage_table.vue';
+import DownloadTestCoverage from './download_test_coverage.vue';
 
 export default {
   name: 'GroupRepositoryAnalytics',

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

@@ -9,8 +9,8 @@ import {
   GlSearchBoxByType,
 } from '@gitlab/ui';
 import produce from 'immer';
-import { getIdFromGraphQLId } from '~/graphql_shared/utils';
 import { __, n__ } from '~/locale';
+import { getIdFromGraphQLId } from '~/graphql_shared/utils';
 import getGroupProjects from '../graphql/queries/get_group_projects.query.graphql';
 
 export default {

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

 <script>
-import MetricCard from '~/analytics/shared/components/metric_card.vue';
 import { __, s__ } from '~/locale';
+import MetricCard from '~/analytics/shared/components/metric_card.vue';
 import getGroupTestCoverage from '../graphql/queries/get_group_test_coverage.query.graphql';
 
 export default {

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

 <script>
-import { GlCard, GlEmptyState, GlLink, GlSkeletonLoader, GlTable } from '@gitlab/ui';
 import Vue from 'vue';
-import { SUPPORTED_FORMATS, getFormatter } from '~/lib/utils/unit_format';
-import { joinPaths } from '~/lib/utils/url_utility';
+import { GlCard, GlEmptyState, GlLink, GlSkeletonLoader, GlTable } from '@gitlab/ui';
 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 getProjectsTestCoverage from '../graphql/queries/get_projects_test_coverage.query.graphql';
 import SelectProjectsDropdown from './select_projects_dropdown.vue';
+import getProjectsTestCoverage from '../graphql/queries/get_projects_test_coverage.query.graphql';
 
 export default {
   name: 'TestCoverageTable',

ee/app/assets/javascripts/analytics/shared/components/groups_dropdown_filter.vue

 <script>
+import { debounce } from 'lodash';
 import {
   GlIcon,
   GlLoadingIcon,
@@ -9,9 +10,8 @@ import {
   GlSearchBoxByType,
   GlSafeHtmlDirective as SafeHtml,
 } from '@gitlab/ui';
-import { debounce } from 'lodash';
-import Api from '~/api';
 import { s__, __ } from '~/locale';
+import Api from '~/api';
 import { DATA_REFETCH_DELAY } from '../constants';
 import { filterBySearchTerm } from '../utils';
 

ee/app/assets/javascripts/analytics/shared/components/projects_dropdown_filter.vue

 <script>
+import { debounce } from 'lodash';
 import {
   GlIcon,
   GlLoadingIcon,
@@ -8,12 +9,11 @@ import {
   GlDropdownItem,
   GlSearchBoxByType,
 } from '@gitlab/ui';
-import { debounce } from 'lodash';
-import { getIdFromGraphQLId } from '~/graphql_shared/utils';
 import { n__, s__, __ } from '~/locale';
+import { getIdFromGraphQLId } from '~/graphql_shared/utils';
 import { DATA_REFETCH_DELAY } from '../constants';
-import getProjects from '../graphql/projects.query.graphql';
 import { filterBySearchTerm } from '../utils';
+import getProjects from '../graphql/projects.query.graphql';
 
 export default {
   name: 'ProjectsDropdownFilter',

ee/app/assets/javascripts/analytics/shared/components/scatterplot.vue

 <script>
-import { GlDiscreteScatterChart } from '@gitlab/ui/dist/charts';
 import dateFormat from 'dateformat';
+import { GlDiscreteScatterChart } from '@gitlab/ui/dist/charts';
 import { scatterChartLineProps, dateFormats } from '../constants';
 
 export default {

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

 <script>
-import { GlLoadingIcon, GlButton } from '@gitlab/ui';
 import { mapState, mapActions } from 'vuex';
-import { __ } from '~/locale';
+import { GlLoadingIcon, GlButton } from '@gitlab/ui';
 import showToast from '~/vue_shared/plugins/global_toast';
+import { __ } from '~/locale';
 import ModalRuleCreate from './modal_rule_create.vue';
 import ModalRuleRemove from './modal_rule_remove.vue';
 

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

 <script>
-import { VULNERABILITY_CHECK_NAME, LICENSE_CHECK_NAME, APPROVAL_RULE_CONFIGS } from '../constants';
 import ApprovalCheckPopover from './approval_check_popover.vue';
+import { VULNERABILITY_CHECK_NAME, LICENSE_CHECK_NAME, APPROVAL_RULE_CONFIGS } from '../constants';
 
 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 { TYPE_USER, TYPE_GROUP, TYPE_HIDDEN_GROUPS } from '../constants';
 import HiddenGroupsItem from './hidden_groups_item.vue';
+import { TYPE_USER, TYPE_GROUP, TYPE_HIDDEN_GROUPS } from '../constants';
 
 const types = [TYPE_USER, TYPE_GROUP, TYPE_HIDDEN_GROUPS];
 

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

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

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

 <script>
-import { GlButton } from '@gitlab/ui';
 import { mapActions } from 'vuex';
-import EmptyRuleName from './empty_rule_name.vue';
+import { GlButton } from '@gitlab/ui';
 import RuleInput from './mr_edit/rule_input.vue';
+import EmptyRuleName from './empty_rule_name.vue';
 import RuleBranches from './rule_branches.vue';
 
 export default {

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

 <script>
+import { mapActions, mapState } from 'vuex';
 import {
   GlButton,
   GlIcon,
@@ -6,10 +7,9 @@ import {
   GlDeprecatedSkeletonLoading as GlSkeletonLoading,
   GlSprintf,
 } from '@gitlab/ui';
-import { mapActions, mapState } from 'vuex';
 import { APPROVALS, APPROVALS_MODAL } from 'ee/approvals/stores/modules/license_compliance';
-import { s__ } from '~/locale';
 import ModalLicenseCompliance from './modal.vue';
+import { s__ } from '~/locale';
 
 export default {
   components: {

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

 <script>
-import { GlButton, GlIcon, GlLink, GlSprintf } from '@gitlab/ui';
 import { mapState } from 'vuex';
+import { GlButton, GlIcon, GlLink, GlSprintf } from '@gitlab/ui';
 import { APPROVALS_MODAL } from 'ee/approvals/stores/modules/license_compliance';
 import { __ } from '~/locale';
 import GlModalVuex from '~/vue_shared/components/gl_modal_vuex.vue';

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

 <script>
 /* eslint-disable vue/no-v-html */
-import { escape } from 'lodash';
 import { mapActions, mapState } from 'vuex';
+import { escape } from 'lodash';
 import { sprintf, n__, s__ } from '~/locale';
 import GlModalVuex from '~/vue_shared/components/gl_modal_vuex.vue';
 

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

 <script>
 import { mapState, mapActions } from 'vuex';
 import { __ } from '~/locale';
-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 EmptyRule from '../empty_rule.vue';
-import RuleControls from '../rule_controls.vue';
+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';
 import RuleInput from './rule_input.vue';
 
 let targetBranchMutationObserver;

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

 <script>
-import { debounce } from 'lodash';
 import { mapState, mapActions } from 'vuex';
+import { debounce } from 'lodash';
 import { RULE_TYPE_ANY_APPROVER } from '../../constants';
 
 const ANY_RULE_NAME = 'All Members';

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

 <script>
 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 { RULE_TYPE_ANY_APPROVER, RULE_TYPE_REGULAR } from '../../constants';
 
 import UserAvatarList from '~/vue_shared/components/user_avatar/user_avatar_list.vue';
-import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
-import { RULE_TYPE_ANY_APPROVER, RULE_TYPE_REGULAR } from '../../constants';
+import Rules from '../rules.vue';
+import RuleControls from '../rule_controls.vue';
 import EmptyRule from '../empty_rule.vue';
 import RuleInput from '../mr_edit/rule_input.vue';
 import RuleBranches from '../rule_branches.vue';
-import RuleControls from '../rule_controls.vue';
-import Rules from '../rules.vue';
 import UnconfiguredSecurityRules from '../security_configuration/unconfigured_security_rules.vue';
 
 export default {

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

 <script>
-import { GlButton } from '@gitlab/ui';
 import { mapState, mapActions } from 'vuex';
+import { GlButton } from '@gitlab/ui';
 
 export default {
   components: {

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

 <script>
-import { groupBy, isNumber } from 'lodash';
 import { mapState, mapActions } from 'vuex';
-import { sprintf, __ } from '~/locale';
+import { groupBy, isNumber } from 'lodash';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
-import { TYPE_USER, TYPE_GROUP, TYPE_HIDDEN_GROUPS } from '../constants';
+import { sprintf, __ } from '~/locale';
 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/components/security_configuration/unconfigured_security_rules.vue

 <script>
-import { GlDeprecatedSkeletonLoading as GlSkeletonLoading } from '@gitlab/ui';
 import { camelCase } from 'lodash';
 import { mapState, mapActions } from 'vuex';
+import { GlDeprecatedSkeletonLoading as GlSkeletonLoading } from '@gitlab/ui';
 import { LICENSE_CHECK_NAME, VULNERABILITY_CHECK_NAME, JOB_TYPES } from 'ee/approvals/constants';
 import { s__ } from '~/locale';
 import UnconfiguredSecurityRule from './unconfigured_security_rule.vue';

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

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

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 ProjectSettingsApp from './components/project_settings/app.vue';
 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/index.js

-import * as getters from './getters';
-import mutations from './mutations';
 import createState from './state';
+import mutations from './mutations';
+import * as getters from './getters';
 
 export default () => ({
   state: createState(),

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

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

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

@@ -4,8 +4,8 @@ import {
   mapApprovalFallbackRuleRequest,
 } from 'ee/approvals/mappers';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
-import axios from '~/lib/utils/axios_utils';
 import { __ } from '~/locale';
+import axios from '~/lib/utils/axios_utils';
 import * as types from '../base/mutation_types';
 
 export const receiveRulesSuccess = ({ commit }, approvalSettings) => {

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

 import { memoize, uniqBy, uniqueId, flatten } from 'lodash';
-import Api from '~/api';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
-import axios from '~/lib/utils/axios_utils';
 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 { RULE_TYPE_ANY_APPROVER } from '../../../constants';
 import base from '../base/mutations';
 import * as types from './mutation_types';
+import { RULE_TYPE_ANY_APPROVER } from '../../../constants';
 
 export default {
   ...base,

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

 import { deprecatedCreateFlash as createFlash } from '~/flash';
-import axios from '~/lib/utils/axios_utils';
 import { __ } from '~/locale';
+import axios from '~/lib/utils/axios_utils';
+import * as types from '../base/mutation_types';
 import {
   mapApprovalRuleRequest,
   mapApprovalSettingsResponse,
   mapApprovalFallbackRuleRequest,
 } from '../../../mappers';
-import * as types from '../base/mutation_types';
 
 export const requestRules = ({ commit }) => {
   commit(types.SET_LOADING, true);

ee/app/assets/javascripts/audit_events/components/audit_events_app.vue

 <script>
 import { mapActions, mapState, mapGetters } from 'vuex';
-import AuditEventsExportButton from './audit_events_export_button.vue';
 import AuditEventsFilter from './audit_events_filter.vue';
-import AuditEventsTable from './audit_events_table.vue';
 import DateRangeField from './date_range_field.vue';
 import SortingField from './sorting_field.vue';
+import AuditEventsTable from './audit_events_table.vue';
+import AuditEventsExportButton from './audit_events_export_button.vue';
 
 export default {
   components: {

ee/app/assets/javascripts/audit_events/components/audit_events_table.vue

 <script>
 import { GlPagination, GlTable } from '@gitlab/ui';
 
-import { getParameterValues, setUrlParams } from '~/lib/utils/url_utility';
 import { s__ } from '~/locale';
+import { getParameterValues, setUrlParams } from '~/lib/utils/url_utility';
 
-import HtmlTableCell from './table_cells/html_table_cell.vue';
 import UrlTableCell from './table_cells/url_table_cell.vue';
+import HtmlTableCell from './table_cells/html_table_cell.vue';
 
 const TABLE_HEADER_CLASSES = 'bg-transparent border-bottom p-3';
 

ee/app/assets/javascripts/audit_events/components/date_range_buttons.vue

 <script>
 import { GlButtonGroup, GlButton } from '@gitlab/ui';
-import { datesMatch, dateAtFirstDayOfMonth, getDateInPast } from '~/lib/utils/datetime_utility';
 import { n__, s__ } from '~/locale';
+import { datesMatch, dateAtFirstDayOfMonth, getDateInPast } from '~/lib/utils/datetime_utility';
 import { CURRENT_DATE } from '../constants';
 
 const DATE_RANGE_OPTIONS = [

ee/app/assets/javascripts/audit_events/components/tokens/shared/audit_filter_token.vue

@@ -6,9 +6,9 @@ import {
   GlAvatar,
 } from '@gitlab/ui';
 import { debounce } from 'lodash';
-import { deprecatedCreateFlash as createFlash } from '~/flash';
-import httpStatusCodes from '~/lib/utils/http_status';
 import { sprintf, s__, __ } from '~/locale';
+import httpStatusCodes from '~/lib/utils/http_status';
+import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { isNumeric } from '../../../utils';
 
 export default {

ee/app/assets/javascripts/audit_events/constants.js

 import { __, s__ } from '~/locale';
 
-import GroupToken from './components/tokens/group_token.vue';
+import UserToken from './components/tokens/user_token.vue';
 import MemberToken from './components/tokens/member_token.vue';
 import ProjectToken from './components/tokens/project_token.vue';
-import UserToken from './components/tokens/user_token.vue';
+import GroupToken from './components/tokens/group_token.vue';
 
 const DEFAULT_TOKEN_OPTIONS = {
   operators: [{ value: '=', description: __('is'), default: 'true' }],

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

 import $ from 'jquery';
-import Cookies from 'js-cookie';
 import Mousetrap from 'mousetrap';
+import Cookies from 'js-cookie';
 import ShortcutsIssuable from '~/behaviors/shortcuts/shortcuts_issuable';
 import { parseBoolean } from '~/lib/utils/common_utils';