@memberjunction/ng-file-storage 5.21.0 → 5.23.0

package/dist/lib/files-grid/files-grid.js

@@ -1,71 +1,45 @@
 import { Component, Input } from '@angular/core';
 import { RunView } from '@memberjunction/core';
 import { GraphQLDataProvider, gql } from '@memberjunction/graphql-dataprovider';
+import { ModuleRegistry, AllCommunityModule, themeAlpine, colorSchemeVariable } from 'ag-grid-community';
 import { z } from 'zod';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-shared";
 import * as i2 from "@angular/forms";
-import * as i3 from "@progress/kendo-angular-dialog";
-import * as i4 from "@progress/kendo-angular-buttons";
-import * as i5 from "@progress/kendo-angular-label";
-import * as i6 from "@progress/kendo-angular-grid";
-import * as i7 from "@progress/kendo-angular-inputs";
-import * as i8 from "../file-upload/file-upload";
-function FilesGridComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 12);
-    i0.ɵɵlistener("click", function FilesGridComponent_ng_template_8_Template_button_click_0_listener() { const dataItem_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.downloadFile(dataItem_r2)); });
-    i0.ɵɵelement(1, "span", 13);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "button", 12);
-    i0.ɵɵlistener("click", function FilesGridComponent_ng_template_8_Template_button_click_2_listener() { const dataItem_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.deleteFile(dataItem_r2)); });
-    i0.ɵɵelement(3, "span", 14);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 12);
-    i0.ɵɵlistener("click", function FilesGridComponent_ng_template_8_Template_button_click_4_listener() { const dataItem_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.editFile = dataItem_r2); });
-    i0.ɵɵelement(5, "span", 15);
+import * as i3 from "ag-grid-angular";
+import * as i4 from "@memberjunction/ng-shared-generic";
+import * as i5 from "@memberjunction/ng-ui-components";
+import * as i6 from "../file-upload/file-upload";
+function FilesGridComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵelement(1, "mj-loading", 9);
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const dataItem_r2 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("disabled", dataItem_r2.Status !== "Uploaded");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", !ctx_r2.canBeDeleted(dataItem_r2));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", dataItem_r2.Status !== "Uploaded");
 } }
-function FilesGridComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dialog", 16);
-    i0.ɵɵlistener("close", function FilesGridComponent_Conditional_10_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.resetEditFile()); });
-    i0.ɵɵelementStart(1, "div", 1)(2, "form", null, 0)(4, "kendo-label", 17)(5, "kendo-textbox", 18);
-    i0.ɵɵtwoWayListener("ngModelChange", function FilesGridComponent_Conditional_10_Template_kendo_textbox_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.editFile.Name, $event) || (ctx_r2.editFile.Name = $event); return i0.ɵɵresetView($event); });
+function FilesGridComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6)(1, "form", null, 0)(3, "label", 10)(4, "span", 11);
+    i0.ɵɵtext(5, "Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "input", 12);
+    i0.ɵɵtwoWayListener("ngModelChange", function FilesGridComponent_Conditional_5_Template_input_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.editFile.Name, $event) || (ctx_r1.editFile.Name = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "kendo-label", 19)(7, "kendo-textbox", 20);
-    i0.ɵɵtwoWayListener("ngModelChange", function FilesGridComponent_Conditional_10_Template_kendo_textbox_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.editFile.Description, $event) || (ctx_r2.editFile.Description = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(8, "kendo-dialog-actions")(9, "button", 12);
-    i0.ɵɵlistener("click", function FilesGridComponent_Conditional_10_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.resetEditFile()); });
-    i0.ɵɵtext(10, "Cancel");
+    i0.ɵɵelementStart(7, "label", 10)(8, "span", 11);
+    i0.ɵɵtext(9, "Description");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "button", 21);
-    i0.ɵɵlistener("click", function FilesGridComponent_Conditional_10_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.saveEditFile()); });
-    i0.ɵɵtext(12, "Save");
-    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(10, "input", 13);
+    i0.ɵɵtwoWayListener("ngModelChange", function FilesGridComponent_Conditional_5_Template_input_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.editFile.Description, $event) || (ctx_r1.editFile.Description = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("minWidth", 250)("width", 450);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.editFile.Name);
-    i0.ɵɵproperty("showSuccessIcon", ctx_r2.editFile.Name.length > 0)("disabled", ctx_r2.isLoading);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.editFile.Description);
-    i0.ɵɵproperty("disabled", ctx_r2.isLoading);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ctx_r2.isLoading);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ctx_r2.isLoading || !ctx_r2.editFile.Dirty);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.editFile.Name);
+    i0.ɵɵproperty("disabled", ctx_r1.isLoading);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.editFile.Description);
+    i0.ɵɵproperty("disabled", ctx_r1.isLoading);
 } }
