[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>

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';

x-pack/plugins/data_visualizer/public/application/common/components/experimental_badge/_experimental_badge.scss

@@ -1,7 +0,0 @@
-.experimental-badge.euiBetaBadge {
-  font-size: 10px;
-  vertical-align: middle;
-  margin-bottom: 5px;
-  padding: 0 20px;
-  line-height: 20px;
-}

x-pack/plugins/data_visualizer/public/application/common/components/experimental_badge/_index.scss

@@ -1 +0,0 @@
-@import 'experimental_badge'

x-pack/plugins/data_visualizer/public/application/common/components/experimental_badge/experimental_badge.tsx

@@ -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>
-  );
-};

x-pack/plugins/data_visualizer/public/application/common/components/experimental_badge/index.ts

@@ -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';

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>
   );

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"
                 />
-                 
-                <ExperimentalBadge
-                  tooltipContent={
-                    <FormattedMessage
-                      id="xpack.dataVisualizer.file.importView.experimentalFeatureTooltip"
-                      defaultMessage="Experimental feature. We'd love to hear your feedback."
-                    />
-                  }
-                />
               </h2>
             </EuiTitle>
 

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"

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": "インデックスパターンを選択",

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": "选择索引模式",