@adaptabletools/adaptable 11.0.8 → 11.1.1-canary.0

package/index.css

@@ -2139,8 +2139,12 @@ template {
   overflow: auto;
   display: grid;
   padding: var(--ab-space-2);
-  grid-template-rows: 1fr 1fr;
-  grid-template-columns: 28rem 1fr 1fr;
+  flex: 1 1 0;
+  min-height: 0;
+  grid-template-columns: 28rem 1fr;
+  grid-template-rows: repeat(3, 1fr);
+  grid-column-gap: 0px;
+  grid-row-gap: 0px;
   row-gap: var(--ab-space-2);
   column-gap: var(--ab-space-2);
   grid-gap: var(--ab-space-2); }
@@ -2153,21 +2157,16 @@ template {
   overflow: auto; }
 
 .ab-LayoutEditor__ColumnListPanel {
-  grid-row: 1 /3;
-  grid-column: 1 /1;
-  max-height: initial; }
+  grid-area: 1 / 1 / 4 / 2; }
 
 .ab-LayoutEditor__ColumnSortListPanel {
-  grid-row: 1 /1;
-  grid-column: 2 /2; }
+  grid-area: 1 / 2 / 2 / 3; }
 
 .ab-LayoutEditor__RowGroupsListPanel {
-  grid-row: 2 / 2;
-  grid-column: 2 /2; }
+  grid-area: 2 / 2 / 3 / 3; }
 
 .ab-LayoutEditor__PivotListPanel {
-  grid-row: 2 / 2;
-  grid-column: 3 /3; }
+  grid-area: 3 / 2 / 4 / 3; }
 
 .ab-LayoutEditor__PivotList--empty,
 .ab-LayoutEditor__RowGroupsList--empty,
@@ -2274,6 +2273,9 @@ template {
   --ab-cmp-adaptable-popup-panel-title__font-size: var(--ab-font-size-5);
   --ab-cmp-adaptable-popup-panel-body__padding: var(--ab-space-2); }
 
