@adaptabletools/adaptable 10.0.4-canary.1 → 10.0.4-canary.2

package/src/View/Theme/ThemeViewPanel.js

@@ -35,7 +35,7 @@ class ThemeViewPanelComponent extends React.Component {
                 textOverflow: 'ellipsis',
                 fontSize: 'small',
             }
-            : { minWidth: 168, fontSize: 'small' };
+            : { minWidth: '100%', fontSize: 'small' };
         return (React.createElement("div", { className: join_1.default(this.props.accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__Theme__wrap`) },
             React.createElement(DropdownButton_1.default, { className: `ab-${elementType}__Theme__select`, style: dropDownStyle, items: themes, columns: ['label'], accessLevel: this.props.accessLevel }, currentThemeDescription)));
     }

package/src/agGrid/Adaptable.d.ts

@@ -79,6 +79,7 @@ export declare class Adaptable implements IAdaptable {
     _emit: (eventName: string, data?: any) => Promise<any>;
     _emitSync: (eventName: string, data?: any) => any;
     private _adaptableReady;
+    isDestroyed: boolean;
     private agGridModules;
     static init(adaptableOptions: AdaptableOptions): Promise<AdaptableApi>;
     /**
@@ -102,7 +103,7 @@ export declare class Adaptable implements IAdaptable {
     private performAudit;
     private initializeAgGrid;
     private isAgGridReady;
-    private initVendorContainerFromInitializedAgGrid;
+    private initAgGridContainerFromInitializedAgGrid;
     debouncedSetColumnIntoStore: import("lodash").DebouncedFunc<() => void>;
     debouncedSaveGridLayout: import("lodash").DebouncedFunc<() => void>;
     debouncedSetSelectedCells: import("lodash").DebouncedFunc<() => void>;
@@ -171,7 +172,7 @@ export declare class Adaptable implements IAdaptable {
     forAllRowNodesDo(func: (rowNode: RowNode) => void): void;
     forAllVisibleRowNodesDo(func: (rowNode: RowNode, rowIndex: number) => void): void;
     getVisibleRowNodes(): RowNode[];
-    selectNodes(rowNodes: any[], clearSelection: boolean): void;
+    selectNodes(rowNodes: RowNode[], clearSelection: boolean): void;
     deSelectNodes(rowNodes: RowNode[], clearSelection: boolean): void;
     selectNode(rowNode: RowNode, clearSelection: boolean): void;
     deSelectNode(rowNode: RowNode, clearSelection: boolean): void;
@@ -180,7 +181,7 @@ export declare class Adaptable implements IAdaptable {
     redrawBody(): void;
     redrawHeader(): void;
     redrawRow(rowNode: RowNode): void;
-    refreshCells(rowNodes: any[], columns: (string | Column)[], forceUpdate: boolean): void;
+    refreshCells(rowNodes: RowNode[], columns: (string | Column)[], forceUpdate: boolean): void;
     jumpToRow(rowNode: RowNode): void;
     jumpToColumn(columnId: string): void;
     jumpToCell(columnId: string, rowNode: RowNode): void;
@@ -230,7 +231,7 @@ export declare class Adaptable implements IAdaptable {
     getDefaultIPPStyle(): IPPStyle;
     getCurrentIPPStyle(): IPPStyle;
     getAdaptableContainerElement(): HTMLElement | null;
-    getGridContainerElement(): HTMLElement | null;
+    getAgGridContainerElement(): HTMLElement | null;
     private initInternalGridLogic;
     buildStandaloneColumnHeader(adaptableColumn: AdaptableColumn): AdaptableMenuItem[];
     prepareGrid(): void;
@@ -272,7 +273,7 @@ export declare class Adaptable implements IAdaptable {
     expandAllRowGroups(): void;
     closeAllRowGroups(): void;
     expandRowGroupsForValues(columnValues: any[]): void;
-    getVendorGridColumnFieldForColumn(abColumn: AdaptableColumn): string;
+    getAgGridColumnForAdaptableColumn(abColumn: AdaptableColumn): Column;
     setRowGroupColumns(columnIds: string[]): void;
     clearRowGroupColumns(): void;
     getExpandRowGroupsKeys(): any[];
@@ -309,10 +310,10 @@ export declare class Adaptable implements IAdaptable {
     private hasFloatingFilterOnAtLeastOneColumn;
     showQuickFilter(): void;
     hideQuickFilter(): void;
-    getVendorColumnType(columnId: string): string | string[];
+    getAgGridColumnType(columnId: string): string | string[];
     getActiveColumnComparator(columnId: string, customSort?: CustomSort, customSortComparer?: ColumnValuesComparer): ((valueA: any, valueB: any, nodeA?: RowNode, nodeB?: RowNode, isInverted?: boolean) => number) | undefined;
-    getVendorGridLightThemeName(): string;
-    getVendorGridCurrentThemeName(): string;
+    getAgGridLightThemeName(): string;
+    getAgGridCurrentThemeName(): string;
     applyAdaptableTheme(theme: AdaptableTheme | string): void;
     private setupRowStyling;
     private setupColumnHeaderAggregations;

package/src/agGrid/Adaptable.js

@@ -124,6 +124,7 @@ class Adaptable {
             }
         };
         this._adaptableReady = false;
+        this.isDestroyed = false;
         this.agGridModules = [];
         this.isPluginLoaded = (pluginId) => {
             const plugins = this.adaptableOptions.plugins || [];
@@ -137,7 +138,7 @@ class Adaptable {
         };
         this.isAgGridReady = () => {
             var _a, _b;
-            const waitTimeout = (_b = (_a = this.adaptableOptions.containerOptions) === null || _a === void 0 ? void 0 : _a.vendorContainerWaitTimeout) !== null && _b !== void 0 ? _b : 60000;
+            const waitTimeout = (_b = (_a = this.adaptableOptions.containerOptions) === null || _a === void 0 ? void 0 : _a.agGridContainerWaitTimeout) !== null && _b !== void 0 ? _b : 60000;
             return waitForCondition_1.waitForCondition(() => !!this.gridOptions.api, waitTimeout);
         };
         // debounced methods
@@ -339,7 +340,8 @@ 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?
@@ -357,7 +359,7 @@ class Adaptable {
         this.TeamSharingService = new TeamSharingService_1.TeamSharingService(this);
         this.MetamodelService = new MetamodelService_1.MetamodelService(this);
         this.forPlugins((plugin) => plugin.afterInitServices(this));
-        // Set up Modules - we set up all the Modules suitable for the vendor grid
+        // Set up Modules - we set up all the Modules suitable for AG Grid
         // But users can make some hidden or readonly in their entitlements
         this.modules = this.agGridHelper.setUpModules();
         this.forPlugins((plugin) => plugin.afterInitModules(this, this.modules));
@@ -404,6 +406,9 @@ class Adaptable {
             }
             // Load the store
             this.adaptableStore.Load.then(() => {
+                if (this.isDestroyed) {
+                    return;
+                }
                 this.initInternalGridLogic();
                 AdaptableHelper_1.default.checkValidPrimaryKey(this);
             }, (e) => {
@@ -478,7 +483,7 @@ class Adaptable {
                 this.forPlugins((plugin) => plugin.onAdaptableReady(this, this.adaptableOptions));
                 this.api.eventApi.emit('AdaptableReady', {
                     adaptableApi: this.api,
-                    vendorGrid: this.adaptableOptions.vendorGrid,
+                    gridOptions: this.adaptableOptions.vendorGrid,
                 });
             }
         });
@@ -554,12 +559,12 @@ class Adaptable {
                 }
             }
         }
-        const checkVendorContainer = () => {
-            let vendorContainer = this.getGridContainerElement();
-            if (!vendorContainer) {
-                vendorContainer = this.initVendorContainerFromInitializedAgGrid();
-                if (!vendorContainer) {
-                    LoggingHelper_1.ConsoleLogError('You must provide an element id in `containerOptions.vendorContainer`');
+        const checkAgGridContainer = () => {
+            let agGridContainer = this.getAgGridContainerElement();
+            if (!agGridContainer) {
+                agGridContainer = this.initAgGridContainerFromInitializedAgGrid();
+                if (!agGridContainer) {
+                    LoggingHelper_1.ConsoleLogError('You must provide an element id in `containerOptions.agGridContainer`');
                     return false;
                 }
             }
@@ -567,14 +572,14 @@ class Adaptable {
         };
         const isGridInstantiated = this.gridOptions.api && typeof this.gridOptions.api.getValue === 'function';
         if (isGridInstantiated) {
-            if (!checkVendorContainer()) {
+            if (!checkAgGridContainer()) {
                 return Promise.resolve(false);
             }
             return Promise.resolve(true);
         }
         if (this.runtimeConfig.waitForAgGrid) {
             return this.isAgGridReady().then(() => {
-                this.initVendorContainerFromInitializedAgGrid();
+                this.initAgGridContainerFromInitializedAgGrid();
                 return Promise.resolve(true);
             }, () => {
                 LoggingHelper_1.ConsoleLogError(`Could not find any agGrid instance rendered. Could not find reference to ag-grid api. Make sure you pass the same  gridOptions object reference both to Adaptable and AgGrid`);
@@ -582,7 +587,7 @@ class Adaptable {
             });
         }
         else {
-            if (!checkVendorContainer()) {
+            if (!checkAgGridContainer()) {
                 return Promise.resolve(false);
             }
         }
@@ -590,11 +595,11 @@ class Adaptable {
         let grid;
         const modules = (this.adaptableOptions.vendorGrid || {}).modules || [];
         this.agGridModules = [...this.agGridModules, ...modules];
-        const vendorContainer = this.getGridContainerElement();
+        const agGridContainer = this.getAgGridContainerElement();
         if (this.gridOptions.modules) {
             delete this.gridOptions.modules;
         }
-        grid = new all_modules_1.Grid(vendorContainer, this.gridOptions, { modules });
+        grid = new all_modules_1.Grid(agGridContainer, this.gridOptions, { modules });
         // add our adaptable object to the grid options api object
         // this is VERY useful for when we need to access Adaptable inside of agGrid only functions
         if (this.gridOptions.api) {
@@ -602,8 +607,8 @@ class Adaptable {
         }
         return Promise.resolve(grid != null);
     }
-    initVendorContainerFromInitializedAgGrid() {
-        if (this.getGridContainerElement()) {
+    initAgGridContainerFromInitializedAgGrid() {
+        if (this.getAgGridContainerElement()) {
             return;
         }
         const layoutElements = this.gridOptions.api
@@ -615,21 +620,21 @@ class Adaptable {
             // aggrid 25.3.0 doesn't have layoutElements anymore, so we try to retrieve this element
             layoutElements.push(this.gridOptions.api.gridBodyCon.eGridBody);
         }
-        let vendorContainer;
+        let agGridContainer;
         for (let i = 0, len = layoutElements.length; i < len; i++) {
             const element = layoutElements[i];
             if (element && element.matches('.ag-root-wrapper, .ag-root')) {
                 const gridContainer = element.closest('[class*="ag-theme"]');
                 if (gridContainer) {
-                    vendorContainer = gridContainer;
+                    agGridContainer = gridContainer;
                     break;
                 }
             }
         }
-        if (!vendorContainer) {
-            LoggingHelper_1.ConsoleLogError(`Could not find the agGrid vendor container. This will probably break some AdapTable functionality.`);
+        if (!agGridContainer) {
+            LoggingHelper_1.ConsoleLogError(`Could not find the AG Grid Container. This will probably break some AdapTable functionality.`);
         }
-        return (this.adaptableOptions.containerOptions.vendorContainer = vendorContainer);
+        return (this.adaptableOptions.containerOptions.agGridContainer = agGridContainer);
     }
     filterOnEditDataChange() {
         if (this.adaptableOptions.filterOptions.filterActionOnUserDataChange.applyFilter ==
@@ -723,7 +728,7 @@ class Adaptable {
         //   }
         // }
         const allColumns = [];
-        const vendorCols = this.gridOptions.columnApi.getAllColumns();
+        const agGridCols = this.gridOptions.columnApi.getAllColumns();
         const columnGroupChildren = this.gridOptions.columnApi.getAllDisplayedColumnGroups();
         const groupsCount = {};
         const colsToGroups = columnGroupChildren.reduce((acc, columnGroup) => {
@@ -752,16 +757,16 @@ class Adaptable {
             colsToGroups[colId].groupCount = groupsCount[colsToGroups[colId].columnGroupId];
         });
         // TODO sort the visible columns by layout order
-        vendorCols.forEach((vendorColumn) => {
-            const colId = vendorColumn.getColId();
+        agGridCols.forEach((agGridColumn) => {
+            const colId = agGridColumn.getColId();
             if (!this.api.columnApi.isRowGroupColumn(colId)) {
-                allColumns.push(this.createAdaptableColumn(vendorColumn, colsToGroups));
+                allColumns.push(this.createAdaptableColumn(agGridColumn, colsToGroups));
             }
         });
         this.api.internalApi.setColumns(allColumns);
     }
-    createAdaptableColumn(vendorColumn, colsToGroups) {
-        const abColumn = this.agGridHelper.createAdaptableColumnFromVendorColumn(vendorColumn, colsToGroups);
+    createAdaptableColumn(agGridColumn, colsToGroups) {
+        const abColumn = this.agGridHelper.createAdaptableColumnFromAgGridColumn(agGridColumn, colsToGroups);
         return abColumn;
     }
     safeSetColDefs(colDefs) {
@@ -1486,7 +1491,7 @@ class Adaptable {
     async getDistinctFilterValuesForColumn(column, visibleRowsOnly, filter, skipRowNode) {
         var _a;
         const permittedValues = (_a = this.api.userInterfaceApi.getFilterPermittedValuesForColumn(column)) !== null && _a !== void 0 ? _a : {
-            suppressClientSideFiltering: false,
+            suppressFilterSearchBar: false,
             values: () => undefined,
         };
         let preparedPermittedValues = undefined;
@@ -1502,7 +1507,7 @@ class Adaptable {
             LoggingHelper_1.ConsoleLogError(`Failed to load filter permitted values`, column, filter, error);
         }
         return {
-            suppressClientSideFilter: permittedValues.suppressClientSideFiltering,
+            suppressClientSideFilter: permittedValues.suppressFilterSearchBar,
             gridCells: this.getDistinctValuesForColumn(column, visibleRowsOnly, skipRowNode, preparedPermittedValues),
         };
     }
@@ -1875,10 +1880,8 @@ 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'
@@ -1984,13 +1987,13 @@ class Adaptable {
             .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
@@ -2106,6 +2109,7 @@ class Adaptable {
         (_j = this.TeamSharingService) === null || _j === void 0 ? void 0 : _j.destroy();
         (_k = this.MetamodelService) === null || _k === void 0 ? void 0 : _k.destroy();
         (_l = this.LicenseService) === null || _l === void 0 ? void 0 : _l.destroy();
+        this.isDestroyed = true;
     }
     // really really need to do this properly but as a temp fix lets create a default style for when no data
     getDefaultIPPStyle() {
@@ -2174,12 +2178,12 @@ class Adaptable {
         }
         return this.abContainerElement;
     }
-    getGridContainerElement() {
+    getAgGridContainerElement() {
         if (!this.gridContainerElement) {
             this.gridContainerElement =
-                typeof this.adaptableOptions.containerOptions.vendorContainer === 'string'
-                    ? document.getElementById(this.adaptableOptions.containerOptions.vendorContainer)
-                    : this.adaptableOptions.containerOptions.vendorContainer;
+                typeof this.adaptableOptions.containerOptions.agGridContainer === 'string'
+                    ? document.getElementById(this.adaptableOptions.containerOptions.agGridContainer)
+                    : this.adaptableOptions.containerOptions.agGridContainer;
         }
         return this.gridContainerElement;
     }
@@ -2197,7 +2201,7 @@ class Adaptable {
             }
             return;
         }
-        const gridContainerElement = this.getGridContainerElement();
+        const gridContainerElement = this.getAgGridContainerElement();
         if (gridContainerElement) {
             gridContainerElement.addEventListener('keydown', (event) => this._emit('KeyDown', event));
         }
@@ -2247,7 +2251,7 @@ class Adaptable {
             const cellEditableFn = this.adaptableOptions.editOptions.isCellEditable;
             if (cellEditableFn) {
                 let gridCell = this.getGridCellFromRowNode(params.node, params.column.getColId());
-                let isEditable = cellEditableFn(gridCell, params.node);
+                let isEditable = cellEditableFn(gridCell);
                 if (!isEditable) {
                     this.gridOptions.api.stopEditing();
                 }
@@ -2365,8 +2369,7 @@ 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)
@@ -2670,7 +2673,9 @@ class Adaptable {
             const hasConditionalStylesWithClassNames = ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(conditionalStyles);
             const quickSearchStyleClassName = this.api.quickSearchApi.getQuickSearchStyle().ClassName;
             const hasQuickSearchStyleClassName = StringExtensions_1.StringExtensions.IsNotNullOrEmpty(quickSearchStyleClassName);
+            const classNameMap = {};
             const cellClass = (params) => {
+                var _a;
                 const isQuickSearchActive = hasQuickSearchStyleClassName && this.isQuickSearchActive(abColumn, params);
                 const primaryKeyValue = this.getPrimaryKeyValueFromRowNode(params.node);
                 const editableClassName = this.getEditableCellClass(abColumn, params);
@@ -2688,6 +2693,24 @@ class Adaptable {
                 ]
                     .filter((x) => !!x)
                     .join(' ');
+                const primaryKey = this.getPrimaryKeyValueFromRowNode(params.node);
+                const key = `${primaryKey}:${params.colDef.colId}`;
+                if (classNameMap[key] &&
+                    classNameMap[key] !== returnValue &&
+                    // only hard-reset when removing class-names
+                    // ag-grid does not remove class-names, it accumulates them
+                    // https://www.ag-grid.com/javascript-data-grid/cell-styles/#refresh-of-styles
+                    returnValue.length < ((_a = classNameMap[key]) === null || _a === void 0 ? void 0 : _a.length)) {
+                    setTimeout(() => {
+                        /**
+                         * This is called inside a getter function, inside ag-grid.
+                         * To allow ag-grid run it's logic, the redraw is done inside an timeout
+                         * to make sure it is not done in an inappropriate time.
+                         */
+                        params.api.redrawRows({ rowNodes: [params.node] });
+                    }, 0);
+                }
+                classNameMap[key] = returnValue;
                 return StringExtensions_1.StringExtensions.IsNotNullOrEmpty(returnValue) ? returnValue : undefined;
             };
             return cellClass;
@@ -2788,8 +2811,7 @@ 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;
             }
@@ -2896,7 +2918,7 @@ class Adaptable {
                 var _a;
                 if (cellEditableFn) {
                     let gridCell = this.getGridCellFromRowNode(params.node, params.column.getColId());
-                    let isEditable = cellEditableFn(gridCell, params.node);
+                    let isEditable = cellEditableFn(gridCell);
                     if (!isEditable) {
                         return false;
                     }
@@ -3231,11 +3253,10 @@ class Adaptable {
             this.gridOptions.api.onGroupExpandedOrCollapsed();
         }
     }
-    getVendorGridColumnFieldForColumn(abColumn) {
-        const agGridColumn = this.gridOptions.columnApi
+    getAgGridColumnForAdaptableColumn(abColumn) {
+        return this.gridOptions.columnApi
             .getAllColumns()
             .find((c) => c.getColId() === abColumn.columnId);
-        return agGridColumn.getColDef().field || '';
     }
     setRowGroupColumns(columnIds) {
         this.gridOptions.columnApi.setRowGroupColumns(columnIds);
@@ -3299,15 +3320,15 @@ class Adaptable {
         this.gridOptions.api.clearRangeSelection();
     }
     hideColumn(columnId) {
-        let vendorCol = this.gridOptions.columnApi.getColumn(columnId);
-        if (vendorCol) {
+        let agGridColumn = this.gridOptions.columnApi.getColumn(columnId);
+        if (agGridColumn) {
             this.gridOptions.columnApi.setColumnVisible(columnId, false);
             this.updateColumnsIntoStore();
         }
     }
     showColumn(columnId) {
-        let vendorCol = this.gridOptions.columnApi.getColumn(columnId);
-        if (vendorCol) {
+        let agGridColumn = this.gridOptions.columnApi.getColumn(columnId);
+        if (agGridColumn) {
             this.gridOptions.columnApi.setColumnVisible(columnId, true);
             this.updateColumnsIntoStore();
         }
@@ -3522,7 +3543,7 @@ class Adaptable {
     hideQuickFilter() {
         this.gridOptions.api.setFloatingFiltersHeight(0);
     }
-    getVendorColumnType(columnId) {
+    getAgGridColumnType(columnId) {
         var _a;
         const { type } = (_a = this.gridOptions.api.getColumnDef(columnId)) !== null && _a !== void 0 ? _a : {};
         return type || '';
@@ -3539,8 +3560,8 @@ class Adaptable {
             : this.runAdaptableComparerFunction(customSort.ColumnId, customSort.SortedValues);
         return comparerFunction;
     }
-    getVendorGridLightThemeName() {
-        const container = this.getGridContainerElement();
+    getAgGridLightThemeName() {
+        const container = this.getAgGridContainerElement();
         if (container && container.classList) {
             // we detect the ag theme class
             const classList = container.classList;
@@ -3552,10 +3573,10 @@ class Adaptable {
                 }
             }
         }
-        return this.agGridHelper.getVendorLightThemeName();
+        return this.agGridHelper.getAgGridLightThemeName();
     }
-    getVendorGridCurrentThemeName() {
-        const container = this.getGridContainerElement();
+    getAgGridCurrentThemeName() {
+        const container = this.getAgGridContainerElement();
         if (container && container.classList) {
             // we detect the ag theme class
             const classList = container.classList;
@@ -3566,7 +3587,7 @@ class Adaptable {
                 }
             }
         }
-        return this.getVendorGridLightThemeName();
+        return this.getAgGridLightThemeName();
     }
     applyAdaptableTheme(theme) {
         const themeName = typeof theme === 'string' ? theme : theme.Name;
@@ -3622,39 +3643,39 @@ class Adaptable {
         });
         const systemThemes = this.api.themeApi.getAllSystemTheme();
         const isSystemTheme = !!systemThemes.filter((t) => t.Name === themeName)[0];
-        const container = this.getGridContainerElement();
-        const getVendorLightThemeName = () => this.getVendorGridLightThemeName();
-        const getVendorDarkThemeName = () => getVendorLightThemeName() + '-dark';
+        const container = this.getAgGridContainerElement();
+        const getAgGridLightThemeName = () => this.getAgGridLightThemeName();
+        const getAgGridDarkThemeName = () => getAgGridLightThemeName() + '-dark';
         if (newTheme && isSystemTheme) {
             if (themeName === GeneralConstants_1.LIGHT_THEME) {
-                newTheme.VendorGridClassName = newTheme.VendorGridClassName || getVendorLightThemeName();
+                newTheme.AgGridClassName = newTheme.AgGridClassName || getAgGridLightThemeName();
             }
             if (themeName === GeneralConstants_1.DARK_THEME) {
-                newTheme.VendorGridClassName = newTheme.VendorGridClassName || getVendorDarkThemeName();
+                newTheme.AgGridClassName = newTheme.AgGridClassName || getAgGridDarkThemeName();
             }
         }
-        if (!newTheme.VendorGridClassName) {
-            // default the vendor grid to the light theme
-            newTheme.VendorGridClassName = getVendorLightThemeName();
+        if (!newTheme.AgGridClassName) {
+            // default AG Grid to its light theme
+            newTheme.AgGridClassName = getAgGridLightThemeName();
         }
         if (container != null) {
             if (themesToRemove.length) {
                 themesToRemove.forEach((theme) => {
-                    if (theme.VendorGridClassName) {
-                        container.classList.remove(theme.VendorGridClassName);
+                    if (theme.AgGridClassName) {
+                        container.classList.remove(theme.AgGridClassName);
                     }
                 });
             }
-            // also remove all vendor theme class names
-            const vendorClassNamesToRemove = [];
+            // also remove all AG Grid theme class names
+            const agGridClassNamesToRemove = [];
             container.classList.forEach((x) => {
                 if (x && x.indexOf('ag-theme-') === 0) {
-                    vendorClassNamesToRemove.push(x);
+                    agGridClassNamesToRemove.push(x);
                 }
             });
-            vendorClassNamesToRemove.forEach((x) => container.classList.remove(x));
-            if (newTheme && newTheme.VendorGridClassName) {
-                container.classList.add(newTheme.VendorGridClassName);
+            agGridClassNamesToRemove.forEach((x) => container.classList.remove(x));
+            if (newTheme && newTheme.AgGridClassName) {
+                container.classList.add(newTheme.AgGridClassName);
             }
             container.classList.add('ab-Grid');
             if (this.adaptableOptions.filterOptions.indicateFilteredColumns) {

package/src/agGrid/agGridHelper.d.ts

@@ -16,10 +16,10 @@ import { FormatColumn } from '../PredefinedConfig/FormatColumnState';
 export declare class agGridHelper {
     private adaptable;
     private gridOptions;
-    private vendorInitialColDefs;
+    private initialAgGridColDefs;
     constructor(adaptable: IAdaptable, gridOptions: GridOptions);
-    getVendorLightThemeName(): string;
-    getVendorDarkThemeName(): string;
+    getAgGridLightThemeName(): string;
+    getAgGridDarkThemeName(): string;
     setUpModules(): Map<AdaptableModule, IModule>;
     TrySetUpNodeIds(): boolean;
     createSparklineCellRendererComp(sparkline: SparklineColumn): ICellRendererFunc | undefined;
@@ -27,7 +27,7 @@ export declare class agGridHelper {
     createNumericStyleRendererFunc(formatColumn: FormatColumn): ICellRendererFunc;
     getCleanValue(value: string): string | undefined;
     getRenderedValue(colDef: ColDef, valueToRender: any): any;
-    createAdaptableColumnFromVendorColumn(vendorColumn: Column, colsToGroups: Record<string, AdaptableColumnGroup>): AdaptableColumn;
+    createAdaptableColumnFromAgGridColumn(agGridColumn: Column, colsToGroups: Record<string, AdaptableColumnGroup>): AdaptableColumn;
     createAdaptableSideBarDefs(showFilterPanel: boolean, showColumnsPanel: boolean): SideBarDef;
     createAdaptableToolPanel(): ToolPanelDef;
     orderToolPanels(toolPanelDefs: (ToolPanelDef | string)[]): void;

package/src/agGrid/agGridHelper.js

@@ -49,17 +49,17 @@ class agGridHelper {
     constructor(adaptable, gridOptions) {
         this.adaptable = adaptable;
         this.gridOptions = gridOptions;
-        this.vendorInitialColDefs = {};
+        this.initialAgGridColDefs = {};
         this.adaptable = adaptable;
         this.gridOptions = gridOptions;
     }
-    getVendorLightThemeName() {
+    getAgGridLightThemeName() {
         // we try not to call these two methods, as we try to detect the default grid
         // theme from the grid container element - users should set their aggrid theme in html, on the container element
         // so we read it from there. if we don't find it there, we'll call this method, as a last resort.
         return 'ag-theme-balham';
     }
-    getVendorDarkThemeName() {
+    getAgGridDarkThemeName() {
         return 'ag-theme-balham-dark';
     }
     setUpModules() {
@@ -74,6 +74,7 @@ class agGridHelper {
         modules.set(ModuleConstants.CellSummaryModuleId, new CellSummaryModule_1.CellSummaryModule(api));
         modules.set(ModuleConstants.ConditionalStyleModuleId, new ConditionalStyleModule_1.ConditionalStyleModule(api));
         modules.set(ModuleConstants.CustomSortModuleId, new CustomSortModule_1.CustomSortModule(api));
+        modules.set(ModuleConstants.DataChangeHistoryModuleId, new DataChangeHistoryModule_1.DataChangeHistoryModule(api));
         modules.set(ModuleConstants.DataSourceModuleId, new DataSourceModule_1.DataSourceModule(api));
         modules.set(ModuleConstants.ExportModuleId, new ExportModule_1.ExportModule(api));
         modules.set(ModuleConstants.FilterModuleId, new FilterModule_1.FilterModule(api));
@@ -92,7 +93,6 @@ class agGridHelper {
         modules.set(ModuleConstants.SystemStatusModuleId, new SystemStatusModule_1.SystemStatusModule(api));
         modules.set(ModuleConstants.ThemeModuleId, new ThemeModule_1.ThemeModule(api));
         modules.set(ModuleConstants.GridInfoModuleId, new GridInfoModule_1.GridInfoModule(api));
-        modules.set(ModuleConstants.DataChangeHistoryModuleId, new DataChangeHistoryModule_1.DataChangeHistoryModule(api));
         return modules;
     }
     TrySetUpNodeIds() {
@@ -203,12 +203,12 @@ class agGridHelper {
         }
         return render({ value: valueToRender }) || '';
     }
-    createAdaptableColumnFromVendorColumn(vendorColumn, colsToGroups) {
-        const colId = vendorColumn.getColId();
-        const colDef = vendorColumn.getColDef();
-        const FriendlyName = this.gridOptions.columnApi.getDisplayNameForColumn(vendorColumn, 'header');
-        if (!this.vendorInitialColDefs[colId]) {
-            this.vendorInitialColDefs[colId] = Object.assign({}, vendorColumn.getUserProvidedColDef());
+    createAdaptableColumnFromAgGridColumn(agGridColumn, colsToGroups) {
+        const colId = agGridColumn.getColId();
+        const colDef = agGridColumn.getColDef();
+        const FriendlyName = this.gridOptions.columnApi.getDisplayNameForColumn(agGridColumn, 'header');
+        if (!this.initialAgGridColDefs[colId]) {
+            this.initialAgGridColDefs[colId] = Object.assign({}, agGridColumn.getUserProvidedColDef());
         }
         const ColumnId = colId;
         const pkColumn = this.adaptable.adaptableOptions.primaryKey;
@@ -218,8 +218,8 @@ class agGridHelper {
             columnId: ColumnId,
             friendlyName: FriendlyName,
             isPrimaryKey: ColumnId === pkColumn,
-            dataType: this.getColumnDataType(vendorColumn, false),
-            visible: vendorColumn.isVisible(),
+            dataType: this.getColumnDataType(agGridColumn, false),
+            visible: agGridColumn.isVisible(),
             readOnly: this.isColumnReadonly(colDef),
             columnGroup: ColumnGroup,
             sortable: this.isColumnSortable(colDef),
@@ -245,8 +245,7 @@ class agGridHelper {
             }
         }
         // lets set this here one as the function cannot change the result so dont need to run it each time
-        let excludeColumnFromQuickSearch = this.adaptable.adaptableOptions.searchOptions
-            .excludeColumnFromQuickSearch;
+        let excludeColumnFromQuickSearch = this.adaptable.adaptableOptions.searchOptions.excludeColumnFromQuickSearch;
         if (excludeColumnFromQuickSearch) {
             if (excludeColumnFromQuickSearch(abColumn)) {
                 abColumn.isExcludedFromQuickSearch = true;
@@ -286,10 +285,10 @@ class agGridHelper {
     }
     createAdaptableToolPanel() {
         return {
-            id: 'AdaptableToolPanel',
+            id: 'adaptable',
             toolPanel: 'AdaptableToolPanel',
             labelDefault: this.adaptable.adaptableOptions.toolPanelOptions.adaptableToolPanelTitle,
-            labelKey: 'AdaptableToolPanel',
+            labelKey: 'adaptable',
             iconKey: this.adaptable.adaptableOptions.toolPanelOptions.iconKey,
             width: this.adaptable.adaptableOptions.toolPanelOptions.width,
             minWidth: this.adaptable.adaptableOptions.toolPanelOptions.minWidth,