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

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

@@ -1,6 +1 @@
-import { ColumnDescriptor } from '../../../../descriptors/table';
-export interface ColumnWithPreferences {
-    descriptor: ColumnDescriptor<any, any>;
-    disabled: boolean;
-    isVisible: boolean;
-}
+export * from './table.interface';

package/lib/components/tableview/table/models/table.interface.d.ts

@@ -0,0 +1,12 @@
+import { ColumnDescriptor } from '../../../../descriptors/table';
+export interface ColumnWithPreferences {
+    descriptor: ColumnDescriptor<any, any>;
+    disabled: boolean;
+    isVisible: boolean;
+    width?: number;
+}
+export interface TableLayoutPreferences {
+    columnWidths?: Record<string, number>;
+    columnOrder?: string[];
+    columnVisibility?: string[];
+}

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

@@ -11,7 +11,7 @@ import { ColumnDescriptor, TableDescriptor } from '../../../descriptors/table';
 import { TableFilterDisplayEnum } from '../../../descriptors/types';
 import { MngComponentDirective, MngTemplateDirective } from '../../../directives';
 import { IViewContainer } from '../../../models';
-import { MngActionExecutorService, MngCommonsService, MngViewContainerComponentService } from '../../../services';
+import { MngActionExecutorService, MngCommonsService, MngLocalStorageService, MngViewContainerComponentService } from '../../../services';
 import { ActionInstance } from '../../action/models';
 import { MngTableCellClickEvent, MngTableLoadEvent } from '../models';
 import { ColumnWithPreferences } from './models';
@@ -24,8 +24,10 @@ export declare class MngTableComponent<T, S> implements OnInit, OnChanges, After
     private mngCommonsService;
     private actionExecutor;
     private viewContainerService;
+    private localStorageService;
     readonly filterDisplayRow: TableFilterDisplayEnum;
     readonly filterDisplayMenu: TableFilterDisplayEnum;
+    readonly cmpTypeName = "MngTableComponent";
     initialDescriptor: TableDescriptor<T>;
     descriptor?: TableDescriptor<T>;
     items?: Observable<Array<T>> | Array<T>;
@@ -98,7 +100,9 @@ export declare class MngTableComponent<T, S> implements OnInit, OnChanges, After
     areColumnsToggleable: boolean;
     columns: ColumnWithPreferences[];
     visibleColumns: ColumnWithPreferences[];
-    constructor(injector: Injector, router: Router, route: ActivatedRoute, translate: TranslateService, mngCommonsService: MngCommonsService, actionExecutor: MngActionExecutorService, viewContainerService: MngViewContainerComponentService<T, S> | null);
+    private layoutPreferences;
+    private localstorageKey;
+    constructor(injector: Injector, router: Router, route: ActivatedRoute, translate: TranslateService, mngCommonsService: MngCommonsService, actionExecutor: MngActionExecutorService, viewContainerService: MngViewContainerComponentService<T, S> | null, localStorageService: MngLocalStorageService);
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -112,6 +116,11 @@ export declare class MngTableComponent<T, S> implements OnInit, OnChanges, After
     onCaptionCmpInst<C>(instance: C): void;
     onColumnActionCmpInst<C>(instance: C): void;
     onActionFinish(runResult: ActionInstance<T, S>): void;
+    /**
+     * Method is called on column resize
+     * @param element event's element
+     */
+    onTableColumnResize({ element }: any): void;
     private loadTableWithDataProvider;
     private loadTableFromRouteUpdate;
     private updatePrimeSortAndFilter;
@@ -125,10 +134,11 @@ export declare class MngTableComponent<T, S> implements OnInit, OnChanges, After
      * @param event: MultiSelectChangeEvent
      */
     onColumnReorder(event: any): void;
