@one-paragon/angular-utilities 1.0.4 → 1.1.2

package/src/specs/toggleGroupDirective.spec.ts

@@ -1,229 +0,0 @@
-import { Component, DebugElement } from "@angular/core";
-import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
-import { MatSlideToggle, MatSlideToggleModule } from "@angular/material/slide-toggle";
-import { MatSlideToggleGroupDirective } from "../utilities/directives/mat-toggle-group-directive";
-import { HarnessLoader } from '@angular/cdk/testing';
-import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
-import { MatSlideToggleHarness } from '@angular/material/slide-toggle/testing';
-import { By } from "@angular/platform-browser";
-import { count, firstValueFrom, lastValueFrom, skip, Subject, takeUntil } from "rxjs";
-
-abstract class ToggleTestComponent {
-
-}
-
-
-@Component({
-  template: `
-  <ng-container opMatSlideToggleGroup >
-    <mat-slide-toggle name='toggle1' > Slide me! </mat-slide-toggle>
-  </ng-container>
-  `
-}) export class SingleToggleTestComponent extends ToggleTestComponent {
-
-}
-
-@Component({
-  template: `
-  <ng-container opMatSlideToggleGroup [allowMultiple]='true' >
-    <mat-slide-toggle name='toggle1'  > Slide me! </mat-slide-toggle>
-    <mat-slide-toggle name='toggle2' > Slide me! </mat-slide-toggle>
-  </ng-container>
-  `
-}) export class MultiToggleWithMultipleTestComponent extends ToggleTestComponent {
-
-}
-
-@Component({
-  template: `
-  <ng-container opMatSlideToggleGroup  >
-    <mat-slide-toggle name='toggle1'  > Slide me! </mat-slide-toggle>
-    <mat-slide-toggle name='toggle2' > Slide me! </mat-slide-toggle>
-  </ng-container>
-  `
-}) export class MultiToggleTestComponent extends ToggleTestComponent {
-
-}
-
-
-let fixture: ComponentFixture<ToggleTestComponent>;
-let loader: HarnessLoader;
-let toggleHarnesses: MatSlideToggleHarness [];
-let toggleGroupDirective: MatSlideToggleGroupDirective;
-
-let toggles: DebugElement[];
-
-
-const setupTest = (type) => async (): Promise<void> => {
-
-  TestBed.configureTestingModule({
-      imports: [MatSlideToggleModule],
-      declarations: [
-        type,
-        MatSlideToggleGroupDirective,
-    ],
-    providers: [  ]
-    });
-    fixture = TestBed.createComponent(type);
-    fixture.detectChanges();
-
-    loader = TestbedHarnessEnvironment.documentRootLoader(fixture);
-    toggleHarnesses = await loader.getAllHarnesses(MatSlideToggleHarness);
-    toggles = fixture.debugElement.queryAll(By.directive(MatSlideToggle));
-    toggleGroupDirective =  toggles[0].injector.get(MatSlideToggleGroupDirective);
-
-
-};
-
-
-async function toggleAndReturnValues(index: number)   {
-  const firstVal = firstValueFrom(toggleGroupDirective.valueEmitter.pipe(skip(1)));
-  await toggleHarnesses[index].toggle();
-  return await firstVal;
-}
-
-describe("opMatSlideToggleGroup", () => {
-  describe("Single Toggle", () => {
-    beforeEach(waitForAsync(setupTest(SingleToggleTestComponent)));
-
-    it('should create', async () => {
-      expect(toggleGroupDirective).toBeDefined();
-    })
-
-    it('starts with an initial value', async  () => {
-      const firstVal = firstValueFrom(toggleGroupDirective.valueEmitter);
-      const val = await firstVal;
-      expect(val).toEqual({'toggle1': false});
-    });
-
-    it('when toggling on should emit the latest value as true', async  () => {
-      const val = await toggleAndReturnValues(0);
-      expect(val).toEqual({'toggle1': true});
-    });
-
-    it('can toggle on and then off', async  () => {
-
-      const val = await toggleAndReturnValues(0);
-      expect(val).toEqual({'toggle1': true});
-      const val2 =  await toggleAndReturnValues(0);
-      expect(val2).toEqual({'toggle1': false});
-    });
-  });
-
-  describe("Multi Toggle", () => {
-    beforeEach(waitForAsync(setupTest(MultiToggleWithMultipleTestComponent)));
-
-    it('starts with an initial value', async  () => {
-      const firstVal = firstValueFrom(toggleGroupDirective.valueEmitter);
-      const val = await firstVal;
-      expect(val).toEqual({'toggle1': false,'toggle2': false});
-    });
-
-    it('can toggle first toggle', async  () => {
-      const val = await toggleAndReturnValues(0);
-      expect(val).toEqual({'toggle1': true,'toggle2': false});
-    });
-
-    it('can toggle second toggle', async  () => {
-      const val = await toggleAndReturnValues(1);
-      expect(val).toEqual({'toggle1': false,'toggle2': true});
-    });
-
-    it('can toggle both toggles', async  () => {
-      const val = await toggleAndReturnValues(0);
-      expect(val).toEqual({'toggle1': true,'toggle2': false});
-
-      const val2 = await toggleAndReturnValues(1);
-      expect(val2).toEqual({'toggle1': true,'toggle2': true});
-    });
-
-    it('can toggle both toggles multiple times', async  () => {
-      let val = await toggleAndReturnValues(0);
-      expect(val).toEqual({'toggle1': true,'toggle2': false});
-
-      val = await toggleAndReturnValues(1);
-      expect(val).toEqual({'toggle1': true,'toggle2': true});
-
-      val = await toggleAndReturnValues(1);
-      expect(val).toEqual({'toggle1': true,'toggle2': false});
-
-      val = await toggleAndReturnValues(1);
-      expect(val).toEqual({'toggle1': true,'toggle2': true});
-
-      val = await toggleAndReturnValues(0);
-      expect(val).toEqual({'toggle1': false,'toggle2': true});
-      val = await toggleAndReturnValues(1);
-      expect(val).toEqual({'toggle1': false,'toggle2': false});
-    });
-
-  });
-
-  describe("Multi Toggle Only One Allowed", () => {
-    beforeEach(waitForAsync(setupTest(MultiToggleTestComponent)));
-
-    it('starts with an initial value', async  () => {
-      const firstVal = firstValueFrom(toggleGroupDirective.valueEmitter);
-      const val = await firstVal;
-      expect(val).toEqual({'toggle1': false,'toggle2': false});
-    });
-
-    it('can toggle first toggle', async  () => {
-      const val = await toggleAndReturnValues(0);
-      expect(val).toEqual({'toggle1': true,'toggle2': false});
-    });
-
-    it('can toggle second toggle', async  () => {
-      const val = await toggleAndReturnValues(1);
-      expect(val).toEqual({'toggle1': false,'toggle2': true});
-    });
-
-    it('when toggle both toggles only the last one remains set', async  () => {
-      const val = await toggleAndReturnValues(0);
-      expect(val).toEqual({'toggle1': true,'toggle2': false});
-
-      const val2 = await toggleAndReturnValues(1);
-      expect(val2).toEqual({'toggle1': false,'toggle2': true});
-
-      var toggle1Value = await toggleHarnesses[0].isChecked();
-
-      expect(toggle1Value).toBeFalse();
-    });
-
-    it('can toggle both toggles multiple times and only the last one will be set', async  () => {
-      let val = await toggleAndReturnValues(0);
-      expect(val).toEqual({'toggle1': true,'toggle2': false});
-
-      val = await toggleAndReturnValues(1);
-      expect(val).toEqual({'toggle1': false,'toggle2': true});
-
-      val = await toggleAndReturnValues(1);
-      expect(val).toEqual({'toggle1': false,'toggle2': false});
-
-      val = await toggleAndReturnValues(1);
-      expect(val).toEqual({'toggle1': false,'toggle2': true});
-
-      val = await toggleAndReturnValues(0);
-      expect(val).toEqual({'toggle1': true,'toggle2': false});
-      val = await toggleAndReturnValues(1);
-      expect(val).toEqual({'toggle1': false,'toggle2': true});
-    });
-
-    it('can toggle 2nd toggle doesnt emit an extra time', async  () => {
-      const end = new Subject();
-      const total = lastValueFrom( toggleGroupDirective.valueEmitter.pipe(
-        takeUntil(end),
-        count( (a,i) => true ),
-      ));
-
-      await toggleHarnesses[0].toggle();
-      await toggleHarnesses[1].toggle();
-
-      end.next(null);
-      const result = await total;
-
-      expect(result).toEqual(3);
-    });
-
-  });
-
-});

