Fix the mismatch in the click def in MetaData (#58)

Co-authored-by: Nachman Berkowitz <[email protected]>

Author: NachmanBerkowitz

projects/table-builder/src/lib/components/column-builder/column-builder.component.html

@@ -1,7 +1,7 @@
 <ng-container [matColumnDef]="metaData.key">
 
   <ng-template #body let-element='element' >
-    <mat-cell [styler]='metaData?.additional?.styles'  (click)='cellClicked(metaData.key, element)' >
+    <mat-cell [styler]='metaData?.additional?.styles'  (click)='cellClicked(element, metaData.key)' >
       <ng-container [ngSwitch]="metaData.fieldType">
         <span *ngSwitchCase="FieldType.Boolean">
             <mat-icon *ngIf="element[metaData.key]">check</mat-icon>
@@ -31,7 +31,7 @@
   </ng-template>
 
   <ng-template #customCellWrapper let-element='element' >
-    <mat-cell [styler]='metaData?.additional?.styles'  (click)='cellClicked(metaData.key, element)' >
+    <mat-cell [styler]='metaData?.additional?.styles'  (click)='cellClicked(element, metaData.key)' >
       <ng-container *ngTemplateOutlet="customCell.TemplateRef ;context: {metaData: metaData, element: element }">
       </ng-container>
     </mat-cell>

projects/table-builder/src/lib/interfaces/report-def.ts

@@ -38,8 +38,8 @@ export interface MetaData<T = any> {
     width?: string;
     noExport?: boolean;
     noFilter?: boolean;
-    transform?: ( (o: any, ...args: any[])=> any ) | PipeTransform;
-    click?: (element: any, key: string ) => void;
+    transform?: ( (o: T, ...args: any[])=> any ) | PipeTransform;
+    click?: (element: T, key: string ) => void;
 }
 
 export interface  ReportDef<DataType = any> {

src/app/table-builder-example/table-builder-example.component.ts

@@ -47,9 +47,10 @@ const META_DATA: MetaData[] = [
   {key: 'date', fieldType: FieldType.Date , displayName: 'The Date',
     preSort: {direction: SortDirection.asc, precedence: 1},
     additional: {dateFormat: 'shortDate'},
-    click: (element, key) => console.log(key,element)
+    click: (element, key) => console.log(element,key)
   },
-  {key: 'name', fieldType: FieldType.String, additional: {
+  {key: 'name', fieldType: FieldType.String,
+  additional: {
     export: { prepend: "'" },
     FilterOptions: { FilterableValues : ['Oxygen', 'Nitrogen','Neon']},
     styles: { color: 'yellow'  },
@@ -67,7 +68,7 @@ const META_DATA: MetaData[] = [
     additional: {
       styles: {color: 'green', flex: '0 0 200px'}
     },
-    click: (element, key) => console.log(key,element)
+    click: (element, key) => console.log(element,key)
   }
 ];