@adaptabletools/adaptable 12.0.1-canary.0 → 12.0.3

package/src/Strategy/TeamSharingModule.js

@@ -9,6 +9,11 @@ const TeamSharingRedux_1 = require("../Redux/ActionsReducers/TeamSharingRedux");
 const TeamSharingRedux = tslib_1.__importStar(require("../Redux/ActionsReducers/TeamSharingRedux"));
 const isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
 const LayoutRedux_1 = require("../Redux/ActionsReducers/LayoutRedux");
+const SharedEntityObjectView_1 = require("../View/TeamSharing/SharedEntityObjectView");
+const TeamSharingApplyButton_1 = require("../View/TeamSharing/TeamSharingApplyButton");
+const SharedEntityDependencies_1 = require("../View/TeamSharing/SharedEntityDependencies");
+const ArrayExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/ArrayExtensions"));
+const flatten_1 = tslib_1.__importDefault(require("lodash/flatten"));
 class TeamSharingModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     constructor(api) {
         super(ModuleConstants.TeamSharingModuleId, 'Team Sharing', 'team-share', 'TeamSharingPopup', 'Team Sharing allows users to share - at run-time - Adaptable Objects between colleagues.', api);
@@ -27,10 +32,14 @@ class TeamSharingModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             // make sure there is no zombie import process remaining (in case a previous import crashed)
             this.api.internalApi.dispatchReduxAction(TeamSharingRedux.TeamSharingCommitImport());
         });
+        this.api.teamSharingApi.triggerLoadingTeamSharingEntries();
     }
     isModuleAvailable() {
         return super.isModuleAvailable() && this.api.teamSharingApi.isTeamSharingActivated();
     }
+    isModuleObjectsShareable() {
+        return false;
+    }
     getPopupMaxWidth() {
         return 1000;
     }
@@ -69,5 +78,100 @@ class TeamSharingModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         }
         return Object.values(action).find((actionProperty) => isAdaptableObject_1.isAdaptableObject(actionProperty));
     }
+    isAdaptableObjectPresentInLocalState(sharedEntity) {
+        return !!this.api.internalApi
+            .getModuleService()
+            .getModuleById(sharedEntity.Module)
+            .getModuleAdaptableObjects()
+            .find((adaptableObject) => adaptableObject.Uuid === sharedEntity.Entity.Uuid);
+    }
+    isSharedEntityADependency(sharedEntity) {
+        const allSharedEntries = this.api.teamSharingApi.getLoadedSharedEntities();
+        return allSharedEntries.some((sharedEntryCandidate) => {
+            var _a;
+            return (_a = sharedEntryCandidate === null || sharedEntryCandidate === void 0 ? void 0 : sharedEntryCandidate.EntityDependencyIds) === null || _a === void 0 ? void 0 : _a.includes(sharedEntity.Uuid);
+        });
+    }
+    isStaleAndActive(sharedEntity) {
+        const staleActiveEntities = this.api.internalApi
+            .getTeamSharingService()
+            .getStaleActiveSharedEntities();
+        return (this.isAdaptableObjectPresentInLocalState(sharedEntity) &&
+            !!staleActiveEntities[sharedEntity.Uuid]);
+    }
+    getDependencies(sharedEntity) {
+        if (!Array.isArray(sharedEntity.EntityDependencyIds) ||
+            sharedEntity.EntityDependencyIds.length === 0) {
+            return [sharedEntity];
+        }
+        const allSharedEntities = this.api.teamSharingApi.getLoadedSharedEntities();
+        const dependencies = sharedEntity.EntityDependencyIds.map((dependencyUuid) => allSharedEntities.find((entity) => entity.Uuid === dependencyUuid));
+        return flatten_1.default(dependencies.map((dependency) => this.getDependencies(dependency)));
+    }
+    getStaleDependencies(sharedEntity) {
+        return this.getDependencies(sharedEntity).filter((dependency) => dependency.Uuid !== sharedEntity.Uuid && this.isStaleAndActive(dependency));
+    }
+    toView(sharedEntity) {
+        const isDependency = this.isSharedEntityADependency(sharedEntity);
+        const staleDependencies = this.getStaleDependencies(sharedEntity);
+        const staleDependenciesViewItems = [];
+        if (staleDependencies === null || staleDependencies === void 0 ? void 0 : staleDependencies.length) {
+            staleDependenciesViewItems.push({
+                name: 'Stale Deps',
+                view: SharedEntityObjectView_1.getSharedEntityStaleDepsItemView(staleDependencies),
+            });
+        }
+        const sharedViewItems = [];
+        const isStaleAndActive = this.isStaleAndActive(sharedEntity);
+        if (!isDependency || isStaleAndActive) {
+            sharedViewItems.push({
+                name: 'Shared',
+                view: SharedEntityObjectView_1.getSharedEntityActiveStatusObjectView(isDependency),
+            });
+        }
+        return {
+            items: [
+                !isDependency &&
+                    sharedEntity.Description && {
+                    name: 'Name',
+                    values: [sharedEntity.Description],
+                },
+                !isDependency && {
+                    name: 'Share Mode',
+                    values: [sharedEntity.Type],
+                },
+                ...sharedViewItems,
+                {
+                    name: 'Type',
+                    view: SharedEntityObjectView_1.SharedEntityTypeItemView,
+                },
+                ...staleDependenciesViewItems,
+                ArrayExtensions_1.default.IsNotNullOrEmpty(sharedEntity.EntityDependencyIds) && {
+                    name: 'Dependencies',
+                    view: SharedEntityDependencies_1.SharedEntityDependencies,
+                },
+            ].filter(Boolean),
+            abObject: sharedEntity,
+        };
+    }
+    toViewAll() {
+        var _a;
+        return (((_a = this.api.teamSharingApi.getLoadedSharedEntities()) !== null && _a !== void 0 ? _a : [])
+            // only top level
+            .filter((sharedEntity) => !this.isSharedEntityADependency(sharedEntity))
+            .map((item) => this.toView(item)));
+    }
+    getViewProperties() {
+        return {
+            actions: [TeamSharingApplyButton_1.TeamSharingApplyButton],
+            onMount: () => {
+                this.api.teamSharingApi.triggerLoadingTeamSharingEntries();
+            },
+            getDeleteAction: (sharedEntity) => {
+                return TeamSharingRedux.TeamSharingRemoveItem(sharedEntity.Uuid);
+            },
+            emptyView: 'Shared Items will appear here when available.',
+        };
+    }
 }
 exports.TeamSharingModule = TeamSharingModule;