+// Register AG Grid modules
+ModuleRegistry.registerModules([AllCommunityModule]);
 /**
  * Downloads a file from the provided URL.
  *
@@ -112,8 +86,18 @@ export class FilesGridComponent {
     files = [];
     isLoading = false;
     editFile;
+    // AG Grid configuration
+    GridTheme = themeAlpine.withPart(colorSchemeVariable);
+    ColumnDefs = [];
+    DefaultColDef = {
+        sortable: true,
+        resizable: true,
+        filter: false,
+    };
+    gridApi = null;
     constructor(sharedService) {
         this.sharedService = sharedService;
+        this.ColumnDefs = this.buildColumnDefs();
     }
     CategoryID = undefined;
     ngOnInit() {
@@ -124,6 +108,9 @@ export class FilesGridComponent {
             this.Refresh();
         }
     }
+    OnGridReady(event) {
+        this.gridApi = event.api;
+    }
     /**
      * Resets the edited file.
      *
@@ -151,6 +138,10 @@ export class FilesGridComponent {
             if (success) {
                 this.sharedService.CreateSimpleNotification(`Successfully saved file ${this.editFile.ID} ${this.editFile.Name}`, 'success');
                 this.editFile = undefined;
+                // Refresh the grid to show the updated data
+                if (this.gridApi) {
+                    this.gridApi.setGridOption('rowData', this.files);
+                }
             }
             else {
                 this.sharedService.CreateSimpleNotification(`Unable to save file ${this.editFile.ID} ${this.editFile.Name}`, 'error');
@@ -193,7 +184,6 @@ export class FilesGridComponent {
     canBeDeleted(file) {
         const status = file.Status;
         const deletable = status === 'Uploaded' || Date.now() - +file.__mj_CreatedAt > 10 * 60 * 60;
-        // console.log({ status, deletable, ID: file.ID, CreatedAt: file.CreatedAt });
         return deletable;
     }
     /**
@@ -229,6 +219,7 @@ export class FilesGridComponent {
             return;
         }
         this.files.push(e.file);
+        this.files = [...this.files]; // trigger AG Grid row data change
         this.isLoading = false;
     }
     /**
@@ -251,32 +242,93 @@ export class FilesGridComponent {
         }
         this.isLoading = false;
     }
+    /**
+     * Builds AG Grid column definitions from the entity fields.
+     */
+    buildColumnDefs() {
+        return [
+            { field: 'ID', headerName: 'ID' },
+            { field: 'Category', headerName: 'Category' },
+            { field: 'Name', headerName: 'Name' },
+            { field: 'Description', headerName: 'Description' },
+            { field: 'Status', headerName: 'Status' },
+            {
+                headerName: 'Actions',
+                sortable: false,
+                resizable: false,
+                filter: false,
+                cellRenderer: (params) => {
+                    const container = document.createElement('div');
+                    container.className = 'action-buttons';
+                    const downloadBtn = this.createActionButton('fa-download', params.data?.Status !== 'Uploaded');
+                    downloadBtn.addEventListener('click', () => this.downloadFile(params.data));
+                    const deleteBtn = this.createActionButton('fa-trash-can', !this.canBeDeleted(params.data));
+                    deleteBtn.addEventListener('click', () => this.deleteFile(params.data));
+                    const editBtn = this.createActionButton('fa-pen-to-square', params.data?.Status !== 'Uploaded');
+                    editBtn.addEventListener('click', () => { this.editFile = params.data; });
+                    container.appendChild(downloadBtn);
+                    container.appendChild(deleteBtn);
+                    container.appendChild(editBtn);
+                    return container;
+                }
+            }
+        ];
+    }
+    /**
+     * Creates a small action button element for the AG Grid cell renderer.
+     */
+    createActionButton(iconClass, disabled) {
+        const btn = document.createElement('button');
+        btn.className = 'mj-btn mj-btn-flat mj-btn-sm grid-action-btn';
+        btn.disabled = disabled;
+        const icon = document.createElement('span');
+        icon.className = `fa-solid ${iconClass}`;
+        btn.appendChild(icon);
+        return btn;
+    }
     static ɵfac = function FilesGridComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FilesGridComponent)(i0.ɵɵdirectiveInject(i1.SharedService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FilesGridComponent, selectors: [["mj-files-grid"]], inputs: { CategoryID: "CategoryID" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 11, vars: 5, consts: [["templateForm", "ngForm"], [1, "container"], [3, "data", "loading"], ["field", "ID", "title", "ID"], ["field", "Category", "title", "Category"], ["field", "Name", "title", "Name"], ["field", "Description", "title", "Description"], ["field", "Status", "title", "Status"], ["field", "Actions"], ["kendoGridCellTemplate", ""], [3, "uploadStarted", "fileUpload", "CategoryID", "disabled"], ["title", "Edit file", 3, "minWidth", "width"], ["kendoButton", "", 3, "click", "disabled"], [1, "fa-solid", "fa-download"], [1, "fa-solid", "fa-trash-can"], [1, "fa-solid", "fa-pen-to-square"], ["title", "Edit file", 3, "close", "minWidth", "width"], ["text", "Name", 1, "k-form"], ["name", "name", "showErrorIcon", "initial", "required", "", 3, "ngModelChange", "ngModel", "showSuccessIcon", "disabled"], ["text", "Description", 1, "k-form"], ["name", "description", 3, "ngModelChange", "ngModel", "disabled"], ["kendoButton", "", "themeColor", "primary", 3, "click", "disabled"]], template: function FilesGridComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 1)(1, "kendo-grid", 2);
-            i0.ɵɵelement(2, "kendo-grid-column", 3)(3, "kendo-grid-column", 4)(4, "kendo-grid-column", 5)(5, "kendo-grid-column", 6)(6, "kendo-grid-column", 7);
-            i0.ɵɵelementStart(7, "kendo-grid-column", 8);
-            i0.ɵɵtemplate(8, FilesGridComponent_ng_template_8_Template, 6, 3, "ng-template", 9);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(9, "mj-files-file-upload", 10);
-            i0.ɵɵlistener("uploadStarted", function FilesGridComponent_Template_mj_files_file_upload_uploadStarted_9_listener() { return ctx.isLoading = true; })("fileUpload", function FilesGridComponent_Template_mj_files_file_upload_fileUpload_9_listener($event) { return ctx.handleFileUpload($event); });
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FilesGridComponent, selectors: [["mj-files-grid"]], inputs: { CategoryID: "CategoryID" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 11, vars: 14, consts: [["templateForm", "ngForm"], [1, "container"], [1, "grid-loading-overlay"], [1, "files-grid", 3, "gridReady", "theme", "rowData", "columnDefs", "defaultColDef", "loading"], [3, "uploadStarted", "fileUpload", "CategoryID", "disabled"], ["Title", "Edit file", 3, "Close", "Visible", "Width", "MinWidth"], [1, "edit-form-container"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], ["mjButton", "", 3, "click", "disabled"], ["text", "Loading files...", "size", "medium"], [1, "mj-form-field"], [1, "mj-form-label"], ["name", "name", "required", "", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], ["name", "description", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"]], template: function FilesGridComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵconditionalCreate(1, FilesGridComponent_Conditional_1_Template, 2, 0, "div", 2);
+            i0.ɵɵelementStart(2, "ag-grid-angular", 3);
+            i0.ɵɵlistener("gridReady", function FilesGridComponent_Template_ag_grid_angular_gridReady_2_listener($event) { return ctx.OnGridReady($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "mj-files-file-upload", 4);
+            i0.ɵɵlistener("uploadStarted", function FilesGridComponent_Template_mj_files_file_upload_uploadStarted_3_listener() { return ctx.isLoading = true; })("fileUpload", function FilesGridComponent_Template_mj_files_file_upload_fileUpload_3_listener($event) { return ctx.handleFileUpload($event); });
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(10, FilesGridComponent_Conditional_10_Template, 13, 9, "kendo-dialog", 11);
+            i0.ɵɵelementStart(4, "mj-dialog", 5);
+            i0.ɵɵlistener("Close", function FilesGridComponent_Template_mj_dialog_Close_4_listener() { return ctx.resetEditFile(); });
+            i0.ɵɵconditionalCreate(5, FilesGridComponent_Conditional_5_Template, 11, 4, "div", 6);
+            i0.ɵɵelementStart(6, "mj-dialog-actions")(7, "button", 7);
+            i0.ɵɵlistener("click", function FilesGridComponent_Template_button_click_7_listener() { return ctx.saveEditFile(); });
+            i0.ɵɵtext(8, "Save");
             i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "button", 8);
+            i0.ɵɵlistener("click", function FilesGridComponent_Template_button_click_9_listener() { return ctx.resetEditFile(); });
+            i0.ɵɵtext(10, "Cancel");
+            i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
             i0.ɵɵadvance();
-            i0.ɵɵproperty("data", ctx.files)("loading", ctx.isLoading);
-            i0.ɵɵadvance(8);
+            i0.ɵɵconditional(ctx.isLoading ? 1 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("theme", ctx.GridTheme)("rowData", ctx.files)("columnDefs", ctx.ColumnDefs)("defaultColDef", ctx.DefaultColDef)("loading", ctx.isLoading);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("CategoryID", ctx.CategoryID)("disabled", ctx.isLoading);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.editFile ? 10 : -1);
-        } }, dependencies: [i2.ɵNgNoValidate, i2.NgControlStatus, i2.NgControlStatusGroup, i2.RequiredValidator, i2.NgModel, i2.NgForm, i3.DialogComponent, i3.DialogActionsComponent, i4.ButtonComponent, i5.LabelComponent, i6.GridComponent, i6.ColumnComponent, i6.CellTemplateDirective, i7.TextBoxComponent, i8.FileUploadComponent], styles: [".container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n\nkendo-label[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  column-gap: 12px;\n  margin-bottom: 4px;\n}\n\nkendo-label[_ngcontent-%COMP%]   kendo-textbox[_ngcontent-%COMP%] {\n  width: 100%;\n}"] });
+            i0.ɵɵproperty("Visible", !!ctx.editFile)("Width", 450)("MinWidth", 250);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.editFile ? 5 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("disabled", ctx.isLoading || !(ctx.editFile == null ? null : ctx.editFile.Dirty));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("disabled", ctx.isLoading);
+        } }, dependencies: [i2.ɵNgNoValidate, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.RequiredValidator, i2.NgModel, i2.NgForm, i3.AgGridAngular, i4.LoadingComponent, i5.MJButtonDirective, i5.MJDialogComponent, i5.MJDialogActionsComponent, i6.FileUploadComponent], styles: [".container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n\n.files-grid[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 400px;\n}\n\n.grid-loading-overlay[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  padding: 16px;\n}\n\n.edit-form-container[_ngcontent-%COMP%] {\n  padding: 8px 0;\n}\n\n.mj-form-field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  column-gap: 12px;\n  margin-bottom: 8px;\n}\n\n.mj-form-label[_ngcontent-%COMP%] {\n  min-width: 80px;\n  color: var(--mj-text-secondary);\n  font-weight: 500;\n}\n\n.mj-form-field[_ngcontent-%COMP%]   .mj-input[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n.action-buttons[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 4px;\n}\n\n.grid-action-btn[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px 6px;\n  border-radius: 4px;\n  color: var(--mj-text-secondary);\n  transition: color 0.15s, background-color 0.15s;\n}\n\n.grid-action-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n  color: var(--mj-text-primary);\n  background-color: var(--mj-bg-surface-hover);\n}\n\n.grid-action-btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.4;\n  cursor: default;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FilesGridComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-files-grid', template: "<div class=\"container\">\n  <kendo-grid [data]=\"files\" [loading]=\"isLoading\">\n    <kendo-grid-column field=\"ID\" title=\"ID\"> </kendo-grid-column>\n    <kendo-grid-column field=\"Category\" title=\"Category\"> </kendo-grid-column>\n    <kendo-grid-column field=\"Name\" title=\"Name\"> </kendo-grid-column>\n    <kendo-grid-column field=\"Description\" title=\"Description\"> </kendo-grid-column>\n    <kendo-grid-column field=\"Status\" title=\"Status\"> </kendo-grid-column>\n    <kendo-grid-column field=\"Actions\">\n      <ng-template kendoGridCellTemplate let-dataItem>\n        <button kendoButton\n          [disabled]=\"dataItem.Status!=='Uploaded'\"\n          (click)=\"downloadFile(dataItem)\"\n          >\n          <span class=\"fa-solid fa-download\"></span>\n        </button>\n        <button kendoButton [disabled]=\"!canBeDeleted(dataItem)\" (click)=\"deleteFile(dataItem)\">\n          <span class=\"fa-solid fa-trash-can\"></span>\n        </button>\n        <button kendoButton\n          [disabled]=\"dataItem.Status!=='Uploaded'\"\n          (click)=\"editFile = dataItem\"\n          >\n          <span class=\"fa-solid fa-pen-to-square\"></span>\n        </button>\n      </ng-template>\n    </kendo-grid-column>\n  </kendo-grid>\n\n  <mj-files-file-upload\n    [CategoryID]=\"CategoryID\"\n    [disabled]=\"isLoading\"\n    (uploadStarted)=\"isLoading = true\"\n    (fileUpload)=\"handleFileUpload($event)\"\n  ></mj-files-file-upload>\n\n  @if (editFile) {\n    <kendo-dialog title=\"Edit file\" (close)=\"resetEditFile()\" [minWidth]=\"250\" [width]=\"450\">\n      <div class=\"container\">\n        <form #templateForm=\"ngForm\">\n          <kendo-label class=\"k-form\" text=\"Name\">\n            <kendo-textbox\n              name=\"name\"\n              [(ngModel)]=\"editFile.Name\"\n              [showSuccessIcon]=\"editFile.Name.length > 0\"\n              showErrorIcon=\"initial\"\n              required\n              [disabled]=\"isLoading\"\n            ></kendo-textbox>\n          </kendo-label>\n          <kendo-label class=\"k-form\" text=\"Description\">\n            <kendo-textbox name=\"description\" [(ngModel)]=\"editFile.Description\" [disabled]=\"isLoading\"></kendo-textbox>\n          </kendo-label>\n        </form>\n      </div>\n      <kendo-dialog-actions>\n        <button kendoButton (click)=\"resetEditFile()\" [disabled]=\"isLoading\">Cancel</button>\n        <button kendoButton (click)=\"saveEditFile()\" [disabled]=\"isLoading || !editFile.Dirty\" themeColor=\"primary\">Save</button>\n      </kendo-dialog-actions>\n    </kendo-dialog>\n  }\n</div>\n", styles: [".container {\n  display: flex;\n  flex-direction: column;\n}\n\nkendo-label {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  column-gap: 12px;\n  margin-bottom: 4px;\n}\n\nkendo-label kendo-textbox {\n  width: 100%;\n}"] }]
+        args: [{ standalone: false, selector: 'mj-files-grid', template: "<div class=\"container\">\n  @if (isLoading) {\n    <div class=\"grid-loading-overlay\">\n      <mj-loading text=\"Loading files...\" size=\"medium\"></mj-loading>\n    </div>\n  }\n  <ag-grid-angular\n    class=\"files-grid\"\n    [theme]=\"GridTheme\"\n    [rowData]=\"files\"\n    [columnDefs]=\"ColumnDefs\"\n    [defaultColDef]=\"DefaultColDef\"\n    [loading]=\"isLoading\"\n    (gridReady)=\"OnGridReady($event)\">\n  </ag-grid-angular>\n\n  <mj-files-file-upload\n    [CategoryID]=\"CategoryID\"\n    [disabled]=\"isLoading\"\n    (uploadStarted)=\"isLoading = true\"\n    (fileUpload)=\"handleFileUpload($event)\"\n  ></mj-files-file-upload>\n\n  <mj-dialog\n    [Visible]=\"!!editFile\"\n    Title=\"Edit file\"\n    [Width]=\"450\"\n    [MinWidth]=\"250\"\n    (Close)=\"resetEditFile()\">\n    @if (editFile) {\n      <div class=\"edit-form-container\">\n        <form #templateForm=\"ngForm\">\n          <label class=\"mj-form-field\">\n            <span class=\"mj-form-label\">Name</span>\n            <input\n              class=\"mj-input\"\n              name=\"name\"\n              [(ngModel)]=\"editFile.Name\"\n              required\n              [disabled]=\"isLoading\" />\n          </label>\n          <label class=\"mj-form-field\">\n            <span class=\"mj-form-label\">Description</span>\n            <input\n              class=\"mj-input\"\n              name=\"description\"\n              [(ngModel)]=\"editFile.Description\"\n              [disabled]=\"isLoading\" />\n          </label>\n        </form>\n      </div>\n    }\n    <mj-dialog-actions>\n      <button mjButton variant=\"primary\" (click)=\"saveEditFile()\" [disabled]=\"isLoading || !editFile?.Dirty\">Save</button>\n      <button mjButton (click)=\"resetEditFile()\" [disabled]=\"isLoading\">Cancel</button>\n    </mj-dialog-actions>\n  </mj-dialog>\n</div>\n", styles: [".container {\n  display: flex;\n  flex-direction: column;\n}\n\n.files-grid {\n  width: 100%;\n  height: 400px;\n}\n\n.grid-loading-overlay {\n  display: flex;\n  justify-content: center;\n  padding: 16px;\n}\n\n.edit-form-container {\n  padding: 8px 0;\n}\n\n.mj-form-field {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  column-gap: 12px;\n  margin-bottom: 8px;\n}\n\n.mj-form-label {\n  min-width: 80px;\n  color: var(--mj-text-secondary);\n  font-weight: 500;\n}\n\n.mj-form-field .mj-input {\n  width: 100%;\n}\n\n.action-buttons {\n  display: flex;\n  gap: 4px;\n}\n\n.grid-action-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px 6px;\n  border-radius: 4px;\n  color: var(--mj-text-secondary);\n  transition: color 0.15s, background-color 0.15s;\n}\n\n.grid-action-btn:hover:not(:disabled) {\n  color: var(--mj-text-primary);\n  background-color: var(--mj-bg-surface-hover);\n}\n\n.grid-action-btn:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n"] }]
     }], () => [{ type: i1.SharedService }], { CategoryID: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FilesGridComponent, { className: "FilesGridComponent", filePath: "src/lib/files-grid/files-grid.ts", lineNumber: 62 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FilesGridComponent, { className: "FilesGridComponent", filePath: "src/lib/files-grid/files-grid.ts", lineNumber: 76 }); })();
 //# sourceMappingURL=files-grid.js.map

