@adaptabletools/adaptable-cjs 21.1.3 → 21.2.0

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

@@ -2,74 +2,77 @@ import * as Redux from 'redux';
 import { CommentThread, AdaptableComment, CommentState } from '../../AdaptableState/CommentState';
 import { CellAddress } from '../../types';
 /**
- * @ReduxAction A Comments has been added
+ * @ReduxAction A Comment has been added
  */
-export declare const COMMENTS_ADD = "COMMENTS_ADD";
+export declare const COMMENT_ADD = "COMMENT_ADD";
 /**
- * @ReduxAction Cell Comments has been added
+ * @ReduxAction A Comment Thread has been added
  */
-export declare const COMMENTS_CELL_ADD = "COMMENTS_CELL_ADD";
+export declare const COMMENT_THREAD_ADD = "COMMENT_THREAD_ADD";
 /**
- * @ReduxAction Cell comments have been removed
+ * @ReduxAction A Comment Thread has been removed
  */
-export declare const COMMENTS_CELL_DELETE = "COMMENTS_CELL_DELETE";
+export declare const COMMENT_THREAD_DELETE = "COMMENT_THREAD_DELETE";
 /**
- * @ReduxAction A Comments has been edited
+ * @ReduxAction A Comment has been edited
  */
-export declare const COMMENTS_EDIT = "COMMENTS_EDIT";
+export declare const COMMENT_EDIT = "COMMENT_EDIT";
 /**
- * @ReduxAction A Comments has been deleted
+ * @ReduxAction A Comment has been deleted
  */
-export declare const COMMENTS_DELETE = "COMMENTS_DELETE";
+export declare const COMMENT_DELETE = "COMMENT_DELETE";
 /**
  * @ReduxAction Comments Module is ready
  */
 export declare const COMMENTS_READY = "COMMENTS_READY";
-export declare const COMMENTS_LOAD = "COMMENTS_LOAD";
+/**
+ * @ReduxAction Comments have been loaded
+ */
+export declare const COMMENTS_THREADS_LOAD = "COMMENTS_THREADS_LOAD";
 export interface AdaptableCommentAction extends Redux.Action {
     comment: AdaptableComment;
     cellAddress: CellAddress;
 }
