cps-ui-kit 0.53.0 → 0.55.0

package/lib/components/cps-tab-group/cps-tab-group.component.d.ts

@@ -6,12 +6,12 @@ export interface TabChangeEvent {
     currentTabIndex: number;
     newTabIndex?: number;
 }
+export type CpsTabsAnimationType = 'slide' | 'fade';
 export declare class CpsTabGroupComponent implements OnInit, AfterContentInit, AfterViewInit, OnDestroy {
     private cdRef;
     selectedIndex: number;
     isSubTabs: boolean;
-    animationType: 'slide' | 'fade';
-    initAllTabsContent: boolean;
+    animationType: CpsTabsAnimationType;
     tabsBackground: string;
     beforeTabChanged: EventEmitter<TabChangeEvent>;
     afterTabChanged: EventEmitter<TabChangeEvent>;
@@ -39,5 +39,5 @@ export declare class CpsTabGroupComponent implements OnInit, AfterContentInit, A
     private _getVisibleButtonWidths;
     private _getWidth;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTabGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsTabGroupComponent, "cps-tab-group", never, { "selectedIndex": "selectedIndex"; "isSubTabs": "isSubTabs"; "animationType": "animationType"; "initAllTabsContent": "initAllTabsContent"; "tabsBackground": "tabsBackground"; }, { "beforeTabChanged": "beforeTabChanged"; "afterTabChanged": "afterTabChanged"; }, ["tabs"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsTabGroupComponent, "cps-tab-group", never, { "selectedIndex": "selectedIndex"; "isSubTabs": "isSubTabs"; "animationType": "animationType"; "tabsBackground": "tabsBackground"; }, { "beforeTabChanged": "beforeTabChanged"; "afterTabChanged": "afterTabChanged"; }, ["tabs"], never, true, never>;
 }

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

@@ -1,11 +1,14 @@
-import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import { AfterViewChecked, ChangeDetectorRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
 import { Table } from 'primeng/table';
 import { SortEvent } from 'primeng/api';
 import { CpsMenuItem } from '../cps-menu/cps-menu.component';
 import * as i0 from "@angular/core";
 export declare function tableFactory(tableComponent: CpsTableComponent): Table;
 export type CpsTableExportFormat = 'csv' | 'xlsx';
-export declare class CpsTableComponent implements OnInit, AfterViewInit {
+export type CpsTableSize = 'small' | 'normal' | 'large';
+export type CpsTableToolbarSize = 'small' | 'normal';
+export type CpsTableSortMode = 'single' | 'multiple';
+export declare class CpsTableComponent implements OnInit, AfterViewChecked {
     private cdRef;
     data: any[];
     columns: {
@@ -15,21 +18,21 @@ export declare class CpsTableComponent implements OnInit, AfterViewInit {
     colFieldName: string;
     striped: boolean;
     bordered: boolean;
-    size: 'small' | 'normal' | 'large';
+    size: CpsTableSize;
     selectable: boolean;
     emptyMessage: string;
     hasToolbar: boolean;
-    toolbarSize: 'small' | 'normal';
+    toolbarSize: CpsTableToolbarSize;
     toolbarTitle: string;
-    sortMode: 'single' | 'multiple';
+    sortMode: CpsTableSortMode;
     customSort: boolean;
     rowHover: boolean;
     dataKey: string;
     showRowMenu: boolean;
-    loading: boolean;
     reorderableRows: boolean;
     showColumnsToggle: boolean;
     sortable: boolean;
+    loading: boolean;
     scrollable: boolean;
     scrollHeight: string;
     virtualScroll: boolean;
@@ -39,6 +42,7 @@ export declare class CpsTableComponent implements OnInit, AfterViewInit {
     first: number;
     rows: number;
     totalRecords: number;
+    emptyBodyHeight: string;
     lazy: boolean;
     lazyLoadOnInit: boolean;
     showGlobalFilter: boolean;
@@ -53,9 +57,13 @@ export declare class CpsTableComponent implements OnInit, AfterViewInit {
     selectionChanged: EventEmitter<any[]>;
     actionBtnClicked: EventEmitter<void>;
     editRowBtnClicked: EventEmitter<any>;
+    rowsRemoved: EventEmitter<any[]>;
     pageChanged: EventEmitter<any>;
     sorted: EventEmitter<any>;
     rowsReordered: EventEmitter<any>;
+    columnsSelected: EventEmitter<{
+        [key: string]: any;
+    }[]>;
     /**
      * A function to implement custom sorting. customSort must be true.
      * @param {any} any - sort meta.
@@ -64,10 +72,10 @@ export declare class CpsTableComponent implements OnInit, AfterViewInit {
     customSortFunction: EventEmitter<any>;
     toolbarTemplate: TemplateRef<any>;
     headerTemplate: TemplateRef<any>;
+    nestedHeaderTemplate: TemplateRef<any>;
     bodyTemplate: TemplateRef<any>;
     rowExpansionTemplate: TemplateRef<any>;
     primengTable: Table;
-    styleClass: string;
     selectedRows: any[];
     virtualScrollItemSize: number;
     rowOptions: {
@@ -80,7 +88,8 @@ export declare class CpsTableComponent implements OnInit, AfterViewInit {
     exportMenuItems: CpsMenuItem[];
     constructor(cdRef: ChangeDetectorRef);
     ngOnInit(): void;
-    ngAfterViewInit(): void;
+    get styleClass(): string;
+    ngAfterViewChecked(): void;
     onSelectionChanged(selection: any[]): void;
     onSortFunction(event: SortEvent): void;
     onFilterGlobal(value: string): void;
@@ -98,5 +107,5 @@ export declare class CpsTableComponent implements OnInit, AfterViewInit {
     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"; "emptyMessage": "emptyMessage"; "hasToolbar": "hasToolbar"; "toolbarSize": "toolbarSize"; "toolbarTitle": "toolbarTitle"; "sortMode": "sortMode"; "customSort": "customSort"; "rowHover": "rowHover"; "dataKey": "dataKey"; "showRowMenu": "showRowMenu"; "loading": "loading"; "reorderableRows": "reorderableRows"; "showColumnsToggle": "showColumnsToggle"; "sortable": "sortable"; "scrollable": "scrollable"; "scrollHeight": "scrollHeight"; "virtualScroll": "virtualScroll"; "paginator": "paginator"; "alwaysShowPaginator": "alwaysShowPaginator"; "rowsPerPageOptions": "rowsPerPageOptions"; "first": "first"; "rows": "rows"; "totalRecords": "totalRecords"; "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"; "pageChanged": "pageChanged"; "sorted": "sorted"; "rowsReordered": "rowsReordered"; "customSortFunction": "customSortFunction"; }, ["toolbarTemplate", "headerTemplate", "bodyTemplate", "rowExpansionTemplate"], never, true, 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"; "emptyMessage": "emptyMessage"; "hasToolbar": "hasToolbar"; "toolbarSize": "toolbarSize"; "toolbarTitle": "toolbarTitle"; "sortMode": "sortMode"; "customSort": "customSort"; "rowHover": "rowHover"; "dataKey": "dataKey"; "showRowMenu": "showRowMenu"; "reorderableRows": "reorderableRows"; "showColumnsToggle": "showColumnsToggle"; "sortable": "sortable"; "loading": "loading"; "scrollable": "scrollable"; "scrollHeight": "scrollHeight"; "virtualScroll": "virtualScroll"; "paginator": "paginator"; "alwaysShowPaginator": "alwaysShowPaginator"; "rowsPerPageOptions": "rowsPerPageOptions"; "first": "first"; "rows": "rows"; "totalRecords": "totalRecords"; "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"; "customSortFunction": "customSortFunction"; }, ["toolbarTemplate", "headerTemplate", "nestedHeaderTemplate", "bodyTemplate", "rowExpansionTemplate"], never, true, never>;
 }

package/lib/components/cps-table/directives/cps-table-header-selectable.directive.d.ts

@@ -0,0 +1,13 @@
+import { ComponentRef, ElementRef, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
+import { TableHeaderCheckbox } from 'primeng/table';
+import * as i0 from "@angular/core";
+export declare class CpsTableHeaderSelectableDirective implements OnInit, OnDestroy {
+    private elementRef;
+    private viewContainerRef;
+    checkboxCompRef: ComponentRef<TableHeaderCheckbox>;
+    constructor(elementRef: ElementRef, viewContainerRef: ViewContainerRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsTableHeaderSelectableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTableHeaderSelectableDirective, "[cpsHdrSelectable]", never, {}, {}, never, never, true, never>;
+}

package/package.json

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

package/public-api.d.ts

@@ -11,6 +11,7 @@ export * from './lib/components/cps-radio/cps-radio.component';
 export * from './lib/components/cps-table/cps-table.component';
 export * from './lib/components/cps-table/directives/cps-table-column-sortable.directive';
 export * from './lib/components/cps-table/directives/cps-table-column-filter.directive';
+export * from './lib/components/cps-table/directives/cps-table-header-selectable.directive';
 export * from './lib/components/cps-tag/cps-tag.component';
 export * from './lib/components/cps-chip/cps-chip.component';
 export * from './lib/components/cps-menu/cps-menu.component';

package/styles/fonts.scss

@@ -0,0 +1,4 @@
+@font-face {
+  font-family: 'Source Sans Pro';
+  src: url(../assets/fonts/SourceSansPro-Regular.ttf) format('truetype');
+}

package/styles/styles.scss

@@ -1,3 +1,4 @@
 @import 'bootstrap-grid';
 @import 'variables.scss';
+@import 'fonts.scss';
 @import 'cps-tooltip-style.scss';

package/styles/variables.scss

@@ -1 +1 @@
-@import '_colors.scss';
+@import 'colors.scss';