@memberjunction/ng-user-view-grid 0.9.2 → 0.9.5

package/dist/lib/ng-user-view-grid.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, OnInit, OnDestroy, AfterViewInit } from '@angular/core';
+import { ElementRef, EventEmitter, OnInit, AfterViewInit } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { Router } from '@angular/router';
 import { BaseEntity, RunViewParams, EntityFieldInfo, EntityInfo, ViewColumnInfo, UserViewEntityBase } from '@memberjunction/core';
@@ -20,7 +20,7 @@ export type GridPendingRecordItem = {
     row: number;
     dataItem: any;
 };
-export declare class UserViewGridComponent implements OnInit, OnDestroy, AfterViewInit {
+export declare class UserViewGridComponent implements OnInit, AfterViewInit {
     private formBuilder;
     private router;
     title: string;
@@ -49,7 +49,6 @@ export declare class UserViewGridComponent implements OnInit, OnDestroy, AfterVi
     isLoading: boolean;
     gridView: GridDataResult;
     gridHeight: number;
-    private resizeSub;
     _viewEntity: UserViewEntityBase | undefined;
     _entityInfo: EntityInfo | undefined;
     private _newGridState;
@@ -84,8 +83,6 @@ export declare class UserViewGridComponent implements OnInit, OnDestroy, AfterVi
     RevertPendingChanges(): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    ResizeGrid(): void;
     private _deferLoadCount;
     private _allowLoad;
     get AllowLoad(): boolean;

package/dist/lib/ng-user-view-grid.component.js

@@ -22,6 +22,7 @@ import * as i4 from "@progress/kendo-angular-grid";
 import * as i5 from "@progress/kendo-angular-dialog";
 import * as i6 from "@progress/kendo-angular-excel-export";
 import * as i7 from "@progress/kendo-angular-buttons";
+import * as i8 from "@memberjunction/ng-container-directives";
 const _c0 = ["kendoGrid"];
 const _c1 = ["excelExport"];
 function UserViewGridComponent_ng_template_3_button_2_Template(rf, ctx) { if (rf & 1) {
@@ -231,7 +232,6 @@ export class UserViewGridComponent {
         this.isLoading = false;
         this.gridView = { data: [], total: 0 };
         this.gridHeight = 750;
-        this.resizeSub = null;
         this._newGridState = {};
         this.editModeEnded = new Subject();
         this.compareMode = false;
@@ -513,14 +513,6 @@ export class UserViewGridComponent {
         if (this.Params)
             this.Refresh(this.Params);
     }
-    ngOnDestroy() {
-        if (this.resizeSub) {
-            this.resizeSub.unsubscribe();
-        }
-    }
-    ResizeGrid() {
-        // doesn't do anything now, handled by mjFillContainer directive
-    }
     get AllowLoad() {
         return this._allowLoad;
     }
@@ -737,7 +729,7 @@ UserViewGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserV
         i0.ɵɵproperty("ngForOf", ctx.exportColumns);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.isDialogOpened);
-    } }, dependencies: [i3.NgForOf, i3.NgIf, i4.GridComponent, i4.ToolbarTemplateDirective, i4.SelectionDirective, i4.ColumnComponent, i4.FooterTemplateDirective, i4.CheckboxColumnComponent, i5.WindowComponent, i6.ExcelExportComponent, i6.ColumnComponent, i7.Button, i3.DecimalPipe], styles: [".user-view-grid-wrap[_ngcontent-%COMP%] {\r\n    height: calc(100vh-20px);\r\n}\r\n\r\n.user-view-grid-column-header[_ngcontent-%COMP%] {\r\n    background-color: #a9c2af;\r\n    font-size: 20pt;\r\n    font-weight: bold;\r\n}"] });
+    } }, dependencies: [i3.NgForOf, i3.NgIf, i4.GridComponent, i4.ToolbarTemplateDirective, i4.SelectionDirective, i4.ColumnComponent, i4.FooterTemplateDirective, i4.CheckboxColumnComponent, i5.WindowComponent, i6.ExcelExportComponent, i6.ColumnComponent, i7.Button, i8.FillContainer, i3.DecimalPipe], styles: [".user-view-grid-wrap[_ngcontent-%COMP%] {\r\n    height: calc(100vh-20px);\r\n}\r\n\r\n.user-view-grid-column-header[_ngcontent-%COMP%] {\r\n    background-color: #a9c2af;\r\n    font-size: 20pt;\r\n    font-weight: bold;\r\n}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewGridComponent, [{
         type: Component,
         args: [{ selector: 'mj-user-view-grid', template: "<div class=\"user-view-grid-wrap\" mjFillContainer>\r\n    <kendo-grid #kendoGrid\r\n        mjFillContainer\r\n        [resizable]=\"true\"\r\n        [data]=\"gridView\" \r\n        [skip]=\"skip\"\r\n        [pageSize]=\"pageSize\"\r\n        scrollable=\"virtual\"\r\n        [rowHeight]=\"36\"\r\n        (pageChange)=\"pageChange($event)\"\r\n        [loading]=\"isLoading\"\r\n        [height]=\"gridHeight\"\r\n        [sortable]=\"true\"\r\n        [sort]=\"sortSettings\" \r\n        [resizable]=\"true\"\r\n        [reorderable]=\"true\"\r\n        [selectable]=\"true\"\r\n        kendoGridSelectBy\r\n        [(selectedKeys)]=\"selectedKeys\"\r\n        (cellClick)=\"cellClickHandler($event)\"\r\n        (cellClose)=\"cellCloseHandler($event)\"\r\n        (columnReorder)=\"columnReorder($event)\"\r\n        (columnResize)=\"columnResize($event)\"\r\n        (selectionChange)=\"selectionChange($event)\"\r\n        (sortChange)=\"sortChanged($event)\"\r\n        >\r\n        <ng-template kendoGridToolbarTemplate>\r\n            <button kendoButton icon=\"file-excel\" [disabled]=\"compareMode\" (click)=\"doExcelExport()\" >Export to Excel</button>\r\n            <button (click)=\"enableCompare(true)\" *ngIf=\"compareMode\" class=\"k-button k-button-md k-rounded-md k-button-solid-base k-button-solid\">Cancel</button>\r\n            <button (click)=\"enableCompare()\" [disabled]=\"compareMode && compareRecords.length < 2\" class=\"k-button k-button-md k-rounded-md k-button-solid-base k-button-solid\">Compare</button>\r\n            <button\r\n                kendoButton\r\n                [primary]=\"true\"\r\n                icon=\"refresh\"\r\n                *ngIf=\"showRefreshButton\"\r\n                (click)=\"RefreshFromSavedParams()\">\r\n                Refresh\r\n            </button>\r\n        </ng-template>\r\n\r\n        <kendo-grid-checkbox-column \r\n            *ngIf=\"compareMode\" \r\n            [width]=\"50\" \r\n            [headerStyle]=\"{ 'font-weight' : 'bold', 'background-color': '#a9c2af' }\" \r\n            [style]=\"{'text-align': 'center', 'vertical-align': 'center'}\">\r\n        </kendo-grid-checkbox-column>\r\n        \r\n        <kendo-grid-column \r\n            *ngFor=\"let item of visibleColumns\" \r\n            [field]=\"item.Name\" \r\n            [title]=\"GetColumnTitle(item)\"\r\n            [width]=\"item.width ? item.width : 100\"\r\n            [editable]=\"item.EntityField.AllowUpdateAPI\"\r\n            [editor]=\"getEditor(item.EntityField)\"\r\n            [headerStyle]=\"{ 'font-weight' : 'bold', 'background-color': '#a9c2af' }\"\r\n            [style]=\"this.GetColumnCellStyle(item)\"\r\n            >\r\n            <ng-template *ngIf=\"item===visibleColumns[0]\" kendoGridFooterTemplate >\r\n                {{this.viewData.length | number}}{{this.totalRowCount > this.viewData.length ? ' of ' + (this.totalRowCount | number) : ' rows'}}<br/><span style=\"font-size: smaller; font-weight: normal;\">{{viewExecutionTime | number:'1.2-2'}} seconds</span>\r\n            </ng-template>\r\n        </kendo-grid-column>\r\n\r\n        <kendo-excelexport #excelExport [data]=\"exportData\" [fileName]=\"(_viewEntity ? _viewEntity.Get('Name') : _entityInfo?.Name) + '.xlsx'\">\r\n            <kendo-excelexport-column *ngFor=\"let exportCol of exportColumns\" [field]=\"exportCol.Name\" [title]=\"exportCol.Name\">\r\n            </kendo-excelexport-column>\r\n        </kendo-excelexport>\r\n    </kendo-grid>\r\n</div>\r\n\r\n<div *ngIf=\"isDialogOpened\">\r\n    <div class=\"k-overlay\"></div>\r\n    <kendo-window\r\n      [width]=\"900\"\r\n      [minHeight]=\"300\"\r\n      [minWidth]=\"400\"\r\n      [resizable]=\"true\"\r\n      (close)=\"closeDialog()\"\r\n      title=\"Compare Records\"\r\n      *ngIf=\"isDialogOpened\"\r\n    >\r\n      <div class=\"k-d-flex k-flex-col k-justify-content-between k-h-full\">\r\n        <div>\r\n            <mj-record-compare [recordsToCompare]=\"compareRecords\" [visibleColumns]=\"visibleColumns\" ></mj-record-compare>\r\n        </div>\r\n      </div>\r\n    </kendo-window>\r\n</div>\r\n  ", styles: [".user-view-grid-wrap {\r\n    height: calc(100vh-20px);\r\n}\r\n\r\n.user-view-grid-column-header {\r\n    background-color: #a9c2af;\r\n    font-size: 20pt;\r\n    font-weight: bold;\r\n}"] }]

package/dist/lib/ng-user-view-grid.module.d.ts

@@ -8,8 +8,9 @@ import * as i6 from "@progress/kendo-angular-dialog";
 import * as i7 from "@progress/kendo-angular-excel-export";
 import * as i8 from "@progress/kendo-angular-buttons";
 import * as i9 from "@memberjunction/ng-compare-records";
+import * as i10 from "@memberjunction/ng-container-directives";
 export declare class UserViewGridModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<UserViewGridModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UserViewGridModule, [typeof i1.UserViewGridComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.RouterModule, typeof i5.GridModule, typeof i6.DialogsModule, typeof i7.ExcelExportModule, typeof i8.ButtonsModule, typeof i9.CompareRecordsModule], [typeof i1.UserViewGridComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UserViewGridModule, [typeof i1.UserViewGridComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.RouterModule, typeof i5.GridModule, typeof i6.DialogsModule, typeof i7.ExcelExportModule, typeof i8.ButtonsModule, typeof i9.CompareRecordsModule, typeof i10.ContainerDirectivesModule], [typeof i1.UserViewGridComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<UserViewGridModule>;
 }

package/dist/lib/ng-user-view-grid.module.js

@@ -9,6 +9,7 @@ import { ExcelExportModule } from '@progress/kendo-angular-excel-export';
 import { DialogsModule } from "@progress/kendo-angular-dialog";
 import { ButtonsModule } from '@progress/kendo-angular-buttons';
 import { CompareRecordsModule } from '@memberjunction/ng-compare-records';
+import { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';
 import * as i0 from "@angular/core";
 export class UserViewGridModule {
 }
@@ -22,7 +23,8 @@ UserViewGridModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [Commo
         DialogsModule,
         ExcelExportModule,
         ButtonsModule,
-        CompareRecordsModule] });
+        CompareRecordsModule,
+        ContainerDirectivesModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewGridModule, [{
         type: NgModule,
         args: [{
@@ -38,7 +40,8 @@ UserViewGridModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [Commo
                     DialogsModule,
                     ExcelExportModule,
                     ButtonsModule,
-                    CompareRecordsModule
+                    CompareRecordsModule,
+                    ContainerDirectivesModule
                 ],
                 exports: [
                     UserViewGridComponent
@@ -53,4 +56,5 @@ UserViewGridModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [Commo
         DialogsModule,
         ExcelExportModule,
         ButtonsModule,
-        CompareRecordsModule], exports: [UserViewGridComponent] }); })();
+        CompareRecordsModule,
+        ContainerDirectivesModule], exports: [UserViewGridComponent] }); })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-user-view-grid",
-  "version": "0.9.2",
+  "version": "0.9.5",
   "description": "MemberJunction: Angular Grid to display dynamic and saved user views for any entity in MemberJunction.",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -21,8 +21,9 @@
     "@angular/forms": "^15.2.0",
     "@angular/router": "^15.2.0",
     "@memberjunction/core": "^0.9.14",
