@adaptabletools/adaptable 10.0.4-canary.4 → 10.0.4-canary.5

package/src/View/UIHelper.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIHelper = exports.isBrowserDocumentAvailable = exports.setCSSVariableValue = exports.getCSSVariableValue = exports.getAdaptableToolPanelWidth = exports.getButtonTextColourForMessageType = exports.getButtonTextColourForArrayandMessageType = exports.getButtonColourForAdaptableAlerts = exports.getMessageTypeFromAdaptableAlerts = exports.getScheduleDescription = exports.getButtonToneForMessageType = exports.getGlyphForMessageType = exports.getGlyphForStatusColour = exports.getStyleForMessageType = exports.getStyleForStatusColour = exports.getColorByMessageType = exports.getGlyphByMessageType = exports.getButtonToneByMessageType = exports.getMessageTypeByStatusColour = exports.IsNotEmptyStyle = exports.IsEmptyStyle = exports.isValidUserChartContainer = exports.getChartContainer = exports.getModalContainer = exports.getPlaceHolderforDataType = exports.getDescriptionForDataType = exports.getEmptyConfigState = exports.getDefaultColors = exports.getHexForName = exports.ORANGE = exports.LIGHT_RED = exports.RED = exports.DARK_RED = exports.PURPLE = exports.MAGENTA = exports.CYAN = exports.LIGHT_BLUE = exports.BLUE = exports.DARK_BLUE = exports.LIGHT_YELLOW = exports.YELLOW = exports.LIME_GREEN = exports.GREEN = exports.DARK_GREEN = exports.BROWN = exports.GRAY = exports.LIGHT_GRAY = exports.WHITE = exports.BLACK = void 0;
+exports.UIHelper = exports.isBrowserDocumentAvailable = exports.setCSSVariableValue = exports.getCSSVariableValue = exports.getAdaptableToolPanelWidth = exports.getButtonTextColourForMessageType = exports.getButtonTextColourForArrayandMessageType = exports.getButtonColourForAdaptableAlerts = exports.getMessageTypeFromAdaptableAlerts = exports.getWeekDayByIndex = exports.getScheduleDescription = exports.getButtonToneForMessageType = exports.getGlyphForMessageType = exports.getGlyphForStatusColour = exports.getStyleForMessageType = exports.getStyleForStatusColour = exports.getColorByMessageType = exports.getGlyphByMessageType = exports.getButtonToneByMessageType = exports.getMessageTypeByStatusColour = exports.IsNotEmptyStyle = exports.IsEmptyStyle = exports.isValidUserChartContainer = exports.getChartContainer = exports.getModalContainer = exports.getPlaceHolderforDataType = exports.getDescriptionForDataType = exports.getEmptyConfigState = exports.getDefaultColors = exports.getHexForName = exports.ORANGE = exports.LIGHT_RED = exports.RED = exports.DARK_RED = exports.PURPLE = exports.MAGENTA = exports.CYAN = exports.LIGHT_BLUE = exports.BLUE = exports.DARK_BLUE = exports.LIGHT_YELLOW = exports.YELLOW = exports.LIME_GREEN = exports.GREEN = exports.DARK_GREEN = exports.BROWN = exports.GRAY = exports.LIGHT_GRAY = exports.WHITE = exports.BLACK = void 0;
 const tslib_1 = require("tslib");
 const EditableConfigEntityState_1 = require("./Components/SharedProps/EditableConfigEntityState");
 const Enums_1 = require("../PredefinedConfig/Common/Enums");
 const StringExtensions_1 = require("../Utilities/Extensions/StringExtensions");
 const LoggingHelper_1 = require("../Utilities/Helpers/LoggingHelper");
-const Schedule_1 = require("../PredefinedConfig/Common/Schedule");
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/ArrayExtensions"));
 exports.BLACK = 'Black';
 exports.WHITE = 'White';
