@memberjunction/ng-explorer-core 0.9.199 → 0.9.202

package/dist/generic/Events.types.d.ts

@@ -0,0 +1,142 @@
+import { Item } from "./Item.types";
+/**
+ * The possible event types of an event
+ */
+export declare const EventTypes: {
+    readonly BeforeAddFolder: "BeforeAddFolder";
+    readonly BeforeAddItem: "BeforeAddItem";
+    readonly BeforeDeleteFolder: "BeforeDeleteFolder";
+    readonly BeforeDeleteItem: "BeforeDeleteItem";
+    readonly BeforeUpdateFolder: "BeforeUpdateFolder";
+    readonly BeforeUpdateItem: "BeforeUpdateItem";
+    readonly AfterAddFolder: "AfterAddFolder";
+    readonly AfterAddItem: "AfterAddItem";
+    readonly AfterDeleteFolder: "AfterDeleteFolder";
+    readonly AfterDeleteItem: "AfterDeleteItem";
+    readonly AfterUpdateFolder: "AfterUpdateFolder";
+    readonly AfterUpdateItem: "AfterUpdateItem";
+};
+export type EventTypes = typeof EventTypes[keyof typeof EventTypes];
+export declare class BaseEvent {
+    /**
+     * The type of {@link EventTypes} that is being triggered.
+     */
+    EventType: EventTypes;
+    /**
+     * If set to true, the child component that it should not proceed
+     * with the action that triggered this event.
+     */
+    Cancel: boolean;
+    constructor(eventType: EventTypes);
+}
+export declare class BeforeAddFolderEvent extends BaseEvent {
+    /**
+     * The name of the {@link Folder} to be added.
+     */
+    FolderName: string;
+    constructor(folderName: string);
+}
+export declare class BeforeAddItemEvent extends BaseEvent {
+    /**
+     * The name of the {@link Item} to be added.
+     */
+    ItemName: string;
+    constructor(itemName: string);
+}
+export declare class BeforeDeleteFolderEvent extends BaseEvent {
+    /**
+     * The {@link Item} and underlying {@link Folder} to be deleted.
+     */
+    Item: Item;
+    constructor(item: Item);
+}
+export declare class BeforeDeleteItemEvent extends BaseEvent {
+    /**
+     * The {@link Item} and its underlying data to be deleted.
+     * Note that the type variable for the Data property is set to any.
+     * The method subscribing to this event is responsible
+     * for casting the item to the correct type.
+     *
+     * There is no need to check if the Item's type is a Folder or a Resource,
+     * as it will always be of type Resource. For folder deletion events
+     * subscribe to the {@link BeforeDeleteFolderEvent} event.
+     */
+    Item: Item;
+    constructor(item: Item);
+}
+export declare class BeforeUpdateFolderEvent extends BaseEvent {
+    /**
+     * The {@link Folder} to update.
+     */
+    Item: Item;
+    constructor(item: Item);
+}
+export declare class BeforeUpdateItemEvent extends BaseEvent {
+    /**
+     * The {@link Item} and its underlying data to update.
+     * Note that the type variable for the Data property is set to any.
+     * The method subscribing to this event is responsible
+     * for casting the item to the correct type.
+     *
+     * There is no need to check if the Item's type is a Folder or a Resource,
+     * as it will always be of type Resource. For folder deletion events
+     * subscribe to the {@link BeforeUpdateFolderEvent} event.
+     */
+    Item: Item;
+    constructor(item: Item);
+}
+export declare class AfterAddFolderEvent extends BaseEvent {
+    /**
+     * The {@link Folder} that was added.
+     */
+    Item: Item;
+    constructor(item: Item);
+}
+export declare class AfterAddItemEvent extends BaseEvent {
+    /**
+     * The {@link Item} that was added.
+     *
+     * There is no need to check if the Item's type is a Folder or a Resource,
+     * as it will always be of type Resource. For folder deletion events
+     * subscribe to the {@link AfterUpdateFolderEvent} event.
+     */
+    Item: Item;
+    constructor(item: Item);
+}
+export declare class AfterDeleteFolderEvent extends BaseEvent {
+    /**
+     * The {@link Folder} that was deleted.
+     */
+    Item: Item;
+    constructor(item: Item);
+}
+export declare class AfterDeleteItemEvent extends BaseEvent {
+    /**
+     * The {@link Item} that was deleted.
+     *
+     * There is no need to check if the Item's type is a Folder or a Resource,
+     * as it will always be of type Resource. For folder deletion events
+     * subscribe to the {@link AfterDeleteFolderEvent} event.
+     */
+    Item: Item;
+    constructor(item: Item);
+}
+export declare class AfterUpdateFolderEvent extends BaseEvent {
+    /**
+     * The {@link Folder} that was updated.
+     */
+    Item: Item;
+    constructor(item: Item);
+}
+export declare class AfterUpdateItemEvent extends BaseEvent {
+    /**
+     * The {@link Item} that was updated.
+     *
+     * There is no need to check if the Item's type is a Folder or a Resource,
+     * as it will always be of type Resource. For folder deletion events
+     * subscribe to the {@link AfterUpdateFolderEvent} event.
+     */
+    Item: Item;
+    constructor(item: Item);
+}
+//# sourceMappingURL=Events.types.d.ts.map