package/src/table-builder/classes/DefaultSettings.ts

@@ -1,11 +0,0 @@
-import { ArrayStyle } from '../interfaces/report-def';
-
-export interface DefaultSettings {
-  dateFormat?: string;
-  dateTimeFormat?: string;
-}
-
-export const ArrayDefaults = {
-  limit : 3,
-  arrayStyle : ArrayStyle.CommaDelimited
-}

package/src/table-builder/classes/MatTableObservableDataSource.ts

@@ -1,23 +0,0 @@
-import { MatTableDataSource } from '@angular/material/table';
-import { Observable, Subscription } from 'rxjs';
-
-export class MatTableObservableDataSource<T> extends  MatTableDataSource<T> {
-  subscription?: Subscription;
-  constructor(private dataSrc: Observable<T[]>) {
-    super([]);
-  }
-
-  connect() {
-    if (!this.subscription) {
-      this.subscription = this.dataSrc.subscribe( data => this.data = data );
-    }
-    return super.connect();
-  }
-  disconnect() {
-    if (this.subscription) {
-      this.subscription.unsubscribe();
-      this.subscription = undefined;
-    }
-    super.disconnect();
-  }
-}

package/src/table-builder/classes/TableBuilderConfig.ts

@@ -1,35 +0,0 @@
-import { EnvironmentProviders, InjectionToken, makeEnvironmentProviders } from '@angular/core';
-import { TableState, defaultTableState } from './TableState';
-import { DefaultSettings } from './DefaultSettings';
-import { ArrayAdditional, FieldType } from '../interfaces/report-def';
-import { MultiSortDirective } from '../directives';
-import { PhoneNumberPipe } from '../../utilities/pipes/phone.pipe';
-import { CurrencyPipe, DatePipe } from '@angular/common';
-import { SpaceCasePipe } from '../../utilities/pipes/space-case.pipes';
-export interface TableBuilderConfig {
-  defaultTableState: Partial<TableState>;
-  export?: TableBuilderExport;
-  defaultSettings?: DefaultSettings;
-  arrayInfo?: ArrayAdditional;
-  transformers?: Partial<{ [key in keyof typeof FieldType]: (val: any) => any }>
-}
-
-export interface TableBuilderExport {
-  dateFormat?: string;
-  dateTimeFormat?: string;
-  onSave?: (event?: any) => void;
-  prepend? : string;
-}
-
-export const TableBuilderConfigToken = new InjectionToken<TableBuilderConfig>('TableBuilderConfig');
-
-export function provideTableBuilder(config?: TableBuilderConfig) : EnvironmentProviders {
-  return makeEnvironmentProviders([
-    MultiSortDirective,
-    SpaceCasePipe,
-    DatePipe,
-    CurrencyPipe,
-    PhoneNumberPipe,
-    { provide : TableBuilderConfigToken , useValue: config || defaultTableState}
-  ])
-}

