@adaptabletools/adaptable 12.0.1 → 12.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable",
-  "version": "12.0.1",
+  "version": "12.0.2",
   "description": "Powerful data-agnostic HTML5 datagrid add-on that sits on top of an underlying grid component and provides all the rich functionality that advanced users expect from their DataGrids and Data Tables",
   "keywords": [
     "web-components",

package/publishTimestamp.d.ts

@@ -1,2 +1,2 @@
-declare const _default: 1656489937822;
+declare const _default: 1656835883968;
 export default _default;

package/publishTimestamp.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = 1656489937822;
+exports.default = 1656835883968;

package/src/AdaptableInterfaces/IAdaptable.d.ts

@@ -1,4 +1,4 @@
-import { Column, GridOptions, RowNode } from '@ag-grid-community/all-modules';
+import { ChartModel, ChartRef, Column, GridOptions, RowNode } from '@ag-grid-community/all-modules';
 import { AdaptableApi } from '../Api/AdaptableApi';
 import { AdaptableColumn } from '../PredefinedConfig/Common/AdaptableColumn';
 import { ColumnSort } from '../PredefinedConfig/Common/ColumnSort';
@@ -160,7 +160,7 @@ export interface IAdaptable {
     getGridCellFromRowNode(rowNode: RowNode, columnId: string): GridCell | undefined;
     getRawValueFromRowNode(rowNode: RowNode, columnId: string): any;
     getDisplayValueFromRowNode(rowNode: RowNode, columnId: string): string | undefined;
-    getDisplayValueFromRawValue(columnId: string, rawValue: any): string | undefined;
+    getDisplayValueFromRawValue(rowNode: RowNode, columnId: string, rawValue: any): string | undefined;
     getDataRowFromRowNode(rowNode: RowNode): any;
     getRowNodesForPrimaryKeys(primaryKeyValues: any[]): RowNode[];
     getRowNodeForPrimaryKey(primaryKeyValue: any): RowNode;
@@ -243,4 +243,6 @@ export interface IAdaptable {
         skipSetupColumns?: boolean;
     }): void;
     getAgGridColumnForColumnId(columnId: string): Column;
+    showCharts(charts: ChartModel[]): ChartRef[];
+    getChartModels(): ChartModel[];
 }

package/src/AdaptableOptions/AdaptableQLOptions.d.ts

