[ML] Hide Data Grid column options when histogram charts are enabled. (#79459)

walterra · kibanamachine · darnautov · peteharverson · commit 22180a9fe00c · 2020-10-06T12:58:50.000+01:00
* [ML] Fix data grid actions.

* [ML] fix columnsWithChartsActionized

Co-authored-by: Kibana Machine &lt;42973632+kibanamachine@users.noreply.github.com&gt;
Co-authored-by: Dima Arnautov &lt;dmitrii.arnautov@elastic.co&gt;
diff --git a/x-pack/plugins/ml/public/application/components/data_grid/data_grid.tsx b/x-pack/plugins/ml/public/application/components/data_grid/data_grid.tsx
@@ -99,6 +99,14 @@ export const DataGrid: FC<Props> = memo(
     //   };
     // };
 
+    // If the charts are visible, hide the column actions icon.
+    const columnsWithChartsActionized = columnsWithCharts.map((d) => {
+      if (chartsVisible === true) {
+        d.actions = false;
+      }
+      return d;
+    });
+
     const popOverContent = useMemo(() => {
       return analysisType === ANALYSIS_CONFIG_TYPE.REGRESSION ||
         analysisType === ANALYSIS_CONFIG_TYPE.CLASSIFICATION
@@ -254,7 +262,7 @@ export const DataGrid: FC<Props> = memo(
         <div className="mlDataGrid">
           <EuiDataGrid
             aria-label={isWithHeader(props) ? props.title : ''}
-            columns={columnsWithCharts.map((c) => {
+            columns={columnsWithChartsActionized.map((c) => {
               c.initialWidth = 165;
               return c;
             })}
