@memberjunction/ng-find-record 5.22.0 → 5.24.0

package/dist/lib/dialog.component.js

@@ -1,16 +1,15 @@
 import { Component, Output, EventEmitter, Input } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-dialog";
-import * as i2 from "@progress/kendo-angular-buttons";
-import * as i3 from "./find-record.component";
+import * as i1 from "@memberjunction/ng-ui-components";
+import * as i2 from "./find-record.component";
 function FindRecordDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dialog", 1);
-    i0.ɵɵlistener("close", function FindRecordDialogComponent_Conditional_0_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCancel()); });
+    i0.ɵɵelementStart(0, "mj-dialog", 1);
+    i0.ɵɵlistener("Close", function FindRecordDialogComponent_Conditional_0_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCancel()); });
     i0.ɵɵelementStart(1, "mj-find-record", 2);
     i0.ɵɵlistener("OnRecordSelected", function FindRecordDialogComponent_Conditional_0_Template_mj_find_record_OnRecordSelected_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.BubbleOnRecordSelected($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "kendo-dialog-actions")(3, "button", 3);
+    i0.ɵɵelementStart(2, "mj-dialog-actions")(3, "button", 3);
     i0.ɵɵlistener("click", function FindRecordDialogComponent_Conditional_0_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnOK()); });
     i0.ɵɵtext(4, "OK");
     i0.ɵɵelementEnd();
@@ -20,7 +19,7 @@ function FindRecordDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("width", ctx_r1.DialogWidth)("height", ctx_r1.DialogHeight)("title", ctx_r1.DialogTitle);
+    i0.ɵɵproperty("Visible", true)("Width", ctx_r1.DialogWidth)("Height", ctx_r1.DialogHeight)("Title", ctx_r1.DialogTitle);
     i0.ɵɵadvance();
     i0.ɵɵproperty("EntityName", ctx_r1.EntityName)("DisplayFields", ctx_r1.DisplayFields);
 } }
@@ -72,15 +71,15 @@ export class FindRecordDialogComponent {
         this.DialogClosed.emit(true);
     }
     static ɵfac = function FindRecordDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FindRecordDialogComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FindRecordDialogComponent, selectors: [["mj-find-record-dialog"]], inputs: { DialogTitle: "DialogTitle", DialogWidth: "DialogWidth", DialogHeight: "DialogHeight", SelectedRecord: "SelectedRecord", DialogVisible: "DialogVisible", EntityName: "EntityName", DisplayFields: "DisplayFields" }, outputs: { DialogClosed: "DialogClosed", OnRecordSelected: "OnRecordSelected" }, standalone: false, decls: 1, vars: 1, consts: [[3, "width", "height", "title"], [3, "close", "width", "height", "title"], [3, "OnRecordSelected", "EntityName", "DisplayFields"], ["kendoButton", "", "themeColor", "primary", 3, "click"], ["kendoButton", "", 3, "click"]], template: function FindRecordDialogComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, FindRecordDialogComponent_Conditional_0_Template, 7, 5, "kendo-dialog", 0);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FindRecordDialogComponent, selectors: [["mj-find-record-dialog"]], inputs: { DialogTitle: "DialogTitle", DialogWidth: "DialogWidth", DialogHeight: "DialogHeight", SelectedRecord: "SelectedRecord", DialogVisible: "DialogVisible", EntityName: "EntityName", DisplayFields: "DisplayFields" }, outputs: { DialogClosed: "DialogClosed", OnRecordSelected: "OnRecordSelected" }, standalone: false, decls: 1, vars: 1, consts: [[3, "Visible", "Width", "Height", "Title"], [3, "Close", "Visible", "Width", "Height", "Title"], [3, "OnRecordSelected", "EntityName", "DisplayFields"], ["mjButton", "", "variant", "primary", 3, "click"], ["mjButton", "", 3, "click"]], template: function FindRecordDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, FindRecordDialogComponent_Conditional_0_Template, 7, 6, "mj-dialog", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.DialogVisible ? 0 : -1);
