@finos/legend-application-repl 0.0.59 → 1.0.0

package/src/stores/dataCube/grid/DataCubeGridClientEngine.ts

@@ -1,501 +0,0 @@
-/**
- * Copyright (c) 2020-present, Goldman Sachs
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import type {
-  GridApi,
-  IRowNode,
-  IServerSideDatasource,
-  IServerSideGetRowsParams,
-} from '@ag-grid-community/core';
-import type { DataCubeGridState } from './DataCubeGridState.js';
-import {
-  IllegalStateError,
-  LogEvent,
-  assertErrorThrown,
-  guaranteeNonNullable,
-  hashObject,
-  isBoolean,
-  isNonNullable,
-  pruneObject,
-} from '@finos/legend-shared';
-import { buildExecutableQuery } from '../core/DataCubeQueryBuilder.js';
-import {
-  type TabularDataSet,
-  type V1_AppliedFunction,
-  V1_Lambda,
-} from '@finos/legend-graph';
-import { APPLICATION_EVENT } from '@finos/legend-application';
-import { buildQuerySnapshot } from './DataCubeGridQuerySnapshotBuilder.js';
-import { generateRowGroupingDrilldownExecutableQueryPostProcessor } from './DataCubeGridQueryBuilder.js';
-import { makeObservable, observable, runInAction } from 'mobx';
-import type {
-  DataCubeConfiguration,
-  DataCubeConfigurationColorKey,
-} from '../core/DataCubeConfiguration.js';
-import { AlertType } from '../../../components/repl/Alert.js';
-import { DEFAULT_LARGE_ALERT_WINDOW_CONFIG } from '../../LayoutManagerState.js';
-import type { DataCubeQuerySnapshot } from '../core/DataCubeQuerySnapshot.js';
-import type { DataCubeEngine } from '../DataCubeEngine.js';
-import { generateColumnDefs } from './DataCubeGridConfigurationBuilder.js';
-import type { DataCubeQueryFunctionMap } from '../core/DataCubeQueryEngine.js';
-import type { DataCubeQueryFilterOperation } from '../core/filter/DataCubeQueryFilterOperation.js';
-import type { DataCubeQueryAggregateOperation } from '../core/aggregation/DataCubeQueryAggregateOperation.js';
-
-type GridClientCellValue = string | number | boolean | null | undefined;
-type GridClientRowData = {
-  [key: string]: GridClientCellValue;
-};
-
-export enum DataCubeGridClientExportFormat {
-  CSV = 'CSV',
-  EXCEL = 'EXCEL',
-  PLAIN_TEXT = 'PLAIN_TEXT',
-  HTML = 'HTML',
-  PDF = 'PDF',
-}
-
-export enum INTERNAL__GridClientUtilityCssClassName {
-  ROOT = 'data-cube-grid.ag-theme-quartz',
-  HIGHLIGHT_ROW = 'data-cube-grid__utility--highlight-row',
-  SHOW_VERTICAL_GRID_LINES = 'data-cube-grid__utility--show-vertical-grid-lines',
-  SHOW_HORIZONTAL_GRID_LINES = 'data-cube-grid__utility--show-horizontal-grid-lines',
-
-  BLUR = 'data-cube-grid__utility--blur',
-
-  FONT_FAMILY_PREFIX = 'data-cube-grid__utility--font-family-',
-  FONT_SIZE_PREFIX = 'data-cube-grid__utility--font-size-',
-  FONT_BOLD = 'data-cube-grid__utility--font-style-bold',
-  FONT_ITALIC = 'data-cube-grid__utility--font-style-italic',
-  FONT_UNDERLINE_PREFIX = 'data-cube-grid__utility--font-style-underline-',
-  FONT_STRIKETHROUGH = 'data-cube-grid__utility--font-style-strikethrough',
-  FONT_CASE_PREFIX = 'data-cube-grid__utility--font-style-case-',
-  TEXT_ALIGN_PREFIX = 'data-cube-grid__utility--text-align-',
-  TEXT_COLOR_PREFIX = 'data-cube-grid__utility--text-color-',
-  BACKGROUND_COLOR_PREFIX = 'data-cube-grid__utility--background-color-',
-
-  PIVOT_COLUMN_GROUP = 'data-cube-grid__utility--pivot-column-group',
-  PIVOT_COLUMN_GROUP_PREFIX = 'data-cube-grid__utility--pivot-column-group-',
-}
-export const generateFontFamilyUtilityClassName = (fontFamily: string) =>
-  `${INTERNAL__GridClientUtilityCssClassName.FONT_FAMILY_PREFIX}${fontFamily.replaceAll(' ', '-')}`;
-export const generateFontSizeUtilityClassName = (fontSize: number) =>
-  `${INTERNAL__GridClientUtilityCssClassName.FONT_SIZE_PREFIX}${fontSize}`;
-export const generateFontUnderlineUtilityClassName = (
-  variant: string | undefined,
-) =>
-  `${INTERNAL__GridClientUtilityCssClassName.FONT_UNDERLINE_PREFIX}${variant ?? 'none'}`;
-export const generateFontCaseUtilityClassName = (
-  fontCase: string | undefined,
-) =>
-  `${INTERNAL__GridClientUtilityCssClassName.FONT_CASE_PREFIX}${fontCase ?? 'none'}`;
-export const generateTextAlignUtilityClassName = (alignment: string) =>
-  `${INTERNAL__GridClientUtilityCssClassName.TEXT_ALIGN_PREFIX}${alignment}`;
-export const generateTextColorUtilityClassName = (
-  color: string,
-  key: DataCubeConfigurationColorKey,
-) =>
-  `${INTERNAL__GridClientUtilityCssClassName.TEXT_COLOR_PREFIX}${key}-${color.substring(1)}`;
-export const generateBackgroundColorUtilityClassName = (
-  color: string,
-  key: DataCubeConfigurationColorKey,
-) =>
-  `${INTERNAL__GridClientUtilityCssClassName.BACKGROUND_COLOR_PREFIX}${key}-${color.substring(1)}`;
-
-// Indicates how many rows for each block in the cache, i.e. how many rows returned from the server at a time.
-// ag-grid will dedicte space in advanced to store these rows. In server-side row model, this is used as the page size.
-// See https://www.ag-grid.com/react-data-grid/server-side-model-configuration/#server-side-cache
-export const INTERNAL__GRID_CLIENT_DEFAULT_CACHE_BLOCK_SIZE = 100;
-// NOTE: The cache block size is used by ag-grid to pre-allocate memory for the grid
-// so the value set must be reasonable, or else it can crash the application!
-export const INTERNAL__GRID_CLIENT_MAX_CACHE_BLOCK_SIZE = 1e5;
-
-export const INTERNAL__GRID_CLIENT_PIVOT_COLUMN_GROUP_COLOR_ROTATION_SIZE = 5;
-export const INTERNAL__GRID_CLIENT_SIDE_BAR_WIDTH = 200;
-export const INTERNAL__GRID_CLIENT_COLUMN_MIN_WIDTH = 50;
-export const INTERNAL__GRID_CLIENT_HEADER_HEIGHT = 24;
-export const INTERNAL__GRID_CLIENT_ROW_HEIGHT = 20;
-export const INTERNAL__GRID_CLIENT_TOOLTIP_SHOW_DELAY = 1000;
-export const INTERNAL__GRID_CLIENT_AUTO_RESIZE_PADDING = 10;
-export const INTERNAL__GRID_CLIENT_MISSING_VALUE = '__MISSING';
-export const INTERNAL__GRID_CLIENT_TREE_COLUMN_ID = 'INTERNAL__tree';
-export const INTERNAL__GRID_CLIENT_DATA_FETCH_MANUAL_TRIGGER_COLUMN_ID =
-  'INTERNAL__dataFetchManualTrigger';
-export const INTERNAL__GRID_CLIENT_ROW_GROUPING_COUNT_AGG_COLUMN_ID =
-  'INTERNAL__count';
-
-export enum GridClientPinnedAlignement {
-  LEFT = 'left',
-  RIGHT = 'right',
-}
-
-export enum GridClientSortDirection {
-  ASCENDING = 'asc',
-  DESCENDING = 'desc',
-}
-
-export function getDataForAllNodes<T>(client: GridApi<T>): T[] {
-  const rows: T[] = [];
-  client.forEachNode((node: IRowNode<T>) => {
-    if (node.data) {
-      rows.push(node.data);
-    }
-  });
-  return rows;
-}
-
-/**
- * NOTE: this method does not work for server-side row model.
- * It only works when client-side filter is being applied
- */
-export function getDataForAllFilteredNodes<T>(client: GridApi<T>): T[] {
-  const rows: T[] = [];
-  client.forEachNodeAfterFilter((node: IRowNode<T>) => {
-    if (node.data) {
-      rows.push(node.data);
-    }
-  });
-  return rows;
-}
-
-/**
- * This method computes the hash code for the parts of the snapshot that should trigger data fetching.
- * This is used to manually trigger server-side row model data source getRows() method.
- */
-export function computeHashCodeForDataFetchManualTrigger(
-  snapshot: DataCubeQuerySnapshot,
-  configuration: DataCubeConfiguration,
-) {
-  return hashObject(
-    pruneObject({
-      ...snapshot.data,
-      name: undefined,
-      configuration: {
-        initialExpandLevel: configuration.initialExpandLevel,
-        showRootAggregation: configuration.showRootAggregation,
-        showLeafCount: configuration.showLeafCount,
-        pivotTotalColumnPlacement: configuration.pivotTotalColumnPlacement,
-        treeGroupSortFunction: configuration.treeGroupSortFunction,
-        columns: configuration.columns.map((column) => ({
-          name: column.name,
-          type: column.type,
-          aggregateOperator: column.aggregateOperator,
-          aggregationParameters: column.aggregationParameters,
-          excludedFromHorizontalPivot: column.excludedFromHorizontalPivot,
-          horizontalPivotSortFunction: column.horizontalPivotSortFunction,
-        })),
-      },
-    }),
-  );
-}
-
-function TDStoRowData(tds: TabularDataSet): GridClientRowData[] {
-  return tds.rows.map((_row, rowIdx) => {
-    const row: GridClientRowData = {};
-    const cols = tds.columns;
-    _row.values.forEach((value, colIdx) => {
-      // `ag-grid` shows `false` value as empty string so we have
-      // call `.toString()` to avoid this behavior.
-      row[cols[colIdx] as string] = isBoolean(value)
-        ? String(value)
-        : isNonNullable(value)
-          ? value
-          : INTERNAL__GRID_CLIENT_MISSING_VALUE;
-    });
-    return row;
-  });
-}
-
-async function getCastColumns(
-  currentSnapshot: DataCubeQuerySnapshot,
-  engine: DataCubeEngine,
-) {
-  if (!currentSnapshot.data.pivot) {
-    throw new IllegalStateError(
-      `Can't build cast columns collector query when no pivot is specified`,
-    );
-  }
-  const snapshot = currentSnapshot.clone();
-  guaranteeNonNullable(snapshot.data.pivot).castColumns = [];
-  snapshot.data.groupBy = undefined;
-  snapshot.data.sortColumns = [];
-  snapshot.data.limit = 0;
-  const query = buildExecutableQuery(
-    snapshot,
-    engine.filterOperations,
-    engine.aggregateOperations,
-    {
-      postProcessor: (
-        _snapshot: DataCubeQuerySnapshot,
-        sequence: V1_AppliedFunction[],
-        funcMap: DataCubeQueryFunctionMap,
-        configuration: DataCubeConfiguration,
-        filterOperations: DataCubeQueryFilterOperation[],
-        aggregateOperations: DataCubeQueryAggregateOperation[],
-      ) => {
-        const _unprocess = (funcMapKey: keyof DataCubeQueryFunctionMap) => {
-          const func = funcMap[funcMapKey];
-          if (func) {
-            sequence.splice(sequence.indexOf(func), 1);
-            funcMap[funcMapKey] = undefined;
-          }
-        };
-
-        if (funcMap.groupExtend) {
-          _unprocess('groupExtend');
-        }
-      },
-    },
-  );
-
-  const lambda = new V1_Lambda();
-  lambda.body.push(query);
-  const result = await engine.executeQuery(lambda);
-
-  return result.result.builder.columns.map((column) => ({
-    name: column.name,
-    type: column.type as string,
-  }));
-}
-
-export class DataCubeGridClientServerSideDataSource
-  implements IServerSideDatasource
-{
-  readonly grid: DataCubeGridState;
-  rowCount: number | undefined = undefined;
-
-  constructor(grid: DataCubeGridState) {
-    makeObservable(this, {
-      rowCount: observable,
-    });
-
-    this.grid = grid;
-  }
-
-  async fetchRows(params: IServerSideGetRowsParams<unknown, unknown>) {
-    const task = this.grid.dataCube.newTask('Fetching data');
-
-    // ------------------------------ GRID OPTIONS ------------------------------
-    // Here, we make adjustments to the grid display in response to the new
-    // request, in case the grid action has not impacted the layout in an
-    // adequate way.
-
-    // Toggle the visibility of the tree column based on the presence of row-group columns
-    if (params.request.rowGroupCols.length) {
-      params.api.setColumnsVisible(
-        [INTERNAL__GRID_CLIENT_TREE_COLUMN_ID],
-        true,
-      );
-    } else {
-      params.api.setColumnsVisible(
-        [INTERNAL__GRID_CLIENT_TREE_COLUMN_ID],
-        false,
-      );
-    }
-
-    // ------------------------------ SNAPSHOT ------------------------------
-
-    const currentSnapshot = guaranteeNonNullable(this.grid.getLatestSnapshot());
-    const newSnapshot = buildQuerySnapshot(params.request, currentSnapshot);
-    // NOTE: if h-pivot is enabled
-    // if h-pivot is enabled, update the cast columns
-    // and panels which might be affected by this (e.g. sorts)
-    // TOOD?: this is an expensive operation in certain case, so we might want to
-    // optimize when this gets called
-    if (newSnapshot.data.pivot) {
-      try {
-        const castColumns = await getCastColumns(
-          newSnapshot,
-          this.grid.dataCube.engine,
-        );
-        newSnapshot.data.pivot.castColumns = castColumns;
-        newSnapshot.data.sortColumns = newSnapshot.data.sortColumns.filter(
-          (column) =>
-            [...castColumns, ...newSnapshot.data.groupExtendedColumns].find(
-              (col) => column.name === col.name,
-            ),
-        );
-      } catch (error) {
-        assertErrorThrown(error);
-        this.grid.dataCube.repl.alertError(error, {
-          message: `Query Validation Failure: Can't retrieve pivot results column metadata. ${error.message}`,
-        });
-        // fail early since we can't proceed without the cast columns validated
-        params.fail();
-        this.grid.dataCube.endTask(task);
-        return;
-      }
-    }
-
-    newSnapshot.finalize();
-    if (newSnapshot.hashCode !== currentSnapshot.hashCode) {
-      // update grid column definitions since new columns could have been added
-      // due to changes in pivot
-      this.grid.client.updateGridOptions({
-        columnDefs: generateColumnDefs(
-          newSnapshot,
-          this.grid.queryConfiguration,
-          this.grid.dataCube,
-        ),
-      });
-      this.grid.publishSnapshot(newSnapshot);
-    }
-
-    // ------------------------------ DATA ------------------------------
-
-    try {
-      const executableQuery = buildExecutableQuery(
-        newSnapshot,
-        this.grid.dataCube.engine.filterOperations,
-        this.grid.dataCube.engine.aggregateOperations,
-        {
-          postProcessor:
-            generateRowGroupingDrilldownExecutableQueryPostProcessor(
-              params.request.groupKeys,
-            ),
-          pagination:
-            this.grid.isPaginationEnabled &&
-            params.request.startRow !== undefined &&
-            params.request.endRow !== undefined
-              ? {
-                  start: params.request.startRow,
-                  end: params.request.endRow,
-                }
-              : undefined,
-        },
-      );
-      const lambda = new V1_Lambda();
-      lambda.body.push(executableQuery);
-      const result = await this.grid.dataCube.engine.executeQuery(lambda);
-      const rowData = TDStoRowData(result.result.result);
-      if (this.grid.dataCube.engine.enableDebugMode) {
-        this.grid.dataCube.application.debugProcess(
-          `Execution`,
-          `\nQuery: ${result.executedQuery}`,
-          `\nConfig: pagination=${this.grid.isPaginationEnabled}`,
-          `\nStats: ${rowData.length} rows, ${result.result.result.columns.length} columns`,
-          `\nSQL: ${result.executedSQL}`,
-        );
-      }
-
-      if (this.grid.isPaginationEnabled) {
-        params.success({ rowData });
-        // only update row count when loading the top-level drilldown data
-        if (params.request.groupKeys.length === 0) {
-          runInAction(() => {
-            this.rowCount = (params.request.startRow ?? 0) + rowData.length;
-          });
-        }
-
-        // toggle no-rows overlay
-        if (
-          params.request.groupKeys.length === 0 &&
-          params.request.startRow === 0 &&
-          rowData.length === 0
-        ) {
-          this.grid.client.showNoRowsOverlay();
-        } else {
-          this.grid.client.hideOverlay();
-        }
-      } else {
-        // NOTE: When pagination is disabled and the user currently scrolls to somewhere in the grid, as data is fetched
-        // and the operation does not force a scroll top (for example, grouping will always force scrolling to the
-        // top, while sorting will leave scroll position as is), the grid ends up showing the wrong data because
-        // the data being displayed does not take into account the scroll position, but by the start and end row
-        // which stay constant as pagination is disabled.
-        //
-        // In order to handle this, when pagination is disabled, we tune the start and end row by setting the cache block size
-        // to a high-enough value (100k-1m). However, ag-grid use cache block size to pre-allocate memory for the rows,
-        // which means we must cap/tune this value reasonably to prevent the app from crashing.
-        //
-        // When there are just too many rows (exceeding the maximum cache block size), we will fallback to a slightly less ideal
-        // behavior by forcing a scroll top for every data fetch and also reset the cache block size to the default value to save memory
-        if (rowData.length > INTERNAL__GRID_CLIENT_MAX_CACHE_BLOCK_SIZE) {
-          if (
-            !this.grid.dataCube.repl.dataCubeEngine
-              .gridClientSuppressLargeDatasetWarning
-          ) {
-            this.grid.dataCube.repl.alert({
-              message: `Large dataset (>${INTERNAL__GRID_CLIENT_MAX_CACHE_BLOCK_SIZE} rows) detected!`,
-              text: `Overall app performance can be impacted by large dataset due to longer query execution time and increased memory usage. At its limit, the application can crash!\nTo boost performance, consider enabling pagination while working with large dataset.`,
-              type: AlertType.WARNING,
-              actions: [
-                {
-                  label: 'Enable Pagination',
-                  handler: () => {
-                    this.grid.setPaginationEnabled(true);
-                  },
-                },
-                {
-                  label: 'Dismiss Warning',
-                  handler: () => {
-                    // this.grid.setPaginationEnabled(true);
-                    this.grid.dataCube.repl.dataCubeEngine.setGridClientSuppressLargeDatasetWarning(
-                      true,
-                    );
-                  },
-                },
-              ],
-              windowConfig: DEFAULT_LARGE_ALERT_WINDOW_CONFIG,
-            });
-          }
-
-          // NOTE: when drilldown occurs, we will scroll top until the drilldown row is reached
-          params.api.ensureIndexVisible(params.parentNode.rowIndex ?? 0, 'top');
-        }
-
-        params.success({
-          rowData,
-          // Setting row count to disable infinite-scrolling when pagination is disabled
-          // See https://www.ag-grid.com/react-data-grid/infinite-scrolling/#setting-last-row-index
-          rowCount: rowData.length,
-        });
-
-        // only update row count when loading the top-level drilldown data
-        if (params.request.groupKeys.length === 0) {
-          runInAction(() => {
-            this.rowCount = rowData.length;
-          });
-        }
-
-        // toggle no-rows overlay
-        if (params.request.groupKeys.length === 0 && rowData.length === 0) {
-          this.grid.client.showNoRowsOverlay();
-        } else {
-          this.grid.client.hideOverlay();
-        }
-      }
-    } catch (error) {
-      assertErrorThrown(error);
-      this.grid.dataCube.repl.alertError(error, {
-        message: `Data Fetch Failure: ${error.message}`,
-      });
-      params.fail();
-    } finally {
-      this.grid.dataCube.endTask(task);
-    }
-  }
-
-  getRows(params: IServerSideGetRowsParams<unknown, unknown>) {
-    this.fetchRows(params).catch((error: unknown) => {
-      assertErrorThrown(error);
-      this.grid.dataCube.application.logService.error(
-        LogEvent.create(APPLICATION_EVENT.ILLEGAL_APPLICATION_STATE_OCCURRED),
-        `Error ocurred while fetching data for grid should have been handled gracefully`,
-        error,
-      );
-    });
-  }
-}

