@memberjunction/ng-explorer-settings 0.9.9 → 0.9.11

package/dist/lib/entity-form-dialog/entity-form-dialog.component.d.ts

@@ -0,0 +1,33 @@
+import { ViewContainerRef, EventEmitter } from '@angular/core';
+import { BaseEntity } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+export declare class EntityFormDialog {
+    /**
+     * The title of the dialog
+     */
+    Title: string;
+    ShowSaveButton: boolean;
+    ShowCancelButton: boolean;
+    Width: number;
+    Height: number;
+    Mode: 'complete' | 'section';
+    SectionName: string;
+    Record: BaseEntity | null;
+    /**
+     * If true, when the user clicks the Save button, the Record will be saved. Only applicable if ShowSaveButton is true.
+     */
+    HandleSave: boolean;
+    /**
+     * If true, when the user clicks the Cancel button, the Record will be reverted to its original state. Only applicable if ShowCancelButton is true.
+     */
+    AutoRevertOnCancel: boolean;
+    close: EventEmitter<'Save' | 'Cancel'>;
+    private _visible;
+    set Visible(val: boolean);
+    get Visible(): boolean;
+    container: ViewContainerRef;
+    showForm(): void;
+    closeWindow(status: 'Save' | 'Cancel'): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntityFormDialog, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntityFormDialog, "mj-entity-form-dialog", never, { "Title": { "alias": "Title"; "required": false; }; "ShowSaveButton": { "alias": "ShowSaveButton"; "required": false; }; "ShowCancelButton": { "alias": "ShowCancelButton"; "required": false; }; "Width": { "alias": "Width"; "required": false; }; "Height": { "alias": "Height"; "required": false; }; "Mode": { "alias": "Mode"; "required": false; }; "SectionName": { "alias": "SectionName"; "required": false; }; "Record": { "alias": "Record"; "required": false; }; "HandleSave": { "alias": "HandleSave"; "required": false; }; "AutoRevertOnCancel": { "alias": "AutoRevertOnCancel"; "required": false; }; "Visible": { "alias": "Visible"; "required": false; }; }, { "close": "close"; }, never, never, false, never>;
+}

package/dist/lib/entity-form-dialog/entity-form-dialog.component.js