package/src/Utilities/ExpressionFunctions/aggregatedBooleanExpressionFunctions.d.ts

@@ -1,4 +1,7 @@
 import { ExpressionFunction } from '../../parser/src/types';
+/**
+ * List of all the Aggregation Functions available in AdaptableQL
+ */
 export declare type AggregationFunctionName = 'WHERE' | 'COL' | AggregationFunction | ComparisonFunction;
 declare type AggregationFunction = 'SUM';
 declare type ComparisonFunction = 'EQ' | 'NEQ' | 'LT' | 'GT' | 'LTE' | 'GTE';

package/src/Utilities/ExpressionFunctions/aggregatedScalarExpressionFunctions.d.ts

@@ -2,6 +2,9 @@ import { ExpressionFunction } from '../../parser/src/types';
 import { BaseParameter } from './expressionFunctionUtils';
 import { RowNode } from '@ag-grid-community/all-modules';
 import { AggregateParams } from './scalarAggregationHelper';
+/**
+ * List of all the AggregatedScalar Functions available in AdaptableQL
+ */
 export declare type AggregatedScalarFunctionName = AggregationFunction | OperandFunction;
 declare type AggregationFunction = 'SUM' | 'PERCENTAGE' | 'AVG' | 'MIN' | 'MAX' | 'CUMUL';
 declare type OperandFunction = 'COL' | 'OVER' | 'GROUP_BY';

package/src/Utilities/ExpressionFunctions/booleanExpressionFunctions.d.ts

@@ -1,3 +1,6 @@
 import { ExpressionFunction } from '../../parser/src/types';
+/**
+ * List of all the Boolean Functions available in AdaptableQL
+ */
 export declare type BooleanFunctionName = 'EQ' | 'NEQ' | 'GT' | 'LT' | 'GTE' | 'LTE' | 'AND' | 'OR' | 'NOT' | 'BETWEEN' | 'IN' | 'IS_BLANK' | 'CONTAINS' | 'STARTS_WITH' | 'ENDS_WITH' | 'ANY_CONTAINS' | 'QUERY';
 export declare const booleanExpressionFunctions: Record<BooleanFunctionName, ExpressionFunction>;

package/src/Utilities/ExpressionFunctions/observableExpressionFunctions.d.ts

@@ -1,4 +1,7 @@
 import { ExpressionFunction } from '../../parser/src/types';
+/**
+ * List of all the Observable Functions available in AdaptableQL
+ */
 export declare type ObservableFunctionName = 'WHERE' | 'COL' | 'TIMEFRAME' | ObservableFunction | ChangeFunction;
 declare type ObservableFunction = 'ROW_CHANGE' | 'GRID_CHANGE';
 declare type ChangeFunction = 'MAX' | 'MIN' | 'NONE' | 'COUNT';

package/src/Utilities/ExpressionFunctions/scalarExpressionFunctions.d.ts

@@ -1,3 +1,6 @@
 import { ExpressionFunction } from '../../parser/src/types';
+/**
+ * List of all the Scalar Functions available in AdaptableQL
+ */
 export declare type ScalarFunctionName = 'ADD' | 'SUB' | 'MUL' | 'DIV' | 'MOD' | 'POW' | 'MIN' | 'MAX' | 'AVG' | 'DATE' | 'NOW' | 'TODAY' | 'DAY' | 'WEEK' | 'MONTH' | 'YEAR' | 'ADD_DAYS' | 'ADD_WEEKS' | 'ADD_MONTHS' | 'ADD_YEARS' | 'DIFF_DAYS' | 'DIFF_WEEKS' | 'DIFF_MONTHS' | 'DIFF_YEARS' | 'SUB_STRING' | 'REPLACE' | 'COALESCE' | 'LEN' | 'UPPER' | 'LOWER' | 'CONCAT' | 'IF' | 'COL';
 export declare const scalarExpressionFunctions: Record<ScalarFunctionName, ExpressionFunction>;

package/src/Utilities/Helpers/FormatHelper.d.ts

@@ -1,6 +1,6 @@
 import { NumberFormatterOptions, DateFormatterOptions, AdaptableFormat, StringFormatterOptions } from '../../PredefinedConfig/Common/AdaptableFormat';
 export declare function Format(input: any, format: AdaptableFormat): string;