package/src/table-builder/classes/TableBuilderDataSource.ts

@@ -1,57 +0,0 @@
-import { MatTableDataSource } from '@angular/material/table';
-import { Observable, Subscription, combineLatest, map } from 'rxjs';
-import { TableStore } from './table-store';
-
-export class TableBuilderDataSource<T> extends MatTableDataSource<T> {
-  subscription?: Subscription;
-
-  constructor(
-    public dataSrc: Observable<T[]>,
-    private state: TableStore,
-  ) {
-    super([]);
-  }
-
-  connect() {
-    if (!this.subscription) {
-      let dataSource$ = this.dataSrc;
-
-      if(this.state.tableSettings().usePaginator) {
-        const currentPage$ = this.state.select( s => s.currentPage);
-        const pageSize$ = this.state.getPageSize;
-        dataSource$ = combineLatest([
-          currentPage$,
-          pageSize$,
-          dataSource$
-        ]).pipe(map(([currentPage,pageSize,d]) => {
-          const start = currentPage * pageSize;
-          return d.slice(start, start + pageSize );
-        }));
-      }
-
-      if(this.state.tableSettings().useVirtualScroll) {
-        const start$ = this.state.select( s => s.virtualStart);
-        const end$ = this.state.select( s => s.virtualEnd);
-        dataSource$ = combineLatest([
-          start$,
-          end$,
-          dataSource$
-        ]).pipe(map( ([start,end,data]) => {
-          return data.slice(start,end);
-        }));
-      }
-
-      this.subscription = dataSource$.subscribe((data) => {
-        this.data = data;
-      });
-    }
-    return super.connect();
-  }
-  disconnect() {
-    if (this.subscription) {
-      this.subscription.unsubscribe();
-      this.subscription = undefined;
-    }
-    super.disconnect();
-  }
-}

