@one-paragon/angular-utilities 0.1.21 → 0.1.23

package/src/specs/clickSubject.spec.ts

@@ -1,95 +0,0 @@
-import { Component } from "@angular/core";
-import { ComponentFixture, fakeAsync, TestBed, waitForAsync } from "@angular/core/testing";
-import { Subject } from "rxjs";
-import { ClickEmitterDirective, ClickSubjectDirective } from "../utilities";
-import {TestbedHarnessEnvironment} from '@angular/cdk/testing/testbed';
-import {HarnessLoader} from '@angular/cdk/testing';
-import { MatButtonModule } from "@angular/material/button";
-import { MatButtonHarness } from "@angular/material/button/testing";
-
-@Component({
-    template: `
-     <a mat-button clickEmitter  #subj='clickEmitter' >click me</a>
-     <div *ngIf='subj | async'>Hello World!</div>
-    `
-}) export class TestComponent {
-  subject = new Subject();
-}
-
-@Component({
-  template: `
-   <a mat-button [clickSubject]='{content: "Hello World!" }' #subj='clickSubject' >click me</a>
-   <div *ngIf='subj | async as o'>{{o.content}}</div>
-  `
-}) export class TestContentComponent {
-subject = new Subject();
-}
-
-
-let fixture: ComponentFixture<TestComponent>;
-let loader: HarnessLoader;
-
-const setupTest = (): void => {
-  TestBed.configureTestingModule({
-      imports: [MatButtonModule],
-      declarations: [
-        TestComponent,
-        ClickEmitterDirective,
-    ],
-    providers: [  ]
-    });
-    fixture = TestBed.createComponent(TestComponent);
-    fixture.detectChanges();
-    loader = TestbedHarnessEnvironment.documentRootLoader(fixture);
-};
-
-const setupContentTest = (): void => {
-  TestBed.configureTestingModule({
-      imports: [MatButtonModule],
-      declarations: [
-        TestContentComponent,
-        ClickSubjectDirective,
-    ],
-    providers: [  ]
-    });
-    fixture = TestBed.createComponent(TestContentComponent);
-    fixture.detectChanges();
-    loader = TestbedHarnessEnvironment.documentRootLoader(fixture);
-};
-
-
-describe("ClickSubjectDirective", () => {
-  describe("Default Subject", () => {
-    beforeEach(waitForAsync(setupTest));
-
-    it('before button is clicked the text should remain hidden',async () => {
-      expect(fixture.nativeElement.textContent).not.toContain('Hello World!');
-    });
-
-    it('when button is clicked the text should display', fakeAsync( async () => {
-      const buttonHarness = await loader.getHarness(MatButtonHarness);
-      await buttonHarness.click();
-      fixture.detectChanges();
-      expect(fixture.nativeElement.textContent).toContain('Hello World!');
-    }));
-
-  });
-
-  describe("Subject with Content", () => {
-    beforeEach(waitForAsync(setupContentTest));
-
-    it('before button is clicked the text should remain hidden',async () => {
-      expect(fixture.nativeElement.textContent).not.toContain('Hello World!');
-    });
-
-    it('when button is clicked the text should display', fakeAsync( async () => {
-      const buttonHarness = await loader.getHarness(MatButtonHarness);
-      await buttonHarness.click();
-      fixture.detectChanges();
-      expect(fixture.nativeElement.textContent).toContain('Hello World!');
-    }));
-  })
-
-});
-
-

package/src/specs/dialog.spec.ts

