ngx-eiffage-material 0.0.21 → 0.0.23

package/index.d.ts

@@ -1,10 +1,15 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, ElementRef, WritableSignal, TemplateRef, Type } from '@angular/core';
+import { Type, TemplateRef, PipeTransform, InjectionToken, Signal, OnInit, ElementRef, WritableSignal, OnDestroy } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { MatSelect, MatSelectChange } from '@angular/material/select';
-import { SortDirection } from '@angular/material/sort';
+import { SortDirection, Sort } from '@angular/material/sort';
+import { DateRange } from '@angular/material/datepicker';
+import moment from 'moment';
 import { Observable } from 'rxjs';
-import { MatDialogConfig } from '@angular/material/dialog';
+import { MatDialogRef, MatDialogConfig } from '@angular/material/dialog';
+import { MatMenuTrigger } from '@angular/material/menu';
+import { PageEvent } from '@angular/material/paginator';
+import jsPDF from 'jspdf';
 
 declare class NgxLoadingButton {
     isLoading: _angular_core.InputSignal<boolean>;
@@ -92,11 +97,15 @@ interface PaginatedSelectConfig<T> {
     filtersKeys?: FilterKeyOption<T>[];
 }
 
-interface PaginatedFilter {
+type ColumnValue = undefined | null | string | string[] | moment.Moment | DateRange<moment.Moment | null>;
+
+interface PaginatedFilter<T> {
     pageNumber: number;
     pageSize: number;
     query?: string;
     sortBy?: SortBy;
+    columnsFiltersValue?: Partial<Record<keyof T, ColumnValue>>;
+    advancedFilterId?: string;
 }
 interface SortBy {
     key: string;
@@ -108,6 +117,131 @@ interface PaginatedItems<T> {
     total: number;
 }
 
+type FilterType = 'number' | 'text' | 'option' | 'option-multiple' | 'date' | 'date-range';
+type RowActionIconColor = 'Yellow' | 'Orange' | 'Pink' | 'Purple' | 'Green' | 'Blue' | 'Sky' | 'Brown';
+interface PaginatedTableConfig<T> {
+    tableId: string;
+    primaryKey: keyof T | Array<keyof T>;
+    title: () => string;
+    columns: PaginatedTableColumn<T>[];
+    showQueryFilter?: boolean;
+    queryFilterPlaceholder?: string;
+    create?: TableBasicAction<T>;
+    update?: TableBasicAction<T>;
+    clickOnRowForUpdate?: boolean;
+    delete?: TableBasicAction<T>;
+    deleteConfirm?: DeleteConfirm<T>;
+    rowActions?: TableRowAction<T>[];
+    showAdvancedFilters?: boolean;
+    expandableDetail?: boolean;
+    expandableDetailTemplateRef?: () => TemplateRef<{
+        $implicit: T;
+    }>;
+    enableRowSelection?: boolean;
+    rowSelectionAction?: RowSelectionAction<T>[];
+    exportFileName?: () => string;
+    mapperForExportData?: (row: T) => Partial<Record<keyof T, any>>;
+    pdfConfig?: jsPDF;
+    maxHeight?: string;
+    defaultStickyColumn?: keyof T;
+}
+interface PaginatedTableColumn<T> {
+    key: keyof T;
+    label: string;
+    isSortable?: boolean;
+    filterType?: FilterType;
+    filterOptions?: FilterOption[];
+    component?: Type<any>;
+    templateRef?: () => TemplateRef<{
+        $implicit: T;
+    }>;
+    valueGetter?: (row: T) => string;
+    pipes?: ColumnPipe | ColumnPipe[];
+    showTotalPerPage?: boolean;
+    showTotalGeneral?: boolean;
+    getTotalGeneral?: () => number;
+    totalFooterFormatter?: (total: number) => string;
+    style?: Partial<CSSStyleDeclaration>;
+}
+interface TableBasicAction<T> {
+    show?: (row?: T) => boolean;
+    disabled?: (row?: T) => boolean;
+    tooltip?: (row?: T) => string;
+}
+interface TableRowAction<T> {
+    id: string;
+    show?: (row: T) => boolean;
+    disabled?: (row: T) => boolean;
+    icon: string;
+    iconColor?: RowActionIconColor;
+    tooltip: (row: T) => string;
+}
+interface FilterOption {
+    value: string;
+    label: string;
+}
+interface ColumnPipe {
+    pipe: PipeTransform;
+    args?: any[];
+}
+interface DeleteConfirm<T> {
+    title: (row: T) => string;
+    body?: (row: T) => string;
+    templateRef?: () => TemplateRef<{
+        $implicit: T;
+    }>;
+}
+interface RowSelectionAction<T> {
+    id: string;
+    icon: string;
+    label: (row: T[], totalSelected: number) => string;
+}
+
+declare const USER_ID_FACTORY: InjectionToken<Signal<string | null | undefined>>;
+
+type FilterConnector = 'AND' | 'OR';
+type FilterOperator = '=' | '<>' | '>' | '>=' | '<' | '<=' | 'LIKE';
+interface AdvancedFilter<T> {
+    name: string;
+    groups: FilterGroup<T>[];
+}
+interface FilterGroup<T> {
+    id?: string;
+    connector: FilterConnector;
+    filters: (FilterRule<T> | FilterGroup<T>)[];
+}
+interface FilterRule<T> {
+    id?: string;
+    key?: keyof T;
+    operator?: FilterOperator;
+    value?: ColumnValue;
+}
+declare const FILTER_CONNECTOR_LABEL: Record<FilterConnector, string>;
+declare const OPTIONS_FILTER_CONNECTOR: FilterOption[];
+declare const OPERATOR_BY_FILTER_TYPE: Record<FilterType, FilterOperator[]>;
+declare const FILTER_OPERATOR_LABEL: Record<FilterOperator, string>;
+
+interface RowActionClickEvent<T> {
+    id: string;
+    row: T;
+}
+
+interface SelectionActionEvent<T> {
+    id: string;
+    rows: T[];
+}
+
+interface ConfirmDialogData<T = any> {
+    title: string;
+    body?: string;
+    template?: TemplateRef<{
+        $implicit: T;
+    }>;
+    row?: T;
+    denyButtonLabel?: string;
+    confirmButtonLabel?: string;
+}
+
 declare class NgxBasicTable<T> {
     readonly tableConfig: _angular_core.InputSignal<TableConfig>;
     readonly tableData: _angular_core.InputSignal<T[]>;
@@ -129,11 +263,6 @@ declare class NgxBasicTable<T> {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxBasicTable<any>, "ngx-basic-table", never, { "tableConfig": { "alias": "tableConfig"; "required": true; "isSignal": true; }; "tableData": { "alias": "tableData"; "required": true; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": true; "isSignal": true; }; }, { "create": "create"; "view": "view"; "download": "download"; "update": "update"; "delete": "delete"; }, never, never, true, never>;
 }
 
-declare class NgxPaginatedTable {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxPaginatedTable, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxPaginatedTable, "ngx-paginated-table", never, {}, {}, never, never, true, never>;
-}
-
 declare class NgxInputFile implements OnInit {
     private _cdr;
     value: _angular_core.WritableSignal<File[]>;
@@ -151,6 +280,7 @@ declare class NgxInputFile implements OnInit {
     isDropping: _angular_core.WritableSignal<boolean>;
     inputFileRef: _angular_core.Signal<ElementRef<any> | undefined>;
     internalControl: FormControl<string[] | null>;
+    constructor();
     private checkErrors;
     controlEffect: _angular_core.EffectRef;
     ngOnInit(): void;
@@ -196,7 +326,7 @@ declare class NgxBasicSelect<T> {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxBasicSelect<any>, "ngx-basic-select", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "basicSelectConfig": { "alias": "basicSelectConfig"; "required": true; "isSignal": true; }; "control": { "alias": "control"; "required": true; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
 }
 
-declare class NgxPaginatedSelect<T, U extends PaginatedFilter> implements OnInit {
+declare class NgxPaginatedSelect<T, U extends PaginatedFilter<T>> implements OnInit {
     private _bottomSheet;
     private _cdr;
     readonly label: _angular_core.InputSignal<string>;
@@ -268,6 +398,117 @@ declare class NgxDialog<T = any> {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxDialog<any>, "ngx-dialog", never, {}, {}, never, never, true, never>;
 }
 
+declare class NgxConfirmDialogComponent {
+    dialogRef: MatDialogRef<any, any>;
+    data: ConfirmDialogData<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxConfirmDialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxConfirmDialogComponent, "ngx-confirm-dialog", never, {}, {}, never, never, true, never>;
+}
+
+interface ColumnConfig<T> {
+    key: keyof T;
+    show: boolean;
+    isSticky: boolean;
+}
+
+declare class NgxPaginatedTable<T, U extends PaginatedFilter<T>> implements OnDestroy {
+    private readonly columnConfigService;
+    private readonly advancedFilterService;
+    private readonly dialog;
+    private readonly datosPantallaService;
+    protected isDesktop: Signal<boolean>;
+    endpoint: _angular_core.InputSignal<(filters: U) => Observable<PaginatedItems<T>>>;
+    filters: _angular_core.InputSignal<WritableSignal<U>>;
+    config: _angular_core.InputSignal<WritableSignal<PaginatedTableConfig<T>>>;
+    protected createClick: _angular_core.OutputEmitterRef<void>;
+    protected updateClick: _angular_core.OutputEmitterRef<T>;
+    protected deleteClick: _angular_core.OutputEmitterRef<T>;
+    protected rowActionClick: _angular_core.OutputEmitterRef<RowActionClickEvent<T>>;
+    protected expandedItemChange: _angular_core.OutputEmitterRef<T | null>;
+    protected selectionActionEvent: _angular_core.OutputEmitterRef<SelectionActionEvent<T>>;
+    protected readonly filterKeyPrefix = "filter";
+    protected readonly nameOfActionsColumn = "actionsPerRow";
+    protected readonly generalFooterKeyPrefix = "footer";
+    protected readonly nameOfRowSelectionColumn = "rowSelectionColumn";
+    protected readonly debounceTime = 300;
+    dataResource: _angular_core.ResourceRef<PaginatedItems<T>>;
+    protected data: Signal<T[]>;
+    protected total: Signal<number>;
+    protected columnConfig: Signal<ColumnConfig<T>[]>;
+    protected stickyColumnKey: Signal<keyof T | undefined>;
+    protected keys: Signal<(string | keyof T)[]>;
+    protected keysWithFilter: Signal<string[]>;
+    protected keysWithGeneralFooter: Signal<string[]>;
+    protected showFiltersRow: Signal<boolean>;
+    protected showActionsColumn: Signal<boolean>;
+    protected showTotalPerPageFooter: Signal<boolean>;
+    protected showTotalGeneralFooter: Signal<boolean>;
+    protected queryTimeout: number | undefined;
+    protected timeoutsByKey: Partial<Record<keyof T, number>>;
+    protected advancedFilters: Signal<AdvancedFilter<T>[]>;
+    protected readonly expandableColumnDef = "expandedDetail";
+    protected expandedItem: WritableSignal<T | null>;
+    protected selection: WritableSignal<T[]>;
+    protected isFullScreen: WritableSignal<boolean>;
+    private readonly overlay;
+    private readonly overlayContainer;
+    private readonly viewContainerRef;
+    tableContentTemplate: Signal<TemplateRef<any> | undefined>;
+    private overlayRef?;
+    private portal?;
+    onEscape(): void;
+    ngOnDestroy(): void;
+    private includeInColumnConfig;
+    protected getKeyAsString: (columnKey: keyof T | string) => string;
+    protected onPageChange(event: PageEvent): void;
+    protected onQueryChange(inputElement: HTMLInputElement): void;
+    protected onQueryReset(inputElement: HTMLInputElement): void;
+    protected onSortChange(sort: Sort): void;
+    protected onNewClick(): void;
+    protected onUpdateClick(row: T, event: Event): void;
+    protected onRowClick(row: T): void;
+    protected isRowEnabled(row: T): boolean | undefined;
+    protected onDeleteClick(row: T, event: Event): void;
+    protected onRowActionClick(row: T, rowAction: TableRowAction<T>, event: Event): void;
+    protected onTextFilterColumnChange(column: PaginatedTableColumn<T>, event: Event): void;
+    protected onOptionFilterColumnChange(column: PaginatedTableColumn<T>, event: MatSelectChange<string | string[]>): void;
+    protected onDateFilterChange(column: PaginatedTableColumn<T>, value: moment.Moment | null): void;
+    protected onDateRangeFilterChange(column: PaginatedTableColumn<T>, value: DateRange<moment.Moment | null> | null): void;
+    private onColumnFilterChange;
+    protected getValueOfColumnFilter(key: keyof T): ColumnValue;
+    protected getDateRangeValueOfColumnFilter(key: keyof T, type: 'start' | 'end'): moment.Moment | null;
+    protected onEditColumns(): void;
+    protected applyColumnPipes(value: any, pipes?: ColumnPipe | ColumnPipe[]): any;
+    protected onNewAdvancedFiltersClick(): void;
+    protected onApplyTemplateClick(advancedFilter?: AdvancedFilter<T>): void;
+    protected onSelectedAdvancedFilterUpdate(event: Event): void;
+    protected onAdvancedFilterUpdate(event: Event, advancedFilter: AdvancedFilter<T>, advancedFiltersMenuTrigger?: MatMenuTrigger): void;
+    protected onAdvancedFilterDelete(event: Event, advancedFiltersMenuTrigger: MatMenuTrigger, advancedFilter: AdvancedFilter<T>): void;
+    protected onQuitAdvancedFilter(event: Event): void;
+    protected getAdvancedFilterLabel(): string;
+    protected rowIsExpanded(row: T): boolean;
+    protected expandableToggle(row: T): void;
+    protected getTotalOfColum(columnKey: keyof T): number;
+    protected areEqualByKeys(record1: T, record2: T): boolean;
+    protected isRowSelected(row: T): boolean;
+    protected toggleRowSelection(row: T): void;
+    protected isAllPageRowSelected(): boolean;
+    protected toggleAllPageRowSelection(): void;
+    protected getRowSelectionAction(): RowSelectionAction<T>[];
+    protected uncheckAllSelection(): void;
+    protected onRowSelectionActionClick(actionId: string): void;
+    private getDocumentHeaders;
+    private getDocumentRows;
+    protected exportToCsvCurrentPage(): void;
+    protected exportToPdfCurrentPage(): void;
+    protected onToggleFullScreen(): void;
+    private enterFullscreen;
+    private exitFullscreen;
+    private isMyOverlayOnTop;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxPaginatedTable<any, any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxPaginatedTable<any, any>, "ngx-paginated-table", never, { "endpoint": { "alias": "endpoint"; "required": true; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; }, { "createClick": "createClick"; "updateClick": "updateClick"; "deleteClick": "deleteClick"; "rowActionClick": "rowActionClick"; "expandedItemChange": "expandedItemChange"; "selectionActionEvent": "selectionActionEvent"; }, never, ["[icon-buttons]", "[more-filters]", "[extra-header-content]", "[end-container]"], true, never>;
+}
+
 declare class NgxDialogService {
     private readonly _dialog;
     /**
@@ -399,5 +640,5 @@ declare class DynamicHostDirective<T> {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DynamicHostDirective<any>, "[ngxDynamicHost]", never, { "component": { "alias": "component"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { DynamicHostDirective, NgxBasicSelect, NgxBasicTable, NgxDialog, NgxDialogService, NgxInputFile, NgxLoadingButton, NgxPaginatedSelect, NgxPaginatedTable };
-export type { ActionKey, BasicSelectConfig, ButtonConfig, ColumnType, LinkConfig, PaginatedFilter, PaginatedItems, PaginatedSelectConfig, PipeConfig, PipeType, SortBy, TableColumn, TableConfig };
+export { DynamicHostDirective, FILTER_CONNECTOR_LABEL, FILTER_OPERATOR_LABEL, NgxBasicSelect, NgxBasicTable, NgxConfirmDialogComponent, NgxDialog, NgxDialogService, NgxInputFile, NgxLoadingButton, NgxPaginatedSelect, NgxPaginatedTable, OPERATOR_BY_FILTER_TYPE, OPTIONS_FILTER_CONNECTOR, USER_ID_FACTORY };
+export type { ActionKey, AdvancedFilter, BasicSelectConfig, ButtonConfig, ColumnPipe, ColumnType, ConfirmDialogData, DeleteConfirm, FilterConnector, FilterGroup, FilterOperator, FilterOption, FilterRule, FilterType, LinkConfig, PaginatedFilter, PaginatedItems, PaginatedSelectConfig, PaginatedTableColumn, PaginatedTableConfig, PipeConfig, PipeType, RowActionClickEvent, RowActionIconColor, RowSelectionAction, SelectionActionEvent, SortBy, TableBasicAction, TableColumn, TableConfig, TableRowAction };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-eiffage-material",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "peerDependencies": {
     "@angular/common": "^20.1.0",
     "@angular/core": "^20.1.0"