-        } }, dependencies: [i1.DialogComponent, i1.DialogActionsComponent, i2.ButtonComponent, i3.FindRecordComponent], encapsulation: 2 });
+        } }, dependencies: [i1.MJButtonDirective, i1.MJDialogComponent, i1.MJDialogActionsComponent, i2.FindRecordComponent], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FindRecordDialogComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-find-record-dialog', template: "@if (DialogVisible) {\n    <kendo-dialog\n        [width]=\"DialogWidth\"\n        [height]=\"DialogHeight\"\n        [title]=\"DialogTitle\"        \n        (close)=\"OnCancel()\"\n    >\n        <mj-find-record\n            [EntityName]=\"EntityName\"\n            [DisplayFields]=\"DisplayFields\"\n            (OnRecordSelected)=\"BubbleOnRecordSelected($event)\"\n        >\n        </mj-find-record>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"OnOK()\" themeColor=\"primary\">OK</button>\n            <button kendoButton (click)=\"OnCancel()\">Cancel</button>\n        </kendo-dialog-actions>    \n    </kendo-dialog>    \n}" }]
+        args: [{ standalone: false, selector: 'mj-find-record-dialog', template: "@if (DialogVisible) {\n    <mj-dialog\n        [Visible]=\"true\"\n        [Width]=\"DialogWidth\"\n        [Height]=\"DialogHeight\"\n        [Title]=\"DialogTitle\"\n        (Close)=\"OnCancel()\"\n    >\n        <mj-find-record\n            [EntityName]=\"EntityName\"\n            [DisplayFields]=\"DisplayFields\"\n            (OnRecordSelected)=\"BubbleOnRecordSelected($event)\"\n        >\n        </mj-find-record>\n        <mj-dialog-actions>\n            <button mjButton variant=\"primary\" (click)=\"OnOK()\">OK</button>\n            <button mjButton (click)=\"OnCancel()\">Cancel</button>\n        </mj-dialog-actions>\n    </mj-dialog>\n}\n" }]
     }], null, { DialogTitle: [{
             type: Input
         }], DialogWidth: [{

package/dist/lib/dialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.component.js","sourceRoot":"","sources":["../../src/lib/dialog.component.ts","../../src/lib/dialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAG,MAAM,eAAe,CAAC;;;;;;;ICCpE,uCAKC;IADG,mMAAS,iBAAU,KAAC;IAEpB,yCAIC;IADG,iOAAoB,qCAA8B,KAAC;IAEvD,iBAAiB;IAEb,AADJ,4CAAsB,gBACwC;IAAtC,6LAAS,aAAM,KAAC;IAAsB,kBAAE;IAAA,iBAAS;IACrE,iCAAyC;IAArB,6LAAS,iBAAU,KAAC;IAAC,sBAAM;IAEvD,AADI,AADmD,iBAAS,EACrC,EACZ;;;IAbX,AADA,AADA,0CAAqB,+BACE,6BACF;IAIjB,cAAyB;IACzB,AADA,8CAAyB,uCACM;;ADE3C,MAAM,OAAO,yBAAyB;IAC3B,WAAW,GAAW,aAAa,CAAC;IACpC,WAAW,GAAW,OAAO,CAAC;IAC9B,YAAY,GAAW,OAAO,CAAC;IAExC;;OAEG;IACM,cAAc,GAAsB,IAAI,CAAC;IAElD,IAAa,aAAa;QACxB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IACD,IAAI,aAAa,CAAC,KAAc;QAC9B,IAAI,KAAK,KAAK,IAAI,CAAC,cAAc,IAAI,KAAK,EAAE,CAAC;YAC3C,+BAA+B;QACjC,CAAC;QACD,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IAC9B,CAAC;IACO,cAAc,GAAY,KAAK,CAAC;IACxC;;OAEG;IACO,YAAY,GAAG,IAAI,YAAY,EAAW,CAAC;IAErD,gFAAgF;IAChF;;OAEG;IACM,UAAU,GAAW,EAAE,CAAC;IAEjC;;OAEG;IACM,aAAa,GAAsB,EAAE,CAAC,CAAC,gCAAgC;IAI/E;;OAEG;IACM,gBAAgB,GAAG,IAAI,YAAY,EAAc,CAAC;IAErD,QAAQ;QACb,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAEM,sBAAsB,CAAC,MAAW;QACvC,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC;QAC7B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC;IAEM,IAAI;QACT,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;mHAxDU,yBAAyB;6DAAzB,yBAAyB;YCXtC,oGAAqB;;YAArB,4CAkBC;;;iFDPY,yBAAyB;cANrC,SAAS;6BACI,KAAK,YACP,uBAAuB;;kBAKhC,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBAKL,KAAK;;kBAEL,KAAK;;kBAaL,MAAM;;kBAMN,KAAK;;kBAKL,KAAK;;kBAOL,MAAM;;kFAzCI,yBAAyB","sourcesContent":["import { Component, Output, EventEmitter, Input  } from '@angular/core';\n\nimport { BaseEntity, EntityFieldInfo } from '@memberjunction/core';\n   \n \n@Component({\n  standalone: false,\n  selector: 'mj-find-record-dialog',\n  templateUrl: './dialog.component.html',\n  styleUrls: ['./dialog.component.css']\n})\nexport class FindRecordDialogComponent {\n  @Input() DialogTitle: string = 'Find Record';\n  @Input() DialogWidth: string = '700px';\n  @Input() DialogHeight: string = '450px';\n\n  /**\n   * Optional, set this to the currently selected record to start the dialog with that record selected, if desired. This property will be updated as the user selects records in the dialog.\n   */\n  @Input() SelectedRecord: BaseEntity | null = null;\n\n  @Input() get DialogVisible(): boolean {\n    return this._dialogVisible;\n  }\n  set DialogVisible(value: boolean) {\n    if (value !== this._dialogVisible && value) {\n      // do init stuff here as needed\n    }\n    this._dialogVisible = value;\n  }\n  private _dialogVisible: boolean = false;\n  /**\n   * Emits when the dialog is closed, the parameter is true if the dialog was closed with the OK button, false if it was closed with the Cancel button\n   */\n  @Output() DialogClosed = new EventEmitter<boolean>();\n\n  ///// REST OF THE BELOW JUST GET MAPPED TO THE CONTAINED RecordSelectorComponent\n  /**\n   * The name of the entity to show records for.\n   */\n  @Input() EntityName: string = '';\n\n  /**\n   * Optional, list of fields to be displayed in the grid of search results, if not specified, the default fields will be displayed\n   */\n  @Input() DisplayFields: EntityFieldInfo[] = []; // Fields to display in the grid\n\n\n\n   /**\n    * When a record is selected, this event is emitted with the selected record\n    */\n  @Output() OnRecordSelected = new EventEmitter<BaseEntity>();\n\n  public OnCancel() {\n    this.DialogVisible = false;\n    this.DialogClosed.emit(false);\n  }\n\n  public BubbleOnRecordSelected(record: any) {\n    this.SelectedRecord = record;\n    this.OnRecordSelected.emit(record);\n  }\n\n  public OnOK() {\n    this.DialogVisible = false;\n    this.DialogClosed.emit(true);\n  }\n}\n","@if (DialogVisible) {\n    <kendo-dialog\n        [width]=\"DialogWidth\"\n        [height]=\"DialogHeight\"\n        [title]=\"DialogTitle\"        \n        (close)=\"OnCancel()\"\n    >\n        <mj-find-record\n            [EntityName]=\"EntityName\"\n            [DisplayFields]=\"DisplayFields\"\n            (OnRecordSelected)=\"BubbleOnRecordSelected($event)\"\n        >\n        </mj-find-record>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"OnOK()\" themeColor=\"primary\">OK</button>\n            <button kendoButton (click)=\"OnCancel()\">Cancel</button>\n        </kendo-dialog-actions>    \n    </kendo-dialog>    \n}"]}
+{"version":3,"file":"dialog.component.js","sourceRoot":"","sources":["../../src/lib/dialog.component.ts","../../src/lib/dialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAG,MAAM,eAAe,CAAC;;;;;;ICCpE,oCAMC;IADG,gMAAS,iBAAU,KAAC;IAEpB,yCAIC;IADG,iOAAoB,qCAA8B,KAAC;IAEvD,iBAAiB;IAEb,AADJ,yCAAmB,gBACqC;IAAjB,6LAAS,aAAM,KAAC;IAAC,kBAAE;IAAA,iBAAS;IAC/D,iCAAsC;IAArB,6LAAS,iBAAU,KAAC;IAAC,sBAAM;IAEpD,AADI,AADgD,iBAAS,EACrC,EACZ;;;IAbR,AADA,AADA,AADA,8BAAgB,6BACK,+BACE,6BACF;IAIjB,cAAyB;IACzB,AADA,8CAAyB,uCACM;;ADC3C,MAAM,OAAO,yBAAyB;IAC3B,WAAW,GAAW,aAAa,CAAC;IACpC,WAAW,GAAW,OAAO,CAAC;IAC9B,YAAY,GAAW,OAAO,CAAC;IAExC;;OAEG;IACM,cAAc,GAAsB,IAAI,CAAC;IAElD,IAAa,aAAa;QACxB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IACD,IAAI,aAAa,CAAC,KAAc;QAC9B,IAAI,KAAK,KAAK,IAAI,CAAC,cAAc,IAAI,KAAK,EAAE,CAAC;YAC3C,+BAA+B;QACjC,CAAC;QACD,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IAC9B,CAAC;IACO,cAAc,GAAY,KAAK,CAAC;IACxC;;OAEG;IACO,YAAY,GAAG,IAAI,YAAY,EAAW,CAAC;IAErD,gFAAgF;IAChF;;OAEG;IACM,UAAU,GAAW,EAAE,CAAC;IAEjC;;OAEG;IACM,aAAa,GAAsB,EAAE,CAAC,CAAC,gCAAgC;IAI/E;;OAEG;IACM,gBAAgB,GAAG,IAAI,YAAY,EAAc,CAAC;IAErD,QAAQ;QACb,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAEM,sBAAsB,CAAC,MAAW;QACvC,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC;QAC7B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC;IAEM,IAAI;QACT,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;mHAxDU,yBAAyB;6DAAzB,yBAAyB;YCXtC,iGAAqB;;YAArB,4CAmBC;;;iFDRY,yBAAyB;cANrC,SAAS;6BACI,KAAK,YACP,uBAAuB;;kBAKhC,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBAKL,KAAK;;kBAEL,KAAK;;kBAaL,MAAM;;kBAMN,KAAK;;kBAKL,KAAK;;kBAOL,MAAM;;kFAzCI,yBAAyB","sourcesContent":["import { Component, Output, EventEmitter, Input  } from '@angular/core';\n\nimport { BaseEntity, EntityFieldInfo } from '@memberjunction/core';\n   \n \n@Component({\n  standalone: false,\n  selector: 'mj-find-record-dialog',\n  templateUrl: './dialog.component.html',\n  styleUrls: ['./dialog.component.css']\n})\nexport class FindRecordDialogComponent {\n  @Input() DialogTitle: string = 'Find Record';\n  @Input() DialogWidth: string = '700px';\n  @Input() DialogHeight: string = '450px';\n\n  /**\n   * Optional, set this to the currently selected record to start the dialog with that record selected, if desired. This property will be updated as the user selects records in the dialog.\n   */\n  @Input() SelectedRecord: BaseEntity | null = null;\n\n  @Input() get DialogVisible(): boolean {\n    return this._dialogVisible;\n  }\n  set DialogVisible(value: boolean) {\n    if (value !== this._dialogVisible && value) {\n      // do init stuff here as needed\n    }\n    this._dialogVisible = value;\n  }\n  private _dialogVisible: boolean = false;\n  /**\n   * Emits when the dialog is closed, the parameter is true if the dialog was closed with the OK button, false if it was closed with the Cancel button\n   */\n  @Output() DialogClosed = new EventEmitter<boolean>();\n\n  ///// REST OF THE BELOW JUST GET MAPPED TO THE CONTAINED RecordSelectorComponent\n  /**\n   * The name of the entity to show records for.\n   */\n  @Input() EntityName: string = '';\n\n  /**\n   * Optional, list of fields to be displayed in the grid of search results, if not specified, the default fields will be displayed\n   */\n  @Input() DisplayFields: EntityFieldInfo[] = []; // Fields to display in the grid\n\n\n\n   /**\n    * When a record is selected, this event is emitted with the selected record\n    */\n  @Output() OnRecordSelected = new EventEmitter<BaseEntity>();\n\n  public OnCancel() {\n    this.DialogVisible = false;\n    this.DialogClosed.emit(false);\n  }\n\n  public BubbleOnRecordSelected(record: any) {\n    this.SelectedRecord = record;\n    this.OnRecordSelected.emit(record);\n  }\n\n  public OnOK() {\n    this.DialogVisible = false;\n    this.DialogClosed.emit(true);\n  }\n}\n","@if (DialogVisible) {\n    <mj-dialog\n        [Visible]=\"true\"\n        [Width]=\"DialogWidth\"\n        [Height]=\"DialogHeight\"\n        [Title]=\"DialogTitle\"\n        (Close)=\"OnCancel()\"\n    >\n        <mj-find-record\n            [EntityName]=\"EntityName\"\n            [DisplayFields]=\"DisplayFields\"\n            (OnRecordSelected)=\"BubbleOnRecordSelected($event)\"\n        >\n        </mj-find-record>\n        <mj-dialog-actions>\n            <button mjButton variant=\"primary\" (click)=\"OnOK()\">OK</button>\n            <button mjButton (click)=\"OnCancel()\">Cancel</button>\n        </mj-dialog-actions>\n    </mj-dialog>\n}\n"]}

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

@@ -1,5 +1,6 @@
 import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { BaseEntity, EntityFieldInfo } from '@memberjunction/core';
+import { ColDef, GridReadyEvent, RowSelectionOptions, SelectionChangedEvent, type Theme } from 'ag-grid-community';
 import * as i0 from "@angular/core";
 export declare class FindRecordComponent implements OnInit, OnDestroy {
     /**
@@ -19,17 +20,24 @@ export declare class FindRecordComponent implements OnInit, OnDestroy {
      */
     OnRecordSelected: EventEmitter<BaseEntity<unknown>>;
     searchTerm: string;
-    records: any[];
+    records: BaseEntity[];
     loading: boolean;
     searchHasRun: boolean;
     private entityInfo;
     private searchSubject;
     private searchSubscription;
+    ColumnDefs: ColDef[];
+    DefaultColDef: ColDef;
+    RowSelectionConfig: RowSelectionOptions;
+    GridTheme: Theme;
+    private gridApi;
     ngOnInit(): void;
     ngOnDestroy(): void;
     onFind(): void;
     onSearchTermChange(term: string): void;
-    onSelectionChange(event: any): void;
+    onSelectionChange(event: SelectionChangedEvent): void;
+    onGridReady(event: GridReadyEvent): void;
+    private buildColumnDefs;
     protected doSearch(searchTerm: string): Promise<BaseEntity[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FindRecordComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FindRecordComponent, "mj-find-record", never, { "EntityName": { "alias": "EntityName"; "required": false; }; "DisplayFields": { "alias": "DisplayFields"; "required": false; }; "SearchDebounceTime": { "alias": "SearchDebounceTime"; "required": false; }; }, { "OnRecordSelected": "OnRecordSelected"; }, never, never, false, never>;

package/dist/lib/find-record.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"find-record.component.d.ts","sourceRoot":"","sources":["../../src/lib/find-record.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAU,SAAS,EAAE,MAAM,EAAU,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,UAAU,EAAE,eAAe,EAA2C,MAAM,sBAAsB,CAAC;;AAI5G,qBAMa,mBAAoB,YAAW,MAAM,EAAE,SAAS;IAC3D;;OAEG;IACM,UAAU,EAAE,MAAM,CAAM;IAEjC;;OAEG;IACa,aAAa,EAAE,eAAe,EAAE,CAAM;IAEtD;;OAEG;IACa,kBAAkB,EAAE,MAAM,CAAO;IAGjD;;OAEG;IACO,gBAAgB,oCAAkC;IAErD,UAAU,EAAE,MAAM,CAAM;IACxB,OAAO,EAAE,GAAG,EAAE,CAAM;IAEpB,OAAO,UAAS;IAChB,YAAY,EAAE,OAAO,CAAS;IACrC,OAAO,CAAC,UAAU,CAAyB;IAE3C,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,kBAAkB,CAAM;IAGhC,QAAQ;IAsCR,WAAW;IAQX,MAAM;IAIN,kBAAkB,CAAC,IAAI,EAAE,MAAM;IAKxB,iBAAiB,CAAC,KAAK,EAAE,GAAG;cAMnB,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC;yCA9FxD,mBAAmB;2CAAnB,mBAAmB;CA+G/B"}
+{"version":3,"file":"find-record.component.d.ts","sourceRoot":"","sources":["../../src/lib/find-record.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAU,SAAS,EAAE,MAAM,EAAU,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,UAAU,EAAE,eAAe,EAA2C,MAAM,sBAAsB,CAAC;AAG5G,OAAO,EACL,MAAM,EACN,cAAc,EAId,mBAAmB,EACnB,qBAAqB,EAGrB,KAAK,KAAK,EACX,MAAM,mBAAmB,CAAC;;AAK3B,qBAMa,mBAAoB,YAAW,MAAM,EAAE,SAAS;IAC3D;;OAEG;IACM,UAAU,EAAE,MAAM,CAAM;IAEjC;;OAEG;IACa,aAAa,EAAE,eAAe,EAAE,CAAM;IAEtD;;OAEG;IACa,kBAAkB,EAAE,MAAM,CAAO;IAGjD;;OAEG;IACO,gBAAgB,oCAAkC;IAErD,UAAU,EAAE,MAAM,CAAM;IACxB,OAAO,EAAE,UAAU,EAAE,CAAM;IAE3B,OAAO,UAAS;IAChB,YAAY,EAAE,OAAO,CAAS;IACrC,OAAO,CAAC,UAAU,CAAyB;IAE3C,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,kBAAkB,CAA2B;IAG9C,UAAU,EAAE,MAAM,EAAE,CAAM;IAC1B,aAAa,EAAE,MAAM,CAI1B;IACK,kBAAkB,EAAE,mBAAmB,CAI5C;IACK,SAAS,EAAE,KAAK,CAA6C;IACpE,OAAO,CAAC,OAAO,CAAwB;IAGvC,QAAQ;IAyCR,WAAW;IAQX,MAAM;IAIN,kBAAkB,CAAC,IAAI,EAAE,MAAM;IAKxB,iBAAiB,CAAC,KAAK,EAAE,qBAAqB;IAO9C,WAAW,CAAC,KAAK,EAAE,cAAc;IAIxC,OAAO,CAAC,eAAe;cAQP,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC;yCA7HxD,mBAAmB;2CAAnB,mBAAmB;CA8I/B"}

package/dist/lib/find-record.component.js

@@ -2,41 +2,33 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { LogError, Metadata, RunView } from '@memberjunction/core';
 import { Subject } from 'rxjs';
 import { debounceTime, distinctUntilChanged, switchMap } from 'rxjs/operators';
+import { ModuleRegistry, AllCommunityModule, themeAlpine, colorSchemeVariable } from 'ag-grid-community';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
-import * as i2 from "@progress/kendo-angular-grid";
-import * as i3 from "@progress/kendo-angular-buttons";
-import * as i4 from "@progress/kendo-angular-inputs";
-const _c0 = () => ({ mode: "single" });
+import * as i2 from "ag-grid-angular";
+import * as i3 from "@memberjunction/ng-ui-components";
 function FindRecordComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵtext(1, "Searching...");
     i0.ɵɵelementEnd();
 } }
-function FindRecordComponent_Conditional_5_For_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-grid-column", 3);
-} if (rf & 2) {
-    const field_r3 = ctx.$implicit;
-    i0.ɵɵproperty("field", field_r3.Name)("title", field_r3.DisplayNameOrName);
-} }
 function FindRecordComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "kendo-grid", 2);
-    i0.ɵɵlistener("selectionChange", function FindRecordComponent_Conditional_5_Template_kendo_grid_selectionChange_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectionChange($event)); });
-    i0.ɵɵrepeaterCreate(2, FindRecordComponent_Conditional_5_For_3_Template, 1, 2, "kendo-grid-column", 3, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "div", 2)(1, "ag-grid-angular", 3);
+    i0.ɵɵlistener("selectionChanged", function FindRecordComponent_Conditional_5_Template_ag_grid_angular_selectionChanged_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectionChange($event)); })("gridReady", function FindRecordComponent_Conditional_5_Template_ag_grid_angular_gridReady_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onGridReady($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("data", ctx_r1.records)("height", 280)("selectable", i0.ɵɵpureFunction0(3, _c0));
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.DisplayFields);
+    i0.ɵɵproperty("theme", ctx_r1.GridTheme)("rowData", ctx_r1.records)("columnDefs", ctx_r1.ColumnDefs)("defaultColDef", ctx_r1.DefaultColDef)("rowSelection", ctx_r1.RowSelectionConfig);
 } }
 function FindRecordComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵtext(1, "No records found.");
     i0.ɵɵelementEnd();
 } }