@@ -0,0 +1,183 @@
+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 { Component, Input, Output, ViewChild, ViewContainerRef, EventEmitter } from '@angular/core';
+import { SharedService } from '@memberjunction/ng-shared';
+import { MJGlobal } from '@memberjunction/global';
+import { BaseFormComponent, BaseFormSectionComponent } from '@memberjunction/ng-base-forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-dialog";
+import * as i3 from "@progress/kendo-angular-buttons";
+const _c0 = ["dynamicFormContainer"];
+function EntityFormDialog_kendo_dialog_0_ng_template_1_Template(rf, ctx) { }
+function EntityFormDialog_kendo_dialog_0_kendo_dialog_actions_3_button_1_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 6);
+    i0.ɵɵlistener("click", function EntityFormDialog_kendo_dialog_0_kendo_dialog_actions_3_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r6.closeWindow("Save")); });
+    i0.ɵɵtext(1, "Save");
+    i0.ɵɵelementEnd();
+} }
+function EntityFormDialog_kendo_dialog_0_kendo_dialog_actions_3_button_2_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 7);
+    i0.ɵɵlistener("click", function EntityFormDialog_kendo_dialog_0_kendo_dialog_actions_3_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r8.closeWindow("Cancel")); });
+    i0.ɵɵtext(1, "Cancel");
+    i0.ɵɵelementEnd();
+} }
+function EntityFormDialog_kendo_dialog_0_kendo_dialog_actions_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-dialog-actions");
+    i0.ɵɵtemplate(1, EntityFormDialog_kendo_dialog_0_kendo_dialog_actions_3_button_1_Template, 2, 0, "button", 4)(2, EntityFormDialog_kendo_dialog_0_kendo_dialog_actions_3_button_2_Template, 2, 0, "button", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r3.ShowSaveButton);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r3.ShowCancelButton);
+} }
+function EntityFormDialog_kendo_dialog_0_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dialog", 1);
+    i0.ɵɵlistener("close", function EntityFormDialog_kendo_dialog_0_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.closeWindow("Cancel")); });
+    i0.ɵɵtemplate(1, EntityFormDialog_kendo_dialog_0_ng_template_1_Template, 0, 0, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor)(3, EntityFormDialog_kendo_dialog_0_kendo_dialog_actions_3_Template, 3, 2, "kendo-dialog-actions", 3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("title", ctx_r0.Title)("width", ctx_r0.Width)("height", ctx_r0.Height);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r0.ShowSaveButton || ctx_r0.ShowCancelButton);
+} }
+export class EntityFormDialog {
+    constructor() {
+        /**
+         * The title of the dialog
+         */
+        this.Title = '';
+        this.ShowSaveButton = true;
+        this.ShowCancelButton = true;
+        this.Width = 800;
+        this.Height = 600;
+        this.Mode = 'complete';
+        this.SectionName = '';
+        this.Record = null;
+        /**
+         * If true, when the user clicks the Save button, the Record will be saved. Only applicable if ShowSaveButton is true.
+         */
+        this.HandleSave = true;
+        /**
+         * If true, when the user clicks the Cancel button, the Record will be reverted to its original state. Only applicable if ShowCancelButton is true.
+         */
+        this.AutoRevertOnCancel = true;
+        this.close = new EventEmitter();
+        this._visible = false;
+    }
+    set Visible(val) {
+        this._visible = val;
+        if (val) {
+            Promise.resolve().then(() => {
+                // At this point, the DOM should be updated, and `this.container` should be available.
+                this.showForm();
+            });
+        }
+    }
+    get Visible() {
+        return this._visible;
+    }
+    showForm() {
+        var _a, _b;
+        if (!this.container)
+            throw new Error('Container not found');
+        if (!this.Record)
+            throw new Error('Record is a required property');
+        // Ensure the container is clear before inserting a new component
+        this.container.clear();
+        // here we want to grab the right type of object to instantiate based on the settings either mode of complete or section
+        // if section, we grab a sub-class of BaseFormSectionComponent, if complete, we grab a sub-class of the BaseForComponent class
+        let reg;
+        if (this.Mode === 'complete') {
+            reg = MJGlobal.Instance.ClassFactory.GetRegistration(BaseFormComponent, (_a = this.Record) === null || _a === void 0 ? void 0 : _a.EntityInfo.Name);
+        }
+        else {
+            reg = MJGlobal.Instance.ClassFactory.GetRegistration(BaseFormSectionComponent, ((_b = this.Record) === null || _b === void 0 ? void 0 : _b.EntityInfo.Name) + '.' + this.SectionName);
+        }
+        if (reg && reg.SubClass) {
+            // we have our class registration
+            const component = this.container.createComponent(reg.SubClass);
+            if (this.Record && component.instance instanceof BaseFormSectionComponent) {
+                component.instance.record = this.Record;
+                component.instance.EditMode = true;
+            }
+            else if (this.Record && component.instance instanceof BaseFormComponent) {
+                component.instance.record = this.Record;
+                component.instance.EditMode = true;
+            }
+        }
+    }
+    closeWindow(status) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.Visible = false;
+            if (this.Record) {
+                if (this.HandleSave && status === 'Save') {
+                    if (!(yield this.Record.Save())) {
+                        SharedService.Instance.CreateSimpleNotification(`Error saving ${this.Record.EntityInfo.Name} record, rolling back changes`, 'error');
+                        this.Record.Revert();
+                    }
+                }
+                if (this.AutoRevertOnCancel && status === 'Cancel') {
+                    this.Record.Revert();
+                }
+            }
+            this.close.emit(status);
+        });
+    }
+}
+EntityFormDialog.ɵfac = function EntityFormDialog_Factory(t) { return new (t || EntityFormDialog)(); };
+EntityFormDialog.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityFormDialog, selectors: [["mj-entity-form-dialog"]], viewQuery: function EntityFormDialog_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(_c0, 5, ViewContainerRef);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
+    } }, inputs: { Title: "Title", ShowSaveButton: "ShowSaveButton", ShowCancelButton: "ShowCancelButton", Width: "Width", Height: "Height", Mode: "Mode", SectionName: "SectionName", Record: "Record", HandleSave: "HandleSave", AutoRevertOnCancel: "AutoRevertOnCancel", Visible: "Visible" }, outputs: { close: "close" }, decls: 1, vars: 1, consts: [[3, "title", "width", "height", "close", 4, "ngIf"], [3, "title", "width", "height", "close"], ["dynamicFormContainer", ""], [4, "ngIf"], ["kendoButton", "", "themeColor", "primary", 3, "click", 4, "ngIf"], ["kendoButton", "", 3, "click", 4, "ngIf"], ["kendoButton", "", "themeColor", "primary", 3, "click"], ["kendoButton", "", 3, "click"]], template: function EntityFormDialog_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, EntityFormDialog_kendo_dialog_0_Template, 4, 4, "kendo-dialog", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.Visible);
+    } }, dependencies: [i1.NgIf, i2.DialogComponent, i2.DialogActionsComponent, i3.ButtonComponent] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityFormDialog, [{
+        type: Component,
+        args: [{ selector: 'mj-entity-form-dialog', template: "<kendo-dialog *ngIf=\"Visible\" \r\n        [title]=\"Title\" \r\n        [width]=\"Width\"\r\n        [height]=\"Height\"\r\n        (close)=\"closeWindow('Cancel')\" >\r\n    <ng-template #dynamicFormContainer></ng-template>\r\n    <kendo-dialog-actions *ngIf=\"ShowSaveButton || ShowCancelButton\">\r\n        <button *ngIf=\"ShowSaveButton\" kendoButton (click)=\"closeWindow('Save')\"  themeColor=\"primary\">Save</button>\r\n        <button *ngIf=\"ShowCancelButton\" kendoButton (click)=\"closeWindow('Cancel')\">Cancel</button>\r\n    </kendo-dialog-actions>\r\n</kendo-dialog>" }]
+    }], null, { Title: [{
+            type: Input
+        }], ShowSaveButton: [{
+            type: Input
+        }], ShowCancelButton: [{
+            type: Input
+        }], Width: [{
+            type: Input
+        }], Height: [{
+            type: Input
+        }], Mode: [{
+            type: Input
+        }], SectionName: [{
+            type: Input
+        }], Record: [{
+            type: Input
+        }], HandleSave: [{
+            type: Input
+        }], AutoRevertOnCancel: [{
+            type: Input
+        }], close: [{
+            type: Output
+        }], Visible: [{
+            type: Input
+        }], container: [{
+            type: ViewChild,
+            args: ['dynamicFormContainer', { read: ViewContainerRef }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityFormDialog, { className: "EntityFormDialog", filePath: "src\\lib\\entity-form-dialog\\entity-form-dialog.component.ts", lineNumber: 15 }); })();

package/dist/lib/entity-form-window/entity-form-window.component.d.ts

@@ -0,0 +1,17 @@
+import { ViewContainerRef, EventEmitter } from '@angular/core';
+import { BaseEntity } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+export declare class EntityFormWindow {
+    Mode: 'complete' | 'section';
+    SectionName: string;
+    Record: BaseEntity | null;
+    close: EventEmitter<void>;
+    private _visible;
+    set Visible(val: boolean);
+    get Visible(): boolean;
+    container: ViewContainerRef;
+    showForm(): void;
+    closeWindow(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntityFormWindow, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntityFormWindow, "mj-entity-form-window", never, { "Mode": { "alias": "Mode"; "required": false; }; "SectionName": { "alias": "SectionName"; "required": false; }; "Record": { "alias": "Record"; "required": false; }; "Visible": { "alias": "Visible"; "required": false; }; }, { "close": "close"; }, never, never, false, never>;
+}

package/dist/lib/entity-form-window/entity-form-window.component.js

@@ -0,0 +1,99 @@
+import { Component, Input, Output, ViewChild, ViewContainerRef, EventEmitter } from '@angular/core';
+import { MJGlobal } from '@memberjunction/global';
+import { BaseFormComponent, BaseFormSectionComponent } from '@memberjunction/ng-base-forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-dialog";
+const _c0 = ["dynamicFormContainer"];
+function EntityFormWindow_div_0_ng_template_2_Template(rf, ctx) { }
+function EntityFormWindow_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "kendo-window", 1);
+    i0.ɵɵlistener("close", function EntityFormWindow_div_0_Template_kendo_window_close_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.closeWindow()); });
+    i0.ɵɵtemplate(2, EntityFormWindow_div_0_ng_template_2_Template, 0, 0, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementEnd()();
+} }
+export class EntityFormWindow {
+    constructor() {
+        this.Mode = 'complete';
+        this.SectionName = '';
+        this.Record = null;
+        this.close = new EventEmitter();
+        this._visible = false;
+    }
+    set Visible(val) {
+        this._visible = val;
+        if (val) {
+            Promise.resolve().then(() => {
+                // At this point, the DOM should be updated, and `this.container` should be available.
+                this.showForm();
+            });
+        }
+    }
+    get Visible() {
+        return this._visible;
+    }
+    showForm() {
+        var _a, _b;
+        if (!this.container)
+            throw new Error('Container not found');
+        if (!this.Record)
+            throw new Error('Record is a required property');
+        // Ensure the container is clear before inserting a new component
+        this.container.clear();
+        // here we want to grab the right type of object to instantiate based on the settings either mode of complete or section
+        // if section, we grab a sub-class of BaseFormSectionComponent, if complete, we grab a sub-class of the BaseForComponent class
+        let reg;
+        if (this.Mode === 'complete') {
+            reg = MJGlobal.Instance.ClassFactory.GetRegistration(BaseFormComponent, (_a = this.Record) === null || _a === void 0 ? void 0 : _a.EntityInfo.Name);
+        }
+        else {
+            reg = MJGlobal.Instance.ClassFactory.GetRegistration(BaseFormSectionComponent, ((_b = this.Record) === null || _b === void 0 ? void 0 : _b.EntityInfo.Name) + '.' + this.SectionName);
+        }
+        if (reg && reg.SubClass) {
+            // we have our class registration
+            const component = this.container.createComponent(reg.SubClass);
+            if (this.Record && component.instance instanceof BaseFormSectionComponent) {
+                component.instance.record = this.Record;
+                component.instance.EditMode = true;
+            }
+            else if (this.Record && component.instance instanceof BaseFormComponent) {
+                component.instance.record = this.Record;
+                component.instance.EditMode = true;
+            }
+        }
+    }
+    closeWindow() {
+        this.Visible = false;
+        this.close.emit();
+    }
+}
+EntityFormWindow.ɵfac = function EntityFormWindow_Factory(t) { return new (t || EntityFormWindow)(); };
+EntityFormWindow.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityFormWindow, selectors: [["mj-entity-form-window"]], viewQuery: function EntityFormWindow_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(_c0, 5, ViewContainerRef);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
+    } }, inputs: { Mode: "Mode", SectionName: "SectionName", Record: "Record", Visible: "Visible" }, outputs: { close: "close" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["title", "the window!", 3, "close"], ["dynamicFormContainer", ""]], template: function EntityFormWindow_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, EntityFormWindow_div_0_Template, 4, 0, "div", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.Visible);
+    } }, dependencies: [i1.NgIf, i2.WindowComponent] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityFormWindow, [{
+        type: Component,
+        args: [{ selector: 'mj-entity-form-window', template: "<div *ngIf=\"Visible\">\r\n    <kendo-window title=\"the window!\" (close)=\"closeWindow()\" >\r\n        <ng-template #dynamicFormContainer></ng-template>\r\n    </kendo-window>\r\n</div>" }]
+    }], null, { Mode: [{
+            type: Input
+        }], SectionName: [{
+            type: Input
+        }], Record: [{
+            type: Input
+        }], close: [{
+            type: Output
+        }], Visible: [{
+            type: Input
+        }], container: [{
+            type: ViewChild,
+            args: ['dynamicFormContainer', { read: ViewContainerRef }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityFormWindow, { className: "EntityFormWindow", filePath: "src\\lib\\entity-form-window\\entity-form-window.component.ts", lineNumber: 15 }); })();

package/dist/lib/module.d.ts

@@ -1,21 +1,26 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./single-role/single-role.component";
 import * as i2 from "./settings/settings.component";
-import * as i3 from "./roles-list/roles-list.component";
-import * as i4 from "@angular/common";
-import * as i5 from "@progress/kendo-angular-grid";
-import * as i6 from "@angular/forms";
-import * as i7 from "@progress/kendo-angular-dialog";
-import * as i8 from "@progress/kendo-angular-excel-export";
-import * as i9 from "@memberjunction/ng-compare-records";
-import * as i10 from "@memberjunction/ng-container-directives";
-import * as i11 from "@progress/kendo-angular-buttons";
-import * as i12 from "@progress/kendo-angular-icons";
-import * as i13 from "@progress/kendo-angular-dropdowns";
-import * as i14 from "@memberjunction/ng-entity-permissions";
-import * as i15 from "@progress/kendo-angular-layout";
+import * as i3 from "./user-roles-grid/user-roles-grid.component";
+import * as i4 from "./single-user/single-user.component";
+import * as i5 from "@angular/common";
+import * as i6 from "@progress/kendo-angular-grid";
+import * as i7 from "@angular/forms";
+import * as i8 from "@progress/kendo-angular-dialog";
+import * as i9 from "@progress/kendo-angular-excel-export";
+import * as i10 from "@memberjunction/ng-compare-records";
+import * as i11 from "@memberjunction/ng-container-directives";
+import * as i12 from "@progress/kendo-angular-buttons";
+import * as i13 from "@progress/kendo-angular-icons";
+import * as i14 from "@progress/kendo-angular-dropdowns";
+import * as i15 from "@memberjunction/ng-entity-permissions";
+import * as i16 from "@progress/kendo-angular-layout";
+import * as i17 from "@memberjunction/ng-entity-form-dialog";
+import * as i18 from "@progress/kendo-angular-indicators";
+import * as i19 from "@memberjunction/ng-user-view-grid";
+import * as i20 from "@memberjunction/ng-simple-record-list";
 export declare class ExplorerSettingsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ExplorerSettingsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ExplorerSettingsModule, [typeof i1.SingleRoleComponent, typeof i2.SettingsComponent, typeof i3.RolesListComponent], [typeof i4.CommonModule, typeof i5.GridModule, typeof i6.FormsModule, typeof i7.DialogsModule, typeof i8.ExcelExportModule, typeof i9.CompareRecordsModule, typeof i10.ContainerDirectivesModule, typeof i11.ButtonsModule, typeof i12.IconsModule, typeof i13.DropDownsModule, typeof i14.EntityPermissionsModule, typeof i15.TabStripModule], [typeof i1.SingleRoleComponent, typeof i2.SettingsComponent, typeof i3.RolesListComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ExplorerSettingsModule, [typeof i1.SingleRoleComponent, typeof i2.SettingsComponent, typeof i3.UserRolesGridComponent, typeof i4.SingleUserComponent], [typeof i5.CommonModule, typeof i6.GridModule, typeof i7.FormsModule, typeof i8.DialogsModule, typeof i9.ExcelExportModule, typeof i10.CompareRecordsModule, typeof i11.ContainerDirectivesModule, typeof i12.ButtonsModule, typeof i13.IconsModule, typeof i14.DropDownsModule, typeof i15.EntityPermissionsModule, typeof i16.TabStripModule, typeof i8.DialogsModule, typeof i17.EntityFormDialogModule, typeof i18.IndicatorsModule, typeof i19.UserViewGridModule, typeof i20.SimpleRecordListModule], [typeof i1.SingleRoleComponent, typeof i2.SettingsComponent, typeof i3.UserRolesGridComponent, typeof i4.SingleUserComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ExplorerSettingsModule>;
 }

package/dist/lib/module.js

@@ -12,10 +12,22 @@ import { FormsModule } from '@angular/forms';
 import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
 import { SingleRoleComponent } from './single-role/single-role.component';
 import { SettingsComponent } from './settings/settings.component';
-import { RolesListComponent } from './roles-list/roles-list.component';
 import { EntityPermissionsModule } from '@memberjunction/ng-entity-permissions';
 import { TabStripModule } from '@progress/kendo-angular-layout';
+import { EntityFormDialogModule } from '@memberjunction/ng-entity-form-dialog';
+import { UserRolesGridComponent } from './user-roles-grid/user-roles-grid.component';
+import { IndicatorsModule } from '@progress/kendo-angular-indicators';
+import { SingleUserComponent } from './single-user/single-user.component';
+import { UserViewGridModule } from '@memberjunction/ng-user-view-grid';
+import { SimpleRecordListModule } from '@memberjunction/ng-simple-record-list';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@memberjunction/ng-container-directives";
+import * as i3 from "@progress/kendo-angular-icons";
+import * as i4 from "@memberjunction/ng-entity-permissions";
+import * as i5 from "@progress/kendo-angular-layout";
+import * as i6 from "@memberjunction/ng-entity-form-dialog";
+import * as i7 from "@progress/kendo-angular-indicators";
 export class ExplorerSettingsModule {
 }
 ExplorerSettingsModule.ɵfac = function ExplorerSettingsModule_Factory(t) { return new (t || ExplorerSettingsModule)(); };
@@ -31,14 +43,20 @@ ExplorerSettingsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [C
         IconsModule,
         DropDownsModule,
         EntityPermissionsModule,
-        TabStripModule] });
+        TabStripModule,
+        DialogsModule,
+        EntityFormDialogModule,
+        IndicatorsModule,
+        UserViewGridModule,
+        SimpleRecordListModule] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExplorerSettingsModule, [{
         type: NgModule,
         args: [{
                 declarations: [
                     SingleRoleComponent,
                     SettingsComponent,
-                    RolesListComponent
+                    UserRolesGridComponent,
+                    SingleUserComponent
                 ],
                 imports: [
                     CommonModule,
@@ -52,18 +70,25 @@ ExplorerSettingsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [C
                     IconsModule,
                     DropDownsModule,
                     EntityPermissionsModule,
-                    TabStripModule
+                    TabStripModule,
+                    DialogsModule,
+                    EntityFormDialogModule,
+                    IndicatorsModule,
+                    UserViewGridModule,
+                    SimpleRecordListModule
                 ],
                 exports: [
                     SingleRoleComponent,
                     SettingsComponent,
-                    RolesListComponent
+                    UserRolesGridComponent,
+                    SingleUserComponent
                 ]
             }]
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ExplorerSettingsModule, { declarations: [SingleRoleComponent,
         SettingsComponent,
-        RolesListComponent], imports: [CommonModule,
+        UserRolesGridComponent,
+        SingleUserComponent], imports: [CommonModule,
         GridModule,
         FormsModule,
         DialogsModule,
@@ -74,6 +99,13 @@ ExplorerSettingsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [C
         IconsModule,
         DropDownsModule,
         EntityPermissionsModule,
-        TabStripModule], exports: [SingleRoleComponent,
+        TabStripModule,
+        DialogsModule,
+        EntityFormDialogModule,
+        IndicatorsModule,
+        UserViewGridModule,
+        SimpleRecordListModule], exports: [SingleRoleComponent,
         SettingsComponent,
-        RolesListComponent] }); })();
+        UserRolesGridComponent,
+        SingleUserComponent] }); })();
+i0.ɵɵsetComponentScope(SingleRoleComponent, [i1.NgIf, i2.FillContainer, i3.SVGIconComponent, i4.EntityPermissionsGridComponent, i5.TabStripComponent, i5.TabStripTabComponent, i5.TabContentDirective, i6.EntityFormDialog, i7.LoaderComponent, UserRolesGridComponent], []);

