@one-paragon/angular-utilities 0.1.21 → 0.1.23

package/src/table-builder/components/table-container/table-container.ts

@@ -1,344 +0,0 @@
-import {
-  Component,
-  Input,
-  EventEmitter,
-  Output,
-  ContentChildren,
-  QueryList,
-  ChangeDetectionStrategy,
-  Inject,
-  Predicate,
-  Optional,
-  TemplateRef,
-} from '@angular/core';
-import { BehaviorSubject, Observable, from, ReplaySubject, Subscription } from 'rxjs';
-import { ArrayAdditional, FieldType, MetaData } from '../../interfaces/report-def';
-import { first, last, map, switchMap, tap, withLatestFrom, mergeAll, scan } from 'rxjs/operators';
-import { TableBuilder } from '../../classes/table-builder';
-import { MatRowDef } from '@angular/material/table';
-import { CustomCellDirective, TableCustomFilterDirective, TableFilterDirective } from '../../directives';
-import {  stateIs, TableStore } from '../../classes/table-store';
-import { DataFilter } from '../../classes/data-filter';
-import { combineArrays, mapArray, notNull } from '../../../rxjs/rxjs-operators';
-import { ExportToCsvService } from '../../services/export-to-csv.service';
-import { ArrayDefaults } from '../../classes/DefaultSettings';
-import { TableBuilderConfig, TableBuilderConfigToken } from '../../classes/TableBuilderConfig';
-import * as selectors from '../../ngrx/selectors';
-import { select, Store } from '@ngrx/store';
-import { deleteLocalProfilesState, setLocalProfile, setLocalProfilesState } from '../../ngrx/actions';
-import { Group, InitializationState, PersistedTableState } from '../../classes/TableState';
-import { sortData } from '../../functions/sort-data-function';
-import { WrapperFilterStore } from '../table-container-filter/table-wrapper-filter-store';
-import { cloneDeep, groupBy } from 'lodash';
-import { ColumnInfo } from '../../interfaces/ColumnInfo';
-import { defaultShareReplay } from '../../../rxjs';
-import { flattenDeep } from 'lodash';
-import { createFilterFunc, isCustomFilter, isFilterInfo } from '../../classes/filter-info';
-import { Dictionary } from '../../interfaces/dictionary';
-import { TableWrapperDirective } from '../../directives/table-wrapper.directive';
-import { createLinkCreator } from '../../services/link-creator.service';
-
-@Component({
-  selector: 'tb-table-container',
-  templateUrl: './table-container.html',
-  styleUrls: ['./table-container.css','../../styles/collapser.styles.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  providers: [TableStore,ExportToCsvService,WrapperFilterStore]
-}) export class TableContainerComponent<T = any> {
-
-  @ContentChildren(TableCustomFilterDirective, {descendants: true}) customFilters!: QueryList<TableCustomFilterDirective>;
-  @ContentChildren(TableFilterDirective, {descendants: true}) filters!: QueryList<TableFilterDirective>;
-
-  @Input() tableId!: string;
-  @Input() tableBuilder!: TableBuilder;
-  @Input() IndexColumn = false;
-  @Input() SelectionColumn = false;
-  @Input() trackBy!: string;
-  @Input() isSticky = true;
-  @Input() set pageSize(value: number) {
-    this.state.setPageSize(value);
-  }
-  @Input() inputFilters?: Observable<Array<Predicate<T>>>;
-  @Input() groupHeaderTemplate!: TemplateRef<any>;
-  @Output() selection$ = new EventEmitter();
-  dataSubject = new ReplaySubject<Observable<T[]>>(1);
-  @Output() data = this.dataSubject.pipe(
-    switchMap( d => d),
-    defaultShareReplay(),
-  );
-
-  @ContentChildren(MatRowDef) customRows!: QueryList<MatRowDef<any>>;
-
-  @ContentChildren(CustomCellDirective) customCells!: QueryList<CustomCellDirective>;
-  @Output() OnStateReset = new EventEmitter();
-  @Output() OnSaveState = new EventEmitter();
-  @Output() state$ : Observable<PersistedTableState>;
-
-  myColumns$!: Observable<ColumnInfo[]>;
-
-  stateKeys$?: Observable<string[] | null>;
-  currentStateKey$?: Observable<string>;
-
-  disableSort!: boolean;
-
-  constructor(
-    public state: TableStore,
-    public exportToCsvService: ExportToCsvService<T>,
-    @Inject(TableBuilderConfigToken) private config: TableBuilderConfig,
-    private store: Store<any>,
-    @Optional() private wrapper: TableWrapperDirective,
-  ) {
-     this.state.on( this.state.getSavableState().pipe(last()), finalState => {
-      if(this.tableId) {
-        this.store.dispatch(setLocalProfile({key:this.tableId,value: finalState}));
-      }
-    });
-    this.state$ = this.state.getSavableState().pipe(
-      map(state => cloneDeep(state)),
-      defaultShareReplay(),
-    );
-  }
-
-  resetState() {
-    this.customFilters.forEach( cf => cf.reset());
-    this.filters.forEach( cf => cf.reset() );
-    this.state.resetState();
-    this.OnStateReset.next(null)
-  }
-
-  initializeState() {
-    this.state.setTableSettings(this.tableBuilder.settings);
-    this.state.runOnceWhen(stateIs(InitializationState.MetaDataLoaded), state => {
-      if(this.tableId) {
-        const persistedState$ = this.store.pipe(
-          select(selectors.selectLocalProfileState<any>(this.tableId) ),
-          tap( persistedState => {
-            if(!persistedState) {
-              this.state.setIntializationState(InitializationState.LoadedFromStore);
-            }
-          }),
-          notNull(),
-        );
-        this.state.updateStateFromPersistedState(persistedState$);
-
-      } else {
-        this.state.setIntializationState(InitializationState.LoadedFromStore);
-      }
-    });
-  }
-  customFilters$ = new BehaviorSubject<Predicate<any>[]>([]);
-  initializeData() {
-
-
-    var allFilters = this.inputFilters ? combineArrays([
-      this.customFilters$,
-      this.inputFilters
-    ]) : this.customFilters$;
-
-    const filters$ = this.state.filters$.pipe(map( filters => Object.values(filters) ))
-
-    const data = new DataFilter(allFilters)
-      .appendFilters(filters$)
-      .filterData(this.tableBuilder.getData$()).pipe(
-        switchMap(data => this.state.groupByKeys$.pipe(
-          map(groupBy => this.getData(data, groupBy)),
-        ).pipe(
-          switchMap(data => this.state.groups$.pipe(
-            map(groups => this.setDisplay(data, groups))
-          ))
-        ))
-      );
-
-    this.dataSubject.next(data);
-  }
-
-  ngOnInit() {
-    this.initializeState();
-    this.initializeData();
-
-    if(this.tableId) {
-      this.stateKeys$ = this.store.select(selectors.selectLocalProfileKeys(this.tableId));
-      this.currentStateKey$ = this.store.select(selectors.selectLocalProfileCurrentKey(this.tableId));
-    }
-  }
-
-  exportToCsv(): void {
-    const sorted = this.data.pipe(
-      withLatestFrom(this.state.sorted$),
-      map(([data, sorted]) => sortData(data, sorted))
-    );
-    this.exportToCsvService.exportToCsv(sorted);
-  }
-
-  saveState() {
-    this.state.getSavableState().pipe(
-      first()
-    ).subscribe( tableState => {
-      this.OnSaveState.next(null);
-      this.store.dispatch(setLocalProfile({ key: this.tableId, value:tableState, persist: true} ));
-    });
-  }
-
-  setProfileState(val: string) {
-    this.store.dispatch(setLocalProfilesState({key:this.tableId, current: val}));
-  }
-
-  deleteProfileState(stateKey: string) {
-    this.store.dispatch(deleteLocalProfilesState({key:this.tableId, stateKey}));
-  }
-
-
-  ngAfterContentInit() {
-    this.InitializeColumns();
-
-    this.state.runOnceWhen(stateIs(InitializationState.LoadedFromStore), state => {
-
-      var allFilters = [...this.filters, ...this.customFilters];
-      if(this.wrapper) {
-        allFilters = [...allFilters, ...this.wrapper.customFilters, ...this.wrapper.filters, ...this.wrapper.registerations];
-      }
-
-      var customFilters: (TableCustomFilterDirective|TableFilterDirective )[] = [];
-
-      allFilters.filter( f => !f.used).forEach( f => {
-        f.used = true;
-        if(f.savable) {
-          var filter = state.filters[f.filterId];
-          if(isFilterInfo(filter)) {
-            const filterDirective: TableFilterDirective = f as TableFilterDirective;
-            filterDirective.fieldType = filter.fieldType;
-            filterDirective.filterType = filter.filterType;
-            filterDirective.setFilterValue(filter.filterValue);
-            filterDirective.key = filter.key;
-            filterDirective.update();
-          }
-          if(isCustomFilter(filter)) {
-            f.active = filter.active ?? false;
-          }
-          this.state.addFilter(f.filter$);
-        } else {
-          customFilters.push(f);
-        }
-      });
-
-      const filters$ =  from( customFilters.map( cf => cf.filter$  )).pipe(
-        mergeAll(),
-        scan( (a,b)=> {
-            if(b.active) {
-              a[b.filterId] = isCustomFilter(b) ? b.predicate : createFilterFunc(b);
-            } else {
-              delete a[b.filterId] ;
-            }
-         return a;
-        }, {} as Dictionary<Predicate<any>>),
-        map( f => Object.values(f))
-      );
-      this.state.on(filters$, (f) => {
-        this.customFilters$.next(f);
-      });
-      this.state.updateState({initializationState: InitializationState.Ready});
-    });
-
-  }
-
-  InitializeColumns() {
-    const customCellMap = new Map(this.customCells.map(cc => [cc.customCell,cc]));
-    this.state.setMetaData(this.tableBuilder.metaData$!.pipe(
-      map((mds) => {
-        mds = mds.map(this.mapMetaDatas);
-        return [
-          ...mds,
-          ...this.customCells.map( cc => cc.getMetaData(mds.find( item => item.key === cc.customCell )) )
-        ]
-      })
-    ));
-    this.state.setLinkMaps(this.tableBuilder.metaData$!.pipe(
-      map((mds) => {
-        return mds.reduce((acc, md) => {
-          if(md.fieldType === FieldType.Link){ acc[md.key]= createLinkCreator(md)}
-          return acc;
-        },{})
-      })
-    ))
-
-    this.myColumns$ = this.state.metaDataArray$.pipe(
-      mapArray( metaData => ({metaData, customCell: customCellMap.get(metaData.key)!}))
-    );
-  }
-  mapMetaDatas = (meta : MetaData<T>) => {
-    if(meta.fieldType === FieldType.Array){
-      const additional = {...meta.additional} as ArrayAdditional;
-      additional.arrayStyle = additional?.arrayStyle ?? ArrayDefaults.arrayStyle;
-      additional.limit = additional.limit ?? this.config.arrayInfo?.limit ?? ArrayDefaults.limit;
-      return {...meta,additional}
-    }
-    return meta;
-  }
-
-  collapseHeader$ = this.state.state$.pipe(map(state => state.persistedTableSettings.collapseHeader));
-
-  getData(data: any[], groupByKeys: string[]): any[] {
-    if (!groupByKeys.length) {
-      this.disableSort = false;
-      return data;
-    }
-    this.disableSort = true;
-    return this.tbGroupBy(data, groupByKeys);
-  }
-
-  tbGroupBy = (data: any[], groupByKeys: string[], parentGroupName?: any): any[] => {
-    let res = {};
-    res = groupBy(data, groupByKeys[0]);
-    const remainingGroupByKeys = groupByKeys.slice(1);
-    if (remainingGroupByKeys.length) {
-      Object.keys(res).forEach(key => res[key] = this.tbGroupBy(res[key], remainingGroupByKeys, key))
-    }
-    return flattenDeep(Object.keys(res).map(groupName => {
-      const uniqName = parentGroupName ? `${parentGroupName}-${groupName}` : `${groupName}`;
-      return [
-        {
-          isGroupHeader: true,
-          groupHeaderName: `${groupName} (${res[groupName]?.filter(row => !row.isGroupHeader)?.length})`,
-          data: res[groupName],
-          groupName: uniqName,
-          padding: 0
-        },
-        (res[groupName] as any[])?.map(d => ({ ...d, parentGroupName: d.parentGroupName || uniqName }))
-      ];
-    })).map(this.addIndentation);
-  }
-
-  addIndentation = (d: any) => {
-    if (d.isGroupHeader) {
-      if (d.padding) {
-        d.padding += 20;
-      } else {
-        d.padding = 1;
-      }
-    }
-    return d;
-  }
-
-  setDisplay = (data: any[], groups: Group[]): any[] => data
-    .map(d => ({
-      ...d,
-      shouldDisplay: !d.parentGroupName || this.shouldDisplay(groups.find(g => g.groupName == d.parentGroupName), groups),
-      isExpanded: groups.find(g => g.groupName == d.groupName)?.isExpanded
-    }))
-    .filter(d => d.shouldDisplay);
-
-
-  shouldDisplay = (currentGroup?: Group, groups?: Group[]): boolean => {
-    if (!currentGroup?.isExpanded) {
-      return false;
-    }
-
-    const parentGroup = groups?.find(g => g.groupName == currentGroup.parentGroupName);
-
-    if (parentGroup) {
-      return this.shouldDisplay(parentGroup, groups);
-    }
-
-    return true;
-  }
-}

package/src/table-builder/components/table-container-filter/filter-list/filter-list.component.html

@@ -1,26 +0,0 @@
-<div style="display: flex; flex-direction: row;justify-content: flex-end;" *ngrxLet="currentFilters$ as currentFilters" >
-
-  <button class="cancel-button" *ngIf="currentFilters.length" mat-icon-button (click)="clearAll()"
-    matTooltip="Close all Filters Cards">
-    <mat-icon class="cancel-button" color="primary">close</mat-icon>
-  </button>
-
-
-  <div *ngIf="currentFilters.length" class="float">
-    <div class="filter" *ngFor="let filter of (currentFilters$ | async); index as i;">
-      <tb-filter [filter]="filter" (close)="deleteByIndex(i)" > </tb-filter>
-    </div>
-  </div>
-
-  <mat-chip-set *ngrxLet="filters$ as filters">
-    <mat-chip *ngFor="let filter of filters" (dblclick)="addFilter(filter)"  (removed)="tableState.removeFilter(filter.filterId!)">
-      {{ filter.key | keyDisplay | async  }} {{filter.filterType | formatFilterType : filter.filterValue}} {{ filter.filterValue | formatFilterValue: filter.key : filter.filterType  | async }}
-      <mat-icon matChipRemove>cancel</mat-icon>
-    </mat-chip>
-    <mat-chip *ngIf="filters.length >= 2" (removed)="tableState.clearFilters()">
-      Clear All
-      <mat-icon matChipRemove>cancel</mat-icon>
-    </mat-chip>
-  </mat-chip-set>
-
-</div>

package/src/table-builder/components/table-container-filter/filter-list/filter-list.component.ts

@@ -1,38 +0,0 @@
-import { Component } from '@angular/core';
-import { TableStore } from '../../../classes/table-store';
-import { CustomFilter, FilterInfo, isFilterInfo } from '../../../classes/filter-info';
-import { map } from 'rxjs/operators';
-import { WrapperFilterStore } from '../table-wrapper-filter-store';
-import { Observable } from 'rxjs';
-
-@Component({
-  selector: 'lib-filter-list',
-  templateUrl: './filter-list.component.html',
-  styleUrls: ['../gen-filter-displayer/gen-filter-displayer.component.css']
-})
-export class FilterChipsComponent {
-
-  constructor( public tableState: TableStore, private filterStore : WrapperFilterStore) {
-  }
-
-    filters$: Observable<FilterInfo<any>[]> = this.tableState.filters$.pipe(
-      map( filters => Object.values(filters)
-                        .filter(isFilterInfo)
-                        .filter( f => !f._isExternalyManaged)
-      )
-    );
-
-    deleteByIndex(index: number) {
-      this.filterStore.deleteByIndex(index);
-    }
-
-    addFilter(filter:FilterInfo<any>){
-      this.filterStore.addFilter(filter);
-    }
-
-    clearAll() {
-        this.filterStore.clearAll();
-    }
-
-    currentFilters$ = this.filterStore.currentFilters$;
-}

package/src/table-builder/components/table-container-filter/gen-filter-displayer/gen-filter-displayer.component.css

@@ -1,37 +0,0 @@
-.filter {
-    margin: 15px;
-    display: inline-block;
-}
-.filter-button {
-    color: cornflowerblue;
-    font-size: 22px;
-    font-weight: 700;
-}
-
-.cancel-button  {
-  margin-right: 30px;
-  font-weight: 700;
-}
-.filter-wrapper{
-  margin-top: 1em;
-  margin-bottom: 1em;
-  float: right;
-}
-.menu {
-    margin-bottom: 10px;
-    width: 109.1%;
-}
-
-.filter-labels {
-    color: cornflowerblue;
-    font-size: 17px;
-    font-weight: 600;
-}
-.float{
-  position: absolute;
-  width: fit-content;
-  z-index: 101;
-  top: 10px;
-  right: 180px;
-  max-width: 90vw;
-}

package/src/table-builder/components/table-container-filter/gen-filter-displayer/gen-filter-displayer.component.html

@@ -1,8 +0,0 @@
-<button stop-propagation class="filter-button" mat-icon-button [matMenuTriggerFor]="menu" matTooltip="Add Filter">
-  <mat-icon class="filter-icon" color="primary">filter_list</mat-icon>
-</button>
-<mat-menu #menu="matMenu">
-  <button *ngFor="let md of filterCols$ | async" (click)="addFilter(md)" mat-menu-item>
-    <span class="filter-labels">{{md.displayName || (md.key | spaceCase)}}</span>
-  </button>
-</mat-menu>

package/src/table-builder/components/table-container-filter/gen-filter-displayer/gen-filter-displayer.component.spec.ts

@@ -1,88 +0,0 @@
-import { firstValueFrom, of } from 'rxjs';
-import { map } from 'rxjs/operators';
-import { TestBed, ComponentFixture, ComponentFixtureAutoDetect, tick, fakeAsync, flush } from '@angular/core/testing';
-import { GenFilterDisplayerComponent } from './gen-filter-displayer.component';
-import { MaterialModule } from '../../../material.module';
-import { SpaceCasePipe } from '../../../../utilities/pipes/space-case.pipes';
-import { FilterComponent } from '../../filter/filter.component';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { FieldType } from '../../../interfaces/report-def';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { DateFilterComponent } from '../../date-filter/date-filter.component';
-import { TableBuilderModule } from '../../../table-builder.module';
-import { StoreModule } from '@ngrx/store';
-import { EffectsModule } from '@ngrx/effects';
-import { TableStore } from '../../../classes/table-store';
-import { WrapperFilterStore } from '../table-wrapper-filter-store';
-
-
-function getMetaData() {
-  return of([
-    {
-      key: 'name',
-      displayName: 'first name',
-      fieldType: FieldType.String,
-      additional: {},
-      order: 1
-    },
-    {
-      key: 'last',
-      displayName: 'last name',
-      fieldType: FieldType.String,
-      additional: {},
-      order: 2
-    }
-  ]);
-}
-
-describe('generic filter displayer', () => {
-  let fixture: ComponentFixture<GenFilterDisplayerComponent>;
-  let component: GenFilterDisplayerComponent;
-
-  const clickFilter = (idx: number) => {
-    const btn = fixture.debugElement.query(By.css('.filter-button')).nativeElement;
-
-    btn.click();
-    const menu = fixture.debugElement.queryAll(By.css('.mat-menu-item'));
-    menu[idx].nativeElement.click();
-  };
-  beforeEach(() => {
-
-    TestBed.configureTestingModule({
-      declarations: [
-        GenFilterDisplayerComponent,
-        SpaceCasePipe,
-        FilterComponent,
-        DateFilterComponent,
-      ],
-      providers: [TableStore, WrapperFilterStore,
-      { provide: ComponentFixtureAutoDetect, useValue: true }
-      ],
-      imports: [
-        NoopAnimationsModule,
-        MaterialModule,
-        CommonModule,
-        FormsModule,
-        TableBuilderModule.forRoot({ defaultTableState: { sorted: []} }),
-        StoreModule.forRoot({}),
-        EffectsModule.forRoot([])]
-    })
-      .compileComponents();
-    fixture = TestBed.createComponent(GenFilterDisplayerComponent);
-    component = fixture.componentInstance;
-    component.filterCols$ = getMetaData();
-  });
-
-  it('should get the generic filter displayer component', () => {
-    expect(component).toBeDefined();
-  });
-
-  it('should be able to create a filter',  async () => {
-    clickFilter(0);
-    const filter = await firstValueFrom(fixture.componentInstance.filterStore.state$.pipe(map(x => x.filterInfo)));
-    expect(filter.length).toBe(1);
-  });
-
-});

package/src/table-builder/components/table-container-filter/gen-filter-displayer/gen-filter-displayer.component.ts

@@ -1,27 +0,0 @@
-import { Component, ChangeDetectionStrategy } from '@angular/core';
-import { MetaData, FieldType } from '../../../interfaces/report-def';
-import { Observable } from 'rxjs';
-import { TableStore } from '../../../classes/table-store';
-import { map } from 'rxjs/operators';
-import { WrapperFilterStore } from '../table-wrapper-filter-store';
-
-@Component({
-    selector: 'tb-filter-displayer',
-    templateUrl: './gen-filter-displayer.component.html',
-    styleUrls: ['./gen-filter-displayer.component.css'],
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class GenFilterDisplayerComponent {
-
-  constructor( public tableState: TableStore, public filterStore : WrapperFilterStore) {
-    this.filterCols$ =  tableState.metaDataArray$.pipe(
-      map(md => Object.values( md ).filter(m => (m.fieldType !== FieldType.Hidden) && (!m.noFilter))),
-    );
-  }
-
-    filterCols$: Observable<MetaData[]>;
-
-    addFilter(metaData: MetaData) {
-      this.filterStore.addFilter({key: metaData.key, fieldType: metaData.fieldType});
-    }
-}

package/src/table-builder/components/table-container-filter/table-wrapper-filter-store.ts

@@ -1,23 +0,0 @@
-import { Injectable } from "@angular/core";
-import { ComponentStore } from "@ngrx/component-store";
-import { map } from "rxjs/operators";
-import { PartialFilter } from "../../classes/filter-info";
-@Injectable()
-export class WrapperFilterStore  extends ComponentStore<{filterInfo:PartialFilter[]}>{
-  constructor(){
-    super({filterInfo:[]});
-  }
-
-  clearAll = this.updater(()=>({filterInfo:[]}));
-  deleteByIndex = this.updater((state,index:number)=>{
-    const arr = [...state.filterInfo];
-    arr.splice(index, 1);
-    return {filterInfo:arr};
-  });
-
-  currentFilters$ = this.state$.pipe(map(state => state.filterInfo));
-
-  addFilter = this.updater((state,filter:PartialFilter)=>{
-    return ({...state,filterInfo:[...state.filterInfo,filter]});
-  })
-}

package/src/table-builder/directives/custom-cell-directive.ts

@@ -1,45 +0,0 @@
-import { Directive, TemplateRef, Input, AfterContentInit, Optional } from '@angular/core';
-import { CdkColumnDef } from '@angular/cdk/table';
-import { SortDef, MetaData, FieldType } from '../interfaces/report-def';
-
-// here is how to use it
-// <generic-table [report]="report">
-//     <p *customCell="'column1'; let element = element" [class.makeMeRed]="element?.port">If Port, i will be red</p>
-//     <p *customCell="'column2'">I am custom cell two </p>
-// </generic-table>
-@Directive({
-    selector: '[customCell]',
-})
-export class CustomCellDirective implements AfterContentInit {
-    @Input() customCell!: string;
-    @Input() displayName?: string;
-    @Input() preSort?: SortDef;
-    @Input() TemplateRef: TemplateRef<any>;
-    @Input() customCellOrder?: number;
-    @Input() customCellWidth?: string;
-    constructor(
-      @Optional()  private templateRef: TemplateRef<any>,
-      @Optional() public columnDef: CdkColumnDef
-      ) {
-        this.TemplateRef = this.templateRef;
-     }
-     ngAfterContentInit() {
-      if (this.TemplateRef === null) {
-        this.TemplateRef = this.templateRef;
-      }
-    }
-
-    getMetaData(metaData? : MetaData): MetaData {
-      return {
-        key: this.customCell,
-        displayName: this.displayName ?? metaData?.displayName,
-        preSort: this.preSort ?? metaData?.preSort,
-        fieldType: metaData?.fieldType ??  FieldType.Unknown,
-        order: this.customCellOrder ?? metaData?.order,
-        _internalNotUserDefined: !(!!metaData),
-        width: this.customCellWidth ?? metaData?.width,
-        customCell: true,
-        noExport: !metaData
-      };
-    }
-}