-export interface AdaptableCommentsAddAction extends AdaptableCommentAction {
+export interface AdaptableCommentAddAction extends AdaptableCommentAction {
 }
-export interface AdaptableCommentsCellAddAction extends Redux.Action {
+export interface AdaptableCommentThreadAddAction extends Redux.Action {
     commentThread: CommentThread;
 }
-export interface AdaptableCommentsSetAction extends Redux.Action {
-    commentThread: CommentThread[];
+export interface AdaptableCommentThreadsLoadAction extends Redux.Action {
+    commentThreads: CommentThread[];
 }
-export interface AdaptableCommentsCellDeleteAction extends Redux.Action {
+export interface AdaptableCommentThreadDeleteAction extends Redux.Action {
     cellAddress: CellAddress;
 }
-export interface AdaptableCommentsEditAction extends AdaptableCommentAction {
+export interface AdaptableCommentEditAction extends AdaptableCommentAction {
 }
-export interface AdaptableCommentsDeleteAction extends Redux.Action {
+export interface AdaptableCommentDeleteAction extends Redux.Action {
     commentUuid: AdaptableComment['Uuid'];
     cellAddress: CellAddress;
 }
-export interface NoteReadyAction extends Redux.Action {
+export interface CommentReadyAction extends Redux.Action {
     commentState: CommentState;
 }
-export declare const CommentsSet: ({ commentThread, }: {
-    commentThread: CommentThread[];
-}) => AdaptableCommentsSetAction;
-export declare const CommentsAdd: ({ comment, cellAddress, }: {
+export declare const CommentThreadsLoad: ({ commentThreads, }: {
+    commentThreads: CommentThread[];
+}) => AdaptableCommentThreadsLoadAction;
+export declare const CommentAdd: ({ comment, cellAddress, }: {
     comment: AdaptableComment;
     cellAddress: CellAddress;
-}) => AdaptableCommentsAddAction;
-export declare const CommentsCellAdd: ({ commentThread, }: {
+}) => AdaptableCommentAddAction;
+export declare const CommentThreadAdd: ({ commentThread, }: {
     commentThread: CommentThread;
-}) => AdaptableCommentsCellAddAction;
-export declare const CommentsCellDelete: ({ cellAddress: cellAddress, }: {
+}) => AdaptableCommentThreadAddAction;
+export declare const CommentThreadDelete: ({ cellAddress: cellAddress, }: {
     cellAddress: CellAddress;
-}) => AdaptableCommentsCellDeleteAction;
-export declare const CommentsEdit: ({ comment, cellAddress, }: {
+}) => AdaptableCommentThreadDeleteAction;
+export declare const CommentEdit: ({ comment, cellAddress, }: {
     comment: AdaptableComment;
     cellAddress: CellAddress;
-}) => AdaptableCommentsEditAction;
+}) => AdaptableCommentEditAction;
 export declare const CommentsDelete: ({ commentUuid, cellAddress, }: {
     commentUuid: AdaptableComment['Uuid'];
     cellAddress: CellAddress;
-}) => AdaptableCommentsDeleteAction;
+}) => AdaptableCommentDeleteAction;
 export declare const GetCellCommentSelector: (state: CommentState, address: CellAddress) => CommentThread | undefined;
 export declare const CommentsReducer: Redux.Reducer<CommentState>;

package/src/Redux/ActionsReducers/CommentsRedux.js

@@ -1,64 +1,67 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CommentsReducer = exports.GetCellCommentSelector = exports.CommentsDelete = exports.CommentsEdit = exports.CommentsCellDelete = exports.CommentsCellAdd = exports.CommentsAdd = exports.CommentsSet = exports.COMMENTS_LOAD = exports.COMMENTS_READY = exports.COMMENTS_DELETE = exports.COMMENTS_EDIT = exports.COMMENTS_CELL_DELETE = exports.COMMENTS_CELL_ADD = exports.COMMENTS_ADD = void 0;
+exports.CommentsReducer = exports.GetCellCommentSelector = exports.CommentsDelete = exports.CommentEdit = exports.CommentThreadDelete = exports.CommentThreadAdd = exports.CommentAdd = exports.CommentThreadsLoad = exports.COMMENTS_THREADS_LOAD = exports.COMMENTS_READY = exports.COMMENT_DELETE = exports.COMMENT_EDIT = exports.COMMENT_THREAD_DELETE = exports.COMMENT_THREAD_ADD = exports.COMMENT_ADD = void 0;
 const tslib_1 = require("tslib");
 const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const ObjectFactory_1 = tslib_1.__importDefault(require("../../Utilities/ObjectFactory"));
 const AnnotationsService_1 = require("../../Utilities/Services/AnnotationsService");
 /**
- * @ReduxAction A Comments has been added
+ * @ReduxAction A Comment has been added
  */
-exports.COMMENTS_ADD = 'COMMENTS_ADD';
+exports.COMMENT_ADD = 'COMMENT_ADD';
 /**
- * @ReduxAction Cell Comments has been added
+ * @ReduxAction A Comment Thread has been added
  */
-exports.COMMENTS_CELL_ADD = 'COMMENTS_CELL_ADD';
+exports.COMMENT_THREAD_ADD = 'COMMENT_THREAD_ADD';
 /**
- * @ReduxAction Cell comments have been removed
+ * @ReduxAction A Comment Thread has been removed
  */
-exports.COMMENTS_CELL_DELETE = 'COMMENTS_CELL_DELETE';
+exports.COMMENT_THREAD_DELETE = 'COMMENT_THREAD_DELETE';
 /**
- * @ReduxAction A Comments has been edited
+ * @ReduxAction A Comment has been edited
  */
-exports.COMMENTS_EDIT = 'COMMENTS_EDIT';
+exports.COMMENT_EDIT = 'COMMENT_EDIT';
 /**
- * @ReduxAction A Comments has been deleted
+ * @ReduxAction A Comment has been deleted
  */
-exports.COMMENTS_DELETE = 'COMMENTS_DELETE';
+exports.COMMENT_DELETE = 'COMMENT_DELETE';
 /**
  * @ReduxAction Comments Module is ready
  */
 exports.COMMENTS_READY = 'COMMENTS_READY';
-exports.COMMENTS_LOAD = 'COMMENTS_LOAD';
-const CommentsSet = ({ commentThread, }) => ({
-    type: exports.COMMENTS_LOAD,
-    commentThread,
+/**
+ * @ReduxAction Comments have been loaded
+ */
+exports.COMMENTS_THREADS_LOAD = 'COMMENTS_THREADS_LOAD';
+const CommentThreadsLoad = ({ commentThreads, }) => ({
+    type: exports.COMMENTS_THREADS_LOAD,
+    commentThreads,
 });
-exports.CommentsSet = CommentsSet;
-const CommentsAdd = ({ comment, cellAddress, }) => ({
-    type: exports.COMMENTS_ADD,
+exports.CommentThreadsLoad = CommentThreadsLoad;
+const CommentAdd = ({ comment, cellAddress, }) => ({
+    type: exports.COMMENT_ADD,
     comment,
     cellAddress,
 });
-exports.CommentsAdd = CommentsAdd;
-const CommentsCellAdd = ({ commentThread, }) => ({
-    type: exports.COMMENTS_CELL_ADD,
+exports.CommentAdd = CommentAdd;
+const CommentThreadAdd = ({ commentThread, }) => ({
+    type: exports.COMMENT_THREAD_ADD,
     commentThread,
 });
-exports.CommentsCellAdd = CommentsCellAdd;
-const CommentsCellDelete = ({ cellAddress: cellAddress, }) => ({
-    type: exports.COMMENTS_CELL_DELETE,
+exports.CommentThreadAdd = CommentThreadAdd;
+const CommentThreadDelete = ({ cellAddress: cellAddress, }) => ({
+    type: exports.COMMENT_THREAD_DELETE,
     cellAddress: cellAddress,
 });
-exports.CommentsCellDelete = CommentsCellDelete;
-const CommentsEdit = ({ comment, cellAddress, }) => ({
-    type: exports.COMMENTS_EDIT,
+exports.CommentThreadDelete = CommentThreadDelete;
+const CommentEdit = ({ comment, cellAddress, }) => ({
+    type: exports.COMMENT_EDIT,
     comment,
     cellAddress,
 });
-exports.CommentsEdit = CommentsEdit;
+exports.CommentEdit = CommentEdit;
 const CommentsDelete = ({ commentUuid, cellAddress, }) => ({
-    type: exports.COMMENTS_DELETE,
+    type: exports.COMMENT_DELETE,
     cellAddress,
     commentUuid,
 });
@@ -77,7 +80,7 @@ const initialState = {
 };
 const CommentsReducer = (state = initialState, action) => {
     switch (action.type) {
-        case exports.COMMENTS_ADD: {
+        case exports.COMMENT_ADD: {
             const addAction = action;
             const commentThread = state.CommentThreads ?? [];
             const cellCommentIndex = commentThread.findIndex((cellComments) => {
@@ -100,7 +103,7 @@ const CommentsReducer = (state = initialState, action) => {
             }
             return { ...state, CommentThreads: comments };
         }
-        case exports.COMMENTS_CELL_ADD: {
+        case exports.COMMENT_THREAD_ADD: {
             return {
                 ...state,
                 CommentThreads: [
@@ -109,14 +112,14 @@ const CommentsReducer = (state = initialState, action) => {
                 ],
             };
         }
-        case exports.COMMENTS_CELL_DELETE: {
+        case exports.COMMENT_THREAD_DELETE: {
             const deleteAction = action;
             return {
                 ...state,
                 CommentThreads: (state.CommentThreads ?? []).filter((cellComments) => !AnnotationsService_1.AnnotationsService.isSameAddress(cellComments, deleteAction.cellAddress)),
             };
         }
-        case exports.COMMENTS_EDIT: {
+        case exports.COMMENT_EDIT: {
             const editAction = action;
             let edited = false;
             const adaptableCellComments = (state.CommentThreads ?? []).map((cellComments) => {
@@ -139,7 +142,7 @@ const CommentsReducer = (state = initialState, action) => {
                 CommentThreads: adaptableCellComments,
             };
         }
-        case exports.COMMENTS_DELETE: {
+        case exports.COMMENT_DELETE: {
             const deleteAction = action;
             const adaptableCellComments = (state.CommentThreads ?? [])
                 .map((cellComments) => {
@@ -163,10 +166,10 @@ const CommentsReducer = (state = initialState, action) => {
                 CommentThreads: adaptableCellComments,
             };
         }
-        case exports.COMMENTS_LOAD: {
+        case exports.COMMENTS_THREADS_LOAD: {
             return {
                 ...state,
-                CommentThreads: action.commentThread,
+                CommentThreads: action.commentThreads,
             };
         }
         default:

package/src/Redux/Store/AdaptableStore.js

@@ -871,11 +871,11 @@ const adaptableMiddleware = (adaptable) => (function(middlewareAPI) {
                  * Use Case: Comments has been edited/deleted/added
                  * Action: Triangle can be removed/added
                  */
-                case CommentsRedux.COMMENTS_ADD:
-                case CommentsRedux.COMMENTS_EDIT:
-                case CommentsRedux.COMMENTS_DELETE:
-                case CommentsRedux.COMMENTS_CELL_DELETE:
-                case CommentsRedux.COMMENTS_CELL_ADD: {
+                case CommentsRedux.COMMENT_ADD:
+                case CommentsRedux.COMMENT_EDIT:
+                case CommentsRedux.COMMENT_DELETE:
+                case CommentsRedux.COMMENT_THREAD_DELETE:
+                case CommentsRedux.COMMENT_THREAD_ADD: {
                     let returnAction = next(action);
                     adaptable.AnnotationsService.checkListenToEvents();
                     let rowNode = null;
@@ -900,7 +900,7 @@ const adaptableMiddleware = (adaptable) => (function(middlewareAPI) {
                     }
                     return returnAction;
                 }
-                case CommentsRedux.COMMENTS_LOAD: {
+                case CommentsRedux.COMMENTS_THREADS_LOAD: {
                     const previousCommentThreads = adaptable.api.commentApi.getAllComments();
                     let returnAction = next(action);
                     const newCommentThreads = adaptable.api.commentApi.getAllComments() ?? [];

package/src/Strategy/FlashingCellModule.js

@@ -189,7 +189,7 @@ class FlashingCellModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                             ColumnIds: [column.columnId],
                         },
                         Rule: {
-                            Predicates: [{ PredicateId: 'AnyChange' }],
+                            BooleanExpression: 'ANY_CHANGE([' + column.columnId + '])',
                         },
                     })),
                 ];
@@ -232,8 +232,8 @@ class FlashingCellModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         const predicateDefHandlerContext = {
             value: dataChangedEvent.newValue,
             oldValue: dataChangedEvent.oldValue,
-            // TODO send real display value
-            displayValue: null,
+            rawValue: dataChangedEvent.newValue,
+            displayValue: dataChangedEvent.newValue,
             node: dataChangedEvent.rowNode,
             column: dataChangedEvent.column,
             ...this.api.internalApi.buildBaseContext(),

package/src/Utilities/ExpressionFunctions/scalarExpressionFunctions.js

@@ -646,7 +646,7 @@ exports.scalarExpressionFunctions = {
         description: "Returns the percentage difference between a cell's current value and its previous value.",
         signatures: [
             'PERCENT_CHANGE( [colName], <INCREASE|DECREASE> )',
-            'PERCENT_CHANGE( COL(name: string), <INCREASE|DECREASE>)',
+            'PERCENT_CHANGE( COL(name: string), <INCREASE|DECREASE> )',
         ],
         examples: [
             'PERCENT_CHANGE([col1])',
@@ -666,11 +666,39 @@ exports.scalarExpressionFunctions = {
                 throw new ExpressionEvaluationError_1.ExpressionEvaluationError('ABSOLUTE_CHANGE', 'First argument should be numeric');
             }
             const previousValue = context.dataChangedEvent.oldValue;
-            return currentValue - previousValue;
+            const increaseDecrease = args[1];
+            let result;
+            if (!increaseDecrease) {
+                result = sanitizeNumericResult(Math.abs(previousValue - currentValue));
+            }
+            else if (increaseDecrease === 'INCREASE') {
+                result =
+                    currentValue - previousValue > 0
+                        ? sanitizeNumericResult(currentValue - previousValue)
+                        : undefined;
+            }
+            else if (increaseDecrease === 'DECREASE') {
+                result =
+                    currentValue - previousValue < 0
+                        ? sanitizeNumericResult(previousValue - currentValue)
+                        : undefined;
+            }
+            else {
+                throw new ExpressionEvaluationError_1.ExpressionEvaluationError('ABSOLUTE_CHANGE', 'Optional second argument must be "INCREASE" or "DECREASE"');
+            }
+            return result;
         },
         description: "Returns the absolute difference between a cell's current value and its previous value.",
-        signatures: ['ABSOLUTE_CHANGE( [colName] )', 'ABSOLUTE_CHANGE( COL(name: string) )'],
-        examples: ['ABSOLUTE_CHANGE([col1])'],
+        signatures: [
+            'ABSOLUTE_CHANGE( [colName] )',
+            'ABSOLUTE_CHANGE( COL(name: string) )',
+            'ABSOLUTE_CHANGE( COL(name: string), <INCREASE|DECREASE> )',
+        ],
+        examples: [
+            'ABSOLUTE_CHANGE([col1])',
+            'ABSOLUTE_CHANGE([col1], "INCREASE")',
+            'ABSOLUTE_CHANGE([col1], "DECREASE")',
+        ],
         category: 'changes',
         returnType: 'number',
     },

package/src/Utilities/Services/ValidationService.js

@@ -85,6 +85,7 @@ class ValidationService {
         const predicateDefHandlerContext = {
             value: dataChangedEvent.newValue,
             oldValue: dataChangedEvent.oldValue,
+            rawValue: dataChangedEvent.newValue,
             displayValue,
             node: dataChangedEvent.rowNode,
             column: dataChangedEvent.column,

package/src/Utilities/weightedAverage.d.ts

@@ -1,7 +1,7 @@
 import { IAggFuncParams } from 'ag-grid-enterprise';
 export declare const getNumericValue: (input: unknown) => number | null;
 export declare const weightedAverage: (params: IAggFuncParams, columnId: string, weightColumnId: string) => {
-    [x: string]: number | (() => number | "");
-    toString: () => number | "";
-    valueOf: () => number;
+    [x: string]: number | (() => string) | (() => number);
+    toString: () => string;
+    toNumber: () => number;
 };

package/src/Utilities/weightedAverage.js

@@ -11,12 +11,27 @@ const getNumericValue = (input) => {
     return isNaN(numericValue) ? null : numericValue;
 };
 exports.getNumericValue = getNumericValue;
+function getWeightedAverageLeafNodes(gridApi, groupRowNode, filteredOnly) {
+    const nodeList = (filteredOnly ? groupRowNode.childrenAfterFilter : groupRowNode.childrenAfterGroup) ?? [];
+    let leafNodes = [];
+    nodeList.forEach((rowNode) => {
+        if (rowNode.group === true) {
+            // Recursively extract leaf nodes from group
+            leafNodes = leafNodes.concat(getWeightedAverageLeafNodes(gridApi, rowNode, filteredOnly));
+        }
+        else {
+            leafNodes.push(rowNode);
+        }
+    });
+    return leafNodes;
+}
 const weightedAverage = (params, columnId, weightColumnId) => {
     const { api: gridApi, rowNode: groupRowNode } = params;
     let weightedColumnValueSum = 0;
     let columnValueSum = 0;
-    // TODO AFL: improve performance by using the intermediary aggregated values (for nested groups)
-    groupRowNode.allLeafChildren.forEach((rowNode) => {
+    const filteredOnly = !gridApi.getGridOption('suppressAggFilteredOnly');
+    const leafNodes = getWeightedAverageLeafNodes(gridApi, groupRowNode, filteredOnly);
+    leafNodes.forEach((rowNode) => {
         // when editing values might be converted to strings
         const rawColumnValue = gridApi.getCellValue({ colKey: columnId, rowNode });
         const columnValue = (0, exports.getNumericValue)(rawColumnValue);
@@ -29,21 +44,19 @@ const weightedAverage = (params, columnId, weightColumnId) => {
             columnValueSum += columnValue * weightedColumnValue;
         }
     });
+    let result = columnValueSum / weightedColumnValueSum;
+    // 0 / 0 = NaN
+    if (isNaN(result)) {
+        result = 0;
+    }
     return {
+        // the grid by default uses toString to render values for an object, so this
+        // is a trick to get the default cellRenderer to display the avg value
         toString: () => {
-            const result = columnValueSum / weightedColumnValueSum;
-            // 0 / 0 = NaN
-            if (isNaN(result)) {
-                return '';
-            }
-            return result;
+            return String(result);
         },
-        valueOf: () => {
-            const result = columnValueSum / weightedColumnValueSum;
-            // 0 / 0 = NaN
-            if (isNaN(result)) {
-                return 0;
-            }
+        // used for sorting
+        toNumber: function () {
             return result;
         },
         [columnId]: columnValueSum,

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

@@ -4,7 +4,6 @@ exports.AlertButtonsEditor = void 0;
 const tslib_1 = require("tslib");
 const rebass_1 = require("rebass");
 const React = tslib_1.__importStar(require("react"));
-const sentence_case_1 = require("sentence-case");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
 const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
@@ -13,6 +12,26 @@ const Helper_1 = require("../../../Utilities/Helpers/Helper");
 const StringExtensions_1 = tslib_1.__importDefault(require("../../../Utilities/Extensions/StringExtensions"));
 const AdaptableIconSelector_1 = require("../../Components/AdaptableIconSelector");
 const Select_1 = require("../../../components/Select");
+function renderCommand(command) {
+    switch (command) {
+        case 'highlight-cell':
+            return 'Highlight Cell';
+        case 'highlight-row':
+            return 'Highlight Row';
+        case 'jump-to-cell':
+            return 'Jump to Cell';
+        case 'jump-to-column':
+            return 'Jump to Column';
+        case 'jump-to-row':
+            return 'Jump to Row';
+        case 'suspend':
+            return 'Suspend';
+        case 'undo':
+            return 'Undo';
+        default:
+            return command;
+    }
+}
 const TONE_OPTIONS = [
     {
         label: 'Tone: Use Alert Tone',
@@ -77,6 +96,12 @@ const AlertButtonsEditor = (props) => {
     if (hasSuspend) {
         buttonCommands.push('suspend');
     }
+    const commandHandlers = api.optionsApi.getAlertOptions().commandHandlers;
+    if (commandHandlers) {
+        commandHandlers.forEach((ch) => {
+            buttonCommands.push(ch.name);
+        });
+    }
     return (React.createElement(React.Fragment, null,
         React.createElement(rebass_1.Flex, { flexDirection: "row", alignItems: "center", justifyContent: "space-between" },
             React.createElement(rebass_1.Text, { fontSize: 2, mt: 3, mb: 2 }, "Add Buttons to the Alert Notification, and set Actions to perform when the Button is clicked"),
@@ -102,7 +127,7 @@ const AlertButtonsEditor = (props) => {
                 btnCommands = button.Command;
             }
             // filter out the adaptable standard commands
-            const btnUserFunctions = btnCommands.filter((command) => !buttonCommands.includes(command));
+            // const btnUserFunctions = btnCommands.filter((command) => !buttonCommands.includes(command));
             const setVariant = (variant) => {
                 onChange(AlertButtons.map((btn, i) => {
                     if (i === index) {
@@ -201,19 +226,11 @@ const AlertButtonsEditor = (props) => {
                             React.createElement(SimpleButton_1.default, { icon: "close", tone: "error", disabled: AlertButtons.length <= 1, marginLeft: 1, variant: "text", tooltip: AlertButtons.length <= 1 ? 'Cannot remove last button' : 'Remove button', onClick: () => {
                                     onChange(AlertButtons.filter((btn) => btn !== button));
                                 } }))),
-                    React.createElement(FormLayout_1.FormRow, { label: React.createElement(rebass_1.Text, { fontSize: 2 }, "Actions") },
-                        buttonCommands.map((commandName) => {
-                            return (React.createElement(CheckBox_1.CheckBox, { key: commandName, marginRight: 3, onChange: (checked) => handleCommandChange(checked, commandName), checked: button.Command === commandName ||
-                                    (Array.isArray(button.Command) && button.Command.includes(commandName)) },
-                                React.createElement(rebass_1.Text, { fontSize: 2 }, (0, sentence_case_1.sentenceCase)(commandName))));
-                        }),
-                        btnUserFunctions.length ? (React.createElement(CheckBox_1.CheckBox, { checked: true, disabled: true },
-                            React.createElement(rebass_1.Text, { fontSize: 2 },
-                                "User function",
-                                btnUserFunctions.length > 1 ? 's' : '',
-                                ":",
-                                ' ',
-                                btnUserFunctions.join(', ')))) : null),
+                    React.createElement(FormLayout_1.FormRow, { label: React.createElement(rebass_1.Text, { fontSize: 2 }, "Actions") }, buttonCommands.map((commandName) => {
+                        return (React.createElement(CheckBox_1.CheckBox, { key: commandName, marginRight: 3, onChange: (checked) => handleCommandChange(checked, commandName), checked: button.Command === commandName ||
+                                (Array.isArray(button.Command) && button.Command.includes(commandName)) },
+                            React.createElement(rebass_1.Text, { fontSize: 2 }, renderCommand(commandName))));
+                    })),
                     iconSelector && (React.createElement(FormLayout_1.FormRow, { label: React.createElement(rebass_1.Text, { fontSize: 2 }, "Icon") },
                         React.createElement(rebass_1.Box, null, iconSelector))))));
         })));

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

@@ -16,20 +16,20 @@ const renderFormatColumnSettingsSummary = (data) => {
     return (React.createElement(rebass_1.Box, { padding: 2 },
         React.createElement(rebass_1.Text, null,
             "Cell alignment ",
-            React.createElement(Tag_1.Tag, null, data.CellAlignment ?? 'default')),
+            React.createElement(Tag_1.Tag, null, data.CellAlignment ?? 'Default')),
         React.createElement(rebass_1.Text, { mt: 3 },
             "Data Rows ",
-            React.createElement(Tag_1.Tag, null, data.RowScope?.ExcludeDataRows ? 'no' : 'yes')),
+            React.createElement(Tag_1.Tag, null, data.RowScope?.ExcludeDataRows ? 'No' : 'Yes')),
         ' ',
         React.createElement(rebass_1.Text, { mt: 3 },
             "Group Rows ",
-            React.createElement(Tag_1.Tag, null, data.RowScope?.ExcludeGroupRows ? 'no' : 'yes')),
+            React.createElement(Tag_1.Tag, null, data.RowScope?.ExcludeGroupRows ? 'No' : 'Yes')),
         React.createElement(rebass_1.Text, { mt: 3 },
             "Summary Rows ",
-            React.createElement(Tag_1.Tag, null, data.RowScope?.ExcludeSummaryRows ? 'no' : 'yes')),
+            React.createElement(Tag_1.Tag, null, data.RowScope?.ExcludeSummaryRows ? 'No' : 'Yes')),
         React.createElement(rebass_1.Text, { mt: 3 },
             "Total Rows ",
-            React.createElement(Tag_1.Tag, null, data.RowScope?.ExcludeTotalRows ? 'no' : 'yes')),
+            React.createElement(Tag_1.Tag, null, data.RowScope?.ExcludeTotalRows ? 'No' : 'Yes')),
         React.createElement(rebass_1.Text, { mt: 3 },
             "Apply on Column Groups:",
             ' ',

package/src/View/StateManagement/components/ExportDropdown.js

@@ -10,11 +10,11 @@ const ExportDropdown = (props) => {
         switch (props.type) {
             case 'adaptableState':
                 const adaptableState = props.api.stateApi.getPersistentState();
-                (0, handleExportState_1.handleExportState)(destination, 'adaptableState', adaptableState);
+                (0, handleExportState_1.handleExportState)(destination, 'adaptableState', adaptableState, props.api);
                 break;
             case 'initialState':
                 const initialState = props.api.stateApi.getInitialState();
-                (0, handleExportState_1.handleExportState)(destination, 'initialState', initialState);
+                (0, handleExportState_1.handleExportState)(destination, 'initialState', initialState, props.api);
                 break;
         }
     };

package/src/View/StateManagement/handleExportState.d.ts

@@ -1 +1,2 @@
-export declare const handleExportState: (type: 'Clipboard' | 'Console' | 'JSON', name: 'adaptableState' | 'initialState', state: any) => void;
+import { AdaptableApi } from '../../types';
+export declare const handleExportState: (type: 'Clipboard' | 'Console' | 'JSON', name: 'adaptableState' | 'initialState', state: any, api: AdaptableApi) => void;

package/src/View/StateManagement/handleExportState.js

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleExportState = void 0;
 const tslib_1 = require("tslib");
 const Helper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/Helper"));
-const handleExportState = (type, name, state) => {
+const handleExportState = (type, name, state, api) => {
     switch (type) {
         case 'Clipboard':
             let stringifiedState = JSON.stringify(state);
             Helper_1.default.copyToClipboard(stringifiedState);
             break;
         case 'Console':
-            console.log('Adaptable State: ', state);
+            api.consoleLog('Adaptable State: ', state);
             break;
         case 'JSON':
             const jsonFileName = name + '.json';

package/src/agGrid/AdaptableAgGrid.js

@@ -1768,7 +1768,8 @@ You need to define at least one Layout!`);
         let _displayValue = defaults ? defaults.displayValue : undefined;
         let _normalisedValue = defaults ? defaults.normalisedValue : undefined;
         let _isRowGroupCell;
-        const _isPivotCell = this.api.columnApi.isPivotResultColumn(columnId);
+        const _isPivotCell = this.api.columnApi.isPivotResultColumn(columnId) ||
+            this.api.columnApi.isPivotAggColumnWithNoPivotColumns(columnId);
         const self = this;
         const api = this.api;
         const getRawValue = () => {

package/src/agGrid/AgGridAdapter.js

@@ -158,7 +158,8 @@ class AgGridAdapter {
             const pivotColumnFilters = self.adaptableApi.filterApi.columnFilterApi
                 .getActiveColumnFilters()
                 .filter((columnFilter) => self.adaptableApi.columnApi.isPivotResultColumn(columnFilter.ColumnId) ||
-                self.adaptableApi.columnApi.isAutoRowGroupColumnForSingle(columnFilter.ColumnId));
+                self.adaptableApi.columnApi.isAutoRowGroupColumnForSingle(columnFilter.ColumnId) ||
+                self.adaptableApi.columnApi.isPivotAggColumnWithNoPivotColumns(columnFilter.ColumnId));
             try {
                 if (pivotColumnFilters.length > 0) {
                     for (const columnFilter of pivotColumnFilters) {
@@ -182,7 +183,8 @@ class AgGridAdapter {
         this.DANGER_isAggFilterPresentMonkeyPatcher = function () {
             const columnFilters = self.adaptableApi.filterApi.columnFilterApi.getActiveColumnFilters();
             return columnFilters.some((colFilter) => self.adaptableApi.columnApi.isPivotResultColumn(colFilter.ColumnId) ||
-                self.adaptableApi.columnApi.isAutoRowGroupColumnForSingle(colFilter.ColumnId));
+                self.adaptableApi.columnApi.isAutoRowGroupColumnForSingle(colFilter.ColumnId) ||
+                self.adaptableApi.columnApi.isPivotAggColumnWithNoPivotColumns(colFilter.ColumnId));
         };
         agGridColumnFilterService.isAggFilterPresent = this.DANGER_isAggFilterPresentMonkeyPatcher;
     }

package/src/agGrid/cellRenderers/BadgeRenderer.js

@@ -63,6 +63,7 @@ const getBadgeRendererForColumn = (badgeStyle, abColumn, api) => {
             for (const value of params.value) {
                 const predicateDefHandlerContext = {
                     value: value,
+                    rawValue: value,
                     oldValue: null,
                     displayValue: params.formatValue,
                     node: params.node,
@@ -86,6 +87,7 @@ const getBadgeRendererForColumn = (badgeStyle, abColumn, api) => {
             let formattedValue = params.formatValue?.(params.value) ?? params.value ?? '';
             const predicateDefHandlerContext = {
                 value: params.value,
+                rawValue: params.value,
                 oldValue: null,
                 displayValue: params.formatValue,
                 node: params.node,