package/dist/lib/record-list/record-list.component.d.ts

@@ -0,0 +1,41 @@
+import { OnInit, EventEmitter } from '@angular/core';
+import { BaseEntity } from '@memberjunction/core';
+import { kendoSVGIcon } from '@memberjunction/ng-shared';
+import { Router } from '@angular/router';
+import * as i0 from "@angular/core";
+export declare class RecordListComponent implements OnInit {
+    private router;
+    EntityName: string;
+    Columns: string[];
+    SortBy: string;
+    AllowDelete: boolean;
+    AllowNew: boolean;
+    AllowEdit: boolean;
+    /**
+     * If AllowEdit or AllowNew is true, this is the section name to display for editing a new or existing record.
+     */
+    EditSectionName: string;
+    RecordSelected: EventEmitter<BaseEntity>;
+    RecordEdited: EventEmitter<BaseEntity>;
+    RecordCreated: EventEmitter<BaseEntity>;
+    isLoading: boolean;
+    records: BaseEntity[];
+    kendoSVGIcon: typeof kendoSVGIcon;
+    constructor(router: Router);
+    ngOnInit(): void;
+    Refresh(): Promise<void>;
+    selectRecord(event: MouseEvent | undefined, r: BaseEntity): void;
+    deleteRecordDialogVisible: boolean;
+    deleteRecordItem: BaseEntity | null;
+    deleteRecord(event: MouseEvent, r: BaseEntity): Promise<void>;
+    closeDeleteDialog(result: 'Yes' | 'No'): Promise<void>;
+    editOrNewRecord: BaseEntity;
+    showEditOrNewRecordForm: boolean;
+    recordMode: 'new' | 'edit';
+    createNewRecord(): Promise<void>;
+    editRecord(event: MouseEvent, r: BaseEntity): Promise<void>;
+    onEditOrNewRecordFormClosed(result: 'Save' | 'Cancel'): Promise<void>;
+    getRecordName(r: BaseEntity): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RecordListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RecordListComponent, "mj-record-list", never, { "EntityName": { "alias": "EntityName"; "required": false; }; "Columns": { "alias": "Columns"; "required": false; }; "SortBy": { "alias": "SortBy"; "required": false; }; "AllowDelete": { "alias": "AllowDelete"; "required": false; }; "AllowNew": { "alias": "AllowNew"; "required": false; }; "AllowEdit": { "alias": "AllowEdit"; "required": false; }; "EditSectionName": { "alias": "EditSectionName"; "required": false; }; }, { "RecordSelected": "RecordSelected"; "RecordEdited": "RecordEdited"; "RecordCreated": "RecordCreated"; }, never, never, false, never>;
+}