@mediusinc/mng-commons 0.6.0 → 0.7.1

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/api/utils/medius-rest.util.d.ts

@@ -3,10 +3,12 @@ import { FilterMetadata, LazyLoadEvent } from 'primeng/api';
 import { FilterDescriptor } from '../../descriptors';
 import { MediusFilterMatchType, MediusQueryParam, MediusQueryParamBuilder } from '../models';
 export declare class MediusRestUtil {
-    static readonly matchModeMapping: Array<[string, string, MediusFilterMatchType]>;
+    private static readonly matchModeMapping;
     static fromAngularQueryParamsToMediusQueryParams(params: Params, filterDescriptors: Array<FilterDescriptor<any>>, defaultItemsPerPage?: number, defaultOffset?: number): MediusQueryParam;
     static fromPrimeLazyLoadEventToAngularQueryParams(event: LazyLoadEvent, defaultItemsPerPage?: number, defaultOffset?: number): Params;
     static fromPrimeLazyLoadEventToMediusQueryParams(event: LazyLoadEvent): MediusQueryParam;
     static addMediusFilterFromPrimeFilterMetadata(queryParamBuilder: MediusQueryParamBuilder, property: string, filterMetadata: FilterMetadata): void;
-    static getMediusFilterMatchTypeFromPrimeMatchMode(matchMode: string): MediusFilterMatchType;
+    static getMediusFilterMatchTypeFromPrimeMatchMode(matchMode: string, dataType?: FilterDescriptor.TypeEnum): MediusFilterMatchType;
+    static getMapping(matchMode: string, dataType?: FilterDescriptor.TypeEnum, idx?: number): MatchModeMapType | null;
 }
+export declare type MatchModeMapType = [string, string, MediusFilterMatchType, FilterDescriptor.TypeEnum | null];

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/column-filter/column-filter.component.d.ts