-    "@progress/kendo-angular-grid": "^12.1.0",
-    "@memberjunction/ng-compare-records": "^0.9.7"
+    "@memberjunction/ng-compare-records": "^0.9.7",
+    "@memberjunction/ng-container-directives": "^0.9.1",
+    "@progress/kendo-angular-grid": "^12.1.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/src/lib/ng-user-view-grid.component.ts

@@ -1,4 +1,4 @@
-import { Component, ViewChild, ElementRef, Output, EventEmitter, OnInit, Input, OnDestroy, AfterViewInit } from '@angular/core';
+import { Component, ViewChild, ElementRef, Output, EventEmitter, OnInit, Input, AfterViewInit } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { Router } from '@angular/router'
 
@@ -10,7 +10,7 @@ import { CellClickEvent, GridDataResult, PageChangeEvent, GridComponent, CellClo
 import { Keys } from '@progress/kendo-angular-common';
 
 
-import { Subscription, Subject } from 'rxjs';
+import { Subject } from 'rxjs';
 import { ExcelExportComponent } from '@progress/kendo-angular-excel-export';
 import { DisplaySimpleNotificationRequestData, MJEventType, MJGlobal } from '@memberjunction/global';
 
@@ -38,7 +38,7 @@ export type GridPendingRecordItem = {
   templateUrl: './ng-user-view-grid.component.html',
   styleUrls: ['./ng-user-view-grid.component.css']
 })
