@adaptabletools/adaptable 11.1.6 → 11.1.9

package/src/Redux/ActionsReducers/SystemRedux.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SystemReducer = exports.SystemSettingsPanelSet = exports.SystemDataChangeHistoryResume = exports.SystemDataChangeHistorySuspend = exports.SystemDataChangeHistoryDisable = exports.SystemDataChangeHistoryEnable = exports.SystemDataChangeHistoryUndo = exports.SystemDataChangeHistoryAdd = exports.SystemLicenseDisablePersistence = exports.SystemLicenseShowWatermark = exports.SystemProgressIndicatorHide = exports.SystemProgressIndicatorShow = exports.SystemCellSummaryChangeOperation = exports.SystemCachedQueryAdd = exports.SetLastAppliedShortcut = exports.SetNewColumnListOrder = exports.BulkUpdateChangeValue = exports.BulkUpdateSetPreview = exports.BulkUpdateSetValidSelection = exports.BulkUpdateCheckCellSelection = exports.SmartEditSetPreview = exports.SmartEditSetValidSelection = exports.SmartEditCheckCellSelection = exports.SmartEditChangeOperation = exports.SmartEditChangeValue = exports.SystemStatusMessageInfoDeleteAll = exports.SystemStatusMessageInfoDelete = exports.SystemStatusMessageInfoAdd = exports.SystemFlashingCellDeleteAll = exports.SystemFlashingCellDelete = exports.SystemFlashingCellAdd = exports.SystemAlertRemoveHighlight = exports.SystemAlertDeleteAll = exports.SystemAlertDelete = exports.SystemAlertAdd = exports.SystemHighlightRowDeleteAll = exports.SystemHighlightRowsDelete = exports.SystemHighlightRowDelete = exports.SystemHighlightRowsAdd = exports.SystemHighlightRowAdd = exports.SystemHighlightCellDeleteAll = exports.SystemHighlightCellDelete = exports.SystemHighlightCellAdd = exports.SYSTEM_SETTINGS_PANEL_SET = exports.SYSTEM_DATA_CHANGE_HISTORY_RESUME = exports.SYSTEM_DATA_CHANGE_HISTORY_SUSPEND = exports.SYSTEM_DATA_CHANGE_HISTORY_DISABLE = exports.SYSTEM_DATA_CHANGE_HISTORY_ENABLE = exports.SYSTEM_DATA_CHANGE_HISTORY_UNDO = exports.SYSTEM_DATA_CHANGE_HISTORY_ADD = exports.SYSTEM_LICENSE_DISABLE_PERSISTENCE = exports.SYSTEM_LICENSE_SHOW_WATERMARK = exports.SYSTEM_PROGRESS_INDICATOR_HIDE = exports.SYSTEM_PROGRESS_INDICATOR_SHOW = exports.SYSTEM_CELL_SUMMARY_CHANGE_OPERATION = exports.SYSTEM_CACHED_QUERY_ADD = exports.SYSTEM_SET_LAST_APPLIED_SHORTCUT = exports.SYSTEM_SET_NEW_COLUMN_LIST_ORDER = exports.SYSTEM_HIGHLIGHT_ROW_DELETE_ALL = exports.SYSTEM_HIGHLIGHT_ROWS_DELETE = exports.SYSTEM_HIGHLIGHT_ROW_DELETE = exports.SYSTEM_HIGHLIGHT_ROWS_ADD = exports.SYSTEM_HIGHLIGHT_ROW_ADD = exports.SYSTEM_HIGHLIGHT_CELL_DELETE_ALL = exports.SYSTEM_HIGHLIGHT_CELL_DELETE = exports.SYSTEM_HIGHLIGHT_CELL_ADD = exports.SYSTEM_BULK_UPDATE_CHANGE_VALUE = exports.SYSTEM_BULK_UPDATE_SET_PREVIEW = exports.SYSTEM_BULK_UPDATE_SET_VALID_SELECTION = exports.SYSTEM_BULK_UPDATE_CHECK_CELL_SELECTION = exports.SYSTEM_SMART_EDIT_CHANGE_OPERATION = exports.SYSTEM_SMART_EDIT_CHANGE_VALUE = exports.SYSTEM_SMARTEDIT_SET_PREVIEW = exports.SYSTEM_SMARTEDIT_SET_VALID_SELECTION = exports.SYSTEM_SMARTEDIT_FETCH_PREVIEW = exports.SYSTEM_SMARTEDIT_CHECK_CELL_SELECTION = exports.SYSTEM_STATUS_MESSAGE_INFO_DELETE_ALL = exports.SYSTEM_STATUS_MESSAGE_INFO_DELETE = exports.SYSTEM_STATUS_MESSAGE_INFO_ADD = exports.SYSTEM_FLASHING_CELL_DELETE_ALL = exports.SYSTEM_FLASHING_CELL_DELETE = exports.SYSTEM_FLASHING_CELL_ADD = exports.SYSTEM_ALERT_REMOVE_HIGHLIGHT = exports.SYSTEM_ALERT_DELETE_ALL = exports.SYSTEM_ALERT_DELETE = exports.SYSTEM_ALERT_ADD = exports.FLASHING_CELL_ROW_KEY = void 0;
+exports.SystemReducer = exports.SystemSettingsPanelSet = exports.SystemDataChangeHistoryResume = exports.SystemDataChangeHistorySuspend = exports.SystemDataChangeHistoryDisable = exports.SystemDataChangeHistoryEnable = exports.SystemDataChangeHistoryUndo = exports.SystemDataChangeHistoryAdd = exports.SystemLicenseDisablePersistence = exports.SystemLicenseShowWatermark = exports.SystemProgressIndicatorHide = exports.SystemProgressIndicatorShow = exports.SystemCellSummaryChangeOperation = exports.SystemCachedQueryAdd = exports.SetLastAppliedShortcut = exports.SetNewColumnListOrder = exports.BulkUpdateChangeValue = exports.BulkUpdateSetPreview = exports.BulkUpdateSetValidSelection = exports.BulkUpdateCheckCellSelection = exports.SmartEditSetPreview = exports.SmartEditSetValidSelection = exports.SmartEditCheckCellSelection = exports.SmartEditChangeOperation = exports.SmartEditChangeValue = exports.SystemStatusMessageInfoDeleteAll = exports.SystemStatusMessageInfoDelete = exports.SystemStatusMessageInfoAdd = exports.SystemFlashingCellDeleteAll = exports.SystemFlashingCellDelete = exports.SystemFlashingCellAdd = exports.SystemAlertRemoveRowHighlight = exports.SystemAlertRemoveCellHighlight = exports.SystemAlertDeleteAll = exports.SystemAlertDelete = exports.SystemAlertAdd = exports.SystemHighlightRowDeleteAll = exports.SystemHighlightRowsDelete = exports.SystemHighlightRowDelete = exports.SystemHighlightRowsAdd = exports.SystemHighlightRowAdd = exports.SystemHighlightCellDeleteAll = exports.SystemHighlightCellDelete = exports.SystemHighlightCellAdd = exports.SYSTEM_SETTINGS_PANEL_SET = exports.SYSTEM_DATA_CHANGE_HISTORY_RESUME = exports.SYSTEM_DATA_CHANGE_HISTORY_SUSPEND = exports.SYSTEM_DATA_CHANGE_HISTORY_DISABLE = exports.SYSTEM_DATA_CHANGE_HISTORY_ENABLE = exports.SYSTEM_DATA_CHANGE_HISTORY_UNDO = exports.SYSTEM_DATA_CHANGE_HISTORY_ADD = exports.SYSTEM_LICENSE_DISABLE_PERSISTENCE = exports.SYSTEM_LICENSE_SHOW_WATERMARK = exports.SYSTEM_PROGRESS_INDICATOR_HIDE = exports.SYSTEM_PROGRESS_INDICATOR_SHOW = exports.SYSTEM_CELL_SUMMARY_CHANGE_OPERATION = exports.SYSTEM_CACHED_QUERY_ADD = exports.SYSTEM_SET_LAST_APPLIED_SHORTCUT = exports.SYSTEM_SET_NEW_COLUMN_LIST_ORDER = exports.SYSTEM_HIGHLIGHT_ROW_DELETE_ALL = exports.SYSTEM_HIGHLIGHT_ROWS_DELETE = exports.SYSTEM_HIGHLIGHT_ROW_DELETE = exports.SYSTEM_HIGHLIGHT_ROWS_ADD = exports.SYSTEM_HIGHLIGHT_ROW_ADD = exports.SYSTEM_HIGHLIGHT_CELL_DELETE_ALL = exports.SYSTEM_HIGHLIGHT_CELL_DELETE = exports.SYSTEM_HIGHLIGHT_CELL_ADD = exports.SYSTEM_BULK_UPDATE_CHANGE_VALUE = exports.SYSTEM_BULK_UPDATE_SET_PREVIEW = exports.SYSTEM_BULK_UPDATE_SET_VALID_SELECTION = exports.SYSTEM_BULK_UPDATE_CHECK_CELL_SELECTION = exports.SYSTEM_SMART_EDIT_CHANGE_OPERATION = exports.SYSTEM_SMART_EDIT_CHANGE_VALUE = exports.SYSTEM_SMARTEDIT_SET_PREVIEW = exports.SYSTEM_SMARTEDIT_SET_VALID_SELECTION = exports.SYSTEM_SMARTEDIT_FETCH_PREVIEW = exports.SYSTEM_SMARTEDIT_CHECK_CELL_SELECTION = exports.SYSTEM_STATUS_MESSAGE_INFO_DELETE_ALL = exports.SYSTEM_STATUS_MESSAGE_INFO_DELETE = exports.SYSTEM_STATUS_MESSAGE_INFO_ADD = exports.SYSTEM_FLASHING_CELL_DELETE_ALL = exports.SYSTEM_FLASHING_CELL_DELETE = exports.SYSTEM_FLASHING_CELL_ADD = exports.SYSTEM_ALERT_REMOVE_ROW_HIGHLIGHT = exports.SYSTEM_ALERT_REMOVE_CELL_HIGHLIGHT = exports.SYSTEM_ALERT_DELETE_ALL = exports.SYSTEM_ALERT_DELETE = exports.SYSTEM_ALERT_ADD = exports.FLASHING_CELL_ROW_KEY = void 0;
 const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const Enums_1 = require("../../PredefinedConfig/Common/Enums");
 const Helper_1 = require("../../Utilities/Helpers/Helper");