@@ -21,6 +21,8 @@ export declare class MngTableColumnFilterComponent<T> implements OnInit {
     primeMatchModes: SelectItem[] | null;
     constructor(primeConfig: PrimeNGConfig);
     ngOnInit(): void;
+    valueToDate(value: unknown): Date | null;
+    dateFilter(value: T, filterCallback: Function): void;
     autocompleteFilter(value: T, filterCallback: Function): void;
     dropdownFilter(value: T, filterCallback: Function): void;
     toLookupFilterValue(value?: any): any;

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

@@ -1,23 +1,23 @@
-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';
-import { FilterMetadata } from 'primeng/api/filtermetadata';
+import { FilterMetadata, LazyLoadEvent, SortMeta } from 'primeng/api';
 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 +29,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,6 +50,7 @@ export declare class MngTableComponent<T, S> implements OnInit, AfterContentInit
     queryResult$?: Observable<MediusQueryResult<T>>;
     loading$?: Observable<boolean>;
     dataProviderInfiniteScrollItems: Array<T>;
+    private itemsSubject;
     rowsPerPageOptions: Array<number>;
     rows: number;
     offset: number;
@@ -57,6 +60,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 +75,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 +97,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;
@@ -117,8 +117,8 @@ export declare class ActionDescriptor<T> {
      * may lead to unexpected behaviour
      */
     withRunConfirmation(icon?: string, title?: string, message?: string, acceptTitle?: string, rejectTitle?: string, runConfirmationConfigMapFn?: (ctx: ActionExecContext<T, any, IDataProvider<T, any>>, confirmConfig: Confirmation) => Confirmation): this;
-    withRunNotificationSuccess(title?: string, message?: string, hasNotification?: boolean): void;
-    withRunNotificationError(title?: string, message?: string, hasNotification?: boolean): void;
+    withRunNotificationSuccess(title?: string, message?: string, hasNotification?: boolean): this;
+    withRunNotificationError(title?: string, message?: string, hasNotification?: boolean): this;
 }
 export declare namespace ActionDescriptor {
     enum SizeEnum {

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/filter.descriptor.d.ts

@@ -10,14 +10,30 @@ export declare class FilterDescriptor<T> {
     protected _filterType: FilterDescriptor.TypeEnum;
     protected _filterProperty?: string;
     protected _matchModes: string[] | null;
+    protected _numberMinFractionDigits?: number;
+    protected _numberMaxFractionDigits?: number;
+    protected _numberUseGrouping: boolean;
+    protected _datePickerFormat?: string;
+    protected _datePickerShowTime: boolean;
     protected _placeholder?: string;
     protected _className: string;
+    protected _columnClassName: string;
+    protected _columnWidth: number | null;
+    protected _columnMinWidth: number | null;
     constructor(property: string);
     get filterType(): FilterDescriptor.TypeEnum;
     get filterProperty(): string | undefined;
     get matchModes(): string[] | null;
+    get numberMinFractionDigits(): number | undefined;
+    get numberMaxFractionDigits(): number | undefined;
+    get numberUseGrouping(): boolean;
+    get datePickerFormat(): string | undefined;
+    get datePickerShowTime(): boolean;
     get placeholder(): string | undefined;
     get className(): string;
+    get columnClassName(): string;
+    get columnWidth(): number | null;
+    get columnMinWidth(): number | null;
     get property(): string;
     asFilterType(filterType: FilterDescriptor.TypeEnum): this;
     /**
@@ -25,8 +41,13 @@ export declare class FilterDescriptor<T> {
      * @param filterProperty
      */
     withFilterProperty(filterProperty: string): this;
+    withNumberFractions(min?: number, max?: number): this;
+    withNumberGrouping(useGrouping?: boolean): this;
+    withDateFormat(format?: string, showTime?: boolean): this;
     withPlaceholder(placeholder: string): this;
     withClassName(className: string): this;
+    withColumnClassName(className: string): this;
+    withColumnWidth(width?: number, minWidth?: number): this;
     withMatchModes(matchModes: Array<FilterDescriptor.MatchModeEnum>): this;
     copy(): FilterDescriptor<T>;
     protected copyFieldsTo(descriptor: FilterDescriptor<T>): void;
@@ -48,9 +69,7 @@ export declare namespace FilterDescriptor {
         NotEquals = "notEquals",
         In = "in",
         LessThan = "lt",
-        LessThanOrEqualTo = "lte",
         GreaterThan = "gt",
-        GreaterThanOrEqualTo = "gte",
         Between = "between",
         DateIs = "dateIs",
         DateIsNot = "dateIsNot",

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

@@ -16,8 +16,12 @@ 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;
@@ -30,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>;
@@ -47,8 +55,12 @@ export declare class 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 {
@@ -60,4 +72,9 @@ export declare namespace TableDescriptor {
         Row = 0,
         Menu = 1
     }
+    enum SizeEnum {
+        Small = 0,
+        Normal = 1,
+        Large = 2
+    }
 }

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/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,6 +1,6 @@
 {
   "name": "@mediusinc/mng-commons",
-  "version": "0.6.0",
+  "version": "0.7.1",
   "peerDependencies": {
     "@angular/common": "^13.2.0",
     "@angular/core": "^13.2.0",

package/scss/mng-overrides/_theme_datatable.scss

@@ -6,4 +6,61 @@
             color: $primaryTextColor;
         }
     }
+
+    .p-datatable-thead > tr.mng-column-filter-row {
+        > th {
+            padding-left: 0.15rem;
+            padding-right: 0.15rem;
+
+            // string
+            &.mng-column-filter-0 {
+                min-width: 135px;
+            }
+            // number
+            &.mng-column-filter-1 {
+                min-width: 165px;
+            }
+            // date
+            &.mng-column-filter-3 {
+                min-width: 170px;
+            }
+            // boolean
+            &.mng-column-filter-2 {
+                min-width: 80px;
+            }
+            // lookup, lookup enum
+            &.mng-column-filter-4,
+            &.mng-column-filter-5 {
+                min-width: 180px;
+            }
+
+            .p-column-filter-menu-button,
+            .p-column-filter-clear-button {
+                width: 1.75rem;
+                height: 1.75rem;
+                margin-left: 0.1rem;
+            }
+        }
+    }
+
+    .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;
+        }
+    }
 }

package/scss/mng-overrides/_theme_tableview.scss

@@ -38,49 +38,6 @@
     .p-datatable-tbody > tr > td .p-column-title {
         display: none;
     }
-
-    @media screen and (max-width: 960px) {
-        .p-datatable {
-            .p-datatable-thead > tr > th,
-            .p-datatable-tfoot > tr > td {
-                display: none !important;
-            }
-
-            .p-datatable-tbody > tr {
-                border-bottom: 1px solid var(--surface-d);
-
-                > td {
-                    text-align: left;
-                    display: block;
-                    border: 0 none !important;
-                    width: 100% !important;
-                    float: left;
-                    clear: left;
-                    border: 0 none;
-
-                    .p-column-title {
-                        padding: 0.4rem;
-                        min-width: 30%;
-                        display: inline-block;
-                        margin: -0.4rem 1rem -0.4rem -0.4rem;
-                        font-weight: bold;
-                    }
-
-                    .p-progressbar {
-                        margin-top: 0.5rem;
-                    }
-
-                    &:last-child {
-                        text-align: center;
-                    }
-
-                    &:nth-child(6) {
-                        display: flex;
-                    }
-                }
-            }
-        }
-    }
 }
 
 .p-datatable:not(.p-datatable-gridlines) {