@adaptabletools/adaptable 17.0.5 → 18.0.0-canary.0

package/src/Redux/Store/AdaptableStore.js

@@ -1,73 +1,68 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdaptableStore = exports.LoadState = exports.InitState = exports.LOAD_STATE = exports.INIT_STATE = void 0;
-const tslib_1 = require("tslib");
-const Enums_1 = require("../../PredefinedConfig/Common/Enums");
-const Redux = tslib_1.__importStar(require("redux"));
-const AdaptableReduxLocalStorageEngine_1 = require("./AdaptableReduxLocalStorageEngine");
-const AdaptableReduxMerger_1 = require("./AdaptableReduxMerger");
-const PopupRedux = tslib_1.__importStar(require("../ActionsReducers/PopupRedux"));
-const PopupRedux_1 = require("../ActionsReducers/PopupRedux");
-const PluginsRedux = tslib_1.__importStar(require("../ActionsReducers/PluginsRedux"));
-const AlertRedux = tslib_1.__importStar(require("../ActionsReducers/AlertRedux"));
-const FlashingCellRedux = tslib_1.__importStar(require("../ActionsReducers/FlashingCellRedux"));
-const SmartEditRedux = tslib_1.__importStar(require("../ActionsReducers/SmartEditRedux"));
-const BulkUpdateRedux = tslib_1.__importStar(require("../ActionsReducers/BulkUpdateRedux"));
-const CustomSortRedux = tslib_1.__importStar(require("../ActionsReducers/CustomSortRedux"));
-const CalculatedColumnRedux = tslib_1.__importStar(require("../ActionsReducers/CalculatedColumnRedux"));
-const ShortcutRedux = tslib_1.__importStar(require("../ActionsReducers/ShortcutRedux"));
-const GridRedux = tslib_1.__importStar(require("../ActionsReducers/GridRedux"));
-const SystemRedux = tslib_1.__importStar(require("../ActionsReducers/SystemRedux"));
-const SystemRedux_1 = require("../ActionsReducers/SystemRedux");
-const PlusMinusRedux = tslib_1.__importStar(require("../ActionsReducers/PlusMinusRedux"));
-const ExportRedux = tslib_1.__importStar(require("../ActionsReducers/ExportRedux"));
-const QuickSearchRedux = tslib_1.__importStar(require("../ActionsReducers/QuickSearchRedux"));
-const ThemeRedux = tslib_1.__importStar(require("../ActionsReducers/ThemeRedux"));
-const FormatColumnRedux = tslib_1.__importStar(require("../ActionsReducers/FormatColumnRedux"));
-const StyledColumnRedux = tslib_1.__importStar(require("../ActionsReducers/StyledColumnRedux"));
-const NotesRedux = tslib_1.__importStar(require("../ActionsReducers/NotesRedux"));
-const ApplicationRedux = tslib_1.__importStar(require("../ActionsReducers/ApplicationRedux"));
-const FreeTextColumnRedux = tslib_1.__importStar(require("../ActionsReducers/FreeTextColumnRedux"));
-const LayoutRedux = tslib_1.__importStar(require("../ActionsReducers/LayoutRedux"));
-const DashboardRedux = tslib_1.__importStar(require("../ActionsReducers/DashboardRedux"));
-const ToolPanelRedux = tslib_1.__importStar(require("../ActionsReducers/ToolPanelRedux"));
-const ScheduleRedux = tslib_1.__importStar(require("../ActionsReducers/ScheduleRedux"));
-const TeamSharingRedux = tslib_1.__importStar(require("../ActionsReducers/TeamSharingRedux"));
-const NamedQueryRedux = tslib_1.__importStar(require("../ActionsReducers/NamedQueryRedux"));
-const QueryRedux = tslib_1.__importStar(require("../ActionsReducers/QueryRedux"));
-const StatusBarRedux = tslib_1.__importStar(require("../ActionsReducers/StatusBarRedux"));
-const ChartingRedux = tslib_1.__importStar(require("../ActionsReducers/ChartingRedux"));
-const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
-const ConfigConstants = tslib_1.__importStar(require("../../Utilities/Constants/ConfigConstants"));
-const ObjectFactory_1 = require("../../Utilities/ObjectFactory");
-const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
-const PreviewHelper_1 = require("../../Utilities/Helpers/PreviewHelper");
-const StringExtensions_1 = require("../../Utilities/Extensions/StringExtensions");
-const Emitter_1 = tslib_1.__importDefault(require("../../Utilities/Emitter"));
-const AdaptableAlert_1 = require("../../PredefinedConfig/Common/AdaptableAlert");
-const AdaptableToaster_1 = require("../../View/Components/Popups/AdaptableToaster");
-const TeamSharingState_1 = require("../../PredefinedConfig/TeamSharingState");
-exports.INIT_STATE = 'INIT_STATE';
-exports.LOAD_STATE = 'LOAD_STATE';
+import * as Redux from 'redux';
+import { ExportDestination } from '../../PredefinedConfig/Common/Enums';
+import * as PluginsRedux from '../ActionsReducers/PluginsRedux';
+import * as PopupRedux from '../ActionsReducers/PopupRedux';
+import { PopupShowForm } from '../ActionsReducers/PopupRedux';
+import { createEngine as createEngineLocal } from './AdaptableReduxLocalStorageEngine';
+import { mergeReducer } from './AdaptableReduxMerger';
+import { isAdaptableCellChangedAlert, isAdaptableRowChangedAlert, } from '../../PredefinedConfig/Common/AdaptableAlert';
+import * as ConfigConstants from '../../Utilities/Constants/ConfigConstants';
+import { EMPTY_STRING, VISUAL_DATA_REPORT } from '../../Utilities/Constants/GeneralConstants';
+import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
+import Emitter from '../../Utilities/Emitter';
+import { StringExtensions } from '../../Utilities/Extensions/StringExtensions';
+import { PreviewHelper } from '../../Utilities/Helpers/PreviewHelper';
+import { ObjectFactory } from '../../Utilities/ObjectFactory';
+import { showToast } from '../../View/Components/Popups/AdaptableToaster';
+import * as AlertRedux from '../ActionsReducers/AlertRedux';
+import * as ApplicationRedux from '../ActionsReducers/ApplicationRedux';
+import * as BulkUpdateRedux from '../ActionsReducers/BulkUpdateRedux';
+import * as CalculatedColumnRedux from '../ActionsReducers/CalculatedColumnRedux';
+import * as ChartingRedux from '../ActionsReducers/ChartingRedux';
+import * as CommentsRedux from '../ActionsReducers/CommentsRedux';
+import * as CustomSortRedux from '../ActionsReducers/CustomSortRedux';
+import * as DashboardRedux from '../ActionsReducers/DashboardRedux';
+import * as ExportRedux from '../ActionsReducers/ExportRedux';
+import * as FlashingCellRedux from '../ActionsReducers/FlashingCellRedux';
+import * as FormatColumnRedux from '../ActionsReducers/FormatColumnRedux';
+import * as FreeTextColumnRedux from '../ActionsReducers/FreeTextColumnRedux';
+import * as GridRedux from '../ActionsReducers/GridRedux';
+import * as LayoutRedux from '../ActionsReducers/LayoutRedux';
+import * as NamedQueryRedux from '../ActionsReducers/NamedQueryRedux';
+import * as NotesRedux from '../ActionsReducers/NotesRedux';
+import * as PlusMinusRedux from '../ActionsReducers/PlusMinusRedux';
+import * as QueryRedux from '../ActionsReducers/QueryRedux';
+import * as QuickSearchRedux from '../ActionsReducers/QuickSearchRedux';
+import * as ScheduleRedux from '../ActionsReducers/ScheduleRedux';
+import * as ShortcutRedux from '../ActionsReducers/ShortcutRedux';
+import * as SmartEditRedux from '../ActionsReducers/SmartEditRedux';
+import * as StatusBarRedux from '../ActionsReducers/StatusBarRedux';
+import * as StyledColumnRedux from '../ActionsReducers/StyledColumnRedux';
+import * as SystemRedux from '../ActionsReducers/SystemRedux';
+import { SYSTEM_PROGRESS_INDICATOR_HIDE, SYSTEM_PROGRESS_INDICATOR_SHOW, SYSTEM_VISUAL_EXPORT_BEGIN, SYSTEM_VISUAL_EXPORT_END, } from '../ActionsReducers/SystemRedux';
+import * as TeamSharingRedux from '../ActionsReducers/TeamSharingRedux';
+import * as ThemeRedux from '../ActionsReducers/ThemeRedux';
+import * as ToolPanelRedux from '../ActionsReducers/ToolPanelRedux';
+import { isAdaptableSharedEntity, isCustomSharedEntity, } from '../../PredefinedConfig/TeamSharingState';
+export const INIT_STATE = 'INIT_STATE';
+export const LOAD_STATE = 'LOAD_STATE';
 const NON_PERSIST_ACTIONS = {
-    [exports.LOAD_STATE]: true,
+    [LOAD_STATE]: true,
     '@@INIT': true,
     '@@redux/init': true,
-    [exports.INIT_STATE]: true,
+    [INIT_STATE]: true,
     // progress indicators should NOT interfere with state management as it may lead to race conditions due to load/persist state being async
-    [SystemRedux_1.SYSTEM_PROGRESS_INDICATOR_SHOW]: true,
-    [SystemRedux_1.SYSTEM_PROGRESS_INDICATOR_HIDE]: true,
+    [SYSTEM_PROGRESS_INDICATOR_SHOW]: true,
+    [SYSTEM_PROGRESS_INDICATOR_HIDE]: true,
 };