+    private saveLayoutPreferences;
     /**
      * Reset column order and column visibility to default settings
      */
     resetDefaultLayout(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MngTableComponent<any, any>, [null, null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MngTableComponent<any, any>, [null, null, null, null, null, null, { optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MngTableComponent<any, any>, "mng-table", never, { "initialDescriptor": "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"; "globalFilterFieldsInit": "globalFilterFields"; }, { "loadEventEmitter": "tableLoad"; "cellClickEventEmitter": "cellClick"; "selectionChangeEventEmitter": "selectionChange"; "captionCmpInstEventEmitter": "captionComponentInstance"; "columnActionCmpInstEventEmitter": "columnActionComponentInstance"; }, ["templates"], never, true, never>;
 }

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

@@ -9,6 +9,7 @@ import { ColumnDisplayTypeEnum, ColumnTypeEnum, TableDynamicColumnsModeEnum, Tab
 import { ColumnDescriptor, ColumnDynamicDescriptor } from './column.descriptor';
 export declare class TableDescriptor<T> {
     private readonly _model;
+    private _dataKey?;
     private _modelType;
     private _filterDisplay;
     private _paginationMode?;
@@ -51,6 +52,7 @@ export declare class TableDescriptor<T> {
      * @param titleProperty
      */
     static fromModelWithAttributes<T>(modelType: ClassType<T>, attributes: TableviewAttributeDef[], idProperty?: string, titleProperty?: string): TableDescriptor<T>;
+    get dataKey(): string | undefined;
     get filterDisplay(): TableFilterDisplayEnum;
     get paginationMode(): TablePaginationModeEnum | undefined;
     get rowsPerPageOptions(): number[];
@@ -76,6 +78,12 @@ export declare class TableDescriptor<T> {
     get headerClassName(): string | undefined;
     get isLocalized(): boolean;
     get localizationLocaleProperty(): string | undefined;
+    /**
+     * dataKey is used for the purpose of combined saving user preferences in localstorage if 2 tables have the same dataKey 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 dataKey
+     */
+    withDataKey(dataKey?: string): this;
     getColumn(property: string): ColumnDescriptor<string, T> | undefined;
     addColumnDescriptor<CT>(column: ColumnDescriptor<CT, T>): TableDescriptor<T>;
     addColumn(property: string): ColumnDescriptor<string, T>;

package/lib/services/index.d.ts

@@ -6,3 +6,4 @@ export * from './navigation.service';
 export * from './router.service';
 export * from './version.service';
 export * from './view-container.component.service';
+export * from './mng-localstorage-config.service';

package/lib/services/mng-localstorage-config.service.d.ts

@@ -0,0 +1,11 @@
+import { MngLocalstorageConfigValueType } from '../types';
+import * as i0 from "@angular/core";
+export declare class MngLocalStorageService {
+    private readonly _configKey;
+    private buildLocalStorageKey;
+    getItem<T = MngLocalstorageConfigValueType>(type: string, key: string): T | undefined;
+    setItem<T = MngLocalstorageConfigValueType>(type: string, key: string, value: T): void;
+    removeItem(type: string, key: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MngLocalStorageService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MngLocalStorageService>;
+}

package/lib/types/index.d.ts

@@ -1,3 +1,4 @@
 export * from './type.decorator';
 export * from './type.model';
 export * from './i18n.type';
+export * from './mng-localstorage-config-value.type';

package/lib/types/mng-localstorage-config-value.type.d.ts

@@ -0,0 +1 @@
+export type MngLocalstorageConfigValueType = string | number | Date | object | boolean;

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

@@ -35,6 +35,14 @@ export declare class TableviewUtil {
     /**
      * convert column type to equivalent field input type
      * @param type column type
+     * @param displayType column display type
      */
     static toFieldInputTypeFromColumnType(type: ColumnTypeEnum, displayType?: ColumnDisplayTypeEnum): FieldInputTypeEnum;
+    /**
+     * generates table layout preferences key used when saving preferences to localstorage
+     * @param typeName string, required
+     * @param url string, required
+     * @param dataKey string, not required
+     */
+    static generateTableLayoutPrefsKey(typeName: string, url: string, dataKey?: string): string;
 }

package/package.json

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

package/scss/mng-overrides/_theme_multiselect.scss

@@ -11,7 +11,7 @@
             .p-checkbox {
                 .p-checkbox-box {
                     &.p-highlight {
-                        border: $checkboxBorder;
+                        border-color: $checkboxActiveBorderColor;
                     }
                 }
             }