ud-components 0.2.5 → 0.2.7

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;
@@ -37,16 +37,18 @@ export declare class MultiSelectComponent implements OnInit, OnDestroy {
      * Default: "+{n} more"
      */
     moreText: string;
+    loading: boolean;
     selectedValues: any[];
     private controlContainer;
     private destroy$;
     private labelMap;
     get control(): FormControl;
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
     getLabelFor(value: any): string;
     getMoreText(count: number): string;
     private buildLabelMap;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "ud-multi-select", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconFontSet": { "alias": "iconFontSet"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "maxChipsVisible": { "alias": "maxChipsVisible"; "required": false; }; "moreText": { "alias": "moreText"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "ud-multi-select", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconFontSet": { "alias": "iconFontSet"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "maxChipsVisible": { "alias": "maxChipsVisible"; "required": false; }; "moreText": { "alias": "moreText"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/form-fields/text-input/text-input.component.d.ts

@@ -18,6 +18,7 @@ export declare class TextInputComponent {
     /** Material icon name. Leave empty to show no icon. */
     icon?: string;
     iconFontSet: string;
+    loading: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextInputComponent, "ud-text-input", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconFontSet": { "alias": "iconFontSet"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextInputComponent, "ud-text-input", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconFontSet": { "alias": "iconFontSet"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -0,0 +1,25 @@
+import * as i0 from "@angular/core";
+/**
+ * Styled auto-growing textarea that participates in the parent FormGroup.
+ *
+ * Usage:
+ *   <ud-textarea
+ *     controlName="notes"
+ *     label="Notes"
+ *     icon="notes"
+ *     [minRows]="3"
+ *     [maxRows]="8" />
+ */
+export declare class TextareaComponent {
+    controlName: string;
+    label: string;
+    placeholder: string;
+    icon?: string;
+    iconFontSet: string;
+    /** Minimum number of visible rows before auto-grow kicks in. */
+    minRows: number;
+    /** Maximum number of rows before a scrollbar appears. */
+    maxRows: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "ud-textarea", 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; }; "minRows": { "alias": "minRows"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/form-fields/time-picker/time-picker.component.d.ts

@@ -0,0 +1,35 @@
+import { MatTimepickerOption } from '@angular/material/timepicker';
+import * as i0 from "@angular/core";
+/**
+ * Styled time picker that participates in the parent FormGroup.
+ *
+ * Usage (interval mode — value is in minutes):
+ *   <ud-time-picker
+ *     controlName="checkInTime"
+ *     label="Check-in time"
+ *     [intervalMinutes]="30" />
+ *
+ * Usage (custom options mode):
+ *   <ud-time-picker
+ *     controlName="checkInTime"
+ *     label="Check-in time"
+ *     [options]="timeOptions" />
+ */
+export declare class TimePickerComponent {
+    controlName: string;
+    label: string;
+    placeholder: string;
+    icon: string;
+    iconFontSet: string;
+    /**
+     * Minutes between each option in the dropdown (e.g. 30 → every half hour).
+     * Omit to use Material's default (30 min). Ignored when `options` is provided.
+     * Internally converted to seconds for mat-timepicker.
+     */
+    intervalMinutes?: number;
+    /** Pre-defined list of selectable times. When set, `intervalMinutes` is ignored. */
+    options?: readonly MatTimepickerOption<Date>[] | null;
+    get _intervalSeconds(): number | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "ud-time-picker", 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; }; "intervalMinutes": { "alias": "intervalMinutes"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ud-components",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "peerDependencies": {
     "@angular/common": "^19.2.0",
     "@angular/core": "^19.2.0"
@@ -18,6 +18,30 @@
     ".": {
       "types": "./index.d.ts",
       "default": "./fesm2022/ud-components.mjs"
+    },
+    "./enums/role.enum": {
+      "types": "./enums/role.enum.d.ts",
+      "default": "./enums/role.enum.js"
+    },
+    "./lib/kpi/kpi.enum": {
+      "types": "./lib/kpi/kpi.enum.d.ts",
+      "default": "./lib/kpi/kpi.enum.js"
+    },
+    "./lib/edit-view/edit-view-section.directive": {
+      "types": "./lib/edit-view/edit-view-section.directive.d.ts",
+      "default": "./lib/edit-view/edit-view-section.directive.js"
+    },
+    "./interfaces/page-request.interface": {
+      "types": "./interfaces/page-request.interface.d.ts",
+      "default": "./interfaces/page-request.interface.js"
+    },
+    "./interfaces/table.interface": {
+      "types": "./interfaces/table.interface.d.ts",
+      "default": "./interfaces/table.interface.js"
+    },
+    "./interfaces/table-display-column.interface": {
+      "types": "./interfaces/table-display-column.interface.d.ts",
+      "default": "./interfaces/table-display-column.interface.js"
     }
   }
-}
+}

package/public-api.d.ts

@@ -14,9 +14,12 @@ 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';
+export * from './lib/form-fields/time-picker/time-picker.component';
+export * from './lib/form-fields/textarea/textarea.component';
 export * from './lib/button/button.component';
 export * from './lib/toggle/toggle.component';
 export * from './enums/application-status.enum';