ud-components 0.5.24 → 0.5.26

package/interfaces/table-display-column.interface.d.ts

@@ -2,6 +2,7 @@ import { TableDisplayColumnType } from '../enums/table-display-column-type';
 import { TemplateRef } from '@angular/core';
 import { SortDirection } from '@angular/material/sort';
 import { Observable } from 'rxjs';
+import { UdSelectOption } from '../lib/form-fields/multi-select/multi-select.component';
 export interface TableDisplayColumn {
     /**
      * Property in which to take the value from
@@ -62,4 +63,12 @@ export interface TableDisplayColumn {
      * e.g. a column with ratio 2 gets twice the width of a column with ratio 1.
      */
     widthRatio?: number;
+    /**
+     * Enables inline editing for this column. Shows a pencil icon on hover.
+     */
+    editable?: boolean;
+    /**
+     * Options for SELECT type editable columns (the enum values to pick from).
+     */
+    editOptions?: UdSelectOption[];
 }

package/lib/calendar/calendar.component.d.ts

@@ -64,6 +64,7 @@ export declare class CalendarComponent implements OnDestroy {
         id: CalendarView;
         label: string;
     }[];
+    readonly monthDayNames: string[];
     private readonly CELL_H;
     private readonly TIME_COL_W;
     /** Drag snapping granularity, in minutes. */

package/lib/custom-table/custom-table.component.d.ts

@@ -5,7 +5,7 @@ import { TableDisplayColumn } from '../../interfaces/table-display-column.interf
 import { TranslateWrapperService } from '../../services/translate-wrapper/translate-wrapper.service';
 import { SelectionModel } from '@angular/cdk/collections';
 import { ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
-import { FormGroup } from '@angular/forms';
+import { FormControl, FormGroup } from '@angular/forms';
 import { MatPaginator, PageEvent } from '@angular/material/paginator';
 import { UdSelectOption } from '../form-fields/multi-select/multi-select.component';
 import { MatSort } from '@angular/material/sort';
@@ -121,6 +121,14 @@ export declare class CustomTableComponent implements OnInit {
      * Emits combined query change (filters + pagination)
      */
     queryChange: EventEmitter<TableQueryChange>;
+    /**
+     * Emits when an editable cell value is confirmed: { row, property, value }
+     */
+    cellEdited: EventEmitter<{
+        row: any;
+        property: string;
+        value: any;
+    }>;
     actionsTemplate: TemplateRef<any>;
     selection: SelectionModel<any>;
     selectedFilters: TableDisplayColumn[];
@@ -129,6 +137,17 @@ export declare class CustomTableComponent implements OnInit {
     tableDisplayColumnType: typeof TableDisplayColumnType;
     initSortedCol: TableDisplayColumn | null;
     filterByColumnFormGroup: FormGroup;
+    editingCell: {
+        rowIndex: number;
+        property: string;
+    } | null;
+    hoveredCell: {
+        rowIndex: number;
+        property: string;
+    } | null;
+    editFormGroup: FormGroup<{
+        value: FormControl<any>;
+    }>;
     /**
      * Related to filtering and pagination on localStorage
      */
@@ -183,9 +202,12 @@ export declare class CustomTableComponent implements OnInit {
     get displayedColumnsProperty(): string[];
     get displayedColumnsWithoutSelect(): TableDisplayColumn[];
     get displayCheckbox(): boolean;
+    startEditing(row: any, rowIndex: number, column: TableDisplayColumn): void;
+    confirmEdit(row: any, column: TableDisplayColumn): void;
+    cancelEdit(): void;
     protected readonly capitalize: (word: string) => string;
     protected readonly TableDisplayColumnType: typeof TableDisplayColumnType;
     protected readonly NumberOperator: typeof NumberOperator;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CustomTableComponent, "ud-table", never, { "id": { "alias": "id"; "required": false; }; "title": { "alias": "title"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "haveCheckbox": { "alias": "haveCheckbox"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "paginationSizeOptions": { "alias": "paginationSizeOptions"; "required": false; }; "initialPageSize": { "alias": "initialPageSize"; "required": false; }; "specificSelectRow": { "alias": "specificSelectRow"; "required": false; }; "hasFilter": { "alias": "hasFilter"; "required": false; }; "expandableRows": { "alias": "expandableRows"; "required": false; }; "expandedItem": { "alias": "expandedItem"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "separateFilters": { "alias": "separateFilters"; "required": false; }; "showPaginator": { "alias": "showPaginator"; "required": false; }; "noTableDataMessage": { "alias": "noTableDataMessage"; "required": false; }; "actionsMenuEnabled": { "alias": "actionsMenuEnabled"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "totalElements": { "alias": "totalElements"; "required": false; }; "serverSideFiltering": { "alias": "serverSideFiltering"; "required": false; }; "disableHeader": { "alias": "disableHeader"; "required": false; }; }, { "actionClicked": "actionClicked"; "clicked": "clicked"; "queryChange": "queryChange"; }, ["actionsTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomTableComponent, "ud-table", never, { "id": { "alias": "id"; "required": false; }; "title": { "alias": "title"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "haveCheckbox": { "alias": "haveCheckbox"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "paginationSizeOptions": { "alias": "paginationSizeOptions"; "required": false; }; "initialPageSize": { "alias": "initialPageSize"; "required": false; }; "specificSelectRow": { "alias": "specificSelectRow"; "required": false; }; "hasFilter": { "alias": "hasFilter"; "required": false; }; "expandableRows": { "alias": "expandableRows"; "required": false; }; "expandedItem": { "alias": "expandedItem"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "separateFilters": { "alias": "separateFilters"; "required": false; }; "showPaginator": { "alias": "showPaginator"; "required": false; }; "noTableDataMessage": { "alias": "noTableDataMessage"; "required": false; }; "actionsMenuEnabled": { "alias": "actionsMenuEnabled"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "totalElements": { "alias": "totalElements"; "required": false; }; "serverSideFiltering": { "alias": "serverSideFiltering"; "required": false; }; "disableHeader": { "alias": "disableHeader"; "required": false; }; }, { "actionClicked": "actionClicked"; "clicked": "clicked"; "queryChange": "queryChange"; "cellEdited": "cellEdited"; }, ["actionsTemplate"], never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ud-components",
-  "version": "0.5.24",
+  "version": "0.5.26",
   "peerDependencies": {
     "@angular/cdk": ">=19",
     "@angular/common": ">=19",