[Remote clusters] Cloud deployment form when adding new cluster

src/core/public/doc_links/doc_links_service.ts

@@ -275,6 +275,9 @@ export class DocLinksService {
           registerUrl: `${ELASTICSEARCH_DOCS}snapshots-register-repository.html#snapshots-read-only-repository`,
           restoreSnapshot: `${ELASTICSEARCH_DOCS}snapshots-restore-snapshot.html`,
         },
+        cloud: {
+          ccs: `${ELASTIC_WEBSITE_URL}guide/en/cloud/current/ec-enable-ccs.html`,
+        },
       },
     });
   }
@@ -440,5 +443,6 @@ export interface DocLinksStart {
     readonly ccs: Record<string, string>;
     readonly plugins: Record<string, string>;
     readonly snapshotRestore: Record<string, string>;
+    readonly cloud: { readonly ccs: string };
   };
 }

x-pack/plugins/remote_clusters/public/application/app_context.tsx

@@ -5,10 +5,12 @@
  * 2.0.
  */
 
-import React, { createContext } from 'react';
+import React, { createContext, useContext } from 'react';
+import { IBasePath } from 'kibana/public';
 
 export interface Context {
   isCloudEnabled: boolean;
+  basePath: IBasePath;
 }
 
 export const AppContext = createContext<Context>({} as any);
@@ -22,3 +24,10 @@ export const AppContextProvider = ({
 }) => {
   return <AppContext.Provider value={context}>{children}</AppContext.Provider>;
 };
+
+export const useAppContext = () => {
+  const ctx = useContext(AppContext);
+  if (!ctx) throw new Error('Cannot use outside of app context');
+
+  return ctx;
+};

x-pack/plugins/remote_clusters/public/application/index.d.ts

@@ -5,14 +5,15 @@
  * 2.0.
  */
 
-import { ScopedHistory } from 'kibana/public';
+import { IBasePath, ScopedHistory } from 'kibana/public';
 import { RegisterManagementAppArgs, I18nStart } from '../types';
 
 export declare const renderApp: (
   elem: HTMLElement | null,
   I18nContext: I18nStart['Context'],
   appDependencies: {
     isCloudEnabled?: boolean;
+    basePath: IBasePath;
   },
   history: ScopedHistory
 ) => ReturnType<RegisterManagementAppArgs['mount']>;