@mediusinc/mng-commons 3.0.0-rc.1 → 3.0.0-rc.4

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

@@ -64,6 +64,7 @@ export declare class MngActionComponent<T, S> implements OnInit, OnChanges, OnDe
     subactions: MenuItem[];
     private subactionSubscriptions;
     actionOrSubactionHasRunConfirmation: boolean;
+    private instance?;
     constructor(routeService: ActivatedRoute, translate: TranslateService, authorization: MngAuthorizationService, actionExecutor: MngActionExecutorService, confirmationService: ConfirmationService, viewContainerService: MngViewContainerComponentService<T, S> | null);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;

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

@@ -1,25 +1,31 @@
 import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
-import { DynamicDialogConfig } from 'primeng/dynamicdialog';
+import { ConfirmationService } from 'primeng/api';
+import { DialogService, DynamicDialogConfig } from 'primeng/dynamicdialog';
 import { Observable } from 'rxjs';
 import { IEditorDataProvider } from '../../../data-providers';
 import { ActionDescriptor, ActionEditorDescriptor } from '../../../descriptors/action';
-import { ActionEditorSubmitTypeEnum } from '../../../descriptors/types';
+import { ActionActivationTriggerEnum, ActionEditorSubmitTypeEnum } from '../../../descriptors/types';
 import { MngTemplateDirective } from '../../../directives';
-import { IViewContainer } from '../../../models';
+import { IActionEditorComponent, IViewContainer } from '../../../models';
 import { MngActionExecutorService, MngCommonsService, MngViewContainerComponentService } from '../../../services';
 import { IdType } from '../../../types';
 import { MngFormEditorComponent } from '../../form';
 import { MngFormEditorSubmitEvent } from '../../form/models';
 import { ActionData } from '../models';
 import * as i0 from "@angular/core";
