cps-ui-kit 0.155.0 → 0.157.0

package/lib/components/cps-table/cps-table.component.d.ts

@@ -3,6 +3,7 @@ import { Table } from 'primeng/table';
 import { SortEvent } from 'primeng/api';
 import { CpsInputComponent } from '../cps-input/cps-input.component';
 import { CpsMenuComponent, CpsMenuItem } from '../cps-menu/cps-menu.component';
+import { TableUnsortDirective } from './directives/internal/table-unsort.directive';
 import * as i0 from "@angular/core";
 export declare function tableFactory(tableComponent: CpsTableComponent): Table;
 export type CpsTableExportFormat = 'csv' | 'xlsx';
@@ -15,11 +16,6 @@ export type CpsTableSortMode = 'single' | 'multiple';
  */
 export declare class CpsTableComponent implements OnInit, AfterViewChecked, OnChanges {
     private cdRef;
-    /**
-     * An array of objects to display.
-     * @group Props
-     */
-    data: any[];
     /**
      * An array of objects to represent dynamic columns.
      * @group Props
@@ -327,29 +323,50 @@ export declare class CpsTableComponent implements OnInit, AfterViewChecked, OnCh
         [key: string]: any;
     }[];
     /**
-     * Callback to invoke on selection changed.
-     * @param {any[]} value - selected data.
+     * An array of objects to display.
+     * @group Props
+     */
+    set data(value: any[]);
+    get data(): any[];
+    /**
+     * Callback to invoke on selection changed. Returns selected rows.
+     * @param {any[]} any[] - selected rows.
      * @group Emits
      */
-    selectionChanged: EventEmitter<any[]>;
+    rowsSelected: EventEmitter<any[]>;
+    /**
+     * Callback to invoke on selection changed. Returns selected rows indexes.
+     * @param {number[]} number[] - selected rows indexes.
+     * @group Emits
+     */
+    selectedRowIndexes: EventEmitter<number[]>;
     /**
      * Callback to invoke when action button is clicked.
-     * @param {void} void - button clicked.
+     * @param {void} void - action button clicked.
      * @group Emits
      */
     actionBtnClicked: EventEmitter<void>;
     /**
      * Callback to invoke when edit-row button is clicked.
-     * @param {any} any - button clicked.
+     * @param {{row: any, index: number}} {row: any, index: number} - edit-row button clicked.
+     * @group Emits
+     */
+    editRowBtnClicked: EventEmitter<{
+        row: any;
+        index: number;
+    }>;
+    /**
+     * Callback to invoke on rows removal. Returns rows.
+     * @param {any[]} any[] - array of rows to remove.
      * @group Emits
      */
-    editRowBtnClicked: EventEmitter<any>;
+    rowsToRemove: EventEmitter<any[]>;
     /**
-     * Callback to invoke on rows removal.
-     * @param {any[]} any[] - array of rows removed.
+     * Callback to invoke on rows removal. Returns rows indexes.
+     * @param {number[]} number[] - array of indexes of rows to remove.
      * @group Emits
      */
-    rowsRemoved: EventEmitter<any[]>;
+    rowIndexesToRemove: EventEmitter<number[]>;
     /**
      * Callback to invoke on page changed.
      * @param {any} any - page changed.
@@ -415,6 +432,8 @@ export declare class CpsTableComponent implements OnInit, AfterViewChecked, OnCh
     globalFilterComp: CpsInputComponent;
     exportMenu: CpsMenuComponent;
     colToggleMenu: CpsMenuComponent;
+    tUnsortDirective: TableUnsortDirective;
+    _data: any[];
     selectedRows: any[];
     virtualScrollItemSize: number;
     rowOptions: {
@@ -430,6 +449,7 @@ export declare class CpsTableComponent implements OnInit, AfterViewChecked, OnCh
     get styleClass(): string;
     ngAfterViewChecked(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    resetSortingState(): void;
     clearSelection(): void;
     clearGlobalFilter(): void;
     onSelectionChanged(selection: any[]): void;
@@ -446,7 +466,7 @@ export declare class CpsTableComponent implements OnInit, AfterViewChecked, OnCh
     toggleAllColumns(): void;
     isColumnSelected(col: any): boolean;
     onSelectColumn(col: any): void;
-    onEditRowClicked(item: any): void;
+    onEditRowClicked(row: any): void;
     onRemoveRowClicked(item: any): void;
     onSort(event: any): void;
     onFilter(event: any): void;
@@ -455,8 +475,9 @@ export declare class CpsTableComponent implements OnInit, AfterViewChecked, OnCh
     onReloadData(): void;
     onExportData(event: any): void;
     onColumnsToggle(event: any): void;
+    private _getIndexes;
     exportTable(format: CpsTableExportFormat): void;
     exportXLSX(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTableComponent, never>;
-    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"; "showRowRemoveButton": "showRowRemoveButton"; "reorderableRows": "reorderableRows"; "loading": "loading"; "tableStyle": "tableStyle"; "tableStyleClass": "tableStyleClass"; "sortable": "sortable"; "sortMode": "sortMode"; "customSort": "customSort"; "hasToolbar": "hasToolbar"; "toolbarSize": "toolbarSize"; "toolbarTitle": "toolbarTitle"; "toolbarIcon": "toolbarIcon"; "toolbarIconColor": "toolbarIconColor"; "scrollable": "scrollable"; "scrollHeight": "scrollHeight"; "virtualScroll": "virtualScroll"; "numToleratedItems": "numToleratedItems"; "paginator": "paginator"; "alwaysShowPaginator": "alwaysShowPaginator"; "rowsPerPageOptions": "rowsPerPageOptions"; "first": "first"; "rows": "rows"; "resetPageOnRowsChange": "resetPageOnRowsChange"; "resetPageOnSort": "resetPageOnSort"; "totalRecords": "totalRecords"; "emptyMessage": "emptyMessage"; "emptyBodyHeight": "emptyBodyHeight"; "lazy": "lazy"; "lazyLoadOnInit": "lazyLoadOnInit"; "showGlobalFilter": "showGlobalFilter"; "globalFilterPlaceholder": "globalFilterPlaceholder"; "globalFilterFields": "globalFilterFields"; "clearGlobalFilterOnLoading": "clearGlobalFilterOnLoading"; "showRemoveBtnOnSelect": "showRemoveBtnOnSelect"; "removeBtnOnSelectDisabled": "removeBtnOnSelectDisabled"; "showAdditionalBtnOnSelect": "showAdditionalBtnOnSelect"; "additionalBtnOnSelectTitle": "additionalBtnOnSelectTitle"; "additionalBtnOnSelectDisabled": "additionalBtnOnSelectDisabled"; "showActionBtn": "showActionBtn"; "actionBtnTitle": "actionBtnTitle"; "actionBtnDisabled": "actionBtnDisabled"; "showExportBtn": "showExportBtn"; "exportBtnDisabled": "exportBtnDisabled"; "exportFilename": "exportFilename"; "csvSeparator": "csvSeparator"; "showDataReloadBtn": "showDataReloadBtn"; "dataReloadBtnDisabled": "dataReloadBtnDisabled"; "showColumnsToggleBtn": "showColumnsToggleBtn"; "columnsToggleBtnDisabled": "columnsToggleBtnDisabled"; "initialColumns": "initialColumns"; }, { "selectionChanged": "selectionChanged"; "actionBtnClicked": "actionBtnClicked"; "editRowBtnClicked": "editRowBtnClicked"; "rowsRemoved": "rowsRemoved"; "pageChanged": "pageChanged"; "sorted": "sorted"; "filtered": "filtered"; "rowsReordered": "rowsReordered"; "columnsSelected": "columnsSelected"; "lazyLoaded": "lazyLoaded"; "dataReloadBtnClicked": "dataReloadBtnClicked"; "additionalBtnOnSelectClicked": "additionalBtnOnSelectClicked"; "customSortFunction": "customSortFunction"; }, ["toolbarTemplate", "headerTemplate", "nestedHeaderTemplate", "bodyTemplate", "rowExpansionTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsTableComponent, "cps-table", never, { "columns": "columns"; "colHeaderName": "colHeaderName"; "colFieldName": "colFieldName"; "striped": "striped"; "bordered": "bordered"; "size": "size"; "selectable": "selectable"; "rowHover": "rowHover"; "dataKey": "dataKey"; "showRowMenu": "showRowMenu"; "showRowRemoveButton": "showRowRemoveButton"; "reorderableRows": "reorderableRows"; "loading": "loading"; "tableStyle": "tableStyle"; "tableStyleClass": "tableStyleClass"; "sortable": "sortable"; "sortMode": "sortMode"; "customSort": "customSort"; "hasToolbar": "hasToolbar"; "toolbarSize": "toolbarSize"; "toolbarTitle": "toolbarTitle"; "toolbarIcon": "toolbarIcon"; "toolbarIconColor": "toolbarIconColor"; "scrollable": "scrollable"; "scrollHeight": "scrollHeight"; "virtualScroll": "virtualScroll"; "numToleratedItems": "numToleratedItems"; "paginator": "paginator"; "alwaysShowPaginator": "alwaysShowPaginator"; "rowsPerPageOptions": "rowsPerPageOptions"; "first": "first"; "rows": "rows"; "resetPageOnRowsChange": "resetPageOnRowsChange"; "resetPageOnSort": "resetPageOnSort"; "totalRecords": "totalRecords"; "emptyMessage": "emptyMessage"; "emptyBodyHeight": "emptyBodyHeight"; "lazy": "lazy"; "lazyLoadOnInit": "lazyLoadOnInit"; "showGlobalFilter": "showGlobalFilter"; "globalFilterPlaceholder": "globalFilterPlaceholder"; "globalFilterFields": "globalFilterFields"; "clearGlobalFilterOnLoading": "clearGlobalFilterOnLoading"; "showRemoveBtnOnSelect": "showRemoveBtnOnSelect"; "removeBtnOnSelectDisabled": "removeBtnOnSelectDisabled"; "showAdditionalBtnOnSelect": "showAdditionalBtnOnSelect"; "additionalBtnOnSelectTitle": "additionalBtnOnSelectTitle"; "additionalBtnOnSelectDisabled": "additionalBtnOnSelectDisabled"; "showActionBtn": "showActionBtn"; "actionBtnTitle": "actionBtnTitle"; "actionBtnDisabled": "actionBtnDisabled"; "showExportBtn": "showExportBtn"; "exportBtnDisabled": "exportBtnDisabled"; "exportFilename": "exportFilename"; "csvSeparator": "csvSeparator"; "showDataReloadBtn": "showDataReloadBtn"; "dataReloadBtnDisabled": "dataReloadBtnDisabled"; "showColumnsToggleBtn": "showColumnsToggleBtn"; "columnsToggleBtnDisabled": "columnsToggleBtnDisabled"; "initialColumns": "initialColumns"; "data": "data"; }, { "rowsSelected": "rowsSelected"; "selectedRowIndexes": "selectedRowIndexes"; "actionBtnClicked": "actionBtnClicked"; "editRowBtnClicked": "editRowBtnClicked"; "rowsToRemove": "rowsToRemove"; "rowIndexesToRemove": "rowIndexesToRemove"; "pageChanged": "pageChanged"; "sorted": "sorted"; "filtered": "filtered"; "rowsReordered": "rowsReordered"; "columnsSelected": "columnsSelected"; "lazyLoaded": "lazyLoaded"; "dataReloadBtnClicked": "dataReloadBtnClicked"; "additionalBtnOnSelectClicked": "additionalBtnOnSelectClicked"; "customSortFunction": "customSortFunction"; }, ["toolbarTemplate", "headerTemplate", "nestedHeaderTemplate", "bodyTemplate", "rowExpansionTemplate"], never, true, never>;
 }

package/lib/components/cps-table/directives/internal/table-unsort.directive.d.ts

@@ -2,8 +2,12 @@ import { Table } from 'primeng/table';
 import * as i0 from "@angular/core";
 export declare class TableUnsortDirective {
     pTable: Table;
-    defaultSortOrderInitialized: boolean;
+    resetSorting: boolean;
+    sortIndices: number[];
     constructor(pTable: Table);
+    resetDefaultSortOrder(): void;
+    private _sortData;
+    private _multisortField;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableUnsortDirective, [{ optional: true; host: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TableUnsortDirective, "[tWithUnsort]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableUnsortDirective, "[tWithUnsort]", ["tWithUnsort"], {}, {}, never, never, true, never>;
 }

package/lib/components/cps-tree-table/cps-tree-table.component.d.ts

@@ -16,11 +16,6 @@ export declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnD
     private cdRef;
     private renderer;
     private ngZone;
-    /**
-     * An array of objects to display.
-     * @group Props
-     */
-    data: any[];
     /**
      * An array of objects to represent dynamic columns.
      * @group Props
@@ -318,11 +313,17 @@ export declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnD
         [key: string]: any;
     }[];
     /**
-     * Callback to invoke on selected node change.
-     * @param {any[]} array - selection changed.
+     * An array of objects to display.
+     * @group Props
+     */
+    set data(value: any[]);
+    get data(): any[];
+    /**
+     * Callback to invoke on selected rows change.
+     * @param {any[]} any[] - selected rows.
      * @group Emits
      */
-    selectionChanged: EventEmitter<any[]>;
+    rowsSelected: EventEmitter<any[]>;
     /**
      * Callback to invoke when action button is clicked.
      * @param {void} void - action button clicked.
@@ -343,10 +344,10 @@ export declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnD
     editRowBtnClicked: EventEmitter<any>;
     /**
      * Callback to invoke when rows are removed.
-     * @param {any} any - rows removed.
+     * @param {any[]} any[] - array of rows to remove.
      * @group Emits
      */
-    rowsRemoved: EventEmitter<any[]>;
+    rowsToRemove: EventEmitter<any[]>;
     /**
      * Callback to invoke when page is changed.
      * @param {any} any - page changed.
@@ -442,6 +443,7 @@ export declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnD
     private _scrollbarWidth;
     private _scrollbarVisible;
     private _needRecalcAutoLayout;
+    _data: any[];
     constructor(cdRef: ChangeDetectorRef, renderer: Renderer2, ngZone: NgZone);
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -454,7 +456,6 @@ export declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnD
     private _onWindowResize;
     get styleClass(): string;
     private _recalcVirtualHeight;
-    private _removeNodeFromData;
     clearGlobalFilter(): void;
     onSortFunction(event: SortEvent): void;
     onFilterGlobal(value: string): void;
@@ -483,5 +484,5 @@ export declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnD
     onSelectColumn(col: any): void;
     onSelectionChanged(selection: any[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeTableComponent, "cps-tree-table", never, { "data": "data"; "columns": "columns"; "colHeaderName": "colHeaderName"; "colFieldName": "colFieldName"; "minWidth": "minWidth"; "minWidthForBodyOnly": "minWidthForBodyOnly"; "autoLayout": "autoLayout"; "striped": "striped"; "bordered": "bordered"; "size": "size"; "selectable": "selectable"; "rowHover": "rowHover"; "showRowMenu": "showRowMenu"; "showRowRemoveButton": "showRowRemoveButton"; "loading": "loading"; "tableStyle": "tableStyle"; "tableStyleClass": "tableStyleClass"; "sortable": "sortable"; "sortMode": "sortMode"; "customSort": "customSort"; "hasToolbar": "hasToolbar"; "toolbarSize": "toolbarSize"; "toolbarTitle": "toolbarTitle"; "toolbarIcon": "toolbarIcon"; "toolbarIconColor": "toolbarIconColor"; "scrollable": "scrollable"; "scrollHeight": "scrollHeight"; "virtualScroll": "virtualScroll"; "virtualScrollItemHeight": "virtualScrollItemHeight"; "numToleratedItems": "numToleratedItems"; "paginator": "paginator"; "alwaysShowPaginator": "alwaysShowPaginator"; "rowsPerPageOptions": "rowsPerPageOptions"; "first": "first"; "rows": "rows"; "resetPageOnRowsChange": "resetPageOnRowsChange"; "resetPageOnSort": "resetPageOnSort"; "totalRecords": "totalRecords"; "emptyMessage": "emptyMessage"; "emptyBodyHeight": "emptyBodyHeight"; "lazy": "lazy"; "lazyLoadOnInit": "lazyLoadOnInit"; "showGlobalFilter": "showGlobalFilter"; "globalFilterPlaceholder": "globalFilterPlaceholder"; "globalFilterFields": "globalFilterFields"; "clearGlobalFilterOnLoading": "clearGlobalFilterOnLoading"; "showRemoveBtnOnSelect": "showRemoveBtnOnSelect"; "removeBtnOnSelectDisabled": "removeBtnOnSelectDisabled"; "showAdditionalBtnOnSelect": "showAdditionalBtnOnSelect"; "additionalBtnOnSelectTitle": "additionalBtnOnSelectTitle"; "additionalBtnOnSelectDisabled": "additionalBtnOnSelectDisabled"; "showActionBtn": "showActionBtn"; "actionBtnTitle": "actionBtnTitle"; "actionBtnDisabled": "actionBtnDisabled"; "showDataReloadBtn": "showDataReloadBtn"; "dataReloadBtnDisabled": "dataReloadBtnDisabled"; "showColumnsToggleBtn": "showColumnsToggleBtn"; "columnsToggleBtnDisabled": "columnsToggleBtnDisabled"; "initialColumns": "initialColumns"; }, { "selectionChanged": "selectionChanged"; "actionBtnClicked": "actionBtnClicked"; "additionalBtnOnSelectClicked": "additionalBtnOnSelectClicked"; "editRowBtnClicked": "editRowBtnClicked"; "rowsRemoved": "rowsRemoved"; "pageChanged": "pageChanged"; "sorted": "sorted"; "filtered": "filtered"; "columnsSelected": "columnsSelected"; "lazyLoaded": "lazyLoaded"; "dataReloadBtnClicked": "dataReloadBtnClicked"; "nodeExpanded": "nodeExpanded"; "nodeCollapsed": "nodeCollapsed"; "nodeSelected": "nodeSelected"; "nodeUnselected": "nodeUnselected"; "customSortFunction": "customSortFunction"; }, ["toolbarTemplate", "headerTemplate", "nestedHeaderTemplate", "bodyTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeTableComponent, "cps-tree-table", never, { "columns": "columns"; "colHeaderName": "colHeaderName"; "colFieldName": "colFieldName"; "minWidth": "minWidth"; "minWidthForBodyOnly": "minWidthForBodyOnly"; "autoLayout": "autoLayout"; "striped": "striped"; "bordered": "bordered"; "size": "size"; "selectable": "selectable"; "rowHover": "rowHover"; "showRowMenu": "showRowMenu"; "showRowRemoveButton": "showRowRemoveButton"; "loading": "loading"; "tableStyle": "tableStyle"; "tableStyleClass": "tableStyleClass"; "sortable": "sortable"; "sortMode": "sortMode"; "customSort": "customSort"; "hasToolbar": "hasToolbar"; "toolbarSize": "toolbarSize"; "toolbarTitle": "toolbarTitle"; "toolbarIcon": "toolbarIcon"; "toolbarIconColor": "toolbarIconColor"; "scrollable": "scrollable"; "scrollHeight": "scrollHeight"; "virtualScroll": "virtualScroll"; "virtualScrollItemHeight": "virtualScrollItemHeight"; "numToleratedItems": "numToleratedItems"; "paginator": "paginator"; "alwaysShowPaginator": "alwaysShowPaginator"; "rowsPerPageOptions": "rowsPerPageOptions"; "first": "first"; "rows": "rows"; "resetPageOnRowsChange": "resetPageOnRowsChange"; "resetPageOnSort": "resetPageOnSort"; "totalRecords": "totalRecords"; "emptyMessage": "emptyMessage"; "emptyBodyHeight": "emptyBodyHeight"; "lazy": "lazy"; "lazyLoadOnInit": "lazyLoadOnInit"; "showGlobalFilter": "showGlobalFilter"; "globalFilterPlaceholder": "globalFilterPlaceholder"; "globalFilterFields": "globalFilterFields"; "clearGlobalFilterOnLoading": "clearGlobalFilterOnLoading"; "showRemoveBtnOnSelect": "showRemoveBtnOnSelect"; "removeBtnOnSelectDisabled": "removeBtnOnSelectDisabled"; "showAdditionalBtnOnSelect": "showAdditionalBtnOnSelect"; "additionalBtnOnSelectTitle": "additionalBtnOnSelectTitle"; "additionalBtnOnSelectDisabled": "additionalBtnOnSelectDisabled"; "showActionBtn": "showActionBtn"; "actionBtnTitle": "actionBtnTitle"; "actionBtnDisabled": "actionBtnDisabled"; "showDataReloadBtn": "showDataReloadBtn"; "dataReloadBtnDisabled": "dataReloadBtnDisabled"; "showColumnsToggleBtn": "showColumnsToggleBtn"; "columnsToggleBtnDisabled": "columnsToggleBtnDisabled"; "initialColumns": "initialColumns"; "data": "data"; }, { "rowsSelected": "rowsSelected"; "actionBtnClicked": "actionBtnClicked"; "additionalBtnOnSelectClicked": "additionalBtnOnSelectClicked"; "editRowBtnClicked": "editRowBtnClicked"; "rowsToRemove": "rowsToRemove"; "pageChanged": "pageChanged"; "sorted": "sorted"; "filtered": "filtered"; "columnsSelected": "columnsSelected"; "lazyLoaded": "lazyLoaded"; "dataReloadBtnClicked": "dataReloadBtnClicked"; "nodeExpanded": "nodeExpanded"; "nodeCollapsed": "nodeCollapsed"; "nodeSelected": "nodeSelected"; "nodeUnselected": "nodeUnselected"; "customSortFunction": "customSortFunction"; }, ["toolbarTemplate", "headerTemplate", "nestedHeaderTemplate", "bodyTemplate"], never, true, never>;
 }

package/lib/components/cps-tree-table/directives/internal/tree-table-unsort.directive.d.ts

@@ -2,8 +2,8 @@ import { TreeTable } from 'primeng/treetable';
 import * as i0 from "@angular/core";
 export declare class TreeTableUnsortDirective {
     pTreeTable: TreeTable;
-    defaultSortOrderInitialized: boolean;
     constructor(pTreeTable: TreeTable);
+    private _syncNodesParams;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeTableUnsortDirective, [{ optional: true; host: true; self: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TreeTableUnsortDirective, "[ttWithUnsort]", never, {}, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cps-ui-kit",
-  "version": "0.155.0",
+  "version": "0.157.0",
   "peerDependencies": {
     "@angular/common": "15 - 16",
     "@angular/core": "15 - 16",