package/dist/lib/files-grid/files-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"files-grid.js","sourceRoot":"","sources":["../../../src/lib/files-grid/files-grid.ts","../../../src/lib/files-grid/files-grid.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';\n\nimport { RunView } from '@memberjunction/core';\nimport { MJFileEntity } from '@memberjunction/core-entities';\nimport { GraphQLDataProvider, gql } from '@memberjunction/graphql-dataprovider';\nimport { SharedService } from '@memberjunction/ng-shared';\nimport { z } from 'zod';\nimport { FileUploadEvent } from '../file-upload/file-upload';\n\n/**\n * Downloads a file from the provided URL.\n *\n * @param url - The URL of the file to be downloaded.\n * @param fileName - The name to be given to the downloaded file.\n * @param contentType - The content type of the file. Defaults to 'application/octet-stream'.\n * @returns Promise<void> - A promise that resolves when the file download is complete.\n */\nconst downloadFromUrl = async (url: string, fileName: string, contentType?: string | null) => {\n  // First, fetch the data and create a blob with the correct content type\n  const response = await fetch(url);\n  if (!response.ok) {\n    return false;\n  }\n  const rawBlob = await response.blob();\n  const blob = new Blob([rawBlob], { type: contentType || 'application/octet-stream' });\n\n  // Then add a temporary link to the document and click it\n  const link = document.createElement('a');\n  const blobUrl = window.URL.createObjectURL(blob);\n  link.href = blobUrl;\n  link.setAttribute('download', fileName);\n  document.body.appendChild(link);\n  link.click();\n  link.parentNode?.removeChild(link);\n  window.URL.revokeObjectURL(blobUrl);\n\n  return true;\n};\n\nconst FileDownloadQuery = gql`\n  query FileDownloadUrl($FileID: String!) {\n    MJFile(ID: $FileID) {\n      ContentType\n      DownloadUrl\n    }\n  }\n`;\n\nconst FileDownloadQuerySchema = z.object({\n  MJFile: z.object({\n    ContentType: z.string().optional(),\n    DownloadUrl: z.string(),\n  }),\n});\n\n@Component({\n  standalone: false,\n  selector: 'mj-files-grid',\n  templateUrl: './files-grid.html',\n  styleUrls: ['./files-grid.css'],\n})\nexport class FilesGridComponent implements OnInit, OnChanges {\n  public files: MJFileEntity[] = [];\n  public isLoading: boolean = false;\n  public editFile: MJFileEntity | undefined;\n\n  constructor(private sharedService: SharedService) {}\n\n  @Input() CategoryID: string | undefined = undefined;\n\n  ngOnInit(): void {\n    this.Refresh();\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['CategoryID']) {\n      this.Refresh();\n    }\n  }\n\n  /**\n   * Resets the edited file.\n   *\n   * This method reverts any changes made to the edited file by calling the Revert method of the MJFileEntity class. It then sets the editFile property to undefined, indicating that there is no longer an edited file.\n   *\n   * @returns void\n   */\n  public resetEditFile() {\n    this.editFile?.Revert();\n    this.editFile = undefined;\n  }\n\n  /**\n   * Saves the edited file.\n   *\n   * This method saves the changes made to the edited file. It first checks if there is an edited file available. If so, it sets the isLoading property to true to indicate that the save operation is in progress. Then, it calls the Save method of the edited file to save the changes. If the save operation is successful, it creates a success notification using the sharedService.CreateSimpleNotification method. The notification message includes the ID and name of the saved file. Finally, it sets the edited file to undefined and sets the isLoading property to false to indicate that the save operation is complete.\n   *\n   * @returns Promise<void> - A promise that resolves when the save operation is complete.\n   * @throws Error - If there is an error during the save operation.\n   */\n  public async saveEditFile() {\n    if (this.editFile) {\n      this.isLoading = true;\n      //\n      const success = await this.editFile.Save();\n      if (success) {\n        this.sharedService.CreateSimpleNotification(`Successfully saved file ${this.editFile.ID} ${this.editFile.Name}`, 'success');\n        this.editFile = undefined;\n      } else {\n        this.sharedService.CreateSimpleNotification(`Unable to save file ${this.editFile.ID} ${this.editFile.Name}`, 'error');\n      }\n      this.isLoading = false;\n    }\n  }\n\n  /**\n   * Downloads a file using the provided MJFileEntity.\n   *\n   * @param file - The MJFileEntity representing the file to be downloaded.\n   * @returns Promise<void> - A promise that resolves when the file download is complete.\n   * @throws Error - If there is an error during the file download process.\n   */\n  public downloadFile = async (file: MJFileEntity) => {\n    this.isLoading = true;\n    const result = await GraphQLDataProvider.ExecuteGQL(FileDownloadQuery, {\n      FileID: file.ID,\n    });\n    const parsedResult = FileDownloadQuerySchema.safeParse(result);\n\n    if (parsedResult.success) {\n      const downloadUrl = parsedResult.data.MJFile.DownloadUrl;\n      const success = downloadFromUrl(downloadUrl, file.Name, file.ContentType);\n      if (!success) {\n        this.sharedService.CreateSimpleNotification(`Unable to download file ${file.ID} ${file.Name}`, 'error');\n      }\n    } else {\n      console.error(parsedResult.error);\n      this.sharedService.CreateSimpleNotification(`Unable to download file ${file.ID} ${file.Name}`, 'error');\n    }\n    this.isLoading = false;\n  };\n\n  /**\n   * Determines whether a file can be deleted based on its status and creation time.\n   *\n   * @param file - The MJFileEntity representing the file to be checked.\n   * @returns boolean - True if the file can be deleted, false otherwise.\n   */\n  public canBeDeleted(file: MJFileEntity): boolean {\n    const status = file.Status;\n    const deletable = status === 'Uploaded' || Date.now() - +file.__mj_CreatedAt > 10 * 60 * 60;\n    // console.log({ status, deletable, ID: file.ID, CreatedAt: file.CreatedAt });\n    return deletable;\n  }\n\n  /**\n   * Deletes a file using the provided MJFileEntity.\n   *\n   * @param file - The MJFileEntity representing the file to be deleted.\n   * @returns Promise<void> - A promise that resolves when the file deletion is complete.\n   * @throws Error - If there is an error during the file deletion process.\n   */\n  public deleteFile = async (file: MJFileEntity) => {\n    this.isLoading = true;\n    const ID = file.ID;\n    const Name = file.Name;\n    const deleteResult = await file.Delete();\n    if (deleteResult) {\n      this.sharedService.CreateSimpleNotification(`Successfully deleted file ${ID} ${Name}`, 'info');\n      this.files = this.files.filter((f) => typeof f.ID === 'string' && f.ID !== ID);\n    } else {\n      this.sharedService.CreateSimpleNotification(`Unable to delete file ${ID} ${Name}`, 'error');\n    }\n    this.isLoading = false;\n  };\n\n  /**\n   * Handles the file upload event, sending a notification in case of failure and otherwise adding\n   * the newly uploaded files to the files currently displayed.\n   *\n   * @param e - The file upload event.\n   */\n  public handleFileUpload(e: FileUploadEvent) {\n    if (!e.success) {\n      this.sharedService.CreateSimpleNotification(`Unable to upload file '${e.file.name}'`, 'error');\n      return;\n    }\n\n    this.files.push(e.file);\n    this.isLoading = false;\n  }\n\n  /**\n   * Refreshes the data by running a view and loading the files.\n   * @returns {Promise<void>} - A promise that resolves when the data is refreshed.\n   */\n  async Refresh() {\n    this.isLoading = true;\n\n    const rv = new RunView();\n    const result = await rv.RunView({\n      EntityName: 'MJ: Files',\n      ResultType: 'entity_object',\n      ...(this.CategoryID !== undefined && { ExtraFilter: `CategoryID='${this.CategoryID}'` }),\n    });\n    if (result.Success) {\n      this.files = <MJFileEntity[]>result.Results ?? [];\n    } else {\n      throw new Error('Error loading files: ' + result.ErrorMessage);\n    }\n    this.isLoading = false;\n  }\n}\n","<div class=\"container\">\n  <kendo-grid [data]=\"files\" [loading]=\"isLoading\">\n    <kendo-grid-column field=\"ID\" title=\"ID\"> </kendo-grid-column>\n    <kendo-grid-column field=\"Category\" title=\"Category\"> </kendo-grid-column>\n    <kendo-grid-column field=\"Name\" title=\"Name\"> </kendo-grid-column>\n    <kendo-grid-column field=\"Description\" title=\"Description\"> </kendo-grid-column>\n    <kendo-grid-column field=\"Status\" title=\"Status\"> </kendo-grid-column>\n    <kendo-grid-column field=\"Actions\">\n      <ng-template kendoGridCellTemplate let-dataItem>\n        <button kendoButton\n          [disabled]=\"dataItem.Status!=='Uploaded'\"\n          (click)=\"downloadFile(dataItem)\"\n          >\n          <span class=\"fa-solid fa-download\"></span>\n        </button>\n        <button kendoButton [disabled]=\"!canBeDeleted(dataItem)\" (click)=\"deleteFile(dataItem)\">\n          <span class=\"fa-solid fa-trash-can\"></span>\n        </button>\n        <button kendoButton\n          [disabled]=\"dataItem.Status!=='Uploaded'\"\n          (click)=\"editFile = dataItem\"\n          >\n          <span class=\"fa-solid fa-pen-to-square\"></span>\n        </button>\n      </ng-template>\n    </kendo-grid-column>\n  </kendo-grid>\n\n  <mj-files-file-upload\n    [CategoryID]=\"CategoryID\"\n    [disabled]=\"isLoading\"\n    (uploadStarted)=\"isLoading = true\"\n    (fileUpload)=\"handleFileUpload($event)\"\n  ></mj-files-file-upload>\n\n  @if (editFile) {\n    <kendo-dialog title=\"Edit file\" (close)=\"resetEditFile()\" [minWidth]=\"250\" [width]=\"450\">\n      <div class=\"container\">\n        <form #templateForm=\"ngForm\">\n          <kendo-label class=\"k-form\" text=\"Name\">\n            <kendo-textbox\n              name=\"name\"\n              [(ngModel)]=\"editFile.Name\"\n              [showSuccessIcon]=\"editFile.Name.length > 0\"\n              showErrorIcon=\"initial\"\n              required\n              [disabled]=\"isLoading\"\n            ></kendo-textbox>\n          </kendo-label>\n          <kendo-label class=\"k-form\" text=\"Description\">\n            <kendo-textbox name=\"description\" [(ngModel)]=\"editFile.Description\" [disabled]=\"isLoading\"></kendo-textbox>\n          </kendo-label>\n        </form>\n      </div>\n      <kendo-dialog-actions>\n        <button kendoButton (click)=\"resetEditFile()\" [disabled]=\"isLoading\">Cancel</button>\n        <button kendoButton (click)=\"saveEditFile()\" [disabled]=\"isLoading || !editFile.Dirty\" themeColor=\"primary\">Save</button>\n      </kendo-dialog-actions>\n    </kendo-dialog>\n  }\n</div>\n"]}
+{"version":3,"file":"files-grid.js","sourceRoot":"","sources":["../../../src/lib/files-grid/files-grid.ts","../../../src/lib/files-grid/files-grid.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';\n\nimport { RunView } from '@memberjunction/core';\nimport { MJFileEntity } from '@memberjunction/core-entities';\nimport { GraphQLDataProvider, gql } from '@memberjunction/graphql-dataprovider';\nimport { SharedService } from '@memberjunction/ng-shared';\nimport {\n  ColDef,\n  GridReadyEvent,\n  GridApi,\n  ModuleRegistry,\n  AllCommunityModule,\n  themeAlpine,\n  colorSchemeVariable,\n  type Theme,\n  ICellRendererParams\n} from 'ag-grid-community';\nimport { z } from 'zod';\nimport { FileUploadEvent } from '../file-upload/file-upload';\n\n// Register AG Grid modules\nModuleRegistry.registerModules([AllCommunityModule]);\n\n/**\n * Downloads a file from the provided URL.\n *\n * @param url - The URL of the file to be downloaded.\n * @param fileName - The name to be given to the downloaded file.\n * @param contentType - The content type of the file. Defaults to 'application/octet-stream'.\n * @returns Promise<void> - A promise that resolves when the file download is complete.\n */\nconst downloadFromUrl = async (url: string, fileName: string, contentType?: string | null) => {\n  // First, fetch the data and create a blob with the correct content type\n  const response = await fetch(url);\n  if (!response.ok) {\n    return false;\n  }\n  const rawBlob = await response.blob();\n  const blob = new Blob([rawBlob], { type: contentType || 'application/octet-stream' });\n\n  // Then add a temporary link to the document and click it\n  const link = document.createElement('a');\n  const blobUrl = window.URL.createObjectURL(blob);\n  link.href = blobUrl;\n  link.setAttribute('download', fileName);\n  document.body.appendChild(link);\n  link.click();\n  link.parentNode?.removeChild(link);\n  window.URL.revokeObjectURL(blobUrl);\n\n  return true;\n};\n\nconst FileDownloadQuery = gql`\n  query FileDownloadUrl($FileID: String!) {\n    MJFile(ID: $FileID) {\n      ContentType\n      DownloadUrl\n    }\n  }\n`;\n\nconst FileDownloadQuerySchema = z.object({\n  MJFile: z.object({\n    ContentType: z.string().optional(),\n    DownloadUrl: z.string(),\n  }),\n});\n\n@Component({\n  standalone: false,\n  selector: 'mj-files-grid',\n  templateUrl: './files-grid.html',\n  styleUrls: ['./files-grid.css'],\n})\nexport class FilesGridComponent implements OnInit, OnChanges {\n  public files: MJFileEntity[] = [];\n  public isLoading: boolean = false;\n  public editFile: MJFileEntity | undefined;\n\n  // AG Grid configuration\n  public GridTheme: Theme = themeAlpine.withPart(colorSchemeVariable);\n  public ColumnDefs: ColDef[] = [];\n  public DefaultColDef: ColDef = {\n    sortable: true,\n    resizable: true,\n    filter: false,\n  };\n  private gridApi: GridApi | null = null;\n\n  constructor(private sharedService: SharedService) {\n    this.ColumnDefs = this.buildColumnDefs();\n  }\n\n  @Input() CategoryID: string | undefined = undefined;\n\n  ngOnInit(): void {\n    this.Refresh();\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['CategoryID']) {\n      this.Refresh();\n    }\n  }\n\n  public OnGridReady(event: GridReadyEvent): void {\n    this.gridApi = event.api;\n  }\n\n  /**\n   * Resets the edited file.\n   *\n   * This method reverts any changes made to the edited file by calling the Revert method of the MJFileEntity class. It then sets the editFile property to undefined, indicating that there is no longer an edited file.\n   *\n   * @returns void\n   */\n  public resetEditFile() {\n    this.editFile?.Revert();\n    this.editFile = undefined;\n  }\n\n  /**\n   * Saves the edited file.\n   *\n   * This method saves the changes made to the edited file. It first checks if there is an edited file available. If so, it sets the isLoading property to true to indicate that the save operation is in progress. Then, it calls the Save method of the edited file to save the changes. If the save operation is successful, it creates a success notification using the sharedService.CreateSimpleNotification method. The notification message includes the ID and name of the saved file. Finally, it sets the edited file to undefined and sets the isLoading property to false to indicate that the save operation is complete.\n   *\n   * @returns Promise<void> - A promise that resolves when the save operation is complete.\n   * @throws Error - If there is an error during the save operation.\n   */\n  public async saveEditFile() {\n    if (this.editFile) {\n      this.isLoading = true;\n      //\n      const success = await this.editFile.Save();\n      if (success) {\n        this.sharedService.CreateSimpleNotification(`Successfully saved file ${this.editFile.ID} ${this.editFile.Name}`, 'success');\n        this.editFile = undefined;\n        // Refresh the grid to show the updated data\n        if (this.gridApi) {\n          this.gridApi.setGridOption('rowData', this.files);\n        }\n      } else {\n        this.sharedService.CreateSimpleNotification(`Unable to save file ${this.editFile.ID} ${this.editFile.Name}`, 'error');\n      }\n      this.isLoading = false;\n    }\n  }\n\n  /**\n   * Downloads a file using the provided MJFileEntity.\n   *\n   * @param file - The MJFileEntity representing the file to be downloaded.\n   * @returns Promise<void> - A promise that resolves when the file download is complete.\n   * @throws Error - If there is an error during the file download process.\n   */\n  public downloadFile = async (file: MJFileEntity) => {\n    this.isLoading = true;\n    const result = await GraphQLDataProvider.ExecuteGQL(FileDownloadQuery, {\n      FileID: file.ID,\n    });\n    const parsedResult = FileDownloadQuerySchema.safeParse(result);\n\n    if (parsedResult.success) {\n      const downloadUrl = parsedResult.data.MJFile.DownloadUrl;\n      const success = downloadFromUrl(downloadUrl, file.Name, file.ContentType);\n      if (!success) {\n        this.sharedService.CreateSimpleNotification(`Unable to download file ${file.ID} ${file.Name}`, 'error');\n      }\n    } else {\n      console.error(parsedResult.error);\n      this.sharedService.CreateSimpleNotification(`Unable to download file ${file.ID} ${file.Name}`, 'error');\n    }\n    this.isLoading = false;\n  };\n\n  /**\n   * Determines whether a file can be deleted based on its status and creation time.\n   *\n   * @param file - The MJFileEntity representing the file to be checked.\n   * @returns boolean - True if the file can be deleted, false otherwise.\n   */\n  public canBeDeleted(file: MJFileEntity): boolean {\n    const status = file.Status;\n    const deletable = status === 'Uploaded' || Date.now() - +file.__mj_CreatedAt > 10 * 60 * 60;\n    return deletable;\n  }\n\n  /**\n   * Deletes a file using the provided MJFileEntity.\n   *\n   * @param file - The MJFileEntity representing the file to be deleted.\n   * @returns Promise<void> - A promise that resolves when the file deletion is complete.\n   * @throws Error - If there is an error during the file deletion process.\n   */\n  public deleteFile = async (file: MJFileEntity) => {\n    this.isLoading = true;\n    const ID = file.ID;\n    const Name = file.Name;\n    const deleteResult = await file.Delete();\n    if (deleteResult) {\n      this.sharedService.CreateSimpleNotification(`Successfully deleted file ${ID} ${Name}`, 'info');\n      this.files = this.files.filter((f) => typeof f.ID === 'string' && f.ID !== ID);\n    } else {\n      this.sharedService.CreateSimpleNotification(`Unable to delete file ${ID} ${Name}`, 'error');\n    }\n    this.isLoading = false;\n  };\n\n  /**\n   * Handles the file upload event, sending a notification in case of failure and otherwise adding\n   * the newly uploaded files to the files currently displayed.\n   *\n   * @param e - The file upload event.\n   */\n  public handleFileUpload(e: FileUploadEvent) {\n    if (!e.success) {\n      this.sharedService.CreateSimpleNotification(`Unable to upload file '${e.file.name}'`, 'error');\n      return;\n    }\n\n    this.files.push(e.file);\n    this.files = [...this.files]; // trigger AG Grid row data change\n    this.isLoading = false;\n  }\n\n  /**\n   * Refreshes the data by running a view and loading the files.\n   * @returns {Promise<void>} - A promise that resolves when the data is refreshed.\n   */\n  async Refresh() {\n    this.isLoading = true;\n\n    const rv = new RunView();\n    const result = await rv.RunView({\n      EntityName: 'MJ: Files',\n      ResultType: 'entity_object',\n      ...(this.CategoryID !== undefined && { ExtraFilter: `CategoryID='${this.CategoryID}'` }),\n    });\n    if (result.Success) {\n      this.files = <MJFileEntity[]>result.Results ?? [];\n    } else {\n      throw new Error('Error loading files: ' + result.ErrorMessage);\n    }\n    this.isLoading = false;\n  }\n\n  /**\n   * Builds AG Grid column definitions from the entity fields.\n   */\n  private buildColumnDefs(): ColDef[] {\n    return [\n      { field: 'ID', headerName: 'ID' },\n      { field: 'Category', headerName: 'Category' },\n      { field: 'Name', headerName: 'Name' },\n      { field: 'Description', headerName: 'Description' },\n      { field: 'Status', headerName: 'Status' },\n      {\n        headerName: 'Actions',\n        sortable: false,\n        resizable: false,\n        filter: false,\n        cellRenderer: (params: ICellRendererParams) => {\n          const container = document.createElement('div');\n          container.className = 'action-buttons';\n\n          const downloadBtn = this.createActionButton('fa-download', params.data?.Status !== 'Uploaded');\n          downloadBtn.addEventListener('click', () => this.downloadFile(params.data));\n\n          const deleteBtn = this.createActionButton('fa-trash-can', !this.canBeDeleted(params.data));\n          deleteBtn.addEventListener('click', () => this.deleteFile(params.data));\n\n          const editBtn = this.createActionButton('fa-pen-to-square', params.data?.Status !== 'Uploaded');\n          editBtn.addEventListener('click', () => { this.editFile = params.data; });\n\n          container.appendChild(downloadBtn);\n          container.appendChild(deleteBtn);\n          container.appendChild(editBtn);\n\n          return container;\n        }\n      }\n    ];\n  }\n\n  /**\n   * Creates a small action button element for the AG Grid cell renderer.\n   */\n  private createActionButton(iconClass: string, disabled: boolean): HTMLButtonElement {\n    const btn = document.createElement('button');\n    btn.className = 'mj-btn mj-btn-flat mj-btn-sm grid-action-btn';\n    btn.disabled = disabled;\n    const icon = document.createElement('span');\n    icon.className = `fa-solid ${iconClass}`;\n    btn.appendChild(icon);\n    return btn;\n  }\n}\n","<div class=\"container\">\n  @if (isLoading) {\n    <div class=\"grid-loading-overlay\">\n      <mj-loading text=\"Loading files...\" size=\"medium\"></mj-loading>\n    </div>\n  }\n  <ag-grid-angular\n    class=\"files-grid\"\n    [theme]=\"GridTheme\"\n    [rowData]=\"files\"\n    [columnDefs]=\"ColumnDefs\"\n    [defaultColDef]=\"DefaultColDef\"\n    [loading]=\"isLoading\"\n    (gridReady)=\"OnGridReady($event)\">\n  </ag-grid-angular>\n\n  <mj-files-file-upload\n    [CategoryID]=\"CategoryID\"\n    [disabled]=\"isLoading\"\n    (uploadStarted)=\"isLoading = true\"\n    (fileUpload)=\"handleFileUpload($event)\"\n  ></mj-files-file-upload>\n\n  <mj-dialog\n    [Visible]=\"!!editFile\"\n    Title=\"Edit file\"\n    [Width]=\"450\"\n    [MinWidth]=\"250\"\n    (Close)=\"resetEditFile()\">\n    @if (editFile) {\n      <div class=\"edit-form-container\">\n        <form #templateForm=\"ngForm\">\n          <label class=\"mj-form-field\">\n            <span class=\"mj-form-label\">Name</span>\n            <input\n              class=\"mj-input\"\n              name=\"name\"\n              [(ngModel)]=\"editFile.Name\"\n              required\n              [disabled]=\"isLoading\" />\n          </label>\n          <label class=\"mj-form-field\">\n            <span class=\"mj-form-label\">Description</span>\n            <input\n              class=\"mj-input\"\n              name=\"description\"\n              [(ngModel)]=\"editFile.Description\"\n              [disabled]=\"isLoading\" />\n          </label>\n        </form>\n      </div>\n    }\n    <mj-dialog-actions>\n      <button mjButton variant=\"primary\" (click)=\"saveEditFile()\" [disabled]=\"isLoading || !editFile?.Dirty\">Save</button>\n      <button mjButton (click)=\"resetEditFile()\" [disabled]=\"isLoading\">Cancel</button>\n    </mj-dialog-actions>\n  </mj-dialog>\n</div>\n"]}

