From 6cee1a97c25b9d40ea95a5e5488ec6660d611332 Mon Sep 17 00:00:00 2001
From: Sergey Myssak <sergey.myssak@gmail.com>
Date: Tue, 27 Jun 2023 00:39:53 +0600
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>
---
 CHANGELOG.md                                  |   1 +
 .../__snapshots__/relationships.test.tsx.snap | 130 ++----------------
 .../components/relationships.tsx              |  14 +-
 3 files changed, 13 insertions(+), 132 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f3dd8b7fd114..8f001e859185 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -30,6 +30,7 @@ Inspired from [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 
 - [Chore] Update deprecated url methods (url.parse(), url.format()) ([#2910](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/2910))
 - Cleanup unused url ([#3847](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/3847))
+- [Saved Objects Management] Fix relationships header overflow ([#4070](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/4070))
 
 ### 🚞 Infrastructure
 
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>