@adaptabletools/adaptable 11.1.4 → 11.1.7

package/src/View/Alert/Wizard/AlertBehaviourWizardSection.js

@@ -9,6 +9,39 @@ const CheckBox_1 = require("../../../components/CheckBox");
 const CodeBlock_1 = require("../../../components/CodeBlock");
 const rebass_1 = require("rebass");
 const ValueSelector_1 = require("../../Components/ValueSelector");
+const StyleComponent_1 = require("../../Components/StyleComponent");
+const DropdownButton_1 = tslib_1.__importDefault(require("../../../components/DropdownButton"));
+const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
+const AdaptableContext_1 = require("../../AdaptableContext");
+const StylePreview_1 = require("../../../components/StylePreview");
+const HighlightStyle = (props) => {
+    const adaptable = AdaptableContext_1.useAdaptable();
+    const options = [
+        {
+            label: 'Use Message Type',
+            onClick: () => {
+                props.onChange(true);
+            },
+        },
+        {
+            label: 'Custom Style',
+            onClick: () => {
+                const initialStyle = ObjectFactory_1.default.CreateEmptyStyle();
+                props.onChange(initialStyle);
+            },
+        },
+    ];
+    return (React.createElement(React.Fragment, null,
+        React.createElement(rebass_1.Flex, null,
+            React.createElement(CheckBox_1.CheckBox, { mr: 2, style: { alignItems: 'flex-start' }, checked: Boolean(props.highlight), onChange: (checked) => {
+                    props.onChange(checked);
+                } }, props.label),
+            Boolean(props.highlight) && (React.createElement(DropdownButton_1.default, { items: options }, typeof props.highlight === 'boolean' ? (React.createElement(rebass_1.Text, { fontSize: 2, mt: 1 }, "Use Message Type")) : (React.createElement(rebass_1.Text, { fontSize: 2, mt: 1 }, "Custom Style"))))),
+        typeof props.highlight === 'object' && (React.createElement(rebass_1.Box, { paddingLeft: 3 },
+            React.createElement(StyleComponent_1.StyleComponent, { headless: true, api: adaptable.api, Style: props.highlight, UpdateStyle: (style) => {
+                    props.onChange(style);
+                } })))));
+};
 // both used in wizard and list view
 exports.renderAlertBehaviourSummary = (alert, api, allowWrap = false) => {
     const { AlertProperties = {} } = alert;
@@ -31,7 +64,15 @@ exports.renderAlertBehaviourSummary = (alert, api, allowWrap = false) => {
     if (!values.length) {
         values.push({ label: 'No behaviour selected', id: 'none' });
     }
-    return (React.createElement(ValueSelector_1.ValueOptionsTags, { allowWrap: allowWrap, options: values, value: values.map((v) => v.id), readOnly: true, toIdentifier: (x) => x.id, toLabel: (x) => React.createElement(React.Fragment, null, x.label) }));
+    return (React.createElement(ValueSelector_1.ValueOptionsTags, { allowWrap: allowWrap, options: values, value: values.map((v) => v.id), readOnly: true, toIdentifier: (x) => x.id, toLabel: (x) => {
+            if (x.id === 'highlightCell' && typeof AlertProperties.HighlightCell === 'object') {
+                return (React.createElement(StylePreview_1.StylePreview, { padding: 0, mt: 0, styleObject: AlertProperties.HighlightCell }, "Highlight Cell"));
+            }
+            if (x.id === 'highlightRow' && typeof AlertProperties.HighlightRow === 'object') {
+                return (React.createElement(StylePreview_1.StylePreview, { padding: 0, mt: 0, styleObject: AlertProperties.HighlightRow }, "Highlight Row"));
+            }
+            return React.createElement(React.Fragment, null, x.label);
+        } }));
 };
 exports.AlertBehaviourWizardSection = (props) => {
     const { data, api } = OnePageAdaptableWizard_1.useOnePageWizardContext();
@@ -52,16 +93,12 @@ exports.AlertBehaviourWizardSection = (props) => {
                 } },
                 "Prevent Cell Edit",
                 React.createElement(rebass_1.Text, { fontSize: 2, mt: 1 }, "(automatically undo data change which triggered Alert)"))),