package/dist/lib/module.d.ts

@@ -9,25 +9,14 @@ import * as i7 from "./file-browser/storage-providers-list.component";
 import * as i8 from "./file-browser/folder-tree.component";
 import * as i9 from "./file-browser/file-grid.component";
 import * as i10 from "@angular/common";
-import * as i11 from "@progress/kendo-angular-treeview";
-import * as i12 from "@angular/forms";
-import * as i13 from "@progress/kendo-angular-dialog";
-import * as i14 from "@progress/kendo-angular-excel-export";
-import * as i15 from "@memberjunction/ng-container-directives";
-import * as i16 from "@memberjunction/ng-shared-generic";
-import * as i17 from "@progress/kendo-angular-buttons";
-import * as i18 from "@progress/kendo-angular-label";
-import * as i19 from "@progress/kendo-angular-grid";
-import * as i20 from "@progress/kendo-angular-dropdowns";
-import * as i21 from "@angular/platform-browser";
-import * as i22 from "@angular/platform-browser/animations";
-import * as i23 from "@progress/kendo-angular-inputs";
-import * as i24 from "@progress/kendo-angular-upload";
-import * as i25 from "@progress/kendo-angular-menu";
-import * as i26 from "@progress/kendo-angular-indicators";
+import * as i11 from "@angular/forms";
+import * as i12 from "ag-grid-angular";
+import * as i13 from "@memberjunction/ng-container-directives";
+import * as i14 from "@memberjunction/ng-shared-generic";
+import * as i15 from "@memberjunction/ng-ui-components";
 export declare class FileStorageModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FileStorageModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FileStorageModule, [typeof i1.CategoryTreeComponent, typeof i2.FilesGridComponent, typeof i3.FileUploadComponent, typeof i4.FileBrowserComponent, typeof i5.FileBrowserDemoComponent, typeof i6.FileBrowserResource, typeof i7.StorageProvidersListComponent, typeof i8.FolderTreeComponent, typeof i9.FileGridComponent], [typeof i10.CommonModule, typeof i11.TreeViewModule, typeof i12.FormsModule, typeof i13.DialogsModule, typeof i14.ExcelExportModule, typeof i15.ContainerDirectivesModule, typeof i16.SharedGenericModule, typeof i17.ButtonsModule, typeof i18.LabelModule, typeof i19.GridModule, typeof i20.DropDownsModule, typeof i21.BrowserModule, typeof i22.BrowserAnimationsModule, typeof i23.InputsModule, typeof i24.UploadsModule, typeof i25.MenusModule, typeof i26.IndicatorsModule], [typeof i1.CategoryTreeComponent, typeof i2.FilesGridComponent, typeof i3.FileUploadComponent, typeof i4.FileBrowserComponent, typeof i5.FileBrowserDemoComponent, typeof i6.FileBrowserResource]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FileStorageModule, [typeof i1.CategoryTreeComponent, typeof i2.FilesGridComponent, typeof i3.FileUploadComponent, typeof i4.FileBrowserComponent, typeof i5.FileBrowserDemoComponent, typeof i6.FileBrowserResource, typeof i7.StorageProvidersListComponent, typeof i8.FolderTreeComponent, typeof i9.FileGridComponent], [typeof i10.CommonModule, typeof i11.FormsModule, typeof i12.AgGridModule, typeof i13.ContainerDirectivesModule, typeof i14.SharedGenericModule, typeof i15.MJButtonDirective, typeof i15.MJDialogComponent, typeof i15.MJDialogActionsComponent], [typeof i1.CategoryTreeComponent, typeof i2.FilesGridComponent, typeof i3.FileUploadComponent, typeof i4.FileBrowserComponent, typeof i5.FileBrowserDemoComponent, typeof i6.FileBrowserResource]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FileStorageModule>;
 }
 //# sourceMappingURL=module.d.ts.map

