@genesislcap/grid-pro 14.200.1-alpha-e974201.0 → 14.202.0

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

@@ -1,286 +1,17 @@
 import { __awaiter, __decorate } from "tslib";
-import { Auth, Connect, dataServerResultFilter, extractFieldDefinitions, MessageType, normaliseCriteria, toFieldMetadata, } from '@genesislcap/foundation-comms';
+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 } from '@microsoft/fast-element';
-import { getAvailableIndexes, getAvailableIndexFields, logger } from '../utils';
-import { GridProBaseDatasource, StreamBaseDatasource } from './base.datasource';
+import { attr, customElement, DOM, observable } from '@microsoft/fast-element';
+import { gridProGenesisDatasourceEventNames } from '../grid-pro-genesis-datasource';
+import { logger } from '../utils';
+import { GridProBaseDatasource } from './base.datasource';
 import { getServerSideFilterParamsByFieldType } from './server-side.grid-definitions';
-/**
- * The IServerSideDatasource implementation, used for SSRM (Server-Side Row Model) in the grid.
- * @alpha
- */
-export class StreamDatasource extends StreamBaseDatasource {
-    constructor(options) {
-        super();
-        /**
-         * The number of rows in the grid. THIS DO NOT CONSIDER CRITERIA_MATCH scenarios.
-         * @internal
-         */
-        this.server_ROWS_COUNT = 0;
-        /**
-         * The number of rows in the grid. THIS IS A LOCAL COUNT CONSIDERING CONSIDER CRITERIA_MATCH scenarios.
-         * @internal
-         */
-        this.client_ROWS_COUNT = 0;
-        this.moreRows = false;
-        this.calculatedRowsCount = 0;
-        this.lastSequenceId = 0;
-        this.createDataserverStreamFunc = options.createDataserverStreamFunc;
-        this.resourceName = options.resourceName;
-        this.resourceParams = options.resourceParams;
-        this.originalCriteriaMatch = options.resourceParams.CRITERIA_MATCH;
-        this.resourceIndexes = options.resourceIndexes;
-        this.resourceColDefs = options.resourceColDefs;
-        this.maxRows = options.maxRows;
-        this.maxView = options.maxView;
-        this.rowId = options.rowId;
-        this.pagination = options.pagination;
-    }
-    getRows(params) {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            const filterModelBeingApplied = params.request.filterModel;
-            const filtersAreBeingApplied = Object.keys(filterModelBeingApplied).length > 0;
-            const filtersAreGettingCleaned = Object.keys(filterModelBeingApplied).length === 0;
-            const filterModelBeingAppliedDiffersFromCurrent = JSON.stringify(filterModelBeingApplied) !== JSON.stringify(this.currentFilterModel);
-            if (filterModelBeingAppliedDiffersFromCurrent || filtersAreBeingApplied) {
-                if (filtersAreGettingCleaned && this.currentFilterModel) {
-                    this.currentFilterModel = null;
-                    this.resourceParams.CRITERIA_MATCH = this.originalCriteriaMatch;
-                    yield this.refreshDatasource(params);
-                    return;
-                }
-                else if (filterModelBeingAppliedDiffersFromCurrent && filtersAreBeingApplied) {
-                    this.currentFilterModel = filterModelBeingApplied;
-                    this.resourceParams.CRITERIA_MATCH = this.buildCriteriaMatchFromFilters();
-                    yield this.refreshDatasource(params);
-                    return;
-                }
-            }
-            const toBeAppliedSortModel = params.request.sortModel;
-            if (((_a = this.currentSortModel) === null || _a === void 0 ? void 0 : _a.length) !== toBeAppliedSortModel.length ||
-                toBeAppliedSortModel.length > 0) {
-                if (toBeAppliedSortModel.length === 0 && this.currentSortModel) {
-                    this.calculatedRowsCount = 0;
-                    this.currentSortModel = null;
-                    this.resourceParams.ORDER_BY = null;
-                    this.resourceParams.REVERSE = null;
-                    yield this.refreshDatasource(params);
-                    return;
-                }
-                else if (toBeAppliedSortModel.length > 0) {
-                    this.currentSortModel = toBeAppliedSortModel;
-                    const coldIdBeingSorted = toBeAppliedSortModel[0].colId; // Not allowing multiple sorts by user
-                    const sortTypeBeingApplied = toBeAppliedSortModel[0].sort;
-                    const orderByAndToBeSortedColIds = this.getOrderByAndToBeSortedColIds(this.resourceIndexes, coldIdBeingSorted);
-                    if (!orderByAndToBeSortedColIds) {
-                        this.calculatedRowsCount = 0;
-                        const availableIndexes = getAvailableIndexes(this.resourceIndexes);
-                        const availableIndexFields = getAvailableIndexFields(this.resourceIndexes);
-                        logger.warn('The FIELD/column (${coldIdBeingSorted}) being sorted is not part of an INDEX, required for the [orderBy] operation. See https://learn.genesis.global/docs/database/data-types/index-entities/');
-                        logger.debug('Available indexes:', availableIndexes);
-                        logger.debug('Columns that can be sorted with the available indexes:', availableIndexFields);
-                        params.fail();
-                        return;
-                    }
-                    else if (JSON.stringify(toBeAppliedSortModel) !== JSON.stringify(this.currentSortModel)) {
-                        this.resourceParams.ORDER_BY = orderByAndToBeSortedColIds.orderBy;
-                        this.resourceParams.REVERSE = sortTypeBeingApplied === 'desc' ? true : false;
-                        yield this.refreshDatasource(params);
-                        return;
-                    }
-                }
-            }
-            if (this.moreRows && params.request.startRow >= Number(this.maxRows)) {
-                this.connect.getMoreRows(this.streamSourceRef);
-            }
-            if (!this.dataserverStream) {
-                this.dataserverStream = yield this.createDataserverStreamFunc(this.resourceParams);
-            }
-            let applyResult = true;
-            this.dataserverStreamSubscription = this.dataserverStream.subscribe((dataserverResult) => {
-                if (applyResult) {
-                    this.applyServerSideData(params, dataserverResult);
-                    applyResult = false;
-                }
-            });
-        });
-    }
-    applyServerSideData(params, result) {
-        var _a;
-        const messageType = result.MESSAGE_TYPE;
-        if (messageType &&
-            (messageType === MessageType.LOGOFF_ACK || messageType === MessageType.MSG_NACK)) {
-            params.fail();
-            return;
-        }
-        this.moreRows = result.MORE_ROWS;
-        if (result.ROW) {
-            const nextMessage = dataServerResultFilter(result);
-            this.handleCurrentStreamLoad(nextMessage);
-        }
-        else {
-            this.rowData = new Map();
-            const successRowData = { rowData: [] };
-            successRowData.rowCount = 0;
-            params.success(successRowData);
-            return;
-        }
-        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;
-        }
-        const successRowData = {
-            rowData: Array.from(this.sortMapByNumericKey(this.rowData).values()),
-            rowCount: this.pagination && !this.resourceParams.CRITERIA_MATCH
-                ? Math.min(this.server_ROWS_COUNT, this.maxView)
-                : undefined,
-        };
-        this.calculatedRowsCount = this.client_ROWS_COUNT;
-        if (this.calculatedRowsCount === 0) {
-            this.calculatedRowsCount = params.request.endRow;
-        }
-        if (params.request.endRow > this.maxView || params.request.endRow > this.calculatedRowsCount) {
-            successRowData.rowCount = this.calculatedRowsCount;
-        }
-        else if (params.request.endRow === this.server_ROWS_COUNT) {
-            successRowData.rowCount = this.server_ROWS_COUNT;
-        }
-        else if (!this.moreRows && this.server_ROWS_COUNT > this.calculatedRowsCount) {
-            successRowData.rowCount = this.calculatedRowsCount;
-        }
-        params.success(successRowData);
-    }
-    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;
-    }
-    deinit() {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            this.rowData = new Map();
-            this.client_ROWS_COUNT = 0;
-            this.calculatedRowsCount = 0;
-            this.server_ROWS_COUNT = 0;
-            this.dataserverStream = undefined;
-            (_a = this.dataserverStreamSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-            this.dataserverStreamSubscription = undefined;
-            this.streamSourceRef = undefined;
-        });
-    }
-    refreshDatasource(params) {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this.deinit();
-            (_a = params.api) === null || _a === void 0 ? void 0 : _a.refreshServerSide({ purge: true });
-            params.fail();
-        });
-    }
-    getOrderByAndToBeSortedColIds(map, searchValue) {
-        for (const [key, value] of map.entries()) {
-            const searchIndex = value.findIndex((x) => x === searchValue);
-            if (searchIndex !== -1) {
-                const copy = [...value];
-                const toBeSorted = copy.splice(searchIndex, 1);
-                return { orderBy: key, toBeSorted };
-            }
-        }
-    }
-    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[this.rowId], insertData);
-        });
-        this.rowData = rows;
-    }
-    buildCriteriaMatchFromFilters() {
-        this.resourceParams.CRITERIA_MATCH = this.originalCriteriaMatch;
-        if (this.resourceParams.CRITERIA_MATCH &&
-            typeof this.resourceParams.CRITERIA_MATCH === 'string') {
-            this.resourceParams.CRITERIA_MATCH = this.resourceParams.CRITERIA_MATCH.split(';');
-        }
-        if (!this.resourceParams.CRITERIA_MATCH) {
-            this.resourceParams.CRITERIA_MATCH = [];
-        }
-        const criteria = this.resourceParams.CRITERIA_MATCH.concat(this.criteriaFromFilters());
-        return criteria.join(' && ');
-    }
-    // TODO: update this following https://learn.genesis.global/docs/server/data-server/advanced/#common-expressions
-    criteriaFromFilters() {
-        const filters = [];
-        this.getFiltersByType('text').forEach((k) => {
-            // TODO: no official "boolean" filter type, it's a "text"
-            if (!this.currentFilterModel[k].filter &&
-                (this.currentFilterModel[k].type === 'false' || this.currentFilterModel[k].type === 'true')) {
-                filters.push(`${k} == ${this.currentFilterModel[k].type}`);
-            }
-            else {
-                switch (this.currentFilterModel[k].type) {
-                    case 'equals':
-                        filters.push(`${k} == '${this.currentFilterModel[k].filter}'`);
-                        break;
-                    case 'contains':
-                        filters.push(`Expr.containsIgnoreCase(${k}, '${this.currentFilterModel[k].filter}')`);
-                        break;
-                }
-            }
-        });
-        this.getFiltersByType('number').forEach((k) => {
-            const value = this.currentFilterModel[k].filter;
-            switch (this.currentFilterModel[k].type) {
-                case 'equals':
-                    !isNaN(value) && filters.push(`${k} == ${value}`);
-                    break;
-                case 'lessThan':
-                    !isNaN(value) && filters.push(`${k} < ${value}`);
-                    break;
-                case 'greaterThan':
-                    !isNaN(value) && filters.push(`${k} > ${value}`);
-                    break;
-            }
-        });
-        this.getFiltersByType('date').forEach((k) => {
-            const dateFrom = this.currentFilterModel[k].dateFrom
-                .replace(/-/g, '')
-                .replace('T', '-')
-                .split(' ')[0];
-            switch (this.currentFilterModel[k].type) {
-                case 'equals':
-                    filters.push(`Expr.dateIsEqual(${k}, '${dateFrom}')`);
-                    break;
-                case 'lessThan':
-                    filters.push(`Expr.dateIsBefore(${k}, '${dateFrom}')`);
-                    break;
-                case 'greaterThan':
-                    filters.push(`Expr.dateIsAfter(${k}, '${dateFrom}')`);
-                    break;
-                default:
-                    break;
-            }
-        });
-        return filters;
-    }
-    getFiltersByType(filterType) {
-        return Object.keys(this.currentFilterModel)
-            .filter((k) => this.resourceColDefs.findIndex((o) => o.NAME === k) !== -1)
-            .filter((k) => this.currentFilterModel[k].filterType === filterType);
-    }
-}
-__decorate([
-    Auth
-], StreamDatasource.prototype, "auth", void 0);
-__decorate([
-    Connect
-], StreamDatasource.prototype, "connect", void 0);
+import { DataserverServerSideDatasource } from './server-side.resource-dataserver';
+import { ReqRepServerSideDatasource } from './server-side.resource-reqrep';
 const criteriaDelimiter = ';';
 const withoutColumnDefs = null;