-            cellChangedAlert && (React.createElement(CheckBox_1.CheckBox, { style: { alignItems: 'flex-start' }, checked: Boolean(AlertProperties.HighlightCell), onChange: (HighlightCell) => {
+            cellChangedAlert && (React.createElement(HighlightStyle, { highlight: AlertProperties.HighlightCell, label: "Highlight Cell", onChange: (HighlightCell) => {
                     onChange({ HighlightCell });
-                } },
-                "Highlight Cell",
-                React.createElement(rebass_1.Text, { fontSize: 2, mt: 1 }, "(using the Alert message type)"))),
-            rowAddedAlert && (React.createElement(CheckBox_1.CheckBox, { style: { alignItems: 'flex-start' }, checked: Boolean(AlertProperties.HighlightRow), onChange: (HighlightRow) => {
+                } })),
+            rowAddedAlert && (React.createElement(HighlightStyle, { highlight: AlertProperties.HighlightRow, label: "Highlight Row", onChange: (HighlightRow) => {
                     onChange({ HighlightRow });
-                } },
-                "Highlight Row",
-                React.createElement(rebass_1.Text, { fontSize: 2, mt: 1 }, "(using the Alert message type)"))),
+                } })),
             cellChangedAlert && (React.createElement(CheckBox_1.CheckBox, { checked: AlertProperties.JumpToCell, onChange: (JumpToCell) => {
                     onChange({ JumpToCell });
                 } }, "Jump To Cell")),

package/src/View/Alert/Wizard/AlertWizard.js

@@ -78,7 +78,7 @@ exports.AlertWizard = (props) => {
         };
         if (alertDefinition.AlertForm && typeof alertDefinition.AlertForm !== 'string') {
             const alertButtons = (_a = alertDefinition.AlertForm) === null || _a === void 0 ? void 0 : _a.Buttons;
-            alertButtons.forEach((alertButton) => {
+            alertButtons === null || alertButtons === void 0 ? void 0 : alertButtons.forEach((alertButton) => {
                 const alertAction = alertButton.Action;
                 if (Array.isArray(alertAction)) {
                     alertButton.Action = alertAction
@@ -89,29 +89,27 @@ exports.AlertWizard = (props) => {
                     alertButton.Action = mapValidButtonActions(alertAction);
                 }
             });
-            // map Alert Properties(Behaviour)
-            if (isCellChangeAlert) {
-                alertDefinition.AlertProperties.HighlightCell =
-                    alertDefinition.AlertProperties.HighlightRow;
-                delete alertDefinition.AlertProperties.HighlightRow;
-                alertDefinition.AlertProperties.JumpToCell = alertDefinition.AlertProperties.JumpToRow;
-                delete alertDefinition.AlertProperties.JumpToRow;
-            }
-            if (isAddedRowChangeAlert) {
-                alertDefinition.AlertProperties.HighlightRow =
-                    alertDefinition.AlertProperties.HighlightCell;
-                delete alertDefinition.AlertProperties.HighlightCell;
-                alertDefinition.AlertProperties.JumpToRow = alertDefinition.AlertProperties.JumpToCell;
-                delete alertDefinition.AlertProperties.JumpToCell;
-                delete alertDefinition.AlertProperties.PreventEdit;
-            }
-            if (isRemovedRowChangeAlert) {
-                delete alertDefinition.AlertProperties.PreventEdit;
-                delete alertDefinition.AlertProperties.HighlightRow;
-                delete alertDefinition.AlertProperties.JumpToRow;
-                delete alertDefinition.AlertProperties.HighlightCell;
-                delete alertDefinition.AlertProperties.JumpToCell;
-            }
+        }
+        // map Alert Properties(Behaviour)
+        if (isCellChangeAlert) {
+            alertDefinition.AlertProperties.HighlightCell = alertDefinition.AlertProperties.HighlightRow;
+            delete alertDefinition.AlertProperties.HighlightRow;
+            alertDefinition.AlertProperties.JumpToCell = alertDefinition.AlertProperties.JumpToRow;
+            delete alertDefinition.AlertProperties.JumpToRow;
+        }
+        if (isAddedRowChangeAlert) {
+            alertDefinition.AlertProperties.HighlightRow = alertDefinition.AlertProperties.HighlightCell;
+            delete alertDefinition.AlertProperties.HighlightCell;
+            alertDefinition.AlertProperties.JumpToRow = alertDefinition.AlertProperties.JumpToCell;
+            delete alertDefinition.AlertProperties.JumpToCell;
+            delete alertDefinition.AlertProperties.PreventEdit;
+        }
+        if (isRemovedRowChangeAlert) {
+            delete alertDefinition.AlertProperties.PreventEdit;
+            delete alertDefinition.AlertProperties.HighlightRow;
+            delete alertDefinition.AlertProperties.JumpToRow;
+            delete alertDefinition.AlertProperties.HighlightCell;
+            delete alertDefinition.AlertProperties.JumpToCell;
         }
         setAlertDefinition(alertDefinition);
     };

package/src/View/CalculatedColumn/Wizard/CalculatedColumnSettingsWizardSection.js

@@ -90,15 +90,15 @@ exports.CalculatedColumnSettingsWizardSection = (props) => {
                 React.createElement(rebass_1.Flex, { flexDirection: "row" },
                     React.createElement(FormLayout_1.default, null,
                         React.createElement(FormLayout_1.FormRow, { label: "Id" },
-                            React.createElement(Input_1.default, { value: data.ColumnId || '', width: 300, autoFocus: !inEdit, disabled: inEdit, type: "text", placeholder: "Enter an Id for the column", onChange: handleColumnIdChange })),
+                            React.createElement(Input_1.default, { "data-name": "column-id", value: data.ColumnId || '', width: 300, autoFocus: !inEdit, disabled: inEdit, type: "text", placeholder: "Enter an Id for the column", onChange: handleColumnIdChange })),
                         React.createElement(FormLayout_1.FormRow, { label: "Name" },
-                            React.createElement(Input_1.default, { autoFocus: inEdit, onFocus: () => {
+                            React.createElement(Input_1.default, { "data-name": "column-name", autoFocus: inEdit, onFocus: () => {
                                     setColumnNameFocused(true);
                                 }, onBlur: () => {
                                     setColumnNameFocused(false);
                                 }, value: ColumnNameFocused ? ColumnName || '' : ColumnName || ColumnId || '', width: 300, type: "text", placeholder: "Enter column name", onChange: handleColumnNameChange })),
                         React.createElement(FormLayout_1.FormRow, { label: "Type" },
-                            React.createElement(DropdownButton_1.default, { style: {
+                            React.createElement(DropdownButton_1.default, { "data-name": "column-type", style: {
                                     width: '300px',
                                     whiteSpace: 'normal',
                                     overflow: 'hidden',
@@ -109,11 +109,11 @@ exports.CalculatedColumnSettingsWizardSection = (props) => {
                                     onClick: () => handleDataTypeChange(item.value),
                                 })) }, dataType ? dataType : 'Select Data Type')),
                         React.createElement(FormLayout_1.FormRow, { label: "Width" },
-                            React.createElement(Input_1.default, { type: "number", width: 300, value: Width || '', onChange: (e) => handleSpecialColumnSettingsChange({
+                            React.createElement(Input_1.default, { "data-name": "column-width", type: "number", width: 300, value: Width || '', onChange: (e) => handleSpecialColumnSettingsChange({
                                     Width: Number(e.target.value),
                                 }) })),
                         React.createElement(FormLayout_1.FormRow, { label: "" },
-                            React.createElement(CheckBox_1.CheckBox, { onChange: (checked) => handleSpecialColumnSettingsChange({ ShowToolTip: checked }), checked: ShowToolTip }, "Show Expression as Tooltip")))))),
+                            React.createElement(CheckBox_1.CheckBox, { "data-name": "column-show-tooltip", onChange: (checked) => handleSpecialColumnSettingsChange({ ShowToolTip: checked }), checked: ShowToolTip }, "Show Expression as Tooltip")))))),
         ErrorMessage ? React.createElement(ErrorBox_1.default, { marginTop: 2 }, ErrorMessage) : null,
         React.createElement(SpecialColumnSettingsWizardStep_1.SpecialColumnSettingsWizardStep, { isEditable: false, settings: data.CalculatedColumnSettings, onChange: handleSpecialColumnSettingsChange })));
 };

package/src/View/Components/AdaptableObjectList/AdaptableObjectList.js

@@ -17,7 +17,7 @@ const SuspendToggleButton_1 = require("../Buttons/SuspendToggleButton/SuspendTog
 const ValueSelector_1 = require("../ValueSelector");
 const ICON_SIZE = 26;
 exports.AdaptableObjectListItem = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const adaptable = AdaptableContext_1.useAdaptable();
     const dispatch = react_redux_1.useDispatch();
     const [isEditWizardVisible, setIsEditWizardVisible] = React.useState(false);
@@ -56,8 +56,8 @@ exports.AdaptableObjectListItem = (props) => {
         });
     });
     const isEditDisabled = !Boolean(EditWizard || viewOptions.onOpenEditPopup);