package/src/table-builder/classes/TableState.ts

@@ -1,83 +0,0 @@
-import { CustomFilter, FilterInfo } from './filter-info';
-import { Dictionary } from '../interfaces/dictionary';
-import { Sort } from '@angular/material/sort';
-import { MetaData, Target } from '../interfaces/report-def';
-import { NotPersistedTableSettings, PersistedTableSettings } from './table-builder-general-settings';
-import { LinkInfo } from '../services/link-creator.service';
-import { TableProps } from '../components/table-container/tableProps';
-
-export interface Group {
-  groupName?: string;
-  parentGroupName?: string;
-  isExpanded?: boolean;
-}
-
-export interface GroupedData {
-  key: string,
-  expandedHeaders: string[]
-}
-
-export interface PersistedTableState {
-  hiddenKeys?: string [];
-  filters: Dictionary<FilterInfo | CustomFilter>;
-  sorted : Sort [];
-  userDefined : { order:Dictionary<number>, widths:Dictionary<number>, table:{ width?:number }, pageSize?: number };
-  persistedTableSettings : PersistedTableSettings;
-  groupBy: GroupedData[];
-}
-
-export interface TableState extends Required<PersistedTableState> {
-  initializationState: InitializationState;
-  metaData: Dictionary<MetaData>;
-  notPersistedTableSettings : NotPersistedTableSettings;
-  pageSize: number;
-  currentPage: number;
-  virtualScrollOffset: number;
-  virtualStart: number;
-  virtualEnd: number;
-  dataLen: number;
-  linkMaps: Dictionary<LinkInfo>;
-  props: TableProps
-}
-type RequireNull<T> = { [K in keyof T]: null };
-class KeysToDelete implements  RequireNull<Omit<TableState, keyof PersistedTableState>> {
-  initializationState = null;
-  metaData = null;
-  notPersistedTableSettings = null;
-  linkMaps = null;
-  pageSize = null;
-  currentPage = null;
-  virtualScrollOffset = null;
-  dataLen = null;
-  virtualStart = null;
-  virtualEnd = null;
-  props = null;
-}
-export const keysToDelete = Object.keys(new KeysToDelete());
-
-export enum InitializationState {
-  Created,
-  MetaDataLoaded,
-  LoadedFromStore,
-  Ready,
-}
-
-export const defaultTableState: TableState = {
-  initializationState: InitializationState.Created,
-  metaData: {},
-  filters: {},
-  hiddenKeys: [],
-  sorted: [],
-  userDefined:{ order: {}, widths: {}, table: {}},
-  persistedTableSettings : new PersistedTableSettings(),
-  notPersistedTableSettings : new NotPersistedTableSettings(),
-  pageSize: 10,
-  linkMaps: {},
-  groupBy: [],
-  currentPage: 0,
-  virtualScrollOffset: 0,
-  dataLen: 0,
-  virtualStart: 0,
-  virtualEnd: 20,
-  props: {} as TableProps
-};

package/src/table-builder/classes/filter-info.ts

