@adaptabletools/adaptable 16.0.7 → 16.0.8-canary.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable",
-  "version": "16.0.7",
+  "version": "16.0.8-canary.0",
   "description": "Powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements",
   "keywords": [
     "web-components",

package/publishTimestamp.d.ts

@@ -1,2 +1,2 @@
-declare const _default: 1694355460696;
+declare const _default: 1695122956191;
 export default _default;

package/publishTimestamp.js

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

package/src/AdaptableOptions/AdaptablePlugin.d.ts

@@ -1,13 +1,13 @@
 import * as Redux from 'redux';
 import { AdaptableOptions } from './AdaptableOptions';
-import { IAdaptable } from '../AdaptableInterfaces/IAdaptable';
+import { AgGridConfig, IAdaptable } from '../AdaptableInterfaces/IAdaptable';
 import { IAdaptableStore } from '../Redux/Store/Interface/IAdaptableStore';
 import { AdaptableApi } from '../types';
 import { AdaptableState } from '../PredefinedConfig/AdaptableState';
 import { AdaptableModule } from '../PredefinedConfig/Common/Types';
 import { IModule } from '../Strategy/Interface/IModule';
 import { ColumnSetupInfo } from '../agGrid/ColumnSetupInfo';
-import { ColDef, GridOptions } from '@ag-grid-community/core';
+import { ColDef } from '@ag-grid-community/core';
 import { Layout } from '../PredefinedConfig/LayoutState';
 declare type AdaptableReducerObject = {
     [key: string]: (...args: any[]) => any;
@@ -25,7 +25,7 @@ export declare abstract class AdaptablePlugin {
     rootReducer?: (rootReducer: AdaptableReducerObject) => AdaptableReducerObject;
     reduxMiddleware?: (adaptable: IAdaptable) => Redux.Middleware;
     hasProperty(name: string): boolean;
-    beforeInit(adaptableOptions: AdaptableOptions, gridOptions: GridOptions): void;
+    beforeInit(adaptableOptions: AdaptableOptions, agGridOptions: AgGridConfig): void;
     afterInitOptions(adaptable: IAdaptable, adaptableOptions: AdaptableOptions): void;
     afterInitApi(adaptable: IAdaptable, api: AdaptableApi): void;
     afterInitServices(adaptable: IAdaptable): void;

package/src/AdaptableOptions/AdaptablePlugin.js

@@ -26,7 +26,9 @@ class AdaptablePlugin {
     }
     // plugin lifecycle methods, executed in this exact order
     // wondering if this is better?
-    beforeInit(adaptableOptions, gridOptions) { }
+    beforeInit(adaptableOptions, 
+    // adding a nested object allows plugins to modify gridOptions
+    agGridOptions) { }
     afterInitOptions(adaptable, adaptableOptions) { }
     afterInitApi(adaptable, api) { }
     afterInitServices(adaptable) { }

package/src/AdaptableOptions/UserInterfaceOptions.d.ts

@@ -111,7 +111,7 @@ export interface UserInterfaceOptions<TData = any> {
      */
     alternativeModuleNames?: AlternativeModuleName[];
     /**
-     * Display the Loading message when AdapTable starts
+     * Display Loading message when AdapTable starts
      * @defaultValue true
      * @noCodeItem
      */

package/src/Api/ColumnApi.d.ts

@@ -182,6 +182,11 @@ export interface ColumnApi {
      * @param columnId Column ID
      */
     hasNumericArrayDataType(columnId: string): boolean;
+    /**
+     * Checks if the Column with the given `columnId` has any Array-like DataType (`StringArray`,`NumberArray`,`TupleNumberArray` or `ObjectNumberArray`)
+     * @param columnId Column ID
+     */
+    hasArrayDataType(columnId: string): boolean;
     /**
      * Checks if the Column with the given `columnId` has a String Array-like DataType (`StringArray`)
      * @param columnId Column ID

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

@@ -26,6 +26,7 @@ export declare class ColumnApiImpl extends ApiBase implements ColumnApi {
     getColumnWithColumnId(columnId: string, logWarning?: boolean): AdaptableColumn | undefined;
     hasNumberDataType(columnId: string): boolean;
     hasBooleanDataType(columnId: string): boolean;
+    hasArrayDataType(columnId: string): boolean;
     hasStringArrayDataType(columnId: string): boolean;
     hasNumericArrayDataType(columnId: string): boolean;
     hasDateDataType(columnId: string): boolean;

package/src/Api/Implementation/ColumnApiImpl.js

@@ -113,6 +113,9 @@ class ColumnApiImpl extends ApiBase_1.ApiBase {
         }
         return (column === null || column === void 0 ? void 0 : column.dataType) == 'Boolean';
     }
+    hasArrayDataType(columnId) {
+        return this.hasStringArrayDataType(columnId) || this.hasNumericArrayDataType(columnId);
+    }
     hasStringArrayDataType(columnId) {
         const column = this.getColumnWithColumnId(columnId);
         if (!column) {
@@ -267,7 +270,7 @@ class ColumnApiImpl extends ApiBase_1.ApiBase {
         return this.getColumns().filter((c) => c.dataType == 'String');
     }
     getStringArrayColumns() {
-        return this.getColumns().filter((c) => c.dataType == 'String');
+        return this.getColumns().filter((c) => c.dataType == 'StringArray');
     }
     getDateColumns() {
         return this.getColumns().filter((c) => c.dataType == 'Date');

package/src/PredefinedConfig/Common/AdaptablePredicate.js

@@ -33,7 +33,7 @@ exports.SystemPredicateDefs = [
             if (inputs.length === 0) {
                 return true;
             }
-            if (inputs.includes(GeneralConstants_1.BLANK_DISTINCT_COLUMN_VALUE) && Helper_1.default.IsInputNullOrEmpty(value)) {
+            if (inputs.includes(GeneralConstants_1.BLANK_DISTINCT_COLUMN_VALUE) && Helper_1.default.isInputNullOrEmpty(value)) {
                 return true;
             }
             if (column.dataType === 'Date') {
@@ -74,7 +74,7 @@ exports.SystemPredicateDefs = [
             if (inputs.length === 0) {
                 return true;
             }
-            if (inputs.includes(GeneralConstants_1.BLANK_DISTINCT_COLUMN_VALUE) && Helper_1.default.IsInputNullOrEmpty(value)) {
+            if (inputs.includes(GeneralConstants_1.BLANK_DISTINCT_COLUMN_VALUE) && Helper_1.default.isInputNullOrEmpty(value)) {
                 return false;
             }
             if (column.dataType === 'Date') {
@@ -111,7 +111,7 @@ exports.SystemPredicateDefs = [
         icon: { name: 'unfilled-circle' },
         columnScope: { All: true },
         moduleScope: ['filter', 'alert', 'flashingcell', 'formatColumn', 'badgeStyle'],
-        handler: ({ value }) => Helper_1.default.IsInputNullOrEmpty(value),
+        handler: ({ value }) => Helper_1.default.isInputNullOrEmpty(value),
     },
     {
         id: 'NonBlanks',
@@ -119,7 +119,7 @@ exports.SystemPredicateDefs = [
         icon: { name: 'filled-circle' },
         columnScope: { All: true },
         moduleScope: ['filter', 'alert', 'flashingcell', 'formatColumn', 'badgeStyle'],
-        handler: ({ value }) => Helper_1.default.IsInputNotNullOrEmpty(value),
+        handler: ({ value }) => Helper_1.default.isInputNotNullOrEmpty(value),
     },
     // Numeric System Filters
     {

package/src/PredefinedConfig/Common/CellHighlightInfo.d.ts

@@ -10,7 +10,8 @@ export interface CellHighlightInfo {
     /**
      * Primary Key Value of row containing Cell
      */
-    primaryKeyValue: any;
+    primaryKeyValue?: any;
+    query?: string;
     /**
      * Time after which Cell should be unhighlighted
      */

package/src/Strategy/CellSummaryModule.js

@@ -77,23 +77,23 @@ class CellSummaryModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             let distinctCount = ArrayExtensions_1.ArrayExtensions.RetrieveDistinct(allValues).length;
             selectedCellSummary = {
                 Sum: hasNumericColumns
-                    ? Helper_1.Helper.RoundNumberTo4dp(Helper_1.Helper.sumNumberArray(numericValues))
+                    ? Helper_1.Helper.roundNumberTo4dp(Helper_1.Helper.sumNumberArray(numericValues))
                     : undefined,
                 Average: hasNumericColumns
-                    ? Helper_1.Helper.RoundNumberTo4dp(Helper_1.Helper.meanNumberArray(numericValues))
+                    ? Helper_1.Helper.roundNumberTo4dp(Helper_1.Helper.meanNumberArray(numericValues))
                     : undefined,
                 Median: hasNumericColumns
-                    ? Helper_1.Helper.RoundNumberTo4dp(Helper_1.Helper.medianNumberArray(numericValues))
+                    ? Helper_1.Helper.roundNumberTo4dp(Helper_1.Helper.medianNumberArray(numericValues))
                     : undefined,
                 Mode: hasNumericColumns
-                    ? Helper_1.Helper.RoundNumberTo4dp(Helper_1.Helper.modeNumberArray(numericValues))
+                    ? Helper_1.Helper.roundNumberTo4dp(Helper_1.Helper.modeNumberArray(numericValues))
                     : undefined,
                 Distinct: distinctCount,
-                Max: hasNumericColumns ? Helper_1.Helper.RoundNumberTo4dp(Math.max(...numericValues)) : undefined,
-                Min: hasNumericColumns ? Helper_1.Helper.RoundNumberTo4dp(Math.min(...numericValues)) : undefined,
+                Max: hasNumericColumns ? Helper_1.Helper.roundNumberTo4dp(Math.max(...numericValues)) : undefined,
+                Min: hasNumericColumns ? Helper_1.Helper.roundNumberTo4dp(Math.min(...numericValues)) : undefined,
                 Count: allValues.length,
                 Std_Deviation: hasNumericColumns
-                    ? Helper_1.Helper.RoundNumberTo4dp(Helper_1.Helper.standardDeviationNumberArray(numericValues))
+                    ? Helper_1.Helper.roundNumberTo4dp(Helper_1.Helper.standardDeviationNumberArray(numericValues))
                     : undefined,
                 Only: distinctCount == 1 ? JSON.stringify(allValues[0]) : '',
             };

package/src/Strategy/StyledColumnModule.js

@@ -169,6 +169,9 @@ class StyledColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                         case 'String':
                             returnColumnMenuItems.push(newBadgeButton);
                             break;
+                        case 'StringArray':
+                            returnColumnMenuItems.push(newBadgeButton);
+                            break;
                     }
                 }
                 // Then do Checkbox - now removed as AG Grid 30 offers this

package/src/Utilities/Defaults/DefaultAdaptableOptions.js

@@ -12,7 +12,6 @@ const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/
 exports.DefaultAdaptableOptions = {
     adaptableId: GeneralConstants.ADAPTABLE_ID,
     adaptableStateKey: undefined,
-    _gridOptions: null,
     primaryKey: '',
     autogeneratePrimaryKey: false,
     userName: GeneralConstants.USER_NAME,

package/src/Utilities/Helpers/Helper.d.ts

@@ -6,11 +6,11 @@ export declare const arrayToKeyMap: <T extends string | number | symbol>(arr?: T
 export declare function convertArrayToCsv(array: any[], separator?: string): string;
 export declare function createDownloadedFile(content: any, fileName: string, mimeType: string): void;
 export declare function copyToClipboard(text: string): boolean;
-export declare function ReturnItemCount(items: any[], itemName: string): string;
-export declare function IsInputNullOrEmpty(itemToCheck: any): boolean;
-export declare function IsInputNotNullOrEmpty(itemToCheck: any): boolean;
-export declare function RoundNumber(numberToRound: any, decimalPlaces: number): number;
-export declare function RoundNumberTo4dp(numberToRound: any): number;
+export declare function returnItemCount(items: any[], itemName: string): string;
+export declare function isInputNullOrEmpty(itemToCheck: any): boolean;
+export declare function isInputNotNullOrEmpty(itemToCheck: any): boolean;
+export declare function roundNumber(numberToRound: any, decimalPlaces: number): number;
+export declare function roundNumberTo4dp(numberToRound: any): number;
 export declare function sumNumberArray(numericValues: number[]): number;
 export declare function standardDeviationNumberArray(numericValues: number[]): number;
 export declare function meanNumberArray(numericValues: number[]): number;
@@ -25,11 +25,11 @@ export declare const Helper: {
     convertArrayToCsv: typeof convertArrayToCsv;
     createDownloadedFile: typeof createDownloadedFile;
     copyToClipboard: typeof copyToClipboard;
-    ReturnItemCount: typeof ReturnItemCount;
-    IsInputNullOrEmpty: typeof IsInputNullOrEmpty;
-    IsInputNotNullOrEmpty: typeof IsInputNotNullOrEmpty;
-    RoundNumber: typeof RoundNumber;
-    RoundNumberTo4dp: typeof RoundNumberTo4dp;
+    returnItemCount: typeof returnItemCount;
+    isInputNullOrEmpty: typeof isInputNullOrEmpty;
+    isInputNotNullOrEmpty: typeof isInputNotNullOrEmpty;
+    roundNumber: typeof roundNumber;
+    roundNumberTo4dp: typeof roundNumberTo4dp;
     standardDeviationNumberArray: typeof standardDeviationNumberArray;
     sumNumberArray: typeof sumNumberArray;
     meanNumberArray: typeof meanNumberArray;

package/src/Utilities/Helpers/Helper.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Helper = exports.clamp = exports.modeNumberArray = exports.medianNumberArray = exports.meanNumberArray = exports.standardDeviationNumberArray = exports.sumNumberArray = exports.RoundNumberTo4dp = exports.RoundNumber = exports.IsInputNotNullOrEmpty = exports.IsInputNullOrEmpty = exports.ReturnItemCount = exports.copyToClipboard = exports.createDownloadedFile = exports.convertArrayToCsv = exports.arrayToKeyMap = exports.cloneObject = exports.getStringRepresentionFromKey = exports.objectNotExists = exports.objectExists = void 0;
+exports.Helper = exports.clamp = exports.modeNumberArray = exports.medianNumberArray = exports.meanNumberArray = exports.standardDeviationNumberArray = exports.sumNumberArray = exports.roundNumberTo4dp = exports.roundNumber = exports.isInputNotNullOrEmpty = exports.isInputNullOrEmpty = exports.returnItemCount = exports.copyToClipboard = exports.createDownloadedFile = exports.convertArrayToCsv = exports.arrayToKeyMap = exports.cloneObject = exports.getStringRepresentionFromKey = exports.objectNotExists = exports.objectExists = void 0;
 const StringExtensions_1 = require("../Extensions/StringExtensions");
 const AdaptableLogger_1 = require("../../agGrid/AdaptableLogger");
 function objectExists(item) {
@@ -114,14 +114,14 @@ function copyToClipboard(text) {
     AdaptableLogger_1.AdaptableLogger.consoleWarnBase('Copy not available on this computer.');
 }
 exports.copyToClipboard = copyToClipboard;
-function ReturnItemCount(items, itemName) {
+function returnItemCount(items, itemName) {
     if (items.length == 0) {
         return `No ${itemName}s`;
     }
     return items.length == 1 ? `1 ${itemName}` : `${items.length} ${itemName}s`;
 }
-exports.ReturnItemCount = ReturnItemCount;
-function IsInputNullOrEmpty(itemToCheck) {
+exports.returnItemCount = returnItemCount;
+function isInputNullOrEmpty(itemToCheck) {
     if (itemToCheck == 'Invalid Date ') {
         return true;
     }
@@ -136,12 +136,12 @@ function IsInputNullOrEmpty(itemToCheck) {
     }
     return itemToCheck == null;
 }
-exports.IsInputNullOrEmpty = IsInputNullOrEmpty;
-function IsInputNotNullOrEmpty(itemToCheck) {
-    return !IsInputNullOrEmpty(itemToCheck);
+exports.isInputNullOrEmpty = isInputNullOrEmpty;
+function isInputNotNullOrEmpty(itemToCheck) {
+    return !isInputNullOrEmpty(itemToCheck);
 }
-exports.IsInputNotNullOrEmpty = IsInputNotNullOrEmpty;
-function RoundNumber(numberToRound, decimalPlaces) {
+exports.isInputNotNullOrEmpty = isInputNotNullOrEmpty;
+function roundNumber(numberToRound, decimalPlaces) {
     switch (decimalPlaces) {
         case 1:
             return Math.round(numberToRound * 10) / 10;
@@ -157,21 +157,17 @@ function RoundNumber(numberToRound, decimalPlaces) {
             return Math.round(numberToRound * 1000000) / 1000000;
     }
 }
-exports.RoundNumber = RoundNumber;
-function RoundNumberTo4dp(numberToRound) {
-    return RoundNumber(numberToRound, 4);
+exports.roundNumber = roundNumber;
+function roundNumberTo4dp(numberToRound) {
+    return roundNumber(numberToRound, 4);
 }
-exports.RoundNumberTo4dp = RoundNumberTo4dp;
+exports.roundNumberTo4dp = roundNumberTo4dp;
 function sumNumberArray(numericValues) {
-    if (numericValues.length) {
-        let sum = numericValues.reduce(function (a, b) {
+    return numericValues.length
+        ? numericValues.reduce(function (a, b) {
             return a + b;
-        });
-        return sum;
-    }
-    else {
-        return 0;
-    }
+        })
+        : 0;
 }
 exports.sumNumberArray = sumNumberArray;
 function standardDeviationNumberArray(numericValues) {
@@ -258,11 +254,11 @@ exports.Helper = {
     convertArrayToCsv,
     createDownloadedFile,
     copyToClipboard,
-    ReturnItemCount,
-    IsInputNullOrEmpty,
-    IsInputNotNullOrEmpty,
-    RoundNumber,
-    RoundNumberTo4dp,
+    returnItemCount,
+    isInputNullOrEmpty,
+    isInputNotNullOrEmpty,
+    roundNumber,
+    roundNumberTo4dp,
     standardDeviationNumberArray,
     sumNumberArray,
     meanNumberArray,

package/src/View/Alert/ActiveAlertsPanelItemLabel.js

@@ -4,7 +4,7 @@ exports.ActiveAlertsPanelItemLabel = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const rebass_1 = require("rebass");
-const icons_1 = tslib_1.__importDefault(require("../../components/icons"));
+const icons_1 = require("../../components/icons");
 const UIHelper_1 = tslib_1.__importDefault(require("../UIHelper"));
 const ActiveAlertsPanelItemLabel = (props) => {
     const iconColor = UIHelper_1.default.getColorByMessageType(props.data.alertDefinition.MessageType);
@@ -13,7 +13,7 @@ const ActiveAlertsPanelItemLabel = (props) => {
         fill: iconColor,
     };
     const iconName = UIHelper_1.default.getGlyphByMessageType(props.data.alertDefinition.MessageType);
-    const IconCmp = icons_1.default[iconName];
+    const IconCmp = icons_1.allIcons[iconName];
     const icon = IconCmp ? React.createElement(IconCmp, null) : null;
     return (React.createElement(rebass_1.Box, null,
         React.createElement(rebass_1.Text, { style: Object.assign({ float: 'left' }, iconStyle) }, icon),

package/src/View/Alert/AlertsPanel.js

@@ -8,7 +8,7 @@ const ButtonPreviewDelete_1 = tslib_1.__importDefault(require("../Components/But
 const PanelWithButton_1 = require("../Components/Panels/PanelWithButton");
 const StringExtensions_1 = require("../../Utilities/Extensions/StringExtensions");
 const rebass_1 = require("rebass");
-const icons_1 = tslib_1.__importDefault(require("../../components/icons"));
+const icons_1 = require("../../components/icons");
 const ListGroupItem_1 = tslib_1.__importDefault(require("../../components/List/ListGroupItem"));
 const ListGroup_1 = tslib_1.__importDefault(require("../../components/List/ListGroup"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
@@ -26,7 +26,7 @@ class AlertsPanel extends React.Component {
                 fill: textColor,
             };
             const iconName = UIHelper_1.UIHelper.getGlyphByMessageType(alert.alertDefinition.MessageType);
-            const IconCmp = icons_1.default[iconName];
+            const IconCmp = icons_1.allIcons[iconName];
             const icon = IconCmp ? React.createElement(IconCmp, null) : null;
             let alertText = (React.createElement("div", { key: alert.Uuid, style: { maxWidth: '600px', width: '100%' } },
                 React.createElement(rebass_1.Flex, { alignItems: "center", width: "100%" },

package/src/View/Components/Badge/index.d.ts

@@ -4,5 +4,6 @@ export interface BadgeProps {
     adaptableStyle: AdaptableStyle;
     icon?: AdaptableIcon;
     iconPosition?: 'start' | 'end' | 'Start' | 'End';
+    gap?: number;
 }
 export declare const Badge: React.FunctionComponent<React.PropsWithChildren<BadgeProps>>;

package/src/View/Components/Badge/index.js

@@ -10,7 +10,7 @@ const Badge = (props) => {
     const preparedBadgePosition = iconPosition.toLowerCase();
     const icon = iconProps && React.createElement(AdaptableIconComponent_1.AdaptableIconComponent, { icon: iconProps });
     const style = (0, StyleHelper_1.toStyle)(props.adaptableStyle);
-    return (React.createElement("div", { className: "ab-Badge", style: style },
+    return (React.createElement("div", { className: "ab-Badge", style: Object.assign(Object.assign({}, style), { marginRight: props.gap }) },
         preparedBadgePosition === 'start' && icon,
         props.children,
         preparedBadgePosition === 'end' && icon));

package/src/View/Components/Panels/PanelWithButton.js

@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 const Panel_1 = tslib_1.__importDefault(require("../../../components/Panel"));
 const rebass_1 = require("rebass");
-const icons_1 = tslib_1.__importDefault(require("../../../components/icons"));
+const icons_1 = require("../../../components/icons");
 const ButtonInfo_1 = require("../Buttons/ButtonInfo");
 //We cannot destructure this.props using the react way in typescript which is a real pain as you
 //need to transfer props individually as a consequence
@@ -14,7 +14,7 @@ const ButtonInfo_1 = require("../Buttons/ButtonInfo");
 class PanelWithButton extends React.Component {
     render() {
         let { buttonContent } = this.props;
-        const IconCmp = icons_1.default[this.props.glyphicon];
+        const IconCmp = icons_1.allIcons[this.props.glyphicon];
         let header = (React.createElement(rebass_1.Flex, { alignItems: "center", width: "100%" },
             React.createElement(rebass_1.Flex, { alignItems: "center" },
                 this.props.glyphicon != null && (IconCmp ? React.createElement(IconCmp, null) : null),

package/src/View/Components/Panels/PanelWithImage.js

@@ -6,14 +6,14 @@ const React = tslib_1.__importStar(require("react"));
 const styled_components_1 = require("styled-components");
 const Panel_1 = tslib_1.__importDefault(require("../../../components/Panel"));
 const rebass_1 = require("rebass");
-const icons_1 = tslib_1.__importDefault(require("../../../components/icons"));
+const icons_1 = require("../../../components/icons");
 const ButtonInfo_1 = require("../Buttons/ButtonInfo");
 //We cannot destructure this.props using the react way in typescript which is a real pain as you
 //need to transfer props individually as a consequence
 //let { buttonContent, ...other } = this.props
 class PanelWithImageCmp extends React.Component {
     render() {
-        const IconCmp = icons_1.default[(this.props.icon || this.props.glyphicon)];
+        const IconCmp = icons_1.allIcons[(this.props.icon || this.props.glyphicon)];
         const headerStyle = {};
         if (this.props.headerColor) {
             headerStyle.color = this.props.headerColor;

package/src/View/DataChangeHistory/DataChangeHistoryGrid.js

@@ -107,7 +107,6 @@ const buildAdaptableOptions = (mainAdaptableInstance, gridOptions, adaptableCont
         };
     }
     const options = {
-        _gridOptions: gridOptions,
         primaryKey: 'primaryKey',
         licenseKey: mainAdaptableOptions.licenseKey,
         userName: `${mainAdaptableOptions.userName}`,

package/src/View/PlusMinus/PlusMinusSummary.js

@@ -23,7 +23,7 @@ class PlusMinusSummaryComponent extends React.Component {
     render() {
         let moduleSummaries = [];
         // title row
-        let titleRow = (React.createElement(ModuleHeader_1.ModuleHeader, { key: this.props.moduleInfo.FriendlyName, moduleInfo: this.props.moduleInfo, moduleSummary: Helper_1.Helper.ReturnItemCount(this.props.PlusMinusNudges.filter((item) => this.props.api.scopeApi.isColumnInScopeColumns(this.props.summarisedColumn, item.Scope)), this.props.moduleInfo.FriendlyName), onNew: () => this.onNew(), newButtonTooltip: 'Plus / Minus Rule', accessLevel: this.props.accessLevel }));
+        let titleRow = (React.createElement(ModuleHeader_1.ModuleHeader, { key: this.props.moduleInfo.FriendlyName, moduleInfo: this.props.moduleInfo, moduleSummary: Helper_1.Helper.returnItemCount(this.props.PlusMinusNudges.filter((item) => this.props.api.scopeApi.isColumnInScopeColumns(this.props.summarisedColumn, item.Scope)), this.props.moduleInfo.FriendlyName), onNew: () => this.onNew(), newButtonTooltip: 'Plus / Minus Rule', accessLevel: this.props.accessLevel }));
         moduleSummaries.push(titleRow);
         // existing items
         this.props.PlusMinusNudges.map((item, index) => {

package/src/View/StyledColumn/Wizard/StyledColumnBadgeSection.js

@@ -23,11 +23,10 @@ const BadgeEditor = (props) => {
     var _a, _b;
     const { api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const { badge, columnId, onChange } = props;
+    // badges evaluate predicate per value
     const predicateDefs = api.styledColumnApi.internalApi.getBadgePredicateDefsForColumn(columnId);
-    let previewValue = 'Hello world';
-    if (api.columnApi.getColumnDataTypeForColumnId(columnId) === 'Number') {
-        previewValue = '12345';
-    }
+    const dataType = api.columnApi.getColumnDataTypeForColumnId(columnId);
+    const previewValue = dataType === 'Number' || dataType == 'NumberArray' ? '12345' : 'Hello world';
     return (React.createElement(rebass_1.Flex, { className: "ab-Badge-Definition-Editor", mb: 15, p: 3 },
         React.createElement(rebass_1.Box, { flex: 1 },
             React.createElement(FormLayout_1.default, null,
@@ -42,11 +41,12 @@ const BadgeEditor = (props) => {
                                 } }),
                         ] },
                         React.createElement(SimpleButton_1.default, { variant: "raised" }, "Edit Badge Style"))),
+                !api.columnApi.hasArrayDataType(columnId) && ( // dont show predicates for arrays
                 React.createElement(FormLayout_1.FormRow, { label: 'Predicate' }, columnId ? (React.createElement(React.Fragment, null,
                     React.createElement(HelpBlock_1.default, { fontSize: 2, mb: 1, mt: 2 }, "Create (optional) Rule for when the Badge is displayed; if no Rule provided Badge will always display (unless overriden by another Rule)"),
                     React.createElement(PredicateEditor_1.PredicateEditor, { columnId: columnId, predicate: badge.Predicate, predicateDefs: predicateDefs, placeholder: "No Predicate Selected", onChange: (predicate) => {
                             onChange(Object.assign(Object.assign({}, badge), { Predicate: predicate }));
-                        }, onClear: () => onChange(Object.assign(Object.assign({}, badge), { Predicate: undefined })) }))) : (React.createElement(ErrorBox_1.default, null, "Select a column first"))),
+                        }, onClear: () => onChange(Object.assign(Object.assign({}, badge), { Predicate: undefined })) }))) : (React.createElement(ErrorBox_1.default, null, "Select a column first")))),
                 React.createElement(FormLayout_1.FormRow, { label: "Icon" },
                     React.createElement(HelpBlock_1.default, { fontSize: 2, mb: 1, mt: 2 }, "Select (optional) Icon (and Icon position) to display in the Badge"),
                     ' ',

package/src/View/StyledColumn/Wizard/StyledColumnWizardColumnSection.js

@@ -36,7 +36,7 @@ const StyledColumnWizardColumnSection = (props) => {
             sortableColumns = api.columnApi.getNumericArrayColumns();
         }
         else if (data.BadgeStyle) {
-            sortableColumns = [...api.columnApi.getNumericColumns(), ...api.columnApi.getStringColumns()];
+            sortableColumns = [...api.columnApi.getNumericColumns(), ...api.columnApi.getStringColumns(), ...api.columnApi.getStringArrayColumns(), ...api.columnApi.getNumberArrayColumns()];
         }
         else {
             sortableColumns = api.columnApi.getNumericColumns();

package/src/agGrid/Adaptable.d.ts

@@ -453,7 +453,7 @@ export declare class AdaptableNoCodeWizard implements IAdaptableNoCodeWizard {
     /**
      * @param adaptableOptions
      */
-    constructor(adaptableOptions: AdaptableOptions, extraOptions?: AdaptableNoCodeWizardOptions);
+    constructor(adaptableOptions: AdaptableOptions, extraOptions?: AdaptableNoCodeWizardOptions, agGridOptons?: AgGridConfig);
     render(container?: HTMLElement | null): void;
 }
 export {};

package/src/agGrid/Adaptable.js

@@ -299,14 +299,23 @@ class Adaptable {
     static async initInternal(adaptableOptions, runtimeConfig) {
         let promise = null;
         if (Array.isArray(adaptableOptions.plugins)) {
+            const agGridOptions = {
+                gridOptions: runtimeConfig.gridOptions,
+                modules: runtimeConfig.modules,
+            };
             // do this
             for (let plugin of adaptableOptions.plugins) {
                 promise =
                     promise && promise.then
                         ? promise.then(() => {
-                            return plugin.beforeInit(adaptableOptions, runtimeConfig.gridOptions);
+                            return plugin.beforeInit(adaptableOptions, agGridOptions);
                         })
-                        : plugin.beforeInit(adaptableOptions, runtimeConfig.gridOptions);
+                        : plugin.beforeInit(adaptableOptions, agGridOptions);
+            }
+            // if gridOptions changed, we need to update the runtimeConfig
+            if (agGridOptions.gridOptions !== runtimeConfig.gridOptions) {
+                // This allows plugins to modify
+                runtimeConfig.gridOptions = agGridOptions.gridOptions;
             }
             // instead of
             // if (Array.isArray(adaptableOptions.plugins)) {
@@ -317,11 +326,6 @@ class Adaptable {
             // because this await for of introduces too much delay
         }
         const doInit = (ab) => {
-            // required for NoCode
-            // it should go away with https://github.com/AdaptableTools/adaptable/issues/2278
-            if (adaptableOptions._gridOptions) {
-                runtimeConfig.gridOptions = adaptableOptions._gridOptions;
-            }
             return ab.init(adaptableOptions, runtimeConfig, true).then((api) => {
                 if (Array.isArray(adaptableOptions.plugins)) {
                     adaptableOptions.plugins.forEach((plugin) => {
@@ -394,7 +398,6 @@ class Adaptable {
         this.gridOptions = this.runtimeConfig.gridOptions;
         // we create AdaptableOptions by merging the values provided by the user with the defaults (where no value has been set)
         this.adaptableOptions = AdaptableHelper_1.default.assignAdaptableOptions(adaptableOptions);
-        this.adaptableOptions._gridOptions = this.gridOptions;
         if (this.hasAutogeneratedPrimaryKey()) {
             this.logger
                 .warn(`Autogenerated primary key (adaptableOptions.autogeneratedPrimaryKey = TRUE) should be used only as a last resort,
@@ -5221,15 +5224,14 @@ class AdaptableNoCodeWizard {
     /**
      * @param adaptableOptions
      */
-    constructor(adaptableOptions, extraOptions = {}) {
-        var _a;
+    constructor(adaptableOptions, extraOptions = {}, agGridOptons) {
         const defaultInit = async ({ gridOptions, adaptableOptions, agGridModules, }) => {
             return await Adaptable.init(adaptableOptions, { gridOptions, modules: agGridModules });
         };
         this.adaptableOptions = adaptableOptions;
         this.init = extraOptions.onInit || defaultInit;
         this.extraOptions = extraOptions;
-        this.agGridModules = core_1.ModuleRegistry.__getRegisteredModules((_a = this.adaptableOptions._gridOptions) === null || _a === void 0 ? void 0 : _a.gridId);
+        this.agGridModules = core_1.ModuleRegistry.__getRegisteredModules(agGridOptons === null || agGridOptons === void 0 ? void 0 : agGridOptons.gridOptions.gridId);
         this.render();
     }
     render(container) {
@@ -5256,7 +5258,6 @@ class AdaptableNoCodeWizard {
         const unmount = (0, renderReactRoot_1.renderReactRoot)(React.createElement(AdaptableWizardView_1.default, Object.assign(Object.assign({ adaptableOptions: this.adaptableOptions }, this.extraOptions), { onInit: (adaptableOptions, gridOptions) => {
                 container.classList.remove('adaptable--in-wizard');
                 unmount();
-                adaptableOptions._gridOptions = gridOptions;
                 this.init({
                     adaptableOptions,
                     gridOptions: gridOptions,