From 3cd326b21c8a977d5c3624718a6bef3628c8f08e Mon Sep 17 00:00:00 2001
From: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Date: Sat, 9 Dec 2023 05:11:12 -0500
Subject: [PATCH] [8.12] [UnifiedFieldList] Fix item line breaks (#172954)
 (#173004)

# Backport

This will backport the following commits from `main` to `8.12`:
- [[UnifiedFieldList] Fix item line breaks
(#172954)](https://github.com/elastic/kibana/pull/172954)

<!--- Backport version: 8.9.7 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Julia
Rechkunova","email":"julia.rechkunova@elastic.co"},"sourceCommit":{"committedDate":"2023-12-09T09:01:06Z","message":"[UnifiedFieldList]
Fix item line breaks (#172954)\n\n- Closes
https://github.com/elastic/kibana/issues/170312\r\n\r\n##
Summary\r\n\r\nBefore:\r\n<img width=\"326\" alt=\"Screenshot 2023-12-08
at 15 55
43\"\r\nsrc=\"https://github.com/elastic/kibana/assets/1415710/f1fad658-8305-4b45-b7e3-9059c37b5ef3\">\r\n\r\nAfter:\r\n<img
width=\"327\" alt=\"Screenshot 2023-12-08 at 15 56
14\"\r\nsrc=\"https://github.com/elastic/kibana/assets/1415710/50227a61-c092-4e63-83ce-6e12c95d1e32\">","sha":"d41889bf39a8c514de04b5a7010bb6711544d746","branchLabelMapping":{"^v8.13.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","Team:DataDiscovery","backport:prev-minor","Feature:UnifiedFieldList","v8.13.0"],"number":172954,"url":"https://github.com/elastic/kibana/pull/172954","mergeCommit":{"message":"[UnifiedFieldList]
Fix item line breaks (#172954)\n\n- Closes
https://github.com/elastic/kibana/issues/170312\r\n\r\n##
Summary\r\n\r\nBefore:\r\n<img width=\"326\" alt=\"Screenshot 2023-12-08
at 15 55
43\"\r\nsrc=\"https://github.com/elastic/kibana/assets/1415710/f1fad658-8305-4b45-b7e3-9059c37b5ef3\">\r\n\r\nAfter:\r\n<img
width=\"327\" alt=\"Screenshot 2023-12-08 at 15 56
14\"\r\nsrc=\"https://github.com/elastic/kibana/assets/1415710/50227a61-c092-4e63-83ce-6e12c95d1e32\">","sha":"d41889bf39a8c514de04b5a7010bb6711544d746"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v8.13.0","labelRegex":"^v8.13.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/172954","number":172954,"mergeCommit":{"message":"[UnifiedFieldList]
Fix item line breaks (#172954)\n\n- Closes
https://github.com/elastic/kibana/issues/170312\r\n\r\n##
Summary\r\n\r\nBefore:\r\n<img width=\"326\" alt=\"Screenshot 2023-12-08
at 15 55
43\"\r\nsrc=\"https://github.com/elastic/kibana/assets/1415710/f1fad658-8305-4b45-b7e3-9059c37b5ef3\">\r\n\r\nAfter:\r\n<img
width=\"327\" alt=\"Screenshot 2023-12-08 at 15 56
14\"\r\nsrc=\"https://github.com/elastic/kibana/assets/1415710/50227a61-c092-4e63-83ce-6e12c95d1e32\">","sha":"d41889bf39a8c514de04b5a7010bb6711544d746"}}]}]
BACKPORT-->

Co-authored-by: Julia Rechkunova <julia.rechkunova@elastic.co>
---
 .../__snapshots__/field_button.test.tsx.snap       | 14 +++++++-------
 .../src/field_button/field_button.scss             |  1 -
 .../src/field_button/field_button.tsx              |  2 +-
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/packages/kbn-react-field/src/field_button/__snapshots__/field_button.test.tsx.snap b/packages/kbn-react-field/src/field_button/__snapshots__/field_button.test.tsx.snap
index 0b4ceaf06e863..e172afa0e7ff4 100644
--- a/packages/kbn-react-field/src/field_button/__snapshots__/field_button.test.tsx.snap
+++ b/packages/kbn-react-field/src/field_button/__snapshots__/field_button.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`fieldAction is rendered 1`] = `
     onClick={[Function]}
   >
     <span
-      className="kbnFieldButton__name"
+      className="kbnFieldButton__name eui-textBreakAll"
     >
       <span
         className="kbnFieldButton__nameInner"
@@ -44,7 +44,7 @@ exports[`fieldIcon is rendered 1`] = `
       </span>
     </span>
     <span
-      className="kbnFieldButton__name"
+      className="kbnFieldButton__name eui-textBreakAll"
     >
       <span
         className="kbnFieldButton__nameInner"
@@ -65,7 +65,7 @@ exports[`isActive defaults to false 1`] = `
     onClick={[Function]}
   >
     <span
-      className="kbnFieldButton__name"
+      className="kbnFieldButton__name eui-textBreakAll"
     >
       <span
         className="kbnFieldButton__nameInner"
@@ -86,7 +86,7 @@ exports[`isActive renders true 1`] = `
     onClick={[Function]}
   >
     <span
-      className="kbnFieldButton__name"
+      className="kbnFieldButton__name eui-textBreakAll"
     >
       <span
         className="kbnFieldButton__nameInner"
@@ -107,7 +107,7 @@ exports[`sizes s is applied 1`] = `
     onClick={[Function]}
   >
     <span
-      className="kbnFieldButton__name"
+      className="kbnFieldButton__name eui-textBreakAll"
     >
       <span
         className="kbnFieldButton__nameInner"
@@ -128,7 +128,7 @@ exports[`sizes xs is applied 1`] = `
     onClick={[Function]}
   >
     <span
-      className="kbnFieldButton__name"
+      className="kbnFieldButton__name eui-textBreakAll"
     >
       <span
         className="kbnFieldButton__nameInner"
@@ -156,7 +156,7 @@ exports[`with drag handle is rendered 1`] = `
     onClick={[Function]}
   >
     <span
-      className="kbnFieldButton__name"
+      className="kbnFieldButton__name eui-textBreakAll"
     >
       <span
         className="kbnFieldButton__nameInner"
diff --git a/packages/kbn-react-field/src/field_button/field_button.scss b/packages/kbn-react-field/src/field_button/field_button.scss
index 5fd87c38b930e..3d796ebd13fae 100644
--- a/packages/kbn-react-field/src/field_button/field_button.scss
+++ b/packages/kbn-react-field/src/field_button/field_button.scss
@@ -30,7 +30,6 @@
 
 .kbnFieldButton__name {
   flex-grow: 1;
-  word-break: break-word;
   padding: 0 $euiSizeS;
 }
 
diff --git a/packages/kbn-react-field/src/field_button/field_button.tsx b/packages/kbn-react-field/src/field_button/field_button.tsx
index 8d87e0e04cb63..ec8e53165abea 100644
--- a/packages/kbn-react-field/src/field_button/field_button.tsx
+++ b/packages/kbn-react-field/src/field_button/field_button.tsx
@@ -103,7 +103,7 @@ export function FieldButton({
     <>
       {fieldIcon && <span className="kbnFieldButton__fieldIcon">{fieldIcon}</span>}
       {fieldName && (
-        <span className="kbnFieldButton__name">
+        <span className="kbnFieldButton__name eui-textBreakAll">
           <span className="kbnFieldButton__nameInner">{fieldName}</span>
         </span>
       )}