@memberjunction/ng-file-storage 0.9.9 → 0.9.12

package/dist/lib/category-tree/category-tree.d.ts

@@ -1,17 +1,33 @@
-import { OnInit } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { FileCategoryEntity } from '@memberjunction/core-entities';
-import { kendoSVGIcon } from '@memberjunction/ng-shared';
+import { SharedService, kendoSVGIcon } from '@memberjunction/ng-shared';
+import { ContextMenuSelectEvent } from '@progress/kendo-angular-menu';
+import { TreeItemAddRemoveArgs } from '@progress/kendo-angular-treeview';
 import * as i0 from "@angular/core";
 export declare class CategoryTreeComponent implements OnInit {
-    EntityName: string;
-    BottomMargin: number;
+    private sharedService;
+    categorySelected: EventEmitter<number>;
     isLoading: boolean;
+    showNew: boolean;
+    newCategoryName: string;
+    selectedKeys: never[];
+    renameFileCategory: FileCategoryEntity | undefined;
     kendoSVGIcon: typeof kendoSVGIcon;
     categoriesData: FileCategoryEntity[];
-    constructor();
+    private md;
+    constructor(sharedService: SharedService);
     ngOnInit(): void;
+    createNewCategory(): Promise<void>;
+    cancelNewCategory(): void;
+    handleDrop(e: TreeItemAddRemoveArgs): Promise<void>;
+    saveNewCategory(): Promise<void>;
+    deleteCategory(fileCategory: FileCategoryEntity): Promise<void>;
+    clearSelection(): void;
+    handleMenuSelect(e: ContextMenuSelectEvent): void;
+    cancelRename(): void;
+    saveRename(): Promise<void>;
     Refresh(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CategoryTreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CategoryTreeComponent, "mj-files-category-tree", never, { "EntityName": { "alias": "EntityName"; "required": false; }; "BottomMargin": { "alias": "BottomMargin"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CategoryTreeComponent, "mj-files-category-tree", never, {}, { "categorySelected": "categorySelected"; }, never, never, false, never>;
 }
 //# sourceMappingURL=category-tree.d.ts.map

package/dist/lib/category-tree/category-tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"category-tree.d.ts","sourceRoot":"","sources":["../../../src/lib/category-tree/category-tree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;;AAGzD,qBAKa,qBAAsB,YAAW,MAAM;IACzC,UAAU,EAAG,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAK;IAE3B,SAAS,EAAE,OAAO,CAAS;IAE3B,YAAY,sBAAgB;IAE5B,cAAc,EAAE,kBAAkB,EAAE,CAAM;;IAIjD,QAAQ,IAAI,IAAI;IAIV,OAAO;yCAhBF,qBAAqB;2CAArB,qBAAqB;CAiCjC"}
+{"version":3,"file":"category-tree.d.ts","sourceRoot":"","sources":["../../../src/lib/category-tree/category-tree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAE,MAAM,EAAU,MAAM,eAAe,CAAC;AAExE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAExE,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;;AAEzE,qBAKa,qBAAsB,YAAW,MAAM;IAetC,OAAO,CAAC,aAAa;IAdvB,gBAAgB,uBAA8B;IAEjD,SAAS,EAAE,OAAO,CAAS;IAC3B,OAAO,EAAE,OAAO,CAAS;IACzB,eAAe,SAAM;IACrB,YAAY,UAAM;IAClB,kBAAkB,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAEnD,YAAY,sBAAgB;IAE5B,cAAc,EAAE,kBAAkB,EAAE,CAAM;IAEjD,OAAO,CAAC,EAAE,CAAkB;gBAER,aAAa,EAAE,aAAa;IAEhD,QAAQ,IAAI,IAAI;IAIV,iBAAiB;IAIvB,iBAAiB;IAIX,UAAU,CAAC,CAAC,EAAE,qBAAqB;IAWnC,eAAe;IAWf,cAAc,CAAC,YAAY,EAAE,kBAAkB;IAerD,cAAc;IAKd,gBAAgB,CAAC,CAAC,EAAE,sBAAsB;IAgB1C,YAAY;IAKN,UAAU;IAOV,OAAO;yCAnGF,qBAAqB;2CAArB,qBAAqB;CAmHjC"}

package/dist/lib/category-tree/category-tree.js

@@ -7,28 +7,191 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Component, Input } from '@angular/core';
-import { RunView } from '@memberjunction/core';
+import { Component, EventEmitter, Output } from '@angular/core';
+import { Metadata, RunView } from '@memberjunction/core';
 import { kendoSVGIcon } from '@memberjunction/ng-shared';
 import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-treeview";
+import * as i1 from "@memberjunction/ng-shared";
+import * as i2 from "@angular/common";
+import * as i3 from "@progress/kendo-angular-treeview";
+import * as i4 from "@angular/forms";
+import * as i5 from "@progress/kendo-angular-dialog";
+import * as i6 from "@progress/kendo-angular-buttons";
+import * as i7 from "@progress/kendo-angular-label";
+import * as i8 from "@progress/kendo-angular-inputs";
+import * as i9 from "@progress/kendo-angular-menu";
+function CategoryTreeComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", null, 8);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "kendo-contextmenu", 9);
+    i0.ɵɵlistener("select", function CategoryTreeComponent_ng_template_7_Template_kendo_contextmenu_select_3_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.handleMenuSelect($event)); });
+    i0.ɵɵelement(4, "kendo-menu-item", 10)(5, "kendo-menu-item", 11);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const dataItem_r3 = ctx.$implicit;
+    const _r4 = i0.ɵɵreference(1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", dataItem_r3.Name, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("target", _r4);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("data", dataItem_r3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("data", dataItem_r3)("disabled", true);
+} }
+function CategoryTreeComponent_kendo_dialog_8_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dialog", 12);
+    i0.ɵɵlistener("close", function CategoryTreeComponent_kendo_dialog_8_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.cancelNewCategory()); });
+    i0.ɵɵelementStart(1, "div", 0)(2, "form", null, 13)(4, "kendo-label", 14)(5, "kendo-textbox", 15);
+    i0.ɵɵtwoWayListener("ngModelChange", function CategoryTreeComponent_kendo_dialog_8_Template_kendo_textbox_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r10 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r10.newCategoryName, $event) || (ctx_r10.newCategoryName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(6, "kendo-dialog-actions")(7, "button", 16);
+    i0.ɵɵlistener("click", function CategoryTreeComponent_kendo_dialog_8_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r9); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.cancelNewCategory()); });
+    i0.ɵɵtext(8, "Cancel");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "button", 17);
+    i0.ɵɵlistener("click", function CategoryTreeComponent_kendo_dialog_8_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r9); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.saveNewCategory()); });
+    i0.ɵɵtext(10, "Save");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("minWidth", 250)("width", 450);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.newCategoryName);
+    i0.ɵɵproperty("showSuccessIcon", ctx_r1.newCategoryName.length > 0)("disabled", ctx_r1.isLoading);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.isLoading);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.isLoading);
+} }
+function CategoryTreeComponent_kendo_dialog_9_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dialog", 18);
+    i0.ɵɵlistener("close", function CategoryTreeComponent_kendo_dialog_9_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r14 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r14.cancelRename()); });
+    i0.ɵɵelementStart(1, "div", 0)(2, "form", null, 13)(4, "kendo-label", 14)(5, "kendo-textbox", 19);
+    i0.ɵɵtwoWayListener("ngModelChange", function CategoryTreeComponent_kendo_dialog_9_Template_kendo_textbox_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r16 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r16.renameFileCategory.Name, $event) || (ctx_r16.renameFileCategory.Name = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(6, "kendo-dialog-actions")(7, "button", 16);
+    i0.ɵɵlistener("click", function CategoryTreeComponent_kendo_dialog_9_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r15); const ctx_r17 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r17.cancelRename()); });
+    i0.ɵɵtext(8, "Cancel");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "button", 17);
+    i0.ɵɵlistener("click", function CategoryTreeComponent_kendo_dialog_9_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r15); const ctx_r18 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r18.saveRename()); });
+    i0.ɵɵtext(10, "Save");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("minWidth", 250)("width", 450);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.renameFileCategory.Name);
+    i0.ɵɵproperty("showSuccessIcon", ctx_r2.renameFileCategory.Name.length > 0)("disabled", ctx_r2.isLoading);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r2.isLoading);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r2.isLoading || !ctx_r2.renameFileCategory.Dirty);
+} }
 export class CategoryTreeComponent {
-    constructor() {
-        this.BottomMargin = 0;
+    constructor(sharedService) {
+        this.sharedService = sharedService;
+        this.categorySelected = new EventEmitter();
         this.isLoading = false;
+        this.showNew = false;
+        this.newCategoryName = '';
+        this.selectedKeys = [];
         this.kendoSVGIcon = kendoSVGIcon;
         this.categoriesData = [];
+        this.md = new Metadata();
     }
     ngOnInit() {
         this.Refresh();
     }
+    createNewCategory() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.showNew = true;
+        });
+    }
+    cancelNewCategory() {
+        this.showNew = false;
+    }
+    handleDrop(e) {
+        return __awaiter(this, void 0, void 0, function* () {
+            console.log(e);
+            const sourceCategory = e.sourceItem.item.dataItem;
+            const targetCategory = e.destinationItem.item.dataItem;
+            sourceCategory.ParentID = targetCategory.ID;
+            this.isLoading = true;
+            yield sourceCategory.Save();
+            this.isLoading = false;
+        });
+    }
+    saveNewCategory() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.isLoading = true;
+            const categoryEntity = yield this.md.GetEntityObject('File Categories');
+            categoryEntity.NewRecord();
+            categoryEntity.Name = this.newCategoryName;
+            yield (categoryEntity === null || categoryEntity === void 0 ? void 0 : categoryEntity.Save());
+            this.categoriesData = [...this.categoriesData, categoryEntity];
+            this.showNew = false;
+            this.isLoading = false;
+        });
+    }
+    deleteCategory(fileCategory) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.isLoading = true;
+            const { ID } = fileCategory;
+            const success = yield fileCategory.Delete();
+            if (!success) {
+                console.error('Unable to delete file category', fileCategory);
+                this.sharedService.CreateSimpleNotification(`Unable to delete category '${fileCategory.Name}'`, 'error');
+                return;
+            }
+            this.categoriesData = this.categoriesData.filter((c) => c.ID !== ID);
+            this.clearSelection();
+            this.isLoading = false;
+        });
+    }
+    clearSelection() {
+        this.selectedKeys = [];
+        this.categorySelected.emit(undefined);
+    }
+    handleMenuSelect(e) {
+        var _a, _b, _c;
+        const action = (_c = (_b = (_a = e.item) === null || _a === void 0 ? void 0 : _a.text) === null || _b === void 0 ? void 0 : _b.toLowerCase()) !== null && _c !== void 0 ? _c : '';
+        switch (action) {
+            case 'rename':
+                this.renameFileCategory = e.item.data;
+                break;
+            case 'delete':
+                this.deleteCategory(e.item.data);
+                break;
+            default:
+                break;
+        }
+    }
+    cancelRename() {
+        var _a;
+        (_a = this.renameFileCategory) === null || _a === void 0 ? void 0 : _a.Revert();
+        this.renameFileCategory = undefined;
+    }
+    saveRename() {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            this.isLoading = true;
+            yield ((_a = this.renameFileCategory) === null || _a === void 0 ? void 0 : _a.Save());
+            this.renameFileCategory = undefined;
+            this.isLoading = false;
+        });
+    }
     Refresh() {
         return __awaiter(this, void 0, void 0, function* () {
             this.isLoading = true;
             const rv = new RunView();
             const result = yield rv.RunView({
                 EntityName: 'File Categories',
-                // ExtraFilter: `LEFT(Status, 1)<>'D'`, //'CategoryID=' + e.ID,
                 ResultType: 'entity_object',
             });
             if (result.Success) {
@@ -41,21 +204,34 @@ export class CategoryTreeComponent {
         });
     }
 }
-CategoryTreeComponent.ɵfac = function CategoryTreeComponent_Factory(t) { return new (t || CategoryTreeComponent)(); };
-CategoryTreeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CategoryTreeComponent, selectors: [["mj-files-category-tree"]], inputs: { EntityName: "EntityName", BottomMargin: "BottomMargin" }, decls: 2, vars: 1, consts: [[1, "container"], ["textField", "Name", "kendoTreeViewExpandable", "", "kendoTreeViewFlatDataBinding", "", "idField", "ID", "parentIdField", "ParentID", 3, "nodes"]], template: function CategoryTreeComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵelement(1, "kendo-treeview", 1);
+CategoryTreeComponent.ɵfac = function CategoryTreeComponent_Factory(t) { return new (t || CategoryTreeComponent)(i0.ɵɵdirectiveInject(i1.SharedService)); };
+CategoryTreeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CategoryTreeComponent, selectors: [["mj-files-category-tree"]], outputs: { categorySelected: "categorySelected" }, decls: 10, vars: 4, consts: [[1, "container"], [1, "tree-header"], [3, "click"], ["size", "small", 3, "click"], ["textField", "Name", "kendoTreeViewExpandable", "", "kendoTreeViewFlatDataBinding", "", "idField", "ID", "parentIdField", "ParentID", "kendoTreeViewDragAndDrop", "", "kendoTreeViewSelectable", "", 3, "nodes", "selectedKeys", "selectionChange", "addItem"], ["kendoTreeViewNodeTemplate", ""], ["title", "New file category", 3, "minWidth", "width", "close", 4, "ngIf"], ["title", "Rename file category", 3, "minWidth", "width", "close", 4, "ngIf"], ["target", ""], [3, "target", "select"], ["text", "Rename", 3, "data"], ["text", "Delete", 3, "data", "disabled"], ["title", "New file category", 3, "minWidth", "width", "close"], ["templateForm", "ngForm"], ["text", "Name", 1, "k-form"], ["name", "name", "showErrorIcon", "initial", "required", "", 3, "ngModel", "showSuccessIcon", "disabled", "ngModelChange"], ["kendoButton", "", 3, "disabled", "click"], ["kendoButton", "", "themeColor", "primary", 3, "disabled", "click"], ["title", "Rename file category", 3, "minWidth", "width", "close"], ["name", "Name", "showErrorIcon", "initial", "required", "", 3, "ngModel", "showSuccessIcon", "disabled", "ngModelChange"]], template: function CategoryTreeComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "kendo-button", 2);
+        i0.ɵɵlistener("click", function CategoryTreeComponent_Template_kendo_button_click_2_listener() { return ctx.clearSelection(); });
+        i0.ɵɵtext(3, "All Files");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "kendo-button", 3);
+        i0.ɵɵlistener("click", function CategoryTreeComponent_Template_kendo_button_click_4_listener() { return ctx.createNewCategory(); });
+        i0.ɵɵtext(5, "Add category");
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(6, "kendo-treeview", 4);
+        i0.ɵɵlistener("selectionChange", function CategoryTreeComponent_Template_kendo_treeview_selectionChange_6_listener($event) { return ctx.categorySelected.emit($event.dataItem.ID); })("addItem", function CategoryTreeComponent_Template_kendo_treeview_addItem_6_listener($event) { return ctx.handleDrop($event); });
+        i0.ɵɵtemplate(7, CategoryTreeComponent_ng_template_7_Template, 6, 5, "ng-template", 5);
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(8, CategoryTreeComponent_kendo_dialog_8_Template, 11, 7, "kendo-dialog", 6)(9, CategoryTreeComponent_kendo_dialog_9_Template, 11, 7, "kendo-dialog", 7);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
+        i0.ɵɵadvance(6);
+        i0.ɵɵproperty("nodes", ctx.categoriesData)("selectedKeys", ctx.selectedKeys);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx.showNew);
         i0.ɵɵadvance();
