[Datatable][Inspector] Make inspectable/exportable only visible columns

src/plugins/data/common/exports/export_csv.test.ts

@@ -84,4 +84,28 @@ describe('CSV exporter', () => {
       })
     ).toMatch('columnOne\r\n"\'=1"\r\n');
   });
+
+  test('should filter out columns when there are meta information', () => {
+    const datatable = getDataTable({ multipleColumns: true });
+    // Make only the first column visible
+    datatable.columns[0].meta.dimensionName = 'First column';
+    expect(
+      datatableToCSV(datatable, {
+        ...getDefaultOptions(),
+        escapeFormulaValues: true,
+        formatFactory: () => ({ convert: (v: unknown) => v } as FieldFormat),
+      })
+    ).toMatch('columnOne\r\nvalue\r\n');
+  });
+
+  test('should not filter out columns if no meta information are found', () => {
+    const datatable = getDataTable({ multipleColumns: true });
+    expect(
+      datatableToCSV(datatable, {
+        ...getDefaultOptions(),
+        escapeFormulaValues: true,
+        formatFactory: () => ({ convert: (v: unknown) => v } as FieldFormat),
+      })
+    ).toMatch('columnOne,columnTwo\r\nvalue,5\r\n');
+  });
 });

src/plugins/data/common/exports/export_csv.tsx

@@ -11,6 +11,7 @@
 import { Datatable } from 'src/plugins/expressions';
 import { FormatFactory } from '../../../field_formats/common';
 import { createEscapeValue } from './escape_value';
+import { getVisibleColumns } from './table_filter';
 
 export const LINE_FEED_CHARACTER = '\r\n';
 export const CSV_MIME_TYPE = 'text/plain;charset=utf-8';
@@ -28,10 +29,14 @@ export function datatableToCSV(
   { csvSeparator, quoteValues, formatFactory, raw, escapeFormulaValues }: CSVOptions
 ) {
   const escapeValues = createEscapeValue(quoteValues, escapeFormulaValues);
+
+  // If columns have some meta information, use them to filter out hidden columns
+  const filteredColumns = getVisibleColumns(columns);
+  // const filteredColumns = columns;
   // Build the header row by its names
-  const header = columns.map((col) => escapeValues(col.name));
+  const header = filteredColumns.map((col) => escapeValues(col.name));
 
-  const formatters = columns.reduce<Record<string, ReturnType<FormatFactory>>>(
+  const formatters = filteredColumns.reduce<Record<string, ReturnType<FormatFactory>>>(
     (memo, { id, meta }) => {
       memo[id] = formatFactory(meta?.params);
       return memo;
@@ -41,7 +46,7 @@ export function datatableToCSV(
 
   // Convert the array of row objects to an array of row arrays
   const csvRows = rows.map((row) => {
-    return columns.map((column) =>
+    return filteredColumns.map((column) =>
       escapeValues(raw ? row[column.id] : formatters[column.id].convert(row[column.id]))
     );
   });

src/plugins/data/common/exports/table_filter.ts

@@ -0,0 +1,14 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import { DatatableColumn } from 'src/plugins/expressions';
+
+export function getVisibleColumns(columns: DatatableColumn[]) {
+  const columnsHaveMetaInfo = columns.some(({ meta }) => meta?.dimensionName);
+  return columnsHaveMetaInfo ? columns.filter(({ meta }) => meta?.dimensionName) : columns;
+}