@@ -1,101 +0,0 @@
-import { Component } from "@angular/core";
-import { ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from "@angular/core/testing";
-import { MatDialogModule } from "@angular/material/dialog";
-import { Subject } from "rxjs";
-import { DialogDirective, DialogWrapper } from "../utilities";
-import { DialogService } from "../utilities/directives/dialog-service";
-import {TestbedHarnessEnvironment} from '@angular/cdk/testing/testbed';
-import {MatDialogHarness} from '@angular/material/dialog/testing';
-import { NoopAnimationsModule } from "@angular/platform-browser/animations";
-import {HarnessLoader} from '@angular/cdk/testing';
-import { MatButtonModule } from "@angular/material/button";
-import { MatButtonHarness } from "@angular/material/button/testing";
-
-@Component({
-    template: `
-    <ng-container *opDialog='subject; let text; let close = close'>
-      If you see this text, I'm open {{text}}
-      <button mat-button (click)='close()' >close</button>
-    </ng-container>
-    `
-}) export class TestComponent {
-  subject = new Subject();
-}
-
-
-describe("DialogDirective", () => {
-
-let fixture: ComponentFixture<TestComponent>;
-let loader: HarnessLoader;
-
-beforeEach(
-  waitForAsync(async () => {
-    await TestBed.configureTestingModule({
-      imports: [MatDialogModule, NoopAnimationsModule, MatButtonModule],
-      declarations: [
-        TestComponent,
-        DialogDirective,
-        DialogWrapper,
-    ],
-    providers: [ DialogService ]
-    }).compileComponents();
-    fixture = TestBed.createComponent(TestComponent);
-    fixture.detectChanges();
-    loader = TestbedHarnessEnvironment.documentRootLoader(fixture);
-  }),
-);
-
-  it('before observable emits the dialog should remain closed',async () => {
-    expect(fixture.nativeElement.textContent).not.toContain('If you see this text, I\'m open');
-  });
-
-  it('when observable emits the dialog should be open', fakeAsync( async () => {
-    fixture.componentInstance.subject.next(true);
-    fixture.detectChanges();
-    const dialogHarness = await loader.getHarness(MatDialogHarness);
-    expect(await dialogHarness.getText()).toContain('If you see this text, I\'m open');
-  }));
-
-  it('when observable emits false the dialog should close', fakeAsync( async () => {
-    fixture.componentInstance.subject.next(true);
-    fixture.detectChanges();
-    let dialogHarness = await loader.getAllHarnesses(MatDialogHarness);
-    expect(dialogHarness.length).toBe(1);
-    fixture.componentInstance.subject.next(false);
-    fixture.detectChanges();
-    dialogHarness = await loader.getAllHarnesses(MatDialogHarness);
-    expect(dialogHarness.length).toBe(0);
-  }));
-
-  it('when close is clicked the dialog should close', fakeAsync( async () => {
-    fixture.componentInstance.subject.next(true);
-    fixture.detectChanges();
-    let dialogHarness = await loader.getAllHarnesses(MatDialogHarness);
-    expect(dialogHarness.length).toBe(1);
-    let buttonHarness = await dialogHarness[0].getHarness(MatButtonHarness);
-    await buttonHarness.click();
-    fixture.detectChanges();
-    dialogHarness = await loader.getAllHarnesses(MatDialogHarness);
-    expect(dialogHarness.length).toBe(0);
-  }));
-
-  it('when observable emits the template should have access to the emitted data', fakeAsync( async () => {
-    fixture.componentInstance.subject.next('Text #1');
-    fixture.detectChanges();
-    const dialogHarness = await loader.getHarness(MatDialogHarness);
-    expect(await dialogHarness.getText()).toContain('Text #1');
-  }));
-
-  it('when observable emits a 2nd time the template should have access to the new data', fakeAsync( async () => {
-    fixture.componentInstance.subject.next('Text #1');
-    fixture.detectChanges();
-    const dialogHarness = await loader.getHarness(MatDialogHarness);
-    expect(await dialogHarness.getText()).toContain('Text #1');
-    fixture.componentInstance.subject.next('Text #2');
-    fixture.detectChanges();
-    expect(await dialogHarness.getText()).toContain('Text #2');
-  }));
-
-});
-
-

package/src/specs/toggleGroupDirective.spec.ts

@@ -1,231 +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);
-      console.log(val2);
-      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);
-      console.log(val2);
-      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,10 +0,0 @@
-import { ArrayStyle } from '../interfaces/report-def';
-
-export interface DefaultSettings {
-  dateFormat?: string;
-}
-
-export const ArrayDefaults = {
-  limit : 3,
-  arrayStyle : ArrayStyle.CommaDelimited
-}

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

@@ -1,22 +0,0 @@
-import { Observable } from 'rxjs';
-import { MultiSortDirective } from '../directives/multi-sort.directive';
-import { MatTableObservableDataSource } from './MatTableObservableDataSource'
-import { sortData } from '../functions/sort-data-function';
-import { MatSort } from '@angular/material/sort';
-
-
-export function isMultiSort(sort: MatSort): sort is MultiSortDirective {
-    return Array.isArray((sort as MultiSortDirective ).rules);
-}
-
-export class GenericTableDataSource<T> extends MatTableObservableDataSource<T>
-{
-
-  constructor(dataSrc: Observable<T[]>)
-  {
-    super(dataSrc);
-
-    const baseSort = this.sortData;
-    this.sortData = ((data: T[], sort:  MatSort) => isMultiSort(sort) ?  sortData(data, sort.rules) : baseSort(data, sort));
-  }
-}

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,19 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { TableState } from './TableState';
-import { DefaultSettings } from './DefaultSettings';
-import { ArrayAdditional, FieldType } from '../interfaces/report-def';
-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;
-  onSave?: (event?: any) => void;
-  prepend? : string;
-}
-
-export const TableBuilderConfigToken = new InjectionToken<TableBuilderConfig>('TableBuilderConfig');

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