package/dist/generic/Events.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Events.types.d.ts","sourceRoot":"","sources":["../../src/generic/Events.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,IAAI,EAAE,MAAM,cAAc,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAcb,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEpE,qBAAa,SAAS;IAClB;;OAEG;IACI,SAAS,EAAE,UAAU,CAAC;IAC7B;;;OAGG;IACI,MAAM,EAAE,OAAO,CAAC;gBAEX,SAAS,EAAE,UAAU;CAIpC;AAED,qBAAa,oBAAqB,SAAQ,SAAS;IAC/C;;OAEG;IACI,UAAU,EAAE,MAAM,CAAC;gBAEd,UAAU,EAAE,MAAM;CAIjC;AAED,qBAAa,kBAAmB,SAAQ,SAAS;IAC7C;;OAEG;IACI,QAAQ,EAAE,MAAM,CAAC;gBAEZ,QAAQ,EAAE,MAAM;CAI/B;AAED,qBAAa,uBAAwB,SAAQ,SAAS;IAClD;;OAEG;IACI,IAAI,EAAE,IAAI,CAAC;gBAEN,IAAI,EAAE,IAAI;CAIzB;AAED,qBAAa,qBAAsB,SAAQ,SAAS;IAChD;;;;;;;;;OASG;IACI,IAAI,EAAE,IAAI,CAAC;gBAEN,IAAI,EAAE,IAAI;CAIzB;AAED,qBAAa,uBAAwB,SAAQ,SAAS;IAClD;;OAEG;IACI,IAAI,EAAE,IAAI,CAAC;gBAEN,IAAI,EAAE,IAAI;CAIzB;AAED,qBAAa,qBAAsB,SAAQ,SAAS;IAChD;;;;;;;;;OASG;IACI,IAAI,EAAE,IAAI,CAAC;gBAEN,IAAI,EAAE,IAAI;CAIzB;AAED,qBAAa,mBAAoB,SAAQ,SAAS;IAC9C;;OAEG;IACI,IAAI,EAAE,IAAI,CAAC;gBAEN,IAAI,EAAE,IAAI;CAIzB;AAED,qBAAa,iBAAkB,SAAQ,SAAS;IAC5C;;;;;;OAMG;IACI,IAAI,EAAE,IAAI,CAAC;gBAEN,IAAI,EAAE,IAAI;CAIzB;AAED,qBAAa,sBAAuB,SAAQ,SAAS;IACjD;;OAEG;IACI,IAAI,EAAE,IAAI,CAAC;gBAEN,IAAI,EAAE,IAAI;CAIzB;AAED,qBAAa,oBAAqB,SAAQ,SAAS;IAC/C;;;;;;OAMG;IACI,IAAI,EAAE,IAAI,CAAC;gBAEN,IAAI,EAAE,IAAI;CAIzB;AAED,qBAAa,sBAAuB,SAAQ,SAAS;IACjD;;OAEG;IACI,IAAI,EAAE,IAAI,CAAC;gBAEN,IAAI,EAAE,IAAI;CAIzB;AAED,qBAAa,oBAAqB,SAAQ,SAAS;IAC/C;;;;;;OAMG;IACI,IAAI,EAAE,IAAI,CAAC;gBAEN,IAAI,EAAE,IAAI;CAIzB"}

