From acf0617762fb170e9c61dde40d297c269cff44c9 Mon Sep 17 00:00:00 2001
From: Melissa Alvarez <melissa.alvarez@elastic.co>
Date: Thu, 16 Jul 2020 14:32:22 -0400
Subject: [PATCH] [ML] DF Analytics: UI improvements (#71949)

* make hyper parameters one word

* update analytics job types help text

* update job type text

* ensure long description has word break to prevent overflow
---
 .../components/advanced_step/advanced_step_details.tsx   | 2 +-
 .../components/advanced_step/advanced_step_form.tsx      | 2 +-
 .../components/configuration_step/job_type.tsx           | 9 +++------
 .../components/details_step/details_step_details.tsx     | 6 +++++-
 4 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/advanced_step/advanced_step_details.tsx b/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/advanced_step/advanced_step_details.tsx
index 875590d0f9ee..e7026508a90b 100644
--- a/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/advanced_step/advanced_step_details.tsx
+++ b/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/advanced_step/advanced_step_details.tsx
@@ -249,7 +249,7 @@ export const AdvancedStepDetails: FC<{ setCurrentStep: any; state: State }> = ({
       <EuiTitle size="xs">
         <h3>
           {i18n.translate('xpack.ml.dataframe.analytics.create.hyperParametersDetailsTitle', {
-            defaultMessage: 'Hyper parameters',
+            defaultMessage: 'Hyperparameters',
           })}
         </h3>
       </EuiTitle>
diff --git a/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/advanced_step/advanced_step_form.tsx b/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/advanced_step/advanced_step_form.tsx
index 11184afb0e71..7409e414af2b 100644
--- a/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/advanced_step/advanced_step_form.tsx
+++ b/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/advanced_step/advanced_step_form.tsx
@@ -408,7 +408,7 @@ export const AdvancedStepForm: FC<CreateAnalyticsStepProps> = ({
           <EuiTitle size="xs">
             <h3>
               {i18n.translate('xpack.ml.dataframe.analytics.create.hyperParametersSectionTitle', {
-                defaultMessage: 'Hyper parameters',
+                defaultMessage: 'Hyperparameters',
               })}
             </h3>
           </EuiTitle>
diff --git a/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/configuration_step/job_type.tsx b/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/configuration_step/job_type.tsx
index da547ee6255a..1e5dbee3499b 100644
--- a/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/configuration_step/job_type.tsx
+++ b/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/configuration_step/job_type.tsx
@@ -21,24 +21,21 @@ export const JobType: FC<Props> = ({ type, setFormState }) => {
   const outlierHelpText = i18n.translate(
     'xpack.ml.dataframe.analytics.create.outlierDetectionHelpText',
     {
-      defaultMessage:
-        'Outlier detection jobs require a source index that is mapped as a table-like data structure and analyze only numeric and boolean fields. Use the advanced editor to add custom options to the configuration.',
+      defaultMessage: 'Outlier detection identifies unusual data points in the data set.',
     }
   );
 
   const regressionHelpText = i18n.translate(
     'xpack.ml.dataframe.analytics.create.outlierRegressionHelpText',
     {
-      defaultMessage:
-        'Regression jobs analyze only numeric fields. Use the advanced editor to apply custom options, such as the prediction field name.',
+      defaultMessage: 'Regression predicts numerical values in the data set.',
     }
   );
 
   const classificationHelpText = i18n.translate(
     'xpack.ml.dataframe.analytics.create.classificationHelpText',
     {
-      defaultMessage:
-        'Classification jobs require a source index that is mapped as a table-like data structure and support fields that are numeric, boolean, text, keyword, or ip. Use the advanced editor to apply custom options, such as the prediction field name.',
+      defaultMessage: 'Classification predicts labels of data points in the data set.',
     }
   );
 
diff --git a/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/details_step/details_step_details.tsx b/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/details_step/details_step_details.tsx
index 8a41eb4b8a86..fb08ea841d29 100644
--- a/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/details_step/details_step_details.tsx
+++ b/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/details_step/details_step_details.tsx
@@ -75,7 +75,11 @@ export const DetailsStepDetails: FC<{ setCurrentStep: any; state: State }> = ({
           <EuiDescriptionList compressed listItems={detailsFirstCol} />
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
-          <EuiDescriptionList compressed listItems={detailsSecondCol} />
+          <EuiDescriptionList
+            style={{ wordBreak: 'break-word' }}
+            compressed
+            listItems={detailsSecondCol}
+          />
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
           <EuiDescriptionList compressed listItems={detailsThirdCol} />