@@ -1,63 +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 { NotPersisitedTableSettings, PesrsistedTableSettings } from './table-builder-general-settings';
-
-export interface Group {
-  groupName?: string;
-  parentGroupName?: string;
-  isExpanded?: boolean;
-}
-
-export interface PersistedTableState {
-  hiddenKeys?: string [];
-  pageSize?: number;
-  filters: Dictionary<FilterInfo | CustomFilter>;
-  sorted : Sort [];
-  userDefined : {order:Dictionary<number>,widths:Dictionary<number>,table:{width?:number}};
-  persistedTableSettings : PesrsistedTableSettings;
-  groupByKeys: string[];
-  groups: Group[];
-}
-
-export interface TableState extends Required<PersistedTableState> {
-  initializationState: InitializationState;
-  metaData: Dictionary<MetaData>;
-  notPersisitedTableSettings : NotPersisitedTableSettings;
-  linkMaps:{[key:string]:{
-    link: (t:any)=>string,
-    useRouterLink: boolean,
-    target: Target
-  }};
-}
-type RequireNull<T> = { [K in keyof T]: null };
-class KeysToDelete implements  RequireNull<Omit<TableState, keyof PersistedTableState>> {
-  initializationState = null;
-  metaData = null;
-  notPersisitedTableSettings = null;
-  linkMaps = 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 PesrsistedTableSettings(),
-  notPersisitedTableSettings : new NotPersisitedTableSettings(),
-  pageSize: 10,
-  linkMaps:{},
-  groupByKeys: [],
-  groups: []
-};

package/src/table-builder/classes/data-filter.spec.ts

@@ -1,72 +0,0 @@
-import { of } from 'rxjs';
-import { map } from 'rxjs/operators';
-import { DataFilter } from './data-filter';
-
-
-const data = [{
-  name: 'bob',
-  age: 10
-},
-{
-  name: 'john',
-  age: 11
-},
-{
-  name: 'sally',
-  age: 12
-}
-];
-
-// Straight Jasmine testing without Angular's testing support
-
-class ValueService {
-  getValue = () => 'real value';
-
-  getObservableValue() {
-    return of(data);
-  }
-
-  getPromiseValue() {
-    return this.getObservableValue().pipe(map(() => 'promise value')).toPromise();
-  }
-}
-
-describe('Filter', () => {
-  let service: ValueService;
-  beforeEach(() => {
-    service = new ValueService();
-  });
-
-
-  it('filter should return all when no filters',
-    (done: DoneFn) => {
-      const filter = new DataFilter(of([])).filterData(service.getObservableValue());
-      filter.subscribe(d => {
-        expect(d.length).toBe(3);
-        done();
-      });
-    });
-
-  it('single filter should work',
-    (done: DoneFn) => {
-      const filter = new DataFilter(of([
-        d => d.name.includes('o')
-      ])).filterData( service.getObservableValue());
-      filter.subscribe(d => {
-        expect(d.length).toBe(2);
-        done();
-      });
-    });
-
-  it('multiple filters should work',
-    (done: DoneFn) => {
-      const filter = new DataFilter(of([
-        d => d.name.includes('o'),
-        d => d.age > 10
-      ])).filterData( service.getObservableValue());
-      filter.subscribe(d => {
-        expect(d.length).toBe(1);
-        done();
-      });
-    });
-});

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

@@ -1,32 +0,0 @@
-import { Observable, combineLatest, of } from 'rxjs';
-import { map, shareReplay } from 'rxjs/operators';
-import { combineArrays } from '../../rxjs/rxjs-operators';
-import { createFilterFunc, CustomFilter, FilterInfo } from './filter-info';
-
-export class DataFilter<T = any> {
-
-  constructor(private filters$: Observable< Array< (val: any) => boolean>> ) {
-  }
-
-  filter(data: any[], filters: Array<(val: any) => boolean> ): any[] {
-    return data.filter( r => filters.every( fltr => fltr(r)) );
-  }
-
-  filterData(data$: Observable<T[]>) {
-    return combineLatest([data$, this.filters$]).pipe(
-      map(([data, filters]) => this.filter(data, filters)),
-      shareReplay({bufferSize: 1, refCount: true})
-    );
-  }
-
-  appendFilters(filters$: Observable<(FilterInfo | CustomFilter )[]>) : DataFilter {
-    return new DataFilter(combineArrays([
-      this.filters$ ?? of([]),
-      filters$.pipe(map(fltrs => fltrs
-          // we only want to remove it if it was specifically set to false
-          // as apposed to falsy
-          .filter( f => f.active !== false )
-          .map(filter => createFilterFunc(filter))))
-    ]));
-  }
-}