ud-components 0.2.5 → 0.2.6

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

@@ -1,4 +1,4 @@
-import { CustomAction, TableQueryChange } from './custom-table.interface';
+import { CustomAction, TableMenuItem, TableQueryChange } from './custom-table.interface';
 import { NumberOperator } from '../../enums/custom-table.enum';
 import { Role } from '../../enums/role.enum';
 import { TableDisplayColumnType } from '../../enums/table-display-column-type';
@@ -104,6 +104,11 @@ export declare class CustomTableComponent implements OnInit {
      * Actions button shown or not
      */
     actionsMenuEnabled?: boolean;
+    /**
+     * Pre-set per-row menu items rendered when actionsMenuEnabled is true.
+     * Each item has a label, icon, and clickFn(row).
+     */
+    menuItems: TableMenuItem[];
     /**
      * Number of rows
      */
@@ -213,5 +218,5 @@ export declare class CustomTableComponent implements OnInit {
     protected readonly NumberOperator: typeof NumberOperator;
     protected readonly ActionType: typeof ActionType;
     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; }; "customActions": { "alias": "customActions"; "required": false; }; "allowedRoles": { "alias": "allowedRoles"; "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; }; "totalElements": { "alias": "totalElements"; "required": false; }; "serverSideFiltering": { "alias": "serverSideFiltering"; "required": false; }; "disableHeader": { "alias": "disableHeader"; "required": false; }; }, { "delete": "delete"; "approve": "approve"; "reject": "reject"; "extend": "extend"; "add": "add"; "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; }; "customActions": { "alias": "customActions"; "required": false; }; "allowedRoles": { "alias": "allowedRoles"; "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; }; }, { "delete": "delete"; "approve": "approve"; "reject": "reject"; "extend": "extend"; "add": "add"; "clicked": "clicked"; "queryChange": "queryChange"; }, ["actionsTemplate"], never, true, never>;
 }

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

@@ -1,5 +1,11 @@
 import { SelectionModel } from '@angular/cdk/collections';
 import { FilterCriteria } from '../../interfaces/table.interface';
+export interface TableMenuItem {
+    label: string;
+    icon: string;
+    clickFn: (selection: SelectionModel<any>) => void;
+    disabled?: (selection: SelectionModel<any>) => boolean;
+}
 export interface CustomAction {
     clickFn: (params?: any) => any;
     tooltipText: string;

package/lib/form-fields/autocomplete/autocomplete.component.d.ts

@@ -0,0 +1,42 @@
+import { OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { UdSelectOption } from '../multi-select/multi-select.component';
+import * as i0 from "@angular/core";
+/**
+ * Styled autocomplete input that participates in the parent FormGroup.
+ * Filters options as the user types and stores the selected option's value
+ * (not the label) in the form control.
+ *
+ * Usage:
+ *   <ud-autocomplete
+ *     controlName="country"
+ *     label="Country"
+ *     icon="public"
+ *     [options]="countryOptions" />
+ */
+export declare class AutocompleteComponent implements OnInit, OnChanges, OnDestroy {
+    controlName: string;
+    label: string;
+    placeholder: string;
+    icon?: string;
+    iconFontSet: string;
+    options: UdSelectOption[];
+    /** Internal text control that drives the visible input */
+    searchControl: FormControl<string | null>;
+    filteredOptions: UdSelectOption[];
+    private controlContainer;
+    private destroy$;
+    private labelMap;
+    get formControl(): FormControl;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** Called when the user selects an option from the dropdown */
+    onOptionSelected(value: any): void;
+    /** Display function for mat-autocomplete — shows the label, not the raw value */
+    displayFn: (value: any) => string;
+    private filter;
+    private buildLabelMap;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ud-autocomplete", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconFontSet": { "alias": "iconFontSet"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/form-fields/multi-select/multi-select.component.d.ts

@@ -1,4 +1,4 @@
-import { OnDestroy, OnInit } from '@angular/core';
+import { OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export interface UdSelectOption {
@@ -22,7 +22,7 @@ export interface UdSelectOption {
  * Pass options with already-resolved labels (translate before passing in):
  *   rolesOptions = roles.map(r => ({ value: r.key, label: translate(r.translationKey) }));
  */
-export declare class MultiSelectComponent implements OnInit, OnDestroy {
+export declare class MultiSelectComponent implements OnInit, OnChanges, OnDestroy {
     controlName: string;
     label: string;
     icon?: string;
@@ -42,6 +42,7 @@ export declare class MultiSelectComponent implements OnInit, OnDestroy {
     private destroy$;
     private labelMap;
     get control(): FormControl;
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
     getLabelFor(value: any): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ud-components",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "peerDependencies": {
     "@angular/common": "^19.2.0",
     "@angular/core": "^19.2.0"

package/public-api.d.ts

@@ -14,6 +14,7 @@ export * from './lib/summary-view/summary-view.component';
 export * from './lib/tabs/tabs.component';
 export * from './lib/tel-input/tel-input.component';
 export * from './lib/form-fields/text-input/text-input.component';
+export * from './lib/form-fields/autocomplete/autocomplete.component';
 export * from './lib/form-fields/date-input/date-input.component';
 export * from './lib/form-fields/multi-select/multi-select.component';
 export * from './lib/form-fields/pill-toggle/pill-toggle.component';