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.
Files changed (39) hide show
  1. package/esm2020/lib/base_components/base-tree-dropdown.component.mjs +484 -0
  2. package/esm2020/lib/components/cps-autocomplete/cps-autocomplete.component.mjs +1 -1
  3. package/esm2020/lib/components/cps-datepicker/cps-datepicker.component.mjs +1 -1
  4. package/esm2020/lib/components/cps-menu/cps-menu.component.mjs +7 -3
  5. package/esm2020/lib/components/cps-select/cps-select.component.mjs +1 -1
  6. package/esm2020/lib/components/cps-sidebar-menu/cps-sidebar-menu.component.mjs +2 -2
  7. package/esm2020/lib/components/cps-table/cps-table.component.mjs +10 -4
  8. package/esm2020/lib/components/cps-table/directives/cps-table-column-sortable.directive.mjs +1 -6
  9. package/esm2020/lib/components/cps-table/directives/cps-table-row-selectable.directive.mjs +31 -0
  10. package/esm2020/lib/components/cps-table/table-column-filter/table-column-filter-constraint/table-column-filter-constraint.component.mjs +18 -11
  11. package/esm2020/lib/components/cps-table/table-column-filter/table-column-filter.component.mjs +61 -34
  12. package/esm2020/lib/components/cps-table/table-row-menu/table-row-menu.component.mjs +1 -1
  13. package/esm2020/lib/components/cps-tree-autocomplete/cps-tree-autocomplete.component.mjs +4 -4
  14. package/esm2020/lib/components/cps-tree-select/cps-tree-select.component.mjs +4 -4
  15. package/esm2020/lib/components/cps-tree-table/cps-tree-table.component.mjs +116 -63
  16. package/esm2020/lib/components/cps-tree-table/directives/cps-tree-table-column-filter.directive.mjs +70 -0
  17. package/esm2020/lib/components/cps-tree-table/directives/cps-tree-table-column-sortable.directive.mjs +1 -6
  18. package/esm2020/lib/components/cps-tree-table/directives/cps-tree-table-row-selectable.directive.mjs +31 -0
  19. package/esm2020/public-api.mjs +4 -1
  20. package/fesm2015/cps-ui-kit.mjs +337 -125
  21. package/fesm2015/cps-ui-kit.mjs.map +1 -1
  22. package/fesm2020/cps-ui-kit.mjs +330 -123
  23. package/fesm2020/cps-ui-kit.mjs.map +1 -1
  24. package/lib/base_components/{cps-tree-dropdown-base.component.d.ts → base-tree-dropdown.component.d.ts} +3 -3
  25. package/lib/components/cps-menu/cps-menu.component.d.ts +2 -1
  26. package/lib/components/cps-table/cps-table.component.d.ts +3 -1
  27. package/lib/components/cps-table/directives/cps-table-column-sortable.directive.d.ts +0 -1
  28. package/lib/components/cps-table/directives/cps-table-row-selectable.directive.d.ts +14 -0
  29. package/lib/components/cps-table/table-column-filter/table-column-filter-constraint/table-column-filter-constraint.component.d.ts +5 -2
  30. package/lib/components/cps-table/table-column-filter/table-column-filter.component.d.ts +6 -2
  31. package/lib/components/cps-tree-autocomplete/cps-tree-autocomplete.component.d.ts +2 -2
  32. package/lib/components/cps-tree-select/cps-tree-select.component.d.ts +2 -2
  33. package/lib/components/cps-tree-table/cps-tree-table.component.d.ts +17 -14
  34. package/lib/components/cps-tree-table/directives/cps-tree-table-column-filter.directive.d.ts +22 -0
  35. package/lib/components/cps-tree-table/directives/cps-tree-table-column-sortable.directive.d.ts +0 -1
  36. package/lib/components/cps-tree-table/directives/cps-tree-table-row-selectable.directive.d.ts +14 -0
  37. package/package.json +1 -1
  38. package/public-api.d.ts +3 -0
  39. 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 CpsTreeDropdownBaseComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
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<CpsTreeDropdownBaseComponent, [{ optional: true; self: true; }, null]>;
96
- static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeDropdownBaseComponent, "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>;
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
- constructor(dt: Table);
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, never>;
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
- constructor(elementRef: ElementRef, dt: Table);
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
- static ɵfac: i0.ɵɵFactoryDeclaration<TableColumnFilterComponent, never>;
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 { CpsTreeDropdownBaseComponent } from '../../base_components/cps-tree-dropdown-base.component';
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 CpsTreeDropdownBaseComponent implements OnInit, AfterViewInit, OnDestroy {
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 { CpsTreeDropdownBaseComponent } from '../../base_components/cps-tree-dropdown-base.component';
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 CpsTreeDropdownBaseComponent implements OnInit, AfterViewInit, OnDestroy {
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
- rowHover: boolean;
30
- showGlobalFilter: boolean;
31
- globalFilterPlaceholder: string;
32
- globalFilterFields: string[];
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
- showRowMenu: boolean;
45
- loading: boolean;
46
- scrollable: boolean;
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"; "striped": "striped"; "bordered": "bordered"; "tableStyle": "tableStyle"; "tableStyleClass": "tableStyleClass"; "selectable": "selectable"; "sortable": "sortable"; "sortMode": "sortMode"; "customSort": "customSort"; "hasToolbar": "hasToolbar"; "toolbarSize": "toolbarSize"; "toolbarTitle": "toolbarTitle"; "rowHover": "rowHover"; "showGlobalFilter": "showGlobalFilter"; "globalFilterPlaceholder": "globalFilterPlaceholder"; "globalFilterFields": "globalFilterFields"; "paginator": "paginator"; "alwaysShowPaginator": "alwaysShowPaginator"; "rowsPerPageOptions": "rowsPerPageOptions"; "first": "first"; "rows": "rows"; "resetPageOnRowsChange": "resetPageOnRowsChange"; "resetPageOnSort": "resetPageOnSort"; "emptyMessage": "emptyMessage"; "emptyBodyHeight": "emptyBodyHeight"; "lazy": "lazy"; "lazyLoadOnInit": "lazyLoadOnInit"; "loading": "loading"; "scrollable": "scrollable"; "scrollHeight": "scrollHeight"; "virtualScroll": "virtualScroll"; "numToleratedItems": "numToleratedItems"; "showActionBtn": "showActionBtn"; "actionBtnTitle": "actionBtnTitle"; "showColumnsToggle": "showColumnsToggle"; }, { "actionBtnClicked": "actionBtnClicked"; "columnsSelected": "columnsSelected"; "pageChanged": "pageChanged"; "lazyLoaded": "lazyLoaded"; "nodeExpanded": "nodeExpanded"; "nodeCollapsed": "nodeCollapsed"; "nodeSelected": "nodeSelected"; "nodeUnselected": "nodeUnselected"; "sorted": "sorted"; "editRowBtnClicked": "editRowBtnClicked"; "rowsRemoved": "rowsRemoved"; "customSortFunction": "customSortFunction"; }, ["toolbarTemplate", "headerTemplate", "nestedHeaderTemplate", "bodyTemplate"], never, true, never>;
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
+ }
@@ -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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cps-ui-kit",
3
- "version": "0.73.0",
3
+ "version": "0.75.0",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "15 - 16",
6
6
  "@angular/core": "15 - 16",
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';