@porscheinformatik/material-addons 10.2.5 → 10.3.0

package/lib/data-table/data-table-action-type.d.ts

@@ -0,0 +1,5 @@
+export declare class DataTableActionType {
+    static SINGLE: string;
+    static BATCH: string;
+    static NONE: string;
+}

package/lib/data-table/data-table-action.d.ts

@@ -1,5 +1,7 @@
 export interface DataTableAction {
     label: string;
     action: string;
-    outputRow?: any;
+    type: "SINGLE" | "BATCH" | "NONE";
+    selected?: any[];
+    hiddenInMode?: string;
 }

package/lib/data-table/data-table-column-header.d.ts

@@ -1,6 +1,8 @@
 export interface DataTableColumnHeader {
     label: string;
-    isSortable?: boolean;
     dataPropertyName: string;
+    isSortable?: boolean;
     isRightAligned?: boolean;
+    transformer?: any;
+    transformerParams?: any[];
 }

package/lib/data-table/data-table.component.d.ts

@@ -1,39 +1,69 @@
-import { AfterViewInit, EventEmitter, OnInit } from '@angular/core';
-import { MatTableDataSource } from '@angular/material/table';
-import { MatPaginator } from '@angular/material/paginator';
-import { MatSort, Sort } from '@angular/material/sort';
-import { DataTableColumnHeader } from './data-table-column-header';
-import { DataTableAction } from './data-table-action';
+import { AfterViewInit, EventEmitter, OnInit } from "@angular/core";
+import { MatTableDataSource } from "@angular/material/table";
+import { MatPaginator } from "@angular/material/paginator";
+import { MatSort, Sort } from "@angular/material/sort";
+import { DataTableColumnHeader } from "./data-table-column-header";
+import { DataTableAction } from "./data-table-action";
+import { SelectionModel } from "@angular/cdk/collections";
 export declare class DataTableComponent implements OnInit, AfterViewInit {
     readonly ACTION_COLUMN_NAME = "__action__";
+    readonly SINGLE: string;
+    readonly BATCH: string;
+    readonly NONE: string;
     columns: DataTableColumnHeader[];
     filterLabel: string;
     filterPlaceholder: string;
     noDataText: string;
     pageSizeOptions: number[];
     defaultPageSize: number;
-    rowActions: DataTableAction[];
-    tableActions: DataTableAction[];
-    set displayedData(data: any[]);
+    actions: DataTableAction[];
+    idGenerator: any;
+    set tableData(data: any[]);
+    set loading(isLoading: boolean);
     set paginationEnabled(isPaginationEnabled: boolean);
     set filterEnabled(isFilterEnabled: boolean);
-    tableAction: EventEmitter<DataTableAction>;
-    rowAction: EventEmitter<DataTableAction>;
+    set forceMode(mode: string);
     sortEvent: EventEmitter<Sort>;
+    actionEvent: EventEmitter<DataTableAction>;
+    pagingEvent: EventEmitter<any>;
     paginator: MatPaginator;
     sort: MatSort;
+    tableActions: DataTableAction[];
+    rowActions: DataTableAction[];
+    allSelected: boolean;
+    selected: [];
+    _forceMode: string;
+    displayedDataMap: Map<string, any>;
+    actualDataMap: Map<string, any>;
     dataSource: MatTableDataSource<any[]>;
+    selectionModel: SelectionModel<string>;
     columnNames: string[];
-    isRowClickable: boolean;
     defaultAction: DataTableAction;
     isFilterEnabled: boolean;
     isPaginationEnabled: boolean;
+    mode: string;
+    isRowClickable: boolean;
+    isLoading: boolean;
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    onFilter(value: string): void;
+    get selectedCount(): number;
+    get rowCount(): number;
+    getSelectedCount(actionType: string): string;
+    isDisabled(actionType: string): boolean;
+    onToggleSelectAll(): void;
+    isSelected(rowId: string): boolean;
+    setFilterValue(value: string): void;
+    onRowCheckbox(event: MouseEvent, row: any): void;
     onRowEvent(event: MouseEvent, row: any, action?: DataTableAction): void;
     onSortingEvent(sortingParams: Sort): void;
+    onPaginationEvent(event: any): void;
     onTableAction(tableAction: DataTableAction): void;
-    private setFilterValue;
-    private isClickOnRowMenuIcon;
+    private static transformData;
+    private static generateRowId;
+    private static isClickOnRowMenuIcon;
+    private emitTableAction;
+    private generateDisplayedDataElement;
+    private setActions;
+    private createDataMapsAndSetDisplayedDataSourceData;
+    private getTableMode;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porscheinformatik/material-addons",
-  "version": "10.2.5",
+  "version": "10.3.0",
   "description": "Custom theme and components for Angular Material",
   "homepage": "https://github.com/porscheinformatik/material-addons",
   "repository": {