@onecx/angular-accelerator 5.7.0 → 5.9.0

package/lib/components/interactive-data-view/interactive-data-view.component.d.ts

@@ -1,18 +1,26 @@
 import { AfterContentInit, EventEmitter, OnInit, QueryList, TemplateRef } from '@angular/core';
-import { PrimeTemplate } from 'primeng/api';
+import { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';
 import { DataAction } from '../../model/data-action';
 import { DataSortDirection } from '../../model/data-sort-direction';
 import { DataTableColumn } from '../../model/data-table-column.model';
-import { GroupSelectionChangedEvent } from '../column-group-selection/column-group-selection.component';
-import { ActionColumnChangedEvent, ColumnSelectionChangedEvent } from '../custom-group-column-selector/custom-group-column-selector.component';
+import { ColumnGroupSelectionComponentState, GroupSelectionChangedEvent } from '../column-group-selection/column-group-selection.component';
+import { PrimeTemplate } from 'primeng/api';
+import { ActionColumnChangedEvent, ColumnSelectionChangedEvent, CustomGroupColumnSelectorComponentState } from '../custom-group-column-selector/custom-group-column-selector.component';
+import { DataLayoutSelectionComponentState } from '../data-layout-selection/data-layout-selection.component';
+import { DataListGridSortingComponentState } from '../data-list-grid-sorting/data-list-grid-sorting.component';
 import { Filter, Row, Sort } from '../data-table/data-table.component';
-import { DataViewComponent, RowListGridData } from '../data-view/data-view.component';
-import { BehaviorSubject } from 'rxjs';
+import { DataViewComponent, DataViewComponentState, RowListGridData } from '../data-view/data-view.component';
 import * as i0 from "@angular/core";
+export type InteractiveDataViewComponentState = ColumnGroupSelectionComponentState & CustomGroupColumnSelectorComponentState & DataLayoutSelectionComponentState & DataListGridSortingComponentState & DataViewComponentState;
 export declare class InteractiveDataViewComponent implements OnInit, AfterContentInit {
     _dataViewComponent: DataViewComponent | undefined;
     set dataView(ref: DataViewComponent | undefined);
     get dataView(): DataViewComponent | undefined;
+    columnGroupSelectionComponentState$: ReplaySubject<ColumnGroupSelectionComponentState>;
+    customGroupColumnSelectorComponentState$: ReplaySubject<CustomGroupColumnSelectorComponentState>;
+    dataLayoutComponentState$: ReplaySubject<DataLayoutSelectionComponentState>;
+    dataListGridSortingComponentState$: ReplaySubject<DataListGridSortingComponentState>;
+    dataViewComponentState$: ReplaySubject<DataViewComponentState>;
     deletePermission: string | undefined;
     editPermission: string | undefined;
     viewPermission: string | undefined;
@@ -49,7 +57,15 @@ export declare class InteractiveDataViewComponent implements OnInit, AfterConten
     tablePaginator: boolean;
     page: number;
     selectedRows: Row[];
-    displayedColumns: DataTableColumn[];
+    displayedColumnKeys$: BehaviorSubject<string[]>;
+    displayedColumns$: Observable<DataTableColumn[]> | undefined;
+    get displayedColumnKeys(): string[];
+    set displayedColumnKeys(value: string[]);
+    /**
+     * @deprecated Use `displayedColumnKeys` and pass in column ids instead of `DataTableColumn` objects
+     */
+    get displayedColumns(): DataTableColumn[];
+    set displayedColumns(value: DataTableColumn[]);
     frozenActionColumn: boolean;
     actionColumnPosition: 'left' | 'right';
     tableCell: TemplateRef<any> | undefined;
@@ -93,6 +109,18 @@ export declare class InteractiveDataViewComponent implements OnInit, AfterConten
     customListValue: TemplateRef<any> | undefined;
     stringListValue: TemplateRef<any> | undefined;
     dateListValue: TemplateRef<any> | undefined;
+    tableFilterCell: TemplateRef<any> | undefined;
+    dateTableFilterCell: TemplateRef<any> | undefined;
+    relativeDateTableFilterCell: TemplateRef<any> | undefined;
+    translationKeyTableFilterCell: TemplateRef<any> | undefined;
+    stringTableFilterCell: TemplateRef<any> | undefined;
+    numberTableFilterCell: TemplateRef<any> | undefined;
+    /**
+     * @deprecated Will be removed and instead to change the template of a specific column filter
+     * use the new approach instead by following the naming convention column id + IdTableFilterCell
+     * e.g. for a column with the id 'status' in DataTable use pTemplate="statusIdTableFilterCell"
+     */
+    customTableFilterCell: TemplateRef<any> | undefined;
     templates$: BehaviorSubject<QueryList<PrimeTemplate> | undefined>;
     set templates(value: QueryList<PrimeTemplate> | undefined);
     filtered: EventEmitter<Filter[]>;
@@ -102,8 +130,11 @@ export declare class InteractiveDataViewComponent implements OnInit, AfterConten
     editItem: EventEmitter<RowListGridData>;
     dataViewLayoutChange: EventEmitter<"grid" | "list" | "table">;
     displayedColumnsChange: EventEmitter<DataTableColumn[]>;
+    displayedColumnKeysChange: EventEmitter<string[]>;
     selectionChanged: EventEmitter<Row[]>;
     pageChanged: EventEmitter<number>;
+    pageSizeChanged: EventEmitter<number>;
+    componentStateChanged: EventEmitter<InteractiveDataViewComponentState>;
     selectedGroupKey: string;
     isDeleteItemObserved: boolean | undefined;
     isViewItemObserved: boolean | undefined;
@@ -132,6 +163,13 @@ export declare class InteractiveDataViewComponent implements OnInit, AfterConten
     get _customListValue(): TemplateRef<any> | undefined;
     get _stringListValue(): TemplateRef<any> | undefined;
     get _dateListValue(): TemplateRef<any> | undefined;
+    get _tableFilterCell(): TemplateRef<any> | undefined;
+    get _dateTableFilterCell(): TemplateRef<any> | undefined;
+    get _relativeDateTableFilterCell(): TemplateRef<any> | undefined;
+    get _translationKeyTableFilterCell(): TemplateRef<any> | undefined;
+    get _stringTableFilterCell(): TemplateRef<any> | undefined;
+    get _numberTableFilterCell(): TemplateRef<any> | undefined;
+    get _customTableFilterCell(): TemplateRef<any> | undefined;
     _data: RowListGridData[];
     get data(): RowListGridData[];
     set data(value: RowListGridData[]);
@@ -151,6 +189,7 @@ export declare class InteractiveDataViewComponent implements OnInit, AfterConten
     onActionColumnConfigChange(event: ActionColumnChangedEvent): void;
     onRowSelectionChange(event: Row[]): void;
     onPageChange(event: number): void;
+    onPageSizeChange(event: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InteractiveDataViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InteractiveDataViewComponent, "ocx-interactive-data-view", never, { "deletePermission": { "alias": "deletePermission"; "required": false; }; "editPermission": { "alias": "editPermission"; "required": false; }; "viewPermission": { "alias": "viewPermission"; "required": false; }; "deleteActionVisibleField": { "alias": "deleteActionVisibleField"; "required": false; }; "deleteActionEnabledField": { "alias": "deleteActionEnabledField"; "required": false; }; "viewActionVisibleField": { "alias": "viewActionVisibleField"; "required": false; }; "viewActionEnabledField": { "alias": "viewActionEnabledField"; "required": false; }; "editActionVisibleField": { "alias": "editActionVisibleField"; "required": false; }; "editActionEnabledField": { "alias": "editActionEnabledField"; "required": false; }; "name": { "alias": "name"; "required": false; }; "titleLineId": { "alias": "titleLineId"; "required": false; }; "subtitleLineIds": { "alias": "subtitleLineIds"; "required": false; }; "supportedViewLayouts": { "alias": "supportedViewLayouts"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; }; "fallbackImage": { "alias": "fallbackImage"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; "sortStates": { "alias": "sortStates"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "defaultGroupKey": { "alias": "defaultGroupKey"; "required": false; }; "customGroupKey": { "alias": "customGroupKey"; "required": false; }; "groupSelectionNoGroupSelectedKey": { "alias": "groupSelectionNoGroupSelectedKey"; "required": false; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "listGridPaginator": { "alias": "listGridPaginator"; "required": false; }; "tablePaginator": { "alias": "tablePaginator"; "required": false; }; "page": { "alias": "page"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "dataViewLayoutChange": "dataViewLayoutChange"; "displayedColumnsChange": "displayedColumnsChange"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; }, ["tableCell", "tableDateCell", "dateTableCell", "tableRelativeDateCell", "relativeDateTableCell", "tableTranslationKeyCell", "translationKeyTableCell", "gridItemSubtitleLines", "listItemSubtitleLines", "stringTableCell", "numberTableCell", "customTableCell", "gridItem", "listItem", "topCenter", "listValue", "translationKeyListValue", "numberListValue", "relativeDateListValue", "customListValue", "stringListValue", "dateListValue", "templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InteractiveDataViewComponent, "ocx-interactive-data-view", never, { "deletePermission": { "alias": "deletePermission"; "required": false; }; "editPermission": { "alias": "editPermission"; "required": false; }; "viewPermission": { "alias": "viewPermission"; "required": false; }; "deleteActionVisibleField": { "alias": "deleteActionVisibleField"; "required": false; }; "deleteActionEnabledField": { "alias": "deleteActionEnabledField"; "required": false; }; "viewActionVisibleField": { "alias": "viewActionVisibleField"; "required": false; }; "viewActionEnabledField": { "alias": "viewActionEnabledField"; "required": false; }; "editActionVisibleField": { "alias": "editActionVisibleField"; "required": false; }; "editActionEnabledField": { "alias": "editActionEnabledField"; "required": false; }; "name": { "alias": "name"; "required": false; }; "titleLineId": { "alias": "titleLineId"; "required": false; }; "subtitleLineIds": { "alias": "subtitleLineIds"; "required": false; }; "supportedViewLayouts": { "alias": "supportedViewLayouts"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; }; "fallbackImage": { "alias": "fallbackImage"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; "sortStates": { "alias": "sortStates"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "defaultGroupKey": { "alias": "defaultGroupKey"; "required": false; }; "customGroupKey": { "alias": "customGroupKey"; "required": false; }; "groupSelectionNoGroupSelectedKey": { "alias": "groupSelectionNoGroupSelectedKey"; "required": false; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "listGridPaginator": { "alias": "listGridPaginator"; "required": false; }; "tablePaginator": { "alias": "tablePaginator"; "required": false; }; "page": { "alias": "page"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "displayedColumnKeys": { "alias": "displayedColumnKeys"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "dataViewLayoutChange": "dataViewLayoutChange"; "displayedColumnsChange": "displayedColumnsChange"; "displayedColumnKeysChange": "displayedColumnKeysChange"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "componentStateChanged": "componentStateChanged"; }, ["tableCell", "tableDateCell", "dateTableCell", "tableRelativeDateCell", "relativeDateTableCell", "tableTranslationKeyCell", "translationKeyTableCell", "gridItemSubtitleLines", "listItemSubtitleLines", "stringTableCell", "numberTableCell", "customTableCell", "gridItem", "listItem", "topCenter", "listValue", "translationKeyListValue", "numberListValue", "relativeDateListValue", "customListValue", "stringListValue", "dateListValue", "tableFilterCell", "dateTableFilterCell", "relativeDateTableFilterCell", "translationKeyTableFilterCell", "stringTableFilterCell", "numberTableFilterCell", "customTableFilterCell", "templates"], never, false, never>;
 }

package/lib/components/search-header/search-header.component.d.ts

@@ -2,6 +2,10 @@ import { AfterViewInit, ElementRef, EventEmitter, TemplateRef } from '@angular/c
 import { Action } from '../page-header/page-header.component';
 import { SearchConfigInfo } from '../../model/search-config-info';
 import * as i0 from "@angular/core";
+export interface SearchHeaderComponentState {
+    activeViewMode?: 'basic' | 'advanced';
+    selectedSearchConfig?: SearchConfigInfo;
+}
 /**
  * To trigger the search when Enter key is pressed inside a search parameter field,
  * an EventListener for keyup enter event is added for HTML elements which have an input.
@@ -28,6 +32,7 @@ export declare class SearchHeaderComponent implements AfterViewInit {
     resetted: EventEmitter<any>;
     selectedSearchConfigChanged: EventEmitter<SearchConfigInfo>;
     viewModeChanged: EventEmitter<'basic' | 'advanced'>;
+    componentStateChanged: EventEmitter<SearchHeaderComponentState>;
     additionalToolbarContent: TemplateRef<any> | undefined;
     get _additionalToolbarContent(): TemplateRef<any> | undefined;
     additionalToolbarContentLeft: TemplateRef<any> | undefined;
@@ -44,5 +49,5 @@ export declare class SearchHeaderComponent implements AfterViewInit {
     onSearchKeyup(event: any): void;
     confirmSearchConfig(searchConfig: SearchConfigInfo): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchHeaderComponent, "ocx-search-header", never, { "searchConfigs": { "alias": "searchConfigs"; "required": false; }; "header": { "alias": "header"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "subheader": { "alias": "subheader"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "manualBreadcrumbs": { "alias": "manualBreadcrumbs"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "searchButtonDisabled": { "alias": "searchButtonDisabled"; "required": false; }; "resetButtonDisabled": { "alias": "resetButtonDisabled"; "required": false; }; }, { "searched": "searched"; "resetted": "resetted"; "selectedSearchConfigChanged": "selectedSearchConfigChanged"; "viewModeChanged": "viewModeChanged"; }, ["additionalToolbarContent", "additionalToolbarContentLeft"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchHeaderComponent, "ocx-search-header", never, { "searchConfigs": { "alias": "searchConfigs"; "required": false; }; "header": { "alias": "header"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "subheader": { "alias": "subheader"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "manualBreadcrumbs": { "alias": "manualBreadcrumbs"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "searchButtonDisabled": { "alias": "searchButtonDisabled"; "required": false; }; "resetButtonDisabled": { "alias": "resetButtonDisabled"; "required": false; }; }, { "searched": "searched"; "resetted": "resetted"; "selectedSearchConfigChanged": "selectedSearchConfigChanged"; "viewModeChanged": "viewModeChanged"; "componentStateChanged": "componentStateChanged"; }, ["additionalToolbarContent", "additionalToolbarContentLeft"], ["*"], false, never>;
 }

package/lib/utils/rxjs-utils.d.ts

@@ -0,0 +1,3 @@
+import { Timestamp } from 'rxjs';
+export declare function orderValuesByTimestamp(valuesWithTimestamp: Timestamp<any>[]): any[];
+export declare function orderAndMergeValuesByTimestamp(valuesWithTimestamp: Timestamp<any>[]): any;

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@onecx/angular-accelerator",
-  "version": "5.7.0",
+  "version": "5.9.0",
+  "license": "Apache-2.0",
   "peerDependencies": {
     "@angular/common": "^18.0.5",
     "@angular/core": "^18.0.5",