@@ -1,131 +0,0 @@
-import { StringFilterMap, DateFilterMap, NumberFilterMap, BooleanFilterMap, FilterType, FilterToFiltersMap, EnumFilterMap, DateTimeFilterMap } from '../enums/filterTypes';
-import { EnumFilterFuncs, StringFilterFuncs } from '../functions/string-filter-function';
-import { NumberFilterFuncs } from '../functions/number-filter-function';
-import { DateFilterFuncs, DateTimeFilterFuncs } from '../functions/date-filter-function';
-import { BooleanFilterFuncs } from '../functions/boolean-filter-function';
-import { FieldType } from '../interfaces/report-def';
-import { Dictionary } from '../interfaces/dictionary';
-import { Predicate } from '@angular/core';
-import { get } from 'lodash';
-
-export type mappedFieldTypes =
-  FieldType.Unknown |
-  FieldType.Date |
-  FieldType.DateTime |
-  FieldType.Currency |
-  FieldType.Array |
-  FieldType.Number |
-  FieldType.String |
-  FieldType.Boolean |
-  FieldType.PhoneNumber |
-  FieldType.Link |
-  FieldType.Enum;
-
-type MappedTypes = Exclude<typeof FieldType[keyof typeof FieldType],FieldType.Expression | FieldType.Hidden | FieldType.ImageUrl>
-
-export const filterTypeMap  = {
-  [FieldType.Unknown] : StringFilterMap,
-  [FieldType.Date] : DateFilterMap,
-  [FieldType.DateTime]: DateTimeFilterMap,
-  [FieldType.Currency] : NumberFilterMap,
-  [FieldType.Array] : StringFilterMap,
-  [FieldType.Number] : NumberFilterMap,
-  [FieldType.String] : StringFilterMap,
-  [FieldType.Boolean] : BooleanFilterMap,
-  [FieldType.PhoneNumber] : StringFilterMap,
-  [FieldType.Link] : StringFilterMap,
-  [FieldType.Enum] : EnumFilterMap,
-} as const satisfies  {[key in MappedTypes]: FilterToFiltersMap};
-
-const filterFactoryMap: Dictionary<FilterFunc<any,any>> = {
-  [FilterType.And] : (filter: FilterInfo ): ((obj: any) => boolean) =>  {
-    const filters = (filter.filterValue as FilterInfo[]).map(createFilterFunc);
-    return (obj: any) : boolean => filters.every( f => f(obj));
-  },
-  [FilterType.In] : (filter: FilterInfo ): (obj: any) => boolean =>  {
-    const filters = (filter.filterValue as FilterInfo[]).map(createFilterFunc);
-    return (obj: any) : boolean => filters.some( f => f(obj));
-  },
-};
-
-const filterTypeFuncMap : Dictionary<Dictionary<FilterFunc<any,any>>> = {
-  [FieldType.String] : StringFilterFuncs,
-  [FieldType.Array] : StringFilterFuncs,
-  [FieldType.Currency] : NumberFilterFuncs,
-  [FieldType.PhoneNumber] : StringFilterFuncs,
-  [FieldType.Date] : DateFilterFuncs,
-  [FieldType.DateTime] : DateTimeFilterFuncs,
-  [FieldType.Number] : NumberFilterFuncs,
-  [FieldType.Boolean] : BooleanFilterFuncs,
-  [FieldType.Unknown] : StringFilterFuncs,
-  [FieldType.Enum] : EnumFilterFuncs ,
-  [FieldType.Link] : StringFilterFuncs,
-};
-
-export interface FilterState {
-  filterId: string;
-  filterType: FilterType;
-  filterValue?: any;
-  active?: boolean;
-
-}
-
-export interface FilterInfo<T extends FieldType = any, U = any> extends FilterState {
-    key: string & keyof U;
-    fieldType: T;
-    _isExternallyManaged?: boolean;
-}
-
-export interface PartialFilter<T extends FieldType = any> {
-  filterId?: string;
-  key: string;
-  fieldType: T;
-  filterType?: FilterType;
-  filterValue?: any;
-}
-
-
-
-export interface CustomFilter<T extends FieldType = any>  extends FilterState {
-  predicate: Predicate<T>;
-  filterType: FilterType.Custom;
-}
-
-export function isCustomFilter(filter : FilterInfo | CustomFilter) :  filter is CustomFilter {
-  return filter && filter.filterType === FilterType.Custom;
-}
-
-export function isFilterInfo(filter : FilterInfo | CustomFilter) :  filter is FilterInfo {
-  return  filter && typeof (filter as FilterInfo).key === 'string' && filter.filterType !== FilterType.Custom;
-}
-
-const defaultPredicate: Predicate<any> = () => true;
-
-export function createFilterFunc(filter: FilterInfo | CustomFilter): Predicate<any>  {
-  if(isCustomFilter(filter)) {
-    return filter.active ? filter.predicate : defaultPredicate;
-  }
-  if (filter.filterValue === undefined) {
-    return defaultPredicate;
-  }
-
-  const func = filterTypeFuncMap[filter.fieldType][filter.filterType](filter);
-  if(!func) {
-    if(filterFactoryMap[filter.filterType]){
-      return filterFactoryMap[filter.filterType!](filter);
-    }
-  }
-
-  const cannotBeTrueForNull = !FalseyValueCanBeIncludedFilterTypes.includes(filter.filterType!);
-  return (rowObj) => {
-    const value = get(rowObj, filter.key);
-    return ((value == undefined) && cannotBeTrueForNull)
-      ? false
-      : func( value);
-  };
-}
-
-export type FilterFunc<T,V = T> = (filterInfo:FilterInfo) => (val:V) => boolean;
-export type Range<T> = {Start:T,End:T};
-
-const FalseyValueCanBeIncludedFilterTypes = [FilterType.IsNull,FilterType.NumberNotEqual,FilterType.DateIsNotOn,FilterType.StringDoesNotContain];