-const InitState = () => ({
-    type: exports.INIT_STATE,
+export const InitState = () => ({
+    type: INIT_STATE,
 });
-exports.InitState = InitState;
-const LoadState = (State) => ({
-    type: exports.LOAD_STATE,
+export const LoadState = (State) => ({
+    type: LOAD_STATE,
     State,
 });
-exports.LoadState = LoadState;
-class AdaptableStore {
+export class AdaptableStore {
     /**
      *
      * @param adaptable The Adaptable instance
@@ -97,27 +92,27 @@ class AdaptableStore {
                 .load(predefinedConfig)
                 .then((storedState) => {
                 if (storedState && this.loadStateOnStartup) {
-                    this.TheStore.dispatch((0, exports.LoadState)(adaptable.adaptableOptions.stateOptions.applyState(storedState)));
+                    this.TheStore.dispatch(LoadState(adaptable.adaptableOptions.stateOptions.applyState(storedState)));
                 }
             })
                 // we need AG Grid to be ready because several states(ex. Layout) depend on its API
                 .then(() => this.isAgGridReady)
                 .then(() => {
-                this.TheStore.dispatch((0, exports.InitState)());
+                this.TheStore.dispatch(InitState());
                 // END STATE LOAD
                 this.loadStorageInProgress = false;
             }, (e) => {
                 adaptable.logger.error('Failed to load previous Adaptable State : ', e);
                 //for now i'm still initializing Adaptable even if loading state has failed....
                 //we may revisit that later
-                this.TheStore.dispatch((0, exports.InitState)());
+                this.TheStore.dispatch(InitState());
                 // END STATE LOAD
                 this.loadStorageInProgress = false;
                 this.TheStore.dispatch(PopupRedux.PopupShowAlert({
                     alertType: 'generic',
                     header: 'Configuration',
                     message: 'Error loading your configuration:' + e,
-                    alertDefinition: ObjectFactory_1.ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
+                    alertDefinition: ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
                 }));
             }));
         };
@@ -149,6 +144,7 @@ class AdaptableStore {
             Charting: ChartingRedux.ChartingReducer,
             StyledColumn: StyledColumnRedux.StyledColumnReducer,
             Notes: NotesRedux.NotesReducer,
+            Comment: CommentsRedux.CommentsReducer,
             Query: QueryRedux.QueryReducer,
             NamedQuery: NamedQueryRedux.NamedQueryReducer,
         };
@@ -161,7 +157,7 @@ class AdaptableStore {
         const initialRootReducer = Redux.combineReducers(rootReducerObject);
         const rootReducerWithResetManagement = (state, action) => {
             switch (action.type) {
-                case exports.LOAD_STATE:
+                case LOAD_STATE:
                     const { State } = action;
                     Object.keys(State).forEach((key) => {
                         // this check should be removed in version 12 !!!
@@ -182,11 +178,11 @@ class AdaptableStore {
             return initialRootReducer(state, action);
         };
         let storageEngine;
-        this.emitter = new Emitter_1.default();
+        this.emitter = new Emitter();
         // If the user has remote storage set then we use Remote Engine, otherwise we use Local Enginge
         // not sure we can do this as we need to be backwardly compatible with existing users so need to stick with adaptable id (which should be unique)
         // const localStorageKey =  'adaptable-adaptable-state-' + adaptable.adaptableOptions.primaryKey;
-        storageEngine = (0, AdaptableReduxLocalStorageEngine_1.createEngine)({
+        storageEngine = createEngineLocal({
             adaptableId: adaptable.adaptableOptions.adaptableId,
             adaptableStateKey: adaptable.adaptableOptions.adaptableStateKey,
             userName: adaptable.adaptableOptions.userName,
@@ -201,6 +197,7 @@ class AdaptableStore {
             ConfigConstants.GRID,
             ConfigConstants.POPUP,
             ConfigConstants.PLUGINS,
+            ConfigConstants.COMMENT,
         ];
         const didPersistentStateChange = (state, newState) => {
             return Object.keys(newState).some((key) => {
@@ -211,7 +208,7 @@ class AdaptableStore {
             });
         };
         // this is now VERY BADLY NAMED!
-        let rootReducer = (0, AdaptableReduxMerger_1.mergeReducer)(rootReducerWithResetManagement, exports.LOAD_STATE);
+        let rootReducer = mergeReducer(rootReducerWithResetManagement, LOAD_STATE);
         const composeEnhancers = (x) => x;
         const persistedReducer = (state, action) => {
             var _a, _b;
@@ -272,14 +269,13 @@ class AdaptableStore {
         return Promise.resolve(true);
     }
 }
-exports.AdaptableStore = AdaptableStore;
 // this is the main function for dealing with Redux Actions which require additional functionality to be triggered.
 // Please document each use case where we have to use the Store rather than a module or a popup screen
 // This should ideally be the ONLY place where we LISTEN to store changes
-const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
+const adaptableMiddleware = (adaptable) => (function(middlewareAPI) {
     return function (next) {
         return function (action) {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
             switch (action.type) {
                 /*******************
                  * NAMED QUERY ACTIONS
@@ -297,7 +293,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                             alertType: 'generic',
                             header: 'Named Query could not be deleted',
                             message: `It is still referenced in the following modules: ${namedQueryReferences.join(', ')}`,
-                            alertDefinition: ObjectFactory_1.ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
+                            alertDefinition: ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
                         }));
                         return;
                     }
@@ -319,7 +315,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                                 alertType: 'generic',
                                 header: 'Named Query could not be renamed',
                                 message: `It is currently referenced in the following modules: ${namedQueryReferences.join(', ')}`,
-                                alertDefinition: ObjectFactory_1.ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
+                                alertDefinition: ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
                             }));
                             return;
                         }
@@ -425,13 +421,13 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                     let ret = next(action);
                     const adaptableAlert = actionTyped.alert;
                     if (((_c = adaptableAlert.alertDefinition.AlertProperties) === null || _c === void 0 ? void 0 : _c.HighlightCell) &&
-                        (0, AdaptableAlert_1.isAdaptableCellChangedAlert)(adaptableAlert) &&
+                        isAdaptableCellChangedAlert(adaptableAlert) &&
                         adaptableAlert.cellDataChangedInfo) {
                         const rowNode = adaptableAlert.cellDataChangedInfo.rowNode;
                         adaptable.refreshCells([rowNode], [adaptableAlert.cellDataChangedInfo.column.columnId], true);
                     }
                     if (((_d = adaptableAlert.alertDefinition.AlertProperties) === null || _d === void 0 ? void 0 : _d.HighlightRow) &&
-                        (0, AdaptableAlert_1.isAdaptableRowChangedAlert)(adaptableAlert) &&
+                        isAdaptableRowChangedAlert(adaptableAlert) &&
                         adaptableAlert.gridDataChangedInfo) {
                         adaptable.api.gridApi.refreshRowNodes(adaptableAlert.gridDataChangedInfo.rowNodes);
                     }
@@ -448,13 +444,13 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                     alerts.forEach((alert) => {
                         var _a, _b;
                         if (((_a = alert.alertDefinition.AlertProperties) === null || _a === void 0 ? void 0 : _a.HighlightCell) &&
-                            (0, AdaptableAlert_1.isAdaptableCellChangedAlert)(alert) &&
+                            isAdaptableCellChangedAlert(alert) &&
                             alert.cellDataChangedInfo) {
                             let rowNode = alert.cellDataChangedInfo.rowNode;
                             adaptable.refreshCells([rowNode], [alert.cellDataChangedInfo.column.columnId], true);
                         }
                         if (((_b = alert.alertDefinition.AlertProperties) === null || _b === void 0 ? void 0 : _b.HighlightRow) &&
-                            (0, AdaptableAlert_1.isAdaptableRowChangedAlert)(alert) &&
+                            isAdaptableRowChangedAlert(alert) &&
                             alert.gridDataChangedInfo) {
                             adaptable.api.gridApi.refreshRowNodes(alert.gridDataChangedInfo.rowNodes);
                         }
@@ -470,7 +466,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                     const actionTyped = action;
                     const adaptableAlert = actionTyped.alert;
                     if ((_e = adaptableAlert.alertDefinition.AlertProperties) === null || _e === void 0 ? void 0 : _e.HighlightCell) {
-                        if ((0, AdaptableAlert_1.isAdaptableCellChangedAlert)(adaptableAlert) &&
+                        if (isAdaptableCellChangedAlert(adaptableAlert) &&
                             adaptableAlert.cellDataChangedInfo) {
                             const rowNode = adaptableAlert.cellDataChangedInfo.rowNode;
                             adaptable.refreshCells([rowNode], [adaptableAlert.cellDataChangedInfo.column.columnId], true);
@@ -483,11 +479,11 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                     const actionTyped = action;
                     const adaptableAlert = actionTyped.alert;
                     if ((_f = adaptableAlert.alertDefinition.AlertProperties) === null || _f === void 0 ? void 0 : _f.HighlightRow) {
-                        if ((0, AdaptableAlert_1.isAdaptableCellChangedAlert)(adaptableAlert) &&
+                        if (isAdaptableCellChangedAlert(adaptableAlert) &&
                             adaptableAlert.cellDataChangedInfo) {
                             adaptable.api.gridApi.refreshRowNodes([adaptableAlert.cellDataChangedInfo.rowNode]);
                         }
-                        if ((0, AdaptableAlert_1.isAdaptableRowChangedAlert)(adaptableAlert) &&
+                        if (isAdaptableRowChangedAlert(adaptableAlert) &&
                             adaptableAlert.gridDataChangedInfo) {
                             adaptable.api.gridApi.refreshRowNodes(adaptableAlert.gridDataChangedInfo.rowNodes);
                         }
@@ -616,7 +612,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                             alertType: 'generic',
                             header: 'CalculatedColumn could not be deleted',
                             message: `It is still referenced in the following modules: ${calculatedColumnReferences.join(', ')}`,
-                            alertDefinition: ObjectFactory_1.ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
+                            alertDefinition: ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
                         }));
                         return;
                     }
@@ -641,7 +637,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                             alertType: 'generic',
                             header: 'FreeTextColumn could not be deleted',
                             message: `It is still referenced in the following modules: ${freeTextColumnReferences.join(', ')}`,
-                            alertDefinition: ObjectFactory_1.ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
+                            alertDefinition: ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
                         }));
                         return;
                     }
@@ -701,7 +697,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                     if (adaptable.adaptableOptions.quickSearchOptions.filterResultsAfterQuickSearch) {
                         const actionTyped = action;
                         const searchText = actionTyped.quickSearchText;
-                        if (StringExtensions_1.StringExtensions.IsNotNullOrEmpty(searchText)) {
+                        if (StringExtensions.IsNotNullOrEmpty(searchText)) {
                             adaptable.setAgGridQuickSearch(searchText);
                         }
                         else {
@@ -843,7 +839,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                     adaptable.api.dataSetApi.internalApi.fireDataSetSelectedEvent(dataSet);
                     requestAnimationFrame(() => {
                         if (dataSet.form) {
-                            middlewareAPI.dispatch((0, PopupRedux_1.PopupShowForm)({
+                            middlewareAPI.dispatch(PopupShowForm({
                                 Id: 'data-set-form',
                                 Form: dataSet.form,
                                 prepareContext: (context) => {
@@ -873,7 +869,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                  * Note ACTIONS
                  *******************/
                 /**
-                 * Use Case: Comments has been edited/deleted/added
+                 * Use Case: Notes has been edited/deleted/added
                  * Action: Triangle can be removed/added
                  */
                 case NotesRedux.NOTES_ADD:
@@ -882,9 +878,72 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                     let returnAction = next(action);
                     const node = adaptable.api.gridApi.getRowNodeForPrimaryKey(returnAction.adaptableNote.PrimaryKeyValue);
                     adaptable.refreshCells([node], [returnAction.adaptableNote.ColumnId], true);
-                    if (action.type == NotesRedux.NOTES_DELETE) {
-                        adaptable.api.notesApi.hideNote();
+                    return returnAction;
+                }
+                /*******************
+                 * Comment ACTIONS
+                 *******************/
+                /**
+                 * 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: {
+                    let returnAction = next(action);
+                    let node = null;
+                    let columnId = null;
+                    if ('cellAddress' in returnAction) {
+                        node = adaptable.api.gridApi.getRowNodeForPrimaryKey(returnAction.cellAddress.PrimaryKeyValue);
+                        columnId = returnAction.cellAddress.ColumnId;
+                    }
+                    else if ('cellComments' in returnAction) {
+                        node = adaptable.api.gridApi.getRowNodeForPrimaryKey(returnAction.cellComments.PrimaryKeyValue);
+                        columnId = returnAction.cellComments.ColumnId;
                     }
+                    if (node && columnId) {
+                        adaptable.refreshCells([node], [columnId], true);
+                        requestAnimationFrame(() => {
+                            var _a, _b;
+                            const commentThreads = adaptable.api.commentApi.getCommentThreads();
+                            adaptable.api.eventApi.emit('CommentsChanged', adaptable.api.commentApi.getCommentThreads());
+                            (_b = (_a = adaptable.api.optionsApi
+                                .getCommentsOptions()) === null || _a === void 0 ? void 0 : _a.persistCommentThreads) === null || _b === void 0 ? void 0 : _b.call(_a, commentThreads);
+                        });
+                    }
+                    return returnAction;
+                }
+                case CommentsRedux.COMMENTS_LOAD: {
+                    const previousCommentThreads = adaptable.api.commentApi.getCommentThreads();
+                    let returnAction = next(action);
+                    const newCommentThreads = (_j = adaptable.api.commentApi.getCommentThreads()) !== null && _j !== void 0 ? _j : [];
+                    requestAnimationFrame(() => {
+                        let addedCommentThreads = [];
+                        let deletedCommentThreads = [];
+                        const prevCommentThreadsSet = new Set((previousCommentThreads !== null && previousCommentThreads !== void 0 ? previousCommentThreads : []).map((c) => c.Uuid));
+                        const newCommentThreadsSet = new Set((newCommentThreads !== null && newCommentThreads !== void 0 ? newCommentThreads : []).map((c) => c.Uuid));
+                        for (const commentThread of newCommentThreads) {
+                            if (!prevCommentThreadsSet.has(commentThread.Uuid)) {
+                                addedCommentThreads.push(commentThread);
+                            }
+                        }
+                        for (const commentThread of previousCommentThreads) {
+                            if (!newCommentThreadsSet.has(commentThread.Uuid)) {
+                                deletedCommentThreads.push(commentThread);
+                            }
+                        }
+                        // This cannot be called because it would trigger an infinite loop
+                        // adaptable.api.eventApi.emit('CommentsChanged', commentThreads);
+                        // refresh all comments cells to show or hide the triangle
+                        [...addedCommentThreads, ...deletedCommentThreads].forEach((commentThread) => {
+                            const node = adaptable.api.gridApi.getRowNodeForPrimaryKey(commentThread.PrimaryKeyValue);
+                            if (node && commentThread.ColumnId) {
+                                adaptable.refreshCells([node], [commentThread.ColumnId], true);
+                            }
+                        });
+                    });
                     return returnAction;
                 }
                 /*******************
@@ -915,13 +974,6 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                 case ScheduleRedux.IPUSHPULL_SCHEDULE_UNSUSPEND:
                 case ScheduleRedux.IPUSHPULL_SCHEDULE_SUSPEND_ALL:
                 case ScheduleRedux.IPUSHPULL_SCHEDULE_UNSUSPEND_ALL:
-                case ScheduleRedux.GLUE42_SCHEDULE_ADD:
-                case ScheduleRedux.GLUE42_SCHEDULE_EDIT:
-                case ScheduleRedux.GLUE42_SCHEDULE_DELETE:
-                case ScheduleRedux.GLUE42_SCHEDULE_SUSPEND:
-                case ScheduleRedux.GLUE42_SCHEDULE_UNSUSPEND:
-                case ScheduleRedux.GLUE42_SCHEDULE_SUSPEND_ALL:
-                case ScheduleRedux.GLUE42_SCHEDULE_UNSUSPEND_ALL:
                 case ScheduleRedux.OPENFIN_SCHEDULE_ADD:
                 case ScheduleRedux.OPENFIN_SCHEDULE_EDIT:
                 case ScheduleRedux.OPENFIN_SCHEDULE_DELETE:
@@ -967,8 +1019,8 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                     let returnAction = next(action);
                     const newLayoutState = middlewareAPI.getState().Layout;
                     adaptable.api.layoutApi.internalApi.fireLayoutChangedEvent(action.type, oldLayoutState, newLayoutState);
-                    const oldFilters = (_j = oldLayoutState.Layouts.find((l) => l.Name == oldLayoutState.CurrentLayout)) === null || _j === void 0 ? void 0 : _j.ColumnFilters;
-                    const newFilters = (_k = newLayoutState.Layouts.find((l) => l.Name == newLayoutState.CurrentLayout)) === null || _k === void 0 ? void 0 : _k.ColumnFilters;
+                    const oldFilters = (_k = oldLayoutState.Layouts.find((l) => l.Name == oldLayoutState.CurrentLayout)) === null || _k === void 0 ? void 0 : _k.ColumnFilters;
+                    const newFilters = (_l = newLayoutState.Layouts.find((l) => l.Name == newLayoutState.CurrentLayout)) === null || _l === void 0 ? void 0 : _l.ColumnFilters;
                     // Tell Grid to apply filtering if filters have been changed in a loaded Layout
                     if (adaptable.api.columnFilterApi.internalApi.areColumnFiltersDifferent(oldFilters, newFilters)) {
                         adaptable.applyColumnFiltering();
@@ -985,7 +1037,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                             // tell grid the layout has been selected
                             adaptable.setLayout(currentLayout);
                         }
-                        if (!((_l = adaptable.adaptableOptions.layoutOptions) === null || _l === void 0 ? void 0 : _l.autoSaveLayouts)) {
+                        if (!((_m = adaptable.adaptableOptions.layoutOptions) === null || _m === void 0 ? void 0 : _m.autoSaveLayouts)) {
                             middlewareAPI.dispatch(GridRedux.LayoutUpdateCurrentDraft(currentLayout));
                         }
                     }
@@ -993,7 +1045,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                         returnAction.type == LayoutRedux.LAYOUT_SAVE) {
                         const actionTyped = action;
                         // if autosave is false
-                        if (!((_m = adaptable.adaptableOptions.layoutOptions) === null || _m === void 0 ? void 0 : _m.autoSaveLayouts)) {
+                        if (!((_o = adaptable.adaptableOptions.layoutOptions) === null || _o === void 0 ? void 0 : _o.autoSaveLayouts)) {
                             // and the current layout is saved, make sure we also update the draft
                             if (actionTyped.layout.Name === newLayoutState.CurrentLayout) {
                                 middlewareAPI.dispatch(GridRedux.LayoutUpdateCurrentDraft(actionTyped.layout));
@@ -1080,7 +1132,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                     let module = (adaptable.adaptableModules.get(ModuleConstants.SmartEditModuleId));
                     const actionTyped = action;
                     let thePreview = middlewareAPI.getState().System.SmartEditPreviewInfo;
-                    let newValues = PreviewHelper_1.PreviewHelper.GetCellUpdateRequestsFromPreview(thePreview, actionTyped.bypassValidationWarnings);
+                    let newValues = PreviewHelper.GetCellUpdateRequestsFromPreview(thePreview, actionTyped.bypassValidationWarnings);
                     module.ApplySmartEdit(newValues);
                     middlewareAPI.dispatch(PopupRedux.PopupHideScreen());
                     return next(action);
@@ -1135,7 +1187,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                 case BulkUpdateRedux.BULK_UPDATE_COMPLETE: {
                     const actionTyped = action;
                     let thePreview = middlewareAPI.getState().System.BulkUpdatePreviewInfo;
-                    let newValues = PreviewHelper_1.PreviewHelper.GetCellUpdateRequestsFromPreview(thePreview, actionTyped.bypassValidationWarnings);
+                    let newValues = PreviewHelper.GetCellUpdateRequestsFromPreview(thePreview, actionTyped.bypassValidationWarnings);
                     adaptable.api.bulkUpdateApi.applyBulkUpdate(newValues);
                     middlewareAPI.dispatch(PopupRedux.PopupHideScreen());
                     return next(action);
@@ -1198,8 +1250,8 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                     let returnAction = next(action);
                     const selectedReport = actionTyped.SelectedReport;
                     if (!selectedReport ||
-                        (selectedReport === GeneralConstants_1.VISUAL_DATA_REPORT &&
-                            middlewareAPI.getState().Export.CurrentDestination !== Enums_1.ExportDestination.Excel)) {
+                        (selectedReport === VISUAL_DATA_REPORT &&
+                            middlewareAPI.getState().Export.CurrentDestination !== ExportDestination.Excel)) {
                         middlewareAPI.dispatch(ExportRedux.DestinationSelect(null));
                     }
                     return returnAction;
@@ -1217,12 +1269,12 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                     let report = actionTyped.report;
                     let currentReport = middlewareAPI.getState().Export.CurrentReport;
                     if (report && report.Name == currentReport) {
-                        middlewareAPI.dispatch(ExportRedux.ReportSelect(GeneralConstants_1.EMPTY_STRING));
+                        middlewareAPI.dispatch(ExportRedux.ReportSelect(EMPTY_STRING));
                     }
                     return next(action);
                 }
-                case SystemRedux_1.SYSTEM_VISUAL_EXPORT_BEGIN:
-                case SystemRedux_1.SYSTEM_VISUAL_EXPORT_END: {
+                case SYSTEM_VISUAL_EXPORT_BEGIN:
+                case SYSTEM_VISUAL_EXPORT_END: {
                     let returnAction = next(action);
                     adaptable.ReportService.resetExcelStyleMemoization();
                     return returnAction;
@@ -1251,7 +1303,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                             alertType: 'generic',
                             header: 'Team Sharing',
                             message: "Couldn't get shared items: " + error.message,
-                            alertDefinition: ObjectFactory_1.ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
+                            alertDefinition: ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
                         }));
                     });
                     return returnAction;
@@ -1271,7 +1323,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                         let newCustomShare = true;
                         const updatedSharedEntities = sharedEntities.map((entity) => {
                             // if it has the same UUID, override it
-                            if ((0, TeamSharingState_1.isCustomSharedEntity)(entity) && entity.Uuid === customSharedEntity.Uuid) {
+                            if (isCustomSharedEntity(entity) && entity.Uuid === customSharedEntity.Uuid) {
                                 newCustomShare = false;
                                 return Object.assign(Object.assign({}, customSharedEntity), { ChangedAt: Date.now(), ChangedBy: adaptable.api.optionsApi.getUserName() });
                             }
@@ -1316,7 +1368,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                                 alertType: 'generic',
                                 header: 'Team Sharing',
                                 message: `Couldn't share ${adaptable.api.internalApi.getModuleFriendlyName(Module)}, there is already an existing active share for it: ${existingActiveSharedEntity.Description}`,
-                                alertDefinition: ObjectFactory_1.ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
+                                alertDefinition: ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
                             }));
                             shareSuccessful = false;
                             return;
@@ -1339,7 +1391,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                                 alertType: 'generic',
                                 header: 'Team Sharing',
                                 message: `${adaptable.api.internalApi.getModuleFriendlyName(Module)} Shared Successfully`,
-                                alertDefinition: ObjectFactory_1.ObjectFactory.CreateInternalAlertDefinitionForMessages('Success'),
+                                alertDefinition: ObjectFactory.CreateInternalAlertDefinitionForMessages('Success'),
                             }));
                         }
                     })
@@ -1349,7 +1401,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                             alertType: 'generic',
                             header: 'Team Sharing',
                             message: "Couldn't share item: " + error.message,
-                            alertDefinition: ObjectFactory_1.ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
+                            alertDefinition: ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
                         }));
                     });
                     return returnAction;
@@ -1365,7 +1417,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                         .loadSharedEntities()
                         .then((sharedEntities) => {
                         // ensure that no other SharedDependencies reference the to-be-deleted entity
-                        const adaptableSharedEntities = sharedEntities.filter(TeamSharingState_1.isAdaptableSharedEntity);
+                        const adaptableSharedEntities = sharedEntities.filter(isAdaptableSharedEntity);
                         const sharedEntityDependants = adaptable.api.internalApi
                             .getTeamSharingService()
                             .getSharedEntityDependants(removedEntityId, adaptableSharedEntities);
@@ -1376,7 +1428,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                                 message: sharedEntityDependants
                                     .map((sharedEntity) => `${adaptable.api.internalApi.getModuleFriendlyName(sharedEntity.Module)} ${sharedEntity.Description}`)
                                     .join('\n'),
-                                alertDefinition: ObjectFactory_1.ObjectFactory.CreateInternalAlertDefinitionForMessages('Warning'),
+                                alertDefinition: ObjectFactory.CreateInternalAlertDefinitionForMessages('Warning'),
                             }));
                             return;
                         }
@@ -1392,7 +1444,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                             alertType: 'generic',
                             header: 'Team Sharing',
                             message: "Couldn't remove item: " + error.message,
-                            alertDefinition: ObjectFactory_1.ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
+                            alertDefinition: ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
                         }));
                     });
                     return returnAction;
@@ -1460,7 +1512,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                         alertType: 'generic',
                         header: 'Team Sharing',
                         message: `Item Successfully Imported`,
-                        alertDefinition: ObjectFactory_1.ObjectFactory.CreateInternalAlertDefinitionForMessages('Success'),
+                        alertDefinition: ObjectFactory.CreateInternalAlertDefinitionForMessages('Success'),
                     }));
                     return returnAction;
                 }
@@ -1477,7 +1529,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                     adaptable.api.teamSharingApi
                         .loadSharedEntities()
                         .then((sharedEntities) => {
-                        const adaptableSharedEntities = sharedEntities.filter(TeamSharingState_1.isAdaptableSharedEntity);
+                        const adaptableSharedEntities = sharedEntities.filter(isAdaptableSharedEntity);
                         // check if remote server has a newer revision
                         const [localRevision, remoteRevision] = adaptable.api.internalApi
                             .getTeamSharingService()
@@ -1499,7 +1551,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                             alertType: 'generic',
                             header: 'Team Sharing',
                             message: "Couldn't update active item: " + error.message,
-                            alertDefinition: ObjectFactory_1.ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
+                            alertDefinition: ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
                         }));
                     });
                     return returnAction;
@@ -1519,7 +1571,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                             alertType: 'generic',
                             header: 'Team Sharing',
                             message: "Couldn't check for updates: " + error.message,
-                            alertDefinition: ObjectFactory_1.ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
+                            alertDefinition: ObjectFactory.CreateInternalAlertDefinitionForMessages('Error'),
                         }));
                     });
                     return returnAction;
@@ -1570,7 +1622,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                  * POPUP (INTERNAL) ACTIONS
                  *******************/
                 case PopupRedux.POPUP_SHOW_ALERT: {
-                    (0, AdaptableToaster_1.showToast)({
+                    showToast({
                         api: adaptable.api,
                         adaptableAlert: action.alert,
                     });
@@ -1602,7 +1654,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                 /*******************
                  * MANAGING STATE ACTIONS
                  *******************/
-                case exports.INIT_STATE: {
+                case INIT_STATE: {
                     let returnAction = next(action);
                     if (adaptable.isDestroyed) {
                         return returnAction;
@@ -1630,4 +1682,4 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
             }
         };
     };
-};
+});