package/dist/generic/Events.types.js

@@ -0,0 +1,95 @@
+/**
+ * The possible event types of an event
+ */
+export const EventTypes = {
+    BeforeAddFolder: "BeforeAddFolder",
+    BeforeAddItem: "BeforeAddItem",
+    BeforeDeleteFolder: "BeforeDeleteFolder",
+    BeforeDeleteItem: "BeforeDeleteItem",
+    BeforeUpdateFolder: "BeforeUpdateFolder",
+    BeforeUpdateItem: "BeforeUpdateItem",
+    AfterAddFolder: "AfterAddFolder",
+    AfterAddItem: "AfterAddItem",
+    AfterDeleteFolder: "AfterDeleteFolder",
+    AfterDeleteItem: "AfterDeleteItem",
+    AfterUpdateFolder: "AfterUpdateFolder",
+    AfterUpdateItem: "AfterUpdateItem"
+};
+export class BaseEvent {
+    constructor(eventType) {
+        this.EventType = eventType;
+        this.Cancel = false;
+    }
+}
+export class BeforeAddFolderEvent extends BaseEvent {
+    constructor(folderName) {
+        super(EventTypes.BeforeAddFolder);
+        this.FolderName = folderName;
+    }
+}
+export class BeforeAddItemEvent extends BaseEvent {
+    constructor(itemName) {
+        super(EventTypes.BeforeAddItem);
+        this.ItemName = itemName;
+    }
+}
+export class BeforeDeleteFolderEvent extends BaseEvent {
+    constructor(item) {
+        super(EventTypes.BeforeDeleteFolder);
+        this.Item = item;
+    }
+}
+export class BeforeDeleteItemEvent extends BaseEvent {
+    constructor(item) {
+        super(EventTypes.BeforeDeleteItem);
+        this.Item = item;
+    }
+}
+export class BeforeUpdateFolderEvent extends BaseEvent {
+    constructor(item) {
+        super(EventTypes.BeforeUpdateFolder);
+        this.Item = item;
+    }
+}
+export class BeforeUpdateItemEvent extends BaseEvent {
+    constructor(item) {
+        super(EventTypes.BeforeUpdateItem);
+        this.Item = item;
+    }
+}
+export class AfterAddFolderEvent extends BaseEvent {
+    constructor(item) {
+        super(EventTypes.AfterAddFolder);
+        this.Item = item;
+    }
+}
+export class AfterAddItemEvent extends BaseEvent {
+    constructor(item) {
+        super(EventTypes.AfterAddItem);
+        this.Item = item;
+    }
+}
+export class AfterDeleteFolderEvent extends BaseEvent {
+    constructor(item) {
+        super(EventTypes.AfterDeleteFolder);
+        this.Item = item;
+    }
+}
+export class AfterDeleteItemEvent extends BaseEvent {
+    constructor(item) {
+        super(EventTypes.AfterDeleteItem);
+        this.Item = item;
+    }
+}
+export class AfterUpdateFolderEvent extends BaseEvent {
+    constructor(item) {
+        super(EventTypes.AfterUpdateFolder);
+        this.Item = item;
+    }
+}
+export class AfterUpdateItemEvent extends BaseEvent {
+    constructor(item) {
+        super(EventTypes.AfterUpdateItem);
+        this.Item = item;
+    }
+}

package/dist/generic/Item.types.d.ts

@@ -0,0 +1,25 @@
+import { BaseEntity } from "@memberjunction/core";
+export declare enum ItemType {
+    Folder = "Folder",
+    Entity = "Entity"
+}
+export declare class Item {
+    Name: string;
+    Description: string;
+    Type: ItemType;
+    Data: BaseEntity | Folder;
+    constructor(data: BaseEntity | Folder, type: ItemType);
+}
+/**
+ * A folder is a wrapper class for the various Category
+ * entities that we have, e.g. Dashboard Categories,
+ * Report Categories, Query Categories, etc.
+ */
+export declare class Folder {
+    ID: number;
+    ParentFolderID?: number | null;
+    Name: string;
+    Description: string | null;
+    constructor(id: number, folderName: string);
+}
+//# sourceMappingURL=Item.types.d.ts.map