@@ -352,13 +351,13 @@ function getScheduleDescription(schedule) {
     }
     let dateString;
     if (schedule.OneOffDate == null) {
-        if (ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, Schedule_1.DayOfWeek.Monday) &&
-            ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, Schedule_1.DayOfWeek.Tuesday) &&
-            ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, Schedule_1.DayOfWeek.Wednesday) &&
-            ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, Schedule_1.DayOfWeek.Thursday) &&
-            ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, Schedule_1.DayOfWeek.Friday)) {
-            if (ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, Schedule_1.DayOfWeek.Sunday) &&
-                ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, Schedule_1.DayOfWeek.Saturday)) {
+        if (ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Monday') &&
+            ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Tuesday') &&
+            ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Wednesday') &&
+            ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Thursday') &&
+            ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Friday')) {
+            if (ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Sunday') &&
+                ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Saturday')) {
                 dateString = 'Everyday';
             }
             else {
@@ -378,22 +377,41 @@ function getScheduleDescription(schedule) {
 exports.getScheduleDescription = getScheduleDescription;
 function getShortenedDayString(dayOfWeek) {
     switch (dayOfWeek) {
-        case Schedule_1.DayOfWeek.Sunday:
+        case 'Sunday':
             return 'Sun';
-        case Schedule_1.DayOfWeek.Monday:
+        case 'Monday':
             return 'Mon';
-        case Schedule_1.DayOfWeek.Tuesday:
+        case 'Tuesday':
             return 'Tues';
-        case Schedule_1.DayOfWeek.Wednesday:
+        case 'Wednesday':
             return 'Weds';
-        case Schedule_1.DayOfWeek.Thursday:
+        case 'Thursday':
             return 'Thurs';
-        case Schedule_1.DayOfWeek.Friday:
+        case 'Friday':
             return 'Fri';
-        case Schedule_1.DayOfWeek.Saturday:
+        case 'Saturday':
             return 'Sat';
     }
 }
+function getWeekDayByIndex(dayOfWeek) {
+    switch (dayOfWeek) {
+        case 0:
+            return 'Sunday';
+        case 1:
+            return 'Monday';
+        case 2:
+            return 'Tuesday';
+        case 3:
+            return 'Wednesday';
+        case 4:
+            return 'Thursday';
+        case 5:
+            return 'Friday';
+        case 6:
+            return 'Saturday';
+    }
+}
+exports.getWeekDayByIndex = getWeekDayByIndex;
 function addLeadingZero(item) {
     item = item || 0;
     if (item < 10) {
@@ -489,6 +507,7 @@ exports.UIHelper = {
     getGlyphForStatusColour,
     getButtonToneForMessageType,
     getScheduleDescription,
+    getWeekDayByIndex,
     getColorByMessageType,
     getGlyphForMessageType,
     getStyleForMessageType,

package/src/View/Wizard/Interface/IAdaptableWizard.d.ts

@@ -39,4 +39,9 @@ export interface AdaptableOnePageWizardProps<T extends AdaptableObject> {
     wizardStartIndex?: number;
     onCloseWizard: VoidFunction;
     onFinishWizard: (data: T) => void;
+    defaultCurrentSectionName?: string;
+    abObjectType?: {
+        name: string;
+        label?: string;
+    };
 }

package/src/View/Wizard/OnePageAdaptableWizard.d.ts

@@ -12,6 +12,7 @@ export declare type OnePageAdaptableWizardContextType<T> = {
     setCurrentSection: (index: number) => void;
     namedQuery: ExpressionEditorNamedQuery;
 };
+export declare const SummaryTag: React.FunctionComponent<TextProps>;
 export declare const SummaryText: React.FunctionComponent<TextProps>;
 export declare const FormDescriptionText: React.FunctionComponent<TextProps>;
 export declare const OnePageAdaptableWizardContext: React.Context<OnePageAdaptableWizardContextType<any>>;
@@ -29,6 +30,7 @@ export interface OnePageAdaptableWizardProps<ENTITY> {
     sections: (OnePageWizardSection<ENTITY> | '-')[];
     currentIndex?: number;
     defaultCurrentIndex?: number;
+    defaultCurrentSectionName?: string;
     onSectionChange?: (index: number) => void;
     onHide?: VoidFunction;
     onFinish?: (data: ENTITY) => any;

package/src/View/Wizard/OnePageAdaptableWizard.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.OnePageWizardSummary = exports.OnePageAdaptableWizard = exports.useOnePageWizardContext = exports.OnePageAdaptableWizardContext = exports.FormDescriptionText = exports.SummaryText = void 0;
+exports.OnePageWizardSummary = exports.OnePageAdaptableWizard = exports.useOnePageWizardContext = exports.OnePageAdaptableWizardContext = exports.FormDescriptionText = exports.SummaryText = exports.SummaryTag = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const react_1 = require("react");
@@ -19,6 +19,7 @@ const icons_1 = require("../../components/icons");
 const ResizeObserver_1 = require("../../components/ResizeObserver");
 const NamedQueryContext_1 = require("../../components/ExpressionEditor/NamedQueryContext");
 const useKeyboardNavigation_1 = require("./useKeyboardNavigation");
+exports.SummaryTag = (props) => React.createElement(rebass_1.Text, Object.assign({}, props));
 exports.SummaryText = (props) => (React.createElement(rebass_1.Text, Object.assign({ fontSize: 2, mb: 3 }, props)));
 exports.FormDescriptionText = (props) => (React.createElement(rebass_1.Text, Object.assign({ fontSize: 2, mt: 1 }, props)));
 exports.OnePageAdaptableWizardContext = React.createContext({
@@ -38,7 +39,14 @@ exports.OnePageAdaptableWizard = (props) => {
     const dispatch = react_redux_1.useDispatch();
     const saveNamedQuery = React.useCallback((namedQuery) => dispatch(QueryRedux.NamedQueryAdd(namedQuery)), []);
     const { api } = AdaptableContext_1.useAdaptable();
-    const [currentSection, setCurrentSection] = useProperty_1.default(props, 'currentIndex', 0, {
+    let defaultCurrentIndex = 0;
+    if (props.defaultCurrentSectionName) {
+        const candidate = props.sections.findIndex((section) => section !== '-' && section.title === props.defaultCurrentSectionName);
+        if (candidate >= 0) {
+            defaultCurrentIndex = candidate;
+        }
+    }
+    const [currentSection, setCurrentSection] = useProperty_1.default(props, 'currentIndex', defaultCurrentIndex, {
         onChange: (index) => {
             var _a;
             (_a = props.onSectionChange) === null || _a === void 0 ? void 0 : _a.call(props, index);

package/src/agGrid/Adaptable.d.ts

@@ -123,11 +123,18 @@ export declare class Adaptable implements IAdaptable {
     private createAdaptableColumn;
     private safeSetColDefs;
     private getFormatColumnCellStyle;
+    private getActiveAlertWithHighlightCell;
+    private getActiveAlertWithHighlightRow;
     private getAlertCellStyle;
-    private getFlashingAlertRowStyle;
-    private getFlashingAlertStyleFor;
-    private getFlashingAlertCellStyle;
+    private getAlertCellClass;
+    private getAlertRowClass;
+    private getAlertRowStyle;
+    private getFlashingCellRowStyle;
+    private getFlashingCellStyleFor;
+    private getFlashingCellStyle;
     private getCellHighlightStyle;
+    private getRowHighlightStyle;
+    private getRowHighlightClass;
     private getQuickSearchCellStyle;
     private getEditableCellStyle;
     private getReadOnlyCellStyle;
@@ -216,6 +223,7 @@ export declare class Adaptable implements IAdaptable {
     setupColumnAggFunc({ col }: ColumnSetupInfo): void;
     getColDefsForActionColumns(): ColDef[];
     updateColDefsForSpecialColumns(): void;
+    private cleanupFloatingFilters_WORKAROUND;
     private getColDefsForCalculatedColumns;
     private isRegularColDef;
     private isGroupColDef;
@@ -296,9 +304,9 @@ export declare class Adaptable implements IAdaptable {
     getGridData(): any[];
     getFilteredData(): any[];
     loadDataSource(dataSource: any[]): void;
-    updateRows(dataRows: any[], dataUpdateConfig?: DataUpdateConfig): void;
-    addRows(dataRows: any[], dataUpdateConfig?: DataUpdateConfig): void;
-    deleteRows(dataRows: any[], dataUpdateConfig?: DataUpdateConfig): void;
+    updateRows(dataRows: any[], dataUpdateConfig?: DataUpdateConfig): Promise<RowNode[] | null | undefined>;
+    addRows(dataRows: any[], dataUpdateConfig?: DataUpdateConfig): Promise<RowNode[]>;
+    deleteRows(dataRows: any[], dataUpdateConfig?: DataUpdateConfig): Promise<RowNode[]>;
     getFirstGroupedColumn(): AdaptableColumn | undefined;
     private checkColumnsDataTypeSet;
     private runAdaptableComparerFunction;

package/src/agGrid/Adaptable.js

@@ -314,7 +314,7 @@ class Adaptable {
         AdaptableHelper_1.default.checkAdaptableOptions(this.adaptableOptions);
         this.runtimeConfig = runtimeConfig || {};
         this.agGridModules = this.runtimeConfig.modules || [];
-        this.gridOptions = this.adaptableOptions.vendorGrid;
+        this.gridOptions = this.adaptableOptions.agGridOptions;
         if (this.hasAutogeneratedPrimaryKey() && !this.gridOptions.getRowNodeId) {
             this.gridOptions.getRowNodeId = (rowData) => {
                 var _a;
@@ -340,8 +340,7 @@ class Adaptable {
         // TODO: if  a custom 'aggFunc' property is defined (see setupColumnAggFunc()), it won't be evaluated
         if (!this.getDefaultGroupOrderComparator(this.gridOptions) &&
             this.adaptableOptions.generalOptions.autoOrderGroupedColumns) {
-            this.gridOptions.defaultGroupOrderComparator =
-                this.agGridHelper.runAdaptableGroupComparerFunction();
+            this.gridOptions.defaultGroupOrderComparator = this.agGridHelper.runAdaptableGroupComparerFunction();
         }
         // we prefer the grid to be NOT instantiated so that we can do it
         // perhaps in future we will force instantiation only?
@@ -483,7 +482,7 @@ class Adaptable {
                 this.forPlugins((plugin) => plugin.onAdaptableReady(this, this.adaptableOptions));
                 this.api.eventApi.emit('AdaptableReady', {
                     adaptableApi: this.api,
-                    gridOptions: this.adaptableOptions.vendorGrid,
+                    gridOptions: this.adaptableOptions.agGridOptions,
                 });
             }
         });
@@ -593,7 +592,7 @@ class Adaptable {
         }
         // now create the grid itself - it is done this way as previously when we instantiated the Grid 'properly' it got created as J.Grid
         let grid;
-        const modules = (this.adaptableOptions.vendorGrid || {}).modules || [];
+        const modules = (this.adaptableOptions.agGridOptions || {}).modules || [];
         this.agGridModules = [...this.agGridModules, ...modules];
         const agGridContainer = this.getAgGridContainerElement();
         if (this.gridOptions.modules) {
@@ -839,46 +838,94 @@ class Adaptable {
         }
         return style;
     }
-    getAlertCellStyle(col, params) {
+    getActiveAlertWithHighlightCell(col, params) {
         const activeAlerts = this.api.internalApi
             .getAdaptableAlerts()
-            .filter((aa) => {
+            .filter((alert) => {
             var _a;
-            return ((_a = aa.alertDefinition.AlertProperties) === null || _a === void 0 ? void 0 : _a.HighlightCell) &&
-                aa.dataChangedInfo &&
-                aa.dataChangedInfo.column &&
-                aa.dataChangedInfo.column.columnId === col.columnId &&
-                aa.dataChangedInfo.rowNode === params.node;
+            return ((_a = alert.alertDefinition.AlertProperties) === null || _a === void 0 ? void 0 : _a.HighlightCell) &&
+                alert.dataChangedInfo &&
+                alert.dataChangedInfo.column &&
+                alert.dataChangedInfo.column.columnId === col.columnId &&
+                alert.dataChangedInfo.rowNode === params.node;
         });
-        const alert = activeAlerts[0];
+        if (!activeAlerts.length) {
+            return null;
+        }
+        return activeAlerts === null || activeAlerts === void 0 ? void 0 : activeAlerts[0];
+    }
+    getActiveAlertWithHighlightRow(params) {
+        var _a;
+        return (_a = this.api.internalApi
+            .getAdaptableAlerts()
+            .filter((alert) => {
+            var _a;
+            return ((_a = alert.alertDefinition.AlertProperties) === null || _a === void 0 ? void 0 : _a.HighlightRow) &&
+                alert.dataChangedInfo &&
+                alert.dataChangedInfo.column &&
+                alert.dataChangedInfo.rowNode === params.node;
+        })) === null || _a === void 0 ? void 0 : _a[0];
+    }
+    getAlertCellStyle(col, params) {
+        const alert = this.getActiveAlertWithHighlightCell(col, params);
         if (alert) {
+            const highlightCell = alert.alertDefinition.AlertProperties.HighlightCell;
+            if (typeof highlightCell === 'object') {
+                return this.convertAdaptableStyleToCSS(highlightCell);
+            }
             return {
                 backgroundColor: UIHelper_1.default.getColorByMessageType(alert.alertDefinition.MessageType),
             };
         }
     }
-    getFlashingAlertRowStyle(params) {
+    getAlertCellClass(col, params) {
+        var _a, _b;
+        const alert = this.getActiveAlertWithHighlightCell(col, params);
+        const highlightCell = (_b = (_a = alert === null || alert === void 0 ? void 0 : alert.alertDefinition) === null || _a === void 0 ? void 0 : _a.AlertProperties) === null || _b === void 0 ? void 0 : _b.HighlightCell;
+        return typeof highlightCell === 'object' && (highlightCell === null || highlightCell === void 0 ? void 0 : highlightCell.ClassName)
+            ? highlightCell === null || highlightCell === void 0 ? void 0 : highlightCell.ClassName : null;
+    }
+    getAlertRowClass(params) {
+        var _a, _b;
+        const alert = this.getActiveAlertWithHighlightRow(params);
+        const highlightRow = (_b = (_a = alert === null || alert === void 0 ? void 0 : alert.alertDefinition) === null || _a === void 0 ? void 0 : _a.AlertProperties) === null || _b === void 0 ? void 0 : _b.HighlightRow;
+        return typeof highlightRow === 'object' && (highlightRow === null || highlightRow === void 0 ? void 0 : highlightRow.ClassName)
+            ? highlightRow === null || highlightRow === void 0 ? void 0 : highlightRow.ClassName : null;
+    }
+    getAlertRowStyle(params) {
+        var _a, _b;
+        const alert = this.getActiveAlertWithHighlightRow(params);
+        const highlightRow = (_b = (_a = alert === null || alert === void 0 ? void 0 : alert.alertDefinition) === null || _a === void 0 ? void 0 : _a.AlertProperties) === null || _b === void 0 ? void 0 : _b.HighlightRow;
+        if (highlightRow) {
+            return typeof highlightRow === 'object'
+                ? this.convertAdaptableStyleToCSS(highlightRow)
+                : {
+                    backgroundColor: UIHelper_1.default.getColorByMessageType(alert.alertDefinition.MessageType),
+                };
+        }
+        return null;
+    }
+    getFlashingCellRowStyle(params) {
         const primaryKeyValue = this.getPrimaryKeyValueFromRowNode(params.node);
-        return this.getFlashingAlertStyleFor(primaryKeyValue);
+        return this.getFlashingCellStyleFor(primaryKeyValue);
     }
-    getFlashingAlertStyleFor(primaryKey, colId) {
+    getFlashingCellStyleFor(primaryKey, colId) {
         var _a;
-        const flashingAlert = this.api.internalApi.getAdaptableFlashingAlertFor(primaryKey, colId);
-        if (!flashingAlert) {
+        const flashingCell = this.api.internalApi.getAdaptableFlashingCellFor(primaryKey, colId);
+        if (!flashingCell) {
             return {};
         }
-        return this.convertAdaptableStyleToCSS((_a = (flashingAlert.direction === 'up'
-            ? flashingAlert.flashingAlertDefinition.UpChangeStyle
-            : flashingAlert.direction === 'down'
-                ? flashingAlert.flashingAlertDefinition.DownChangeStyle
-                : flashingAlert.flashingAlertDefinition.NeutralChangeStyle)) !== null && _a !== void 0 ? _a : {});
+        return this.convertAdaptableStyleToCSS((_a = (flashingCell.direction === 'up'
+            ? flashingCell.flashingCellDefinition.UpChangeStyle
+            : flashingCell.direction === 'down'
+                ? flashingCell.flashingCellDefinition.DownChangeStyle
+                : flashingCell.flashingCellDefinition.NeutralChangeStyle)) !== null && _a !== void 0 ? _a : {});
     }
-    getFlashingAlertCellStyle(col, params) {
+    getFlashingCellStyle(col, params) {
         const primaryKeyValue = this.getPrimaryKeyValueFromRowNode(params.node);
-        return this.getFlashingAlertStyleFor(primaryKeyValue, col.columnId);
+        return this.getFlashingCellStyleFor(primaryKeyValue, col.columnId);
     }
     getCellHighlightStyle(col, params) {
-        var _a;
         const primaryKeyValue = this.getPrimaryKeyValueFromRowNode(params.node);
         const cellHightlight = this.api.internalApi
             .getSystemState()
@@ -887,19 +934,33 @@ class Adaptable {
                 cellHighlightInfo.primaryKeyValue === primaryKeyValue);
         });
         if (cellHightlight) {
-            const highhlightType = (_a = cellHightlight.highlightType) !== null && _a !== void 0 ? _a : 'Info';
-            switch (highhlightType) {
-                case 'Error':
-                    return { backgroundColor: 'var(--ab-color-error)' };
-                case 'Info':
-                    return { backgroundColor: 'var(--ab-color-info)' };
-                case 'Success':
-                    return { backgroundColor: 'var(--ab-color-success)' };
-                case 'Warning':
-                    return { backgroundColor: 'var(--ab-color-warn)' };
-            }
+            return this.convertAdaptableStyleToCSS(cellHightlight.highlightStyle);
         }
     }
+    getRowHighlightStyle(params) {
+        var _a;
+        const primaryKeyValue = this.getPrimaryKeyValueFromRowNode(params.node);
+        const highlightRow = (_a = this.api.internalApi
+            .getSystemState()
+            .HighlightedRows) === null || _a === void 0 ? void 0 : _a.find((highlightRow) => {
+            return highlightRow.primaryKeyValue === primaryKeyValue;
+        });
+        if (highlightRow) {
+            return this.convertAdaptableStyleToCSS(highlightRow.highlightStyle);
+        }
+    }
+    getRowHighlightClass(params) {
+        var _a;
+        const primaryKeyValue = this.getPrimaryKeyValueFromRowNode(params.node);
+        const highlightRow = (_a = this.api.internalApi
+            .getSystemState()
+            .HighlightedRows) === null || _a === void 0 ? void 0 : _a.find((highlightRow) => {
+            return highlightRow.primaryKeyValue === primaryKeyValue;
+        });
+        return typeof (highlightRow === null || highlightRow === void 0 ? void 0 : highlightRow.highlightStyle) === 'object'
+            ? highlightRow.highlightStyle.ClassName
+            : null;
+    }
     getQuickSearchCellStyle() {
         const quickSearchStyle = this.api.quickSearchApi.getQuickSearchStyle();
         if (!quickSearchStyle || StringExtensions_1.StringExtensions.IsNotNullOrEmpty(quickSearchStyle.ClassName)) {
@@ -1602,6 +1663,9 @@ class Adaptable {
         }
     }
     isInternallyRenderedColumn(column) {
+        if (!column || column.isGrouped) {
+            return true;
+        }
         // we need to return false if the column has a cell rendeerer i think...
         const colDef = this.gridOptions.api.getColumnDef(column.columnId);
         if (colDef && colDef.cellRenderer != null) {
@@ -1710,6 +1774,9 @@ class Adaptable {
         return formatterFn(params);
     }
     getNormalisedValueFromRowValue(rawValue, displayValue, column) {
+        if (!column) {
+            return rawValue;
+        }
         const returnValue = this.isInternallyRenderedColumn(column) ? displayValue : rawValue;
         if (returnValue === undefined || returnValue === null) {
             return rawValue;
@@ -1883,8 +1950,10 @@ class Adaptable {
         ];
     }
     getColDefsForFreeTextColumns() {
-        const specialColumnsAreFilterable = this.api.internalApi.getAdaptableOptions().filterOptions.enableFilterOnSpecialColumns;
-        const defaultFreeTextColumnSettings = ObjectFactory_1.CreateEmptyFreeTextColumn(specialColumnsAreFilterable).FreeTextColumnSettings;
+        const specialColumnsAreFilterable = this.api.internalApi.getAdaptableOptions().filterOptions
+            .enableFilterOnSpecialColumns;
+        const defaultFreeTextColumnSettings = ObjectFactory_1.CreateEmptyFreeTextColumn(specialColumnsAreFilterable)
+            .FreeTextColumnSettings;
         return this.api.freeTextColumnApi.getAllFreeTextColumn().map((freeTextColumn) => {
             const freeTextColumnSettings = Object.assign(Object.assign({}, defaultFreeTextColumnSettings), freeTextColumn.FreeTextColumnSettings);
             const dataTypeEditor = freeTextColumn.DataType === 'Number'
@@ -1985,18 +2054,51 @@ class Adaptable {
         this.safeSetColDefs(allDefs);
         this.setLayout();
     }
+    cleanupFloatingFilters_WORKAROUND() {
+        // since AG Grid v26.2.0 floating filters have a memory leak due to an dangling reference to an obsolete agSetFilter instance
+        var _a, _b;
+        // 1a. The initial floating filter component is defaulted to the 'agSetColumnFloatingFilter'
+        // (see https://github.com/ag-grid/ag-grid/blob/v26.2.0/community-modules/core/src/ts/headerRendering/cells/floatingFilter/headerFilterCellCtrl.ts#L210) and a corresponding bean component is instantiated.
+        //   1b. A listener to the 'filterChanged' event is created, referencing the newly created bean instance: https://github.com/ag-grid/ag-grid/blob/v26.2.0/community-modules/core/src/ts/headerRendering/cells/floatingFilter/headerFilterCellCtrl.ts#L298
+        //   2a. The floating filter is set to a custom component (via https://www.ag-grid.com/javascript-data-grid/column-properties/#reference-filtering-floatingFilterComponent), triggering the creation of a new floating filter bean component
+        //   2b. Another listener to the 'filterChanged' event is created, referencing the newly created (in step 2a) bean instance https://github.com/ag-grid/ag-grid/blob/v26.2.0/community-modules/core/src/ts/headerRendering/cells/floatingFilter/headerFilterCellCtrl.ts#L298
+        //   BUT the listener created in step 1b is NOT destroyed, leading to a state where the 'filterChanged' event has listeners stemming from both the current floating filter bean but also from the initial(now obsolete) bean
+        //
+        // As a consequence, any 'filterChanged' event will be processed by both listeners (1b, 2b) and will more often than not lead to a runtime exception due to the dangling references from the obsolete listener
+        // AG Grid team tracks this issue in AG-6179
+        // until a fix arrives, a workaround is to hide all the visible columns (thus destroying all the HeaderFilterCellCtrl instances)
+        if (!((_b = (_a = this.adaptableOptions) === null || _a === void 0 ? void 0 : _a.filterOptions) === null || _b === void 0 ? void 0 : _b.useAdaptableQuickFilter)) {
+            // no need to do anything if we don't use adaptable quick filter
+            return;
+        }
+        if (this.gridOptions.columnApi.isPivotMode()) {
+            // floating filters are NOT available in pivot mode
+            return;
+        }
+        // floating filter instances (HeaderFilterCellCtrl) are created only for rendered columns (in viewport)
+        // so we have to handle only the displayed columns
+        const allDisplayedCols = this.gridOptions.columnApi.getAllDisplayedColumns();
+        const colsWithFloatingFilter = allDisplayedCols.filter((col) => {
+            const colDef = col.getColDef();
+            return (colDef.floatingFilter ||
+                colDef.floatingFilterComponent ||
+                this.api.columnApi.usesAdaptableQuickFilter(col.getColId()));
+        });
+        colsWithFloatingFilter.forEach((col) => this.gridOptions.columnApi.setColumnsVisible(colsWithFloatingFilter, false));
+        // !! it is important to NOT set the columns visible again as this is already taken care of in the next performed method (this.updateColDefsForSpecialColumns())
+    }
     getColDefsForCalculatedColumns() {
         const specialColumnsAreFilterable = this.adaptableOptions.filterOptions
             .enableFilterOnSpecialColumns
             ? this.adaptableOptions.filterOptions.enableFilterOnSpecialColumns
             : true;
-        const defaultCalculatedColumnSettings = ObjectFactory_1.CreateEmptyCalculatedColumn(specialColumnsAreFilterable).CalculatedColumnSettings;
+        const defaultCalculatedColumnSettings = ObjectFactory_1.CreateEmptyCalculatedColumn(specialColumnsAreFilterable)
+            .CalculatedColumnSettings;
         return this.api.calculatedColumnApi.getAllCalculatedColumn().map((calculatedColumn) => {
             var _a;
             const calculatedColumnSettings = Object.assign(Object.assign({}, defaultCalculatedColumnSettings), calculatedColumn.CalculatedColumnSettings);
             if (!calculatedColumnSettings.DataType) {
-                calculatedColumnSettings.DataType =
-                    this.CalculatedColumnExpressionService.GetCalculatedColumnDataType((_a = calculatedColumn.Query) === null || _a === void 0 ? void 0 : _a.ScalarExpression);
+                calculatedColumnSettings.DataType = this.CalculatedColumnExpressionService.GetCalculatedColumnDataType((_a = calculatedColumn.Query) === null || _a === void 0 ? void 0 : _a.ScalarExpression);
             }
             const newColDef = {
                 headerName: calculatedColumn.FriendlyName
@@ -2372,7 +2474,8 @@ class Adaptable {
             this.onSortChanged();
             this.debouncedSetSelectedCells();
         });
-        const showGroupingTotalsAsHeader = this.adaptableOptions.generalOptions.showGroupingTotalsAsHeader;
+        const showGroupingTotalsAsHeader = this.adaptableOptions.generalOptions
+            .showGroupingTotalsAsHeader;
         /**
          * Use Case: Model has updated
          * Action: If user has set to see grouping totals as header create a pinned row (bit of a hack)
@@ -2514,7 +2617,7 @@ class Adaptable {
             }
             return originaldoesExternalFilterPass ? originaldoesExternalFilterPass(node) : true;
         };
-        // Build the COLUMN HEADER MENU.  Note that we do this EACH time the menu is opened (as items can change)
+        // Build the COLUMN MENU.  Note that we do this EACH time the menu is opened (as items can change)
         const originalgetMainMenuItems = this.gridOptions.getMainMenuItems;
         this.gridOptions.getMainMenuItems = (params) => {
             // couldnt find a way to listen for menu close. There is a Menu Item Select, but you can also close menu from filter and clicking outside menu....
@@ -2535,6 +2638,9 @@ class Adaptable {
         // add any special renderers, display formats, custom sorts and apply the theme
         // then do any final rendering required, filter the grid and - to be on the safe set - redraw
         try {
+            // it is very important that this method is executed as soon as possible and BEFORE the updateColDefsForSpecialColumns() method
+            // this will ensure that the columns are recreated as expected (see method implementation&comments for more details)
+            this.cleanupFloatingFilters_WORKAROUND();
             this.updateColDefsForSpecialColumns();
             this.applyCurrentTheme();
             this.applyFinalRendering();
@@ -2659,7 +2765,7 @@ class Adaptable {
                     ? this.getFormatColumnCellStyle(formatColumn, params)
                     : undefined;
                 const isQuickSearchActive = hasQuickSearchStyle && this.isQuickSearchActive(abColumn, params);
-                const result = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, defaultCellStyle), this.getReadOnlyCellStyle(abColumn, params)), this.getEditableCellStyle(abColumn, params)), (typeof userCellStyle === 'function' ? userCellStyle(params) : userCellStyle)), formatColumnCellStyle), this.getConditionalStyleCellStyle(conditionalStyles, abColumn, params)), (isQuickSearchActive ? quickSearchStyle : undefined)), this.getAlertCellStyle(abColumn, params)), this.getFlashingAlertCellStyle(abColumn, params)), this.getCellHighlightStyle(abColumn, params));
+                const result = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, defaultCellStyle), this.getReadOnlyCellStyle(abColumn, params)), this.getEditableCellStyle(abColumn, params)), (typeof userCellStyle === 'function' ? userCellStyle(params) : userCellStyle)), formatColumnCellStyle), this.getConditionalStyleCellStyle(conditionalStyles, abColumn, params)), (isQuickSearchActive ? quickSearchStyle : undefined)), this.getAlertCellStyle(abColumn, params)), this.getFlashingCellStyle(abColumn, params)), this.getCellHighlightStyle(abColumn, params));
                 return result;
             };
             return cellStyle;
@@ -2683,7 +2789,8 @@ class Adaptable {
                 const primaryKeyValue = this.getPrimaryKeyValueFromRowNode(params.node);
                 const editableClassName = this.getEditableCellClass(abColumn, params);
                 const readonlyClassName = this.getReadonlyCellClass(abColumn, params);
-                let returnValue = [
+                const highlightAlertClassName = this.getAlertCellClass(abColumn, params);
+                const returnValue = [
                     this.getExcelClassNameForCell(colId, primaryKeyValue),
                     typeof userCellClass === 'function' ? userCellClass(params) : userCellClass,
                     formatColumnStyleClassName,
@@ -2693,6 +2800,7 @@ class Adaptable {
                     isQuickSearchActive ? quickSearchStyleClassName : null,
                     editableClassName,
                     readonlyClassName,
+                    highlightAlertClassName,
                 ]
                     .filter((x) => !!x)
                     .join(' ');
@@ -2814,7 +2922,8 @@ class Adaptable {
             // set the default to the AG Grid provided values
             // from https://github.com/ag-grid/ag-grid/blob/v26.1.0/community-modules/core/src/ts/columns/columnModel.ts#L2515
             let resultHeaderName = userHeaderName !== null && userHeaderName !== void 0 ? userHeaderName : StringExtensions_1.StringExtensions.CamelCaseToHumanText(col.getColDef().field);
-            const layoutCustomHeader = (_a = this.api.layoutApi.getCurrentLayout().ColumnHeadersMap) === null || _a === void 0 ? void 0 : _a[col.getColId()];
+            const layoutCustomHeader = (_a = this.api.layoutApi.getCurrentLayout()
+                .ColumnHeadersMap) === null || _a === void 0 ? void 0 : _a[col.getColId()];
             if (layoutCustomHeader) {
                 resultHeaderName = layoutCustomHeader;
             }
@@ -3417,10 +3526,18 @@ class Adaptable {
         }
         dataUpdateConfig = dataUpdateConfig || {};
         if (dataUpdateConfig.runAsync) {
-            this.gridOptions.api.applyTransactionAsync({ update: dataRows }, dataUpdateConfig.callback);
+            return new Promise((resolve) => {
+                this.gridOptions.api.applyTransactionAsync({ update: dataRows }, (transaction) => {
+                    if (typeof dataUpdateConfig.callback === 'function') {
+                        dataUpdateConfig.callback(transaction);
+                    }
+                    resolve(transaction === null || transaction === void 0 ? void 0 : transaction.update);
+                });
+            });
         }
         else {
-            this.gridOptions.api.applyTransaction({ update: dataRows });
+            const transaction = this.gridOptions.api.applyTransaction({ update: dataRows });
+            return Promise.resolve(transaction === null || transaction === void 0 ? void 0 : transaction.update);
         }
     }
     addRows(dataRows, dataUpdateConfig) {
@@ -3433,19 +3550,35 @@ class Adaptable {
             newData.addIndex = dataUpdateConfig.addIndex;
         }
         if (dataUpdateConfig.runAsync) {
-            this.gridOptions.api.applyTransactionAsync(newData, dataUpdateConfig.callback);
+            return new Promise((resolve) => {
+                this.gridOptions.api.applyTransactionAsync(newData, (transaction) => {
+                    if (typeof dataUpdateConfig.callback === 'function') {
+                        dataUpdateConfig.callback(transaction);
+                    }
+                    resolve(transaction === null || transaction === void 0 ? void 0 : transaction.add);
+                });
+            });
         }
         else {
-            this.gridOptions.api.applyTransaction(newData);
+            const transaction = this.gridOptions.api.applyTransaction(newData);
+            return Promise.resolve(transaction === null || transaction === void 0 ? void 0 : transaction.add);
         }
     }
     deleteRows(dataRows, dataUpdateConfig) {
         dataUpdateConfig = dataUpdateConfig || {};
         if (dataUpdateConfig.runAsync) {
-            this.gridOptions.api.applyTransactionAsync({ remove: dataRows }, dataUpdateConfig.callback);
+            return new Promise((resolve) => {
+                this.gridOptions.api.applyTransactionAsync({ remove: dataRows }, (transaction) => {
+                    if (typeof dataUpdateConfig.callback === 'function') {
+                        dataUpdateConfig.callback(transaction);
+                    }
+                    resolve(transaction === null || transaction === void 0 ? void 0 : transaction.remove);
+                });
+            });
         }
         else {
-            this.gridOptions.api.applyTransaction({ remove: dataRows });
+            const transaction = this.gridOptions.api.applyTransaction({ remove: dataRows });
+            return Promise.resolve(transaction.remove);
         }
     }
     getFirstGroupedColumn() {
@@ -3703,15 +3836,19 @@ import "@adaptabletools/adaptable/themes/${themeName}.css"`);
         // Set any Row Styles (i.e. items without a classname)
         this.setGridOptionsProperty('getRowStyle', (userGetRowStyle) => {
             return (params) => {
-                const result = Object.assign(Object.assign({}, userGetRowStyle === null || userGetRowStyle === void 0 ? void 0 : userGetRowStyle(params)), this.getConditionalStyleRowStyle(conditionalStyles, params));
+                const result = Object.assign(Object.assign(Object.assign(Object.assign({}, userGetRowStyle === null || userGetRowStyle === void 0 ? void 0 : userGetRowStyle(params)), this.getRowHighlightStyle(params)), this.getAlertRowStyle(params)), this.getConditionalStyleRowStyle(conditionalStyles, params));
                 return result;
             };
         });
         // Now set up Row Classes
         this.setGridOptionsProperty('getRowClass', (userGetRowClass) => {
             return (params) => {
-                let returnValue = [
+                const alertHighlightClassName = this.getAlertRowClass(params);
+                const highlightClassName = this.getRowHighlightClass(params);
+                const returnValue = [
                     typeof userGetRowClass === 'function' ? userGetRowClass(params) : userGetRowClass,
+                    highlightClassName,
+                    alertHighlightClassName,
                     this.getConditionalStyleRowClass(conditionalStyles.filter((cs) => StringExtensions_1.StringExtensions.IsNotNullOrEmpty(cs.Style.ClassName)), params),
                 ]
                     .filter((x) => !!x)
@@ -4023,7 +4160,7 @@ class AdaptableNoCodeWizard {
      */
     constructor(adaptableOptions, extraOptions = {}) {
         const defaultInit = async ({ gridOptions, adaptableOptions }) => {
-            adaptableOptions.vendorGrid = gridOptions;
+            adaptableOptions.agGridOptions = gridOptions;
             return await Adaptable.init(adaptableOptions);
         };
         this.adaptableOptions = adaptableOptions;
@@ -4057,7 +4194,7 @@ class AdaptableNoCodeWizard {
                 ReactDOM.unmountComponentAtNode(container);
                 this.init({
                     adaptableOptions,
-                    gridOptions: adaptableOptions.vendorGrid,
+                    gridOptions: adaptableOptions.agGridOptions,
                 });
             } })), container);
     }