@adaptabletools/adaptable 10.0.4-canary.5 → 11.0.0-canary.3

package/src/View/UIHelper.js

@@ -1,11 +1,10 @@
 "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.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;
+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.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 ArrayExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/ArrayExtensions"));
 exports.BLACK = 'Black';
 exports.WHITE = 'White';
@@ -148,36 +147,6 @@ function getModalContainer(adaptableOptions, document) {
     return modalContainer;
 }
 exports.getModalContainer = getModalContainer;
-function getChartContainer(adaptableOptions, document, showModal) {
-    let chartContainer;
-    if (StringExtensions_1.StringExtensions.IsNotNullOrEmpty(adaptableOptions.containerOptions.chartContainer)) {
-        // they have provided one so get that
-        chartContainer = document.getElementById(adaptableOptions.containerOptions.chartContainer);
-        if (chartContainer) {
-            const chartContainerClassName = ' chart-container';
-            if (!chartContainer.className.includes(chartContainerClassName)) {
-                chartContainer.className += chartContainerClassName;
-            }
-        }
-        else {
-            LoggingHelper_1.LogAdaptableError(`Chart div called '${adaptableOptions.containerOptions.chartContainer}' not found: so creating standard div`);
-            chartContainer = document.getElementById('ad');
-        }
-    }
-    else {
-        // not provided one so return whole document if modal, or 'chart' if not
-        chartContainer = showModal ? document.body : document.getElementById('ad');
-    }
-    return chartContainer;
-}
-exports.getChartContainer = getChartContainer;
-function isValidUserChartContainer(adaptableOptions, document) {
-    if (StringExtensions_1.StringExtensions.IsNotNullOrEmpty(adaptableOptions.containerOptions.chartContainer)) {
-        return document.getElementById(adaptableOptions.containerOptions.chartContainer) != null;
-    }
-    return false;
-}
-exports.isValidUserChartContainer = isValidUserChartContainer;
 function IsEmptyStyle(style) {
     return !IsNotEmptyStyle(style);
 }
