@genesislcap/grid-pro 14.348.0 → 14.350.0

package/dist/esm/datasource/base.datasource.js

@@ -1,9 +1,10 @@
 import { __awaiter, __decorate } from "tslib";
 import { Datasource, DatasourceDefaults, DatasourceEventHandler, FieldTypeEnum, logger, normaliseCriteria, ResourceType, } from '@genesislcap/foundation-comms';
 import { Connect } from '@genesislcap/foundation-comms';
-import { attr, observable, volatile } from '@microsoft/fast-element';
+import { attr, nullableNumberConverter, observable, volatile } from '@microsoft/fast-element';
 import { FoundationElement } from '@microsoft/fast-foundation';
 import { BehaviorSubject } from 'rxjs';
+import { datasourceEventNames, } from '../grid-pro-genesis-datasource/datasource-events.types';
 import { dateValueFormatter, dateTimeValueFormatter, getColumnType, getFilterByFieldType, } from '../grid-pro.definitions';
 import { GridProRendererTypes, GridProStatusBarTypes } from '../grid-pro.types';
 import { baseDatasourceEventNames } from './base.types';
@@ -158,9 +159,6 @@ export class GenesisGridDatasourceElement extends DatasourceEventHandler(Foundat
         // this.isRequestServer = next.type === ResourceType.REQUEST_SERVER;
         // TODO: this is not triggered after first init :(
     }
