feat(elements): Add excel and csv exporters to elements. (#15611)

Author: skrustev

projects/igniteui-angular-elements/src/lib/csv-exporter.ts

@@ -0,0 +1,8 @@
+import { GridTypeBase, IgxCsvExporterOptions, IgxCsvExporterService } from 'igniteui-angular';
+
+export class IgcCsvExporterService extends IgxCsvExporterService {
+    public override export(grid: GridTypeBase, options: IgxCsvExporterOptions): void {
+        const gridRef = (grid as any).ngElementStrategy?.componentRef?.instance;
+        super.export(gridRef || grid, options);
+    }
+}

projects/igniteui-angular-elements/src/lib/excel-exporter.ts

@@ -0,0 +1,8 @@
+import { GridTypeBase, IgxExcelExporterOptions, IgxExcelExporterService } from 'igniteui-angular';
+
+export class IgcExcelExporterService extends IgxExcelExporterService {
+    public override export(grid: GridTypeBase, options: IgxExcelExporterOptions): void {
+        const gridRef = (grid as any).ngElementStrategy?.componentRef?.instance;
+        super.export(gridRef || grid, options);
+    }
+}

projects/igniteui-angular-elements/src/public_api.ts

@@ -1,6 +1,8 @@
 import { registerI18n, setCurrentI18n } from 'igniteui-i18n-core';
 import { ByLevelTreeGridMergeStrategy, ColumnPinningPosition, DefaultMergeStrategy, DefaultTreeGridMergeStrategy, FilteringExpressionsTree, FilteringExpressionsTreeType, FilteringLogic, HorizontalAlignment, IgxBooleanFilteringOperand, IgxDateFilteringOperand, IgxDateTimeFilteringOperand, IgxFilteringOperand, IgxNumberFilteringOperand, IgxStringFilteringOperand, IgxTimeFilteringOperand, NoopFilteringStrategy, NoopSortingStrategy, SortingDirection, TransactionType, TransactionEventOrigin, VerticalAlignment } from 'igniteui-angular/core';
-import { DropPosition, GridPagingMode, IgxDateSummaryOperand, IgxNumberSummaryOperand, IgxPivotAggregate, IgxPivotDateAggregate, IgxPivotDateDimension, IgxPivotNumericAggregate, IgxPivotTimeAggregate, IgxSummaryOperand, IgxTimeSummaryOperand, NoopPivotDimensionsStrategy, PivotDimensionType, RowPinningPosition } from 'igniteui-angular/grids/core';
+import { CsvFileTypes, DropPosition, GridPagingMode, IgxCsvExporterOptions, IgxDateSummaryOperand, IgxExcelExporterOptions, IgxNumberSummaryOperand, IgxPivotAggregate, IgxPivotDateAggregate, IgxPivotDateDimension, IgxPivotNumericAggregate, IgxPivotTimeAggregate, IgxSummaryOperand, IgxTimeSummaryOperand, NoopPivotDimensionsStrategy, PivotDimensionType, RowPinningPosition } from 'igniteui-angular/grids/core';
+import { IgcExcelExporterService } from './lib/excel-exporter';
+import { IgcCsvExporterService } from './lib/csv-exporter';
 
 /** Export Public API, TODO: reorganize, Generate all w/ renames? */
 export {
@@ -53,4 +55,11 @@ export {
     // Transactions API
     TransactionType,
     TransactionEventOrigin,
+
+    // Exporters
+    IgxExcelExporterOptions as IgcExcelExporterOptions,
+    IgxCsvExporterOptions as IgcCsvExporterOptions,
+    IgcExcelExporterService,
+    IgcCsvExporterService,
+    CsvFileTypes
 }

projects/igniteui-angular/grids/core/src/services/csv/csv-exporter-options.ts

@@ -1,5 +1,6 @@
 import { IgxExporterOptionsBase } from '../exporter-common/exporter-options-base';
 
+/* csSuppress */
 /**
  * Objects of this class are used to configure the CSV exporting process.
  */

projects/igniteui-angular/grids/core/src/services/csv/csv-exporter.ts

@@ -5,10 +5,12 @@ import { CharSeparatedValueData } from './char-separated-value-data';
 import { CsvFileTypes, IgxCsvExporterOptions } from './csv-exporter-options';
 import { IBaseEventArgs } from 'igniteui-angular/core';
 
+/* csSuppress */
 export interface ICsvExportEndedEventArgs extends IBaseEventArgs {
     csvData?: string;
 }
 
+/* csSuppress */
 /**
  * **Ignite UI for Angular CSV Exporter Service** -
  * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/exporter-csv)

projects/igniteui-angular/grids/core/src/services/excel/excel-exporter-options.ts

@@ -1,5 +1,6 @@
 import { IgxExporterOptionsBase } from '../exporter-common/exporter-options-base';
 
+/* csSuppress */
 /**
  * Objects of this class are used to configure the Excel exporting process.
  */

projects/igniteui-angular/grids/core/src/services/excel/excel-exporter.ts

@@ -11,13 +11,15 @@ import { WorksheetData } from './worksheet-data';
 import { WorksheetFile } from './excel-files';
 import { IBaseEventArgs } from 'igniteui-angular/core';
 
+/* csSuppress */
 export interface IExcelExportEndedEventArgs extends IBaseEventArgs {
     xlsx?: Object
 }
 
 const EXCEL_MAX_ROWS = 1048576;
 const EXCEL_MAX_COLS = 16384;
 
+/* csSuppress */
 /**
  * **Ignite UI for Angular Excel Exporter Service** -
  * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/exporter_excel.html)

projects/igniteui-angular/grids/core/src/services/exporter-common/base-export-service.ts

@@ -225,7 +225,7 @@ export abstract class IgxBaseExporter {
      *
      * @memberof IgxBaseExporter
      */
-    public export(grid: any, options: IgxExporterOptionsBase): void {
+    public export(grid: GridTypeBase, options: IgxExporterOptionsBase): void {
         if (options === undefined || options === null) {
             throw Error('No options provided!');
         }