@tsi-developpement/tsi-shared-ui 1.9.11 → 1.9.13

package/lib/consts/app-providers.d.ts

@@ -3,4 +3,4 @@ import { FormStateService } from "../services/form/form-state.service";
 import { PresentationDesignerBaseService } from "../services/presentation-setting/presentation-designer-base.service";
 import { GenericValidationStateService } from "../services/validation/generic-validation-state.service";
 import { InputRegistryService } from "../services/validation/input-registry.service";
-export declare const appProviders: (typeof PresentationDesignerBaseService | typeof GenericValidationStateService | typeof InputRegistryService | typeof DynamicFormService | typeof FormStateService)[];
+export declare const appProviders: (typeof GenericValidationStateService | typeof InputRegistryService | typeof PresentationDesignerBaseService | typeof DynamicFormService | typeof FormStateService)[];

package/lib/interfaces/grid/grid-configuration.d.ts

@@ -67,6 +67,8 @@ export interface GridColumn {
     labelField?: string;
     idField?: string;
     haveSummary?: boolean;
+    /** When true, this column's summary (SUM) is shown per column in the Kanban view. Default: not shown. */
+    showKanbanSummary?: boolean;
     displayOnly?: boolean;
     rowSummary?: boolean;
     toolTipText?: string;

package/lib/interfaces/pagination/pagination-base.d.ts

@@ -18,17 +18,25 @@ export interface IPagedRequest {
     filters?: IFilteredRequest[];
     getAllData?: boolean;
     summaries?: string[];
+    groupBy?: string;
     customParameter?: any;
 }
 export interface ISummaryForProprety {
     proprety: string;
     summary: any;
 }
+export interface IGroupedResult<T> {
+    key: string | null;
+    items: T[];
+    totalCount: number;
+    summaries: ISummaryForProprety[];
+}
 export interface IPagedResponse<T> {
     items: T[];
     totalCount: number;
     summaries?: ISummaryForProprety[];
     customColumnSchema?: ICustomColumnSchema[];
+    groups?: IGroupedResult<T>[];
 }
 export interface IPage<T> {
     items: T[];
@@ -38,6 +46,7 @@ export interface IPage<T> {
     pageNumber: number;
     pageSize: number;
     loading: boolean;
+    groups?: IGroupedResult<T>[];
 }
 export interface ISortByProprety {
     property: string | string[];

package/lib/providers/shared-ui-tsi.provider.d.ts

@@ -2,7 +2,7 @@ import { DynamicDialogConfig, DynamicDialogRef } from "primeng/dynamicdialog";
 import { TabView } from "primeng/tabview";
 import { JwtHelperService } from "@auth0/angular-jwt";
 import { ConfirmationService, MessageService } from "primeng/api";
-export declare const SharedUiTsiProviders: (typeof TabView | typeof DynamicDialogRef | typeof DynamicDialogConfig | typeof JwtHelperService | typeof MessageService | typeof ConfirmationService | {
+export declare const SharedUiTsiProviders: (typeof DynamicDialogRef | typeof DynamicDialogConfig | typeof JwtHelperService | typeof TabView | typeof MessageService | typeof ConfirmationService | {
     provide: import("@angular/core").InjectionToken<unknown>;
     useValue: import("@angular/core").InjectionToken<unknown>;
 })[];

package/lib/tsi-components/output-components/tsi-generic-grid/tsi-generic-grid.component.d.ts

@@ -116,6 +116,7 @@ export declare class TsiGenericGridComponent implements OnInit, AfterViewInit {
     private _tempColumns;
     tempSearchFields: Array<SearchField>;
     private _columns;
+    private _kanbanSummaryColumns;
     set columns(value: Array<GridColumn> | undefined);
     get columns(): Array<GridColumn>;
     private _isSearchButtonDisabled;
@@ -160,7 +161,7 @@ export declare class TsiGenericGridComponent implements OnInit, AfterViewInit {
     set showKanbanView(value: boolean);
     protected _showKanbanViewOfWorkFlowEtat: boolean;
     set showKanbanViewOfWorkFlowEtat(value: boolean);
-    page$: BehaviorSubject<any>;
+    page$: BehaviorSubject<IPage<any> | null>;
     checkedByField: string;
     private _selectAll;
     set selectAll(value: boolean);
@@ -171,6 +172,7 @@ export declare class TsiGenericGridComponent implements OnInit, AfterViewInit {
     private _businessClass?;
     set businessClass(value: string | undefined);
     get businessClass(): string | undefined;
+    groupBy?: string;
     set entityInfo(value: EntityInfo | undefined);
     get entityInfo(): EntityInfo | undefined;
     editRow: EventEmitter<string>;
@@ -305,6 +307,7 @@ export declare class TsiGenericGridComponent implements OnInit, AfterViewInit {
     private _extractSearchBoxFilters;
     private _clonePagedRequest;
     private _extractHaveSummaryProperties;
+    get kanbanSummaryColumns(): Array<GridColumn>;
     private _extractSummaries;
     private _extractMultiSortMetaItems;
     private _toSortMeta;
@@ -344,5 +347,5 @@ export declare class TsiGenericGridComponent implements OnInit, AfterViewInit {
     getEventDateCalendar(): EventSchema;
     handlePageChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TsiGenericGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TsiGenericGridComponent, "Tsi-Generic-Grid", never, { "cudComponent": { "alias": "cudComponent"; "required": false; }; "modalSize": { "alias": "modalSize"; "required": false; }; "showInfoButton": { "alias": "showInfoButton"; "required": false; }; "showDownloadButton": { "alias": "showDownloadButton"; "required": false; }; "showUploadButton": { "alias": "showUploadButton"; "required": false; }; "showNoteButton": { "alias": "showNoteButton"; "required": false; }; "showActionButton": { "alias": "showActionButton"; "required": false; }; "sizingMode": { "alias": "sizingMode"; "required": false; }; "formName": { "alias": "formName"; "required": false; }; "id": { "alias": "id"; "required": false; }; "pagedRequest": { "alias": "pagedRequest"; "required": false; }; "configuration": { "alias": "configuration"; "required": false; }; "page": { "alias": "page"; "required": false; }; "key": { "alias": "key"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "isSearchButtonDisabled": { "alias": "isSearchButtonDisabled"; "required": false; }; "filteredColumns": { "alias": "filteredColumns"; "required": false; }; "gridData": { "alias": "gridData"; "required": false; }; "isTableLoading": { "alias": "isTableLoading"; "required": false; }; "parent": { "alias": "parent"; "required": false; }; "showSearchBox": { "alias": "showSearchBox"; "required": false; }; "showActionColumn": { "alias": "showActionColumn"; "required": false; }; "showHeaderFilters": { "alias": "showHeaderFilters"; "required": false; }; "showFilterButton": { "alias": "showFilterButton"; "required": false; }; "isGridDataPagedInApi": { "alias": "isGridDataPagedInApi"; "required": false; }; "header": { "alias": "header"; "required": false; }; "ShowFilterColumns": { "alias": "ShowFilterColumns"; "required": false; }; "showImportExportButton": { "alias": "showImportExportButton"; "required": false; }; "crudService": { "alias": "crudService"; "required": false; }; "searchFields": { "alias": "searchFields"; "required": false; }; "sortMode": { "alias": "sortMode"; "required": false; }; "filtersHtmlTemplate": { "alias": "filtersHtmlTemplate"; "required": false; }; "presentationSettings": { "alias": "presentationSettings"; "required": false; }; "selectKeyOnly": { "alias": "selectKeyOnly"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "searchOnInit": { "alias": "searchOnInit"; "required": false; }; "showGlobalSearch": { "alias": "showGlobalSearch"; "required": false; }; "showExportButton": { "alias": "showExportButton"; "required": false; }; "showSearchField": { "alias": "showSearchField"; "required": false; }; "showCalenderView": { "alias": "showCalenderView"; "required": false; }; "calenderSchema": { "alias": "calenderSchema"; "required": false; }; "showCardView": { "alias": "showCardView"; "required": false; }; "showKanbanView": { "alias": "showKanbanView"; "required": false; }; "showKanbanViewOfWorkFlowEtat": { "alias": "showKanbanViewOfWorkFlowEtat"; "required": false; }; "page$": { "alias": "page$"; "required": false; }; "checkedByField": { "alias": "checkedByField"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "targetBusinessClass": { "alias": "targetBusinessClass"; "required": false; }; "descriminatorValue": { "alias": "descriminatorValue"; "required": false; }; "businessClass": { "alias": "businessClass"; "required": false; }; "entityInfo": { "alias": "entityInfo"; "required": false; }; }, { "onSave": "onSave"; "editRow": "editRow"; "deleteRow": "deleteRow"; "load": "load"; "buttonColumnClicked": "buttonColumnClicked"; "filtersHtmlTemplateChange": "filtersHtmlTemplateChange"; "selectedItemsChange": "selectedItemsChange"; "searchFieldsValueChanged": "searchFieldsValueChanged"; "calendarEventClick": "calendarEventClick"; "statusFilterChanged": "statusFilterChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TsiGenericGridComponent, "Tsi-Generic-Grid", never, { "cudComponent": { "alias": "cudComponent"; "required": false; }; "modalSize": { "alias": "modalSize"; "required": false; }; "showInfoButton": { "alias": "showInfoButton"; "required": false; }; "showDownloadButton": { "alias": "showDownloadButton"; "required": false; }; "showUploadButton": { "alias": "showUploadButton"; "required": false; }; "showNoteButton": { "alias": "showNoteButton"; "required": false; }; "showActionButton": { "alias": "showActionButton"; "required": false; }; "sizingMode": { "alias": "sizingMode"; "required": false; }; "formName": { "alias": "formName"; "required": false; }; "id": { "alias": "id"; "required": false; }; "pagedRequest": { "alias": "pagedRequest"; "required": false; }; "configuration": { "alias": "configuration"; "required": false; }; "page": { "alias": "page"; "required": false; }; "key": { "alias": "key"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "isSearchButtonDisabled": { "alias": "isSearchButtonDisabled"; "required": false; }; "filteredColumns": { "alias": "filteredColumns"; "required": false; }; "gridData": { "alias": "gridData"; "required": false; }; "isTableLoading": { "alias": "isTableLoading"; "required": false; }; "parent": { "alias": "parent"; "required": false; }; "showSearchBox": { "alias": "showSearchBox"; "required": false; }; "showActionColumn": { "alias": "showActionColumn"; "required": false; }; "showHeaderFilters": { "alias": "showHeaderFilters"; "required": false; }; "showFilterButton": { "alias": "showFilterButton"; "required": false; }; "isGridDataPagedInApi": { "alias": "isGridDataPagedInApi"; "required": false; }; "header": { "alias": "header"; "required": false; }; "ShowFilterColumns": { "alias": "ShowFilterColumns"; "required": false; }; "showImportExportButton": { "alias": "showImportExportButton"; "required": false; }; "crudService": { "alias": "crudService"; "required": false; }; "searchFields": { "alias": "searchFields"; "required": false; }; "sortMode": { "alias": "sortMode"; "required": false; }; "filtersHtmlTemplate": { "alias": "filtersHtmlTemplate"; "required": false; }; "presentationSettings": { "alias": "presentationSettings"; "required": false; }; "selectKeyOnly": { "alias": "selectKeyOnly"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "searchOnInit": { "alias": "searchOnInit"; "required": false; }; "showGlobalSearch": { "alias": "showGlobalSearch"; "required": false; }; "showExportButton": { "alias": "showExportButton"; "required": false; }; "showSearchField": { "alias": "showSearchField"; "required": false; }; "showCalenderView": { "alias": "showCalenderView"; "required": false; }; "calenderSchema": { "alias": "calenderSchema"; "required": false; }; "showCardView": { "alias": "showCardView"; "required": false; }; "showKanbanView": { "alias": "showKanbanView"; "required": false; }; "showKanbanViewOfWorkFlowEtat": { "alias": "showKanbanViewOfWorkFlowEtat"; "required": false; }; "page$": { "alias": "page$"; "required": false; }; "checkedByField": { "alias": "checkedByField"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "targetBusinessClass": { "alias": "targetBusinessClass"; "required": false; }; "descriminatorValue": { "alias": "descriminatorValue"; "required": false; }; "businessClass": { "alias": "businessClass"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "entityInfo": { "alias": "entityInfo"; "required": false; }; }, { "onSave": "onSave"; "editRow": "editRow"; "deleteRow": "deleteRow"; "load": "load"; "buttonColumnClicked": "buttonColumnClicked"; "filtersHtmlTemplateChange": "filtersHtmlTemplateChange"; "selectedItemsChange": "selectedItemsChange"; "searchFieldsValueChanged": "searchFieldsValueChanged"; "calendarEventClick": "calendarEventClick"; "statusFilterChanged": "statusFilterChanged"; }, never, never, false, never>;
 }

package/lib/tsi-components/tsi-generic-crud/tsi-generic-crud.component.d.ts

@@ -92,6 +92,7 @@ export declare class TsiGenericCrudComponent implements OnInit, AfterContentChec
     showImportFromOutlookButton: boolean;
     showKanbanView: boolean;
     showKanbanViewOfWorkFlowEtat: boolean;
+    groupBy: string | undefined;
     showSearchField: boolean;
     searchFields: SearchField[] | undefined;
     calenderSchema: EventSchema | undefined;
@@ -161,6 +162,7 @@ export declare class TsiGenericCrudComponent implements OnInit, AfterContentChec
     private toggleCalenderView;
     private toggleCardView;
     private toggleKanbanView;
+    private _clearGroupBy;
     handleKeyDown(event: KeyboardEvent): void;
     handleActionViewClick(): void;
     private _handleActionWithAlertCheck;

package/lib/tsi-components/tsi-kanban/tsi-kanban.component.d.ts

@@ -11,6 +11,10 @@ import { EntityStatusService } from '../../services/status/entityStatus.service'
 import { AppBaseComponent } from '../../tsi-base/components/app-base/app-base.component';
 import { MenuItem } from 'primeng/api';
 import { Menu } from 'primeng/menu';
+import { IPage, ISummaryForProprety } from '../../interfaces/pagination/pagination-base';
+import { DisplayTypes } from '../../enums/display-types';
+import { StatusColorService } from '../../services/status/status-color.service';
+import { StatusMetadataResponse } from '../../models/status/color-status';
 import * as i0 from "@angular/core";
 /**
  * TsiKanbanComponent
@@ -22,12 +26,16 @@ export declare class TsiKanbanComponent extends AppBaseComponent implements OnIn
     private _localize;
     private _entityStatusService;
     private _notificationService;
+    private _statusColorService;
+    private readonly _statusLessRecords;
+    private _statusLabels;
+    private readonly _defaultPage;
     buttonClicked: EventEmitter<ButtonClickResult>;
     callSearch: EventEmitter<any>;
     cardBusinessClass: any;
     header: any;
     id: any;
-    page$: BehaviorSubject<any>;
+    page$: BehaviorSubject<IPage<any> | null>;
     crudService?: CrudBaseService<any, any, any, any>;
     overflowActionsMenu: MenuItem[];
     hasOverflowActions: boolean;
@@ -35,11 +43,17 @@ export declare class TsiKanbanComponent extends AppBaseComponent implements OnIn
     currentActionRow: any;
     selectKeyOnly: boolean;
     key: string;
+    summaryColumns: GridColumn[];
+    readonly displayTypes: typeof DisplayTypes;
     private _page;
-    set page(value: any);
-    get page(): any;
+    set page(value: IPage<any>);
+    get page(): IPage<any>;
     cards: TsiCard[];
     cardMapByStatus: Map<string, TsiCard[]>;
+    countByStatus: Map<string, number>;
+    summaryByStatus: Map<string, ISummaryForProprety[]>;
+    private _isGrouped;
+    statusMetadata?: StatusMetadataResponse;
     draggedCard: TsiCard | null;
     first: number;
     rows: number;
@@ -51,7 +65,7 @@ export declare class TsiKanbanComponent extends AppBaseComponent implements OnIn
         key: string;
         localized: string;
     }[];
-    constructor(cdr: ChangeDetectorRef, _entityConfig: EntityConfigurationService, _localize: LocalizePipe, _entityStatusService: EntityStatusService, _notificationService: TsiNotificationService);
+    constructor(cdr: ChangeDetectorRef, _entityConfig: EntityConfigurationService, _localize: LocalizePipe, _entityStatusService: EntityStatusService, _notificationService: TsiNotificationService, _statusColorService: StatusColorService);
     ngOnInit(): Promise<void>;
     dragStart(_: DragEvent, card: TsiCard): void;
     dragEnd(): void;
@@ -63,9 +77,15 @@ export declare class TsiKanbanComponent extends AppBaseComponent implements OnIn
     trackByCard(index: number, card: TsiCard): string | undefined;
     drop(event: DragEvent, newStatusKey: string): void;
     onPageChange(event: PaginatorState): void;
-    getStatusClass(card: TsiCard): string;
+    private loadStatusColors;
+    getStatusColorHex(statusKey?: string): string | undefined;
+    getColumnAccentColor(statusKey?: string): string;
     getLocalizedStatus(key: string | undefined): string;
+    getColumnCount(statusKey: string): number;
+    get hasColumnSummaries(): boolean;
+    getColumnSummaryValue(statusKey: string, field: string): number | undefined;
     private handlePageChange;
+    private handleGroupedPage;
     private getEntityInfo;
     private getColKeys;
     private mapItemsToCards;
@@ -78,5 +98,5 @@ export declare class TsiKanbanComponent extends AppBaseComponent implements OnIn
     edit(uid?: string): void;
     private openModalComponent;
     static ɵfac: i0.ɵɵFactoryDeclaration<TsiKanbanComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TsiKanbanComponent, "Tsi-kanban", never, { "cardBusinessClass": { "alias": "cardBusinessClass"; "required": false; }; "header": { "alias": "header"; "required": false; }; "id": { "alias": "id"; "required": false; }; "page$": { "alias": "page$"; "required": false; }; "crudService": { "alias": "crudService"; "required": false; }; "overflowActionsMenu": { "alias": "overflowActionsMenu"; "required": false; }; "selectKeyOnly": { "alias": "selectKeyOnly"; "required": false; }; "key": { "alias": "key"; "required": false; }; "page": { "alias": "page"; "required": false; }; }, { "buttonClicked": "buttonClicked"; "callSearch": "callSearch"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TsiKanbanComponent, "Tsi-kanban", never, { "cardBusinessClass": { "alias": "cardBusinessClass"; "required": false; }; "header": { "alias": "header"; "required": false; }; "id": { "alias": "id"; "required": false; }; "page$": { "alias": "page$"; "required": false; }; "crudService": { "alias": "crudService"; "required": false; }; "overflowActionsMenu": { "alias": "overflowActionsMenu"; "required": false; }; "selectKeyOnly": { "alias": "selectKeyOnly"; "required": false; }; "key": { "alias": "key"; "required": false; }; "summaryColumns": { "alias": "summaryColumns"; "required": false; }; "page": { "alias": "page"; "required": false; }; }, { "buttonClicked": "buttonClicked"; "callSearch": "callSearch"; }, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsi-developpement/tsi-shared-ui",
-  "version": "1.9.11",
+  "version": "1.9.13",
   "author": "TSI",
   "license": "MIT",
   "peerDependencies": {