Setup consumer (to be reverted)

sebelga · sebelga · commit f2779f40cf63 · 2020-11-03T17:53:42.000+01:00
diff --git a/x-pack/plugins/index_management/kibana.json b/x-pack/plugins/index_management/kibana.json
@@ -7,7 +7,8 @@
     "home",
     "licensing",
     "management",
-    "features"
+    "features",
+    "runtimeFields"
   ],
   "optionalPlugins": [
     "security",
diff --git a/x-pack/plugins/index_management/public/application/app_context.tsx b/x-pack/plugins/index_management/public/application/app_context.tsx
@@ -11,6 +11,7 @@ import { UsageCollectionSetup } from 'src/plugins/usage_collection/public';
 import { CoreSetup, CoreStart } from '../../../../../src/core/public';
 
 import { IngestManagerSetup } from '../../../ingest_manager/public';
+import { RuntimeFieldsSetup } from '../../../runtime_fields/public';
 import { IndexMgmtMetricsType } from '../types';
 import { UiMetricService, NotificationService, HttpService } from './services';
 import { ExtensionsService } from '../services';
@@ -24,6 +25,7 @@ export interface AppDependencies {
   };
   plugins: {
     usageCollection: UsageCollectionSetup;
+    runtimeFields: RuntimeFieldsSetup;
     ingestManager?: IngestManagerSetup;
   };
   services: {
diff --git a/x-pack/plugins/index_management/public/application/mount_management_section.ts b/x-pack/plugins/index_management/public/application/mount_management_section.ts
@@ -10,6 +10,7 @@ import { ManagementAppMountParams } from 'src/plugins/management/public/';
 import { UsageCollectionSetup } from 'src/plugins/usage_collection/public';
 
 import { IngestManagerSetup } from '../../../ingest_manager/public';
+import { RuntimeFieldsSetup } from '../../../runtime_fields/public';
 import { PLUGIN } from '../../common/constants';
 import { ExtensionsService } from '../services';
 import { IndexMgmtMetricsType } from '../types';
@@ -32,6 +33,7 @@ export async function mountManagementSection(
   usageCollection: UsageCollectionSetup,
   services: InternalServices,
   params: ManagementAppMountParams,
+  runtimeFields: RuntimeFieldsSetup,
   ingestManager?: IngestManagerSetup
 ) {
   const { element, setBreadcrumbs, history } = params;
@@ -57,6 +59,7 @@ export async function mountManagementSection(
     plugins: {
       usageCollection,
       ingestManager,
+      runtimeFields,
     },
     services,
     history,
diff --git a/x-pack/plugins/index_management/public/application/sections/home/home.tsx b/x-pack/plugins/index_management/public/application/sections/home/home.tsx
@@ -4,7 +4,7 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import React, { useEffect } from 'react';
+import React, { useEffect, useCallback } from 'react';
 import { Route, RouteComponentProps, Switch } from 'react-router-dom';
 import { FormattedMessage } from '@kbn/i18n/react';
 import {
@@ -17,13 +17,16 @@ import {
   EuiTab,
   EuiTabs,
   EuiTitle,
+  EuiButton,
 } from '@elastic/eui';
+import { RuntimeField } from '../../../../../runtime_fields/public';
 import { documentationService } from '../../services/documentation';
 import { DataStreamList } from './data_stream_list';
 import { IndexList } from './index_list';
 import { TemplateList } from './template_list';
 import { ComponentTemplateList } from '../../components/component_templates';
 import { breadcrumbService } from '../../services/breadcrumbs';
+import { useAppContext } from '../../app_context';
 
 export enum Section {
   Indices = 'indices',
@@ -43,6 +46,8 @@ interface MatchParams {
   section: Section;
 }
 
+const defaultRuntimeField: RuntimeField = { name: 'myField', type: 'date', script: 'test=123' };
+
 export const IndexManagementHome: React.FunctionComponent<RouteComponentProps<MatchParams>> = ({
   match: {
     params: { section },
@@ -87,6 +92,19 @@ export const IndexManagementHome: React.FunctionComponent<RouteComponentProps<Ma
     history.push(`/${newSection}`);
   };
 
+  const {
+    plugins: { runtimeFields },
+  } = useAppContext();
+
+  const onSaveRuntimeField = useCallback((field: RuntimeField) => {
+    console.log('Updated field', field);
+  }, []);
+
+  const openRuntimeFieldEditor = useCallback(async () => {
+    const { openEditor } = await runtimeFields.loadEditor();
+    openEditor({ onSave: onSaveRuntimeField, defaultValue: defaultRuntimeField });
+  }, [onSaveRuntimeField, runtimeFields]);
+
   useEffect(() => {
     breadcrumbService.setBreadcrumbs('home');
   }, []);
@@ -117,6 +135,11 @@ export const IndexManagementHome: React.FunctionComponent<RouteComponentProps<Ma
                 />
               </EuiButtonEmpty>
             </EuiFlexItem>
+            <EuiFlexItem grow={false}>
+              <EuiButton onClick={openRuntimeFieldEditor} fill>
+                Create field
+              </EuiButton>
+            </EuiFlexItem>
           </EuiFlexGroup>
         </EuiTitle>
 
diff --git a/x-pack/plugins/index_management/public/plugin.ts b/x-pack/plugins/index_management/public/plugin.ts
@@ -10,6 +10,7 @@ import { UsageCollectionSetup } from '../../../../src/plugins/usage_collection/p
 import { ManagementSetup } from '../../../../src/plugins/management/public';
 
 import { IngestManagerSetup } from '../../ingest_manager/public';
+import { RuntimeFieldsSetup } from '../../runtime_fields/public';
 import { UIM_APP_NAME, PLUGIN } from '../common/constants';
 
 import { httpService } from './application/services/http';
@@ -30,6 +31,7 @@ interface PluginsDependencies {
   ingestManager?: IngestManagerSetup;
   usageCollection: UsageCollectionSetup;
   management: ManagementSetup;
+  runtimeFields: RuntimeFieldsSetup;
 }
 
 export class IndexMgmtUIPlugin {
@@ -45,7 +47,7 @@ export class IndexMgmtUIPlugin {
 
   public setup(coreSetup: CoreSetup, plugins: PluginsDependencies): IndexManagementPluginSetup {
     const { http, notifications } = coreSetup;
-    const { ingestManager, usageCollection, management } = plugins;
+    const { ingestManager, usageCollection, management, runtimeFields } = plugins;
 
     httpService.setup(http);
     notificationService.setup(notifications);
@@ -63,7 +65,14 @@ export class IndexMgmtUIPlugin {
           uiMetricService: this.uiMetricService,
           extensionsService: this.extensionsService,
         };
-        return mountManagementSection(coreSetup, usageCollection, services, params, ingestManager);
+        return mountManagementSection(
+          coreSetup,
+          usageCollection,
+          services,
+          params,
+          runtimeFields,
+          ingestManager
+        );
       },
     });
 
