@mediusinc/mng-commons 0.7.0 → 0.7.1

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/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,8 +1,7 @@
 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';

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

@@ -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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mediusinc/mng-commons",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "peerDependencies": {
     "@angular/common": "^13.2.0",
     "@angular/core": "^13.2.0",

package/scss/mng-overrides/_theme_datatable.scss

@@ -7,6 +7,42 @@
         }
     }
 
+    .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;