prep client code for np migration

x-pack/legacy/plugins/cross_cluster_replication/public/app/sections/home/auto_follow_pattern_list/components/detail_panel/detail_panel.js

@@ -7,7 +7,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { FormattedMessage } from '@kbn/i18n/react';
-import { getIndexListUri } from '../../../../../../../../index_management/public/services/navigation';
+import { getIndexListUri } from '../../../../../../../../index_management/public/app/services/navigation';
 
 import {
   EuiButton,

x-pack/legacy/plugins/cross_cluster_replication/public/app/sections/home/follower_indices_list/components/detail_panel/detail_panel.js

@@ -7,7 +7,7 @@
 import React, { Component, Fragment } from 'react';
 import PropTypes from 'prop-types';
 import { FormattedMessage } from '@kbn/i18n/react';
-import { getIndexListUri } from '../../../../../../../../index_management/public/services/navigation';
+import { getIndexListUri } from '../../../../../../../../index_management/public/app/services/navigation';
 
 import {
   EuiButton,

x-pack/legacy/plugins/cross_cluster_replication/public/extend_index_management/index.js

@@ -6,7 +6,7 @@
 import { i18n } from '@kbn/i18n';
 import {
   addBadgeExtension
-} from '../../../index_management/public/index_management_extensions';
+} from '../../../index_management/public/app/index_management_extensions';
 import { get } from 'lodash';
 
 const propertyPath = 'isFollowerIndex';

x-pack/legacy/plugins/index_lifecycle_management/public/extend_index_management/index.js

@@ -14,7 +14,7 @@ import {
   addBannerExtension,
   addActionExtension,
   addFilterExtension,
-} from '../../../index_management/public/index_management_extensions';
+} from '../../../index_management/public/app/index_management_extensions';
 import { retryLifecycleForIndex } from '../services/api';
 import { EuiSearchBar } from '@elastic/eui';
 

x-pack/legacy/plugins/index_lifecycle_management/public/sections/policy_table/components/policy_table/policy_table.js

@@ -36,7 +36,7 @@ import {
 } from '@elastic/eui';
 import { RIGHT_ALIGNMENT } from '@elastic/eui/lib/services';
 
-import { getIndexListUri } from '../../../../../../index_management/public/services/navigation';
+import { getIndexListUri } from '../../../../../../index_management/public/app/services/navigation';
 import { BASE_PATH, UIM_EDIT_CLICK } from '../../../../../common/constants';
 import { getPolicyPath } from '../../../../services/navigation';
 import { flattenPanelTree } from '../../../../services/flatten_panel_tree';

x-pack/legacy/plugins/index_management/__jest__/client_integration/helpers/home.helpers.ts

@@ -13,9 +13,9 @@ import {
   findTestSubject,
   nextTick,
 } from '../../../../../../test_utils';
-import { IndexManagementHome } from '../../../public/sections/home';
+import { IndexManagementHome } from '../../../public/app/sections/home';
 import { BASE_PATH } from '../../../common/constants';