-    return (React.createElement(rebass_1.Flex, { as: "li", mb: 3, className: itemClassName },
-        React.createElement(rebass_1.Box, { flex: 1, className: `${baseClassName}__rows` }, (_g = props.data.items) === null || _g === void 0 ? void 0 : _g.map((tag, index) => {
+    return (React.createElement(rebass_1.Flex, { "data-name": "adaptable-object-list-item", "data-value": props.data.abObject.Uuid, as: "li", mb: 3, className: itemClassName },
+        React.createElement(rebass_1.Box, { flex: 1, className: `${baseClassName}__rows` }, (_j = (_h = (_g = props.data.items).filter) === null || _h === void 0 ? void 0 : _h.call(_g, Boolean)) === null || _j === void 0 ? void 0 : _j.map((tag, index) => {
             var _a;
             return (React.createElement(rebass_1.Flex, { "data-name": tag.name, key: index, mb: 2, className: `${baseClassName}__row` },
                 React.createElement(rebass_1.Box, { className: `${baseClassName}__label`, mr: 3 },

package/src/View/Components/Popups/AdaptablePopup/AdaptablePopupModuleView.js

@@ -82,7 +82,7 @@ exports.AdaptablePopupModuleView = (props) => {
             props.onClosePopup();
         }
     };
-    return (React.createElement(PopupPanel_1.PopupPanel, { glyphicon: moduleInfo.Glyph, infoLink: moduleInfo.HelpPage, headerText: moduleInfo.FriendlyName, button: newButton },
+    return (React.createElement(PopupPanel_1.PopupPanel, { glyphicon: moduleInfo.Glyph, infoLink: moduleInfo.HelpPage, headerText: moduleInfo.FriendlyName, button: newButton, infoLinkDisabled: !props.api.internalApi.isDocumentationLinksDisplayed() },
         (items === null || items === void 0 ? void 0 : items.length) ? (React.createElement(AdaptableObjectList_1.AdaptableObjectList, { module: props.module, items: items })) : (React.createElement(EmptyContent_1.default, null, emptyContent !== null && emptyContent !== void 0 ? emptyContent : `Click 'New' to create a new ${moduleInfo.FriendlyName}`)),
         isWizardOpen && EditWizard && (React.createElement(EditWizard, { abObjectType: abObjectType, moduleInfo: moduleInfo, data: null, popupParams: props.popupParams, configEntities: null, onCloseWizard: handleWizardClose, onFinishWizard: handleWizardClose }))));
 };

package/src/View/Components/Selectors/ColumnSelector.js

@@ -37,7 +37,7 @@ class ColumnSelector extends React.Component {
         let currentColumnName = selectedColumnIds.length > 0
             ? (_a = this.props.ColumnList.find((c) => c.columnId == selectedColumnIds[0])) === null || _a === void 0 ? void 0 : _a.friendlyName : 'Select a column';
         return (React.createElement("div", { "data-name": 'column-selector' },
-            React.createElement(FormLayout_1.default, { columns: [1], style: this.props.style },
+            React.createElement(FormLayout_1.default, { columns: [{ name: 'columnSelector', style: { display: 'flex' } }], style: this.props.style },
                 React.createElement(FormLayout_1.FormRow, null,
                     React.createElement(DropdownButton_1.default, { marginRight: 2, columns: ['label'], showClearButton: currentColumnName != 'Select a column', onClear: () => this.onClearButton(), style: { width: '100%', fontSize: 'small' }, className: "ab-DashboardToolbar__Layout__select", items: sortedColumnOptions, disabled: sortedColumnOptions.length == 0 }, currentColumnName)))));
     }

package/src/View/DataChangeHistory/DataChangeHistoryPopup.js

@@ -53,9 +53,7 @@ class DataChangeHistoryPopupComponent extends React.Component {
                 this.props.api.dataChangeHistoryApi.undoDataChangeHistoryEntry(changeToBeUndone);
             }
         };
-        const currentAgGridTheme = this.props.api.internalApi
-            .getAdaptableInstance()
-            .getAgGridCurrentThemeName();
+        const currentAgGridTheme = this.props.api.themeApi.getAgGridCurrentThemeName();
         return (React.createElement(PopupPanel_1.PopupPanel, { headerText: this.props.moduleInfo.FriendlyName, glyphicon: this.props.moduleInfo.Glyph, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed() },
             React.createElement(rebass_1.Flex, { className: "ab-DataChangeHistoryPopup", flexDirection: "column", style: { height: '100%' } },
                 React.createElement(rebass_1.Flex, { style: {

package/src/View/FormatColumn/Wizard/FormatColumnFormatWizardSection.js

@@ -307,7 +307,11 @@ const renderStringFormat = (data, _onChange, setFormatOption) => {
                             React.createElement(Radio_1.default, { marginLeft: 2, checked: data.DisplayFormat.Options.Case == 'Upper', onChange: (checked) => setFormatOption('Case', 'Upper') }, "Upper"),
                             React.createElement(Radio_1.default, { marginLeft: 2, checked: data.DisplayFormat.Options.Case == 'Sentence', onChange: (checked) => setFormatOption('Case', 'Sentence') }, "Sentence"),
                             React.createElement(Radio_1.default, { marginLeft: 2, checked: data.DisplayFormat.Options.Case == undefined, onChange: (checked) => setFormatOption('Case', undefined) }, "None"),
-                            React.createElement(CheckBox_1.CheckBox, { marginLeft: 5, checked: data.DisplayFormat.Options.Trim, onChange: (checked) => setFormatOption('Trim', checked) }, "Trim")))))),
+                            React.createElement(CheckBox_1.CheckBox, { marginLeft: 5, checked: data.DisplayFormat.Options.Trim, onChange: (checked) => setFormatOption('Trim', checked) }, "Trim")),
+                        React.createElement(FormLayout_1.FormRow, { label: "Prefix" },
+                            React.createElement(Input_1.default, { value: data.DisplayFormat.Options.Prefix, onChange: (e) => setFormatOption('Prefix', e.currentTarget.value) })),
+                        React.createElement(FormLayout_1.FormRow, { label: "Suffix" },
+                            React.createElement(Input_1.default, { value: data.DisplayFormat.Options.Suffix, onChange: (e) => setFormatOption('Suffix', e.currentTarget.value) })))))),
         React.createElement(Tabs_1.Tabs, { marginTop: 2, keyboardNavigation: false },
             React.createElement(Tabs_1.Tabs.Tab, null, "Example"),
             React.createElement(Tabs_1.Tabs.Content, null,

package/src/View/FormatColumn/Wizard/FormatColumnStyleWizardSection.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FormatColumn } from '../../../PredefinedConfig/FormatColumnState';
 import { AdaptableApi } from '../../../Api/AdaptableApi';
-export declare const isFormatColumnStyleValid: (data: FormatColumn, api: AdaptableApi) => true | "No format applied";
+export declare const isFormatColumnStyleValid: (data: FormatColumn, api: AdaptableApi) => true | "No format applied" | "Invalid Cell Range" | "Invalid Column Comparison Range";
 declare type FormatColumnStyleWizardSectionProps = {
     onChange: (data: FormatColumn) => void;
 };

package/src/View/FormatColumn/Wizard/FormatColumnStyleWizardSection.js

@@ -17,6 +17,7 @@ const ColorPicker_1 = require("../../ColorPicker");
 const UIHelper_1 = tslib_1.__importStar(require("../../UIHelper"));
 const StyleVisualItem_1 = require("../../Components/StyleVisualItem");
 exports.isFormatColumnStyleValid = (data, api) => {
+    var _a, _b, _c, _d, _e;
     if (!data.ColumnStyle &&
         data.Style &&
         UIHelper_1.default.IsEmptyStyle(data.Style) &&
@@ -26,6 +27,17 @@ exports.isFormatColumnStyleValid = (data, api) => {
         !api.scopeApi.isSingleBooleanColumnScope(data.Scope)) {
         return 'No format applied';
     }
+    if ((_c = (_b = (_a = data.ColumnStyle) === null || _a === void 0 ? void 0 : _a.PercentBarStyle) === null || _b === void 0 ? void 0 : _b.CellRanges) === null || _c === void 0 ? void 0 : _c.length) {
+        if (data.ColumnStyle.PercentBarStyle.CellRanges.some((cellRange) => cellRange.Min == undefined || cellRange.Max == undefined)) {
+            return 'Invalid Cell Range';
+        }
+    }
+    if ((_e = (_d = data.ColumnStyle) === null || _d === void 0 ? void 0 : _d.PercentBarStyle) === null || _e === void 0 ? void 0 : _e.ColumnComparison) {
+        if (data.ColumnStyle.PercentBarStyle.ColumnComparison.MinValue == undefined ||
+            data.ColumnStyle.PercentBarStyle.ColumnComparison.MaxValue == undefined) {
+            return 'Invalid Column Comparison Range';
+        }
+    }
     return true;
 };
 const toStyle = (style) => {
@@ -95,7 +107,8 @@ function FormatColumnStyleWizardSection(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7;
     const { data, api } = OnePageAdaptableWizard_1.useOnePageWizardContext();
     const singleNumericColumn = api.scopeApi.isSingleNumericColumnScope(data.Scope);
-    const singleBooleanColumn = api.scopeApi.isSingleBooleanColumnScope(data.Scope);
+    const onlyBooleanColumnsInScope = api.scopeApi.areAllBooleanColumnsInScope(data.Scope) ||
+        api.scopeApi.scopeHasOnlyBooleanDataType(data.Scope);
     const onPercentBarCellTextCellValueChanged = (checked) => {
         var _a;
         let percentBarStyle = (_a = data.ColumnStyle) === null || _a === void 0 ? void 0 : _a.PercentBarStyle;
@@ -259,7 +272,7 @@ function FormatColumnStyleWizardSection(props) {
         }
     };
     return (React.createElement(React.Fragment, null,
-        singleBooleanColumn && (React.createElement(Tabs_1.Tabs, null,
+        onlyBooleanColumnsInScope && (React.createElement(Tabs_1.Tabs, null,
             React.createElement(Tabs_1.Tabs.Tab, null, "CheckBox Column"),
             React.createElement(Tabs_1.Tabs.Content, null,
                 React.createElement(HelpBlock_1.default, { fontSize: 2 }, "Shows each cell in the Column as a Checkbox"),

package/src/View/FormatColumn/Wizard/FormatColumnWizard.js

@@ -62,7 +62,8 @@ const adjustDisplayFormat = (formatColumn, api) => {
 const adjustFormatColumn = (formatColumn, api) => {
     formatColumn = adjustDisplayFormat(formatColumn, api);
     if (!api.scopeApi.isSingleNumericColumnScope(formatColumn.Scope) &&
-        !api.scopeApi.isSingleBooleanColumnScope(formatColumn.Scope)) {
+        !(api.scopeApi.areAllBooleanColumnsInScope(formatColumn.Scope) ||
+            api.scopeApi.scopeHasOnlyBooleanDataType(formatColumn.Scope))) {
         // when people change the scope and select more than one (numeric) column
         // we have to discard any column style we might have
         delete formatColumn.ColumnStyle;

package/src/View/GridInfo/AdaptableObjectsSummary.js

@@ -19,7 +19,7 @@ exports.AdaptableObjectsSummary = () => {
         if (!(items === null || items === void 0 ? void 0 : items.length)) {
             return null;
         }
-        return (React.createElement("div", null,
+        return (React.createElement("div", { key: module.moduleInfo.ModuleName },
             React.createElement("b", null, module.moduleInfo.FriendlyName),
             (items === null || items === void 0 ? void 0 : items.length) && React.createElement(AdaptableObjectList_1.AdaptableObjectList, { items: items, module: module })));
     })));

package/src/View/Wizard/OnePageAdaptableWizard.js

@@ -162,7 +162,7 @@ exports.OnePageAdaptableWizard = (props) => {
                                 navIndexMap.set(navIndex, index);
                                 const active = index === currentSection;
                                 const disabled = false; //!active && !currentSectionValid;
-                                return (React.createElement(rebass_1.Flex, { className: "ab-OnePageWizard__section-title", flexDirection: "row", style: {
+                                return (React.createElement(rebass_1.Flex, { className: "ab-OnePageWizard__section-title", "data-name": section.title, flexDirection: "row", style: {
                                         cursor: disabled ? 'auto' : 'pointer',
                                         zIndex: 10,
                                         transition: 'color 0.2s',

package/src/agGrid/Adaptable.js

@@ -344,15 +344,15 @@ class Adaptable {
         this.initStore();
         // create the services
         this.LicenseService = this.initLicenseService();
-        this.ValidationService = new ValidationService_1.ValidationService(this);
-        this.ReportService = new ReportService_1.ReportService(this);
-        this.ModuleService = new ModuleService_1.ModuleService(this);
-        this.CalculatedColumnExpressionService = new CalculatedColumnExpressionService_1.CalculatedColumnExpressionService(this);
-        this.EntitlementService = new EntitlementService_1.EntitlementService(this);
-        this.QueryLanguageService = new QueryLanguageService_1.QueryLanguageService(this);
-        this.AlertService = new AlertService_1.AlertService(this);
-        this.TeamSharingService = new TeamSharingService_1.TeamSharingService(this);
-        this.MetamodelService = new MetamodelService_1.MetamodelService(this);
+        this.ValidationService = new ValidationService_1.ValidationService(this.api);
+        this.ReportService = new ReportService_1.ReportService(this.api);
+        this.ModuleService = new ModuleService_1.ModuleService(this.api);
+        this.CalculatedColumnExpressionService = new CalculatedColumnExpressionService_1.CalculatedColumnExpressionService(this.api);
+        this.EntitlementService = new EntitlementService_1.EntitlementService(this.api);
+        this.QueryLanguageService = new QueryLanguageService_1.QueryLanguageService(this.api);
+        this.AlertService = new AlertService_1.AlertService(this.api);
+        this.TeamSharingService = new TeamSharingService_1.TeamSharingService(this.api);
+        this.MetamodelService = new MetamodelService_1.MetamodelService(this.api);
         this.forPlugins((plugin) => plugin.afterInitServices(this));
         // Set up Modules - we set up all the Modules suitable for AG Grid
         // But users can make some hidden or readonly in their entitlements
@@ -3357,9 +3357,9 @@ class Adaptable {
     }
     getFormatColumnComparisonChanges(dataChangedScope, cellDataChangedInfos) {
         this.api.formatColumnApi.getAllFormatColumn().forEach((fc) => {
-            let columnComparision = this.api.formatColumnApi.getColumnComparisonForFormatColumn(fc);
-            if (columnComparision) {
-                let affectedColumnIds = this.api.formatColumnApi.getColumnIdsFromColumnComparison(columnComparision);
+            let columnComparison = this.api.formatColumnApi.getColumnComparisonForFormatColumn(fc);
+            if (columnComparison) {
+                let affectedColumnIds = this.api.formatColumnApi.getColumnIdsFromColumnComparison(columnComparison);
                 if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(affectedColumnIds)) {
                     cellDataChangedInfos.forEach((cellDataChangedInfo) => {
                         if (affectedColumnIds.includes(cellDataChangedInfo.column.columnId)) {

package/src/agGrid/agGridMenuHelper.js

@@ -249,6 +249,7 @@ class agGridMenuHelper {
             rowNode: params.node,
             isGroupedNode: params.node ? params.node.group : false,
             isSingleSelectedColumn: isSingleSelectedColumn,
+            isSingleSelectedCell: isSelectedCell && (selectedCellInfo === null || selectedCellInfo === void 0 ? void 0 : selectedCellInfo.gridCells.length) == 1,
             primaryKeyValue: clickedCell ? clickedCell.primaryKeyValue : undefined,
             adaptableApi: this.adaptable.api,
             selectedCellInfo: selectedCellInfo,

package/src/components/StylePreview.js

@@ -6,6 +6,6 @@ const React = tslib_1.__importStar(require("react"));
 const rebass_1 = require("rebass");
 const StyleHelper_1 = require("../Utilities/Helpers/StyleHelper");
 exports.StylePreview = (props) => {
-    var _a;
-    return (React.createElement(rebass_1.Box, Object.assign({}, props, { padding: 2, mt: 2, style: Object.assign(Object.assign({}, StyleHelper_1.toStyle(props.styleObject)), props.style) }), (_a = props.children) !== null && _a !== void 0 ? _a : 'Preview result'));
+    var _a, _b, _c;
+    return (React.createElement(rebass_1.Box, Object.assign({}, props, { padding: (_a = props.padding) !== null && _a !== void 0 ? _a : 2, mt: (_b = props.mt) !== null && _b !== void 0 ? _b : 2, style: Object.assign(Object.assign({}, StyleHelper_1.toStyle(props.styleObject)), props.style) }), (_c = props.children) !== null && _c !== void 0 ? _c : 'Preview result'));
 };

package/src/components/icons/analysis.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/src/components/icons/analysis.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
+exports.default = (props) => (React.createElement(DefaultIcon_1.default, Object.assign({}, props),
+    React.createElement("path", { d: "M6.5 10h-2v7h2v-7zm6 0h-2v7h2v-7zm8.5 9H2v2h19v-2zm-2.5-9h-2v7h2v-7zm-7-6.74L16.71 6H6.29l5.21-2.74m0-2.26L2 6v2h19V6l-9.5-5z" }),
+    ' '));

package/src/components/icons/call.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/src/components/icons/call.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
+exports.default = (props) => (React.createElement(DefaultIcon_1.default, Object.assign({}, props),
+    React.createElement("path", { d: "M6.54 5c.06.89.21 1.76.45 2.59l-1.2 1.2c-.41-1.2-.67-2.47-.76-3.79h1.51m9.86 12.02c.85.24 1.72.39 2.6.45v1.49c-1.32-.09-2.59-.35-3.8-.75l1.2-1.19M7.5 3H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.49c0-.55-.45-1-1-1-1.24 0-2.45-.2-3.57-.57-.1-.04-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.45-5.15-3.76-6.59-6.59l2.2-2.2c.28-.28.36-.67.25-1.02C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1z" })));

package/src/components/icons/chat.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/src/components/icons/chat.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
+exports.default = (props) => (React.createElement(DefaultIcon_1.default, Object.assign({}, props),
+    React.createElement("path", { d: "M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z" }),
+    ' '));

package/src/components/icons/index.js

@@ -13,14 +13,17 @@ const triangle_down_1 = tslib_1.__importDefault(require("./triangle-down"));
 const check_1 = tslib_1.__importDefault(require("./check"));
 const attach_file_1 = tslib_1.__importDefault(require("./attach-file"));
 const plus_1 = tslib_1.__importDefault(require("./plus"));
+const person_1 = tslib_1.__importDefault(require("./person"));
 const clear_1 = tslib_1.__importDefault(require("./clear"));
 const clone_1 = tslib_1.__importDefault(require("./clone"));
+const chat_1 = tslib_1.__importDefault(require("./chat"));
 const query_1 = tslib_1.__importDefault(require("./query"));
 const info_1 = tslib_1.__importDefault(require("./info"));
 const alert_1 = tslib_1.__importDefault(require("./alert"));
 const list_1 = tslib_1.__importDefault(require("./list"));
 const smart_edit_1 = tslib_1.__importDefault(require("./smart-edit"));
 const home_1 = tslib_1.__importDefault(require("./home"));
+const call_1 = tslib_1.__importDefault(require("./call"));
 const justify_1 = tslib_1.__importDefault(require("./justify"));
 const error_1 = tslib_1.__importDefault(require("./error"));
 const export_1 = tslib_1.__importDefault(require("./export"));
@@ -129,16 +132,26 @@ const regex_1 = tslib_1.__importDefault(require("./regex"));
 const track_changes_1 = tslib_1.__importDefault(require("./track-changes"));
 const menu_1 = tslib_1.__importDefault(require("./menu"));
 const LoggingHelper_1 = require("../../Utilities/Helpers/LoggingHelper");
+const quote_1 = tslib_1.__importDefault(require("./quote"));
+const news_1 = tslib_1.__importDefault(require("./news"));
+const instrument_1 = tslib_1.__importDefault(require("./instrument"));
+const analysis_1 = tslib_1.__importDefault(require("./analysis"));
 const allIcons = {
     // toolbars
     application: application_1.default,
     alert: alert_1.default,
+    analysis: analysis_1.default,
     'bulk-update': bulk_update_1.default,
     chart: chart_1.default,
     'cell-summary': cell_summary_1.default,
     'column-chooser': column_chooser_1.default,
     'column-add': column_add_1.default,
     'column-filter': column_filter_1.default,
+    person: person_1.default,
+    quote: quote_1.default,
+    call: call_1.default,
+    instrument: instrument_1.default,
+    news: news_1.default,
     'data-source': data_source_1.default,
     export: export_1.default,
     campaign: campaign_1.default,
@@ -153,6 +166,7 @@ const allIcons = {
     calendar: calendar_1.default,
     'cell-validation': cell_validation_1.default,
     'conditional-style': conditional_style_1.default,
+    chat: chat_1.default,
     'column-info': column_info_1.default,
     'custom-sort': custom_sort_1.default,
     dashboard: dashboard_1.default,

package/src/components/icons/instrument.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/src/components/icons/instrument.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
+exports.default = (props) => (React.createElement(DefaultIcon_1.default, Object.assign({}, props),
+    React.createElement("path", { d: "M15.82,7.22l-1,0.4c-0.21-0.16-0.43-0.29-0.67-0.39L14,6.17C13.98,6.07,13.9,6,13.8,6h-1.6c-0.1,0-0.18,0.07-0.19,0.17 l-0.15,1.06c-0.24,0.1-0.47,0.23-0.67,0.39l-1-0.4c-0.09-0.03-0.2,0-0.24,0.09l-0.8,1.38c-0.05,0.09-0.03,0.2,0.05,0.26l0.85,0.66 C10.02,9.73,10,9.87,10,10c0,0.13,0.01,0.26,0.03,0.39l-0.84,0.66c-0.08,0.06-0.1,0.17-0.05,0.25l0.8,1.39 c0.05,0.09,0.15,0.12,0.25,0.09l0.99-0.4c0.21,0.16,0.43,0.29,0.68,0.39L12,13.83c0.02,0.1,0.1,0.17,0.2,0.17h1.6 c0.1,0,0.18-0.07,0.2-0.17l0.15-1.06c0.24-0.1,0.47-0.23,0.67-0.39l0.99,0.4c0.09,0.04,0.2,0,0.24-0.09l0.8-1.39 c0.05-0.09,0.03-0.19-0.05-0.25l-0.83-0.66C15.99,10.26,16,10.13,16,10c0-0.14-0.01-0.27-0.03-0.39l0.85-0.66 c0.08-0.06,0.1-0.17,0.05-0.26l-0.8-1.38C16.02,7.22,15.91,7.19,15.82,7.22z M13,11.43c-0.79,0-1.43-0.64-1.43-1.43 S12.21,8.57,13,8.57s1.43,0.64,1.43,1.43S13.79,11.43,13,11.43z" }),
+    React.createElement("path", { d: "M19.94,9.06c-0.43-3.27-3.23-5.86-6.53-6.05C13.27,3,13.14,3,13,3C9.47,3,6.57,5.61,6.08,9l-1.93,3.48 C3.74,13.14,4.22,14,5,14h1v2c0,1.1,0.9,2,2,2h1v3h7v-4.68C18.62,15.07,20.35,12.24,19.94,9.06z M14.89,14.63L14,15.05V19h-3v-3H8 v-4H6.7l1.33-2.33C8.21,7.06,10.35,5,13,5c2.76,0,5,2.24,5,5C18,12.09,16.71,13.88,14.89,14.63z" })));

package/src/components/icons/news.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/src/components/icons/news.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
+exports.default = (props) => (React.createElement(DefaultIcon_1.default, Object.assign({}, props),
+    React.createElement("path", { d: "M16,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V8L16,3z M19,19H5V5h10v4h4V19z M7,17h10v-2H7V17z M12,7H7 v2h5V7z M7,13h10v-2H7V13z" }),
+    ' '));

package/src/components/icons/person.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/src/components/icons/person.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
+exports.default = (props) => (React.createElement(DefaultIcon_1.default, Object.assign({}, props),
+    React.createElement("path", { d: "M12 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 10c2.7 0 5.8 1.29 6 2H6c.23-.72 3.31-2 6-2m0-12C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 10c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" })));

package/src/components/icons/quote.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/src/components/icons/quote.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
+exports.default = (props) => (React.createElement(DefaultIcon_1.default, Object.assign({}, props),
+    React.createElement("path", { d: "M14,2H6C4.9,2,4,2.9,4,4v16c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V8L14,2z M6,20V4h7v4h5v12H6z M11,19h2v-1h1 c0.55,0,1-0.45,1-1v-3c0-0.55-0.45-1-1-1h-3v-1h4v-2h-2V9h-2v1h-1c-0.55,0-1,0.45-1,1v3c0,0.55,0.45,1,1,1h3v1H9v2h2V19z" })));