@genesislcap/grid-pro 14.141.3 → 14.142.1-alpha-a84f41b.0

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

@@ -6,14 +6,15 @@ import { take } from 'rxjs/operators';
 import { dateTimeValueFormatter, dateValueFormatter } from '../grid-pro.definitions';
 import { GridProRendererTypes } from '../grid-pro.types';
 import { logger } from '../utils';
-import { GridProBaseDatasource } from './base.datasource';
+import { GridProBaseDatasource, StreamBaseDatasource } from './base.datasource';
 import { getColumnType, getFilterByFieldType, getFilterParamsByFieldType, } from './server-side.grid-definitions';
 /**
  * The IServerSideDatasource implementation, used for SSRM (Server-Side Row Model) in the grid.
  * @alpha
  */
-export class StreamDatasource {
+export class StreamDatasource extends StreamBaseDatasource {
     constructor(options) {
+        super();
         /**
          * The number of rows in the grid. THIS DO NOT CONSIDER CRITERIA_MATCH scenarios.
          * @internal
@@ -27,7 +28,6 @@ export class StreamDatasource {
         this.moreRows = false;
         this.calculatedRowsCount = 0;
         this.lastSequenceId = 0;
-        this.rowData = new Map();
         this.dataserverStream = options.stream;
         this.resourceName = options.resourceName;
         this.resourceParams = options.resourceParams;
@@ -83,7 +83,6 @@ export class StreamDatasource {
             if (this.moreRows && params.request.startRow >= Number(this.maxRows)) {
                 this.connect.getMoreRows(this.streamSourceRef);
             }
-            // TODO: take(1) is temporary, won't have to do this once SSRM Transactions are implemented
             this.dataserverStream.pipe(take(1)).subscribe((result) => {
                 var _a, _b;
                 const messageType = result.MESSAGE_TYPE;
@@ -95,39 +94,29 @@ export class StreamDatasource {
                 this.moreRows = result.MORE_ROWS;
                 if (result.ROW) {
                     const nextMessage = dataServerResultFilter(result);
-                    this.handleInitialStreamLoad(nextMessage);
+                    this.handleCurrentStreamLoad(nextMessage);
                 }
                 else {
                     this.rowData = new Map();
-                    const successRowData = { rowData: Array.from(this.rowData.values()) };
+                    const successRowData = { rowData: [] };
                     successRowData.rowCount = 0;
                     params.success(successRowData);
                     return;
                 }
-                // TODO: SSRM Transactions - https://www.ag-grid.com/javascript-data-grid/server-side-model-updating-transactions/
-                // if (messageType === MessageType.QUERY_UPDATE) {
-                //   if (result.ROW) {
-                //     const nextMessage = dataServerResultFilter(result);
-                //     this.agTransaction = { add: [], remove: [], update: [] };
-                //     this.handleStreamInserts(nextMessage.inserts);
-                //     this.handleStreamDeletes(nextMessage.deletes);
-                //     this.handleStreamUpdates(nextMessage.updates);
-                //     params.api.applyServerSideTransactionAsync(this.agTransaction);
-                //   }
-                // }
                 this.lastSequenceId = result.SEQUENCE_ID;
                 if (this.lastSequenceId === 1) {
                     this.streamSourceRef = result.SOURCE_REF;
                     this.server_ROWS_COUNT = (_a = result.ROWS_COUNT) !== null && _a !== void 0 ? _a : this.rowData.size;
                 }
-                // TODO: TEMPORARY - Due ROWS_COUNT not respecting CRITERIA_MATCH scenarios.
                 if (!this.moreRows && this.server_ROWS_COUNT >= this.client_ROWS_COUNT) {
                     this.calculatedRowsCount = this.client_ROWS_COUNT;
                 }
                 else {
                     this.calculatedRowsCount += (_b = this.rowData.size) !== null && _b !== void 0 ? _b : 0;
                 }
-                const successRowData = { rowData: Array.from(this.rowData.values()) };
+                const successRowData = {
+                    rowData: Array.from(this.sortMapByNumericKey(this.rowData).values()),
+                };
                 if (this.pagination) {
                     successRowData.rowCount = Math.min(this.server_ROWS_COUNT, this.maxView);
                 }
@@ -142,34 +131,13 @@ export class StreamDatasource {
             });
         });
     }
-    // TODO: SSRM Transactions - https://www.ag-grid.com/javascript-data-grid/server-side-model-updating-transactions/
-    // private handleStreamInserts(insertedRows: any[]) {
-    //   insertedRows?.forEach((insertData) => {
-    //     if (this.rowData.has(insertData[this.rowId])) {
-    //       const rowToBeUpdated = this.rowData.get(insertData[this.rowId]);
-    //       const updatedRow = { ...rowToBeUpdated, ...insertData };
-    //       this.agTransaction.update.push(updatedRow);
-    //     } else {
-    //       this.agTransaction.add.push(insertData);
-    //       this.agTransaction.addIndex = 0;
-    //     }
-    //     this.rowData.set(insertData[this.rowId], insertData);
-    //   });
-    // }
-    // private handleStreamDeletes(deletedRows: any[]) {
-    //   deletedRows?.forEach((deleteData) => {
-    //     this.agTransaction.remove.push({ [this.rowId]: deleteData[this.rowId] });
-    //     this.rowData.delete(deleteData[this.rowId]);
-    //   });
-    // }
-    // private handleStreamUpdates(updatedRows: any[]) {
-    //   updatedRows?.forEach((updateData) => {
-    //     const rowToBeUpdated = this.rowData.get(updateData[this.rowId]);
-    //     const updatedRow = { ...rowToBeUpdated, ...updateData };
-    //     this.agTransaction.update.push(updatedRow);
-    //     this.rowData.set(updateData[this.rowId], updatedRow);
-    //   });
-    // }
+    sortMapByNumericKey(inputMap) {
+        // Convert Map to array of key-value pairs
+        const sortedArray = Array.from(inputMap.entries()).sort(([key1], [key2]) => +key2 - +key1);
+        // Create a new Map from the sorted array
+        const sortedMap = new Map(sortedArray);
+        return sortedMap;
+    }
     dataLogoff() {
         const shouldPerformDataLogoff = this.streamSourceRef;
         if (shouldPerformDataLogoff && this.auth.isLoggedIn) {
@@ -195,16 +163,14 @@ export class StreamDatasource {
             }
         }
     }
-    handleInitialStreamLoad(result) {
+    handleCurrentStreamLoad(result) {
         var _a;
         if (!result)
             return;
         const rows = new Map();
         (_a = result.inserts) === null || _a === void 0 ? void 0 : _a.forEach((insertData) => {
-            rows.set(insertData.ROW_REF, insertData);
+            rows.set(insertData[this.rowId], insertData);
         });
-        // TODO: TEMPORARY - Due ROWS_COUNT not being in sync with CRITERIA_MATCH scenarios.
-        this.client_ROWS_COUNT += rows.size;
         this.rowData = rows;
     }
     buildCriteriaMatchFromFilters() {
@@ -295,8 +261,9 @@ const criteriaDelimiter = ';';
 let GridProServerSideDatasource = class GridProServerSideDatasource extends LifecycleMixin(GridProBaseDatasource) {
     constructor() {
         super(...arguments);
+        this.applyFuncName = 'applyServerSideTransaction';
+        this.applyAsyncFuncName = 'applyServerSideTransactionAsync';
         this.pagination = false;
-        this.rowId = 'ROW_REF';
     }
     criteriaChanged(oldCriteria, newCriteria) {
         const startingCriteria = !oldCriteria && newCriteria;
@@ -343,6 +310,11 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
                         return null;
                     }
                     return params.data[this.rowId];
+                }, getRowStyle(params) {
+                    var _a, _b;
+                    if ((_b = (_a = params.data) === null || _a === void 0 ? void 0 : _a.ROW_REF) === null || _b === void 0 ? void 0 : _b.includes('_deleted')) {
+                        return { color: 'grey' };
+                    }
                 }, cacheBlockSize: this.maxRows, defaultColDef: {
                     filter: true,
                     resizable: true,
@@ -360,7 +332,7 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
                 const agColumnDefs = this.getAgColumnDefs(fieldMetadata);
                 this.agGrid.gridApi.setColumnDefs(agColumnDefs);
                 const dataserverStream = yield this.createDataserverStream();
-                this.dataserverStream = new StreamDatasource({
+                this.ssrmDatasource = new StreamDatasource({
                     stream: dataserverStream,
                     resourceName: this.resourceName,
                     resourceParams: this.params,
@@ -371,7 +343,7 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
                     rowId: this.rowId,
                     pagination: this.pagination,
                 });
-                this.agGrid.gridApi.setServerSideDatasource(this.dataserverStream);
+                this.agGrid.gridApi.setServerSideDatasource(this.ssrmDatasource);
             }), { once: true });
             return;
         }
@@ -380,17 +352,14 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
     reset() {
         var _a;
         this.clearRowData();
-        this.dataserverStream = undefined;
+        this.ssrmDatasource = undefined;
         this.originalFieldDef = undefined;
-        (_a = this.agGrid.gridApi) === null || _a === void 0 ? void 0 : _a.setServerSideDatasource(this.dataserverStream);
+        (_a = this.agGrid.gridApi) === null || _a === void 0 ? void 0 : _a.refreshServerSide({ purge: true });
     }
     restart() {
         this.reset();
         this.init();
     }
-    get agGrid() {
-        return this.parentElement;
-    }
     clearRowData() {
         var _a, _b, _c, _d;
         (_b = (_a = this.agGrid) === null || _a === void 0 ? void 0 : _a.gridApi) === null || _b === void 0 ? void 0 : _b.setColumnDefs([]);
@@ -429,13 +398,47 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
         logger.debug('Getting configured params:', params);
         return params;
     }
+    get rowModel() {
+        return this.agGrid.gridApi.getModel();
+    }
     createDataserverStream(existingParams = null) {
         return __awaiter(this, void 0, void 0, function* () {
-            const streamOnMessage = (message) => logger.debug(message);
+            const streamOnMessage = (message) => __awaiter(this, void 0, void 0, function* () {
+                var _a, _b;
+                const messageType = message.MESSAGE_TYPE;
+                if (messageType === MessageType.QUERY_UPDATE && message.ROW) {
+                    const nextMessage = dataServerResultFilter(message);
+                    this.agTransaction = { add: [], remove: [], update: [] };
+                    this.handleStreamInserts(nextMessage.inserts);
+                    // TODO: deletion flow not being handled yet.
+                    // this.handleStreamDeletes(nextMessage.deletes);
+                    this.handleStreamDeletesTemp(nextMessage.deletes);
+                    this.handleStreamUpdates(nextMessage.updates);
+                    this.ssrmDatasource.client_ROWS_COUNT = (_b = (_a = this.rowData) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : 0;
+                    if (message.SEQUENCE_ID > 1) {
+                        const updatedInfo = yield this.connect.snapshot(this.resourceName, {
+                            MAX_ROWS: 1,
+                            MAX_VIEW: 1,
+                        });
+                        this.ssrmDatasource.server_ROWS_COUNT = updatedInfo.ROWS_COUNT;
+                    }
+                    this.applyAllAgTransactions();
+                }
+            });
             const onError = (error) => logger.error(error);
             return this.connect.stream(this.resourceName, streamOnMessage, onError, existingParams !== null && existingParams !== void 0 ? existingParams : this.params);
         });
     }
+    handleStreamDeletesTemp(deletes) {
+        if (!deletes)
+            return;
+        deletes.forEach((deleteData) => {
+            const rowNode = this.agGrid.gridApi.getRowNode(deleteData.ROW_REF);
+            if (rowNode) {
+                rowNode.setData(Object.assign(Object.assign({}, rowNode.data), { ROW_REF: deleteData.ROW_REF + '_deleted' }));
+            }
+        });
+    }
     getAgColumnDefs(fieldsMetadata) {
         const colDefsFromGenesisData = fieldsMetadata === null || fieldsMetadata === void 0 ? void 0 : fieldsMetadata.flatMap((field) => {
             var _a;
@@ -477,13 +480,16 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
         const colDefsMergedWithTemplateDefs = this.agGrid.mergeAllColumnDefsAndStates(colDefsFromGenesisData, true);
         return colDefsMergedWithTemplateDefs;
     }
+    applyTransaction(agTransaction) {
+        return this.agGrid.gridApi.applyServerSideTransaction(agTransaction);
+    }
+    applyTransactionAsync(agTransaction, callback) {
+        this.agGrid.gridApi.applyServerSideTransactionAsync(agTransaction, callback);
+    }
 };
 __decorate([
     attr({ mode: 'boolean' })
 ], GridProServerSideDatasource.prototype, "pagination", void 0);
-__decorate([
-    attr({ attribute: 'row-id' })
-], GridProServerSideDatasource.prototype, "rowId", void 0);
 GridProServerSideDatasource = __decorate([
     customElement({
         name: 'grid-pro-server-side-datasource',

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

@@ -12,16 +12,6 @@ const criteriaDelimiter = ';';
 const criteriaJoin = ' && ';
 const withoutFullInit = null;
 const withoutColumnDefs = null;
-/**
- * The operation type for the {@link @genesislcap/grid-pro#GridProGenesisDatasource.mapTransaction} method.
- * @internal
- */
-export var OperationType;
-(function (OperationType) {
-    OperationType["Add"] = "add";
-    OperationType["Update"] = "update";
-    OperationType["Remove"] = "remove";
-})(OperationType || (OperationType = {}));
 /**
  * The Genesis Datasource element, for CSRM-compatible data fetching and used exclusively by the GridPro element.
  * @remarks Only supports Client-Side Row Model.
@@ -30,13 +20,12 @@ export var OperationType;
 let GridProGenesisDatasource = class GridProGenesisDatasource extends LifecycleMixin(GridProBaseDatasource) {
     constructor() {
         super(...arguments);
+        this.applyFuncName = 'applyTransaction';
+        this.applyAsyncFuncName = 'applyTransactionAsync';
         this.pollingInterval = DatasourceDefaults.REQ_REP_POLLING_INTERVAL_MS;
         this.disablePolling = false;
         this.restartOnReconnection = false;
-        this.isRequestServer = false;
         this.requiresFullRowDataAndColDefs = true;
-        this.dataSubWasLoggedOff = false;
-        this.rows = new Map();
         this.criteriaFromFilters = new Map();
         this.update = new BehaviorSubject(new Map());
     }
@@ -89,36 +78,7 @@ let GridProGenesisDatasource = class GridProGenesisDatasource extends LifecycleM
         copy.request = structuredClone(this.request);
         return copy;
     }
-    get agGrid() {
-        return this.parentElement;
-    }
     // Genesis Specific
-    /**
-     * Returns the `row-id` attribute, depending on the resource type.
-     * @remarks Will favour the `row-id` attribute if set.
-     * @internal
-     */
-    get rowId() {
-        if (this.rowIdAttr)
-            return this.rowIdAttr;
-        if (this.isRequestServer)
-            return DatasourceDefaults.REQUEST_SERVER_ROW_ID;
-        return DatasourceDefaults.DATASERVER_ROW_ID;
-    }
-    /**
-     * Returns whether the `row-id` attribute is the default one, depending on the resource type.
-     * @internal
-     */
-    get hasDefaultRowId() {
-        return (!this.rowIdAttr ||
-            this.rowIdAttr === DatasourceDefaults.REQUEST_SERVER_ROW_ID ||
-            this.rowIdAttr === DatasourceDefaults.DATASERVER_ROW_ID);
-    }
-    get defaultRowIdByResourceType() {
-        return this.isRequestServer
-            ? DatasourceDefaults.REQUEST_SERVER_ROW_ID
-            : DatasourceDefaults.DATASERVER_ROW_ID;
-    }
     /**
      * Initializes the datasource.
      * @public
@@ -201,7 +161,7 @@ let GridProGenesisDatasource = class GridProGenesisDatasource extends LifecycleM
      * Force the grid to redispatch the current rows
      */
     refreshRows() {
-        this.setRowData(Array.from(this.rows.values()));
+        this.setRowData(Array.from(this.rowData.values()));
     }
     /**
      * Sends a DATA_LOGOFF when the resource is an active stream
@@ -223,7 +183,7 @@ let GridProGenesisDatasource = class GridProGenesisDatasource extends LifecycleM
      */
     clearRowData(withColumnDefs = true) {
         var _a, _b, _c, _d;
-        this.rows = new Map();
+        this.rowData = new Map();
         this.agTransaction = undefined;
         if (withColumnDefs) {
             (_b = (_a = this.agGrid) === null || _a === void 0 ? void 0 : _a.gridApi) === null || _b === void 0 ? void 0 : _b.setColumnDefs([]);
@@ -377,14 +337,14 @@ let GridProGenesisDatasource = class GridProGenesisDatasource extends LifecycleM
         }
         if (this.requiresFullRowDataAndColDefs) {
             requestServerData === null || requestServerData === void 0 ? void 0 : requestServerData.forEach((insertData) => {
-                this.rows.set(insertData[this.rowId], insertData);
+                this.rowData.set(insertData[this.rowId], insertData);
             });
-            const rowData = this.rows.size > 0 ? Array.from(this.rows.values()) : requestServerData;
+            const rowData = this.rowData.size > 0 ? Array.from(this.rowData.values()) : requestServerData;
             this.setRowData(rowData);
             return;
         }
         const rowsToUpdate = [];
-        const rowsToDelete = Array.from(this.rows.values()).filter((row) => {
+        const rowsToDelete = Array.from(this.rowData.values()).filter((row) => {
             const match = requestServerData.find((data) => data[this.rowId] === row[this.rowId]);
             if (match) {
                 rowsToUpdate.push(match);
@@ -392,7 +352,7 @@ let GridProGenesisDatasource = class GridProGenesisDatasource extends LifecycleM
             }
             return true; // delete rows that don't exist in requestServerData
         });
-        const rowsToInsert = requestServerData.filter((data) => !this.rows.has(data[this.rowId]));
+        const rowsToInsert = requestServerData.filter((data) => !this.rowData.has(data[this.rowId]));
         this.agTransaction = { add: [], remove: [], update: [] };
         this.handleStreamInserts(rowsToInsert);
         this.handleStreamDeletes(rowsToDelete);
@@ -403,9 +363,9 @@ let GridProGenesisDatasource = class GridProGenesisDatasource extends LifecycleM
         var _a;
         if (this.requiresFullRowDataAndColDefs) {
             (_a = dataServerResult.inserts) === null || _a === void 0 ? void 0 : _a.forEach((insertData) => {
-                this.rows.set(insertData[this.rowId], insertData);
+                this.rowData.set(insertData[this.rowId], insertData);
             });
-            const rowData = Array.from(this.rows.values());
+            const rowData = Array.from(this.rowData.values());
             this.setRowData(rowData);
             return;
         }
@@ -415,106 +375,6 @@ let GridProGenesisDatasource = class GridProGenesisDatasource extends LifecycleM
         this.handleStreamUpdates(dataServerResult.updates);
         this.applyAllAgTransactions();
     }
-    applyAllAgTransactions() {
-        if (!this.agTransaction.add.length &&
-            !this.agTransaction.update.length &&
-            !this.agTransaction.remove.length) {
-            this.agGrid.gridApi.hideOverlay();
-            if (this.rows.size === 0) {
-                this.agGrid.gridApi.showNoRowsOverlay();
-            }
-            return;
-        }
-        if (this.agTransaction.add.length > 0) {
-            this.applyMappedAgTransaction({ add: this.agTransaction.add, addIndex: this.agGrid.addIndex }, OperationType.Add, this.agGrid.asyncAdd);
-        }
-        if (this.agTransaction.remove.length > 0) {
-            this.applyMappedAgTransaction({ remove: this.agTransaction.remove }, OperationType.Remove, this.agGrid.asyncRemove);
-        }
-        if (this.agTransaction.update.length > 0) {
-            this.applyMappedAgTransaction({ update: this.agTransaction.update }, OperationType.Update, this.agGrid.asyncUpdate);
-        }
-    }
-    flashAddedCells(rowNodes) {
-        if (this.agGrid.enableRowFlashing && rowNodes.length) {
-            this.agGrid.gridApi.flashCells({ rowNodes });
-        }
-    }
-    applyMappedAgTransaction(agTransaction, operation, isAsync) {
-        if (isAsync) {
-            this.agGrid.gridApi.applyTransactionAsync(this.mapTransaction(agTransaction, [operation]), (changedNodes) => {
-                this.flashAddedCells(changedNodes.add);
-            });
-        }
-        else {
-            const changedNodes = this.agGrid.gridApi.applyTransaction(this.mapTransaction(agTransaction, [operation]));
-            this.flashAddedCells(changedNodes.add);
-        }
-    }
-    /**
-     * Maps the transaction data to the row data mapper function, if it exists.
-     * @param transaction - The transaction data to be mapped.
-     * @param operations - The operations to be mapped. Can be 'add', 'update' or 'remove'.
-     * @returns The mapped transaction (if the row data mapper function exists), or the original transaction.
-     */
-    mapTransaction(transaction, operations = Object.values(OperationType)) {
-        if (!this.rowDataMapper) {
-            return transaction;
-        }
-        const mappedTransaction = {};
-        if (operations.includes(OperationType.Add)) {
-            mappedTransaction.add = this.rowDataMapper(transaction.add, this.rows);
-        }
-        if (operations.includes(OperationType.Remove)) {
-            mappedTransaction.remove = this.rowDataMapper(transaction.remove, this.rows);
-        }
-        if (operations.includes(OperationType.Update)) {
-            mappedTransaction.update = this.rowDataMapper(transaction.update, this.rows);
-        }
-        return mappedTransaction;
-    }
-    handleStreamInserts(insertedRows) {
-        insertedRows === null || insertedRows === void 0 ? void 0 : insertedRows.forEach((insertData) => {
-            if (this.rows.has(insertData[this.rowId]) || this.dataSubWasLoggedOff) {
-                const rowToBeUpdated = this.rows.get(insertData[this.rowId]);
-                const updatedRow = Object.assign(Object.assign({}, rowToBeUpdated), insertData);
-                this.agTransaction.update.push(updatedRow);
-            }
-            else {
-                this.agTransaction.add.push(insertData);
-                this.agTransaction.addIndex = 0;
-            }
-            this.rows.set(insertData[this.rowId], insertData);
-        });
-    }
-    handleStreamDeletes(deletedRows) {
-        deletedRows === null || deletedRows === void 0 ? void 0 : deletedRows.forEach((deleteData) => {
-            if (this.hasDefaultRowId || this.isRequestServer) {
-                this.agTransaction.remove.push({ [this.rowId]: deleteData[this.rowId] });
-            }
-            else {
-                const rowToBeDeleted = Object.values(Object.fromEntries(this.rows)).find((obj) => obj[this.defaultRowIdByResourceType] === deleteData[this.defaultRowIdByResourceType]);
-                this.agTransaction.remove.push({ [this.rowId]: rowToBeDeleted[this.rowId] });
-            }
-            this.rows.delete(deleteData[this.rowId]);
-        });
-    }
-    handleStreamUpdates(updatedRows) {
-        updatedRows === null || updatedRows === void 0 ? void 0 : updatedRows.forEach((updateData) => {
-            let updatedRow;
-            if (this.hasDefaultRowId || this.isRequestServer) {
-                const rowToBeUpdated = this.rows.get(updateData[this.rowId]);
-                updatedRow = Object.assign(Object.assign({}, rowToBeUpdated), updateData);
-                this.agTransaction.update.push(updatedRow);
-            }
-            else {
-                const rowToBeUpdated = Object.values(Object.fromEntries(this.rows)).find((obj) => obj[this.defaultRowIdByResourceType] === updateData[this.defaultRowIdByResourceType]);
-                updatedRow = Object.assign(Object.assign({}, rowToBeUpdated), updateData);
-                this.agTransaction.update.push(updatedRow);
-            }
-            this.rows.set(updateData[this.rowId], updatedRow);
-        });
-    }
     // FUTURE: Work with the field types vs ag grid column def types!
     getAgColumnDefs(fieldsMetadata) {
         const colDefsFromGenesisData = fieldsMetadata === null || fieldsMetadata === void 0 ? void 0 : fieldsMetadata.flatMap((field) => {
@@ -587,6 +447,12 @@ let GridProGenesisDatasource = class GridProGenesisDatasource extends LifecycleM
         this.criteriaFromFilters.delete(fieldName);
         this.update.next(this.criteriaFromFilters);
     }
+    applyTransaction(agTransaction) {
+        return this.agGrid.gridApi.applyTransaction(agTransaction);
+    }
+    applyTransactionAsync(agTransaction, callback) {
+        this.agGrid.gridApi.applyTransactionAsync(agTransaction, callback);
+    }
 };
 __decorate([
     Auth
@@ -603,15 +469,9 @@ __decorate([
 __decorate([
     observable
 ], GridProGenesisDatasource.prototype, "request", void 0);
-__decorate([
-    attr({ attribute: 'row-id' })
-], GridProGenesisDatasource.prototype, "rowIdAttr", void 0);
 __decorate([
     attr({ mode: 'boolean', attribute: 'restart-on-reconnection' })
 ], GridProGenesisDatasource.prototype, "restartOnReconnection", void 0);
-__decorate([
-    observable
-], GridProGenesisDatasource.prototype, "rowDataMapper", void 0);
 GridProGenesisDatasource = __decorate([
     customElement({
         name: 'grid-pro-genesis-datasource',

package/dist/esm/grid-pro.js

@@ -274,7 +274,14 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
                 if (onFirstDataRendered) {
                     onFirstDataRendered(event);
                 }
-            }, onColumnPinned: gridOnChangeCallback, onColumnResized: gridOnChangeCallback, onColumnMoved: gridOnChangeCallback, onDisplayedColumnsChanged: gridOnChangeCallback, onFilterChanged: gridOnChangeCallback, onGridSizeChanged: gridOnChangeCallback, onSortChanged: gridOnChangeCallback }), rest);
+            }, onColumnPinned: gridOnChangeCallback, onColumnResized: gridOnChangeCallback, onColumnMoved: gridOnChangeCallback, onDisplayedColumnsChanged: gridOnChangeCallback, onFilterChanged: gridOnChangeCallback, onGridSizeChanged: gridOnChangeCallback, onSortChanged: gridOnChangeCallback, onCellContextMenu: (event) => {
+                this.session.setSessionStorageItem('selectedRowId', event.node.id);
+                this.session.setSessionStorageItem('selectedColId', event.column['colId']);
+                this.addEventListener('click', (e) => {
+                    this.session.removeSessionStorageItem('selectedRowId');
+                    this.session.removeSessionStorageItem('selectedColId');
+                }, { once: true });
+            } }), rest);
         if (this.gridProDatasource) {
             derivedOptions.columnDefs = columnDefs;
         }