@@ -496,8 +465,6 @@ exports.UIHelper = {
     getDescriptionForDataType,
     getPlaceHolderforDataType,
     getModalContainer,
-    getChartContainer,
-    isValidUserChartContainer,
     IsEmptyStyle,
     IsNotEmptyStyle,
     getMessageTypeByStatusColour,

package/src/View/Wizard/AdaptableWizard.js

@@ -9,7 +9,7 @@ const rebass_1 = require("rebass");
 const Dialog_1 = tslib_1.__importDefault(require("../../components/Dialog"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
 const Panel_1 = tslib_1.__importDefault(require("../../components/Panel"));
-const kebabCase_1 = tslib_1.__importDefault(require("lodash-es/kebabCase"));
+const kebabCase_1 = tslib_1.__importDefault(require("lodash/kebabCase"));
 exports.AdaptableWizardContext = React.createContext({
     data: null,
     updateGoBackState: () => { },

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

@@ -2,6 +2,7 @@
 import { AdaptableObject } from '../../../PredefinedConfig/Common/AdaptableObject';
 import { AdaptableApi } from '../../../Api/AdaptableApi';
 import { ModuleInfo } from '../../../Strategy/Interface/IModule';
+import { ModuleParams } from '../../Components/SharedProps/ModuleViewPopupProps';
 export interface AdaptableWizardStep {
     canNext(): boolean;
     canBack(): boolean;
@@ -44,4 +45,5 @@ export interface AdaptableOnePageWizardProps<T extends AdaptableObject> {
         name: string;
         label?: string;
     };
+    popupParams?: ModuleParams;
 }

package/src/View/Wizard/OnePageAdaptableWizard.js

@@ -9,7 +9,7 @@ const rebass_1 = require("rebass");
 const QueryRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/QueryRedux"));
 const Dialog_1 = tslib_1.__importDefault(require("../../components/Dialog"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
-const kebabCase_1 = tslib_1.__importDefault(require("lodash-es/kebabCase"));
+const kebabCase_1 = tslib_1.__importDefault(require("lodash/kebabCase"));
 const useProperty_1 = tslib_1.__importDefault(require("../../components/utils/useProperty"));
 const AdaptableContext_1 = require("../AdaptableContext");
 const isMacLike_1 = require("../../Utilities/isMacLike");

package/src/agGrid/Adaptable.d.ts

@@ -42,7 +42,7 @@ declare type RuntimeConfig = {
 };
 export declare class Adaptable implements IAdaptable {
     api: AdaptableApi;
-    modules: IModuleCollection;
+    adaptableModules: IModuleCollection;
     adaptableStore: IAdaptableStore;
     adaptableOptions: AdaptableOptions;
     CalculatedColumnExpressionService: ICalculatedColumnExpressionService;
@@ -54,8 +54,8 @@ export declare class Adaptable implements IAdaptable {
     QueryLanguageService: IQueryLanguageService;
     AlertService: IAlertService;
     TeamSharingService: ITeamSharingService;
-    private LicenseService;
     MetamodelService: IMetamodelService;
+    private LicenseService;
     embedColumnMenu: boolean;
     gridOptions: GridOptions;
     isInitialised: boolean;
@@ -129,8 +129,6 @@ export declare class Adaptable implements IAdaptable {
     private getAlertCellClass;
     private getAlertRowClass;
     private getAlertRowStyle;
-    private getFlashingCellRowStyle;
-    private getFlashingCellStyleFor;
     private getFlashingCellStyle;
     private getCellHighlightStyle;
     private getRowHighlightStyle;
@@ -253,7 +251,6 @@ export declare class Adaptable implements IAdaptable {
     setupColumnCellEditor({ colId, col }: ColumnSetupInfo): void;
     setupColumnCellRenderer({ col, colId, abColumn }: ColumnSetupInfo): void;
     setupColumnTooltipValueGetter({ col, colId }: ColumnSetupInfo): void;
-    setupColumnTooltipField({ col, colId, colDef }: ColumnSetupInfo): void;
     setupColumnHeader({ col, abColumn }: ColumnSetupInfo): boolean;
     getUserDefinedHeaderName(columnId: string): string;
     setupColumnFilter({ col, colDef }: ColumnSetupInfo): void;
@@ -289,8 +286,12 @@ export declare class Adaptable implements IAdaptable {
     getColumnCount(): number;
     getVisibleRowCount(): number;
     getVisibleColumnCount(): number;
-    selectColumns(columnIds: string[]): void;
-    selectColumn(columnId: string): void;
+    selectColumns(columnIds: string[], config?: {
+        keepExistingSelection?: boolean;
+    }): void;
+    selectColumn(columnId: string, config?: {
+        keepExistingSelection?: boolean;
+    }): void;
     selectAll(): void;
     deselectAll(): void;
     hideColumn(columnId: string): void;
@@ -328,6 +329,8 @@ export declare class Adaptable implements IAdaptable {
     private getConditionalStyleRowClass;
     private getConditionalStyleRowStyle;
     private getGridOptionsApi;
+    canGenerateCharts(): boolean;
+    canHaveSparklines(): boolean;
     canExportToExcel(): boolean;
     exportToExcel(reportData: ReportData, fileName: string): void;
     private setExcelStylesForExport;

package/src/agGrid/Adaptable.js

@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.bindAdaptableAgGrid = exports.AdaptableNoCodeWizard = exports.Adaptable = void 0;
 const tslib_1 = require("tslib");
 const all_modules_1 = require("@ag-grid-community/all-modules");
-const debounce_1 = tslib_1.__importDefault(require("lodash-es/debounce"));
-const isEqual_1 = tslib_1.__importDefault(require("lodash-es/isEqual"));
-const throttle_1 = tslib_1.__importDefault(require("lodash-es/throttle"));
-const uniqBy_1 = tslib_1.__importDefault(require("lodash-es/uniqBy"));
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
+const isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
+const throttle_1 = tslib_1.__importDefault(require("lodash/throttle"));
+const uniqBy_1 = tslib_1.__importDefault(require("lodash/uniqBy"));
 const React = tslib_1.__importStar(require("react"));
 const ReactDOM = tslib_1.__importStar(require("react-dom"));
-const clamp_1 = tslib_1.__importDefault(require("lodash-es/clamp"));
+const clamp_1 = tslib_1.__importDefault(require("lodash/clamp"));
 const AdaptableApiImpl_1 = require("../Api/Implementation/AdaptableApiImpl");
 const Enums_1 = require("../PredefinedConfig/Common/Enums");
 const Uuid_1 = require("../PredefinedConfig/Uuid");
@@ -314,7 +314,7 @@ class Adaptable {
         AdaptableHelper_1.default.checkAdaptableOptions(this.adaptableOptions);
         this.runtimeConfig = runtimeConfig || {};
         this.agGridModules = this.runtimeConfig.modules || [];
-        this.gridOptions = this.adaptableOptions.agGridOptions;
+        this.gridOptions = this.adaptableOptions.gridOptions;
         if (this.hasAutogeneratedPrimaryKey() && !this.gridOptions.getRowNodeId) {
             this.gridOptions.getRowNodeId = (rowData) => {
                 var _a;
@@ -360,8 +360,8 @@ class Adaptable {
         this.forPlugins((plugin) => plugin.afterInitServices(this));
         // 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));
+        this.adaptableModules = this.agGridHelper.setUpModules();
+        this.forPlugins((plugin) => plugin.afterInitModules(this, this.adaptableModules));
         // also try to set it early, here, if the grid is initialized - needed for AdapTable tool panel
         if (this.gridOptions.api) {
             this.gridOptions.api.__adaptable = this;
@@ -476,13 +476,13 @@ class Adaptable {
             if (eventName == AdaptableStore_1.INIT_STATE) {
                 this._adaptableReady = true;
                 LoggingHelper_1.LogAdaptableInfo(`Updating obsolete configuration/state`);
-                this.modules.forEach((m) => m.updateOldConfig());
+                this.adaptableModules.forEach((m) => m.updateOldConfig());
                 // call stuff here
                 // and reset state also?
                 this.forPlugins((plugin) => plugin.onAdaptableReady(this, this.adaptableOptions));
                 this.api.eventApi.emit('AdaptableReady', {
                     adaptableApi: this.api,
-                    gridOptions: this.adaptableOptions.agGridOptions,
+                    gridOptions: this.adaptableOptions.gridOptions,
                 });
             }
         });
@@ -592,12 +592,9 @@ 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.agGridOptions || {}).modules || [];
+        const modules = this.adaptableOptions.modules || [];
         this.agGridModules = [...this.agGridModules, ...modules];
         const agGridContainer = this.getAgGridContainerElement();
-        if (this.gridOptions.modules) {
-            delete 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
@@ -905,13 +902,12 @@ class Adaptable {
         }
         return null;
     }
-    getFlashingCellRowStyle(params) {
-        const primaryKeyValue = this.getPrimaryKeyValueFromRowNode(params.node);
-        return this.getFlashingCellStyleFor(primaryKeyValue);
-    }
-    getFlashingCellStyleFor(primaryKey, colId) {
+    getFlashingCellStyle(col, params) {
         var _a;
-        const flashingCell = this.api.internalApi.getAdaptableFlashingCellFor(primaryKey, colId);
+        const primaryKey = params.node.aggData
+            ? params.node.id
+            : this.getPrimaryKeyValueFromRowNode(params.node);
+        const flashingCell = this.api.internalApi.getAdaptableFlashingCellFor(primaryKey, col.columnId);
         if (!flashingCell) {
             return {};
         }
@@ -921,10 +917,6 @@ class Adaptable {
                 ? flashingCell.flashingCellDefinition.DownChangeStyle
                 : flashingCell.flashingCellDefinition.NeutralChangeStyle)) !== null && _a !== void 0 ? _a : {});
     }
-    getFlashingCellStyle(col, params) {
-        const primaryKeyValue = this.getPrimaryKeyValueFromRowNode(params.node);
-        return this.getFlashingCellStyleFor(primaryKeyValue, col.columnId);
-    }
     getCellHighlightStyle(col, params) {
         const primaryKeyValue = this.getPrimaryKeyValueFromRowNode(params.node);
         const cellHightlight = this.api.internalApi
@@ -1955,6 +1947,7 @@ class Adaptable {
         const defaultFreeTextColumnSettings = ObjectFactory_1.CreateEmptyFreeTextColumn(specialColumnsAreFilterable)
             .FreeTextColumnSettings;
         return this.api.freeTextColumnApi.getAllFreeTextColumn().map((freeTextColumn) => {
+            var _a;
             const freeTextColumnSettings = Object.assign(Object.assign({}, defaultFreeTextColumnSettings), freeTextColumn.FreeTextColumnSettings);
             const dataTypeEditor = freeTextColumn.DataType === 'Number'
                 ? AdaptableNumberEditor_1.AdaptableNumberEditor
@@ -1962,6 +1955,13 @@ class Adaptable {
                     ? AdaptableDateEditor_1.AdaptableDateEditor
                     : null;
             LoggingHelper_1.LogAdaptableInfo('Setting up FreeText Column: ' + freeTextColumn.ColumnId);
+            const columnTypes = [
+                GeneralConstants_1.AB_SPECIAL_COLUMN,
+                this.agGridHelper.getAgGridDataType(freeTextColumn.DataType),
+            ];
+            if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty((_a = freeTextColumn === null || freeTextColumn === void 0 ? void 0 : freeTextColumn.FreeTextColumnSettings) === null || _a === void 0 ? void 0 : _a.ColumnTypes)) {
+                columnTypes.push(...freeTextColumn.FreeTextColumnSettings.ColumnTypes);
+            }
             return {
                 headerName: freeTextColumn.FriendlyName || freeTextColumn.ColumnId,
                 colId: freeTextColumn.ColumnId,
@@ -1980,10 +1980,7 @@ class Adaptable {
                 cellEditor: dataTypeEditor !== null && dataTypeEditor !== void 0 ? dataTypeEditor : (freeTextColumn.TextEditor && freeTextColumn.TextEditor == 'Large'
                     ? 'agLargeTextCellEditor'
                     : 'agTextCellEditor'),
-                type: [
-                    GeneralConstants_1.AB_SPECIAL_COLUMN,
-                    this.agGridHelper.getAgGridDataType(freeTextColumn.DataType),
-                ],
+                type: columnTypes,
                 valueSetter: (params) => {
                     return (params.data[freeTextColumn.ColumnId] = params.newValue);
                 },
@@ -2100,6 +2097,13 @@ class Adaptable {
             if (!calculatedColumnSettings.DataType) {
                 calculatedColumnSettings.DataType = this.CalculatedColumnExpressionService.GetCalculatedColumnDataType((_a = calculatedColumn.Query) === null || _a === void 0 ? void 0 : _a.ScalarExpression);
             }
+            const columnTypes = [
+                GeneralConstants_1.AB_SPECIAL_COLUMN,
+                this.agGridHelper.getAgGridDataType(calculatedColumnSettings.DataType),
+            ];
+            if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(calculatedColumnSettings.ColumnTypes)) {
+                columnTypes.push(...calculatedColumnSettings.ColumnTypes);
+            }
             const newColDef = {
                 headerName: calculatedColumn.FriendlyName
                     ? calculatedColumn.FriendlyName
@@ -2117,10 +2121,7 @@ class Adaptable {
                 enablePivot: calculatedColumnSettings.Pivotable,
                 suppressMenu: calculatedColumnSettings.SuppressMenu,
                 suppressMovable: calculatedColumnSettings.SuppressMovable,
-                type: [
-                    GeneralConstants_1.AB_SPECIAL_COLUMN,
-                    this.agGridHelper.getAgGridDataType(calculatedColumnSettings.DataType),
-                ],
+                type: columnTypes,
                 valueGetter: (params) => {
                     var _a;
                     return this.CalculatedColumnExpressionService.ComputeExpressionValue((_a = calculatedColumn.Query) === null || _a === void 0 ? void 0 : _a.ScalarExpression, params.node);
@@ -2438,7 +2439,6 @@ class Adaptable {
          */
         this.gridOptions.api.addEventListener(all_modules_1.Events.EVENT_COLUMN_RESIZED, (params) => {
             if (params.finished == true && params.type == 'columnResized' && params.column) {
-                this._emit('ColumnResized', params.column.getColId());
                 this.debouncedSaveGridLayout();
             }
         });
@@ -2671,7 +2671,6 @@ class Adaptable {
             this.setupColumnCellStyle(colSetupInfo);
             this.setupColumnCellClass(colSetupInfo);
             this.setupColumnTooltipValueGetter(colSetupInfo);
-            this.setupColumnTooltipField(colSetupInfo);
             this.setupColumnValueGetter(colSetupInfo);
             this.setupColumnAggFunc(colSetupInfo);
             this.setupColumnFilter(colSetupInfo);
@@ -2862,10 +2861,6 @@ class Adaptable {
                     return this.agGridHelper.createCheckboxRendererComp(abColumn.columnId, abColumn.readOnly);
                 }
             }
-            const sparkline = this.api.sparklineColumnApi.getSparklineByColumn(colId);
-            if (sparkline) {
-                return this.agGridHelper.createSparklineCellRendererComp(sparkline);
-            }
         });
     }
     setupColumnTooltipValueGetter({ col, colId }) {
@@ -2906,14 +2901,6 @@ class Adaptable {
             }
         });
     }
-    setupColumnTooltipField({ col, colId, colDef }) {
-        this.setColDefProperty(col, 'tooltipField', () => {
-            const sparkline = this.api.sparklineColumnApi.getSparklineByColumn(colId);
-            if (sparkline) {
-                return sparkline.ShowToolTip ? colDef.field : '';
-            }
-        });
-    }
     setupColumnHeader({ col, abColumn }) {
         var _a, _b;
         const previousColumnHeader = (_a = col === null || col === void 0 ? void 0 : col.getColDef()) === null || _a === void 0 ? void 0 : _a.headerName;
@@ -3166,14 +3153,30 @@ class Adaptable {
         if (oldValue == newValue) {
             return;
         }
-        const primaryKeyValue = this.getPrimaryKeyValueFromRowNode(rowNode);
-        if (!primaryKeyValue) {
-            return;
-        }
         const abColumn = this.api.columnApi.getColumnFromId(colId);
         if (!abColumn) {
             return;
         }
+        if (this.isGroupRowNode(rowNode)) {
+            const dataChangedInfo = this.api.internalApi.buildDataChangedInfo({
+                oldValue: oldValue,
+                newValue: newValue,
+                column: abColumn,
+                /**
+                 * A grouped row does not have an underling data item.
+                 * Because of this we use the rowNode.id as an identifier.
+                 */
+                primaryKeyValue: rowNode.id,
+                rowNode: rowNode,
+                trigger: 'aggChange',
+            });
+            this.DataService.CreateDataChangedEvent(dataChangedInfo);
+            return;
+        }
+        const primaryKeyValue = this.getPrimaryKeyValueFromRowNode(rowNode);
+        if (!primaryKeyValue) {
+            return;
+        }
         const dataChangedInfo = this.api.internalApi.buildDataChangedInfo({
             oldValue: oldValue,
             newValue: newValue,
@@ -3410,14 +3413,28 @@ class Adaptable {
     getVisibleColumnCount() {
         return this.gridOptions.columnApi.getAllColumns().filter((c) => c.isVisible()).length;
     }
-    selectColumns(columnIds) {
-        columnIds.forEach((colId) => this.selectColumn(colId));
+    selectColumns(columnIds, config) {
+        if (!(config === null || config === void 0 ? void 0 : config.keepExistingSelection)) {
+            this.gridOptions.api.clearRangeSelection();
+        }
+        const rowCount = this.gridOptions.api.getDisplayedRowCount();
+        columnIds.forEach((colId) => {
+            const cellRangeParams = {
+                rowStartIndex: 0,
+                rowEndIndex: rowCount - 1,
+                columnStart: colId,
+                columnEnd: colId,
+            };
+            this.gridOptions.api.addCellRange(cellRangeParams);
+        });
     }
-    selectColumn(columnId) {
-        this.gridOptions.api.clearRangeSelection();
+    selectColumn(columnId, config) {
+        if (!(config === null || config === void 0 ? void 0 : config.keepExistingSelection)) {
+            this.gridOptions.api.clearRangeSelection();
+        }
         const cellRangeParams = {
             rowStartIndex: 0,
-            rowEndIndex: this.gridOptions.api.getDisplayedRowCount(),
+            rowEndIndex: this.gridOptions.api.getDisplayedRowCount() - 1,
             columnStart: columnId,
             columnEnd: columnId,
         };
@@ -3898,6 +3915,12 @@ import "@adaptabletools/adaptable/themes/${themeName}.css"`);
         }
         return this.gridOptions.api;
     }
+    canGenerateCharts() {
+        return this.isModulePresent('charts') && this.gridOptions.enableCharts;
+    }
+    canHaveSparklines() {
+        return this.isModulePresent('sparklines');
+    }
     canExportToExcel() {
         return this.isModulePresent('excel-export');
     }
@@ -4160,7 +4183,7 @@ class AdaptableNoCodeWizard {
      */
     constructor(adaptableOptions, extraOptions = {}) {
         const defaultInit = async ({ gridOptions, adaptableOptions }) => {
-            adaptableOptions.agGridOptions = gridOptions;
+            adaptableOptions.gridOptions = gridOptions;
             return await Adaptable.init(adaptableOptions);
         };
         this.adaptableOptions = adaptableOptions;
@@ -4194,7 +4217,7 @@ class AdaptableNoCodeWizard {
                 ReactDOM.unmountComponentAtNode(container);
                 this.init({
                     adaptableOptions,
-                    gridOptions: adaptableOptions.agGridOptions,
+                    gridOptions: adaptableOptions.gridOptions,
                 });
             } })), container);
     }

package/src/agGrid/agGridHelper.d.ts

@@ -4,7 +4,6 @@ import { AdaptableColumn, AdaptableColumnGroup } from '../PredefinedConfig/Commo
 import { AdaptableNodeComparerFunction } from '../PredefinedConfig/Common/AdaptableComparerFunction';
 import { DataType } from '../PredefinedConfig/Common/Enums';
 import { AdaptableModule } from '../PredefinedConfig/Common/Types';
-import { SparklineColumn } from '../PredefinedConfig/SparklineColumnState';
 import { IModule } from '../Strategy/Interface/IModule';
 import { IPPStyle } from '../Utilities/Interface/IPPStyle';
 import { FormatColumn } from '../PredefinedConfig/FormatColumnState';
@@ -22,7 +21,6 @@ export declare class agGridHelper {
     getAgGridDarkThemeName(): string;
     setUpModules(): Map<AdaptableModule, IModule>;
     TrySetUpNodeIds(): boolean;
-    createSparklineCellRendererComp(sparkline: SparklineColumn): ICellRendererFunc | undefined;
     createCheckboxRendererComp(columnId: string, isReadOnly: boolean): ICellRendererFunc | undefined;
     createNumericStyleRendererFunc(formatColumn: FormatColumn): ICellRendererFunc;
     getCleanValue(value: string): string | undefined;
@@ -46,6 +44,7 @@ export declare class agGridHelper {
     private getColumnPinnedPosition;
     private isColumnFixed;
     private isColumnGrouped;
+    private isColumnSparkline;
     private getColumnDataType;
     private getabColDefValue;
     getAgGridDataType(dataType: DataType): string;

package/src/agGrid/agGridHelper.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.agGridHelper = void 0;
 const tslib_1 = require("tslib");
-const clamp_1 = tslib_1.__importDefault(require("lodash-es/clamp"));
+const clamp_1 = tslib_1.__importDefault(require("lodash/clamp"));
 const Enums_1 = require("../PredefinedConfig/Common/Enums");
 const Uuid_1 = require("../PredefinedConfig/Uuid");
 const AlertModule_1 = require("../Strategy/AlertModule");
@@ -40,6 +40,7 @@ const CheckboxRenderer_1 = require("./CheckboxRenderer");
 const DataChangeHistoryModule_1 = require("../Strategy/DataChangeHistoryModule");
 const FlashingCellModule_1 = require("../Strategy/FlashingCellModule");
 const SetingsPanelModule_1 = require("../Strategy/SetingsPanelModule");
+const ChartingModule_1 = require("../Strategy/ChartingModule");
 const tinycolor = require('tinycolor2');
 /**
  * Adaptable AG Grid implementation is getting really big and unwieldy
@@ -97,6 +98,7 @@ class agGridHelper {
         modules.set(ModuleConstants.ThemeModuleId, new ThemeModule_1.ThemeModule(api));
         modules.set(ModuleConstants.GridInfoModuleId, new GridInfoModule_1.GridInfoModule(api));
         modules.set(ModuleConstants.SettingsPanelModuleId, new SetingsPanelModule_1.SettingsPanelModule(api));
+        modules.set(ModuleConstants.ChartingModuleId, new ChartingModule_1.ChartingModule(api));
         return modules;
     }
     TrySetUpNodeIds() {
@@ -116,9 +118,6 @@ class agGridHelper {
         };
         return true;
     }
-    createSparklineCellRendererComp(sparkline) {
-        return this.adaptable.lookupPlugins('sparklineColumnRenderer', sparkline);
-    }
     createCheckboxRendererComp(columnId, isReadOnly) {
         return CheckboxRenderer_1.getCheckboxRendererForColumn(columnId, isReadOnly, this.adaptable.api);
     }
@@ -239,8 +238,8 @@ class agGridHelper {
             isGrouped: this.isColumnGrouped(colDef),
             isFixed: this.isColumnFixed(colDef),
             pinned: this.getColumnPinnedPosition(colDef),
-            isSparkline: this.adaptable.api.sparklineColumnApi.isSparklineColumn(colId),
             isExcludedFromQuickSearch: false,
+            isSparkline: this.isColumnSparkline(colDef),
         };
         if (abColumn.aggregatable) {
             abColumn.availableAggregationFunctions = this.getColumnAggregationFunctions(colDef);
@@ -438,6 +437,10 @@ class agGridHelper {
         }
         return false;
     }
+    isColumnSparkline(colDef) {
+        // see https://www.ag-grid.com/javascript-data-grid/sparklines-overview/#enabling-sparklines
+        return (colDef === null || colDef === void 0 ? void 0 : colDef.cellRenderer) === 'agSparklineCellRenderer';
+    }
     getColumnDataType(column, logWarning = true) {
         // Some columns can have no ID or Title. we return string as a consequence but it needs testing
         if (!column) {

package/src/agGrid/agGridMenuHelper.js

@@ -4,7 +4,7 @@ exports.agGridMenuHelper = void 0;
 const tslib_1 = require("tslib");
 const ArrayExtensions_1 = require("../Utilities/Extensions/ArrayExtensions");
 const icons_1 = require("../components/icons");
-const flatten_1 = tslib_1.__importDefault(require("lodash-es/flatten"));
+const flatten_1 = tslib_1.__importDefault(require("lodash/flatten"));
 // tslint:disable-next-line: class-name
 class agGridMenuHelper {
     constructor(adaptable, gridOptions) {
@@ -21,7 +21,8 @@ class agGridMenuHelper {
         let userColumnMenuItems = [];
         //First get Ag Grid Column Items
         agGridColumnMenuItems.push(...this.createAgGridColumnMenuItems(originalgetMainMenuItems, params));
-        let showAdaptableColumnMenu = this.adaptable.adaptableOptions.menuOptions.showAdaptableColumnMenu;
+        let showAdaptableColumnMenu = this.adaptable.adaptableOptions.menuOptions
+            .showAdaptableColumnMenu;
         let hasAdaptableColumnMenuItems = showAdaptableColumnMenu == null || showAdaptableColumnMenu !== false;
         if (hasAdaptableColumnMenuItems) {
             agGridColumnMenuItems.push('separator');
@@ -55,7 +56,8 @@ class agGridMenuHelper {
         let agGridContextMenuItems = [];
         let adaptableContextMenuItems = [];
         let userContextMenuItems = [];
-        let showAdaptableContextMenu = this.adaptable.adaptableOptions.menuOptions.showAdaptableContextMenu;
+        let showAdaptableContextMenu = this.adaptable.adaptableOptions.menuOptions
+            .showAdaptableContextMenu;
         let hasAdaptableContextMenuItems = showAdaptableContextMenu == null || showAdaptableContextMenu !== false;
         let userDefinedContextMenuItems = this.adaptable.adaptableOptions.menuOptions.contextMenuItems;
         let hasUserDefinedContextMenuItems = ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(userDefinedContextMenuItems);
@@ -230,7 +232,7 @@ class agGridMenuHelper {
         if (adaptableColumn) {
             clickedCell = this.adaptable.getGridCellFromRowNode(params.node, adaptableColumn.columnId);
         }
-        let selectedCellInfo = this.adaptable.setSelectedCells();
+        let selectedCellInfo = this.adaptable.api.gridApi.getSelectedCellInfo();
         if (clickedCell && selectedCellInfo) {
             let matchedCell = selectedCellInfo.gridCells.find((gc) => gc != null &&
                 gc.column == clickedCell.column &&
@@ -267,7 +269,7 @@ class agGridMenuHelper {
     }
     createAdaptableContextMenuItems(menuContext) {
         let columnMenuItems = [];
-        this.adaptable.modules.forEach((s) => {
+        this.adaptable.adaptableModules.forEach((s) => {
             let menuItems = s.addContextMenuItems(menuContext);
             if (menuItems) {
                 columnMenuItems.push(...menuItems);
@@ -283,7 +285,8 @@ class agGridMenuHelper {
         // here we create agGrid Menu items based on Adaptable Menu Items
         // user has ability to decide whether to show or not
         let contextMenuItems = [];
-        let showAdaptableContextMenu = this.adaptable.adaptableOptions.menuOptions.showAdaptableContextMenu;
+        let showAdaptableContextMenu = this.adaptable.adaptableOptions.menuOptions
+            .showAdaptableContextMenu;
         if (showAdaptableContextMenu == null || showAdaptableContextMenu !== false) {
             adaptableMenuItems.forEach((adaptableMenuItem) => {
                 if (adaptableMenuItem) {
@@ -318,10 +321,11 @@ class agGridMenuHelper {
     // method to get all the Adaptable Menu Items - together with running the function where user can choose whether or not to display
     getAdaptableMenuItemsColumnHeader(adaptableColumn, menuContext) {
         const adaptableMenuItems = [];
-        let showAdaptableColumnMenu = this.adaptable.adaptableOptions.menuOptions.showAdaptableColumnMenu;
+        let showAdaptableColumnMenu = this.adaptable.adaptableOptions.menuOptions
+            .showAdaptableColumnMenu;
         let runCheck = showAdaptableColumnMenu == null || showAdaptableColumnMenu !== false;
         //  if (adaptableColumn != null) {
-        this.adaptable.modules.forEach((s) => {
+        this.adaptable.adaptableModules.forEach((s) => {
             let menuItems = s.addColumnMenuItems(adaptableColumn);
             if (menuItems) {
                 if (runCheck) {

package/src/components/ApplicationIcon.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { AdaptableIcon } from '../types';
 export declare const ApplicationIcon: React.FunctionComponent<{
-    icon: AdaptableIcon;
+    icon?: AdaptableIcon;
 }>;

package/src/components/Dashboard/Dashboard.js

@@ -29,7 +29,7 @@ function Dashboard(props) {
         top: position.y,
     };
     const renderTabs = () => (React.createElement("div", { className: "ab-Dashboard__tabs" }, children &&
-        React.Children.map(children, (child, index) => (React.createElement("button", { className: join_1.default('ab-Dashboard__tab', !collapsed && activeTabIndex === index ? 'ab-Dashboard__tab--active' : ''), key: index, onClick: () => {
+        React.Children.map(children, (child, index) => (React.createElement("button", { type: "button", className: join_1.default('ab-Dashboard__tab', !collapsed && activeTabIndex === index ? 'ab-Dashboard__tab--active' : ''), key: index, onClick: () => {
                 if (activeTabIndex === index) {
                     setCollapsed(!collapsed);
                 }

package/src/components/Dashboard/DashboardManager.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { DashboardTab } from '../../PredefinedConfig/DashboardState';
 import { AdaptableDashboardToolbar } from '../../PredefinedConfig/Common/Types';
 import { AdaptableApi } from '../../Api/AdaptableApi';
@@ -6,10 +6,12 @@ export interface DashboardToolbar {
     Id: AdaptableDashboardToolbar | string;
     Title: string;
 }
-declare function DashboardManager({ tabs, onTabsChange, availableToolbars, api, }: {
+interface DashboardManagerProps {
     tabs: DashboardTab[];
     onTabsChange: (tabs: DashboardTab[]) => void;
     availableToolbars: DashboardToolbar[];
     api: AdaptableApi;
-}): JSX.Element;
+    disabled: boolean;
+}
+declare const DashboardManager: React.FunctionComponent<DashboardManagerProps>;
 export default DashboardManager;