@adaptabletools/adaptable 22.0.0-canary.4 → 22.0.0-canary.6

package/src/AdaptableState/ChartingState.d.ts

@@ -1,5 +1,5 @@
 import { ChartModel } from 'ag-grid-enterprise';
-import { NamedObject } from '../types';
+import { AdaptableObject } from '../types';
 import { BaseState } from './BaseState';
 export declare const isExternalChartDefinition: (chartDefinition: ChartDefinition | ExternalChartDefinition) => chartDefinition is ExternalChartDefinition;
 export declare const isAgChartDefinition: (chartDefinition: ChartDefinition | ExternalChartDefinition) => chartDefinition is ChartDefinition;
@@ -7,9 +7,9 @@ export declare const isAgChartDefinition: (chartDefinition: ChartDefinition | Ex
  * Wraps external chart definitions
  * Can be used to store charts in Adaptable State
  */
-export interface ExternalChartDefinition<T = unknown> extends NamedObject {
+export interface ExternalChartDefinition<T = unknown> extends AdaptableObject {
     /**
-     * The name needs to be unique.
+     * Name of the external chart
      */
     Name: string;
     /**
@@ -25,9 +25,9 @@ export interface ExternalChartDefinition<T = unknown> extends NamedObject {
 /**
  * Wraps an AG Grid Chart Model
  */
-export interface ChartDefinition extends NamedObject {
+export interface ChartDefinition extends AdaptableObject {
     /**
-     * Name of the Chart
+     * Name of the chart definition
      */
     Name: string;
     /**

package/src/AdaptableState/Common/AdaptableObject.d.ts

@@ -71,12 +71,3 @@ export interface SuspendableObject extends AdaptableObject {
      */
     IsSuspended?: boolean;
 }
-/**
- * Interface that extends Adaptable Object for those config items that have a Name
- */
-export interface NamedObject extends AdaptableObject {
-    /**
-     * Name of the Adaptable Object
-     */
-    Name: string;
-}

package/src/AdaptableState/Common/AdaptableStyle.d.ts

@@ -39,7 +39,7 @@ export interface AdaptableStyle {
      */
     ClassName?: string;
     /**
-     * Align to 'Left' or 'Right' or 'Center'
+     * Align to `Left`, `Right` or `Center`
      */
     Alignment?: Alignment;
 }

package/src/AdaptableState/Common/ColumnHighlightInfo.d.ts

@@ -0,0 +1,18 @@
+import { AdaptableStyle } from '../../../types';
+/**
+ * Defines how a given Column in AdapTable should be highlighted
+ */
+export interface ColumnHighlightInfo {
+    /**
+     * Id of Column being highlighted
+     */
+    columnId: string;
+    /**
+     * Time after which Column should be unhighlighted
+     */
+    timeout?: number;
+    /**
+     * Adaptable Style to use in the Column Highlight
+     */
+    highlightStyle: AdaptableStyle;
+}

package/src/AdaptableState/Common/Schedule.d.ts

@@ -1,4 +1,4 @@
-import { NamedObject, SuspendableObject } from './AdaptableObject';
+import { AdaptableObject, SuspendableObject } from './AdaptableObject';
 /**
  * Defines when an action will be run - either one-off or recurring
  */
@@ -23,7 +23,11 @@ export interface Schedule {
 /**
  * Base Schedule object - typically overriden by Functions
  */
-export interface BaseSchedule extends NamedObject, SuspendableObject {
+export interface BaseSchedule extends AdaptableObject, SuspendableObject {
+    /**
+     * Name of the Schedule
+     */
+    Name: string;
     /**
      * The Schedule to run
      */

package/src/AdaptableState/CustomSortState.d.ts

@@ -1,5 +1,5 @@
 import { BaseState } from './BaseState';
-import { NamedObject, SuspendableObject } from './Common/AdaptableObject';
+import { SuspendableObject } from './Common/AdaptableObject';
 /**
  * Adaptable State Section for Custom Sort Module
  */
@@ -12,7 +12,11 @@ export interface CustomSortState extends BaseState {
 /**
  * Custom Sort object used in Custom Sort function.
  */
-export interface CustomSort extends SuspendableObject, NamedObject {
+export interface CustomSort extends SuspendableObject {
+    /**
+     * Name of the Custom Sort definition
+     */
+    Name: string;
     /**
      * Id of Column on which Custom Sort will be applied
      */

package/src/AdaptableState/DashboardState.d.ts

@@ -1,6 +1,6 @@
 import { BaseState } from './BaseState';
 import { AdaptableDashboardToolbars, AdaptableModuleButtons } from './Common/Types';
-import { AdaptableObject, NamedObject } from './Common/AdaptableObject';
+import { AdaptableObject } from './Common/AdaptableObject';
 /**
  * Adaptable State Section for the AdapTable Dashboard
  */
@@ -56,9 +56,9 @@ export interface DashboardState extends BaseState {
 /**
  * Defines a named set of Toolbars in the AdapTable Dashboard
  */
-export interface DashboardTab extends NamedObject {
+export interface DashboardTab extends AdaptableObject {
     /**
-     * Name of the tab - as appears in the Dashboard
+     * Name of the Dashboard Tab as it appears in the Dashboard header
      */
     Name: string;
     /**

package/src/AdaptableState/ExportState.d.ts

@@ -2,7 +2,7 @@ import { BaseState } from './BaseState';
 import { BaseSchedule } from './Common/Schedule';
 import { ColumnScope } from './Common/ColumnScope';
 import { AdaptableColumnBase } from './Common/AdaptableColumn';
-import { NamedObject } from './Common/AdaptableObject';
+import { AdaptableObject } from './Common/AdaptableObject';
 import { AdaptableBooleanQuery } from './Common/AdaptableQuery';
 import { TypeHint } from './Common/Types';
 import { ExportDestinationType } from '../AdaptableOptions/ExportOptions';
@@ -26,9 +26,9 @@ export interface ExportState extends BaseState {
 /**
  * A Report which can export data from AdapTable
  */
-export interface Report extends NamedObject {
+export interface Report extends AdaptableObject {
     /**
-     * Name of Report
+     * Name of the Report as displayed in the Export toolbar and tool panel
      */
     Name: ReportNameType;
     /**

package/src/AdaptableState/FlashingCellState.d.ts

@@ -4,7 +4,7 @@ import { AdaptableColumnPredicate, ColumnScope } from '../types';
 import { XOR } from '../Utilities/Extensions/TypeExtensions';
 import { AdaptableBooleanQuery } from './Common/AdaptableQuery';
 import { TypeHint } from './Common/Types';
-import { NamedObject, SuspendableObject } from '../../types';
+import { AdaptableObject, SuspendableObject } from '../../types';
 /**
  * Adaptable State Section for Flashing Cell module
  */
@@ -33,7 +33,11 @@ export type FlashTargetTypes = 'row' | 'cell' | 'aggFuncCell';
 /**
  * The Flashing Cell Definition
  */
-export interface FlashingCellDefinition extends NamedObject, SuspendableObject {
+export interface FlashingCellDefinition extends AdaptableObject, SuspendableObject {
+    /**
+     * Name of the Flashing Cell Definition
+     */
+    Name: string;
     /**
      * Which Columns, DataTypes or Column Types can Flash
      */

package/src/AdaptableState/FormatColumnState.d.ts

@@ -7,7 +7,7 @@ import { XOR } from '../Utilities/Extensions/TypeExtensions';
 import { TypeHint } from './Common/Types';
 import { AdaptableBooleanQuery, LayoutExtendedConfig } from '../types';
 import { AdaptableColumnPredicate } from './Common/AdaptablePredicate';
-import { NamedObject, SuspendableObject } from './Common/AdaptableObject';
+import { SuspendableObject } from './Common/AdaptableObject';
 /**
  * Adaptable State Section for Format Column Module
  */
@@ -20,7 +20,11 @@ export interface FormatColumnState extends BaseState {
 /**
  * Object used in Format Column function
  */
-export interface FormatColumn extends SuspendableObject, NamedObject {
+export interface FormatColumn extends SuspendableObject {
+    /**
+     * Name of the Format Column definition
+     */
+    Name: string;
     /**
      * Where Format will be applied: whole Row, some Columns, or Columns of DataType
      */

package/src/AdaptableState/InternalState.d.ts

@@ -15,6 +15,7 @@ import { SelectedCellInfo } from './Selection/SelectedCellInfo';
 import { SelectedRowInfo } from './Selection/SelectedRowInfo';
 import { AdaptableMenuItem } from './Common/Menu';
 import { CellHighlightInfo } from './Common/CellHighlightInfo';
+import { ColumnHighlightInfo } from './Common/ColumnHighlightInfo';
 import { RowHighlightInfo } from './Common/RowHighlightInfo';
 export type { IPushPullReport, IPushPullDomain };
 export type { OpenFinReport };
@@ -31,6 +32,7 @@ export interface InternalState extends IPushPullState, OpenFinState {
     SelectedCellInfo: SelectedCellInfo;
     SelectedRowInfo: SelectedRowInfo;
     CellHighlightInfo: CellHighlightInfo[];
+    ColumnHighlightInfo: ColumnHighlightInfo[];
     RowHighlightInfo: RowHighlightInfo[];
     SettingsPanelModuleEntries: AdaptableMenuItem[];
     AdaptableAlerts: AdaptableAlert[];

package/src/AdaptableState/LayoutState.d.ts

@@ -1,5 +1,5 @@
 import { BaseState } from './BaseState';
-import { AdaptableObject, NamedObject } from './Common/AdaptableObject';
+import { AdaptableObject } from './Common/AdaptableObject';
 import { ColumnSort } from './Common/ColumnSort';
 import { ColumnFilter, GridFilter } from '../types';
 import { PivotAggregationColumns, TableAggregationColumns } from './Common/AggregationColumns';
@@ -30,9 +30,9 @@ export interface LayoutState extends BaseState {
 /**
  * Base object for both Table and Pivot Layouts
  */
-export interface LayoutBase extends NamedObject {
+export interface LayoutBase extends AdaptableObject {
     /**
-     * Name of Layout as will appear in Layout toolbar and tool panel
+     * Name of the Layout as it appears in the Layout toolbar and tool panel
      */
     Name: string;
     /**
@@ -169,7 +169,7 @@ export interface PivotLayout extends LayoutBase {
      * Ordered list of Pivot Result Column Ids to control their display order.
      * Set to `true` to enable tracking the current display order (will be populated automatically).
      */
-    PivotResultColumns?: string[] | boolean;
+    PivotResultColumnsOrder?: string[] | boolean;
 }
 /**
  * Defines the position of Pivot Total position - 'before' or 'after' the Value Column(s)

package/src/AdaptableState/NamedQueryState.d.ts

@@ -1,6 +1,6 @@
 import { BaseState } from './BaseState';
 import { AdaptableBooleanQuery } from './Common/AdaptableQuery';
-import { NamedObject } from './Common/AdaptableObject';
+import { AdaptableObject } from './Common/AdaptableObject';
 /**
  * Adaptable State Section for Named Query Module
  */
@@ -13,9 +13,9 @@ export interface NamedQueryState extends BaseState {
 /**
  * Defines a Query which can be referenced in AdaptableQL Expressions
  */
-export interface NamedQuery extends AdaptableBooleanQuery, NamedObject {
+export interface NamedQuery extends AdaptableBooleanQuery, AdaptableObject {
     /**
-     * Name of the Query - how it will appear in the Expression
+     * Name of the Query, used to reference it in AdaptableQL Expressions
      */
     Name: string;
 }

package/src/AdaptableState/PlusMinusState.d.ts

@@ -1,7 +1,7 @@
 import { BaseState } from './BaseState';
 import { ColumnScope } from './Common/ColumnScope';
 import { AdaptableBooleanQuery } from './Common/AdaptableQuery';
-import { NamedObject, SuspendableObject } from './Common/AdaptableObject';
+import { SuspendableObject } from './Common/AdaptableObject';
 /**
  * Adaptable State Section for Plus Minus Module
  */
@@ -14,7 +14,11 @@ export interface PlusMinusState extends BaseState {
 /**
  * Defines a Plus Minus Rule - used in the Plus Minus Module
  */
-export interface PlusMinusNudge extends NamedObject, SuspendableObject {
+export interface PlusMinusNudge extends SuspendableObject {
+    /**
+     * Name of the Plus Minus Nudge rule
+     */
+    Name: string;
     /**
      * Where Rule is applied
      */

package/src/AdaptableState/ShortcutState.d.ts

@@ -1,6 +1,6 @@
 import { BaseState } from './BaseState';
 import { ColumnScope } from './Common/ColumnScope';
-import { NamedObject, SuspendableObject } from './Common/AdaptableObject';
+import { SuspendableObject } from './Common/AdaptableObject';
 /**
  * Adaptable State Section for Shortcut Module
  */
@@ -17,7 +17,11 @@ export type ShortcutScopeDataType = 'number';
 /**
  * Used to define a Shortcut as used in Shortcut State
  */
-export interface Shortcut extends NamedObject, SuspendableObject {
+export interface Shortcut extends SuspendableObject {
+    /**
+     * Name of the Shortcut
+     */
+    Name: string;
     /**
      * Numeric Columns where Shortcut is applied
      */

package/src/AdaptableState/ThemeState.d.ts

@@ -1,5 +1,5 @@
 import { BaseState } from './BaseState';
-import { NamedObject } from './Common/AdaptableObject';
+import { AdaptableObject } from './Common/AdaptableObject';
 import { TypeHint } from './Common/Types';
 /**
  * Theme section of Adaptable State
@@ -21,9 +21,9 @@ export interface ThemeState extends BaseState {
 /**
  * Used for creating User (i.e. Custom) Themes
  */
-export interface AdaptableTheme extends NamedObject {
+export interface AdaptableTheme extends AdaptableObject {
     /**
-     * Name of the Theme
+     * Name of the Theme as it appears in the Theme toolbar and tool panel
      */
     Name: string;
     /**

package/src/Api/GridApi.d.ts

@@ -13,6 +13,7 @@ import { RowsHighlightInfo } from '../AdaptableState/Common/RowsHighlightInfo';
 import { TransposeConfig } from '../AdaptableState/Common/TransposeConfig';
 import { AdaptableVariant } from '../AdaptableInterfaces/IAdaptable';
 import { InternalState } from '../AdaptableState/InternalState';
+import { ColumnHighlightInfo } from '../AdaptableState/Common/ColumnHighlightInfo';
 /**
  * Provides access to important properties and functionalities of AdapTable e.g. sorting, selected cells etc.
  */
@@ -442,14 +443,28 @@ export interface GridApi {
     highlightCell(cellHighlightInfo: CellHighlightInfo): void;
     /**
      * Unhighlights a Cell in AdapTable
-     * @param cellHighlightInfo cell to unhighlight
+     * @param primaryKeyValue pkvalue of cell to unhilight
+     * @param columnId column id of cell to unhilight
      */
-    unHighlightCell(primaryKeyValue: CellHighlightInfo['primaryKeyValue'], columnId: CellHighlightInfo['columnId']): void;
+    unHighlightCell(primaryKeyValue: any, columnId: string): void;
     /**
      * Unhighlights all highlighted Cells in AdapTable
-     * @param cellHighlightInfo cell to highlight
      */
     unHighlightAllCells(): void;
+    /**
+     * Highlights a Column in AdapTable
+     * @param columnHighlightInfo column to highlight
+     */
+    highlightColumn(columnHighlightInfo: ColumnHighlightInfo): void;
+    /**
+     * Unhighlights a Column in AdapTable
+     * @param columnId column to unhighlight
+     */
+    unHighlightColumn(columnId: string): void;
+    /**
+     * Unhighlights all highlighted Columns in AdapTable
+     */
+    unHighlightAllColumns(): void;
     /**
      * Highlight a row using an adaptable style
      * @param rowHighlightInfo highlight instructions

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

@@ -16,6 +16,7 @@ import { GridInternalApi } from '../Internal/GridInternalApi';
 import { TransposeConfig } from '../../AdaptableState/Common/TransposeConfig';
 import { CellSummmaryInfo } from '../../types';
 import { InternalState } from '../../AdaptableState/InternalState';
+import { ColumnHighlightInfo } from '../../AdaptableState/Common/ColumnHighlightInfo';
 export declare class GridApiImpl extends ApiBase implements GridApi {
     internalApi: GridInternalApi;
     constructor(_adaptable: IAdaptable);
@@ -122,6 +123,9 @@ export declare class GridApiImpl extends ApiBase implements GridApi {
     highlightCell(cellHighlightInfo: CellHighlightInfo): void;
     unHighlightCell(primaryKeyValue: CellHighlightInfo['primaryKeyValue'], columnId: CellHighlightInfo['columnId']): void;
     unHighlightAllCells(): void;
+    highlightColumn(columnHighlightInfo: ColumnHighlightInfo): void;
+    unHighlightColumn(columnId: string): void;
+    unHighlightAllColumns(): void;
     highlightRow(rowHighlightInfo: RowHighlightInfo): void;
     highlightRows(rowHighlightInfos: RowsHighlightInfo): void;
     unHighlightRow(primaryKeyValue: RowHighlightInfo['primaryKeyValue']): void;

package/src/Api/Implementation/GridApiImpl.js

@@ -1,5 +1,5 @@
 import { ApiBase } from './ApiBase';
-import { HighlightCellAdd, HighlightCellDelete, HighlightCellDeleteAll, HighlightRowAdd, HighlightRowDelete, GridHighlightRowDeleteAll, HighlightRowsAdd, GridHighlightRowsDelete, } from '../../Redux/ActionsReducers/InternalRedux';
+import { HighlightCellAdd, HighlightCellDelete, HighlightCellDeleteAll, HighlightColumnAdd, HighlightColumnDelete, HighlightColumnDeleteAll, HighlightRowAdd, HighlightRowDelete, GridHighlightRowDeleteAll, HighlightRowsAdd, GridHighlightRowsDelete, } from '../../Redux/ActionsReducers/InternalRedux';
 import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
 import { GridInternalApi } from '../Internal/GridInternalApi';
 import ArrayExtensions from '../../Utilities/Extensions/ArrayExtensions';
@@ -470,6 +470,20 @@ export class GridApiImpl extends ApiBase {
     unHighlightAllCells() {
         this.dispatchAction(HighlightCellDeleteAll());
     }
+    highlightColumn(columnHighlightInfo) {
+        this.dispatchAction(HighlightColumnAdd(columnHighlightInfo));
+        if (columnHighlightInfo.timeout) {
+            setTimeout(() => {
+                this.unHighlightColumn(columnHighlightInfo.columnId);
+            }, columnHighlightInfo.timeout);
+        }
+    }
+    unHighlightColumn(columnId) {
+        this.dispatchAction(HighlightColumnDelete(columnId));
+    }
+    unHighlightAllColumns() {
+        this.dispatchAction(HighlightColumnDeleteAll());
+    }
     highlightRow(rowHighlightInfo) {
         this.dispatchAction(HighlightRowAdd(rowHighlightInfo));
         if (rowHighlightInfo.timeout) {

package/src/Api/Implementation/LayoutHelpers.js

@@ -274,7 +274,7 @@ export const pivotLayoutToPivotLayoutModel = (pivotLayout) => {
         GrandTotalRow: pivotLayout.GrandTotalRow,
         PivotGrandTotal: pivotLayout.PivotGrandTotal,
         PivotColumnTotal: pivotLayout.PivotColumnTotal,
-        PivotResultColumns: pivotLayout.PivotResultColumns,
+        PivotResultColumnsOrder: pivotLayout.PivotResultColumnsOrder,
         RowGroupValues: toRowGroupValuesForLayoutModel(pivotLayout.RowGroupValues),
         ColumnGroupValues: pivotLayout.ColumnGroupValues
             ? pivotLayout.ColumnGroupValues.ColumnGroupDefaultBehavior === 'always-expanded' ||
@@ -508,11 +508,11 @@ export const pivotLayoutModelToPivotLayout = (layoutModel) => {
     else {
         delete pivotLayout.PivotColumnTotal;
     }
-    if (layoutModel.PivotResultColumns != null) {
-        pivotLayout.PivotResultColumns = layoutModel.PivotResultColumns;
+    if (layoutModel.PivotResultColumnsOrder != null) {
+        pivotLayout.PivotResultColumnsOrder = layoutModel.PivotResultColumnsOrder;
     }
     else {
-        delete pivotLayout.PivotResultColumns;
+        delete pivotLayout.PivotResultColumnsOrder;
     }
     if (layoutModel.PivotAggregationColumns) {
         pivotLayout.PivotAggregationColumns = (layoutModel.PivotAggregationColumns || []).map(({ ColumnId, AggFunc, Total }) => ({

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

@@ -15,6 +15,7 @@ import { SelectedCellInfo } from '../../AdaptableState/Selection/SelectedCellInf
 import { SelectedRowInfo } from '../../AdaptableState/Selection/SelectedRowInfo';
 import { CellHighlightInfo, RowHighlightInfo, RowsHighlightInfo } from '../../types';
 import { IRowNode } from 'ag-grid-enterprise';
+import { ColumnHighlightInfo } from '../../AdaptableState/Common/ColumnHighlightInfo';
 export declare const SET_COLUMNS = "SET_COLUMNS";
 export declare const SET_SELECTED_CELLS = "SET_SELECTED_CELLS";
 export declare const SET_SELECTED_ROWS = "SET_SELECTED_ROWS";
@@ -23,6 +24,9 @@ export declare const SET_DASHBOARD_MODULE_BUTTONS = "SET_DASHBOARD_MODULE_BUTTON
 export declare const HIGHLIGHT_CELL_ADD = "HIGHLIGHT_CELL_ADD";
 export declare const HIGHLIGHT_CELL_DELETE = "HIGHLIGHT_CELL_DELETE";
 export declare const HIGHLIGHT_CELL_DELETE_ALL = "HIGHLIGHT_CELL_DELETE_ALL";
+export declare const HIGHLIGHT_COLUMN_ADD = "HIGHLIGHT_COLUMN_ADD";
+export declare const HIGHLIGHT_COLUMN_DELETE = "HIGHLIGHT_COLUMN_DELETE";
+export declare const HIGHLIGHT_COLUMN_DELETE_ALL = "HIGHLIGHT_COLUMN_DELETE_ALL";
 export declare const HIGHLIGHT_ROW_ADD = "HIGHLIGHT_ROW_ADD";
 export declare const HIGHLIGHT_ROWS_ADD = "HIGHLIGHT_ROWS_ADD";
 export declare const HIGHLIGHT_ROW_DELETE = "HIGHLIGHT_ROW_DELETE";
@@ -93,6 +97,14 @@ export interface HighlightCellDeleteAction extends Redux.Action {
 }
 export interface HighlightCellDeleteAllAction extends Redux.Action {
 }
+export interface HighlightColumnAddAction extends Redux.Action {
+    columnHighlightInfo: ColumnHighlightInfo;
+}
+export interface HighlightColumnDeleteAction extends Redux.Action {
+    columnId: ColumnHighlightInfo['columnId'];
+}
+export interface HighlightColumnDeleteAllAction extends Redux.Action {
+}
 export interface HighlightRowAddAction extends Redux.Action {
     rowHighlightInfo: RowHighlightInfo;
 }
@@ -121,6 +133,9 @@ export interface SystemExportEndAction extends Redux.Action {
 export declare const HighlightCellAdd: (cellHighlightInfo: CellHighlightInfo) => HighlightCellAddAction;
 export declare const HighlightCellDelete: (primaryKeyValue: CellHighlightInfo["primaryKeyValue"], columnId: CellHighlightInfo["columnId"]) => HighlightCellDeleteAction;
 export declare const HighlightCellDeleteAll: () => HighlightCellDeleteAllAction;
+export declare const HighlightColumnAdd: (columnHighlightInfo: ColumnHighlightInfo) => HighlightColumnAddAction;
+export declare const HighlightColumnDelete: (columnId: ColumnHighlightInfo["columnId"]) => HighlightColumnDeleteAction;
+export declare const HighlightColumnDeleteAll: () => HighlightColumnDeleteAllAction;
 export declare const HighlightRowAdd: (rowHighlightInfo: RowHighlightInfo) => HighlightRowAddAction;
 export declare const HighlightRowsAdd: (rowsHighlightInfo: RowsHighlightInfo) => HighlightRowsAddAction;
 export declare const HighlightRowDelete: (primaryKeyValue: RowHighlightInfo["primaryKeyValue"]) => HighlightRowDeleteAction;

package/src/Redux/ActionsReducers/InternalRedux.js

@@ -22,6 +22,10 @@ export const SET_DASHBOARD_MODULE_BUTTONS = 'SET_DASHBOARD_MODULE_BUTTONS';
 export const HIGHLIGHT_CELL_ADD = 'HIGHLIGHT_CELL_ADD';
 export const HIGHLIGHT_CELL_DELETE = 'HIGHLIGHT_CELL_DELETE';
 export const HIGHLIGHT_CELL_DELETE_ALL = 'HIGHLIGHT_CELL_DELETE_ALL';
+// Column Highlight
+export const HIGHLIGHT_COLUMN_ADD = 'HIGHLIGHT_COLUMN_ADD';
+export const HIGHLIGHT_COLUMN_DELETE = 'HIGHLIGHT_COLUMN_DELETE';
+export const HIGHLIGHT_COLUMN_DELETE_ALL = 'HIGHLIGHT_COLUMN_DELETE_ALL';
 // Row Highlight
 export const HIGHLIGHT_ROW_ADD = 'HIGHLIGHT_ROW_ADD';
 export const HIGHLIGHT_ROWS_ADD = 'HIGHLIGHT_ROWS_ADD';
@@ -106,6 +110,17 @@ export const HighlightCellDelete = (primaryKeyValue, columnId) => ({
 export const HighlightCellDeleteAll = () => ({
     type: HIGHLIGHT_CELL_DELETE_ALL,
 });
+export const HighlightColumnAdd = (columnHighlightInfo) => ({
+    type: HIGHLIGHT_COLUMN_ADD,
+    columnHighlightInfo: columnHighlightInfo,
+});
+export const HighlightColumnDelete = (columnId) => ({
+    type: HIGHLIGHT_COLUMN_DELETE,
+    columnId,
+});
+export const HighlightColumnDeleteAll = () => ({
+    type: HIGHLIGHT_COLUMN_DELETE_ALL,
+});
 export const HighlightRowAdd = (rowHighlightInfo) => ({
     type: HIGHLIGHT_ROW_ADD,
     rowHighlightInfo: rowHighlightInfo,
@@ -349,6 +364,7 @@ const initialState = {
     SelectedCellInfo: null,
     SelectedRowInfo: null,
     CellHighlightInfo: EMPTY_ARRAY,
+    ColumnHighlightInfo: EMPTY_ARRAY,
     RowHighlightInfo: EMPTY_ARRAY,
     SettingsPanelModuleEntries: EMPTY_ARRAY,
     AdaptableAlerts: EMPTY_ARRAY,
@@ -448,6 +464,26 @@ export const InternalReducer = (state = initialState, action) => {
                 CellHighlightInfo: [],
             });
         }
+        case HIGHLIGHT_COLUMN_ADD: {
+            const actionTypedAdd = action;
+            return Object.assign({}, state, {
+                ColumnHighlightInfo: [...state.ColumnHighlightInfo, actionTypedAdd.columnHighlightInfo],
+            });
+        }
+        case HIGHLIGHT_COLUMN_DELETE: {
+            const actionTypedDelete = action;
+            const actionId = actionTypedDelete.columnId;
+            return Object.assign({}, state, {
+                ColumnHighlightInfo: state.ColumnHighlightInfo.filter((columnHighlightInfo) => {
+                    return columnHighlightInfo.columnId !== actionId;
+                }),
+            });
+        }
+        case HIGHLIGHT_COLUMN_DELETE_ALL: {
+            return Object.assign({}, state, {
+                ColumnHighlightInfo: [],
+            });
+        }
         case HIGHLIGHT_ROW_ADD: {
             const actionTypedAdd = action;
             return Object.assign({}, state, {

package/src/Redux/Store/AdaptableStore.js

@@ -745,6 +745,27 @@ const adaptableMiddleware = (adaptable) => (function(middlewareAPI) {
                     });
                     return ret;
                 }
+                case InternalRedux.HIGHLIGHT_COLUMN_ADD: {
+                    const actionTyped = action;
+                    const ret = next(action);
+                    const columnHighlightInfo = actionTyped.columnHighlightInfo;
+                    adaptable.api.gridApi.refreshColumn(columnHighlightInfo.columnId);
+                    return ret;
+                }
+                case InternalRedux.HIGHLIGHT_COLUMN_DELETE: {
+                    const actionTyped = action;
+                    const ret = next(action);
+                    adaptable.api.gridApi.refreshColumn(actionTyped.columnId);
+                    return ret;
+                }
+                case InternalRedux.HIGHLIGHT_COLUMN_DELETE_ALL: {
+                    const columnHighlightInfos = middlewareAPI.getState().Internal.ColumnHighlightInfo;
+                    const ret = next(action);
+                    columnHighlightInfos.forEach((columnHighlightInfo) => {
+                        adaptable.api.gridApi.refreshColumn(columnHighlightInfo.columnId);
+                    });
+                    return ret;
+                }
                 case InternalRedux.HIGHLIGHT_ROW_ADD: {
                     const actionTyped = action;
                     const ret = next(action);

package/src/View/Alert/Utilities/getDefaultAlertDefinition.d.ts

@@ -6,6 +6,7 @@ import { AlertType } from './getAlertType';
  */
 export declare const getDefaultAlertDefinition: (alertDefinition: AlertDefinition, type: AlertType) => {
     Uuid: string;
+    Name: string;
     Scope: import("../../../types").ColumnScope;
     Rule: import("../../../types").AlertRule;
     MessageType: import("../../../types").AdaptableMessageType;
@@ -13,11 +14,10 @@ export declare const getDefaultAlertDefinition: (alertDefinition: AlertDefinitio
     MessageText?: string;
     AlertProperties?: import("../../../types").AlertProperties;
     AlertForm?: string | import("../../../types").AlertButtonForm;
-    Name: string;
+    IsSuspended?: boolean;
     Source?: "InitialState" | "User";
     AdaptableVersion?: import("../../../types").AdaptableVersion;
     IsReadOnly?: boolean;
     Tags?: import("../../../types").AdaptableObjectTag[];
     Metadata?: any;
-    IsSuspended?: boolean;
 };