@adaptabletools/adaptable 11.2.4 → 12.0.0-canary.1

package/src/agGrid/Adaptable.js

@@ -61,6 +61,8 @@ const DateHelper_1 = require("../Utilities/Helpers/DateHelper");
 const StatusBarState_1 = require("../PredefinedConfig/StatusBarState");
 const createAgStatusPanelComponent_1 = require("./createAgStatusPanelComponent");
 const AdaptableStatusBar_1 = require("../View/StatusBar/AdaptableStatusBar");
+const RowEditService_1 = require("../Utilities/Services/RowEditService");
+const rowEditIcons_1 = require("./rowEditIcons");
 const tinycolor = require('tinycolor2');
 all_modules_1.ModuleRegistry.registerModules(all_modules_1.AllCommunityModules);
 const GROUP_PATH_SEPARATOR = '/';
@@ -373,7 +375,7 @@ class Adaptable {
         // Build the default group sort comparator - will get custom sort values (but not functions) in real time
         // TODO: if  a custom 'aggFunc' property is defined (see setupColumnAggFunc()), it won't be evaluated
         if (!this.getInitialGroupOrderComparator(this.gridOptions) &&
-            this.adaptableOptions.generalOptions.autoOrderGroupedColumns) {
+            this.adaptableOptions.columnOptions.autoOrderGroupedColumns) {
             this.gridOptions.initialGroupOrderComparator =
                 this.agGridHelper.runAdaptableGroupComparerFunction();
         }
@@ -391,6 +393,7 @@ class Adaptable {
         this.QueryLanguageService = new QueryLanguageService_1.QueryLanguageService(this.api);
         this.AlertService = new AlertService_1.AlertService(this.api);
         this.TeamSharingService = new TeamSharingService_1.TeamSharingService(this.api);
+        this.RowEditService = new RowEditService_1.RowEditService(this.api);
         this.MetamodelService = new MetamodelService_1.MetamodelService(this.api);
         this.forPlugins((plugin) => plugin.afterInitServices(this));
         // Set up Modules - we set up all the Modules suitable for AG Grid
@@ -452,6 +455,13 @@ class Adaptable {
             }).then(async () => {
                 this.api.internalApi.hideLoadingScreen();
                 this.isInitialised = true;
+                this._adaptableReady = true;
+                // setTimeout(() => {
+                // this.api.eventApi.emit('AdaptableReady', {
+                //   adaptableApi: this.api,
+                //   gridOptions: this.adaptableOptions.gridOptions,
+                // });
+                // }, 0);
             });
             if (this.abContainerElement == null) {
                 this.abContainerElement = this.getAdaptableContainerElement();
@@ -516,16 +526,18 @@ class Adaptable {
             this.performAudit(data.action, data.state, data.newState);
             this.forPlugins((plugin) => plugin.onStoreEvent(eventName, data, this.adaptableStore));
             if (eventName == AdaptableStore_1.INIT_STATE) {
-                this._adaptableReady = true;
                 LoggingHelper_1.LogAdaptableInfo(`Updating obsolete configuration/state`);
                 this.adaptableModules.forEach((m) => m.updateOldConfig());
                 // call stuff here
                 // and reset state also?
                 this.forPlugins((plugin) => plugin.onAdaptableReady(this, this.adaptableOptions));
+                this._adaptableReady = true;
+                // setTimeout(() => {
                 this.api.eventApi.emit('AdaptableReady', {
                     adaptableApi: this.api,
                     gridOptions: this.adaptableOptions.gridOptions,
                 });
+                // }, 0);
             }
         });
     }
@@ -566,39 +578,19 @@ class Adaptable {
             //   this.gridOptions.components.__adaptableGroupCellRenderer = AdaptableGroupCellRenderer;
             // }
         }
