ud-components 0.4.9 → 0.5.2

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

@@ -1,4 +1,4 @@
-import { CustomAction, TableMenuItem, TableQueryChange } from './custom-table.interface';
+import { TableAction, TableMenuItem, TableQueryChange } from './custom-table.interface';
 import { NumberOperator } from '../../enums/custom-table.enum';
 import { TableDisplayColumnType } from '../../enums/table-display-column-type';
 import { TableDisplayColumn } from '../../interfaces/table-display-column.interface';
@@ -12,13 +12,6 @@ import { MatSort } from '@angular/material/sort';
 import { MatTableDataSource } from '@angular/material/table';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare enum ActionType {
-    ADD = "add",
-    APPROVE = "approve",
-    DELETE = "delete",
-    EXTEND = "extend",
-    REJECT = "reject"
-}
 export declare class CustomTableComponent implements OnInit {
     private translateService;
     private readonly destroyRef;
@@ -37,11 +30,7 @@ export declare class CustomTableComponent implements OnInit {
     /**
      * Actions
      */
-    actions: ActionType[];
-    /**
-     * Custom actions
-     */
-    customActions: CustomAction[];
+    actions: TableAction[];
     /**
      * Should have checkbox or not
      */
@@ -118,25 +107,12 @@ export declare class CustomTableComponent implements OnInit {
      */
     disableHeader?: boolean;
     /**
-     * Emits delete
-     */
-    delete: EventEmitter<SelectionModel<any>>;
-    /**
-     * Emits approve
-     */
-    approve: EventEmitter<SelectionModel<any>>;
-    /**
-     * Emits reject
-     */
-    reject: EventEmitter<SelectionModel<any>>;
-    /**
-     * Emits extend
-     */
-    extend: EventEmitter<SelectionModel<any>>;
-    /**
-     * Emits add
+     * Emits the action id and current selection when an action button is clicked
      */
-    add: EventEmitter<void>;
+    actionClicked: EventEmitter<{
+        id: string;
+        selection: SelectionModel<any>;
+    }>;
     /**
      * Emits clicked
      */
@@ -178,11 +154,7 @@ export declare class CustomTableComponent implements OnInit {
     applyFilterByColumn(): void;
     private buildFilterCriteria;
     filterSelectionChanged(selectedFilters: string[]): void;
-    deleteAction(): void;
-    approveAction(): void;
-    rejectAction(): void;
-    extendAction(): void;
-    addAction(): void;
+    onActionClicked(action: TableAction): void;
     clickedAction(item: any): void;
     onPageChange(event: PageEvent): void;
     /** Whether the number of selected elements matches the total number of rows. */
@@ -214,7 +186,6 @@ export declare class CustomTableComponent implements OnInit {
     protected readonly capitalize: (word: string) => string;
     protected readonly TableDisplayColumnType: typeof TableDisplayColumnType;
     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; }; "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>;
+    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>;
 }

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

@@ -1,15 +1,18 @@
 import { SelectionModel } from '@angular/cdk/collections';
+import { UdButtonColor, UdButtonVariant } from '../button/button.component';
 import { FilterCriteria } from '../../interfaces/table.interface';
-export interface TableMenuItem {
-    label: string;
+export interface TableAction {
+    id: string;
     icon: string;
-    clickFn: (selection: SelectionModel<any>) => void;
+    label?: string;
+    color?: UdButtonColor;
+    variant?: UdButtonVariant;
     disabled?: (selection: SelectionModel<any>) => boolean;
 }
-export interface CustomAction {
-    clickFn: (params?: any) => any;
-    tooltipText: string;
+export interface TableMenuItem {
+    label: string;
     icon: string;
+    clickFn: (selection: SelectionModel<any>) => void;
     disabled?: (selection: SelectionModel<any>) => boolean;
 }
 export interface TableQuery {

package/lib/modal/modal.component.d.ts

@@ -1,14 +1,18 @@
 import { ModalInputType } from '../../enums/modal-input-type.enum';
 import { FormGroup } from '@angular/forms';
+import { MatDialogRef } from '@angular/material/dialog';
 import * as i0 from "@angular/core";
 export declare class ModalComponent {
     data: any;
+    private dialogRef;
     protected form?: FormGroup;
     protected modalInputType: typeof ModalInputType;
     protected showClose: boolean;
     protected pictureUrls?: string;
     protected currentPictureIndex?: number;
-    constructor(data: any);
+    constructor(data: any, dialogRef: MatDialogRef<ModalComponent>);
+    close(): void;
+    onAction(): void;
     previous(): void;
     next(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;

package/lib/toggle-option/toggle-option.component.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class ToggleOptionComponent implements ControlValueAccessor, OnInit, OnDestroy {
+    title: string;
+    description?: string;
+    checked: boolean;
+    controlName?: string;
+    size: 'sm' | 'md' | 'lg';
+    get isSm(): boolean;
+    get isMd(): boolean;
+    get isLg(): boolean;
+    isDisabled: boolean;
+    private controlContainer;
+    private destroy$;
+    checkedChange: EventEmitter<boolean>;
+    toggle: EventEmitter<boolean>;
+    private _onChange;
+    private onTouched;
+    private get formControl();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onToggle(): void;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToggleOptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleOptionComponent, "ud-toggle-option", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "checkedChange": "checkedChange"; "toggle": "toggle"; }, never, never, true, never>;
+}

package/package.json

@@ -1,9 +1,11 @@
 {
   "name": "ud-components",
-  "version": "0.4.9",
+  "version": "0.5.2",
   "peerDependencies": {
+    "@angular/cdk": ">=19",
     "@angular/common": ">=19",
     "@angular/core": ">=19",
+    "@angular/material": ">=19",
     "@ngrx/signals": ">=19"
   },
   "dependencies": {

package/public-api.d.ts

@@ -26,6 +26,7 @@ export * from './lib/button/button.component';
 export * from './lib/button-toggle/button-toggle.component';
 export * from './lib/preview-container/preview-container.component';
 export * from './lib/toggle/toggle.component';
+export * from './lib/toggle-option/toggle-option.component';
 export * from './enums/feature-flag-key.enum';
 export * from './enums/loading-status.enum';
 export * from './enums/application-status.enum';