@mediusinc/mng-commons 0.2.20 → 0.2.21

package/lib/components/form/dropdown/dropdown.component.d.ts

@@ -11,6 +11,7 @@ export declare class MngDropdownComponent implements OnInit, OnDestroy, ControlV
     dataKeyProperty?: string;
     itemsLabelProperty?: string;
     itemsValueProperty?: string;
+    itemsDisabledProperty?: string;
     multiselect: boolean;
     placeholder?: string;
     showClear: boolean;
@@ -34,5 +35,5 @@ export declare class MngDropdownComponent implements OnInit, OnDestroy, ControlV
     setDisabledState(isDisabled: boolean): void;
     writeValue(obj: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MngDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MngDropdownComponent, "mng-dropdown", never, { "dataProvider": "dataProvider"; "dataKeyProperty": "dataKeyProperty"; "itemsLabelProperty": "itemsLabelProperty"; "itemsValueProperty": "itemsValueProperty"; "multiselect": "multiselect"; "placeholder": "placeholder"; "showClear": "showClear"; "selectFirstItem": "selectFirstItem"; "className": "className"; "dropdownClassName": "dropdownClassName"; }, { "valueChangeEventEmitter": "valueChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MngDropdownComponent, "mng-dropdown", never, { "dataProvider": "dataProvider"; "dataKeyProperty": "dataKeyProperty"; "itemsLabelProperty": "itemsLabelProperty"; "itemsValueProperty": "itemsValueProperty"; "itemsDisabledProperty": "itemsDisabledProperty"; "multiselect": "multiselect"; "placeholder": "placeholder"; "showClear": "showClear"; "selectFirstItem": "selectFirstItem"; "className": "className"; "dropdownClassName": "dropdownClassName"; }, { "valueChangeEventEmitter": "valueChange"; }, never, never>;
 }

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

@@ -2,18 +2,24 @@ import { OnDestroy, OnInit } from '@angular/core';
 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>>;
-    toolbarActions: Array<ActionDescriptor<T>>;
-    rowActions: 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/table.component.d.ts

@@ -28,6 +28,7 @@ export declare class MngTableComponent<T, S> implements OnInit, AfterContentInit
     useQueryParams: boolean;
     selectionMode: string;
     selectionEnabled: boolean;
+    isColumnClickable: boolean;
     captionComponent?: Type<any>;
     columnActionComponent?: Type<any>;
     loadEventEmitter: EventEmitter<MngTableLoadEvent>;
@@ -85,5 +86,5 @@ export declare class MngTableComponent<T, S> implements OnInit, AfterContentInit
     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"; "captionComponent": "captionComponent"; "columnActionComponent": "columnActionComponent"; }, { "loadEventEmitter": "tableLoad"; "cellClickEventEmitter": "cellClick"; "selectionChangeEventEmitter": "selectionChange"; "captionCmpInstEventEmitter": "captionComponentInstance"; "columnActionCmpInstEventEmitter": "columnActionComponentInstance"; }, ["templates"], never>;
+    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"; "captionComponent": "captionComponent"; "columnActionComponent": "columnActionComponent"; }, { "loadEventEmitter": "tableLoad"; "cellClickEventEmitter": "cellClick"; "selectionChangeEventEmitter": "selectionChange"; "captionCmpInstEventEmitter": "captionComponentInstance"; "columnActionCmpInstEventEmitter": "columnActionComponentInstance"; }, ["templates"], never>;
 }

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