+const timeoutInMs = 500;
 /**
  * A Genesis Datasource element, for server-side | SSRM-compatible data fetching and used exclusively by the GridPro element.
  * @remarks Only supports Server-Side Row Model. Requires `@ag-grid-enterprise/server-side-row-model` setup and valid AG Grid Enterprise license.
@@ -292,34 +23,33 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
         this.applyFuncName = 'applyServerSideTransaction';
         this.applyAsyncFuncName = 'applyServerSideTransactionAsync';
         this.pagination = false;
+        /**
+         * 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.
+         */
+        this.zeroBasedViewNumber = false;
+        /**
+         * Enable live updates for the grid.
+         * @remarks Only works with DATASERVER resources (StreamDatasource) right now.
+         */
+        this.liveUpdates = false;
+        this.request = {};
+    }
+    resourceNameChanged(oldValue, newValue) {
+        if (!oldValue || oldValue === newValue)
+            return;
+        DOM.queueUpdate(() => __awaiter(this, void 0, void 0, function* () {
+            yield this.restart();
+        }));
     }
     criteriaChanged(oldCriteria, newCriteria) {
         const criteriaIsNotDuplicate = oldCriteria !== normaliseCriteria(newCriteria, criteriaDelimiter);
         if (this.ssrmDatasource && criteriaIsNotDuplicate) {
-            this.reloadResourceData();
+            DOM.queueUpdate(() => __awaiter(this, void 0, void 0, function* () {
+                yield this.reloadResourceData();
+            }));
         }
     }