-export declare class MngActionEditorComponent<T, S> implements OnInit, OnChanges, OnDestroy {
+export declare class MngActionEditorComponent<T, S> implements OnInit, OnChanges, OnDestroy, IActionEditorComponent {
     private translate;
     private actionExecutor;
     private mngCommonsService;
+    private confirmationService;
+    private dialogService;
     private dialogConfig;
     private viewContainerService;
+    protected readonly ActionActivationTriggerEnum: typeof ActionActivationTriggerEnum;
+    readonly cmpId: string;
+    readonly confirmDialogKey: string;
     readonly actionEditorSubmitTypeSubmit = ActionEditorSubmitTypeEnum.Submit;
     readonly actionDefaultLoadingInput: Observable<boolean>;
     action: ActionEditorDescriptor<T>;
@@ -59,7 +65,7 @@ export declare class MngActionEditorComponent<T, S> implements OnInit, OnChanges
     dialogRoute?: ActivatedRoute;
     private sourceComponent;
     private subscriptions;
-    constructor(translate: TranslateService, actionExecutor: MngActionExecutorService, mngCommonsService: MngCommonsService, dialogConfig: DynamicDialogConfig | null, viewContainerService: MngViewContainerComponentService<T, S> | null);
+    constructor(translate: TranslateService, actionExecutor: MngActionExecutorService, mngCommonsService: MngCommonsService, confirmationService: ConfirmationService, dialogService: DialogService, dialogConfig: DynamicDialogConfig | null, viewContainerService: MngViewContainerComponentService<T, S> | null);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
@@ -75,7 +81,11 @@ export declare class MngActionEditorComponent<T, S> implements OnInit, OnChanges
     private initializeViewContainer;
     private setEditorEnabled;
     private processActionInstance;
+    private beforeWindowUnload;
+    private onEscapePressed;
+    private showUnsavedChangesConfirmationDialog;
+    closeWithUnsavedChangesConfirmation(callFromGuard?: boolean): Observable<boolean>;
     private unsetInstance;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MngActionEditorComponent<any, any>, [null, null, null, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MngActionEditorComponent<any, any>, [null, null, null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MngActionEditorComponent<any, any>, "mng-action-editor", never, { "action": { "alias": "action"; "required": true; }; "itemIdInit": { "alias": "itemId"; "required": false; }; "itemInit": { "alias": "item"; "required": false; }; "actionData": { "alias": "actionData"; "required": false; }; "dataProvider": { "alias": "dataProvider"; "required": false; }; "viewContainerInit": { "alias": "viewContainer"; "required": false; }; }, { "actionRunEventEmitter": "actionSubmit"; "actionCancelEventEmitter": "actionCancel"; }, ["templates"], never, true, never>;
 }

package/lib/components/action/models/action-execution.model.d.ts

@@ -5,7 +5,7 @@ import { BehaviorSubject, Observable, ReplaySubject, Subscription } from 'rxjs';
 import { MediusQueryParam } from '../../../api/models';
 import { IDataProvider } from '../../../data-providers';
 import { ActionDescriptor } from '../../../descriptors/action';
-import { IViewContainer, MngError } from '../../../models';
+import { IActionEditorComponent, IViewContainer, MngError } from '../../../models';
 import { IdType } from '../../../types';
 export declare class ActionError {
     readonly error: any;
@@ -35,6 +35,7 @@ export declare class ActionInstance<T, S> {
     private _result?;
     private _error?;
     activationDialogRef?: DynamicDialogRef;
+    activationEditorComponentRef?: IActionEditorComponent;
     private _reactivationInstanceSubject;
     previousInstance?: ActionInstance<T, S>;
     nextActionInstance?: ActionInstance<unknown, unknown>;

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

@@ -1,11 +1,13 @@
 import { OnDestroy, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { ConfirmationService } from 'primeng/api';
+import { Observable } from 'rxjs';
 import { ActionDescriptor } from '../../../descriptors/action';
+import { CanComponentDeactivate } from '../../../models';
 import { MngActionExecutorService, MngNavigationService, MngViewContainerComponentService } from '../../../services';
 import { IActionConfirmationService } from '../models';
 import * as i0 from "@angular/core";
-export declare class MngActionRouteComponent<T, S> implements OnInit, OnDestroy, IActionConfirmationService {
+export declare class MngActionRouteComponent<T, S> implements OnInit, OnDestroy, CanComponentDeactivate, IActionConfirmationService {
     private router;
     private route;
     private confirmationService;
@@ -28,6 +30,7 @@ export declare class MngActionRouteComponent<T, S> implements OnInit, OnDestroy,
     private untriggerAction;
     private findActionForRoute;
     private processActionInstance;
+    canDeactivate(): Observable<boolean>;
     private unsetInstance;
     static ɵfac: i0.ɵɵFactoryDeclaration<MngActionRouteComponent<any, any>, [null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MngActionRouteComponent<any, any>, "mng-action-route", never, {}, {}, never, never, true, never>;

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

@@ -28,6 +28,8 @@ export declare class MngFormlyFieldInputComponent<ET> extends FieldType<MngForml
     removeImageUrlAt(idx: number): void;
     onImageUrlLoadError(): void;
     private updateFileFormControl;
+    isFileImageSvg(file: File): boolean;
+    getFileDocumentTypeIcon(file: File): "pi-video" | "pi-volume-up" | "pi-file-pdf" | "pi-file-word" | "pi-file-excel" | "pi-file";
     static ɵfac: i0.ɵɵFactoryDeclaration<MngFormlyFieldInputComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MngFormlyFieldInputComponent<any>, "mng-formly-field-input", never, {}, {}, never, never, true, never>;
 }

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

@@ -6,17 +6,20 @@ export declare class ActionButtonDescriptor {
     private _styleClass;
     private _badge?;
     private _tooltip?;
+    private _tooltipPosition?;
     withLabel(label?: string | null): this;
     withIcon(icon: string | null): this;
     withIconPosition(iconPosition: 'left' | 'right'): this;
     withStyleClass(style: ButtonStyleBuilder): this;
     withBadge(badge: string): this;
-    withTooltip(tooltip: string): this;
+    withTooltip(tooltip: string, position?: 'top' | 'bottom' | 'left' | 'right'): this;
+    withTooltipPosition(position: 'top' | 'bottom' | 'left' | 'right'): this;
     get label(): string | null | undefined;
     get icon(): string | null | undefined;
     get iconPosition(): "left" | "right";
     get styleClass(): ButtonStyleBuilder;
     get badge(): string | undefined;
     get tooltip(): string | undefined;
+    get tooltipPosition(): "top" | "bottom" | "left" | "right" | undefined;
     copy(): ActionButtonDescriptor;
 }

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

@@ -133,6 +133,7 @@ export declare class ActionEditorDescriptor<T> extends ActionDescriptor<T> {
     protected _editorComponent?: Type<any>;
     protected _resubmitEnabled?: boolean;
     protected _resubmitRefetch: boolean;
+    protected _unsavedChangesConfirmation: boolean;
     constructor(editorDescriptor: EditorDescriptor<T>, actionName: string, parentType?: ClassType<unknown>, parentProperty?: string);
     get editorTitle(): string | null | undefined;
     get editorTitleParams(): any;
@@ -150,6 +151,7 @@ export declare class ActionEditorDescriptor<T> extends ActionDescriptor<T> {
     get editorComponent(): Type<any> | undefined;
     get resubmitEnabled(): boolean | undefined;
     get resubmitRefetch(): boolean;
+    get unsavedChangesConfirmation(): boolean;
     withEditorTitle(title: string | null, params?: any): this;
     withDataProvider(dataProvider: IEditorDataProvider<T, any>): this;
     withServiceType<S>(serviceType: Type<S>): this;
@@ -163,6 +165,7 @@ export declare class ActionEditorDescriptor<T> extends ActionDescriptor<T> {
     withEditorActions(actions: ActionDescriptor<T>[]): this;
     withEditorComponent(editorComponent: Type<any>): this;
     withResubmit(enabled?: boolean, refetch?: boolean): this;
+    withUnsavedChangesConfirmation(unsavedChangesConfirmation?: boolean): this;
 }
 export declare class ActionEditorSubmitDescriptor<T> extends ActionDescriptor<T> {
     private readonly _editorAction;

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

@@ -103,8 +103,16 @@ export declare class TableDescriptor<T> {
     withHideHeader(hideHeader?: boolean): this;
     withDataKeyProperty(property: string): this;
     withLoading(text?: string, icon?: string | null): this;
-    withColumnsReorderable(columnsReorderable?: boolean): this;
-    withColumnsToggleable(columnsToggleable?: boolean): this;
+    /**
+     * Helper method that enables/disables reorderable property on all columns currently in the descriptor.
+     * @param columnsReorderable: boolean
+     */
+    withCurrentColumnsReorderable(columnsReorderable?: boolean): this;
+    /**
+     * Helper method that enables/disables toggleable property on all columns currently in the descriptor.
+     * @param columnsToggleable: boolean
+     */
+    withCurrentColumnsToggleable(columnsToggleable?: boolean): this;
     withDefaultSort(property: string, asc?: boolean): this;
     withClassName(className: string): this;
     withSize(size?: TableSizeEnum): this;
@@ -112,7 +120,12 @@ export declare class TableDescriptor<T> {
     withRowHeight(rowHeight: number): this;
     withHover(hover: boolean): this;
     withGridlines(gridlines: boolean): this;
-    withResizableColumns(resizableColumns?: boolean, columnResizeMode?: 'fit' | 'expand'): this;
+    /**
+     * Method that enables/disabled column resize feature with columnResizeMode on all columns.
+     * @param resizableColumns: boolean
+     * @param columnResizeMode: 'fit' | 'expand' = 'fit'
+     */
+    withColumnsResizable(resizableColumns?: boolean, columnResizeMode?: 'fit' | 'expand'): this;
     withRowClassName(rowClassName?: string, classNameMapFn?: (className?: string, item?: T) => string): this;
     withHeaderClassName(headerClassName: string): this;
     withLocalized(): this;

package/lib/guards/index.d.ts

@@ -0,0 +1 @@
+export * from './unsaved-changes.guard';

package/lib/guards/unsaved-changes.guard.d.ts

@@ -0,0 +1,3 @@
+import { CanDeactivateFn } from '@angular/router';
+import { CanComponentDeactivate } from '../models';
+export declare const unsavedChangesGuard: CanDeactivateFn<CanComponentDeactivate>;

package/lib/models/action-editor.model.d.ts

@@ -0,0 +1,4 @@
+import { Observable } from 'rxjs';
+export interface IActionEditorComponent {
+    closeWithUnsavedChangesConfirmation(callFromGuard: boolean): Observable<boolean>;
+}

package/lib/models/can-component-deactivate.model.d.ts

@@ -0,0 +1,4 @@
+import { Observable } from 'rxjs';
+export interface CanComponentDeactivate {
+    canDeactivate: () => Observable<boolean>;
+}

package/lib/models/index.d.ts

@@ -8,3 +8,5 @@ export * from './version.model';
 export * from './view-container.model';
 export * from './tableview-attr.model';
 export * from './error-internal.model';
+export * from './can-component-deactivate.model';
+export * from './action-editor.model';

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

@@ -5,7 +5,7 @@ import { DialogService } from 'primeng/dynamicdialog';
 import { ActionContext, ActionContextValidation, ActionInstance, ActionParameters } from '../components/action/models';
 import { IDataProvider, IEditorDataProvider } from '../data-providers';
 import { ActionDescriptor, ActionEditorDescriptor } from '../descriptors/action';
-import { MngError } from '../models';
+import { IActionEditorComponent, MngError } from '../models';
 import { MngParametrizePipe } from '../pipes';
 import { MngCommonsService } from './commons.service';
 import { MngErrorMapperService } from './error-mapper.service';
@@ -117,7 +117,12 @@ export declare class MngActionExecutorService {
      * @param action Action descriptor.
      * @param instance Action instance (if available).
      */
-    onActionEditorInit<T, S>(action: ActionDescriptor<T>, instance?: ActionInstance<T, S>): ActionInstance<T, S>;
+    onActionEditorInit<T, S>(action: ActionDescriptor<T>, instance?: ActionInstance<T, S>, componentRef?: IActionEditorComponent): ActionInstance<T, S>;
+    /**
+     * To be called when action editor cmp is being destroyed to correctly finish action.
+     * @param instance Action instance.
+     */
+    onActionDestroy<T, S>(instance?: ActionInstance<T, S>): void;
     /**
      * To be called when action editor cmp is being destroyed to correctly finish action.
      * @param instance Action instance.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mediusinc/mng-commons",
-  "version": "3.0.0-rc.1",
+  "version": "3.0.0-rc.4",
   "peerDependencies": {
     "@angular/animations": "^16.0.0",
     "@angular/common": "^16.0.0",

package/scss/mng-overrides/_theme_tableview.scss

@@ -62,3 +62,11 @@
         }
     }
 }
+
+.mng-table-columns-multiselect {
+    width: 36px;
+
+    .p-multiselect-label-container {
+        width: 0;
+    }
+}