@@ -110,7 +110,7 @@ export declare namespace ActionDescriptor {
 }
 export declare class ActionEditorDescriptor<T> extends ActionDescriptor<T> {
     private readonly _editorDescriptor;
-    private readonly _editorActions;
+    protected _editorActions: ActionDescriptor<T>[];
     protected _editorTitle?: string | null;
     protected _hasFetchNotificationSuccess: boolean;
     protected _fetchNotificationSuccessTitle?: string;
@@ -139,6 +139,7 @@ export declare class ActionEditorDescriptor<T> extends ActionDescriptor<T> {
     withSubmitFunction<S>(fn: (ctx: ActionExecContext<T, S, IEditorDataProvider<T, S>>) => Observable<T>): this;
     withFetchNotificationError(title?: string, message?: string, hasNotification?: boolean): this;
     withEditorAction(action: ActionDescriptor<T>): this;
+    withEditorActions(actions: ActionDescriptor<T>[]): this;
     withEditorComponent(editorComponent: Type<any>): this;
 }
 export declare class ActionEditorSubmitDescriptor<T> extends ActionDescriptor<T> {

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

@@ -7,22 +7,24 @@ import { MngFormFieldEvent, MngFormFieldEventData, MngFormFieldEventTypeEnum } f
 import { ILookupDataProvider, ITableDataProvider } from '../data-providers';
 import { EnumValue } from '../models';
 import { ClassType, EnumConstantType, EnumType } from '../types';
-import { FieldValidator, ILookupDescriptor, ModelDescriptor, TableDescriptor, TableviewDescriptor } from './';
+import { ActionDescriptor, FieldValidator, ILookupDescriptor, ModelDescriptor, TableDescriptor, TableviewDescriptor } from './';
 import { FieldConfig, FieldLookupConfig } from './editor.descriptor.interface';
 export declare class EditorDescriptor<T> {
     static readonly defaultGroupName = "_default";
     private readonly _model;
+    private readonly _tableviewEditorType;
     private readonly _tabs;
     private readonly _groups;
     private readonly _fields;
     private _currentTabGroup?;
     private _currentGroup?;
-    constructor(modelType: ClassType<T>, idProperty?: string, titleProperty?: string);
     private _disabled;
-    get disabled(): boolean;
+    constructor(modelType: ClassType<T>, idProperty?: string, titleProperty?: string, tableviewEditorType?: EditorDescriptor.TableviewEditorTypeEnum);
     get model(): ModelDescriptor<T>;
     get tabs(): FieldTabGroupDescriptor<T>[];
     get fields(): AFieldDescriptor<any, T>[];
+    get tableviewEditorType(): boolean;
+    get disabled(): boolean;
     createTabGroup(name: string, title?: string): FieldTabGroupDescriptor<T>;
     createFieldGroup(name: string, title?: string | null): FieldGroupDescriptor<T>;
     addFieldDescriptor<FT>(field: AFieldDescriptor<FT, T>): this;
@@ -41,6 +43,14 @@ export declare class EditorDescriptor<T> {
     private createDefaultGroup;
     private createDefaultTabGroup;
 }
+export declare namespace EditorDescriptor {
+    enum TableviewEditorTypeEnum {
+        None = 0,
+        View = 1,
+        Edit = 2,
+        Add = 3
+    }
+}
 export declare abstract class AGenericFieldDescriptor<ET> {
     protected readonly _editor: EditorDescriptor<ET>;
     protected _config: FieldConfig;
@@ -184,6 +194,7 @@ export declare class FieldLookupDescriptor<T, ET> extends AFieldDescriptor<T, ET
     protected _lookupType: FieldLookupDescriptor.LookupTypeEnum;
     protected _itemsLabelProperty?: string;
     protected _itemsValueProperty?: string;
+    protected _itemsDisabledProperty?: string;
     protected _dataKeyProperty?: string;
     protected _dataProvider?: ILookupDataProvider<T, any>;
     protected _lookupTableDescriptor?: TableDescriptor<T>;
@@ -192,6 +203,7 @@ export declare class FieldLookupDescriptor<T, ET> extends AFieldDescriptor<T, ET
     get lookupType(): FieldLookupDescriptor.LookupTypeEnum;
     get itemsLabelProperty(): string | undefined;
     get itemsValueProperty(): string | undefined;
+    get itemsDisabledProperty(): string | undefined;
     get dataKeyProperty(): string | undefined;
     get dataProvider(): ILookupDataProvider<T, any> | undefined;
     get lookupTableDataProvider(): ITableDataProvider<T, any> | undefined;
@@ -199,6 +211,7 @@ export declare class FieldLookupDescriptor<T, ET> extends AFieldDescriptor<T, ET
     get lookupTableDescriptor(): TableDescriptor<T> | undefined;
     withItemsLabelProperty(itemsLabelProperty: string): this;
     withItemsValueProperty(itemsValueProperty: string): this;
+    withItemsDisabledProperty(itemsDisabledProperty: string): this;
     withDataKeyProperty(property: string): this;
     withLookup<S>(lookup: (queryParam?: MediusQueryParam, service?: S, search?: string) => Observable<Array<T>>, serviceType?: Type<S>): this;
     withLookupDataProvider(dataProvider: ILookupDataProvider<T, any>): this;
@@ -216,8 +229,11 @@ export declare namespace FieldLookupDescriptor {
 }
 export declare class FieldLookupEnumDescriptor<ET> extends FieldLookupDescriptor<EnumValue<string | number>, ET> {
     private readonly _enumType;
+    private readonly _optionEnumValues;
+    private readonly _nameAsValue;
     constructor(editor: EditorDescriptor<ET>, property: string, enumType: EnumType, options?: Array<EnumConstantType>, nameAsValue?: boolean, optionsTitlePath?: string | null);
     get enumType(): EnumType;
+    withDisabledOptions(...disabledOptions: Array<EnumConstantType>): this;
     copy(): FieldLookupEnumDescriptor<ET>;
 }
 export declare class FieldManyToManyEditorDescriptor<T, ET> extends AFieldDescriptor<T, ET> {
@@ -258,16 +274,20 @@ export declare class FieldManyEditorDescriptor<T, ET> extends AFieldDescriptor<T
     private readonly _modelType;
     private readonly _tableviewDescriptor;
     private _fieldType;
+    private _fieldActions;
     private _actions;
     constructor(editor: EditorDescriptor<ET>, property: string, modelType: ClassType<T>, tableviewDescriptor: TableviewDescriptor<T>);
     get fieldType(): FieldManyEditorDescriptor.TypeEnum;
-    get actions(): FieldManyEditorDescriptor.ActionEnum[];
+    get fieldActions(): FieldManyEditorDescriptor.ActionEnum[];
+    get actions(): ActionDescriptor<T>[];
     get tableviewDescriptor(): TableviewDescriptor<T>;
     get tableDescriptor(): TableDescriptor<T>;
     get editorForCreate(): EditorDescriptor<T>;
     get editorForRead(): EditorDescriptor<T>;
     get editorForUpdate(): EditorDescriptor<T>;
-    withActions(actions?: Array<FieldManyToManyEditorDescriptor.ActionEnum>): this;
+    withFieldAction(action: FieldManyEditorDescriptor.ActionEnum): this;
+    withFieldActions(actions: FieldManyEditorDescriptor.ActionEnum[]): this;
+    withAction(action: ActionDescriptor<T>): this;
     copy(): FieldManyEditorDescriptor<T, ET>;
 }
 export declare namespace FieldManyEditorDescriptor {
@@ -275,9 +295,10 @@ export declare namespace FieldManyEditorDescriptor {
         DialogEditor = 0
     }
     enum ActionEnum {
-        Add = 0,
-        Edit = 1,
-        Delete = 2
+        View = 0,
+        Add = 1,
+        Edit = 2,
+        Delete = 3
     }
 }
 export declare abstract class AFieldGroupDescriptor<ET> extends AGenericFieldDescriptor<ET> {

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

@@ -36,7 +36,7 @@ export declare class TableDescriptor<T> {
     addColumn(property: string): ColumnDescriptor<string, T>;
     addColumnNumber(property: string, displayFormat?: string): ColumnDescriptor<number, T>;
     addColumnDate(property: string, displayFormat?: string): ColumnDescriptor<Date, T>;
-    addColumnBoolean(property: string): ColumnDescriptor<boolean, T>;
+    addColumnBoolean(property: string, yes?: string, no?: string, asIcon?: boolean): ColumnDescriptor<boolean, T>;
     addColumnEnum(property: string, enumType: EnumType, nameAsValue?: boolean, titlePath?: string | null): ColumnDescriptor<boolean, T>;
     addColumnObject<CT>(property: string, modelType: ClassType<CT>, displayProperty: string): ColumnDescriptor<CT, T>;
     withFilterDisplay(filterDisplayType: TableDescriptor.FilterDisplayEnum): this;
@@ -73,6 +73,9 @@ export declare class ColumnDescriptor<T, TT> {
     private _enumType?;
     private _enumTitlePath?;
     private _enumNameAsValue;
+    private _booleanAsIcon;
+    private _booleanYes?;
+    private _booleanNo?;
     constructor(table: TableDescriptor<TT>, property: string);
     get modelType(): ClassType<T> | null;
     get columnType(): ColumnDescriptor.TypeEnum;
@@ -86,10 +89,13 @@ export declare class ColumnDescriptor<T, TT> {
     get enumType(): EnumType | undefined;
     get enumTitlePath(): string | null | undefined;
     get enumNameAsValue(): boolean;
+    get booleanAsIcon(): boolean;
+    get booleanYes(): string | undefined;
+    get booleanNo(): string | undefined;
     asType(type?: ColumnDescriptor.TypeEnum): this;
     asNumber(displayFormat?: string): this;
     asDate(displayFormat?: string): this;
-    asBoolean(): this;
+    asBoolean(yes?: string, no?: string, asIcon?: boolean): this;
     asEnum(enumType: EnumType, nameAsValue?: boolean, titlePath?: string | null): this;
     withModelType(modelType: ClassType<T>): this;
     withTitle(title: string): this;

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

@@ -25,7 +25,7 @@ export declare class TableviewDescriptor<T> {
     addColumn(property: string): ColumnDescriptor<string, T>;
     addColumnNumber(property: string, displayFormat?: string): ColumnDescriptor<number, T>;
     addColumnDate(property: string, displayFormat?: string): ColumnDescriptor<Date, T>;
-    addColumnBoolean(property: string): ColumnDescriptor<boolean, T>;
+    addColumnBoolean(property: string, yes?: string, no?: string, asIcon?: boolean): ColumnDescriptor<boolean, T>;
     addColumnEnum(property: string, enumType: EnumType, nameAsValue?: boolean, titlePath?: string | null): ColumnDescriptor<boolean, T>;
     addColumnObject<CT>(property: string, modelType: ClassType<CT>, displayProperty: string): ColumnDescriptor<CT, T>;
     createTabGroup(name: string, title?: string): this;

package/lib/models/enum.model.d.ts

@@ -2,4 +2,5 @@ export interface EnumValue<T> {
     name?: string;
     value: T;
     title: string;
+    disabled?: boolean;
 }

package/lib/pipes/boolean.pipe.d.ts

@@ -1,7 +1,7 @@
 import { PipeTransform } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class MngBooleanPipe implements PipeTransform {
-    transform(value: any): any;
+    transform(value: any, yes?: string, no?: string, icon?: boolean): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<MngBooleanPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<MngBooleanPipe, "boolean">;
 }

package/lib/services/action-executor.service.d.ts

@@ -41,13 +41,14 @@ export declare class MngActionExecutorService {
      * Runs editor action fetch function.
      *
      * @param action Action descriptor.
+     * @param item Item instance (if exists).
      * @param itemId Item id.
      * @param dataProvider Data provider
      * @param sourceComponent Source component from where the fetch function was called.
      * @param viewContainer View container/service. Tableview component.
      * @param actionData Additional action data.
      */
-    runEditorFetch<T, S>(action: ActionEditorDescriptor<T>, itemId?: IdType, dataProvider?: IEditorDataProvider<T, S>, sourceComponent?: any, viewContainer?: IViewContainer<T, S>, actionData?: ActionData): Observable<ActionRunResult<T, S, IEditorDataProvider<T, S>>>;
+    runEditorFetch<T, S>(action: ActionEditorDescriptor<T>, item?: T, itemId?: IdType, dataProvider?: IEditorDataProvider<T, S>, sourceComponent?: any, viewContainer?: IViewContainer<T, S>, actionData?: ActionData): Observable<ActionRunResult<T, S, IEditorDataProvider<T, S>>>;
     /**
      * Prepares action exec context for action of type editor.
      *
@@ -83,7 +84,7 @@ export declare class MngActionExecutorService {
      * @param event Target table click event.
      * @param route Currently activate route.
      */
-    triggerRowClickAction<T>(action: ActionDescriptor<T>, event: MngTableCellClickEvent<T>, route: ActivatedRoute): Observable<ActionTriggerResult<T, unknown, IDataProvider<T, unknown>>>;
+    triggerRowClickAction<T>(action: ActionDescriptor<T>, event: MngTableCellClickEvent<T>, route?: ActivatedRoute): Observable<ActionTriggerResult<T, unknown, IDataProvider<T, unknown>>>;
     /**
      * Triggers action with optional data (item, itemId, ...) and currently activated route.
      *

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

@@ -3,5 +3,5 @@ import { ClassType } from '../types';
 export declare class ModelUtil {
     static findIdAttribute<T>(classType: ClassType<T>): string | null;
     static findTitleAttribute<T>(classType: ClassType<T>): string | null;
-    static trySetLookupItemsProperties<T>(lookup: ILookupDescriptor<T>): void;
+    static trySetLookupItemsProperties<T>(lookup: ILookupDescriptor<T>, idAsDataKey?: boolean): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mediusinc/mng-commons",
-  "version": "0.2.20",
+  "version": "0.2.21",
   "peerDependencies": {
     "@angular/common": "^13.1.0",
     "@angular/core": "^13.1.0",

package/scss/mng-overrides/_layout_dialog.scss

@@ -25,11 +25,4 @@
             width: 80%;
         }
     }
-
-    //&.mng-details-dynamic-dialog {
-    //    .p-dialog-content {
-    //        border-bottom-left-radius: $dialogBorderRadius;
-    //        border-bottom-right-radius: $dialogBorderRadius;
-    //    }
-    //}
 }

package/scss/mng-overrides/_theme_dialog.scss

@@ -1,5 +1,7 @@
 .p-dialog {
-    &.mng-details-dynamic-dialog {
+    &.mng-details-dynamic-dialog,
+    &.mng-formly-field-table-multiselect-dialog,
+    &.mng-formly-field-table-form-dialog {
         .p-dialog-content {
             border-bottom-left-radius: $dialogBorderRadius;
             border-bottom-right-radius: $dialogBorderRadius;

package/scss/mng-overrides/_theme_tableview.scss

@@ -34,16 +34,6 @@
         }
     }
 
-    .p-datatable:not(.p-datatable-gridlines) {
-        .p-datatable-tbody > tr > td {
-            cursor: auto;
-        }
-
-        .p-datatable-tbody > tr > td.clickable {
-            cursor: pointer;
-        }
-    }
-
     /* Responsive */
     .p-datatable-tbody > tr > td .p-column-title {
         display: none;
@@ -92,3 +82,13 @@
         }
     }
 }
+
+.p-datatable:not(.p-datatable-gridlines) {
+    .p-datatable-tbody > tr > td {
+        cursor: auto;
+    }
+
+    .p-datatable-tbody > tr > td.clickable {
+        cursor: pointer;
+    }
+}