-    /**
-     * Resets the grid data while keeping columnDefs and sends a DATA_LOGOFF message if it's a stream.
-     * @remarks This is used when the grid is already initialized and we want to reload the data due to a criteria/filter change.
-     * @internal
-     */
-    reloadResourceData() {
-        var _a, _b, _c;
-        return __awaiter(this, void 0, void 0, function* () {
-            this.clearRowData(withoutColumnDefs);
-            this.ssrmDatasource.streamSourceRef = undefined;
-            this.ssrmDatasource = undefined;
-            (_a = this.agGrid.gridApi) === null || _a === void 0 ? void 0 : _a.refreshServerSide({ purge: true });
-            (_c = (_b = this.agGrid) === null || _b === void 0 ? void 0 : _b.gridApi) === null || _c === void 0 ? void 0 : _c.showLoadingOverlay();
-            this.init();
-        });
-    }
-    resourceNameChanged(oldValue, newValue) {
-        if (!oldValue || oldValue === newValue)
-            return;
-        this.restart();
-    }
     connectedCallback() {
         super.connectedCallback();
         const shouldRunConnect = this.shouldRunConnect;
@@ -332,11 +62,11 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
     disconnectedCallback() {
         super.disconnectedCallback();
         const shouldRunDisconnect = this.shouldRunDisconnect;
-        DOM.queueUpdate(() => {
+        DOM.queueUpdate(() => __awaiter(this, void 0, void 0, function* () {
             if (!shouldRunDisconnect)
                 return;
-            this.deinit();
-        });
+            yield this.destroy();
+        }));
     }
     deepClone() {
         const copy = super.deepClone();
@@ -344,80 +74,146 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
         copy.deferredColumnStates = structuredClone(this.deferredColumnStates);
         return copy;
     }
-    deinit() {
-        var _a, _b;
-        this.clearRowData();
-        (_a = this.ssrmDatasource) === null || _a === void 0 ? void 0 : _a.deinit();
-        this.ssrmDatasource = undefined;
-        this.originalFieldDef = undefined;
-        (_b = this.agGrid.gridApi) === null || _b === void 0 ? void 0 : _b.refreshServerSide({ purge: true });
+    /**
+     * Resets the grid data while keeping columnDefs and sends a DATA_LOGOFF message if it's a stream.
+     * @remarks This is used when the grid is already initialized and we want to reload the data due to a criteria/filter change.
+     * @internal
+     */
+    reloadResourceData(params) {
+        var _a, _b, _c, _d, _e, _f;
+        return __awaiter(this, void 0, void 0, function* () {
+            this.datasource.destroy();
+            (_a = this.liveUpdatesStream) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+            this.liveUpdatesStream = undefined;
+            this.clearRowData(withoutColumnDefs);
+            if (params) {
+                // this.datasource.stream = undefined;
+                const options = Object.assign(Object.assign({}, this.datasourceOptions()), params);
+                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);
+                    logger.error('Genesis Datasource re-init failed on filtering/sorting.');
+                }
+            }
+            else {
+                if (this.ssrmDatasource) {
+                    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();
+                yield this.init();
+            }
+        });
     }
     init() {
-        if (this.agGrid && this.resourceName && this.connect.isConnected) {
-            this.agGrid.gridOptions = Object.assign(Object.assign({ getRowId: (params) => {
-                    if (!params.data) {
-                        return null;
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.agGrid) {
+                this.agGrid.gridOptions = Object.assign(Object.assign({ getRowId: (params) => {
+                        if (!params.data) {
+                            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,
+                        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);
+                this.agGrid['initGrid']();
+                this.agGrid.addEventListener(Events.EVENT_GRID_READY, () => __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}`);
+                        this.clearRowData();
+                        return;
                     }
-                    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' };
+                    this.$emit(gridProGenesisDatasourceEventNames.dataInit);
+                    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),
+                            resourceName: this.resourceName,
+                            resourceParams: this.params,
+                            resourceIndexes: this.indexes,
+                            resourceColDefs: this.datasource.originalFieldDef,
+                            maxRows: +this.maxRows,
+                            maxView: +this.maxView,
+                            rowId: this.rowId,
+                            pagination: this.pagination,
+                            zeroBasedViewNumber: this.zeroBasedViewNumber,
+                        });
                     }
-                }, cacheBlockSize: this.maxRows, defaultColDef: {
-                    filter: true,
-                    resizable: true,
-                    sortable: false,
-                }, pagination: this.pagination, paginationPageSize: this.maxRows, paginationPageSizeSelector: false, rowBuffer: 0, rowModelType: 'serverSide', suppressMultiSort: true, onFilterChanged: (params) => { }, onSortChanged: (params) => { } }, this.agGrid['agGridOptions']), this.deferredGridOptions);
-            this.agGrid['initGrid']();
-            this.agGrid.addEventListener('onGridReady', () => __awaiter(this, void 0, void 0, function* () {
-                /**
-                 * We should have all the metadata via Datasource, ie.
-                 * Datasource.availableIndexes, Datasource.originalFieldDef etc.
-                 * Could this not leverage that?
-                 */
-                const meta = yield this.connect
-                    .getMetadata(this.resourceName)
-                    .catch((e) => logger.error(e));
-                if (!meta)
-                    return false;
-                this.indexes = this.getResourceIndexes(meta.INDEXES);
-                this.originalFieldDef = extractFieldDefinitions(meta);
-                const fieldMetadata = toFieldMetadata(this.originalFieldDef);
-                const agColumnDefs = yield this.getAgColumnDefs(fieldMetadata);
-                this.agGrid.gridApi.updateGridOptions({ columnDefs: agColumnDefs });
-                this.ssrmDatasource = new StreamDatasource({
-                    createDataserverStreamFunc: this.createDataserverStream.bind(this),
-                    resourceName: this.resourceName,
-                    resourceParams: this.params,
-                    resourceIndexes: this.indexes,
-                    resourceColDefs: this.originalFieldDef,
-                    maxRows: +this.maxRows,
-                    maxView: +this.maxView,
-                    rowId: this.rowId,
-                    pagination: this.pagination,
-                });
-                this.agGrid.gridApi.updateGridOptions({ serverSideDatasource: this.ssrmDatasource });
-            }), { once: true });
-            return;
+                    else {
+                        this.ssrmDatasource = new DataserverServerSideDatasource({
+                            createDataserverStreamFunc: this.createDataserverStream.bind(this),
+                            reloadResourceDataFunc: this.reloadResourceData.bind(this),
+                            resourceName: this.resourceName,
+                            resourceParams: this.params,
+                            resourceIndexes: this.indexes,
+                            resourceColDefs: this.datasource.originalFieldDef,
+                            maxRows: +this.maxRows,
+                            maxView: +this.maxView,
+                            rowId: this.rowId,
+                            pagination: this.pagination,
+                            zeroBasedViewNumber: this.zeroBasedViewNumber,
+                        });
+                    }
+                    this.agGrid.gridApi.setServerSideDatasource(this.ssrmDatasource);
+                }), { once: true });
+                return;
+            }
+            logger.warn(`Application not connected, falling back to local columnDefs/rowData`);
+        });
+    }
+    onPaginationChanged(event) {
+        var _a;
+        if (this.agGrid.gridApi && this.ssrmDatasource) {
+            this.ssrmDatasource.isNewPageSize = (_a = event.newPage) !== null && _a !== void 0 ? _a : false;
         }
-        logger.warn(`Application not connected, falling back to local columnDefs/rowData`);
+    }
+    destroy() {
+        var _a, _b, _c;
+        return __awaiter(this, void 0, void 0, function* () {
+            this.datasource.destroy();
+            (_a = this.liveUpdatesStream) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+            this.liveUpdatesStream = undefined;
+            this.clearRowData();
+            if (this.ssrmDatasource) {
+                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 });
+        });
     }
     restart() {
-        this.deinit();
-        this.init();
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.destroy();
+            this.init();
+        });
     }
     clearRowData(withColumnDefs = true) {
-        var _a, _b;
+        var _a, _b, _c, _d;
         this.rowData = new Map();
         if (withColumnDefs) {
-            this.agGrid.gridApi.updateGridOptions({ columnDefs: [] });
+            (_b = (_a = this.agGrid) === null || _a === void 0 ? void 0 : _a.gridApi) === null || _b === void 0 ? void 0 : _b.setColumnDefs([]);
         }
         this.agTransaction = { remove: [] };
-        (_a = this.agGrid.gridApi) === null || _a === void 0 ? void 0 : _a.forEachNode((node) => {
+        (_c = this.agGrid.gridApi) === null || _c === void 0 ? void 0 : _c.forEachNode((node) => {
             this.agTransaction.remove.push(node.data);
         });
-        (_b = this.agGrid.gridApi) === null || _b === void 0 ? void 0 : _b.applyServerSideTransaction(this.agTransaction);
+        (_d = this.agGrid.gridApi) === null || _d === void 0 ? void 0 : _d.applyServerSideTransaction(this.agTransaction);
         this.agTransaction = undefined;
     }
     getResourceIndexes(avaialbleIndexes) {
@@ -452,50 +248,69 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
     get rowModel() {
         return this.agGrid.gridApi.getModel();
     }
-    createDataserverStream(existingParams = null) {
+    createReqRepRequest(existingParams = null) {
         return __awaiter(this, void 0, void 0, function* () {
-            const streamOnMessage = (message) => __awaiter(this, void 0, void 0, function* () {
-                var _a;
-                const messageType = message.MESSAGE_TYPE;
-                if (messageType === MessageType.QUERY_UPDATE && message.ROW) {
-                    if (!this.ssrmDatasource) {
-                        return;
-                    }
-                    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 += (_a = nextMessage.inserts.length) !== null && _a !== void 0 ? _a : 0;
-                    if (message.SEQUENCE_ID > 1) {
-                        const updatedInfo = yield this.connect.snapshot(this.resourceName, {
-                            MAX_ROWS: 1,
-                            MAX_VIEW: 1,
-                            CRITERIA_MATCH: this.criteria,
-                        });
-                        this.ssrmDatasource.server_ROWS_COUNT = updatedInfo.ROWS_COUNT;
-                    }
-                    this.applyAllAgTransactions();
-                }
-            });
-            const onError = (error) => logger.error(error);
-            return this.connect.stream(this.resourceName, (message) => {
-                streamOnMessage(message);
-            }, onError, existingParams !== null && existingParams !== void 0 ? existingParams : this.params);
+            const reqRep = yield this.datasource.snapshot(existingParams);
+            return reqRep;
         });
     }
-    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' }));
+    createDataserverStream(existingParams = null) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.liveUpdates) {
+                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) {
+                        if (!this.ssrmDatasource) {
+                            return;
+                        }
+                        const nextMessage = dataServerResultFilter(message);
+                        this.agTransaction = { add: [], remove: [], update: [] };
+                        this.handleStreamInserts(nextMessage.inserts);
+                        this.handleStreamUpdates(nextMessage.updates);
+                        this.handleStreamDeletes(nextMessage.deletes);
+                        if (message.SEQUENCE_ID > 1) {
+                            this.ssrmDatasource.clientRowsCount += (_a = nextMessage.inserts.length) !== null && _a !== void 0 ? _a : 0;
+                            this.ssrmDatasource.serverRowsCount += (_b = nextMessage.inserts.length) !== null && _b !== void 0 ? _b : 0;
+                        }
+                        // this.handleStreamDeletes(nextMessage.deletes);
+                        // this.ssrmDatasource.client_ROWS_COUNT -= nextMessage.deletes.length ?? 0;
+                        // this.ssrmDatasource.server_ROWS_COUNT -= nextMessage.deletes.length ?? 0;
+                        if (this.pagination) {
+                            this.applyAllAgTransactions();
+                        }
+                        else {
+                            // TODO: Double-check this bit / DOM.queueUpdate do not work here
+                            setTimeout(() => {
+                                this.applyAllAgTransactions();
+                            }, timeoutInMs);
+                        }
+                    }
+                });
+                const onError = (error) => logger.error(error);
+                this.liveUpdatesStream = this.connect
+                    .stream(this.resourceName, () => { }, onError, existingParams !== null && existingParams !== void 0 ? existingParams : this.params)
+                    .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);
@@ -518,6 +333,15 @@ let GridProServerSideDatasource = class GridProServerSideDatasource extends Life
 __decorate([
     attr({ mode: 'boolean' })
 ], GridProServerSideDatasource.prototype, "pagination", void 0);
+__decorate([
+    attr({ mode: 'boolean', attribute: 'zero-based-view-number' })
+], GridProServerSideDatasource.prototype, "zeroBasedViewNumber", void 0);
+__decorate([
+    attr({ mode: 'boolean', attribute: 'live-updates' })
+], GridProServerSideDatasource.prototype, "liveUpdates", void 0);
+__decorate([
+    observable
+], GridProServerSideDatasource.prototype, "request", void 0);
 GridProServerSideDatasource = __decorate([
     customElement({
         name: 'grid-pro-server-side-datasource',