@genesislcap/grid-pro 14.348.0 → 14.350.0

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

@@ -1,9 +1,9 @@
 import { __awaiter, __decorate } from "tslib";
-import { Events, } from '@ag-grid-community/core';
 import { dataServerResultFilter, MessageType, normaliseCriteria, ResourceType, toFieldMetadata, } from '@genesislcap/foundation-comms';
 import { LifecycleMixin, insertDocumentCSSRule } from '@genesislcap/foundation-utils';
 import { attr, customElement, DOM, observable } from '@microsoft/fast-element';
 import { gridProGenesisDatasourceEventNames } from '../grid-pro-genesis-datasource';
+import { datasourceEventNames, } from '../grid-pro-genesis-datasource/datasource-events.types';
 import { logger } from '../utils';
 import { GridProBaseDatasource } from './base.datasource';
 import { getServerSideFilterParamsByFieldType } from './server-side.grid-definitions';
@@ -20,15 +20,15 @@ const serverSideSortIndicatorCSS = `
     opacity: 1 !important;
     visibility: visible !important;
   }
-  
+ 
   .grid-pro-server-side .ag-header-cell-sortable:not(.ag-header-cell-sorted) .ag-sort-indicator-container {
     opacity: 0.4 !important;
   }
-  
+ 
   .grid-pro-server-side .ag-header-cell-sorted .ag-sort-indicator-container {
     opacity: 1 !important;
   }
-  
+ 
   .grid-pro-server-side .ag-sort-ascending-icon::before,
   .grid-pro-server-side .ag-sort-descending-icon::before,
   .grid-pro-server-side .ag-header-cell-sortable:not(.ag-header-cell-sorted) .ag-sort-indicator-icon::before {
@@ -36,20 +36,20 @@ const serverSideSortIndicatorCSS = `
     font-size: var(--ag-icon-size, 16px) !important;
     color: var(--ag-header-foreground-color, var(--ag-foreground-color)) !important;
   }
-  
+ 
   .grid-pro-server-side .ag-sort-ascending-icon::before {
     content: "\\e90d" !important; /* AG Grid sort up icon */
   }
-  
+ 
   .grid-pro-server-side .ag-sort-descending-icon::before {
     content: "\\e90c" !important; /* AG Grid sort down icon */
   }
-  
+ 
   .grid-pro-server-side .ag-header-cell-sortable:not(.ag-header-cell-sorted) .ag-sort-indicator-icon::before {
     content: "\\e90b" !important; /* AG Grid sort icon */
     opacity: 0.6 !important;
   }
