Sort JS imports in new files

Sort JS imports in new/changed files.

app/assets/javascripts/boards/boards_util.js

 import { sortBy } from 'lodash';
-import { ListType, NOT_FILTER } from './constants';
 import { getIdFromGraphQLId } from '~/graphql_shared/utils';
+import { ListType, NOT_FILTER } from './constants';
 
 export function getMilestone() {
   return null;

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

@@ -12,12 +12,12 @@ import {
 import { n__, s__ } from '~/locale';
 import sidebarEventHub from '~/sidebar/event_hub';
 import { isScopedLabel } from '~/lib/utils/common_utils';
+import { BV_HIDE_TOOLTIP } from '~/lib/utils/constants';
 import AccessorUtilities from '../../lib/utils/accessor';
 import boardsStore from '../stores/boards_store';
 import eventHub from '../eventhub';
 import { inactiveId, LIST, ListType } from '../constants';
 import IssueCount from './issue_count.vue';
-import { BV_HIDE_TOOLTIP } from '~/lib/utils/constants';
 
 // This component is being replaced in favor of './board_list_header.vue' for GraphQL boards
 

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

@@ -2,6 +2,7 @@
 import { mapActions, mapGetters, mapState } from 'vuex';
 import { GlTooltipDirective, GlIcon, GlSafeHtmlDirective as SafeHtml } from '@gitlab/ui';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
+import { BV_HIDE_TOOLTIP } from '~/lib/utils/constants';
 import {
   CONTEXT_LINE_CLASS_NAME,
   PARALLEL_DIFF_VIEW_TYPE,
@@ -11,7 +12,6 @@ import {
   CONFLICT_THEIR,
   CONFLICT_MARKER,
 } from '../constants';
-import { BV_HIDE_TOOLTIP } from '~/lib/utils/constants';
 import DiffGutterAvatars from './diff_gutter_avatars.vue';
 import * as utils from './diff_row_utils';
 

app/assets/javascripts/mr_notes/index.js

 import Vue from 'vue';
 import store from '~/mr_notes/stores';
+import initRevertCommitModal from '~/projects/commit/init_revert_commit_modal';
 import initDiffsApp from '../diffs';
 import discussionCounter from '../notes/components/discussion_counter.vue';
 import initDiscussionFilters from '../notes/discussion_filters';
@@ -7,7 +8,6 @@ import initSortDiscussions from '../notes/sort_discussions';
 import MergeRequest from '../merge_request';
 import { resetServiceWorkersPublicPath } from '../lib/utils/webpack';
 import initNotesApp from './init_notes';
-import initRevertCommitModal from '~/projects/commit/init_revert_commit_modal';
 
 export default function initMrNotes() {
   resetServiceWorkersPublicPath();

app/assets/javascripts/pages/groups/shared/group_details.js

@@ -6,11 +6,11 @@ import notificationsDropdown from '~/notifications_dropdown';
 import NotificationsForm from '~/notifications_form';
 import ProjectsList from '~/projects_list';
 import ShortcutsNavigation from '~/behaviors/shortcuts/shortcuts_navigation';
-import GroupTabs from './group_tabs';
 import initInviteMembersBanner from '~/groups/init_invite_members_banner';
 import initInviteMembersTrigger from '~/invite_members/init_invite_members_trigger';
 import initInviteMembersModal from '~/invite_members/init_invite_members_modal';
 import initNotificationsDropdown from '~/notifications';
+import GroupTabs from './group_tabs';
 
 export default function initGroupDetails(actionName = 'show') {
   const loadableActions = [ACTIVE_TAB_SHARED, ACTIVE_TAB_ARCHIVED];

app/assets/javascripts/pages/profiles/notifications/show/index.js

+import initNotificationsDropdown from '~/notifications';
 import NotificationsForm from '../../../../notifications_form';
 import notificationsDropdown from '../../../../notifications_dropdown';
-import initNotificationsDropdown from '~/notifications';
 
 document.addEventListener('DOMContentLoaded', () => {
   new NotificationsForm(); // eslint-disable-line no-new

app/assets/javascripts/pipelines/components/graph/job_item.vue

@@ -2,9 +2,9 @@
 import { GlTooltipDirective, GlLink } from '@gitlab/ui';
 import { sprintf } from '~/locale';
 import delayedJobMixin from '~/jobs/mixins/delayed_job_mixin';
+import { BV_HIDE_TOOLTIP } from '~/lib/utils/constants';
 import ActionComponent from './action_component.vue';
 import JobNameComponent from './job_name_component.vue';
-import { BV_HIDE_TOOLTIP } from '~/lib/utils/constants';
 import { accessValue } from './accessors';
 import { REST } from './constants';
 import { reportToSentry } from './utils';

app/assets/javascripts/projects/members/utils.js

 import { baseRequestFormatter } from '~/members/utils';
-import { PROJECT_MEMBER_BASE_PROPERTY_NAME } from './constants';
 import { MEMBER_ACCESS_LEVEL_PROPERTY_NAME } from '~/members/constants';
+import { PROJECT_MEMBER_BASE_PROPERTY_NAME } from './constants';
 
 export const projectMemberRequestFormatter = baseRequestFormatter(
   PROJECT_MEMBER_BASE_PROPERTY_NAME,

app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_merged.vue

@@ -4,11 +4,11 @@ import { GlLoadingIcon, GlButton, GlTooltipDirective } from '@gitlab/ui';
 import { deprecatedCreateFlash as Flash } from '~/flash';
 import { s__, __ } from '~/locale';
 import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
+import modalEventHub from '~/projects/commit/event_hub';
+import { OPEN_REVERT_MODAL } from '~/projects/commit/constants';
 import MrWidgetAuthorTime from '../mr_widget_author_time.vue';
 import statusIcon from '../mr_widget_status_icon.vue';
 import eventHub from '../../event_hub';
-import modalEventHub from '~/projects/commit/event_hub';
-import { OPEN_REVERT_MODAL } from '~/projects/commit/constants';
 
 export default {
   name: 'MRWidgetMerged',

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, prepareStageErrors } from '../utils';
+import * as types from './mutation_types';
 
 export default {
   [types.SET_FEATURE_FLAGS](state, featureFlags) {

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

 <script>
 import { GlSprintf, GlLink } from '@gitlab/ui';
-import ApprovalSettings from '../approval_settings.vue';
 import SettingsBlock from '~/vue_shared/components/settings/settings_block.vue';
 import { helpPagePath } from '~/helpers/help_page_helper';
 import { __ } from '~/locale';
+import ApprovalSettings from '../approval_settings.vue';
 
 export default {
   name: 'GroupApprovalSettingsApp',

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

 import Vue from 'vue';
+import { parseBoolean } from '~/lib/utils/common_utils';
 import GroupSettingsApp from './components/group_settings/app.vue';
 import createStore from './stores';
 import groupSettingsModule from './stores/modules/group_settings';
-import { parseBoolean } from '~/lib/utils/common_utils';
 
 const mountGroupApprovalSettings = (el) => {
   if (!el) {

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

 import { __ } from '~/locale';
 import axios from '~/lib/utils/axios_utils';
-import * as types from './mutation_types';
 import createFlash from '~/flash';
+import * as types from './mutation_types';
 
 export const fetchSettings = ({ commit }, endpoint) => {
   commit(types.REQUEST_SETTINGS);

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

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

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

@@ -5,9 +5,9 @@ import { convertToGraphQLId } from '~/graphql_shared/utils';
 
 import getComplianceFrameworkQuery from '../graphql/queries/get_compliance_framework.query.graphql';
 import updateComplianceFrameworkMutation from '../graphql/queries/update_compliance_framework.mutation.graphql';
+import { initialiseFormData, FETCH_ERROR, SAVE_ERROR } from '../constants';
 import SharedForm from './shared_form.vue';
 import FormStatus from './form_status.vue';
-import { initialiseFormData, FETCH_ERROR, SAVE_ERROR } from '../constants';
 
 export default {
   components: {

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

@@ -20,14 +20,14 @@ import {
   nDaysBefore,
   nDaysAfter,
 } from '~/lib/utils/datetime_utility';
+import { addRotationModalId, editRotationModalId, PRESET_TYPES } from '../constants';
+import getShiftsForRotations from '../graphql/queries/get_oncall_schedules_with_rotations_shifts.query.graphql';
 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';
-import getShiftsForRotations from '../graphql/queries/get_oncall_schedules_with_rotations_shifts.query.graphql';
 
 export const i18n = {
   scheduleForTz: s__('OnCallSchedules|On-call schedule for the %{timezone}'),

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

@@ -3,9 +3,9 @@ import { GlAlert, GlButton, GlEmptyState, GlLoadingIcon, GlModalDirective } from
 import * as Sentry from '~/sentry/wrapper';
 import { s__ } from '~/locale';
 import { fetchPolicies } from '~/lib/graphql';
+import getOncallSchedulesWithRotations from '../graphql/queries/get_oncall_schedules.query.graphql';
 import AddScheduleModal from './add_edit_schedule_modal.vue';
 import OncallSchedule from './oncall_schedule.vue';
-import getOncallSchedulesWithRotations from '../graphql/queries/get_oncall_schedules.query.graphql';
 
 export const addScheduleModalId = 'addScheduleModal';
 

ee/app/assets/javascripts/oncall_schedules/mixins/common_mixin.js

-import { DAYS_IN_WEEK, HOURS_IN_DAY, PRESET_TYPES } from '../constants';
 import { isToday } from '~/lib/utils/datetime_utility';
+import { DAYS_IN_WEEK, HOURS_IN_DAY, PRESET_TYPES } from '../constants';
 
 export default {
   currentDate: null,

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

@@ -5,9 +5,9 @@ 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 '../../components/dynamic_fields.vue';
 import ExpandableSection from '../../components/expandable_section.vue';
+import AnalyzerConfiguration from './analyzer_configuration.vue';
 import {
   toSastCiConfigurationEntityInput,
   toSastCiConfigurationAnalyzerEntityInput,

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

@@ -7,8 +7,8 @@ import {
   GlTooltipDirective,
   GlLoadingIcon,
 } from '@gitlab/ui';
-import groupIterationsQuery from '../queries/group_iterations.query.graphql';
 import { __ } from '~/locale';
+import groupIterationsQuery from '../queries/group_iterations.query.graphql';
 import { iterationSelectTextMap, iterationDisplayState } from '../constants';
 
 export default {

ee/spec/frontend/oncall_schedule/mocks/apollo_mock.js

-import mockRotations from './mock_rotation.json';
 import invalidUrl from '~/lib/utils/invalid_url';
+import mockRotations from './mock_rotation.json';
 
 export const scheduleIid = '37';
 

ee/spec/frontend/oncall_schedule/oncall_schedule_spec.js

@@ -7,8 +7,8 @@ import * as utils from 'ee/oncall_schedules/components/schedule/utils';
 import * as commonUtils from 'ee/oncall_schedules/utils/common_utils';
 import { PRESET_TYPES } from 'ee/oncall_schedules/constants';
 import { extendedWrapper } from 'helpers/vue_test_utils_helper';
-import mockTimezones from './mocks/mockTimezones.json';
 import * as dateTimeUtility from '~/lib/utils/datetime_utility';
+import mockTimezones from './mocks/mockTimezones.json';
 
 describe('On-call schedule', () => {
   let wrapper;

ee/spec/frontend/oncall_schedule/oncall_schedule_wrapper_spec.js

 import { createLocalVue, shallowMount } from '@vue/test-utils';
 import { GlEmptyState, GlLoadingIcon, GlAlert } from '@gitlab/ui';
+import VueApollo from 'vue-apollo';
 import OnCallScheduleWrapper, {
   i18n,
 } from 'ee/oncall_schedules/components/oncall_schedules_wrapper.vue';
@@ -7,7 +8,6 @@ import OnCallSchedule from 'ee/oncall_schedules/components/oncall_schedule.vue';
 import AddScheduleModal from 'ee/oncall_schedules/components/add_edit_schedule_modal.vue';
 import createMockApollo from 'helpers/mock_apollo_helper';
 import getOncallSchedulesWithRotations from 'ee/oncall_schedules/graphql/queries/get_oncall_schedules.query.graphql';
-import VueApollo from 'vue-apollo';
 import { preExistingSchedule, newlyCreatedSchedule } from './mocks/apollo_mock';
 
 const localVue = createLocalVue();

spec/frontend/notes/components/note_actions_spec.js

@@ -5,8 +5,8 @@ import { TEST_HOST } from 'spec/test_constants';
 import createStore from '~/notes/stores';
 import noteActions from '~/notes/components/note_actions.vue';
 import axios from '~/lib/utils/axios_utils';
-import { userDataMock } from '../mock_data';
 import { BV_HIDE_TOOLTIP } from '~/lib/utils/constants';
+import { userDataMock } from '../mock_data';
 
 describe('noteActions', () => {
   let wrapper;

spec/frontend/pipelines/graph/linked_pipeline_spec.js

@@ -3,8 +3,8 @@ import { GlButton, GlLoadingIcon } from '@gitlab/ui';
 import LinkedPipelineComponent from '~/pipelines/components/graph/linked_pipeline.vue';
 import CiStatus from '~/vue_shared/components/ci_icon.vue';
 import { UPSTREAM, DOWNSTREAM } from '~/pipelines/components/graph/constants';
-import mockData from './linked_pipelines_mock_data';
 import { BV_HIDE_TOOLTIP } from '~/lib/utils/constants';
+import mockData from './linked_pipelines_mock_data';
 
 const mockPipeline = mockData.triggered[0];
 const validTriggeredPipelineId = mockPipeline.project.id;

spec/frontend/vue_mr_widget/components/states/mr_widget_merged_spec.js

 import Vue from 'vue';
-import mountComponent from 'helpers/vue_mount_component_helper';
 import { getByRole } from '@testing-library/dom';
+import mountComponent from 'helpers/vue_mount_component_helper';
 import mergedComponent from '~/vue_merge_request_widget/components/states/mr_widget_merged.vue';
 import eventHub from '~/vue_merge_request_widget/event_hub';
 import modalEventHub from '~/projects/commit/event_hub';