@mediusinc/mng-commons 4.0.0-rc.1 → 4.0.0-rc.2

package/index.d.ts

@@ -19,7 +19,12 @@ export * from './lib/registry/type.registry';
 export * from './lib/api/models';
 export * from './lib/components/action/models';
 export * from './lib/components/form/models';
-export * from './lib/components/tableview/models';
+export * from './lib/components/tableview';
+export * from './lib/components/table/table.component';
+export * from './lib/components/table/models/table.event';
+export * from './lib/components/table/models/table.interface';
+export * from './lib/components/table/column-filter-full/column-filter-full.component';
+export * from './lib/components/table/column-value/column-value.component';
 export * from './lib/components/form/formly/models';
 export * from './lib/components/form/formly';
 export * from './lib/data-providers';

package/lib/components/action/index.d.ts

@@ -1,4 +1,5 @@
 export * from './action.component';
 export * from './route/action-route.component';
 export * from './editor/action-editor.component';
+export * from './table/action-table.component';
 export * from './localization/data-language-dropdown.component';

package/lib/components/action/table/action-table.component.d.ts

@@ -0,0 +1,55 @@
+import { AfterContentInit, EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges, TemplateRef, Type, WritableSignal } from '@angular/core';
+import { Observable } from 'rxjs';
+import { MediusQueryResult } from '../../../api/models';
+import { ITableDataProvider } from '../../../data-providers';
+import { ActionDescriptorInst } from '../../../descriptors/action';
+import { TableDescriptorInst } from '../../../descriptors/table';
+import { MngComponentDirective, MngTemplateDirective } from '../../../directives';
+import { IViewContainer } from '../../../models';
+import { ActionInstance } from '../../action/models';
+import { MngTableCellClickEvent, MngTableLoadEvent } from '../../table/models/table.event';
+import { MngTableComponent } from '../../table/table.component';
+import * as i0 from "@angular/core";
+export declare class MngActionTableComponent<T = any, S = any> implements OnInit, OnChanges, AfterContentInit {
+    private readonly route;
+    private readonly actionExecutor;
+    private readonly viewContainerService;
+    descriptor: TableDescriptorInst<T>;
+    items?: Observable<Array<T>> | Array<T>;
+    queryResult?: Observable<MediusQueryResult<T>>;
+    loading?: Observable<boolean>;
+    dataProvider?: ITableDataProvider;
+    useQueryParams: boolean;
+    selectionMode: 'single' | 'multiple';
+    selectionEnabled: boolean;
+    globalFilterFields?: string[];
+    actions: Array<ActionDescriptorInst<any>>;
+    viewContainerInput?: IViewContainer<T, S>;
+    captionComponent?: Type<any>;
+    columnActionComponent?: Type<any>;
+    columnActionMinWidth?: number;
+    loadEventEmitter: EventEmitter<MngTableLoadEvent>;
+    selectionChangeEventEmitter: EventEmitter<T[]>;
+    captionCmpInstEventEmitter: EventEmitter<any>;
+    columnActionCmpInstEventEmitter: EventEmitter<any>;
+    templates: QueryList<MngTemplateDirective>;
+    components: QueryList<MngComponentDirective<any>>;
+    table: MngTableComponent;
+    captionTemplate: WritableSignal<TemplateRef<any> | undefined>;
+    footerTemplate: WritableSignal<TemplateRef<any> | undefined>;
+    rowClickActions: WritableSignal<ActionDescriptorInst<T>[]>;
+    rowInlineActions: WritableSignal<ActionDescriptorInst<T>[]>;
+    viewContainer: WritableSignal<IViewContainer<T, S> | undefined>;
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    reload(emitEvent?: boolean, resetParams?: boolean): void;
+    onCellClick(event: MngTableCellClickEvent<T>): void;
+    onSelectionChange(items: Array<T>): void;
+    onActionFinish(runResult: ActionInstance<T, S>): void;
+    private initializeViewContainer;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MngActionTableComponent<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MngActionTableComponent<any, any>, "mng-action-table", never, { "descriptor": { "alias": "descriptor"; "required": true; }; "items": { "alias": "items"; "required": false; }; "queryResult": { "alias": "queryResult"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "dataProvider": { "alias": "dataProvider"; "required": false; }; "useQueryParams": { "alias": "useQueryParams"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectionEnabled": { "alias": "selectionEnabled"; "required": false; }; "globalFilterFields": { "alias": "globalFilterFields"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "viewContainerInput": { "alias": "viewContainer"; "required": false; }; "captionComponent": { "alias": "captionComponent"; "required": false; }; "columnActionComponent": { "alias": "columnActionComponent"; "required": false; }; "columnActionMinWidth": { "alias": "columnActionMinWidth"; "required": false; }; }, { "loadEventEmitter": "tableLoad"; "selectionChangeEventEmitter": "selectionChange"; "captionCmpInstEventEmitter": "captionComponentInstance"; "columnActionCmpInstEventEmitter": "columnActionComponentInstance"; }, ["templates"], never, true, never>;
+    static ngAcceptInputType_queryResult: unknown;
+    static ngAcceptInputType_loading: unknown;
+}

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

@@ -7,7 +7,7 @@ import { MediusQueryResult } from '../../../../../api/models';
 import { FieldLookupDescriptor } from '../../../../../descriptors/editor';
 import { FieldLookupConfig } from '../../../../../descriptors/interfaces';
 import { IViewContainer } from '../../../../../models';
-import { MngTableComponent } from '../../../../tableview';
+import { MngTableComponent } from '../../../../table/table.component';
 import { MngFormlyFieldConfig } from '../../models';
 import * as i0 from "@angular/core";
 export declare class MngFormlyFieldLookupDialogComponent<T, ET> extends FieldType<MngFormlyFieldConfig> implements OnInit, AfterViewInit, OnDestroy {

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

@@ -4,7 +4,7 @@ import { Observable, Subject } from 'rxjs';
 import { MediusQueryResult } from '../../../../../api/models';
 import { FieldManyToManyEditorDescriptor } from '../../../../../descriptors/editor';
 import { IViewContainer } from '../../../../../models';
-import { MngTableComponent } from '../../../../tableview';
+import { MngTableComponent } from '../../../../table/table.component';
 import { MngFormlyFieldConfig } from '../../models';
 import * as i0 from "@angular/core";
 export declare class MngFormlyFieldTableDialogMultiselectComponent<T, ET> extends FieldType<MngFormlyFieldConfig> implements OnInit, AfterViewInit, OnDestroy {

package/lib/components/layoutV2/topbar.component.d.ts

@@ -9,7 +9,6 @@ export declare class MngTopbarV2Component implements OnInit {
     mainLayoutService: MngMainLayoutComponentV2Service;
     private config;
     menuButton: ElementRef;
-    topbarInjectionRef: ElementRef;
     appSidebar: MngSidebarV2Component;
     breadcrumbComponent: Type<any>;
     topbarUserComponent: Type<any>;

package/lib/components/{tableview/table → table}/column-filter-full/column-filter-full.component.d.ts

@@ -1,8 +1,8 @@
 import { ElementRef, OnDestroy, OnInit, WritableSignal } from '@angular/core';
 import { FilterMetadata, SelectItem } from 'primeng/api';
 import { Nullable } from 'primeng/ts-helpers';
-import { FilterDescriptor, FilterLookupDescriptor } from '../../../../descriptors/filter';
-import { FilterLookupTypeEnum, FilterMatchModeEnum } from '../../../../descriptors/types';
+import { FilterDescriptor, FilterLookupDescriptor } from '../../../descriptors/filter';
+import { FilterLookupTypeEnum, FilterMatchModeEnum } from '../../../descriptors/types';
 import * as i0 from "@angular/core";
 /**
  * Cannot be on push change detection strategy because of filter updates triggered from route which causes to force update values in force metadata

package/lib/components/{tableview/table → table}/column-value/column-value.component.d.ts

@@ -1,9 +1,9 @@
 import { ElementRef, OnInit } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { MessageService } from 'primeng/api';
-import { ColumnDescriptor } from '../../../../descriptors/table';
-import { ColumnDisplayTypeEnum } from '../../../../descriptors/types';
-import { JsonPathPipe, MngGetterPipe, MngTemplatePipe } from '../../../../pipes';
+import { ColumnDescriptor } from '../../../descriptors/table';
+import { ColumnDisplayTypeEnum } from '../../../descriptors/types';
+import { JsonPathPipe, MngGetterPipe, MngTemplatePipe } from '../../../pipes';
 import * as i0 from "@angular/core";
 export declare class MngTableColumnValueComponent<T, TT> implements OnInit {
     private elementRef;

package/lib/components/{tableview/table → table}/models/table.interface.d.ts

@@ -1,9 +1,11 @@
-import { ColumnDescriptor } from '../../../../descriptors/table';
+import { ColumnDescriptor } from '../../../descriptors/table';
 export interface ColumnWithPreferences {
+    id: string;
     descriptor: ColumnDescriptor<any, any>;
     disabled: boolean;
     isVisible: boolean;
     width?: number;
+    orderIdx?: number;
 }
 export interface TableLayoutPreferences {
     columnWidths?: Record<string, number>;

package/lib/components/table/table-column-filter-class/table-column-filter-class.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import { ColumnDescriptor } from '../../../descriptors/table/column.descriptor';
+import * as i0 from "@angular/core";
+export declare class MngTableColumnFilterClassPipe implements PipeTransform {
+    transform(value: unknown, column: ColumnDescriptor<any, any>, isEnabled: boolean): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MngTableColumnFilterClassPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MngTableColumnFilterClassPipe, "mngTableColumnFilterClass", true>;
+}

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

@@ -0,0 +1,125 @@
+import { AfterContentInit, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges, TemplateRef, Type, WritableSignal } from '@angular/core';
+import { FilterMetadata, SortMeta } from 'primeng/api';
+import { MultiSelectChangeEvent } from 'primeng/multiselect';
+import { Table, TableLazyLoadEvent } from 'primeng/table';
+import { TableColumnReorderEvent } from 'primeng/table/table.interface';
+import { Observable } from 'rxjs';
+import { MediusQueryResult } from '../../api/models';
+import { ITableDataProvider } from '../../data-providers';
+import { ColumnDescriptor, TableDescriptorInst } from '../../descriptors/table';
+import { MngComponentDirective, MngTemplateDirective } from '../../directives';
+import { IViewContainer } from '../../models';
+import { MngTableCellClickEvent, MngTableLoadEvent } from './models/table.event';
+import { ColumnWithPreferences } from './models/table.interface';
+import * as i0 from "@angular/core";
+export declare class MngTableComponent<T = any, S = any> implements OnInit, OnChanges, AfterContentInit, OnDestroy {
+    readonly cmpTypeName = "MngTableComponent";
+    private readonly logger;
+    private readonly injector;
+    private readonly router;
+    private readonly route;
+    private readonly translate;
+    private readonly mngCommonsService;
+    private readonly localStorageService;
+    private readonly destroyRef;
+    private readonly viewContainerService;
+    descriptorInput: TableDescriptorInst<T>;
+    items?: Observable<Array<T>>;
+    queryResult?: Observable<MediusQueryResult<T>>;
+    loadingInput?: Observable<boolean>;
+    dataProvider?: ITableDataProvider;
+    useQueryParams: boolean;
+    selectionMode: 'single' | 'multiple';
+    selectionEnabled: boolean;
+    columnLastMinWidth?: number;
+    viewContainerInit?: IViewContainer<T, S>;
+    captionComponent?: Type<any>;
+    columnCustomLastComponent?: Type<any>;
+    globalFilterFieldsInput?: string[];
+    loadEventEmitter: EventEmitter<MngTableLoadEvent>;
+    cellClickEventEmitter: EventEmitter<MngTableCellClickEvent<T>>;
+    selectionChangeEventEmitter: EventEmitter<T[]>;
+    captionCmpInstEventEmitter: EventEmitter<any>;
+    columnCustomLastCmpInstEventEmitter: EventEmitter<any>;
+    templates: QueryList<MngTemplateDirective>;
+    components: QueryList<MngComponentDirective<any>>;
+    primeTable: Table;
+    captionTemplate: WritableSignal<TemplateRef<any> | undefined>;
+    columnCustomLastTemplate: WritableSignal<TemplateRef<any> | undefined>;
+    footerTemplate: WritableSignal<TemplateRef<any> | undefined>;
+    private useDataProvider;
+    isLazy: WritableSignal<boolean>;
+    isPagination: WritableSignal<boolean>;
+    useQueryParamsInitialized: WritableSignal<boolean>;
+    data: WritableSignal<T[]>;
+    count: WritableSignal<number>;
+    loading: WritableSignal<boolean>;
+    rowsPerPageOptions: WritableSignal<number[]>;
+    rows: WritableSignal<number>;
+    offset: WritableSignal<number>;
+    sortMeta: WritableSignal<SortMeta[] | null>;
+    filterMeta: WritableSignal<Record<string, FilterMetadata>>;
+    globalFilterFields: WritableSignal<string[]>;
+    infiniteScroll: WritableSignal<boolean>;
+    className: WritableSignal<string>;
+    tableFullHeightOffset: WritableSignal<number | undefined>;
+    rowHeight: WritableSignal<number | undefined>;
+    private dataProviderService;
+    private dataProviderLatestLazyLoadEvent?;
+    private dataProviderLatestLazyLoadEventVersion;
+    private dataProviderLatestQueryParam?;
+    private dataProviderLatestQueryParamVersion;
+    private dataProviderSubscription?;
+    descriptor: WritableSignal<TableDescriptorInst<any>>;
+    columns: WritableSignal<ColumnWithPreferences[]>;
+    visibleColumns: import("@angular/core").Signal<ColumnWithPreferences[]>;
+    hasColumnFilters: import("@angular/core").Signal<boolean>;
+    private filterDescriptors;
+    private isFilterChanged;
+    private isSortChanged;
+    anyColumnVisible: import("@angular/core").Signal<boolean>;
+    hasCustomLastColumn: WritableSignal<boolean>;
+    hasLastColumn: import("@angular/core").Signal<boolean>;
+    areColumnsReorderable: import("@angular/core").Signal<boolean>;
+    areColumnsToggleable: import("@angular/core").Signal<boolean>;
+    private layoutPreferences;
+    private localstorageKey;
+    private routerIsNavigationOutsideInProgress;
+    private viewContainer?;
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    reload(emitEvent?: boolean, resetParams?: boolean): void;
+    onTableLazyLoad(event: TableLazyLoadEvent): void;
+    onTableSort(event: any): void;
+    onTableFilter(event: any): void;
+    onCellClick(event: Event, col: ColumnDescriptor<any, T>, item: T, idx: number): void;
+    onSelectionChange(event: Array<T>): void;
+    /**
+     * Method is called on column resize
+     * @param element event's element
+     */
+    onTableColumnResize({ element }: any): void;
+    private loadTableWithDataProvider;
+    private loadTableFromRouteUpdate;
+    private setMainAndRelatedDescriptors;
+    private updatePrimeSortAndFilter;
+    private createFilterMeta;
+    private createSortMeta;
+    private initializeDataLoadingTriggers;
+    private initializeViewContainer;
+    onColumnToggle(event: MultiSelectChangeEvent): void;
+    onColumnToggleAll(): void;
+    onColumnReorder(event: TableColumnReorderEvent): void;
+    private saveLayoutPreferences;
+    /**
+     * Reset column order and column visibility to default settings
+     */
+    resetDefaultLayout(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MngTableComponent<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MngTableComponent<any, any>, "mng-table", never, { "descriptorInput": { "alias": "descriptor"; "required": true; }; "items": { "alias": "items"; "required": false; }; "queryResult": { "alias": "queryResult"; "required": false; }; "loadingInput": { "alias": "loading"; "required": false; }; "dataProvider": { "alias": "dataProvider"; "required": false; }; "useQueryParams": { "alias": "useQueryParams"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectionEnabled": { "alias": "selectionEnabled"; "required": false; }; "columnLastMinWidth": { "alias": "columnLastMinWidth"; "required": false; }; "viewContainerInit": { "alias": "viewContainer"; "required": false; }; "captionComponent": { "alias": "captionComponent"; "required": false; }; "columnCustomLastComponent": { "alias": "columnCustomLastComponent"; "required": false; }; "globalFilterFieldsInput": { "alias": "globalFilterFields"; "required": false; }; }, { "loadEventEmitter": "tableLoad"; "cellClickEventEmitter": "cellClick"; "selectionChangeEventEmitter": "selectionChange"; "captionCmpInstEventEmitter": "captionComponentInstance"; "columnCustomLastCmpInstEventEmitter": "columnCustomLastComponentInstance"; }, ["templates"], never, true, never>;
+    static ngAcceptInputType_items: unknown;
+    static ngAcceptInputType_queryResult: unknown;
+    static ngAcceptInputType_loadingInput: unknown;
+}

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

@@ -1,6 +1,3 @@
 export * from './tableview.component';
 export * from './route/tableview-route.abstract.component';
 export * from './route/tableview-route.component';
-export * from './table/table.component';
-export * from './table/column-filter-full/column-filter-full.component';
-export * from './table/column-value/column-value.component';

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

@@ -7,8 +7,8 @@ import { TableviewDescriptorInst } from '../../descriptors/tableview';
 import { MngTemplateDirective } from '../../directives';
 import { IViewContainer } from '../../models';
 import { MngViewContainerComponentService } from '../../services';
-import { MngTableLoadEvent } from './models';
-import { MngTableComponent } from './table/table.component';
+import { MngActionTableComponent } from '../action';
+import { MngTableLoadEvent } from '../table/models/table.event';
 import * as i0 from "@angular/core";
 export declare class MngTableviewComponent<T, S> implements OnInit, OnDestroy, AfterContentInit, IViewContainer<T, S> {
     private messageService;
@@ -16,7 +16,7 @@ export declare class MngTableviewComponent<T, S> implements OnInit, OnDestroy, A
     descriptor: TableviewDescriptorInst<T>;
     dataProvider?: ITableviewDataProvider<T, S>;
     actions: Array<ActionDescriptorInst<any>>;
-    tableComponent?: MngTableComponent<T, S>;
+    tableComponent?: MngActionTableComponent<T, S>;
     tableActions: ActionDescriptorInst<T>[];
     toolbarLeftActions: ActionDescriptorInst<T>[];
     toolbarRightActions: ActionDescriptorInst<T>[];

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

@@ -251,7 +251,7 @@ export declare class EditorDescriptorInst<EditorModel> implements IEditorDescrip
 }
 export declare class EditorDescriptor extends EditorDescriptorInst<any> {
     protected constructor();
-    static create<EditorModel>(idProperty: keyof EditorModel, titleProperty: keyof EditorModel, i18nBaseKey: string | ClassType<unknown>, tableviewEditorType?: TableviewEditorTypeEnum): EditorDescriptorInst<EditorModel>;
+    static create<EditorModel>(idProperty?: keyof EditorModel, titleProperty?: keyof EditorModel, i18nBaseKey?: string | ClassType<unknown>, tableviewEditorType?: TableviewEditorTypeEnum): EditorDescriptorInst<EditorModel>;
     static fromClass<EditorModel>(type: ClassType<EditorModel>, idProperty?: keyof EditorModel, titleProperty?: keyof EditorModel, i18nBaseKey?: ClassType<unknown> | string, tableviewEditorType?: TableviewEditorTypeEnum): EditorDescriptorInst<EditorModel>;
     static fromModel<EditorModel>(model: ModelDescriptor<EditorModel>, tableviewEditorType?: TableviewEditorTypeEnum): EditorDescriptorInst<EditorModel>;
     /**

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

@@ -10,11 +10,12 @@ import { ITableDescriptorInternal } from './internal/table.model';
 export declare class TableDescriptorInst<TableModel> implements ITableDescriptorInternal<TableModel>, IColumnsManageInterface<TableModel> {
     private readonly _model;
     protected readonly _autoGenerated: boolean;
+    private _identifier?;
     private _trackProperty?;
     private _filterDisplay;
     private _paginationMode?;
-    private _rowsPerPageOptions;
-    private _defaultNumRows;
+    private _rowsPerPageOptions?;
+    private _defaultNumRows?;
     protected _columns: Array<ColumnDescriptor<any, TableModel>>;
     private _title?;
     private _hideHeader;
@@ -23,27 +24,28 @@ export declare class TableDescriptorInst<TableModel> implements ITableDescriptor
     private _hasDefaultSort;
     private _defaultSortProperty;
     private _defaultSortAsc;
-    private _className;
-    private _size;
-    private _tableFullHeightOffset?;
-    private _rowHeight?;
     private _hasHover;
     private _hasGridlines;
     private _hasResizableColumns;
-    private _columnResizeMode;
+    private _columnResizeMode?;
     private _selectionColumnFrozen?;
     private _actionColumnFrozen?;
+    private _size;
+    private _className;
     private _headerClassName?;
     private _rowClassName?;
     private _rowClassNameMapFn?;
+    private _tableFullHeightOffset?;
+    private _rowHeight?;
     private _isLocalized;
     private _localizationLocaleProperty?;
     protected constructor(model: ModelDescriptor<TableModel>, autoGenerated?: boolean);
+    get identifier(): string | undefined;
     get trackProperty(): string | undefined;
     get filterDisplay(): TableFilterDisplayEnum;
     get paginationMode(): TablePaginationModeEnum | undefined;
-    get rowsPerPageOptions(): number[];
-    get defaultNumRows(): number;
+    get rowsPerPageOptions(): number[] | undefined;
+    get defaultNumRows(): number | undefined;
     get columns(): ColumnDescriptor<any, TableModel, any, string>[];
     get title(): string | undefined;
     get hideHeader(): boolean;
@@ -60,7 +62,7 @@ export declare class TableDescriptorInst<TableModel> implements ITableDescriptor
     get hasHover(): boolean;
     get hasGridlines(): boolean;
     get hasResizableColumns(): boolean;
-    get columnResizeMode(): "fit" | "expand";
+    get columnResizeMode(): "fit" | "expand" | undefined;
     get rowClassName(): string | undefined;
     get rowClassNameMapFn(): ((className?: string | undefined, item?: TableModel | undefined) => string) | undefined;
     get selectionColumnFrozen(): boolean | undefined;
@@ -71,8 +73,9 @@ export declare class TableDescriptorInst<TableModel> implements ITableDescriptor
     /**
      * Track property is used for the purpose of combined saving user preferences in localstorage if 2 tables have the same track properties they will share the same localstorage entry.
      * Similarly, this property can also be used to differentiate two tables of the same model on the same url (so that they have separate entries in localstorage).
-     * @param property
+     * @param identifier
      */
+    withIdentifier(identifier: string): this;
     withTrackProperty(property?: keyof TableModel): this;
     withTrackPropertyUnsafe(property?: string): this;
     getColumn(property: keyof TableModel): ColumnDescriptor<any, TableModel, any, string> | null;
@@ -162,7 +165,7 @@ export declare class TableDescriptorInst<TableModel> implements ITableDescriptor
 }
 export declare class TableDescriptor extends TableDescriptorInst<any> {
     protected constructor();
-    static create<TableModel>(idProperty: keyof TableModel, titleProperty: keyof TableModel, i18nBaseKey: string | ClassType<unknown>): TableDescriptorInst<TableModel>;
+    static create<TableModel>(idProperty?: keyof TableModel, titleProperty?: keyof TableModel, i18nBaseKey?: string | ClassType<unknown>): TableDescriptorInst<TableModel>;
     static fromClass<TableModel>(type: ClassType<TableModel>, idProperty?: keyof TableModel, titleProperty?: keyof TableModel, i18nBaseKey?: ClassType<unknown> | string, isAutoGenerated?: boolean): TableDescriptorInst<TableModel>;
     static fromModel<TableModel>(model: ModelDescriptor<TableModel>): TableDescriptorInst<TableModel>;
     /**

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

@@ -115,7 +115,7 @@ export declare class TableviewDescriptorInst<TableviewModel> implements ITablevi
 }
 export declare class TableviewDescriptor extends TableviewDescriptorInst<any> {
     protected constructor();
-    static create<TableviewModel>(idProperty: keyof TableviewModel, titleProperty: keyof TableviewModel, i18nBaseKey: string | ClassType<unknown>): TableviewDescriptorInst<TableviewModel>;
+    static create<TableviewModel>(idProperty?: keyof TableviewModel, titleProperty?: keyof TableviewModel, i18nBaseKey?: string | ClassType<unknown>): TableviewDescriptorInst<TableviewModel>;
     static fromClass<TableviewModel>(type: ClassType<TableviewModel>, idProperty?: keyof TableviewModel, titleProperty?: keyof TableviewModel, i18nBaseKey?: ClassType<unknown> | string): TableviewDescriptorInst<TableviewModel>;
     static fromModel<TableviewModel>(model: ModelDescriptor<TableviewModel>): TableviewDescriptorInst<TableviewModel>;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mediusinc/mng-commons",
-  "version": "4.0.0-rc.1",
+  "version": "4.0.0-rc.2",
   "peerDependencies": {
     "@angular/animations": "^17.0.0",
     "@angular/common": "^17.0.0",

package/scss/mng-overrides/_theme_datatable.scss

@@ -9,28 +9,35 @@
 
     .p-datatable-thead > tr > th,
     .p-datatable-tbody > tr > td {
-        // string
-        &.mng-column-filter-0 {
+        &.mng-column-filter-string {
             min-width: 135px;
         }
         // number
-        &.mng-column-filter-1 {
+        &.mng-column-filter-number {
             min-width: 165px;
         }
         // date
-        &.mng-column-filter-3 {
+        &.mng-column-filter-date {
             min-width: 170px;
         }
         // boolean
-        &.mng-column-filter-2 {
+        &.mng-column-filter-boolean {
             min-width: 80px;
         }
         // lookup, lookup enum
-        &.mng-column-filter-4,
-        &.mng-column-filter-5 {
+        &.mng-column-filter-lookup,
+        &.mng-column-filter-lookupenum {
             min-width: 180px;
         }
 
+        .mng-column-filter-string-input {
+            width: 100%;
+        }
+
+        .mng-column-filter-number-input {
+            width: 100%;
+        }
+
         &:hover {
             mng-table-column-value .help-buttons {
                 display: block;
@@ -52,10 +59,17 @@
         }
     }
 
+    .p-datatable-thead > tr > th {
+        &.column-custom-last {
+            padding-top: 0.1rem;
+            padding-bottom: 0.1rem;
+        }
+    }
+
     .p-datatable-tbody > tr > td {
         position: relative;
 
-        &.column-action {
+        &.column-custom-last {
             padding-top: 0.1rem;
             padding-bottom: 0.1rem;
         }
@@ -77,14 +91,14 @@
     //}
 
     &.p-datatable-lg .p-datatable-tbody > tr > td {
-        &.column-action {
+        &.column-custom-last {
             padding-top: 0.15rem;
             padding-bottom: 0.15rem;
         }
     }
 
     &.p-datatable-sm .p-datatable-tbody > tr > td {
-        &.column-action {
+        &.column-custom-last {
             padding-top: 0.05rem;
             padding-bottom: 0.05rem;
         }

package/scss/v2/theme/theme-base/mng/_mng_theme_datatable.scss

@@ -10,27 +10,35 @@
     .p-datatable-thead > tr > th,
     .p-datatable-tbody > tr > td {
         // string
-        &.mng-column-filter-0 {
+        &.mng-column-filter-string {
             min-width: 135px;
         }
         // number
-        &.mng-column-filter-1 {
+        &.mng-column-filter-number {
             min-width: 165px;
         }
         // date
-        &.mng-column-filter-3 {
+        &.mng-column-filter-date {
             min-width: 170px;
         }
         // boolean
-        &.mng-column-filter-2 {
+        &.mng-column-filter-boolean {
             min-width: 80px;
         }
         // lookup, lookup enum
-        &.mng-column-filter-4,
-        &.mng-column-filter-5 {
+        &.mng-column-filter-lookup,
+        &.mng-column-filter-lookupenum {
             min-width: 180px;
         }
 
+        .mng-column-filter-string-input {
+            width: 100%;
+        }
+
+        .mng-column-filter-number-input {
+            width: 100%;
+        }
+
         &:hover {
             mng-table-column-value .help-buttons {
                 display: block;
@@ -52,10 +60,17 @@
         }
     }
 
+    .p-datatable-thead > tr > th {
+        &.column-custom-last {
+            padding-top: 0.1rem;
+            padding-bottom: 0.1rem;
+        }
+    }
+
     .p-datatable-tbody > tr > td {
         position: relative;
 
-        &.column-action {
+        &.column-custom-last {
             padding-top: 0.1rem;
             padding-bottom: 0.1rem;
         }
@@ -77,14 +92,14 @@
     //}
 
     &.p-datatable-lg .p-datatable-tbody > tr > td {
-        &.column-action {
+        &.column-custom-last {
             padding-top: 0.15rem;
             padding-bottom: 0.15rem;
         }
     }
 
     &.p-datatable-sm .p-datatable-tbody > tr > td {
-        &.column-action {
+        &.column-custom-last {
             padding-top: 0.05rem;
             padding-bottom: 0.05rem;
         }

package/scss/v2/theme/theme-dark/_variables.scss

@@ -1,17 +1,29 @@
+$blue: #2196f3 !default;
+$green: #4caf50 !default;
+$yellow: #fbc02d !default;
+$cyan: #00bcd4 !default;
+$pink: #e91e63 !default;
+$indigo: #3f51b5 !default;
+$teal: #009688 !default;
+$orange: #f57c00 !default;
+$bluegray: #607d8b !default;
+$purple: #9c27b0 !default;
+$red: #ff3d32 !default;
+
 $colors: (
-    'blue': #2196f3,
-    'green': #4caf50,
-    'yellow': #fbc02d,
-    'cyan': #00bcd4,
-    'pink': #e91e63,
-    'indigo': #3f51b5,
-    'teal': #009688,
-    'orange': #f57c00,
-    'bluegray': #607d8b,
-    'purple': #9c27b0,
-    'red': #ff3d32,
+    'blue': $blue,
+    'green': $green,
+    'yellow': $yellow,
+    'cyan': $cyan,
+    'pink': $pink,
+    'indigo': $indigo,
+    'teal': $teal,
+    'orange': $orange,
+    'bluegray': $bluegray,
+    'purple': $purple,
+    'red': $red,
     'primary': $primaryColor
-);
+) !default;
 
 //shades
 $shade000: #ffffff !default; //text color

package/scss/v2/theme/theme-dark/blue/theme.scss

@@ -1,12 +1,12 @@
-$primaryColor: #0f8bfd;
+$primaryColor: #0f8bfd !default;
 $primaryLightColor: scale-color($primaryColor, $lightness: 60%) !default;
 $primaryDarkColor: scale-color($primaryColor, $lightness: -10%) !default;
 $primaryDarkerColor: scale-color($primaryColor, $lightness: -20%) !default;
-$primaryTextColor: #ffffff;
+$primaryTextColor: #ffffff !default;
 $primary500: #0f8bfd !default;
 
-$highlightBg: $primaryColor;
-$highlightTextColor: $primaryTextColor;
+$highlightBg: $primaryColor !default;
+$highlightTextColor: $primaryTextColor !default;
 
 @import '../_variables';
 @import '../../theme-base/_components';