cps-ui-kit 0.73.0 → 0.75.0
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/esm2020/lib/base_components/base-tree-dropdown.component.mjs +484 -0
- package/esm2020/lib/components/cps-autocomplete/cps-autocomplete.component.mjs +1 -1
- package/esm2020/lib/components/cps-datepicker/cps-datepicker.component.mjs +1 -1
- package/esm2020/lib/components/cps-menu/cps-menu.component.mjs +7 -3
- package/esm2020/lib/components/cps-select/cps-select.component.mjs +1 -1
- package/esm2020/lib/components/cps-sidebar-menu/cps-sidebar-menu.component.mjs +2 -2
- package/esm2020/lib/components/cps-table/cps-table.component.mjs +10 -4
- package/esm2020/lib/components/cps-table/directives/cps-table-column-sortable.directive.mjs +1 -6
- package/esm2020/lib/components/cps-table/directives/cps-table-row-selectable.directive.mjs +31 -0
- package/esm2020/lib/components/cps-table/table-column-filter/table-column-filter-constraint/table-column-filter-constraint.component.mjs +18 -11
- package/esm2020/lib/components/cps-table/table-column-filter/table-column-filter.component.mjs +61 -34
- package/esm2020/lib/components/cps-table/table-row-menu/table-row-menu.component.mjs +1 -1
- package/esm2020/lib/components/cps-tree-autocomplete/cps-tree-autocomplete.component.mjs +4 -4
- package/esm2020/lib/components/cps-tree-select/cps-tree-select.component.mjs +4 -4
- package/esm2020/lib/components/cps-tree-table/cps-tree-table.component.mjs +116 -63
- package/esm2020/lib/components/cps-tree-table/directives/cps-tree-table-column-filter.directive.mjs +70 -0
- package/esm2020/lib/components/cps-tree-table/directives/cps-tree-table-column-sortable.directive.mjs +1 -6
- package/esm2020/lib/components/cps-tree-table/directives/cps-tree-table-row-selectable.directive.mjs +31 -0
- package/esm2020/public-api.mjs +4 -1
- package/fesm2015/cps-ui-kit.mjs +337 -125
- package/fesm2015/cps-ui-kit.mjs.map +1 -1
- package/fesm2020/cps-ui-kit.mjs +330 -123
- package/fesm2020/cps-ui-kit.mjs.map +1 -1
- package/lib/base_components/{cps-tree-dropdown-base.component.d.ts → base-tree-dropdown.component.d.ts} +3 -3
- package/lib/components/cps-menu/cps-menu.component.d.ts +2 -1
- package/lib/components/cps-table/cps-table.component.d.ts +3 -1
- package/lib/components/cps-table/directives/cps-table-column-sortable.directive.d.ts +0 -1
- package/lib/components/cps-table/directives/cps-table-row-selectable.directive.d.ts +14 -0
- package/lib/components/cps-table/table-column-filter/table-column-filter-constraint/table-column-filter-constraint.component.d.ts +5 -2
- package/lib/components/cps-table/table-column-filter/table-column-filter.component.d.ts +6 -2
- package/lib/components/cps-tree-autocomplete/cps-tree-autocomplete.component.d.ts +2 -2
- package/lib/components/cps-tree-select/cps-tree-select.component.d.ts +2 -2
- package/lib/components/cps-tree-table/cps-tree-table.component.d.ts +17 -14
- package/lib/components/cps-tree-table/directives/cps-tree-table-column-filter.directive.d.ts +22 -0
- package/lib/components/cps-tree-table/directives/cps-tree-table-column-sortable.directive.d.ts +0 -1
- package/lib/components/cps-tree-table/directives/cps-tree-table-row-selectable.directive.d.ts +14 -0
- package/package.json +1 -1
- package/public-api.d.ts +3 -0
- package/esm2020/lib/base_components/cps-tree-dropdown-base.component.mjs +0 -484
|
@@ -6,7 +6,7 @@ import { Tree } from 'primeng/tree';
|
|
|
6
6
|
import { TooltipPosition } from '../directives/cps-tooltip.directive';
|
|
7
7
|
import { CpsMenuComponent } from '../components/cps-menu/cps-menu.component';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
|
-
export declare class
|
|
9
|
+
export declare class BaseTreeDropdownComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
|
|
10
10
|
control: NgControl;
|
|
11
11
|
cdRef: ChangeDetectorRef;
|
|
12
12
|
label: string;
|
|
@@ -92,6 +92,6 @@ export declare class CpsTreeDropdownBaseComponent implements ControlValueAccesso
|
|
|
92
92
|
treeSelectionToValue(selection: any): any;
|
|
93
93
|
private _valueToTreeSelection;
|
|
94
94
|
updateOptions(): void;
|
|
95
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
96
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
95
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaseTreeDropdownComponent, [{ optional: true; self: true; }, null]>;
|
|
96
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaseTreeDropdownComponent, "ng-component", never, { "label": "label"; "placeholder": "placeholder"; "hint": "hint"; "multiple": "multiple"; "disabled": "disabled"; "width": "width"; "chips": "chips"; "closableChips": "closableChips"; "clearable": "clearable"; "openOnClear": "openOnClear"; "optionLabel": "optionLabel"; "optionInfo": "optionInfo"; "hideDetails": "hideDetails"; "persistentClear": "persistentClear"; "prefixIcon": "prefixIcon"; "prefixIconSize": "prefixIconSize"; "loading": "loading"; "virtualScroll": "virtualScroll"; "infoTooltip": "infoTooltip"; "infoTooltipClass": "infoTooltipClass"; "infoTooltipMaxWidth": "infoTooltipMaxWidth"; "infoTooltipPersistent": "infoTooltipPersistent"; "infoTooltipPosition": "infoTooltipPosition"; "options": "options"; "_value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, false, never>;
|
|
97
97
|
}
|
|
@@ -30,6 +30,7 @@ export declare class CpsMenuComponent implements AfterViewInit, OnDestroy {
|
|
|
30
30
|
withArrow: boolean;
|
|
31
31
|
compressed: boolean;
|
|
32
32
|
focusOnShow: boolean;
|
|
33
|
+
persistent: boolean;
|
|
33
34
|
containerClass: string;
|
|
34
35
|
showTransitionOptions: string;
|
|
35
36
|
hideTransitionOptions: string;
|
|
@@ -85,6 +86,6 @@ export declare class CpsMenuComponent implements AfterViewInit, OnDestroy {
|
|
|
85
86
|
onContainerDestroy(): void;
|
|
86
87
|
ngOnDestroy(): void;
|
|
87
88
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsMenuComponent, never>;
|
|
88
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CpsMenuComponent, "cps-menu", never, { "header": "header"; "items": "items"; "withArrow": "withArrow"; "compressed": "compressed"; "focusOnShow": "focusOnShow"; "containerClass": "containerClass"; "showTransitionOptions": "showTransitionOptions"; "hideTransitionOptions": "hideTransitionOptions"; }, { "menuShown": "menuShown"; "menuHidden": "menuHidden"; "beforeMenuHidden": "beforeMenuHidden"; "contentClicked": "contentClicked"; }, never, ["*"], true, never>;
|
|
89
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CpsMenuComponent, "cps-menu", never, { "header": "header"; "items": "items"; "withArrow": "withArrow"; "compressed": "compressed"; "focusOnShow": "focusOnShow"; "persistent": "persistent"; "containerClass": "containerClass"; "showTransitionOptions": "showTransitionOptions"; "hideTransitionOptions": "hideTransitionOptions"; }, { "menuShown": "menuShown"; "menuHidden": "menuHidden"; "beforeMenuHidden": "beforeMenuHidden"; "contentClicked": "contentClicked"; }, never, ["*"], true, never>;
|
|
89
90
|
}
|
|
90
91
|
export {};
|
|
@@ -64,6 +64,7 @@ export declare class CpsTableComponent implements OnInit, AfterViewChecked {
|
|
|
64
64
|
rowsRemoved: EventEmitter<any[]>;
|
|
65
65
|
pageChanged: EventEmitter<any>;
|
|
66
66
|
sorted: EventEmitter<any>;
|
|
67
|
+
filtered: EventEmitter<any>;
|
|
67
68
|
rowsReordered: EventEmitter<any>;
|
|
68
69
|
columnsSelected: EventEmitter<{
|
|
69
70
|
[key: string]: any;
|
|
@@ -111,10 +112,11 @@ export declare class CpsTableComponent implements OnInit, AfterViewChecked {
|
|
|
111
112
|
onEditRowClicked(item: any): void;
|
|
112
113
|
onRemoveRowClicked(item: any): void;
|
|
113
114
|
onSort(event: any): void;
|
|
115
|
+
onFilter(event: any): void;
|
|
114
116
|
onRowReorder(event: any): void;
|
|
115
117
|
onLazyLoaded(event: any): void;
|
|
116
118
|
exportTable(format: CpsTableExportFormat): void;
|
|
117
119
|
exportXLSX(): void;
|
|
118
120
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTableComponent, never>;
|
|
119
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CpsTableComponent, "cps-table", never, { "data": "data"; "columns": "columns"; "colHeaderName": "colHeaderName"; "colFieldName": "colFieldName"; "striped": "striped"; "bordered": "bordered"; "size": "size"; "selectable": "selectable"; "rowHover": "rowHover"; "dataKey": "dataKey"; "showRowMenu": "showRowMenu"; "reorderableRows": "reorderableRows"; "showColumnsToggle": "showColumnsToggle"; "loading": "loading"; "tableStyle": "tableStyle"; "tableStyleClass": "tableStyleClass"; "sortable": "sortable"; "sortMode": "sortMode"; "customSort": "customSort"; "hasToolbar": "hasToolbar"; "toolbarSize": "toolbarSize"; "toolbarTitle": "toolbarTitle"; "scrollable": "scrollable"; "scrollHeight": "scrollHeight"; "virtualScroll": "virtualScroll"; "numToleratedItems": "numToleratedItems"; "paginator": "paginator"; "alwaysShowPaginator": "alwaysShowPaginator"; "rowsPerPageOptions": "rowsPerPageOptions"; "first": "first"; "rows": "rows"; "resetPageOnRowsChange": "resetPageOnRowsChange"; "resetPageOnSort": "resetPageOnSort"; "emptyMessage": "emptyMessage"; "emptyBodyHeight": "emptyBodyHeight"; "lazy": "lazy"; "lazyLoadOnInit": "lazyLoadOnInit"; "showGlobalFilter": "showGlobalFilter"; "globalFilterPlaceholder": "globalFilterPlaceholder"; "globalFilterFields": "globalFilterFields"; "showRemoveBtnOnSelect": "showRemoveBtnOnSelect"; "showActionBtn": "showActionBtn"; "actionBtnTitle": "actionBtnTitle"; "showExportBtn": "showExportBtn"; "exportFilename": "exportFilename"; "csvSeparator": "csvSeparator"; }, { "selectionChanged": "selectionChanged"; "actionBtnClicked": "actionBtnClicked"; "editRowBtnClicked": "editRowBtnClicked"; "rowsRemoved": "rowsRemoved"; "pageChanged": "pageChanged"; "sorted": "sorted"; "rowsReordered": "rowsReordered"; "columnsSelected": "columnsSelected"; "lazyLoaded": "lazyLoaded"; "customSortFunction": "customSortFunction"; }, ["toolbarTemplate", "headerTemplate", "nestedHeaderTemplate", "bodyTemplate", "rowExpansionTemplate"], never, true, never>;
|
|
121
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CpsTableComponent, "cps-table", never, { "data": "data"; "columns": "columns"; "colHeaderName": "colHeaderName"; "colFieldName": "colFieldName"; "striped": "striped"; "bordered": "bordered"; "size": "size"; "selectable": "selectable"; "rowHover": "rowHover"; "dataKey": "dataKey"; "showRowMenu": "showRowMenu"; "reorderableRows": "reorderableRows"; "showColumnsToggle": "showColumnsToggle"; "loading": "loading"; "tableStyle": "tableStyle"; "tableStyleClass": "tableStyleClass"; "sortable": "sortable"; "sortMode": "sortMode"; "customSort": "customSort"; "hasToolbar": "hasToolbar"; "toolbarSize": "toolbarSize"; "toolbarTitle": "toolbarTitle"; "scrollable": "scrollable"; "scrollHeight": "scrollHeight"; "virtualScroll": "virtualScroll"; "numToleratedItems": "numToleratedItems"; "paginator": "paginator"; "alwaysShowPaginator": "alwaysShowPaginator"; "rowsPerPageOptions": "rowsPerPageOptions"; "first": "first"; "rows": "rows"; "resetPageOnRowsChange": "resetPageOnRowsChange"; "resetPageOnSort": "resetPageOnSort"; "emptyMessage": "emptyMessage"; "emptyBodyHeight": "emptyBodyHeight"; "lazy": "lazy"; "lazyLoadOnInit": "lazyLoadOnInit"; "showGlobalFilter": "showGlobalFilter"; "globalFilterPlaceholder": "globalFilterPlaceholder"; "globalFilterFields": "globalFilterFields"; "showRemoveBtnOnSelect": "showRemoveBtnOnSelect"; "showActionBtn": "showActionBtn"; "actionBtnTitle": "actionBtnTitle"; "showExportBtn": "showExportBtn"; "exportFilename": "exportFilename"; "csvSeparator": "csvSeparator"; }, { "selectionChanged": "selectionChanged"; "actionBtnClicked": "actionBtnClicked"; "editRowBtnClicked": "editRowBtnClicked"; "rowsRemoved": "rowsRemoved"; "pageChanged": "pageChanged"; "sorted": "sorted"; "filtered": "filtered"; "rowsReordered": "rowsReordered"; "columnsSelected": "columnsSelected"; "lazyLoaded": "lazyLoaded"; "customSortFunction": "customSortFunction"; }, ["toolbarTemplate", "headerTemplate", "nestedHeaderTemplate", "bodyTemplate", "rowExpansionTemplate"], never, true, never>;
|
|
120
122
|
}
|
|
@@ -10,7 +10,6 @@ export declare class CpsTableColumnSortableDirective extends SortableColumn impl
|
|
|
10
10
|
constructor(elementRef: ElementRef, viewContainerRef: ViewContainerRef, dt: Table);
|
|
11
11
|
ngOnInit(): void;
|
|
12
12
|
ngOnDestroy(): void;
|
|
13
|
-
onClick(event: MouseEvent): void;
|
|
14
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTableColumnSortableDirective, never>;
|
|
15
14
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTableColumnSortableDirective, "[cpsTColSortable]", never, { "field": "cpsTColSortable"; }, {}, never, never, true, never>;
|
|
16
15
|
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ComponentRef, ElementRef, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import { TableCheckbox } from 'primeng/table';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class CpsTableRowSelectableDirective implements OnInit, OnDestroy {
|
|
5
|
+
private elementRef;
|
|
6
|
+
private viewContainerRef;
|
|
7
|
+
value: any;
|
|
8
|
+
checkboxCompRef: ComponentRef<TableCheckbox>;
|
|
9
|
+
constructor(elementRef: ElementRef, viewContainerRef: ViewContainerRef);
|
|
10
|
+
ngOnInit(): void;
|
|
11
|
+
ngOnDestroy(): void;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTableRowSelectableDirective, never>;
|
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTableRowSelectableDirective, "[cpsTRowSelectable]", never, { "value": "cpsTRowSelectable"; }, {}, never, never, true, never>;
|
|
14
|
+
}
|
|
@@ -2,9 +2,11 @@ import { OnInit } from '@angular/core';
|
|
|
2
2
|
import { FilterMetadata } from 'primeng/api';
|
|
3
3
|
import { Table } from 'primeng/table';
|
|
4
4
|
import { BtnToggleOption } from '../../../cps-button-toggle/cps-button-toggle.component';
|
|
5
|
+
import { TreeTable } from 'primeng/treetable';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
export declare class TableColumnFilterConstraintComponent implements OnInit {
|
|
7
8
|
dt: Table;
|
|
9
|
+
tt: TreeTable;
|
|
8
10
|
type: string | undefined;
|
|
9
11
|
field: string | undefined;
|
|
10
12
|
filterConstraint: FilterMetadata | undefined;
|
|
@@ -16,10 +18,11 @@ export declare class TableColumnFilterConstraintComponent implements OnInit {
|
|
|
16
18
|
label: string;
|
|
17
19
|
value: string;
|
|
18
20
|
}[];
|
|
19
|
-
|
|
21
|
+
_tableInstance: Table | TreeTable;
|
|
22
|
+
constructor(dt: Table, tt: TreeTable);
|
|
20
23
|
ngOnInit(): void;
|
|
21
24
|
onValueChange(value: any): void;
|
|
22
25
|
onEnterKeyDown(event: any): void;
|
|
23
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TableColumnFilterConstraintComponent,
|
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TableColumnFilterConstraintComponent, [{ optional: true; }, { optional: true; }]>;
|
|
24
27
|
static ɵcmp: i0.ɵɵComponentDeclaration<TableColumnFilterConstraintComponent, "table-column-filter-constraint", never, { "type": "type"; "field": "field"; "filterConstraint": "filterConstraint"; "categoryOptions": "categoryOptions"; "placeholder": "placeholder"; "hasApplyButton": "hasApplyButton"; }, {}, never, never, true, never>;
|
|
25
28
|
}
|
|
@@ -2,10 +2,12 @@ import { ElementRef } from '@angular/core';
|
|
|
2
2
|
import { FilterMetadata, SelectItem } from 'primeng/api';
|
|
3
3
|
import { Table } from 'primeng/table';
|
|
4
4
|
import { CpsMenuComponent } from '../../cps-menu/cps-menu.component';
|
|
5
|
+
import { TreeTable } from 'primeng/treetable';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
export declare class TableColumnFilterComponent {
|
|
7
8
|
elementRef: ElementRef;
|
|
8
9
|
dt: Table;
|
|
10
|
+
tt: TreeTable;
|
|
9
11
|
field: string | undefined;
|
|
10
12
|
type: string;
|
|
11
13
|
showClearButton: boolean;
|
|
@@ -26,7 +28,8 @@ export declare class TableColumnFilterComponent {
|
|
|
26
28
|
private filterMatchModeOptions;
|
|
27
29
|
matchModes: SelectItem[] | undefined;
|
|
28
30
|
columnFilterMenu: CpsMenuComponent;
|
|
29
|
-
|
|
31
|
+
_tableInstance: Table | TreeTable;
|
|
32
|
+
constructor(elementRef: ElementRef, dt: Table, tt: TreeTable);
|
|
30
33
|
ngOnInit(): void;
|
|
31
34
|
initFieldFilterConstraint(): void;
|
|
32
35
|
onMenuMatchModeChange(value: any, filterMeta: FilterMetadata): void;
|
|
@@ -45,6 +48,7 @@ export declare class TableColumnFilterComponent {
|
|
|
45
48
|
applyFilter(): void;
|
|
46
49
|
onMenuShown(): void;
|
|
47
50
|
onMenuHidden(): void;
|
|
48
|
-
|
|
51
|
+
onClick(event: any): void;
|
|
52
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TableColumnFilterComponent, [null, { optional: true; }, { optional: true; }]>;
|
|
49
53
|
static ɵcmp: i0.ɵɵComponentDeclaration<TableColumnFilterComponent, "table-column-filter", never, { "field": "field"; "type": "type"; "showClearButton": "showClearButton"; "showApplyButton": "showApplyButton"; "hideOnClear": "hideOnClear"; "maxConstraints": "maxConstraints"; "categoryOptions": "categoryOptions"; "placeholder": "placeholder"; }, {}, never, never, true, never>;
|
|
50
54
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { AfterViewInit, ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { NgControl } from '@angular/forms';
|
|
3
3
|
import { TreeNode } from 'primeng/api';
|
|
4
|
-
import {
|
|
4
|
+
import { BaseTreeDropdownComponent } from '../../base_components/base-tree-dropdown.component';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export type CpsTreeAutocompleteAppearanceType = 'outlined' | 'underlined' | 'borderless';
|
|
7
|
-
export declare class CpsTreeAutocompleteComponent extends
|
|
7
|
+
export declare class CpsTreeAutocompleteComponent extends BaseTreeDropdownComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
8
8
|
control: NgControl;
|
|
9
9
|
cdRef: ChangeDetectorRef;
|
|
10
10
|
emptyMessage: string;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { AfterViewInit, ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { NgControl } from '@angular/forms';
|
|
3
|
-
import {
|
|
3
|
+
import { BaseTreeDropdownComponent } from '../../base_components/base-tree-dropdown.component';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export type CpsTreeSelectAppearanceType = 'outlined' | 'underlined' | 'borderless';
|
|
6
|
-
export declare class CpsTreeSelectComponent extends
|
|
6
|
+
export declare class CpsTreeSelectComponent extends BaseTreeDropdownComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
7
7
|
control: NgControl;
|
|
8
8
|
cdRef: ChangeDetectorRef;
|
|
9
9
|
appearance: CpsTreeSelectAppearanceType;
|
|
@@ -14,22 +14,26 @@ export declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnD
|
|
|
14
14
|
}[];
|
|
15
15
|
colHeaderName: string;
|
|
16
16
|
colFieldName: string;
|
|
17
|
-
size: CpsTreeTableSize;
|
|
18
17
|
striped: boolean;
|
|
19
18
|
bordered: boolean;
|
|
19
|
+
size: CpsTreeTableSize;
|
|
20
|
+
selectable: boolean;
|
|
21
|
+
rowHover: boolean;
|
|
22
|
+
showRowMenu: boolean;
|
|
23
|
+
showColumnsToggle: boolean;
|
|
24
|
+
loading: boolean;
|
|
20
25
|
tableStyle: undefined;
|
|
21
26
|
tableStyleClass: string;
|
|
22
|
-
selectable: boolean;
|
|
23
27
|
sortable: boolean;
|
|
24
28
|
sortMode: CpsTreeTableSortMode;
|
|
25
29
|
customSort: boolean;
|
|
26
30
|
hasToolbar: boolean;
|
|
27
31
|
toolbarSize: CpsTreeTableToolbarSize;
|
|
28
32
|
toolbarTitle: string;
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
+
scrollable: boolean;
|
|
34
|
+
scrollHeight: string;
|
|
35
|
+
virtualScroll: boolean;
|
|
36
|
+
numToleratedItems: number;
|
|
33
37
|
paginator: boolean;
|
|
34
38
|
alwaysShowPaginator: boolean;
|
|
35
39
|
rowsPerPageOptions: number[];
|
|
@@ -41,16 +45,12 @@ export declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnD
|
|
|
41
45
|
emptyBodyHeight: number | string;
|
|
42
46
|
lazy: boolean;
|
|
43
47
|
lazyLoadOnInit: boolean;
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
scrollHeight: string;
|
|
48
|
-
virtualScroll: boolean;
|
|
49
|
-
numToleratedItems: number;
|
|
48
|
+
showGlobalFilter: boolean;
|
|
49
|
+
globalFilterPlaceholder: string;
|
|
50
|
+
globalFilterFields: string[];
|
|
50
51
|
showRemoveBtnOnSelect: boolean;
|
|
51
52
|
showActionBtn: boolean;
|
|
52
53
|
actionBtnTitle: string;
|
|
53
|
-
showColumnsToggle: boolean;
|
|
54
54
|
actionBtnClicked: EventEmitter<void>;
|
|
55
55
|
columnsSelected: EventEmitter<{
|
|
56
56
|
[key: string]: any;
|
|
@@ -62,6 +62,7 @@ export declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnD
|
|
|
62
62
|
nodeSelected: EventEmitter<any>;
|
|
63
63
|
nodeUnselected: EventEmitter<any>;
|
|
64
64
|
sorted: EventEmitter<any>;
|
|
65
|
+
filtered: EventEmitter<any>;
|
|
65
66
|
editRowBtnClicked: EventEmitter<any>;
|
|
66
67
|
rowsRemoved: EventEmitter<any[]>;
|
|
67
68
|
/**
|
|
@@ -104,6 +105,7 @@ export declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnD
|
|
|
104
105
|
removeSelected(): void;
|
|
105
106
|
onEditRowClicked(node: any): void;
|
|
106
107
|
onRemoveRowClicked(node: any): void;
|
|
108
|
+
private _removeNodeFromData;
|
|
107
109
|
toggleAllColumns(): void;
|
|
108
110
|
isColumnSelected(col: any): boolean;
|
|
109
111
|
onRowsPerPageChanged(): void;
|
|
@@ -117,7 +119,8 @@ export declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnD
|
|
|
117
119
|
onNodeSelected(event: any): void;
|
|
118
120
|
onNodeUnselected(event: any): void;
|
|
119
121
|
onSort(event: any): void;
|
|
122
|
+
onFilter(event: any): void;
|
|
120
123
|
onSelectColumn(col: any): void;
|
|
121
124
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeTableComponent, never>;
|
|
122
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeTableComponent, "cps-tree-table", never, { "data": "data"; "columns": "columns"; "colHeaderName": "colHeaderName"; "colFieldName": "colFieldName"; "size": "size"; "
|
|
125
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeTableComponent, "cps-tree-table", never, { "data": "data"; "columns": "columns"; "colHeaderName": "colHeaderName"; "colFieldName": "colFieldName"; "striped": "striped"; "bordered": "bordered"; "size": "size"; "selectable": "selectable"; "rowHover": "rowHover"; "showRowMenu": "showRowMenu"; "showColumnsToggle": "showColumnsToggle"; "loading": "loading"; "tableStyle": "tableStyle"; "tableStyleClass": "tableStyleClass"; "sortable": "sortable"; "sortMode": "sortMode"; "customSort": "customSort"; "hasToolbar": "hasToolbar"; "toolbarSize": "toolbarSize"; "toolbarTitle": "toolbarTitle"; "scrollable": "scrollable"; "scrollHeight": "scrollHeight"; "virtualScroll": "virtualScroll"; "numToleratedItems": "numToleratedItems"; "paginator": "paginator"; "alwaysShowPaginator": "alwaysShowPaginator"; "rowsPerPageOptions": "rowsPerPageOptions"; "first": "first"; "rows": "rows"; "resetPageOnRowsChange": "resetPageOnRowsChange"; "resetPageOnSort": "resetPageOnSort"; "emptyMessage": "emptyMessage"; "emptyBodyHeight": "emptyBodyHeight"; "lazy": "lazy"; "lazyLoadOnInit": "lazyLoadOnInit"; "showGlobalFilter": "showGlobalFilter"; "globalFilterPlaceholder": "globalFilterPlaceholder"; "globalFilterFields": "globalFilterFields"; "showRemoveBtnOnSelect": "showRemoveBtnOnSelect"; "showActionBtn": "showActionBtn"; "actionBtnTitle": "actionBtnTitle"; }, { "actionBtnClicked": "actionBtnClicked"; "columnsSelected": "columnsSelected"; "pageChanged": "pageChanged"; "lazyLoaded": "lazyLoaded"; "nodeExpanded": "nodeExpanded"; "nodeCollapsed": "nodeCollapsed"; "nodeSelected": "nodeSelected"; "nodeUnselected": "nodeUnselected"; "sorted": "sorted"; "filtered": "filtered"; "editRowBtnClicked": "editRowBtnClicked"; "rowsRemoved": "rowsRemoved"; "customSortFunction": "customSortFunction"; }, ["toolbarTemplate", "headerTemplate", "nestedHeaderTemplate", "bodyTemplate"], never, true, never>;
|
|
123
126
|
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ComponentRef, ElementRef, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import { TableColumnFilterComponent } from '../../cps-table/table-column-filter/table-column-filter.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export type CpsTreeTableColumnFilterType = 'text' | 'number' | 'date' | 'boolean' | 'category';
|
|
5
|
+
export declare class CpsTreeTableColumnFilterDirective implements OnInit, OnDestroy {
|
|
6
|
+
private elementRef;
|
|
7
|
+
private viewContainerRef;
|
|
8
|
+
field: string | undefined;
|
|
9
|
+
filterType: CpsTreeTableColumnFilterType;
|
|
10
|
+
filterShowClearButton: boolean;
|
|
11
|
+
filterShowApplyButton: boolean;
|
|
12
|
+
filterHideOnClear: boolean;
|
|
13
|
+
filterCategoryOptions: string[];
|
|
14
|
+
filterPlaceholder: string;
|
|
15
|
+
filterCompRef: ComponentRef<TableColumnFilterComponent>;
|
|
16
|
+
constructor(elementRef: ElementRef, viewContainerRef: ViewContainerRef);
|
|
17
|
+
ngOnInit(): void;
|
|
18
|
+
private _getDefaultPlaceholder;
|
|
19
|
+
ngOnDestroy(): void;
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeTableColumnFilterDirective, never>;
|
|
21
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTreeTableColumnFilterDirective, "[cpsTTColFilter]", never, { "field": "cpsTTColFilter"; "filterType": "filterType"; "filterShowClearButton": "filterShowClearButton"; "filterShowApplyButton": "filterShowApplyButton"; "filterHideOnClear": "filterHideOnClear"; "filterCategoryOptions": "filterCategoryOptions"; "filterPlaceholder": "filterPlaceholder"; }, {}, never, never, true, never>;
|
|
22
|
+
}
|
package/lib/components/cps-tree-table/directives/cps-tree-table-column-sortable.directive.d.ts
CHANGED
|
@@ -11,7 +11,6 @@ export declare class CpsTreeTableColumnSortableDirective extends TTSortableColum
|
|
|
11
11
|
constructor(elementRef: ElementRef, viewContainerRef: ViewContainerRef, tt: TreeTable);
|
|
12
12
|
ngOnInit(): void;
|
|
13
13
|
ngOnDestroy(): void;
|
|
14
|
-
onClick(event: MouseEvent): void;
|
|
15
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeTableColumnSortableDirective, never>;
|
|
16
15
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTreeTableColumnSortableDirective, "[cpsTTColSortable]", never, { "field": "cpsTTColSortable"; }, {}, never, never, true, never>;
|
|
17
16
|
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ComponentRef, ElementRef, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import { TTCheckbox } from 'primeng/treetable';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class CpsTreeTableRowSelectableDirective implements OnInit, OnDestroy {
|
|
5
|
+
private elementRef;
|
|
6
|
+
private viewContainerRef;
|
|
7
|
+
value: any;
|
|
8
|
+
checkboxCompRef: ComponentRef<TTCheckbox>;
|
|
9
|
+
constructor(elementRef: ElementRef, viewContainerRef: ViewContainerRef);
|
|
10
|
+
ngOnInit(): void;
|
|
11
|
+
ngOnDestroy(): void;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeTableRowSelectableDirective, never>;
|
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTreeTableRowSelectableDirective, "[cpsTTRowSelectable]", never, { "value": "cpsTTRowSelectable"; }, {}, never, never, true, never>;
|
|
14
|
+
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -13,10 +13,13 @@ export * from './lib/components/cps-table/cps-table.component';
|
|
|
13
13
|
export * from './lib/components/cps-table/directives/cps-table-column-sortable.directive';
|
|
14
14
|
export * from './lib/components/cps-table/directives/cps-table-column-filter.directive';
|
|
15
15
|
export * from './lib/components/cps-table/directives/cps-table-header-selectable.directive';
|
|
16
|
+
export * from './lib/components/cps-table/directives/cps-table-row-selectable.directive';
|
|
16
17
|
export * from './lib/components/cps-tree-table/cps-tree-table.component';
|
|
17
18
|
export * from './lib/components/cps-tree-table/directives/cps-tree-table-column-sortable.directive';
|
|
19
|
+
export * from './lib/components/cps-tree-table/directives/cps-tree-table-column-filter.directive';
|
|
18
20
|
export * from './lib/components/cps-tree-table/directives/cps-tree-table-row-toggler.directive';
|
|
19
21
|
export * from './lib/components/cps-tree-table/directives/cps-tree-table-header-selectable.directive';
|
|
22
|
+
export * from './lib/components/cps-tree-table/directives/cps-tree-table-row-selectable.directive';
|
|
20
23
|
export * from './lib/components/cps-tag/cps-tag.component';
|
|
21
24
|
export * from './lib/components/cps-chip/cps-chip.component';
|
|
22
25
|
export * from './lib/components/cps-menu/cps-menu.component';
|