@@ -13,7 +13,7 @@ export interface AdaptableQLOptions {
      */
     caseSensitiveTextComparisons?: boolean;
     /**
-     * Which searching and filtering options should take place on server
+     * Which searching and filtering Modules should take place on server
      *
      * @defaultValue undefined
      * @gridInfoItem

package/src/AdaptableOptions/StateOptions.d.ts

@@ -3,30 +3,22 @@ import { AdaptableState } from '../PredefinedConfig/AdaptableState';
  * Options related to Adaptable State hydration/dehydration - allows users to intercept state persistence and state loading with custom functionality
  */
 export interface StateOptions {
-    /**
-     * Allows the customization of state persistence
-     *
-     * @defaultValue persists state to local storage
-     */
-    persistState?: AdaptablePersistStateFunction;
     /**
      * Allows the customization of Adaptable State loading
-     *
-     * @defaultValue loads state from local storage
      */
     loadState?: AdaptableLoadStateFunction;
+    /**
+     * Allows hooking into Adaptable State hydration
+     */
+    applyState?: (state: any) => any;
     /**
      * Allows the customization of the Adaptable State that is going to be persisted
-     *
-     * @defaultValue undefined
      */
     saveState?: AdaptableSaveStateFunction;
     /**
-     * Allows hooking into Adaptable State hydration
-     *
-     * @defaultValue undefined
+     * Allows the customization of Adaptable State persistence
      */
-    applyState?: (state: any) => any;
+    persistState?: AdaptablePersistStateFunction;
     /**
      * Allows clearing of remote Adaptable State
      *
@@ -49,9 +41,7 @@ export declare type AdaptableStateFunctionConfig = {
     url?: string;
 };
 /**
- * Allows the customization of state persistence.
- *
- * Used by the `persistState` function property in StateOptions
+ * Allows customization of state persistence - used `persistState` function in StateOptions
  *
  * @example
  * ```
@@ -73,17 +63,13 @@ export interface AdaptableClearStateFunction {
     ({ adaptableId, adaptableStateKey, userName, url }: AdaptableStateFunctionConfig): Promise<any>;
 }
 /**
- * Allows the customization of state persistence.
- *
- * Used by the `saveState` function property in StateOptions
+ * Allows the customization state persistence - used by `saveState` function in StateOptions
  */
 export interface AdaptableSaveStateFunction {
     (state: AdaptableState, { adaptableId, adaptableStateKey, userName, url }: AdaptableStateFunctionConfig): any;
 }
 /**
- * Allows the customization of state loading.
- *
- * Userd by the `loadState` function property in StateOptions
+ * Allows customization of state loading - used by `loadState` function in StateOptions
  */
 export interface AdaptableLoadStateFunction {
     (config: AdaptableStateFunctionConfig): Promise<any>;

package/src/AdaptableOptions/UserInterfaceOptions.d.ts

@@ -5,6 +5,7 @@ import { AdaptableColumn } from '../PredefinedConfig/Common/AdaptableColumn';
 import { AdaptableObjectTag } from '../PredefinedConfig/Common/AdaptableObject';
 import { AdaptableStyle } from '../PredefinedConfig/Common/AdaptableStyle';
 import { BaseContext, GridCell } from '../../types';
+import { RowNode } from '@ag-grid-community/all-modules';
 /**
  * Options for managing the User Interface of AdapTable
  */
@@ -182,9 +183,41 @@ export declare type GridInfoSections = GridInfoSection[];
 export declare type GridInfoSection = 'GridSummary' | 'AdaptableOptions' | 'ColumnInfo' | 'AdaptableObjectsSummary';
 export interface ObjectTagsContext extends BaseContext {
 }
+/**
+ * Provides Custom Display Formats
+ */
 export declare type CustomDisplayFormatter = {
+    /**
+     * Id of the Formatted
+     */
     id: string;
+    /**
+     * Description
+     */
     label?: string;
-    handler: (value: any) => any;
+    /**
+     * Function used to perform the Custom Display Format
+     */
+    handler: (customDisplayFormatterContext: CustomDisplayFormatterContext) => any;
+    /**
+     * Where the Custom Display Format can be applied
+     */
     scope: AdaptableScope;
 };
+/**
+ * Context used in handler of CustomDisplayFormatter
+ */
+export interface CustomDisplayFormatterContext extends BaseContext {
+    /**
+     * Column where Custom Display Format will apply
+     */
+    adaptableColumn: AdaptableColumn;
+    /**
+     * Non-formatted Cell Value
+     */
+    cellValue: any;
+    /**
+     * Node where Custom Display Format will apply
+     */
+    rowNode: RowNode;
+}

package/src/Api/ChartingApi.d.ts

@@ -1,9 +1,26 @@
+import { ChartModel, ChartRef } from '@ag-grid-community/all-modules';
 /**
- * Provides run-time access to Charting Module and state
+ * Provides run-time access to Charting Module and related State
  */
 export interface ChartingApi {
     /**
-     * Whether this Adaptable instance has Charting functions available.
+     * Whether AdapTable's charting functionality is available
      */
     isChartingEnabled(): boolean;
+    /**
+     * Retrieves current user-generated Charts
+     */
+    getCurrentCharts(): ChartModel[];
+    /**
+     * Retrieves persisted Charts from Adaptable State
+     */
+    getPersistedCharts(): ChartModel[];
+    /**
+     * Saves all current Charts into Adaptable State
+     */
+    saveCurrentCharts(): void;
+    /**
+     * Displays all persisted Charts
+     */
+    showPersistedCharts(): ChartRef[];
 }

package/src/Api/FormatColumnApi.d.ts

@@ -181,22 +181,22 @@ export interface FormatColumnApi {
     /**
      * Format value according to format options.
      *
-     * @param value value to format
+     * @param customDisplayFormatterContext context that includes value to format
      * @param options formatter options
      */
-    getNumberFormattedValue(value: any, options: AdaptableFormat['Options']): any;
+    getNumberFormattedValue(value: any, node: RowNode, abColumn: AdaptableColumn, options: AdaptableFormat['Options']): any;
     /**
      * Format value according to format options.
      *
-     * @param value value to format
+     * @param value  context that includes value to format
      * @param options formatter options
      */
-    getStringFormattedValue(value: any, options: AdaptableFormat['Options']): string;
+    getStringFormattedValue(value: any, node: RowNode, abColumn: AdaptableColumn, options: AdaptableFormat['Options']): string;
     /**
      * Format value according to format options.
      *
-     * @param value value to format
+     * @param customDisplayFormatterContext  context that includes value to format
      * @param options formatter options
      */
-    getDateFormattedValue(value: any, options: AdaptableFormat['Options']): string;
+    getDateFormattedValue(value: any, node: RowNode, abColumn: AdaptableColumn, options: AdaptableFormat['Options']): string;
 }

package/src/Api/GridApi.d.ts

@@ -262,7 +262,7 @@ export interface GridApi {
      * @param columnId ColumnId to lookup
      * @param rawValue Raw Value
      */
-    getFormattedValueFromRawValue(columnId: string, rawValue: any): string | undefined;
+    getFormattedValueFromRawValue(rowNode: RowNode, columnId: string, rawValue: any): string | undefined;
     /**
      * Retrieves Display Value for Cell in given Row and Column
      * @param rowNode Row to use

package/src/Api/Implementation/ChartingApiImpl.d.ts

@@ -1,5 +1,11 @@
+import { ChartModel } from '@ag-grid-community/core';
 import { ChartingApi } from '../ChartingApi';
 import { ApiBase } from './ApiBase';
+import { ChartRef } from '@ag-grid-community/all-modules';
 export declare class ChartingApiImpl extends ApiBase implements ChartingApi {
     isChartingEnabled(): boolean;
+    getCurrentCharts(): ChartModel[];
+    saveCurrentCharts(): void;
+    getPersistedCharts(): ChartModel[];
+    showPersistedCharts(): ChartRef[];
 }

package/src/Api/Implementation/ChartingApiImpl.js

@@ -1,10 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChartingApiImpl = void 0;
+const tslib_1 = require("tslib");
 const ApiBase_1 = require("./ApiBase");
+const ChartingRedux = tslib_1.__importStar(require("./../../Redux/ActionsReducers/ChartingRedux"));
+const ChartingRedux_1 = require("./../../Redux/ActionsReducers/ChartingRedux");
 class ChartingApiImpl extends ApiBase_1.ApiBase {
     isChartingEnabled() {
         return this.adaptable.canGenerateCharts();
     }
+    getCurrentCharts() {
+        return this.adaptable.getChartModels();
+    }
+    saveCurrentCharts() {
+        const currentCharts = this.getCurrentCharts();
+        this.dispatchAction(ChartingRedux.ChartingSetChartModels(currentCharts));
+    }
+    getPersistedCharts() {
+        return ChartingRedux_1.ChartingGetChartModels(this.getAdaptableState()).map((chart) => chart.model);
+    }
+    showPersistedCharts() {
+        const persistedCharts = this.getPersistedCharts();
+        return this.adaptable.showCharts(persistedCharts);
+    }
 }
 exports.ChartingApiImpl = ChartingApiImpl;

package/src/Api/Implementation/ConfigApiImpl.d.ts

@@ -22,6 +22,7 @@ import { AdaptableSearchState, ScheduleState } from '../../types';
 import { AdaptableSortState } from '../Events/SearchChanged';
 import { QueryState } from '../../PredefinedConfig/QueryState';
 import { PredefinedConfig } from '../../PredefinedConfig/PredefinedConfig';
+import { ChartingState } from '../../PredefinedConfig/ChartingState';
 export declare class ConfigApiImpl extends ApiBase implements ConfigApi {
     configInit(): void;
     copyAllStateToClipboard(): void;
@@ -47,6 +48,7 @@ export declare class ConfigApiImpl extends ApiBase implements ConfigApi {
     getAlertState(returnJson?: boolean): AlertState;
     getApplicationState(returnJson?: boolean): ApplicationState;
     getCalculatedColumnState(returnJson?: boolean): CalculatedColumnState;
+    getChartingState(returnJson?: boolean): ChartingState;
     getConditionalStyleState(returnJson?: boolean): ConditionalStyleState;
     getCustomSortState(returnJson?: boolean): CustomSortState;
     getDashboardState(returnJson?: boolean): DashboardState;

package/src/Api/Implementation/ConfigApiImpl.js

@@ -11,6 +11,7 @@ const DashboardRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers
 const AlertRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/AlertRedux"));
 const BulkUpdateRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/BulkUpdateRedux"));
 const CalculatedColumnRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/CalculatedColumnRedux"));
+const ChartingRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/ChartingRedux"));
 const ConditionalStyleRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/ConditionalStyleRedux"));
 const CustomSortRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/CustomSortRedux"));
 const ExportRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/ExportRedux"));
@@ -154,6 +155,10 @@ class ConfigApiImpl extends ApiBase_1.ApiBase {
                 return returnJson
                     ? JSON.stringify(this.getAdaptableState().CalculatedColumn)
                     : this.getAdaptableState().CalculatedColumn;
+            case 'Charting':
+                return returnJson
+                    ? JSON.stringify(this.getAdaptableState().Charting)
+                    : this.getAdaptableState().Charting;
             case 'ConditionalStyle':
                 return returnJson
                     ? JSON.stringify(this.getAdaptableState().ConditionalStyle)
@@ -231,6 +236,9 @@ class ConfigApiImpl extends ApiBase_1.ApiBase {
     getCalculatedColumnState(returnJson = false) {
         return this.getUserStateByStateKey('CalculatedColumn', returnJson);
     }
+    getChartingState(returnJson = false) {
+        return this.getUserStateByStateKey('Charting', returnJson);
+    }
     getConditionalStyleState(returnJson = false) {
         return this.getUserStateByStateKey('ConditionalStyle', returnJson);
     }
@@ -284,6 +292,9 @@ class ConfigApiImpl extends ApiBase_1.ApiBase {
             case 'CalculatedColumn':
                 this.dispatchAction(CalculatedColumnRedux.CalculatedColumnReady(this.getCalculatedColumnState()));
                 break;
+            case 'Charting':
+                this.dispatchAction(ChartingRedux.ChartingReady(this.getChartingState()));
+                break;
             case 'ConditionalStyle':
                 this.dispatchAction(ConditionalStyleRedux.ConditionalStyleReady(this.getConditionalStyleState()));
                 break;

package/src/Api/Implementation/FormatColumnApiImpl.d.ts

@@ -45,7 +45,7 @@ export declare class FormatColumnApiImpl extends ApiBase implements FormatColumn
     isCheckBoxStyleFormatColumn(column: AdaptableColumn): boolean;
     fireCheckboxColumnClickedEvent(columnId: string, rowData: any, primaryKeyValue: any, isChecked: boolean): void;
     private applyCustomFormatters;
-    getNumberFormattedValue(value: any, options: AdaptableFormat['Options']): string;
-    getStringFormattedValue(value: any, options: AdaptableFormat['Options']): string;
-    getDateFormattedValue(value: any, options: AdaptableFormat['Options']): string;
+    getNumberFormattedValue(value: any, node: RowNode, abColumn: AdaptableColumn, options: AdaptableFormat['Options']): string;
+    getStringFormattedValue(value: any, node: RowNode, abColumn: AdaptableColumn, options: AdaptableFormat['Options']): string;
+    getDateFormattedValue(value: any, node: RowNode, abColumn: AdaptableColumn, options: AdaptableFormat['Options']): string;
 }

package/src/Api/Implementation/FormatColumnApiImpl.js

@@ -9,6 +9,7 @@ const ArrayExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Exten
 const StringExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Extensions/StringExtensions"));
 const Helper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/Helper"));
 const FormatHelper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/FormatHelper"));
+const ObjectFactory_1 = tslib_1.__importDefault(require("../../Utilities/ObjectFactory"));
 class FormatColumnApiImpl extends ApiBase_1.ApiBase {
     getFormatColumnState() {
         return this.getAdaptableState().FormatColumn;
@@ -273,7 +274,7 @@ class FormatColumnApiImpl extends ApiBase_1.ApiBase {
         };
         this.adaptable.api.eventApi.emit('CheckboxColumnClicked', checkboxColumnClickedInfo);
     }
-    applyCustomFormatters(value, options) {
+    applyCustomFormatters(value, node, abColumn, options) {
         var _a, _b, _c;
         const columnCustomFormatters = (_a = options === null || options === void 0 ? void 0 : options.CustomDisplayFormats) !== null && _a !== void 0 ? _a : [];
         if (!(columnCustomFormatters === null || columnCustomFormatters === void 0 ? void 0 : columnCustomFormatters.length)) {
@@ -283,23 +284,24 @@ class FormatColumnApiImpl extends ApiBase_1.ApiBase {
         const customFormattersFromOptions = (_c = (_b = adaptableOptions === null || adaptableOptions === void 0 ? void 0 : adaptableOptions.userInterfaceOptions) === null || _b === void 0 ? void 0 : _b.customDisplayFormatters) !== null && _c !== void 0 ? _c : [];
         // formatters are applied in the order they are defined in the options
         const customFormatters = customFormattersFromOptions.filter((customFormatterOption) => columnCustomFormatters.includes(customFormatterOption.id));
-        return customFormatters.reduce((acc, formatter) => {
+        const customDisplayFormatterContext = ObjectFactory_1.default.CreateCustomDisplayFormatterContext(value, node, abColumn, this.getAdaptableApi());
+        return customFormatters.reduce((context, formatter) => {
             if (formatter && formatter.handler) {
-                return formatter.handler(acc);
+                return formatter.handler(context);
             }
-            return acc;
-        }, value);
+            return context.cellValue;
+        }, customDisplayFormatterContext);
     }
-    getNumberFormattedValue(value, options) {
-        let preparedValue = this.applyCustomFormatters(value, options);
+    getNumberFormattedValue(value, node, abColumn, options) {
+        const preparedValue = this.applyCustomFormatters(value, node, abColumn, options);
         return FormatHelper_1.default.NumberFormatter(preparedValue, options);
     }
-    getStringFormattedValue(value, options) {
-        let preparedValue = this.applyCustomFormatters(value, options);
+    getStringFormattedValue(value, node, abColumn, options) {
+        const preparedValue = this.applyCustomFormatters(value, node, abColumn, options);
         return FormatHelper_1.default.StringFormatter(preparedValue, options);
     }
-    getDateFormattedValue(value, options) {
-        let preparedValue = this.applyCustomFormatters(value, options);
+    getDateFormattedValue(value, node, abColumn, options) {
+        const preparedValue = this.applyCustomFormatters(value, node, abColumn, options);
         return FormatHelper_1.default.DateFormatter(preparedValue, options);
     }
 }

package/src/Api/Implementation/GridApiImpl.d.ts

@@ -65,7 +65,7 @@ export declare class GridApiImpl extends ApiBase implements GridApi {
     getGridCellFromRowNode(rowNode: RowNode, columnId: string): GridCell | undefined;
     getRawValueFromRowNode(rowNode: RowNode, columnId: string): any | undefined;
     getDisplayValueFromRowNode(rowNode: RowNode, columnId: string): any | undefined;
-    getFormattedValueFromRawValue(columnId: string, rawValue: any): string | undefined;
+    getFormattedValueFromRawValue(rowNode: RowNode, columnId: string, rawValue: any): string | undefined;
     getNormalisedValueFromRowNode(rowNode: RowNode, columnId: string): any | undefined;
     getRowNodesForPrimaryKeys(primaryKeyValues: any[]): RowNode[];
     getRowNodeForPrimaryKey(primaryKeyValue: any): RowNode;

package/src/Api/Implementation/GridApiImpl.js

@@ -200,8 +200,8 @@ class GridApiImpl extends ApiBase_1.ApiBase {
     getDisplayValueFromRowNode(rowNode, columnId) {
         return this.adaptable.getDisplayValueFromRowNode(rowNode, columnId);
     }
-    getFormattedValueFromRawValue(columnId, rawValue) {
-        return this.adaptable.getDisplayValueFromRawValue(columnId, rawValue);
+    getFormattedValueFromRawValue(rowNode, columnId, rawValue) {
+        return this.adaptable.getDisplayValueFromRawValue(rowNode, columnId, rawValue);
     }
     getNormalisedValueFromRowNode(rowNode, columnId) {
         const gridCell = this.getGridCellFromRowNode(rowNode, columnId);

package/src/PredefinedConfig/AdaptableState.d.ts

@@ -22,6 +22,7 @@ import { ToolPanelState } from './ToolPanelState';
 import { QueryState } from './QueryState';
 import { FlashingCellState } from './FlashingCellState';
 import { StatusBarState } from './StatusBarState';
+import { ChartingState } from './ChartingState';
 /**
  * The main state object of Adaptable
  */
@@ -52,6 +53,7 @@ export interface AdaptablePersistentState {
     TeamSharing: TeamSharingState;
     Theme: ThemeState;
     ToolPanel: ToolPanelState;
+    Charting: ChartingState;
 }
 /**
  * The state which is available in the internal Redux store but never persisted

package/src/PredefinedConfig/CalculatedColumnState.d.ts

@@ -46,11 +46,6 @@ export interface CalculatedColumnSettings extends SpecialColumnSettings {
      * @defaultValue false
      */
     ShowToolTip?: boolean;
-    /**
-     * If true, the Calculated Column Expression will NOT be evaluated and the value is loaded from the row data property with the same name as the ColumnId
-     * @defaultValue false
-     */
-    ExternallyEvaluatedExpression?: boolean;
 }
 /**
  * Calculated Column Query which may be a Scalar or an AggregatedScalar Expression

package/src/PredefinedConfig/ChartingState.d.ts

@@ -0,0 +1,20 @@
+import { ChartModel } from '@ag-grid-community/all-modules';
+import { ConfigState } from './ConfigState';
+/**
+ * Wraps an AG Grid Chart Model
+ */
+export interface ChartDefinition {
+    /**
+     * AG Grid Chart Model
+     */
+    model: ChartModel;
+}
+/**
+ * Predefined Configuration for Quick Search Module
+ */
+export interface ChartingState extends ConfigState {
+    /**
+     * Charting Definitions - wrap AG Grid Chart Models
+     */
+    ChartDefinitions?: ChartDefinition[];
+}

package/src/PredefinedConfig/ChartingState.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/src/PredefinedConfig/Common/Types.d.ts

@@ -34,5 +34,5 @@ export declare type TypeHint<Base, Literals> = (Base & {
     __subType?: true;
 }) | Literals;
 export declare type AdaptableQLModules = AdaptableQLModule[];
-export declare type AdaptableQLModule = 'Filter' | 'Query';
+export declare type AdaptableQLModule = 'CalculatedColumn' | 'Filter' | 'Query';
 export declare type AdaptableColumnType = 'abColDefBoolean' | 'abColDefDate' | 'abColDefNumber' | 'abColDefString' | 'abColDefObject' | 'abColDefCustom' | 'abSpecialColumn';

package/src/PredefinedConfig/PredefinedConfig.d.ts

@@ -17,6 +17,7 @@ import { ThemeState } from './ThemeState';
 import { ToolPanelState } from './ToolPanelState';
 import { QueryState } from './QueryState';
 import { StatusBarState } from './StatusBarState';
+import { ChartingState } from './ChartingState';
 /**
  * This is the main Predefined Config interface which developers will populate at design-time
  */
@@ -97,4 +98,8 @@ export interface PredefinedConfig {
      * Sets the order and visibility of the Tool Panel controls in the AdapTable ToolPanel (on right of grid)
      */
     ToolPanel?: ToolPanelState;
+    /**
+     * Predefine charting models
+     */
+    Charting?: ChartingState;
 }

package/src/Redux/ActionsReducers/ChartingRedux.d.ts

@@ -0,0 +1,23 @@
+import { ChartModel } from '@ag-grid-community/all-modules';
+import * as Redux from 'redux';
+import { AdaptableState } from '../../../types';
+import { ChartingState } from '../../PredefinedConfig/ChartingState';
+/**
+ * @ReduxAction Set AG Grid Charting Models
+ */
+export declare const SET_CHARTING_CHARTS = "SET_CHARTING_CHARTS";
+/**
+ * @ReduxAction Charting Module is ready
+ */
+export declare const CHARTING_READY = "CHARTING_READY";
+export interface ChartingSetChartModelsAction extends Redux.Action {
+    charts: ChartModel[];
+}
+export interface ChartingReadyAction extends Redux.Action {
+    chartingState: ChartingState;
+}
+export declare const ChartingSetChartModels: (charts: ChartModel[]) => ChartingSetChartModelsAction;
+export declare const ChartingReady: (chartingState: ChartingState) => ChartingReadyAction;
+export declare const initialState: ChartingState;
+export declare const ChartingGetChartModels: (state: AdaptableState) => ChartingState['ChartDefinitions'];
+export declare const ChartingReducer: Redux.Reducer<ChartingState>;

package/src/Redux/ActionsReducers/ChartingRedux.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChartingReducer = exports.ChartingGetChartModels = exports.initialState = exports.ChartingReady = exports.ChartingSetChartModels = exports.CHARTING_READY = exports.SET_CHARTING_CHARTS = void 0;
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
+/**
+ * @ReduxAction Set AG Grid Charting Models
+ */
+exports.SET_CHARTING_CHARTS = 'SET_CHARTING_CHARTS';
+/**
+ * @ReduxAction Charting Module is ready
+ */
+exports.CHARTING_READY = 'CHARTING_READY';
+const ChartingSetChartModels = (charts) => ({
+    charts,
+    type: exports.SET_CHARTING_CHARTS,
+});
+exports.ChartingSetChartModels = ChartingSetChartModels;
+const ChartingReady = (chartingState) => ({
+    type: exports.CHARTING_READY,
+    chartingState,
+});
+exports.ChartingReady = ChartingReady;
+exports.initialState = {
+    ChartDefinitions: GeneralConstants_1.EMPTY_ARRAY,
+};
+const ChartingGetChartModels = (state) => state.Charting.ChartDefinitions;
+exports.ChartingGetChartModels = ChartingGetChartModels;
+const ChartingReducer = (state = exports.initialState, action) => {
+    switch (action.type) {
+        case exports.SET_CHARTING_CHARTS:
+            const newCharts = action.charts.map((chartModel) => ({
+                model: chartModel,
+            }));
+            return Object.assign(Object.assign({}, state), { ChartDefinitions: newCharts });
+    }
+    return state;
+};
+exports.ChartingReducer = ChartingReducer;

package/src/Redux/Store/AdaptableStore.js

@@ -33,6 +33,7 @@ const ScheduleRedux = tslib_1.__importStar(require("../ActionsReducers/ScheduleR
 const TeamSharingRedux = tslib_1.__importStar(require("../ActionsReducers/TeamSharingRedux"));
 const QueryRedux = tslib_1.__importStar(require("../ActionsReducers/QueryRedux"));
 const StatusBarRedux = tslib_1.__importStar(require("../ActionsReducers/StatusBarRedux"));
+const ChartingRedux = tslib_1.__importStar(require("../ActionsReducers/ChartingRedux"));
 const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
 const ConfigConstants = tslib_1.__importStar(require("../../Utilities/Constants/ConfigConstants"));
 const LoggingHelper_1 = require("../../Utilities/Helpers/LoggingHelper");
@@ -146,6 +147,7 @@ class AdaptableStore {
             Theme: ThemeRedux.ThemeReducer,
             ToolPanel: ToolPanelRedux.ToolPanelReducer,
             Query: QueryRedux.QueryReducer,
+            Charting: ChartingRedux.ChartingReducer,
             // dead reducers
             PercentBar: DeadRedux.PercentBarReducer,
             UpdatedRow: DeadRedux.UpdatedRowReducer,

package/src/Strategy/AlertModule.js

@@ -30,10 +30,10 @@ class AlertModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             }
             if (this.api.internalApi.getAdaptableOptions().alertOptions.dataChangeDetectionPolicy ===
                 'formattedValue') {
-                const { oldValue, newValue } = cellDataChangedInfo;
+                const { oldValue, newValue, rowNode } = cellDataChangedInfo;
                 const columnId = cellDataChangedInfo.column.columnId;
-                const oldFormattedValue = this.api.gridApi.getFormattedValueFromRawValue(columnId, oldValue);
-                const newFormattedValue = this.api.gridApi.getFormattedValueFromRawValue(columnId, newValue);
+                const oldFormattedValue = this.api.gridApi.getFormattedValueFromRawValue(rowNode, columnId, oldValue);
+                const newFormattedValue = this.api.gridApi.getFormattedValueFromRawValue(rowNode, columnId, newValue);
                 if (oldFormattedValue === newFormattedValue) {
                     // if the formattedValues are identical, then no alert is fired
                     return;

package/src/Strategy/ChartingModule.js

@@ -6,7 +6,7 @@ const AdaptableModuleBase_1 = require("./AdaptableModuleBase");
 const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/ModuleConstants"));
 class ChartingModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     constructor(api) {
-        super(ModuleConstants.ChartingModuleId, 'Charts', 'chart', 'ChartPopup', 'Create Charts in order to see Adaptable Data visually', api);
+        super(ModuleConstants.ChartingModuleId, 'Charts', 'chart', 'ChartPopup', 'Create AG Grid Charts in order to see Adaptable Data visually', api);
     }
     isModuleAvailable() {
         return this.api.chartingApi.isChartingEnabled() && super.isModuleAvailable();

package/src/Strategy/FlashingCellModule.js

@@ -29,10 +29,10 @@ class FlashingCellModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             // - flash for the underlying small data changes, but the visual does not
             if (this.api.internalApi.getAdaptableOptions().alertOptions.dataChangeDetectionPolicy ===
                 'formattedValue') {
-                const { oldValue, newValue } = cellDataChangedInfo;
+                const { oldValue, newValue, rowNode } = cellDataChangedInfo;
                 const columnId = cellDataChangedInfo.column.columnId;
-                const oldFormattedValue = this.api.gridApi.getFormattedValueFromRawValue(columnId, oldValue);
-                const newFormattedValue = this.api.gridApi.getFormattedValueFromRawValue(columnId, newValue);
+                const oldFormattedValue = this.api.gridApi.getFormattedValueFromRawValue(rowNode, columnId, oldValue);
+                const newFormattedValue = this.api.gridApi.getFormattedValueFromRawValue(rowNode, columnId, newValue);
                 if (oldFormattedValue === newFormattedValue) {
                     // if the formattedValues are identical, then no alert is fired
                     return;

package/src/Utilities/Helpers/FormatHelper.d.ts

@@ -1,6 +1,6 @@
 import { NumberFormatterOptions, DateFormatterOptions, AdaptableFormat, StringFormatterOptions } from '../../PredefinedConfig/Common/AdaptableFormat';
 export declare function Format(input: any, format: AdaptableFormat): string;
-export declare function NumberFormatter(input: number, options?: NumberFormatterOptions): string;
+export declare function NumberFormatter(input: number | string, options?: NumberFormatterOptions): string;
 export declare function DateFormatter(input: number | Date | string, options: DateFormatterOptions): string | undefined;
 export declare function StringFormatter(input: string, options?: StringFormatterOptions): string;
 declare const _default: {