@adaptabletools/adaptable 10.0.1 → 10.0.4-canary.1

package/src/Api/Implementation/ColumnApiImpl.js

@@ -18,7 +18,7 @@ class ColumnApiImpl extends ApiBase_1.ApiBase {
             acc[colId] = true;
             return acc;
         }, {});
-        return this.getColumns().filter((c) => visibleCols[c.ColumnId]);
+        return this.getColumns().filter((c) => visibleCols[c.columnId]);
     }
     selectColumn(columnId) {
         this.adaptable.selectColumn(columnId);
@@ -51,7 +51,7 @@ class ColumnApiImpl extends ApiBase_1.ApiBase {
         // put this here as there might be other indicators we are not aware of
         // perhaps with non auto groups ?
         //https://www.ag-grid.com/javascript-grid-grouping/
-        return columnId.startsWith(GeneralConstants_1.AG_GRID_GROUPED_COLUMN);
+        return columnId === null || columnId === void 0 ? void 0 : columnId.startsWith(GeneralConstants_1.AG_GRID_GROUPED_COLUMN);
     }
     isCalculatedColumn(columnId) {
         return (this.adaptable.api.calculatedColumnApi
@@ -78,33 +78,33 @@ class ColumnApiImpl extends ApiBase_1.ApiBase {
         return false;
     }
     isNumericColumn(column) {
-        return column.DataType == Enums_1.DataType.Number;
+        return column.dataType == Enums_1.DataType.Number;
     }
     isBooleanColumn(column) {
-        return column.DataType == Enums_1.DataType.Boolean;
+        return column.dataType == Enums_1.DataType.Boolean;
     }
     isDateColumn(column) {
-        return column.DataType == Enums_1.DataType.Date;
+        return column.dataType == Enums_1.DataType.Date;
     }
     getColumnDataTypeFromColumnId(columnId) {
         const column = this.getColumnFromId(columnId); // this.getColumns().find(c => c.ColumnId == columnId);
         if (!column) {
             return undefined;
         }
-        return column.DataType;
+        return column.dataType;
     }
     getFriendlyNameFromColumn(columnId, column) {
         if (columnId.includes(GeneralConstants.MISSING_COLUMN)) {
             return columnId;
         }
         if (column) {
-            return column.FriendlyName;
+            return column.friendlyName;
         }
         this.LogMissingColumnWarning(columnId);
         return columnId + GeneralConstants.MISSING_COLUMN;
     }
     getFriendlyNameFromColumnId(columnId) {
-        const foundColumn = this.getColumns().find((c) => c.ColumnId == columnId);
+        const foundColumn = this.getColumns().find((c) => c.columnId == columnId);
         if (foundColumn) {
             return this.getFriendlyNameFromColumn(columnId, foundColumn);
         }
@@ -130,9 +130,9 @@ class ColumnApiImpl extends ApiBase_1.ApiBase {
         if (friendlyName.includes(GeneralConstants.MISSING_COLUMN)) {
             return friendlyName.replace(GeneralConstants.MISSING_COLUMN, ''); // Ids should stay "pure"
         }
-        const foundColumn = this.getColumns().find((c) => c.FriendlyName == friendlyName);
+        const foundColumn = this.getColumns().find((c) => c.friendlyName == friendlyName);
         if (foundColumn) {
-            return foundColumn.ColumnId;
+            return foundColumn.columnId;
         }
         this.LogMissingColumnWarning(friendlyName);
         return friendlyName + GeneralConstants.MISSING_COLUMN;
@@ -149,7 +149,7 @@ class ColumnApiImpl extends ApiBase_1.ApiBase {
     }
     getColumnsFromFriendlyNames(friendlyNames) {
         // not sure if this is right as might ignore bad cols
-        return friendlyNames.map((friendlyName) => this.getColumns().find((x) => x.FriendlyName == friendlyName));
+        return friendlyNames.map((friendlyName) => this.getColumns().find((x) => x.friendlyName == friendlyName));
     }
     getColumnsFromIds(columnIds, logWarning = true) {
         let returnCols = [];
@@ -166,7 +166,7 @@ class ColumnApiImpl extends ApiBase_1.ApiBase {
         if (ArrayExtensions_1.default.IsNullOrEmpty(this.getColumns())) {
             return null;
         }
-        const foundColumn = this.getColumns().find((c) => c.ColumnId == columnId);
+        const foundColumn = this.getColumns().find((c) => c.columnId == columnId);
         if (foundColumn) {
             return foundColumn;
         }
@@ -176,20 +176,13 @@ class ColumnApiImpl extends ApiBase_1.ApiBase {
         return undefined;
     }
     getColumnIdsFromId(columnId, logWarning = false) {
-        var _a;
         const col = this.getColumnFromId(columnId, logWarning);
         if (col) {
-            if (this.isCalculatedColumn(col.ColumnId)) {
-                const calculatedColumn = this.adaptable.api.calculatedColumnApi
-                    .getAllCalculatedColumn()
-                    .find((cc) => cc.ColumnId == col.ColumnId);
-                if (calculatedColumn) {
-                    const columnIds = this.adaptable.api.queryLanguageApi.getColumnsFromExpression((_a = calculatedColumn.Query) === null || _a === void 0 ? void 0 : _a.ScalarExpression);
-                    return columnIds;
-                }
+            if (this.isCalculatedColumn(col.columnId)) {
+                return this.adaptable.api.calculatedColumnApi.getReferencedColumnIdsForCalculatedColumnId(col.columnId);
             }
             else {
-                return [col.ColumnId];
+                return [col.columnId];
             }
         }
         return undefined;
@@ -202,7 +195,7 @@ class ColumnApiImpl extends ApiBase_1.ApiBase {
         if (ArrayExtensions_1.default.IsNullOrEmpty(this.getColumns())) {
             return null;
         }
-        const foundColumn = this.getColumns().find((c) => c.FriendlyName == columnName);
+        const foundColumn = this.getColumns().find((c) => c.friendlyName == columnName);
         if (foundColumn) {
             return foundColumn;
         }
@@ -230,36 +223,36 @@ class ColumnApiImpl extends ApiBase_1.ApiBase {
         }
     }
     getNumericColumns() {
-        return this.getColumns().filter((c) => c.DataType == Enums_1.DataType.Number);
+        return this.getColumns().filter((c) => c.dataType == Enums_1.DataType.Number);
     }
     getNumericArrayColumns() {
-        return this.getColumns().filter((c) => c.DataType == Enums_1.DataType.NumberArray);
+        return this.getColumns().filter((c) => c.dataType == Enums_1.DataType.NumberArray);
     }
     getStringColumns() {
-        return this.getColumns().filter((c) => c.DataType == Enums_1.DataType.String);
+        return this.getColumns().filter((c) => c.dataType == Enums_1.DataType.String);
     }
     getDateColumns() {
-        return this.getColumns().filter((c) => c.DataType == Enums_1.DataType.Date);
+        return this.getColumns().filter((c) => c.dataType == Enums_1.DataType.Date);
     }
     getBooleanColumns() {
-        return this.getColumns().filter((c) => c.DataType == Enums_1.DataType.Boolean);
+        return this.getColumns().filter((c) => c.dataType == Enums_1.DataType.Boolean);
     }
     getSortableColumns() {
-        return this.getColumns().filter((c) => c.Sortable);
+        return this.getColumns().filter((c) => c.sortable);
     }
     getGroupableColumns() {
-        return this.getColumns().filter((c) => c.Groupable);
+        return this.getColumns().filter((c) => c.groupable);
     }
     getPivotableColumns() {
-        return this.getColumns().filter((c) => c.Pivotable);
+        return this.getColumns().filter((c) => c.pivotable);
     }
     getAggregetableColumns() {
         return this.getColumns()
-            .filter((c) => c.Aggregatable)
-            .filter((c) => c.DataType == Enums_1.DataType.Number);
+            .filter((c) => c.aggregatable)
+            .filter((c) => c.dataType == Enums_1.DataType.Number);
     }
     getQueryableColumns() {
-        return this.getColumns().filter((c) => c.Queryable);
+        return this.getColumns().filter((c) => c.queryable);
     }
     LogMissingColumnWarning(columnId) {
         if (this.adaptable.adaptableOptions.generalOptions.showMissingColumnsWarning &&
@@ -282,6 +275,42 @@ class ColumnApiImpl extends ApiBase_1.ApiBase {
             return cv.displayValue;
         });
     }
+    async getDistinctFilterDisplayValuesForColumn(columnId, filter) {
+        const abColumn = this.getColumnFromId(columnId);
+        if (abColumn == undefined) {
+            return {
+                values: [],
+                suppressClientSideFilter: false,
+            };
+        }
+        const { gridCells, suppressClientSideFilter, } = await this.adaptable.getDistinctFilterValuesForColumn(abColumn, false, filter);
+        return {
+            values: this.sortDistinctValues(gridCells, abColumn).map((cv) => {
+                return cv.displayValue;
+            }),
+            suppressClientSideFilter,
+        };
+    }
+    async getDistinctCustomSortDisplayValuesForColumn(columnId) {
+        const abColumn = this.getColumnFromId(columnId);
+        if (abColumn == undefined) {
+            return [];
+        }
+        const gridCells = await this.adaptable.getDistinctCustomSortValuesForColumn(abColumn, false);
+        return this.sortDistinctValues(gridCells, abColumn).map((cv) => {
+            return cv.displayValue;
+        });
+    }
+    async getDistinctBulkUpdateDisplayValuesForColumn(columnId, selectedGridCells) {
+        const abColumn = this.getColumnFromId(columnId);
+        if (abColumn == undefined) {
+            return [];
+        }
+        const gridCells = await this.adaptable.getDistinctBulkUpdateValuesForColumn(abColumn, false, selectedGridCells);
+        return this.sortDistinctValues(gridCells, abColumn).map((cv) => {
+            return cv.displayValue;
+        });
+    }
     getDistinctVisibleDisplayValuesForColumn(columnId) {
         const abColumn = this.getColumnFromId(columnId);
         if (abColumn == undefined) {
@@ -316,7 +345,7 @@ class ColumnApiImpl extends ApiBase_1.ApiBase {
         // this does NOT into account Custom Sort - far too hard for now...
         let sortOrder = Enums_1.SortOrder.Asc;
         if (this.getFilterOptions().sortColumnValuesInFilter) {
-            let columnSort = this.adaptable.api.gridApi.getColumnSortForColumn(column.ColumnId);
+            let columnSort = this.adaptable.api.gridApi.getColumnSortForColumn(column.columnId);
             if (columnSort && columnSort.SortOrder == 'Desc') {
                 sortOrder = Enums_1.SortOrder.Desc;
             }
@@ -337,7 +366,7 @@ class ColumnApiImpl extends ApiBase_1.ApiBase {
     }
     getAllColumnFriendlyNames() {
         return this.getColumns().map((c) => {
-            return c.FriendlyName;
+            return c.friendlyName;
         });
     }
     usesAdaptableFilterForm(columnId) {
@@ -362,5 +391,9 @@ class ColumnApiImpl extends ApiBase_1.ApiBase {
         }
         return true;
     }
+    isColumnReferencedInExpression(columnId, expression) {
+        const colIds = this.adaptable.api.queryLanguageApi.getColumnsFromExpression(expression);
+        return colIds.some((c) => c === columnId);
+    }
 }
 exports.ColumnApiImpl = ColumnApiImpl;

package/src/Api/Implementation/ConfigApiImpl.d.ts

@@ -43,7 +43,7 @@ export declare class ConfigApiImpl extends ApiBase implements ConfigApi {
     setAdaptableStateKey(adaptableStateKey: string, config?: {
         predefinedConfig: PredefinedConfig;
         flushCurrentState?: boolean;
-    }): PromiseLike<any>;
+    }): Promise<any>;
     getDescriptionForModule(module: AdaptableModule): string;
     getHelpPageForModule(module: AdaptableModule): string;
     getUserStateByStateKey(stateKey: AdaptableStateKey, returnJson?: boolean): ConfigState | string;

package/src/Api/Implementation/ConfigApiImpl.js

@@ -132,24 +132,35 @@ class ConfigApiImpl extends ApiBase_1.ApiBase {
         return adaptableSortState;
     }
     setAdaptableStateKey(adaptableStateKey, config) {
-        this.adaptable.adaptableOptions.adaptableStateKey = adaptableStateKey;
-        const flushCurrentState = !config || config.flushCurrentState !== false;
-        // make sure we persist any "pending" changes to state - since stateOptions.debounceStateDelay can cause
-        // the state to be persisted with a delay, which we dont want in this case
-        const flushStatePromise = flushCurrentState
-            ? this.adaptable.adaptableStore.saveStateNow(this.adaptable)
-            : Promise.resolve(true);
-        return flushStatePromise.then(() => {
-            let predefinedConfig = config === null || config === void 0 ? void 0 : config.predefinedConfig;
-            if (predefinedConfig) {
-                predefinedConfig = AdaptableHelper_1.initPredefinedConfigWithUuids(predefinedConfig);
-            }
-            const promise = this.adaptable.adaptableStore.loadStore(this.adaptable, adaptableStateKey, predefinedConfig);
-            promise.then(() => {
-                this.adaptable.prepareGrid();
-                this.adaptable.api.internalApi.hideLoadingScreen();
+        return new Promise((resolve, reject) => {
+            this.adaptable.api.internalApi.executeWithProgressIndicator(`Initialising...`, () => {
+                this.adaptable.adaptableOptions.adaptableStateKey = adaptableStateKey;
+                const flushCurrentState = !config || config.flushCurrentState !== false;
+                // make sure we persist any "pending" changes to state - since stateOptions.debounceStateDelay can cause
+                // the state to be persisted with a delay, which we dont want in this case
+                const flushStatePromise = flushCurrentState
+                    ? this.adaptable.adaptableStore.saveStateNow(this.adaptable)
+                    : Promise.resolve(true);
+                flushStatePromise.then(() => {
+                    let predefinedConfig = config === null || config === void 0 ? void 0 : config.predefinedConfig;
+                    if (predefinedConfig) {
+                        predefinedConfig = AdaptableHelper_1.initPredefinedConfigWithUuids(predefinedConfig);
+                    }
+                    const promise = this.adaptable.adaptableStore.loadStore(this.adaptable, adaptableStateKey, predefinedConfig);
+                    promise
+                        .then(() => {
+                        this.adaptable.prepareGrid();
+                        this.adaptable.api.internalApi.hideLoadingScreen();
+                    })
+                        .then(() => {
+                        // resolve main(result) promise
+                        resolve();
+                    }, () => {
+                        // reject main(result) promise
+                        reject();
+                    });
+                });
             });
-            return promise;
         });
     }
     getDescriptionForModule(module) {

package/src/Api/Implementation/DashboardApiImpl.js

@@ -18,6 +18,7 @@ class DashboardApiImpl extends ApiBase_1.ApiBase {
         // so we debounced to only get tha latest call
         this.fireDashboardChangedEvent = (trigger, oldDashboardState, newDashboardState) => {
             const dashboardChangedInfo = {
+                adaptableApi: this.adaptable.api,
                 actionName: trigger,
                 oldDashboardState: oldDashboardState,
                 newDashboardState: newDashboardState,
@@ -39,7 +40,7 @@ class DashboardApiImpl extends ApiBase_1.ApiBase {
     getCustomDashboardButtonByLabel(buttonLabel) {
         const api = this.getAdaptableApi();
         const dashboardContext = {
-            api,
+            adaptableApi: api,
             dashboardState: api.dashboardApi.getDashboardState(),
         };
         return this.getDashboardOptions().customDashboardButtons.find((cb) => {

package/src/Api/Implementation/ExportApiImpl.js

@@ -103,7 +103,6 @@ class ExportApiImpl extends ApiBase_1.ApiBase {
         if (report.ReportRowScope == 'CustomRows' || report.ReportColumnScope == 'CustomColumns') {
             return false;
         }
-        let abColumn = this.adaptable.api.columnApi.getColumnFromId(dataChangedInfo.columnId);
         // Start with the DataChanged Column and go through all possibilities
         switch (report.ReportColumnScope) {
             case 'AllColumns':
@@ -111,21 +110,22 @@ class ExportApiImpl extends ApiBase_1.ApiBase {
                 break;
             case 'ScopeColumns':
                 // use the Scope object which will tell us if the Column is relevant
-                if (!this.adaptable.api.scopeApi.isColumnInScopeColumns(abColumn, report.Scope)) {
+                if (!this.adaptable.api.scopeApi.isColumnInScopeColumns(dataChangedInfo.column, report.Scope)) {
                     return false;
                 }
                 break;
             case 'SelectedColumns':
                 let selectedCellInfo = this.adaptable.api.gridApi.getSelectedCellInfo();
                 if (selectedCellInfo) {
-                    if (selectedCellInfo.columns.find((c) => c.ColumnId == dataChangedInfo.columnId) == null) {
+                    if (selectedCellInfo.columns.find((c) => c.columnId == dataChangedInfo.column.columnId) ==
+                        null) {
                         return false;
                     }
                 }
                 break;
             case 'VisibleColumns':
                 //  hope that visibile column property is updated whenever the layout changes... (need to check!)
-                if (!abColumn.Visible) {
+                if (!dataChangedInfo.column.visible) {
                     return false;
                 }
                 break;

package/src/Api/Implementation/FormatColumnApiImpl.js

@@ -243,7 +243,7 @@ class FormatColumnApiImpl extends ApiBase_1.ApiBase {
     }
     getCheckBoxStyleFormatColumn(column) {
         var _a;
-        if (column.DataType != 'Boolean') {
+        if (column.dataType != 'Boolean') {
             return undefined;
         }
         const checkBoxFormatColumns = (_a = this.getFormatColumnState().FormatColumns) === null || _a === void 0 ? void 0 : _a.filter((fc) => { var _a; return (_a = fc.ColumnStyle) === null || _a === void 0 ? void 0 : _a.CheckBoxStyle; });
@@ -256,6 +256,7 @@ class FormatColumnApiImpl extends ApiBase_1.ApiBase {
     }
     fireCheckboxColumnClickedEvent(columnId, rowData, primaryKeyValue, isChecked) {
         let checkboxColumnClickedInfo = {
+            adaptableApi: this.adaptable.api,
             column: this.adaptable.api.columnApi.getColumnFromId(columnId),
             rowData: rowData,
             primaryKeyValue: primaryKeyValue,

package/src/Api/Implementation/FreeTextColumnApiImpl.js

@@ -68,7 +68,8 @@ class FreeTextColumnApiImpl extends ApiBase_1.ApiBase {
         }
     }
     createFreeTextColumn({ columnName, columnId, defaultValue = null, }) {
-        let freeTextColumn = ObjectFactory_1.ObjectFactory.CreateEmptyFreeTextColumn();
+        let freeTextColumn = ObjectFactory_1.ObjectFactory.CreateEmptyFreeTextColumn(this.adaptable.api.internalApi.getAdaptableOptions().filterOptions
+            .enableFilterOnSpecialColumns);
         freeTextColumn.ColumnId = columnId;
         freeTextColumn.FriendlyName = columnName || columnId;
         freeTextColumn.DefaultValue = defaultValue;
@@ -103,14 +104,19 @@ class FreeTextColumnApiImpl extends ApiBase_1.ApiBase {
         }
     }
     checkFreeTextColumnForDataChange(dataChangedInfo) {
-        let freeTextColumn = this.getAllFreeTextColumn().find((fc) => fc.ColumnId == dataChangedInfo.columnId);
+        let freeTextColumn = this.getAllFreeTextColumn().find((fc) => fc.ColumnId == dataChangedInfo.column.columnId);
         if (freeTextColumn) {
             let freeTextStoredValue = {
                 PrimaryKey: dataChangedInfo.primaryKeyValue,
                 FreeText: dataChangedInfo.newValue,
             };
             this.addEditFreeTextColumnStoredValue(freeTextColumn, freeTextStoredValue);
-            this.adaptable.refreshCells([dataChangedInfo.rowNode], [dataChangedInfo.columnId], false);
+            var colsToRefresh = [dataChangedInfo.column.columnId];
+            const refencedCalcColumns = this.adaptable.api.calculatedColumnApi.getCalculatedColumnsReferencingColumnId(dataChangedInfo.column.columnId);
+            refencedCalcColumns.forEach((calculatedColumn) => {
+                colsToRefresh.push(calculatedColumn.ColumnId);
+            });
+            this.adaptable.refreshCells([dataChangedInfo.rowNode], colsToRefresh, false);
         }
     }
     getFreeTextColumnModuleReferences(freeTextColumn) {

package/src/Api/Implementation/GridApiImpl.d.ts

@@ -13,12 +13,19 @@ import { GridCellRange } from '../../PredefinedConfig/Selection/GridCellRange';
 export declare class GridApiImpl extends ApiBase implements GridApi {
     getGridState(): GridState;
     setGridData(dataSource: any): void;
+    getGridData(): any[];
+    getFilteredData(): any[];
     loadGridData(dataSource: any): void;
     updateGridData(dataRows: any[], dataUpdateConfig?: DataUpdateConfig): void;
     addGridData(dataRows: any[], dataUpdateConfig?: DataUpdateConfig): void;
     undoCellEdit(dataChangedInfo: DataChangedInfo): boolean;
     deleteGridData(dataRows: any[], dataUpdateConfig?: DataUpdateConfig): void;
     setCellValue(columnId: string, newValue: any, primaryKeyValue: any): void;
+    setCellsValue(gridCells: {
+        columnId: any;
+        newValue: any;
+        primaryKeyValue: any;
+    }[]): void;
     getSelectedCellInfo(): SelectedCellInfo;
     getSelectedRowInfo(): SelectedRowInfo;
     getCellDisplayValue(primaryKeyValue: any, columnId: string): any | undefined;
@@ -76,6 +83,7 @@ export declare class GridApiImpl extends ApiBase implements GridApi {
     unhighlightCell(cellHighlightInfo: CellHighlightInfo): void;
     unhighlightAllCells(): void;
     refreshCells(rowNodes: RowNode[], columnIds: string[]): void;
+    refreshRow(primaryKey: string): void;
     areCellsEditable(gridCells: GridCell[]): boolean;
     getRowCount(): number;
     getVisibleRowCount(): number;
@@ -85,4 +93,5 @@ export declare class GridApiImpl extends ApiBase implements GridApi {
     selectAll(): void;
     deselectAll(): void;
     destroy(): void;
+    getGridContainerElement(): HTMLElement | null;
 }

package/src/Api/Implementation/GridApiImpl.js

@@ -12,6 +12,12 @@ class GridApiImpl extends ApiBase_1.ApiBase {
     setGridData(dataSource) {
         this.adaptable.setDataSource(dataSource);
     }
+    getGridData() {
+        return this.adaptable.getGridData();
+    }
+    getFilteredData() {
+        return this.adaptable.getFilteredData();
+    }
     loadGridData(dataSource) {
         this.adaptable.loadDataSource(dataSource);
     }
@@ -26,7 +32,7 @@ class GridApiImpl extends ApiBase_1.ApiBase {
     undoCellEdit(dataChangedInfo) {
         // for the reason of this hacky solution see the comments in DataService
         this.adaptable.api.internalApi.getDataService().logUndoChange(dataChangedInfo);
-        this.setCellValue(dataChangedInfo.columnId, dataChangedInfo.oldValue, dataChangedInfo.primaryKeyValue);
+        this.setCellValue(dataChangedInfo.column.columnId, dataChangedInfo.oldValue, dataChangedInfo.primaryKeyValue);
         return true;
     }
     deleteGridData(dataRows, dataUpdateConfig) {
@@ -36,20 +42,23 @@ class GridApiImpl extends ApiBase_1.ApiBase {
         }
     }
     setCellValue(columnId, newValue, primaryKeyValue) {
-        let gridCell = {
+        const abColumn = this.adaptable.api.columnApi.getColumnFromId(columnId);
+        if (!abColumn || abColumn.readOnly) {
+            return;
+        }
+        const gridCell = {
             primaryKeyValue: primaryKeyValue,
-            columnId: columnId,
             rawValue: newValue,
             displayValue: newValue,
             normalisedValue: newValue,
             rowNode: this.getRowNodeForPrimaryKey(primaryKeyValue),
+            column: abColumn,
         };
-        const abColumn = this.adaptable.api.columnApi.getColumnFromId(columnId);
-        if (!abColumn || abColumn.ReadOnly) {
-            return;
-        }
         this.adaptable.api.internalApi.setGridCell(gridCell);
     }
+    setCellsValue(gridCells) {
+        gridCells === null || gridCells === void 0 ? void 0 : gridCells.forEach((gridCell) => this.setCellValue(gridCell.columnId, gridCell.newValue, gridCell.primaryKeyValue));
+    }
     getSelectedCellInfo() {
         return this.getGridState().SelectedCellInfo;
     }
@@ -161,7 +170,7 @@ class GridApiImpl extends ApiBase_1.ApiBase {
         return gridCell ? gridCell.displayValue : undefined;
     }
     getFormattedValueFromRawValue(columnId, rawValue) {
-        return this.adaptable.getDisplayValueFromRawValue(columnId, rawValue, true);
+        return this.adaptable.getDisplayValueFromRawValue(columnId, rawValue);
     }
     getNormalisedValueFromRowNode(rowNode, columnId) {
         const gridCell = this.getGridCellFromRowNode(rowNode, columnId);
@@ -221,6 +230,7 @@ class GridApiImpl extends ApiBase_1.ApiBase {
             const adaptableSearchState = this.adaptable.api.configApi.getAdaptableSearchState();
             const adaptableSortState = this.adaptable.api.configApi.getAdaptableSortState();
             const searchChangedInfo = {
+                adaptableApi: this.adaptable.api,
                 searchChangedTrigger,
                 adaptableSearchState: adaptableSearchState,
                 adaptableSortState: adaptableSortState,
@@ -231,6 +241,7 @@ class GridApiImpl extends ApiBase_1.ApiBase {
     fireCellChangedEvent(dataChangedInfo) {
         if (this.adaptable.isInitialised) {
             const cellChangedInfo = {
+                adaptableApi: this.adaptable.api,
                 cellChange: dataChangedInfo,
             };
             this.adaptable.api.eventApi.emit('CellChanged', cellChangedInfo);
@@ -239,6 +250,7 @@ class GridApiImpl extends ApiBase_1.ApiBase {
     fireGridDataChangedEvent(dataRows, rowTigger) {
         if (this.adaptable.isInitialised) {
             const gridDataChangedInfo = {
+                adaptableApi: this.adaptable.api,
                 rowTigger: rowTigger,
                 dataRows: dataRows,
             };
@@ -273,12 +285,15 @@ class GridApiImpl extends ApiBase_1.ApiBase {
     refreshCells(rowNodes, columnIds) {
         this.adaptable.refreshCells(rowNodes, columnIds, true);
     }
+    refreshRow(primaryKey) {
+        const rowNode = this.getRowNodeForPrimaryKey(primaryKey);
+        this.adaptable.redrawRow(rowNode);
+    }
     areCellsEditable(gridCells) {
         let returnValue = true;
         gridCells.forEach((gridCell) => {
             if (returnValue) {
-                let abColumn = this.adaptable.api.columnApi.getColumnFromId(gridCell.columnId);
-                if (abColumn.ReadOnly) {
+                if (gridCell.column.readOnly) {
                     returnValue = false;
                     return;
                 }
@@ -318,5 +333,8 @@ class GridApiImpl extends ApiBase_1.ApiBase {
     destroy() {
         this.adaptable.destroy();
     }
+    getGridContainerElement() {
+        return this.adaptable.getGridContainerElement();
+    }
 }
 exports.GridApiImpl = GridApiImpl;

package/src/Api/Implementation/InternalApiImpl.d.ts

@@ -73,7 +73,7 @@ export declare class InternalApiImpl extends ApiBase implements InternalApi {
     setGridCells(gridCells: GridCell[]): void;
     setToolbarTitle(): string;
     setGridCell(gridCell: GridCell): void;
-    buildDataChangedInfo(config: Pick<DataChangedInfo, 'newValue' | 'oldValue' | 'columnId' | 'primaryKeyValue' | 'rowNode' | 'trigger'>): DataChangedInfo;
+    buildDataChangedInfo(config: Pick<DataChangedInfo, 'newValue' | 'oldValue' | 'column' | 'primaryKeyValue' | 'rowNode' | 'trigger'>): DataChangedInfo;
     private createDataChangedInfoFromGridCell;
     setLastAppliedShortCut(gridCell: GridCell | undefined): void;
     updateCurrentDraftLayout(layout: Layout): void;
@@ -113,5 +113,7 @@ export declare class InternalApiImpl extends ApiBase implements InternalApi {
     destroyFrameworkComponent(containerDomNode: HTMLElement, frameworkComponent: AdaptableFrameworkComponent, componentType: 'toolPanel' | 'toolbar'): void;
     initializeDataChangeHistory(): void;
     isTextComparisonCaseSensitive(): boolean;
+    executeWithProgressIndicator(label: string, executeFn: () => void): void;
+    hideProgressIndicator(): void;
     dispatchReduxAction(action: Action): void;
 }

package/src/Api/Implementation/InternalApiImpl.js

@@ -144,7 +144,7 @@ class InternalApiImpl extends ApiBase_1.ApiBase {
         this.dispatchAction(GridRedux.GridAddColumns(AdaptableColumns));
     }
     removeAdaptableColumn(colId) {
-        const col = this.getAdaptableState().Grid.Columns.find((c) => c.ColumnId === colId);
+        const col = this.getAdaptableState().Grid.Columns.find((c) => c.columnId === colId);
         if (col) {
             this.dispatchAction(GridRedux.GridRemoveColumn(col));
         }
@@ -175,12 +175,12 @@ class InternalApiImpl extends ApiBase_1.ApiBase {
         return Object.assign(Object.assign({}, config), { rowData: (_a = config.rowNode) === null || _a === void 0 ? void 0 : _a.data, changedAt: Date.now() });
     }
     createDataChangedInfoFromGridCell(gridCell) {
-        let currentValue = this.adaptable.getDisplayValue(gridCell.primaryKeyValue, gridCell.columnId);
+        let currentValue = this.adaptable.getDisplayValue(gridCell.primaryKeyValue, gridCell.column.columnId);
         const currentRowNode = this.adaptable.getRowNodeForPrimaryKey(gridCell.primaryKeyValue);
         const dataChangedInfo = this.buildDataChangedInfo({
             oldValue: currentValue,
             newValue: gridCell.rawValue,
-            columnId: gridCell.columnId,
+            column: gridCell.column,
             primaryKeyValue: gridCell.primaryKeyValue,
             rowNode: currentRowNode,
         });
@@ -272,7 +272,7 @@ class InternalApiImpl extends ApiBase_1.ApiBase {
     }
     getCustomSortComparer(column) {
         var _a;
-        return (_a = this.getGeneralOptions().customSortComparers) === null || _a === void 0 ? void 0 : _a.find((csc) => csc.columnId == column.ColumnId);
+        return (_a = this.getGeneralOptions().customSortComparers) === null || _a === void 0 ? void 0 : _a.find((csc) => csc.columnId == column.columnId);
     }
     getLabelForButton(button, context) {
         if (!button.label) {
@@ -394,6 +394,22 @@ class InternalApiImpl extends ApiBase_1.ApiBase {
     isTextComparisonCaseSensitive() {
         return this.adaptable.adaptableOptions.generalOptions.caseSensitiveTextComparisons;
     }
+    executeWithProgressIndicator(label, executeFn) {
+        this.dispatchReduxAction(SystemRedux_1.SystemProgressIndicatorShow(label));
+        // setTimeout required to give the ProgressIndicator rendering a head-start (see RAF in ProgressIndicator implementation)
+        setTimeout(() => {
+            try {
+                executeFn();
+            }
+            catch (error) {
+                this.hideProgressIndicator();
+                LoggingHelper_1.LogAdaptableError('Unexpected error while executing a function with a progress indicator', error);
+            }
+        }, 16);
+    }
+    hideProgressIndicator() {
+        this.dispatchReduxAction(SystemRedux_1.SystemProgressIndicatorHide());
+    }
     // General way to get to store from inside Adaptable...
     dispatchReduxAction(action) {
         this.dispatchAction(action);

package/src/Api/Implementation/LayoutApiImpl.js

@@ -50,6 +50,7 @@ class LayoutApiImpl extends ApiBase_1.ApiBase {
     }
     fireLayoutChangedEvent(trigger, oldSate, newState) {
         const layoutChangedInfo = {
+            adaptableApi: this.adaptable.api,
             actionName: trigger,
             oldLayoutState: oldSate,
             newLayoutState: newState,
@@ -188,9 +189,9 @@ class LayoutApiImpl extends ApiBase_1.ApiBase {
         let gridState = this.getAdaptableApi().gridApi.getGridState();
         let layoutState = this.getLayoutState();
         const isLayoutDefined = (layoutName) => !!layoutState.Layouts.filter((layout) => layout.Name === layoutName)[0];
-        let defaultLayoutColumns = gridState.Columns.filter((column) => column.Visible);
+        let defaultLayoutColumns = gridState.Columns.filter((column) => column.visible);
         const columnsMap = gridState.Columns.reduce((acc, col) => {
-            acc[col.ColumnId] = col;
+            acc[col.columnId] = col;
             return acc;
         }, {});
         let shouldCreateDefaultLayout = this.getLayoutOptions().createDefaultLayout;
@@ -201,7 +202,7 @@ class LayoutApiImpl extends ApiBase_1.ApiBase {
             if (!layoutState.Layouts || !isLayoutDefined(GeneralConstants_1.DEFAULT_LAYOUT)) {
                 let defaultLayout = ObjectFactory_1.default.CreateEmptyLayout({
                     Name: GeneralConstants_1.DEFAULT_LAYOUT,
-                    Columns: defaultLayoutColumns.map((c) => c.ColumnId),
+                    Columns: defaultLayoutColumns.map((c) => c.columnId),
                 }, gridState.Columns);
                 this.saveLayout(defaultLayout);
                 return defaultLayout;