@@ -14,7 +14,8 @@ exports.FLASHING_CELL_ROW_KEY = '__ROW';
 exports.SYSTEM_ALERT_ADD = 'SYSTEM_ALERT_ADD';
 exports.SYSTEM_ALERT_DELETE = 'SYSTEM_ALERT_DELETE';
 exports.SYSTEM_ALERT_DELETE_ALL = 'SYSTEM_ALERT_DELETE_ALL';
-exports.SYSTEM_ALERT_REMOVE_HIGHLIGHT = 'SYSTEM_ALERT_REMOVE_HIGHLIGHT';
+exports.SYSTEM_ALERT_REMOVE_CELL_HIGHLIGHT = 'SYSTEM_ALERT_REMOVE_CELL_HIGHLIGHT';
+exports.SYSTEM_ALERT_REMOVE_ROW_HIGHLIGHT = 'SYSTEM_ALERT_REMOVE_ROW_HIGHLIGHT';
 // Flashing Cells
 exports.SYSTEM_FLASHING_CELL_ADD = 'SYSTEM_FLASHING_CELL_ADD';
 exports.SYSTEM_FLASHING_CELL_DELETE = 'SYSTEM_FLASHING_CELL_DELETE';
@@ -111,8 +112,12 @@ exports.SystemAlertDeleteAll = (alerts) => ({
     type: exports.SYSTEM_ALERT_DELETE_ALL,
     alerts: alerts,
 });