-import { indexManagementStore } from '../../../public/store';
+import { indexManagementStore } from '../../../public/app/store';
 import { Template } from '../../../common/types';
 
 const testBedConfig: TestBedConfig = {

x-pack/legacy/plugins/index_management/__jest__/client_integration/helpers/setup_environment.ts

@@ -7,7 +7,7 @@
 import axios from 'axios';
 import axiosXhrAdapter from 'axios/lib/adapters/xhr';
 import { init as initHttpRequests } from './http_requests';
-import { setHttpClient } from '../../../public/services/api';
+import { setHttpClient } from '../../../public/app/services/api';
 
 const mockHttpClient = axios.create({ adapter: axiosXhrAdapter });
 

x-pack/legacy/plugins/index_management/__jest__/client_integration/helpers/template_clone.helpers.ts

@@ -6,7 +6,7 @@
 
 import { registerTestBed, TestBedConfig } from '../../../../../../test_utils';
 import { BASE_PATH } from '../../../common/constants';
-import { TemplateClone } from '../../../public/sections/template_clone';
+import { TemplateClone } from '../../../public/app/sections/template_clone';
 import { formSetup } from './template_form.helpers';
 import { TEMPLATE_NAME } from './constants';
 

x-pack/legacy/plugins/index_management/__jest__/client_integration/helpers/template_create.helpers.ts

@@ -6,7 +6,7 @@
 
 import { registerTestBed, TestBedConfig } from '../../../../../../test_utils';
 import { BASE_PATH } from '../../../common/constants';
-import { TemplateCreate } from '../../../public/sections/template_create';
+import { TemplateCreate } from '../../../public/app/sections/template_create';
 import { formSetup, TestSubjects } from './template_form.helpers';
 
 const testBedConfig: TestBedConfig = {

x-pack/legacy/plugins/index_management/__jest__/client_integration/helpers/template_edit.helpers.ts

@@ -6,7 +6,7 @@
 
 import { registerTestBed, TestBedConfig } from '../../../../../../test_utils';
 import { BASE_PATH } from '../../../common/constants';
-import { TemplateEdit } from '../../../public/sections/template_edit';
+import { TemplateEdit } from '../../../public/app/sections/template_edit';
 import { formSetup, TestSubjects } from './template_form.helpers';
 import { TEMPLATE_NAME } from './constants';
 

x-pack/legacy/plugins/index_management/public/app.js → x-pack/legacy/plugins/index_management/public/app/app.tsx

@@ -6,15 +6,16 @@
 
 import React, { useEffect } from 'react';
 import { HashRouter, Switch, Route, Redirect } from 'react-router-dom';
-import { BASE_PATH, UIM_APP_LOAD } from '../common/constants';
+import { BASE_PATH, UIM_APP_LOAD } from '../../common/constants';
 import { IndexManagementHome } from './sections/home';
 import { TemplateCreate } from './sections/template_create';
 import { TemplateClone } from './sections/template_clone';
 import { TemplateEdit } from './sections/template_edit';
 import { trackUiMetric } from './services';
+import { METRIC_TYPE } from './services/track_ui_metric';
 
 export const App = () => {
-  useEffect(() => trackUiMetric('loaded', UIM_APP_LOAD), []);
+  useEffect(() => trackUiMetric(METRIC_TYPE.LOADED, UIM_APP_LOAD), []);
 
   return (
     <HashRouter>
@@ -28,12 +29,8 @@ export const AppWithoutRouter = () => (
   <Switch>
     <Route exact path={`${BASE_PATH}create_template`} component={TemplateCreate} />
     <Route exact path={`${BASE_PATH}clone_template/:name*`} component={TemplateClone} />
-    <Route
-      exact
-      path={`${BASE_PATH}edit_template/:name*`}
-      component={TemplateEdit}
-    />
+    <Route exact path={`${BASE_PATH}edit_template/:name*`} component={TemplateEdit} />
     <Route path={`${BASE_PATH}:section(indices|templates)`} component={IndexManagementHome} />
-    <Redirect from={`${BASE_PATH}`} to={`${BASE_PATH}indices`}/>
+    <Redirect from={`${BASE_PATH}`} to={`${BASE_PATH}indices`} />
   </Switch>
 );

x-pack/legacy/plugins/index_management/public/components/template_delete_modal.tsx → x-pack/legacy/plugins/index_management/public/app/components/template_delete_modal.tsx

@@ -10,7 +10,7 @@ import { FormattedMessage } from '@kbn/i18n/react';
 import React, { Fragment, useState } from 'react';
 import { toastNotifications } from 'ui/notify';
 import { deleteTemplates } from '../services/api';
-import { Template } from '../../common/types';
+import { Template } from '../../../common/types';
 
 export const TemplateDeleteModal = ({
   templatesToDelete,

x-pack/legacy/plugins/index_management/public/components/template_form/steps/step_logistics.tsx → x-pack/legacy/plugins/index_management/public/app/components/template_form/steps/step_logistics.tsx

@@ -11,11 +11,11 @@ import {
   useForm,
   Form,
   getUseField,
-} from '../../../../../../../../src/plugins/es_ui_shared/static/forms/hook_form_lib';
+} from '../../../../../../../../../src/plugins/es_ui_shared/static/forms/hook_form_lib';
 import {
   getFormRow,
   Field,
-} from '../../../../../../../../src/plugins/es_ui_shared/static/forms/components';
+} from '../../../../../../../../../src/plugins/es_ui_shared/static/forms/components';
 import { templatesDocumentationLink } from '../../../lib/documentation_links';
 import { StepProps } from '../types';
 import { schemas } from '../template_form_schemas';

x-pack/legacy/plugins/index_management/public/components/template_form/steps/step_review.tsx → x-pack/legacy/plugins/index_management/public/app/components/template_form/steps/step_review.tsx

@@ -20,10 +20,10 @@ import {
   EuiCodeBlock,
 } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n/react';
-import { serializers } from '../../../../../../../../src/plugins/es_ui_shared/static/forms/helpers';
+import { serializers } from '../../../../../../../../../src/plugins/es_ui_shared/static/forms/helpers';
 
-import { serializeTemplate } from '../../../../common/lib/template_serialization';
-import { Template } from '../../../../common/types';
+import { serializeTemplate } from '../../../../../common/lib/template_serialization';
+import { Template } from '../../../../../common/types';
 import { StepProps } from '../types';
 
 const { stripEmptyFields } = serializers;

x-pack/legacy/plugins/index_management/public/components/template_form/steps/use_json_step.ts → x-pack/legacy/plugins/index_management/public/app/components/template_form/steps/use_json_step.ts

@@ -7,7 +7,7 @@
 import { useEffect, useState } from 'react';
 import { i18n } from '@kbn/i18n';
 
-import { isJSON } from '../../../../../../../../src/plugins/es_ui_shared/static/validators/string';
+import { isJSON } from '../../../../../../../../../src/plugins/es_ui_shared/static/validators/string';
 import { StepProps } from '../types';
 
 interface Parameters {

x-pack/legacy/plugins/index_management/public/components/template_form/template_form.tsx → x-pack/legacy/plugins/index_management/public/app/components/template_form/template_form.tsx

@@ -14,8 +14,8 @@ import {
   EuiSpacer,
 } from '@elastic/eui';
 
-import { serializers } from '../../../../../../../src/plugins/es_ui_shared/static/forms/helpers';
-import { Template } from '../../../common/types';
+import { serializers } from '../../../../../../../../src/plugins/es_ui_shared/static/forms/helpers';
+import { Template } from '../../../../common/types';
 import { TemplateSteps } from './template_steps';
 import { StepAliases, StepLogistics, StepMappings, StepSettings, StepReview } from './steps';
 import { StepProps, DataGetterFunc } from './types';

x-pack/legacy/plugins/index_management/public/components/template_form/template_form_schemas.tsx → x-pack/legacy/plugins/index_management/public/app/components/template_form/template_form_schemas.tsx

@@ -12,17 +12,17 @@ import {
   FormSchema,
   FIELD_TYPES,
   VALIDATION_TYPES,
-} from '../../../../../../../src/plugins/es_ui_shared/static/forms/hook_form_lib';
+} from '../../../../../../../../src/plugins/es_ui_shared/static/forms/hook_form_lib';
 
 import {
   fieldFormatters,
   fieldValidators,
-} from '../../../../../../../src/plugins/es_ui_shared/static/forms/helpers';
+} from '../../../../../../../../src/plugins/es_ui_shared/static/forms/helpers';
 
 import {
   INVALID_INDEX_PATTERN_CHARS,
   INVALID_TEMPLATE_NAME_CHARS,
-} from '../../../common/constants';
+} from '../../../../common/constants';
 
 const { emptyField, containsCharsField, startsWithField, indexPatternField } = fieldValidators;
 const { toInt } = fieldFormatters;

x-pack/legacy/plugins/index_management/public/components/template_form/types.ts → x-pack/legacy/plugins/index_management/public/app/components/template_form/types.ts

@@ -4,7 +4,7 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import { Template } from '../../../common/types';
+import { Template } from '../../../../common/types';
 
 export interface StepProps {
   template: Partial<Template>;

x-pack/legacy/plugins/index_management/public/index_management_extensions.js → x-pack/legacy/plugins/index_management/public/app/index_management_extensions.ts

@@ -5,57 +5,55 @@
  */
 import { i18n } from '@kbn/i18n';
 const summaryExtensions = [];
-export const addSummaryExtension = (summaryExtension)=> {
+export const addSummaryExtension = summaryExtension => {
   summaryExtensions.push(summaryExtension);
 };
 export const getSummaryExtensions = () => {
   return summaryExtensions;
 };
 const actionExtensions = [];
-export const addActionExtension = (actionExtension)=> {
+export const addActionExtension = actionExtension => {
   actionExtensions.push(actionExtension);
 };
 export const getActionExtensions = () => {
   return actionExtensions;
 };
 const bannerExtensions = [];
-export const addBannerExtension = (actionExtension)=> {
+export const addBannerExtension = actionExtension => {
   bannerExtensions.push(actionExtension);
 };
 export const getBannerExtensions = () => {
   return bannerExtensions;
 };
 const filterExtensions = [];
-export const addFilterExtension = (filterExtension)=> {
+export const addFilterExtension = filterExtension => {
   filterExtensions.push(filterExtension);
 };
 export const getFilterExtensions = () => {
   return filterExtensions;
 };
 const toggleExtensions = [];
-export const addToggleExtension = (toggleExtension)=> {
+export const addToggleExtension = toggleExtension => {
   toggleExtensions.push(toggleExtension);
 };
 export const getToggleExtensions = () => {
   return toggleExtensions;
 };
 const badgeExtensions = [
   {
-    matchIndex: (index) => {
+    matchIndex: index => {
       return index.isFrozen;
     },
     label: i18n.translate('xpack.idxMgmt.frozenBadgeLabel', {
       defaultMessage: 'Frozen',
     }),
     filterExpression: 'isFrozen:true',
-    color: 'primary'
-  }
+    color: 'primary',
+  },
 ];
-export const addBadgeExtension = (badgeExtension)=> {
+export const addBadgeExtension = badgeExtension => {
   badgeExtensions.push(badgeExtension);
 };
 export const getBadgeExtensions = () => {
   return badgeExtensions;
 };
-
-

x-pack/legacy/plugins/index_management/public/lib/index_status_labels.js → x-pack/legacy/plugins/index_management/public/app/lib/index_status_labels.js

@@ -14,7 +14,7 @@ import {
   INDEX_REFRESHING,
   INDEX_FLUSHING,
   INDEX_FORCEMERGING,
-} from '../../common/constants';
+} from '../../../common/constants';
 
 export const indexStatusLabels = {
   [INDEX_CLEARING_CACHE]: i18n.translate('xpack.idxMgmt.indexStatusLabels.clearingCacheStatusLabel', {

x-pack/legacy/plugins/index_management/public/lib/manage_angular_lifecycle.js → x-pack/legacy/plugins/index_management/public/app/lib/manage_angular_lifecycle.ts

@@ -6,7 +6,7 @@
 
 import { unmountComponentAtNode } from 'react-dom';
 
-export const manageAngularLifecycle = ($scope, $route, elem) => {
+export const manageAngularLifecycle = ($scope: any, $route: any, elem: HTMLElement | null) => {
   const lastRoute = $route.current;
 
   const deregister = $scope.$on('$locationChangeSuccess', () => {
@@ -17,7 +17,12 @@ export const manageAngularLifecycle = ($scope, $route, elem) => {
   });
 
   $scope.$on('$destroy', () => {
-    deregister && deregister();
-    elem && unmountComponentAtNode(elem);
+    if (deregister) {
+      deregister();
+    }
+
+    if (elem) {
+      unmountComponentAtNode(elem);
+    }
   });
 };

x-pack/legacy/plugins/index_management/public/sections/home/home.tsx → x-pack/legacy/plugins/index_management/public/app/sections/home/home.tsx

@@ -18,7 +18,7 @@ import {
   EuiTabs,
   EuiTitle,
 } from '@elastic/eui';
-import { BASE_PATH } from '../../../common/constants';
+import { BASE_PATH } from '../../../../common/constants';
 import { idxMgmtDocumentationLink } from '../../lib/documentation_links';
 import { IndexList } from './index_list';
 import { TemplateList } from './template_list';

x-pack/legacy/plugins/index_management/public/sections/home/index_list/detail_panel/detail_panel.js → x-pack/legacy/plugins/index_management/public/app/sections/home/index_list/detail_panel/detail_panel.js

@@ -21,7 +21,7 @@ import {
   EuiTitle,
 } from '@elastic/eui';
 import { renderBadges } from '../../../../lib/render_badges';
-import { INDEX_OPEN } from '../../../../../common/constants';
+import { INDEX_OPEN } from '../../../../../../common/constants';
 import {
   TAB_SUMMARY,
   TAB_SETTINGS,

x-pack/legacy/plugins/index_management/public/sections/home/index_list/detail_panel/edit_settings_json/edit_settings_json.js → x-pack/legacy/plugins/index_management/public/app/sections/home/index_list/detail_panel/edit_settings_json/edit_settings_json.js

@@ -22,7 +22,7 @@ import { TAB_SETTINGS } from '../../../../../constants';
 import {
   settingsToDisplay,
   readOnlySettings
-} from '../../../../../lib/editSettings';
+} from '../../../../../lib/edit_settings';
 import { createAceEditor } from '../../../../../lib/ace';
 import _ from 'lodash';
 

x-pack/legacy/plugins/index_management/public/sections/home/index_list/index_actions_context_menu/index_actions_context_menu.js → x-pack/legacy/plugins/index_management/public/app/sections/home/index_list/index_actions_context_menu/index_actions_context_menu.js

@@ -23,7 +23,7 @@ import {
   EuiCheckbox
 } from '@elastic/eui';
 import { flattenPanelTree } from '../../../../lib/flatten_panel_tree';
-import { INDEX_OPEN } from '../../../../../common/constants';
+import { INDEX_OPEN } from '../../../../../../common/constants';
 import { getActionExtensions } from '../../../../index_management_extensions';
 import { getHttpClient } from '../../../../services/api';
 

x-pack/legacy/plugins/index_management/public/sections/home/index_list/index_table/index_table.js → x-pack/legacy/plugins/index_management/public/app/sections/home/index_list/index_table/index_table.js

@@ -35,7 +35,7 @@ import {
   EuiTitle,
 } from '@elastic/eui';
 
-import { UIM_SHOW_DETAILS_CLICK } from '../../../../../common/constants';
+import { UIM_SHOW_DETAILS_CLICK } from '../../../../../../common/constants';
 import { REFRESH_RATE_INDEX_LIST } from '../../../../constants';
 import { healthToColor, trackUiMetric } from '../../../../services';
 import {

x-pack/legacy/plugins/index_management/public/sections/home/template_list/template_details/tabs/tab_aliases.tsx → x-pack/legacy/plugins/index_management/public/app/sections/home/template_list/template_details/tabs/tab_aliases.tsx

@@ -7,7 +7,7 @@
 import React from 'react';
 import { FormattedMessage } from '@kbn/i18n/react';
 import { EuiCodeBlock, EuiCallOut } from '@elastic/eui';
-import { Template } from '../../../../../../common/types';
+import { Template } from '../../../../../../../common/types';
 
 interface Props {
   templateDetails: Template;