[ML] Fix boolean cell values in analytics table result views and tran…

…sforms wizard. (#62618)

Fixes the rendering of boolean values in table results views and transforms wizards:
- Fixed: Boolean cells in the transform wizard ended up being empty.
- Fixed: Boolean cells in regression/classification result table would render as Yes/No instead of true/false.

x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/classification_exploration/results_table.tsx

@@ -211,6 +211,7 @@ export const ResultsTable: FC<Props> = React.memo(
           switch (type) {
             case ES_FIELD_TYPES.BOOLEAN:
               column.dataType = ES_FIELD_TYPES.BOOLEAN;
+              column.render = d => (d ? 'true' : 'false');
               break;
             case ES_FIELD_TYPES.DATE:
               column.align = 'right';

x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/regression_exploration/results_table.tsx

@@ -213,6 +213,7 @@ export const ResultsTable: FC<Props> = React.memo(
           switch (type) {
             case ES_FIELD_TYPES.BOOLEAN:
               column.dataType = ES_FIELD_TYPES.BOOLEAN;
+              column.render = d => (d ? 'true' : 'false');
               break;
             case ES_FIELD_TYPES.DATE:
               column.align = 'right';

x-pack/plugins/transform/public/app/components/pivot_preview/pivot_preview.tsx

@@ -245,6 +245,10 @@ export const PivotPreview: FC<PivotPreviewProps> = React.memo(
           return formatHumanReadableDateTimeSeconds(moment(cellValue).unix() * 1000);
         }
 
+        if (previewMappings.properties[columnId].type === ES_FIELD_TYPES.BOOLEAN) {
+          return cellValue ? 'true' : 'false';
+        }
+
         return cellValue;
       };
     }, [pageData, pagination.pageIndex, pagination.pageSize, previewMappings.properties]);

x-pack/plugins/transform/public/app/sections/create_transform/components/source_index_preview/source_index_preview.tsx

@@ -105,6 +105,9 @@ export const SourceIndexPreview: React.FC<Props> = React.memo(({ indexPattern, q
       let schema;
 
       switch (field?.type) {
+        case KBN_FIELD_TYPES.BOOLEAN:
+          schema = 'boolean';
+          break;
         case KBN_FIELD_TYPES.DATE:
           schema = 'datetime';
           break;
@@ -190,6 +193,10 @@ export const SourceIndexPreview: React.FC<Props> = React.memo(({ indexPattern, q
         return formatHumanReadableDateTimeSeconds(moment(cellValue).unix() * 1000);
       }
 
+      if (field?.type === KBN_FIELD_TYPES.BOOLEAN) {
+        return cellValue ? 'true' : 'false';
+      }
+
       return cellValue;
     };
   }, [data, indexPattern.fields, pagination.pageIndex, pagination.pageSize]);