@adaptabletools/adaptable 16.0.0-canary.1 → 16.0.0-canary.3

package/src/View/DataChangeHistory/DataChangeHistoryGrid.js

@@ -9,7 +9,7 @@ const usePrevious_1 = tslib_1.__importDefault(require("../../components/utils/us
 const ModuleConstants_1 = require("../../Utilities/Constants/ModuleConstants");
 const buildActionColumnButton_1 = require("./buildActionColumnButton");
 const DataChangeHistoryGrid = (props) => {
-    const { changeHistoryLog, adaptableContainerId, agGridContainerId, onUndoChange } = props;
+    const { changeHistoryLog, adaptableContainerId, agGridContainerId, onUndoChange, onClearRow } = props;
     const mainAdaptableInstance = (0, AdaptableContext_1.useAdaptable)();
     const [_adaptableApi, setAdaptableApi] = (0, react_1.useState)(null);
     const adaptableApiRef = (0, react_1.useRef)(null);
@@ -22,14 +22,15 @@ const DataChangeHistoryGrid = (props) => {
     (0, react_1.useEffect)(() => {
         const initializeAdaptableGrid = async () => {
             const gridOptions = buildGridOptions(mainAdaptableInstance, changeHistoryLog);
-            const adaptableOptions = buildAdaptableOptions(mainAdaptableInstance, gridOptions, adaptableContainerId, agGridContainerId, undoChangeEnabled, onUndoChange);
-            const agGridOptions = {
+            const adaptableOptions = buildAdaptableOptions(mainAdaptableInstance, gridOptions, adaptableContainerId, agGridContainerId, undoChangeEnabled, onUndoChange, onClearRow);
+            const modules = mainAdaptableInstance.getAgGridRegisteredModules();
+            const agGridConfig = {
                 gridOptions,
-                modules: mainAdaptableInstance.getAgGridRegisteredModules(),
+                modules: modules,
             };
             // to avoid direct dependency to Adaptable.ts and thus creating a circular dependency;
             const adaptableInitFn = Object.getPrototypeOf(mainAdaptableInstance).constructor.init;
-            const dataChangeHistoryAdaptableApi = await adaptableInitFn(adaptableOptions, agGridOptions);
+            const dataChangeHistoryAdaptableApi = await adaptableInitFn(adaptableOptions, agGridConfig);
             setAdaptableApi(dataChangeHistoryAdaptableApi);
         };
         initializeAdaptableGrid();
@@ -76,7 +77,7 @@ const DataChangeHistoryGrid = (props) => {
     return React.createElement(React.Fragment, null);
 };
 exports.DataChangeHistoryGrid = DataChangeHistoryGrid;
-const buildAdaptableOptions = (mainAdaptableInstance, gridOptions, adaptableContainerId, agGridContainerId, undoChangeEnabled, onUndoChange) => {
+const buildAdaptableOptions = (mainAdaptableInstance, gridOptions, adaptableContainerId, agGridContainerId, undoChangeEnabled, onUndoChange, onClearRow) => {
     var _a, _b, _c;
     const mainAdaptableOptions = mainAdaptableInstance.adaptableOptions;
     const mainAdaptableTheme = mainAdaptableInstance.api.themeApi.getCurrentTheme();
@@ -85,7 +86,12 @@ const buildAdaptableOptions = (mainAdaptableInstance, gridOptions, adaptableCont
         const changeKey = rowData === null || rowData === void 0 ? void 0 : rowData['changeKey'];
         changeKey && onUndoChange(changeKey);
     };
-    const actionColumnButton = (0, buildActionColumnButton_1.buildActionColumnButton)((_a = mainAdaptableInstance.adaptableOptions) === null || _a === void 0 ? void 0 : _a.dataChangeHistoryOptions, mainAdaptableInstance.api, undoRowNode);
+    const clearRow = (rowNode) => {
+        const rowData = rowNode === null || rowNode === void 0 ? void 0 : rowNode.data;
+        const changeKey = rowData === null || rowData === void 0 ? void 0 : rowData['changeKey'];
+        changeKey && onClearRow(changeKey);
+    };
+    const actionColumnButton = (0, buildActionColumnButton_1.buildActionColumnButton)((_a = mainAdaptableInstance.adaptableOptions) === null || _a === void 0 ? void 0 : _a.dataChangeHistoryOptions, mainAdaptableInstance.api, undoRowNode, clearRow);
     let actionColumnOptions = undefined;
     if (actionColumnButton) {
         actionColumnOptions = {

package/src/View/DataChangeHistory/DataChangeHistoryPopup.js

@@ -52,6 +52,12 @@ class DataChangeHistoryPopupComponent extends React.Component {
                 this.props.api.dataChangeHistoryApi.undoDataChangeHistoryEntry(changeToBeUndone);
             }
         };
+        const handleClearRow = (changeKey) => {
+            const changeToBeUndone = this.props.changeHistoryLog[changeKey];
+            if (changeToBeUndone) {
+                this.props.api.dataChangeHistoryApi.clearDataChangeHistoryEntry(changeToBeUndone);
+            }
+        };
         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%' } },
@@ -65,7 +71,7 @@ class DataChangeHistoryPopupComponent extends React.Component {
                 React.createElement(rebass_1.Flex, { className: "ab-DataChangeHistoryPopup--grid", "data-name": 'data-change-history--grid', flex: 1, alignSelf: 'stretch', flexDirection: 'column' },
                     React.createElement("div", { id: adaptableContainerId }),
                     React.createElement("div", { id: agGridContainerId, className: currentAgGridTheme, style: { height: '100%' } }),
-                    React.createElement(DataChangeHistoryGrid_1.DataChangeHistoryGrid, { adaptableContainerId: adaptableContainerId, agGridContainerId: agGridContainerId, changeHistoryLog: this.props.changeHistoryLog, onUndoChange: handleChangeUndo })))));
+                    React.createElement(DataChangeHistoryGrid_1.DataChangeHistoryGrid, { adaptableContainerId: adaptableContainerId, agGridContainerId: agGridContainerId, changeHistoryLog: this.props.changeHistoryLog, onUndoChange: handleChangeUndo, onClearRow: handleClearRow })))));
     }
 }
 function mapStateToProps(state, ownProps) {

package/src/View/DataChangeHistory/buildActionColumnButton.d.ts

@@ -1,3 +1,3 @@
 import { IRowNode } from '@ag-grid-community/core';
 import { ActionColumnContext, AdaptableApi, AdaptableButton, DataChangeHistoryOptions } from '../../types';
-export declare const buildActionColumnButton: (options: DataChangeHistoryOptions, parentAdapTableApi: AdaptableApi, undoRowNode: (rowNode: IRowNode) => void) => AdaptableButton<ActionColumnContext<any>>[];
+export declare const buildActionColumnButton: (options: DataChangeHistoryOptions, parentAdapTableApi: AdaptableApi, undoRowNode: (rowNode: IRowNode) => void, clearRow: (rowNode: IRowNode) => void) => AdaptableButton<ActionColumnContext<any>>[];

package/src/View/DataChangeHistory/buildActionColumnButton.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildActionColumnButton = void 0;
-const buildActionColumnButton = (options, parentAdapTableApi, undoRowNode) => {
+const buildActionColumnButton = (options, parentAdapTableApi, undoRowNode, clearRow) => {
     let changeHistoryButtons = options.changeHistoryButton;
     if (!changeHistoryButtons ||
         (Array.isArray(changeHistoryButtons) && changeHistoryButtons.length === 0)) {
@@ -25,9 +25,13 @@ const buildActionColumnButton = (options, parentAdapTableApi, undoRowNode) => {
             undoRowNode(rowNode);
         }
     };
+    const onClearRow = (context) => {
+        const rowNode = context.rowNode;
+        clearRow(rowNode);
+    };
     const buildContext = (context) => {
         const dataChangedInfo = context.rowNode.data.changeInfo;
-        return Object.assign(Object.assign({}, context), { isGroupNode: isGroupNode(context), undoDataChange: () => onUndo(context), dataChangedInfo,
+        return Object.assign(Object.assign({}, context), { isGroupNode: isGroupNode(context), undoDataChange: () => onUndo(context), clearRow: () => onClearRow(context), dataChangedInfo,
             parentAdapTableApi });
     };
     return changeHistoryButtons.map((actionColumnOption) => ({
@@ -59,6 +63,9 @@ const buildActionColumnButton = (options, parentAdapTableApi, undoRowNode) => {
             if (actionColumnOption.action === 'undo') {
                 onUndo(buildContext(context));
             }
+            if (actionColumnOption.action === 'clear') {
+                onClearRow(buildContext(context));
+            }
             if (typeof actionColumnOption.onClick === 'function') {
                 actionColumnOption.onClick(button, buildContext(context));
             }

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

@@ -388,11 +388,11 @@ const renderStringFormat = (data, _onChange, setFormatOption, scopedCustomFormat
                     ] })))));
 };
 const FormatColumnFormatWizardSection = (props) => {
-    var _a, _b, _c;
+    var _a;
     const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const formatColumnApi = adaptable.api.formatColumnApi;
-    const customDisplayFormatters = (_c = (_b = (_a = adaptable.adaptableOptions) === null || _a === void 0 ? void 0 : _a.userInterfaceOptions) === null || _b === void 0 ? void 0 : _b.customDisplayFormatters) !== null && _c !== void 0 ? _c : [];
+    const customDisplayFormatters = (_a = adaptable.api.optionsApi.getFormatColumnOptions().customDisplayFormatters) !== null && _a !== void 0 ? _a : [];
     const update = (updated) => {
         props.onChange(Object.assign(Object.assign({}, data), updated));
     };

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

@@ -40,7 +40,7 @@ const FormatColumnSettingsWizardSection = (props) => {
         props.onChange(Object.assign(Object.assign({}, data), { IncludeGroupedRows }));
     };
     return (React.createElement(Tabs_1.Tabs, null,
-        React.createElement(Tabs_1.Tabs.Tab, null, "Format"),
+        React.createElement(Tabs_1.Tabs.Tab, null, "Settings"),
         React.createElement(Tabs_1.Tabs.Content, null,
             React.createElement(rebass_1.Flex, { flexDirection: "row" },
                 React.createElement(FormLayout_1.default, null,

package/src/View/QuickSearch/QuickSearchPopup.js

@@ -18,7 +18,7 @@ const useQuickSearchDebounced_1 = require("./useQuickSearchDebounced");
 const QuickSearchPopupComponent = (props) => {
     const [searchText, search] = (0, useQuickSearchDebounced_1.useQuickSearchDebounced)(props);
     const [state, setState] = (0, react_1.useState)({
-        RunQueryAfterQuickSearch: props.api.optionsApi.getSearchOptions().filterResultsAfterQuickSearch,
+        RunQueryAfterQuickSearch: props.api.optionsApi.getQuickSearchOptions().filterResultsAfterQuickSearch,
         EditedStyle: props.QuickSearchStyle,
     });
     const onUpdateStyle = (style) => {
@@ -27,14 +27,14 @@ const QuickSearchPopupComponent = (props) => {
     };
     const onQuickSearchBehaviourChange = (checked) => {
         setState(Object.assign(Object.assign({}, state), { RunQueryAfterQuickSearch: checked }));
-        props.api.optionsApi.getAdaptableOptions().searchOptions.filterResultsAfterQuickSearch =
+        props.api.optionsApi.getAdaptableOptions().quickSearchOptions.filterResultsAfterQuickSearch =
             checked;
     };
     return (React.createElement(PopupPanel_1.PopupPanel, { headerText: props.moduleInfo.FriendlyName, glyphicon: props.moduleInfo.Glyph, infoLink: props.moduleInfo.HelpPage, infoLinkDisabled: !props.api.internalApi.isDocumentationLinksDisplayed() },
         React.createElement(Panel_1.default, { header: props.moduleInfo.FriendlyName + ' Text', style: { height: 'auto' }, variant: "default", borderRadius: "none", marginTop: 3, marginLeft: 2, marginRight: 2 },
             ' ',
             React.createElement(FormLayout_1.default, null,
-                React.createElement(AdaptableFormControlTextClear_1.AdaptableFormControlTextClear, { "data-name": "quick-search-text", type: "text", marginLeft: 2, marginRight: 5, padding: 20, style: { height: '100%' }, placeholder: props.api.optionsApi.getSearchOptions().quickSearchPlaceholder, value: searchText, OnTextChange: search }))),
+                React.createElement(AdaptableFormControlTextClear_1.AdaptableFormControlTextClear, { "data-name": "quick-search-text", type: "text", marginLeft: 2, marginRight: 5, padding: 20, style: { height: '100%' }, placeholder: props.api.optionsApi.getQuickSearchOptions().quickSearchPlaceholder, value: searchText, OnTextChange: search }))),
         React.createElement(Panel_1.default, { header: props.api.internalApi.getCorrectEnglishVariant('Behaviour'), style: { height: 'auto' }, variant: "default", borderRadius: "none", marginTop: 3, marginLeft: 2, marginRight: 2 },
             ' ',
             React.createElement(rebass_1.Flex, { flexDirection: "column" },

package/src/View/QuickSearch/QuickSearchStatusBarContent.js

@@ -12,6 +12,6 @@ const QuickSearchStatusBarContent = () => {
     const dispatch = (0, react_redux_1.useDispatch)();
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const handleTextChange = React.useCallback((text) => dispatch(QuickSearchRedux.QuickSearchRun(text)), []);
-    return (React.createElement(AdaptableFormControlTextClear_1.AdaptableFormControlTextClear, { onClick: (event) => event.stopPropagation(), type: "text", inputStyle: { padding: '2px 3px', width: 90 }, placeholder: adaptable.api.optionsApi.getSearchOptions().quickSearchPlaceholder, value: text, OnTextChange: handleTextChange }));
+    return (React.createElement(AdaptableFormControlTextClear_1.AdaptableFormControlTextClear, { onClick: (event) => event.stopPropagation(), type: "text", inputStyle: { padding: '2px 3px', width: 90 }, placeholder: adaptable.api.optionsApi.getQuickSearchOptions().quickSearchPlaceholder, value: text, OnTextChange: handleTextChange }));
 };
 exports.QuickSearchStatusBarContent = QuickSearchStatusBarContent;

package/src/View/QuickSearch/QuickSearchViewPanel.js

@@ -10,7 +10,7 @@ const React = tslib_1.__importStar(require("react"));
 const QuickSearchViewPanelComponent = (props) => {
     const [searchText, search] = (0, useQuickSearchDebounced_1.useQuickSearchDebounced)(props);
     const elementType = props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-    return (React.createElement(AdaptableFormControlTextClear_1.AdaptableFormControlTextClear, { type: "text", placeholder: props.api.optionsApi.getSearchOptions().quickSearchPlaceholder, className: `ab-${elementType}__QuickSearch__text`, value: searchText, OnTextChange: search, style: { height: '100%' }, inputStyle: { width: '7rem' } }));
+    return (React.createElement(AdaptableFormControlTextClear_1.AdaptableFormControlTextClear, { type: "text", placeholder: props.api.optionsApi.getQuickSearchOptions().quickSearchPlaceholder, className: `ab-${elementType}__QuickSearch__text`, value: searchText, OnTextChange: search, style: { height: '100%' }, inputStyle: { width: '7rem' } }));
 };
 function mapStateToProps(state) {
     return {

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsReminder.js

@@ -39,13 +39,13 @@ const ScheduleSettingsReminder = (props) => {
             React.createElement(Tabs_1.Tabs.Content, null,
                 React.createElement(FormLayout_1.default, null,
                     React.createElement(FormLayout_1.FormRow, { label: "Header" },
-                        React.createElement(Input_1.default, { "data-name": "header", width: 300, onChange: handleHeaderChange, placeholder: "Enter Reminder Header (optional)", type: "string", value: (_a = props.reminderSchedule) === null || _a === void 0 ? void 0 : _a.Header })),
+                        React.createElement(Input_1.default, { "data-name": "header", width: 300, onChange: handleHeaderChange, placeholder: "Enter Reminder Header", type: "string", value: (_a = props.reminderSchedule) === null || _a === void 0 ? void 0 : _a.Header })),
                     React.createElement(FormLayout_1.FormRow, { label: "Message" },
                         React.createElement(Input_1.default, { "data-name": "message", width: 300, onChange: handleMessageChange, placeholder: "Enter Reminder Message", type: "string", value: (_b = props.reminderSchedule) === null || _b === void 0 ? void 0 : _b.Message })),
                     React.createElement(FormLayout_1.FormRow, { label: "Type" },
                         React.createElement(DropdownButton_1.default, { "data-name": "message-type", style: { width: 300 }, columns: ['label'], placeholder: "Select Option", items: messageTypes }, ((_c = props.reminderSchedule) === null || _c === void 0 ? void 0 : _c.MessageType) || 'Select Option')),
                     React.createElement(FormLayout_1.FormRow, { label: "" },
-                        React.createElement(CheckBox_1.CheckBox, { "data-name": "display-notification", checked: (_d = props.reminderSchedule) === null || _d === void 0 ? void 0 : _d.DisplayNotification, onChange: handleDisplayNotificationChange }, "Show the Reminder as an Alert")),
+                        React.createElement(CheckBox_1.CheckBox, { "data-name": "display-notification", checked: (_d = props.reminderSchedule) === null || _d === void 0 ? void 0 : _d.DisplayNotification, onChange: handleDisplayNotificationChange }, "Show the Reminder as a Notification")),
                     React.createElement(FormLayout_1.FormRow, { label: "" },
                         React.createElement(CheckBox_1.CheckBox, { "data-name": "display-system-status", checked: (_e = props.reminderSchedule) === null || _e === void 0 ? void 0 : _e.DisplaySystemStatusMessage, onChange: handleDisplaySystemStatusChange }, "Display a System Status Message")))))));
 };

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

@@ -4,8 +4,6 @@ exports.StyledColumnBadgeSection = exports.renderBadgeSummary = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const rebass_1 = require("rebass");
-const AdaptableIconComponent_1 = require("../../../components/AdaptableIconComponent");
-const Badge_1 = require("../../../components/Badge");
 const DropdownButton_1 = tslib_1.__importDefault(require("../../../components/DropdownButton"));
 const ErrorBox_1 = tslib_1.__importDefault(require("../../../components/ErrorBox"));
 const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
@@ -19,6 +17,8 @@ const PredicateEditor_1 = require("../../Components/PredicateEditor/PredicateEdi
 const StyleComponent_1 = require("../../Components/StyleComponent");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const StyledColumnBadgePreview_1 = require("./StyledColumnWizardStyleSection/Components/StyledColumnBadgePreview");
+const Badge_1 = require("../../Components/Badge");
+const AdaptableIconComponent_1 = require("../../Components/AdaptableIconComponent");
 const BadgeEditor = (props) => {
     var _a, _b;
     const { api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();

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

@@ -33,11 +33,7 @@ const StyledColumnWizardColumnSection = (props) => {
             sortableColumns = api.columnApi.getBooleanColumns();
         }
         else if (data.SparkLineStyle) {
-            sortableColumns = [
-                ...api.columnApi.getNumberArrayColumns(),
-                ...api.columnApi.getTupleNumberArrayColumns(),
-                ...api.columnApi.getObjectNumberArrayColumns(),
-            ];
+            sortableColumns = api.columnApi.getNumericArrayColumns();
         }
         else if (data.BadgeStyle) {
             sortableColumns = [...api.columnApi.getNumericColumns(), ...api.columnApi.getStringColumns()];

package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnBadgePreview.js

@@ -4,9 +4,9 @@ exports.StyledColumnBadgePreview = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const rebass_1 = require("rebass");
-const Badge_1 = require("../../../../../components/Badge");
 const Tag_1 = require("../../../../../components/Tag");
 const AdaptableContext_1 = require("../../../../AdaptableContext");
+const Badge_1 = require("../../../../Components/Badge");
 const StyledColumnBadgePreview = ({ data }) => {
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const badgeStyle = data.BadgeStyle;
@@ -21,15 +21,8 @@ const StyledColumnBadgePreview = ({ data }) => {
         const predicateStr = badge.Predicate
             ? adaptable.api.predicateApi.predicateToString(badge.Predicate)
             : 'No Predicate';
-        let icon = badge.Icon;
-        const customIcon = badge.Icon &&
-            'name' in badge.Icon &&
-            adaptable.api.userInterfaceApi.getCustomIconDefinition(badge.Icon.name);
-        if (customIcon) {
-            icon = customIcon;
-        }
         return (React.createElement(rebass_1.Box, { mb: 1, key: index },
-            React.createElement(Badge_1.Badge, { icon: icon, adaptableStyle: badge.Style, iconPosition: badge.IconPosition }, value),
+            React.createElement(Badge_1.Badge, { icon: badge.Icon, adaptableStyle: badge.Style, iconPosition: badge.IconPosition }, value),
             React.createElement(Tag_1.Tag, { ml: 2 }, predicateStr)));
     })));
 };

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

@@ -74,7 +74,6 @@ const StyledColumnWizardTypeSection = (props) => {
             React.createElement(Tabs_1.Tabs.Content, null,
                 React.createElement(TypeRadio_1.TypeRadio, { text: "Gradient", description: "Colour each cell in the column using a gradient value (Numeric Columns)", checked: Boolean(data.GradientStyle), onClick: () => handleTypeChange('gradient') }),
                 React.createElement(TypeRadio_1.TypeRadio, { text: "Percent Bar", description: "Display a coloured bar where the width is based on the cell (Numeric Columns)", checked: Boolean(data.PercentBarStyle), onClick: () => handleTypeChange('percent') }),
-                React.createElement(TypeRadio_1.TypeRadio, { text: "Check Box", description: "Display a checkbox (Boolean Columns)", checked: Boolean(data.CheckBoxStyle), onClick: () => handleTypeChange('checkbox') }),
                 adaptable.api.styledColumnApi.canDisplaySparklines() && (React.createElement(TypeRadio_1.TypeRadio, { text: "Sparkline", description: "Render the column as a Sparkline (Numeric Array Columns)", checked: Boolean(data.SparkLineStyle), onClick: () => handleTypeChange('sparkline') })),
                 React.createElement(TypeRadio_1.TypeRadio, { text: "Badge", description: "Display the column's values as Badges (All Columns)", checked: Boolean(data.BadgeStyle), onClick: () => handleTypeChange('badge') })))));
 };

package/src/View/UIHelper.d.ts

@@ -3,7 +3,7 @@ import { EditableConfigEntityState } from './Components/SharedProps/EditableConf
 import { StatusColour } from '../PredefinedConfig/Common/Enums';
 import { AdaptableStyle } from '../PredefinedConfig/Common/AdaptableStyle';
 import { Schedule, Weekday } from '../PredefinedConfig/Common/Schedule';
-import { AdaptableColumnDataType, AdaptableInternalIconName, AdaptableOptions } from '../types';
+import { AdaptableColumnDataType, AdaptableSystemIconName, AdaptableOptions } from '../types';
 import { AdaptableAlert } from '../PredefinedConfig/Common/AdaptableAlert';
 import { AdaptableMessageType } from '../PredefinedConfig/Common/AdaptableMessageType';
 export declare const BLACK: string;
@@ -36,7 +36,7 @@ export declare function IsEmptyStyle(style: AdaptableStyle): boolean;
 export declare function IsNotEmptyStyle(style: AdaptableStyle): boolean;
 export declare function getMessageTypeByStatusColour(statusColour: StatusColour): AdaptableMessageType;
 export declare function getButtonToneByMessageType(messageType: AdaptableMessageType): 'success' | 'error' | 'neutral' | 'none' | 'warning' | 'info' | 'accent';
-export declare function getGlyphByMessageType(messageType: AdaptableMessageType): AdaptableInternalIconName;
+export declare function getGlyphByMessageType(messageType: AdaptableMessageType): AdaptableSystemIconName;
 export declare function getColorByMessageType(messageType: AdaptableMessageType): string;
 export declare function getStyleForStatusColour(statusColour: StatusColour): CSSProperties;
 export declare function getStyleForMessageType(messageType: AdaptableMessageType): CSSProperties;

package/src/agGrid/ActionColumnRenderer.d.ts

@@ -1,8 +1,6 @@
 /// <reference types="react" />
 import { ICellRendererComp, ICellRendererParams } from '@ag-grid-community/core';
-import { ActionColumn } from '../types';
 interface ActionColumnCellRendererParams extends ICellRendererParams {
-    actionColumn?: ActionColumn;
 }
 export declare const ReactActionColumnRenderer: (props: ActionColumnCellRendererParams) => JSX.Element;
 export declare class ActionColumnRenderer implements ICellRendererComp {

package/src/agGrid/ActionColumnRenderer.js

@@ -6,6 +6,8 @@ const SimpleButton_1 = tslib_1.__importDefault(require("../components/SimpleButt
 const React = tslib_1.__importStar(require("react"));
 const uuid_1 = require("../components/utils/uuid");
 const useRerender_1 = require("../components/utils/useRerender");
+const GeneralConstants_1 = require("../Utilities/Constants/GeneralConstants");
+const renderWithAdaptableContext_1 = require("../View/renderWithAdaptableContext");
 function getActionButtonsAndActionColumn(adaptable, actionColumn, colId) {
     var _a;
     const actionCol = actionColumn
@@ -27,7 +29,8 @@ function getActionButtonsAndActionColumn(adaptable, actionColumn, colId) {
         actionColumn: actionCol,
     };
 }
-const renderActionButtons = (buttons, adaptableApi, context, rerender) => {
+const ActionButtons = (props) => {
+    const { buttons, adaptableApi, context, rerender } = props;
     return (React.createElement(React.Fragment, null, buttons.map((button, index) => {
         var _a, _b;
         if (button.hidden && button.hidden(button, context)) {
@@ -57,7 +60,10 @@ const renderActionButtons = (buttons, adaptableApi, context, rerender) => {
 const ReactActionColumnRenderer = (props) => {
     const rerender = (0, useRerender_1.useRerender)();
     const adaptable = props.api.__adaptable;
-    const { actionButtons, actionColumn } = getActionButtonsAndActionColumn(adaptable, props.actionColumn, props.colDef.colId);
+    const { actionButtons, actionColumn } = getActionButtonsAndActionColumn(adaptable, {
+        columnId: GeneralConstants_1.ADAPTABLE_ROW_ACTION_BUTTONS,
+        actionColumnButton: adaptable.getActionRowButtonDefs(),
+    }, props.colDef.colId);
     if (!actionColumn || !actionButtons.length) {
         return null;
     }
@@ -75,14 +81,18 @@ const ReactActionColumnRenderer = (props) => {
         adaptableId: adaptable.adaptableOptions.adaptableId,
         data: props.data,
     };
-    return (React.createElement("div", { className: "ab-ActionColumn" }, renderActionButtons(actionButtons, adaptable.api, buttonContext, rerender)));
+    return (React.createElement("div", { className: "ab-ActionColumn" },
+        React.createElement(ActionButtons, { buttons: actionButtons, adaptableApi: adaptable.api, context: buttonContext, rerender: rerender })));
 };
 exports.ReactActionColumnRenderer = ReactActionColumnRenderer;
 class ActionColumnRenderer {
     // gets called once before the renderer is used
     init(params) {
         const adaptable = params.api.__adaptable;
-        const { actionButtons, actionColumn } = getActionButtonsAndActionColumn(adaptable, params.actionColumn, params.colDef.colId);
+        const { actionButtons, actionColumn } = getActionButtonsAndActionColumn(adaptable, {
+            columnId: GeneralConstants_1.ADAPTABLE_ROW_ACTION_BUTTONS,
+            actionColumnButton: adaptable.getActionRowButtonDefs(),
+        }, params.colDef.colId);
         if (!actionColumn || !actionButtons.length) {
             return;
         }
@@ -106,7 +116,12 @@ class ActionColumnRenderer {
         };
         const eGui = this.eGui;
         const doRender = () => {
-            this.unmountReactRoot = adaptable.renderReactRoot(renderActionButtons(actionButtons, adaptable.api, buttonContext, doRender), eGui);
+            this.unmountReactRoot = adaptable.renderReactRoot((0, renderWithAdaptableContext_1.renderWithAdaptableContext)(ActionButtons({
+                buttons: actionButtons,
+                context: buttonContext,
+                rerender: doRender,
+                adaptableApi: adaptable.api,
+            }), adaptable), eGui);
         };
         this.render = doRender;
         doRender();

package/src/agGrid/Adaptable.d.ts

@@ -18,7 +18,7 @@ import { SelectedRowInfo } from '../PredefinedConfig/Selection/SelectedRowInfo';
 import { AdaptableTheme } from '../PredefinedConfig/ThemeState';
 import { IAdaptableStore } from '../Redux/Store/Interface/IAdaptableStore';
 import { IModuleCollection } from '../Strategy/Interface/IModule';
-import { ChartDefinition } from '../types';
+import { ActionColumnContext, AdaptableButton, ChartDefinition } from '../types';
 import { EmitterCallback } from '../Utilities/Emitter';
 import { IPPStyle } from '../Utilities/Interface/IPPStyle';
 import { LicenseService } from '../Utilities/Services/LicenseService';
@@ -277,7 +277,8 @@ export declare class Adaptable implements IAdaptable {
     private getColDefsForSpecialColumns;
     getColDefsForFreeTextColumns(): ColDef<any, any>[];
     setupColumnValueGetter({ col }: ColumnSetupInfo): void;
-    private getColDefsForRowEditColumns;
+    getActionRowButtonDefs(): AdaptableButton<ActionColumnContext<any>>[];
+    private getColDefsForActionRowColumns;
     getColDefsForActionColumns(): ColDef<any, any>[];
     updateColDefsForSpecialColumns(): void;
     private getColDefsForCalculatedColumns;
@@ -327,6 +328,7 @@ export declare class Adaptable implements IAdaptable {
     private applyCurrentTheme;
     private applyFinalRendering;
     isAgGridModulePresent(moduleName: ModuleNames): boolean;
+    private getAllAgGridRegisteredModules;
     getAgGridRegisteredModules(): Module[];
     private getAgGridRegisteredModuleNames;
     private onRowDataChanged;
@@ -416,6 +418,7 @@ export declare class Adaptable implements IAdaptable {
     initLicenseService(): LicenseService;
     showCharts(chartsDefinitions: ChartDefinition[], chartContainer?: HTMLElement): ChartRef[];
     showChart(chartDefinition: ChartDefinition, container?: HTMLElement): ChartRef;
+    updateChart(chart: ChartDefinition): void;
     getChartRef(chartId: string): ChartRef;
     getChartModels(): import("@ag-grid-community/core").ChartModel[];
     getRowModelType(): import("@ag-grid-community/core").RowModelType;

package/src/agGrid/Adaptable.js

@@ -1256,7 +1256,8 @@ class Adaptable {
         if (!params.node) {
             return false;
         }
-        if (!this.api.optionsApi.getSearchOptions().runQuickSearchOnRowGroups && params.node.group) {
+        if (!this.api.optionsApi.getQuickSearchOptions().runQuickSearchOnRowGroups &&
+            params.node.group) {
             return false;
         }
         let quickSearchValue = this.api.quickSearchApi.getQuickSearchValue();
@@ -1352,11 +1353,11 @@ class Adaptable {
         }
         const perfSetLayout = this.logger.beginPerf(`setLayout(${layout.Name})`);
         layout.Columns = layout.Columns || [];
-        const rowEditActionColumn = this.getColDefsForRowEditColumns()[0];
-        if (rowEditActionColumn) {
-            layout.Columns.push(rowEditActionColumn.colId);
+        const actionRowColumn = this.getColDefsForActionRowColumns()[0];
+        if (actionRowColumn) {
+            layout.Columns.push(actionRowColumn.colId);
             layout.PinnedColumnsMap = layout.PinnedColumnsMap || {};
-            layout.PinnedColumnsMap[rowEditActionColumn.colId] = rowEditActionColumn.pinned;
+            layout.PinnedColumnsMap[actionRowColumn.colId] = actionRowColumn.pinned;
         }
         const layoutColumnsMap = layout.Columns.reduce((acc, colId) => {
             acc[colId] = true;
@@ -1409,6 +1410,9 @@ class Adaptable {
                 // autosize only the columns which are part of the selected layout
                 colsToAutoSize[colId] = true;
             }
+            if (actionRowColumn && actionRowColumn.colId === colId) {
+                newColState.width = actionRowColumn.width;
+            }
             newColState.rowGroupIndex =
                 groupedColumnsIndexesMap[colId] != null ? groupedColumnsIndexesMap[colId] : null;
             const previousRowGroup = newColState.rowGroup;
@@ -1700,7 +1704,10 @@ class Adaptable {
         }
         layout.EnablePivot = this.gridOptions.columnApi.isPivotMode();
         layout.PivotColumns = pivotColumns;
-        if (this.api.layoutApi.internalApi.areExpandedRowGroupsSavedInLayouts()) {
+        if (
+        // check first row node for presence of data without iterating over whole grid
+        this.api.layoutApi.internalApi.areExpandedRowGroupsSavedInLayouts() &&
+            this.api.gridApi.getFirstRowNode()) {
             layout.ExpandedRowGroupValues = this.getExpandRowGroupsKeys();
         }
         this.persistLayout(layout);
@@ -1887,13 +1894,16 @@ class Adaptable {
                 });
             }
         }
-        const uniqueVals = (0, uniqBy_1.default)(returnValues, (dataItem) => {
+        let uniqueVals = (0, uniqBy_1.default)(returnValues, (dataItem) => {
             const value = dataItem.rawValue;
             if (value instanceof Date) {
                 return value.toISOString();
             }
             return value;
         });
+        if (column.dataType == 'String' && this.api.internalApi.isTextComparisonCaseSensitive()) {
+            uniqueVals = (0, uniqBy_1.default)(uniqueVals, (d) => d.displayValue.toLowerCase());
+        }
         return uniqueVals.slice(0, this.adaptableOptions.filterOptions.maxFilterValuesToDisplay);
     }
     async getDistinctFilterValuesForColumn(column, visibleRowsOnly, filter, skipRowNode) {
@@ -2326,7 +2336,7 @@ class Adaptable {
             ...this.getColDefsForCalculatedColumns(),
             ...this.getColDefsForActionColumns(),
             ...this.getColDefsForFreeTextColumns(),
-            ...this.getColDefsForRowEditColumns(),
+            ...this.getColDefsForActionRowColumns(),
         ];
     }
     getColDefsForFreeTextColumns() {
@@ -2386,12 +2396,12 @@ class Adaptable {
             return userValue;
         });
     }
-    getColDefsForRowEditColumns() {
+    getActionRowButtonDefs() {
         const actionRowButtons = this.api.actionRowApi.getActionRowButtons();
         if (!(actionRowButtons === null || actionRowButtons === void 0 ? void 0 : actionRowButtons.length)) {
             return [];
         }
-        const defaultEditButtonConfiguration = {
+        const defaultActionRowButtonConfiguration = {
             create: {
                 icon: {
                     name: 'add',
@@ -2438,10 +2448,10 @@ class Adaptable {
                 },
             },
         };
-        const editButtons = actionRowButtons
+        const actionButtons = actionRowButtons
             .map((actionRowButtonType) => {
             var _a, _b;
-            const defaultButtonConfig = defaultEditButtonConfiguration[actionRowButtonType];
+            const defaultButtonConfig = defaultActionRowButtonConfiguration[actionRowButtonType];
             if (!defaultButtonConfig) {
                 // should NOT happen unless the user sent some invalid button type in the predefined config
                 return;
@@ -2458,12 +2468,20 @@ class Adaptable {
             return Object.assign(Object.assign({}, defaultButtonConfig), customButtonConfig);
         })
             .filter(Boolean);
-        if (!editButtons.length) {
+        return actionButtons;
+    }
+    getColDefsForActionRowColumns() {
+        const actionRowButtons = this.api.actionRowApi.getActionRowButtons();
+        if (!(actionRowButtons === null || actionRowButtons === void 0 ? void 0 : actionRowButtons.length)) {
             return [];
         }
-        const rowEditActionColumn = {
+        const actionButtons = this.getActionRowButtonDefs();
+        if (!actionButtons.length) {
+            return [];
+        }
+        const actionRowColumn = {
             columnId: GeneralConstants_1.ADAPTABLE_ROW_ACTION_BUTTONS,
-            actionColumnButton: editButtons,
+            actionColumnButton: actionButtons,
         };
         return [
             {
@@ -2472,7 +2490,7 @@ class Adaptable {
                 hide: false,
                 editable: false,
                 // 15px is the icon width + left&right padding + left&right border
-                width: editButtons.length * (UIHelper_1.default.getSimpleButtonPaddingWidth() * 2 + 15) + 2,
+                width: actionButtons.length * (UIHelper_1.default.getSimpleButtonPaddingWidth() * 2 + 15) + 2,
                 resizable: false,
                 lockVisible: true,
                 suppressColumnsToolPanel: true,
@@ -2486,9 +2504,6 @@ class Adaptable {
                     ? 'right'
                     : 'left',
                 cellRenderer: this.variant === 'react' ? ActionColumnRenderer_1.ReactActionColumnRenderer : ActionColumnRenderer_1.ActionColumnRenderer,
-                cellRendererParams: {
-                    actionColumn: rowEditActionColumn,
-                },
                 cellClass: GeneralConstants_1.ADAPTABLE_ROW_ACTION_BUTTONS,
                 type: [GeneralConstants_1.AB_SPECIAL_COLUMN, 'abColDefObject'],
             },
@@ -2873,7 +2888,10 @@ class Adaptable {
         }
         const gridContainerElement = this.getAgGridContainerElement();
         if (gridContainerElement) {
-            gridContainerElement.addEventListener('keydown', (this.listenerKeydown = (event) => this._emit('KeyDown', event)));
+            gridContainerElement.addEventListener('keydown', (this.listenerKeydown = (event) => this._emit('KeyDown', event)), 
+            // This is needed to be able to prevent the editor to be opened
+            // in bubling phase the opening is not prevented with ag-grid v30
+            true);
         }
         /*********************
          * AG Grid EVENTS
@@ -3769,22 +3787,28 @@ class Adaptable {
         if (standardAgGridRegistrationCheck) {
             return true;
         }
+        const allAgGridRegisteredModules = this.getAllAgGridRegisteredModules();
+        return !!allAgGridRegisteredModules[moduleName];
+    }
+    getAllAgGridRegisteredModules() {
         // as of AG Grid 30.0.3 the ModuleRegistry gets an dynamic grid ID for the framework versions
         // because of that we have to check ALL grid IDs to see if the module is registered
         // TODO AFL: we should recheck this later, it seems AG Grid is already refactoring this faulty registration process
         // @ts-ignore
         const gridModulesMap = core_1.ModuleRegistry.gridModulesMap;
-        let allGridModulesMap = {};
+        let allModulesMap = {};
         Object.keys(gridModulesMap).forEach((gridId) => {
-            allGridModulesMap = Object.assign(Object.assign({}, allGridModulesMap), gridModulesMap[gridId]);
+            allModulesMap = Object.assign(Object.assign({}, allModulesMap), gridModulesMap[gridId]);
         });
-        return !!allGridModulesMap[moduleName];
+        return allModulesMap;
     }
     getAgGridRegisteredModules() {
-        return core_1.ModuleRegistry.__getRegisteredModules(this.gridOptions.gridId);
+        // see comment from getAllAgGridRegisteredModules()
+        // return ModuleRegistry.__getRegisteredModules(this.gridOptions.gridId);
+        return Object.values(this.getAllAgGridRegisteredModules());
     }
     getAgGridRegisteredModuleNames() {
-        return core_1.ModuleRegistry.__getRegisteredModules(this.gridOptions.gridId).map((module) => module.moduleName);
+        return this.getAgGridRegisteredModules().map((module) => module.moduleName);
     }
     onRowDataChanged({ rowNode, oldData, newData, }) {
         if (oldData == null || oldData == undefined) {
@@ -4983,6 +5007,18 @@ class Adaptable {
         this.api.chartingApi.editChartDefinition(Object.assign(Object.assign({}, chartDefinition), { Model: chartModel }));
         return chartRef;
     }
+    updateChart(chart) {
+        const upgradableProperties = {
+            // Only Range charts are supported to be created at run time
+            // the other two are pivot & cross-filter
+            type: 'rangeChartUpdate',
+            chartId: chart.Model.chartId,
+            unlinkChart: Boolean(chart.Model.unlinkChart),
+            suppressChartRanges: Boolean(chart.Model.suppressChartRanges),
+            aggFunc: chart.Model.aggFunc,
+        };
+        this.gridOptions.api.updateChart(upgradableProperties);
+    }
     getChartRef(chartId) {
         return this.gridOptions.api.getChartRef(chartId);
     }