@one-paragon/angular-utilities 0.0.8 → 0.0.11-c

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/esm2020/public-api.mjs +2 -1
  2. package/esm2020/table-builder/classes/table-builder.mjs +1 -1
  3. package/esm2020/table-builder/components/column-builder/column-builder.component.mjs +3 -3
  4. package/esm2020/table-builder/components/generic-table/generic-table.component.mjs +8 -9
  5. package/esm2020/table-builder/components/generic-table/paginator.component.mjs +9 -5
  6. package/esm2020/table-builder/components/in-filter/in-filter.component.mjs +2 -2
  7. package/esm2020/table-builder/components/initialization-component/initialization-component.mjs +3 -3
  8. package/esm2020/table-builder/components/table-container/table-container.mjs +6 -5
  9. package/esm2020/table-builder/interfaces/report-def.mjs +1 -1
  10. package/esm2020/table-builder/pipes/column-total.pipe.mjs +4 -6
  11. package/esm2020/table-builder/table-builder.module.mjs +1 -1
  12. package/esm2020/utilities/directives/clickEmitterDirective.mjs +21 -0
  13. package/esm2020/utilities/directives/clickSubject.mjs +27 -0
  14. package/esm2020/utilities/directives/mat-toggle-group-directive.mjs +58 -0
  15. package/esm2020/utilities/index.mjs +5 -2
  16. package/esm2020/utilities/module.mjs +18 -10
  17. package/esm2020/utilities/pipes/function.pipe.mjs +1 -1
  18. package/fesm2015/one-paragon-angular-utilities.mjs +136 -45
  19. package/fesm2015/one-paragon-angular-utilities.mjs.map +1 -1
  20. package/fesm2020/one-paragon-angular-utilities.mjs +136 -45
  21. package/fesm2020/one-paragon-angular-utilities.mjs.map +1 -1
  22. package/package.json +1 -1
  23. package/public-api.d.ts +1 -0
  24. package/table-builder/classes/table-builder.d.ts +1 -1
  25. package/table-builder/classes/table-store.d.ts +5 -5
  26. package/table-builder/components/generic-table/paginator.component.d.ts +3 -2
  27. package/table-builder/components/table-container/table-container.d.ts +2 -2
  28. package/table-builder/interfaces/report-def.d.ts +13 -5
  29. package/table-builder/pipes/column-total.pipe.d.ts +1 -2
  30. package/table-builder/services/export-to-csv.service.d.ts +2 -2
  31. package/utilities/directives/clickEmitterDirective.d.ts +7 -0
  32. package/utilities/directives/clickSubject.d.ts +9 -0
  33. package/utilities/directives/mat-toggle-group-directive.d.ts +21 -0
  34. package/utilities/index.d.ts +4 -1
  35. package/utilities/module.d.ts +5 -3
  36. package/utilities/pipes/function.pipe.d.ts +1 -1
  37. package/esm2020/utilities/directives/buttonSubject.mjs +0 -18
  38. package/utilities/directives/buttonSubject.d.ts +0 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@one-paragon/angular-utilities",
3
- "version": "0.0.8",
3
+ "version": "0.0.11c",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0",
package/public-api.d.ts CHANGED
@@ -5,6 +5,7 @@ export * from './table-builder/table-builder.module';
5
5
  export * from './table-builder/interfaces/report-def';
6
6
  export * from './table-builder/classes/MatTableObservableDataSource';
7
7
  export * from './table-builder/classes/table-builder';
8
+ export * from './table-builder/classes/table-builder-general-settings';
8
9
  export * from './table-builder/components';
9
10
  export * from './table-builder/directives';
10
11
  export { FilterType } from './table-builder/enums/filterTypes';
