Consistency fixes for Elasticsearch client custom integrations

This PR is a follow-up to a set of consistency fixes identified after
all integrations were completed. Removes the "Generate API Key" button
and also removes the example Cloud ID in favor of an obviously
placeholder Cloud ID value.

Co-authored-by: Nicolas Chaulet <nicolas.chaulet@elastic.co>

src/plugins/custom_integrations/public/components/fleet_integration/elasticsearch_js/elasticsearch_js_readme.tsx

@@ -6,14 +6,12 @@
  * Side Public License, v 1.
  */
 
-import React, { useState } from 'react';
+import React from 'react';
 
 // eslint-disable-next-line @kbn/eslint/module_migration
 import styled from 'styled-components';
-import cuid from 'cuid';
 
 import {
-  EuiButton,
   EuiCode,
   EuiCodeBlock,
   EuiFlexGroup,
@@ -65,8 +63,6 @@ const TopFlexGroup = styled(EuiFlexGroup)`
 `;
 
 export const ElasticsearchJsClientReadme = () => {
-  const [apiKey, setApiKey] = useState<string | null>(null);
-
   return (
     <>
       <FixedHeader>
@@ -124,42 +120,6 @@ export const ElasticsearchJsClientReadme = () => {
                 </EuiCodeBlock>
               </EuiPageSection>
 
-              <EuiPageSection>
-                <EuiTitle>
-                  <h2>
-                    <FormattedMessage
-                      id="customIntegrations.languageClients.JavascriptElasticsearch.readme.createApiKey"
-                      defaultMessage="Create an API key"
-                    />
-                  </h2>
-                </EuiTitle>
-
-                <EuiText>
-                  <FormattedMessage
-                    id="customIntegrations.languageClients.JavascriptElasticsearch.readme.apiKey"
-                    defaultMessage="Use the button bellow to generate an API key. You'll need this set up your client in the next step."
-                  />
-                </EuiText>
-
-                <EuiSpacer size="m" />
-
-                <EuiFlexGroup alignItems="center">
-                  <EuiFlexItem grow={false}>
-                    <EuiButton onClick={() => setApiKey(cuid())} disabled={!!apiKey}>
-                      Generate API key
-                    </EuiButton>
-                  </EuiFlexItem>
-
-                  {apiKey && (
-                    <EuiFlexItem grow={false}>
-                      <EuiCodeBlock paddingSize="s" isCopyable className="eui-displayInline">
-                        {apiKey}
-                      </EuiCodeBlock>
-                    </EuiFlexItem>
-                  )}
-                </EuiFlexGroup>
-              </EuiPageSection>
-
               <EuiPageSection>
                 <EuiTitle>
                   <h2>
@@ -189,7 +149,7 @@ const { Client } = require('@elastic/elasticsearch');
 
 // Instantiate the client with an API key
 const client = new Client({
-  auth: { apiKey: '${apiKey || 'YOUR_API_KEY'}' }
+  auth: { apiKey: 'YOUR_API_KEY' }
 })
 
           `}

src/plugins/custom_integrations/public/components/fleet_integration/elasticsearch_py/elasticsearch_py_readme.tsx

@@ -148,7 +148,7 @@ export const ElasticsearchPyClientReadme = () => {
 from elasticsearch import Elasticsearch
 
 # Found in the 'Manage this deployment' page
-CLOUD_ID = "deployment-name:dXMtZWFzdDQuZ2Nw..."
+CLOUD_ID = "YOUR_CLOUD_ID"
 
 # Found in the 'Management' page under the section 'Security'
 API_KEY = "YOUR_API_KEY"

x-pack/plugins/translations/translations/fr-FR.json

@@ -986,9 +986,7 @@
     "customIntegrations.languageClients.JavaElasticsearch.readme.intro": "La mise en route avec le client Java Elasticsearch requiert l'exécution de quelques étapes.",
     "customIntegrations.languageClients.JavaElasticsearch.readme.title": "Client Java Elasticsearch",
     "customIntegrations.languageclients.JavascriptDescription": "Indexez les données dans Elasticsearch avec le client JavaScript.",
-    "customIntegrations.languageClients.JavascriptElasticsearch.readme.apiKey": "Utilisez le bouton ci-dessous pour générer une clé d'API. Vous en aurez besoin pour configurer votre client à la prochaine étape.",
     "customIntegrations.languageClients.JavascriptElasticsearch.readme.configure": "Configurer le client JavaScript Elasticsearch",
-    "customIntegrations.languageClients.JavascriptElasticsearch.readme.createApiKey": "Créer une clé d'API",
     "customIntegrations.languageClients.JavascriptElasticsearch.readme.install": "Installer le client JavaScript Elasticsearch",
     "customIntegrations.languageClients.JavascriptElasticsearch.readme.intro": "La mise en route avec le client JavaScript Elasticsearch requiert l'exécution de quelques étapes.",
     "customIntegrations.languageClients.JavascriptElasticsearch.readme.title": "Client JavaScript Elasticsearch",

x-pack/plugins/translations/translations/ja-JP.json

@@ -986,9 +986,7 @@
     "customIntegrations.languageClients.JavaElasticsearch.readme.intro": "Elasticsearch Javaクライアントを起動するには、いくつかの手順が必要です。",
     "customIntegrations.languageClients.JavaElasticsearch.readme.title": "Elasticsearch Javaクライアント",
     "customIntegrations.languageclients.JavascriptDescription": "JavaScriptクライアントでElasticsearchのデータにインデックスを作成します。",
-    "customIntegrations.languageClients.JavascriptElasticsearch.readme.apiKey": "以下のボタンを使用して、APIキーを生成します。次のステップでクライアントを設定するには、このキーが必要です。",
     "customIntegrations.languageClients.JavascriptElasticsearch.readme.configure": "Elasticsearch JavaScriptクライアントを構成する",
-    "customIntegrations.languageClients.JavascriptElasticsearch.readme.createApiKey": "APIキーを作成する",
     "customIntegrations.languageClients.JavascriptElasticsearch.readme.install": "Elasticsearch JavaScriptクライアントをインストールする",
     "customIntegrations.languageClients.JavascriptElasticsearch.readme.intro": "Elasticsearch JavaScriptクライアントを起動するには、いくつかの手順が必要です。",
     "customIntegrations.languageClients.JavascriptElasticsearch.readme.title": "Elasticsearch JavaScriptクライアント",

x-pack/plugins/translations/translations/zh-CN.json

@@ -988,9 +988,7 @@
     "customIntegrations.languageClients.JavaElasticsearch.readme.intro": "开始使用 Elasticsearch Java 客户端需要完成一些步骤。",
     "customIntegrations.languageClients.JavaElasticsearch.readme.title": "Elasticsearch Java 客户端",
     "customIntegrations.languageclients.JavascriptDescription": "通过 JavaScript 客户端将数据索引到 Elasticsearch。",
-    "customIntegrations.languageClients.JavascriptElasticsearch.readme.apiKey": "使用以下按钮生成 API 密钥。您需要在下一步中这样设置您的客户端。",
     "customIntegrations.languageClients.JavascriptElasticsearch.readme.configure": "配置 Elasticsearch JavaScript 客户端",
-    "customIntegrations.languageClients.JavascriptElasticsearch.readme.createApiKey": "创建 API 密钥",
     "customIntegrations.languageClients.JavascriptElasticsearch.readme.install": "安装 Elasticsearch JavaScript 客户端",
     "customIntegrations.languageClients.JavascriptElasticsearch.readme.intro": "开始使用 Elasticsearch JavaScript 客户端需要完成一些步骤。",
     "customIntegrations.languageClients.JavascriptElasticsearch.readme.title": "Elasticsearch JavaScript 客户端",