+:root {
+  --ab-cmp-adaptable-window-popup__box-shadow: var(--ab-cmp-adaptable-popup__box-shadow); }
+
 :root {
   --ab-cmp-adaptable-object-list-tag__margin-right: var(--ab-space-2);
   --ab-cmp-adaptable-object-list-tag__margin-top: var(--ab-space-2);
@@ -3636,6 +3638,16 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
 .ab-Adaptable-Popup--window.ab-Adaptable-Popup--action-popup .ab-Panel__header {
   cursor: move; }
 
+.ab-Window-Modal .ab-Panel__header {
+  cursor: move; }
+
+.ab-Window-Modal {
+  max-height: 100%;
+  box-shadow: var(--ab-cmp-adaptable-window-popup__box-shadow); }
+
+.ab-Window-Modal .ab-Panel {
+    max-height: initial; }
+
 .ab-Adaptable-Object-List {
   list-style: none;
   padding: 0; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable",
-  "version": "11.0.8",
+  "version": "11.1.1-canary.0",
   "description": "Powerful data-agnostic HTML5 datagrid add-on that sits on top of an underlying grid component and provides all the rich functionality that advanced users expect from their DataGrids and Data Tables",
   "keywords": [
     "web-components",
@@ -56,6 +56,6 @@
     "uuid": "^3.3.2"
   },
   "peerDependencies": {
-    "@ag-grid-community/all-modules": ">=27.0.0"
+    "@ag-grid-community/all-modules": ">=27.1.0"
   }
 }

package/publishTimestamp.d.ts

@@ -1,2 +1,2 @@
-declare const _default: 1647511077741;
+declare const _default: 1648213605950;
 export default _default;

package/publishTimestamp.js

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

package/src/AdaptableInterfaces/IAdaptable.d.ts

@@ -109,6 +109,7 @@ export interface IAdaptable {
     redrawBody(): void;
     redrawHeader(): void;
     redrawRow(rowNode: RowNode): void;
+    redrawRows(rowNodes: RowNode[]): void;
     refreshCells(rowNodes: RowNode[], columns: (string | any)[], forceUpdate: boolean, suppressFlash?: boolean): void;
     setSelectedCells(): SelectedCellInfo | undefined;
     setSelectedRows(): SelectedRowInfo | undefined;
@@ -171,6 +172,7 @@ export interface IAdaptable {
     forAllRowNodesDo(func: (rowNode: RowNode) => void): void;
     forAllVisibleRowNodesDo(func: (rowNode: RowNode) => void): void;
     getVisibleRowNodes(): RowNode[];
+    getRowsInViewport(): RowNode[];
     isGroupRowNode(rowNode: RowNode): boolean;
     isVisibleNode(rowNode: RowNode): boolean;
     selectNodes(rowNodes: RowNode[], clearSelection: boolean): void;

package/src/AdaptableOptions/LayoutOptions.d.ts

@@ -5,11 +5,15 @@
 export interface LayoutOptions {
     /**
      * Layouts will include details of expanded grouped rows; if true these will be re-applied at start-up
-     *
+     * @deprecated use displayRowGroups instead
      * @defaultValue false
      * @gridInfoItem
      */
     includeExpandedRowGroups?: boolean;
+    /**
+     * Whether RowGroups display all as expanded, all as closed or dynamically (i.e. saved in Layout)
+     */
+    displayRowGroups?: 'dynamic' | 'expanded' | 'closed';
     /**
      * Layouts save whenever Grid's column / sort info changes; if false, a Save button will display
      *

package/src/Api/AlertApi.d.ts

@@ -4,7 +4,7 @@ import { AdaptableScope } from '../PredefinedConfig/Common/AdaptableScope';
 import { AdaptablePredicateDef } from '../PredefinedConfig/Common/AdaptablePredicate';
 import { AdaptableAlert } from '../PredefinedConfig/Common/AdaptableAlert';
 import { AdaptableForm, AdaptableFormData } from '../PredefinedConfig/Common/AdaptableForm';
-import { AdaptableMessageType, AlertButtonContext, AlertProperties } from '../types';
+import { AdaptableMessageType, AlertButtonContext, AlertProperties, GridDataChangedInfo } from '../types';
 /**
  * Provides run-time access to Alert function and associated State
  */
@@ -96,6 +96,7 @@ export interface AlertApi {
     executeAlertAction(actionName: AdaptableAlertAction | string, details: {
         alertDefinition: AlertDefinition;
         dataChangedInfo?: DataChangedInfo;
+        gridDataChangedInfo?: GridDataChangedInfo;
         formData?: AdaptableFormData;
     }): void;
     /**

package/src/Api/BulkUpdateApi.d.ts

@@ -16,4 +16,9 @@ export interface BulkUpdateApi {
      * @param gridCells Cells to apply the Bulk Update
      */
     applyBulkUpdate(gridCells: GridCell[]): void;
+    /**
+     * Sets Bulk Update value
+     * @param bulkUpdateValue the value to use in Bulk Update Operation
+     */
+    setBulkUpdateValue(bulkUpdateValue: string): void;
 }

package/src/Api/ConfigApi.d.ts

@@ -96,7 +96,7 @@ export interface ConfigApi {
      * Adds '1' to current revision number of State element
      * @param stateKey Adaptable State Key to update
      */
-    incrementUerStateRevision(stateKey: AdaptableStateKey): void;
+    incrementUserStateRevision(stateKey: AdaptableStateKey): void;
     /**
      * Returns Alert section of Adaptable State
      * @param returnJson return as JSON rather than object

package/src/Api/EventApi.d.ts

@@ -58,7 +58,7 @@ export interface EventApi {
      */
     off(eventName: 'TeamSharingEntityChanged', callback: (TeamSharingEntityChangedInfo: TeamSharingEntityChangedInfo) => void): void;
     /**
-     * Event fired when data changes in the Grid
+     * Event fired when a row is added, deleted or updated in the Grid
      * @param eventName GridDataChanged
      * @param callback GridDataChangedInfo which includes full details of what changed
      * @returns the unsubscribe function

package/src/Api/Events/GridDataChanged.d.ts

@@ -4,6 +4,10 @@ import { BaseEventInfo } from './BaseEventInfo';
  * EventInfo returned by GridDataChanged event
  */
 export interface GridDataChangedInfo extends BaseEventInfo {
+    /**
+     * Timestamp of change occurrence (in milliseconds)
+     */
+    changedAt: number;
     /**
      * Data rows that have been added, updated, or deleted
      */
@@ -13,7 +17,7 @@ export interface GridDataChangedInfo extends BaseEventInfo {
      */
     rowTrigger: 'Add' | 'Edit' | 'Delete';
     /**
-     * AG Grid Row Nodes that were affected by the Change
+     * Row Nodes that were affected by this change
      */
     rowNodes: RowNode[];
 }

package/src/Api/GridApi.d.ts

@@ -11,6 +11,7 @@ import { AdaptableModule } from '../PredefinedConfig/Common/Types';
 import { AccessLevel } from '../PredefinedConfig/Common/Entitlement';
 import { GridOptions, RowNode } from '@ag-grid-community/all-modules';
 import { GridCellRange } from '../PredefinedConfig/Selection/GridCellRange';
+import { RowsHighlightInfo } from '../PredefinedConfig/Common/RowsHighlightInfo';
 /**
  * Provides access to important properites of AdapTable e.g. sorting, selected cells etc.
  */
@@ -214,6 +215,11 @@ export interface GridApi {
      * @param rowNode rowNode to look up
      */
     getPrimaryKeyValueForRowNode(rowNode: RowNode): any;
+    /**
+     * Returns the Primary Kev Values for a given Row Node collection
+     * @param rowNode rowNodes to look up
+     */
+    getPrimaryKeyValuesForRowNodes(rowNodes: RowNode[]): any[];
     /**
      * Retrieves Cell in given Row and Column
      * @param rowNode Row to use
@@ -365,11 +371,21 @@ export interface GridApi {
      * @param rowHighlightInfo highlight instructions
      */
     highlightRow(rowHighlightInfo: RowHighlightInfo): void;
+    /**
+     * Highlight rows using an adaptable style
+     * @param rowHighlightInfo highlight instructions
+     */
+    highlightRows(rowsHighlightInfo: RowsHighlightInfo): void;
     /**
      * Remove highlight from row
      * @param primaryKeyValue
      */
     unHighlightRow(primaryKeyValue: RowHighlightInfo['primaryKeyValue']): void;
+    /**
+     * Remove highlight from row
+     * @param primaryKeyValue
+     */
+    unHighlightRows(primaryKeyValues: RowsHighlightInfo['primaryKeyValues']): void;
     /**
      * Remove all highlighted rows
      */
@@ -381,15 +397,20 @@ export interface GridApi {
      */
     refreshCells(rowNodes: RowNode[], columnIds: string[]): void;
     /**
-     * Forces a render of a row
+     * Forces a re-render of the row with the given primary key value
      * @param primaryKey row primary key
      */
     refreshRowByPrimaryKey(primaryKey: any): void;
     /**
-     *
+     * Forces a re-render of the given row
      * @param rowNode ag-grid row
      */
     refreshRowNode(rowNode: RowNode): void;
+    /**
+     * Forces a re-render of the given rows
+     * @param rowNodes ag-grid rows
+     */
+    refreshRowNodes(rowNodes: RowNode[]): void;
     /**
      * Returns number of rows in Data Source
      */

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

@@ -6,7 +6,9 @@ import { AdaptableScope } from '../../PredefinedConfig/Common/AdaptableScope';
 import { AdaptablePredicateDef } from '../../PredefinedConfig/Common/AdaptablePredicate';
 import { AdaptableAlert } from '../../PredefinedConfig/Common/AdaptableAlert';
 import { AdaptableForm, AdaptableFormData } from '../../PredefinedConfig/Common/AdaptableForm';
-import { AdaptableMessageType, AlertButtonContext } from '../../types';
+import { AlertButtonContext } from '../../AdaptableOptions/AlertOptions';
+import { AdaptableMessageType } from '../../PredefinedConfig/Common/AdaptableMessageType';
+import { GridDataChangedInfo } from '../Events/GridDataChanged';
 export declare class AlertApiImpl extends ApiBase implements AlertApi {
     getAlertState(): AlertState;
     getAdaptableFormByName(name: string): AdaptableForm<AlertButtonContext> | undefined;
@@ -23,6 +25,7 @@ export declare class AlertApiImpl extends ApiBase implements AlertApi {
     executeAlertAction(actionName: AdaptableAlertAction, details: {
         alertDefinition: AlertDefinition;
         dataChangedInfo?: DataChangedInfo;
+        gridDataChangedInfo?: GridDataChangedInfo;
         formData?: AdaptableFormData;
     }): void;
     displayAlert(alertToShow: AdaptableAlert): Promise<any>;

package/src/Api/Implementation/AlertApiImpl.js

@@ -9,6 +9,7 @@ const ApiBase_1 = require("./ApiBase");
 const LoggingHelper_1 = require("../../Utilities/Helpers/LoggingHelper");
 const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
 const ObjectFactory_1 = tslib_1.__importDefault(require("../../Utilities/ObjectFactory"));
+const AdaptableAlert_1 = require("../../PredefinedConfig/Common/AdaptableAlert");
 const AdaptableQuery_1 = require("../../PredefinedConfig/Common/AdaptableQuery");
 class AlertApiImpl extends ApiBase_1.ApiBase {
     getAlertState() {
@@ -61,22 +62,24 @@ class AlertApiImpl extends ApiBase_1.ApiBase {
                 buttonOnClick === null || buttonOnClick === void 0 ? void 0 : buttonOnClick.handler(button, context);
                 this.adaptable.api.alertApi.executeAlertAction(action, {
                     alertDefinition: context.alert.alertDefinition,
-                    dataChangedInfo: context.alert.dataChangedInfo,
+                    dataChangedInfo: AdaptableAlert_1.isAdaptableCellChangedAlert(context.alert)
+                        ? context.alert.dataChangedInfo
+                        : null,
+                    gridDataChangedInfo: AdaptableAlert_1.isAdaptableRowChangedAlert(context.alert)
+                        ? context.alert.gridDataChangedInfo
+                        : null,
                     formData: context.formData,
                 });
             });
         }
     }
     executeAlertAction(actionName, details) {
-        var _a;
-        const { alertDefinition, dataChangedInfo } = details;
-        if (!dataChangedInfo) {
-            return;
-        }
-        if (actionName === 'highlight-cell') {
-            const highhlightType = (_a = alertDefinition.MessageType) !== null && _a !== void 0 ? _a : 'Info';
+        const { alertDefinition, dataChangedInfo, gridDataChangedInfo } = details;
+        const getBackgroundColor = (alertDefinition) => {
+            var _a;
+            const highlightType = (_a = alertDefinition.MessageType) !== null && _a !== void 0 ? _a : 'Info';
             let backgroundColor = '';
-            switch (highhlightType) {
+            switch (highlightType) {
                 case 'Error':
                     backgroundColor = 'var(--ab-color-error)';
                     break;
@@ -89,6 +92,10 @@ class AlertApiImpl extends ApiBase_1.ApiBase {
                 case 'Warning':
                     backgroundColor = 'var(--ab-color-warn)';
             }
+            return backgroundColor;
+        };
+        if (actionName === 'highlight-cell' && dataChangedInfo) {
+            const backgroundColor = getBackgroundColor(alertDefinition);
             this.adaptable.api.gridApi.highlightCell({
                 columnId: dataChangedInfo.column.columnId,
                 primaryKeyValue: dataChangedInfo.primaryKeyValue,
@@ -97,40 +104,47 @@ class AlertApiImpl extends ApiBase_1.ApiBase {
                 },
                 timeout: this.getAlertOptions().cellHighlightDuration,
             });
-            return;
         }
-        if (actionName === 'jump-to-cell') {
+        if (actionName === 'highlight-row' &&
+            gridDataChangedInfo &&
+            // no sense to highlight a deleted(non-existing) row
+            (gridDataChangedInfo === null || gridDataChangedInfo === void 0 ? void 0 : gridDataChangedInfo.rowTrigger) !== 'Delete') {
+            const backgroundColor = getBackgroundColor(alertDefinition);
+            const primaryKeyValues = this.adaptable.api.gridApi.getPrimaryKeyValuesForRowNodes(gridDataChangedInfo.rowNodes);
+            const rowsHighlightInfo = {
+                primaryKeyValues,
+                highlightStyle: {
+                    BackColor: backgroundColor,
+                },
+                timeout: this.getAlertOptions().cellHighlightDuration,
+            };
+            this.adaptable.api.gridApi.highlightRows(rowsHighlightInfo);
+        }
+        if (actionName === 'jump-to-cell' && dataChangedInfo) {
             this.adaptable.api.gridApi.jumpToCell(dataChangedInfo.primaryKeyValue, dataChangedInfo.column.columnId);
-            return;
         }
-        if (actionName === 'jump-to-column') {
+        if (actionName === 'jump-to-row' &&
+            gridDataChangedInfo &&
+            // no sense to jump to a deleted(non-existing) row
+            (gridDataChangedInfo === null || gridDataChangedInfo === void 0 ? void 0 : gridDataChangedInfo.rowTrigger) !== 'Delete') {
+            const [firstRowNode] = gridDataChangedInfo.rowNodes;
+            const targetRowNodePrimaryKeyValue = this.adaptable.api.gridApi.getPrimaryKeyValueForRowNode(firstRowNode);
+            if (targetRowNodePrimaryKeyValue) {
+                this.adaptable.api.gridApi.jumpToRow(targetRowNodePrimaryKeyValue);
+            }
+        }
+        if (actionName === 'jump-to-column' && dataChangedInfo) {
             this.adaptable.api.gridApi.jumpToColumn(dataChangedInfo.column.columnId);
-            return;
         }
         if (actionName === 'suspend') {
             this.adaptable.api.alertApi.suspendAlertDefinition(alertDefinition);
-            return;
-        }
-        if (actionName === 'jump-to-row') {
-            this.adaptable.api.gridApi.jumpToRow(dataChangedInfo.primaryKeyValue);
-            return;
         }
-        if (actionName === 'undo') {
+        if (actionName === 'undo' && dataChangedInfo) {
             this.adaptable.api.gridApi.undoCellEdit(dataChangedInfo);
         }
-        // we no longer overwrite through an Alert Action
-        /*
-        if (actionName === 'overwrite' && formData && Object.keys(formData).length === 1) {
-          const value = formData[Object.keys(formData)[0]];
-          this.adaptable.api.gridApi.setCellValue(
-            dataChangedInfo.columnId,
-            value,
-            dataChangedInfo.primaryKeyValue
-          );
-        }
-        */
     }
     async displayAlert(alertToShow) {
+        var _a, _b;
         // 3 things we always do with an alert are:
         // 1. Dispatch the Alert (so it appears in the toolbar)
         this.addUidToAdaptableObject(alertToShow);
@@ -147,12 +161,16 @@ class AlertApiImpl extends ApiBase_1.ApiBase {
         if (alertToShow.alertDefinition && alertToShow.alertDefinition.AlertProperties != undefined) {
             const alertDefinition = alertToShow.alertDefinition;
             const alertProperties = alertDefinition.AlertProperties;
-            const dataChangedInfo = alertToShow.dataChangedInfo;
             // There are 4 possible other actions that could happen
+            // alertProperties.PreventEdit is handled separately, in the Adaptable.setupColumnValueSetter() function
             // 1. Show a Popup
             if (alertProperties.DisplayNotification && showPopup) {
                 this.dispatchAction(PopupRedux.PopupShowAlert(alertToShow));
             }
+            // 2. Log to console
+            if (alertProperties.LogToConsole) {
+                LoggingHelper_1.ConsoleLogByMessageType(alertToShow.header + ': ' + alertToShow.message, alertDefinition.MessageType);
+            }
             // 3. Show it in a Div (if one has been set)
             if (alertProperties.ShowInDiv) {
                 let alertDiv;
@@ -166,37 +184,46 @@ class AlertApiImpl extends ApiBase_1.ApiBase {
                     alertDiv.innerHTML = alertString;
                 }
             }
+            // 4.JumpToCell and 5.JumpToRow are exclusive, based on alertType!
             // 4: Jump to the Cell
-            if (alertProperties.JumpToCell && dataChangedInfo) {
-                this.adaptable.jumpToCell(dataChangedInfo.column.columnId, dataChangedInfo.rowNode);
+            if (alertProperties.JumpToCell &&
+                AdaptableAlert_1.isAdaptableCellChangedAlert(alertToShow) &&
+                alertToShow.dataChangedInfo) {
+                this.adaptable.jumpToCell(alertToShow.dataChangedInfo.column.columnId, alertToShow.dataChangedInfo.rowNode);
             }
-            // 5: Hight the cell - though that is taken care of in the Style Service
-            if (alertProperties.HighlightCell && dataChangedInfo) {
-                let alertNode = dataChangedInfo.rowNode;
-                if (!alertNode) {
-                    alertNode = this.adaptable.getRowNodeForPrimaryKey(dataChangedInfo.primaryKeyValue);
-                }
-                if (alertNode) {
-                    this.adaptable.api.gridApi.refreshCells([alertNode], [dataChangedInfo.column.columnId]);
-                    setTimeout(() => {
-                        this.dispatchAction(SystemRedux.SystemAlertRemoveHighlight(alertToShow));
-                    }, this.adaptable.adaptableOptions.alertOptions.cellHighlightDuration);
+            // 5: Jump to the Row
+            else if (alertProperties.JumpToRow &&
+                AdaptableAlert_1.isAdaptableRowChangedAlert(alertToShow) &&
+                ((_a = alertToShow.gridDataChangedInfo) === null || _a === void 0 ? void 0 : _a.rowTrigger) === 'Add') {
+                const [firstRowNode] = alertToShow.gridDataChangedInfo.rowNodes;
+                if (firstRowNode) {
+                    this.adaptable.jumpToRow(firstRowNode);
                 }
             }
-            if (alertProperties.HighlightRow && dataChangedInfo) {
-                let alertNode = dataChangedInfo.rowNode;
+            // 6.HighlightCell and 7.HighlightRow are exclusive, based on alertType!
+            // 6: Highlight the cell - we just refresh the cells to trigger a re-evaluation of the Adaptable.setupColumn[Style/Class]
+            if (alertProperties.HighlightCell &&
+                AdaptableAlert_1.isAdaptableCellChangedAlert(alertToShow) &&
+                alertToShow.dataChangedInfo) {
+                let alertNode = alertToShow.dataChangedInfo.rowNode;
                 if (!alertNode) {
-                    alertNode = this.adaptable.getRowNodeForPrimaryKey(dataChangedInfo.primaryKeyValue);
+                    alertNode = this.adaptable.getRowNodeForPrimaryKey(alertToShow.dataChangedInfo.primaryKeyValue);
                 }
                 if (alertNode) {
-                    this.adaptable.api.gridApi.refreshRowNode(alertNode);
+                    this.adaptable.api.gridApi.refreshCells([alertNode], [alertToShow.dataChangedInfo.column.columnId]);
                     setTimeout(() => {
                         this.dispatchAction(SystemRedux.SystemAlertRemoveHighlight(alertToShow));
                     }, this.adaptable.adaptableOptions.alertOptions.cellHighlightDuration);
                 }
             }
-            if (alertProperties.LogToConsole) {
-                LoggingHelper_1.ConsoleLogByMessageType(alertToShow.header + ': ' + alertToShow.message, alertDefinition.MessageType);
+            // 7. Highlight the row - we just refresh the rows to trigger a re-evaluation of the Adaptable.setupColumn[Style/Class]
+            else if (alertProperties.HighlightRow &&
+                AdaptableAlert_1.isAdaptableRowChangedAlert(alertToShow) &&
+                ((_b = alertToShow.gridDataChangedInfo) === null || _b === void 0 ? void 0 : _b.rowTrigger) === 'Add') {
+                this.adaptable.api.gridApi.refreshRowNodes(alertToShow.gridDataChangedInfo.rowNodes);
+                setTimeout(() => {
+                    this.dispatchAction(SystemRedux.SystemAlertRemoveHighlight(alertToShow));
+                }, this.adaptable.adaptableOptions.alertOptions.cellHighlightDuration);
             }
         }
     }
@@ -212,7 +239,7 @@ class AlertApiImpl extends ApiBase_1.ApiBase {
     }
     showAlert(alertHeader, alertMessage, messageType, alertProperties) {
         const alertDefinition = ObjectFactory_1.default.CreateInternalAlertDefinitionForMessages(messageType, alertProperties);
-        let alertToShow = ObjectFactory_1.default.CreateAlert(alertHeader, alertMessage, alertDefinition);
+        let alertToShow = ObjectFactory_1.default.CreateGenericAlert(alertHeader, alertMessage, alertDefinition);
         this.displayAlert(alertToShow);
     }
     showAlertInfo(alertHeader, alertMessage, alertProperties) {

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

@@ -5,4 +5,5 @@ export declare class BulkUpdateApiImpl extends ApiBase implements BulkUpdateApi
     getBulkUpdateValue(): string;
     showBulkUpdatePopup(): void;
     applyBulkUpdate(gridCells: GridCell[]): void;
+    setBulkUpdateValue(bulkUpdateValue: string): void;
 }

package/src/Api/Implementation/BulkUpdateApiImpl.js

@@ -5,6 +5,7 @@ const tslib_1 = require("tslib");
 const ApiBase_1 = require("./ApiBase");
 const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
 const BulkUpdateRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/BulkUpdateRedux"));
+const SystemRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/SystemRedux"));
 class BulkUpdateApiImpl extends ApiBase_1.ApiBase {
     getBulkUpdateValue() {
         return this.getAdaptableState().System.BulkUpdateValue;
@@ -15,5 +16,8 @@ class BulkUpdateApiImpl extends ApiBase_1.ApiBase {
     applyBulkUpdate(gridCells) {
         this.dispatchAction(BulkUpdateRedux.BulkUpdateApply(gridCells));
     }
+    setBulkUpdateValue(bulkUpdateValue) {
+        this.dispatchAction(SystemRedux.BulkUpdateChangeValue(bulkUpdateValue));
+    }
 }
 exports.BulkUpdateApiImpl = BulkUpdateApiImpl;

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

@@ -45,7 +45,7 @@ export declare class ConfigApiImpl extends ApiBase implements ConfigApi {
     getDescriptionForModule(module: AdaptableModule): string;
     getHelpPageForModule(module: AdaptableModule): string;
     getUserStateByStateKey(stateKey: AdaptableStateKey, returnJson?: boolean): ConfigState | string;
-    incrementUerStateRevision(stateKey: AdaptableStateKey): void;
+    incrementUserStateRevision(stateKey: AdaptableStateKey): void;
     getAlertState(returnJson?: boolean): AlertState;
     getApplicationState(returnJson?: boolean): ApplicationState;
     getCalculatedColumnState(returnJson?: boolean): CalculatedColumnState;

package/src/Api/Implementation/ConfigApiImpl.js

@@ -242,9 +242,14 @@ class ConfigApiImpl extends ApiBase_1.ApiBase {
                     : this.getAdaptableState().ToolPanel;
         }
     }
-    incrementUerStateRevision(stateKey) {
+    incrementUserStateRevision(stateKey) {
         let state = this.getUserStateByStateKey(stateKey);
-        state.Revision += 1;
+        if (typeof state.Revision === 'number') {
+            state.Revision += 1;
+        }
+        else {
+            state.Revision.Key += 1;
+        }
         // need to save it...
     }
     getAlertState(returnJson = false) {

package/src/Api/Implementation/EventApiImpl.js

@@ -10,7 +10,7 @@ class EventApiImpl extends ApiBase_1.ApiBase {
         this.on = (eventName, callback) => {
             let result;
             if (eventName === 'AdaptableReady') {
-                result = this.emitter.onIncludeFired(eventName, callback);
+                result = this.emitter.onIncludeFiredOnce(eventName, callback);
             }
             else {
                 result = this.emitter.on(eventName, callback);

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

@@ -6,11 +6,14 @@ import { SelectedRowInfo } from '../../PredefinedConfig/Selection/SelectedRowInf
 import { GridCell } from '../../PredefinedConfig/Selection/GridCell';
 import { ColumnSort } from '../../PredefinedConfig/Common/ColumnSort';
 import { DataUpdateConfig } from '../../PredefinedConfig/Common/DataUpdateConfig';
-import { DataChangedInfo, AccessLevel, AdaptableModule } from '../../types';
 import { CellHighlightInfo } from '../../PredefinedConfig/Common/CellHighlightInfo';
 import { RowHighlightInfo } from '../../PredefinedConfig/Common/RowHighlightInfo';
 import { GridOptions, RowNode } from '@ag-grid-community/all-modules';
 import { GridCellRange } from '../../PredefinedConfig/Selection/GridCellRange';
+import { DataChangedInfo } from '../../PredefinedConfig/Common/DataChangedInfo';
+import { AdaptableModule } from '../../PredefinedConfig/Common/Types';
+import { RowsHighlightInfo } from '../../PredefinedConfig/Common/RowsHighlightInfo';
+import { AccessLevel } from '../../PredefinedConfig/Common/Entitlement';
 export declare class GridApiImpl extends ApiBase implements GridApi {
     getGridState(): GridState;
     setGridData(dataSource: any): void;
@@ -64,6 +67,7 @@ export declare class GridApiImpl extends ApiBase implements GridApi {
     getRowNodesForPrimaryKeys(primaryKeyValues: any[]): RowNode[];
     getRowNodeForPrimaryKey(primaryKeyValue: any): RowNode;
     getPrimaryKeyValueForRowNode(rowNode: RowNode): any;
+    getPrimaryKeyValuesForRowNodes(rowNodes: RowNode[]): any[];
     setRowGroupColumns(columnIds: string[]): void;
     clearRowGroupColumns(): void;
     expandAllRowGroups(): void;
@@ -87,14 +91,18 @@ export declare class GridApiImpl extends ApiBase implements GridApi {
     unHighlightCell(primaryKeyValue: CellHighlightInfo['primaryKeyValue'], columnId: CellHighlightInfo['columnId']): void;
     unHighlightAllCells(): void;
     highlightRow(rowHighlightInfo: RowHighlightInfo): void;
+    highlightRows(rowHighlightInfos: RowsHighlightInfo): void;
     unHighlightRow(primaryKeyValue: RowHighlightInfo['primaryKeyValue']): void;
+    unHighlightRows(primaryKeyValues: RowsHighlightInfo['primaryKeyValues']): void;
     unHighlightAllRows(): void;
     refreshCells(rowNodes: RowNode[], columnIds: string[]): void;
     refreshRowByPrimaryKey(primaryKey: any): void;
     refreshRowNode(rowNode: RowNode): void;
+    refreshRowNodes(rowNodes: RowNode[]): void;
     areCellsEditable(gridCells: GridCell[]): boolean;
     getRowCount(): number;
     getVisibleRowCount(): number;
+    getRowsInViewport(): RowNode[];
     getColumnCount(): number;
     getVisibleColumnCount(): number;
     getEntitlementAccessLevelForModule(adaptableModule: AdaptableModule): AccessLevel;