package/dist/lib/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,qBAwCa,iBAAiB;yCAAjB,iBAAiB;0CAAjB,iBAAiB;0CAAjB,iBAAiB;CAAG"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkBA,qBA+Ba,iBAAiB;yCAAjB,iBAAiB;0CAAjB,iBAAiB;0CAAjB,iBAAiB;CAAG"}

package/dist/lib/module.js

@@ -1,22 +1,10 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-// Kendo UI Angular imports
-import { BrowserModule } from '@angular/platform-browser';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { ButtonsModule } from '@progress/kendo-angular-buttons';
-import { DialogsModule } from '@progress/kendo-angular-dialog';
-import { ExcelExportModule } from '@progress/kendo-angular-excel-export';
-import { GridModule } from '@progress/kendo-angular-grid';
-import { IndicatorsModule } from '@progress/kendo-angular-indicators';
-import { InputsModule } from '@progress/kendo-angular-inputs';
-import { LabelModule } from '@progress/kendo-angular-label';
-import { MenusModule } from '@progress/kendo-angular-menu';
-import { TreeViewModule } from '@progress/kendo-angular-treeview';
 import { FormsModule } from '@angular/forms';
+import { AgGridModule } from 'ag-grid-angular';
+import { MJButtonDirective, MJDialogComponent, MJDialogActionsComponent } from '@memberjunction/ng-ui-components';
 import { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';
 import { SharedGenericModule } from '@memberjunction/ng-shared-generic';
-import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
-import { UploadsModule } from '@progress/kendo-angular-upload';
 import { CategoryTreeComponent } from './category-tree/category-tree';
 import { FileUploadComponent } from './file-upload/file-upload';
 import { FilesGridComponent } from './files-grid/files-grid';
@@ -31,22 +19,12 @@ export class FileStorageModule {
     static ɵfac = function FileStorageModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FileStorageModule)(); };
     static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: FileStorageModule });
     static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
