@adaptabletools/adaptable 22.0.0-canary.1 → 22.0.0-canary.10

package/src/Api/Implementation/SystemStatusApiImpl.js

@@ -7,7 +7,10 @@ import { createElement } from 'react';
 import UIHelper from '../../View/UIHelper';
 import StringExtensions from '../../Utilities/Extensions/StringExtensions';
 import { SystemStatusInternalApi } from '../Internal/SystemStatusInternalApi';
+import { resolveContainerElement } from '../../Utilities/resolveContainerElement';
 export class SystemStatusApiImpl extends ApiBase {
+    systemStatusDiv;
+    internalApi;
     constructor(_adaptable) {
         super(_adaptable);
         this.internalApi = new SystemStatusInternalApi(_adaptable);
@@ -25,16 +28,16 @@ export class SystemStatusApiImpl extends ApiBase {
             }
             switch (messageType) {
                 case 'Success':
-                    alertApi.showAlertSuccess('System Status Success', fullMessage);
+                    alertApi.showAlertSuccess('System Status', fullMessage);
                     return;
                 case 'Info':
-                    alertApi.showAlertInfo('System Status Info', fullMessage);
+                    alertApi.showAlertInfo('System Status', fullMessage);
                     return;
                 case 'Warning':
-                    alertApi.showAlertWarning('System Status Warning', fullMessage);
+                    alertApi.showAlertWarning('System Status', fullMessage);
                     return;
                 case 'Error':
-                    alertApi.showAlertError('System Status Error', fullMessage);
+                    alertApi.showAlertError('System Status', fullMessage);
                     return;
             }
         }
@@ -46,11 +49,7 @@ export class SystemStatusApiImpl extends ApiBase {
     }
     displayMessageInDiv(statusMessage, statusFurtherInformation, messageType) {
         if (!this.systemStatusDiv) {
-            let optionsDiv = this.getContainerOptions().systemStatusContainer;
-            if (optionsDiv) {
-                this.systemStatusDiv =
-                    typeof optionsDiv === 'string' ? document.getElementById(optionsDiv) : optionsDiv;
-            }
+            this.systemStatusDiv = resolveContainerElement(this.getContainerOptions().systemStatusContainer, this.getAdaptableInternalApi().buildBaseContext());
         }
         if (this.systemStatusDiv) {
             if (StringExtensions.IsNotNullOrEmpty(statusFurtherInformation)) {

package/src/Api/Implementation/TeamSharingApiImpl.js

@@ -5,6 +5,7 @@ import { TeamSharingCheckForUpdates } from '../../Redux/ActionsReducers/TeamShar
 import { TeamSharingInternalApi } from '../Internal/TeamSharingInternalApi';
 import { isAdaptableSharedEntity, isCustomSharedEntity, } from '../../AdaptableState/TeamSharingState';
 export class TeamSharingApiImpl extends ApiBase {
+    internalApi;
     constructor(_adaptable) {
         super(_adaptable);
         this.internalApi = new TeamSharingInternalApi(_adaptable);

package/src/Api/Implementation/ThemeApiImpl.js

@@ -6,6 +6,7 @@ import { ThemeInternalApi } from '../Internal/ThemeInternalApi';
 import AdaptableHelper from '../../Utilities/Helpers/AdaptableHelper';
 import { logDeprecation } from '../../Utilities/logDeprecation';
 export class ThemeApiImpl extends ApiBase {
+    internalApi;
     constructor(_adaptable) {
         super(_adaptable);
         this.internalApi = new ThemeInternalApi(_adaptable);

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

@@ -6,6 +6,7 @@ import { UserInterfaceInternalApi } from '../Internal/UserInterfaceInternalApi';
 import { UserInterfaceApi } from '../UserInterfaceApi';
 import { ProgressIndicatorConfig } from '../../AdaptableState/Common/ProgressIndicatorConfig';
 import { ApiBase } from './ApiBase';
+import { UserInterfaceState } from '../../AdaptableState/UserInterfaceState';
 export declare class UserInterfaceApiImpl extends ApiBase implements UserInterfaceApi {
     internalApi: UserInterfaceInternalApi;
     private showProgressIndicatorTimeout;
@@ -26,4 +27,8 @@ export declare class UserInterfaceApiImpl extends ApiBase implements UserInterfa
         close: () => void;
     };
     closeCustomWindowPopup(windowId: string): void;
+    getUserInterfaceState(): UserInterfaceState;
+    isAdaptableUIVisible(): boolean;
+    hideAdaptableUI(): void;
+    showAdaptableUI(): void;
 }

package/src/Api/Implementation/UserInterfaceApiImpl.js

@@ -4,10 +4,12 @@ import { CUSTOM_WINDOW_FACTORY_ID } from '../../View/Components/Popups/WindowPop
 import { UserInterfaceInternalApi } from '../Internal/UserInterfaceInternalApi';
 import { ApiBase } from './ApiBase';
 import { ProgressIndicatorHide, ProgressIndicatorShow, } from '../../Redux/ActionsReducers/PopupRedux';
+import * as UserInterfaceRedux from '../../Redux/ActionsReducers/UserInterfaceRedux';
 export class UserInterfaceApiImpl extends ApiBase {
+    internalApi;
+    showProgressIndicatorTimeout = null;
     constructor(_adaptable) {
         super(_adaptable);
-        this.showProgressIndicatorTimeout = null;
         this.internalApi = new UserInterfaceInternalApi(_adaptable);
     }
     getColorPalette() {
@@ -127,4 +129,16 @@ export class UserInterfaceApiImpl extends ApiBase {
     closeCustomWindowPopup(windowId) {
         this.dispatchAction(PopupRedux.PopupHideWindow(windowId));
     }
+    getUserInterfaceState() {
+        return this.getAdaptableState().UserInterface;
+    }
+    isAdaptableUIVisible() {
+        return !(this.getUserInterfaceState().HideAdaptableUI ?? false);
+    }
+    hideAdaptableUI() {
+        this.dispatchAction(UserInterfaceRedux.UserInterfaceSetHideAdaptableUI(true));
+    }
+    showAdaptableUI() {
+        this.dispatchAction(UserInterfaceRedux.UserInterfaceSetHideAdaptableUI(false));
+    }
 }

package/src/Api/Internal/CalculatedColumnInternalApi.js

@@ -150,8 +150,8 @@ export class CalculatedColumnInternalApi extends ApiBase {
         if (calculatedColumnReferences.length) {
             const alert = {
                 alertType: 'generic',
-                header: 'CalculatedColumn could not be deleted',
-                message: `It is still referenced in the following modules: ${calculatedColumnReferences.join(', ')}`,
+                header: 'Calculated Column',
+                message: `This Calculated Column cannot be deleted. It is still referenced by: ${calculatedColumnReferences.join(', ')}.`,
                 alertDefinition: CreateInternalAlertDefinitionForMessages('Error'),
             };
             this.getAlertApi().displayAdaptableAlertNotification(alert);

package/src/Api/Internal/ColumnInternalApi.js

@@ -277,7 +277,7 @@ export class ColumnInternalApi extends ApiBase {
     getQueryableColumnsForUIEditor() {
         return this.getColumnApi()
             .getQueryableColumns()
-            .filter((column) => !column.isGeneratedPivotResultColumn && !column.isGeneratedRowGroupColumn);
+            .filter((column) => !column.isGeneratedPivotResultColumn && !column.isGeneratedRowGroupColumn && !column.isGeneratedSelectionColumn);
     }
     isAlwaysHiddenColumn(columnIdentifier) {
         return this.getColumnApi().hasColumnType(columnIdentifier, HIDDEN_COLUMN_TYPE);

package/src/Api/Internal/FormatColumnInternalApi.d.ts

@@ -7,21 +7,11 @@ export declare class FormatColumnInternalApi extends ApiBase {
      * @returns format columns
      */
     getAllFormatColumnWithStyle(config?: FormatColumnConfig): FormatColumn[];
-    /**
-     * Retrieves all Format Columns in Adaptable State with the `Style` or the `CellAlignment` property set
-     * @returns format columns
-     */
-    getAllFormatColumnWithStyleAndCellAlignment(config?: FormatColumnConfig): FormatColumn[];
     /**
      * Retrieves all Format Columns in Adaptable State with `DisplayFormat` property set
      * @returns format columns
      */
     getAllFormatColumnWithDisplayFormat(config?: FormatColumnConfig): FormatColumn[];
-    /**
-     * Retrieves all Format Columns in Adaptable State with `CellAlignment` property set
-     * @returns format columns
-     */
-    getAllFormatColumnWithCellAlignment(config?: FormatColumnConfig): FormatColumn[];
     /**
      * Get all FormatColumns which are defined for this column and have a custom AdaptableStyle
      * @param column

package/src/Api/Internal/FormatColumnInternalApi.js

@@ -41,15 +41,6 @@ export class FormatColumnInternalApi extends ApiBase {
             .getFormatColumns(config)
             .filter((fc) => fc.Style);
     }
-    /**
-     * Retrieves all Format Columns in Adaptable State with the `Style` or the `CellAlignment` property set
-     * @returns format columns
-     */
-    getAllFormatColumnWithStyleAndCellAlignment(config) {
-        return this.getFormatColumnApi()
-            .getFormatColumns(config)
-            .filter((fc) => fc.Style || fc.CellAlignment);
-    }
     /**
      * Retrieves all Format Columns in Adaptable State with `DisplayFormat` property set
      * @returns format columns
@@ -59,15 +50,6 @@ export class FormatColumnInternalApi extends ApiBase {
             .getFormatColumns(config)
             .filter((fc) => fc.DisplayFormat);
     }
-    /**
-     * Retrieves all Format Columns in Adaptable State with `CellAlignment` property set
-     * @returns format columns
-     */
-    getAllFormatColumnWithCellAlignment(config) {
-        return this.getFormatColumnApi()
-            .getFormatColumns(config)
-            .filter((fc) => fc.CellAlignment);
-    }
     /**
      * Get all FormatColumns which are defined for this column and have a custom AdaptableStyle
      * @param column
@@ -75,7 +57,7 @@ export class FormatColumnInternalApi extends ApiBase {
      * @returns list of FormatColumn
      */
     getFormatColumnsWithStyleForColumn(column, config) {
-        const formatColumns = this.getAllFormatColumnWithStyleAndCellAlignment()
+        const formatColumns = this.getAllFormatColumnWithStyle()
             .filter((formatColumn) => {
             // FormatColumn default target is 'cell', so if no target is specified, we assume 'cell'
             const fcTarget = formatColumn.Target ?? 'cell';

package/src/Api/Internal/FreeTextColumnInternalApi.js

@@ -95,8 +95,8 @@ export class FreeTextColumnInternalApi extends ApiBase {
         if (freeTextColumnReferences.length) {
             const alert = {
                 alertType: 'generic',
-                header: 'FreeTextColumn could not be deleted',
-                message: `It is still referenced in the following modules: ${freeTextColumnReferences.join(', ')}`,
+                header: 'Free Text Column',
+                message: `This Free Text Column cannot be deleted. It is still referenced by: ${freeTextColumnReferences.join(', ')}.`,
                 alertDefinition: ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
             };
             this.getAlertApi().displayAdaptableAlertNotification(alert);

package/src/Api/Internal/LayoutInternalApi.js

@@ -92,7 +92,7 @@ export class LayoutInternalApi extends ApiBase {
     }
     setupRowSummaries() {
         if (!this._adaptable.agGridModulesAdapter.isAgGridModuleRegistered('PinnedRowModule')) {
-            this.getAdaptableApi().consoleError(`Can NOT set Layout Row Summaries - missing required AG Grid module 'PinnedRowModule'`);
+            this.getAdaptableApi().consoleError('Layout Row Summaries require the AG Grid "PinnedRowModule". Please register this module.');
             return;
         }
         const rowSummaries = this.getAdaptableState().Internal?.RowSummary?.rowSummaries ?? [];

package/src/Api/Internal/NamedQueryInternalApi.js

@@ -40,8 +40,8 @@ export class NamedQueryInternalApi extends ApiBase {
         if (namedQueryReferences.length) {
             const alert = {
                 alertType: 'generic',
-                header: 'Named Query could not be deleted',
-                message: `It is still referenced in the following modules: ${namedQueryReferences.join(', ')}`,
+                header: 'Named Query',
+                message: `This Named Query cannot be deleted. It is still referenced by: ${namedQueryReferences.join(', ')}.`,
                 alertDefinition: ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
             };
             this.getAlertApi().displayAdaptableAlertNotification(alert);
@@ -56,8 +56,8 @@ export class NamedQueryInternalApi extends ApiBase {
         if (namedQueryReferences.length) {
             const alert = {
                 alertType: 'generic',
-                header: 'Named Query could not be renamed',
-                message: `It is currently referenced in the following modules: ${namedQueryReferences.join(', ')}`,
+                header: 'Named Query',
+                message: `This Named Query cannot be renamed. It is currently referenced by: ${namedQueryReferences.join(', ')}.`,
                 alertDefinition: ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
             };
             this.getAlertApi().displayAdaptableAlertNotification(alert);

package/src/Api/LayoutApi.d.ts

@@ -57,6 +57,12 @@ export interface LayoutApi {
      */
     getLayoutByName(layoutName: string): Layout | null;
     /**
+     * Sets (i.e. selects) the Extended Layout
+     * @param extendedLayout Extended Layout to set
+     */
+    setExtendedLayout(extendedLayout: ExtendedLayout): void;
+    /**
+     *
      * Retrieves Layout with the given name
      * @param layoutName Layout to retrieve
      * @returns layout

package/src/Api/PlusMinusApi.d.ts

@@ -20,6 +20,12 @@ export interface PlusMinusApi {
      * @returns plus minus rule
      */
     getPlusMinusById(id: PlusMinusNudge['Uuid'], config?: LayoutExtendedConfig): PlusMinusNudge;
+    /**
+     * Retrieves a Plus Minus Nudge by its Name
+     * @param name Name of the Plus Minus Nudge
+     * @returns Plus Minus Nudge or undefined if not found
+     */
+    getPlusMinusNudgeByName(name: string): PlusMinusNudge | undefined;
     /**
      * Retrieves all active (not-suspended) Plus Minus Rules in Adaptable State with those with expressions first
      * @returns plus minus rules

package/src/Api/ScheduleApi.d.ts

@@ -23,6 +23,12 @@ export interface ScheduleApi {
      * @returns schedule
      */
     getScheduleById(id: BaseSchedule['Uuid'], config?: LayoutExtendedConfig): BaseSchedule;
+    /**
+     * Retrieves a Schedule by its Name
+     * @param name Name of the Schedule
+     * @returns Schedule or undefined if not found
+     */
+    getScheduleByName(name: string): BaseSchedule | undefined;
     /**
      * Retrieves all Reminder-based Schedules from Schedule State
      * @returns reminder schedules

package/src/Api/ShortcutApi.d.ts

@@ -19,6 +19,12 @@ export interface ShortcutApi {
      * @returns shortcut
      */
     getShortcutById(id: Shortcut['Uuid'], config?: LayoutExtendedConfig): Shortcut;
+    /**
+     * Retrieves a Shortcut by its Name
+     * @param name Name of the Shortcut
+     * @returns Shortcut or undefined if not found
+     */
+    getShortcutByName(name: string): Shortcut | undefined;
     /**
      * Gets all active (not-suspended) Shortcuts in Adaptable State
      * @returns shortcuts

package/src/Api/UserInterfaceApi.d.ts

@@ -3,6 +3,7 @@ import { AdaptableObject, AdaptableObjectTag } from '../AdaptableState/Common/Ad
 import { AdaptableModule, CustomIcon } from '../types';
 import { CustomWindowConfig } from '../AdaptableState/Common/CustomWindowConfig';
 import { ProgressIndicatorConfig } from '../AdaptableState/Common/ProgressIndicatorConfig';
+import { UserInterfaceState } from '../AdaptableState/UserInterfaceState';
 /**
  * Functions relating to User Interface section of Adaptable State
  */
@@ -78,4 +79,20 @@ export interface UserInterfaceApi {
      * @param windowId window popup id
      */
     closeCustomWindowPopup(windowId: string): void;
+    /**
+     * Retrieves the current User Interface State
+     */
+    getUserInterfaceState(): UserInterfaceState;
+    /**
+     * Returns whether the AdapTable UI is currently visible
+     */
+    isAdaptableUIVisible(): boolean;
+    /**
+     * Hides all AdapTable UI elements (Dashboard, Tool Panel, Status Bar, Column and Context Menus etc.)
+     */
+    hideAdaptableUI(): void;
+    /**
+     * Shows all AdapTable UI elements (Dashboard, Tool Panel, Status Bar, Column and Context Menus etc.)
+     */
+    showAdaptableUI(): void;
 }

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

@@ -1,5 +1,9 @@
 import { FormatColumnState, FormatColumn } from '../../AdaptableState/FormatColumnState';
 import * as Redux from 'redux';
+/**
+ * @ReduxAction Many Format Columns have been added
+ */
+export declare const FORMAT_COLUMN_ADD_BATCH = "FORMAT_COLUMN_ADD_BATCH";
 /**
  * @ReduxAction A Format Column has been added
  */
@@ -44,6 +48,9 @@ export declare const FORMAT_COLUMN_UNSUSPEND = "FORMAT_COLUMN_UNSUSPEND";
  * @ReduxAction FormatColumn Module is unsuspended, or activated
  */
 export declare const FORMAT_COLUMN_UNSUSPEND_ALL = "FORMAT_COLUMN_UNSUSPEND_ALL";
+export interface FormatColumnAddBatchAction extends Redux.Action {
+    formatColumns: FormatColumn[];
+}
 export interface FormatColumnAction extends Redux.Action {
     formatColumn: FormatColumn;
 }
@@ -70,6 +77,7 @@ export interface FormatColumnUnSuspendAllAction extends Redux.Action {
 export interface FormatColumnReadyAction extends Redux.Action {
     formatColumnState: FormatColumnState;
 }
+export declare const FormatColumnsAdd: (formatColumns: FormatColumn[]) => FormatColumnAddBatchAction;
 export declare const FormatColumnAdd: (formatColumn: FormatColumn) => FormatColumnAddAction;
 export declare const FormatColumnEdit: (formatColumn: FormatColumn) => FormatColumnEditAction;
 export declare const FormatColumnDelete: (formatColumn: FormatColumn) => FormatColumnDeleteAction;

package/src/Redux/ActionsReducers/FormatColumnRedux.js

@@ -1,6 +1,10 @@
 import { EMPTY_ARRAY } from '../../Utilities/Constants/GeneralConstants';
 import AdaptableHelper from '../../Utilities/Helpers/AdaptableHelper';
 import { changeIsSuspendInList, suspendAllInList, unsuspendAllInList } from './utils';
+/**
+ * @ReduxAction Many Format Columns have been added
+ */
+export const FORMAT_COLUMN_ADD_BATCH = 'FORMAT_COLUMN_ADD_BATCH';
 /**
  * @ReduxAction A Format Column has been added
  */
@@ -45,6 +49,10 @@ export const FORMAT_COLUMN_UNSUSPEND = 'FORMAT_COLUMN_UNSUSPEND';
  * @ReduxAction FormatColumn Module is unsuspended, or activated
  */
 export const FORMAT_COLUMN_UNSUSPEND_ALL = 'FORMAT_COLUMN_UNSUSPEND_ALL';
+export const FormatColumnsAdd = (formatColumns) => ({
+    type: FORMAT_COLUMN_ADD_BATCH,
+    formatColumns,
+});
 export const FormatColumnAdd = (formatColumn) => ({
     type: FORMAT_COLUMN_ADD,
     formatColumn,
@@ -92,6 +100,13 @@ const initialState = {
 export const FormatColumnReducer = (state = initialState, action) => {
     let formatColumns;
     switch (action.type) {
+        case FORMAT_COLUMN_ADD_BATCH: {
+            const actionFormatColumns = action.formatColumns;
+            actionFormatColumns.forEach(AdaptableHelper.addAdaptableObjectPrimitives);
+            formatColumns = [].concat(state.FormatColumns);
+            formatColumns.push(...actionFormatColumns);
+            return { ...state, FormatColumns: formatColumns };
+        }
         case FORMAT_COLUMN_ADD: {
             const actionFormatColumn = action.formatColumn;
             AdaptableHelper.addAdaptableObjectPrimitives(actionFormatColumn);

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/ActionsReducers/LayoutRedux.d.ts

@@ -168,11 +168,11 @@ export declare const getColumnFilterSelector: (state: AdaptableState, columnId:
     Predicates: import("../../types").ColumnFilterPredicate[];
     PredicatesOperator?: import("../../types").PredicatesOperator;
     IsSuspended?: boolean;
-    Uuid?: import("../../AdaptableState/Uuid").TypeUuid;
     Source?: "InitialState" | "User";
     AdaptableVersion?: import("../../types").AdaptableVersion;
     IsReadOnly?: boolean;
     Tags?: import("../../types").AdaptableObjectTag[];
     Metadata?: any;
+    Uuid?: import("../../AdaptableState/Uuid").TypeUuid;
 };
 export declare const LayoutReducer: Redux.Reducer<LayoutState>;

package/src/Redux/ActionsReducers/NoteRedux.js

@@ -42,7 +42,7 @@ export const GetNoteSelector = (state, address) => {
             // happy check
             return true;
         }
-        // Primary keys retreived from the grid dom are always strings, so we must also consider them strings
+        // Primary keys retrieved from the grid dom are always strings, so we must also consider them strings
         if ((typeof address.PrimaryKeyValue === 'number' && typeof note.PrimaryKeyValue === 'string') ||
             (typeof address.PrimaryKeyValue === 'string' && typeof note.PrimaryKeyValue === 'number')) {
             return (note.PrimaryKeyValue.toString() === address.PrimaryKeyValue.toString() &&

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

@@ -0,0 +1,11 @@
+import * as Redux from 'redux';
+import { UserInterfaceState } from '../../AdaptableState/UserInterfaceState';
+/**
+ * @ReduxAction Sets whether all AdapTable UI elements are hidden
+ */
+export declare const USER_INTERFACE_SET_HIDE_ADAPTABLE_UI = "USER_INTERFACE_SET_HIDE_ADAPTABLE_UI";
+export interface UserInterfaceSetHideAdaptableUIAction extends Redux.Action {
+    hideAdaptableUI: boolean;
+}
+export declare const UserInterfaceSetHideAdaptableUI: (hideAdaptableUI: boolean) => UserInterfaceSetHideAdaptableUIAction;
+export declare const UserInterfaceReducer: Redux.Reducer<UserInterfaceState>;

package/src/Redux/ActionsReducers/UserInterfaceRedux.js

@@ -0,0 +1,21 @@
+/**
+ * @ReduxAction Sets whether all AdapTable UI elements are hidden
+ */
+export const USER_INTERFACE_SET_HIDE_ADAPTABLE_UI = 'USER_INTERFACE_SET_HIDE_ADAPTABLE_UI';
+export const UserInterfaceSetHideAdaptableUI = (hideAdaptableUI) => ({
+    type: USER_INTERFACE_SET_HIDE_ADAPTABLE_UI,
+    hideAdaptableUI,
+});
+const initialState = {
+    HideAdaptableUI: false,
+};
+export const UserInterfaceReducer = (state = initialState, action) => {
+    switch (action.type) {
+        case USER_INTERFACE_SET_HIDE_ADAPTABLE_UI:
+            return Object.assign({}, state, {
+                HideAdaptableUI: action.hideAdaptableUI,
+            });
+        default:
+            return state;
+    }
+};

package/src/Redux/Store/AdaptableReduxLocalStorageEngine.js

@@ -26,6 +26,12 @@ const loadState = ({ adaptableId, adaptableStateKey }) => {
     return Promise.resolve(parsedJsonState);
 };
 class AdaptableReduxLocalStorageEngine {
+    adaptableId;
+    adaptableStateKey;
+    userName;
+    initialState;
+    loadState;
+    persistState;
     constructor(config) {
         this.adaptableId = config.adaptableId;
         this.adaptableStateKey = config.adaptableStateKey;