-        i0.ɵɵproperty("nodes", ctx.categoriesData);
-    } }, dependencies: [i1.TreeViewComponent, i1.ExpandDirective, i1.FlatDataBindingDirective], styles: ["\n\r\n\r\nkendo-treeview[_ngcontent-%COMP%] {\r\n  width: 250px;\r\n}"] });
+        i0.ɵɵproperty("ngIf", !!ctx.renameFileCategory);
+    } }, dependencies: [i2.NgIf, i3.TreeViewComponent, i3.NodeTemplateDirective, i3.ExpandDirective, i3.SelectDirective, i3.FlatDataBindingDirective, i3.DragAndDropDirective, i4.ɵNgNoValidate, i4.NgControlStatus, i4.NgControlStatusGroup, i4.RequiredValidator, i4.NgModel, i4.NgForm, i5.DialogComponent, i5.DialogActionsComponent, i6.ButtonComponent, i7.LabelComponent, i8.TextBoxComponent, i9.MenuItemComponent, i9.ContextMenuComponent], styles: ["\n\r\n.container[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\nkendo-treeview[_ngcontent-%COMP%] {\r\n  width: 250px;\r\n}\r\n\r\n.tree-header[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding-right: 4px;\r\n}\r\n\r\nkendo-label[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  column-gap: 12px;\r\n  margin-bottom: 4px;\r\n}\r\n\r\nkendo-label[_ngcontent-%COMP%]   kendo-textbox[_ngcontent-%COMP%] {\r\n  width: 100%;\r\n}\r\n\r\nkendo-loader[_ngcontent-%COMP%] {\r\n  padding-left: 4px;\r\n}"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CategoryTreeComponent, [{
         type: Component,
-        args: [{ selector: 'mj-files-category-tree', template: "<div class=\"container\">\r\n  <kendo-treeview \r\n      [nodes]=\"categoriesData\"\r\n      textField=\"Name\"\r\n      kendoTreeViewExpandable\r\n      kendoTreeViewFlatDataBinding\r\n      idField=\"ID\"\r\n      parentIdField=\"ParentID\"\r\n  ></kendo-treeview>\r\n</div>\r\n", styles: ["/* Styles for category tree */\r\n\r\nkendo-treeview {\r\n  width: 250px;\r\n}"] }]
-    }], () => [], { EntityName: [{
-            type: Input
-        }], BottomMargin: [{
-            type: Input
+        args: [{ selector: 'mj-files-category-tree', template: "<div class=\"container\">\r\n  <div class=\"tree-header\">\r\n    <kendo-button (click)=\"clearSelection()\">All Files</kendo-button>\r\n    <kendo-button (click)=\"createNewCategory()\" size=\"small\">Add category</kendo-button>\r\n  </div>\r\n  <kendo-treeview\r\n    [nodes]=\"categoriesData\"\r\n    textField=\"Name\"\r\n    kendoTreeViewExpandable\r\n    kendoTreeViewFlatDataBinding\r\n    idField=\"ID\"\r\n    parentIdField=\"ParentID\"\r\n    (selectionChange)=\"categorySelected.emit($event.dataItem.ID)\"\r\n    kendoTreeViewDragAndDrop\r\n    kendoTreeViewSelectable\r\n    (addItem)=\"handleDrop($event)\"\r\n    [selectedKeys]=\"selectedKeys\"\r\n  >\r\n    <ng-template kendoTreeViewNodeTemplate let-dataItem>\r\n      <span #target>{{ dataItem.Name }} </span>\r\n      <kendo-contextmenu [target]=\"target\" (select)=\"handleMenuSelect($event)\">\r\n        <kendo-menu-item text=\"Rename\" [data]=\"dataItem\"> </kendo-menu-item>\r\n        <kendo-menu-item text=\"Delete\" [data]=\"dataItem\" [disabled]=\"true\"> </kendo-menu-item>\r\n      </kendo-contextmenu>\r\n    </ng-template>\r\n  </kendo-treeview>\r\n\r\n  <kendo-dialog title=\"New file category\" *ngIf=\"showNew\" (close)=\"cancelNewCategory()\" [minWidth]=\"250\" [width]=\"450\">\r\n    <div class=\"container\">\r\n      <form #templateForm=\"ngForm\">\r\n        <kendo-label class=\"k-form\" text=\"Name\">\r\n          <kendo-textbox\r\n            name=\"name\"\r\n            [(ngModel)]=\"newCategoryName\"\r\n            [showSuccessIcon]=\"newCategoryName.length > 0\"\r\n            showErrorIcon=\"initial\"\r\n            required\r\n            [disabled]=\"isLoading\"\r\n          ></kendo-textbox>\r\n        </kendo-label>\r\n      </form>\r\n    </div>\r\n    <kendo-dialog-actions>\r\n      <button kendoButton (click)=\"cancelNewCategory()\" [disabled]=\"isLoading\">Cancel</button>\r\n      <button kendoButton (click)=\"saveNewCategory()\" [disabled]=\"isLoading\" themeColor=\"primary\">Save</button>\r\n    </kendo-dialog-actions>\r\n  </kendo-dialog>\r\n\r\n  <kendo-dialog title=\"Rename file category\" *ngIf=\"!!renameFileCategory\" (close)=\"cancelRename()\" [minWidth]=\"250\" [width]=\"450\">\r\n    <div class=\"container\">\r\n      <form #templateForm=\"ngForm\">\r\n        <kendo-label class=\"k-form\" text=\"Name\">\r\n          <kendo-textbox\r\n            name=\"Name\"\r\n            [(ngModel)]=\"renameFileCategory.Name\"\r\n            [showSuccessIcon]=\"renameFileCategory.Name.length > 0\"\r\n            showErrorIcon=\"initial\"\r\n            required\r\n            [disabled]=\"isLoading\"\r\n          ></kendo-textbox>\r\n        </kendo-label>\r\n      </form>\r\n    </div>\r\n    <kendo-dialog-actions>\r\n      <button kendoButton (click)=\"cancelRename()\" [disabled]=\"isLoading\">Cancel</button>\r\n      <button kendoButton (click)=\"saveRename()\" [disabled]=\"isLoading || !renameFileCategory.Dirty\" themeColor=\"primary\">Save</button>\r\n    </kendo-dialog-actions>\r\n  </kendo-dialog>\r\n</div>\r\n", styles: ["/* Styles for category tree */\r\n.container {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\nkendo-treeview {\r\n  width: 250px;\r\n}\r\n\r\n.tree-header {\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding-right: 4px;\r\n}\r\n\r\nkendo-label {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  column-gap: 12px;\r\n  margin-bottom: 4px;\r\n}\r\n\r\nkendo-label kendo-textbox {\r\n  width: 100%;\r\n}\r\n\r\nkendo-loader {\r\n  padding-left: 4px;\r\n}"] }]
+    }], () => [{ type: i1.SharedService }], { categorySelected: [{
+            type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CategoryTreeComponent, { className: "CategoryTreeComponent", filePath: "src\\lib\\category-tree\\category-tree.ts", lineNumber: 13 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CategoryTreeComponent, { className: "CategoryTreeComponent", filePath: "src\\lib\\category-tree\\category-tree.ts", lineNumber: 14 }); })();

package/dist/lib/file-upload/file-upload.d.ts

@@ -17,12 +17,13 @@ export declare class FileUploadComponent implements OnInit {
     private md;
     constructor();
     disabled: boolean;
+    CategoryID: number | undefined;
     uploadStarted: EventEmitter<void>;
     fileUpload: EventEmitter<FileUploadEvent>;
     ngOnInit(): void;
     Refresh(): Promise<void>;
     selectEventHandler(e: SelectEvent): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "mj-files-file-upload", never, { "disabled": { "alias": "disabled"; "required": false; }; }, { "uploadStarted": "uploadStarted"; "fileUpload": "fileUpload"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "mj-files-file-upload", never, { "disabled": { "alias": "disabled"; "required": false; }; "CategoryID": { "alias": "CategoryID"; "required": false; }; }, { "uploadStarted": "uploadStarted"; "fileUpload": "fileUpload"; }, never, never, false, never>;
 }
 //# sourceMappingURL=file-upload.d.ts.map

package/dist/lib/file-upload/file-upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../../src/lib/file-upload/file-upload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAS,MAAM,EAAU,MAAM,eAAe,CAAC;AAE/E,OAAO,EAAE,UAAU,EAA6B,MAAM,+BAA+B,CAAC;AAGtF,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;;AAGvE,MAAM,MAAM,eAAe,GACvB;IAAE,OAAO,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,UAAU,CAAA;CAAE,GACnC;IAAE,OAAO,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAA;AAmDtC,qBAKa,mBAAoB,YAAW,MAAM;IACzC,YAAY,sBAAgB;IAC5B,WAAW,UAAS;IAC3B,OAAO,CAAC,iBAAiB,CAAM;IAC/B,OAAO,CAAC,EAAE,CAAkB;;IAInB,QAAQ,UAAS;IAChB,aAAa,qBAA4B;IACzC,UAAU,gCAAuC;IAE3D,QAAQ,IAAI,IAAI;IAIV,OAAO;IASP,kBAAkB,CAAC,CAAC,EAAE,WAAW;yCAzB5B,mBAAmB;2CAAnB,mBAAmB;CAkF/B"}
+{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../../src/lib/file-upload/file-upload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAS,MAAM,EAAU,MAAM,eAAe,CAAC;AAE/E,OAAO,EAAE,UAAU,EAA6B,MAAM,+BAA+B,CAAC;AAGtF,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;;AAGvE,MAAM,MAAM,eAAe,GAAG;IAAE,OAAO,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,UAAU,CAAA;CAAE,GAAG;IAAE,OAAO,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC;AAmDvG,qBAKa,mBAAoB,YAAW,MAAM;IACzC,YAAY,sBAAgB;IAC5B,WAAW,UAAS;IAC3B,OAAO,CAAC,iBAAiB,CAAM;IAC/B,OAAO,CAAC,EAAE,CAAkB;;IAInB,QAAQ,UAAS;IACjB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAa;IAC1C,aAAa,qBAA4B;IACzC,UAAU,gCAAuC;IAE3D,QAAQ,IAAI,IAAI;IAIV,OAAO;IASP,kBAAkB,CAAC,CAAC,EAAE,WAAW;yCA1B5B,mBAAmB;2CAAnB,mBAAmB;CA4E/B"}

package/dist/lib/file-upload/file-upload.js

@@ -67,6 +67,7 @@ export class FileUploadComponent {
         this.defaultProviderID = -1;
         this.md = new Metadata();
         this.disabled = false;
+        this.CategoryID = undefined;
         this.uploadStarted = new EventEmitter();
         this.fileUpload = new EventEmitter();
     }
@@ -86,34 +87,29 @@ export class FileUploadComponent {
     selectEventHandler(e) {
         return __awaiter(this, void 0, void 0, function* () {
             e.preventDefault();
-            console.log('Files were selected', e);
             this.isUploading = true;
             this.uploadStarted.emit();
             // for each selected file to upload
             for (const file of e.files) {
+                const input = {
+                    Name: file.name,
+                    ProviderID: this.defaultProviderID,
+                    Status: 'Pending',
+                    CategoryID: this.CategoryID,
+                };
                 // call the gql
-                const result = yield GraphQLDataProvider.ExecuteGQL(FileUploadMutation, {
-                    input: {
-                        Name: file.name,
-                        ProviderID: this.defaultProviderID,
-                        Status: 'Pending',
-                        // TODO: Get this from outside this component
-                        // CategoryID
-                    },
-                });
+                const result = yield GraphQLDataProvider.ExecuteGQL(FileUploadMutation, { input });
                 // make sure the response is correct
                 const parsedResult = FileUploadMutationSchema.safeParse(result);
                 if (parsedResult.success) {
                     const { File, UploadUrl } = parsedResult.data.CreateFile;
                     try {
-                        console.log('type of ', typeof file);
                         // now upload to the url
                         yield window.fetch(UploadUrl, {
                             method: 'PUT',
                             headers: { 'x-ms-blob-type': 'BlockBlob' },
                             body: file.rawFile,
                         });
-                        console.log('File uploaded', file);
                         // now update that file to set status
                         const fileEntity = yield this.md.GetEntityObject('Files');
                         yield fileEntity.LoadFromData(File);
@@ -139,7 +135,7 @@ export class FileUploadComponent {
     }
 }
 FileUploadComponent.ɵfac = function FileUploadComponent_Factory(t) { return new (t || FileUploadComponent)(); };
-FileUploadComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FileUploadComponent, selectors: [["mj-files-file-upload"]], inputs: { disabled: "disabled" }, outputs: { uploadStarted: "uploadStarted", fileUpload: "fileUpload" }, decls: 1, vars: 2, consts: [[3, "disabled", "multiple", "select"]], template: function FileUploadComponent_Template(rf, ctx) { if (rf & 1) {
+FileUploadComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FileUploadComponent, selectors: [["mj-files-file-upload"]], inputs: { disabled: "disabled", CategoryID: "CategoryID" }, outputs: { uploadStarted: "uploadStarted", fileUpload: "fileUpload" }, decls: 1, vars: 2, consts: [[3, "disabled", "multiple", "select"]], template: function FileUploadComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "kendo-fileselect", 0);
         i0.ɵɵlistener("select", function FileUploadComponent_Template_kendo_fileselect_select_0_listener($event) { return ctx.selectEventHandler($event); });
         i0.ɵɵelementEnd();
@@ -151,9 +147,11 @@ FileUploadComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FileUpl
         args: [{ selector: 'mj-files-file-upload', template: "<kendo-fileselect [disabled]=\"isUploading || disabled\" [multiple]=\"false\" (select)=\"selectEventHandler($event)\"></kendo-fileselect>\r\n" }]
     }], () => [], { disabled: [{
             type: Input
+        }], CategoryID: [{
+            type: Input
         }], uploadStarted: [{
             type: Output
         }], fileUpload: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FileUploadComponent, { className: "FileUploadComponent", filePath: "src\\lib\\file-upload\\file-upload.ts", lineNumber: 68 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FileUploadComponent, { className: "FileUploadComponent", filePath: "src\\lib\\file-upload\\file-upload.ts", lineNumber: 66 }); })();

package/dist/lib/files-grid/files-grid.d.ts

@@ -1,16 +1,18 @@
-import { OnInit } from '@angular/core';
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { FileEntity } from '@memberjunction/core-entities';
 import { SharedService, kendoSVGIcon } from '@memberjunction/ng-shared';
 import { FileUploadEvent } from '../file-upload/file-upload';
 import * as i0 from "@angular/core";
-export declare class FilesGridComponent implements OnInit {
+export declare class FilesGridComponent implements OnInit, OnChanges {
     private sharedService;
     files: FileEntity[];
     isLoading: boolean;
     editFile: FileEntity | undefined;
     kendoSVGIcon: typeof kendoSVGIcon;
     constructor(sharedService: SharedService);
+    CategoryID: number | undefined;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     /**
      * Resets the edited file.
      *
@@ -64,6 +66,6 @@ export declare class FilesGridComponent implements OnInit {
      */
     Refresh(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilesGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilesGridComponent, "mj-files-grid", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilesGridComponent, "mj-files-grid", never, { "CategoryID": { "alias": "CategoryID"; "required": false; }; }, {}, never, never, false, never>;
 }
 //# sourceMappingURL=files-grid.d.ts.map

package/dist/lib/files-grid/files-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"files-grid.d.ts","sourceRoot":"","sources":["../../../src/lib/files-grid/files-grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,MAAM,eAAe,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAExE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;;AAiD7D,qBAKa,kBAAmB,YAAW,MAAM;IAMnC,OAAO,CAAC,aAAa;IAL1B,KAAK,EAAE,UAAU,EAAE,CAAM;IACzB,SAAS,EAAE,OAAO,CAAS;IAC3B,QAAQ,EAAE,UAAU,GAAG,SAAS,CAAC;IACjC,YAAY,sBAAgB;gBAEf,aAAa,EAAE,aAAa;IAEhD,QAAQ,IAAI,IAAI;IAIhB;;;;;;OAMG;IACI,aAAa;IAKpB;;;;;;;OAOG;IACU,YAAY;IAezB;;;;;;OAMG;IACI,YAAY,SAAgB,UAAU,mBAkB3C;IAEF;;;;;OAKG;IACI,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO;IAO9C;;;;;;OAMG;IACI,UAAU,SAAgB,UAAU,mBAYzC;IAEF;;;;;OAKG;IACI,gBAAgB,CAAC,CAAC,EAAE,eAAe;IAU1C;;;OAGG;IACG,OAAO;yCAhIF,kBAAkB;2CAAlB,kBAAkB;CAiJ9B"}
+{"version":3,"file":"files-grid.d.ts","sourceRoot":"","sources":["../../../src/lib/files-grid/files-grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAGnF,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAExE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;;AAgD7D,qBAKa,kBAAmB,YAAW,MAAM,EAAE,SAAS;IAM9C,OAAO,CAAC,aAAa;IAL1B,KAAK,EAAE,UAAU,EAAE,CAAM;IACzB,SAAS,EAAE,OAAO,CAAS;IAC3B,QAAQ,EAAE,UAAU,GAAG,SAAS,CAAC;IACjC,YAAY,sBAAgB;gBAEf,aAAa,EAAE,aAAa;IAEvC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAa;IAEpD,QAAQ,IAAI,IAAI;IAIhB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAMzC;;;;;;OAMG;IACI,aAAa;IAKpB;;;;;;;OAOG;IACU,YAAY;IAezB;;;;;;OAMG;IACI,YAAY,SAAgB,UAAU,mBAkB3C;IAEF;;;;;OAKG;IACI,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO;IAO9C;;;;;;OAMG;IACI,UAAU,SAAgB,UAAU,mBAYzC;IAEF;;;;;OAKG;IACI,gBAAgB,CAAC,CAAC,EAAE,eAAe;IAU1C;;;OAGG;IACG,OAAO;yCAxIF,kBAAkB;2CAAlB,kBAAkB;CAwJ9B"}

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

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { RunView } from '@memberjunction/core';
 import { GraphQLDataProvider, gql } from '@memberjunction/graphql-dataprovider';
 import { kendoSVGIcon } from '@memberjunction/ng-shared';
@@ -22,16 +22,16 @@ import * as i6 from "@progress/kendo-angular-label";
 import * as i7 from "@progress/kendo-angular-grid";
 import * as i8 from "@progress/kendo-angular-inputs";
 import * as i9 from "../file-upload/file-upload";
-function FilesGridComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
+function FilesGridComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-button", 10);
-    i0.ɵɵlistener("click", function FilesGridComponent_ng_template_7_Template_kendo_button_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const dataItem_r2 = restoredCtx.$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.downloadFile(dataItem_r2)); });
+    i0.ɵɵelementStart(0, "kendo-button", 11);
+    i0.ɵɵlistener("click", function FilesGridComponent_ng_template_8_Template_kendo_button_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const dataItem_r2 = restoredCtx.$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.downloadFile(dataItem_r2)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "kendo-button", 10);
-    i0.ɵɵlistener("click", function FilesGridComponent_ng_template_7_Template_kendo_button_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const dataItem_r2 = restoredCtx.$implicit; const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.deleteFile(dataItem_r2)); });
+    i0.ɵɵelementStart(1, "kendo-button", 11);
+    i0.ɵɵlistener("click", function FilesGridComponent_ng_template_8_Template_kendo_button_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const dataItem_r2 = restoredCtx.$implicit; const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.deleteFile(dataItem_r2)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "kendo-button", 10);
-    i0.ɵɵlistener("click", function FilesGridComponent_ng_template_7_Template_kendo_button_click_2_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const dataItem_r2 = restoredCtx.$implicit; const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.editFile = dataItem_r2); });
+    i0.ɵɵelementStart(2, "kendo-button", 11);
+    i0.ɵɵlistener("click", function FilesGridComponent_ng_template_8_Template_kendo_button_click_2_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const dataItem_r2 = restoredCtx.$implicit; const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.editFile = dataItem_r2); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const dataItem_r2 = ctx.$implicit;
@@ -42,23 +42,23 @@ function FilesGridComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("disabled", dataItem_r2.Status !== "Uploaded")("svgIcon", ctx_r0.kendoSVGIcon("pencil"));
 } }
-function FilesGridComponent_kendo_dialog_9_Template(rf, ctx) { if (rf & 1) {
+function FilesGridComponent_kendo_dialog_10_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dialog", 11);
-    i0.ɵɵlistener("close", function FilesGridComponent_kendo_dialog_9_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.resetEditFile()); });
-    i0.ɵɵelementStart(1, "div", 0)(2, "form", null, 12)(4, "kendo-label", 13)(5, "kendo-textbox", 14);
-    i0.ɵɵtwoWayListener("ngModelChange", function FilesGridComponent_kendo_dialog_9_Template_kendo_textbox_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r10 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r10.editFile.Name, $event) || (ctx_r10.editFile.Name = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(0, "kendo-dialog", 12);
+    i0.ɵɵlistener("close", function FilesGridComponent_kendo_dialog_10_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.resetEditFile()); });
+    i0.ɵɵelementStart(1, "div", 0)(2, "form", null, 13)(4, "kendo-label", 14)(5, "kendo-textbox", 15);
+    i0.ɵɵtwoWayListener("ngModelChange", function FilesGridComponent_kendo_dialog_10_Template_kendo_textbox_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r10 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r10.editFile.Name, $event) || (ctx_r10.editFile.Name = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "kendo-label", 15)(7, "kendo-textbox", 16);
-    i0.ɵɵtwoWayListener("ngModelChange", function FilesGridComponent_kendo_dialog_9_Template_kendo_textbox_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r11 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r11.editFile.Description, $event) || (ctx_r11.editFile.Description = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(6, "kendo-label", 16)(7, "kendo-textbox", 17);
+    i0.ɵɵtwoWayListener("ngModelChange", function FilesGridComponent_kendo_dialog_10_Template_kendo_textbox_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r11 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r11.editFile.Description, $event) || (ctx_r11.editFile.Description = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(8, "kendo-dialog-actions")(9, "button", 17);
-    i0.ɵɵlistener("click", function FilesGridComponent_kendo_dialog_9_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r9); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.resetEditFile()); });
+    i0.ɵɵelementStart(8, "kendo-dialog-actions")(9, "button", 18);
+    i0.ɵɵlistener("click", function FilesGridComponent_kendo_dialog_10_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r9); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.resetEditFile()); });
     i0.ɵɵtext(10, "Cancel");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "button", 18);
