From 174df8dc4a18f994e934caa3b7af1311101aa728 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Mon, 26 Jun 2023 18:52:25 +0000
Subject: [PATCH] [CCI] Fix relationships header overflow (#4070)

* Fix relationships header overflow (#3967)

Co-authored-by: Andrey Myssak <andreymyssak@gmail.com>
Signed-off-by: Sergey Myssak <sergey.myssak@gmail.com>

* Replace relationships css file with oui classname (#3967)

Co-authored-by: Andrey Myssak <andreymyssak@gmail.com>
Signed-off-by: Sergey Myssak <sergey.myssak@gmail.com>

* Make title overflow wrap instead of truncation (#3967)

Co-authored-by: Andrey Myssak <andreymyssak@gmail.com>
Signed-off-by: Sergey Myssak <sergey.myssak@gmail.com>

* Remove icon from flyout header and wrap title

Signed-off-by: Josh Romero <rmerqg@amazon.com>

---------

Signed-off-by: Sergey Myssak <sergey.myssak@gmail.com>
Signed-off-by: Josh Romero <rmerqg@amazon.com>
Co-authored-by: Andrey Myssak <andreymyssak@gmail.com>
Co-authored-by: Josh Romero <rmerqg@amazon.com>
(cherry picked from commit 6cee1a97c25b9d40ea95a5e5488ec6660d611332)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .../__snapshots__/relationships.test.tsx.snap | 130 ++----------------
 .../components/relationships.tsx              |  14 +-
 2 files changed, 12 insertions(+), 132 deletions(-)

diff --git a/src/plugins/saved_objects_management/public/management_section/objects_table/components/__snapshots__/relationships.test.tsx.snap b/src/plugins/saved_objects_management/public/management_section/objects_table/components/__snapshots__/relationships.test.tsx.snap
index b4842f289136..293b8c2e30d2 100644
--- a/src/plugins/saved_objects_management/public/management_section/objects_table/components/__snapshots__/relationships.test.tsx.snap
+++ b/src/plugins/saved_objects_management/public/management_section/objects_table/components/__snapshots__/relationships.test.tsx.snap
@@ -8,21 +8,10 @@ exports[`Relationships from legacy app should render dashboards normally 1`] = `
     hasBorder={true}
   >
     <EuiTitle
+      className="eui-textBreakWord"
       size="m"
     >
       <h2>
-        <EuiToolTip
-          content="dashboard"
-          delay="regular"
-          position="top"
-        >
-          <EuiIcon
-            aria-label="dashboard"
-            size="m"
-            type="dashboardApp"
-          />
-        </EuiToolTip>
-          
         MyDashboard
       </h2>
     </EuiTitle>
@@ -167,21 +156,10 @@ exports[`Relationships from legacy app should render errors 1`] = `
     hasBorder={true}
   >
     <EuiTitle
+      className="eui-textBreakWord"
       size="m"
     >
       <h2>
-        <EuiToolTip
-          content="dashboard"
-          delay="regular"
-          position="top"
-        >
-          <EuiIcon
-            aria-label="dashboard"
-            size="m"
-            type="dashboardApp"
-          />
-        </EuiToolTip>
-          
         MyDashboard
       </h2>
     </EuiTitle>
@@ -211,21 +189,10 @@ exports[`Relationships from legacy app should render index patterns normally 1`]
     hasBorder={true}
   >
     <EuiTitle
+      className="eui-textBreakWord"
       size="m"
     >
       <h2>
-        <EuiToolTip
-          content="index patterns"
-          delay="regular"
-          position="top"
-        >
-          <EuiIcon
-            aria-label="index patterns"
-            size="m"
-            type="indexPatternApp"
-          />
-        </EuiToolTip>
-          
         MyIndexPattern*
       </h2>
     </EuiTitle>
@@ -375,21 +342,10 @@ exports[`Relationships from legacy app should render searches normally 1`] = `
     hasBorder={true}
   >
     <EuiTitle
+      className="eui-textBreakWord"
       size="m"
     >
       <h2>
-        <EuiToolTip
-          content="search"
-          delay="regular"
-          position="top"
-        >
-          <EuiIcon
-            aria-label="search"
-            size="m"
-            type="search"
-          />
-        </EuiToolTip>
-          
         MySearch
       </h2>
     </EuiTitle>
@@ -539,21 +495,10 @@ exports[`Relationships from legacy app should render visualizations normally 1`]
     hasBorder={true}
   >
     <EuiTitle
+      className="eui-textBreakWord"
       size="m"
     >
       <h2>
-        <EuiToolTip
-          content="visualization"
-          delay="regular"
-          position="top"
-        >
-          <EuiIcon
-            aria-label="visualization"
-            size="m"
-            type="visualizeApp"
-          />
-        </EuiToolTip>
-          
         MyViz
       </h2>
     </EuiTitle>
@@ -698,21 +643,10 @@ exports[`Relationships should render dashboards normally 1`] = `
     hasBorder={true}
   >
     <EuiTitle
+      className="eui-textBreakWord"
       size="m"
     >
       <h2>
-        <EuiToolTip
-          content="dashboard"
-          delay="regular"
-          position="top"
-        >
-          <EuiIcon
-            aria-label="dashboard"
-            size="m"
-            type="dashboardApp"
-          />
-        </EuiToolTip>
-          
         MyDashboard
       </h2>
     </EuiTitle>
@@ -857,21 +791,10 @@ exports[`Relationships should render errors 1`] = `
     hasBorder={true}
   >
     <EuiTitle
+      className="eui-textBreakWord"
       size="m"
     >
       <h2>
-        <EuiToolTip
-          content="dashboard"
-          delay="regular"
-          position="top"
-        >
-          <EuiIcon
-            aria-label="dashboard"
-            size="m"
-            type="dashboardApp"
-          />
-        </EuiToolTip>
-          
         MyDashboard
       </h2>
     </EuiTitle>
@@ -901,21 +824,10 @@ exports[`Relationships should render index patterns normally 1`] = `
     hasBorder={true}
   >
     <EuiTitle
+      className="eui-textBreakWord"
       size="m"
     >
       <h2>
-        <EuiToolTip
-          content="index patterns"
-          delay="regular"
-          position="top"
-        >
-          <EuiIcon
-            aria-label="index patterns"
-            size="m"
-            type="indexPatternApp"
-          />
-        </EuiToolTip>
-          
         MyIndexPattern*
       </h2>
     </EuiTitle>
@@ -1065,21 +977,10 @@ exports[`Relationships should render searches normally 1`] = `
     hasBorder={true}
   >
     <EuiTitle
+      className="eui-textBreakWord"
       size="m"
     >
       <h2>
-        <EuiToolTip
-          content="search"
-          delay="regular"
-          position="top"
-        >
-          <EuiIcon
-            aria-label="search"
-            size="m"
-            type="search"
-          />
-        </EuiToolTip>
-          
         MySearch
       </h2>
     </EuiTitle>
@@ -1229,21 +1130,10 @@ exports[`Relationships should render visualizations normally 1`] = `
     hasBorder={true}
   >
     <EuiTitle
+      className="eui-textBreakWord"
       size="m"
     >
       <h2>
-        <EuiToolTip
-          content="visualization"
-          delay="regular"
-          position="top"
-        >
-          <EuiIcon
-            aria-label="visualization"
-            size="m"
-            type="visualizeApp"
-          />
-        </EuiToolTip>
-          
         MyViz
       </h2>
     </EuiTitle>
diff --git a/src/plugins/saved_objects_management/public/management_section/objects_table/components/relationships.tsx b/src/plugins/saved_objects_management/public/management_section/objects_table/components/relationships.tsx
index ff42351d83af..68e1ffec8e3b 100644
--- a/src/plugins/saved_objects_management/public/management_section/objects_table/components/relationships.tsx
+++ b/src/plugins/saved_objects_management/public/management_section/objects_table/components/relationships.tsx
@@ -336,18 +336,8 @@ export class Relationships extends Component<RelationshipsProps, RelationshipsSt
     return (
       <EuiFlyout onClose={close}>
         <EuiFlyoutHeader hasBorder>
-          <EuiTitle size="m">
-            <h2>
-              <EuiToolTip position="top" content={getSavedObjectLabel(savedObject.type)}>
-                <EuiIcon
-                  aria-label={getSavedObjectLabel(savedObject.type)}
-                  size="m"
-                  type={savedObject.meta.icon || 'apps'}
-                />
-              </EuiToolTip>
-              &nbsp;&nbsp;
-              {savedObject.meta.title || getDefaultTitle(savedObject)}
-            </h2>
+          <EuiTitle size="m" className="eui-textBreakWord">
+            <h2>{savedObject.meta.title || getDefaultTitle(savedObject)}</h2>
           </EuiTitle>
         </EuiFlyoutHeader>