package/dist/generic/Item.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.types.d.ts","sourceRoot":"","sources":["../../src/generic/Item.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,oBAAY,QAAQ;IAChB,MAAM,WAAW;IACjB,MAAM,WAAW;CACpB;AAED,qBAAa,IAAI;IACN,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAG,UAAU,GAAG,MAAM,CAAC;gBAEtB,IAAI,EAAE,UAAU,GAAG,MAAM,EAAE,IAAI,EAAE,QAAQ;CAkBxD;AAED;;;;GAIG;AACH,qBAAa,MAAM;IACR,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;gBAEtB,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM;CAK7C"}

package/dist/generic/Item.types.js

@@ -0,0 +1,36 @@
+export var ItemType;
+(function (ItemType) {
+    ItemType["Folder"] = "Folder";
+    ItemType["Entity"] = "Entity";
+})(ItemType || (ItemType = {}));
+;
+export class Item {
+    constructor(data, type) {
+        this.Type = type;
+        this.Data = data;
+        this.Name = "";
+        this.Description = "";
+        if (data) {
+            //Try to set the name and description from the data
+            let anyData = data;
+            if (anyData.Name) {
+                this.Name = anyData.Name;
+            }
+            if (anyData.Description) {
+                this.Description = anyData.Description;
+            }
+        }
+    }
+}
+/**
+ * A folder is a wrapper class for the various Category
+ * entities that we have, e.g. Dashboard Categories,
+ * Report Categories, Query Categories, etc.
+ */
+export class Folder {
+    constructor(id, folderName) {
+        this.ID = id;
+        this.Name = folderName;
+        this.Description = "";
+    }
+}

package/dist/generic/PathData.types.d.ts

@@ -0,0 +1,9 @@
+export declare class PathData {
+    Name: string;
+    ID: number;
+    URL: string;
+    ParentPathData: PathData | null;
+    ChildPathData: PathData | null;
+    constructor(id: number, name: string, url: string);
+}
+//# sourceMappingURL=PathData.types.d.ts.map

package/dist/generic/PathData.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PathData.types.d.ts","sourceRoot":"","sources":["../../src/generic/PathData.types.ts"],"names":[],"mappings":"AAAA,qBAAa,QAAQ;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,EAAE,QAAQ,GAAG,IAAI,CAAC;IAChC,aAAa,EAAE,QAAQ,GAAG,IAAI,CAAC;gBAE1B,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;CAOpD"}

package/dist/generic/PathData.types.js

@@ -0,0 +1,9 @@
+export class PathData {
+    constructor(id, name, url) {
+        this.ID = id;
+        this.Name = name;
+        this.URL = url;
+        this.ParentPathData = null;
+        this.ChildPathData = null;
+    }
+}

package/dist/lib/base-browser-component/base-browser-component.d.ts

@@ -0,0 +1,29 @@
+import { Folder, Item } from "../../generic/Item.types";
+import { PathData } from "../../generic/PathData.types";
+import { Router, Params } from '@angular/router';
+import { BaseEvent } from "../../generic/Events.types";
+export declare class BaseBrowserComponent {
+    showLoader: boolean;
+    items: Item[];
+    folders: Folder[];
+    entityData: any[];
+    PathData: PathData;
+    selectedFolderID: number | null;
+    protected parentFolderID: number | null;
+    private EntityItemFilter;
+    private CategoryItemFilter;
+    protected pageName: string;
+    protected routeName: string;
+    protected routeNameSingular: string;
+    protected itemEntityName: string;
+    protected categoryEntityName: string;
+    constructor();
+    protected InitPathData(queryParams: Params | undefined): void;
+    protected LoadData(entityItemFilter?: string, categoryItemFilter?: string): Promise<void>;
+    protected GetCategories(extraFilter?: string): Promise<void>;
+    protected GetEntityData(extraFilter?: string): Promise<void>;
+    protected CreateItemsList(): void;
+    protected Navigate(item: Item, router: Router, dataID: string): void;
+    protected onEvent(event: BaseEvent): void;
+}
+//# sourceMappingURL=base-browser-component.d.ts.map