-    i0.ɵɵlistener("click", function FilesGridComponent_kendo_dialog_9_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r9); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.saveEditFile()); });
-    i0.ɵɵtext(12, " Save ");
+    i0.ɵɵelementStart(11, "button", 19);
+    i0.ɵɵlistener("click", function FilesGridComponent_kendo_dialog_10_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r9); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.saveEditFile()); });
+    i0.ɵɵtext(12, "Save");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -122,6 +122,7 @@ export class FilesGridComponent {
         this.files = [];
         this.isLoading = false;
         this.kendoSVGIcon = kendoSVGIcon;
+        this.CategoryID = undefined;
         /**
          * Downloads a file using the provided FileEntity.
          *
@@ -173,6 +174,11 @@ export class FilesGridComponent {
     ngOnInit() {
         this.Refresh();
     }
+    ngOnChanges(changes) {
+        if (changes['CategoryID']) {
+            this.Refresh();
+        }
+    }
     /**
      * Resets the edited file.
      *
@@ -241,17 +247,13 @@ export class FilesGridComponent {
      * @returns {Promise<void>} - A promise that resolves when the data is refreshed.
      */
     Refresh() {
+        var _a;
         return __awaiter(this, void 0, void 0, function* () {
             this.isLoading = true;
             const rv = new RunView();
-            const result = yield rv.RunView({
-                EntityName: 'Files',
-                // TODO: Apply the category filter here
-                // ExtraFilter: `LEFT(Status, 1)<>'D'`, //'CategoryID=' + e.ID,
-                ResultType: 'entity_object',
-            });
+            const result = yield rv.RunView(Object.assign({ EntityName: 'Files', ResultType: 'entity_object' }, (this.CategoryID !== undefined && { ExtraFilter: `CategoryID=${this.CategoryID}` })));
             if (result.Success) {
-                this.files = result.Results;
+                this.files = (_a = result.Results) !== null && _a !== void 0 ? _a : [];
             }
             else {
                 throw new Error('Error loading files: ' + result.ErrorMessage);
@@ -261,27 +263,29 @@ export class FilesGridComponent {
     }
 }
 FilesGridComponent.ɵfac = function FilesGridComponent_Factory(t) { return new (t || FilesGridComponent)(i0.ɵɵdirectiveInject(i1.SharedService)); };
-FilesGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FilesGridComponent, selectors: [["mj-files-grid"]], decls: 10, vars: 4, consts: [[1, "container"], [3, "data", "loading"], ["field", "ID", "title", "ID"], ["field", "Name", "title", "Name"], ["field", "Description", "title", "Description"], ["field", "Status", "title", "Status"], ["field", "Actions"], ["kendoGridCellTemplate", ""], [3, "disabled", "uploadStarted", "fileUpload"], ["title", "Please confirm", 3, "minWidth", "width", "close", 4, "ngIf"], [3, "disabled", "svgIcon", "click"], ["title", "Please confirm", 3, "minWidth", "width", "close"], ["templateForm", "ngForm"], ["text", "Name", 1, "k-form"], ["name", "name", "showErrorIcon", "initial", "required", "", 3, "ngModel", "showSuccessIcon", "disabled", "ngModelChange"], ["text", "Description", 1, "k-form"], ["name", "description", 3, "ngModel", "disabled", "ngModelChange"], ["kendoButton", "", 3, "disabled", "click"], ["kendoButton", "", "themeColor", "primary", 3, "disabled", "click"]], template: function FilesGridComponent_Template(rf, ctx) { if (rf & 1) {
+FilesGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FilesGridComponent, selectors: [["mj-files-grid"]], inputs: { CategoryID: "CategoryID" }, features: [i0.ɵɵNgOnChangesFeature], decls: 11, vars: 5, consts: [[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, "CategoryID", "disabled", "uploadStarted", "fileUpload"], ["title", "Edit file", 3, "minWidth", "width", "close", 4, "ngIf"], [3, "disabled", "svgIcon", "click"], ["title", "Edit file", 3, "minWidth", "width", "close"], ["templateForm", "ngForm"], ["text", "Name", 1, "k-form"], ["name", "name", "showErrorIcon", "initial", "required", "", 3, "ngModel", "showSuccessIcon", "disabled", "ngModelChange"], ["text", "Description", 1, "k-form"], ["name", "description", 3, "ngModel", "disabled", "ngModelChange"], ["kendoButton", "", 3, "disabled", "click"], ["kendoButton", "", "themeColor", "primary", 3, "disabled", "click"]], template: function FilesGridComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0)(1, "kendo-grid", 1);
-        i0.ɵɵelement(2, "kendo-grid-column", 2)(3, "kendo-grid-column", 3)(4, "kendo-grid-column", 4)(5, "kendo-grid-column", 5);
-        i0.ɵɵelementStart(6, "kendo-grid-column", 6);
-        i0.ɵɵtemplate(7, FilesGridComponent_ng_template_7_Template, 3, 6, "ng-template", 7);
+        i0.ɵɵelement(2, "kendo-grid-column", 2)(3, "kendo-grid-column", 3)(4, "kendo-grid-column", 4)(5, "kendo-grid-column", 5)(6, "kendo-grid-column", 6);
+        i0.ɵɵelementStart(7, "kendo-grid-column", 7);
+        i0.ɵɵtemplate(8, FilesGridComponent_ng_template_8_Template, 3, 6, "ng-template", 8);
         i0.ɵɵelementEnd()();
-        i0.ɵɵelementStart(8, "mj-files-file-upload", 8);
-        i0.ɵɵlistener("uploadStarted", function FilesGridComponent_Template_mj_files_file_upload_uploadStarted_8_listener() { return ctx.isLoading = true; })("fileUpload", function FilesGridComponent_Template_mj_files_file_upload_fileUpload_8_listener($event) { return ctx.handleFileUpload($event); });
+        i0.ɵɵelementStart(9, "mj-files-file-upload", 9);
+        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); });
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(9, FilesGridComponent_kendo_dialog_9_Template, 13, 9, "kendo-dialog", 9);
+        i0.ɵɵtemplate(10, FilesGridComponent_kendo_dialog_10_Template, 13, 9, "kendo-dialog", 10);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵadvance();
         i0.ɵɵproperty("data", ctx.files)("loading", ctx.isLoading);
-        i0.ɵɵadvance(7);
-        i0.ɵɵproperty("disabled", ctx.isLoading);
+        i0.ɵɵadvance(8);
+        i0.ɵɵproperty("CategoryID", ctx.CategoryID)("disabled", ctx.isLoading);
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.editFile);
     } }, dependencies: [i2.NgIf, i3.ɵNgNoValidate, i3.NgControlStatus, i3.NgControlStatusGroup, i3.RequiredValidator, i3.NgModel, i3.NgForm, i4.DialogComponent, i4.DialogActionsComponent, i5.ButtonComponent, i6.LabelComponent, i7.GridComponent, i7.ColumnComponent, i7.CellTemplateDirective, i8.TextBoxComponent, i9.FileUploadComponent], styles: [".container[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\nkendo-label[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  column-gap: 12px;\r\n  margin-bottom: 4px;\r\n}\r\n\r\nkendo-label[_ngcontent-%COMP%]   kendo-textbox[_ngcontent-%COMP%] {\r\n  width: 100%;\r\n}"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FilesGridComponent, [{
         type: Component,
-        args: [{ selector: 'mj-files-grid', template: "<div class=\"container\">\r\n    <kendo-grid [data]=\"files\" [loading]=\"isLoading\">\r\n        <kendo-grid-column field=\"ID\" title=\"ID\"> </kendo-grid-column>\r\n        <kendo-grid-column field=\"Name\" title=\"Name\"> </kendo-grid-column>\r\n        <kendo-grid-column field=\"Description\" title=\"Description\">\r\n        </kendo-grid-column>\r\n        <kendo-grid-column field=\"Status\" title=\"Status\"> </kendo-grid-column>\r\n        <kendo-grid-column field=\"Actions\">\r\n            <ng-template kendoGridCellTemplate let-dataItem>\r\n                <kendo-button [disabled]=\"dataItem.Status!=='Uploaded'\" [svgIcon]=\"kendoSVGIcon('download')\" (click)=\"downloadFile(dataItem)\"></kendo-button>\r\n                <kendo-button [disabled]=\"!canBeDeleted(dataItem)\" [svgIcon]=\"kendoSVGIcon('trash')\" (click)=\"deleteFile(dataItem)\"></kendo-button>\r\n                <kendo-button [disabled]=\"dataItem.Status!=='Uploaded'\" [svgIcon]=\"kendoSVGIcon('pencil')\" (click)=\"editFile = dataItem\"></kendo-button>\r\n            </ng-template>\r\n        </kendo-grid-column> \r\n    </kendo-grid>\r\n\r\n    <mj-files-file-upload [disabled]=\"isLoading\" (uploadStarted)=\"isLoading = true\" (fileUpload)=\"handleFileUpload($event)\"></mj-files-file-upload>\r\n\r\n    <kendo-dialog\r\n      title=\"Please confirm\"\r\n      *ngIf=\"editFile\"\r\n      (close)=\"resetEditFile()\"\r\n      [minWidth]=\"250\"\r\n      [width]=\"450\"\r\n    >\r\n    <div class=\"container\">\r\n        <form #templateForm=\"ngForm\">\r\n            <kendo-label class=\"k-form\" text=\"Name\">\r\n                <kendo-textbox\r\n                    name=\"name\"\r\n                    [(ngModel)]=\"editFile.Name\"\r\n                    [showSuccessIcon]=\"editFile.Name.length > 0\"\r\n                    showErrorIcon=\"initial\"\r\n                    required\r\n                    [disabled]=\"isLoading\"\r\n                ></kendo-textbox>\r\n            </kendo-label>\r\n            <kendo-label class=\"k-form\" text=\"Description\">\r\n                <kendo-textbox\r\n                    name=\"description\"\r\n                    [(ngModel)]=\"editFile.Description\"\r\n                    [disabled]=\"isLoading\"\r\n                ></kendo-textbox>\r\n            </kendo-label>\r\n        </form>\r\n    </div>\r\n      <kendo-dialog-actions>\r\n        <button kendoButton (click)=\"resetEditFile()\" [disabled]=\"isLoading\">Cancel</button>\r\n        <button kendoButton (click)=\"saveEditFile()\" [disabled]=\"isLoading || !editFile.Dirty\" themeColor=\"primary\">\r\n          Save\r\n        </button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n</div>\r\n", styles: [".container {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\nkendo-label {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  column-gap: 12px;\r\n  margin-bottom: 4px;\r\n}\r\n\r\nkendo-label kendo-textbox {\r\n  width: 100%;\r\n}"] }]
-    }], () => [{ type: i1.SharedService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FilesGridComponent, { className: "FilesGridComponent", filePath: "src\\lib\\files-grid\\files-grid.ts", lineNumber: 62 }); })();
+        args: [{ selector: 'mj-files-grid', template: "<div class=\"container\">\r\n  <kendo-grid [data]=\"files\" [loading]=\"isLoading\">\r\n    <kendo-grid-column field=\"ID\" title=\"ID\"> </kendo-grid-column>\r\n    <kendo-grid-column field=\"Category\" title=\"Category\"> </kendo-grid-column>\r\n    <kendo-grid-column field=\"Name\" title=\"Name\"> </kendo-grid-column>\r\n    <kendo-grid-column field=\"Description\" title=\"Description\"> </kendo-grid-column>\r\n    <kendo-grid-column field=\"Status\" title=\"Status\"> </kendo-grid-column>\r\n    <kendo-grid-column field=\"Actions\">\r\n      <ng-template kendoGridCellTemplate let-dataItem>\r\n        <kendo-button\r\n          [disabled]=\"dataItem.Status!=='Uploaded'\"\r\n          [svgIcon]=\"kendoSVGIcon('download')\"\r\n          (click)=\"downloadFile(dataItem)\"\r\n        ></kendo-button>\r\n        <kendo-button [disabled]=\"!canBeDeleted(dataItem)\" [svgIcon]=\"kendoSVGIcon('trash')\" (click)=\"deleteFile(dataItem)\"></kendo-button>\r\n        <kendo-button\r\n          [disabled]=\"dataItem.Status!=='Uploaded'\"\r\n          [svgIcon]=\"kendoSVGIcon('pencil')\"\r\n          (click)=\"editFile = dataItem\"\r\n        ></kendo-button>\r\n      </ng-template>\r\n    </kendo-grid-column>\r\n  </kendo-grid>\r\n\r\n  <mj-files-file-upload\r\n    [CategoryID]=\"CategoryID\"\r\n    [disabled]=\"isLoading\"\r\n    (uploadStarted)=\"isLoading = true\"\r\n    (fileUpload)=\"handleFileUpload($event)\"\r\n  ></mj-files-file-upload>\r\n\r\n  <kendo-dialog title=\"Edit file\" *ngIf=\"editFile\" (close)=\"resetEditFile()\" [minWidth]=\"250\" [width]=\"450\">\r\n    <div class=\"container\">\r\n      <form #templateForm=\"ngForm\">\r\n        <kendo-label class=\"k-form\" text=\"Name\">\r\n          <kendo-textbox\r\n            name=\"name\"\r\n            [(ngModel)]=\"editFile.Name\"\r\n            [showSuccessIcon]=\"editFile.Name.length > 0\"\r\n            showErrorIcon=\"initial\"\r\n            required\r\n            [disabled]=\"isLoading\"\r\n          ></kendo-textbox>\r\n        </kendo-label>\r\n        <kendo-label class=\"k-form\" text=\"Description\">\r\n          <kendo-textbox name=\"description\" [(ngModel)]=\"editFile.Description\" [disabled]=\"isLoading\"></kendo-textbox>\r\n        </kendo-label>\r\n      </form>\r\n    </div>\r\n    <kendo-dialog-actions>\r\n      <button kendoButton (click)=\"resetEditFile()\" [disabled]=\"isLoading\">Cancel</button>\r\n      <button kendoButton (click)=\"saveEditFile()\" [disabled]=\"isLoading || !editFile.Dirty\" themeColor=\"primary\">Save</button>\r\n    </kendo-dialog-actions>\r\n  </kendo-dialog>\r\n</div>\r\n", styles: [".container {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\nkendo-label {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  column-gap: 12px;\r\n  margin-bottom: 4px;\r\n}\r\n\r\nkendo-label kendo-textbox {\r\n  width: 100%;\r\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: 61 }); })();

package/dist/lib/module.d.ts

@@ -18,9 +18,11 @@ import * as i16 from "@angular/platform-browser";
 import * as i17 from "@angular/platform-browser/animations";
 import * as i18 from "@progress/kendo-angular-inputs";
 import * as i19 from "@progress/kendo-angular-upload";
+import * as i20 from "@progress/kendo-angular-menu";
+import * as i21 from "@progress/kendo-angular-indicators";
 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.CommonModule, typeof i5.TreeViewModule, typeof i6.FormsModule, typeof i7.DialogsModule, typeof i8.ExcelExportModule, typeof i9.CompareRecordsModule, typeof i10.ContainerDirectivesModule, typeof i11.ButtonsModule, typeof i12.IconsModule, typeof i13.LabelModule, typeof i14.GridModule, typeof i15.DropDownsModule, typeof i16.BrowserModule, typeof i17.BrowserAnimationsModule, typeof i18.InputsModule, typeof i19.UploadsModule], [typeof i1.CategoryTreeComponent, typeof i2.FilesGridComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FileStorageModule, [typeof i1.CategoryTreeComponent, typeof i2.FilesGridComponent, typeof i3.FileUploadComponent], [typeof i4.CommonModule, typeof i5.TreeViewModule, typeof i6.FormsModule, typeof i7.DialogsModule, typeof i8.ExcelExportModule, typeof i9.CompareRecordsModule, typeof i10.ContainerDirectivesModule, typeof i11.ButtonsModule, typeof i12.IconsModule, typeof i13.LabelModule, typeof i14.GridModule, typeof i15.DropDownsModule, typeof i16.BrowserModule, typeof i17.BrowserAnimationsModule, typeof i18.InputsModule, typeof i19.UploadsModule, typeof i20.MenusModule, typeof i21.IndicatorsModule], [typeof i1.CategoryTreeComponent, typeof i2.FilesGridComponent]>;
     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":";;;;;;;;;;;;;;;;;;;;AAyBA,qBAsBa,iBAAiB;yCAAjB,iBAAiB;0CAAjB,iBAAiB;0CAAjB,iBAAiB;CAAG"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0BA,qBAwBa,iBAAiB;yCAAjB,iBAAiB;0CAAjB,iBAAiB;0CAAjB,iBAAiB;CAAG"}

package/dist/lib/module.js

@@ -4,12 +4,14 @@ import { NgModule } from '@angular/core';
 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 { DialogsModule } from '@progress/kendo-angular-dialog';
 import { ExcelExportModule } from '@progress/kendo-angular-excel-export';
 import { GridModule } from '@progress/kendo-angular-grid';
 import { IconsModule } from '@progress/kendo-angular-icons';
+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 { CompareRecordsModule } from '@memberjunction/ng-compare-records';
@@ -39,7 +41,9 @@ FileStorageModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [Common
         BrowserModule,
         BrowserAnimationsModule,
         InputsModule,
-        UploadsModule] });
+        UploadsModule,
+        MenusModule,
+        IndicatorsModule] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileStorageModule, [{
         type: NgModule,
         args: [{
@@ -61,6 +65,8 @@ FileStorageModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [Common
                     BrowserAnimationsModule,
                     InputsModule,
                     UploadsModule,
+                    MenusModule,
+                    IndicatorsModule,
                 ],
                 exports: [CategoryTreeComponent, FilesGridComponent],
             }]
@@ -80,4 +86,6 @@ FileStorageModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [Common
         BrowserModule,
         BrowserAnimationsModule,
         InputsModule,
-        UploadsModule], exports: [CategoryTreeComponent, FilesGridComponent] }); })();
+        UploadsModule,
+        MenusModule,
+        IndicatorsModule], exports: [CategoryTreeComponent, FilesGridComponent] }); })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-file-storage",
-  "version": "0.9.9",
+  "version": "0.9.12",
   "description": "MemberJunction: Angular components for managing files, and related components.",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -27,14 +27,16 @@
   },
   "dependencies": {
     "@memberjunction/core": "^0.9.177",
-    "@memberjunction/core-entities": "^0.9.167",
+    "@memberjunction/core-entities": "^0.9.170",
     "@memberjunction/global": "^0.9.156",
     "@memberjunction/ng-container-directives": "^0.9.141",
-    "@memberjunction/ng-shared": "^0.9.35",
+    "@memberjunction/ng-shared": "^0.9.38",
     "@progress/kendo-angular-buttons": "~15.1.0",
     "@progress/kendo-angular-dialog": "~15.1.0",
     "@progress/kendo-angular-dropdowns": "~15.1.0",
+    "@progress/kendo-angular-indicators": "~15.1.0",
     "@progress/kendo-angular-grid": "~15.1.0",
+    "@progress/kendo-angular-menu": "~15.1.0",
     "@progress/kendo-angular-treeview": "~15.1.0",
     "@progress/kendo-angular-upload": "~15.1.0",
     "tslib": "^2.3.0",