-export class UserViewGridComponent implements OnInit, OnDestroy, AfterViewInit {
+export class UserViewGridComponent implements OnInit, AfterViewInit {
   title = 'UserViewGrid';
   @Input() Params: RunViewParams | undefined;
   @Input() BottomMargin: number = 0;
@@ -67,7 +67,6 @@ export class UserViewGridComponent implements OnInit, OnDestroy, AfterViewInit {
   public isLoading: boolean = false;
   public gridView: GridDataResult = { data: [], total: 0 };
   public gridHeight: number = 750;
-  private resizeSub: Subscription | null = null;
 
   public _viewEntity: UserViewEntityBase | undefined
   public  _entityInfo: EntityInfo | undefined;
@@ -462,17 +461,6 @@ export class UserViewGridComponent implements OnInit, OnDestroy, AfterViewInit {
       this.Refresh(this.Params)
   }
 
-  ngOnDestroy(): void {
-    if (this.resizeSub) {
-      this.resizeSub.unsubscribe();
-    }
-  }
-
- 
-  public ResizeGrid(): void { 
-    // doesn't do anything now, handled by mjFillContainer directive
-  }
- 
   private _deferLoadCount: number = 0;
   private _allowLoad: boolean = true;
   @Input() public get AllowLoad(): boolean {

package/src/lib/ng-user-view-grid.module.ts

@@ -11,6 +11,7 @@ import { DialogsModule } from "@progress/kendo-angular-dialog";
 import { ButtonsModule } from '@progress/kendo-angular-buttons';
 
 import { CompareRecordsModule } from '@memberjunction/ng-compare-records';
+import { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';
 
 @NgModule({
   declarations: [
@@ -25,7 +26,8 @@ import { CompareRecordsModule } from '@memberjunction/ng-compare-records';
     DialogsModule,
     ExcelExportModule,
     ButtonsModule,
-    CompareRecordsModule
+    CompareRecordsModule,
+    ContainerDirectivesModule
   ],
   exports: [
     UserViewGridComponent