@mediusinc/mng-commons 0.5.0 → 0.7.0

package/lib/api/models/builders/query-param.builder.d.ts

@@ -3,6 +3,7 @@ export declare class MediusQueryParamBuilder {
     private queryParam;
     private constructor();
     static create(itemsPerPage?: number, itemsOffset?: number): MediusQueryParamBuilder;
+    static createFromExisting(queryParam: MediusQueryParam, itemsPerPage?: number, itemsOffset?: number): MediusQueryParamBuilder;
     withItemsPerPage(itemsPerPage: number): MediusQueryParamBuilder;
     withItemsOffset(itemsOffset: number): MediusQueryParamBuilder;
     withQueryMode(queryMode: MediusQueryMode): MediusQueryParamBuilder;

package/lib/api/services/crud-api.abstract.service.d.ts

@@ -3,12 +3,18 @@ import { Observable } from 'rxjs';
 import { ClassType, IdType } from '../../types';
 import { MediusQueryResult } from '../models';
 import { AMngGetAllApiService } from './get-all-api.abstract.service';
-export declare abstract class AMngCrudApiService<T, QRT extends MediusQueryResult<any>> extends AMngGetAllApiService<T, QRT> {
+export interface IMngCrudApiService<T> {
+    createPost?(item: T, params?: HttpParams): Observable<T>;
+    getByIdGet?(id: IdType, params?: HttpParams): Observable<T>;
+    updatePut?(id: IdType, item: T, params?: HttpParams): Observable<T>;
+    removeDelete?(id: IdType, item?: T, params?: HttpParams): Observable<T | null>;
+}
+export declare abstract class AMngCrudApiService<T, QRT extends MediusQueryResult<any>> extends AMngGetAllApiService<T, QRT> implements IMngCrudApiService<T> {
     protected constructor(type: ClassType<T>, queryResultType: ClassType<QRT>, http: HttpClient);
     createPost(item: T, params?: HttpParams): Observable<T>;
     getByIdGet(id: IdType, params?: HttpParams): Observable<T>;
     updatePut(id: IdType, item: T, params?: HttpParams): Observable<T>;
-    removeDelete(id: IdType, item?: T, params?: HttpParams): Observable<any>;
+    removeDelete(id: IdType, item?: T, params?: HttpParams): Observable<T | null>;
     protected getCreatePostPath(item: T): string;
     protected getUpdatePutPath(id: IdType, item: T): string;
     protected getGetByIdGetPath(id: IdType): string;

package/lib/components/action/models/action-execution.model.d.ts

@@ -2,9 +2,11 @@ import { Message } from 'primeng/api';
 import { DynamicDialogRef } from 'primeng/dynamicdialog';
 import { Observable } from 'rxjs';
 import { IDataProvider } from '../../../data-providers';
+import { ActionDescriptor } from '../../../descriptors';
 import { IViewContainer } from '../../../models';
 import { IdType } from '../../../types';
 export declare class ActionExecContext<T, S, DP extends IDataProvider<T, S>> {
+    readonly action: ActionDescriptor<T>;
     readonly dataProvider?: DP | undefined;
     readonly serviceInstance?: S | undefined;
     readonly data?: {
@@ -14,7 +16,7 @@ export declare class ActionExecContext<T, S, DP extends IDataProvider<T, S>> {
     } | undefined;
     readonly sourceComponent: any;
     readonly viewContainer: IViewContainer<T, S> | null;
-    constructor(dataProvider?: DP | undefined, serviceInstance?: S | undefined, data?: {
+    constructor(action: ActionDescriptor<T>, dataProvider?: DP | undefined, serviceInstance?: S | undefined, data?: {
         item?: T | undefined;
         itemId?: IdType | undefined;
         actionData?: ActionData | undefined;
@@ -28,10 +30,10 @@ export declare class ActionError {
 }
 export declare class ActionRunResult<T, S, DP extends IDataProvider<T, S>> {
     readonly context?: ActionExecContext<T, S, DP> | undefined;
-    readonly result?: T | undefined;
+    readonly result?: T | null | undefined;
     readonly error?: ActionError | undefined;
     notification?: Message;
-    constructor(context?: ActionExecContext<T, S, DP> | undefined, result?: T | undefined, error?: ActionError | undefined);
+    constructor(context?: ActionExecContext<T, S, DP> | undefined, result?: T | null | undefined, error?: ActionError | undefined);
 }
 export declare class ActionActivationResult<T, S, DP extends IDataProvider<T, S>> {
     readonly runResult?: ActionRunResult<T, S, DP> | undefined;

package/lib/components/form/formly/fields/formly-field-table-dialog-form/formly-field-table-dialog-form.component.d.ts

@@ -3,23 +3,20 @@ import { FieldType } from '@ngx-formly/core';
 import { Observable, Subject } from 'rxjs';
 import { ActionDescriptor, FieldManyEditorDescriptor } from '../../../../../descriptors';
 import { MngActionExecutorService } from '../../../../../services';
-import { MngTableCellClickEvent } from '../../../../tableview/models';
 import * as i0 from "@angular/core";
 export declare class MngFormlyFieldTableDialogFormComponent<T, ET> extends FieldType implements OnInit, OnDestroy {
     private actionExecutor;
     descriptor: FieldManyEditorDescriptor<T, ET>;
     itemsSubject: Subject<Array<T>>;
     items$: Observable<Array<T>>;
+    actions: Array<ActionDescriptor<T>>;
     toolbarRightActions: Array<ActionDescriptor<T>>;
-    rowClickActions: Array<ActionDescriptor<T>>;
-    rowInlineActions: Array<ActionDescriptor<T>>;
     private subscriptions;
     private isDisabledSubject;
     private isEnabled$;
     constructor(actionExecutor: MngActionExecutorService);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    onTableCellClick(event: MngTableCellClickEvent<T>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MngFormlyFieldTableDialogFormComponent<any, any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MngFormlyFieldTableDialogFormComponent<any, any>, "mng-formly-table-dialog-form-field", never, {}, {}, never, never>;
 }

package/lib/components/tableview/table/table.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, EventEmitter, Injector, OnDestroy, OnInit, QueryList, TemplateRef, Type } from '@angular/core';
+import { AfterContentInit, EventEmitter, Injector, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges, TemplateRef, Type } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
 import { LazyLoadEvent, SortMeta } from 'primeng/api';
@@ -7,17 +7,18 @@ import { Table } from 'primeng/table';
 import { Observable } from 'rxjs';
 import { MediusQueryResult } from '../../../api/models';
 import { ITableDataProvider } from '../../../data-providers';
-import { ColumnDescriptor, TableDescriptor } from '../../../descriptors';
+import { ActionDescriptor, ColumnDescriptor, TableDescriptor } from '../../../descriptors';
 import { MngComponentDirective, MngTemplateDirective } from '../../../directives';
 import { IViewContainer } from '../../../models';
-import { MngViewContainerComponentService } from '../../../services';
+import { MngActionExecutorService, MngViewContainerComponentService } from '../../../services';
 import { MngTableCellClickEvent, MngTableLoadEvent } from '../models';
 import * as i0 from "@angular/core";
-export declare class MngTableComponent<T, S> implements OnInit, AfterContentInit, OnDestroy {
+export declare class MngTableComponent<T, S> implements OnInit, OnChanges, AfterContentInit, OnDestroy {
     private injector;
     private router;
-    private activatedRoute;
+    private route;
     private translate;
+    private actionExecutor;
     private viewContainerService;
     readonly filterDisplayRow: TableDescriptor.FilterDisplayEnum;
     readonly filterDisplayMenu: TableDescriptor.FilterDisplayEnum;
@@ -29,10 +30,12 @@ export declare class MngTableComponent<T, S> implements OnInit, AfterContentInit
     useQueryParams: boolean;
     selectionMode: string;
     selectionEnabled: boolean;
-    isColumnClickable: boolean;
+    actions: Array<ActionDescriptor<T>>;
+    isColumnClickable?: boolean;
     viewContainerInit?: IViewContainer<T, S>;
     captionComponent?: Type<any>;
     columnActionComponent?: Type<any>;
+    columnActionMinWidth: number | null;
     loadEventEmitter: EventEmitter<MngTableLoadEvent>;
     cellClickEventEmitter: EventEmitter<MngTableCellClickEvent<T>>;
     selectionChangeEventEmitter: EventEmitter<T[]>;
@@ -48,7 +51,8 @@ export declare class MngTableComponent<T, S> implements OnInit, AfterContentInit
     queryResult$?: Observable<MediusQueryResult<T>>;
     loading$?: Observable<boolean>;
     dataProviderInfiniteScrollItems: Array<T>;
-    readonly rowsPerPageOptions: number[];
+    private itemsSubject;
+    rowsPerPageOptions: Array<number>;
     rows: number;
     offset: number;
     multiSortMeta: SortMeta[] | null;
@@ -57,6 +61,8 @@ export declare class MngTableComponent<T, S> implements OnInit, AfterContentInit
     };
     infiniteScroll: boolean;
     scrollHeight: 'flex' | null;
+    className: string;
+    tableFullHeightOffset: number | null;
     rowHeight: number | null;
     selection: Array<T>;
     private dataProviderService;
@@ -70,17 +76,21 @@ export declare class MngTableComponent<T, S> implements OnInit, AfterContentInit
     private isFilterChanged;
     private isSortChanged;
     private filterDescriptors;
+    showInlineActionsColumn: boolean;
+    rowClickActions: ActionDescriptor<T>[];
+    rowInlineActions: ActionDescriptor<T>[];
     private viewContainer?;
     private subscriptions;
-    constructor(injector: Injector, router: Router, activatedRoute: ActivatedRoute, translate: TranslateService, viewContainerService: MngViewContainerComponentService<T, S> | null);
+    constructor(injector: Injector, router: Router, route: ActivatedRoute, translate: TranslateService, actionExecutor: MngActionExecutorService, viewContainerService: MngViewContainerComponentService<T, S> | null);
     ngOnInit(): void;
     ngAfterContentInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     reload(emitEvent?: boolean, resetParams?: boolean): void;
     onTableLazyLoad(event: LazyLoadEvent): void;
     onTableSort(event: any): void;
     onTableFilter(event: any): void;
-    onCellClick(col: ColumnDescriptor<any, T>, item: T, idx: number): void;
+    onCellClick(event: Event, col: ColumnDescriptor<any, T>, item: T, idx: number): void;
     onSelectionChange(event: Array<T>): void;
     onCaptionCmpInst<C>(instance: C): void;
     onColumnActionCmpInst<C>(instance: C): void;
@@ -88,6 +98,6 @@ export declare class MngTableComponent<T, S> implements OnInit, AfterContentInit
     private loadTableFromRouteUpdate;
     private updatePrimeSortAndFilter;
     private getDefaultSortMeta;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MngTableComponent<any, any>, [null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MngTableComponent<any, any>, "mng-table", never, { "descriptor": "descriptor"; "items": "items"; "queryResult": "queryResult"; "loading": "loading"; "dataProvider": "dataProvider"; "useQueryParams": "useQueryParams"; "selectionMode": "selectionMode"; "selectionEnabled": "selectionEnabled"; "isColumnClickable": "isColumnClickable"; "viewContainerInit": "viewContainer"; "captionComponent": "captionComponent"; "columnActionComponent": "columnActionComponent"; }, { "loadEventEmitter": "tableLoad"; "cellClickEventEmitter": "cellClick"; "selectionChangeEventEmitter": "selectionChange"; "captionCmpInstEventEmitter": "captionComponentInstance"; "columnActionCmpInstEventEmitter": "columnActionComponentInstance"; }, ["templates"], never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MngTableComponent<any, any>, [null, null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MngTableComponent<any, any>, "mng-table", never, { "descriptor": "descriptor"; "items": "items"; "queryResult": "queryResult"; "loading": "loading"; "dataProvider": "dataProvider"; "useQueryParams": "useQueryParams"; "selectionMode": "selectionMode"; "selectionEnabled": "selectionEnabled"; "actions": "actions"; "isColumnClickable": "isColumnClickable"; "viewContainerInit": "viewContainer"; "captionComponent": "captionComponent"; "columnActionComponent": "columnActionComponent"; "columnActionMinWidth": "columnActionMinWidth"; }, { "loadEventEmitter": "tableLoad"; "cellClickEventEmitter": "cellClick"; "selectionChangeEventEmitter": "selectionChange"; "captionCmpInstEventEmitter": "captionComponentInstance"; "columnActionCmpInstEventEmitter": "columnActionComponentInstance"; }, ["templates"], never>;
 }

package/lib/components/tableview/tableview.component.d.ts

@@ -7,7 +7,6 @@ import { IDataProvider, ITableviewDataProvider } from '../../data-providers';
 import { ActionDescriptor, TableviewDescriptor } from '../../descriptors';
 import { IViewContainer } from '../../models';
 import { MngActionExecutorService, MngViewContainerComponentService } from '../../services';
-import { MngTableCellClickEvent } from './models';
 import { MngTableComponent } from './table/table.component';
 import * as i0 from "@angular/core";
 export declare class MngTableviewComponent<T, S> implements OnInit, OnDestroy, IViewContainer<T, S> {
@@ -21,7 +20,7 @@ export declare class MngTableviewComponent<T, S> implements OnInit, OnDestroy, I
     descriptor: TableviewDescriptor<T>;
     dataProvider?: ITableviewDataProvider<T, S>;
     actions: Array<ActionDescriptor<T>>;
-    tableComponent: MngTableComponent<T, S> | null;
+    tableComponent?: MngTableComponent<T, S>;
     rowClickActions: ActionDescriptor<T>[];
     rowInlineActions: ActionDescriptor<T>[];
     toolbarLeftActions: ActionDescriptor<T>[];
@@ -33,7 +32,6 @@ export declare class MngTableviewComponent<T, S> implements OnInit, OnDestroy, I
     getMessageService(): MessageService;
     getDataProvider(): IDataProvider<T, S> | undefined;
     reloadTable(): void;
-    onTableCellClick(event: MngTableCellClickEvent<T>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MngTableviewComponent<any, any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MngTableviewComponent<any, any>, "mng-tableview", never, { "descriptor": "descriptor"; "dataProvider": "dataProvider"; "actions": "actions"; }, {}, never, never>;
 }

package/lib/data-providers/editor.data-provider.d.ts

@@ -6,20 +6,20 @@ export interface IEditorDataProvider<T, S> extends IDataProvider<T, S> {
     fetch: (id: IdType, service?: S) => Observable<T>;
     create?: (item?: T, service?: S) => Observable<T>;
     update?: (id: IdType, item?: T, service?: S) => Observable<T>;
-    delete?: (id: IdType, item?: T, service?: S) => Observable<T>;
+    delete?: (id: IdType, item?: T, service?: S) => Observable<T | null>;
 }
 export declare class EditorDataProvider<T, S> extends DataProvider<T, S> implements IEditorDataProvider<T, S> {
     protected _fetch: (id: IdType, service?: S) => Observable<T>;
     protected _create?: (item?: T, service?: S) => Observable<T>;
     protected _update?: (id: IdType, item?: T, service?: S) => Observable<T>;
-    protected _delete?: (id: IdType, item?: T, service?: S) => Observable<T>;
+    protected _delete?: (id: IdType, item?: T, service?: S) => Observable<T | null>;
     constructor(modelType: ClassType<T>, serviceType?: Type<S>);
     get fetch(): (id: IdType, service?: S | undefined) => Observable<T>;
     get create(): ((item?: T | undefined, service?: S | undefined) => Observable<T>) | undefined;
     get update(): ((id: IdType, item?: T | undefined, service?: S | undefined) => Observable<T>) | undefined;
-    get delete(): ((id: IdType, item?: T | undefined, service?: S | undefined) => Observable<T>) | undefined;
+    get delete(): ((id: IdType, item?: T | undefined, service?: S | undefined) => Observable<T | null>) | undefined;
     withFetch(fetch: (id: IdType, service?: S) => Observable<T>): this;
     withCreate(create: (item?: T, service?: S) => Observable<T>): this;
     withUpdate(update: (id: IdType, item?: T, service?: S) => Observable<T>): this;
-    withDelete(deleteFn: (id: IdType, item?: T, service?: S) => Observable<T>): this;
+    withDelete(deleteFn: (id: IdType, item?: T, service?: S) => Observable<T | null>): this;
 }

package/lib/descriptors/action.descriptor.d.ts

@@ -27,7 +27,7 @@ export declare class ActionDescriptor<T> {
     protected _isStyleOutlined: boolean;
     protected _isStyleRaised: boolean;
     protected _dataProvider?: IDataProvider<T, any>;
-    protected _runFunction?: (ctx: ActionExecContext<T, any, IDataProvider<T, any>>) => Observable<T | undefined>;
+    protected _runFunction?: (ctx: ActionExecContext<T, any, IDataProvider<T, any>>) => Observable<T | undefined | null>;
     protected _isVisibleFunction?: (ctx: ActionExecContext<T, any, IDataProvider<T, any>>) => Observable<boolean>;
     protected _isEnabledFunction?: (ctx: ActionExecContext<T, any, IDataProvider<T, any>>) => Observable<boolean>;
     private _hasRunConfirmation;
@@ -58,7 +58,7 @@ export declare class ActionDescriptor<T> {
     get tooltip(): string | null | undefined;
     get dataProvider(): IDataProvider<T, any> | undefined;
     get hasRunFunction(): boolean;
-    get runFunction(): (ctx: ActionExecContext<T, any, IDataProvider<T, any>>) => Observable<T | undefined>;
+    get runFunction(): (ctx: ActionExecContext<T, any, IDataProvider<T, any>>) => Observable<T | undefined | null>;
     get isVisibleFunction(): ((ctx: ActionExecContext<T, any, IDataProvider<T, any>>) => Observable<boolean>) | undefined;
     get isEnabledFunction(): ((ctx: ActionExecContext<T, any, IDataProvider<T, any>>) => Observable<boolean>) | undefined;
     get actionName(): string;
@@ -86,7 +86,7 @@ export declare class ActionDescriptor<T> {
     get runNotificationErrorMessage(): string | undefined;
     withDataProvider(dataProvider: IDataProvider<T, any>): this;
     withServiceType<S>(serviceType: Type<S>): this;
-    withRunFunction<S>(fn: (ctx: ActionExecContext<T, S, IDataProvider<T, S>>) => Observable<T | undefined>): this;
+    withRunFunction<S>(fn: (ctx: ActionExecContext<T, S, IDataProvider<T, S>>) => Observable<T | undefined | null>): this;
     withIsVisibleFunction<S>(fn: (ctx: ActionExecContext<T, S, IDataProvider<T, S>>) => Observable<boolean>): this;
     withIsEnabledFunction<S>(fn: (ctx: ActionExecContext<T, S, IDataProvider<T, S>>) => Observable<boolean>): this;
     withRouteTrigger(routeUrl: string): this;

package/lib/descriptors/column.descriptor.d.ts

@@ -12,6 +12,10 @@ export declare class ColumnDescriptor<T, TT> {
     private _isSortEnabled;
     private _filterDescriptor?;
     private _displayFormat?;
+    private _headerClassName;
+    private _className;
+    private _width;
+    private _minWidth;
     private _enumType?;
     private _enumTitlePath?;
     private _enumNameAsValue;
@@ -30,6 +34,10 @@ export declare class ColumnDescriptor<T, TT> {
     get displayFormat(): string | undefined;
     get table(): TableDescriptor<TT>;
     get property(): string;
+    get headerClassName(): string;
+    get className(): string;
+    get width(): number | null;
+    get minWidth(): number | null;
     get enumType(): EnumType | undefined;
     get enumTitlePath(): string | null | undefined;
     get enumNameAsValue(): boolean;
@@ -45,6 +53,8 @@ export declare class ColumnDescriptor<T, TT> {
     asBoolean(yes?: string, no?: string, asIcon?: boolean): this;
     asEnum(enumType: EnumType, nameAsValue?: boolean, titlePath?: string | null): this;
     asCustomComponent(customComponentType: Type<IColumnValueComponent<TT>>): this;
+    withClassName(className?: string, headerClassName?: string): this;
+    withWidth(width?: number, minWidth?: number): this;
     withObjectProperty<MT>(modelType: ClassType<MT>, titleProperty?: string): this;
     withTitle(title: string): this;
     withJsonPath(path: string): this;

package/lib/descriptors/editor.descriptor.d.ts

@@ -1,5 +1,4 @@
-import { AbstractControl } from '@angular/forms';
-import { ClassType, EnumConstantType, EnumType } from '../types';
+import { ClassType, EnumConstantType, EnumType, MngFieldValidationMessage, MngFieldValidator } from '../types';
 import { AFieldDescriptor, FieldGroupDescriptor, FieldInputDescriptor, FieldLookupDescriptor, FieldLookupEnumDescriptor, FieldManyEditorDescriptor, FieldManyToManyEditorDescriptor, FieldTabGroupDescriptor, ModelDescriptor, TableDescriptor, TableviewDescriptor } from './';
 export declare class EditorDescriptor<T> {
     static readonly defaultGroupName = "_default";
@@ -28,7 +27,7 @@ export declare class EditorDescriptor<T> {
     addFieldManyEditor<FT>(property: string, tableviewDescriptor: TableviewDescriptor<FT>): FieldManyEditorDescriptor<FT, T>;
     addFieldManyToManyEditor<FT>(property: string, mainTableDescriptor: TableDescriptor<FT>, lookupTableDescriptor: TableDescriptor<FT>): FieldManyToManyEditorDescriptor<FT, T>;
     withDisabled(disabled?: boolean): this;
-    addValidator(name: string, expression: (control: AbstractControl) => boolean): void;
+    addValidation(name: string, validator?: MngFieldValidator, message?: MngFieldValidationMessage): void;
     copy(): EditorDescriptor<T>;
     createFieldGroupDescriptor(fieldGroup: FieldGroupDescriptor<T>): this;
     private createTabGroupDescriptor;

package/lib/descriptors/field-validation.descriptor.d.ts

@@ -0,0 +1,18 @@
+import { FormlyFieldConfig } from '@ngx-formly/core';
+import { Observable } from 'rxjs';
+import { MngFieldValidationMessage, MngFieldValidator } from '../types';
+export declare class FieldValidationDescriptor {
+    private readonly _name;
+    private readonly _validator?;
+    private readonly _message?;
+    private readonly _options?;
+    constructor(name: string, validator?: MngFieldValidator, message?: string | ((error: any, field: FormlyFieldConfig) => string | Observable<string>), options?: {
+        errorPath: string;
+    });
+    get name(): string;
+    get validator(): MngFieldValidator | undefined;
+    get message(): MngFieldValidationMessage | undefined;
+    get options(): {
+        errorPath: string;
+    } | undefined;
+}

package/lib/descriptors/field.descriptor.d.ts

@@ -1,13 +1,12 @@
 import { Type } from '@angular/core';
-import { AbstractControl } from '@angular/forms';
 import { FormlyFieldConfig } from '@ngx-formly/core';
 import { Observable, Subject } from 'rxjs';
 import { MediusQueryParam, MediusQueryResult } from '../api/models';
 import { MngFormFieldEvent, MngFormFieldEventData, MngFormFieldEventTypeEnum } from '../components/form/models';
 import { ILookupDataProvider, ITableDataProvider } from '../data-providers';
 import { EnumValue } from '../models';
-import { ClassType, EnumConstantType, EnumType } from '../types';
-import { ActionDescriptor, EditorDescriptor, FieldValidator, ILookupDescriptor, TableDescriptor, TableviewDescriptor } from './';
+import { ClassType, EnumConstantType, EnumType, MngFieldValidationMessage, MngFieldValidator } from '../types';
+import { ActionDescriptor, EditorDescriptor, FieldValidationDescriptor, ILookupDescriptor, TableDescriptor, TableviewDescriptor } from './';
 import { FieldConfig, FieldLookupConfig } from './field.descriptor.interface';
 export declare abstract class AGenericFieldDescriptor<ET> {
     protected readonly _editor: EditorDescriptor<ET>;
@@ -28,7 +27,7 @@ export declare abstract class AFieldDescriptor<T, ET> extends AGenericFieldDescr
     protected _defaultValue?: T;
     protected _getter?: (item: ET) => T;
     protected _setter?: (item: ET, value: T) => void;
-    protected _validators: Array<FieldValidator>;
+    protected _validations: Array<FieldValidationDescriptor>;
     protected _requiredExpression?: string | ((model: any, formState?: any, field?: FormlyFieldConfig) => boolean) | Observable<boolean>;
     protected _disabledExpression?: string | ((model: any, formState?: any, field?: FormlyFieldConfig) => boolean) | Observable<boolean>;
     protected _hiddenExpression?: string | ((model: any, formState?: any, field?: FormlyFieldConfig) => boolean) | Observable<boolean>;
@@ -49,7 +48,7 @@ export declare abstract class AFieldDescriptor<T, ET> extends AGenericFieldDescr
     get defaultValue(): T | undefined;
     get getter(): ((item: ET) => T) | undefined;
     get setter(): ((item: ET, value: T) => void) | undefined;
-    get validators(): FieldValidator[];
+    get validations(): FieldValidationDescriptor[];
     get requiredExpression(): string | Observable<boolean> | ((model: any, formState?: any, field?: FormlyFieldConfig | undefined) => boolean) | undefined;
     get disabledExpression(): string | Observable<boolean> | ((model: any, formState?: any, field?: FormlyFieldConfig | undefined) => boolean) | undefined;
     get hiddenExpression(): string | Observable<boolean> | ((model: any, formState?: any, field?: FormlyFieldConfig | undefined) => boolean) | undefined;
@@ -70,7 +69,7 @@ export declare abstract class AFieldDescriptor<T, ET> extends AGenericFieldDescr
     withDefaultValue(defaultValue: T): this;
     withGetter(getter: (item: ET) => T): this;
     withSetter(setter: (item: ET, value: T) => void): this;
-    withValidator(name: string, expression: (control: AbstractControl) => boolean, message?: (err: any, field: FormlyFieldConfig) => string): this;
+    withValidation(name: string, validator?: MngFieldValidator, message?: MngFieldValidationMessage): this;
     withClassName(className: string, labelClassName?: string, inputClassName?: string, fieldClassName?: string): this;
     withSize(size?: FieldDescriptor.SizeEnum): this;
     nextEvent(type: MngFormFieldEventTypeEnum, cmpType: Type<any>, cmpInstance: any, data?: MngFormFieldEventData<T, ET>): void;
@@ -276,11 +275,11 @@ export declare abstract class AFieldGroupDescriptor<ET> extends AGenericFieldDes
     protected readonly _default: boolean;
     protected _title?: string;
     protected _fields: AGenericFieldDescriptor<ET>[];
-    protected _validators: Array<FieldValidator>;
+    protected _validations: Array<FieldValidationDescriptor>;
     protected constructor(editor: EditorDescriptor<ET>, name: string);
     get title(): string | undefined;
     abstract get fields(): AGenericFieldDescriptor<ET>[];
-    get validators(): FieldValidator[];
+    get validations(): FieldValidationDescriptor[];
     get baseName(): string;
     get name(): string;
     get default(): boolean;
@@ -288,7 +287,7 @@ export declare abstract class AFieldGroupDescriptor<ET> extends AGenericFieldDes
     abstract addField(field: AGenericFieldDescriptor<ET>): this;
     abstract copy(): AFieldGroupDescriptor<ET>;
     withTitle(title: string): this;
-    withValidator(name: string, expression: (control: AbstractControl) => boolean): this;
+    withValidation(name: string, validator?: MngFieldValidator, message?: MngFieldValidationMessage): this;
 }
 export declare class FieldTabGroupDescriptor<ET> extends AFieldGroupDescriptor<ET> {
     constructor(editor: EditorDescriptor<ET>, name: string);

package/lib/descriptors/index.d.ts

@@ -3,7 +3,7 @@ export * from './column.descriptor';
 export * from './editor.descriptor';
 export * from './field.descriptor';
 export * from './field.descriptor.interface';
-export * from './field.validator';
+export * from './field-validation.descriptor';
 export * from './filter.descriptor';
 export * from './lookup.descriptor';
 export * from './model.descriptor';

package/lib/descriptors/table.descriptor.d.ts

@@ -7,6 +7,8 @@ export declare class TableDescriptor<T> {
     private readonly _model;
     private _filterDisplay;
     private _paginationMode;
+    private _rowsPerPageOptions;
+    private _defaultNumRows;
     private _columns;
     private _title?;
     private _hideHeader;
@@ -14,11 +16,17 @@ export declare class TableDescriptor<T> {
     private _hasDefaultSort;
     private _defaultSortProperty;
     private _defaultSortAsc;
-    private _rowHeight;
-    private _tableFullHeightOffset;
+    private _className;
+    private _size;
+    private _tableFullHeightOffset?;
+    private _rowHeight?;
+    private _hasHover;
+    private _hasGridlines;
     constructor(modelType: ClassType<T>, idProperty?: string, titleProperty?: string);
     get filterDisplay(): TableDescriptor.FilterDisplayEnum;
     get paginationMode(): TableDescriptor.PaginationModeEnum;
+    get rowsPerPageOptions(): number[];
+    get defaultNumRows(): number;
     get columns(): ColumnDescriptor<any, T>[];
     get title(): string | undefined;
     get hideHeader(): boolean;
@@ -26,9 +34,13 @@ export declare class TableDescriptor<T> {
     get hasDefaultSort(): boolean;
     get defaultSortProperty(): string[];
     get defaultSortAsc(): boolean[];
-    get rowHeight(): number;
-    get tableFullHeightOffset(): number;
     get model(): ModelDescriptor<T>;
+    get className(): string;
+    get size(): TableDescriptor.SizeEnum;
+    get tableFullHeightOffset(): number | undefined;
+    get rowHeight(): number | undefined;
+    get hasHover(): boolean;
+    get hasGridlines(): boolean;
     addColumnDescriptor<CT>(column: ColumnDescriptor<CT, T>): TableDescriptor<T>;
     addColumn(property: string): ColumnDescriptor<string, T>;
     addColumnNumber(property: string, displayFormat?: string): ColumnDescriptor<number, T>;
@@ -38,12 +50,17 @@ export declare class TableDescriptor<T> {
     addColumnCustomComponent(property: string, customComponentType: Type<IColumnValueComponent<T>>): ColumnDescriptor<any, T>;
     withFilterDisplay(filterDisplayType: TableDescriptor.FilterDisplayEnum): this;
     withPaginationMode(paginationMode: TableDescriptor.PaginationModeEnum): this;
+    withRowsPerPage(rows: number, options?: Array<number>): this;
     withTitle(title: string): TableDescriptor<T>;
     withHideHeader(hideHeader?: boolean): this;
     withDataKeyProperty(property: string): TableDescriptor<T>;
     withDefaultSort(property: string, asc?: boolean): TableDescriptor<T>;
-    withRowHeight(rowHeight: number): TableDescriptor<T>;
+    withClassName(className: string): this;
+    withSize(size?: TableDescriptor.SizeEnum): this;
     withTableFullHeightOffset(tableFullHeightOffset: number): TableDescriptor<T>;
+    withRowHeight(rowHeight: number): TableDescriptor<T>;
+    withHover(hover: boolean): this;
+    withGridlines(gridlines: boolean): this;
     copy(): TableDescriptor<T>;
 }
 export declare namespace TableDescriptor {
@@ -55,4 +72,9 @@ export declare namespace TableDescriptor {
         Row = 0,
         Menu = 1
     }
+    enum SizeEnum {
+        Small = 0,
+        Normal = 1,
+        Large = 2
+    }
 }

package/lib/descriptors/tableview.descriptor.d.ts

@@ -1,5 +1,5 @@
 import { Type } from '@angular/core';
-import { AbstractControl } from '@angular/forms';
+import { FieldValidatorFn } from '@ngx-formly/core/lib/models/config';
 import { IColumnValueComponent } from '../models';
 import { ClassType, EnumConstantType, EnumType } from '../types';
 import { AFieldDescriptor, ColumnDescriptor, EditorDescriptor, FieldInputDescriptor, FieldLookupDescriptor, FieldLookupEnumDescriptor, FieldManyEditorDescriptor, FieldManyToManyEditorDescriptor, ModelDescriptor, TableDescriptor } from './';
@@ -22,7 +22,7 @@ export declare class TableviewDescriptor<T> {
     withAddDescriptor(descriptor: EditorDescriptor<T>): this;
     withEditDescriptor(descriptor: EditorDescriptor<T>): this;
     withTableTitle(title: string): this;
-    withValidator(name: string, expression: (control: AbstractControl) => boolean): this;
+    withValidator(name: string, expression: FieldValidatorFn): this;
     addColumnDescriptor<CT>(column: ColumnDescriptor<CT, T>): TableDescriptor<T>;
     addColumn(property: string): ColumnDescriptor<string, T>;
     addColumnNumber(property: string, displayFormat?: string): ColumnDescriptor<number, T>;

package/lib/types/type.model.d.ts

@@ -1,3 +1,6 @@
+import { AbstractControl, ValidationErrors } from '@angular/forms';
+import { FormlyFieldConfig } from '@ngx-formly/core/lib/models/fieldconfig';
+import { Observable } from 'rxjs';
 export interface ClassType<T> extends Function {
     new (...args: any[]): T;
 }
@@ -8,3 +11,7 @@ export declare type EnumConstantType = string | number;
 export declare type IdType = number | string;
 export declare type PrimitiveType = string | boolean | number;
 export declare type PropertyType = PrimitiveType | Date | EnumType;
+export declare type MngFieldValidator = (control: AbstractControl, field: FormlyFieldConfig, options?: {
+    [id: string]: any;
+}) => ValidationErrors | boolean | null;
+export declare type MngFieldValidationMessage = string | ((error: any, field: FormlyFieldConfig) => string | Observable<string>);

package/lib/utils/action-data-provider.util.d.ts

@@ -0,0 +1,17 @@
+import { Observable } from 'rxjs';
+import { ActionExecContext } from '../components/action/models';
+import { IDataProvider } from '../data-providers';
+export declare class ActionDataProviderUtil {
+    static runFetchOrFail<T, S, DP extends IDataProvider<T, S>>(ctx: ActionExecContext<T, S, DP>): Observable<T>;
+    static runCreateOrFail<T, S, DP extends IDataProvider<T, S>>(ctx: ActionExecContext<T, S, DP>): Observable<T>;
+    static runUpdateOrFail<T, S, DP extends IDataProvider<T, S>>(ctx: ActionExecContext<T, S, DP>): Observable<T>;
+    static runDeleteOrFail<T, S, DP extends IDataProvider<T, S>>(ctx: ActionExecContext<T, S, DP>): Observable<T | null>;
+    static runGetByIdService<T, DP extends IDataProvider<T, unknown>>(ctx: ActionExecContext<T, unknown, DP>): Observable<T> | null;
+    static runCreateService<T, DP extends IDataProvider<T, unknown>>(ctx: ActionExecContext<T, unknown, DP>): Observable<T> | null;
+    static runUpdateService<T, DP extends IDataProvider<T, unknown>>(ctx: ActionExecContext<T, unknown, DP>): Observable<T> | null;
+    static runDeleteService<T, DP extends IDataProvider<T, unknown>>(ctx: ActionExecContext<T, unknown, DP>): Observable<T | null> | null;
+    static runFetchDataProvider<T, S>(ctx: ActionExecContext<T, S, IDataProvider<T, S>>): Observable<T> | null;
+    static runCreateDataProvider<T, S>(ctx: ActionExecContext<T, S, IDataProvider<T, S>>): Observable<T> | null;
+    static runUpdateDataProvider<T, S>(ctx: ActionExecContext<T, S, IDataProvider<T, S>>): Observable<T> | null;
+    static runDeleteDataProvider<T, S>(ctx: ActionExecContext<T, S, IDataProvider<T, S>>): Observable<T | null> | null;
+}

package/lib/utils/editor-formly.util.d.ts

@@ -1,9 +1,10 @@
 import { FormlyFieldConfig } from '@ngx-formly/core';
-import { AFieldDescriptor, EditorDescriptor, FieldGroupDescriptor, FieldTabGroupDescriptor } from '../descriptors';
+import { AFieldDescriptor, EditorDescriptor, FieldGroupDescriptor, FieldTabGroupDescriptor, FieldValidationDescriptor } from '../descriptors';
 export declare class EditorFormlyUtil {
     static createFormlyConfigFromDescriptor(descriptor: EditorDescriptor<any>): FormlyFieldConfig[];
     static createFormlyTabType(tabGroups: FieldTabGroupDescriptor<any>[]): FormlyFieldConfig[];
     static createFormlyGroupType(groups: FieldGroupDescriptor<any>[]): FormlyFieldConfig[];
     static createFormlyFields(descriptor: FieldGroupDescriptor<any>): FormlyFieldConfig[];
     static createFormlyField(descriptor: AFieldDescriptor<any, any>): FormlyFieldConfig;
+    static addValidationsToFormlyField(config: FormlyFieldConfig, validations: Array<FieldValidationDescriptor>): void;
 }

package/lib/utils/index.d.ts

@@ -1,3 +1,4 @@
+export * from './action-data-provider.util';
 export * from './editor-formly.util';
 export * from './enum.util';
 export * from './i18n.util';

package/lib/utils/styles.util.d.ts

@@ -0,0 +1,14 @@
+import { ActionDescriptor, TableDescriptor } from '../descriptors';
+export declare class StylesUtil {
+    static readonly BUTTON_ROUNDED_WIDTH_XS = 26;
+    static readonly BUTTON_ROUNDED_WIDTH_SM = 28;
+    static readonly BUTTON_ROUNDED_WIDTH = 32;
+    static readonly BUTTON_ROUNDED_WIDTH_LG = 45;
+    static readonly ACTION_BUTTON_MARGIN_X = 2;
+    static readonly TABLE_CELL_PADDING_X = 8;
+    static readonly TABLE_CELL_PADDING_X_SM = 4;
+    static readonly TABLE_CELL_PADDING_X_LG = 12;
+    static calculateTableColumnActionWidth(table: TableDescriptor<unknown>, actions: Array<ActionDescriptor<unknown>>): number;
+    static getTableCellPaddingX(table: TableDescriptor<unknown>): number;
+    static getActionButtonRoundedWidth(action: ActionDescriptor<unknown>): number;
+}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@mediusinc/mng-commons",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "peerDependencies": {
-    "@angular/common": "^13.1.0",
-    "@angular/core": "^13.1.0",
-    "@angular/forms": "^13.1.0",
-    "@angular/router": "^13.1.0",
-    "@ngx-formly/core": "^6.0.0-next.6",
+    "@angular/common": "^13.2.0",
+    "@angular/core": "^13.2.0",
+    "@angular/forms": "^13.2.0",
+    "@angular/router": "^13.2.0",
+    "@ngx-formly/core": "6.0.0-next.9",
     "@ngx-translate/core": "^14.0.0",
     "primeng": "^13.0.0"
   },

package/scss/mng-overrides/_theme_datatable.scss

@@ -6,4 +6,25 @@
             color: $primaryTextColor;
         }
     }
+
+    .p-datatable-tbody > tr > td {
+        &.column-action {
+            padding-top: 0.1rem;
+            padding-bottom: 0.1rem;
+        }
+    }
+
+    &.p-datatable-lg .p-datatable-tbody > tr > td {
+        &.column-action {
+            padding-top: 0.15rem;
+            padding-bottom: 0.15rem;
+        }
+    }
+
+    &.p-datatable-sm .p-datatable-tbody > tr > td {
+        &.column-action {
+            padding-top: 0.05rem;
+            padding-bottom: 0.05rem;
+        }
+    }
 }