package/src/stores/dataCube/grid/DataCubeGridClientExportEngine.ts

@@ -1,173 +0,0 @@
-/**
- * Copyright (c) 2020-present, Goldman Sachs
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import {
-  ContentType,
-  downloadFileUsingDataURI,
-  formatDate,
-  IllegalStateError,
-  isString,
-  UnsupportedOperationError,
-} from '@finos/legend-shared';
-import type { DataCubeState } from '../DataCubeState.js';
-import type { DataCubeGridState } from './DataCubeGridState.js';
-import { DataCubeGridClientExportFormat } from './DataCubeGridClientEngine.js';
-
-function blobToBase64(blob: Blob): Promise<string> {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onloadend = () => {
-      const result = reader.result;
-      if (isString(result)) {
-        const base64Data = result.split(',')[1];
-        if (base64Data) {
-          resolve(base64Data);
-          return;
-        }
-      }
-      reject(new Error(`Can't base64 encode blob data`));
-    };
-    reader.onerror = (error) => reject(error);
-    reader.readAsDataURL(blob);
-  });
-}
-
-const EMAIL_TEXT_CONTENT = '';
-const EMAIL_HTML_CONTENT = `<html><body><p>${EMAIL_TEXT_CONTENT}</p><body></html>`;
-// See https://stackoverflow.com/questions/3902455/mail-multipart-alternative-vs-multipart-mixed
-const EMAIL_MIXED_BOUNDARY = 'mixed_boundary';
-const EMAIL_ALTERNATIVE_BOUNDARY = 'alternative_boundary';
-const EMAIL_CONTENT = `
-From:
-To:
-Subject:
-X-Unsent: 1
-Content-Type: multipart/mixed; boundary="${EMAIL_MIXED_BOUNDARY}"
-
---${EMAIL_MIXED_BOUNDARY}
-Content-Type: multipart/alternative; boundary="${EMAIL_ALTERNATIVE_BOUNDARY}"
-
---${EMAIL_ALTERNATIVE_BOUNDARY}
-Content-Type: text/plain; charset="UTF-8"
-Content-Transfer-Encoding: 7bit
-
-${EMAIL_TEXT_CONTENT}
-
---${EMAIL_ALTERNATIVE_BOUNDARY}
-Content-Type: text/html; charset="UTF-8"
-Content-Transfer-Encoding: 7bit
-
-${EMAIL_HTML_CONTENT}
-
---${EMAIL_ALTERNATIVE_BOUNDARY}--
-
-`;
-
-/**
- * NOTE: this is a client-side export engine, this will and should eventually be replaced by a
- * server-side export engine which is more standardized and scalable.
- */
-export class DataCubeGridClientExportEngine {
-  readonly dataCube!: DataCubeState;
-  readonly grid!: DataCubeGridState;
-
-  constructor(grid: DataCubeGridState) {
-    this.dataCube = grid.dataCube;
-    this.grid = grid;
-  }
-
-  private generateFileName() {
-    return `${this.dataCube.info.name} - ${formatDate(new Date(), 'EEE MMM dd yyyy HH_mm_ss')}`;
-  }
-
-  exportFile(format: DataCubeGridClientExportFormat) {
-    const fileName = this.generateFileName();
-    switch (format) {
-      case DataCubeGridClientExportFormat.CSV: {
-        this.grid.client.exportDataAsCsv({
-          fileName: `${fileName}.csv`,
-        });
-        return;
-      }
-      case DataCubeGridClientExportFormat.EXCEL: {
-        // TODO?: configure settings for Excel export so we can export styling as well
-        // See https://www.ag-grid.com/angular-data-grid/excel-export-styles/
-        this.grid.client.exportDataAsExcel({
-          fileName: `${fileName}.xlsx`,
-        });
-        return;
-      }
-      default:
-      // do nothing
-    }
-  }
-
-  async exportEmail(format: DataCubeGridClientExportFormat) {
-    const fileName = this.generateFileName();
-    let fileNameWithExtension = fileName;
-    let attachment: string;
-    let contentType: string;
-    switch (format) {
-      case DataCubeGridClientExportFormat.CSV: {
-        fileNameWithExtension = `${fileName}.csv`;
-        contentType = ContentType.TEXT_CSV;
-        attachment = await blobToBase64(
-          new Blob([this.grid.client.getDataAsCsv() ?? ''], {
-            type: ContentType.TEXT_CSV,
-          }),
-        );
-        break;
-      }
-      case DataCubeGridClientExportFormat.EXCEL: {
-        fileNameWithExtension += `${fileName}.xlsx`;
-        contentType = ContentType.APPLICATION_XLSX;
-        // TODO?: configure settings for Excel export so we can export styling as well
-        // See https://www.ag-grid.com/angular-data-grid/excel-export-styles/
-        const xlsxContent = this.grid.client.getDataAsExcel();
-        let xlsxBlob: Blob;
-        if (xlsxContent instanceof Blob) {
-          xlsxBlob = xlsxContent;
-        } else if (typeof xlsxContent === 'string') {
-          xlsxBlob = new Blob([xlsxContent], {
-            type: ContentType.APPLICATION_XLSX,
-          });
-        } else {
-          throw new IllegalStateError(`Can't export Excel content`);
-        }
-        attachment = await blobToBase64(xlsxBlob);
-        break;
-      }
-      default:
-        throw new UnsupportedOperationError(
-          `Can't export email in format '${format}'`,
-        );
-    }
-
-    downloadFileUsingDataURI(
-      `${fileName}.eml`,
-      // NOTE: empty lines before email content can cause some mail client to not
-      // recognize the email content, e.g. Outlook
-      `${EMAIL_CONTENT.trimStart()}--${EMAIL_MIXED_BOUNDARY}\n` +
-        `Content-Type: ${contentType}; name="${fileNameWithExtension}"\n` +
-        `Content-Transfer-Encoding: base64\n` +
-        `Content-Disposition: attachment; filename="${fileNameWithExtension}"\n\n` +
-        `${attachment}\n\n` +
-        `--${EMAIL_MIXED_BOUNDARY}--`,
-      // This MIME type here might not matter
-      ContentType.MESSAGE_RFC822,
-    );
-  }
-}