@adaptabletools/adaptable-cjs 22.0.0-canary.2 → 22.0.0-canary.4

package/src/Api/Internal/FormatColumnInternalApi.js

@@ -45,15 +45,6 @@ class FormatColumnInternalApi extends ApiBase_1.ApiBase {
             .getFormatColumns(config)
             .filter((fc) => fc.Style);
     }
-    /**
-     * Retrieves all Format Columns in Adaptable State with the `Style` or the `CellAlignment` property set
-     * @returns format columns
-     */
-    getAllFormatColumnWithStyleAndCellAlignment(config) {
-        return this.getFormatColumnApi()
-            .getFormatColumns(config)
-            .filter((fc) => fc.Style || fc.CellAlignment);
-    }
     /**
      * Retrieves all Format Columns in Adaptable State with `DisplayFormat` property set
      * @returns format columns
@@ -63,15 +54,6 @@ class FormatColumnInternalApi extends ApiBase_1.ApiBase {
             .getFormatColumns(config)
             .filter((fc) => fc.DisplayFormat);
     }
-    /**
-     * Retrieves all Format Columns in Adaptable State with `CellAlignment` property set
-     * @returns format columns
-     */
-    getAllFormatColumnWithCellAlignment(config) {
-        return this.getFormatColumnApi()
-            .getFormatColumns(config)
-            .filter((fc) => fc.CellAlignment);
-    }
     /**
      * Get all FormatColumns which are defined for this column and have a custom AdaptableStyle
      * @param column
@@ -79,7 +61,7 @@ class FormatColumnInternalApi extends ApiBase_1.ApiBase {
      * @returns list of FormatColumn
      */
     getFormatColumnsWithStyleForColumn(column, config) {
-        const formatColumns = this.getAllFormatColumnWithStyleAndCellAlignment()
+        const formatColumns = this.getAllFormatColumnWithStyle()
             .filter((formatColumn) => {
             // FormatColumn default target is 'cell', so if no target is specified, we assume 'cell'
             const fcTarget = formatColumn.Target ?? 'cell';

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

@@ -168,11 +168,11 @@ export declare const getColumnFilterSelector: (state: AdaptableState, columnId:
     Predicates: import("../../types").ColumnFilterPredicate[];
     PredicatesOperator?: import("../../types").PredicatesOperator;
     IsSuspended?: boolean;
-    Uuid?: import("../../AdaptableState/Uuid").TypeUuid;
     Source?: "InitialState" | "User";
     AdaptableVersion?: import("../../types").AdaptableVersion;
     IsReadOnly?: boolean;
     Tags?: import("../../types").AdaptableObjectTag[];
     Metadata?: any;
+    Uuid?: import("../../AdaptableState/Uuid").TypeUuid;
 };
 export declare const LayoutReducer: Redux.Reducer<LayoutState>;

package/src/Redux/ActionsReducers/NoteRedux.js

@@ -51,7 +51,7 @@ const GetNoteSelector = (state, address) => {
             // happy check
             return true;
         }
-        // Primary keys retreived from the grid dom are always strings, so we must also consider them strings
+        // Primary keys retrieved from the grid dom are always strings, so we must also consider them strings
         if ((typeof address.PrimaryKeyValue === 'number' && typeof note.PrimaryKeyValue === 'string') ||
             (typeof address.PrimaryKeyValue === 'string' && typeof note.PrimaryKeyValue === 'number')) {
             return (note.PrimaryKeyValue.toString() === address.PrimaryKeyValue.toString() &&

package/src/Strategy/AlertModule.js

@@ -187,6 +187,10 @@ class AlertModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         const alertType = (0, getAlertType_1.getAlertType)(alert);
         return {
             items: [
+                {
+                    name: 'Name',
+                    values: [alert.Name],
+                },
                 (0, getAlertTypeViewItems_1.getAlertTypeViewItems)(alert),
                 alertType === 'DataChange' && {
                     ...(0, getScopeViewItems_1.getScopeViewItems)(alert.Scope, this.api),

package/src/Strategy/CustomSortModule.js

@@ -51,6 +51,10 @@ class CustomSortModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     toView(customSort) {
         return {
             items: [
+                {
+                    name: 'Name',
+                    values: [customSort.Name],
+                },
                 (0, getCustomSortColumnViewItems_1.getCustomSortColumnViewItems)(customSort, this.api),
                 (0, getCustomSortSortOrderViewItems_1.getCustomSortSortOrderViewItems)(customSort),
                 (0, getObjectTagsViewItems_1.getObjectTagsViewItems)(customSort, this.api),

package/src/Strategy/FlashingCellModule.js

@@ -186,6 +186,7 @@ class FlashingCellModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                 }
                 return [
                     this.createMenuItemReduxAction('flashing-cell-add', 'Add Flashing Cell', this.moduleInfo.Glyph, FlashingCellRedux.FlashingCellDefinitionAdd({
+                        Name: `Any Change [${column.columnId}]`,
                         Scope: {
                             ColumnIds: [column.columnId],
                         },
@@ -251,6 +252,10 @@ class FlashingCellModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     toView(flashingCell) {
         return {
             items: [
+                {
+                    name: 'Name',
+                    values: [flashingCell.Name],
+                },
                 { ...(0, getScopeViewItems_1.getScopeViewItems)(flashingCell.Scope, this.api), label: 'Trigger' },
                 {
                     ...(0, getRuleViewItems_1.getRuleViewItems)(flashingCell.Rule, this.api),

package/src/Strategy/FormatColumnModule.js

@@ -86,6 +86,10 @@ class FormatColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         return {
             abObject: formatColumn,
             items: [
+                {
+                    name: 'Name',
+                    values: [formatColumn.Name],
+                },
                 (0, getScopeViewItems_1.getScopeViewItems)(formatColumn.Scope, this.api),
                 (0, getFormatColumnSettingsTargetItems_1.getFormatColumnSettingsTargetItems)(formatColumn),
                 formatColumn.Rule && (0, getRuleViewItems_1.getRuleViewItems)(formatColumn.Rule, this.api),

package/src/Strategy/LayoutModule.js

@@ -303,14 +303,14 @@ class LayoutModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         }
         return {
             items: [
-                {
-                    name: 'Grid Type',
-                    values: [(0, LayoutHelpers_1.isPivotLayout)(layout) ? 'Pivot' : 'Table'],
-                },
                 {
                     name: 'Name',
                     values: [layout.Name],
                 },
+                {
+                    name: 'Grid Type',
+                    values: [(0, LayoutHelpers_1.isPivotLayout)(layout) ? 'Pivot' : 'Table'],
+                },
                 /**
                  * Hide pivot columns.
                  *

package/src/Strategy/PlusMinusModule.js

@@ -204,6 +204,10 @@ class PlusMinusModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         return {
             abObject: plusMinus,
             items: [
+                {
+                    name: 'Name',
+                    values: [plusMinus.Name],
+                },
                 {
                     name: 'Target',
                     ...(0, getScopeViewItems_1.getScopeViewItems)(plusMinus.Scope, this.api),

package/src/Strategy/ScheduleModule.js

@@ -136,6 +136,10 @@ class ScheduleModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         return {
             abObject: schedule,
             items: [
+                {
+                    name: 'Name',
+                    values: [schedule.Name],
+                },
                 {
                     name: 'Settings',
                     values: (0, ScheduleSettingsSummary_1.getScheduleSettingsValues)(schedule).map((description) => `${description.label}: ${description.value}`),

package/src/Strategy/ShortcutModule.js

@@ -86,6 +86,10 @@ class ShortcutModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         return {
             abObject: shortcut,
             items: [
+                {
+                    name: 'Name',
+                    values: [shortcut.Name],
+                },
                 (0, getScopeViewItems_1.getScopeViewItems)(shortcut.Scope, this.api),
                 (0, getShortcutSettingsViewItems_1.getShortcutSettingsViewItems)(shortcut),
                 (0, getObjectTagsViewItems_1.getObjectTagsViewItems)(shortcut, this.api),

package/src/Strategy/Utilities/FormatColumn/getFormatColumnSettingsViewItems.js

@@ -3,9 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFormatColumnSettingsViewItems = void 0;
 const getFormatColumnSettingsViewItems = (formatColumn) => {
     let values = [];
-    if (formatColumn.CellAlignment) {
-        values.push(`Cell Alignment: ${formatColumn.CellAlignment}`);
-    }
     if (formatColumn.RowScope) {
         if (formatColumn.RowScope.ExcludeDataRows) {
             values.push('Exclude Data Rows');

package/src/Utilities/Constants/DocumentationLinkConstants.d.ts

@@ -12,7 +12,7 @@ export declare const PredicateDocsLink = "https://www.adaptabletools.com/docs/ad
 export declare const PrimaryKeyDocsLink = "https://www.adaptabletools.com/docs/getting-started-primary-key";
 export declare const LicenseDocsLink = "https://www.adaptabletools.com/buy/buying-adaptable-licensing";
 export declare const AdaptableOptionsDocsLink = "https://www.adaptabletools.com/docs/technical-reference-adaptable-options";
-export declare const AgGridModulesDocsLink = "https://www.adaptabletools.com/docs/dev-guide-aggrid-modules-overview";
+export declare const AgGridModulesDocsLink = "https://www.adaptabletools.com/docs/getting-started-aggrid-modules";
 export declare const AlertMessageDocsLink = "https://www.adaptabletools.com/docs/handbook-alerting-message";
 export declare const FormatColumnPlaceholderDocsLink = "https://www.adaptabletools.com/docs/handbook-column-formatting-display-format-placeholder";
-export declare const AgGridRequiredModulesDocsLink = "https://www.adaptabletools.com/docs/dev-guide-aggrid-modules-overview#mandatory-modules";
+export declare const AgGridRequiredModulesDocsLink = "https://www.adaptabletools.com/docs/getting-started-aggrid-modules#mandatory-modules";

package/src/Utilities/Constants/DocumentationLinkConstants.js

@@ -16,7 +16,7 @@ exports.PredicateDocsLink = `${exports.HOST_URL_DOCS}/adaptable-predicate`;
 exports.PrimaryKeyDocsLink = `${exports.HOST_URL_DOCS}/getting-started-primary-key`;
 exports.LicenseDocsLink = `${exports.HOST_URL_ROOT}/buy/buying-adaptable-licensing`;
 exports.AdaptableOptionsDocsLink = `${exports.HOST_URL_DOCS}/technical-reference-adaptable-options`;
-exports.AgGridModulesDocsLink = `${exports.HOST_URL_DOCS}/dev-guide-aggrid-modules-overview`;
+exports.AgGridModulesDocsLink = `${exports.HOST_URL_DOCS}/getting-started-aggrid-modules`;
 exports.AlertMessageDocsLink = `${exports.HOST_URL_DOCS}/handbook-alerting-message`;
 exports.FormatColumnPlaceholderDocsLink = `${exports.HOST_URL_DOCS}/handbook-column-formatting-display-format-placeholder`;
-exports.AgGridRequiredModulesDocsLink = `${exports.HOST_URL_DOCS}/dev-guide-aggrid-modules-overview#mandatory-modules`;
+exports.AgGridRequiredModulesDocsLink = `${exports.HOST_URL_DOCS}/getting-started-aggrid-modules#mandatory-modules`;

package/src/Utilities/ExpressionFunctions/scalarExpressionFunctions.js

@@ -643,7 +643,7 @@ exports.scalarExpressionFunctions = {
             }
             return result;
         },
-        description: "Returns the percentage difference between a cell's current value and its previous value.",
+        description: "Returns percentage difference between a cell's current value and previous value",
         signatures: [
             'PERCENT_CHANGE( [colName], <INCREASE|DECREASE> )',
             'PERCENT_CHANGE( COL(name: string), <INCREASE|DECREASE> )',
@@ -688,7 +688,7 @@ exports.scalarExpressionFunctions = {
             }
             return result;
         },
-        description: "Returns the absolute difference between a cell's current value and its previous value.",
+        description: "Returns absolute difference between a cell's current value and previous value",
         signatures: [
             'ABSOLUTE_CHANGE( [colName] )',
             'ABSOLUTE_CHANGE( COL(name: string) )',
@@ -720,7 +720,7 @@ exports.scalarExpressionFunctions = {
             const previousValue = context.dataChangedEvent.oldValue;
             return currentColumnValue !== previousValue;
         },
-        description: "Returns true if a cell's current value is different from its previous value, otherwise false. If no column is provided, it checks if any value has changed.",
+        description: "Returns true if cell's current value is different from previous value, otherwise false; if no column is provided, it checks if any value has changed",
         signatures: ['ANY_CHANGE( [colName] )', 'ANY_CHANGE()'],
         examples: ['ANY_CHANGE([col1])', 'ANY_CHANGE()'],
         category: 'changes',

package/src/Utilities/Extensions/StringExtensions.d.ts

@@ -17,6 +17,7 @@ export declare function Humanize(str: string): string;
 export declare function ReplaceEmptySpacesWithUnderscore(str?: string): string;
 export declare function IsNumeric(str: string): boolean;
 export declare function UnescapeHtmlEntities(str: string): string;
+export declare function ReplaceAllOccurencesExceptLastOne(str: string, searchTerm: string, replacement: string): string;
 export declare const StringExtensions: {
     IsNull: typeof IsNull;
     IsNotNull: typeof IsNotNull;
@@ -37,5 +38,6 @@ export declare const StringExtensions: {
     ReplaceEmptySpacesWithUnderscore: typeof ReplaceEmptySpacesWithUnderscore;
     IsNumeric: typeof IsNumeric;
     UnescapeHtmlEntities: typeof UnescapeHtmlEntities;
+    ReplaceAllOccurencesExceptLastOne: typeof ReplaceAllOccurencesExceptLastOne;
 };
 export default StringExtensions;

package/src/Utilities/Extensions/StringExtensions.js

@@ -20,6 +20,7 @@ exports.Humanize = Humanize;
 exports.ReplaceEmptySpacesWithUnderscore = ReplaceEmptySpacesWithUnderscore;
 exports.IsNumeric = IsNumeric;
 exports.UnescapeHtmlEntities = UnescapeHtmlEntities;
+exports.ReplaceAllOccurencesExceptLastOne = ReplaceAllOccurencesExceptLastOne;
 const tslib_1 = require("tslib");
 const startCase_1 = tslib_1.__importDefault(require("lodash/startCase"));
 function IsNull(stringToCheck) {
@@ -115,6 +116,21 @@ function UnescapeHtmlEntities(str) {
     }
     return preparedStr;
 }
+function ReplaceAllOccurencesExceptLastOne(str, searchTerm, replacement) {
+    // Find the index of the last occurrence of the search string
+    const lastIndex = str.lastIndexOf(searchTerm);
+    // If the string is not found, return the original string
+    if (lastIndex === -1) {
+        return str;
+    }
+    // Slice the string into two parts: before and after the last occurrence
+    const partBeforeLast = str.slice(0, lastIndex);
+    const partAfterLast = str.slice(lastIndex);
+    // Replace all occurrences in the first part
+    const replacedPart = partBeforeLast.replaceAll(searchTerm, replacement);
+    // Recombine the modified first part with the untouched second part
+    return replacedPart + partAfterLast;
+}
 exports.StringExtensions = {
     IsNull,
     IsNotNull,
@@ -135,5 +151,6 @@ exports.StringExtensions = {
     ReplaceEmptySpacesWithUnderscore,
     IsNumeric,
     UnescapeHtmlEntities,
+    ReplaceAllOccurencesExceptLastOne,
 };
 exports.default = exports.StringExtensions;

package/src/Utilities/Helpers/FormatHelper.js

@@ -34,7 +34,6 @@ function NumberFormatter(input, options = {}, rowNode, column, api) {
     if (isNaN(n)) {
         return preparedInput.toString();
     }
-    const fractionsSepatator = options.FractionSeparator ? options.FractionSeparator : '.';
     let multiplier = options.Multiplier ? options.Multiplier : 1;
     if (options.Multiplier !== undefined) {
         n *= multiplier;
@@ -71,6 +70,7 @@ function NumberFormatter(input, options = {}, rowNode, column, api) {
     }
     let s;
     let digitsToUse;
+    const fractionsSepatator = options.FractionSeparator ?? '.';
     if (options.Truncate || options.Ceiling || options.Round || options.Floor) {
         digitsToUse = 0;
     }
@@ -90,7 +90,14 @@ function NumberFormatter(input, options = {}, rowNode, column, api) {
         s = s.replace(/\./g, options.FractionSeparator);
     }
     if (options.IntegerSeparator !== undefined) {
-        s = s.replace(/\,/g, options.IntegerSeparator);
+        // if fraction separator is not a comma then simply replace all instances
+        if (options.FractionSeparator !== ',') {
+            s = s.replace(/\,/g, options.IntegerSeparator);
+        }
+        else {
+            // otherwise don't replace the last instance
+            s = StringExtensions_1.default.ReplaceAllOccurencesExceptLastOne(s, ',', options.IntegerSeparator);
+        }
     }
     s = (options.Prefix || '') + s + (options.Suffix || '');
     if (options.Parentheses === true && preparedInput < 0) {

package/src/Utilities/Helpers/StyleHelper.js

@@ -85,6 +85,20 @@ const convertAdaptableStyleToCSS = (style) => {
                 break;
         }
     }
+    if (style.Alignment) {
+        switch (style.Alignment) {
+            case 'Default':
+            case 'Left':
+                result.textAlign = 'left';
+                break;
+            case 'Right':
+                result.textAlign = 'right';
+                break;
+            case 'Center':
+                result.textAlign = 'center';
+                break;
+        }
+    }
     // assertion added to comply with the ag-Grid types
     return result;
 };

package/src/Utilities/ObjectFactory.js

@@ -48,7 +48,7 @@ const Toastify_1 = require("../components/Toastify");
 const UIHelper_1 = require("../View/UIHelper");
 const LayoutHelpers_1 = require("../Api/Implementation/LayoutHelpers");
 function CreateEmptyCustomSort() {
-    return { Uuid: (0, Uuid_1.createUuid)(), ColumnId: GeneralConstants_1.EMPTY_STRING, SortedValues: [] };
+    return { Uuid: (0, Uuid_1.createUuid)(), Name: GeneralConstants_1.EMPTY_STRING, ColumnId: GeneralConstants_1.EMPTY_STRING, SortedValues: [] };
 }
 function CreateAdaptableComment(text, api) {
     const comment = {
@@ -86,6 +86,7 @@ function CreateEmptyNamedQuery(expression) {
 function CreateEmptyPlusMinusNudge() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
+        Name: GeneralConstants_1.EMPTY_STRING,
         Scope: undefined,
         Rule: undefined,
         NudgeValue: ObjectDefaultConstants_1.PLUS_MINUS_DEFAULT_NUDGE_VALUE,
@@ -123,6 +124,7 @@ function CreateRowChangedAlert(alertHeader, alertMessage, alertDefinition, rowDa
 function CreateEmptyAlertDefinition() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
+        Name: GeneralConstants_1.EMPTY_STRING,
         Scope: { All: true },
         Rule: {
             Predicates: [],
@@ -134,6 +136,7 @@ function CreateEmptyAlertDefinition() {
 function CreateEmptyFlashingCellDefinition() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
+        Name: GeneralConstants_1.EMPTY_STRING,
         Scope: { ColumnIds: [] },
         Rule: {
             Predicates: [
@@ -150,6 +153,7 @@ function CreateInternalAlertDefinitionForMessages(messageType, alertProperties)
     };
     return {
         Uuid: (0, Uuid_1.createUuid)(),
+        Name: GeneralConstants_1.EMPTY_STRING,
         Scope: undefined,
         Rule: {
             Predicates: [],
@@ -171,6 +175,7 @@ function CreateEmptyReport() {
 function CreateEmptyBaseSchedule(scheduleType) {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
+        Name: GeneralConstants_1.EMPTY_STRING,
         ScheduleType: scheduleType,
         Schedule: CreateEmptySchedule(),
     };
@@ -178,6 +183,7 @@ function CreateEmptyBaseSchedule(scheduleType) {
 function CreateEmptyReminderSchedule() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
+        Name: GeneralConstants_1.EMPTY_STRING,
         ScheduleType: Enums_1.ScheduleType.Reminder,
         Schedule: CreateEmptySchedule(),
         Header: GeneralConstants_1.EMPTY_STRING,
@@ -190,6 +196,7 @@ function CreateEmptyReminderSchedule() {
 function CreateEmptyReportSchedule() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
+        Name: GeneralConstants_1.EMPTY_STRING,
         ScheduleType: Enums_1.ScheduleType.Report,
         Schedule: CreateEmptySchedule(),
         ReportName: GeneralConstants_1.EMPTY_STRING,
@@ -214,6 +221,7 @@ function CreateEmptyOpenFinReport() {
 function CreateEmptyIPushPullSchedule() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
+        Name: GeneralConstants_1.EMPTY_STRING,
         ScheduleType: Enums_1.ScheduleType.ipushpull,
         Schedule: CreateEmptySchedule(),
         IPushPullReport: CreateEmptyIPushPullReport(),
@@ -223,6 +231,7 @@ function CreateEmptyIPushPullSchedule() {
 function CreateEmptyOpenFinSchedule() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
+        Name: GeneralConstants_1.EMPTY_STRING,
         ScheduleType: Enums_1.ScheduleType.OpenFin,
         Schedule: CreateEmptySchedule(),
         OpenFinReport: CreateEmptyOpenFinReport(),
@@ -232,6 +241,7 @@ function CreateEmptyOpenFinSchedule() {
 function CreateIPushPullSchedule(iPushPullReport) {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
+        Name: GeneralConstants_1.EMPTY_STRING,
         ScheduleType: Enums_1.ScheduleType.ipushpull,
         Schedule: CreateEmptySchedule(),
         IPushPullReport: iPushPullReport,
@@ -241,6 +251,7 @@ function CreateIPushPullSchedule(iPushPullReport) {
 function CreateReportSchedule(reportName, reportFormat) {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
+        Name: GeneralConstants_1.EMPTY_STRING,
         ScheduleType: Enums_1.ScheduleType.Report,
         Schedule: CreateEmptySchedule(),
         ReportName: reportName,
@@ -249,7 +260,6 @@ function CreateReportSchedule(reportName, reportFormat) {
 }
 function CreateEmptySchedule() {
     return {
-        Uuid: (0, Uuid_1.createUuid)(),
         OneOffDate: undefined,
         DaysOfWeek: [],
         Hour: 0,
@@ -259,6 +269,7 @@ function CreateEmptySchedule() {
 function CreateEmptyShortcut() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
+        Name: GeneralConstants_1.EMPTY_STRING,
         Scope: undefined,
         ShortcutKey: GeneralConstants_1.EMPTY_STRING,
         ShortcutValue: undefined,
@@ -267,10 +278,11 @@ function CreateEmptyShortcut() {
 }
 function CreateEmptyFormatColumn() {
     return {
+        Uuid: (0, Uuid_1.createUuid)(),
+        Name: GeneralConstants_1.EMPTY_STRING,
         Scope: undefined,
         Style: CreateEmptyStyle(),
         DisplayFormat: undefined,
-        CellAlignment: undefined,
         RowScope: undefined,
         Target: 'cell',
     };
@@ -334,6 +346,7 @@ function CreateEmptyStyle() {
         FontStyle: undefined,
         FontSize: undefined,
         ClassName: undefined,
+        Alignment: undefined,
     };
 }
 function CreateSystemStatusMessageInfo(message, type, furtherInfo) {

package/src/Utilities/Services/AnnotationsService.js

@@ -32,7 +32,7 @@ class AnnotationsService {
         if (a?.ColumnId === b?.ColumnId && a?.PrimaryKeyValue === b?.PrimaryKeyValue) {
             return true;
         }
-        // Primary keys retreived from the grid dom are always strings, so we must also consider them strings
+        // Primary keys retrieved from the grid dom are always strings, so we must also consider them strings
         if ((typeof a.PrimaryKeyValue === 'number' && typeof b.PrimaryKeyValue === 'string') ||
             (typeof b.PrimaryKeyValue === 'string' && typeof a.PrimaryKeyValue === 'number')) {
             return (a.PrimaryKeyValue.toString() === b.PrimaryKeyValue.toString() && a.ColumnId === b.ColumnId);

package/src/Utilities/Services/ModuleService.js

@@ -118,13 +118,13 @@ class ModuleService {
             case 'CalculatedColumn':
                 return url + 'handbook-calculated-column';
             case 'CellSummary':
-                return url + 'handbook-summarising';
+                return url + 'handbook-summarising-cells';
             case 'Charting':
                 return url + 'handbook-charts';
             case 'ColumnFilter':
                 return url + 'handbook-column-filter';
             case 'ColumnInfo':
-                return url + 'dev-guide-column-grid-column-info';
+                return url + 'dev-guide-columns-column-info';
             case 'Comment':
                 return url + 'handbook-comments';
             case 'CustomSort':
@@ -150,7 +150,7 @@ class ModuleService {
             case 'GridFilter':
                 return url + 'handbook-grid-filter';
             case 'GridInfo':
-                return url + 'dev-guide-column-grid-column-info';
+                return url + 'dev-guide-support-monitoring';
             case 'Layout':
                 return url + 'handbook-layouts';
             case 'NamedQuery':

package/src/View/AdaptablePopover/index.d.ts

@@ -17,6 +17,7 @@ export interface AdaptablePopoverProps extends React.ClassAttributes<React.Props
     popupPadding?: 0 | 2;
     alignPosition?: OverlayShowParams['alignPosition'];
     visible?: boolean;
+    disabled?: boolean;
 }
 export declare class AdaptablePopover extends React.Component<React.PropsWithChildren<AdaptablePopoverProps>, {}> {
     render(): React.JSX.Element;

package/src/View/AdaptablePopover/index.js

@@ -39,7 +39,7 @@ class AdaptablePopover extends React.Component {
                 // showTriangle
                 visible: this.props.visible, render: () => popoverClickRootClose, showEvent: (this.props.showEvent || 'mouseenter'), hideEvent: (this.props.hideEvent || 'mouseleave'), style: {
                     overflow: 'visible',
-                }, alignPosition: this.props.alignPosition }, useButton ? (React.createElement(ButtonInfo_1.ButtonInfo, { style: iconStyle, variant: "text", onClick: () => null, icon: showIcon && icon, tooltip: this.props.tooltipText }, this.props.children)) : (React.createElement("div", { title: this.props.tooltipText, tabIndex: 0, style: { cursor: 'pointer', display: 'inline-block' } },
+                }, alignPosition: this.props.alignPosition }, useButton ? (React.createElement(ButtonInfo_1.ButtonInfo, { style: iconStyle, variant: "text", onClick: () => null, icon: showIcon && icon, tooltip: this.props.tooltipText, disabled: this.props.disabled }, this.props.children)) : (React.createElement("div", { title: this.props.tooltipText, tabIndex: 0, style: { cursor: 'pointer', display: 'inline-block' } },
                 this.props.children,
                 showIcon && React.createElement(icons_1.Icon, { name: icon, style: iconStyle }))))));
     }

package/src/View/Alert/ActiveAlertsPanel.js

@@ -11,6 +11,14 @@ const ActiveAlertsPanel = () => {
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const filterModule = adaptable.ModuleService.getModuleById(ModuleConstants.AlertModuleId);
     const alerts = (0, react_redux_1.useSelector)((state) => state.Internal.AdaptableAlerts);
+    // map the suspended property from the underlying AlertDefinitions
+    alerts.forEach((alert) => {
+        const liveAlertDef = adaptable.api.alertApi.getAlertDefinitionById(alert.alertDefinition.Uuid);
+        if (liveAlertDef) {
+            // @ts-ignore theoretically AdaptableAlert is not Suspendable; practically <AdaptableObjectCompactList> expects it
+            alert.IsSuspended = liveAlertDef.IsSuspended;
+        }
+    });
     return React.createElement(AdaptableObjectCompactList_1.AdaptableObjectCompactList, { abObjects: alerts, module: filterModule });
 };
 exports.ActiveAlertsPanel = ActiveAlertsPanel;

package/src/View/Alert/AlertViewPanel.js

@@ -6,10 +6,11 @@ const React = tslib_1.__importStar(require("react"));
 const react_redux_1 = require("react-redux");
 const InternalRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/InternalRedux"));
 const AdaptablePopover_1 = require("../AdaptablePopover");
-const UIHelper_1 = tslib_1.__importDefault(require("../UIHelper"));
 const getAlertButtonStyle_1 = require("./Utilities/getAlertButtonStyle");
 const ActiveAlertsPanel_1 = require("./ActiveAlertsPanel");
 const Flex_1 = require("../../components/Flex");
+const ButtonClear_1 = require("../Components/Buttons/ButtonClear");
+const clsx_1 = tslib_1.__importDefault(require("clsx"));
 class AlertViewPanelComponent extends React.Component {
     constructor(props) {
         super(props);
@@ -24,7 +25,6 @@ class AlertViewPanelComponent extends React.Component {
         }
     }
     render() {
-        const messageType = UIHelper_1.default.getMessageTypeFromAdaptableAlerts(this.props.AdaptableAlerts);
         const { color: buttonTextColor, background: buttonBackground } = (0, getAlertButtonStyle_1.getAlertButtonStyle)(this.props.AdaptableAlerts);
         const collapsedText = this.props.AdaptableAlerts.length == 0
             ? '0 Alerts'
@@ -32,13 +32,17 @@ class AlertViewPanelComponent extends React.Component {
                 ? '1 Alert'
                 : this.props.AdaptableAlerts.length + ' Alerts';
         const alertsPanel = React.createElement(ActiveAlertsPanel_1.ActiveAlertsPanel, null);
-        const elementType = this.props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-        return (React.createElement(Flex_1.Flex, { alignItems: "stretch", className: `ab-${elementType}__Alert__wrap` },
-            React.createElement(Flex_1.Flex, { className: `ab-${elementType}__Alert__text twa:rounded-standard twa:mr-2 twa:p-2 text-2`, style: { color: buttonTextColor, backgroundColor: buttonBackground }, alignItems: "center" }, collapsedText),
-            this.props.AdaptableAlerts.length > 0 && (React.createElement(Flex_1.Flex, { alignItems: "center" },
-                React.createElement(AdaptablePopover_1.AdaptablePopover, { className: `ab-${elementType}__Alert__info`, headerText: "", 
-                    // tooltipText="Alerts"
-                    bodyText: [alertsPanel], MessageType: messageType, useButton: true, showEvent: 'focus', hideEvent: "blur", popoverMinWidth: 400 })))));
+        const isToolbar = this.props.viewType === 'Toolbar';
+        const elementType = isToolbar ? 'DashboardToolbar' : 'ToolPanel';
+        return (React.createElement(Flex_1.Flex, { alignItems: "stretch", className: (0, clsx_1.default)(`ab-${elementType}__Alert__wrap twa:gap-1`, {
+                'twa:min-w-[140px] twa:w-[140px]': isToolbar,
+                [`twa:flex-1`]: !isToolbar,
+            }) },
+            React.createElement(Flex_1.Flex, { key: `${buttonTextColor}_${buttonBackground}_${collapsedText}`, className: `ab-${elementType}__Alert__text twa:flex-1 twa:rounded-standard twa:p-2 text-2 twa:items-center twa:justify-center twa:min-h-input`, style: { color: buttonTextColor, backgroundColor: buttonBackground } }, collapsedText),
+            this.props.AdaptableAlerts.length > 0 && (React.createElement(Flex_1.Flex, { className: 'twa:gap-1' },
+                React.createElement(Flex_1.Flex, { className: "twa:flex twa:box-border" },
+                    React.createElement(ButtonClear_1.ButtonClear, { "aria-label": 'Clear All Alerts', variant: 'outlined', className: `ab-${elementType}__Alert__clear`, onClick: () => this.props.onDeleteAllAlert(this.state.Alerts), tooltip: "Clear All Alerts", showText: this.props.viewType === 'ToolPanel' }, 'Clear Alerts')),
+                React.createElement(AdaptablePopover_1.AdaptablePopover, { className: `ab-${elementType}__Alert__info`, headerText: "Alerts Details", bodyText: [alertsPanel], MessageType: 'Info', useButton: true, showEvent: 'focus', hideEvent: "blur", popoverMinWidth: 400 })))));
     }
 }
 function mapStateToProps(state, ownProps) {

package/src/View/Alert/Utilities/getAlertButtonStyle.d.ts

@@ -2,4 +2,5 @@ import { AdaptableAlert } from '../../../../types';
 export declare const getAlertButtonStyle: (alerts: AdaptableAlert[]) => {
     color: string;
     background: string;
+    cssClasses: string;
 };

package/src/View/Alert/Utilities/getAlertButtonStyle.js

@@ -8,9 +8,17 @@ const getAlertButtonStyle = (alerts) => {
     const messageTypeColor = UIHelper_1.default.getColorByMessageType(messageType);
     const buttonBackground = UIHelper_1.default.getButtonColourForAdaptableAlerts(alerts, messageTypeColor);
     const buttonTextColor = UIHelper_1.default.getButtonTextColourForArrayandMessageType(alerts, messageType);
+    let cssClasses = '';
+    if (alerts?.length) {
+        const cssMessageType = UIHelper_1.default.getCSSColorByMessageType(messageType);
+        cssClasses = cssMessageType
+            ? `twa:bg-${cssMessageType} twa:text-text-on-${cssMessageType}`
+            : '';
+    }
     return {
         color: buttonTextColor,
         background: buttonBackground,
+        cssClasses,
     };
 };
 exports.getAlertButtonStyle = getAlertButtonStyle;

package/src/View/Alert/Utilities/getDefaultAlertDefinition.d.ts

@@ -13,10 +13,11 @@ export declare const getDefaultAlertDefinition: (alertDefinition: AlertDefinitio
     MessageText?: string;
     AlertProperties?: import("../../../types").AlertProperties;
     AlertForm?: string | import("../../../types").AlertButtonForm;
-    IsSuspended?: boolean;
+    Name: string;
     Source?: "InitialState" | "User";
     AdaptableVersion?: import("../../../types").AdaptableVersion;
     IsReadOnly?: boolean;
     Tags?: import("../../../types").AdaptableObjectTag[];
     Metadata?: any;
+    IsSuspended?: boolean;
 };