From c54e9a692c981bdea639087e9e154cbd47bb0da3 Mon Sep 17 00:00:00 2001
From: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Date: Thu, 1 Jul 2021 15:03:53 -0400
Subject: [PATCH] [ML] Data visualizer: Removes experimental badge from file
 data visualizer (#104075) (#104151)

* [ML] Data visualizer: Removes experimental badge from file data visualizer

* [ML] Remove experimental badge scss import

Co-authored-by: Pete Harverson <peteharverson@users.noreply.github.com>
---
 .../application/common/components/_index.scss |  1 -
 .../_experimental_badge.scss                  |  7 ---
 .../components/experimental_badge/_index.scss |  1 -
 .../experimental_badge/experimental_badge.tsx | 28 ------------
 .../components/experimental_badge/index.ts    |  8 ----
 .../about_panel/welcome_content.tsx           | 44 +------------------
 .../components/import_view/import_view.js     | 10 -----
 .../datavisualizer_selector.tsx               | 13 ------
 .../translations/translations/ja-JP.json      |  7 ---
 .../translations/translations/zh-CN.json      |  7 ---
 10 files changed, 2 insertions(+), 124 deletions(-)
 delete mode 100644 x-pack/plugins/data_visualizer/public/application/common/components/experimental_badge/_experimental_badge.scss
 delete mode 100644 x-pack/plugins/data_visualizer/public/application/common/components/experimental_badge/_index.scss
 delete mode 100644 x-pack/plugins/data_visualizer/public/application/common/components/experimental_badge/experimental_badge.tsx
 delete mode 100644 x-pack/plugins/data_visualizer/public/application/common/components/experimental_badge/index.ts

diff --git a/x-pack/plugins/data_visualizer/public/application/common/components/_index.scss b/x-pack/plugins/data_visualizer/public/application/common/components/_index.scss
index f57abbbe6396..02a8766b3d24 100644
--- a/x-pack/plugins/data_visualizer/public/application/common/components/_index.scss
+++ b/x-pack/plugins/data_visualizer/public/application/common/components/_index.scss
@@ -1,4 +1,3 @@
 @import 'embedded_map/index';
-@import 'experimental_badge/index';
 @import 'stats_table/index';
 @import 'top_values/top_values';
diff --git a/x-pack/plugins/data_visualizer/public/application/common/components/experimental_badge/_experimental_badge.scss b/x-pack/plugins/data_visualizer/public/application/common/components/experimental_badge/_experimental_badge.scss
deleted file mode 100644
index 8b21620542ff..000000000000
--- a/x-pack/plugins/data_visualizer/public/application/common/components/experimental_badge/_experimental_badge.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-.experimental-badge.euiBetaBadge {
-  font-size: 10px;
-  vertical-align: middle;
-  margin-bottom: 5px;
-  padding: 0 20px;
-  line-height: 20px;
-}
diff --git a/x-pack/plugins/data_visualizer/public/application/common/components/experimental_badge/_index.scss b/x-pack/plugins/data_visualizer/public/application/common/components/experimental_badge/_index.scss
deleted file mode 100644
index 9e25affd5e5f..000000000000
--- a/x-pack/plugins/data_visualizer/public/application/common/components/experimental_badge/_index.scss
+++ /dev/null
@@ -1 +0,0 @@
-@import 'experimental_badge'
diff --git a/x-pack/plugins/data_visualizer/public/application/common/components/experimental_badge/experimental_badge.tsx b/x-pack/plugins/data_visualizer/public/application/common/components/experimental_badge/experimental_badge.tsx
deleted file mode 100644
index 9c39ee54a2a8..000000000000
--- a/x-pack/plugins/data_visualizer/public/application/common/components/experimental_badge/experimental_badge.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0; you may not use this file except in compliance with the Elastic License
- * 2.0.
- */
-
-import { FormattedMessage } from '@kbn/i18n/react';
-import React, { FC } from 'react';
-
-import { EuiBetaBadge } from '@elastic/eui';
-
-export const ExperimentalBadge: FC<{ tooltipContent: string }> = ({ tooltipContent }) => {
-  return (
-    <span>
-      <EuiBetaBadge
-        className="experimental-badge"
-        label={
-          <FormattedMessage
-            id="xpack.dataVisualizer.experimentalBadge.experimentalLabel"
-            defaultMessage="Experimental"
-          />
-        }
-        tooltipContent={tooltipContent}
-      />
-    </span>
-  );
-};
diff --git a/x-pack/plugins/data_visualizer/public/application/common/components/experimental_badge/index.ts b/x-pack/plugins/data_visualizer/public/application/common/components/experimental_badge/index.ts
deleted file mode 100644
index 94203c2b156a..000000000000
--- a/x-pack/plugins/data_visualizer/public/application/common/components/experimental_badge/index.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0; you may not use this file except in compliance with the Elastic License
- * 2.0.
- */
-
-export { ExperimentalBadge } from './experimental_badge';
diff --git a/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/about_panel/welcome_content.tsx b/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/about_panel/welcome_content.tsx
index 86b869fe06fa..7b091e699b61 100644
--- a/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/about_panel/welcome_content.tsx
+++ b/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/about_panel/welcome_content.tsx
@@ -7,30 +7,12 @@
 
 import { FormattedMessage } from '@kbn/i18n/react';
 import React, { FC } from 'react';
-import { i18n } from '@kbn/i18n';
 
-import {
-  EuiFlexGroup,
-  EuiFlexItem,
-  EuiIcon,
-  EuiLink,
-  EuiSpacer,
-  EuiText,
-  EuiTitle,
-} from '@elastic/eui';
-
-import { ExperimentalBadge } from '../../../common/components/experimental_badge';
+import { EuiFlexGroup, EuiFlexItem, EuiIcon, EuiSpacer, EuiText, EuiTitle } from '@elastic/eui';
 
 import { useDataVisualizerKibana } from '../../../kibana_context';
 
 export const WelcomeContent: FC = () => {
-  const toolTipContent = i18n.translate(
-    'xpack.dataVisualizer.file.welcomeContent.experimentalFeatureTooltip',
-    {
-      defaultMessage: "Experimental feature. We'd love to hear your feedback.",
-    }
-  );
-
   const {
     services: {
       fileUpload: { getMaxBytesFormatted },
@@ -48,10 +30,7 @@ export const WelcomeContent: FC = () => {
           <h1>
             <FormattedMessage
               id="xpack.dataVisualizer.file.welcomeContent.visualizeDataFromLogFileTitle"
-              defaultMessage="Visualize data from a log file&nbsp;{experimentalBadge}"
-              values={{
-                experimentalBadge: <ExperimentalBadge tooltipContent={toolTipContent} />,
-              }}
+              defaultMessage="Visualize data from a log file"
             />
           </h1>
         </EuiTitle>
@@ -132,25 +111,6 @@ export const WelcomeContent: FC = () => {
             />
           </p>
         </EuiText>
-        <EuiSpacer size="s" />
-        <EuiText>
-          <p>
-            <FormattedMessage
-              id="xpack.dataVisualizer.file.welcomeContent.experimentalFeatureDescription"
-              defaultMessage="This feature is experimental. Got feedback? Please create an issue in&nbsp;{githubLink}."
-              values={{
-                githubLink: (
-                  <EuiLink
-                    href="https://github.com/elastic/kibana/issues/new/choose"
-                    target="_blank"
-                  >
-                    GitHub
-                  </EuiLink>
-                ),
-              }}
-            />
-          </p>
-        </EuiText>
       </EuiFlexItem>
     </EuiFlexGroup>
   );
diff --git a/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/import_view/import_view.js b/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/import_view/import_view.js
index 74a3638f555d..232a32c75dc2 100644
--- a/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/import_view/import_view.js
+++ b/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/import_view/import_view.js
@@ -31,7 +31,6 @@ import {
   addCombinedFieldsToMappings,
   getDefaultCombinedFields,
 } from '../../../common/components/combined_fields';
-import { ExperimentalBadge } from '../../../common/components/experimental_badge';
 
 const DEFAULT_TIME_FIELD = '@timestamp';
 const DEFAULT_INDEX_SETTINGS = { number_of_shards: 1 };
@@ -510,15 +509,6 @@ export class ImportView extends Component {
                   id="xpack.dataVisualizer.file.importView.importDataTitle"
                   defaultMessage="Import data"
                 />
-                &nbsp;
-                <ExperimentalBadge
-                  tooltipContent={
-                    <FormattedMessage
-                      id="xpack.dataVisualizer.file.importView.experimentalFeatureTooltip"
-                      defaultMessage="Experimental feature. We'd love to hear your feedback."
-                    />
-                  }
-                />
               </h2>
             </EuiTitle>
 
diff --git a/x-pack/plugins/ml/public/application/datavisualizer/datavisualizer_selector.tsx b/x-pack/plugins/ml/public/application/datavisualizer/datavisualizer_selector.tsx
index 3b3b1af30610..f9df1b452f47 100644
--- a/x-pack/plugins/ml/public/application/datavisualizer/datavisualizer_selector.tsx
+++ b/x-pack/plugins/ml/public/application/datavisualizer/datavisualizer_selector.tsx
@@ -20,7 +20,6 @@ import {
   EuiText,
   EuiTitle,
 } from '@elastic/eui';
-import { i18n } from '@kbn/i18n';
 
 import { FormattedMessage } from '@kbn/i18n/react';
 import { isFullLicense } from '../license';
@@ -122,18 +121,6 @@ export const DatavisualizerSelector: FC = () => {
                     values={{ maxFileSize }}
                   />
                 }
-                betaBadgeLabel={i18n.translate(
-                  'xpack.ml.datavisualizer.selector.experimentalBadgeLabel',
-                  {
-                    defaultMessage: 'Experimental',
-                  }
-                )}
-                betaBadgeTooltipContent={
-                  <FormattedMessage
-                    id="xpack.ml.datavisualizer.selector.experimentalBadgeTooltipLabel"
-                    defaultMessage="Experimental feature. We'd love to hear your feedback."
-                  />
-                }
                 footer={
                   <EuiButton
                     target="_self"
diff --git a/x-pack/plugins/translations/translations/ja-JP.json b/x-pack/plugins/translations/translations/ja-JP.json
index ee8faf5e98aa..1ff653c47a01 100644
--- a/x-pack/plugins/translations/translations/ja-JP.json
+++ b/x-pack/plugins/translations/translations/ja-JP.json
@@ -8492,7 +8492,6 @@
     "xpack.dataVisualizer.file.editFlyout.overrides.timestampQuestionMarkValidationErrorMessage": "タイムスタンプフォーマット {timestampFormat} は、疑問符 ({fieldPlaceholder}) が含まれているためサポートされていません",
     "xpack.dataVisualizer.file.editFlyout.overrides.trimFieldsLabel": "フィールドを切り抜く",
     "xpack.dataVisualizer.file.editFlyout.overrideSettingsTitle": "上書き設定",
-    "xpack.dataVisualizer.experimentalBadge.experimentalLabel": "実験的",
     "xpack.dataVisualizer.file.explanationFlyout.closeButton": "閉じる",
     "xpack.dataVisualizer.file.explanationFlyout.content": "分析結果を生成した論理ステップ。",
     "xpack.dataVisualizer.file.explanationFlyout.title": "分析説明",
@@ -8596,7 +8595,6 @@
     "xpack.dataVisualizer.file.importSummary.indexPatternTitle": "インデックスパターン",
     "xpack.dataVisualizer.file.importSummary.indexTitle": "インデックス",
     "xpack.dataVisualizer.file.importSummary.ingestPipelineTitle": "パイプラインを投入",
-    "xpack.dataVisualizer.file.importView.experimentalFeatureTooltip": "実験的機能。フィードバックをお待ちしています。",
     "xpack.dataVisualizer.file.importView.importButtonLabel": "インポート",
     "xpack.dataVisualizer.file.importView.importDataTitle": "データのインポート",
     "xpack.dataVisualizer.file.importView.importPermissionError": "インデックス {index} にデータを作成またはインポートするパーミッションがありません。",
@@ -8631,14 +8629,11 @@
     "xpack.dataVisualizer.file.simpleImportSettings.indexNameFormRowLabel": "インデックス名",
     "xpack.dataVisualizer.file.simpleImportSettings.indexNamePlaceholder": "インデックス名",
     "xpack.dataVisualizer.file.welcomeContent.delimitedTextFilesDescription": "CSV や TSV などの区切られたテキストファイル",
-    "xpack.dataVisualizer.file.welcomeContent.experimentalFeatureDescription": "これは実験的な機能です。フィードバックがありますか？{githubLink}で問題を報告してください。",
-    "xpack.dataVisualizer.file.welcomeContent.experimentalFeatureTooltip": "実験的機能。フィードバックをお待ちしています。",
     "xpack.dataVisualizer.file.welcomeContent.logFilesWithCommonFormatDescription": "タイムスタンプの一般的フォーマットのログファイル",
     "xpack.dataVisualizer.file.welcomeContent.newlineDelimitedJsonDescription": "改行区切りの JSON",
     "xpack.dataVisualizer.file.welcomeContent.supportedFileFormatDescription": "ファイルデータビジュアライザーはこれらのファイル形式をサポートしています：",
     "xpack.dataVisualizer.file.welcomeContent.uploadedFilesAllowedSizeDescription": "最大{maxFileSize}のファイルをアップロードできます。",
     "xpack.dataVisualizer.file.welcomeContent.visualizeDataFromLogFileDescription": "ファイルデータビジュアライザーは、ログファイルのフィールドとメトリックの理解に役立ちます。ファイルをアップロードして、データを分析し、 Elasticsearch インデックスにインポートするか選択できます。",
-    "xpack.dataVisualizer.file.welcomeContent.visualizeDataFromLogFileTitle": "ログファイルのデータを可視化 {experimentalBadge}",
     "xpack.dataVisualizer.index.actionsPanel.discoverAppTitle": "Discover",
     "xpack.dataVisualizer.index.actionsPanel.exploreTitle": "データの調査",
     "xpack.dataVisualizer.index.actionsPanel.viewIndexInDiscoverDescription": "インデックスのドキュメントを調査します。",
@@ -14358,8 +14353,6 @@
     "xpack.ml.dataVisualizer.fileBasedLabel": "ファイル",
     "xpack.ml.datavisualizer.selector.dataVisualizerDescription": "機械学習データビジュアライザーツールは、ログファイルのメトリックとフィールド、または既存の Elasticsearch インデックスを分析し、データの理解を助けます。",
     "xpack.ml.datavisualizer.selector.dataVisualizerTitle": "データビジュアライザー",
-    "xpack.ml.datavisualizer.selector.experimentalBadgeLabel": "実験的",
-    "xpack.ml.datavisualizer.selector.experimentalBadgeTooltipLabel": "実験的機能。フィードバックをお待ちしています。",
     "xpack.ml.datavisualizer.selector.importDataDescription": "ログファイルからデータをインポートします。最大{maxFileSize}のファイルをアップロードできます。",
     "xpack.ml.datavisualizer.selector.importDataTitle": "データのインポート",
     "xpack.ml.datavisualizer.selector.selectIndexButtonLabel": "インデックスパターンを選択",
diff --git a/x-pack/plugins/translations/translations/zh-CN.json b/x-pack/plugins/translations/translations/zh-CN.json
index dc9600e987e9..132215cc0e0b 100644
--- a/x-pack/plugins/translations/translations/zh-CN.json
+++ b/x-pack/plugins/translations/translations/zh-CN.json
@@ -8564,7 +8564,6 @@
     "xpack.dataVisualizer.file.editFlyout.overrides.timestampQuestionMarkValidationErrorMessage": "时间戳格式 {timestampFormat} 不受支持，因为其包含问号字符 ({fieldPlaceholder})",
     "xpack.dataVisualizer.file.editFlyout.overrides.trimFieldsLabel": "应剪裁字段",
     "xpack.dataVisualizer.file.editFlyout.overrideSettingsTitle": "替代设置",
-    "xpack.dataVisualizer.experimentalBadge.experimentalLabel": "实验性",
     "xpack.dataVisualizer.file.explanationFlyout.closeButton": "关闭",
     "xpack.dataVisualizer.file.explanationFlyout.content": "产生分析结果的逻辑步骤。",
     "xpack.dataVisualizer.file.explanationFlyout.title": "分析说明",
@@ -8669,7 +8668,6 @@
     "xpack.dataVisualizer.file.importSummary.indexPatternTitle": "索引模式",
     "xpack.dataVisualizer.file.importSummary.indexTitle": "索引",
     "xpack.dataVisualizer.file.importSummary.ingestPipelineTitle": "采集管道",
-    "xpack.dataVisualizer.file.importView.experimentalFeatureTooltip": "实验性功能。我们很乐意听取您的反馈意见。",
     "xpack.dataVisualizer.file.importView.importButtonLabel": "导入",
     "xpack.dataVisualizer.file.importView.importDataTitle": "导入数据",
     "xpack.dataVisualizer.file.importView.importPermissionError": "您无权创建或将数据导入索引 {index}",
@@ -8704,14 +8702,11 @@
     "xpack.dataVisualizer.file.simpleImportSettings.indexNameFormRowLabel": "索引名称",
     "xpack.dataVisualizer.file.simpleImportSettings.indexNamePlaceholder": "索引名称",
     "xpack.dataVisualizer.file.welcomeContent.delimitedTextFilesDescription": "分隔的文本文件，例如 CSV 和 TSV",
-    "xpack.dataVisualizer.file.welcomeContent.experimentalFeatureDescription": "此功能为实验性功能。有反馈？如欲提供反馈，请在 {githubLink} 中创建问题。",
-    "xpack.dataVisualizer.file.welcomeContent.experimentalFeatureTooltip": "实验性功能。我们很乐意听取您的反馈意见。",
     "xpack.dataVisualizer.file.welcomeContent.logFilesWithCommonFormatDescription": "具有时间戳通用格式的日志文件",
     "xpack.dataVisualizer.file.welcomeContent.newlineDelimitedJsonDescription": "换行符分隔的 JSON",
     "xpack.dataVisualizer.file.welcomeContent.supportedFileFormatDescription": "File Data Visualizer 支持以下文件格式：",
     "xpack.dataVisualizer.file.welcomeContent.uploadedFilesAllowedSizeDescription": "您可以上传不超过 {maxFileSize} 的文件。",
     "xpack.dataVisualizer.file.welcomeContent.visualizeDataFromLogFileDescription": "File Data Visualizer 可帮助您理解日志文件中的字段和指标。上传文件、分析文件数据，然后选择是否将数据导入 Elasticsearch 索引。",
-    "xpack.dataVisualizer.file.welcomeContent.visualizeDataFromLogFileTitle": "可视化来自日志文件的数据 {experimentalBadge}",
     "xpack.dataVisualizer.index.actionsPanel.discoverAppTitle": "Discover",
     "xpack.dataVisualizer.index.actionsPanel.exploreTitle": "浏览您的数据",
     "xpack.dataVisualizer.index.actionsPanel.viewIndexInDiscoverDescription": "浏览您的索引中的文档。",
@@ -14546,8 +14541,6 @@
     "xpack.ml.dataVisualizer.fileBasedLabel": "文件",
     "xpack.ml.datavisualizer.selector.dataVisualizerDescription": "Machine Learning 数据可视化工具通过分析日志文件或现有 Elasticsearch 索引中的指标和字段，帮助您理解数据。",
     "xpack.ml.datavisualizer.selector.dataVisualizerTitle": "数据可视化工具",
-    "xpack.ml.datavisualizer.selector.experimentalBadgeLabel": "实验性",
-    "xpack.ml.datavisualizer.selector.experimentalBadgeTooltipLabel": "实验性功能。我们很乐意听取您的反馈意见。",
     "xpack.ml.datavisualizer.selector.importDataDescription": "从日志文件导入数据。您可以上传不超过 {maxFileSize} 的文件。",
     "xpack.ml.datavisualizer.selector.importDataTitle": "导入数据",
     "xpack.ml.datavisualizer.selector.selectIndexButtonLabel": "选择索引模式",