-exports.SystemAlertRemoveHighlight = (alert) => ({
-    type: exports.SYSTEM_ALERT_REMOVE_HIGHLIGHT,
+exports.SystemAlertRemoveCellHighlight = (alert) => ({
+    type: exports.SYSTEM_ALERT_REMOVE_CELL_HIGHLIGHT,
+    alert: alert,
+});
+exports.SystemAlertRemoveRowHighlight = (alert) => ({
+    type: exports.SYSTEM_ALERT_REMOVE_ROW_HIGHLIGHT,
     alert: alert,
 });
 exports.SystemFlashingCellAdd = (flashingCell) => ({
@@ -281,7 +286,7 @@ exports.SystemReducer = (state = initialState, action) => {
         case exports.SYSTEM_ALERT_DELETE_ALL: {
             return Object.assign({}, state, { AdaptableAlerts: [] });
         }
-        case exports.SYSTEM_ALERT_REMOVE_HIGHLIGHT: {
+        case exports.SYSTEM_ALERT_REMOVE_CELL_HIGHLIGHT: {
             const adaptableAlert = action.alert;
             return Object.assign(Object.assign({}, state), { AdaptableAlerts: state.AdaptableAlerts.map((abObject) => {
                     if (abObject.Uuid === adaptableAlert.Uuid) {
@@ -289,6 +294,18 @@ exports.SystemReducer = (state = initialState, action) => {
                         const newAbObject = Object.assign({}, abObject);
                         newAbObject.alertDefinition = Helper_1.cloneObject(abObject.alertDefinition);
                         delete newAbObject.alertDefinition.AlertProperties.HighlightCell;
+                        return newAbObject;
+                    }
+                    return abObject;
+                }) });
+        }
+        case exports.SYSTEM_ALERT_REMOVE_ROW_HIGHLIGHT: {
+            const adaptableAlert = action.alert;
+            return Object.assign(Object.assign({}, state), { AdaptableAlerts: state.AdaptableAlerts.map((abObject) => {
+                    if (abObject.Uuid === adaptableAlert.Uuid) {
+                        // AdaptableAlerts are still linked to the live AlertDefinitions, so we have to decouple them
+                        const newAbObject = Object.assign({}, abObject);
+                        newAbObject.alertDefinition = Helper_1.cloneObject(abObject.alertDefinition);
                         delete newAbObject.alertDefinition.AlertProperties.HighlightRow;
                         return newAbObject;
                     }

package/src/Redux/Store/AdaptableReduxMerger.js

@@ -101,10 +101,10 @@ function MergeStateFunction(oldState, newState) {
             const stateRevision = (_b = state[stateModuleName].Revision) !== null && _b !== void 0 ? _b : 0;
             const configRevision = (_c = config[stateModuleName].Revision) !== null && _c !== void 0 ? _c : 0;
             const stateRevisionKey = typeof stateRevision === 'object' ? stateRevision.Key : stateRevision;
-            const configRevisionBehavior = typeof configRevision === 'object' ? configRevision.Behavior : 'Override';
+            const configRevisionBehaviour = typeof configRevision === 'object' ? configRevision.Behavior : 'Override';
             const configRevisionKey = typeof configRevision === 'object' ? configRevision.Key : configRevision;
             if (configRevisionKey > stateRevisionKey) {
-                if (configRevisionBehavior === 'Override') {
+                if (configRevisionBehaviour === 'Override') {
                     state[stateModuleName] = config[stateModuleName];
                 }
                 else {

package/src/Redux/Store/AdaptableStore.js

@@ -34,6 +34,7 @@ const ToolPanelRedux = tslib_1.__importStar(require("../ActionsReducers/ToolPane
 const ScheduleRedux = tslib_1.__importStar(require("../ActionsReducers/ScheduleRedux"));
 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 ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
 const ConfigConstants = tslib_1.__importStar(require("../../Utilities/Constants/ConfigConstants"));
 const LoggingHelper_1 = require("../../Utilities/Helpers/LoggingHelper");
@@ -138,6 +139,7 @@ class AdaptableStore {
             FreeTextColumn: FreeTextColumnRedux.FreeTextColumnReducer,
             Layout: LayoutRedux.LayoutReducer,
             Schedule: ScheduleRedux.ScheduleReducer,
+            StatusBar: StatusBarRedux.StatusBarReducer,
             PlusMinus: PlusMinusRedux.PlusMinusReducer,
             QuickSearch: QuickSearchRedux.QuickSearchReducer,
             Shortcut: ShortcutRedux.ShortcutReducer,
@@ -436,20 +438,32 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                  * Use Case: A System Alert had a Highlight Cell with a limited duration
                  * Action: Refresh the cell (to clear the style)
                  */
-                case SystemRedux.SYSTEM_ALERT_REMOVE_HIGHLIGHT: {
+                case SystemRedux.SYSTEM_ALERT_REMOVE_CELL_HIGHLIGHT: {
                     let ret = next(action);
                     const actionTyped = action;
                     const adaptableAlert = actionTyped.alert;
-                    if (((_e = adaptableAlert.alertDefinition.AlertProperties) === null || _e === void 0 ? void 0 : _e.HighlightCell) &&
-                        AdaptableAlert_1.isAdaptableCellChangedAlert(adaptableAlert) &&
-                        adaptableAlert.cellDataChangedInfo) {
-                        const rowNode = adaptableAlert.cellDataChangedInfo.rowNode;
-                        adaptable.refreshCells([rowNode], [adaptableAlert.cellDataChangedInfo.column.columnId], true);
+                    if ((_e = adaptableAlert.alertDefinition.AlertProperties) === null || _e === void 0 ? void 0 : _e.HighlightCell) {
+                        if (AdaptableAlert_1.isAdaptableCellChangedAlert(adaptableAlert) &&
+                            adaptableAlert.cellDataChangedInfo) {
+                            const rowNode = adaptableAlert.cellDataChangedInfo.rowNode;
+                            adaptable.refreshCells([rowNode], [adaptableAlert.cellDataChangedInfo.column.columnId], true);
+                        }
                     }
-                    if (((_f = adaptableAlert.alertDefinition.AlertProperties) === null || _f === void 0 ? void 0 : _f.HighlightRow) &&
-                        AdaptableAlert_1.isAdaptableRowChangedAlert(adaptableAlert) &&
-                        adaptableAlert.gridDataChangedInfo) {
-                        adaptable.api.gridApi.refreshRowNodes(adaptableAlert.gridDataChangedInfo.rowNodes);
+                    return ret;
+                }
+                case SystemRedux.SYSTEM_ALERT_REMOVE_ROW_HIGHLIGHT: {
+                    let ret = next(action);
+                    const actionTyped = action;
+                    const adaptableAlert = actionTyped.alert;
+                    if ((_f = adaptableAlert.alertDefinition.AlertProperties) === null || _f === void 0 ? void 0 : _f.HighlightRow) {
+                        if (AdaptableAlert_1.isAdaptableCellChangedAlert(adaptableAlert) &&
+                            adaptableAlert.cellDataChangedInfo) {
+                            adaptable.api.gridApi.refreshRowNodes([adaptableAlert.cellDataChangedInfo.rowNode]);
+                        }
+                        if (AdaptableAlert_1.isAdaptableRowChangedAlert(adaptableAlert) &&
+                            adaptableAlert.gridDataChangedInfo) {
+                            adaptable.api.gridApi.refreshRowNodes(adaptableAlert.gridDataChangedInfo.rowNodes);
+                        }
                     }
                     return ret;
                 }

package/src/Strategy/AlertModule.d.ts

@@ -34,5 +34,8 @@ export declare class AlertModule extends AdaptableModuleBase implements IModule
             module: IModule;
         }>;
         getEditWizard: () => (props: import("../View/Alert/Wizard/AlertWizard").AlertWizardProps) => JSX.Element;
+        getStatusBarPanelProps: () => {
+            view: () => JSX.Element;
+        };
     };
 }

package/src/Strategy/AlertModule.js

@@ -15,6 +15,7 @@ const getRuleViewItems_1 = require("./Utilities/getRuleViewItems");
 const getAlertPreviewViewItems_1 = require("./Utilities/getAlertPreviewViewItems");
 const getAlertBehaviourViewItems_1 = require("./Utilities/getAlertBehaviourViewItems");
 const AlertEmptyView_1 = require("../View/Alert/AlertEmptyView");
+const AlertStatusSubPanel_1 = require("../View/Alert/AlertStatusSubPanel");
 class AlertModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     constructor(api) {
         super(ModuleConstants.AlertModuleId, 'Alert', 'alert', 'AlertPopup', 'Get notified when things happen in Adaptable that you need to know about', api);
@@ -262,6 +263,11 @@ class AlertModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             getUnSuspendAction: AlertRedux.AlertDefinitionUnSuspend,
             emptyView: AlertEmptyView_1.AlertEmptyView,
             getEditWizard: () => AlertWizard_1.AlertWizard,
+            getStatusBarPanelProps: () => {
+                return {
+                    view: AlertStatusSubPanel_1.AlertStatusPanel,
+                };
+            },
         };
     }
 }

package/src/Strategy/CellSummaryModule.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AdaptableModuleBase } from './AdaptableModuleBase';
 import { ICellSummaryModule } from './Interface/ICellSummaryModule';
 import { SelectedCellInfo } from '../PredefinedConfig/Selection/SelectedCellInfo';
@@ -10,4 +11,9 @@ export declare class CellSummaryModule extends AdaptableModuleBase implements IC
     getViewAccessLevel(): AccessLevel;
     addContextMenuItems(menuContext: ContextMenuContext): AdaptableMenuItem[] | undefined;
     createCellSummary(selectedCellInfo: SelectedCellInfo): CellSummmary;
+    getViewProperties(): {
+        getStatusBarPanelProps(): {
+            view: () => JSX.Element;
+        };
+    };
 }

package/src/Strategy/CellSummaryModule.js

@@ -7,6 +7,7 @@ const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/Mod
 const Enums_1 = require("../PredefinedConfig/Common/Enums");
 const ArrayExtensions_1 = require("../Utilities/Extensions/ArrayExtensions");
 const Helper_1 = require("../Utilities/Helpers/Helper");
+const CellSummaryStatusPanel_1 = require("../View/CellSummary/CellSummaryStatusPanel");
 class CellSummaryModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     constructor(api) {
         super(ModuleConstants.CellSummaryModuleId, 'Cell Summary', 'cell-summary', 'CellSummaryPopup', 'See summary information on a group of cells using multiple summary operations', api);
@@ -97,5 +98,18 @@ class CellSummaryModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         }
         return selectedCellSummary;
     }
+    getViewProperties() {
+        return {
+            getStatusBarPanelProps() {
+                /**
+                 * This uses a custom view because it has special logic to
+                 * trigger summary operations when the component is rendered.
+                 */
+                return {
+                    view: CellSummaryStatusPanel_1.CellSummaryStatusPanel,
+                };
+            },
+        };
+    }
 }
 exports.CellSummaryModule = CellSummaryModule;

package/src/Strategy/DataChangeHistoryModule.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AdaptableModuleBase } from './AdaptableModuleBase';
 import { IModule } from './Interface/IModule';
 import { AdaptableApi } from '../Api/AdaptableApi';
@@ -6,4 +7,10 @@ export declare class DataChangeHistoryModule extends AdaptableModuleBase impleme
     getPopupMaxWidth(): number;
     hasNamedQueryReferences(): boolean;
     private shouldLogDataChange;
+    getViewProperties(): {
+        getStatusBarPanelProps: () => {
+            triggerActionOnWrapperClick: boolean;
+            content: import("react").FunctionComponent<{}>;
+        };
+    };
 }

package/src/Strategy/DataChangeHistoryModule.js

@@ -5,6 +5,7 @@ const tslib_1 = require("tslib");
 const AdaptableModuleBase_1 = require("./AdaptableModuleBase");
 const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/ModuleConstants"));
 const SystemRedux_1 = require("../Redux/ActionsReducers/SystemRedux");
+const DataChangeHistoryStatusBarContent_1 = require("../View/DataChangeHistory/DataChangeHistoryStatusBarContent");
 class DataChangeHistoryModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     constructor(api) {
         super(ModuleConstants.DataChangeHistoryModuleId, 'Data Changes', 'track-changes', 'DataChangeHistoryPopup', 'Provides an overview of all previous changes, giving the possibility to undo specific changes', api);
@@ -36,5 +37,15 @@ class DataChangeHistoryModule extends AdaptableModuleBase_1.AdaptableModuleBase
         }
         return true;
     }
+    getViewProperties() {
+        return {
+            getStatusBarPanelProps: () => {
+                return {
+                    triggerActionOnWrapperClick: false,
+                    content: DataChangeHistoryStatusBarContent_1.DataChangeHistoryStatusBarContent,
+                };
+            },
+        };
+    }
 }
 exports.DataChangeHistoryModule = DataChangeHistoryModule;

package/src/Strategy/ExportModule.d.ts

@@ -30,6 +30,7 @@ export declare class ExportModule extends AdaptableModuleBase implements IExport
     toView(report: Report): AdaptableObjectView;
     toViewAll(): AdaptableObjectView[];
     getViewProperties(): {
+        newTooltipText: string;
         actions: import("react").FunctionComponent<{
             data: Report;
         }>[];

package/src/Strategy/ExportModule.js

@@ -233,6 +233,7 @@ class ExportModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     }
     getViewProperties() {
         return {
+            newTooltipText: 'Create New Report',
             actions: [ReportExportDropdown_1.ReportExportDropdown],
             getDeleteAction: ExportRedux.ReportDelete,
             getEditWizard() {

package/src/Strategy/FilterModule.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AdaptableModuleBase } from './AdaptableModuleBase';
 import { AdaptableColumn } from '../PredefinedConfig/Common/AdaptableColumn';
 import { AdaptableMenuItem, ContextMenuContext } from '../PredefinedConfig/Common/Menu';
@@ -21,5 +22,10 @@ export declare class FilterModule extends AdaptableModuleBase implements IModule
     getViewProperties(): {
         getDeleteAction: (columnFilter: ColumnFilter) => FilterRedux.ColumnFilterClearAction;
         emptyView: string;
+        getStatusBarPanelProps(): {
+            content: string;
+            popover: import("react").FunctionComponent<{}>;
+            popoverMinWidth: number;
+        };
     };
 }

package/src/Strategy/FilterModule.js

@@ -7,6 +7,7 @@ const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/Mod
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/ArrayExtensions"));
 const FilterRedux = tslib_1.__importStar(require("../Redux/ActionsReducers/FilterRedux"));
 const LoggingHelper_1 = require("../Utilities/Helpers/LoggingHelper");
+const FilterStatusBarSubPanelPopover_1 = require("../View/Filter/FilterStatusBarSubPanelPopover");
 class FilterModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     constructor(api) {
         super(ModuleConstants.FilterModuleId, 'Filter', 'column-filter', 'FilterPopup', 'Advanced filtering capability allows users to see precisely the data they want', api);
@@ -95,6 +96,7 @@ class FilterModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         return this.getModuleAdaptableObjects().map((filter) => this.toView(filter));
     }
     getViewProperties() {
+        const api = this.api;
         return {
             getDeleteAction: FilterRedux.ColumnFilterClear,
             emptyView: `
@@ -102,6 +104,25 @@ class FilterModule extends AdaptableModuleBase_1.AdaptableModuleBase {
 
         Create column filters by using the filter dropdown the Quick Filter Bar or the Filter Form in the Column Header Menu.
       `,
+            getStatusBarPanelProps() {
+                let text;
+                const filters = api.filterApi.getAllColumnFilter();
+                if (filters.length === 0) {
+                    text = '0 Filters';
+                }
+                else if (filters.length === 1) {
+                    text = '1 Filter';
+                }
+                else {
+                    text = filters.length + ' Filters';
+                }
+                const popover = filters.length ? FilterStatusBarSubPanelPopover_1.FilterStatusBarSubPanelPopover : null;
+                return {
+                    content: text,
+                    popover,
+                    popoverMinWidth: 280,
+                };
+            },
         };
     }
 }

package/src/Strategy/Interface/IModule.d.ts

@@ -10,16 +10,7 @@ import { FreeTextColumn } from '../../PredefinedConfig/FreeTextColumnState';
 import { AdaptableOnePageWizardProps } from '../../View/Wizard/Interface/IAdaptableWizard';
 import * as Redux from 'redux';
 import { SuspendableObject } from '../../../types';
-/**
- * This is the interface that all Moduless implement (as well as all deriving from AdaptableModulesBase).
- * Each Module is responsible for creating popup and context menu items, providing an entitlement ( the default is 'Default') and initialising with Redux
- * Most Modules map to their own Reducer (e.g. QuickSearchModules => QuickSearchReducer)
- * However these Moduless DONT store any State:
- * Application
- * GridInfo
- * StateManagement
- * TeamSharing
- */
+import { StatusBarPanelProps } from '../../View/StatusBar/StatusBarPanel';
 export interface ModuleInfo {
     ModuleName: AdaptableModule;
     FriendlyName: string;
@@ -86,6 +77,7 @@ export interface AdaptableModuleView {
     emptyView?: React.FunctionComponent<{
         module: IModule;
     }> | string;
+    newTooltipText?: string;
     /**
      * Specifieds the types of objects the module manages.
      * When specified the new button will have these options.
@@ -96,7 +88,22 @@ export interface AdaptableModuleView {
         accessLevel?: AccessLevel;
     }[];
     getEditWizard?(abObject?: AdaptableObject): React.FunctionComponent<AdaptableOnePageWizardProps<AdaptableObject>>;
+    /**
+     * Specify status panel props.
+     * Can be extended to include custom rendereres.
+     */
+    getStatusBarPanelProps?(): StatusBarPanelProps;
 }
+/**
+ * This is the interface that all Moduless implement (as well as all deriving from AdaptableModulesBase).
+ * Each Module is responsible for creating popup and context menu items, providing an entitlement ( the default is 'Default') and initialising with Redux
+ * Most Modules map to their own Reducer (e.g. QuickSearchModules => QuickSearchReducer)
+ * However these Moduless DONT store any State:
+ * Application
+ * GridInfo
+ * StateManagement
+ * TeamSharing
+ */
 export interface IModule {
     moduleInfo: ModuleInfo;
     AccessLevel: AccessLevel;
@@ -114,6 +121,10 @@ export interface IModule {
     getModuleFreeTextColumnReferences(): FreeTextColumn[];
     getPopupMaxWidth(): number | undefined;
     updateOldConfig(): void;
+    /**
+     * The following view options are used to render adaptable objects and
+     * module general views.
+     */
     toView?: (abObject: AdaptableObject) => AdaptableObjectView;
     toViewAll?: () => AdaptableObjectView[];
     getViewProperties?: () => AdaptableModuleView;

package/src/Strategy/LayoutModule.d.ts

@@ -35,8 +35,15 @@ export declare class LayoutModule extends AdaptableModuleBase implements IModule
     getViewProperties(): {
         actions: import("react").FunctionComponent<{
             data: Layout;
+            id?: string;
         }>[];
         getDeleteAction: (layout: Layout) => LayoutRedux.LayoutDeleteAction;
         onOpenEditPopup: (layout?: Layout) => void;
+        getStatusBarPanelProps: () => {
+            content: string;
+            popover: import("react").FunctionComponent<{}>;
+            popoverMinWidth: number;
+            extraActions: import("react").FunctionComponent<{}>[];
+        };
     };
 }

package/src/Strategy/LayoutModule.js

@@ -7,6 +7,8 @@ const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/Mod
 const LayoutRedux = tslib_1.__importStar(require("../Redux/ActionsReducers/LayoutRedux"));
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/ArrayExtensions"));
 const LayoutRadioSelector_1 = require("../View/Layout/LayoutRadioSelector");
+const LayoutStatusBarSubPanelPopover_1 = require("../View/Layout/LayoutStatusBarSubPanelPopover");
+const EditCurrentLayoutButton_1 = require("../View/Layout/EditCurrentLayoutButton");
 class LayoutModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     constructor(api) {
         super(ModuleConstants.LayoutModuleId, 'Layout', 'layout', 'LayoutPopup', 'Named sets of column visibility, order, groupings, aggregation, pivots etc.', api);
@@ -196,6 +198,17 @@ class LayoutModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                     this.api.layoutApi.showLayoutEditor(layout.Name);
                 }
             },
+            getStatusBarPanelProps: () => {
+                const text = this.api.layoutApi.getCurrentLayoutName();
+                const layouts = this.api.layoutApi.getAllLayout();
+                const popover = layouts.length > 1 ? LayoutStatusBarSubPanelPopover_1.LayoutStatusBarSubPanelPopover : null;
+                return {
+                    content: text,
+                    popover: popover,
+                    popoverMinWidth: 150,
+                    extraActions: [EditCurrentLayoutButton_1.EditCurrentLayoutButton],
+                };
+            },
         };
     }
 }

package/src/Strategy/QueryModule.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AdaptableModuleBase } from './AdaptableModuleBase';
 import * as QueryRedux from '../Redux/ActionsReducers/QueryRedux';
 import { TeamSharingImportInfo } from '../PredefinedConfig/TeamSharingState';
@@ -28,6 +29,13 @@ export declare class QueryModule extends AdaptableModuleBase implements IModule
     }[];
     getViewProperties(): {
         getDeleteAction: (namedQuery: NamedQuery) => QueryRedux.NamedQueryDeleteAction;
+        newTooltipText: string;
+        emptyView: string;
         getEditWizard: () => typeof NamedQueryWizard;
+        getStatusBarPanelProps: () => {
+            content: string;
+            extraActions: (() => JSX.Element)[];
+            popover: string;
+        };
     };
 }

package/src/Strategy/QueryModule.js

@@ -6,6 +6,7 @@ const AdaptableModuleBase_1 = require("./AdaptableModuleBase");
 const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/ModuleConstants"));
 const QueryRedux = tslib_1.__importStar(require("../Redux/ActionsReducers/QueryRedux"));
 const NamedQueryWizard_1 = require("../View/Query/Wizard/NamedQueryWizard");
+const EditCurrentQueryButton_1 = require("../View/Query/EditCurrentQueryButton");
 class QueryModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     constructor(api) {
         super(ModuleConstants.QueryModuleId, 'Query', 'query', 'QueryPopup', 'Run real-time text-based queries using a wealth of powerful functions and operators', api);
@@ -47,7 +48,24 @@ class QueryModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     getViewProperties() {
         return {
             getDeleteAction: QueryRedux.NamedQueryDelete,
+            newTooltipText: 'Create New Named Query',
+            emptyView: "Click 'New' to create a Named Query that can be referenced in other Expressions",
             getEditWizard: () => NamedQueryWizard_1.NamedQueryWizard,
+            getStatusBarPanelProps: () => {
+                const queryMaxLength = 15;
+                const query = this.api.queryApi.getCurrentQuery();
+                let text = query;
+                let popover = null;
+                if (query.length > queryMaxLength) {
+                    text = query.substring(0, queryMaxLength - 3) + '...';
+                    popover = query;
+                }
+                return {
+                    content: text || 'No Query',
+                    extraActions: [EditCurrentQueryButton_1.EditCurrentQueryButton],
+                    popover,
+                };
+            },
         };
     }
 }

package/src/Strategy/QuickSearchModule.d.ts

@@ -1,6 +1,12 @@
+/// <reference types="react" />
 import { AdaptableModuleBase } from './AdaptableModuleBase';
 import { IModule } from './Interface/IModule';
 import { AdaptableApi } from '../Api/AdaptableApi';
 export declare class QuickSearchModule extends AdaptableModuleBase implements IModule {
     constructor(api: AdaptableApi);
+    getViewProperties(): {
+        getStatusBarPanelProps(): {
+            content: import("react").FunctionComponent<{}>;
+        };
+    };
 }

package/src/Strategy/QuickSearchModule.js

@@ -4,9 +4,19 @@ exports.QuickSearchModule = void 0;
 const tslib_1 = require("tslib");
 const AdaptableModuleBase_1 = require("./AdaptableModuleBase");
 const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/ModuleConstants"));
+const QuickSearchStatusBarContent_1 = require("../View/QuickSearch/QuickSearchStatusBarContent");
 class QuickSearchModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     constructor(api) {
         super(ModuleConstants.QuickSearchModuleId, 'Quick Search', 'quick-search', 'QuickSearchPopup', 'Quickly highlight all cells in the grid that contain matching query text', api);
     }
+    getViewProperties() {
+        return {
+            getStatusBarPanelProps() {
+                return {
+                    content: QuickSearchStatusBarContent_1.QuickSearchStatusBarContent,
+                };
+            },
+        };
+    }
 }
 exports.QuickSearchModule = QuickSearchModule;

package/src/Strategy/StatusBarModule.d.ts

@@ -0,0 +1,8 @@
+import { AdaptableModuleBase } from './AdaptableModuleBase';
+import { IModule } from './Interface/IModule';
+import { AdaptableApi } from '../Api/AdaptableApi';
+export declare class StatusBarModule extends AdaptableModuleBase implements IModule {
+    constructor(api: AdaptableApi);
+    syncStateWithOptions(): void;
+    isModuleAvailable(): boolean;
+}

package/src/Strategy/StatusBarModule.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBarModule = void 0;
+const tslib_1 = require("tslib");
+const AdaptableModuleBase_1 = require("./AdaptableModuleBase");
+const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/ModuleConstants"));
+class StatusBarModule extends AdaptableModuleBase_1.AdaptableModuleBase {
+    constructor(api) {
+        super(ModuleConstants.StatusBarModuleId, 'Status Bar', 'statusbar', 'StatusBarPopup', 'Configure AdapTable Status Bar', api);
+    }
+    syncStateWithOptions() {
+        const agGridStatusPanels = this.api.statusBarApi.getAgGridStatusPanels();
+        const statusPanelsState = this.api.statusBarApi.getStatusPanels();
+        /**
+         * Grid config determines how many adaptable status panels are rendered.
+         * This dictates the state.
+         * - if a status panel is removed from ag-grid, it's sub-panels are made available;
+         * - if a new status panel is added it is added to state with an empty list
+         */
+        const newStatusPanelsState = agGridStatusPanels.map((agGridStatusPanel) => {
+            let statusPanelState = statusPanelsState.find((statusPanel) => statusPanel.Key === agGridStatusPanel.key);
+            // no state found
+            if (!statusPanelState) {
+                statusPanelState = {
+                    Key: agGridStatusPanel.key,
+                    StatusBarPanels: [],
+                };
+            }
+            return statusPanelState;
+        });
+        this.api.statusBarApi.setStatusPanels(newStatusPanelsState);
+    }
+    isModuleAvailable() {
+        return false;
+        // TODO: replace with this like when we release Status Bar properly
+        // return super.isModuleAvailable() && this.api.statusBarApi.getAgGridStatusPanels().length > 0;
+    }
+}
+exports.StatusBarModule = StatusBarModule;

package/src/Strategy/SystemStatusModule.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AdaptableModuleBase } from './AdaptableModuleBase';
 import { AdaptableMenuItem, ContextMenuContext } from '../PredefinedConfig/Common/Menu';
 import { AdaptableColumn } from '../PredefinedConfig/Common/AdaptableColumn';
@@ -7,4 +8,9 @@ export declare class SystemStatusModule extends AdaptableModuleBase implements I
     constructor(api: AdaptableApi);
     addColumnMenuItems(column: AdaptableColumn): AdaptableMenuItem[] | undefined;
     addContextMenuItems(menuContext: ContextMenuContext): AdaptableMenuItem[] | undefined;
+    getViewProperties(): {
+        getStatusBarPanelProps: () => {
+            content: import("react").FunctionComponent<{}>;
+        };
+    };
 }

package/src/Strategy/SystemStatusModule.js

@@ -4,6 +4,7 @@ exports.SystemStatusModule = void 0;
 const tslib_1 = require("tslib");
 const AdaptableModuleBase_1 = require("./AdaptableModuleBase");
 const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/ModuleConstants"));
+const SystemStatusStatusBarContent_1 = require("../View/SystemStatus/SystemStatusStatusBarContent");
 class SystemStatusModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     constructor(api) {
         super(ModuleConstants.SystemStatusModuleId, 'System Status', 'system-status', 'SystemStatusPopup', 'Provide messages about the Status of your application', api);
@@ -30,5 +31,14 @@ class SystemStatusModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             ];
         }
     }
+    getViewProperties() {
+        return {
+            getStatusBarPanelProps: () => {
+                return {
+                    content: SystemStatusStatusBarContent_1.SystemStatusStatusBarContent,
+                };
+            },
+        };
+    }
 }
 exports.SystemStatusModule = SystemStatusModule;

package/src/Strategy/ThemeModule.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AdaptableModuleBase } from './AdaptableModuleBase';
 import { IModule } from './Interface/IModule';
 import { AdaptableApi } from '../Api/AdaptableApi';
@@ -6,4 +7,10 @@ export declare class ThemeModule extends AdaptableModuleBase implements IModule
     constructor(api: AdaptableApi);
     getModuleAdaptableObjects(): AdaptableObject[];
     hasNamedQueryReferences(): boolean;
+    getViewProperties(): {
+        getStatusBarPanelProps: () => {
+            content: string;
+            popover: import("react").FunctionComponent<{}>;
+        };
+    };
 }