cps-ui-kit 17.30.0 → 17.31.0

package/lib/components/cps-table/pipes/cps-table-detect-filter-type.pipe.d.ts

@@ -0,0 +1,10 @@
+import { PipeTransform } from '@angular/core';
+import { CpsColumnFilterType } from '../cps-column-filter-types';
+import * as i0 from "@angular/core";
+export declare class CpsTableDetectFilterTypePipe implements PipeTransform {
+    transform(data: {
+        [key: string]: unknown;
+    }[], column: string): CpsColumnFilterType;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsTableDetectFilterTypePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<CpsTableDetectFilterTypePipe, "cpsTableDetectFilterType", true>;
+}

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

@@ -45,6 +45,16 @@ export declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnD
      * @group Props
      */
     colFieldName: string;
+    /**
+     * A key used to retrieve the filter type from columns.
+     * @group Props
+     */
+    colFilterTypeName: string;
+    /**
+     * A key used to retrieve the date format from columns.
+     * @group Props
+     */
+    colDateFormatName: string;
     /**
      * Treetable min width of type number denoting pixels or string.
      * @group Props
@@ -339,6 +349,22 @@ export declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnD
     initialColumns: {
         [key: string]: any;
     }[];
+    /**
+     * Enable filtering on all columns.
+     * @group Props
+     */
+    filterableByColumns: boolean;
+    /**
+     * If true, automatically detects filter type based on values, otherwise sets 'text' filter type for all columns.
+     * Note: This setting only takes effect if 'filterableByColumns' is true.
+     * @group Props
+     */
+    autoColumnFilterType: boolean;
+    /**
+     * If set to true, row data are rendered using innerHTML.
+     * @group Props
+     */
+    renderDataAsHTML: boolean;
     /**
      * An array of objects to display.
      * @default []
@@ -513,5 +539,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, { "columns": { "alias": "columns"; "required": false; }; "colHeaderName": { "alias": "colHeaderName"; "required": false; }; "colFieldName": { "alias": "colFieldName"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "minWidthForBodyOnly": { "alias": "minWidthForBodyOnly"; "required": false; }; "autoLayout": { "alias": "autoLayout"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "size": { "alias": "size"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "rowHover": { "alias": "rowHover"; "required": false; }; "showRowMenu": { "alias": "showRowMenu"; "required": false; }; "showRowRemoveButton": { "alias": "showRowRemoveButton"; "required": false; }; "showRowEditButton": { "alias": "showRowEditButton"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "tableStyle": { "alias": "tableStyle"; "required": false; }; "tableStyleClass": { "alias": "tableStyleClass"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "sortMode": { "alias": "sortMode"; "required": false; }; "customSort": { "alias": "customSort"; "required": false; }; "hasToolbar": { "alias": "hasToolbar"; "required": false; }; "toolbarSize": { "alias": "toolbarSize"; "required": false; }; "toolbarTitle": { "alias": "toolbarTitle"; "required": false; }; "toolbarIcon": { "alias": "toolbarIcon"; "required": false; }; "toolbarIconColor": { "alias": "toolbarIconColor"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemHeight": { "alias": "virtualScrollItemHeight"; "required": false; }; "numToleratedItems": { "alias": "numToleratedItems"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "alwaysShowPaginator": { "alias": "alwaysShowPaginator"; "required": false; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; }; "first": { "alias": "first"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "resetPageOnRowsChange": { "alias": "resetPageOnRowsChange"; "required": false; }; "resetPageOnSort": { "alias": "resetPageOnSort"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "emptyBodyHeight": { "alias": "emptyBodyHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "lazyLoadOnInit": { "alias": "lazyLoadOnInit"; "required": false; }; "showGlobalFilter": { "alias": "showGlobalFilter"; "required": false; }; "globalFilterPlaceholder": { "alias": "globalFilterPlaceholder"; "required": false; }; "globalFilterFields": { "alias": "globalFilterFields"; "required": false; }; "clearGlobalFilterOnLoading": { "alias": "clearGlobalFilterOnLoading"; "required": false; }; "showRemoveBtnOnSelect": { "alias": "showRemoveBtnOnSelect"; "required": false; }; "removeBtnOnSelectDisabled": { "alias": "removeBtnOnSelectDisabled"; "required": false; }; "showAdditionalBtnOnSelect": { "alias": "showAdditionalBtnOnSelect"; "required": false; }; "additionalBtnOnSelectTitle": { "alias": "additionalBtnOnSelectTitle"; "required": false; }; "additionalBtnOnSelectIcon": { "alias": "additionalBtnOnSelectIcon"; "required": false; }; "additionalBtnOnSelectDisabled": { "alias": "additionalBtnOnSelectDisabled"; "required": false; }; "showActionBtn": { "alias": "showActionBtn"; "required": false; }; "actionBtnTitle": { "alias": "actionBtnTitle"; "required": false; }; "actionBtnIcon": { "alias": "actionBtnIcon"; "required": false; }; "actionBtnDisabled": { "alias": "actionBtnDisabled"; "required": false; }; "showDataReloadBtn": { "alias": "showDataReloadBtn"; "required": false; }; "dataReloadBtnDisabled": { "alias": "dataReloadBtnDisabled"; "required": false; }; "showColumnsToggleBtn": { "alias": "showColumnsToggleBtn"; "required": false; }; "columnsToggleBtnDisabled": { "alias": "columnsToggleBtnDisabled"; "required": false; }; "initialColumns": { "alias": "initialColumns"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeTableComponent, "cps-tree-table", never, { "columns": { "alias": "columns"; "required": false; }; "colHeaderName": { "alias": "colHeaderName"; "required": false; }; "colFieldName": { "alias": "colFieldName"; "required": false; }; "colFilterTypeName": { "alias": "colFilterTypeName"; "required": false; }; "colDateFormatName": { "alias": "colDateFormatName"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "minWidthForBodyOnly": { "alias": "minWidthForBodyOnly"; "required": false; }; "autoLayout": { "alias": "autoLayout"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "size": { "alias": "size"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "rowHover": { "alias": "rowHover"; "required": false; }; "showRowMenu": { "alias": "showRowMenu"; "required": false; }; "showRowRemoveButton": { "alias": "showRowRemoveButton"; "required": false; }; "showRowEditButton": { "alias": "showRowEditButton"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "tableStyle": { "alias": "tableStyle"; "required": false; }; "tableStyleClass": { "alias": "tableStyleClass"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "sortMode": { "alias": "sortMode"; "required": false; }; "customSort": { "alias": "customSort"; "required": false; }; "hasToolbar": { "alias": "hasToolbar"; "required": false; }; "toolbarSize": { "alias": "toolbarSize"; "required": false; }; "toolbarTitle": { "alias": "toolbarTitle"; "required": false; }; "toolbarIcon": { "alias": "toolbarIcon"; "required": false; }; "toolbarIconColor": { "alias": "toolbarIconColor"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemHeight": { "alias": "virtualScrollItemHeight"; "required": false; }; "numToleratedItems": { "alias": "numToleratedItems"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "alwaysShowPaginator": { "alias": "alwaysShowPaginator"; "required": false; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; }; "first": { "alias": "first"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "resetPageOnRowsChange": { "alias": "resetPageOnRowsChange"; "required": false; }; "resetPageOnSort": { "alias": "resetPageOnSort"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "emptyBodyHeight": { "alias": "emptyBodyHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "lazyLoadOnInit": { "alias": "lazyLoadOnInit"; "required": false; }; "showGlobalFilter": { "alias": "showGlobalFilter"; "required": false; }; "globalFilterPlaceholder": { "alias": "globalFilterPlaceholder"; "required": false; }; "globalFilterFields": { "alias": "globalFilterFields"; "required": false; }; "clearGlobalFilterOnLoading": { "alias": "clearGlobalFilterOnLoading"; "required": false; }; "showRemoveBtnOnSelect": { "alias": "showRemoveBtnOnSelect"; "required": false; }; "removeBtnOnSelectDisabled": { "alias": "removeBtnOnSelectDisabled"; "required": false; }; "showAdditionalBtnOnSelect": { "alias": "showAdditionalBtnOnSelect"; "required": false; }; "additionalBtnOnSelectTitle": { "alias": "additionalBtnOnSelectTitle"; "required": false; }; "additionalBtnOnSelectIcon": { "alias": "additionalBtnOnSelectIcon"; "required": false; }; "additionalBtnOnSelectDisabled": { "alias": "additionalBtnOnSelectDisabled"; "required": false; }; "showActionBtn": { "alias": "showActionBtn"; "required": false; }; "actionBtnTitle": { "alias": "actionBtnTitle"; "required": false; }; "actionBtnIcon": { "alias": "actionBtnIcon"; "required": false; }; "actionBtnDisabled": { "alias": "actionBtnDisabled"; "required": false; }; "showDataReloadBtn": { "alias": "showDataReloadBtn"; "required": false; }; "dataReloadBtnDisabled": { "alias": "dataReloadBtnDisabled"; "required": false; }; "showColumnsToggleBtn": { "alias": "showColumnsToggleBtn"; "required": false; }; "columnsToggleBtnDisabled": { "alias": "columnsToggleBtnDisabled"; "required": false; }; "initialColumns": { "alias": "initialColumns"; "required": false; }; "filterableByColumns": { "alias": "filterableByColumns"; "required": false; }; "autoColumnFilterType": { "alias": "autoColumnFilterType"; "required": false; }; "renderDataAsHTML": { "alias": "renderDataAsHTML"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "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/pipes/cps-tree-table-detect-filter-type.pipe.d.ts

@@ -0,0 +1,12 @@
+import { PipeTransform } from '@angular/core';
+import { CpsColumnFilterType } from '../../cps-table/cps-column-filter-types';
+import * as i0 from "@angular/core";
+export declare class CpsTreeTableDetectFilterTypePipe implements PipeTransform {
+    transform(nodes: {
+        data: {
+            [key: string]: unknown;
+        };
+    }[], column: string): CpsColumnFilterType;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeTableDetectFilterTypePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<CpsTreeTableDetectFilterTypePipe, "cpsTTDetectFilterType", true>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cps-ui-kit",
-  "version": "17.30.0",
+  "version": "17.31.0",
   "peerDependencies": {
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0",

package/public-api.d.ts

@@ -15,13 +15,14 @@ export * from './lib/components/cps-table/directives/cps-table-column-filter.dir
 export * from './lib/components/cps-table/directives/cps-table-header-selectable.directive';
 export * from './lib/components/cps-table/directives/cps-table-row-selectable.directive';
 export * from './lib/components/cps-table/cps-column-filter-types';
-export * from './lib/components/cps-table/pipes/cps-detect-filter-type.pipe';
+export * from './lib/components/cps-table/pipes/cps-table-detect-filter-type.pipe';
 export * from './lib/components/cps-tree-table/cps-tree-table.component';
 export * from './lib/components/cps-tree-table/directives/cps-tree-table-column-sortable.directive';
 export * from './lib/components/cps-tree-table/directives/cps-tree-table-column-filter.directive';
 export * from './lib/components/cps-tree-table/directives/cps-tree-table-row-toggler.directive';
 export * from './lib/components/cps-tree-table/directives/cps-tree-table-header-selectable.directive';
 export * from './lib/components/cps-tree-table/directives/cps-tree-table-row-selectable.directive';
+export * from './lib/components/cps-tree-table/pipes/cps-tree-table-detect-filter-type.pipe';
 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/esm2022/lib/components/cps-table/pipes/cps-detect-filter-type.pipe.mjs

@@ -1,29 +0,0 @@
-import { Pipe } from '@angular/core';
-import * as i0 from "@angular/core";
-export class CpsDetectFilterTypePipe {
-    transform(data, column) {
-        if (data.every((item) => typeof item[column] === 'boolean')) {
-            return 'boolean';
-        }
-        else if (data.every((item) => typeof item[column] === 'number')) {
-            return 'number';
-        }
-        else if (data.every((item) => item[column] instanceof Date)) {
-            return 'date';
-        }
-        else if (data.reduce((acc, item) => acc.add(item[column]), new Set()).size < 6) {
-            return 'category';
-        }
-        return 'text';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CpsDetectFilterTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: CpsDetectFilterTypePipe, isStandalone: true, name: "cpsDetectFilterType" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CpsDetectFilterTypePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'cpsDetectFilterType',
-                    standalone: true
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3BzLWRldGVjdC1maWx0ZXItdHlwZS5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3BzLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY3BzLXRhYmxlL3BpcGVzL2Nwcy1kZXRlY3QtZmlsdGVyLXR5cGUucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7QUFPcEQsTUFBTSxPQUFPLHVCQUF1QjtJQUNsQyxTQUFTLENBQ1AsSUFBa0MsRUFDbEMsTUFBYztRQUVkLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssU0FBUyxDQUFDLEVBQUUsQ0FBQztZQUM1RCxPQUFPLFNBQVMsQ0FBQztRQUNuQixDQUFDO2FBQU0sSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxRQUFRLENBQUMsRUFBRSxDQUFDO1lBQ2xFLE9BQU8sUUFBUSxDQUFDO1FBQ2xCLENBQUM7YUFBTSxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxJQUFJLENBQUMsRUFBRSxDQUFDO1lBQzlELE9BQU8sTUFBTSxDQUFDO1FBQ2hCLENBQUM7YUFBTSxJQUNMLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLElBQUksR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUFJLEdBQUcsQ0FBQyxFQUNyRSxDQUFDO1lBQ0QsT0FBTyxVQUFVLENBQUM7UUFDcEIsQ0FBQztRQUNELE9BQU8sTUFBTSxDQUFDO0lBQ2hCLENBQUM7OEdBakJVLHVCQUF1Qjs0R0FBdkIsdUJBQXVCOzsyRkFBdkIsdUJBQXVCO2tCQUpuQyxJQUFJO21CQUFDO29CQUNKLElBQUksRUFBRSxxQkFBcUI7b0JBQzNCLFVBQVUsRUFBRSxJQUFJO2lCQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENwc0NvbHVtbkZpbHRlclR5cGUgfSBmcm9tICcuLi9jcHMtY29sdW1uLWZpbHRlci10eXBlcyc7XG5cbkBQaXBlKHtcbiAgbmFtZTogJ2Nwc0RldGVjdEZpbHRlclR5cGUnLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIENwc0RldGVjdEZpbHRlclR5cGVQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIHRyYW5zZm9ybShcbiAgICBkYXRhOiB7IFtrZXk6IHN0cmluZ106IHVua25vd24gfVtdLFxuICAgIGNvbHVtbjogc3RyaW5nXG4gICk6IENwc0NvbHVtbkZpbHRlclR5cGUge1xuICAgIGlmIChkYXRhLmV2ZXJ5KChpdGVtKSA9PiB0eXBlb2YgaXRlbVtjb2x1bW5dID09PSAnYm9vbGVhbicpKSB7XG4gICAgICByZXR1cm4gJ2Jvb2xlYW4nO1xuICAgIH0gZWxzZSBpZiAoZGF0YS5ldmVyeSgoaXRlbSkgPT4gdHlwZW9mIGl0ZW1bY29sdW1uXSA9PT0gJ251bWJlcicpKSB7XG4gICAgICByZXR1cm4gJ251bWJlcic7XG4gICAgfSBlbHNlIGlmIChkYXRhLmV2ZXJ5KChpdGVtKSA9PiBpdGVtW2NvbHVtbl0gaW5zdGFuY2VvZiBEYXRlKSkge1xuICAgICAgcmV0dXJuICdkYXRlJztcbiAgICB9IGVsc2UgaWYgKFxuICAgICAgZGF0YS5yZWR1Y2UoKGFjYywgaXRlbSkgPT4gYWNjLmFkZChpdGVtW2NvbHVtbl0pLCBuZXcgU2V0KCkpLnNpemUgPCA2XG4gICAgKSB7XG4gICAgICByZXR1cm4gJ2NhdGVnb3J5JztcbiAgICB9XG4gICAgcmV0dXJuICd0ZXh0JztcbiAgfVxufVxuIl19

package/lib/components/cps-table/pipes/cps-detect-filter-type.pipe.d.ts

@@ -1,10 +0,0 @@
-import { PipeTransform } from '@angular/core';
-import { CpsColumnFilterType } from '../cps-column-filter-types';
-import * as i0 from "@angular/core";
-export declare class CpsDetectFilterTypePipe implements PipeTransform {
-    transform(data: {
-        [key: string]: unknown;
-    }[], column: string): CpsColumnFilterType;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsDetectFilterTypePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<CpsDetectFilterTypePipe, "cpsDetectFilterType", true>;
-}