-export declare function NumberFormatter(input: number, options?: NumberFormatterOptions): string;
+export declare function NumberFormatter(input: number | string, options?: NumberFormatterOptions): string;
 export declare function DateFormatter(input: number | Date | string, options: DateFormatterOptions): string | undefined;
 export declare function StringFormatter(input: string, options?: StringFormatterOptions): string;
 declare const _default: {

package/src/Utilities/Helpers/FormatHelper.js

@@ -20,9 +20,12 @@ function NumberFormatter(input, options = {}) {
     if (input == null || input == undefined) {
         return undefined;
     }
+    if (typeof input === 'string') {
+        return input;
+    }
     let n = Number(input);
     if (isNaN(n)) {
-        return undefined;
+        return input.toString();
     }
     const fractionsSepatator = options.FractionSeparator ? options.FractionSeparator : '.';
     let multiplier = options.Multiplier ? options.Multiplier : 1;
@@ -68,17 +71,18 @@ function NumberFormatter(input, options = {}) {
 }
 exports.NumberFormatter = NumberFormatter;
 function DateFormatter(input, options) {
-    if (input == null || input == undefined) {
+    if (input == null || input == undefined || input == 'Invalid Date') {
         return undefined;
     }
     try {
+        // not sure if this is right if using a custom formatter...
         if (typeof input === 'string') {
             input = new Date(input);
         }
         return format_1.default(input, options.Pattern || '');
     }
     catch (error) {
-        return undefined;
+        return input;
     }
 }
 exports.DateFormatter = DateFormatter;

package/src/Utilities/Helpers/Helper.js

@@ -128,7 +128,7 @@ function ReturnItemCount(items, itemName) {
 }
 exports.ReturnItemCount = ReturnItemCount;
 function IsInputNullOrEmpty(itemToCheck) {
-    if (itemToCheck == 'Invalid Date') {
+    if (itemToCheck == 'Invalid Date ') {
         return true;
     }
     if (typeof itemToCheck === 'string') {

package/src/Utilities/ObjectFactory.d.ts

@@ -24,8 +24,10 @@ import { AdaptableMessageType } from '../PredefinedConfig/Common/AdaptableMessag
 import { SystemStatusMessageInfo } from '../PredefinedConfig/Common/SystemStatusMessageInfo';
 import { NotificationsOptions } from '../AdaptableOptions/NotificationsOptions';
 import { CellSummmary } from '../PredefinedConfig/Common/CellSummary';
-import { ColumnFilter, FlashingCellDefinition, GridDataChangedInfo, SystemFilterPredicateId } from '../types';
+import { ColumnFilter, CustomDisplayFormatterContext, FlashingCellDefinition, GridDataChangedInfo, SystemFilterPredicateId } from '../types';
 import { ToastOptions } from 'react-toastify';
+import { RowNode } from '@ag-grid-community/all-modules';
+import { AdaptableApi } from '../../types';
 export declare function CreateEmptyCustomSort(): CustomSort;
 export declare function CreateEmptyCalculatedColumn(isFilterable: boolean): CalculatedColumn;
 export declare function CreateEmptyNamedQuery(expression?: string): NamedQuery;
@@ -61,6 +63,7 @@ export declare function CreateEmptyStyle(): AdaptableStyle;
 export declare function CreateSystemStatusMessageInfo(message: string, type: AdaptableMessageType, furtherInfo?: string): SystemStatusMessageInfo;
 export declare function CreateEmptyCellSummmary(): CellSummmary;
 export declare function CreateColumnFilter(ColumnId: string, PredicateId: SystemFilterPredicateId, Inputs: any[]): ColumnFilter;
+export declare function CreateCustomDisplayFormatterContext(value: any, node: RowNode, abColumn: AdaptableColumn, api: AdaptableApi): CustomDisplayFormatterContext;
 export declare function CreateToastOptions(notificationsOptions: NotificationsOptions, { onClose, containerId }: {
     onClose?: VoidFunction;
     containerId: string;
@@ -100,5 +103,6 @@ export declare const ObjectFactory: {
     CreateEmptyGlue42Report: typeof CreateEmptyGlue42Report;
     CreateSystemStatusMessageInfo: typeof CreateSystemStatusMessageInfo;
     CreateToastOptions: typeof CreateToastOptions;
+    CreateCustomDisplayFormatterContext: typeof CreateCustomDisplayFormatterContext;
 };
 export default ObjectFactory;

package/src/Utilities/ObjectFactory.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ObjectFactory = exports.CreateToastOptions = exports.CreateColumnFilter = exports.CreateEmptyCellSummmary = exports.CreateSystemStatusMessageInfo = exports.CreateEmptyStyle = exports.CreateEmptyLayout = exports.CreateEmptyFreeTextColumn = exports.CreateEmptyFormatColumn = exports.CreateEmptyConditionalStyle = exports.CreateEmptyShortcut = exports.CreateEmptySchedule = exports.CreateReportSchedule = exports.CreateGlue42Schedule = exports.CreateIPushPullSchedule = exports.CreateEmptyOpenFinSchedule = exports.CreateEmptyGlue42Schedule = exports.CreateEmptyIPushPullSchedule = exports.CreateEmptyOpenFinReport = exports.CreateEmptyGlue42Report = exports.CreateEmptyIPushPullReport = exports.CreateEmptyReportSchedule = exports.CreateEmptyReminderSchedule = exports.CreateEmptyBaseSchedule = exports.CreateEmptyReport = exports.CreateInternalAlertDefinitionForMessages = exports.CreateEmptyFlashingCellDefinition = exports.CreateEmptyAlertDefinition = exports.CreateRowChangedAlert = exports.CreateCellChangedAlert = exports.CreateGenericAlert = exports.CreateEmptyPlusMinusNudge = exports.CreateEmptyNamedQuery = exports.CreateEmptyCalculatedColumn = exports.CreateEmptyCustomSort = void 0;
+exports.ObjectFactory = exports.CreateToastOptions = exports.CreateCustomDisplayFormatterContext = exports.CreateColumnFilter = exports.CreateEmptyCellSummmary = exports.CreateSystemStatusMessageInfo = exports.CreateEmptyStyle = exports.CreateEmptyLayout = exports.CreateEmptyFreeTextColumn = exports.CreateEmptyFormatColumn = exports.CreateEmptyConditionalStyle = exports.CreateEmptyShortcut = exports.CreateEmptySchedule = exports.CreateReportSchedule = exports.CreateGlue42Schedule = exports.CreateIPushPullSchedule = exports.CreateEmptyOpenFinSchedule = exports.CreateEmptyGlue42Schedule = exports.CreateEmptyIPushPullSchedule = exports.CreateEmptyOpenFinReport = exports.CreateEmptyGlue42Report = exports.CreateEmptyIPushPullReport = exports.CreateEmptyReportSchedule = exports.CreateEmptyReminderSchedule = exports.CreateEmptyBaseSchedule = exports.CreateEmptyReport = exports.CreateInternalAlertDefinitionForMessages = exports.CreateEmptyFlashingCellDefinition = exports.CreateEmptyAlertDefinition = exports.CreateRowChangedAlert = exports.CreateCellChangedAlert = exports.CreateGenericAlert = exports.CreateEmptyPlusMinusNudge = exports.CreateEmptyNamedQuery = exports.CreateEmptyCalculatedColumn = exports.CreateEmptyCustomSort = void 0;
 const Enums_1 = require("../PredefinedConfig/Common/Enums");
 const GeneralConstants_1 = require("./Constants/GeneralConstants");
 const Uuid_1 = require("../PredefinedConfig/Uuid");
@@ -304,7 +304,7 @@ function CreateEmptyFreeTextColumn(isFilterable) {
 }
 exports.CreateEmptyFreeTextColumn = CreateEmptyFreeTextColumn;
 function CreateEmptyLayout(layout, adaptableColumns) {
-    return Object.assign(Object.assign({}, layout), { Uuid: Uuid_1.createUuid(), Columns: layout.Columns || [], ColumnSorts: layout.ColumnSorts || [], 
+    return Object.assign(Object.assign({}, layout), { Uuid: Uuid_1.createUuid(), Columns: layout.Columns || [], ColumnSorts: layout.ColumnSorts || [], ColumnFilters: layout.ColumnFilters || [], 
         //  ColumnFlexMap: layout.ColumnFlexMap || {},
         ColumnWidthMap: layout.ColumnWidthMap || {}, RowGroupedColumns: layout.RowGroupedColumns ||
             (adaptableColumns ? adaptableColumns.filter((c) => c.isGrouped).map((c) => c.columnId) : []) });
@@ -355,6 +355,15 @@ function CreateColumnFilter(ColumnId, PredicateId, Inputs) {
     };
 }
 exports.CreateColumnFilter = CreateColumnFilter;
+function CreateCustomDisplayFormatterContext(value, node, abColumn, api) {
+    return {
+        adaptableColumn: abColumn,
+        cellValue: value,
+        rowNode: node,
+        adaptableApi: api,
+    };
+}
+exports.CreateCustomDisplayFormatterContext = CreateCustomDisplayFormatterContext;
 function CreateToastOptions(notificationsOptions, { onClose, containerId }) {
     const adaptableToastPosition = notificationsOptions.position;
     const position = getToastPosition(adaptableToastPosition);
@@ -443,5 +452,6 @@ exports.ObjectFactory = {
     CreateEmptyGlue42Report,
     CreateSystemStatusMessageInfo,
     CreateToastOptions,
+    CreateCustomDisplayFormatterContext,
 };
 exports.default = exports.ObjectFactory;

package/src/Utilities/Services/Interface/IReportService.d.ts

@@ -17,6 +17,6 @@ export interface IReportService extends IAdaptableService {
     getReportDataAsArray(report: Report, includePrimaryKey?: boolean): any[][];
     convertReportDataToArray(reportData: ReportData): any[][];
     getCellExportValueFromRowNode(rowNode: RowNode, columnId: string): any;
-    getCellExportValueFromRawValue(rawValue: any, columnId: string): any;
+    getCellExportValueFromRawValue(rowNode: RowNode, rawValue: any, columnId: string): any;
     getReportFileName(reportName: string): string;
 }

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

@@ -21,7 +21,7 @@ export declare class ReportService implements IReportService {
     getRowObjectForColumnIds(rowNode: RowNode, columnIds: string[]): Record<string, any>;
     PublishLiveLiveDataChangedEvent(reportDestination: 'ipushpull' | 'Glue42', liveDataTrigger: 'Connected' | 'Disconnected' | 'LiveDataStarted' | 'LiveDataStopped' | 'LiveDataUpdated', liveReport?: any): void;
     getCellExportValueFromRowNode(rowNode: RowNode, columnId: string): any;
-    getCellExportValueFromRawValue(cellRawValue: any, columnId: string): any;
+    getCellExportValueFromRawValue(rowNode: RowNode, cellRawValue: any, columnId: string): any;
     getReportFileName(reportName: string): string;
     destroy(): void;
     private getCustomExportDateFormat;

package/src/Utilities/Services/ReportService.js

@@ -300,9 +300,9 @@ class ReportService {
         this.adaptableApi.eventApi.emit('LiveDataChanged', liveDataChangedInfo);
     }
     getCellExportValueFromRowNode(rowNode, columnId) {
-        return this.getCellExportValueFromRawValue(this.adaptableApi.gridApi.getRawValueFromRowNode(rowNode, columnId), columnId);
+        return this.getCellExportValueFromRawValue(rowNode, this.adaptableApi.gridApi.getRawValueFromRowNode(rowNode, columnId), columnId);
     }
-    getCellExportValueFromRawValue(cellRawValue, columnId) {
+    getCellExportValueFromRawValue(rowNode, cellRawValue, columnId) {
         if (StringExtensions_1.default.IsNullOrEmpty(cellRawValue)) {
             return cellRawValue;
         }
@@ -316,7 +316,7 @@ class ReportService {
         }
         // otherwise check the general export format types
         let cellExportFormat = this.computeCellExportValueFormat(columnType);
-        return this.getCellExportValueFromRawValueByType(cellRawValue, columnId, cellExportFormat);
+        return this.getCellExportValueFromRawValueByType(rowNode, cellRawValue, columnId, cellExportFormat);
     }
     getReportFileName(reportName) {
         let fileName = StringExtensions_1.default.ReplaceEmptySpacesWithUnderscore(reportName);
@@ -333,13 +333,13 @@ class ReportService {
     getCustomExportDateFormat() {
         return this.adaptableApi.internalApi.getAdaptableOptions().exportOptions.exportDateFormat;
     }
-    getCellExportValueFromRawValueByType(cellRawValue, columnId, 
+    getCellExportValueFromRawValueByType(rowNode, cellRawValue, columnId, 
     // default to rawValue if, for some reason, the configs provide invalid values
     type = 'rawValue') {
         return type === 'rawValue'
             ? cellRawValue
             : // type === formattedValue
-                this.adaptableApi.gridApi.getFormattedValueFromRawValue(columnId, cellRawValue);
+                this.adaptableApi.gridApi.getFormattedValueFromRawValue(rowNode, columnId, cellRawValue);
     }
     computeCellExportValueFormat(columnDataType) {
         const exportOptions = this.adaptableApi.internalApi.getAdaptableOptions().exportOptions;

package/src/Utilities/Services/TeamSharingService.js

@@ -148,8 +148,6 @@ class TeamSharingService {
         // for every dependency, create recursively the corresponding shared entities
         teamSharingDependencies.forEach((teamSharingDependency) => {
             const sharedEntityDependency = this.createSharedEntity(teamSharingDependency.Reference, teamSharingDependency.Module, configuration, sharingUserName, sharingTimestamp, createdSharedEntities);
-            // update description
-            sharedEntityDependency.Description = `${configuration.description} (Dependency of ${mainSharedEntity.Module})`;
             // update dependency IDs for the main shared entity
             mainSharedEntity.EntityDependencyIds.push(sharedEntityDependency.Uuid);
         });

package/src/View/AdaptableViewFactory.js

@@ -7,7 +7,6 @@ const QuickSearchPopup_1 = require("./QuickSearch/QuickSearchPopup");
 const ThemePopup_1 = require("./Theme/ThemePopup");
 const ToolPanelPopup_1 = require("./Components/ToolPanel/ToolPanelPopup");
 const GridInfoPopup_1 = require("./GridInfo/GridInfoPopup");
-const TeamSharingPopup_1 = require("./TeamSharing/TeamSharingPopup");
 const DashboardPopup_1 = require("./Dashboard/DashboardPopup");
 const StateManagementPopup_1 = require("./StateManagement/StateManagementPopup");
 const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/ModuleConstants"));
@@ -41,7 +40,6 @@ exports.AdaptableViewFactory = {
     CellSummaryPopup: CellSummaryPopup_1.CellSummaryPopup,
     SmartEditPopup: SmartEditPopup_1.SmartEditPopup,
     ThemePopup: ThemePopup_1.ThemePopup,
-    TeamSharingPopup: TeamSharingPopup_1.TeamSharingPopup,
     ToolPanelPopup: ToolPanelPopup_1.ToolPanelPopup,
     SystemStatusPopup: SystemStatusPopup_1.SystemStatusPopup,
     DataChangeHistoryPopup: DataChangeHistoryPopup_1.DataChangeHistoryPopup,

package/src/View/CalculatedColumn/Wizard/CalculatedColumnSettingsWizardSection.js

@@ -74,7 +74,7 @@ const CalculatedColumnSettingsWizardSection = (props) => {
     const ColumnName = data.FriendlyName;
     const ColumnId = data.ColumnId;
     let { DataType: dataType } = (_a = data.CalculatedColumnSettings) !== null && _a !== void 0 ? _a : {};
-    const { Width, ShowToolTip, HeaderToolTip, ExternallyEvaluatedExpression } = (_b = data.CalculatedColumnSettings) !== null && _b !== void 0 ? _b : {};
+    const { Width, ShowToolTip, HeaderToolTip } = (_b = data.CalculatedColumnSettings) !== null && _b !== void 0 ? _b : {};
     const handleSpecialColumnSettingsChange = (settings) => {
         props.onChange(Object.assign(Object.assign({}, data), { CalculatedColumnSettings: Object.assign(Object.assign({}, data.CalculatedColumnSettings), settings) }));
     };
@@ -119,14 +119,7 @@ const CalculatedColumnSettingsWizardSection = (props) => {
                                 }) })),
                         ' ',
                         React.createElement(FormLayout_1.FormRow, { label: "" },
-                            React.createElement(CheckBox_1.CheckBox, { "data-name": "column-show-tooltip", onChange: (checked) => handleSpecialColumnSettingsChange({ ShowToolTip: checked }), checked: ShowToolTip }, "Show Expression as Cell Tooltip")),
-                        React.createElement(FormLayout_1.FormRow, { label: "" },
-                            React.createElement(CheckBox_1.CheckBox, { "data-name": "column-external-expression-evaluation", onChange: (checked) => handleSpecialColumnSettingsChange({ ExternallyEvaluatedExpression: checked }), checked: ExternallyEvaluatedExpression }, "Suppress Expression Evaluation"),
-                            ExternallyEvaluatedExpression && (React.createElement(rebass_1.Box, { "data-name": "note-external-expression-evaluation", p: 2, style: {
-                                    background: 'var(--ab-color-primary)',
-                                    borderRadius: 'var(--ab__border-radius)',
-                                    whiteSpace: 'pre-wrap',
-                                } }, "The column value is loaded from the row data property with the same name as the ColumnId"))))))),
+                            React.createElement(CheckBox_1.CheckBox, { "data-name": "column-show-tooltip", onChange: (checked) => handleSpecialColumnSettingsChange({ ShowToolTip: checked }), checked: ShowToolTip }, "Show Expression as Cell Tooltip")))))),
         ErrorMessage ? React.createElement(ErrorBox_1.default, { marginTop: 2 }, ErrorMessage) : null,
         React.createElement(SpecialColumnSettingsWizardStep_1.SpecialColumnSettingsWizardStep, { isEditable: false, settings: data.CalculatedColumnSettings, onChange: handleSpecialColumnSettingsChange })));
 };

package/src/View/Components/AdaptableObjectList/AdaptableObjectList.d.ts

@@ -3,7 +3,19 @@ import { AdaptableObjectView, IModule } from '../../../Strategy/Interface/IModul
 interface AdaptableObjectListItemProps {
     data: AdaptableObjectView;
     module: IModule;
-    baseClassName: string;
+    /**
+     * Used for team sharing.
+     * If this gets more complicated the underlying UI for the adaptable item should be extracted.
+     *
+     * @defaults false
+     */
+    hideControls?: boolean;
+    /**
+     * Used for team sharing.
+     * @defaults false
+     */
+    deleteDisabled?: boolean;
+    deleteTooltip?: string;
 }
 export declare const AdaptableObjectListItem: React.FunctionComponent<AdaptableObjectListItemProps>;
 interface AdaptableObjectListProps {

package/src/View/Components/AdaptableObjectList/AdaptableObjectList.js

@@ -15,6 +15,7 @@ const ButtonShare_1 = require("../Buttons/ButtonShare");
 const SuspendToggleButton_1 = require("../Buttons/SuspendToggleButton/SuspendToggleButton");
 const ValueSelector_1 = require("../ValueSelector");
 const ICON_SIZE = 26;
+const baseClassName = 'ab-Adaptable-Object-List';
 const AdaptableObjectListItem = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const adaptable = AdaptableContext_1.useAdaptable();
@@ -24,15 +25,17 @@ const AdaptableObjectListItem = (props) => {
     const viewOptions = (_b = (_a = props.module) === null || _a === void 0 ? void 0 : _a.getViewProperties) === null || _b === void 0 ? void 0 : _b.call(_a);
     const EditWizard = (_c = viewOptions.getEditWizard) === null || _c === void 0 ? void 0 : _c.call(viewOptions, props.data.abObject);
     const deleteAction = (_d = viewOptions === null || viewOptions === void 0 ? void 0 : viewOptions.getDeleteAction) === null || _d === void 0 ? void 0 : _d.call(viewOptions, props.data.abObject);
-    const teamSharingActivated = adaptable.api.teamSharingApi.isTeamSharingActivated() &&
+    const isObjectShareable = props.module.isModuleObjectsShareable();
+    const teamSharingActivated = isObjectShareable &&
+        adaptable.api.teamSharingApi.isTeamSharingActivated() &&
         adaptable.api.teamSharingApi.hasTeamSharingFullRights();
     const entityType = props.module.moduleInfo.FriendlyName;
     const moduleAccessLevel = adaptable.api.internalApi
         .getEntitlementService()
         .getEntitlementAccessLevelForModule(props.module.moduleInfo.ModuleName);
     const accessLevel = AdaptableHelper_1.default.getAppropriateAccessLevel(props.data.abObject, moduleAccessLevel);
-    const baseClassName = `${props.baseClassName}__Item`;
-    const itemClassName = join_1.default(baseClassName, props.data.abObject.IsSuspended && `${baseClassName}--is-suspended`);
+    const itemBaseClassName = `${baseClassName}__Item`;
+    const itemClassName = join_1.default(props.data.className, itemBaseClassName, props.data.abObject.IsSuspended && `${itemBaseClassName}--is-suspended`);
     const handleCloseWizard = React.useCallback(() => {
         setIsEditWizardVisible(false);
         setWizardStepName(null);
@@ -56,42 +59,42 @@ const AdaptableObjectListItem = (props) => {
         });
     });
     const isEditDisabled = !Boolean(EditWizard || viewOptions.onOpenEditPopup);
-    return (React.createElement(rebass_1.Flex, { "data-name": "adaptable-object-list-item", "data-value": props.data.abObject.Uuid, as: "li", mb: 3, className: itemClassName },
-        React.createElement(rebass_1.Box, { flex: 1, className: `${baseClassName}__rows` }, (_j = (_h = (_g = props.data.items).filter) === null || _h === void 0 ? void 0 : _h.call(_g, Boolean)) === null || _j === void 0 ? void 0 : _j.map((tag, index) => {
+    const showActions = !props.hideControls;
+    return (React.createElement(rebass_1.Flex, { "data-name": "adaptable-object-list-item", "data-value": props.data.abObject.Uuid, as: "li", mb: 3, className: itemClassName, style: props.data.style },
+        React.createElement(rebass_1.Box, { flex: 1, className: `${itemBaseClassName}__rows` }, (_j = (_h = (_g = props.data.items).filter) === null || _h === void 0 ? void 0 : _h.call(_g, Boolean)) === null || _j === void 0 ? void 0 : _j.map((tag, index) => {
             var _a;
             let labelEl = tag.label;
             if (typeof tag.label === 'function') {
                 labelEl = React.createElement(tag.label, { data: props.data.abObject });
             }
             labelEl = labelEl !== null && labelEl !== void 0 ? labelEl : tag.name;
-            return (React.createElement(rebass_1.Flex, { "data-name": tag.name, key: index, mb: 2, className: `${baseClassName}__row` },
-                React.createElement(rebass_1.Box, { className: `${baseClassName}__label`, mr: 3 },
+            return (React.createElement(rebass_1.Flex, { "data-name": tag.name, key: index, mb: 2, className: `${itemBaseClassName}__row` },
+                React.createElement(rebass_1.Box, { className: `${itemBaseClassName}__label`, mr: 3 },
                     labelEl,
-                    EditWizard && (React.createElement(SimpleButton_1.default, { accessLevel: accessLevel, className: `${baseClassName}__edit-property`, ml: 1, icon: "edit", tooltip: "edit", iconSize: 18, variant: "text", onClick: () => {
+                    EditWizard && (React.createElement(SimpleButton_1.default, { accessLevel: accessLevel, className: `${itemBaseClassName}__edit-property`, ml: 1, icon: "edit", tooltip: "edit", iconSize: 18, variant: "text", onClick: () => {
                             handleOnEdit(tag.name);
                         } }))),
-                React.createElement(rebass_1.Box, { flex: 1, className: `${baseClassName}__values` },
+                React.createElement(rebass_1.Box, { flex: 1, className: `${itemBaseClassName}__values` },
                     tag.view &&
                         React.createElement(tag.view, {
                             data: props.data.abObject,
                         }),
                     Boolean((tag === null || tag === void 0 ? void 0 : tag.values) && ((_a = tag === null || tag === void 0 ? void 0 : tag.values) === null || _a === void 0 ? void 0 : _a.length)) && (React.createElement(ValueSelector_1.ValueOptionsTags, { style: { marginRight: 0 }, readOnly: true, options: tag.values, value: tag.values, allowWrap: true, toIdentifier: (c) => c, toLabel: (c) => React.createElement(React.Fragment, null, c) })))));
         })),
-        React.createElement(rebass_1.Flex, { flexDirection: "column", className: `${baseClassName}__buttons` },
+        showActions && (React.createElement(rebass_1.Flex, { flexDirection: "column", className: `${itemBaseClassName}__buttons` },
             React.createElement(rebass_1.Flex, { justifyContent: "end" },
                 actions,
                 teamSharingActivated && (React.createElement(ButtonShare_1.ButtonShare, { iconSize: ICON_SIZE, Header: `TeamSharing ${entityType}`, accessLevel: accessLevel, onShare: (config) => adaptable.api.teamSharingApi.shareEntity(props.data.abObject, props.module.moduleInfo.ModuleName, config) })),
-                deleteAction && (React.createElement(ButtonDelete_1.ButtonDelete, { iconSize: ICON_SIZE, ConfirmationMsg: `Are you sure you want to delete this ${entityType}?`, ConfirmationTitle: `Delete ${entityType}`, ConfirmAction: deleteAction, accessLevel: accessLevel })),
+                deleteAction && (React.createElement(ButtonDelete_1.ButtonDelete, { disabled: props.deleteDisabled, tooltip: props.deleteTooltip, iconSize: ICON_SIZE, ConfirmationMsg: `Are you sure you want to delete this ${entityType}?`, ConfirmationTitle: `Delete ${entityType}`, ConfirmAction: deleteAction, accessLevel: accessLevel })),
                 React.createElement(ButtonEdit_1.ButtonEdit, { iconSize: ICON_SIZE, disabled: isEditDisabled, accessLevel: accessLevel, onClick: () => handleOnEdit() })),
             React.createElement(rebass_1.Box, { flex: 1 }),
             hasSuspend && (React.createElement(rebass_1.Flex, { justifyContent: "end" },
-                React.createElement(SuspendToggleButton_1.SuspendToggleButton, { onSuspend: () => dispatch(viewOptions.getSuspendAction(props.data.abObject)), onUnSuspend: () => dispatch(viewOptions.getUnSuspendAction(props.data.abObject)), suspendableObject: props.data.abObject, accessLevel: accessLevel })))),
+                React.createElement(SuspendToggleButton_1.SuspendToggleButton, { onSuspend: () => dispatch(viewOptions.getSuspendAction(props.data.abObject)), onUnSuspend: () => dispatch(viewOptions.getUnSuspendAction(props.data.abObject)), suspendableObject: props.data.abObject, accessLevel: accessLevel }))))),
         isEditWizardVisible && EditWizard && (React.createElement(EditWizard, { defaultCurrentSectionName: wizardStepName, moduleInfo: props.module.moduleInfo, data: props.data.abObject, configEntities: null, onCloseWizard: handleCloseWizard, onFinishWizard: handleCloseWizard }))));
 };
 exports.AdaptableObjectListItem = AdaptableObjectListItem;
 const AdaptableObjectList = (props) => {
     var _a;
-    const baseClassName = 'ab-Adaptable-Object-List';
-    return (React.createElement("ul", { className: baseClassName }, (_a = props === null || props === void 0 ? void 0 : props.items) === null || _a === void 0 ? void 0 : _a.map((item) => (React.createElement(exports.AdaptableObjectListItem, { key: item.abObject.Uuid, baseClassName: baseClassName, data: item, module: props.module })))));
+    return (React.createElement("ul", { className: baseClassName }, (_a = props === null || props === void 0 ? void 0 : props.items) === null || _a === void 0 ? void 0 : _a.map((item) => (React.createElement(exports.AdaptableObjectListItem, { key: item.abObject.Uuid, data: item, module: props.module })))));
 };
 exports.AdaptableObjectList = AdaptableObjectList;

package/src/View/Components/Buttons/ButtonDelete.js

@@ -8,9 +8,9 @@ const PopupRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 class ButtonDeleteComponent extends React.Component {
     render() {
-        var _a;
-        const _b = this.props, { onConfirmWarning, ConfirmAction, ConfirmationMsg, ConfirmationTitle, onClickAction } = _b, props = tslib_1.__rest(_b, ["onConfirmWarning", "ConfirmAction", "ConfirmationMsg", "ConfirmationTitle", "onClickAction"]);
-        return (React.createElement(SimpleButton_1.default, Object.assign({ "data-name": "delete", tooltip: "Delete", variant: "text", icon: "trash", iconSize: (_a = props.iconSize) !== null && _a !== void 0 ? _a : 24 }, props, { onClick: () => this.onClick() })));
+        var _a, _b;
+        const _c = this.props, { onConfirmWarning, ConfirmAction, ConfirmationMsg, ConfirmationTitle, onClickAction } = _c, props = tslib_1.__rest(_c, ["onConfirmWarning", "ConfirmAction", "ConfirmationMsg", "ConfirmationTitle", "onClickAction"]);
+        return (React.createElement(SimpleButton_1.default, Object.assign({ "data-name": "delete", tooltip: (_a = props.tooltip) !== null && _a !== void 0 ? _a : 'Delete', variant: "text", icon: "trash", iconSize: (_b = props.iconSize) !== null && _b !== void 0 ? _b : 24 }, props, { onClick: () => this.onClick() })));
     }
     onClick() {
         if (this.props.ConfirmAction) {

package/src/View/Components/FilterForm/QuickFilterForm.js

@@ -44,6 +44,7 @@ class QuickFilterFormComponent extends React.Component {
         };
         this.debouncedAddFilter = debounce_1.default(() => this.props.onAddColumnFilter(this.state.filter), 250);
         this.debouncedEditFilter = debounce_1.default(() => this.props.onEditColumnFilter(this.state.filter), 250);
+        this.debouncedLoadPermittedValues = debounce_1.default(() => this.loadPermittedValues(), 500);
         const filter = this.getFilterFromProps();
         this._isMounted = true;
         this.state = {
@@ -58,9 +59,19 @@ class QuickFilterFormComponent extends React.Component {
         if (this.hasValuesPredicate((_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.Predicate)) {
             this.loadPermittedValues();
         }
+        this.unsubscribeOnCellChanged = this.props.api.eventApi.on('CellChanged', (cellChangedInfo) => {
+            this.handleGridValueChange(cellChangedInfo.cellChange.column.columnId);
+        });
+        this.unsubscribeOnGridDataChanged = this.props.api.eventApi.on('GridDataChanged', () => {
+            // there is no way to find out if the changed rows are relevant for this filter, so we have to update it every time :/
+            this.handleGridValueChange();
+        });
     }
     componentWillUnmount() {
+        var _a, _b;
         this._isMounted = false;
+        (_a = this.unsubscribeOnCellChanged) === null || _a === void 0 ? void 0 : _a.call(this);
+        (_b = this.unsubscribeOnGridDataChanged) === null || _b === void 0 ? void 0 : _b.call(this);
     }
     UNSAFE_componentWillReceiveProps(nextProps) {
         const filter = this.getFilterFromProps(nextProps);
@@ -239,7 +250,7 @@ class QuickFilterFormComponent extends React.Component {
                 return (React.createElement(rebass_1.Flex, { onMouseEnter: () => {
                         var _a;
                         if (showEvent === 'click') {
-                            // For showEvent=mouseneter this is not needed.
+                            // For showEvent=mousenter this is not needed.
                             // When mouseenter is triggered on the overlay, onShowFn is called, the overlay is no longer hidden.
                             // But in this case because the trigger is click, another show is not triggered.
                             (_a = this.valuesDropdown) === null || _a === void 0 ? void 0 : _a.show();
@@ -295,6 +306,16 @@ class QuickFilterFormComponent extends React.Component {
             });
         }
     }
+    handleGridValueChange(changedColumnId) {
+        var _a, _b, _c, _d;
+        if (!this.hasValuesPredicate((_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.Predicate)) {
+            return;
+        }
+        if (changedColumnId && changedColumnId !== ((_d = (_c = this.state) === null || _c === void 0 ? void 0 : _c.filter) === null || _d === void 0 ? void 0 : _d.ColumnId)) {
+            return;
+        }
+        this.debouncedLoadPermittedValues();
+    }
     updateFilter(filter) {
         this.setState({ filter });
         if (filter.Uuid) {

package/src/View/Components/Popups/AdaptablePopup/AdaptablePopupModuleView.js

@@ -37,6 +37,10 @@ const AdaptablePopupModuleView = (props) => {
             moduleViewProperties.onOpenEditPopup();
         }
     }, []);
+    React.useEffect(() => {
+        var _a;
+        (_a = moduleViewProperties === null || moduleViewProperties === void 0 ? void 0 : moduleViewProperties.onMount) === null || _a === void 0 ? void 0 : _a.call(moduleViewProperties);
+    }, []);
     React.useEffect(() => {
         var _a, _b;
         if (((_a = props.popupParams) === null || _a === void 0 ? void 0 : _a.action) === 'New' || ((_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.action) === 'Edit') {

package/src/View/Components/Popups/AdaptablePopupTeamSharing.js

@@ -33,7 +33,7 @@ const AdaptablePopupTeamSharing = (props) => {
                             React.createElement("strong", null, "Active"),
                             ": a \"live\" share that is automatically updated with every local change"))),
                 React.createElement(FormLayout_1.default, { padding: 2 },
-                    React.createElement(FormLayout_1.FormRow, { label: "Description: " },
+                    React.createElement(FormLayout_1.FormRow, { label: "Name: " },
                         React.createElement(Input_1.default, { autoFocus: true, value: config.description, type: "string", width: 300, placeholder: "Enter text", onChange: (e) => setConfig(Object.assign(Object.assign({}, config), { description: e.target.value })) })),
                     React.createElement(FormLayout_1.FormRow, { label: "Share: " },
                         React.createElement(rebass_1.Flex, { flexDirection: "row" },

package/src/View/Filter/FilterSummary.d.ts

@@ -5,7 +5,7 @@ import * as LayoutRedux from '../../Redux/ActionsReducers/LayoutRedux';
 import { ColumnFilter } from '../../types';
 export interface FilterSummaryProps extends Omit<ModuleSummaryProps<FilterSummaryComponent>, 'onClosePopup' | 'modalContainer'> {
     ColumnFilters: ColumnFilter[];
-    onClearFilter: (columnFilter: ColumnFilter) => LayoutRedux.LayoutFilterClearAction;
+    onClearFilter: (columnFilter: ColumnFilter) => LayoutRedux.LayoutColumnFilterClearAction;
 }
 export declare class FilterSummaryComponent extends React.Component<FilterSummaryProps, EditableConfigEntityState> {
     constructor(props: FilterSummaryProps);