@genesislcap/grid-pro 14.209.0 → 14.209.1-alpha-963e767.0

package/dist/esm/datasource/server-side.datasource.js

@@ -1,5 +1,4 @@
 import { __awaiter, __decorate } from "tslib";
-import { Events, } from '@ag-grid-community/core';
 import { dataServerResultFilter, MessageType, normaliseCriteria, toFieldMetadata, } from '@genesislcap/foundation-comms';
 import { LifecycleMixin } from '@genesislcap/foundation-utils';
 import { attr, customElement, DOM, observable } from '@microsoft/fast-element';
@@ -80,7 +79,7 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
      * @internal
      */
     reloadResourceData(params) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d;
         return __awaiter(this, void 0, void 0, function* () {
             this.datasource.destroy();
             (_a = this.liveUpdatesStream) === null || _a === void 0 ? void 0 : _a.unsubscribe();
@@ -92,7 +91,8 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
                 const initOK = yield this.datasource.init(options, true, false);
                 // this.$emit(gridProGenesisDatasourceEventNames.dataInit);
                 if (!initOK) {
-                    (_b = this.agGrid.gridApi) === null || _b === void 0 ? void 0 : _b.setServerSideDatasource(null);
+                    // TODO: confirm what changed here!!
+                    // this.agGrid.gridApi?.setServerSideDatasource(null);
                     logger.error('Genesis Datasource re-init failed on filtering/sorting.');
                 }
             }
@@ -101,9 +101,10 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
                     yield this.ssrmDatasource.destroy();
                     this.ssrmDatasource = undefined;
                 }
-                (_c = this.agGrid.gridApi) === null || _c === void 0 ? void 0 : _c.setServerSideDatasource(null);
-                (_d = this.agGrid.gridApi) === null || _d === void 0 ? void 0 : _d.refreshServerSide({ purge: true });
-                (_f = (_e = this.agGrid) === null || _e === void 0 ? void 0 : _e.gridApi) === null || _f === void 0 ? void 0 : _f.showLoadingOverlay();
+                // TODO: confirm what changed here!!
+                // this.agGrid.gridApi?.setServerSideDatasource(null);
+                (_b = this.agGrid.gridApi) === null || _b === void 0 ? void 0 : _b.refreshServerSide({ purge: true });
+                (_d = (_c = this.agGrid) === null || _c === void 0 ? void 0 : _c.gridApi) === null || _d === void 0 ? void 0 : _d.showLoadingOverlay();
                 yield this.init();
             }
         });
@@ -125,9 +126,9 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
                         filter: true,
                         resizable: true,
                         sortable: false,
-                    }, pagination: this.pagination, paginationPageSize: this.maxRows, rowBuffer: 0, rowModelType: 'serverSide', suppressServerSideInfiniteScroll: false, suppressMultiSort: true, onFilterChanged: (params) => { }, onSortChanged: (params) => { }, onPaginationChanged: (event) => this.onPaginationChanged(event) }, this.agGrid['agGridOptions']), this.deferredGridOptions);
+                    }, pagination: this.pagination, paginationPageSize: this.maxRows, paginationPageSizeSelector: false, rowBuffer: 0, rowModelType: 'serverSide', suppressMultiSort: true, onFilterChanged: (params) => { }, onSortChanged: (params) => { }, onPaginationChanged: (event) => this.onPaginationChanged(event) }, this.agGrid['agGridOptions']), this.deferredGridOptions);
                 this.agGrid['initGrid']();
