@mediusinc/mng-commons 0.17.2 → 0.17.4

package/lib/api/models/query-result.model.d.ts

@@ -14,7 +14,7 @@ export declare class MediusQueryResult<T> implements IMediusQueryResult<T> {
     allDataCount?: number;
     pageData?: Array<T>;
     static discriminator?: string;
-    static fromArray<T>(pageData: T[], allDataCount?: number): MediusQueryResult<unknown>;
+    static fromArray<T>(pageData: T[], allDataCount?: number): MediusQueryResult<T>;
     static attributeTypeMap: Array<AttributeDef>;
     static getAttributeTypeMap(): AttributeDef[];
 }

package/lib/components/layout/menu-item.component.d.ts

@@ -1,4 +1,4 @@
-import { Injector, OnDestroy, OnInit } from '@angular/core';
+import { EventEmitter, Injector, OnDestroy, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Observable } from 'rxjs';
 import { MngMenuItem } from '../../models';
@@ -17,28 +17,36 @@ export declare class MngMenuItemComponent implements OnInit, OnDestroy {
     index: number;
     root: boolean;
     parentKey: string | null;
+    visibleChangeEventEmitter: EventEmitter<boolean>;
     private hostClassNoPadding;
+    private hostClassChildrenHidden;
     key: string;
     active: boolean;
     hover: boolean;
     private guardsIsAllowedSubject;
-    guardsIsAllowed$: Observable<boolean>;
+    private guardsIsAllowed$;
     private isPermittedSubject;
-    isPermitted$: Observable<boolean>;
+    private isPermitted$;
+    private isVisibleSubject;
+    isVisible$: Observable<boolean>;
+    private childrenVisibilitySubject;
     private itemUrl?;
     private menuSourceSubscription?;
     private menuResetSubscription?;
     private routerEventsSubscription?;
     private guardsIsAllowedSubscription?;
     private isPermittedSubscription?;
+    private isVisibleSubscription?;
     private isVisibleCombinedSubscription?;
+    private areChildrenVisibleSubscription?;
     constructor(injector: Injector, router: Router, route: ActivatedRoute, authorization: MngAuthorizationService, mngCommons: MngCommonsService, mainLayoutService: MngMainLayoutComponentService);
     ngOnInit(): void;
     updateActiveStateFromRoute(): void;
     itemClick(event: Event): void;
     onMouseEnter(): void;
     ngOnDestroy(): void;
+    onChildVisibleChange(visible: boolean, item: MngMenuItem, idx: number): void;
     private checkIfMenuItemIsAllowedFromGuard;
     static ɵfac: i0.ɵɵFactoryDeclaration<MngMenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MngMenuItemComponent, "[mng-menuitem]", never, { "item": "item"; "index": "index"; "root": "root"; "parentKey": "parentKey"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MngMenuItemComponent, "[mng-menuitem]", never, { "item": "item"; "index": "index"; "root": "root"; "parentKey": "parentKey"; }, { "visibleChangeEventEmitter": "visibleChange"; }, never, never, false>;
 }

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

@@ -49,7 +49,9 @@ export declare class MngTableComponent<T, S> implements OnInit, OnChanges, After
     captionTemplate?: TemplateRef<any>;
     columnActionTemplate?: TemplateRef<any>;
     footerTemplate?: TemplateRef<any>;
-    useDataProvider: boolean;
+    isLazy: boolean;
+    isPagination: boolean;
+    private useDataProvider;
     private useQueryParamsInitializedSubejct;
     useQueryParamsInitialized$: Observable<boolean>;
     queryResult$?: Observable<MediusQueryResult<T>>;

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

@@ -4,16 +4,24 @@ import { MediusQueryParam, MediusQueryResult } from '../api/models';
 import { ClassType } from '../types';
 import { DataProvider, IDataProvider } from './base.data-provider';
 export interface ITableDataProvider<T, S> extends IDataProvider<T, S> {
+    get isLazy(): boolean;
     getAll: (queryParam: MediusQueryParam, service?: S) => Observable<MediusQueryResult<T>>;
     getAllReload(queryParam?: MediusQueryParam): void;
     getAllReload$: Observable<MediusQueryParam | undefined>;
 }
 export declare class TableDataProvider<T, S> extends DataProvider<T, S> implements ITableDataProvider<T, S> {
+    protected _isLazy: boolean;
     protected _getAll: (queryParam: MediusQueryParam, service?: S) => Observable<MediusQueryResult<T>>;
     protected _getAllReloadSubject: Subject<MediusQueryParam | undefined>;
     constructor(modelType: ClassType<T>, serviceType?: Type<S>);
+    get isLazy(): boolean;
     get getAll(): (queryParam: MediusQueryParam, service?: S | undefined) => Observable<MediusQueryResult<T>>;
     get getAllReload$(): Observable<MediusQueryParam | undefined>;
     withGetAll(getAll: (queryParam: MediusQueryParam, service?: S) => Observable<MediusQueryResult<T>>): this;
+    /**
+     * Use this method to use inline load without lazy loading features on table and use inline pagination, filtering and sorting.
+     * @param getAll
+     */
+    withGetAllEagerly(getAll: (service?: S) => Observable<Array<T>>): this;
     getAllReload(queryParam?: MediusQueryParam): void;
 }

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

@@ -5,17 +5,25 @@ import { ClassType, IdType } from '../types';
 import { EditorDataProvider, IEditorDataProvider } from './editor.data-provider';
 import { ITableDataProvider } from './table.data-provider';
 export interface ITableviewDataProvider<T, S> extends IEditorDataProvider<T, S> {
+    get isLazy(): boolean;
     getAll: (queryParam: MediusQueryParam, service?: S) => Observable<MediusQueryResult<T>>;
     getAllReload(queryParam?: MediusQueryParam): void;
     getAllReload$: Observable<MediusQueryParam | undefined>;
 }
 export declare class TableviewDataProvider<T, S> extends EditorDataProvider<T, S> implements ITableviewDataProvider<T, S>, ITableDataProvider<T, S>, IEditorDataProvider<T, S> {
+    protected _isLazy: boolean;
     protected _getAll: (queryParam: MediusQueryParam, service?: S) => Observable<MediusQueryResult<T>>;
     protected _getAllReloadSubject: Subject<MediusQueryParam | undefined>;
     constructor(modelType: ClassType<T>, serviceType?: Type<S>);
+    get isLazy(): boolean;
     get getAll(): (queryParam: MediusQueryParam, service?: S | undefined) => Observable<MediusQueryResult<T>>;
     get getAllReload$(): Observable<MediusQueryParam | undefined>;
     withGetAll(getAll: (queryParam: MediusQueryParam, service?: S) => Observable<MediusQueryResult<T>>): this;
+    /**
+     * Use this method to use inline load without lazy loading features on table and use inline pagination, filtering and sorting.
+     * @param getAll
+     */
+    withGetAllEagerly(getAll: (service?: S) => Observable<Array<T>>): this;
     getAllReload(queryParam?: MediusQueryParam): void;
 }
 export declare class DynamicTableviewDataProvider extends TableviewDataProvider<any, any> implements ITableviewDataProvider<any, any>, ITableDataProvider<any, any> {

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

@@ -42,6 +42,12 @@ export declare class TableviewDescriptor<T> {
     withDetailsDescriptor(descriptor: EditorDescriptor<T>): this;
     withAddDescriptor(descriptor: EditorDescriptor<T>): this;
     withEditDescriptor(descriptor: EditorDescriptor<T>): this;
+    /**
+     * creates new copy of editor descriptor and makes it disabled
+     * usable in combination with this::withEditorDescriptors, where detailsDescriptor is made non disabled
+     * @param type which editor type to set to disabled
+     */
+    withDisabledEditorDescriptor(type?: TableviewEditorTypeEnum): this;
     withTableTitle(title: string): this;
     withValidator(name: string, expression: FieldValidatorFn): this;
     addColumnDescriptor<CT>(column: ColumnDescriptor<CT, T>): TableDescriptor<T>;

package/lib/descriptors/types/table.type.d.ts

@@ -1,6 +1,7 @@
 export declare enum TablePaginationModeEnum {
     Pagination = 0,
-    InfiniteScroll = 1
+    InfiniteScroll = 1,
+    None = 2
 }
 export declare enum TableFilterDisplayEnum {
     Row = 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mediusinc/mng-commons",
-  "version": "0.17.2",
+  "version": "0.17.4",
   "peerDependencies": {
     "@angular/common": "^14.1.0",
     "@angular/core": "^14.1.0",

package/scss/mng-overrides/_layout_dialog.scss

@@ -33,22 +33,30 @@
 
         &.mng-dialog-sm {
             width: 50vw;
-            height: initial;
-            max-height: 90vh;
+            height: 70vh;
 
             @include mediaMaxLg() {
                 width: 70vw;
+                height: 80vh;
             }
 
             @include mediaMaxMd() {
                 width: 80vw;
             }
+
+            @include mediaMaxXs() {
+                width: 90vw;
+            }
         }
 
         &.mng-dialog-xs {
-            width: 40vw;
+            width: 30vw;
             height: initial;
 
+            @media (max-width: 1500px) {
+                width: 45vw;
+            }
+
             @include mediaMaxLg() {
                 width: 60vw;
             }
@@ -56,6 +64,10 @@
             @include mediaMaxMd() {
                 width: 70vw;
             }
+
+            @include mediaMaxXs() {
+                width: 90vw;
+            }
         }
 
         &.mng-formly-field-lookup-dialog {

package/scss/mng-overrides/_theme_datatable.scss

@@ -13,25 +13,25 @@
             padding-right: 0.15rem;
 
             // string
-            &.mng-column-filter-0 {
-                min-width: 135px;
+            .mng-column-filter-0 {
+                //min-width: 135px;
             }
             // number
-            &.mng-column-filter-1 {
-                min-width: 165px;
+            .mng-column-filter-1 {
+                //min-width: 165px;
             }
             // date
-            &.mng-column-filter-3 {
-                min-width: 170px;
+            .mng-column-filter-3 {
+                //min-width: 170px;
             }
             // boolean
-            &.mng-column-filter-2 {
-                min-width: 80px;
+            .mng-column-filter-2 {
+                //min-width: 80px;
             }
             // lookup, lookup enum
-            &.mng-column-filter-4,
-            &.mng-column-filter-5 {
-                min-width: 180px;
+            .mng-column-filter-4,
+            .mng-column-filter-5 {
+                //min-width: 180px;
             }
 
             .p-column-filter-menu-button,
@@ -80,4 +80,10 @@
             padding-bottom: 0.05rem;
         }
     }
+
+    &.p-datatable-flex-scrollable {
+        .p-datatable-tbody > tr > td {
+            overflow: hidden;
+        }
+    }
 }

package/version-info.json

@@ -1,10 +1,10 @@
 {
     "name": "@mediusinc/mng-commons",
-    "version": "0.17.2",
-    "tag": "v0.17.2",
+    "version": "0.17.4",
+    "tag": "v0.17.4",
     "distance": 0,
-    "hash": "c0561ddc",
+    "hash": "7d047036",
     "dirty": false,
-    "semver": "0.17.2",
-    "raw": "v0.17.2-c0561ddc"
+    "semver": "0.17.4",
+    "raw": "v0.17.4-7d047036"
 }