package/src/table-builder/classes/table-builder-general-settings.ts

@@ -1,90 +0,0 @@
-import { merge } from "lodash";
-
-export class GeneralTableSettings {
-  constructor(settings? : TableBuilderSettings){
-    if(settings){
-      merge(this.headerSettings, settings.headerSettings);
-      merge(this.footerSettings, settings.footerSettings);
-      merge(this.columnHeaderSettings, settings.columnHeaderSettings);
-      merge(this.tableSettings, settings.tableSettings);
-    }
-  }
-  headerSettings = new TableWrapperHeaderSettings();
-  footerSettings = new TableWrapperFooterSettings();
-  columnHeaderSettings = new TableColumnHeaderSettings();
-  tableSettings = new TableSettings();
-}
-
-export interface TableBuilderSettings {
-  headerSettings? : Partial<TableWrapperHeaderSettings>;
-  footerSettings? : Partial<TableWrapperFooterSettings>;
-  columnHeaderSettings? : Partial<TableColumnHeaderSettings>;
-  tableSettings? : Partial<TableSettings>;
-}
-
-export class TableWrapperHeaderSettings {
-  hideExport = false
-  hideFilter = false
-  hideColumnSettings = false
-  hideHeader = false
-  hideSort = false
-  collapse = false
-  showTitleWhenCollapsed = true;
-}
-
-export class TableWrapperFooterSettings {
-  collapse = false
-}
-
-export class TableColumnHeaderSettings {
-  noFilters = false;
-  noHeader = false;
-}
-
-export class TableSettings {
-  usePaginator = true;
-  useVirtualScroll: true | VirtualScrollOptions | null = null;
-}
-
-export class PersistedTableSettings {
-  constructor(tableSettings? :GeneralTableSettings | PersistedTableSettings){
-    if (tableSettings){
-      this.collapseHeader = (tableSettings as GeneralTableSettings).headerSettings?.collapse ?? (tableSettings as PersistedTableSettings).collapseHeader;
-      this.collapseFooter = (tableSettings as GeneralTableSettings).footerSettings?.collapse ?? (tableSettings as PersistedTableSettings).collapseFooter;
-    }
-  }
-  collapseHeader = false;
-  collapseFooter = false;
-}
-
-export class NotPersistedTableSettings {
-  constructor(tableSettings? :GeneralTableSettings){
-    if(tableSettings){
-      this.hideExport = tableSettings.headerSettings.hideExport;
-      this.hideColumnSettings = tableSettings.headerSettings.hideColumnSettings;
-      this.hideFilter = tableSettings.headerSettings.hideFilter;
-      this.hideSort = tableSettings.headerSettings.hideSort;
-      this.showTitleWhenHeaderCollapsed = tableSettings.headerSettings.showTitleWhenCollapsed;
-      this.hideHeader = tableSettings.headerSettings.hideHeader;
-      this.hideColumnHeaderFilters = tableSettings.columnHeaderSettings.noFilters;
-      this.hideColumnHeader = tableSettings.columnHeaderSettings.noHeader;
-      this.usePaginator = tableSettings.tableSettings.usePaginator;
-      this.useVirtualScroll = tableSettings.tableSettings.useVirtualScroll;
-    }
-  }
-  hideExport = true
-  hideFilter = true
-  hideColumnSettings = true
-  hideSort = true
-  showTitleWhenHeaderCollapsed = true;
-  hideHeader = true
-  hideColumnHeaderFilters = true;
-  hideColumnHeader = true;
-  usePaginator = true;
-  useVirtualScroll: true | VirtualScrollOptions | null = null;
-}
-
-export class VirtualScrollOptions {
-  itemHeight = 48;
-  headerOffset = 56;
-}