+// Register AG Grid modules
+ModuleRegistry.registerModules([AllCommunityModule]);
 export class FindRecordComponent {
     /**
      * The name of the entity to show records for.
@@ -61,6 +53,20 @@ export class FindRecordComponent {
     entityInfo; // Entity metadata
     searchSubject = new Subject(); // Subject to emit search term changes
     searchSubscription;
+    // AG Grid configuration
+    ColumnDefs = [];
+    DefaultColDef = {
+        sortable: true,
+        resizable: true,
+        filter: false
+    };
+    RowSelectionConfig = {
+        mode: 'singleRow',
+        checkboxes: false,
+        enableClickSelection: true
+    };
+    GridTheme = themeAlpine.withPart(colorSchemeVariable);
+    gridApi = null;
     ngOnInit() {
         // Fetch the entity metadata based on EntityName
         const md = new Metadata();
@@ -73,6 +79,8 @@ export class FindRecordComponent {
         if (this.DisplayFields.length === 0) {
             this.DisplayFields = this.entityInfo.Fields.filter((field) => field.DefaultInView || field.IsPrimaryKey || field.IsNameField || field.IncludeInUserSearchAPI);
         }
+        // Build AG Grid column definitions from display fields
+        this.ColumnDefs = this.buildColumnDefs();
         // Subscribe to the searchSubject with debounce
         this.searchSubscription = this.searchSubject.pipe(debounceTime(this.SearchDebounceTime), // Delay search execution by 300ms
         distinctUntilChanged(), // Only proceed if the search term has changed
@@ -106,8 +114,19 @@ export class FindRecordComponent {
         this.searchSubject.next(term); // Emit the new search term
     }
     onSelectionChange(event) {
-        // Emit the selected record
-        this.OnRecordSelected.emit(event.selectedRows[0].dataItem);
+        const selectedRows = event.api.getSelectedRows();
+        if (selectedRows.length > 0) {
+            this.OnRecordSelected.emit(selectedRows[0]);
+        }
+    }
+    onGridReady(event) {
+        this.gridApi = event.api;
+    }
+    buildColumnDefs() {
+        return this.DisplayFields.map((field) => ({
+            field: field.Name,
+            headerName: field.DisplayNameOrName
+        }));
     }
     // Stub function for simulating a database search (replace with actual search logic)
     async doSearch(searchTerm) {
@@ -128,17 +147,17 @@ export class FindRecordComponent {
         }
     }
     static ɵfac = function FindRecordComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FindRecordComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FindRecordComponent, selectors: [["mj-find-record"]], inputs: { EntityName: "EntityName", DisplayFields: "DisplayFields", SearchDebounceTime: "SearchDebounceTime" }, outputs: { OnRecordSelected: "OnRecordSelected" }, standalone: false, decls: 7, vars: 4, consts: [["type", "text", "placeholder", "Start typing to search...", 1, "find-textbox", 3, "ngModelChange", "ngModel"], ["kendoButton", "", 1, "find-button", 3, "click"], [3, "selectionChange", "data", "height", "selectable"], [3, "field", "title"]], template: function FindRecordComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div")(1, "kendo-textbox", 0);
-            i0.ɵɵtwoWayListener("ngModelChange", function FindRecordComponent_Template_kendo_textbox_ngModelChange_1_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.searchTerm, $event) || (ctx.searchTerm = $event); return $event; });
-            i0.ɵɵlistener("ngModelChange", function FindRecordComponent_Template_kendo_textbox_ngModelChange_1_listener($event) { return ctx.onSearchTermChange($event); });
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FindRecordComponent, selectors: [["mj-find-record"]], inputs: { EntityName: "EntityName", DisplayFields: "DisplayFields", SearchDebounceTime: "SearchDebounceTime" }, outputs: { OnRecordSelected: "OnRecordSelected" }, standalone: false, decls: 7, vars: 4, consts: [["type", "text", "placeholder", "Start typing to search...", 1, "mj-input", "find-textbox", 3, "ngModelChange", "ngModel"], ["mjButton", "", "variant", "primary", 1, "find-button", 3, "click"], [1, "find-grid-wrapper"], [1, "find-grid", 3, "selectionChanged", "gridReady", "theme", "rowData", "columnDefs", "defaultColDef", "rowSelection"]], template: function FindRecordComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div")(1, "input", 0);
+            i0.ɵɵtwoWayListener("ngModelChange", function FindRecordComponent_Template_input_ngModelChange_1_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.searchTerm, $event) || (ctx.searchTerm = $event); return $event; });
+            i0.ɵɵlistener("ngModelChange", function FindRecordComponent_Template_input_ngModelChange_1_listener($event) { return ctx.onSearchTermChange($event); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(2, "button", 1);
             i0.ɵɵlistener("click", function FindRecordComponent_Template_button_click_2_listener() { return ctx.onFind(); });
             i0.ɵɵtext(3, "Find");
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(4, FindRecordComponent_Conditional_4_Template, 2, 0, "div");
-            i0.ɵɵconditionalCreate(5, FindRecordComponent_Conditional_5_Template, 4, 4, "div");
+            i0.ɵɵconditionalCreate(5, FindRecordComponent_Conditional_5_Template, 2, 5, "div", 2);
             i0.ɵɵconditionalCreate(6, FindRecordComponent_Conditional_6_Template, 2, 0, "div");
             i0.ɵɵelementEnd();
         } if (rf & 2) {
@@ -150,11 +169,11 @@ export class FindRecordComponent {
             i0.ɵɵconditional(!ctx.loading && ctx.records.length > 0 ? 5 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(!ctx.loading && ctx.records.length === 0 && ctx.searchHasRun ? 6 : -1);
-        } }, dependencies: [i1.NgControlStatus, i1.NgModel, i2.GridComponent, i2.ColumnComponent, i3.ButtonComponent, i4.TextBoxComponent], styles: [".list-box[_ngcontent-%COMP%] {\n    width: 320px;\n    height: 300px;\n}\n\n.k-listbox-actions-right[_ngcontent-%COMP%] {\n    margin-left: 10px;\n}\n\n.item-icon[_ngcontent-%COMP%] {\n    font-size: 16px;\n    width: 25px;\n    margin-right: 5px;\n}\n\n.find-textbox[_ngcontent-%COMP%] {\n    width: 500px;\n    margin-right: 10px;\n    margin-bottom: 10px;\n}\n\n.find-button[_ngcontent-%COMP%] {\n    width: 75px;\n    margin-bottom: 10px;\n}"] });
+        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i2.AgGridAngular, i3.MJButtonDirective], styles: [".list-box[_ngcontent-%COMP%] {\n    width: 320px;\n    height: 300px;\n}\n\n.k-listbox-actions-right[_ngcontent-%COMP%] {\n    margin-left: 10px;\n}\n\n.item-icon[_ngcontent-%COMP%] {\n    font-size: 16px;\n    width: 25px;\n    margin-right: 5px;\n}\n\n.find-textbox[_ngcontent-%COMP%] {\n    width: 500px;\n    margin-right: 10px;\n    margin-bottom: 10px;\n}\n\n.find-button[_ngcontent-%COMP%] {\n    width: 75px;\n    margin-bottom: 10px;\n}\n\n.find-grid-wrapper[_ngcontent-%COMP%] {\n    height: 280px;\n    width: 100%;\n}\n\n.find-grid[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 100%;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FindRecordComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-find-record', template: "<div>\n  <kendo-textbox\n    class=\"find-textbox\"\n    type=\"text\"\n    placeholder=\"Start typing to search...\"\n    [(ngModel)]=\"searchTerm\"\n    (ngModelChange)=\"onSearchTermChange($event)\"\n    >\n  </kendo-textbox>\n  <button class=\"find-button\" kendoButton (click)=\"onFind()\">Find</button>\n\n  @if (loading) {\n    <div>Searching...</div>\n  }\n  @if (!loading && records.length > 0) {\n    <div>\n      <kendo-grid\n        [data]=\"records\"\n        [height]=\"280\"\n        [selectable]=\"{ mode: 'single' }\"\n        (selectionChange)=\"onSelectionChange($event)\"\n        >\n        @for (field of DisplayFields; track field) {\n          <kendo-grid-column [field]=\"field.Name\" [title]=\"field.DisplayNameOrName\"></kendo-grid-column>\n        }\n      </kendo-grid>\n    </div>\n  }\n  @if (!loading && records.length === 0 && searchHasRun) {\n    <div>No records found.</div>\n  }\n</div>\n", styles: [".list-box {\n    width: 320px;\n    height: 300px;\n}\n\n.k-listbox-actions-right {\n    margin-left: 10px;\n}\n\n.item-icon {\n    font-size: 16px;\n    width: 25px;\n    margin-right: 5px;\n}\n\n.find-textbox {\n    width: 500px;\n    margin-right: 10px;\n    margin-bottom: 10px;\n}\n\n.find-button {\n    width: 75px;\n    margin-bottom: 10px;\n}"] }]
+        args: [{ standalone: false, selector: 'mj-find-record', template: "<div>\n  <input\n    type=\"text\"\n    class=\"mj-input find-textbox\"\n    placeholder=\"Start typing to search...\"\n    [(ngModel)]=\"searchTerm\"\n    (ngModelChange)=\"onSearchTermChange($event)\" />\n  <button mjButton variant=\"primary\" class=\"find-button\" (click)=\"onFind()\">Find</button>\n\n  @if (loading) {\n    <div>Searching...</div>\n  }\n  @if (!loading && records.length > 0) {\n    <div class=\"find-grid-wrapper\">\n      <ag-grid-angular\n        class=\"find-grid\"\n        [theme]=\"GridTheme\"\n        [rowData]=\"records\"\n        [columnDefs]=\"ColumnDefs\"\n        [defaultColDef]=\"DefaultColDef\"\n        [rowSelection]=\"RowSelectionConfig\"\n        (selectionChanged)=\"onSelectionChange($event)\"\n        (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n  }\n  @if (!loading && records.length === 0 && searchHasRun) {\n    <div>No records found.</div>\n  }\n</div>\n", styles: [".list-box {\n    width: 320px;\n    height: 300px;\n}\n\n.k-listbox-actions-right {\n    margin-left: 10px;\n}\n\n.item-icon {\n    font-size: 16px;\n    width: 25px;\n    margin-right: 5px;\n}\n\n.find-textbox {\n    width: 500px;\n    margin-right: 10px;\n    margin-bottom: 10px;\n}\n\n.find-button {\n    width: 75px;\n    margin-bottom: 10px;\n}\n\n.find-grid-wrapper {\n    height: 280px;\n    width: 100%;\n}\n\n.find-grid {\n    width: 100%;\n    height: 100%;\n}"] }]
     }], null, { EntityName: [{
             type: Input
         }], DisplayFields: [{
@@ -164,5 +183,5 @@ export class FindRecordComponent {
         }], OnRecordSelected: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FindRecordComponent, { className: "FindRecordComponent", filePath: "src/lib/find-record.component.ts", lineNumber: 12 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FindRecordComponent, { className: "FindRecordComponent", filePath: "src/lib/find-record.component.ts", lineNumber: 27 }); })();
 //# sourceMappingURL=find-record.component.js.map

package/dist/lib/find-record.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"find-record.component.js","sourceRoot":"","sources":["../../src/lib/find-record.component.ts","../../src/lib/find-record.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAG,YAAY,EAAG,KAAK,EAAqB,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAA2C,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC5G,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;;;;;;;;ICS3E,2BAAK;IAAA,4BAAY;IAAA,iBAAM;;;IAWjB,uCAA8F;;;IAAtD,AAArB,qCAAoB,qCAAkC;;;;IAP7E,AADF,2BAAK,oBAMA;IADD,qNAAmB,gCAAyB,KAAC;IAE7C,oIAEC;IAEL,AADE,iBAAa,EACT;;;IATF,cAAgB;IAEhB,AADA,AADA,qCAAgB,eACF,0CACmB;IAGjC,cAEC;IAFD,mCAEC;;;IAKL,2BAAK;IAAA,iCAAiB;IAAA,iBAAM;;ADlBhC,MAAM,OAAO,mBAAmB;IAC9B;;OAEG;IACM,UAAU,GAAW,EAAE,CAAC;IAEjC;;OAEG;IACa,aAAa,GAAsB,EAAE,CAAC,CAAC,gCAAgC;IAEvF;;OAEG;IACa,kBAAkB,GAAW,GAAG,CAAC,CAAC,2BAA2B;IAG7E;;OAEG;IACO,gBAAgB,GAAG,IAAI,YAAY,EAAc,CAAC;IAErD,UAAU,GAAW,EAAE,CAAC,CAAC,mBAAmB;IAC5C,OAAO,GAAU,EAAE,CAAC,CAAC,uBAAuB;IAE5C,OAAO,GAAG,KAAK,CAAC,CAAC,2BAA2B;IAC5C,YAAY,GAAY,KAAK,CAAC,CAAC,wBAAwB;IACtD,UAAU,CAAyB,CAAC,kBAAkB;IAEtD,aAAa,GAAG,IAAI,OAAO,EAAU,CAAC,CAAC,sCAAsC;IAC7E,kBAAkB,CAAM;IAGhC,QAAQ;QACN,gDAAgD;QAChD,MAAM,EAAE,GAAG,IAAI,QAAQ,EAAE,CAAC;QAC1B,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACnD,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,QAAQ,CAAC,UAAU,IAAI,CAAC,UAAU,YAAY,CAAC,CAAC;YAChD,OAAO;QACT,CAAC;QAED,+EAA+E;QAC/E,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACpC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAChD,CAAC,KAAsB,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,sBAAsB,CAC3H,CAAC;QACJ,CAAC;QAED,+CAA+C;QAC/C,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAC/C,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAE,kCAAkC;QACzE,oBAAoB,EAAE,EAAE,8CAA8C;QACtE,SAAS,CAAC,IAAI,CAAC,EAAE;YACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC,CAAC,CACH,CAAC,SAAS,CAAC;YACV,IAAI,EAAE,CAAC,OAAc,EAAE,EAAE;gBACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;gBACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YAC3B,CAAC;YACD,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;gBACf,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;gBACxB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YAC3B,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAED,WAAW;QACT,2BAA2B;QAC3B,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC5B,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAAE,CAAC;QACxC,CAAC;IACH,CAAC;IAGD,MAAM;QACJ,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,+BAA+B;IAC3E,CAAC;IAED,kBAAkB,CAAC,IAAY;QAC7B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,2BAA2B;IAC5D,CAAC;IAEM,iBAAiB,CAAC,KAAU;QACjC,2BAA2B;QAC3B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC7D,CAAC;IAED,oFAAoF;IAC1E,KAAK,CAAC,QAAQ,CAAC,UAAkB;QACzC,MAAM,EAAE,GAAG,IAAI,OAAO,EAAE,CAAC;QACzB,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC,OAAO,CAAC;YAC9B,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,gBAAgB,EAAE,UAAU;YAC5B,UAAU,EAAE,eAAe;SAC5B,CAAC,CAAC;QACH,IAAI,MAAM,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;YAC7B,OAAO,MAAM,CAAC,OAAO,CAAC;YACtB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC3B,CAAC;aACK,CAAC;YACL,MAAM,YAAY,GAAG,uBAAuB,IAAI,CAAC,UAAU,KAAK,MAAM,CAAC,YAAY,EAAE,CAAC;YACtF,QAAQ,CAAC,YAAY,CAAC,CAAC;YACvB,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC;QAChC,CAAC;IACH,CAAC;6GA9GU,mBAAmB;6DAAnB,mBAAmB;YCV9B,AADF,2BAAK,uBAOA;YAFD,yNAAwB;YACxB,6HAAiB,8BAA0B,IAAC;YAE9C,iBAAgB;YAChB,iCAA2D;YAAnB,gGAAS,YAAQ,IAAC;YAAC,oBAAI;YAAA,iBAAS;YAExE,kFAAe;YAGf,kFAAsC;YActC,kFAAwD;YAG1D,iBAAM;;YA1BF,cAAwB;YAAxB,8CAAwB;YAM1B,eAEC;YAFD,sCAEC;YACD,cAaC;YAbD,iEAaC;YACD,cAEC;YAFD,uFAEC;;;iFDnBU,mBAAmB;cAN/B,SAAS;6BACI,KAAK,YACP,gBAAgB;;kBAQzB,KAAK;;kBAKL,KAAK;;kBAKL,KAAK;;kBAML,MAAM;;kFApBI,mBAAmB","sourcesContent":["import { Component,  EventEmitter,  Input, OnDestroy, OnInit, Output } from '@angular/core';\nimport { BaseEntity, EntityFieldInfo, EntityInfo, LogError, Metadata, RunView } from '@memberjunction/core';\nimport { Subject } from 'rxjs';\nimport { debounceTime, distinctUntilChanged, switchMap } from 'rxjs/operators';\n \n@Component({\n  standalone: false,\n  selector: 'mj-find-record',\n  templateUrl: './find-record.component.html',\n  styleUrls: ['./find-record.component.css']\n})\nexport class FindRecordComponent implements OnInit, OnDestroy {\n  /**\n   * The name of the entity to show records for.\n   */\n  @Input() EntityName: string = '';\n\n  /**\n   * Optional, list of fields to be displayed in the grid of search results, if not specified, the default fields will be displayed\n   */\n  @Input() public DisplayFields: EntityFieldInfo[] = []; // Fields to display in the grid\n\n  /**\n   * Optional, the number of milliseconds to wait after the last keypress before triggering a search. Default is 300ms\n   */\n  @Input() public SearchDebounceTime: number = 300; // Debounce time for search\n\n\n  /**\n   * When a record is selected, this event is emitted with the selected record\n   */\n  @Output() OnRecordSelected = new EventEmitter<BaseEntity>();\n\n  public searchTerm: string = ''; // User search term\n  public records: any[] = []; // Store search results\n\n  public loading = false; // Loading state for search\n  public searchHasRun: boolean = false; // has a search been run\n  private entityInfo: EntityInfo | undefined; // Entity metadata\n\n  private searchSubject = new Subject<string>(); // Subject to emit search term changes\n  private searchSubscription: any;\n\n \n  ngOnInit() {\n    // Fetch the entity metadata based on EntityName\n    const md = new Metadata();\n    this.entityInfo = md.EntityByName(this.EntityName);\n    if (!this.entityInfo) {\n      LogError(`Entity ${this.EntityName} not found`);\n      return;\n    }\n\n    // Set display fields (you can adjust the logic based on your entity structure)\n    if (this.DisplayFields.length === 0) {\n      this.DisplayFields = this.entityInfo.Fields.filter(\n        (field: EntityFieldInfo) => field.DefaultInView || field.IsPrimaryKey || field.IsNameField || field.IncludeInUserSearchAPI\n      );\n    }\n\n    // Subscribe to the searchSubject with debounce\n    this.searchSubscription = this.searchSubject.pipe(\n      debounceTime(this.SearchDebounceTime), // Delay search execution by 300ms\n      distinctUntilChanged(), // Only proceed if the search term has changed\n      switchMap(term => {\n        this.loading = true;\n        return this.doSearch(term);\n      })\n    ).subscribe({\n      next: (results: any[]) => {\n        this.records = results;\n        this.loading = false;\n        this.searchHasRun = true;\n      },\n      error: (error) => {\n        LogError(error.message);\n        this.loading = false;\n        this.searchHasRun = true;\n      }\n    });    \n  }\n\n  ngOnDestroy() {\n    // Cleanup the subscription\n    if (this.searchSubscription) {\n      this.searchSubscription.unsubscribe();\n    }\n  }\n\n\n  onFind() {\n    this.searchSubject.next(this.searchTerm); // Trigger the debounced search\n  }  \n\n  onSearchTermChange(term: string) {\n    this.searchTerm = term;\n    this.searchSubject.next(term); // Emit the new search term\n  }\n\n  public onSelectionChange(event: any) {\n    // Emit the selected record\n    this.OnRecordSelected.emit(event.selectedRows[0].dataItem);\n  }\n\n  // Stub function for simulating a database search (replace with actual search logic)\n  protected async doSearch(searchTerm: string): Promise<BaseEntity[]> {\n    const rv = new RunView();\n    const result = await rv.RunView({\n      EntityName: this.EntityName, \n      UserSearchString: searchTerm, \n      ResultType: 'entity_object'\n    });\n    if (result && result.Success) {\n      return result.Results;\n      this.searchHasRun = true;\n    }\n    else  {\n      const errorMessage = `Error searching for ${this.EntityName}: ${result.ErrorMessage}`;\n      LogError(errorMessage);\n      throw new Error(errorMessage);\n    }\n  }  \n}\n","<div>\n  <kendo-textbox\n    class=\"find-textbox\"\n    type=\"text\"\n    placeholder=\"Start typing to search...\"\n    [(ngModel)]=\"searchTerm\"\n    (ngModelChange)=\"onSearchTermChange($event)\"\n    >\n  </kendo-textbox>\n  <button class=\"find-button\" kendoButton (click)=\"onFind()\">Find</button>\n\n  @if (loading) {\n    <div>Searching...</div>\n  }\n  @if (!loading && records.length > 0) {\n    <div>\n      <kendo-grid\n        [data]=\"records\"\n        [height]=\"280\"\n        [selectable]=\"{ mode: 'single' }\"\n        (selectionChange)=\"onSelectionChange($event)\"\n        >\n        @for (field of DisplayFields; track field) {\n          <kendo-grid-column [field]=\"field.Name\" [title]=\"field.DisplayNameOrName\"></kendo-grid-column>\n        }\n      </kendo-grid>\n    </div>\n  }\n  @if (!loading && records.length === 0 && searchHasRun) {\n    <div>No records found.</div>\n  }\n</div>\n"]}
+{"version":3,"file":"find-record.component.js","sourceRoot":"","sources":["../../src/lib/find-record.component.ts","../../src/lib/find-record.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component,  EventEmitter,  Input, OnDestroy, OnInit, Output } from '@angular/core';\nimport { BaseEntity, EntityFieldInfo, EntityInfo, LogError, Metadata, RunView } from '@memberjunction/core';\nimport { Subject, Subscription } from 'rxjs';\nimport { debounceTime, distinctUntilChanged, switchMap } from 'rxjs/operators';\nimport {\n  ColDef,\n  GridReadyEvent,\n  GridApi,\n  ModuleRegistry,\n  AllCommunityModule,\n  RowSelectionOptions,\n  SelectionChangedEvent,\n  themeAlpine,\n  colorSchemeVariable,\n  type Theme\n} from 'ag-grid-community';\n\n// Register AG Grid modules\nModuleRegistry.registerModules([AllCommunityModule]);\n \n@Component({\n  standalone: false,\n  selector: 'mj-find-record',\n  templateUrl: './find-record.component.html',\n  styleUrls: ['./find-record.component.css']\n})\nexport class FindRecordComponent implements OnInit, OnDestroy {\n  /**\n   * The name of the entity to show records for.\n   */\n  @Input() EntityName: string = '';\n\n  /**\n   * Optional, list of fields to be displayed in the grid of search results, if not specified, the default fields will be displayed\n   */\n  @Input() public DisplayFields: EntityFieldInfo[] = []; // Fields to display in the grid\n\n  /**\n   * Optional, the number of milliseconds to wait after the last keypress before triggering a search. Default is 300ms\n   */\n  @Input() public SearchDebounceTime: number = 300; // Debounce time for search\n\n\n  /**\n   * When a record is selected, this event is emitted with the selected record\n   */\n  @Output() OnRecordSelected = new EventEmitter<BaseEntity>();\n\n  public searchTerm: string = ''; // User search term\n  public records: BaseEntity[] = []; // Store search results\n\n  public loading = false; // Loading state for search\n  public searchHasRun: boolean = false; // has a search been run\n  private entityInfo: EntityInfo | undefined; // Entity metadata\n\n  private searchSubject = new Subject<string>(); // Subject to emit search term changes\n  private searchSubscription: Subscription | undefined;\n\n  // AG Grid configuration\n  public ColumnDefs: ColDef[] = [];\n  public DefaultColDef: ColDef = {\n    sortable: true,\n    resizable: true,\n    filter: false\n  };\n  public RowSelectionConfig: RowSelectionOptions = {\n    mode: 'singleRow',\n    checkboxes: false,\n    enableClickSelection: true\n  };\n  public GridTheme: Theme = themeAlpine.withPart(colorSchemeVariable);\n  private gridApi: GridApi | null = null;\n\n \n  ngOnInit() {\n    // Fetch the entity metadata based on EntityName\n    const md = new Metadata();\n    this.entityInfo = md.EntityByName(this.EntityName);\n    if (!this.entityInfo) {\n      LogError(`Entity ${this.EntityName} not found`);\n      return;\n    }\n\n    // Set display fields (you can adjust the logic based on your entity structure)\n    if (this.DisplayFields.length === 0) {\n      this.DisplayFields = this.entityInfo.Fields.filter(\n        (field: EntityFieldInfo) => field.DefaultInView || field.IsPrimaryKey || field.IsNameField || field.IncludeInUserSearchAPI\n      );\n    }\n\n    // Build AG Grid column definitions from display fields\n    this.ColumnDefs = this.buildColumnDefs();\n\n    // Subscribe to the searchSubject with debounce\n    this.searchSubscription = this.searchSubject.pipe(\n      debounceTime(this.SearchDebounceTime), // Delay search execution by 300ms\n      distinctUntilChanged(), // Only proceed if the search term has changed\n      switchMap(term => {\n        this.loading = true;\n        return this.doSearch(term);\n      })\n    ).subscribe({\n      next: (results: BaseEntity[]) => {\n        this.records = results;\n        this.loading = false;\n        this.searchHasRun = true;\n      },\n      error: (error) => {\n        LogError(error.message);\n        this.loading = false;\n        this.searchHasRun = true;\n      }\n    });    \n  }\n\n  ngOnDestroy() {\n    // Cleanup the subscription\n    if (this.searchSubscription) {\n      this.searchSubscription.unsubscribe();\n    }\n  }\n\n\n  onFind() {\n    this.searchSubject.next(this.searchTerm); // Trigger the debounced search\n  }  \n\n  onSearchTermChange(term: string) {\n    this.searchTerm = term;\n    this.searchSubject.next(term); // Emit the new search term\n  }\n\n  public onSelectionChange(event: SelectionChangedEvent) {\n    const selectedRows = event.api.getSelectedRows();\n    if (selectedRows.length > 0) {\n      this.OnRecordSelected.emit(selectedRows[0]);\n    }\n  }\n\n  public onGridReady(event: GridReadyEvent) {\n    this.gridApi = event.api;\n  }\n\n  private buildColumnDefs(): ColDef[] {\n    return this.DisplayFields.map((field: EntityFieldInfo) => ({\n      field: field.Name,\n      headerName: field.DisplayNameOrName\n    }));\n  }\n\n  // Stub function for simulating a database search (replace with actual search logic)\n  protected async doSearch(searchTerm: string): Promise<BaseEntity[]> {\n    const rv = new RunView();\n    const result = await rv.RunView({\n      EntityName: this.EntityName, \n      UserSearchString: searchTerm, \n      ResultType: 'entity_object'\n    });\n    if (result && result.Success) {\n      return result.Results;\n      this.searchHasRun = true;\n    }\n    else  {\n      const errorMessage = `Error searching for ${this.EntityName}: ${result.ErrorMessage}`;\n      LogError(errorMessage);\n      throw new Error(errorMessage);\n    }\n  }  \n}\n","<div>\n  <input\n    type=\"text\"\n    class=\"mj-input find-textbox\"\n    placeholder=\"Start typing to search...\"\n    [(ngModel)]=\"searchTerm\"\n    (ngModelChange)=\"onSearchTermChange($event)\" />\n  <button mjButton variant=\"primary\" class=\"find-button\" (click)=\"onFind()\">Find</button>\n\n  @if (loading) {\n    <div>Searching...</div>\n  }\n  @if (!loading && records.length > 0) {\n    <div class=\"find-grid-wrapper\">\n      <ag-grid-angular\n        class=\"find-grid\"\n        [theme]=\"GridTheme\"\n        [rowData]=\"records\"\n        [columnDefs]=\"ColumnDefs\"\n        [defaultColDef]=\"DefaultColDef\"\n        [rowSelection]=\"RowSelectionConfig\"\n        (selectionChanged)=\"onSelectionChange($event)\"\n        (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n  }\n  @if (!loading && records.length === 0 && searchHasRun) {\n    <div>No records found.</div>\n  }\n</div>\n"]}

package/dist/module.d.ts

@@ -2,16 +2,13 @@ import * as i0 from "@angular/core";
 import * as i1 from "./lib/find-record.component";
 import * as i2 from "./lib/dialog.component";
 import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-dialog";
-import * as i5 from "@angular/forms";
-import * as i6 from "@progress/kendo-angular-grid";
-import * as i7 from "@memberjunction/ng-container-directives";
-import * as i8 from "@progress/kendo-angular-buttons";
-import * as i9 from "@progress/kendo-angular-listbox";
-import * as i10 from "@progress/kendo-angular-inputs";
+import * as i4 from "@angular/forms";
+import * as i5 from "ag-grid-angular";
+import * as i6 from "@memberjunction/ng-container-directives";
+import * as i7 from "@memberjunction/ng-ui-components";
 export declare class FindRecordModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FindRecordModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FindRecordModule, [typeof i1.FindRecordComponent, typeof i2.FindRecordDialogComponent], [typeof i3.CommonModule, typeof i4.DialogsModule, typeof i5.FormsModule, typeof i6.GridModule, typeof i7.ContainerDirectivesModule, typeof i8.ButtonsModule, typeof i9.ListBoxModule, typeof i10.InputsModule], [typeof i1.FindRecordComponent, typeof i2.FindRecordDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FindRecordModule, [typeof i1.FindRecordComponent, typeof i2.FindRecordDialogComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.AgGridModule, typeof i6.ContainerDirectivesModule, typeof i7.MJButtonDirective, typeof i7.MJDialogComponent, typeof i7.MJDialogActionsComponent], [typeof i1.FindRecordComponent, typeof i2.FindRecordDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FindRecordModule>;
 }
 //# sourceMappingURL=module.d.ts.map

package/dist/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":";;;;;;;;;;;AAeA,qBAoBa,gBAAgB;yCAAhB,gBAAgB;0CAAhB,gBAAgB;0CAAhB,gBAAgB;CAAI"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":";;;;;;;;AAaA,qBAmBa,gBAAgB;yCAAhB,gBAAgB;0CAAhB,gBAAgB;0CAAhB,gBAAgB;CAAI"}

package/dist/module.js

@@ -1,27 +1,22 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-// Kendo UI Angular imports
-import { DialogsModule } from "@progress/kendo-angular-dialog";
-import { ButtonsModule } from '@progress/kendo-angular-buttons';
-import { ListBoxModule } from '@progress/kendo-angular-listbox';
-import { InputsModule } from '@progress/kendo-angular-inputs';
+import { FormsModule } from '@angular/forms';
+import { AgGridModule } from 'ag-grid-angular';
+// MJ UI Components
+import { MJButtonDirective, MJDialogComponent, MJDialogActionsComponent } from '@memberjunction/ng-ui-components';
 import { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';
 import { FindRecordComponent } from './lib/find-record.component';
 import { FindRecordDialogComponent } from './lib/dialog.component';
-import { FormsModule } from '@angular/forms';
-import { GridModule } from '@progress/kendo-angular-grid';
 import * as i0 from "@angular/core";
 export class FindRecordModule {
     static ɵfac = function FindRecordModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FindRecordModule)(); };
     static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: FindRecordModule });
     static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