-  
+ 
   /* Ensure the sort indicator is always visible for sortable columns in server-side mode */
   .grid-pro-server-side .ag-header-cell-sortable .ag-sort-indicator-icon {
     display: inline-block !important;
@@ -68,8 +68,6 @@ const serverSideSortIndicatorCSS = `
 let GridProServerSideDatasource = class GridProServerSideDatasource extends LifecycleMixin(GridProBaseDatasource) {
     constructor() {
         super(...arguments);
-        this.applyFuncName = 'applyServerSideTransaction';
-        this.applyAsyncFuncName = 'applyServerSideTransactionAsync';
         /**
          * The starting VIEW_NUMBER of the data to be fetched.
          * @remarks The VIEW_NUMBER isincremented by the grid as the user scrolls or changes pages.
@@ -131,20 +129,22 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
      */
     reloadResourceData(params) {
         return __awaiter(this, void 0, void 0, function* () {
-            var _a, _b, _c, _d, _e, _f, _g;
+            var _a;
             this.datasource.destroy();
             (_a = this.liveUpdatesStream) === null || _a === void 0 ? void 0 : _a.unsubscribe();
             this.liveUpdatesStream = undefined;
-            // Cache the current filter model before clearing data to preserve column filters
-            yield ((_b = this.agGrid) === null || _b === void 0 ? void 0 : _b.cacheFilterConfig());
+            // Emit event to cache current filter model before clearing data
+            this.$emit(datasourceEventNames.cacheFilterConfig);
             this.clearRowData(withoutColumnDefs);
             this.setDisconnected(false);
-            (_c = this.agGrid.gridApi) === null || _c === void 0 ? void 0 : _c.refreshServerSide({ purge: true });
+            // Emit event to refresh server side with purge
+            this.$emit(datasourceEventNames.refreshServerSide, { purge: true });
             if (params) {
                 const options = Object.assign(Object.assign({}, this.datasourceOptions()), params);
                 const initOK = yield this.initializeDatasource(options, true, false);
                 if (!initOK) {
-                    (_d = this.agGrid.gridApi) === null || _d === void 0 ? void 0 : _d.setServerSideDatasource(null);
+                    // Emit event to set server side datasource to null
+                    this.$emit(datasourceEventNames.setServerSideDatasource, { datasource: null });
                     logger.error('Genesis Datasource re-init failed on filtering/sorting.');
                 }
             }
@@ -153,8 +153,9 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
                     yield this.ssrmDatasource.destroy();
                     this.ssrmDatasource = undefined;
                 }
-                (_e = this.agGrid.gridApi) === null || _e === void 0 ? void 0 : _e.setServerSideDatasource(null);
-                (_g = (_f = this.agGrid) === null || _f === void 0 ? void 0 : _f.gridApi) === null || _g === void 0 ? void 0 : _g.showLoadingOverlay();
+                // Emit events instead of direct grid access
+                this.$emit(datasourceEventNames.setServerSideDatasource, { datasource: null });
+                this.$emit(datasourceEventNames.loadingStarted);
                 yield this.init();
             }
         });
@@ -164,17 +165,10 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
      * @internal
      */
     applyServerSideSortIndicatorStyling() {
-        var _a, _b;
         // Remove existing styling if present
         this.removeServerSideSortIndicatorStyling();
-        // Add custom CSS class to the grid container
-        if ((_a = this.agGrid) === null || _a === void 0 ? void 0 : _a.gridApi) {
-            // Add CSS class to grid element
-            const gridElement = ((_b = this.agGrid.gridSlot) === null || _b === void 0 ? void 0 : _b.parentElement) || this.agGrid;
-            if (gridElement) {
-                gridElement.classList.add('grid-pro-server-side');
-            }
-        }
+        // Emit event to add CSS class to grid element
+        this.$emit(datasourceEventNames.addGridCssClass, { className: 'grid-pro-server-side' });
         // Insert custom CSS rules
         this.sortIndicatorCSSDestroy = insertDocumentCSSRule(serverSideSortIndicatorCSS, 'grid-pro-server-side-sort');
     }
@@ -183,12 +177,8 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
      * @internal
      */
     removeServerSideSortIndicatorStyling() {
-        var _a, _b;
-        // Remove CSS class from grid element
-        const gridElement = ((_b = (_a = this.agGrid) === null || _a === void 0 ? void 0 : _a.gridSlot) === null || _b === void 0 ? void 0 : _b.parentElement) || this.agGrid;
-        if (gridElement) {
-            gridElement.classList.remove('grid-pro-server-side');
-        }
+        // Emit event to remove CSS class from grid element
+        this.$emit(datasourceEventNames.removeGridCssClass, { className: 'grid-pro-server-side' });
         // Remove custom CSS rules
         if (this.sortIndicatorCSSDestroy) {
             this.sortIndicatorCSSDestroy();
@@ -197,93 +187,105 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
     }
     init() {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.agGrid) {
-                const gridOptions = Object.assign(Object.assign({ getRowId: (params) => {
-                        if (!params.data) {
-                            return null;
-                        }
-                        return String(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,
-                        sortable: false,
-                        unSortIcon: true,
-                    }, rowBuffer: 0, rowModelType: 'serverSide', suppressServerSideInfiniteScroll: false, suppressMultiSort: true, onFilterChanged: (params) => { }, onSortChanged: (params) => { }, onPaginationChanged: (event) => this.onPaginationChanged(event) }, this.agGrid['agGridOptions']), this.deferredGridOptions);
-                this.agGrid.gridOptions = gridOptions;
-                this.agGrid['initGrid']();
-                this.agGrid.addEventListener(Events.EVENT_GRID_READY, () => __awaiter(this, void 0, void 0, function* () {
-                    const initOK = yield this.initializeDatasource(this.datasourceOptions(), true, false);
-                    if (!initOK) {
-                        logger.debug(`Genesis Datasource init failed for ${this.resourceName}`);
-                        this.clearRowData();
-                        this.setDisconnected(true);
-                        return;
-                    }
-                    this.$emit(gridProGenesisDatasourceEventNames.dataInit);
-                    this.setDisconnected(false);
-                    this.indexes = this.getResourceIndexes(this.datasource.availableIndexes);
-                    const fieldMetadata = toFieldMetadata(this.datasource.originalFieldDef);
-                    const agColumnDefs = yield this.getAgColumnDefs(fieldMetadata);
-                    this.agGrid.gridApi.setColumnDefs(agColumnDefs);
-                    if (this.isRequestServer) {
-                        this.ssrmDatasource = new ReqRepServerSideDatasource({
-                            createReqRepRequestFunc: this.createReqRepRequest.bind(this),
-                            reloadResourceDataFunc: this.reloadResourceData.bind(this),
-                            errorHandlerFunc: this.handleErrors.bind(this),
-                            resourceName: this.resourceName,
-                            resourceParams: this.datasource.dataserverOnlyParams,
-                            resourceIndexes: this.indexes,
-                            resourceColDefs: this.datasource.originalFieldDef,
-                            maxRows: +this.maxRows,
-                            maxView: +this.maxView,
-                            rowId: this.rowId,
-                            pagination: this.pagination,
-                            zeroBasedViewNumber: this.zeroBasedViewNumber,
-                            pagingMode: this.pagingMode,
-                            criteriaOnlyRequest: this.datasource.criteriaOnlyRequest,
-                        });
+            // Emit event to initialize grid with server-side options
+            const gridOptions = Object.assign({ getRowId: (params) => {
+                    if (!params.data) {
+                        return null;
                     }
-                    else {
-                        this.ssrmDatasource = new DataserverServerSideDatasource({
-                            createDataserverStreamFunc: this.createDataserverStream.bind(this),
-                            reloadResourceDataFunc: this.reloadResourceData.bind(this),
-                            errorHandlerFunc: this.handleErrors.bind(this),
-                            resourceName: this.resourceName,
-                            resourceParams: this.datasource.requestOnlyParams,
-                            resourceIndexes: this.indexes,
-                            resourceColDefs: this.datasource.originalFieldDef,
-                            maxRows: +this.maxRows,
-                            maxView: +this.maxView,
-                            rowId: this.rowId,
-                            pagination: this.pagination,
-                            zeroBasedViewNumber: this.zeroBasedViewNumber,
-                        });
+                    return String(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' };
                     }
-                    this.agGrid.gridApi.setServerSideDatasource(this.ssrmDatasource);
-                    // Restore cached filter config after setting the server-side datasource
-                    this.agGrid.restoreCachedFilterConfig();
-                    // Apply custom sort indicator styling for server-side datasource
-                    this.applyServerSideSortIndicatorStyling();
-                }), { once: true });
-                return;
+                }, cacheBlockSize: this.maxRows, defaultColDef: {
+                    filter: true,
+                    resizable: true,
+                    sortable: false,
+                    unSortIcon: true,
+                }, rowBuffer: 0, rowModelType: 'serverSide', suppressServerSideInfiniteScroll: false, suppressMultiSort: true, onFilterChanged: (params) => { }, onSortChanged: (params) => { }, onPaginationChanged: (event) => this.onPaginationChanged(event) }, this.deferredGridOptions);
+            this.$emit(datasourceEventNames.initialize, {
+                options: gridOptions,
+                keepColDefsOnClearRowData: this.keepColDefsOnClearRowData,
+            });
+            // TODO: refactor this to prevent rendering datasource component until grid is ready
+            this.addEventListener(datasourceEventNames.ready, (event) => __awaiter(this, void 0, void 0, function* () {
+                const { pagination } = event.detail;
+                this.pagination = pagination;
+                const initOK = yield this.initializeDatasource(this.datasourceOptions(), true, false);
+                if (!initOK) {
+                    logger.debug(`Genesis Datasource init failed for ${this.resourceName}`);
+                    this.clearRowData();
+                    this.setDisconnected(true);
+                    return;
+                }
+                this.$emit(gridProGenesisDatasourceEventNames.dataInit);
+                this.setDisconnected(false);
+                this.indexes = this.getResourceIndexes(this.datasource.availableIndexes);
+                const fieldMetadata = toFieldMetadata(this.datasource.originalFieldDef);
+                const agColumnDefs = yield this.getAgColumnDefs(fieldMetadata);
+                // Emit event to set column definitions
+                this.$emit(datasourceEventNames.schemaUpdated, {
+                    schema: agColumnDefs,
+                    metadata: fieldMetadata,
+                });
+                if (this.isRequestServer) {
+                    this.ssrmDatasource = new ReqRepServerSideDatasource({
+                        createReqRepRequestFunc: this.createReqRepRequest.bind(this),
+                        reloadResourceDataFunc: this.reloadResourceData.bind(this),
+                        errorHandlerFunc: this.handleErrors.bind(this),
+                        resourceName: this.resourceName,
+                        resourceParams: this.datasource.requestOnlyParams,
+                        resourceIndexes: this.indexes,
+                        resourceColDefs: this.datasource.originalFieldDef,
+                        maxRows: +this.maxRows,
+                        maxView: +this.maxView,
+                        rowId: this.rowId,
+                        pagination: this.pagination,
+                        zeroBasedViewNumber: this.zeroBasedViewNumber,
+                        pagingMode: this.pagingMode,
+                        criteriaOnlyRequest: this.datasource.criteriaOnlyRequest,
+                    });
+                }
+                else {
+                    this.ssrmDatasource = new DataserverServerSideDatasource({
+                        createDataserverStreamFunc: this.createDataserverStream.bind(this),
+                        reloadResourceDataFunc: this.reloadResourceData.bind(this),
+                        errorHandlerFunc: this.handleErrors.bind(this),
+                        resourceName: this.resourceName,
+                        resourceParams: this.datasource.dataserverOnlyParams,
+                        resourceIndexes: this.indexes,
+                        resourceColDefs: this.datasource.originalFieldDef,
+                        maxRows: +this.maxRows,
+                        maxView: +this.maxView,
+                        rowId: this.rowId,
+                        pagination: this.pagination,
+                        zeroBasedViewNumber: this.zeroBasedViewNumber,
+                    });
+                }
+                // Emit event to set server side datasource
+                this.$emit(datasourceEventNames.setServerSideDatasource, {
+                    datasource: this.ssrmDatasource,
+                });
+                // Emit event to restore cached filter config
+                this.$emit(datasourceEventNames.filtersRestored);
+                // Apply custom sort indicator styling for server-side datasource
+                this.applyServerSideSortIndicatorStyling();
+            }), { once: true });
+            if (!this.resourceName) {
+                this.handleErrors('Application not connected or invalid resource name, datasource will not work.', 'unknown');
             }
-            this.handleErrors('Application not connected or invalid resource name, datasource will not work.', 'unknown');
         });
     }
     onPaginationChanged(event) {
         var _a;
-        if (this.agGrid.gridApi && this.ssrmDatasource) {
+        if (this.ssrmDatasource) {
             this.ssrmDatasource.isNewPageSize = (_a = event.newPage) !== null && _a !== void 0 ? _a : false;
         }
     }
     destroy() {
         return __awaiter(this, void 0, void 0, function* () {
-            var _a, _b, _c;
+            var _a;
             this.datasource.destroy();
             (_a = this.liveUpdatesStream) === null || _a === void 0 ? void 0 : _a.unsubscribe();
             this.liveUpdatesStream = undefined;
@@ -294,8 +296,9 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
             }
             // Remove custom sort indicator styling
             this.removeServerSideSortIndicatorStyling();
-            (_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 });
+            // Emit events instead of direct grid access
+            this.$emit(datasourceEventNames.setServerSideDatasource, { datasource: null });
+            this.$emit(datasourceEventNames.refreshServerSide, { purge: true });
         });
     }
     restart() {
@@ -305,17 +308,19 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
         });
     }
     clearRowData(withColumnDefs = true) {
-        var _a, _b, _c, _d;
         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([]);
+            // Emit event to clear column definitions
+            this.$emit(datasourceEventNames.dataCleared, {
+                includeSchema: true,
+            });
         }
-        this.agTransaction = { remove: [] };
-        (_c = this.agGrid.gridApi) === null || _c === void 0 ? void 0 : _c.forEachNode((node) => {
-            this.agTransaction.remove.push(node.data);
+        this.transactionData = { remove: [] };
+        // Emit event to apply server side transaction for removing all data
+        this.$emit(datasourceEventNames.applyServerSideTransaction, {
+            transaction: this.transactionData,
         });
-        (_d = this.agGrid.gridApi) === null || _d === void 0 ? void 0 : _d.applyServerSideTransaction(this.agTransaction);
-        this.agTransaction = undefined;
+        this.transactionData = undefined;
     }
     getResourceIndexes(avaialbleIndexes) {
         const resourceIndexesMap = new Map();
@@ -324,9 +329,6 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
         });
         return resourceIndexesMap;
     }
-    get rowModel() {
-        return this.agGrid.gridApi.getModel();
-    }
     createReqRepRequest() {
         return __awaiter(this, arguments, void 0, function* (existingParams = null) {
             const reqRep = yield this.datasource.snapshot(existingParams);
@@ -344,7 +346,7 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
                             return;
                         }
                         const nextMessage = dataServerResultFilter(message);
-                        this.agTransaction = { add: [], remove: [], update: [] };
+                        this.transactionData = { add: [], remove: [], update: [] };
                         this.handleStreamInserts(nextMessage.inserts);
                         this.handleStreamUpdates(nextMessage.updates);
                         this.handleStreamDeletes(nextMessage.deletes);
@@ -352,15 +354,10 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
                             // Calculate net row count change (inserts - deletes)
                             const netRowChange = ((_b = (_a = nextMessage.inserts) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) - ((_d = (_c = nextMessage.deletes) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0);
                             this.ssrmDatasource.serverRowsCount += netRowChange;
-                            const loadedDeletes = (_f = (_e = nextMessage.deletes) === null || _e === void 0 ? void 0 : _e.filter((deleteData) => {
-                                const rowId = deleteData[this.rowId];
-                                const rowNode = this.agGrid.gridApi.getRowNode(rowId);
-                                return rowNode != null;
-                            })) !== null && _f !== void 0 ? _f : [];
                             // Calculate net row count change for client (inserts - loaded deletes)
-                            const clientNetRowChange = ((_h = (_g = nextMessage.inserts) === null || _g === void 0 ? void 0 : _g.length) !== null && _h !== void 0 ? _h : 0) - loadedDeletes.length;
+                            const clientNetRowChange = ((_f = (_e = nextMessage.inserts) === null || _e === void 0 ? void 0 : _e.length) !== null && _f !== void 0 ? _f : 0) - ((_h = (_g = nextMessage.deletes) === null || _g === void 0 ? void 0 : _g.length) !== null && _h !== void 0 ? _h : 0);
                             this.ssrmDatasource.clientRowsCount += clientNetRowChange;
-                            this.applyAllAgTransactions();
+                            this.applyAllTransactions();
                         }
                     }
                 });
@@ -372,26 +369,11 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
                 this.liveUpdatesStream = this.connect
                     .stream(this.resourceName, () => { }, onError, existingParams !== null && existingParams !== void 0 ? existingParams : this.datasource.dataserverOnlyParams)
                     .subscribe((message) => streamOnMessage(message));
-                // return this.connect.stream(
-                //   this.resourceName,
-                //   (message) => streamOnMessage(message),
-                //   onError,
-                //   existingParams ?? this.params,
-                // );
             }
             yield this.datasource.startStream();
             return this.datasource.stream;
         });
     }
-    // private handleStreamDeletesTemp(deletes: RowData[]) {
-    //   if (!deletes) return;
-    //   deletes.forEach((deleteData) => {
-    //     const rowNode = this.agGrid.gridApi.getRowNode(deleteData.ROW_REF);
-    //     if (rowNode) {
-    //       rowNode.setData({ ...rowNode.data, ROW_REF: deleteData.ROW_REF + '_deleted' });
-    //     }
-    //   });
-    // }
     getAgColumnDefs(fieldsMetadata) {
         return __awaiter(this, void 0, void 0, function* () {
             const colDefsFromGenesisData = this.generateColumnDefsFromMetadata(fieldsMetadata, getServerSideFilterParamsByFieldType);
@@ -405,15 +387,11 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
                     colDef.sortable = true;
                 });
             }
-            const colDefsMergedWithTemplateDefs = yield this.agGrid.mergeAllColumnDefsAndStates(colDefsFromGenesisData, true);
-            return colDefsMergedWithTemplateDefs;
+            return colDefsFromGenesisData;
         });
     }
-    applyTransaction(agTransaction) {
-        return this.agGrid.gridApi.applyServerSideTransaction(agTransaction);
-    }
-    applyTransactionAsync(agTransaction, callback) {
-        this.agGrid.gridApi.applyServerSideTransactionAsync(agTransaction, callback);
+    applyTransaction(transaction) {
+        this.$emit(datasourceEventNames.applyServerSideTransaction, { transaction });
     }
     loadMore() {
         throw new Error('loadMore() method is not supported for server-side datasource');

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

@@ -0,0 +1,33 @@
+/**
+ * Event names for datasource-grid communication
+ * These represent datasource operations, not grid-specific actions
+ */
+export const datasourceEventNames = {
+    // Initialization events
+    initialize: 'datasource-initialize',
+    ready: 'datasource-ready',
+    // Data events
+    dataLoaded: 'datasource-data-loaded',
+    dataChanged: 'datasource-data-changed',
+    dataCleared: 'datasource-data-cleared',
+    // Schema events
+    schemaUpdated: 'datasource-schema-updated',
+    // Status events
+    loadingStarted: 'datasource-loading-started',
+    loadingFinished: 'datasource-loading-finished',
+    noDataAvailable: 'datasource-no-data-available',
+    moreDataAvailable: 'datasource-more-data-available',
+    // Filter events
+    filtersRestored: 'datasource-filters-restored',
+    // Error events
+    error: 'datasource-error',
+    // Size events
+    sizeChanged: 'datasource-size-changed',
+    // Server-side specific events
+    cacheFilterConfig: 'cache-filter-config',
+    refreshServerSide: 'refresh-server-side',
+    setServerSideDatasource: 'set-server-side-datasource',
+    addGridCssClass: 'add-grid-css-class',
+    removeGridCssClass: 'remove-grid-css-class',
+    applyServerSideTransaction: 'apply-server-side-transaction',
+};