package/dist/lib/base-browser-component/base-browser-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-browser-component.d.ts","sourceRoot":"","sources":["../../../src/lib/base-browser-component/base-browser-component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAY,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAyD,MAAM,4BAA4B,CAAC;AAE9G,qBAAa,oBAAoB;IACtB,UAAU,EAAE,OAAO,CAAS;IAC5B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9C,SAAS,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE/C,OAAO,CAAC,gBAAgB,CAAqB;IAC7C,OAAO,CAAC,kBAAkB,CAAqB;IAE/C,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAM;IAChC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAM;IACjC,SAAS,CAAC,iBAAiB,EAAE,MAAM,CAAM;IACzC,SAAS,CAAC,cAAc,EAAE,MAAM,CAAM;IACtC,SAAS,CAAC,kBAAkB,EAAE,MAAM,CAAM;;IAS1C,SAAS,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;cAU7C,QAAQ,CAAC,gBAAgB,CAAC,EAAC,MAAM,EAAE,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;cAc9E,aAAa,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;cAkBlD,aAAa,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAYlE,SAAS,CAAC,eAAe,IAAI,IAAI;IAsBjC,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAyBpE,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;CAU5C"}

package/dist/lib/base-browser-component/base-browser-component.js

@@ -0,0 +1,133 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { RunView } from "@memberjunction/core";
+import { Folder, Item, ItemType } from "../../generic/Item.types";
+import { PathData } from "../../generic/PathData.types";
+import { EventTypes } from "../../generic/Events.types";
+export class BaseBrowserComponent {
+    constructor() {
+        this.showLoader = false;
+        this.selectedFolderID = null;
+        this.parentFolderID = null;
+        this.pageName = "";
+        this.routeName = "";
+        this.routeNameSingular = "";
+        this.itemEntityName = "";
+        this.categoryEntityName = "";
+        this.items = [];
+        this.folders = [];
+        this.entityData = [];
+        this.PathData = new PathData(0, "", "");
+    }
+    InitPathData(queryParams) {
+        this.PathData = new PathData(-1, this.pageName, this.routeName);
+        if (queryParams && queryParams.folderID) {
+            let folderID = Number(queryParams.folderID);
+            this.PathData = new PathData(folderID, this.pageName, `/${this.routeName}?folderID=${folderID}`);
+            this.selectedFolderID = folderID;
+        }
+    }
+    LoadData(entityItemFilter, categoryItemFilter) {
+        return __awaiter(this, void 0, void 0, function* () {
+            //cache these values so that we can reused them 
+            //in the Navigate function
+            this.EntityItemFilter = entityItemFilter;
+            this.CategoryItemFilter = categoryItemFilter;
+            this.showLoader = true;
+            yield this.GetEntityData(entityItemFilter);
+            yield this.GetCategories(categoryItemFilter);
+            this.CreateItemsList();
+            this.showLoader = false;
+        });
+    }
+    GetCategories(extraFilter) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const rv = new RunView();
+            let filterString = this.selectedFolderID ? `ParentID = ${this.selectedFolderID}` : "ParentID IS NULL";
+            filterString += " AND Name != 'Root'";
+            const folderResult = yield rv.RunView({
+                EntityName: this.categoryEntityName,
+                ExtraFilter: extraFilter || filterString
+            });
+            if (folderResult && folderResult.Success) {
+                this.folders = folderResult.Results;
+            }
+            else {
+                this.folders = [];
+            }
+        });
+    }
+    GetEntityData(extraFilter) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const rv = new RunView();
+            const result = yield rv.RunView({
+                EntityName: this.itemEntityName,
+                ExtraFilter: extraFilter
+            });
+            if (result && result.Success) {
+                this.entityData = result.Results;
+            }
+        });
+    }
+    CreateItemsList() {
+        this.items = [];
+        for (const data of this.entityData) {
+            let item = new Item(data, ItemType.Entity);
+            this.items.push(item);
+        }
+        for (const folder of this.folders) {
+            const dashboardFolder = new Folder(folder.ID, folder.Name);
+            dashboardFolder.ParentFolderID = folder.ParentFolderID;
+            dashboardFolder.Description = folder.Description;
+            let item = new Item(dashboardFolder, ItemType.Folder);
+            this.items.push(item);
+        }
+        this.items.sort(function (a, b) {
+            if (a.Name < b.Name) {
+                return -1;
+            }
+            if (a.Name > b.Name) {
+                return 1;
+            }
+            return 0;
+        });
+    }
+    Navigate(item, router, dataID) {
+        if (!item) {
+            return;
+        }
+        if (item.Type === ItemType.Entity) {
+            router.navigate(['resource', this.routeNameSingular, dataID]);
+        }
+        else if (item.Type === ItemType.Folder) {
+            const folder = item.Data;
+            const oldPathData = this.PathData;
+            const newPathData = new PathData(folder.ID, folder.Name, `/${this.routeName}?folderID=${folder.ID}`);
+            oldPathData.ChildPathData = newPathData;
+            newPathData.ParentPathData = oldPathData;
+            this.PathData = newPathData;
+            //navigation seems like it does nothing but update the URL
+            //so just reload all of the data
+            router.navigate([this.routeName], { queryParams: { folderID: folder.ID } });
+            this.selectedFolderID = folder.ID;
+            this.LoadData(this.EntityItemFilter, this.CategoryItemFilter);
+        }
+    }
+    onEvent(event) {
+        if (event.EventType === EventTypes.AfterAddFolder || event.EventType === EventTypes.AfterAddItem) {
+            let addEvent = event;
+            this.items.push(addEvent.Item);
+        }
+        else if (event.EventType === EventTypes.AfterDeleteItem || event.EventType === EventTypes.AfterDeleteFolder) {
+            let deleteEvent = event;
+            this.items = this.items.filter((item) => item !== deleteEvent.Item);
+        }
+    }
+}

