ngx-st-tables 17.0.57 → 17.0.59
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.
- package/assets/base-table.scss +34 -28
- package/esm2022/lib/components/material-table/material-table-caption/material-table-caption.component.mjs +12 -11
- package/esm2022/lib/components/material-table/material-table-caption/material-table-filter-dialog/material-table-filter-dialog.component.mjs +39 -7
- package/esm2022/lib/components/material-table/material-table.component.mjs +31 -5
- package/esm2022/lib/components/select-table/select-table.component.mjs +2 -2
- package/fesm2022/ngx-st-tables.mjs +80 -22
- package/fesm2022/ngx-st-tables.mjs.map +1 -1
- package/lib/components/material-table/material-table-caption/material-table-caption.component.d.ts +6 -3
- package/lib/components/material-table/material-table-caption/material-table-filter-dialog/material-table-filter-dialog.component.d.ts +13 -5
- package/lib/components/material-table/material-table.component.d.ts +5 -3
- package/package.json +1 -1
package/lib/components/material-table/material-table-caption/material-table-caption.component.d.ts
CHANGED
|
@@ -14,7 +14,7 @@ export declare class MaterialTableCaptionComponent extends StSubscribeDestroyCom
|
|
|
14
14
|
allowReorderColumns: import("@angular/core").InputSignal<boolean>;
|
|
15
15
|
initGlobalSearch: import("@angular/core").InputSignal<string>;
|
|
16
16
|
initFilters: import("@angular/core").InputSignal<{
|
|
17
|
-
[key: string]:
|
|
17
|
+
[key: string]: StMaterialTableFilter;
|
|
18
18
|
}>;
|
|
19
19
|
showCreateButton: import("@angular/core").InputSignal<boolean>;
|
|
20
20
|
createButtonLabel: import("@angular/core").InputSignal<string>;
|
|
@@ -35,7 +35,6 @@ export declare class MaterialTableCaptionComponent extends StSubscribeDestroyCom
|
|
|
35
35
|
openFilterDialog(): void;
|
|
36
36
|
openReorderColumnsDialog(): void;
|
|
37
37
|
resetTable(): void;
|
|
38
|
-
clearAllFilters(): void;
|
|
39
38
|
private emitCaptionDataChanged;
|
|
40
39
|
private updateColumns;
|
|
41
40
|
private setActiveFiltersCount;
|
|
@@ -47,6 +46,10 @@ export interface ICaptionDataChanged {
|
|
|
47
46
|
globalSearch: string;
|
|
48
47
|
columnsOrder: string[];
|
|
49
48
|
filters: {
|
|
50
|
-
[key: string]:
|
|
49
|
+
[key: string]: StMaterialTableFilter;
|
|
51
50
|
};
|
|
52
51
|
}
|
|
52
|
+
export interface StMaterialTableFilter {
|
|
53
|
+
value: string | number | [string | null, string | null];
|
|
54
|
+
matchMode: 'equal' | 'contains' | 'between';
|
|
55
|
+
}
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import { ChangeDetectorRef, OnInit } from '@angular/core';
|
|
2
2
|
import { MatDialogRef } from '@angular/material/dialog';
|
|
3
3
|
import { ViewStMaterialTableColumnModel } from '../../../../models/view/view-st-material-table-column.model';
|
|
4
|
-
import { FormGroup, NonNullableFormBuilder } from '@angular/forms';
|
|
4
|
+
import { FormControl, FormGroup, NonNullableFormBuilder } from '@angular/forms';
|
|
5
5
|
import { StTablesTranslationsService } from '../../../../services/st-tables-translations.service';
|
|
6
|
+
import { StMaterialTableFilter } from '../material-table-caption.component';
|
|
7
|
+
import { StMaterialColumnFilterType } from '../../../../models/st-material-table-column.model';
|
|
6
8
|
import * as i0 from "@angular/core";
|
|
7
9
|
export declare class MaterialTableFilterDialogComponent implements OnInit {
|
|
8
10
|
dialogData: {
|
|
9
11
|
columns: ViewStMaterialTableColumnModel[];
|
|
10
12
|
initFilters: {
|
|
11
|
-
[key: string]:
|
|
13
|
+
[key: string]: StMaterialTableFilter;
|
|
12
14
|
};
|
|
13
15
|
};
|
|
14
16
|
dialogRef: MatDialogRef<MaterialTableFilterDialogComponent, MaterialTableFilterDialogResult>;
|
|
@@ -16,12 +18,17 @@ export declare class MaterialTableFilterDialogComponent implements OnInit {
|
|
|
16
18
|
private changeDetectorRef;
|
|
17
19
|
stTableTranslations: StTablesTranslationsService;
|
|
18
20
|
filterColumns: ViewStMaterialTableColumnModel[];
|
|
19
|
-
formGroup: FormGroup
|
|
21
|
+
formGroup: FormGroup<{
|
|
22
|
+
[key: string]: FormGroup<{
|
|
23
|
+
value: FormControl<string | number>;
|
|
24
|
+
matchMode: FormControl<'contains' | 'equal' | 'between'>;
|
|
25
|
+
}>;
|
|
26
|
+
}>;
|
|
20
27
|
allVisible: boolean;
|
|
21
28
|
constructor(dialogData: {
|
|
22
29
|
columns: ViewStMaterialTableColumnModel[];
|
|
23
30
|
initFilters: {
|
|
24
|
-
[key: string]:
|
|
31
|
+
[key: string]: StMaterialTableFilter;
|
|
25
32
|
};
|
|
26
33
|
}, dialogRef: MatDialogRef<MaterialTableFilterDialogComponent, MaterialTableFilterDialogResult>, fb: NonNullableFormBuilder, changeDetectorRef: ChangeDetectorRef, stTableTranslations: StTablesTranslationsService);
|
|
27
34
|
ngOnInit(): void;
|
|
@@ -29,11 +36,12 @@ export declare class MaterialTableFilterDialogComponent implements OnInit {
|
|
|
29
36
|
showAllFilters(): void;
|
|
30
37
|
hideAllFilters(): void;
|
|
31
38
|
saveFilters(): void;
|
|
39
|
+
static getBaseMatchModeByType(filterType: StMaterialColumnFilterType): 'contains' | 'equal' | 'between';
|
|
32
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<MaterialTableFilterDialogComponent, never>;
|
|
33
41
|
static ɵcmp: i0.ɵɵComponentDeclaration<MaterialTableFilterDialogComponent, "st-material-table-filter-dialog", never, {}, {}, never, never, false, never>;
|
|
34
42
|
}
|
|
35
43
|
export interface MaterialTableFilterDialogResult {
|
|
36
44
|
filters: {
|
|
37
|
-
[key: string]:
|
|
45
|
+
[key: string]: StMaterialTableFilter;
|
|
38
46
|
};
|
|
39
47
|
}
|
|
@@ -4,7 +4,7 @@ import { MatSort, SortDirection } from '@angular/material/sort';
|
|
|
4
4
|
import { MatTableDataSource } from '@angular/material/table';
|
|
5
5
|
import { StMaterialTableColumnModel } from '../../models/st-material-table-column.model';
|
|
6
6
|
import { ViewStMaterialTableColumnModel } from '../../models/view/view-st-material-table-column.model';
|
|
7
|
-
import { ICaptionDataChanged } from './material-table-caption/material-table-caption.component';
|
|
7
|
+
import { ICaptionDataChanged, StMaterialTableFilter } from './material-table-caption/material-table-caption.component';
|
|
8
8
|
import { StSubscribeDestroyComponent } from 'ngx-st-base-functions';
|
|
9
9
|
import { StSnackBarService } from 'ngx-st-snack-bar';
|
|
10
10
|
import { SelectionModel } from '@angular/cdk/collections';
|
|
@@ -44,7 +44,7 @@ export declare class MaterialTableComponent extends StSubscribeDestroyComponent
|
|
|
44
44
|
selectedColumnsString: string[];
|
|
45
45
|
tableSource: MatTableDataSource<any>;
|
|
46
46
|
initFilters: {
|
|
47
|
-
[key: string]:
|
|
47
|
+
[key: string]: StMaterialTableFilter;
|
|
48
48
|
};
|
|
49
49
|
initGlobalSearch: string;
|
|
50
50
|
showTable: boolean;
|
|
@@ -77,6 +77,7 @@ export declare class MaterialTableComponent extends StSubscribeDestroyComponent
|
|
|
77
77
|
private setColumnsVisible;
|
|
78
78
|
private setSelectedColumns;
|
|
79
79
|
private loadLocalStorageData;
|
|
80
|
+
private validOldFiltersToNewFormat;
|
|
80
81
|
private setNewEmptyLocalStorageData;
|
|
81
82
|
static ɵfac: i0.ɵɵFactoryDeclaration<MaterialTableComponent, never>;
|
|
82
83
|
static ɵcmp: i0.ɵɵComponentDeclaration<MaterialTableComponent, "ngx-st-material-table", never, { "showGlobalSearch": { "alias": "showGlobalSearch"; "required": false; "isSignal": true; }; "tableTitle": { "alias": "tableTitle"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "dataLength": { "alias": "dataLength"; "required": false; "isSignal": true; }; "allowPickColumns": { "alias": "allowPickColumns"; "required": false; "isSignal": true; }; "allowReorderColumns": { "alias": "allowReorderColumns"; "required": false; "isSignal": true; }; "localStorageName": { "alias": "localStorageName"; "required": false; "isSignal": true; }; "lazyLoading": { "alias": "lazyLoading"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "initColumns": { "alias": "initColumns"; "required": false; "isSignal": true; }; "rowClickAction": { "alias": "rowClickAction"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; }; "rowEditing": { "alias": "rowEditing"; "required": false; "isSignal": true; }; "rowSelecting": { "alias": "rowSelecting"; "required": false; "isSignal": true; }; "selectionFieldLabel": { "alias": "selectionFieldLabel"; "required": false; "isSignal": true; }; "showCreateButton": { "alias": "showCreateButton"; "required": false; "isSignal": true; }; "createButtonLabel": { "alias": "createButtonLabel"; "required": false; "isSignal": true; }; "createButtonAction": { "alias": "createButtonAction"; "required": false; "isSignal": true; }; }, { "initColumns": "initColumnsChange"; "loadData": "loadData"; "saveNewRow": "saveNewRow"; "selectRowChange": "selectRowChange"; }, never, never, false, never>;
|
|
@@ -85,10 +86,11 @@ export interface StMaterialTableLoadData {
|
|
|
85
86
|
first: number;
|
|
86
87
|
rows: number;
|
|
87
88
|
globalFilter: string;
|
|
89
|
+
globalFilterColumns: string[];
|
|
88
90
|
sortField: string;
|
|
89
91
|
sortOrder: SortDirection;
|
|
90
92
|
filters: {
|
|
91
|
-
[key: string]:
|
|
93
|
+
[key: string]: StMaterialTableFilter;
|
|
92
94
|
};
|
|
93
95
|
}
|
|
94
96
|
export interface StMaterialTableLocalStorage extends ICaptionDataChanged {
|