Add mergeRequests module to store

- Move existing store implementation
to mergeRequests module.

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

@@ -29,7 +29,7 @@ export default {
     },
   },
   computed: {
-    ...mapState({
+    ...mapState('mergeRequests', {
       isLoading: 'isLoading',
       perPage: state => state.pageInfo.perPage,
       totalItems: state => state.pageInfo.total,
@@ -58,7 +58,7 @@ export default {
     this.fetchMergeRequests();
   },
   methods: {
-    ...mapActions(['setProjectId', 'fetchMergeRequests', 'setPage']),
+    ...mapActions('mergeRequests', ['setProjectId', 'fetchMergeRequests', 'setPage']),
   },
 };
 </script>

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

@@ -20,7 +20,7 @@ export default {
     GlTooltip: GlTooltipDirective,
   },
   computed: {
-    ...mapState(['mergeRequests']),
+    ...mapState('mergeRequests', ['mergeRequests']),
   },
   methods: {
     getTimeAgoString(createdAt) {

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

@@ -21,6 +21,6 @@ export default class FilteredSearchCodeReviewAnalytics extends FilteredSearchMan
    */
   updateObject = path => {
     const filters = urlParamsToObject(path);
-    store.dispatch('setFilters', filters);
+    store.dispatch('mergeRequests/setFilters', filters);
   };
 }

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

 import Vue from 'vue';
 import Vuex from 'vuex';
-import * as actions from './actions';
-import mutations from './mutations';
-import state from './state';
+import mergeRequests from './modules/merge_requests/index';
 
 Vue.use(Vuex);
 
 const createStore = () =>
   new Vuex.Store({
-    state: state(),
-    actions,
-    mutations,
+    modules: {
+      mergeRequests,
+    },
   });
 
 export default createStore();

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

@@ -15,11 +15,15 @@ export const setFilters = ({ commit, dispatch }, { label_name, milestone_title }
 export const fetchMergeRequests = ({ dispatch, state }) => {
   dispatch('requestMergeRequests');
 
-  const { projectId, filters, pageInfo } = state;
+  const {
+    projectId,
+    filters: { milestoneTitle, labelName },
+    pageInfo,
+  } = state;
   const params = {
     project_id: projectId,
-    milestone_title: filters.milestoneTitle,
-    label_name: filters.labelName,
+    milestone_title: milestoneTitle,
+    label_name: labelName,
     page: pageInfo.page,
   };
 

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

+import * as actions from './actions';
+import mutations from './mutations';
+import state from './state';
+
+export default {
+  namespaced: true,
+  state: state(),
+  actions,
+  mutations,
+};

ee/spec/frontend/analytics/code_review_analytics/components/app_spec.js

@@ -3,7 +3,7 @@ import Vuex from 'vuex';
 import { GlLoadingIcon, GlEmptyState, GlBadge, GlPagination } from '@gitlab/ui';
 import CodeReviewAnalyticsApp from 'ee/analytics/code_review_analytics/components/app.vue';
 import MergeRequestTable from 'ee/analytics/code_review_analytics/components/merge_request_table.vue';
-import createState from 'ee/analytics/code_review_analytics/store/state';
+import createState from 'ee/analytics/code_review_analytics/store/modules/merge_requests/state';
 
 jest.mock('ee/analytics/code_review_analytics/filtered_search_code_review_analytics', () =>
   jest.fn().mockImplementation(() => ({
@@ -29,18 +29,23 @@ describe('CodeReviewAnalyticsApp component', () => {
 
   const createStore = (initialState = {}, getters = {}) =>
     new Vuex.Store({
-      state: {
-        ...createState(),
-        ...initialState,
-      },
-      actions: {
-        setProjectId: jest.fn(),
-        setPage,
-        fetchMergeRequests,
-      },
-      getters: {
-        showMrCount: () => false,
-        ...getters,
+      modules: {
+        mergeRequests: {
+          namespaced: true,
+          state: {
+            ...createState(),
+            ...initialState,
+          },
+          actions: {
+            setProjectId: jest.fn(),
+            setPage,
+            fetchMergeRequests,
+          },
+          getters: {
+            showMrCount: () => false,
+            ...getters,
+          },
+        },
       },
     });
 

ee/spec/frontend/analytics/code_review_analytics/components/merge_request_table_spec.js

@@ -2,7 +2,7 @@ import { createLocalVue, mount } from '@vue/test-utils';
 import Vuex from 'vuex';
 import { GlTable } from '@gitlab/ui';
 import MergeRequestTable from 'ee/analytics/code_review_analytics/components/merge_request_table.vue';
-import createState from 'ee/analytics/code_review_analytics/store/state';
+import createState from 'ee/analytics/code_review_analytics/store/modules/merge_requests/state';
 import mergeRequests from '../mock_data';
 
 const localVue = createLocalVue();
@@ -14,9 +14,14 @@ describe('MergeRequestTable component', () => {
 
   const createStore = (initialState = {}) =>
     new Vuex.Store({
-      state: {
-        ...createState(),
-        ...initialState,
+      modules: {
+        mergeRequests: {
+          namespaced: true,
+          state: {
+            ...createState(),
+            ...initialState,
+          },
+        },
       },
     });
 

ee/spec/frontend/analytics/code_review_analytics/store/actions_spec.js → ee/spec/frontend/analytics/code_review_analytics/store/modules/merge_requests/actions_spec.js

 import axios from 'axios';
 import MockAdapter from 'axios-mock-adapter';
 import testAction from 'helpers/vuex_action_helper';
-import * as actions from 'ee/analytics/code_review_analytics/store/actions';
-import * as types from 'ee/analytics/code_review_analytics/store/mutation_types';
-import getInitialState from 'ee/analytics/code_review_analytics/store/state';
+import * as actions from 'ee/analytics/code_review_analytics/store/modules/merge_requests/actions';
+import * as types from 'ee/analytics/code_review_analytics/store/modules/merge_requests/mutation_types';
+import getInitialState from 'ee/analytics/code_review_analytics/store/modules/merge_requests/state';
 import createFlash from '~/flash';
-import mockMergeRequests from '../mock_data';
+import mockMergeRequests from '../../../mock_data';
 
 jest.mock('~/flash', () => jest.fn());
 

ee/spec/frontend/analytics/code_review_analytics/store/mutations_spec.js → ee/spec/frontend/analytics/code_review_analytics/store/modules/merge_requests/mutations_spec.js

-import * as types from 'ee/analytics/code_review_analytics/store/mutation_types';
-import mutations from 'ee/analytics/code_review_analytics/store/mutations';
-import getInitialState from 'ee/analytics/code_review_analytics/store/state';
-import { mockMergeRequests } from '../../productivity_analytics/mock_data';
+import * as types from 'ee/analytics/code_review_analytics/store/modules/merge_requests/mutation_types';
+import mutations from 'ee/analytics/code_review_analytics/store/modules/merge_requests/mutations';
+import getInitialState from 'ee/analytics/code_review_analytics/store/modules/merge_requests/state';
+import mockMergeRequests from '../../../mock_data';
 
 describe('Code review analytics mutations', () => {
   let state;