@adaptabletools/adaptable 19.0.5 → 19.1.0-canary.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable",
-  "version": "19.0.5",
+  "version": "19.1.0-canary.0",
   "description": "Powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements",
   "keywords": [
     "web-components",
@@ -62,7 +62,7 @@
     "react-toastify": "9.1.3"
   },
   "peerDependencies": {
-    "@ag-grid-community/core": ">=32.1.0"
+    "@ag-grid-community/core": ">=32.3.0"
   },
   "publishTimestamp": 0,
   "type": "module",

package/src/AdaptableInterfaces/IAdaptable.d.ts

@@ -30,6 +30,7 @@ import { AgGridAdapter } from '../agGrid/AgGridAdapter';
 import { AgGridColumnAdapter } from '../agGrid/AgGridColumnAdapter';
 import { AgGridMenuAdapter } from '../agGrid/AgGridMenuAdapter';
 import { RowEditService } from '../Utilities/Services/RowEditService';
+import { FlashingCellService } from '../Utilities/Services/FlashingCellService';
 /**
  * Contains AG Grid Options and Modules - used when instantiating AdapTable vanilla
  */
@@ -88,6 +89,7 @@ export interface IAdaptable {
     RowEditService: RowEditService;
     Fdc3Service: Fdc3Service;
     CellPopupService: CellPopupService;
+    FlashingCellService: FlashingCellService;
     _PRIVATE_adaptableJSXElement: JSX.Element;
     /**
      * INTERNAL ADAPTABLE EVENTS
@@ -140,6 +142,7 @@ export interface IAdaptable {
     redrawRow(rowNode: IRowNode): void;
     redrawRows(rowNodes?: IRowNode[]): void;
     refreshCells(rowNodes: IRowNode[], columns: (string | any)[], forceUpdate: boolean, suppressFlash?: boolean): void;
+    refreshAllCells(forceUpdate?: boolean): void;
     refreshColumns(columns: (string | Column)[], forceUpdate: boolean, suppressFlash?: boolean): void;
     refreshSelectedCellsState(): SelectedCellInfo | undefined;
     refreshSelectedRowsState(): SelectedRowInfo | undefined;

package/src/Api/ColumnApi.d.ts

@@ -12,6 +12,10 @@ export interface ColumnApi {
      * Returns all standard Columns (i.e. not Action Rows)
      */
     getStandardColumns(): AdaptableColumn[];
+    /**
+     * Returns all columns excluding Action Rows, Acction Columns, FreeTextColumn and CalculatedColumn
+     */
+    getNonSpecialColumns(): AdaptableColumn[];
     /**
      * Returns all visible Columns
      */
@@ -167,6 +171,11 @@ export interface ColumnApi {
      * @param columnId ColumnId to check
      */
     isActionColumn(columnId: string): boolean;
+    /**
+     * Checks if Column with given ColumnId is an Action Row Button Column
+     * @param columnId ColumnId to check
+     */
+    isActionRowButtonColumn(columnId: string): boolean;
     /**
      * Checks if the Column with the given `columnId` has DataType Number
      * @param columnId Column ID

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

@@ -11,6 +11,7 @@ export declare class ColumnApiImpl extends ApiBase implements ColumnApi {
     constructor(adaptable: IAdaptable);
     getColumns(): AdaptableColumn[];
     getStandardColumns(): AdaptableColumn[];
+    getNonSpecialColumns(): AdaptableColumn[];
     getVisibleColumns(): AdaptableColumn[];
     selectColumn(columnId: string): void;
     selectColumns(columnIds: string[]): void;
@@ -24,6 +25,7 @@ export declare class ColumnApiImpl extends ApiBase implements ColumnApi {
     showColumn(columnId: string): void;
     isAutoRowGroupColumn(columnId: string): boolean;
     isAutoPivotColumn(columnId: string): boolean;
+    isActionRowButtonColumn(columnId: string): boolean;
     isCalculatedColumn(columnId: string): boolean;
     isFreeTextColumn(columnId: string): boolean;
     isActionColumn(columnId: string): boolean;

package/src/Api/Implementation/ColumnApiImpl.js

@@ -5,6 +5,7 @@ import { ColumnInternalApi } from '../Internal/ColumnInternalApi';
 import { createBaseContext } from '../../Utilities/ObjectFactory';
 import ArrayExtensions from '../../Utilities/Extensions/ArrayExtensions';
 import { logDeprecationExternal } from '../../Utilities/logDeprecation';
+import { ADAPTABLE_ROW_ACTION_BUTTONS } from '../../Utilities/Constants/GeneralConstants';
 export function isAutoRowGroupColumn(columnId) {
     // put this here as there might be other indicators we are not aware of
     // perhaps with non auto groups ?
@@ -25,9 +26,13 @@ export class ColumnApiImpl extends ApiBase {
         return (_a = this.getAdaptableApi().gridApi.getGridState().Columns) !== null && _a !== void 0 ? _a : [];
     }
     getStandardColumns() {
-        const cols = this.getAdaptableApi()
-            .gridApi.getGridState()
-            .Columns.filter((c) => !this.internalApi.isActionRowButtonColumn(c.columnId));
+        var _a;
+        const cols = (_a = this.getColumns()) === null || _a === void 0 ? void 0 : _a.filter((c) => !this.isActionRowButtonColumn(c.columnId));
+        return cols !== null && cols !== void 0 ? cols : [];
+    }
+    getNonSpecialColumns() {
+        var _a;
+        const cols = (_a = this.getStandardColumns()) === null || _a === void 0 ? void 0 : _a.filter((c) => !this.getColumnApi().isSpecialColumn(c.columnId));
         return cols !== null && cols !== void 0 ? cols : [];
     }
     getVisibleColumns() {
@@ -74,6 +79,9 @@ export class ColumnApiImpl extends ApiBase {
     isAutoPivotColumn(columnId) {
         return isAutoPivotColumn(columnId);
     }
+    isActionRowButtonColumn(columnId) {
+        return columnId === ADAPTABLE_ROW_ACTION_BUTTONS;
+    }
     isCalculatedColumn(columnId) {
         return (this.getAdaptableApi()
             .calculatedColumnApi.getCalculatedColumns()

package/src/Api/Implementation/ConfigApiImpl.js

@@ -147,6 +147,7 @@ export class ConfigApiImpl extends ApiBase {
                             preemptiveColumnStateRefresh: true,
                         });
                         this.adaptable.setLayout();
+                        this.adaptable.applyColumnFiltering();
                     })
                         .then(() => {
                         // resolve main(result) promise

package/src/Api/Implementation/FlashingCellApiImpl.js

@@ -1,4 +1,3 @@
-import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
 import * as FlashingCellRedux from '../../Redux/ActionsReducers/FlashingCellRedux';
 import { ApiBase } from './ApiBase';
 import { FlashingCellInternalApi } from '../Internal/FlashingCellInternalApi';
@@ -39,11 +38,15 @@ export class FlashingCellApiImpl extends ApiBase {
             return endResult && aResult !== false;
         }, true);
         if (shouldShow) {
-            this.dispatchAction(SystemRedux.SystemFlashingCellAdd(flashingCellToShow));
+            this.getAdaptableApi()
+                .internalApi.getFlashingCellService()
+                .addGridCellFlash(flashingCellToShow);
             const { FlashDuration: FlashDuration } = flashingCellToShow.flashingCellDefinition;
             if (FlashDuration && FlashDuration !== 'always') {
                 setTimeout(() => {
-                    this.dispatchAction(SystemRedux.SystemFlashingCellDelete(flashingCellToShow));
+                    this.getAdaptableApi()
+                        .internalApi.getFlashingCellService()
+                        .clearGridCellFlash(flashingCellToShow);
                 }, FlashDuration);
             }
         }
@@ -91,11 +94,10 @@ export class FlashingCellApiImpl extends ApiBase {
             .filter((predicateDef) => this.getAdaptableApi().columnScopeApi.isScopeInScope(scope, predicateDef.columnScope));
     }
     clearAllFlashingCells() {
-        this.dispatchAction(SystemRedux.SystemFlashingCellDeleteAll());
+        this.getAdaptableApi().internalApi.getFlashingCellService().clearAllGridCellFlashes();
     }
     isAnyFlashingCellActive() {
-        const currentFlashingCells = this.getAdaptableState().System.AdaptableFlashingCells;
-        return currentFlashingCells.keys != null;
+        return this.getAdaptableApi().internalApi.getFlashingCellService().isAnyFlashingCellActive();
     }
     findFlashingCellDefinitions(criteria) {
         return this.getAdaptableApi().internalApi.findAdaptableObjectsByLookupCriteria(criteria, this.getFlashingCellDefinitions({

package/src/Api/Internal/ActionRowInternalApi.js

@@ -51,7 +51,7 @@ export class ActionRowInternalApi extends ApiBase {
             // if there is NO rowNode, do NOT display the non-editable fields as they will be empty
             return !!rowNode || this.isCellEditable(column, rowNode);
         })
-            .filter((column) => !this.getAdaptableApi().columnApi.internalApi.isActionRowButtonColumn(column.columnId) &&
+            .filter((column) => !this.getAdaptableApi().columnApi.isActionRowButtonColumn(column.columnId) &&
             this.showColumnInActionRowForm(column, actionRowType));
         return relevantColumns.map((column) => this.buildFormField(actionRowType, column, rowNode));
     }

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

@@ -26,6 +26,7 @@ import { AdaptableObjectTag, AdaptableObjectWithScope } from '../../PredefinedCo
 import { Fdc3Service } from '../../Utilities/Services/Fdc3Service';
 import { CellPopupService } from '../../Utilities/Services/CellPopupService';
 import { RowEditService } from '../../Utilities/Services/RowEditService';
+import { FlashingCellService } from '../../Utilities/Services/FlashingCellService';
 export declare class AdaptableInternalApi extends ApiBase {
     getSystemState(): SystemState;
     getAdaptableJSXElement(): JSX.Element;
@@ -64,6 +65,7 @@ export declare class AdaptableInternalApi extends ApiBase {
     getMetamodelService(): IMetamodelService;
     getRowEditService(): RowEditService;
     getFdc3Service(): Fdc3Service;
+    getFlashingCellService(): FlashingCellService;
     getModules(): IModuleCollection;
     getModuleFriendlyName(adaptableModule: AdaptableModule): string;
     forAllRowNodesDo(func: (rowNode: IRowNode) => void, config?: {

package/src/Api/Internal/AdaptableInternalApi.js

@@ -117,6 +117,9 @@ export class AdaptableInternalApi extends ApiBase {
     getFdc3Service() {
         return this.adaptable.Fdc3Service;
     }
+    getFlashingCellService() {
+        return this.adaptable.FlashingCellService;
+    }
     getModules() {
         return this.adaptable.adaptableModules;
     }
@@ -445,7 +448,7 @@ export class AdaptableInternalApi extends ApiBase {
     getActionButtonsAndActionColumn(colDef) {
         var _a;
         let actionColumn;
-        if (this.getAdaptableApi().columnApi.internalApi.isActionRowButtonColumn(colDef.colId)) {
+        if (this.getAdaptableApi().columnApi.isActionRowButtonColumn(colDef.colId)) {
             const actionButtons = this.getActionRowApi().internalApi.getActionRowButtonDefs();
             actionColumn = {
                 columnId: ADAPTABLE_ROW_ACTION_BUTTONS,

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

@@ -27,6 +27,5 @@ export declare class ColumnInternalApi extends ApiBase {
      * @param columnId columnId to look up
      */
     getAgGridColumnForAdaptableColumn(columnId: string): Column;
-    isActionRowButtonColumn(columnId: string): boolean;
     getActiveColumnComparator(columnId: string, customSort?: CustomSort, customSortComparer?: ColumnValuesComparer): (valueA: any, valueB: any, nodeA?: IRowNode, nodeB?: IRowNode, isInverted?: boolean) => number | undefined;
 }

package/src/Api/Internal/ColumnInternalApi.js

@@ -1,5 +1,5 @@
 import { ApiBase } from '../Implementation/ApiBase';
-import { ADAPTABLE_ROW_ACTION_BUTTONS, AG_GRID_GROUPED_COLUMN, } from '../../Utilities/Constants/GeneralConstants';
+import { AG_GRID_GROUPED_COLUMN, } from '../../Utilities/Constants/GeneralConstants';
 export function getAutoRowGroupColumnIdFor(columnId) {
     return `${AG_GRID_GROUPED_COLUMN}-${columnId}`;
 }
@@ -42,9 +42,6 @@ export class ColumnInternalApi extends ApiBase {
     getAgGridColumnForAdaptableColumn(columnId) {
         return this.adaptable.getAgGridColumnForColumnId(columnId);
     }
-    isActionRowButtonColumn(columnId) {
-        return columnId === ADAPTABLE_ROW_ACTION_BUTTONS;
-    }
     getActiveColumnComparator(columnId, customSort, customSortComparer) {
         if ((!customSort || (customSort === null || customSort === void 0 ? void 0 : customSort.IsSuspended)) && !customSortComparer) {
             // defaults to AG-Grid column definition comparator if no CustomSort is defined&active

package/src/Api/Internal/FlashingCellInternalApi.js

@@ -1,7 +1,7 @@
 import { ApiBase } from '../Implementation/ApiBase';
 import { cloneObject } from '../../Utilities/Helpers/Helper';
-import { FLASHING_CELL_ROW_KEY } from '../../Redux/ActionsReducers/SystemRedux';
 import * as AlertRedux from '../../Redux/ActionsReducers/AlertRedux';
+import { FLASHING_CELL_ROW_KEY } from '../../Utilities/Services/FlashingCellService';
 export class FlashingCellInternalApi extends ApiBase {
     /**
      * Merges a Flashing Cell Definition with default values
@@ -33,7 +33,9 @@ export class FlashingCellInternalApi extends ApiBase {
     }
     getAdaptableFlashingCellFor(primaryKey, columnId) {
         var _a;
-        const { AdaptableFlashingCells: AdaptableFlashingAlerts, AdaptableFlashingCellsMap: AdaptableFlashingAlertsMap, } = this.getAdaptableState().System;
+        const flashingCellService = this.getAdaptableApi().internalApi.getFlashingCellService();
+        const AdaptableFlashingAlerts = flashingCellService.gridCellsCurrentlyFlashing;
+        const AdaptableFlashingAlertsMap = flashingCellService.flashingCellsMapping;
         const forPrimaryKey = (_a = AdaptableFlashingAlerts[primaryKey]) !== null && _a !== void 0 ? _a : {};
         const toFlashingAlert = (uuid) => { var _a; return uuid ? (_a = AdaptableFlashingAlertsMap[uuid]) !== null && _a !== void 0 ? _a : null : null; };
         const adaptableFlashingCell = columnId

package/src/PredefinedConfig/SystemState.d.ts

@@ -8,8 +8,6 @@ import { AdaptableAlert } from './Common/AdaptableAlert';
 import { CellHighlightInfo } from './Common/CellHighlightInfo';
 import { RowHighlightInfo } from './Common/RowHighlightInfo';
 import { SystemStatusMessageInfo } from './Common/SystemStatusMessageInfo';
-import { AdaptableFlashingCell } from './Common/AdaptableFlashingCell';
-import { TypeUuid } from './Uuid';
 import { SummaryOperation } from './Common/Enums';
 import { ChartModel } from '@ag-grid-community/core';
 import { ExternalChartDefinition } from './ChartingState';
@@ -17,8 +15,6 @@ import { CachedQuery } from './NamedQueryState';
 import { ProgressIndicatorConfig } from './Common/ProgressIndicatorConfig';
 export type { IPushPullReport, IPushPullDomain };
 export type { OpenFinReport };
-type ROW_PRIMARY_KEY = string;
-type COLUMN_ID_OR_WHOLE_ROW_LABEL = string;
 export type DataChangeHistoryMode = 'ACTIVE' | 'INACTIVE' | 'SUSPENDED';
 export type SystemRowSummary = {
     Position: 'Top' | 'Bottom';
@@ -29,8 +25,6 @@ export type SystemRowSummary = {
  */
 export interface SystemState extends InternalState, IPushPullState, OpenFinState {
     AdaptableAlerts: AdaptableAlert[];
-    AdaptableFlashingCells: Record<ROW_PRIMARY_KEY, Record<COLUMN_ID_OR_WHOLE_ROW_LABEL, TypeUuid>>;
-    AdaptableFlashingCellsMap: Record<TypeUuid, AdaptableFlashingCell>;
     SystemStatusMessages: SystemStatusMessageInfo[];
     HighlightedCells: CellHighlightInfo[];
     HighlightedRows: RowHighlightInfo[];

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

@@ -8,24 +8,19 @@ import { BulkUpdateValidationResult } from '../../Strategy/Interface/IBulkUpdate
 import { GridCell } from '../../PredefinedConfig/Selection/GridCell';
 import { AdaptableAlert } from '../../PredefinedConfig/Common/AdaptableAlert';
 import { SystemStatusMessageInfo } from '../../PredefinedConfig/Common/SystemStatusMessageInfo';
-import { AdaptableFlashingCell } from '../../PredefinedConfig/Common/AdaptableFlashingCell';
 import { SummaryOperation } from '../../PredefinedConfig/Common/Enums';
 import { CellDataChangedInfo } from '../../PredefinedConfig/Common/CellDataChangedInfo';
 import { RowsHighlightInfo } from '../../PredefinedConfig/Common/RowsHighlightInfo';
 import { SmartEditOperation } from '../../AdaptableOptions/EditOptions';
-import { DataImportedInfo, DataSet, CellAddress } from '../../types';
+import { CellAddress, DataImportedInfo, DataSet } from '../../types';
 import { ChartModel } from '@ag-grid-community/core';
 import { CachedQuery } from '../../PredefinedConfig/NamedQueryState';
 import { ProgressIndicatorConfig } from '../../PredefinedConfig/Common/ProgressIndicatorConfig';
-export declare const FLASHING_CELL_ROW_KEY = "__ROW";
 export declare const SYSTEM_ALERT_ADD = "SYSTEM_ALERT_ADD";
 export declare const SYSTEM_ALERT_DELETE = "SYSTEM_ALERT_DELETE";
 export declare const SYSTEM_ALERT_DELETE_ALL = "SYSTEM_ALERT_DELETE_ALL";
 export declare const SYSTEM_ALERT_REMOVE_CELL_HIGHLIGHT = "SYSTEM_ALERT_REMOVE_CELL_HIGHLIGHT";
 export declare const SYSTEM_ALERT_REMOVE_ROW_HIGHLIGHT = "SYSTEM_ALERT_REMOVE_ROW_HIGHLIGHT";
-export declare const SYSTEM_FLASHING_CELL_ADD = "SYSTEM_FLASHING_CELL_ADD";
-export declare const SYSTEM_FLASHING_CELL_DELETE = "SYSTEM_FLASHING_CELL_DELETE";
-export declare const SYSTEM_FLASHING_CELL_DELETE_ALL = "SYSTEM_FLASHING_CELL_DELETE_ALL";
 export declare const SYSTEM_STATUS_MESSAGE_INFO_ADD = "SYSTEM_STATUS_MESSAGE_INFO_ADD";
 export declare const SYSTEM_STATUS_MESSAGE_INFO_DELETE = "SYSTEM_STATUS_MESSAGE_INFO_DELETE";
 export declare const SYSTEM_STATUS_MESSAGE_INFO_DELETE_ALL = "SYSTEM_STATUS_MESSAGE_INFO_DELETE_ALL";
@@ -122,14 +117,6 @@ export interface SystemAlertRemoveCellHighlightAction extends Redux.Action {
 export interface SystemAlertRemoveRowHighlightAction extends Redux.Action {
     alert: AdaptableAlert;
 }
-export interface SystemFlashingCellAddAction extends Redux.Action {
-    flashingCell: AdaptableFlashingCell;
-}
-export interface SystemFlashingCellDeleteAction extends Redux.Action {
-    flashingCell: AdaptableFlashingCell;
-}
-export interface SystemFlashingCellDeleteAllAction extends Redux.Action {
-}
 export interface SystemStatusMessageInfoAddAction extends Redux.Action {
     systemStatusMessageInfo: SystemStatusMessageInfo;
     maxSystemStatusMessagesInStore: number;
@@ -285,9 +272,6 @@ export declare const SystemAlertDelete: (alert: AdaptableAlert) => SystemAlertDe
 export declare const SystemAlertDeleteAll: (alerts: AdaptableAlert[]) => SystemAlertDeleteAllAction;
 export declare const SystemAlertRemoveCellHighlight: (alert: AdaptableAlert) => SystemAlertRemoveCellHighlightAction;
 export declare const SystemAlertRemoveRowHighlight: (alert: AdaptableAlert) => SystemAlertRemoveRowHighlightAction;
-export declare const SystemFlashingCellAdd: (flashingCell: AdaptableFlashingCell) => SystemFlashingCellAddAction;
-export declare const SystemFlashingCellDelete: (flashingCell: AdaptableFlashingCell) => SystemFlashingCellDeleteAction;
-export declare const SystemFlashingCellDeleteAll: () => SystemFlashingCellDeleteAllAction;
 export declare const SystemStatusMessageInfoAdd: (SystemStatusMessageInfo: SystemStatusMessageInfo, MaxSystemStatusMessagesInStore: number) => SystemStatusMessageInfoAddAction;
 export declare const SystemStatusMessageInfoDelete: (SystemStatusMessageInfo: SystemStatusMessageInfo) => SystemStatusMessageInfoDeleteAction;
 export declare const SystemStatusMessageInfoDeleteAll: () => SystemStatusMessageInfoDeleteAllAction;

package/src/Redux/ActionsReducers/SystemRedux.js

@@ -7,17 +7,12 @@ Bit of a mixed bag of actions but essentially its those that are related to Stra
 This allows us to keep the other reducers pure in terms of everything persists
 Not sure if its a good idea or not and perhaps we need 2 stores but I think its better than it was...
 */
-export const FLASHING_CELL_ROW_KEY = '__ROW';
 // Alerts
 export const SYSTEM_ALERT_ADD = 'SYSTEM_ALERT_ADD';
 export const SYSTEM_ALERT_DELETE = 'SYSTEM_ALERT_DELETE';
 export const SYSTEM_ALERT_DELETE_ALL = 'SYSTEM_ALERT_DELETE_ALL';
 export const SYSTEM_ALERT_REMOVE_CELL_HIGHLIGHT = 'SYSTEM_ALERT_REMOVE_CELL_HIGHLIGHT';
 export const SYSTEM_ALERT_REMOVE_ROW_HIGHLIGHT = 'SYSTEM_ALERT_REMOVE_ROW_HIGHLIGHT';
-// Flashing Cells
-export const SYSTEM_FLASHING_CELL_ADD = 'SYSTEM_FLASHING_CELL_ADD';
-export const SYSTEM_FLASHING_CELL_DELETE = 'SYSTEM_FLASHING_CELL_DELETE';
-export const SYSTEM_FLASHING_CELL_DELETE_ALL = 'SYSTEM_FLASHING_CELL_DELETE_ALL';
 // Status Message
 export const SYSTEM_STATUS_MESSAGE_INFO_ADD = 'SYSTEM_STATUS_MESSAGE_INFO_ADD';
 export const SYSTEM_STATUS_MESSAGE_INFO_DELETE = 'SYSTEM_STATUS_MESSAGE_INFO_DELETE';
@@ -147,17 +142,6 @@ export const SystemAlertRemoveRowHighlight = (alert) => ({
     type: SYSTEM_ALERT_REMOVE_ROW_HIGHLIGHT,
     alert: alert,
 });
-export const SystemFlashingCellAdd = (flashingCell) => ({
-    type: SYSTEM_FLASHING_CELL_ADD,
-    flashingCell: flashingCell,
-});
-export const SystemFlashingCellDelete = (flashingCell) => ({
-    type: SYSTEM_FLASHING_CELL_DELETE,
-    flashingCell: flashingCell,
-});
-export const SystemFlashingCellDeleteAll = () => ({
-    type: SYSTEM_FLASHING_CELL_DELETE_ALL,
-});
 export const SystemStatusMessageInfoAdd = (SystemStatusMessageInfo, MaxSystemStatusMessagesInStore) => ({
     type: SYSTEM_STATUS_MESSAGE_INFO_ADD,
     systemStatusMessageInfo: SystemStatusMessageInfo,
@@ -356,8 +340,6 @@ export const DataImportCompleted = (dataImportedInfo) => ({
 });
 const initialState = {
     AdaptableAlerts: EMPTY_ARRAY,
-    AdaptableFlashingCells: {},
-    AdaptableFlashingCellsMap: {},
     SystemStatusMessages: EMPTY_ARRAY,
     HighlightedCells: EMPTY_ARRAY,
     HighlightedRows: EMPTY_ARRAY,
@@ -449,47 +431,6 @@ export const SystemReducer = (state = initialState, action) => {
                     return abObject;
                 }) });
         }
-        case SYSTEM_FLASHING_CELL_ADD: {
-            const { flashingCell: FlashingCell } = action;
-            const { rowPrimaryKey } = FlashingCell;
-            const AdaptableFlashingCells = Object.assign({}, state.AdaptableFlashingCells);
-            AdaptableFlashingCells[rowPrimaryKey] = Object.assign({}, AdaptableFlashingCells[rowPrimaryKey]);
-            const secondaryIds = Object.keys(FlashingCell.flashColumnIds);
-            if (FlashingCell.flashTarget === 'row' || FlashingCell.flashTarget.includes('row')) {
-                secondaryIds.push(FLASHING_CELL_ROW_KEY);
-            }
-            secondaryIds.forEach((COL_ID) => {
-                AdaptableFlashingCells[rowPrimaryKey][COL_ID] = FlashingCell.Uuid;
-            });
-            const AdaptableFlashingCellsMap = Object.assign({}, state.AdaptableFlashingCellsMap);
-            AdaptableFlashingCellsMap[FlashingCell.Uuid] = FlashingCell;
-            return Object.assign(Object.assign({}, state), { AdaptableFlashingCells,
-                AdaptableFlashingCellsMap });
-        }
-        case SYSTEM_FLASHING_CELL_DELETE: {
-            const { flashingCell: FlashingCell } = action;
-            const { rowPrimaryKey } = FlashingCell;
-            const AdaptableFlashingCells = Object.assign({}, state.AdaptableFlashingCells);
-            const AdaptableFlashingCellsMap = Object.assign({}, state.AdaptableFlashingCellsMap);
-            AdaptableFlashingCells[rowPrimaryKey] = Object.assign({}, AdaptableFlashingCells[rowPrimaryKey]);
-            const secondaryIds = Object.keys(FlashingCell.flashColumnIds);
-            if (FlashingCell.flashTarget === 'row' || FlashingCell.flashTarget.includes('row')) {
-                secondaryIds.push(FLASHING_CELL_ROW_KEY);
-            }
-            secondaryIds.forEach((COL_ID) => {
-                if (AdaptableFlashingCells[rowPrimaryKey][COL_ID] === FlashingCell.Uuid) {
-                    delete AdaptableFlashingCells[rowPrimaryKey][COL_ID];
-                }
-            });
-            if (!Object.keys(AdaptableFlashingCells[rowPrimaryKey]).length) {
-                delete AdaptableFlashingCells[rowPrimaryKey];
-            }
-            delete AdaptableFlashingCellsMap[FlashingCell.Uuid];
-            return Object.assign(Object.assign({}, state), { AdaptableFlashingCells: AdaptableFlashingCells, AdaptableFlashingCellsMap: AdaptableFlashingCellsMap });
-        }
-        case SYSTEM_FLASHING_CELL_DELETE_ALL: {
-            return Object.assign(Object.assign({}, state), { AdaptableFlashingCells: {}, AdaptableFlashingCellsMap: {} });
-        }
         case SYSTEM_HIGHLIGHT_CELL_ADD: {
             const actionTypedAdd = action;
             return Object.assign({}, state, {

package/src/Redux/Store/AdaptableStore.js

@@ -316,24 +316,6 @@ const adaptableMiddleware = (adaptable) => (function(middlewareAPI) {
                     adaptable.api.layoutApi.internalApi.setupRowSummaries();
                     return nextAction;
                 }
-                /*******************
-                 * FLASHING CELL ACTIONS
-                 *******************/
-                case SystemRedux.SYSTEM_FLASHING_CELL_ADD:
-                case SystemRedux.SYSTEM_FLASHING_CELL_DELETE: {
-                    const { flashingCell: FlashingCell } = action;
-                    const { cellDataChangedInfo: cellDataChangedInfo } = FlashingCell;
-                    let ret = next(action);
-                    if (cellDataChangedInfo) {
-                        adaptable.refreshCells([cellDataChangedInfo.rowNode], Object.keys(FlashingCell.flashColumnIds), true);
-                    }
-                    return ret;
-                }
-                case SystemRedux.SYSTEM_FLASHING_CELL_DELETE_ALL: {
-                    let ret = next(action);
-                    adaptable.redrawBody();
-                    return ret;
-                }
                 /*******************
                  * ALERT ACTIONS
                  *******************/
@@ -683,7 +665,7 @@ const adaptableMiddleware = (adaptable) => (function(middlewareAPI) {
                  */
                 case QuickSearchRedux.QUICK_SEARCH_RUN: {
                     let returnAction = next(action);
-                    adaptable.redrawBody();
+                    adaptable.refreshAllCells(true);
                     // if set then return a query on the text
                     if (adaptable.adaptableOptions.quickSearchOptions.filterResultsAfterQuickSearch) {
                         const actionTyped = action;

package/src/Strategy/FlashingCellModule.d.ts

@@ -1,9 +1,8 @@
 import { AdaptableApi } from '../Api/AdaptableApi';
 import { AdaptableColumn } from '../PredefinedConfig/Common/AdaptableColumn';
 import { CellDataChangedInfo } from '../PredefinedConfig/Common/CellDataChangedInfo';
-import { ContextMenuContext } from '../PredefinedConfig/Common/Menu';
+import { AdaptableMenuItem, ContextMenuContext } from '../PredefinedConfig/Common/Menu';
 import { TeamSharingImportInfo } from '../PredefinedConfig/TeamSharingState';
-import { MenuItemShowPopup } from '../Utilities/MenuItem';
 import { AdaptableModuleBase } from './AdaptableModuleBase';
 import { AdaptableModuleView, AdaptableObjectView, IModule } from './Interface/IModule';
 import { AdaptableObject } from '../PredefinedConfig/Common/AdaptableObject';
@@ -17,7 +16,7 @@ export declare class FlashingCellModule extends AdaptableModuleBase implements I
     getExplicitlyReferencedColumnIds(alertDefinition: FlashingCellDefinition): string[];
     getReferencedNamedQueryNames(alertDefinition: FlashingCellDefinition): string[];
     createColumnMenuItems(column: AdaptableColumn): import("../Utilities/MenuItem").MenuItemDoReduxAction<"calculated-column-edit" | "cell-summary-show" | "column-group" | "column-filter-group" | "column-filter-bar-hide" | "column-filter-bar-show" | "column-filter-clear" | "column-filter-suspend" | "column-filter-unsuspend" | "column-info-show" | "custom-sort-add" | "custom-sort-edit" | "dashboard-group" | "dashboard-collapse" | "dashboard-configure" | "dashboard-dock" | "dashboard-expand" | "dashboard-float" | "dashboard-hide" | "dashboard-show" | "data-import" | "flashing-cell-add" | "flashing-cell-delete" | "format-column-add" | "format-column-edit" | "free-text-column-edit" | "grid-group" | "grid-info-show" | "layout-column-caption-change" | "layout-column-hide" | "layout-edit" | "layout-column-select" | "layout-column-select-preserve" | "layout-column-select-reset" | "layout-grid-select" | "plus-minus-add" | "settings-panel-open" | "styling-group" | "styled-column-badge-add" | "styled-column-badge-edit" | "styled-column-gradient-add" | "styled-column-gradient-edit" | "styled-column-percent-bar-add" | "styled-column-percent-bar-edit" | "styled-column-sparkline-add" | "styled-column-sparkline-edit" | "system-status-show" | "_navbar">[];
-    createContextMenuItems(menuContext: ContextMenuContext): MenuItemShowPopup<"calculated-column-edit" | "cell-summary-show" | "column-group" | "column-filter-group" | "column-filter-clear" | "column-filter-suspend" | "column-filter-unsuspend" | "column-info-show" | "dashboard-group" | "dashboard-collapse" | "dashboard-configure" | "dashboard-dock" | "dashboard-expand" | "dashboard-float" | "dashboard-hide" | "dashboard-show" | "data-import" | "grid-group" | "grid-info-show" | "layout-edit" | "settings-panel-open" | "system-status-show" | "menu-group" | "alert-clear" | "bulk-update-apply" | "column-filter-on-cell-value" | "comment-add" | "comment-remove" | "edit-group" | "export-group" | "export-visual-data" | "export-visual-data-excel" | "export-all-data-excel" | "export-all-data" | "export-all-data-csv" | "export-all-data-clipboard" | "export-all-data-json" | "export-all-data-table" | "export-current-data" | "export-current-data-excel" | "export-current-data-csv" | "export-current-data-clipboard" | "export-current-data-json" | "export-current-data-table" | "export-selected-cells" | "export-selected-cells-excel" | "export-selected-cells-csv" | "export-selected-cells-clipboard" | "export-selected-cells-json" | "export-selected-cells-table" | "export-selected-rows" | "export-selected-rows-excel" | "export-selected-rows-csv" | "export-selected-rows-clipboard" | "export-selected-rows-json" | "export-selected-rows-table" | "fdc3-broadcast" | "fdc3-raise-intent" | "flashing-cell-clear" | "flashing-row-clear" | "layout-aggregated-view" | "layout-auto-size" | "layout-clear-selection" | "layout-select-all" | "note-add" | "note-remove" | "smart-edit-apply">[];
+    createContextMenuItems(menuContext: ContextMenuContext): AdaptableMenuItem<"calculated-column-edit" | "cell-summary-show" | "column-group" | "column-filter-group" | "column-filter-clear" | "column-filter-suspend" | "column-filter-unsuspend" | "column-info-show" | "dashboard-group" | "dashboard-collapse" | "dashboard-configure" | "dashboard-dock" | "dashboard-expand" | "dashboard-float" | "dashboard-hide" | "dashboard-show" | "data-import" | "grid-group" | "grid-info-show" | "layout-edit" | "settings-panel-open" | "system-status-show" | "menu-group" | "alert-clear" | "bulk-update-apply" | "column-filter-on-cell-value" | "comment-add" | "comment-remove" | "edit-group" | "export-group" | "export-visual-data" | "export-visual-data-excel" | "export-all-data-excel" | "export-all-data" | "export-all-data-csv" | "export-all-data-clipboard" | "export-all-data-json" | "export-all-data-table" | "export-current-data" | "export-current-data-excel" | "export-current-data-csv" | "export-current-data-clipboard" | "export-current-data-json" | "export-current-data-table" | "export-selected-cells" | "export-selected-cells-excel" | "export-selected-cells-csv" | "export-selected-cells-clipboard" | "export-selected-cells-json" | "export-selected-cells-table" | "export-selected-rows" | "export-selected-rows-excel" | "export-selected-rows-csv" | "export-selected-rows-clipboard" | "export-selected-rows-json" | "export-selected-rows-table" | "fdc3-broadcast" | "fdc3-raise-intent" | "flashing-cell-clear" | "flashing-row-clear" | "layout-aggregated-view" | "layout-auto-size" | "layout-clear-selection" | "layout-select-all" | "note-add" | "note-remove" | "smart-edit-apply">[];
     protected handleCellDataChanged(cellDataChangedInfo: CellDataChangedInfo): void;
     private showFlashingCellsForDefinitions;
     private isFlashingTargetOnlyAggChange;

package/src/Strategy/FlashingCellModule.js

@@ -1,5 +1,4 @@
 import * as FlashingCellRedux from '../Redux/ActionsReducers/FlashingCellRedux';
-import * as SystemRedux from '../Redux/ActionsReducers/SystemRedux';
 import * as ModuleConstants from '../Utilities/Constants/ModuleConstants';
 import { ArrayExtensions } from '../Utilities/Extensions/ArrayExtensions';
 import { AdaptableModuleBase } from './AdaptableModuleBase';
@@ -95,11 +94,15 @@ export class FlashingCellModule extends AdaptableModuleBase {
                     if (flashingCellForRow.flashTarget === 'row' ||
                         (Array.isArray(flashingCellForRow === null || flashingCellForRow === void 0 ? void 0 : flashingCellForRow.flashTarget) &&
                             flashingCellForRow.flashTarget.includes('row'))) {
-                        items.push(this.createMenuItemReduxAction('flashing-row-clear', 'Clear Flashing Row', this.moduleInfo.Glyph, SystemRedux.SystemFlashingCellDelete(flashingCellForRow)));
+                        items.push(this.createMenuItemClickFunction('flashing-row-clear', 'Clear Flashing Row', this.moduleInfo.Glyph, () => this.api.internalApi
+                            .getFlashingCellService()
+                            .clearGridCellFlash(flashingCellForRow)));
                     }
                 }
                 else if (flashingCellForCell && flashingCellForCell.flashTarget === 'cell') {
-                    items.push(this.createMenuItemReduxAction('flashing-cell-clear', 'Clear Flashing Cell', this.moduleInfo.Glyph, SystemRedux.SystemFlashingCellDelete(flashingCellForCell)));
+                    items.push(this.createMenuItemClickFunction('flashing-cell-clear', 'Clear Flashing Cell', this.moduleInfo.Glyph, () => this.api.internalApi
+                        .getFlashingCellService()
+                        .clearGridCellFlash(flashingCellForCell)));
                 }
             }
         }

package/src/Utilities/Services/FlashingCellService.d.ts

@@ -0,0 +1,21 @@
+import { IAdaptable } from '../../AdaptableInterfaces/IAdaptable';
+import { AdaptableApi, AdaptableFlashingCell } from '../../types';
+import { TypeUuid } from '../../PredefinedConfig/Uuid';
+import { IAdaptableService } from './Interface/IAdaptableService';
+export declare const FLASHING_CELL_ROW_KEY = "__ROW";
+/**
+ * This service controls the interaction between notes and comments
+ */
+export declare class FlashingCellService implements IAdaptableService {
+    private api;
+    adaptable: IAdaptable;
+    gridCellsCurrentlyFlashing: Record<string, Record<string, TypeUuid>>;
+    flashingCellsMapping: Record<TypeUuid, AdaptableFlashingCell>;
+    constructor(api: AdaptableApi);
+    destroy(): void;
+    addGridCellFlash(flashingCell: AdaptableFlashingCell): void;
+    clearGridCellFlash(flashingCell: AdaptableFlashingCell): void;
+    clearAllGridCellFlashes(): void;
+    isAnyFlashingCellActive(): boolean;
+    private refreshGridCells;
+}

package/src/Utilities/Services/FlashingCellService.js

@@ -0,0 +1,65 @@
+export const FLASHING_CELL_ROW_KEY = '__ROW';
+/**
+ * This service controls the interaction between notes and comments
+ */
+export class FlashingCellService {
+    constructor(api) {
+        this.api = api;
+        this.adaptable = api.internalApi.getAdaptableInstance();
+        this.gridCellsCurrentlyFlashing = {};
+        this.flashingCellsMapping = {};
+    }
+    destroy() {
+        this.gridCellsCurrentlyFlashing = {};
+        this.flashingCellsMapping = {};
+    }
+    addGridCellFlash(flashingCell) {
+        const { rowPrimaryKey } = flashingCell;
+        this.gridCellsCurrentlyFlashing[rowPrimaryKey] =
+            this.gridCellsCurrentlyFlashing[rowPrimaryKey] || {};
+        const columnIds = Object.keys(flashingCell.flashColumnIds);
+        if (flashingCell.flashTarget === 'row' || flashingCell.flashTarget.includes('row')) {
+            columnIds.push(FLASHING_CELL_ROW_KEY);
+        }
+        columnIds.forEach((colId) => {
+            this.gridCellsCurrentlyFlashing[rowPrimaryKey][colId] = flashingCell.Uuid;
+        });
+        this.flashingCellsMapping[flashingCell.Uuid] = flashingCell;
+        this.refreshGridCells(flashingCell);
+    }
+    clearGridCellFlash(flashingCell) {
+        const { rowPrimaryKey } = flashingCell;
+        const columnIds = Object.keys(flashingCell.flashColumnIds);
+        if (flashingCell.flashTarget === 'row' || flashingCell.flashTarget.includes('row')) {
+            columnIds.push(FLASHING_CELL_ROW_KEY);
+        }
+        // for high frequency rates, we might have multiple flashes for the same cell
+        if (this.gridCellsCurrentlyFlashing[rowPrimaryKey]) {
+            columnIds.forEach((colId) => {
+                if (this.gridCellsCurrentlyFlashing[rowPrimaryKey][colId] === flashingCell.Uuid) {
+                    delete this.gridCellsCurrentlyFlashing[rowPrimaryKey][colId];
+                }
+            });
+            if (!Object.keys(this.gridCellsCurrentlyFlashing[rowPrimaryKey]).length) {
+                delete this.gridCellsCurrentlyFlashing[rowPrimaryKey];
+            }
+        }
+        delete this.flashingCellsMapping[flashingCell.Uuid];
+        this.refreshGridCells(flashingCell);
+    }
+    clearAllGridCellFlashes() {
+        this.gridCellsCurrentlyFlashing = {};
+        this.flashingCellsMapping = {};
+        this.adaptable.refreshAllCells(true);
+    }
+    isAnyFlashingCellActive() {
+        return Object.keys(this.gridCellsCurrentlyFlashing).length > 0;
+    }
+    refreshGridCells(flashingCell) {
+        const { cellDataChangedInfo } = flashingCell;
+        if (!cellDataChangedInfo) {
+            return;
+        }
+        this.adaptable.refreshCells([cellDataChangedInfo.rowNode], Object.keys(flashingCell.flashColumnIds), true);
+    }
+}

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/GridOptionsForm.js

@@ -9,9 +9,9 @@ const GridOptionsForm = (props) => {
     return (React.createElement(Box, { p: 2 },
         React.createElement(HelpBlock, null, "Grid Options"),
         React.createElement(FormLayout, { margin: 2, columns: [{ name: 'children' }, { name: 'label', style: { textAlign: 'start' } }] },
-            React.createElement(FormRow, { label: "Enable Range Selection" },
-                React.createElement(CheckBox, { checked: gridOptions.enableRangeSelection, onChange: (enableRangeSelection) => {
-                        gridOptions = Object.assign(Object.assign({}, gridOptions), { enableRangeSelection: enableRangeSelection });
+            React.createElement(FormRow, { label: "Enable Cell Selection" },
+                React.createElement(CheckBox, { checked: !!gridOptions.cellSelection, onChange: (enableCellSelection) => {
+                        gridOptions = Object.assign(Object.assign({}, gridOptions), { cellSelection: enableCellSelection });
                         props.onChangedGridOptions(gridOptions);
                     } })),
             React.createElement(FormRow, { label: "Show Filter Bar" },

package/src/View/AdaptableWizardView/helper.js

@@ -78,6 +78,6 @@ export const prepareGridOptions = (dataSourceInfo, defaultGridOptions) => {
     });
     const gridOptions = Object.assign(Object.assign({}, defaultGridOptions), { defaultColDef: {
             floatingFilter: true,
-        }, rowData: dataSourceInfo.data, columnDefs, enableRangeSelection: true, rowSelection: 'multiple', rowHeight: 30 });
+        }, rowData: dataSourceInfo.data, columnDefs, cellSelection: true, rowSelection: 'multiple', rowHeight: 30 });
     return gridOptions;
 };