From b4cde8f6effc75c3c6777eabbc018ef83ad55f35 Mon Sep 17 00:00:00 2001
From: Constance Chen <constance.chen@elastic.co>
Date: Tue, 24 May 2022 14:10:34 -0700
Subject: [PATCH] Deprecate `.eui-textOverflowWrap`

---
 .../features_tooltip/feature_properties.tsx               | 8 ++++----
 .../annotations/annotations_table/annotations_table.js    | 2 +-
 .../components/anomalies_table/anomalies_table.js         | 2 +-
 .../components/model_snapshots/model_snapshots_table.tsx  | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/x-pack/plugins/maps/public/connected_components/mb_map/tooltip_control/features_tooltip/feature_properties.tsx b/x-pack/plugins/maps/public/connected_components/mb_map/tooltip_control/features_tooltip/feature_properties.tsx
index 8607f1ce0503a..ca291f585590a 100644
--- a/x-pack/plugins/maps/public/connected_components/mb_map/tooltip_control/features_tooltip/feature_properties.tsx
+++ b/x-pack/plugins/maps/public/connected_components/mb_map/tooltip_control/features_tooltip/feature_properties.tsx
@@ -214,10 +214,10 @@ export class FeatureProperties extends Component<Props, State> {
         <table className="eui-yScrollWithShadows mapFeatureTooltip_table" ref={this._tableRef}>
           <tbody>
             <tr>
-              <td className="eui-textOverflowWrap mapFeatureTooltip__propertyLabel">
+              <td className="eui-textBreakWord mapFeatureTooltip__propertyLabel">
                 {tooltipProperty.getPropertyName()}
               </td>
-              <td className="eui-textOverflowWrap">{tooltipProperty.getHtmlDisplayValue()}</td>
+              <td className="eui-textBreakWord">{tooltipProperty.getHtmlDisplayValue()}</td>
             </tr>
           </tbody>
         </table>
@@ -326,10 +326,10 @@ export class FeatureProperties extends Component<Props, State> {
     const rows = this.state.properties.map((tooltipProperty) => {
       return (
         <tr key={tooltipProperty.getPropertyKey()} className="mapFeatureTooltip_row">
-          <td className="eui-textOverflowWrap mapFeatureTooltip__propertyLabel">
+          <td className="eui-textBreakWord mapFeatureTooltip__propertyLabel">
             {tooltipProperty.getPropertyName()}
           </td>
-          <td className="eui-textOverflowWrap">{tooltipProperty.getHtmlDisplayValue()}</td>
+          <td className="eui-textBreakWord">{tooltipProperty.getHtmlDisplayValue()}</td>
           {this._renderFilterCell(tooltipProperty)}
         </tr>
       );
diff --git a/x-pack/plugins/ml/public/application/components/annotations/annotations_table/annotations_table.js b/x-pack/plugins/ml/public/application/components/annotations/annotations_table/annotations_table.js
index f91d6594c1b33..bbf5dc81768a1 100644
--- a/x-pack/plugins/ml/public/application/components/annotations/annotations_table/annotations_table.js
+++ b/x-pack/plugins/ml/public/application/components/annotations/annotations_table/annotations_table.js
@@ -709,7 +709,7 @@ class AnnotationsTableUI extends Component {
         <EuiInMemoryTable
           data-test-subj={'mlAnnotationsTable'}
           error={searchError}
-          className="eui-textOverflowWrap"
+          className="eui-textBreakWord"
           compressed={true}
           items={items}
           columns={columns}
diff --git a/x-pack/plugins/ml/public/application/components/anomalies_table/anomalies_table.js b/x-pack/plugins/ml/public/application/components/anomalies_table/anomalies_table.js
index bc6368a5192f7..ec4312166d05d 100644
--- a/x-pack/plugins/ml/public/application/components/anomalies_table/anomalies_table.js
+++ b/x-pack/plugins/ml/public/application/components/anomalies_table/anomalies_table.js
@@ -230,7 +230,7 @@ export class AnomaliesTableInternal extends Component {
           unsetShowFunction={this.unsetShowRuleEditorFlyoutFunction}
         />
         <EuiInMemoryTable
-          className="ml-anomalies-table eui-textOverflowWrap"
+          className="ml-anomalies-table eui-textBreakWord"
           items={tableData.anomalies}
           columns={columns}
           pagination={pagination}
diff --git a/x-pack/plugins/ml/public/application/components/model_snapshots/model_snapshots_table.tsx b/x-pack/plugins/ml/public/application/components/model_snapshots/model_snapshots_table.tsx
index dca2fa2dcca33..6e682979fa6b3 100644
--- a/x-pack/plugins/ml/public/application/components/model_snapshots/model_snapshots_table.tsx
+++ b/x-pack/plugins/ml/public/application/components/model_snapshots/model_snapshots_table.tsx
@@ -218,7 +218,7 @@ export const ModelSnapshotTable: FC<Props> = ({ job, refreshJobList }) => {
   return (
     <>
       <EuiInMemoryTable
-        className="eui-textOverflowWrap"
+        className="eui-textBreakWord"
         compressed={true}
         items={snapshots}
         columns={columns}