@@ -4,7 +4,7 @@ import { GeneralTableSettings, TableBuilderSettings } from './table-builder-gene
4
4
  export declare class TableBuilder<T = any> {
5
5
  private data$;
6
6
  metaData$: Observable<MetaData<T>[]>;
7
- constructor(data$: Observable<T[]>, metaData$?: Observable<MetaData<T>[]>, settings?: TableBuilderSettings | Observable<TableBuilderSettings>);
7
+ constructor(data$: Observable<T[]>, metaData$?: Observable<MetaData<T, any>[]>, settings?: TableBuilderSettings | Observable<TableBuilderSettings>);
8
8
  settings: Observable<GeneralTableSettings>;
9
9
  getData$(): Observable<any[]>;
10
10
  createMetaData(obj: any): MetaData[];
@@ -13,8 +13,8 @@ export declare class TableStore extends ComponentStore<TableState> {
13
13
  getSavableState(): Observable<PersistedTableState>;
14
14
  on: <V>(srcObservable: Observable<V>, func: (obj: V) => void) => void;
15
15
  onLast(callback: (state: TableState) => void): void;
16
- readonly metaData$: Observable<Dictionary<MetaData<any>>>;
17
- readonly metaDataArray$: Observable<MetaData<any>[]>;
16
+ readonly metaData$: Observable<Dictionary<MetaData<any, []>>>;
17
+ readonly metaDataArray$: Observable<MetaData<any, []>[]>;
18
18
  getMetaData$: (key: string) => Observable<MetaData>;
19
19
  getUserDefinedWidth$: (key: string) => Observable<number>;
20
20
  getUserDefinedWidths$: Observable<Dictionary<number>>;
@@ -68,7 +68,7 @@ export declare class TableStore extends ComponentStore<TableState> {
68
68
  getUserDefinedTableSize$: Observable<number | undefined>;
69
69
  setTableWidth: (observableOrValue: number | Observable<number>) => import("rxjs").Subscription;
70
70
  mergeMeta: (orig: MetaData, merge: MetaData) => MetaData;
71
- readonly setMetaData: (observableOrValue: MetaData<any> | MetaData<any>[] | Observable<MetaData<any> | MetaData<any>[]>) => import("rxjs").Subscription;
71
+ readonly setMetaData: (observableOrValue: MetaData<any, []> | MetaData<any, []>[] | Observable<MetaData<any, []> | MetaData<any, []>[]>) => import("rxjs").Subscription;
72
72
  private initializeOrder;
73
73
  toggleCollapseHeader: () => void;
74
74
  toggleCollapseFooter: () => void;
@@ -77,5 +77,5 @@ export declare class TableStore extends ComponentStore<TableState> {
77
77
  static ɵfac: i0.ɵɵFactoryDeclaration<TableStore, never>;
78
78
  static ɵprov: i0.ɵɵInjectableDeclaration<TableStore>;
79
79
  }
80
- export declare const orderViewableMetaData: (state: TableState) => MetaData<any>[];
81
- export declare const orderMetaData: (state: TableState) => MetaData<any>[];
80
+ export declare const orderViewableMetaData: (state: TableState) => MetaData<any, []>[];
81
+ export declare const orderMetaData: (state: TableState) => MetaData<any, []>[];
@@ -1,5 +1,5 @@
1
1
  import { ElementRef, AfterViewInit, OnInit } from '@angular/core';
2
- import { MatPaginator } from '@angular/material/paginator';
2
+ import { MatPaginator, PageEvent } from '@angular/material/paginator';
3
3
  import { Observable } from 'rxjs';
4
4
  import { GenericTableDataSource } from '../../classes/GenericTableDataSource';
5
5
  import { TableStore } from '../../classes/table-store';
@@ -12,10 +12,11 @@ export declare class PaginatorComponent implements OnInit, AfterViewInit {
12
12
  currentPageData$: Observable<CurrentPageDetails>;
13
13
  collapseFooter$: Observable<boolean>;
14
14
  data$: Observable<any[]>;
15
+ currentPageSize: number;
15
16
  constructor(state: TableStore);
16
17
  ngOnInit(): void;
17
18
  ngAfterViewInit(): void;
18
- paginatorChange(): void;
19
+ paginatorChange(pageEvent: PageEvent): void;
19
20
  ourPageEvent: boolean;
20
21
  static ɵfac: i0.ɵɵFactoryDeclaration<PaginatorComponent, never>;
21
22
  static ɵcmp: i0.ɵɵComponentDeclaration<PaginatorComponent, "tb-paginator", never, { "dataSource": "dataSource"; "tableElRef": "tableElRef"; "data$": "data$"; }, {}, never, never>;
@@ -44,7 +44,7 @@ export declare class TableContainerComponent<T = any> {
44
44
  deleteProfileState(stateKey: string): void;
45
45
  ngAfterContentInit(): void;
46
46
  InitializeColumns(): void;
47
- mapMetaDatas: (meta: MetaData<T>) => MetaData<T>;
47
+ mapMetaDatas: (meta: MetaData<T>) => MetaData<T, []>;
48
48
  cleanStateOnInitialLoad: () => (obs: Observable<PersistedTableState>) => Observable<{
49
49
  filters: any;
50
50
  sorted: import("@angular/material/sort").Sort[];
@@ -57,7 +57,7 @@ export declare class TableContainerComponent<T = any> {
57
57
  width?: number | undefined;
58
58
  };
59
59
  };
60
- persistedTableSettings: import("../../classes/table-builder-general-settings").PesrsistedTableSettings;
60
+ persistedTableSettings: import("@one-paragon/angular-utilities").PesrsistedTableSettings;
61
61
  }>;
62
62
  collapseHeader$: Observable<boolean>;
63
63
  static ɵfac: i0.ɵɵFactoryDeclaration<TableContainerComponent<any>, never>;
@@ -25,8 +25,8 @@ export declare enum Target {
25
25
  Parent = "_parent",
26
26
  Top = "_top"
27
27
  }
28
- export interface MetaData<T = any> {
29
- key: keyof T & string;
28
+ export interface MetaData<T = any, AdditionalFields extends string[] = []> {
29
+ key: (keyof T | AdditionalFields[number]) & string;
30
30
  displayName?: string;
31
31
  fieldType: FieldType;
32
32
  additional?: Additional;
@@ -37,7 +37,7 @@ export interface MetaData<T = any> {
37
37
  noExport?: boolean;
38
38
  noFilter?: boolean;
39
39
  customCell?: boolean;
40
- transform?: ((o: T | string, ...args: any[]) => any) | PipeTransform;
40
+ transform?: ((o: T, ...args: any[]) => any) | ((o: string, ...args: any[]) => any) | PipeTransform;
41
41
  click?: (element: T, key: string) => void;
42
42
  template?: TemplateRef<any>;
43
43
  }
@@ -58,10 +58,10 @@ export interface Additional {
58
58
  base?: string;
59
59
  urlKey?: string;
60
60
  target?: Target;
61
+ useRouterLink?: boolean;
61
62
  footer?: {
62
- type: string;
63
+ type: 'sum';
63
64
  };
64
- useRouterLink?: boolean;
65
65
  export?: any;
66
66
  dateFormat?: string;
67
67
  filterOptions?: FilterOptions;
@@ -74,6 +74,14 @@ export interface Additional {
74
74
  enumMap?: {
75
75
  [key: number]: string;
76
76
  };
77
+ boolean?: {
78
+ showForFalse?: true | {
79
+ icon: string;
80
+ };
81
+ forTrue?: {
82
+ icon: string;
83
+ };
84
+ };
77
85
  }
78
86
  export declare enum ArrayStyle {
79
87
  CommaDelimited = 0,
@@ -1,9 +1,8 @@
1
1
  import { PipeTransform } from '@angular/core';
2
- import { Observable } from 'rxjs';
3
2
  import { MetaData } from '../interfaces/report-def';
4
3
  import * as i0 from "@angular/core";
5
4
  export declare class ColumnTotalPipe implements PipeTransform {
6
- transform(data$: Observable<any[]>, metaData: MetaData): Observable<number> | Observable<null>;
5
+ transform(data: any[], metaData: MetaData): number | null;
7
6
  static ɵfac: i0.ɵɵFactoryDeclaration<ColumnTotalPipe, never>;
8
7
  static ɵpipe: i0.ɵɵPipeDeclaration<ColumnTotalPipe, "columnTotal">;
9
8
  }
@@ -17,6 +17,6 @@ export declare class ExportToCsvService<T> {
17
17
  static ɵfac: i0.ɵɵFactoryDeclaration<ExportToCsvService<any>, never>;
18
18
  static ɵprov: i0.ɵɵInjectableDeclaration<ExportToCsvService<any>>;
19
19
  }
20
- export declare const removeFromMetaData: (state: TableState, keysToRemove: string[]) => MetaData<any>[];
20
+ export declare const removeFromMetaData: (state: TableState, keysToRemove: string[]) => MetaData<any, []>[];
21
21
  export declare const nonExportableFields: (state: TableState) => string[];
22
- export declare const mapExportableFields: (state: TableState) => MetaData<any>[];
22
+ export declare const mapExportableFields: (state: TableState) => MetaData<any, []>[];
@@ -0,0 +1,7 @@
1
+ import { Subject } from 'rxjs';
2
+ import * as i0 from "@angular/core";
3
+ export declare class ClickEmitterDirective extends Subject<boolean> {
4
+ constructor();
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<ClickEmitterDirective, never>;
6
+ static ɵdir: i0.ɵɵDirectiveDeclaration<ClickEmitterDirective, "[clickEmitter]", ["clickEmitter"], {}, {}, never>;
7
+ }
@@ -0,0 +1,9 @@
1
+ import { Subject } from 'rxjs';
2
+ import * as i0 from "@angular/core";
3
+ export declare class ClickSubjectDirective<T = boolean> extends Subject<T> {
4
+ constructor();
5
+ _val: T;
6
+ set clickSubject(val: T);
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<ClickSubjectDirective<any>, never>;
8
+ static ɵdir: i0.ɵɵDirectiveDeclaration<ClickSubjectDirective<any>, "[clickSubject]", ["clickSubject"], { "clickSubject": "clickSubject"; }, {}, never>;
9
+ }
@@ -0,0 +1,21 @@
1
+ import { QueryList } from "@angular/core";
2
+ import { MatSlideToggle } from "@angular/material/slide-toggle";
3
+ import { Observable } from "rxjs";
4
+ import * as i0 from "@angular/core";
5
+ export declare class MatSlideToggleGroupDirective {
6
+ allowMultiple: boolean;
7
+ _toggles: QueryList<MatSlideToggle>;
8
+ set toggles(val: QueryList<MatSlideToggle>);
9
+ private _ready;
10
+ get valueEmitter(): Observable<{
11
+ [key: string]: boolean;
12
+ }>;
13
+ getInitValue(): {
14
+ [k: string]: boolean;
15
+ };
16
+ getObs(): Observable<{
17
+ [k: string]: boolean;
18
+ }>;
19
+ static ɵfac: i0.ɵɵFactoryDeclaration<MatSlideToggleGroupDirective, never>;
20
+ static ɵdir: i0.ɵɵDirectiveDeclaration<MatSlideToggleGroupDirective, "[opMatSlideToggleGroup]", never, { "allowMultiple": "allowMultiple"; }, { "valueEmitter": "valueEmitter"; }, ["toggles"]>;
21
+ }
@@ -1,10 +1,13 @@
1
1
  export * from './directives/prevent-enter.directive';
2
2
  export * from './directives/stop-propagation.directive';
3
3
  export * from './directives/auto-focus.directive';
4
- export * from './directives/buttonSubject';
4
+ export * from './directives/clickSubject';
5
+ export * from './directives/clickEmitterDirective';
5
6
  export * from './directives/dialog';
6
7
  export * from './directives/styler';
8
+ export * from './directives/mat-toggle-group-directive';
7
9
  export * from './pipes/function.pipe';
8
10
  export * from './pipes/phone.pipe';
9
11
  export * from './pipes/space-case.pipes';
12
+ export * from './directives/dialog-service';
10
13
  export * from './module';
@@ -6,10 +6,12 @@ import * as i4 from "./directives/stop-propagation.directive";
6
6
  import * as i5 from "./directives/styler";
7
7
  import * as i6 from "./directives/prevent-enter.directive";
8
8
  import * as i7 from "./directives/auto-focus.directive";
9
- import * as i8 from "./directives/buttonSubject";
10
- import * as i9 from "./directives/dialog";
9
+ import * as i8 from "./directives/clickSubject";
10
+ import * as i9 from "./directives/clickEmitterDirective";
11
+ import * as i10 from "./directives/dialog";
12
+ import * as i11 from "./directives/mat-toggle-group-directive";
11
13
  export declare class UtilitiesModule {
12
14
  static ɵfac: i0.ɵɵFactoryDeclaration<UtilitiesModule, never>;
13
- static ɵmod: i0.ɵɵNgModuleDeclaration<UtilitiesModule, [typeof i1.SpaceCasePipe, typeof i2.PhoneNumberPipe, typeof i3.FunctionPipe, typeof i4.StopPropagationDirective, typeof i5.StylerDirective, typeof i6.PreventEnterDirective, typeof i7.AutoFocusDirective, typeof i8.DialogOpenDirective, typeof i9.DialogDirective], never, [typeof i4.StopPropagationDirective, typeof i6.PreventEnterDirective, typeof i5.StylerDirective, typeof i1.SpaceCasePipe, typeof i2.PhoneNumberPipe, typeof i3.FunctionPipe, typeof i4.StopPropagationDirective, typeof i5.StylerDirective, typeof i6.PreventEnterDirective, typeof i7.AutoFocusDirective, typeof i8.DialogOpenDirective, typeof i9.DialogDirective]>;
15
+ static ɵmod: i0.ɵɵNgModuleDeclaration<UtilitiesModule, [typeof i1.SpaceCasePipe, typeof i2.PhoneNumberPipe, typeof i3.FunctionPipe, typeof i4.StopPropagationDirective, typeof i5.StylerDirective, typeof i6.PreventEnterDirective, typeof i7.AutoFocusDirective, typeof i8.ClickSubjectDirective, typeof i9.ClickEmitterDirective, typeof i10.DialogDirective, typeof i11.MatSlideToggleGroupDirective], never, [typeof i4.StopPropagationDirective, typeof i6.PreventEnterDirective, typeof i1.SpaceCasePipe, typeof i2.PhoneNumberPipe, typeof i3.FunctionPipe, typeof i4.StopPropagationDirective, typeof i5.StylerDirective, typeof i6.PreventEnterDirective, typeof i7.AutoFocusDirective, typeof i8.ClickSubjectDirective, typeof i9.ClickEmitterDirective, typeof i10.DialogDirective, typeof i11.MatSlideToggleGroupDirective]>;
14
16
  static ɵinj: i0.ɵɵInjectorDeclaration<UtilitiesModule>;
15
17
  }
@@ -1,7 +1,7 @@
1
1
  import { PipeTransform } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class FunctionPipe implements PipeTransform {
4
- transform(func: (...args: any[]) => any | string, ...args: any[]): any;
4
+ transform(func: ((...args: any[]) => any) | string, ...args: any[]): any;
5
5
  static ɵfac: i0.ɵɵFactoryDeclaration<FunctionPipe, never>;
6
6
  static ɵpipe: i0.ɵɵPipeDeclaration<FunctionPipe, "func">;
7
7
  }
@@ -1,18 +0,0 @@
1
- import { Directive } from '@angular/core';
2
- import { Subject } from 'rxjs';
3
- import * as i0 from "@angular/core";
4
- export class DialogOpenDirective extends Subject {
5
- }
6
- DialogOpenDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DialogOpenDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
7
- DialogOpenDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: DialogOpenDirective, selector: "button[clickSubject]", host: { listeners: { "click": "next(true)" } }, exportAs: ["clickSubject"], usesInheritance: true, ngImport: i0 });
8
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DialogOpenDirective, decorators: [{
9
- type: Directive,
10
- args: [{
11
- selector: 'button[clickSubject]',
12
- exportAs: 'clickSubject',
13
- host: {
14
- '(click)': 'next(true)'
15
- }
16
- }]
17
- }] });
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uU3ViamVjdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdXRpbGl0aWVzL3NyYy91dGlsaXRpZXMvZGlyZWN0aXZlcy9idXR0b25TdWJqZWN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFRNUIsTUFBTSxPQUFPLG1CQUFvQixTQUFRLE9BQVk7O2dIQUF4QyxtQkFBbUI7b0dBQW5CLG1CQUFtQjsyRkFBbkIsbUJBQW1CO2tCQU5sQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFFBQVEsRUFBRSxjQUFjO29CQUN4QixJQUFJLEVBQUU7d0JBQ0osU0FBUyxFQUFFLFlBQVk7cUJBQ3hCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ2J1dHRvbltjbGlja1N1YmplY3RdJyxcbiAgZXhwb3J0QXM6ICdjbGlja1N1YmplY3QnLFxuICBob3N0OiB7XG4gICAgJyhjbGljayknOiAnbmV4dCh0cnVlKSdcbiAgfVxufSkgZXhwb3J0IGNsYXNzIERpYWxvZ09wZW5EaXJlY3RpdmUgZXh0ZW5kcyBTdWJqZWN0PGFueT4ge1xuICAvLyBUT0RPOiBhZGQgZXhwbGljaXQgY29uc3RydWN0b3Jcbn1cbiJdfQ==
@@ -1,6 +0,0 @@
1
- import { Subject } from 'rxjs';
2
- import * as i0 from "@angular/core";
3
- export declare class DialogOpenDirective extends Subject<any> {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<DialogOpenDirective, never>;
5
- static ɵdir: i0.ɵɵDirectiveDeclaration<DialogOpenDirective, "button[clickSubject]", ["clickSubject"], {}, {}, never>;
6
- }