[Monitoring] NP Migration complete client cutover

.eslintignore

@@ -36,6 +36,7 @@ src/legacy/core_plugins/vis_type_vislib/public/vislib/__tests__/lib/fixtures/moc
 /x-pack/legacy/plugins/canvas/shareable_runtime/build
 /x-pack/legacy/plugins/canvas/storybook
 /x-pack/legacy/plugins/canvas/canvas_plugin_src/lib/flot-charts
+/x-pack/legacy/plugins/monitoring/public/lib/jquery_flot
 /x-pack/legacy/plugins/infra/common/graphql/types.ts
 /x-pack/legacy/plugins/infra/public/graphql/types.ts
 /x-pack/legacy/plugins/infra/server/graphql/types.ts

.eslintrc.js

@@ -843,6 +843,12 @@ module.exports = {
         jquery: true,
       },
     },
+    {
+      files: ['x-pack/legacy/plugins/monitoring/public/lib/jquery_flot/**/*.js'],
+      env: {
+        jquery: true,
+      },
+    },
 
     /**
      * TSVB overrides

x-pack/legacy/plugins/monitoring/index.ts

@@ -0,0 +1,39 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import Hapi from 'hapi';
+import { KIBANA_ALERTING_ENABLED } from './common/constants';
+
+/**
+ * Invokes plugin modules to instantiate the Monitoring plugin for Kibana
+ * @param kibana {Object} Kibana plugin instance
+ * @return {Object} Monitoring UI Kibana plugin object
+ */
+const deps = ['kibana', 'elasticsearch', 'xpack_main'];
+if (KIBANA_ALERTING_ENABLED) {
+  deps.push(...['alerting', 'actions']);
+}
+export const monitoring = (kibana: any) => {
+  return new kibana.Plugin({
+    require: deps,
+    id: 'monitoring',
+    configPrefix: 'monitoring',
+    init(server: Hapi.Server) {
+      const npMonitoring = server.newPlatform.setup.plugins.monitoring as object & {
+        registerLegacyAPI: (api: unknown) => void;
+      };
+      if (npMonitoring) {
+        const kbnServerStatus = this.kbnServer.status;
+        npMonitoring.registerLegacyAPI({
+          getServerStatus: () => {
+            const status = kbnServerStatus.toJSON();
+            return status?.overall?.state;
+          },
+        });
+      }
+    },
+  });
+};

x-pack/legacy/plugins/monitoring/public/components/alerts/alerts.js

@@ -5,7 +5,7 @@
  */
 
 import React from 'react';
-import chrome from '../../np_imports/ui/chrome';
+import { Legacy } from '../../np_ready/legacy';
 import { capitalize, get } from 'lodash';
 import { formatDateTimeLocal } from '../../../common/formatting';
 import { formatTimestampToDuration } from '../../../common';
@@ -16,8 +16,8 @@ import {
   ALERT_TYPE_CLUSTER_STATE,
 } from '../../../common/constants';
 import { mapSeverity } from './map_severity';
-import { FormattedAlert } from 'plugins/monitoring/components/alerts/formatted_alert';
-import { EuiMonitoringTable } from 'plugins/monitoring/components/table';
+import { FormattedAlert } from '../../components/alerts/formatted_alert';
+import { EuiMonitoringTable } from '../../components/table';
 import { EuiHealth, EuiIcon, EuiToolTip } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 
@@ -162,7 +162,7 @@ export const Alerts = ({ alerts, angular, sorting, pagination, onTableChange })
     category: get(alert, 'metadata.link', get(alert, 'type', null)),
   }));
 
-  const injector = chrome.dangerouslyGetActiveInjector();
+  const injector = Legacy.shims.getAngularInjector();
   const timezone = injector.get('config').get('dateFormat:tz');
 
   return (

x-pack/legacy/plugins/monitoring/public/components/alerts/configuration/configuration.test.tsx

@@ -7,10 +7,10 @@
 import React from 'react';
 import { mockUseEffects } from '../../../jest.helpers';
 import { shallow, ShallowWrapper } from 'enzyme';
-import { kfetch } from 'ui/kfetch';
+import { kfetch } from '../../../np_ready/ui/kfetch';
 import { AlertsConfiguration, AlertsConfigurationProps } from './configuration';
 
-jest.mock('ui/kfetch', () => ({
+jest.mock('../../../np_ready/ui/kfetch', () => ({
   kfetch: jest.fn(),
 }));
 

x-pack/legacy/plugins/monitoring/public/components/alerts/configuration/configuration.tsx

@@ -5,9 +5,9 @@
  */
 
 import React, { ReactNode } from 'react';
-import { kfetch } from 'ui/kfetch';
 import { EuiSteps } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
+import { Legacy } from '../../../np_ready/legacy';
 import { ActionResult } from '../../../../../../../plugins/actions/common';
 import { ALERT_ACTION_TYPE_EMAIL } from '../../../../common/constants';
 import { getMissingFieldErrors } from '../../../lib/form_validation';
@@ -59,7 +59,7 @@ export const AlertsConfiguration: React.FC<AlertsConfigurationProps> = (
   }, [emailAddress]);
 
   async function fetchEmailActions() {
-    const kibanaActions = await kfetch({
+    const kibanaActions = await Legacy.shims.kfetch({
       method: 'GET',
       pathname: `/api/action/_getAll`,
     });
@@ -84,7 +84,7 @@ export const AlertsConfiguration: React.FC<AlertsConfigurationProps> = (
     setShowFormErrors(false);
 
     try {
-      await kfetch({
+      await Legacy.shims.kfetch({
         method: 'POST',
         pathname: `/api/monitoring/v1/alerts`,
         body: JSON.stringify({ selectedEmailActionId, emailAddress }),