-            DialogsModule,
             FormsModule,
-            GridModule,
+            AgGridModule,
             ContainerDirectivesModule,
-            ButtonsModule,
-            ListBoxModule,
-            InputsModule] });
+            MJDialogComponent,
+            MJDialogActionsComponent] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FindRecordModule, [{
         type: NgModule,
@@ -32,13 +27,12 @@ export class FindRecordModule {
                 ],
                 imports: [
                     CommonModule,
-                    DialogsModule,
                     FormsModule,
-                    GridModule,
+                    AgGridModule,
                     ContainerDirectivesModule,
-                    ButtonsModule,
-                    ListBoxModule,
-                    InputsModule
+                    MJButtonDirective,
+                    MJDialogComponent,
+                    MJDialogActionsComponent
                 ],
                 exports: [
                     FindRecordComponent,
@@ -48,12 +42,11 @@ export class FindRecordModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(FindRecordModule, { declarations: [FindRecordComponent,
         FindRecordDialogComponent], imports: [CommonModule,
-        DialogsModule,
         FormsModule,
-        GridModule,
+        AgGridModule,
         ContainerDirectivesModule,
-        ButtonsModule,
-        ListBoxModule,
-        InputsModule], exports: [FindRecordComponent,
+        MJButtonDirective,
+        MJDialogComponent,
+        MJDialogActionsComponent], exports: [FindRecordComponent,
         FindRecordDialogComponent] }); })();
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,2BAA2B;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;;AAsB1D,MAAM,OAAO,gBAAgB;0GAAhB,gBAAgB;4DAAhB,gBAAgB;gEAdzB,YAAY;YACZ,aAAa;YACb,WAAW;YACX,UAAU;YACV,yBAAyB;YACzB,aAAa;YACb,aAAa;YACb,YAAY;;iFAOH,gBAAgB;cApB5B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,mBAAmB;oBACnB,yBAAyB;iBAC1B;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,aAAa;oBACb,WAAW;oBACX,UAAU;oBACV,yBAAyB;oBACzB,aAAa;oBACb,aAAa;oBACb,YAAY;iBACb;gBACD,OAAO,EAAE;oBACP,mBAAmB;oBACnB,yBAAyB;iBAC1B;aACF;;wFACY,gBAAgB,mBAlBzB,mBAAmB;QACnB,yBAAyB,aAGzB,YAAY;QACZ,aAAa;QACb,WAAW;QACX,UAAU;QACV,yBAAyB;QACzB,aAAa;QACb,aAAa;QACb,YAAY,aAGZ,mBAAmB;QACnB,yBAAyB","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n// Kendo UI Angular imports\nimport { DialogsModule } from \"@progress/kendo-angular-dialog\";\nimport { ButtonsModule } from '@progress/kendo-angular-buttons'; \nimport { ListBoxModule } from '@progress/kendo-angular-listbox';\nimport { InputsModule } from '@progress/kendo-angular-inputs';\n \nimport { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';\nimport { FindRecordComponent } from './lib/find-record.component';\nimport { FindRecordDialogComponent } from './lib/dialog.component';\nimport { FormsModule } from '@angular/forms';\nimport { GridModule } from '@progress/kendo-angular-grid';\n\n@NgModule({\n  declarations: [\n    FindRecordComponent,\n    FindRecordDialogComponent\n  ],\n  imports: [\n    CommonModule,\n    DialogsModule,\n    FormsModule,\n    GridModule,\n    ContainerDirectivesModule,\n    ButtonsModule,\n    ListBoxModule,\n    InputsModule\n  ],\n  exports: [\n    FindRecordComponent,\n    FindRecordDialogComponent\n  ]\n})\nexport class FindRecordModule { }"]}
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,mBAAmB;AACnB,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAElH,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;;AAqBnE,MAAM,OAAO,gBAAgB;0GAAhB,gBAAgB;4DAAhB,gBAAgB;gEAbzB,YAAY;YACZ,WAAW;YACX,YAAY;YACZ,yBAAyB;YAEzB,iBAAiB;YACjB,wBAAwB;;iFAOf,gBAAgB;cAnB5B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,mBAAmB;oBACnB,yBAAyB;iBAC1B;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,WAAW;oBACX,YAAY;oBACZ,yBAAyB;oBACzB,iBAAiB;oBACjB,iBAAiB;oBACjB,wBAAwB;iBACzB;gBACD,OAAO,EAAE;oBACP,mBAAmB;oBACnB,yBAAyB;iBAC1B;aACF;;wFACY,gBAAgB,mBAjBzB,mBAAmB;QACnB,yBAAyB,aAGzB,YAAY;QACZ,WAAW;QACX,YAAY;QACZ,yBAAyB;QACzB,iBAAiB;QACjB,iBAAiB;QACjB,wBAAwB,aAGxB,mBAAmB;QACnB,yBAAyB","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\n// MJ UI Components\nimport { MJButtonDirective, MJDialogComponent, MJDialogActionsComponent } from '@memberjunction/ng-ui-components';\n\nimport { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';\nimport { FindRecordComponent } from './lib/find-record.component';\nimport { FindRecordDialogComponent } from './lib/dialog.component';\n\n@NgModule({\n  declarations: [\n    FindRecordComponent,\n    FindRecordDialogComponent\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    AgGridModule,\n    ContainerDirectivesModule,\n    MJButtonDirective,\n    MJDialogComponent,\n    MJDialogActionsComponent\n  ],\n  exports: [\n    FindRecordComponent,\n    FindRecordDialogComponent\n  ]\n})\nexport class FindRecordModule { }\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-find-record",
-  "version": "5.22.0",
+  "version": "5.24.0",
   "description": "MemberJunction: Angular Component to allow a user to find a single record in any entity",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -25,18 +25,16 @@
     "@angular/core": "21.1.3",
     "@angular/forms": "21.1.3",
     "@angular/router": "21.1.3",
-    "@progress/kendo-angular-grid": "22.0.1",
-    "@progress/kendo-angular-buttons": "22.0.1",
-    "@progress/kendo-angular-inputs": "22.0.1",
-    "@progress/kendo-angular-dialog": "22.0.1",
-    "@progress/kendo-angular-listbox": "22.0.1"
+    "ag-grid-angular": "^35.0.1",
+    "ag-grid-community": "^35.0.1"
   },
   "dependencies": {
-    "@memberjunction/core-entities": "5.22.0",
-    "@memberjunction/global": "5.22.0",
-    "@memberjunction/core": "5.22.0",
-    "@memberjunction/ng-container-directives": "5.22.0",
-    "@memberjunction/ng-shared": "5.22.0",
+    "@memberjunction/core": "5.24.0",
+    "@memberjunction/core-entities": "5.24.0",
+    "@memberjunction/global": "5.24.0",
+    "@memberjunction/ng-container-directives": "5.24.0",
+    "@memberjunction/ng-shared": "5.24.0",
+    "@memberjunction/ng-ui-components": "5.24.0",
     "rxjs": "^7.8.2",
     "tslib": "^2.8.1"
   },