-    get agGrid() {
-        return this.parentElement;
-    }
     /**
      * Handles errors and emits appropriate error events.
      * @param errors - The error message or array of error messages
@@ -189,13 +187,11 @@ export class GenesisGridDatasourceElement extends DatasourceEventHandler(Foundat
         else {
             message = String(errors);
         }
-        // Set visual indicator on grid if available
-        if (this.agGrid) {
-            this.agGrid.setAttribute('ds-disconnected', 'ds-disconnected');
-        }
         if (message) {
             logger.error(`${type}: ${message}`);
+            // Emit both the old event for backward compatibility and the new event for grid handling
             this.$emit(baseDatasourceEventNames.error, { message, type });
+            this.$emit(datasourceEventNames.error, { message, type });
         }
     }
     /**
@@ -203,9 +199,6 @@ export class GenesisGridDatasourceElement extends DatasourceEventHandler(Foundat
      * @public
      */
     clearErrors() {
-        if (this.agGrid) {
-            this.agGrid.removeAttribute('ds-disconnected');
-        }
         this.$emit(baseDatasourceEventNames.connected);
     }
     /**
@@ -292,7 +285,7 @@ __decorate([
     attr({ mode: 'boolean', attribute: 'is-snapshot' })
 ], GenesisGridDatasourceElement.prototype, "isSnapshot", void 0);
 __decorate([
-    attr({ attribute: 'max-rows' })
+    attr({ attribute: 'max-rows', converter: nullableNumberConverter })
 ], GenesisGridDatasourceElement.prototype, "maxRows", void 0);
 __decorate([
     attr({ attribute: 'order-by' })
@@ -301,13 +294,13 @@ __decorate([
     attr({ attribute: 'resource-name' })
 ], GenesisGridDatasourceElement.prototype, "resourceName", void 0);
 __decorate([
-    attr({ attribute: 'view-number' })
+    attr({ attribute: 'view-number', converter: nullableNumberConverter })
 ], GenesisGridDatasourceElement.prototype, "viewNumber", void 0);
 __decorate([
     attr
 ], GenesisGridDatasourceElement.prototype, "fields", void 0);
 __decorate([
-    attr({ attribute: 'max-view' })
+    attr({ attribute: 'max-view', converter: nullableNumberConverter })
 ], GenesisGridDatasourceElement.prototype, "maxView", void 0);
 __decorate([
     attr({ mode: 'boolean', attribute: 'moving-view' })
@@ -319,7 +312,7 @@ __decorate([
     attr({ mode: 'boolean', attribute: 'disable-polling' })
 ], GenesisGridDatasourceElement.prototype, "disablePolling", void 0);
 __decorate([
-    attr
+    attr({ converter: nullableNumberConverter })
 ], GenesisGridDatasourceElement.prototype, "offset", void 0);
 __decorate([
     attr({ attribute: 'polling-interval' })
@@ -352,19 +345,18 @@ export var OperationType;
     OperationType["Update"] = "update";
     OperationType["Remove"] = "remove";
 })(OperationType || (OperationType = {}));
-/**
- * @public
- */
 export class GridProBaseDatasource extends GenesisGridDatasourceElement {
     constructor() {
         super(...arguments);
         this.dataSubWasLoggedOff = false;
+        this.keepColDefsOnClearRowData = false;
         this.rowData = new Map();
-        this.agTransaction = {
+        this.transactionData = {
             add: [],
             remove: [],
             update: [],
         };
+        this._isDisconnected = false;
     }
     subscribeToConnection() {
         var _a;
@@ -390,7 +382,6 @@ export class GridProBaseDatasource extends GenesisGridDatasourceElement {
     }
     generateColumnDefsFromMetadata(fieldsMetadata, getFilterParamsByFieldType) {
         return fieldsMetadata === null || fieldsMetadata === void 0 ? void 0 : fieldsMetadata.flatMap((field) => {
-            var _a;
             const colDefBase = {};
             colDefBase.filterParams = getFilterParamsByFieldType(field.type);
             switch (field.type) {
@@ -401,10 +392,8 @@ export class GridProBaseDatasource extends GenesisGridDatasourceElement {
                     colDefBase.cellEditor = GridProRendererTypes.numberEditor;
                     break;
                 case FieldTypeEnum.BOOLEAN:
-                    if (this.agGrid.autoCellRendererByType) {
-                        colDefBase.cellRenderer = GridProRendererTypes.boolean;
-                        colDefBase.cellEditor = GridProRendererTypes.boolean;
-                    }
+                    colDefBase.cellRenderer = GridProRendererTypes.boolean;
+                    colDefBase.cellEditor = GridProRendererTypes.boolean;
                     break;
                 case FieldTypeEnum.DATE:
                     colDefBase.valueFormatter = dateValueFormatter;
@@ -433,35 +422,33 @@ export class GridProBaseDatasource extends GenesisGridDatasourceElement {
                 default:
                     break;
             }
-            const colDefExtras = (_a = this.agGrid.gridApi) === null || _a === void 0 ? void 0 : _a.getColumnDef(field.name);
+            // Column definition extras would be handled by the grid component now
             if (this.fields && !this.fields.includes(field.name)) {
                 return [];
             }
-            return Object.assign(Object.assign({ field: field.name, type: getColumnType(field.type), filter: getFilterByFieldType(field.type) }, colDefBase), colDefExtras);
+            return Object.assign({ field: field.name, type: getColumnType(field.type), filter: getFilterByFieldType(field.type) }, colDefBase);
         });
     }
     handleStreamInserts(insertedRows, addIndex = 0) {
         // Create a local counter for the insertion index when we need to do sequential inserts
         let currentAddIndex = addIndex;
         insertedRows === null || insertedRows === void 0 ? void 0 : insertedRows.forEach((insertData) => {
-            var _a, _b;
             const rowId = insertData[this.rowId];
             if (!rowId) {
                 logger.warn('Attempted to insert row without valid rowId', insertData);
                 return;
             }
             const existsInInternalState = this.rowData.has(rowId);
-            const existsInGrid = (_b = (_a = this.agGrid) === null || _a === void 0 ? void 0 : _a.gridApi) === null || _b === void 0 ? void 0 : _b.getRowNode(rowId);
-            if (existsInInternalState || existsInGrid || this.dataSubWasLoggedOff) {
-                const existingData = existsInInternalState ? this.rowData.get(rowId) : existsInGrid.data;
+            if (existsInInternalState || this.dataSubWasLoggedOff) {
+                const existingData = this.rowData.get(rowId);
                 const updatedRow = Object.assign(Object.assign({}, existingData), insertData);
-                this.agTransaction.update.push(updatedRow);
+                this.transactionData.update.push(updatedRow);
                 this.rowData.set(rowId, updatedRow);
             }
             else {
-                this.agTransaction.add.push(insertData);
+                this.transactionData.add.push(insertData);
                 // Use the current add index for this insertion
-                this.agTransaction.addIndex = currentAddIndex;
+                this.transactionData.addIndex = currentAddIndex;
                 this.rowData.set(rowId, insertData);
                 // Only increment the index if we're not inserting at the beginning (addIndex > 0)
                 // This ensures rows are inserted in sequence when appending to the end of the grid
@@ -475,11 +462,11 @@ export class GridProBaseDatasource extends GenesisGridDatasourceElement {
     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] });
+                this.transactionData.remove.push({ [this.rowId]: deleteData[this.rowId] });
             }
             else {
                 const rowToBeDeleted = Object.values(Object.fromEntries(this.rowData)).find((obj) => obj[this.defaultRowIdByResourceType] === deleteData[this.defaultRowIdByResourceType]);
-                this.agTransaction.remove.push({ [this.rowId]: rowToBeDeleted[this.rowId] });
+                this.transactionData.remove.push({ [this.rowId]: rowToBeDeleted[this.rowId] });
             }
             this.rowData.delete(deleteData[this.rowId]);
         });
@@ -490,60 +477,47 @@ export class GridProBaseDatasource extends GenesisGridDatasourceElement {
             if (this.hasDefaultRowId || this.isRequestServer) {
                 const rowToBeUpdated = this.rowData.get(updateData[this.rowId]);
                 updatedRow = Object.assign(Object.assign({}, rowToBeUpdated), updateData);
-                this.agTransaction.update.push(updatedRow);
+                this.transactionData.update.push(updatedRow);
             }
             else {
                 const rowToBeUpdated = Object.values(Object.fromEntries(this.rowData)).find((obj) => obj[this.defaultRowIdByResourceType] === updateData[this.defaultRowIdByResourceType]);
                 updatedRow = Object.assign(Object.assign({}, rowToBeUpdated), updateData);
-                this.agTransaction.update.push(updatedRow);
+                this.transactionData.update.push(updatedRow);
             }
             this.rowData.set(updateData[this.rowId], updatedRow);
         });
     }
-    applyAllAgTransactions() {
-        var _a, _b, _c;
-        if (!this.agTransaction.add.length &&
-            !this.agTransaction.update.length &&
-            !this.agTransaction.remove.length) {
-            this.agGrid.gridApi.hideOverlay();
+    applyAllTransactions() {
+        var _a, _b, _c, _d, _e, _f;
+        if (!((_a = this.transactionData.add) === null || _a === void 0 ? void 0 : _a.length) &&
+            !((_b = this.transactionData.update) === null || _b === void 0 ? void 0 : _b.length) &&
+            !((_c = this.transactionData.remove) === null || _c === void 0 ? void 0 : _c.length)) {
+            this.$emit(datasourceEventNames.loadingFinished);
             if (this.rowData.size === 0) {
-                this.agGrid.gridApi.showNoRowsOverlay();
+                this.$emit(datasourceEventNames.noDataAvailable);
             }
             return;
         }
-        if (((_a = this.agTransaction.add) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            this.applyMappedAgTransaction({
-                add: this.agTransaction.add,
-                addIndex: this.agTransaction.addIndex,
-            }, OperationType.Add, this.agGrid.asyncAdd);
-        }
-        if (((_b = this.agTransaction.remove) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-            this.applyMappedAgTransaction({ remove: this.agTransaction.remove }, OperationType.Remove, this.agGrid.asyncRemove);
-        }
-        if (((_c = this.agTransaction.update) === null || _c === void 0 ? void 0 : _c.length) > 0) {
-            this.applyMappedAgTransaction({ update: this.agTransaction.update }, OperationType.Update, this.agGrid.asyncUpdate);
-        }
-    }
-    flashAddedCells(rowNodes) {
-        if (this.agGrid.enableRowFlashing && (rowNodes === null || rowNodes === void 0 ? void 0 : rowNodes.length)) {
-            this.agGrid.gridApi.flashCells({ rowNodes });
+        if (((_d = this.transactionData.add) === null || _d === void 0 ? void 0 : _d.length) > 0) {
+            this.applyMappedTransaction({
+                add: this.transactionData.add,
+                addIndex: this.transactionData.addIndex,
+            }, OperationType.Add);
         }
-    }
-    applyMappedAgTransaction(agTransaction, operation, isAsync) {
-        if (isAsync) {
-            this.applyTransactionAsync(this.mapTransaction(agTransaction, [operation]), (changedNodes) => {
-                this.flashAddedCells(changedNodes === null || changedNodes === void 0 ? void 0 : changedNodes.add);
-            });
+        if (((_e = this.transactionData.remove) === null || _e === void 0 ? void 0 : _e.length) > 0) {
+            this.applyMappedTransaction({ remove: this.transactionData.remove }, OperationType.Remove);
         }
-        else {
-            const changedNodes = this.applyTransaction(this.mapTransaction(agTransaction, [operation]));
-            this.flashAddedCells(changedNodes === null || changedNodes === void 0 ? void 0 : changedNodes.add);
+        if (((_f = this.transactionData.update) === null || _f === void 0 ? void 0 : _f.length) > 0) {
+            this.applyMappedTransaction({ update: this.transactionData.update }, OperationType.Update);
         }
     }
-    applyTransaction(agTransaction) {
-        throw new Error('Method not implemented.');
+    applyMappedTransaction(transaction, operation) {
+        const mappedTransaction = this.mapTransaction(transaction, [operation]);
+        this.$emit(datasourceEventNames.dataChanged, {
+            changes: mappedTransaction,
+        });
     }
-    applyTransactionAsync(agTransaction, callback) {
+    applyTransaction(transaction) {
         throw new Error('Method not implemented.');
     }
     /**
@@ -566,13 +540,11 @@ export class GridProBaseDatasource extends GenesisGridDatasourceElement {
         if (operations.includes(OperationType.Update)) {
             mappedTransaction.update = this.rowDataMapper(transaction.update, this.rowData);
         }
+        if (transaction.addIndex !== undefined) {
+            mappedTransaction.addIndex = transaction.addIndex;
+        }
         return mappedTransaction;
     }
-    get pagination() {
-        var _a, _b;
-        // This is a private property, but it's the only way to get the pagination status because grid-pro is the parent of the datasource.
-        return (_b = (_a = this.agGrid['_pagination']) !== null && _a !== void 0 ? _a : this.agGrid.pagination) !== null && _b !== void 0 ? _b : false;
-    }
     loadMore() {
         throw new Error('loadMore() method must be implemented by subclass');
     }
@@ -586,25 +558,26 @@ export class GridProBaseDatasource extends GenesisGridDatasourceElement {
         throw new Error('destroy() method must be implemented by subclass');
     }
     /**
-     * Sets or removes the ds-disconnected attribute on the grid element.
+     * Sets the disconnected state and emits appropriate events.
      * @param disconnected - true to set, false to remove
      */
     setDisconnected(disconnected) {
-        if (!this.agGrid)
-            return;
+        this._isDisconnected = disconnected;
         if (disconnected) {
-            this.agGrid.setAttribute('ds-disconnected', 'ds-disconnected');
+            this.$emit(datasourceEventNames.error, {
+                message: 'Datasource disconnected',
+                type: 'connection',
+            });
         }
         else {
-            this.agGrid.removeAttribute('ds-disconnected');
+            this.clearErrors();
         }
     }
     /**
-     * Returns true if the grid has the ds-disconnected attribute.
+     * Returns true if the datasource is disconnected.
      */
     isDisconnected() {
-        var _a;
-        return !!((_a = this.agGrid) === null || _a === void 0 ? void 0 : _a.hasAttribute('ds-disconnected'));
+        return this._isDisconnected;
     }
     /**
      * Helper function to extract configuration for status bar actions
@@ -627,27 +600,27 @@ export class GridProBaseDatasource extends GenesisGridDatasourceElement {
      * This method should be called by the grid to get status bar panels specific to this datasource.
      * @public
      */
-    getDatasourceStatusBarPanels(isServerSide) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+    getDatasourceStatusBarPanels(isServerSide, statusBarConfig) {
+        var _a, _b, _c, _d, _e, _f;
         const additionalPanels = [];
         // Extract loadMore configuration
-        const loadMoreConfig = this.getStatusBarActionConfig((_a = this.agGrid.statusBarConfig) === null || _a === void 0 ? void 0 : _a.loadMore);
+        const loadMoreConfig = this.getStatusBarActionConfig(statusBarConfig === null || statusBarConfig === void 0 ? void 0 : statusBarConfig.loadMore);
         // Add load more button if enabled and not server-side
         if (loadMoreConfig.enabled && !isServerSide) {
             const loadMoreParams = {};
             // Use custom callback if provided, otherwise leave undefined for default behavior
-            if ((_b = loadMoreConfig.config) === null || _b === void 0 ? void 0 : _b.onLoadMore) {
+            if ((_a = loadMoreConfig.config) === null || _a === void 0 ? void 0 : _a.onLoadMore) {
                 loadMoreParams.onLoadMore = loadMoreConfig.config.onLoadMore;
             }
             else {
                 loadMoreParams.onLoadMore = this.loadMore.bind(this);
             }
             // Add custom styling parameters
-            if ((_c = loadMoreConfig.config) === null || _c === void 0 ? void 0 : _c.appearance) {
+            if ((_b = loadMoreConfig.config) === null || _b === void 0 ? void 0 : _b.appearance) {
                 loadMoreParams.appearance = loadMoreConfig.config.appearance;
             }
             // Add tooltip - use custom tooltip if provided, otherwise use default
-            loadMoreParams.tooltip = ((_d = loadMoreConfig.config) === null || _d === void 0 ? void 0 : _d.tooltip) || 'Load More';
+            loadMoreParams.tooltip = ((_c = loadMoreConfig.config) === null || _c === void 0 ? void 0 : _c.tooltip) || 'Load More';
             additionalPanels.push({
                 statusPanel: GridProStatusBarTypes.loadMore,
                 statusPanelParams: loadMoreParams,
@@ -655,23 +628,23 @@ export class GridProBaseDatasource extends GenesisGridDatasourceElement {
             });
         }
         // Extract reload configuration
-        const reloadConfig = this.getStatusBarActionConfig((_e = this.agGrid.statusBarConfig) === null || _e === void 0 ? void 0 : _e.reload);
+        const reloadConfig = this.getStatusBarActionConfig(statusBarConfig === null || statusBarConfig === void 0 ? void 0 : statusBarConfig.reload);
         // Add reload button if enabled
         if (reloadConfig.enabled) {
             const reloadParams = {};
             // Use custom callback if provided, otherwise use default datasource reload
-            if ((_f = reloadConfig.config) === null || _f === void 0 ? void 0 : _f.onReload) {
+            if ((_d = reloadConfig.config) === null || _d === void 0 ? void 0 : _d.onReload) {
                 reloadParams.onReload = reloadConfig.config.onReload;
             }
             else {
                 reloadParams.onReload = this.reloadResourceData.bind(this);
             }
             // Add custom styling parameters
-            if ((_g = reloadConfig.config) === null || _g === void 0 ? void 0 : _g.icon) {
+            if ((_e = reloadConfig.config) === null || _e === void 0 ? void 0 : _e.icon) {
                 reloadParams.icon = reloadConfig.config.icon;
             }
             // Add tooltip - use custom tooltip if provided, otherwise use default
-            reloadParams.tooltip = ((_h = reloadConfig.config) === null || _h === void 0 ? void 0 : _h.tooltip) || 'Reload';
+            reloadParams.tooltip = ((_f = reloadConfig.config) === null || _f === void 0 ? void 0 : _f.tooltip) || 'Reload';
             additionalPanels.push({
                 statusPanel: GridProStatusBarTypes.reload,
                 statusPanelParams: reloadParams,

package/dist/esm/datasource/index.js

@@ -2,3 +2,4 @@ export * from './base.datasource';
 export * from './client-side.datasource';
 export * from './server-side.datasource';
 export * from './datasource.types';
+export * from './error-handler.dialog';