@adaptabletools/adaptable 11.1.2 → 11.1.5

package/src/Utilities/Services/ReportService.js

@@ -11,9 +11,9 @@ const FormatHelper_1 = tslib_1.__importStar(require("../Helpers/FormatHelper"));
 const StringExtensions_1 = tslib_1.__importDefault(require("../Extensions/StringExtensions"));
 const ModuleConstants_1 = require("../Constants/ModuleConstants");
 class ReportService {
-    constructor(adaptable) {
-        this.adaptable = adaptable;
-        this.adaptable = adaptable;
+    constructor(adaptableApi) {
+        this.adaptableApi = adaptableApi;
+        this.adaptableApi = adaptableApi;
     }
     CreateSystemReport(systemReportName) {
         switch (systemReportName) {
@@ -74,10 +74,10 @@ class ReportService {
     }
     IsSystemReportActive(reportName) {
         if (reportName == GeneralConstants_1.SELECTED_CELLS_REPORT || reportName == GeneralConstants_1.SELECTED_ROWS_REPORT) {
-            return this.adaptable.isGridSelectable();
+            return this.adaptableApi.gridApi.isGridSelectable();
         }
         if (reportName === GeneralConstants_1.VISUAL_DATA_REPORT) {
-            return this.adaptable.api.exportApi
+            return this.adaptableApi.exportApi
                 .getAvailableExportDestinations()
                 .includes(Enums_1.ExportDestination.Excel);
         }
@@ -85,22 +85,26 @@ class ReportService {
     }
     IsSystemExportDestinationActive(exportDestination) {
         if (exportDestination === Enums_1.ExportDestination.Excel) {
-            return this.adaptable.canExportToExcel();
+            return this.adaptableApi.exportApi.canExportToExcel();
         }
         return true;
     }
     GetReportColumnScopeShortDescription(report) {
+        var _a, _b;
         switch (report.ReportColumnScope) {
             case Enums_1.ReportColumnScope.AllColumns:
-                return '[All Columns]';
+                return ['[All Columns]'];
             case Enums_1.ReportColumnScope.VisibleColumns:
-                return '[Visible Columns]';
+                return ['[Visible Columns]'];
             case Enums_1.ReportColumnScope.SelectedColumns:
-                return '[Selected Columns]';
+                return ['[Selected Columns]'];
             case Enums_1.ReportColumnScope.ScopeColumns:
-                return '[Bespoke Columns]';
+                if ('ColumnIds' in (report === null || report === void 0 ? void 0 : report.Scope)) {
+                    return (_b = (_a = report.Scope.ColumnIds).map) === null || _b === void 0 ? void 0 : _b.call(_a, (columnId) => { var _a; return (_a = this.adaptableApi.columnApi.getFriendlyNameFromColumnId(columnId)) !== null && _a !== void 0 ? _a : columnId; });
+                }
+                return ['[Bespoke Columns]'];
             case Enums_1.ReportColumnScope.CustomColumns:
-                return '[Custom Columns]';
+                return ['[Custom Columns]'];
         }
     }
     GetReportColumnScopeLongDescription(report) {
@@ -112,7 +116,7 @@ class ReportService {
             case Enums_1.ReportColumnScope.SelectedColumns:
                 return '[Selected Columns]';
             case Enums_1.ReportColumnScope.ScopeColumns:
-                return this.adaptable.api.scopeApi.getScopeDescription(report.Scope);
+                return this.adaptableApi.scopeApi.getScopeDescription(report.Scope);
             case Enums_1.ReportColumnScope.CustomColumns:
                 return '[Custom Columns]';
         }
@@ -153,7 +157,7 @@ class ReportService {
     }
     GetReportColumnsForReport(report, includePrimaryKey = false) {
         let reportColumns = [];
-        let gridColumns = this.adaptable.api.columnApi.getColumns();
+        let gridColumns = this.adaptableApi.columnApi.getColumns();
         // first get the cols depending on the Column Scope
         switch (report.ReportColumnScope) {
             case Enums_1.ReportColumnScope.AllColumns:
@@ -164,17 +168,17 @@ class ReportService {
                 break;
             case Enums_1.ReportColumnScope.SelectedColumns:
                 // we extract the selected columns from the grid columns to preserve the grid column order
-                const selectedColumnIds = this.adaptable.api.gridApi
+                const selectedColumnIds = this.adaptableApi.gridApi
                     .getSelectedCellInfo()
                     .columns.map((column) => column.columnId);
                 reportColumns = gridColumns.filter((gridColumn) => selectedColumnIds.includes(gridColumn.columnId));
                 break;
             case Enums_1.ReportColumnScope.ScopeColumns:
                 if ('ColumnIds' in report.Scope) {
-                    reportColumns = report.Scope.ColumnIds.map((columnId) => this.adaptable.api.columnApi.getColumnFromId(columnId)).filter((c) => c);
+                    reportColumns = report.Scope.ColumnIds.map((columnId) => this.adaptableApi.columnApi.getColumnFromId(columnId)).filter((c) => c);
                 }
                 else {
-                    reportColumns = this.adaptable.api.scopeApi.getColumnsForScope(report.Scope);
+                    reportColumns = this.adaptableApi.scopeApi.getColumnsForScope(report.Scope);
                 }
                 break;
             case Enums_1.ReportColumnScope.CustomColumns:
@@ -182,11 +186,11 @@ class ReportService {
                 break;
         }
         if (includePrimaryKey) {
-            const pkColumn = reportColumns.find((column) => column.columnId === this.adaptable.adaptableOptions.primaryKey);
+            const pkColumn = reportColumns.find((column) => column.columnId === this.adaptableApi.internalApi.getAdaptableOptions().primaryKey);
             // TODO simplify after we fix the IsPrimaryKey bug
             // const pkColumn = reportColumns.find(column => column.IsPrimaryKey);
-            if (!pkColumn && !!this.adaptable.api.columnApi.getPrimaryKeyColumn()) {
-                reportColumns.push(this.adaptable.api.columnApi.getPrimaryKeyColumn());
+            if (!pkColumn && !!this.adaptableApi.columnApi.getPrimaryKeyColumn()) {
+                reportColumns.push(this.adaptableApi.columnApi.getPrimaryKeyColumn());
             }
         }
         return reportColumns;
@@ -206,7 +210,7 @@ class ReportService {
         const columnIds = columns.map((column) => column.columnId);
         switch (report.ReportRowScope) {
             case Enums_1.ReportRowScope.AllRows:
-                this.adaptable.forAllRowNodesDo((rowNode) => {
+                this.adaptableApi.internalApi.forAllRowNodesDo((rowNode) => {
                     // skip row groups
                     if (!rowNode.group) {
                         data.rows.push(this.getRowObjectForColumnIds(rowNode, columnIds));
@@ -214,7 +218,7 @@ class ReportService {
                 });
                 break;
             case Enums_1.ReportRowScope.VisibleRows:
-                this.adaptable.forAllVisibleRowNodesDo((rowNode) => {
+                this.adaptableApi.internalApi.forAllVisibleRowNodesDo((rowNode) => {
                     // skip row groups
                     if (!rowNode.group) {
                         data.rows.push(this.getRowObjectForColumnIds(rowNode, columnIds));
@@ -222,9 +226,9 @@ class ReportService {
                 });
                 break;
             case Enums_1.ReportRowScope.ExpressionRows:
-                this.adaptable.forAllRowNodesDo((rowNode) => {
+                this.adaptableApi.internalApi.forAllRowNodesDo((rowNode) => {
                     var _a;
-                    if (this.adaptable.api.internalApi
+                    if (this.adaptableApi.internalApi
                         .getQueryLanguageService()
                         .evaluateBooleanExpression((_a = report.Query) === null || _a === void 0 ? void 0 : _a.BooleanExpression, ModuleConstants_1.ExportModuleId, rowNode)) {
                         data.rows.push(this.getRowObjectForColumnIds(rowNode, columnIds));
@@ -232,30 +236,31 @@ class ReportService {
                 });
                 break;
             case Enums_1.ReportRowScope.SelectedCellRows:
-                const selectedCellInfo = this.adaptable.api.gridApi.getSelectedCellInfo();
+                const selectedCellInfo = this.adaptableApi.gridApi.getSelectedCellInfo();
                 const { gridCells: GridCells } = selectedCellInfo;
                 let selectedCellsByPrimaryKey = groupBy_1.default(GridCells, 'primaryKeyValue');
                 // we iterate over all visibleRowNodes to preserve the current order
-                this.adaptable.forAllVisibleRowNodesDo((rowNode) => {
-                    const rowPrimaryKeyValue = this.adaptable.getPrimaryKeyValueFromRowNode(rowNode);
+                this.adaptableApi.internalApi.forAllVisibleRowNodesDo((rowNode) => {
+                    const rowPrimaryKeyValue = this.adaptableApi.gridApi.getPrimaryKeyValueForRowNode(rowNode);
                     const selectedRowCells = selectedCellsByPrimaryKey[rowPrimaryKeyValue];
                     if (selectedRowCells) {
                         const selectedRowColumnIds = selectedRowCells.map((rowCell) => rowCell.column.columnId);
                         const selectedColumnIds = columnIds.filter((columnId) => selectedRowColumnIds.includes(columnId));
                         const row = this.getRowObjectForColumnIds(rowNode, selectedColumnIds);
                         if (includePrimaryKey) {
-                            row[this.adaptable.adaptableOptions.primaryKey] = rowPrimaryKeyValue;
+                            row[this.adaptableApi.internalApi.getAdaptableOptions().primaryKey] =
+                                rowPrimaryKeyValue;
                         }
                         data.rows.push(row);
                     }
                 });
                 break;
             case Enums_1.ReportRowScope.SelectedRows:
-                const selectedRowInfo = this.adaptable.api.gridApi.getSelectedRowInfo();
+                const selectedRowInfo = this.adaptableApi.gridApi.getSelectedRowInfo();
                 const selectedGridRowPrimaryKeys = (_b = (_a = selectedRowInfo === null || selectedRowInfo === void 0 ? void 0 : selectedRowInfo.gridRows) === null || _a === void 0 ? void 0 : _a.filter((gr) => gr.rowInfo.isGroup == false).map((gridRow) => gridRow.primaryKeyValue)) !== null && _b !== void 0 ? _b : [];
                 if (selectedGridRowPrimaryKeys.length) {
-                    this.adaptable.forAllRowNodesDo((rowNode) => {
-                        const rowPrimaryKeyValue = this.adaptable.getPrimaryKeyValueFromRowNode(rowNode);
+                    this.adaptableApi.internalApi.forAllRowNodesDo((rowNode) => {
+                        const rowPrimaryKeyValue = this.adaptableApi.gridApi.getPrimaryKeyValueForRowNode(rowNode);
                         if (selectedGridRowPrimaryKeys.includes(rowPrimaryKeyValue)) {
                             data.rows.push(this.getRowObjectForColumnIds(rowNode, columnIds));
                         }
@@ -263,7 +268,7 @@ class ReportService {
                 }
                 break;
             case Enums_1.ReportRowScope.CustomRows:
-                const reportData = this.adaptable.api.exportApi.runCustomReport(report.Name);
+                const reportData = this.adaptableApi.exportApi.runCustomReport(report.Name);
                 return reportData;
             //  break;
         }
@@ -287,21 +292,21 @@ class ReportService {
     }
     PublishLiveLiveDataChangedEvent(reportDestination, liveDataTrigger, liveReport) {
         const liveDataChangedInfo = {
-            adaptableApi: this.adaptable.api,
+            adaptableApi: this.adaptableApi,
             reportDestination: reportDestination,
             liveDataTrigger: liveDataTrigger,
             liveReport: liveReport,
         };
-        this.adaptable.api.eventApi.emit('LiveDataChanged', liveDataChangedInfo);
+        this.adaptableApi.eventApi.emit('LiveDataChanged', liveDataChangedInfo);
     }
     getCellExportValueFromRowNode(rowNode, columnId) {
-        return this.getCellExportValueFromRawValue(this.adaptable.getRawValueFromRowNode(rowNode, columnId), columnId);
+        return this.getCellExportValueFromRawValue(this.adaptableApi.gridApi.getRawValueFromRowNode(rowNode, columnId), columnId);
     }
     getCellExportValueFromRawValue(cellRawValue, columnId) {
         if (StringExtensions_1.default.IsNullOrEmpty(cellRawValue)) {
             return cellRawValue;
         }
-        const columnType = this.adaptable.api.columnApi.getColumnDataTypeFromColumnId(columnId);
+        const columnType = this.adaptableApi.columnApi.getColumnDataTypeFromColumnId(columnId);
         // if this is a date column and there is a custom export date format provided, that will take precedence
         if (columnType === 'Date' && !!this.getCustomExportDateFormat()) {
             const exportDateFormat = this.getCustomExportDateFormat();
@@ -315,7 +320,7 @@ class ReportService {
     }
     getReportFileName(reportName) {
         let fileName = StringExtensions_1.default.ReplaceEmptySpacesWithUnderscore(reportName);
-        if (this.adaptable.adaptableOptions.exportOptions.appendFileTimestamp) {
+        if (this.adaptableApi.internalApi.getAdaptableOptions().exportOptions.appendFileTimestamp) {
             fileName = `${fileName}_${FormatHelper_1.DateFormatter(new Date(), {
                 Pattern: 'yyyyMMdd_HHmmss',
             })}`;
@@ -326,7 +331,7 @@ class ReportService {
         // TO DO
     }
     getCustomExportDateFormat() {
-        return this.adaptable.adaptableOptions.exportOptions.exportDateFormat;
+        return this.adaptableApi.internalApi.getAdaptableOptions().exportOptions.exportDateFormat;
     }
     getCellExportValueFromRawValueByType(cellRawValue, columnId, 
     // default to rawValue if, for some reason, the configs provide invalid values
@@ -334,22 +339,23 @@ class ReportService {
         return type === 'rawValue'
             ? cellRawValue
             : // type === formattedValue
-                this.adaptable.getDisplayValueFromRawValue(columnId, cellRawValue);
+                this.adaptableApi.gridApi.getFormattedValueFromRawValue(columnId, cellRawValue);
     }
     computeCellExportValueFormat(columnType) {
-        if (this.adaptable.adaptableOptions.exportOptions.exportFormatType === 'rawValue' ||
-            this.adaptable.adaptableOptions.exportOptions.exportFormatType === 'formattedValue') {
-            return this.adaptable.adaptableOptions.exportOptions.exportFormatType;
+        const exportOptions = this.adaptableApi.internalApi.getAdaptableOptions().exportOptions;
+        if (exportOptions.exportFormatType === 'rawValue' ||
+            exportOptions.exportFormatType === 'formattedValue') {
+            return exportOptions.exportFormatType;
         }
         // format is customized based on column data type
         switch (columnType) {
             case 'String':
-                return this.adaptable.adaptableOptions.exportOptions.exportFormatType.string;
+                return exportOptions.exportFormatType.string;
             case 'Number':
             case 'NumberArray':
-                return this.adaptable.adaptableOptions.exportOptions.exportFormatType.number;
+                return exportOptions.exportFormatType.number;
             case 'Date':
-                return this.adaptable.adaptableOptions.exportOptions.exportFormatType.date;
+                return exportOptions.exportFormatType.date;
             default:
                 // default to rawValue for all other column types
                 return 'rawValue';

package/src/Utilities/Services/TeamSharingService.d.ts

@@ -1,13 +1,13 @@
 import { ITeamSharingService } from './Interface/ITeamSharingService';
-import { IAdaptable } from '../../AdaptableInterfaces/IAdaptable';
 import { AdaptableModule } from '../../PredefinedConfig/Common/Types';
 import { AdaptableObject } from '../../PredefinedConfig/Common/AdaptableObject';
 import { SharedEntity, SharedEntityConfig, SharedEntityActiveStatus, TeamSharingImportStep } from '../../PredefinedConfig/TeamSharingState';
 import { TypeUuid } from '../../PredefinedConfig/Uuid';
+import { AdaptableApi } from '../../../types';
 export declare class TeamSharingService implements ITeamSharingService {
-    private adaptable;
+    private adaptableApi;
     private updateCheckTimerId;
-    constructor(adaptable: IAdaptable);
+    constructor(adaptableApi: AdaptableApi);
     buildSharedEntityWithDependencies(adaptableObject: AdaptableObject, module: AdaptableModule, configuration: SharedEntityConfig): SharedEntity[];
     getSharedEntityDependants(sharedEntityId: TypeUuid, sharedEntities: SharedEntity[]): SharedEntity[];
     updateActiveSharedEntity(changedAdaptableObject: AdaptableObject, userName: string, sharedEntities: SharedEntity[]): [SharedEntity[], SharedEntity[]];

package/src/Utilities/Services/TeamSharingService.js

@@ -3,18 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TeamSharingService = void 0;
 const Uuid_1 = require("../../PredefinedConfig/Uuid");
 class TeamSharingService {
-    constructor(adaptable) {
-        this.adaptable = adaptable;
-        if (adaptable.adaptableOptions.teamSharingOptions.updateInterval > 0) {
+    constructor(adaptableApi) {
+        this.adaptableApi = adaptableApi;
+        const teamSharingOptions = adaptableApi.internalApi.getAdaptableOptions().teamSharingOptions;
+        if (teamSharingOptions.updateInterval > 0) {
             // convert minutes to millis
-            const updateInterval = adaptable.adaptableOptions.teamSharingOptions.updateInterval * 60000;
+            const updateInterval = teamSharingOptions.updateInterval * 60000;
             this.updateCheckTimerId = setInterval(() => {
-                this.adaptable.api.teamSharingApi.checkForUpdates();
+                this.adaptableApi.teamSharingApi.checkForUpdates();
             }, updateInterval);
         }
     }
     buildSharedEntityWithDependencies(adaptableObject, module, configuration) {
-        const sharingUserName = this.adaptable.adaptableOptions.userName;
+        const sharingUserName = this.adaptableApi.internalApi.getAdaptableOptions().userName;
         const sharingTimestamp = new Date().getTime();
         const createdSharedEntities = [];
         this.createSharedEntity(adaptableObject, module, configuration, sharingUserName, sharingTimestamp, createdSharedEntities);
@@ -62,7 +63,9 @@ class TeamSharingService {
         // either ADD or EDIT(in which case the user will need to confirm the overwrite)
         const getSharedEntityImportAction = (sharedEntity) => {
             const { Module, Entity } = sharedEntity;
-            const importInfo = this.adaptable.ModuleService.getTeamSharingAction(Module);
+            const importInfo = this.adaptableApi.internalApi
+                .getModuleService()
+                .getTeamSharingAction(Module);
             if (importInfo === null || importInfo === void 0 ? void 0 : importInfo.ModuleEntities.some((moduleEntity) => moduleEntity.Uuid === Entity.Uuid)) {
                 configOverwriteNeedsConfirmation = true;
                 return importInfo === null || importInfo === void 0 ? void 0 : importInfo.EditAction(Entity);
@@ -71,7 +74,7 @@ class TeamSharingService {
                 return importInfo === null || importInfo === void 0 ? void 0 : importInfo.AddAction(Entity);
             }
         };
-        const existingSharedEntities = this.adaptable.api.teamSharingApi.getSharedEntities();
+        const existingSharedEntities = this.adaptableApi.teamSharingApi.getSharedEntities();
         const sharedEntityDependencyTree = this.getSharedEntityDependencyTree(importedSharedEntity, existingSharedEntities);
         const importSteps = sharedEntityDependencyTree.map((sharedEntity) => ({
             sharedEntity,
@@ -81,13 +84,13 @@ class TeamSharingService {
     }
     getSharedEntityLocalAndRemoteRevisions(changedAdaptableObjectId, remoteSharedEntities) {
         var _a, _b, _c, _d;
-        const localRevision = (_b = (_a = this.adaptable.api.teamSharingApi.getTeamSharingState().ActiveSharedEntityMap[changedAdaptableObjectId]) === null || _a === void 0 ? void 0 : _a.Revision) !== null && _b !== void 0 ? _b : -1;
+        const localRevision = (_b = (_a = this.adaptableApi.teamSharingApi.getTeamSharingState().ActiveSharedEntityMap[changedAdaptableObjectId]) === null || _a === void 0 ? void 0 : _a.Revision) !== null && _b !== void 0 ? _b : -1;
         const remoteRevision = (_d = (_c = remoteSharedEntities.find((sharedEntity) => sharedEntity.Entity.Uuid === changedAdaptableObjectId)) === null || _c === void 0 ? void 0 : _c.Revision) !== null && _d !== void 0 ? _d : -1;
         return [localRevision, remoteRevision];
     }
     getStaleActiveSharedEntities() {
-        const sharedEntities = this.adaptable.api.teamSharingApi.getSharedEntities();
-        const activeEntities = this.adaptable.api.teamSharingApi.getTeamSharingState().ActiveSharedEntityMap;
+        const sharedEntities = this.adaptableApi.teamSharingApi.getSharedEntities();
+        const activeEntities = this.adaptableApi.teamSharingApi.getTeamSharingState().ActiveSharedEntityMap;
         const result = {};
         sharedEntities
             .filter((sharedEntity) => sharedEntity.Type === 'Active')
@@ -105,21 +108,21 @@ class TeamSharingService {
         return result;
     }
     showUpdateNotifications() {
-        const { updateNotification } = this.adaptable.adaptableOptions.teamSharingOptions;
+        const { updateNotification } = this.adaptableApi.internalApi.getAdaptableOptions().teamSharingOptions;
         if (!updateNotification) {
             return;
         }
         Object.values(this.getStaleActiveSharedEntities()).forEach((sharedEntityActiveInfo) => {
             const notificationMessage = `Active share ${sharedEntityActiveInfo.sharedEntity.Module} has a new Revision: ${sharedEntityActiveInfo.sharedEntity.Revision}`;
             if (updateNotification === 'Alert' || updateNotification === 'AlertWithNotification') {
-                this.adaptable.api.alertApi.showAlert('TeamSharing', notificationMessage, 'Info', {
+                this.adaptableApi.alertApi.showAlert('TeamSharing', notificationMessage, 'Info', {
                     DisplayNotification: updateNotification === 'AlertWithNotification',
                 });
             }
             if (updateNotification === 'SystemStatus') {
-                this.adaptable.api.systemStatusApi.setInfoSystemStatus(`TeamSharing: ${notificationMessage}`);
+                this.adaptableApi.systemStatusApi.setInfoSystemStatus(`TeamSharing: ${notificationMessage}`);
             }
-            this.adaptable.api.teamSharingApi.fireTeamSharingEntityChangedEvent(sharedEntityActiveInfo.sharedEntity);
+            this.adaptableApi.teamSharingApi.fireTeamSharingEntityChangedEvent(sharedEntityActiveInfo.sharedEntity);
         });
     }
     destroy() {
@@ -174,7 +177,7 @@ class TeamSharingService {
         return Array.from(result.values());
     }
     getTeamSharingReferences(adaptableObject, module) {
-        return this.adaptable.api.internalApi
+        return this.adaptableApi.internalApi
             .getModuleService()
             .getModuleById(module)
             .getTeamSharingReferences(adaptableObject);

package/src/Utilities/Services/ValidationService.d.ts

@@ -1,10 +1,10 @@
-import { IAdaptable } from '../../AdaptableInterfaces/IAdaptable';
 import { CellDataChangedInfo } from '../../PredefinedConfig/Common/CellDataChangedInfo';
 import { IValidationService } from './Interface/IValidationService';
 import { AlertDefinition } from '../../PredefinedConfig/AlertState';
+import { AdaptableApi } from '../../../types';
 export declare class ValidationService implements IValidationService {
-    private adaptable;
-    constructor(adaptable: IAdaptable);
+    private adaptableApi;
+    constructor(adaptableApi: AdaptableApi);
     getValidationRulesForDataChange(cellDataChangedInfo: CellDataChangedInfo): AlertDefinition[];
     performValidation(cellDataChangedInfo: CellDataChangedInfo): boolean;
     private IsAlertDefinitionTriggered;

package/src/Utilities/Services/ValidationService.js

@@ -6,9 +6,9 @@ const ArrayExtensions_1 = require("../Extensions/ArrayExtensions");
 const StringExtensions_1 = tslib_1.__importDefault(require("../Extensions/StringExtensions"));
 const ModuleConstants_1 = require("../Constants/ModuleConstants");
 class ValidationService {
-    constructor(adaptable) {
-        this.adaptable = adaptable;
-        this.adaptable = adaptable;
+    constructor(adaptableApi) {
+        this.adaptableApi = adaptableApi;
+        this.adaptableApi = adaptableApi;
     }
     // Not sure where to put this: was in the Module but might be better here until I can work out a way of having an event with a callback...
     getValidationRulesForDataChange(cellDataChangedInfo) {
@@ -16,15 +16,15 @@ class ValidationService {
         if (cellDataChangedInfo.oldValue == cellDataChangedInfo.newValue) {
             return [];
         }
-        let editingRules = this.adaptable.api.alertApi
+        let editingRules = this.adaptableApi.alertApi
             .getAlertDefinitionsWithPreventEdit()
-            .filter((v) => this.adaptable.api.scopeApi.isColumnInScope(cellDataChangedInfo.column, v.Scope));
+            .filter((v) => this.adaptableApi.scopeApi.isColumnInScope(cellDataChangedInfo.column, v.Scope));
         let failedValidations = [];
         if (ArrayExtensions_1.ArrayExtensions.IsNotEmpty(editingRules)) {
             editingRules.forEach((alertDefinition) => {
                 if (alertDefinition.Rule.BooleanExpression) {
                     let isSatisfiedExpression = cellDataChangedInfo.rowNode != null &&
-                        this.adaptable.api.internalApi
+                        this.adaptableApi.internalApi
                             .getQueryLanguageService()
                             .evaluateBooleanExpression(alertDefinition.Rule.BooleanExpression, ModuleConstants_1.AlertModuleId, cellDataChangedInfo.rowNode);
                     if (isSatisfiedExpression) {
@@ -50,24 +50,25 @@ class ValidationService {
                 alertDefinition: failedRules[0],
                 cellDataChangedInfo: cellDataChangedInfo,
             };
-            this.adaptable.api.alertApi.publishAlertFiredEvent(alert);
+            this.adaptableApi.alertApi.publishAlertFiredEvent(alert);
             return false;
         }
         return true;
     }
     IsAlertDefinitionTriggered(alertDefinition, dataChangedEvent) {
-        return this.adaptable.api.predicateApi.handlePredicate(alertDefinition.Rule.Predicate, {
+        return this.adaptableApi.predicateApi.handlePredicate(alertDefinition.Rule.Predicate, {
             value: dataChangedEvent.newValue,
             oldValue: dataChangedEvent.oldValue,
-            displayValue: this.adaptable.getDisplayValueFromRowNode(dataChangedEvent.rowNode, dataChangedEvent.column.columnId),
+            displayValue: this.adaptableApi.gridApi.getDisplayValueFromRowNode(dataChangedEvent.rowNode, dataChangedEvent.column.columnId),
             node: dataChangedEvent.rowNode,
             column: dataChangedEvent.column,
         }, false);
     }
     performServerValidation(cellDataChangedInfo, config) {
         return () => {
-            this.adaptable.adaptableOptions.editOptions
-                .validateOnServer(cellDataChangedInfo)
+            this.adaptableApi.internalApi
+                .getAdaptableOptions()
+                .editOptions.validateOnServer(cellDataChangedInfo)
                 .then((validationResult) => {
                 var _a, _b;
                 if (validationResult.NewValue === undefined) {
@@ -82,11 +83,12 @@ class ValidationService {
                     if (!row) {
                         return;
                     }
-                    row[(_b = this.adaptable.api.columnApi.getAgGridColumnFieldForAdaptableColumn(cellDataChangedInfo.column.columnId)) !== null && _b !== void 0 ? _b : cellDataChangedInfo.column.columnId] = validationResult.NewValue;
-                    this.adaptable.api.gridApi.updateGridData([row]);
+                    row[(_b = this.adaptableApi.columnApi.getAgGridColumnFieldForAdaptableColumn(cellDataChangedInfo.column.columnId)) !== null && _b !== void 0 ? _b : cellDataChangedInfo.column.columnId] = validationResult.NewValue;
+                    this.adaptableApi.gridApi.updateGridData([row]);
                     if (StringExtensions_1.default.IsNotNullOrEmpty(validationResult.ValidationMessage) &&
-                        this.adaptable.adaptableOptions.editOptions.displayServerValidationMessages) {
-                        this.adaptable.api.alertApi.showAlertInfo('Server Validation Message', validationResult.ValidationMessage);
+                        this.adaptableApi.internalApi.getAdaptableOptions().editOptions
+                            .displayServerValidationMessages) {
+                        this.adaptableApi.alertApi.showAlertInfo('Server Validation Message', validationResult.ValidationMessage);
                     }
                 }
                 config.onServerValidationCompleted();
@@ -95,9 +97,9 @@ class ValidationService {
         };
     }
     createValidationDescription(alertDefinition) {
-        return (this.adaptable.api.scopeApi.getScopeDescription(alertDefinition.Scope) +
+        return (this.adaptableApi.scopeApi.getScopeDescription(alertDefinition.Scope) +
             ' ' +
-            this.adaptable.api.predicateApi.predicateToString(alertDefinition.Rule.Predicate));
+            this.adaptableApi.predicateApi.predicateToString(alertDefinition.Rule.Predicate));
     }
     createValidationMessage(alertDefinition) {
         let returnMessage = this.createValidationDescription(alertDefinition);

package/src/View/AdaptableView.js

@@ -12,10 +12,10 @@ const AdaptablePopupConfirmation_1 = require("./Components/Popups/AdaptablePopup
 const AdaptableLoadingScreen_1 = require("./Components/Popups/AdaptableLoadingScreen");
 const renderWithAdaptableContext_1 = require("./renderWithAdaptableContext");
 const License_1 = require("./License");
-const ExportCustomDestinationFormPopups_1 = require("./Export/ExportCustomDestinationFormPopups");
 const ProgressIndicator_1 = require("../components/ProgressIndicator/ProgressIndicator");
 const react_toastify_1 = require("react-toastify");
 const WindowPopups_1 = require("./Components/Popups/WindowPopups/WindowPopups");
+const FormPopups_1 = require("./Components/Popups/FormPopups/FormPopups");
 class AdaptableView extends React.Component {
     render() {
         var _a, _b, _c, _d;
@@ -26,11 +26,11 @@ class AdaptableView extends React.Component {
             this.props.PopupState.PromptPopup.ShowPromptPopup && (React.createElement(AdaptablePopupPrompt_1.AdaptablePopupPrompt, { message: this.props.PopupState.PromptPopup.Message, header: this.props.PopupState.PromptPopup.Header, onClose: this.props.onClosePromptPopup, onConfirm: this.props.onConfirmPromptPopup, onConfirmActionCreator: this.props.PopupState.PromptPopup.ConfirmActionCreator, defaultValue: this.props.PopupState.PromptPopup.DefaultValue })),
             React.createElement(AdaptablePopupConfirmation_1.AdaptablePopupConfirmation, { header: this.props.PopupState.ConfirmationPopup.Header, messsage: this.props.PopupState.ConfirmationPopup.Msg, showPopup: this.props.PopupState.ConfirmationPopup.ShowConfirmationPopup, cancelButtonText: this.props.PopupState.ConfirmationPopup.CancelButtonText, confirmButtonText: this.props.PopupState.ConfirmationPopup.ConfirmButtonText, onCancel: this.props.onCancelConfirmationPopup, onConfirm: this.props.onConfirmConfirmationPopup, showInputBox: this.props.PopupState.ConfirmationPopup.ShowInputBox, messageType: this.props.PopupState.ConfirmationPopup.MessageType, api: this.props.AdaptableApi }),
             Boolean(this.props.PopupState.ScreenPopup.ShowScreenPopup) && (React.createElement(AdaptablePopup_1.AdaptablePopup, { componentName: this.props.PopupState.ScreenPopup.ComponentName, componentModule: this.props.PopupState.ScreenPopup.ComponentModule, onHide: this.props.onCloseScreenPopup, api: this.props.AdaptableApi, onClearParams: () => this.props.onClearPopupParams(), moduleParams: this.props.PopupState.ScreenPopup.Params, moduleProps: this.props.PopupState.ScreenPopup.PopupProps })),
-            React.createElement(ExportCustomDestinationFormPopups_1.ExportCustomDestinationFormPopups, { api: this.props.AdaptableApi }),
             React.createElement(react_toastify_1.ToastContainer, { limit: this.props.AdaptableApi.internalApi.getAdaptableOptions().notificationsOptions
                     .maxNotifications, closeButton: false, icon: false, theme: "colored" }),
             (watermark === null || watermark === void 0 ? void 0 : watermark.show) && React.createElement(License_1.LicenseWatermark, null, watermark === null || watermark === void 0 ? void 0 : watermark.text),
             React.createElement(WindowPopups_1.WindowPopups, null),
+            React.createElement(FormPopups_1.FormPopups, null),
             React.createElement(ProgressIndicator_1.ProgressIndicator, null)));
     }
 }

package/src/View/Alert/Wizard/AlertBehaviourWizardSection.js

@@ -9,6 +9,39 @@ const CheckBox_1 = require("../../../components/CheckBox");
 const CodeBlock_1 = require("../../../components/CodeBlock");
 const rebass_1 = require("rebass");
 const ValueSelector_1 = require("../../Components/ValueSelector");
+const StyleComponent_1 = require("../../Components/StyleComponent");
+const DropdownButton_1 = tslib_1.__importDefault(require("../../../components/DropdownButton"));
+const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
+const AdaptableContext_1 = require("../../AdaptableContext");
+const StylePreview_1 = require("../../../components/StylePreview");
+const HighlightStyle = (props) => {
+    const adaptable = AdaptableContext_1.useAdaptable();
+    const options = [
+        {
+            label: 'Use Message Type',
+            onClick: () => {
+                props.onChange(true);
+            },
+        },
+        {
+            label: 'Custom Style',
+            onClick: () => {
+                const initialStyle = ObjectFactory_1.default.CreateEmptyStyle();
+                props.onChange(initialStyle);
+            },
+        },
+    ];
+    return (React.createElement(React.Fragment, null,
+        React.createElement(rebass_1.Flex, null,
+            React.createElement(CheckBox_1.CheckBox, { mr: 2, style: { alignItems: 'flex-start' }, checked: Boolean(props.highlight), onChange: (checked) => {
+                    props.onChange(checked);
+                } }, props.label),
+            Boolean(props.highlight) && (React.createElement(DropdownButton_1.default, { items: options }, typeof props.highlight === 'boolean' ? (React.createElement(rebass_1.Text, { fontSize: 2, mt: 1 }, "Use Message Type")) : (React.createElement(rebass_1.Text, { fontSize: 2, mt: 1 }, "Custom Style"))))),
+        typeof props.highlight === 'object' && (React.createElement(rebass_1.Box, { paddingLeft: 3 },
+            React.createElement(StyleComponent_1.StyleComponent, { headless: true, api: adaptable.api, Style: props.highlight, UpdateStyle: (style) => {
+                    props.onChange(style);
+                } })))));
+};
 // both used in wizard and list view
 exports.renderAlertBehaviourSummary = (alert, api, allowWrap = false) => {
     const { AlertProperties = {} } = alert;
@@ -31,7 +64,15 @@ exports.renderAlertBehaviourSummary = (alert, api, allowWrap = false) => {
     if (!values.length) {
         values.push({ label: 'No behaviour selected', id: 'none' });
     }
-    return (React.createElement(ValueSelector_1.ValueOptionsTags, { allowWrap: allowWrap, options: values, value: values.map((v) => v.id), readOnly: true, toIdentifier: (x) => x.id, toLabel: (x) => React.createElement(React.Fragment, null, x.label) }));
+    return (React.createElement(ValueSelector_1.ValueOptionsTags, { allowWrap: allowWrap, options: values, value: values.map((v) => v.id), readOnly: true, toIdentifier: (x) => x.id, toLabel: (x) => {
+            if (x.id === 'highlightCell' && typeof AlertProperties.HighlightCell === 'object') {
+                return (React.createElement(StylePreview_1.StylePreview, { padding: 0, mt: 0, styleObject: AlertProperties.HighlightCell }, "Highlight Cell"));
+            }
+            if (x.id === 'highlightRow' && typeof AlertProperties.HighlightRow === 'object') {
+                return (React.createElement(StylePreview_1.StylePreview, { padding: 0, mt: 0, styleObject: AlertProperties.HighlightRow }, "Highlight Row"));
+            }
+            return React.createElement(React.Fragment, null, x.label);
+        } }));
 };
 exports.AlertBehaviourWizardSection = (props) => {
     const { data, api } = OnePageAdaptableWizard_1.useOnePageWizardContext();
@@ -52,16 +93,12 @@ exports.AlertBehaviourWizardSection = (props) => {
                 } },
                 "Prevent Cell Edit",
                 React.createElement(rebass_1.Text, { fontSize: 2, mt: 1 }, "(automatically undo data change which triggered Alert)"))),
-            cellChangedAlert && (React.createElement(CheckBox_1.CheckBox, { style: { alignItems: 'flex-start' }, checked: Boolean(AlertProperties.HighlightCell), onChange: (HighlightCell) => {
+            cellChangedAlert && (React.createElement(HighlightStyle, { highlight: AlertProperties.HighlightCell, label: "Highlight Cell", onChange: (HighlightCell) => {
                     onChange({ HighlightCell });
-                } },
-                "Highlight Cell",
-                React.createElement(rebass_1.Text, { fontSize: 2, mt: 1 }, "(using the Alert message type)"))),
-            rowAddedAlert && (React.createElement(CheckBox_1.CheckBox, { style: { alignItems: 'flex-start' }, checked: Boolean(AlertProperties.HighlightRow), onChange: (HighlightRow) => {
+                } })),
+            rowAddedAlert && (React.createElement(HighlightStyle, { highlight: AlertProperties.HighlightRow, label: "Highlight Row", onChange: (HighlightRow) => {
                     onChange({ HighlightRow });
-                } },
-                "Highlight Row",
-                React.createElement(rebass_1.Text, { fontSize: 2, mt: 1 }, "(using the Alert message type)"))),
+                } })),
             cellChangedAlert && (React.createElement(CheckBox_1.CheckBox, { checked: AlertProperties.JumpToCell, onChange: (JumpToCell) => {
                     onChange({ JumpToCell });
                 } }, "Jump To Cell")),