@adaptabletools/adaptable 16.0.0-canary.2 → 16.0.0-canary.4

package/src/Strategy/ScheduleModule.js

@@ -13,13 +13,14 @@ const ScheduleRedux = tslib_1.__importStar(require("../Redux/ActionsReducers/Sch
 const getObjectTagsViewItems_1 = require("./Utilities/getObjectTagsViewItems");
 const dateTimeouts = {};
 const NodeSchedule = {
-    scheduleJob: (date, fn) => {
+    scheduleJob: (date, schedule, api, fn) => {
         const timestamp = +date;
         const now = Date.now();
         const timeUntilDate = timestamp - now;
         if (timeUntilDate > 0) {
             const timeoutId = +setTimeout(() => {
                 fn();
+                api.scheduleApi.internalApi.fireScheduleTriggeredEvent(schedule);
             }, timeUntilDate);
             dateTimeouts[timestamp] = timeoutId;
         }
@@ -70,7 +71,7 @@ class ScheduleModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     addSchedule(schedule, scheduleType) {
         const date = this.getDateFromSchedule(schedule.Schedule);
         if (date != null) {
-            const alertJob = NodeSchedule.scheduleJob(date, () => {
+            const alertJob = NodeSchedule.scheduleJob(date, schedule, this.api, () => {
                 this.api.scheduleApi.applySchedule(schedule, scheduleType);
             });
             this.scheduleJobs.push(alertJob);

package/src/Strategy/StyledColumnModule.js

@@ -24,7 +24,7 @@ class StyledColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             const activeCheckboxColumnIds = this.api.columnApi
                 .getColumns()
                 .filter((aColumn) => {
-                const checkboxColumn = this.api.styledColumnApi.getCheckBoxStyleStyledColumn(aColumn);
+                const checkboxColumn = this.api.styledColumnApi.internalApi.getCheckBoxStyleStyledColumn(aColumn);
                 return checkboxColumn && !checkboxColumn.IsSuspended;
             })
                 .map((aColumn) => aColumn.columnId);
@@ -77,7 +77,7 @@ class StyledColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         if (column && this.isModuleEditable()) {
             let styledColumn = this.api.styledColumnApi.getStyledColumnForColumnId(column.columnId);
             // First look at Sparkline Columns - needs to be editable array type
-            if (this.api.columnApi.hasArrayDataType(column.columnId) &&
+            if (this.api.columnApi.hasNumericArrayDataType(column.columnId) &&
                 column.IsReadOnly !== true &&
                 this.api.styledColumnApi.canDisplaySparklines()) {
                 let sparklineColumnExists = column.isSparkline && Boolean(styledColumn);
@@ -171,21 +171,30 @@ class StyledColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                             break;
                     }
                 }
-                // Then do Checkbox
+                // Then do Checkbox - now removed as AG Grid 30 offers this
+                /*
                 if (column.dataType == 'Boolean' && !this.api.columnApi.isFreeTextColumn(column.columnId)) {
-                    const hasCheckBox = styledColumn && (styledColumn === null || styledColumn === void 0 ? void 0 : styledColumn.CheckBoxStyle);
-                    if (hasCheckBox) {
-                        returnColumnMenuItems.push(this.createColumnMenuItemClickFunction('Remove Checkbox', 'unchecked', () => {
-                            this.api.styledColumnApi.deleteStyledColumn(styledColumn);
-                        }));
-                    }
-                    else {
-                        returnColumnMenuItems.push(this.createColumnMenuItemClickFunction('Show as Checkbox', 'checked', () => {
-                            const styledColumn = ObjectFactory_1.default.CreateEmptyStyledColumn();
-                            this.api.styledColumnApi.addStyledColumn(Object.assign(Object.assign({}, styledColumn), { ColumnId: column.columnId, CheckBoxStyle: true }));
-                        }));
-                    }
+                  const hasCheckBox: boolean = styledColumn && styledColumn?.CheckBoxStyle;
+                  if (hasCheckBox) {
+                    returnColumnMenuItems.push(
+                      this.createColumnMenuItemClickFunction('Remove Checkbox', 'unchecked', () => {
+                        this.api.styledColumnApi.deleteStyledColumn(styledColumn);
+                      })
+                    );
+                  } else {
+                    returnColumnMenuItems.push(
+                      this.createColumnMenuItemClickFunction('Show as Checkbox', 'checked', () => {
+                        const styledColumn = ObjectFactory.CreateEmptyStyledColumn();
+                        this.api.styledColumnApi.addStyledColumn({
+                          ...styledColumn,
+                          ColumnId: column.columnId,
+                          CheckBoxStyle: true,
+                        });
+                      })
+                    );
+                  }
                 }
+                */
             }
         }
         return returnColumnMenuItems;

package/src/Utilities/Constants/DocumentationLinkConstants.js

@@ -11,7 +11,7 @@ exports.AggregatedBooleanQueryDocsLink = `${exports.HOST_URL_DOCS}/guide/adaptab
 exports.AggregatedScalarQueryDocsLink = `${exports.HOST_URL_DOCS}/guide/adaptable-ql-expression-aggregation-scalar`;
 exports.CumulativeAggregatedScalarQueryDocsLink = `${exports.HOST_URL_DOCS}/guide/adaptable-ql-expression-aggregation-scalar#cumulative-aggregation`;
 exports.PredicateDocsLink = `${exports.HOST_URL_DOCS}/guide/adaptable-ql-predicate`;
-exports.PrimaryKeyDocsLink = `${exports.HOST_URL_DOCS}/guide/dev-guide-tutorial-primary-key`;
+exports.PrimaryKeyDocsLink = `${exports.HOST_URL_DOCS}/guide/getting-started-primary-key`;
 exports.LicenseDocsLink = `${exports.HOST_URL_DOCS}/guide/licensing`;
 exports.AdaptableOptionsDocsLink = `${exports.HOST_URL_DOCS}/guide/reference-options-overview`;
 exports.AgGridModulesDocsLink = `${exports.HOST_URL_DOCS}/TODO_TODO_TODO`;

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

@@ -21,6 +21,8 @@ export declare const DataSetModuleId: ModuleConstants;
 export declare const DataSetFriendlyName = "Data Set";
 export declare const ExportModuleId: ModuleConstants;
 export declare const ExportFriendlyName = "Export";
+export declare const Fdc3ModuleId: ModuleConstants;
+export declare const Fdc3FriendlyName = "FDC3";
 export declare const FilterModuleId: ModuleConstants;
 export declare const FilterFriendlyName = "Filter";
 export declare const FormatColumnModuleId: ModuleConstants;
@@ -77,6 +79,7 @@ export declare const ADAPTABLE_MODULE_MAP: {
     DataChangeHistory: string;
     DataSet: string;
     Export: string;
+    Fdc3: string;
     Filter: string;
     FormatColumn: string;
     FreeTextColumn: string;

package/src/Utilities/Constants/ModuleConstants.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SmartEditFriendlyName = exports.SmartEditModuleId = exports.ShortcutFriendlyName = exports.ShortcutModuleId = exports.ScheduleFriendlyName = exports.ScheduleModuleId = exports.QuickSearchFriendlyName = exports.QuickSearchModuleId = exports.QueryFriendlyName = exports.QueryModuleId = exports.PlusMinusFriendlyName = exports.PlusMinusModuleId = exports.OpenFinFriendlyName = exports.OpenFinModuleId = exports.LayoutFriendlyName = exports.LayoutModuleId = exports.IPushPullFriendlyName = exports.IPushPullModuleId = exports.GridInfoFriendlyName = exports.GridInfoModuleId = exports.Glue42FriendlyName = exports.Glue42ModuleId = exports.FreeTextColumnFriendlyName = exports.FreeTextColumnModuleId = exports.FormatColumnFriendlyName = exports.FormatColumnModuleId = exports.FilterFriendlyName = exports.FilterModuleId = exports.ExportFriendlyName = exports.ExportModuleId = exports.DataSetFriendlyName = exports.DataSetModuleId = exports.DataChangeHistoryFriendlyName = exports.DataChangeHistoryModuleId = exports.DashboardFriendlyName = exports.DashboardModuleId = exports.CustomSortFriendlyName = exports.CustomSortModuleId = exports.ChartingFriendlyName = exports.ChartingModuleId = exports.CellSummaryFriendlyName = exports.CellSummaryModuleId = exports.CalculatedColumnFriendlyName = exports.CalculatedColumnModuleId = exports.BulkUpdateFriendlyName = exports.BulkUpdateModuleId = exports.FlashingCellFriendlyName = exports.FlashingCellModuleId = exports.AlertModuleFriendlyName = exports.AlertModuleId = void 0;
-exports.ADAPTABLE_MODULE_MAP = exports.StatusBarFriendlyName = exports.StatusBarModuleId = exports.SettingsPanelFriendlyName = exports.SettingsPanelModuleId = exports.ToolPanelFriendlyName = exports.ToolPanelModuleId = exports.ThemeFriendlyName = exports.ThemeModuleId = exports.TeamSharingFriendlyName = exports.TeamSharingModuleId = exports.SystemStatusFriendlyName = exports.SystemStatusModuleId = exports.StateManagementFriendlyName = exports.StateManagementModuleId = exports.StyledColumnFriendlyName = exports.StyledColumnModuleId = void 0;
+exports.ShortcutFriendlyName = exports.ShortcutModuleId = exports.ScheduleFriendlyName = exports.ScheduleModuleId = exports.QuickSearchFriendlyName = exports.QuickSearchModuleId = exports.QueryFriendlyName = exports.QueryModuleId = exports.PlusMinusFriendlyName = exports.PlusMinusModuleId = exports.OpenFinFriendlyName = exports.OpenFinModuleId = exports.LayoutFriendlyName = exports.LayoutModuleId = exports.IPushPullFriendlyName = exports.IPushPullModuleId = exports.GridInfoFriendlyName = exports.GridInfoModuleId = exports.Glue42FriendlyName = exports.Glue42ModuleId = exports.FreeTextColumnFriendlyName = exports.FreeTextColumnModuleId = exports.FormatColumnFriendlyName = exports.FormatColumnModuleId = exports.FilterFriendlyName = exports.FilterModuleId = exports.Fdc3FriendlyName = exports.Fdc3ModuleId = exports.ExportFriendlyName = exports.ExportModuleId = exports.DataSetFriendlyName = exports.DataSetModuleId = exports.DataChangeHistoryFriendlyName = exports.DataChangeHistoryModuleId = exports.DashboardFriendlyName = exports.DashboardModuleId = exports.CustomSortFriendlyName = exports.CustomSortModuleId = exports.ChartingFriendlyName = exports.ChartingModuleId = exports.CellSummaryFriendlyName = exports.CellSummaryModuleId = exports.CalculatedColumnFriendlyName = exports.CalculatedColumnModuleId = exports.BulkUpdateFriendlyName = exports.BulkUpdateModuleId = exports.FlashingCellFriendlyName = exports.FlashingCellModuleId = exports.AlertModuleFriendlyName = exports.AlertModuleId = void 0;
+exports.ADAPTABLE_MODULE_MAP = exports.StatusBarFriendlyName = exports.StatusBarModuleId = exports.SettingsPanelFriendlyName = exports.SettingsPanelModuleId = exports.ToolPanelFriendlyName = exports.ToolPanelModuleId = exports.ThemeFriendlyName = exports.ThemeModuleId = exports.TeamSharingFriendlyName = exports.TeamSharingModuleId = exports.SystemStatusFriendlyName = exports.SystemStatusModuleId = exports.StateManagementFriendlyName = exports.StateManagementModuleId = exports.StyledColumnFriendlyName = exports.StyledColumnModuleId = exports.SmartEditFriendlyName = exports.SmartEditModuleId = void 0;
 exports.AlertModuleId = 'Alert';
 exports.AlertModuleFriendlyName = 'Alert';
 exports.FlashingCellModuleId = 'FlashingCell';
@@ -24,6 +24,8 @@ exports.DataSetModuleId = 'DataSet';
 exports.DataSetFriendlyName = 'Data Set';
 exports.ExportModuleId = 'Export';
 exports.ExportFriendlyName = 'Export';
+exports.Fdc3ModuleId = 'Fdc3';
+exports.Fdc3FriendlyName = 'FDC3';
 exports.FilterModuleId = 'Filter';
 exports.FilterFriendlyName = 'Filter';
 exports.FormatColumnModuleId = 'FormatColumn';
@@ -80,6 +82,7 @@ exports.ADAPTABLE_MODULE_MAP = {
     [exports.DataChangeHistoryModuleId]: exports.DataChangeHistoryFriendlyName,
     [exports.DataSetModuleId]: exports.DataSetFriendlyName,
     [exports.ExportModuleId]: exports.ExportFriendlyName,
+    [exports.Fdc3ModuleId]: exports.Fdc3FriendlyName,
     [exports.FilterModuleId]: exports.FilterFriendlyName,
     [exports.FormatColumnModuleId]: exports.FormatColumnFriendlyName,
     [exports.FreeTextColumnModuleId]: exports.FreeTextColumnFriendlyName,

package/src/Utilities/Defaults/DefaultAdaptableOptions.js

@@ -91,7 +91,6 @@ exports.DefaultAdaptableOptions = {
         columnFriendlyName: undefined,
         columnTypes: GeneralConstants_1.EMPTY_ARRAY,
         showMissingColumnsWarning: true,
-        autoOrderGroupedColumns: true,
     },
     dashboardOptions: {
         canFloat: true,
@@ -107,10 +106,10 @@ exports.DefaultAdaptableOptions = {
         actionRowButtons: undefined,
         autoHandle: true,
         disableInlineEditing: false,
+        setPrimaryKeyValue: undefined,
         actionRowButtonOptions: {
             customConfiguration: undefined,
             position: 'pinnedLeft',
-            setPrimaryKeyValue: undefined,
         },
         actionRowFormOptions: {
             formTitle: undefined,
@@ -157,9 +156,10 @@ exports.DefaultAdaptableOptions = {
         showGroupingTotalsAsHeader: false,
         unbalancedGroupsKey: undefined,
         restoreUngroupedColumns: false,
+        autoOrderGroupedColumns: true,
     },
     formatColumnOptions: {
-        customDisplayFormatters: undefined
+        customDisplayFormatters: undefined,
     },
     layoutOptions: {
         displayRowGroups: 'closed',
@@ -212,6 +212,7 @@ exports.DefaultAdaptableOptions = {
         defaultDateColumnFilter: 'On',
         defaultFilterFormTab: 'Values',
         enableFilterOnSpecialColumns: true,
+        filterUsingTime: false,
         maxFilterValuesToDisplay: 2000,
         showQuickFilter: true,
         showDistinctFilteredValuesOnly: false,
@@ -245,6 +246,7 @@ exports.DefaultAdaptableOptions = {
         updateInterval: 0,
         updateNotification: undefined,
         suppressOverrideConfigWarning: false,
+        showUpdateNotificationOncePerUpdate: false,
     },
     userInterfaceOptions: {
         alternativeModuleNames: undefined,
@@ -292,4 +294,8 @@ exports.DefaultAdaptableOptions = {
         saveStrategy: 'none',
         agGridContainerName: GeneralConstants.AG_GRID_CHART_WINDOW,
     },
+    fdc3Options: {
+        enableFdc3: false,
+        enableLogging: false,
+    },
 };

package/src/Utilities/MenuItem.d.ts

@@ -2,9 +2,9 @@ import * as Redux from 'redux';
 import { ModuleParams } from '../View/Components/SharedProps/ModuleViewPopupProps';
 import { AdaptableMenuItem } from '../PredefinedConfig/Common/Menu';
 import { AdaptableModule } from '../PredefinedConfig/Common/Types';
-import { AdaptableIcon, AdaptableInternalIconName } from '../PredefinedConfig/Common/AdaptableIcon';
+import { AdaptableIcon, AdaptableSystemIconName } from '../PredefinedConfig/Common/AdaptableIcon';
 export declare class MenuItemDoReduxAction implements AdaptableMenuItem {
-    constructor(label: string, module: AdaptableModule, reduxAction: Redux.Action, icon: AdaptableInternalIconName, isVisible: boolean);
+    constructor(label: string, module: AdaptableModule, reduxAction: Redux.Action, icon: AdaptableSystemIconName, isVisible: boolean);
     reduxAction: Redux.Action;
     label: string;
     module: AdaptableModule;
@@ -12,7 +12,7 @@ export declare class MenuItemDoReduxAction implements AdaptableMenuItem {
     icon: AdaptableIcon;
 }
 export declare class MenuItemDoClickFunction implements AdaptableMenuItem {
-    constructor(label: string, module: AdaptableModule, clickFunction: () => void, icon: AdaptableInternalIconName, isVisible: boolean);
+    constructor(label: string, module: AdaptableModule, clickFunction: () => void, icon: AdaptableSystemIconName, isVisible: boolean);
     onClick: () => void;
     label: string;
     module: AdaptableModule;
@@ -20,7 +20,7 @@ export declare class MenuItemDoClickFunction implements AdaptableMenuItem {
     icon: AdaptableIcon;
 }
 export declare class MenuItemShowPopup implements AdaptableMenuItem {
-    constructor(label: string, module: AdaptableModule, componentName: string, icon: AdaptableInternalIconName, isVisible: boolean, popupParams?: ModuleParams);
+    constructor(label: string, module: AdaptableModule, componentName: string, icon: AdaptableSystemIconName, isVisible: boolean, popupParams?: ModuleParams);
     reduxAction: Redux.Action;
     label: string;
     module: AdaptableModule;

package/src/Utilities/Services/Fdc3Service.d.ts

@@ -0,0 +1,20 @@
+import { IAdaptableService } from './Interface/IAdaptableService';
+import { AdaptableApi } from '../../Api/AdaptableApi';
+import { DesktopAgent, IntentResolution } from '@finos/fdc3';
+import { Context } from '@finos/fdc3/dist/context/ContextTypes';
+import { AppIdentifier } from '@finos/fdc3/dist/api/AppIdentifier';
+export declare class Fdc3Service implements IAdaptableService {
+    private adaptableApi;
+    private contextHandlerSubscriptions;
+    private intentHandlerSubscriptions;
+    loggedAgentError: boolean;
+    constructor(adaptableApi: AdaptableApi);
+    getDesktopAgent(): DesktopAgent;
+    destroy(): void;
+    raiseIntent(intent: string, context: Context, app?: AppIdentifier): Promise<IntentResolution>;
+    raiseIntentForContext(context: Context, app?: AppIdentifier): Promise<IntentResolution>;
+    broadcast(context: Context): Promise<void>;
+    private logFdc3Event;
+    private getFdc3Api;
+    private getFdc3Options;
+}

package/src/Utilities/Services/Fdc3Service.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fdc3Service = void 0;
+class Fdc3Service {
+    constructor(adaptableApi) {
+        this.adaptableApi = adaptableApi;
+        this.contextHandlerSubscriptions = [];
+        this.intentHandlerSubscriptions = [];
+        this.loggedAgentError = false;
+        this.adaptableApi.eventApi.on('AdaptableReady', () => {
+            var _a, _b;
+            const adaptableHandleIntentFn = this.getFdc3Options().handleIntent;
+            const listenForIntents = (_a = this.getFdc3Options().intents) === null || _a === void 0 ? void 0 : _a.listensFor;
+            if (listenForIntents === null || listenForIntents === void 0 ? void 0 : listenForIntents.length) {
+                if (!adaptableHandleIntentFn) {
+                    this.adaptableApi.logError(`Following FDC3 Intent Listener(s) have been provided but no 'handleIntent' function has been supplied in the FDC3 Options`, listenForIntents);
+                }
+                listenForIntents.forEach((intent) => {
+                    var _a;
+                    (_a = this.getDesktopAgent()) === null || _a === void 0 ? void 0 : _a.addIntentListener(intent, (context, metadata) => {
+                        this.logFdc3Event('IN', `Intent`, JSON.stringify(context));
+                        const fnContext = Object.assign(Object.assign({}, this.adaptableApi.internalApi.buildBaseContext()), { context,
+                            metadata });
+                        adaptableHandleIntentFn === null || adaptableHandleIntentFn === void 0 ? void 0 : adaptableHandleIntentFn(fnContext);
+                    }).then((listener) => this.intentHandlerSubscriptions.push(listener));
+                });
+            }
+            const adaptableHandleContextFn = this.getFdc3Options().handleContext;
+            const listenForContexts = (_b = this.getFdc3Options().contexts) === null || _b === void 0 ? void 0 : _b.listensFor;
+            if (listenForContexts === null || listenForContexts === void 0 ? void 0 : listenForContexts.length) {
+                if (!adaptableHandleContextFn) {
+                    this.adaptableApi.logError(`Following FDC3 Context Listener(s) have been provided but no 'handleContext' function has been supplied in the FDC3 Options`, listenForContexts);
+                }
+                listenForContexts.forEach((contextType) => {
+                    var _a;
+                    (_a = this.getDesktopAgent()) === null || _a === void 0 ? void 0 : _a.addContextListener(contextType, (context, metadata) => {
+                        this.logFdc3Event('IN', `Context`, JSON.stringify(context));
+                        const fnContext = Object.assign(Object.assign({}, this.adaptableApi.internalApi.buildBaseContext()), { context,
+                            metadata });
+                        adaptableHandleContextFn === null || adaptableHandleContextFn === void 0 ? void 0 : adaptableHandleContextFn(fnContext);
+                    }).then((listener) => this.contextHandlerSubscriptions.push(listener));
+                });
+            }
+        });
+    }
+    getDesktopAgent() {
+        if (globalThis.fdc3 == null && !this.loggedAgentError) {
+            this.loggedAgentError = true;
+            this.adaptableApi.logError('FDC3 Desktop Agent not found. This should be provided by the wrapper application.');
+        }
+        return globalThis.fdc3;
+    }
+    destroy() {
+        this.contextHandlerSubscriptions.forEach((subscription) => subscription.unsubscribe());
+        this.intentHandlerSubscriptions.forEach((subscription) => subscription.unsubscribe());
+    }
+    raiseIntent(intent, context, app) {
+        var _a;
+        this.logFdc3Event('OUT', `raise ${intent}`, JSON.stringify(context));
+        return (_a = this.getDesktopAgent()) === null || _a === void 0 ? void 0 : _a.raiseIntent(intent, context, app);
+    }
+    raiseIntentForContext(context, app) {
+        var _a;
+        this.logFdc3Event('OUT', `raise for context`, JSON.stringify(context));
+        return (_a = this.getDesktopAgent()) === null || _a === void 0 ? void 0 : _a.raiseIntentForContext(context, app);
+    }
+    broadcast(context) {
+        var _a;
+        this.logFdc3Event('OUT', `broadcast`, JSON.stringify(context));
+        return (_a = this.getDesktopAgent()) === null || _a === void 0 ? void 0 : _a.broadcast(context);
+    }
+    logFdc3Event(type, ...params) {
+        if (!this.getFdc3Options().enableLogging) {
+            return;
+        }
+        this.adaptableApi.internalApi
+            .getAdaptableInstance()
+            .logger.consoleLog(`FDC3::${type} - `, params.join(' : '));
+    }
+    getFdc3Api() {
+        return this.adaptableApi.fdc3Api;
+    }
+    getFdc3Options() {
+        return this.adaptableApi.optionsApi.getFdc3Options();
+    }
+}
+exports.Fdc3Service = Fdc3Service;

package/src/Utilities/Services/MetamodelService.js

@@ -50,7 +50,11 @@ class MetamodelService {
         Object.entries(optionsObject).forEach(([optionKey, optionValue]) => {
             var _a;
             if (optionKey === 'gridOptions') {
-                // gridOptions is aspecial case as it's NOT a public property, but we set and use it internally
+                validationErrors.push('gridOptions was removed from AdapTable Options in Version 16 and is no longer used');
+                return;
+            }
+            if (optionKey === '_gridOptions') {
+                // gridOptions is a special case as it's NOT a public property, but we set and use it internally
                 return;
             }
             const optionMetamodel = (_a = optionsObjectMetamodel === null || optionsObjectMetamodel === void 0 ? void 0 : optionsObjectMetamodel.props) === null || _a === void 0 ? void 0 : _a.find((metamodelProperty) => metamodelProperty.name === optionKey);

package/src/Utilities/Services/ModuleService.js

@@ -140,7 +140,7 @@ class ModuleService {
             case 'OpenFin':
                 return learnUrl + 'integrations-openfin';
             case 'StyledColumn':
-                return learnUrl + 'handbook-styled-column-overview';
+                return learnUrl + 'handbook-column-formatting#styled-columns';
             case 'Charting':
                 return learnUrl + 'handbook-charts';
             default:

package/src/Utilities/Services/QueryLanguageService.js

@@ -92,7 +92,7 @@ class QueryLanguageService {
                 return result;
             }
             const force = (_a = config === null || config === void 0 ? void 0 : config.force) !== null && _a !== void 0 ? _a : false;
-            // get searchOptions to see if validation should be performed
+            // see if validation should be performed
             if (!this.adaptableApi.optionsApi.getAdaptableQLOptions().expressionOptions
                 .performExpressionValidation &&
                 !force) {

package/src/Utilities/Services/RowEditService.js

@@ -25,7 +25,7 @@ class RowEditService {
         if (actionRowSubmittedInfo.type === 'rowCreated') {
             const { formData } = actionRowSubmittedInfo;
             const setPrimaryKeyValueFunction = adaptableApi.internalApi.getAdaptableInstance().adaptableOptions.actionRowOptions
-                .actionRowButtonOptions.setPrimaryKeyValue;
+                .setPrimaryKeyValue;
             const newRowData = typeof setPrimaryKeyValueFunction === 'function'
                 ? setPrimaryKeyValueFunction({
                     rowData: formData,

package/src/Utilities/Services/TeamSharingService.d.ts

@@ -6,6 +6,7 @@ import { TypeUuid } from '../../PredefinedConfig/Uuid';
 import { AdaptableApi } from '../../../types';
 export declare class TeamSharingService implements ITeamSharingService {
     private adaptableApi;
+    private dismissedNotifications;
     private updateCheckTimerId;
     constructor(adaptableApi: AdaptableApi);
     buildCustomSharedEntity(Entity: any, Configuration: CustomSharedEntityConfig): CustomSharedEntity;
@@ -16,6 +17,7 @@ export declare class TeamSharingService implements ITeamSharingService {
     getSharedEntityLocalAndRemoteRevisions(changedAdaptableObjectId: TypeUuid, remoteSharedEntities: AdaptableSharedEntity[]): [number, number];
     getStaleActiveSharedEntities(): SharedEntityActiveStatus;
     showUpdateNotifications(): void;
+    private showUpdateNotificationAlert;
     destroy(): void;
     private createSharedEntity;
     private getSharedEntityDependencyTree;

package/src/Utilities/Services/TeamSharingService.js

@@ -1,10 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TeamSharingService = void 0;
+const tslib_1 = require("tslib");
 const Uuid_1 = require("../../PredefinedConfig/Uuid");
+const ObjectFactory_1 = tslib_1.__importDefault(require("../ObjectFactory"));
 class TeamSharingService {
     constructor(adaptableApi) {
         this.adaptableApi = adaptableApi;
+        this.dismissedNotifications = [];
         const teamSharingOptions = adaptableApi.optionsApi.getTeamSharingOptions();
         if (teamSharingOptions.updateInterval > 0) {
             // convert minutes to millis
@@ -132,9 +135,7 @@ class TeamSharingService {
         Object.values(this.getStaleActiveSharedEntities()).forEach((sharedEntityActiveInfo) => {
             const notificationMessage = `Active share ${sharedEntityActiveInfo.sharedEntity.Module} has a new Revision: ${sharedEntityActiveInfo.sharedEntity.Revision}`;
             if (updateNotification === 'Alert' || updateNotification === 'AlertWithNotification') {
-                this.adaptableApi.alertApi.showAlert('TeamSharing', notificationMessage, 'Info', {
-                    DisplayNotification: updateNotification === 'AlertWithNotification',
-                });
+                this.showUpdateNotificationAlert(sharedEntityActiveInfo, notificationMessage);
             }
             if (updateNotification === 'SystemStatus') {
                 this.adaptableApi.systemStatusApi.setInfoSystemStatus(`TeamSharing: ${notificationMessage}`);
@@ -142,6 +143,62 @@ class TeamSharingService {
             this.adaptableApi.teamSharingApi.internalApi.fireTeamSharingEntityChangedEvent(sharedEntityActiveInfo.sharedEntity);
         });
     }
+    showUpdateNotificationAlert(sharedEntityActiveInfo, message) {
+        const { updateNotification, showUpdateNotificationOncePerUpdate } = this.adaptableApi.optionsApi.getTeamSharingOptions();
+        if (this.dismissedNotifications.some((notification) => notification.entityUuid === sharedEntityActiveInfo.sharedEntity.Uuid)) {
+            return;
+        }
+        const buttons = [
+            {
+                Label: 'Ok',
+                ButtonStyle: {
+                    tone: 'neutral',
+                    variant: 'raised',
+                },
+            },
+            {
+                Label: 'Import',
+                Action: (context) => {
+                    this.adaptableApi.teamSharingApi.importSharedEntry(sharedEntityActiveInfo.sharedEntity);
+                },
+                ButtonStyle: {
+                    tone: 'info',
+                    variant: 'raised',
+                },
+            },
+        ];
+        if (!showUpdateNotificationOncePerUpdate) {
+            buttons.push({
+                Label: 'Dismiss',
+                ButtonStyle: {
+                    tone: 'error',
+                    variant: 'raised',
+                },
+                Action: () => {
+                    this.dismissedNotifications.push({
+                        entityUuid: sharedEntityActiveInfo.sharedEntity.Uuid,
+                    });
+                },
+            });
+        }
+        const alert = {
+            alertType: 'generic',
+            header: 'Team Sharing Update',
+            message: message,
+            alertDefinition: Object.assign(Object.assign({}, ObjectFactory_1.default.CreateEmptyAlertDefinition()), { MessageType: 'Info', AlertProperties: {
+                    DisplayNotification: updateNotification === 'AlertWithNotification',
+                    NotificationDuration: 'always',
+                }, AlertForm: {
+                    Buttons: buttons,
+                } }),
+        };
+        this.adaptableApi.alertApi.showAdaptableAlert(alert);
+        if (showUpdateNotificationOncePerUpdate) {
+            this.dismissedNotifications.push({
+                entityUuid: sharedEntityActiveInfo.sharedEntity.Uuid,
+            });
+        }
+    }
     destroy() {
         clearTimeout(this.updateCheckTimerId);
     }

package/src/Utilities/Services/ValidationService.js

@@ -64,13 +64,17 @@ class ValidationService {
     IsAlertDefinitionTriggered(alertDefinition, dataChangedEvent) {
         var _a;
         const displayValue = this.adaptableApi.gridApi.getDisplayValueFromRowNode(dataChangedEvent.rowNode, dataChangedEvent.column.columnId);
-        return this.adaptableApi.predicateApi.handlePredicates((_a = alertDefinition.Rule) === null || _a === void 0 ? void 0 : _a.Predicates, {
+        const predicateDefHandlerContext = {
             value: dataChangedEvent.newValue,
             oldValue: dataChangedEvent.oldValue,
             displayValue,
             node: dataChangedEvent.rowNode,
             column: dataChangedEvent.column,
-        }, false);
+            adaptableApi: this.adaptableApi,
+            userName: this.adaptableApi.optionsApi.getUserName(),
+            adaptableId: this.adaptableApi.optionsApi.getAdaptableId(),
+        };
+        return this.adaptableApi.predicateApi.handlePredicates((_a = alertDefinition.Rule) === null || _a === void 0 ? void 0 : _a.Predicates, predicateDefHandlerContext, false);
     }
     performServerValidation(cellDataChangedInfo, config) {
         const serverValidationContext = {

package/src/View/AdaptableView.js

@@ -4,24 +4,26 @@ exports.AdaptableApp = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const react_redux_1 = require("react-redux");
+const ProgressIndicator_1 = require("../components/ProgressIndicator/ProgressIndicator");
+const Toastify_1 = require("../components/Toastify");
 const PopupRedux = tslib_1.__importStar(require("../Redux/ActionsReducers/PopupRedux"));
+const AdaptableLoadingScreen_1 = require("./Components/Popups/AdaptableLoadingScreen");
 const AdaptablePopup_1 = require("./Components/Popups/AdaptablePopup");
+const AdaptablePopupConfirmation_1 = require("./Components/Popups/AdaptablePopupConfirmation");
 const AdaptablePopupPrompt_1 = require("./Components/Popups/AdaptablePopupPrompt");
+const FormPopups_1 = require("./Components/Popups/FormPopups/FormPopups");
+const WindowPopups_1 = require("./Components/Popups/WindowPopups/WindowPopups");
 const Dashboard_1 = require("./Dashboard/Dashboard");
-const AdaptablePopupConfirmation_1 = require("./Components/Popups/AdaptablePopupConfirmation");
-const AdaptableLoadingScreen_1 = require("./Components/Popups/AdaptableLoadingScreen");
-const renderWithAdaptableContext_1 = require("./renderWithAdaptableContext");
 const License_1 = require("./License");
-const ProgressIndicator_1 = require("../components/ProgressIndicator/ProgressIndicator");
-const WindowPopups_1 = require("./Components/Popups/WindowPopups/WindowPopups");
-const FormPopups_1 = require("./Components/Popups/FormPopups/FormPopups");
-const Toastify_1 = require("../components/Toastify");
+const FloatingQuickSearch_1 = require("./QuickSearch/FloatingQuickSearch/FloatingQuickSearch");
+const renderWithAdaptableContext_1 = require("./renderWithAdaptableContext");
 class AdaptableView extends React.Component {
     render() {
         var _a, _b, _c, _d;
         const watermark = (_d = (_c = (_b = (_a = this.props.AdaptableApi) === null || _a === void 0 ? void 0 : _a.internalApi) === null || _b === void 0 ? void 0 : _b.getSystemState()) === null || _c === void 0 ? void 0 : _c.License) === null || _d === void 0 ? void 0 : _d.watermark;
         const adaptableOptions = this.props.AdaptableApi.optionsApi.getAdaptableOptions();
         return (React.createElement("div", null,
+            React.createElement(FloatingQuickSearch_1.QuickSearchDrawer, null),
             this.props.AdaptableApi.internalApi.getModuleService().isModuleAvailable('Dashboard') && (React.createElement(Dashboard_1.Dashboard, { api: this.props.AdaptableApi })),
             React.createElement(AdaptableLoadingScreen_1.AdaptableLoadingScreen, { onClose: this.props.onCloseLoadingPopup, showLoadingScreen: this.props.PopupState.LoadingPopup.ShowLoadingPopup }),
             this.props.PopupState.PromptPopup.ShowPromptPopup && (React.createElement(AdaptablePopupPrompt_1.AdaptablePopupPrompt, { message: this.props.PopupState.PromptPopup.Message, header: this.props.PopupState.PromptPopup.Header, onClose: this.props.onClosePromptPopup, onConfirm: this.props.onConfirmPromptPopup, onConfirmActionCreator: this.props.PopupState.PromptPopup.ConfirmActionCreator, defaultValue: this.props.PopupState.PromptPopup.DefaultValue })),

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/AdaptableConfig.d.ts

@@ -1,6 +1,15 @@
 import { AdaptableOptions } from '../../../AdaptableOptions/AdaptableOptions';
 import { GridOptions } from '@ag-grid-community/core';
+/**
+ * Config used by No Code Plugin to set up AdapTable
+ */
 export interface AdaptableConfig {
+    /**
+     * Adaptable Options object
+     */
     adaptableOptions: AdaptableOptions;
+    /**
+     * AG Grid Grid Options object
+     */
     gridOptions: GridOptions;
 }

package/src/View/Charting/useChartingElements.js

@@ -77,7 +77,7 @@ const useChartingElements = ({ elementType, accessLevel, size = 'normal', }) =>
     }
     const chartSelector = (React.createElement(DropdownButton_1.default, { style: style, width: "100%", columns: ['label'], className: `ab-${elementType}__Chart__select`, items: options, disabled: !hasCharts }, content));
     const containerSelector = Boolean(chartContainers === null || chartContainers === void 0 ? void 0 : chartContainers.length) && (React.createElement(DropdownButton_1.default, { style: style, width: "100%", columns: ['label'], items: containerOptions, disabled: !isSelectedChart }, (selectedContainer === null || selectedContainer === void 0 ? void 0 : selectedContainer.name) || chartingOptions.agGridContainerName || GeneralConstants_1.AG_GRID_CHART_WINDOW));
-    const chartButton = (React.createElement(SimpleButton_1.default, { style: style, mr: 1, onClick: () => (isOpen ? closeChart() : showChart(selectedContainer)), disabled: !Boolean(selectedChart), variant: 'text', tone: 'neutral', icon: isOpen ? 'visibility-off' : 'visibility', tooltip: isOpen ? 'Hide Chart' : 'Show Chart' }));
+    const chartButton = (React.createElement(SimpleButton_1.default, { style: style, mr: 1, onClick: () => (isOpen ? closeChart() : showChart(selectedContainer)), disabled: !Boolean(selectedChart), variant: 'text', tone: 'neutral', icon: isOpen ? 'visibility-off' : 'visibility-on', tooltip: isOpen ? 'Hide Chart' : 'Show Chart' }));
     const deleteButton = (React.createElement(DeleteChartButton_1.DeleteChartButton, { iconSize: iconSize, chart: selectedChart, accessLevel: chartAccessLevel }));
     const editButton = (React.createElement(EditChartButton_1.EditChartButton, { iconSize: iconSize, chart: selectedChart, accessLevel: chartAccessLevel, isOpen: isOpen }));
     return {

package/src/View/Components/AdaptableButton/index.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { SimpleButtonProps } from '../../../components/SimpleButton';
+export declare const AdaptableButtonComponent: React.FunctionComponent<SimpleButtonProps>;

package/src/View/Components/AdaptableButton/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptableButtonComponent = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const Icon_1 = require("../../../components/Icon");
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
+const AdaptableContext_1 = require("../../AdaptableContext");
+// This component is connected to adaptable and know about custom icons
+const AdaptableButtonComponent = (props) => {
+    let icon = props.icon;
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    if ((0, Icon_1.isAdaptableSystemIcon)(icon)) {
+        icon = adaptable.api.userInterfaceApi.internalApi.prepareAdaptableIconDef(icon);
+    }
+    return React.createElement(SimpleButton_1.default, Object.assign({}, props, { icon: icon }));
+};
+exports.AdaptableButtonComponent = AdaptableButtonComponent;

package/src/View/Components/AdaptableIconComponent/index.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { IconComponentProps } from '../../../components/Icon';
+/**
+ * This is a connected componnet.
+ * It needs to be used only inside adaptable context.
+ */
+export declare const AdaptableIconComponent: React.FunctionComponent<IconComponentProps>;

package/src/View/Components/AdaptableIconComponent/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptableIconComponent = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const Icon_1 = require("../../../components/Icon");
+const useCustomIcon_1 = require("./useCustomIcon");
+/**
+ * This is a connected componnet.
+ * It needs to be used only inside adaptable context.
+ */
+const AdaptableIconComponent = (props) => {
+    const icon = (0, useCustomIcon_1.useCustomIcon)(props.icon);
+    return React.createElement(Icon_1.IconComponent, Object.assign({}, props, { icon: icon }));
+};
+exports.AdaptableIconComponent = AdaptableIconComponent;

package/src/View/Components/AdaptableIconComponent/useCustomIcon.d.ts

@@ -0,0 +1,2 @@
+import { AdaptableIcon } from '../../../types';
+export declare const useCustomIcon: (icon: AdaptableIcon) => AdaptableIcon;