package/dist/lib/dashboard-browser-component/dashboard-browser.component.d.ts

@@ -1,18 +1,17 @@
 import { Router } from '@angular/router';
-import { DashboardEntity } from '@memberjunction/core-entities';
 import { SharedService } from '@memberjunction/ng-shared';
+import { Item } from '../../generic/Item.types';
+import { BaseBrowserComponent } from '../base-browser-component/base-browser-component';
+import { BaseEvent } from '../../generic/Events.types';
 import * as i0 from "@angular/core";
-export declare class DashboardBrowserComponent {
+export declare class DashboardBrowserComponent extends BaseBrowserComponent {
     private router;
     private sharedService;
-    dashboards: DashboardEntity[];
-    showLoader: boolean;
     constructor(router: Router, sharedService: SharedService);
-    ngOnInit(): void;
-    LoadData(): Promise<void>;
-    itemClick(item: DashboardEntity): void;
-    addNew(): Promise<void>;
-    deleteItem(item: DashboardEntity): Promise<void>;
+    ngOnInit(): Promise<void>;
+    itemClick(item: Item): void;
+    onBackButtonClick(): void;
+    onEvent(event: BaseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DashboardBrowserComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DashboardBrowserComponent, "app-dashboard-browser", never, {}, {}, never, never, false, never>;
 }

package/dist/lib/dashboard-browser-component/dashboard-browser.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-browser.component.d.ts","sourceRoot":"","sources":["../../../src/lib/dashboard-browser-component/dashboard-browser.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;;AAE1D,qBAKa,yBAAyB;IAIxB,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,aAAa;IAHlD,UAAU,EAAE,eAAe,EAAE,CAAM;IACnC,UAAU,EAAE,OAAO,CAAS;gBAEf,MAAM,EAAE,MAAM,EAAU,aAAa,EAAE,aAAa;IAExE,QAAQ,IAAI,IAAI;IAGV,QAAQ;IAkBP,SAAS,CAAC,IAAI,EAAE,eAAe;IAMzB,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAgCvB,UAAU,CAAC,IAAI,EAAE,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC;yCAjElD,yBAAyB;2CAAzB,yBAAyB;CAyFrC"}
+{"version":3,"file":"dashboard-browser.component.d.ts","sourceRoot":"","sources":["../../../src/lib/dashboard-browser-component/dashboard-browser.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEhD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AAExF,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;;AAEvD,qBAMa,yBAA0B,SAAQ,oBAAoB;IAErD,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,aAAa;gBAArC,MAAM,EAAE,MAAM,EAAU,aAAa,EAAE,aAAa;IAalE,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAIxB,SAAS,CAAC,IAAI,EAAE,IAAI;IAWpB,iBAAiB,IAAI,IAAI;IAwBzB,OAAO,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;yCAtD3B,yBAAyB;2CAAzB,yBAAyB;CAyDrC"}