-        // Create Adaptable adaptable Tool Panel
-        if (this.adaptableOptions.toolPanelOptions.showAdaptableToolPanel) {
-            if (this.gridOptions.sideBar) {
-                this.gridOptions.sideBar = this.gridOptions.sideBar || {};
-                this.gridOptions.components = this.gridOptions.components || {};
-                // https://www.ag-grid.com/javascript-grid/side-bar/
-                const sidebar = this.gridOptions.sideBar;
-                if (sidebar === true) {
-                    // Possibility 1: Sidebar is true - meaning that they want the default filter and columns, so create both:
-                    this.gridOptions.sideBar = this.agGridHelper.createAdaptableSideBarDefs(true, true);
-                }
-                else if (sidebar === 'columns') {
-                    // Possibility 2: Sidebar is 'columns' (string) - meaning column only so create just that
-                    this.gridOptions.sideBar = this.agGridHelper.createAdaptableSideBarDefs(false, true);
-                }
-                else if (sidebar === 'filters') {
-                    // Possibility 3: Sidebar is 'filters' (string) - meaning filters only so create just that
-                    this.gridOptions.sideBar = this.agGridHelper.createAdaptableSideBarDefs(true, false);
-                }
-                else {
-                    // Possibilty 4: either no sidebar or they created their own; in either case, should add adaptable Tool panel
-                    const sidebarDef = this.gridOptions.sideBar;
-                    if (sidebarDef) {
-                        sidebarDef.toolPanels = sidebarDef.toolPanels || [];
-                        sidebarDef.toolPanels.push(this.agGridHelper.createAdaptableToolPanel());
-                        this.agGridHelper.orderToolPanels(sidebarDef.toolPanels);
-                    }
-                }
-                this.gridOptions.components.AdaptableToolPanel = AdaptableToolPanel_1.getAdaptableToolPanelAgGridComponent(this);
-                if (this.gridOptions.api) {
-                    this.gridOptions.api.setSideBar(this.gridOptions.sideBar);
-                }
+        const adaptableSideBarDef = this.createAdaptableSideBarDef();
+        if (!!adaptableSideBarDef) {
+            this.gridOptions.components = this.gridOptions.components || {};
+            this.gridOptions.components.AdaptableToolPanel = AdaptableToolPanel_1.getAdaptableToolPanelAgGridComponent(this);
+        }
+        if (this.agGridHelper.isSideBarDefObject(adaptableSideBarDef)) {
+            if (this.gridOptions.api) {
+                this.gridOptions.api.setSideBar(adaptableSideBarDef);
+            }
+            else {
+                this.gridOptions.sideBar = adaptableSideBarDef;
             }
+            this.hasAdaptableToolPanel = true;
         }
         this.createStatusBars();
         const checkAgGridContainer = () => {
@@ -680,6 +672,50 @@ class Adaptable {
         }
         return (this.adaptableOptions.containerOptions.agGridContainer = agGridContainer);
     }
+    createAdaptableSideBarDef() {
+        var _a;
+        if (
+        // no need to create the sidebar if it is not enabled
+        !this.gridOptions.sideBar) {
+            return;
+        }
+        if (this.gridOptions.sideBar === true) {
+            // create all tool panels with default settings
+            return {
+                toolPanels: [
+                    GeneralConstants.AGGRID_TOOLPANEL_FILTERS,
+                    GeneralConstants.AGGRID_TOOLPANEL_COLUMNS,
+                    this.agGridHelper.buildAdaptableToolPanelDef(),
+                ],
+            };
+        }
+        else if (typeof this.gridOptions.sideBar === 'string') {
+            // there is only one tool panel, and it's the adaptable one => we have to handle it
+            if (this.gridOptions.sideBar === GeneralConstants.ADAPTABLE_TOOLPANEL_ID) {
+                return {
+                    toolPanels: [this.agGridHelper.buildAdaptableToolPanelDef()],
+                };
+            }
+        }
+        else if (Array.isArray(this.gridOptions.sideBar)) {
+            if (!this.gridOptions.sideBar.includes(GeneralConstants.ADAPTABLE_TOOLPANEL_ID)) {
+                return;
+            }
+            // if it's an array, process the tool panel definitions
+            const sidebarDef = {};
+            sidebarDef.toolPanels = this.agGridHelper.mapToolPanelDefs(this.gridOptions.sideBar);
+            return sidebarDef;
+        }
+        else if (this.agGridHelper.isSideBarDefObject(this.gridOptions.sideBar)) {
+            if ((_a = this.gridOptions.sideBar.toolPanels) === null || _a === void 0 ? void 0 : _a.some((toolpanelDef) => typeof toolpanelDef !== 'string' &&
+                toolpanelDef.id === GeneralConstants.ADAPTABLE_TOOLPANEL_ID)) {
+                // return the boolean flag so that we know that we need the custom AdaptableToolPanel component
+                return true;
+            }
+            // if it's fully-fledged SideBarDef, process its tool panel definitions
+            return Object.assign(Object.assign({}, this.gridOptions.sideBar), { toolPanels: this.agGridHelper.mapToolPanelDefs(this.gridOptions.sideBar.toolPanels) });
+        }
+    }
     createStatusBars() {
         var _a, _b;
         const statusBarOptions = Object.assign({}, this.gridOptions.statusBar);
@@ -1205,6 +1241,12 @@ class Adaptable {
             layout = this.api.layoutApi.getCurrentLayout();
         }
         layout.Columns = layout.Columns || [];
+        const rowEditActionColumn = this.getColDefsForRowEditColumns()[0];
+        if (rowEditActionColumn) {
+            layout.Columns.push(rowEditActionColumn.colId);
+            layout.PinnedColumnsMap = layout.PinnedColumnsMap || {};
+            layout.PinnedColumnsMap[rowEditActionColumn.colId] = rowEditActionColumn.pinned;
+        }
         const layoutColumnsMap = layout.Columns.reduce((acc, colId) => {
             acc[colId] = true;
             return acc;
@@ -1244,7 +1286,7 @@ class Adaptable {
         let newColState = this.getSortedColumnStateForVisibleColumns(columnsToShow, columnsState);
         newColState = newColState
             .map((colState) => {
-            var _a, _b, _c, _d;
+            var _a, _b, _c, _d, _e;
             const { colId } = colState;
             const oldColState = columnsStateMap[colId];
             const hide = this.api.columnApi.isAutoPivotColumn(colId)
@@ -1283,10 +1325,16 @@ class Adaptable {
                 newColState.aggFunc =
                     aggregationFunctionsColumnsMap[colId] === true
                         ? // if we have true, it means - take the default aggFunc from colDef
-                         (_d = (_c = 
+                         (_e = (_d = (_c = 
                         // NOTE: colState gives us the current aggFunc, which can be null,
                         // while the colDef gives us the initially configured aggFunc for that column
-                        colState.aggFunc) !== null && _c !== void 0 ? _c : colDef === null || colDef === void 0 ? void 0 : colDef.aggFunc) !== null && _d !== void 0 ? _d : 'sum' : aggregationFunctionsColumnsMap[colId];
+                        colState.aggFunc) !== null && _c !== void 0 ? _c : colDef === null || colDef === void 0 ? void 0 : colDef.aggFunc) !== null && _d !== void 0 ? _d : 
+                        // @ts-ignore available only wth ag-Grid v27.3.x
+                        colDef === null || 
+                        // @ts-ignore available only wth ag-Grid v27.3.x
+                        colDef === void 0 ? void 0 : 
+                        // @ts-ignore available only wth ag-Grid v27.3.x
+                        colDef.defaultAggFunc) !== null && _e !== void 0 ? _e : 'sum' : aggregationFunctionsColumnsMap[colId];
             }
             if (sortModelMap[colId]) {
                 newColState.sort = sortModelMap[colId].sort;
@@ -1577,7 +1625,7 @@ class Adaptable {
         // see https://www.ag-grid.com/javascript-data-grid/change-detection/#triggering-value-change-detection
         let newValue;
         let dataType = column.dataType;
-        newValue = dataType == Enums_1.DataType.Number ? Number(value) : value;
+        newValue = dataType == 'Number' ? Number(value) : value;
         if (dataType == undefined) {
             return; // no point continuing as probably a wrong  column
         }
@@ -2067,6 +2115,7 @@ class Adaptable {
             ...this.getColDefsForCalculatedColumns(),
             ...this.getColDefsForActionColumns(),
             ...this.getColDefsForFreeTextColumns(),
+            ...this.getColDefsForRowEditColumns(),
         ];
     }
     getColDefsForFreeTextColumns() {
@@ -2134,6 +2183,102 @@ class Adaptable {
             });
         }
     }
+    getColDefsForRowEditColumns() {
+        const actionRowButtons = this.adaptableOptions.userInterfaceOptions.actionOptions.actionRowButtons;
+        if (!(actionRowButtons === null || actionRowButtons === void 0 ? void 0 : actionRowButtons.length)) {
+            return [];
+        }
+        const editButtons = actionRowButtons
+            .map((buttonName) => {
+            if (buttonName === 'create') {
+                // we need this dirty hack until ActionColumn support for custom icons is improved
+                const label = rowEditIcons_1.rowAddIcon;
+                return {
+                    label,
+                    tooltip: 'Create',
+                    onClick: () => {
+                        this.api.gridApi.openCreateRowForm();
+                    },
+                };
+            }
+            if (buttonName === 'edit') {
+                // we need this dirty hack until ActionColumn support for custom icons is improved
+                const label = rowEditIcons_1.rowEditIcon;
+                return {
+                    label,
+                    tooltip: 'Edit',
+                    onClick: (button, context) => {
+                        this.api.gridApi.openEditRowForm(context.primaryKeyValue);
+                    },
+                };
+            }
+            if (buttonName === 'clone') {
+                // we need this dirty hack until ActionColumn support for custom icons is improved
+                const label = rowEditIcons_1.rowCloneIcon;
+                return {
+                    label,
+                    tooltip: 'Clone',
+                    onClick: (button, context) => {
+                        this.api.gridApi.openCloneRowForm(context.primaryKeyValue);
+                    },
+                };
+            }
+            if (buttonName === 'delete') {
+                // we need this dirty hack until ActionColumn support for custom icons is improved
+                const label = rowEditIcons_1.rowDeleteIcon;
+                return {
+                    label,
+                    tooltip: 'Delete',
+                    onClick: (button, context) => {
+                        var _a, _b;
+                        const eventInfo = {
+                            type: 'rowDeleted',
+                            rowNode: context.rowNode,
+                            adaptableApi: context.adaptableApi,
+                        };
+                        this.api.eventApi.emit('RowFormSubmitted', eventInfo);
+                        (_b = (_a = this.adaptableOptions.editOptions.rowFormOptions).onFormSubmit) === null || _b === void 0 ? void 0 : _b.call(_a, eventInfo);
+                    },
+                };
+            }
+        })
+            .filter(Boolean);
+        if (!editButtons.length) {
+            return [];
+        }
+        const rowEditActionColumn = {
+            columnId: GeneralConstants_1.ADAPTABLE_ROW_ACTION_BUTTONS,
+            actionColumnButton: editButtons,
+        };
+        return [
+            {
+                headerName: '',
+                colId: GeneralConstants_1.ADAPTABLE_ROW_ACTION_BUTTONS,
+                hide: false,
+                editable: false,
+                width: editButtons.length * 42,
+                resizable: false,
+                lockVisible: true,
+                suppressColumnsToolPanel: true,
+                suppressFiltersToolPanel: true,
+                suppressMenu: true,
+                suppressMovable: true,
+                filter: false,
+                sortable: false,
+                enableRowGroup: false,
+                pinned: this.adaptableOptions.userInterfaceOptions.actionOptions.actionRowButtonsPosition ===
+                    'pinnedRight'
+                    ? 'right'
+                    : 'left',
+                cellRenderer: ActionColumnRenderer_1.ActionColumnRenderer,
+                cellRendererParams: {
+                    actionColumn: rowEditActionColumn,
+                },
+                cellClass: GeneralConstants_1.ADAPTABLE_ROW_ACTION_BUTTONS,
+                type: [GeneralConstants_1.AB_SPECIAL_COLUMN, 'abColDefObject'],
+            },
+        ];
+    }
     getColDefsForActionColumns() {
         const defaultActionColumnSettings = {
             resizable: true,
@@ -2286,6 +2431,10 @@ class Adaptable {
                 suppressMovable: calculatedColumnSettings.SuppressMovable,
                 type: columnTypes,
                 valueGetter: (params) => {
+                    var _a, _b;
+                    if ((_a = calculatedColumn.CalculatedColumnSettings) === null || _a === void 0 ? void 0 : _a.ExternallyEvaluatedExpression) {
+                        return (_b = params.data) === null || _b === void 0 ? void 0 : _b[calculatedColumn.ColumnId];
+                    }
                     return this.CalculatedColumnExpressionService.evaluateCalculatedColumnQuery(calculatedColumn, params.node);
                 },
             };
@@ -2347,7 +2496,7 @@ class Adaptable {
         return this.gridOptions.api.getDisplayedRowAtIndex(firstDisplayedRowIndex);
     }
     destroy(config) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
         if (this.gridOptions && this.gridOptions.api) {
             this.gridOptions.api.removeEventListener(all_modules_1.Events.EVENT_FIRST_DATA_RENDERED, this.listenerFirstDataRendered);
             this.gridOptions.api.removeEventListener(all_modules_1.Events.EVENT_COLUMN_PIVOT_MODE_CHANGED, this.listenerPivotModeChanged);
@@ -2407,27 +2556,29 @@ class Adaptable {
         this.adaptableStore = null;
         this.gridOptions = null;
         this.adaptableOptions = null;
-        (_b = this.CalculatedColumnExpressionService) === null || _b === void 0 ? void 0 : _b.destroy();
+        (_c = (_b = this.CalculatedColumnExpressionService) === null || _b === void 0 ? void 0 : _b.destroy) === null || _c === void 0 ? void 0 : _c.call(_b);
         this.CalculatedColumnExpressionService = null;
-        (_c = this.DataService) === null || _c === void 0 ? void 0 : _c.destroy();
+        (_e = (_d = this.DataService) === null || _d === void 0 ? void 0 : _d.destroy) === null || _e === void 0 ? void 0 : _e.call(_d);
         this.DataService = null;
-        (_d = this.EntitlementService) === null || _d === void 0 ? void 0 : _d.destroy();
+        (_g = (_f = this.EntitlementService) === null || _f === void 0 ? void 0 : _f.destroy) === null || _g === void 0 ? void 0 : _g.call(_f);
         this.EntitlementService = null;
-        (_e = this.ReportService) === null || _e === void 0 ? void 0 : _e.destroy();
+        (_j = (_h = this.ReportService) === null || _h === void 0 ? void 0 : _h.destroy) === null || _j === void 0 ? void 0 : _j.call(_h);
         this.ReportService = null;
-        (_f = this.ModuleService) === null || _f === void 0 ? void 0 : _f.destroy();
+        (_l = (_k = this.ModuleService) === null || _k === void 0 ? void 0 : _k.destroy) === null || _l === void 0 ? void 0 : _l.call(_k);
         this.ModuleService = null;
-        (_g = this.ValidationService) === null || _g === void 0 ? void 0 : _g.destroy();
+        (_o = (_m = this.ValidationService) === null || _m === void 0 ? void 0 : _m.destroy) === null || _o === void 0 ? void 0 : _o.call(_m);
         this.ValidationService = null;
-        (_h = this.QueryLanguageService) === null || _h === void 0 ? void 0 : _h.destroy();
+        (_q = (_p = this.QueryLanguageService) === null || _p === void 0 ? void 0 : _p.destroy) === null || _q === void 0 ? void 0 : _q.call(_p);
         this.QueryLanguageService = null;
-        (_j = this.AlertService) === null || _j === void 0 ? void 0 : _j.destroy();
+        (_s = (_r = this.AlertService) === null || _r === void 0 ? void 0 : _r.destroy) === null || _s === void 0 ? void 0 : _s.call(_r);
         this.AlertService = null;
-        (_k = this.TeamSharingService) === null || _k === void 0 ? void 0 : _k.destroy();
+        (_u = (_t = this.TeamSharingService) === null || _t === void 0 ? void 0 : _t.destroy) === null || _u === void 0 ? void 0 : _u.call(_t);
         this.TeamSharingService = null;
-        (_l = this.MetamodelService) === null || _l === void 0 ? void 0 : _l.destroy();
+        (_w = (_v = this.RowEditService) === null || _v === void 0 ? void 0 : _v.destroy) === null || _w === void 0 ? void 0 : _w.call(_v);
+        this.RowEditService = null;
+        (_y = (_x = this.MetamodelService) === null || _x === void 0 ? void 0 : _x.destroy) === null || _y === void 0 ? void 0 : _y.call(_x);
         this.MetamodelService = null;
-        (_m = this.LicenseService) === null || _m === void 0 ? void 0 : _m.destroy();
+        (_0 = (_z = this.LicenseService) === null || _z === void 0 ? void 0 : _z.destroy) === null || _0 === void 0 ? void 0 : _0.call(_z);
         this.LicenseService = null;
         this.isDestroyed = true;
     }
@@ -2606,6 +2757,7 @@ class Adaptable {
             all_modules_1.Events.EVENT_ROW_GROUP_OPENED,
             all_modules_1.Events.EVENT_COLUMN_VALUE_CHANGED,
         ];
+        // ADD filter event
         this.gridOptions.api.addGlobalListener((this.listenerGlobalColumnEventsThatTriggerAutoLayoutSave = (type) => {
             if (columnEventsThatTriggersAutoLayoutSave.indexOf(type) > -1) {
                 this.debouncedSaveGridLayout();
@@ -2619,7 +2771,7 @@ class Adaptable {
             if (this.api.internalApi.isGridInPivotMode()) {
                 return;
             }
-            if (this.adaptableOptions.generalOptions.hideColumnWhenGrouped === true &&
+            if (this.adaptableOptions.columnOptions.hideColumnWhenGrouped === true &&
                 params.source !== 'api') {
                 params.columns.forEach((col) => {
                     if (col.isVisible()) {
@@ -2719,7 +2871,7 @@ class Adaptable {
             if (this.isDestroyed) {
                 return true;
             }
-            const columnFilters = this.api.filterApi.getAllColumnFilter();
+            const columnFilters = this.api.filterApi.getColumnFilters();
             const isFilterActive = ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(columnFilters);
             const isQueryActive = StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.api.queryApi.getCurrentQuery());
             return (isFilterActive ||
@@ -2750,7 +2902,7 @@ class Adaptable {
             try {
                 // we then assess filters (if running locally)
                 if (evaluateFilterOnClient) {
-                    const columnFilters = this.api.filterApi.getAllColumnFilter();
+                    const columnFilters = this.api.filterApi.getColumnFilters();
                     if (columnFilters.length > 0) {
                         for (const columnFilter of columnFilters) {
                             if (!this.api.filterApi.evaluateColumnFilter(columnFilter, node)) {
@@ -2780,7 +2932,7 @@ class Adaptable {
         this.prepareGrid();
     }
     updateColumnFilterActiveState() {
-        const columnFilters = this.api.filterApi.getAllColumnFilter();
+        const columnFilters = this.api.filterApi.getColumnFilters();
         const isFilterActive = ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(columnFilters);
         const columnsWithActiveFilters = {};
         if (isFilterActive) {
@@ -2943,7 +3095,7 @@ class Adaptable {
                 fontSize: null,
                 borderColor: null,
             };
-            const formatColumn = this.api.formatColumnApi.getFormatColumnForColumn(abColumn);
+            const formatColumn = this.api.formatColumnApi.getActiveFormatColumnForColumn(abColumn);
             const conditionalStyles = this.api.conditionalStyleApi.getConditionalStylesForColumn(abColumn);
             const quickSearchStyle = this.getQuickSearchCellStyle();
             const hasQuickSearchStyle = quickSearchStyle != undefined;
@@ -3010,7 +3162,7 @@ class Adaptable {
         const hasRichSelectCellEditor = this.isModulePresent('rich-select');
         this.setColDefProperty(col, 'cellEditor', () => {
             var _a;
-            const formatColumn = this.api.formatColumnApi.getFormatColumnForColumn(adaptableColumn);
+            const formatColumn = this.api.formatColumnApi.getActiveFormatColumnForColumn(adaptableColumn);
             if (formatColumn && !(formatColumn === null || formatColumn === void 0 ? void 0 : formatColumn.IsSuspended) && ((_a = formatColumn.ColumnStyle) === null || _a === void 0 ? void 0 : _a.CheckBoxStyle)) {
                 return CheckboxRenderer_1.CheckboxEditor;
             }
@@ -3038,7 +3190,7 @@ class Adaptable {
     }
     setupColumnCellRenderer({ col, colId, abColumn }) {
         this.setColDefProperty(col, 'cellRenderer', () => {
-            const formatColumn = this.api.formatColumnApi.getFormatColumnForColumn(abColumn);
+            const formatColumn = this.api.formatColumnApi.getActiveFormatColumnForColumn(abColumn);
             if (formatColumn && !(formatColumn === null || formatColumn === void 0 ? void 0 : formatColumn.IsSuspended) && formatColumn.ColumnStyle) {
                 if (formatColumn.ColumnStyle.PercentBarStyle) {
                     return this.agGridHelper.createPercentBarRendererComp(formatColumn);
@@ -3113,14 +3265,6 @@ class Adaptable {
         const newColumnHeader = (_b = col === null || col === void 0 ? void 0 : col.getColDef()) === null || _b === void 0 ? void 0 : _b.headerName;
         return previousColumnHeader !== newColumnHeader;
     }
-    getUserDefinedHeaderName(columnId) {
-        const column = this.gridOptions.columnApi.getColumn(columnId);
-        if (!column) {
-            return columnId;
-        }
-        const userHeaderName = this.getUserColDefProperty(column.getColId(), 'headerName');
-        return userHeaderName !== null && userHeaderName !== void 0 ? userHeaderName : StringExtensions_1.StringExtensions.CamelCaseToHumanText(column.getColDef().field);
-    }
     setupColumnFilter({ col, colDef }) {
         this.setColDefProperty(col, 'filter', () => {
             if (!colDef.filter) {
@@ -3600,7 +3744,7 @@ class Adaptable {
     }
     getRowCount() {
         return this.gridOptions.rowData
-            ? this.gridOptions.rowData.length
+            ? this.getGridData().length
             : this.gridOptions.api.getDisplayedRowCount();
     }
     getColumnCount() {
@@ -3817,7 +3961,7 @@ class Adaptable {
     checkColumnsDataTypeSet() {
         // check that we have no unknown columns - if we do then ok
         const colDefs = this.api.columnApi.getColumns();
-        if (colDefs.some((colDef) => colDef.dataType === Enums_1.DataType.Unknown)) {
+        if (colDefs.some((colDef) => colDef.dataType === 'Unknown')) {
             this.updateColumnsIntoStore();
         }
     }
@@ -3996,7 +4140,7 @@ class Adaptable {
         themeClassNamesToRemove.forEach((cssClassName) => el.classList.remove(cssClassName));
         // remove infinite table classnames
         themesToRemove.forEach((theme) => {
-            el.classList.remove(`it--theme-${theme.Name}`);
+            el.classList.remove(`infinite-${theme.Name}`);
         });
         if (this.adaptableOptions.userInterfaceOptions &&
             this.adaptableOptions.userInterfaceOptions.useCustomMacLikeScrollbars &&
@@ -4010,7 +4154,7 @@ class Adaptable {
         const newThemeClassName = GeneralConstants.THEME_STYLE + themeName;
         el.classList.add(newThemeClassName);
         // add infinite table classname for theme
-        el.classList.add(`it--theme-${themeName}`);
+        el.classList.add(`infinite-${themeName}`);
         const computedDocumentStyle = getComputedStyle(el);
         const [abLoaded, abThemeLoaded] = ['--ab-loaded', '--ab-theme-loaded'].map((variable) => {
             let val = computedDocumentStyle.getPropertyValue(variable);

package/src/agGrid/FilterWrapper.js

@@ -16,7 +16,7 @@ exports.FilterWrapperFactory = (adaptable) => {
         isFilterActive() {
             //make the small filter icon to appear when there is a filter
             return (adaptable.api.filterApi
-                .getAllColumnFilter()
+                .getColumnFilters()
                 .findIndex((x) => x.ColumnId == this.params.column.getColId()) > -1);
         }
         doesFilterPass(params) {

package/src/agGrid/agGridHelper.d.ts

@@ -1,9 +1,8 @@
 import { ColDef, Column, GridOptions, ICellRendererFunc, SideBarDef, ToolPanelDef } from '@ag-grid-community/all-modules';
 import { IAdaptable } from '../AdaptableInterfaces/IAdaptable';
-import { AdaptableColumn, AdaptableColumnGroup } from '../PredefinedConfig/Common/AdaptableColumn';
+import { AdaptableColumn, AdaptableColumnDataType, AdaptableColumnGroup } from '../PredefinedConfig/Common/AdaptableColumn';
 import { AdaptableNodeComparerFunction } from '../PredefinedConfig/Common/AdaptableComparerFunction';
-import { DataType } from '../PredefinedConfig/Common/Enums';
-import { AdaptableModule } from '../PredefinedConfig/Common/Types';
+import { AdaptableColumnType, AdaptableModule } from '../PredefinedConfig/Common/Types';
 import { IModule } from '../Strategy/Interface/IModule';
 import { IPPStyle } from '../Utilities/Interface/IPPStyle';
 import { FormatColumn } from '../PredefinedConfig/FormatColumnState';
@@ -26,9 +25,9 @@ export declare class agGridHelper {
     getCleanValue(value: string): string | undefined;
     getRenderedValue(colDef: ColDef, valueToRender: any): any;
     createAdaptableColumnFromAgGridColumn(agGridColumn: Column, colsToGroups: Record<string, AdaptableColumnGroup>): AdaptableColumn;
-    createAdaptableSideBarDefs(showFilterPanel: boolean, showColumnsPanel: boolean): SideBarDef;
-    createAdaptableToolPanel(): ToolPanelDef;
-    orderToolPanels(toolPanelDefs: (ToolPanelDef | string)[]): void;
+    buildAdaptableToolPanelDef(): ToolPanelDef;
+    isSideBarDefObject(sidebarDef: unknown): sidebarDef is SideBarDef;
+    mapToolPanelDefs(toolPanelDefs?: (ToolPanelDef | string)[]): (ToolPanelDef | string)[];
     reselectSelectedCells(): void;
     fireSelectionChangedEvent(): void;
     private isColumnReadonly;
@@ -46,8 +45,8 @@ export declare class agGridHelper {
     private isColumnGrouped;
     private isColumnSparkline;
     private getColumnDataType;
-    private getabColDefValue;
-    getAgGridDataType(dataType: DataType): string;
+    private getAbColDefValue;
+    getAgGridDataType(dataType: AdaptableColumnDataType): AdaptableColumnType;
     checkShouldClearExistingFiltersOrSearches(): void;
     runAdaptableGroupComparerFunction(): AdaptableNodeComparerFunction;
     getCurrentIPPStyle(): IPPStyle;