-                this.agGrid.addEventListener(Events.EVENT_GRID_READY, () => __awaiter(this, void 0, void 0, function* () {
+                this.agGrid.addEventListener('gridReady', () => __awaiter(this, void 0, void 0, function* () {
                     const initOK = yield this.datasource.init(this.datasourceOptions(), true, false);
                     if (!initOK) {
                         logger.debug(`Genesis Datasource init failed for ${this.resourceName}`);
@@ -138,7 +139,7 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
                     this.indexes = this.getResourceIndexes(this.datasource.availableIndexes);
                     const fieldMetadata = toFieldMetadata(this.datasource.originalFieldDef);
                     const agColumnDefs = yield this.getAgColumnDefs(fieldMetadata);
-                    this.agGrid.gridApi.setColumnDefs(agColumnDefs);
+                    this.agGrid.gridApi.updateGridOptions({ columnDefs: agColumnDefs });
                     if (this.isRequestServer) {
                         this.ssrmDatasource = new ReqRepServerSideDatasource({
                             createReqRepRequestFunc: this.createReqRepRequest.bind(this),
@@ -169,7 +170,7 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
                             zeroBasedViewNumber: this.zeroBasedViewNumber,
                         });
                     }
-                    this.agGrid.gridApi.setServerSideDatasource(this.ssrmDatasource);
+                    this.agGrid.gridApi.updateGridOptions({ serverSideDatasource: this.ssrmDatasource });
                 }), { once: true });
                 return;
             }
@@ -183,7 +184,7 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
         }
     }
     destroy() {
-        var _a, _b, _c;
+        var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
             this.datasource.destroy();
             (_a = this.liveUpdatesStream) === null || _a === void 0 ? void 0 : _a.unsubscribe();
@@ -193,8 +194,9 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
                 yield this.ssrmDatasource.destroy();
                 this.ssrmDatasource = undefined;
             }
-            (_b = this.agGrid.gridApi) === null || _b === void 0 ? void 0 : _b.setServerSideDatasource(null);
-            (_c = this.agGrid.gridApi) === null || _c === void 0 ? void 0 : _c.refreshServerSide({ purge: true });
+            // TODO: confirm what changed here!!
+            // this.agGrid.gridApi?.setServerSideDatasource(null);
+            (_b = this.agGrid.gridApi) === null || _b === void 0 ? void 0 : _b.refreshServerSide({ purge: true });
         });
     }
     restart() {
@@ -204,16 +206,16 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
         });
     }
     clearRowData(withColumnDefs = true) {
-        var _a, _b, _c, _d;
+        var _a, _b;
         this.rowData = new Map();
         if (withColumnDefs) {
-            (_b = (_a = this.agGrid) === null || _a === void 0 ? void 0 : _a.gridApi) === null || _b === void 0 ? void 0 : _b.setColumnDefs([]);
+            this.agGrid.gridApi.updateGridOptions({ columnDefs: [] });
         }
         this.agTransaction = { remove: [] };
-        (_c = this.agGrid.gridApi) === null || _c === void 0 ? void 0 : _c.forEachNode((node) => {
+        (_a = this.agGrid.gridApi) === null || _a === void 0 ? void 0 : _a.forEachNode((node) => {
             this.agTransaction.remove.push(node.data);
         });
-        (_d = this.agGrid.gridApi) === null || _d === void 0 ? void 0 : _d.applyServerSideTransaction(this.agTransaction);
+        (_b = this.agGrid.gridApi) === null || _b === void 0 ? void 0 : _b.applyServerSideTransaction(this.agTransaction);
         this.agTransaction = undefined;
     }
     getResourceIndexes(avaialbleIndexes) {

package/dist/esm/external/index.js

@@ -8,6 +8,7 @@ export * from './fonts';
 /**
  * All External AG Grid Stock in one CSS.
  * @remarks This is a collection of multiple AG themes, only needed if the target element needs more than one stock theme.
+ * @privateRemarks See https://github.com/ag-grid/ag-grid/issues/7324 about the viewport scrollbar.
  * @public
  */
 export const agExternalStockStyles = css `
@@ -16,6 +17,10 @@ export const agExternalStockStyles = css `
   ${agThemeAlpineNofontsCSS}
   ${agThemeBalhamNofontsCSS}
   ${agThemeMaterialNofontsCSS}
+  .ag-body-viewport::-webkit-scrollbar, 
+  .ag-center-cols-viewport::-webkit-scrollbar {
+    display: none !important;
+  }
 `;
 /**
  * All available External AG Grid Stock CSS.

package/dist/esm/grid-pro-genesis-datasource/grid-pro-genesis-datasource.js

@@ -1,5 +1,4 @@
 import { __awaiter, __decorate } from "tslib";
-import { Events, } from '@ag-grid-community/core';
 import { MessageType, dataServerResultFilter, normaliseCriteria, } from '@genesislcap/foundation-comms';
 import { LifecycleMixin } from '@genesislcap/foundation-utils';
 import { DOM, attr, customElement } from '@microsoft/fast-element';
@@ -121,9 +120,9 @@ let GridProGenesisDatasource = class GridProGenesisDatasource extends LifecycleM
                 const gridOptions = Object.assign(Object.assign(Object.assign({ getRowId: (params) => params.data[this.rowId] }, (columnDefinitions && { columnDefs: columnDefinitions })), this.agGrid['agGridOptions']), this.deferredGridOptions);
                 this.agGrid.gridOptions = Object.assign({}, gridOptions);
                 this.agGrid['initGrid']();
-                this.agGrid.addEventListener(Events.EVENT_GRID_READY, () => __awaiter(this, void 0, void 0, function* () {
+                this.agGrid.addEventListener('gridReady', () => __awaiter(this, void 0, void 0, function* () {
                     if (columnStates) {
-                        this.agGrid.columnApi.applyColumnState({ state: columnStates });
+                        this.agGrid.gridApi.applyColumnState({ state: columnStates });
                     }
                     yield this.loadResourceData();
                 }), { once: true });
@@ -192,7 +191,7 @@ let GridProGenesisDatasource = class GridProGenesisDatasource extends LifecycleM
         let columnStates;
         if (this.keepColDefsOnClearRowData) {
             columnDefinitions = this.agGrid.gridApi.getColumnDefs();
-            columnStates = this.agGrid.columnApi.getColumnState();
+            columnStates = this.agGrid.gridApi.getColumnState();
         }
         this.destroy();
         this.init(columnDefinitions, columnStates);
@@ -210,13 +209,12 @@ let GridProGenesisDatasource = class GridProGenesisDatasource extends LifecycleM
      * @internal
      */
     clearRowData(withColumnDefs = true) {
-        var _a, _b, _c, _d;
         this.rowData = new Map();
         this.agTransaction = undefined;
         if (withColumnDefs && !this.keepColDefsOnClearRowData) {
-            (_b = (_a = this.agGrid) === null || _a === void 0 ? void 0 : _a.gridApi) === null || _b === void 0 ? void 0 : _b.setColumnDefs([]);
+            this.agGrid.gridApi.updateGridOptions({ columnDefs: [] });
         }
-        (_d = (_c = this.agGrid) === null || _c === void 0 ? void 0 : _c.gridApi) === null || _d === void 0 ? void 0 : _d.setRowData([]);
+        this.agGrid.gridApi.updateGridOptions({ rowData: [] });
     }
     /**
      * Sets the columnDefs and rowData for the grid.
@@ -241,12 +239,18 @@ let GridProGenesisDatasource = class GridProGenesisDatasource extends LifecycleM
                             col.pivot = null;
                         }
                     });
-                    this.agGrid.gridApi.setColumnDefs(agColumnDefs);
+                    this.agGrid.gridApi.updateGridOptions({ columnDefs: agColumnDefs });
                 }
             }
             const data = this.rowDataMapper ? this.rowDataMapper(rowData) : rowData;
             this.agGrid.restoreCachedFilterConfig();
-            this.agTransaction = { add: data ? [...data] : [], remove: [], update: [], addIndex: 0 };
+            this.agTransaction = {
+                add: data ? [...data] : [],
+                remove: [],
+                update: [],
+                addIndex: this.agGrid.addIndex,
+            };
+            // this.agGrid.gridApi.setGridOption('rowData', data);
             this.applyAllAgTransactions();
             this.requiresFullRowDataAndColDefs = false;
         });
@@ -258,7 +262,6 @@ let GridProGenesisDatasource = class GridProGenesisDatasource extends LifecycleM
      * @internal
      */
     reloadResourceData() {
-        var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
             logger.debug('GridProGenesisDatasource.reloadResourceData()', this.resourceName);
             if (this.dataSub) {
@@ -266,7 +269,7 @@ let GridProGenesisDatasource = class GridProGenesisDatasource extends LifecycleM
                 this.dataSub = undefined;
             }
             this.clearRowData(withoutColumnDefs);
-            (_b = (_a = this.agGrid) === null || _a === void 0 ? void 0 : _a.gridApi) === null || _b === void 0 ? void 0 : _b.showLoadingOverlay();
+            this.agGrid.gridApi.setGridOption('loading', true);
             this.agGrid.removeAttribute('ds-disconnected');
             this.loadResourceData(withoutFullInit);
         });
@@ -421,7 +424,7 @@ let GridProGenesisDatasource = class GridProGenesisDatasource extends LifecycleM
             return true; // delete rows that don't exist in requestServerData
         });
         const rowsToInsert = requestServerData.filter((data) => !this.rowData.has(data[this.rowId]));
-        this.agTransaction = { add: [], remove: [], update: [] };
+        this.agTransaction = { add: [], remove: [], update: [], addIndex: this.agGrid.addIndex };
         this.handleStreamInserts(rowsToInsert);
         this.handleStreamDeletes(rowsToDelete);
         this.handleStreamUpdates(rowsToUpdate);
@@ -440,7 +443,7 @@ let GridProGenesisDatasource = class GridProGenesisDatasource extends LifecycleM
             this.handleSizeChanged(previousSize, this.rowData.size);
             return;
         }
-        this.agTransaction = { add: [], remove: [], update: [] };
+        this.agTransaction = { add: [], remove: [], update: [], addIndex: this.agGrid.addIndex };
         this.handleStreamInserts(dataServerResult.inserts);
         this.handleStreamDeletes(dataServerResult.deletes);
         this.handleStreamUpdates(dataServerResult.updates);

package/dist/esm/grid-pro.js

@@ -1,9 +1,9 @@
 import { __awaiter, __decorate, __rest } from "tslib";
 import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';
-import { ComponentUtil, Events, Grid, ModuleRegistry } from '@ag-grid-community/core';
+import { _combineAttributesAndGridOptions, createGrid, ComponentUtil, ModuleRegistry, } from '@ag-grid-community/core';
 import { CsvExportModule } from '@ag-grid-community/csv-export';
 import { insertDocumentCSSRule, LifecycleMixin, respondToVisibility, } from '@genesislcap/foundation-utils';
-import { attr, DOM, observable } from '@microsoft/fast-element';
+import { attr, DOM, observable, volatile } from '@microsoft/fast-element';
 import { FoundationElement } from '@microsoft/fast-foundation';
 import { classNames } from '@microsoft/fast-web-utilities';
 import * as changeCase from 'change-case';
@@ -42,12 +42,29 @@ export const AG_PROPERTIES = ComponentUtil.ALL_PROPERTIES.filter((p) => p !== 'r
  * @tagname %%prefix%%-grid-pro
  */
 export class GridPro extends LifecycleMixin(FoundationElement) {
+    get gridApi() {
+        if (!this.initialised) {
+            // Return a proxy object to intercept property accesses
+            return new Proxy({}, {
+                get: () => {
+                    return () => {
+                        return {
+                            destroy: () => {
+                                // do nothing
+                            },
+                        };
+                    };
+                },
+            });
+        }
+        return this._gridApi;
+    }
     rowDataChanged(_, rowData) {
         if (this.initialised) {
-            this.gridApi.setRowData(rowData);
+            this.gridApi.setGridOption('rowData', rowData);
         }
     }
-    themeChanged(oldValue, newValue) {
+    themeChanged(_oldValue, newValue) {
         if (!newValue) {
             this.classNames = '';
             this.destroyFontFace();
@@ -140,11 +157,9 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
     }
     /**
      * Adds an event listener to the grid element.
-     * @param eventType - The event type to listen for. Recommened to use the `Events` from AG Grid.
+     * @param eventType - The event type to listen for.
      * @param listener - The event listener to call when the event is fired.
      * @param options - An options object that specifies characteristics about the event listener.
-     * @privateRemarks
-     * This will change once we do the AG Upgrade and `eventType` will be correctly typed.
      */
     addEventListener(eventType, listener, options) {
         super.addEventListener(eventType, listener, options);
@@ -255,7 +270,7 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
     saveColumnState() {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.rehydrationAttempted && this.statePersistanceEnabled()) {
-                let colState = this.columnApi.getColumnState();
+                let colState = this.gridApi.getColumnState();
                 colState = this.gridAutosizingEnabled
                     ? this.removeConfigWidthsToAutosize(colState)
                     : colState;
@@ -268,7 +283,7 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
     /**
      * Gets the saved grid ColumnState[] from storage
      * @remarks This is used to restore the grid state when the grid is rehydrated
-     * @privateRemarks Not using `columnApi.get|setColumnState()` for these flows as it doesn't work setting new columnDefs vs different ordering.
+     * @privateRemarks Not using `gridApi.get|setColumnState()` for these flows as it doesn't work setting new columnDefs vs different ordering.
      * @public
      */
     getSavedColumnState() {
@@ -286,7 +301,7 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
             this.rehydrationAttempted = true;
             const colState = yield this.getSavedColumnState();
             if (colState && colState.length > 0) {
-                (_a = this.columnApi) === null || _a === void 0 ? void 0 : _a.applyColumnState({
+                (_a = this.gridApi) === null || _a === void 0 ? void 0 : _a.applyColumnState({
                     state: colState,
                     applyOrder: true,
                 });
@@ -346,21 +361,18 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
         });
         const { columnDefs, components, defaultColDef, getRowId, onGridReady, onFilterChanged } = options, rest = __rest(options, ["columnDefs", "components", "defaultColDef", "getRowId", "onGridReady", "onFilterChanged"]);
         const derivedOptions = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.gridOptionsConfig), { defaultColDef: Object.assign({ enableCellChangeFlash: this.enableCellFlashing, filter: true, resizable: true, sortable: true }, defaultColDef), components: this.combineAllGridComponents(components), suppressDragLeaveHidesColumns: true }), this.eventsAndCallbacks), { onGridReady: (event) => {
-                var _a, _b;
-                this.gridApi = (_a = options.api) !== null && _a !== void 0 ? _a : event.api;
-                this.columnApi = (_b = options.columnApi) !== null && _b !== void 0 ? _b : event.columnApi;
                 if (this.gridEventsQueue.length) {
                     this.gridEventsQueue.forEach((type) => {
                         this.addGridEventListener(type);
                     });
                 }
                 if (this.rowData) {
-                    this.gridApi.setRowData(this.rowData);
+                    this.gridApi.setGridOption('rowData', this.rowData);
                 }
                 if (onGridReady) {
                     onGridReady(event);
                 }
-                this.$emit(Events.EVENT_GRID_READY, {
+                this.$emit('gridReady', {
                     event,
                     gridId: this.id,
                 });
@@ -392,7 +404,7 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
         }
     }
     setLocalGridOptions(derivedOptions) {
-        this.agGridOptions = Object.assign(Object.assign({}, this.agGridOptions), ComponentUtil.copyAttributesToGridOptions(derivedOptions, this.agAttributes));
+        this.agGridOptions = Object.assign(Object.assign({}, this.agGridOptions), _combineAttributesAndGridOptions(derivedOptions, this.agAttributes));
     }
     initGrid() {
         DOM.queueUpdate(() => {
@@ -403,7 +415,7 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
                     this.gridSlot.removeChild(this.gridSlot.firstChild);
                 }
             }
-            this.agGrid = new Grid(this.gridSlot, this.agGridOptions, this.gridParams);
+            this._gridApi = createGrid(this.gridSlot, this.agGridOptions);
             this.initialised = true;
         });
     }
@@ -517,7 +529,8 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
                 // for subsequent (post gridOptions) changes
                 const changeObject = {};
                 changeObject[gridPropertyName] = { currentValue: newValue };
-                ComponentUtil.processOnChange(changeObject, this.gridApi);
+                // TODO: find alternative?
+                // ComponentUtil.processOnChange(changeObject, this.gridApi);
             }
         }
     }
@@ -549,18 +562,15 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
         }
     }
 }
-__decorate([
-    observable
-], GridPro.prototype, "columnApi", void 0);
-__decorate([
-    observable
-], GridPro.prototype, "gridApi", void 0);
 __decorate([
     observable
 ], GridPro.prototype, "gridErrorItems", void 0);
 __decorate([
     StatePersistence
 ], GridPro.prototype, "statePersistence", void 0);
+__decorate([
+    volatile
+], GridPro.prototype, "gridApi", null);
 __decorate([
     attr({ attribute: 'auto-cell-renderer-by-type', mode: 'boolean' })
 ], GridPro.prototype, "autoCellRendererByType", void 0);
@@ -624,9 +634,6 @@ __decorate([
 __decorate([
     observable
 ], GridPro.prototype, "classNames", void 0);
-__decorate([
-    observable
-], GridPro.prototype, "agGrid", void 0);
 __decorate([
     observable
 ], GridPro.prototype, "gridSlot", void 0);

package/dist/esm/grid-pro.template.js

@@ -9,8 +9,7 @@ import { gridProErrorNames } from './grid-pro.definitions';
 export const getGridProTemplate = (prefix = 'foundation') => html `
   <template>
     <span part="grid" class="${(x) => x.classNames}">
-      <slot name="grid" ${ref('gridSlot')}></slot>
-      <slot></slot>
+      <div ${ref('gridSlot')} style="width: 100%; height: 100%">
     </span>
     <slot
         name="grid-datasource-error"

package/dist/esm/grid-pro.types.js

@@ -142,7 +142,7 @@ export var GridProRendererTypes;
  * @privateRemarks
  * This will be removed when we do the AG Upgrade.
  */
-export const GRID_READY_EVENT = 'onGridReady';
+export const GRID_READY_EVENT = 'gridReady';
 /**
  * Key used to store currently edited column when it being synced with server side data
  * @public

package/dist/grid-pro.api.json

@@ -2214,6 +2214,41 @@
             "endIndex": 3
           }
         },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@genesislcap/grid-pro!AgPublicEventType:type",
+          "docComment": "/**\n * All the public AG Grid events\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export type AgPublicEventType = "
+            },
+            {
+              "kind": "Content",
+              "text": "(typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "ComponentUtil.PUBLIC_EVENTS",
+              "canonicalReference": "@ag-grid-community/core!ComponentUtil.PUBLIC_EVENTS:member"
+            },
+            {
+              "kind": "Content",
+              "text": ")[number]"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "fileUrlPath": "src/grid-pro.types.ts",
+          "releaseTag": "Public",
+          "name": "AgPublicEventType",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@genesislcap/grid-pro!agSelectEditorStyles:var",
@@ -7507,7 +7542,7 @@
             },
             {
               "kind": "Content",
-              "text": "\"onGridReady\""
+              "text": "\"gridReady\""
             }
           ],
           "fileUrlPath": "src/grid-pro.types.ts",
@@ -7623,15 +7658,16 @@
             {
               "kind": "Method",
               "canonicalReference": "@genesislcap/grid-pro!GridPro#addEventListener:member(1)",
-              "docComment": "/**\n * Adds an event listener to the grid element.\n *\n * @param eventType - The event type to listen for. Recommened to use the `Events` from AG Grid.\n *\n * @param listener - The event listener to call when the event is fired.\n *\n * @param options - An options object that specifies characteristics about the event listener.\n */\n",
+              "docComment": "/**\n * Adds an event listener to the grid element.\n *\n * @param eventType - The event type to listen for.\n *\n * @param listener - The event listener to call when the event is fired.\n *\n * @param options - An options object that specifies characteristics about the event listener.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
                   "text": "addEventListener(eventType: "
                 },
                 {
-                  "kind": "Content",
-                  "text": "string"
+                  "kind": "Reference",
+                  "text": "AgPublicEventType",
+                  "canonicalReference": "@genesislcap/grid-pro!AgPublicEventType:type"
                 },
                 {
                   "kind": "Content",
@@ -7850,37 +7886,6 @@
               "isProtected": true,
               "isAbstract": false
             },
-            {
-              "kind": "Property",
-              "canonicalReference": "@genesislcap/grid-pro!GridPro#agGrid:member",
-              "docComment": "",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "agGrid: "
-                },
-                {
-                  "kind": "Reference",
-                  "text": "Grid",
-                  "canonicalReference": "@ag-grid-community/core!Grid:class"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isReadonly": false,
-              "isOptional": false,
-              "releaseTag": "Public",
-              "name": "agGrid",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "isStatic": false,
-              "isProtected": false,
-              "isAbstract": false
-            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/grid-pro!GridPro#agGridOptions:member",
@@ -7993,7 +7998,7 @@
                 },
                 {
                   "kind": "Content",
-                  "text": "<any>[]>"
+                  "text": "<any, any>[]>"
                 },
                 {
                   "kind": "Content",
@@ -8180,37 +8185,6 @@
               "isProtected": false,
               "isAbstract": false
             },
-            {
-              "kind": "Property",
-              "canonicalReference": "@genesislcap/grid-pro!GridPro#columnApi:member",
-              "docComment": "",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "columnApi: "
-                },
-                {
-                  "kind": "Reference",
-                  "text": "ColumnApi",
-                  "canonicalReference": "@ag-grid-community/core!ColumnApi:class"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isReadonly": false,
-              "isOptional": false,
-              "releaseTag": "Public",
-              "name": "columnApi",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "isStatic": false,
-              "isProtected": false,
-              "isAbstract": false
-            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/grid-pro!GridPro#columnComponentName:member",
@@ -8626,19 +8600,19 @@
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "gridApi: "
+                  "text": "get gridApi(): "
                 },
                 {
                   "kind": "Reference",
                   "text": "GridApi",
-                  "canonicalReference": "@ag-grid-community/core!GridApi:class"
+                  "canonicalReference": "@ag-grid-community/core!GridApi:interface"
                 },
                 {
                   "kind": "Content",
                   "text": ";"
                 }
               ],
-              "isReadonly": false,
+              "isReadonly": true,
               "isOptional": false,
               "releaseTag": "Public",
               "name": "gridApi",
@@ -9134,7 +9108,7 @@
                 },
                 {
                   "kind": "Content",
-                  "text": "<any>[]>"
+                  "text": "<any, any>[]>"
                 },
                 {
                   "kind": "Content",
@@ -9603,7 +9577,7 @@
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "themeChanged(oldValue: "
+                  "text": "themeChanged(_oldValue: "
                 },
                 {
                   "kind": "Content",
@@ -9640,7 +9614,7 @@
               "overloadIndex": 1,
               "parameters": [
                 {
-                  "parameterName": "oldValue",
+                  "parameterName": "_oldValue",
                   "parameterTypeTokenRange": {
                     "startIndex": 1,
                     "endIndex": 2