-            TreeViewModule,
             FormsModule,
-            DialogsModule,
-            ExcelExportModule,
+            AgGridModule,
             ContainerDirectivesModule,
             SharedGenericModule,
-            ButtonsModule,
-            LabelModule,
-            GridModule,
-            DropDownsModule,
-            BrowserModule,
-            BrowserAnimationsModule,
-            InputsModule,
-            UploadsModule,
-            MenusModule,
-            IndicatorsModule] });
+            MJDialogComponent,
+            MJDialogActionsComponent] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileStorageModule, [{
         type: NgModule,
@@ -64,22 +42,13 @@ export class FileStorageModule {
                 ],
                 imports: [
                     CommonModule,
-                    TreeViewModule,
                     FormsModule,
-                    DialogsModule,
-                    ExcelExportModule,
+                    AgGridModule,
                     ContainerDirectivesModule,
                     SharedGenericModule,
-                    ButtonsModule,
-                    LabelModule,
-                    GridModule,
-                    DropDownsModule,
-                    BrowserModule,
-                    BrowserAnimationsModule,
-                    InputsModule,
-                    UploadsModule,
-                    MenusModule,
-                    IndicatorsModule,
+                    MJButtonDirective,
+                    MJDialogComponent,
+                    MJDialogActionsComponent,
                 ],
                 exports: [
                     CategoryTreeComponent,
@@ -100,22 +69,13 @@ export class FileStorageModule {
         StorageProvidersListComponent,
         FolderTreeComponent,
         FileGridComponent], imports: [CommonModule,
-        TreeViewModule,
         FormsModule,
-        DialogsModule,
-        ExcelExportModule,
+        AgGridModule,
         ContainerDirectivesModule,
         SharedGenericModule,
-        ButtonsModule,
-        LabelModule,
-        GridModule,
-        DropDownsModule,
-        BrowserModule,
-        BrowserAnimationsModule,
-        InputsModule,
-        UploadsModule,
-        MenusModule,
-        IndicatorsModule], exports: [CategoryTreeComponent,
+        MJButtonDirective,
+        MJDialogComponent,
+        MJDialogActionsComponent], exports: [CategoryTreeComponent,
         FilesGridComponent,
         FileUploadComponent,
         FileBrowserComponent,

package/dist/lib/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":"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","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\n// Kendo UI Angular imports\nimport { BrowserModule } from '@angular/platform-browser';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { ButtonsModule } from '@progress/kendo-angular-buttons';\nimport { DialogsModule } from '@progress/kendo-angular-dialog';\nimport { ExcelExportModule } from '@progress/kendo-angular-excel-export';\nimport { GridModule } from '@progress/kendo-angular-grid';\nimport { IndicatorsModule } from '@progress/kendo-angular-indicators';\nimport { InputsModule } from '@progress/kendo-angular-inputs';\nimport { LabelModule } from '@progress/kendo-angular-label';\nimport { MenusModule } from '@progress/kendo-angular-menu';\nimport { TreeViewModule } from '@progress/kendo-angular-treeview';\n\nimport { FormsModule } from '@angular/forms';\nimport { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';\nimport { SharedGenericModule } from '@memberjunction/ng-shared-generic';\nimport { DropDownsModule } from '@progress/kendo-angular-dropdowns';\nimport { UploadsModule } from '@progress/kendo-angular-upload';\nimport { CategoryTreeComponent } from './category-tree/category-tree';\nimport { FileUploadComponent } from './file-upload/file-upload';\nimport { FilesGridComponent } from './files-grid/files-grid';\nimport { FileBrowserComponent } from './file-browser/file-browser.component';\nimport { FileBrowserDemoComponent } from './file-browser/file-browser-demo.component';\nimport { FileBrowserResource } from './file-browser/file-browser-resource.component';\nimport { StorageProvidersListComponent } from './file-browser/storage-providers-list.component';\nimport { FolderTreeComponent } from './file-browser/folder-tree.component';\nimport { FileGridComponent } from './file-browser/file-grid.component';\n\n@NgModule({\n  declarations: [\n    CategoryTreeComponent,\n    FilesGridComponent,\n    FileUploadComponent,\n    FileBrowserComponent,\n    FileBrowserDemoComponent,\n    FileBrowserResource,\n    StorageProvidersListComponent,\n    FolderTreeComponent,\n    FileGridComponent\n  ],\n  imports: [\n    CommonModule,\n    TreeViewModule,\n    FormsModule,\n    DialogsModule,\n    ExcelExportModule,\n    ContainerDirectivesModule,\n    SharedGenericModule,\n    ButtonsModule,\n    LabelModule,\n    GridModule,\n    DropDownsModule,\n    BrowserModule,\n    BrowserAnimationsModule,\n    InputsModule,\n    UploadsModule,\n    MenusModule,\n    IndicatorsModule,\n  ],\n  exports: [\n    CategoryTreeComponent,\n    FilesGridComponent,\n    FileUploadComponent,\n    FileBrowserComponent,\n    FileBrowserDemoComponent,\n    FileBrowserResource\n  ],\n})\nexport class FileStorageModule {}\n"]}
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAClH,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,6BAA6B,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;;AAiCvE,MAAM,OAAO,iBAAiB;2GAAjB,iBAAiB;4DAAjB,iBAAiB;gEAlB1B,YAAY;YACZ,WAAW;YACX,YAAY;YACZ,yBAAyB;YACzB,mBAAmB;YAEnB,iBAAiB;YACjB,wBAAwB;;iFAWf,iBAAiB;cA/B7B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,qBAAqB;oBACrB,kBAAkB;oBAClB,mBAAmB;oBACnB,oBAAoB;oBACpB,wBAAwB;oBACxB,mBAAmB;oBACnB,6BAA6B;oBAC7B,mBAAmB;oBACnB,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,WAAW;oBACX,YAAY;oBACZ,yBAAyB;oBACzB,mBAAmB;oBACnB,iBAAiB;oBACjB,iBAAiB;oBACjB,wBAAwB;iBACzB;gBACD,OAAO,EAAE;oBACP,qBAAqB;oBACrB,kBAAkB;oBAClB,mBAAmB;oBACnB,oBAAoB;oBACpB,wBAAwB;oBACxB,mBAAmB;iBACpB;aACF;;wFACY,iBAAiB,mBA7B1B,qBAAqB;QACrB,kBAAkB;QAClB,mBAAmB;QACnB,oBAAoB;QACpB,wBAAwB;QACxB,mBAAmB;QACnB,6BAA6B;QAC7B,mBAAmB;QACnB,iBAAiB,aAGjB,YAAY;QACZ,WAAW;QACX,YAAY;QACZ,yBAAyB;QACzB,mBAAmB;QACnB,iBAAiB;QACjB,iBAAiB;QACjB,wBAAwB,aAGxB,qBAAqB;QACrB,kBAAkB;QAClB,mBAAmB;QACnB,oBAAoB;QACpB,wBAAwB;QACxB,mBAAmB","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { FormsModule } from '@angular/forms';\nimport { AgGridModule } from 'ag-grid-angular';\nimport { MJButtonDirective, MJDialogComponent, MJDialogActionsComponent } from '@memberjunction/ng-ui-components';\nimport { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';\nimport { SharedGenericModule } from '@memberjunction/ng-shared-generic';\nimport { CategoryTreeComponent } from './category-tree/category-tree';\nimport { FileUploadComponent } from './file-upload/file-upload';\nimport { FilesGridComponent } from './files-grid/files-grid';\nimport { FileBrowserComponent } from './file-browser/file-browser.component';\nimport { FileBrowserDemoComponent } from './file-browser/file-browser-demo.component';\nimport { FileBrowserResource } from './file-browser/file-browser-resource.component';\nimport { StorageProvidersListComponent } from './file-browser/storage-providers-list.component';\nimport { FolderTreeComponent } from './file-browser/folder-tree.component';\nimport { FileGridComponent } from './file-browser/file-grid.component';\n\n@NgModule({\n  declarations: [\n    CategoryTreeComponent,\n    FilesGridComponent,\n    FileUploadComponent,\n    FileBrowserComponent,\n    FileBrowserDemoComponent,\n    FileBrowserResource,\n    StorageProvidersListComponent,\n    FolderTreeComponent,\n    FileGridComponent\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    AgGridModule,\n    ContainerDirectivesModule,\n    SharedGenericModule,\n    MJButtonDirective,\n    MJDialogComponent,\n    MJDialogActionsComponent,\n  ],\n  exports: [\n    CategoryTreeComponent,\n    FilesGridComponent,\n    FileUploadComponent,\n    FileBrowserComponent,\n    FileBrowserDemoComponent,\n    FileBrowserResource\n  ],\n})\nexport class FileStorageModule {}\n"]}