Converts saved object tagging to new management layout (#102284)

x-pack/plugins/saved_objects_tagging/public/management/components/header.tsx

@@ -6,15 +6,7 @@
  */
 
 import React, { FC } from 'react';
-import {
-  EuiSpacer,
-  EuiTitle,
-  EuiFlexGroup,
-  EuiFlexItem,
-  EuiText,
-  EuiTextColor,
-  EuiButton,
-} from '@elastic/eui';
+import { EuiButton, EuiPageHeader } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n/react';
 
 interface HeaderProps {
@@ -24,49 +16,38 @@ interface HeaderProps {
 
 export const Header: FC<HeaderProps> = ({ canCreate, onCreate }) => {
   return (
-    <>
-      <EuiFlexGroup justifyContent="spaceBetween" alignItems="baseline">
-        <EuiFlexItem grow={false}>
-          <EuiTitle>
-            <h1>
-              <FormattedMessage
-                id="xpack.savedObjectsTagging.management.header.title"
-                defaultMessage="Tags"
-              />
-            </h1>
-          </EuiTitle>
-        </EuiFlexItem>
-        <EuiFlexItem grow={false}>
-          {canCreate && (
-            <EuiButton
-              key="createTag"
-              iconType="tag"
-              color="primary"
-              fill
-              data-test-subj="createTagButton"
-              onClick={onCreate}
-              isDisabled={false}
-            >
-              <FormattedMessage
-                id="xpack.savedObjectsTagging.management.actions.createTag"
-                defaultMessage="Create tag"
-              />
-            </EuiButton>
-          )}
-        </EuiFlexItem>
-      </EuiFlexGroup>
-      <EuiSpacer size="m" />
-      <EuiText size="s">
-        <p>
-          <EuiTextColor color="subdued">
+    <EuiPageHeader
+      pageTitle={
+        <FormattedMessage
+          id="xpack.savedObjectsTagging.management.headerTitle"
+          defaultMessage="Tags"
+        />
+      }
+      bottomBorder
+      description={
+        <FormattedMessage
+          id="xpack.savedObjectsTagging.management.headerDescription"
+          defaultMessage="Use tags to categorize and easily find your objects."
+        />
+      }
+      rightSideItems={[
+        canCreate && (
+          <EuiButton
+            key="createTag"
+            iconType="tag"
+            color="primary"
+            fill
+            data-test-subj="createTagButton"
+            onClick={onCreate}
+            isDisabled={false}
+          >
             <FormattedMessage
-              id="xpack.savedObjectsTagging.management.header.description"
-              defaultMessage="Use tags to categorize and easily find your objects."
+              id="xpack.savedObjectsTagging.management.actions.createTagButton"
+              defaultMessage="Create tag"
             />
-          </EuiTextColor>
-        </p>
-      </EuiText>
-      <EuiSpacer size="m" />
-    </>
+          </EuiButton>
+        ),
+      ]}
+    />
   );
 };

x-pack/plugins/saved_objects_tagging/public/management/tag_management_page.tsx

@@ -8,7 +8,7 @@
 import React, { useEffect, useCallback, useState, useMemo, FC } from 'react';
 import { Subject } from 'rxjs';
 import useMount from 'react-use/lib/useMount';
-import { EuiPageContent, Query } from '@elastic/eui';
+import { Query } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import { ChromeBreadcrumb, CoreStart } from 'src/core/public';
 import { TagWithRelations, TagsCapabilities } from '../../common';
@@ -192,7 +192,7 @@ export const TagManagementPage: FC<TagManagementPageParams> = ({
   );
 
   return (
-    <EuiPageContent horizontalPosition="center">
+    <>
       <Header canCreate={capabilities.create} onCreate={openCreateModal} />
       <TagTable
         loading={loading}
@@ -215,6 +215,6 @@ export const TagManagementPage: FC<TagManagementPageParams> = ({
           showTagRelations(tag);
         }}
       />
-    </EuiPageContent>
+    </>
   );
 };

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

@@ -3107,6 +3107,15 @@
     "indexPatternManagement.warningHeader": "廃止警告：",
     "indexPatternManagement.warningLabel.painlessLinkLabel": "Painless",
     "indexPatternManagement.warningLabel.warningDetail": "{language}は廃止され、KibanaとElasticsearchの次のメジャーバージョンではサポートされなくなります。新規スクリプトフィールドには{painlessLink}を使うことをお勧めします。",
+    "indexPatternManagement.editRollupIndexPattern.createIndex.defaultButtonDescription": "要約データに制限された集約を実行します。",
+    "indexPatternManagement.editRollupIndexPattern.createIndex.defaultButtonText": "ロールアップインデックスパターン",
+    "indexPatternManagement.editRollupIndexPattern.createIndex.defaultTypeName": "ロールアップインデックスパターン",
+    "indexPatternManagement.editRollupIndexPattern.createIndex.indexLabel": "ロールアップ",
+    "indexPatternManagement.editRollupIndexPattern.createIndex.noMatchError": "ロールアップインデックスパターンエラー：ロールアップインデックスの 1 つと一致している必要があります",
+    "indexPatternManagement.editRollupIndexPattern.createIndex.tooManyMatchesError": "ロールアップインデックスパターンエラー：一致できるロールアップインデックスは 1 つだけです",
+    "indexPatternManagement.editRollupIndexPattern.createIndex.uncaughtError": "ロールアップインデックスパターンエラー：{error}",
+    "indexPatternManagement.editRollupIndexPattern.rollupPrompt.betaCalloutParagraph1Text": "ロールアップインデックスパターンのKibanaのサポートはベータ版です。保存された検索、可視化、ダッシュボードでこれらのパターンを使用すると問題が発生する場合があります。Timelionや機械学習などの一部の高度な機能ではサポートされていません。",
+    "indexPatternManagement.editRollupIndexPattern.rollupPrompt.betaCalloutParagraph2Text": "ロールアップインデックスパターンは、1つのロールアップインデックスとゼロ以上の標準インデックスと一致させることができます。ロールアップインデックスパターンでは、メトリック、フィールド、間隔、アグリゲーションが制限されています。ロールアップインデックスは、1つのジョブ構成があるインデックス、または複数のジョブと互換する構成があるインデックスに制限されています。",
     "inputControl.control.noIndexPatternTooltip": "index-pattern id が見つかりませんでした：{indexPatternId}.",
     "inputControl.control.notInitializedTooltip": "コントロールが初期化されていません",
     "inputControl.control.noValuesDisableTooltip": "「{indexPatternName}」インデックスパターンでいずれのドキュメントにも存在しない「{fieldName}」フィールドがフィルターの対象になっています。異なるフィールドを選択するか、このフィールドに値が入力されているドキュメントをインデックスしてください。",
@@ -17958,15 +17967,6 @@
     "xpack.rollupJobs.detailPanel.jobActionMenu.buttonLabel": "管理",
     "xpack.rollupJobs.detailPanel.loadingLabel": "ロールアップジョブを読み込み中...",
     "xpack.rollupJobs.detailPanel.notFoundLabel": "ロールアップジョブが見つかりません",
-    "indexPatternManagement.editRollupIndexPattern.createIndex.defaultButtonDescription": "要約データに制限された集約を実行します。",
-    "indexPatternManagement.editRollupIndexPattern.createIndex.defaultButtonText": "ロールアップインデックスパターン",
-    "indexPatternManagement.editRollupIndexPattern.createIndex.defaultTypeName": "ロールアップインデックスパターン",
-    "indexPatternManagement.editRollupIndexPattern.createIndex.indexLabel": "ロールアップ",
-    "indexPatternManagement.editRollupIndexPattern.createIndex.noMatchError": "ロールアップインデックスパターンエラー：ロールアップインデックスの 1 つと一致している必要があります",
-    "indexPatternManagement.editRollupIndexPattern.createIndex.tooManyMatchesError": "ロールアップインデックスパターンエラー：一致できるロールアップインデックスは 1 つだけです",
-    "indexPatternManagement.editRollupIndexPattern.createIndex.uncaughtError": "ロールアップインデックスパターンエラー：{error}",
-    "indexPatternManagement.editRollupIndexPattern.rollupPrompt.betaCalloutParagraph1Text": "ロールアップインデックスパターンのKibanaのサポートはベータ版です。保存された検索、可視化、ダッシュボードでこれらのパターンを使用すると問題が発生する場合があります。Timelionや機械学習などの一部の高度な機能ではサポートされていません。",
-    "indexPatternManagement.editRollupIndexPattern.rollupPrompt.betaCalloutParagraph2Text": "ロールアップインデックスパターンは、1つのロールアップインデックスとゼロ以上の標準インデックスと一致させることができます。ロールアップインデックスパターンでは、メトリック、フィールド、間隔、アグリゲーションが制限されています。ロールアップインデックスは、1つのジョブ構成があるインデックス、または複数のジョブと互換する構成があるインデックスに制限されています。",
     "xpack.rollupJobs.featureCatalogueDescription": "今後の分析用に履歴データを小さなインデックスに要約して格納します。",
     "xpack.rollupJobs.indexMgmtBadge.rollupLabel": "ロールアップ",
     "xpack.rollupJobs.indexMgmtToggle.toggleLabel": "ロールアップインデックスを含める",
@@ -18075,7 +18075,6 @@
     "xpack.savedObjectsTagging.management.actions.bulkDelete.confirm.text": "{count, plural, one {このタグ} other {これらのタグ}}を削除すると、{count, plural, one {それを} other {それらを}}保存されたオブジェクトに割り当てることができなくなります。{count, plural, one {このタグ} other {これらのタグ}}は、現在{count, plural, one {それを} other {それらを}}使用しているすべての保存されたオブジェクトから削除されます。",
     "xpack.savedObjectsTagging.management.actions.bulkDelete.label": "削除",
     "xpack.savedObjectsTagging.management.actions.clearSelection.label": "選択した項目をクリア",
-    "xpack.savedObjectsTagging.management.actions.createTag": "タグを作成",
     "xpack.savedObjectsTagging.management.breadcrumb.index": "タグ",
     "xpack.savedObjectsTagging.management.createModal.closeButtonText": "キャンセル",
     "xpack.savedObjectsTagging.management.createModal.color.randomize": "ランダム化",
@@ -18084,8 +18083,6 @@
     "xpack.savedObjectsTagging.management.createModal.title": "タグを作成",
     "xpack.savedObjectsTagging.management.createModal.updateTagButtonLabel": "変更を保存",
     "xpack.savedObjectsTagging.management.editModal.title": "「{name}」タグを編集",
-    "xpack.savedObjectsTagging.management.header.description": "タグを使用して、オブジェクトを分類し、検索を容易にします。",
-    "xpack.savedObjectsTagging.management.header.title": "タグ",
     "xpack.savedObjectsTagging.management.optionalFieldText": "オプション",
     "xpack.savedObjectsTagging.management.sectionLabel": "タグ",
     "xpack.savedObjectsTagging.management.table.actions.assign.description": "割り当ての管理",

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

@@ -3128,6 +3128,15 @@
     "indexPatternManagement.warningHeader": "过时警告：",
     "indexPatternManagement.warningLabel.painlessLinkLabel": "Painless",
     "indexPatternManagement.warningLabel.warningDetail": "{language} 已过时，Kibana 和 Elasticsearch 下一主要版本将移除支持。建议将 {painlessLink} 用于新的脚本字段。",
+    "indexPatternManagement.editRollupIndexPattern.createIndex.defaultButtonDescription": "针对汇总数据执行有限聚合",
+    "indexPatternManagement.editRollupIndexPattern.createIndex.defaultButtonText": "汇总/打包索引模式",
+    "indexPatternManagement.editRollupIndexPattern.createIndex.defaultTypeName": "汇总/打包索引模式",
+    "indexPatternManagement.editRollupIndexPattern.createIndex.indexLabel": "汇总/打包",
+    "indexPatternManagement.editRollupIndexPattern.createIndex.noMatchError": "汇总/打包索引模式错误：必须匹配一个汇总/打包索引",
+    "indexPatternManagement.editRollupIndexPattern.createIndex.tooManyMatchesError": "汇总/打包索引模式错误：只能匹配一个汇总/打包索引",
+    "indexPatternManagement.editRollupIndexPattern.createIndex.uncaughtError": "汇总索引模式错误：{error}",
+    "indexPatternManagement.editRollupIndexPattern.rollupPrompt.betaCalloutParagraph1Text": "Kibana 对汇总/打包索引模式的支持处于公测版状态。将这些模式用于已保存搜索、可视化以及仪表板可能会遇到问题。某些高级功能，如 Timelion 和 Machine Learning，不支持这些模式。",
+    "indexPatternManagement.editRollupIndexPattern.rollupPrompt.betaCalloutParagraph2Text": "可以根据一个汇总/打包索引和零个或更多常规索引匹配汇总/打包索引模式。汇总/打包索引模式的指标、字段、时间间隔和聚合有限。汇总/打包索引仅限于具有一个作业配置或多个作业配置兼容的索引。",
     "inputControl.control.noIndexPatternTooltip": "找不到索引模式 ID：{indexPatternId}。",
     "inputControl.control.notInitializedTooltip": "尚未初始化控件",
     "inputControl.control.noValuesDisableTooltip": "按 “{fieldName}” 字段进行了筛选，但 “{indexPatternName}” 索引模式中的任何文档上都不存在该字段。选择不同的字段或索引包含此字段的值的文档。",
@@ -18198,15 +18207,6 @@
     "xpack.rollupJobs.detailPanel.jobActionMenu.buttonLabel": "管理",
     "xpack.rollupJobs.detailPanel.loadingLabel": "正在加载汇总/打包作业……",
     "xpack.rollupJobs.detailPanel.notFoundLabel": "未找到汇总/打包作业",
-    "indexPatternManagement.editRollupIndexPattern.createIndex.defaultButtonDescription": "针对汇总数据执行有限聚合",
-    "indexPatternManagement.editRollupIndexPattern.createIndex.defaultButtonText": "汇总/打包索引模式",
-    "indexPatternManagement.editRollupIndexPattern.createIndex.defaultTypeName": "汇总/打包索引模式",
-    "indexPatternManagement.editRollupIndexPattern.createIndex.indexLabel": "汇总/打包",
-    "indexPatternManagement.editRollupIndexPattern.createIndex.noMatchError": "汇总/打包索引模式错误：必须匹配一个汇总/打包索引",
-    "indexPatternManagement.editRollupIndexPattern.createIndex.tooManyMatchesError": "汇总/打包索引模式错误：只能匹配一个汇总/打包索引",
-    "indexPatternManagement.editRollupIndexPattern.createIndex.uncaughtError": "汇总索引模式错误：{error}",
-    "indexPatternManagement.editRollupIndexPattern.rollupPrompt.betaCalloutParagraph1Text": "Kibana 对汇总/打包索引模式的支持处于公测版状态。将这些模式用于已保存搜索、可视化以及仪表板可能会遇到问题。某些高级功能，如 Timelion 和 Machine Learning，不支持这些模式。",
-    "indexPatternManagement.editRollupIndexPattern.rollupPrompt.betaCalloutParagraph2Text": "可以根据一个汇总/打包索引和零个或更多常规索引匹配汇总/打包索引模式。汇总/打包索引模式的指标、字段、时间间隔和聚合有限。汇总/打包索引仅限于具有一个作业配置或多个作业配置兼容的索引。",
     "xpack.rollupJobs.featureCatalogueDescription": "汇总历史数据并将其存储在较小的索引中以供将来分析。",
     "xpack.rollupJobs.indexMgmtBadge.rollupLabel": "汇总/打包",
     "xpack.rollupJobs.indexMgmtToggle.toggleLabel": "包括汇总索引",
@@ -18326,7 +18326,6 @@
     "xpack.savedObjectsTagging.management.actions.bulkDelete.label": "删除",
     "xpack.savedObjectsTagging.management.actions.bulkDelete.notification.successTitle": "已删除 {count, plural, one {1 个标签} other {# 个标签}}",
     "xpack.savedObjectsTagging.management.actions.clearSelection.label": "清除所选内容",
-    "xpack.savedObjectsTagging.management.actions.createTag": "创建标签",
     "xpack.savedObjectsTagging.management.breadcrumb.index": "标签",
     "xpack.savedObjectsTagging.management.createModal.closeButtonText": "取消",
     "xpack.savedObjectsTagging.management.createModal.color.randomize": "随机化",
@@ -18335,8 +18334,6 @@
     "xpack.savedObjectsTagging.management.createModal.title": "创建标签",
     "xpack.savedObjectsTagging.management.createModal.updateTagButtonLabel": "保存更改",
     "xpack.savedObjectsTagging.management.editModal.title": "编辑“{name}”标签",
-    "xpack.savedObjectsTagging.management.header.description": "使用标签归类对象，从而轻松找到对象。",
-    "xpack.savedObjectsTagging.management.header.title": "标签",
     "xpack.savedObjectsTagging.management.optionalFieldText": "可选",
     "xpack.savedObjectsTagging.management.sectionLabel": "标签",
     "xpack.savedObjectsTagging.management.table.actions.assign.description": "管理分配",