@adaptabletools/adaptable 11.1.1-canary.1 → 11.1.2

package/index.css

@@ -3645,6 +3645,9 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
   max-height: 100%;
   box-shadow: var(--ab-cmp-adaptable-window-popup__box-shadow); }
 
+.ab-Window-Modal .ab-Dialog__close-button {
+    top: 3px; }
+
 .ab-Window-Modal .ab-Panel {
     max-height: initial; }
 
@@ -3728,14 +3731,12 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
   width: 100%; }
 
 .ab-ActionColumn {
-  position: relative;
-  height: 100%; }
+  height: 100%;
+  display: flex;
+  column-gap: var(--ab-space-1); }
 
 .ab-ActionColumn > button.ab-SimpleButton {
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0; }
+    height: 100%; }
 
 .Toastify__toast-container {
   border-style: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable",
-  "version": "11.1.1-canary.1",
+  "version": "11.1.2",
   "description": "Powerful data-agnostic HTML5 datagrid add-on that sits on top of an underlying grid component and provides all the rich functionality that advanced users expect from their DataGrids and Data Tables",
   "keywords": [
     "web-components",
@@ -17,7 +17,7 @@
     "blotter"
   ],
   "homepage": "http://www.adaptabletools.com/",
-  "license": "SEE LICENSE IN LICENSE.md",
+  "license": "contact sales@adaptabletools.com for details",
   "author": {
     "name": "Jonny Wolfson",
     "email": "jonny.wolfson@adaptabletools.com"

package/publishTimestamp.d.ts

@@ -1,2 +1,2 @@
-declare const _default: 1648368512196;
+declare const _default: 1648639602191;
 export default _default;

package/publishTimestamp.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = 1648368512196;
+exports.default = 1648639602191;

package/src/AdaptableInterfaces/IAdaptable.d.ts

@@ -164,7 +164,8 @@ export interface IAdaptable {
     lookupPlugins(propertyName: string, ...args: any): any;
     getPluginProperty(pluginId: string, propertyName: string, ...args: any): any;
     getPlugin(pluginId: string): AdaptablePlugin;
-    setValue(cellDataChangedInfo: CellDataChangedInfo): void;
+    setDataValue(value: any, column: AdaptableColumn, primaryKeyValue: any, rowNode?: RowNode): void;
+    setCellValue(cellDataChangedInfo: CellDataChangedInfo): void;
     cancelEdit(): any;
     isCellEditable(rowNode: RowNode, column: Column): boolean;
     getFirstRowNode(): RowNode;

package/src/AdaptableOptions/LayoutOptions.d.ts

@@ -42,4 +42,15 @@ export interface LayoutOptions {
      * @gridInfoItem
      */
     createDefaultLayout?: boolean;
+    /**
+     * Options to customize how layout items are shown in Settings Panel
+     */
+    view?: {
+        /**
+         * How many columns to display in the inline layout preview
+         *
+         * @defaultValue 10
+         */
+        maxColumnsToDisplay?: number;
+    };
 }

package/src/AdaptableOptions/UserInterfaceOptions.d.ts

@@ -33,29 +33,25 @@ export interface UserInterfaceOptions {
      */
     permittedValues?: PermittedValues[];
     /**
-     * Dropdown values displayed when column is being edited.
-     * When not defined it defaults to permittedValues.
+     * Dropdown values displayed when column is being edited; when not defined defaults to permittedValues
      */
     editLookUpItems?: EditLookUpPermittedValues[];
     /**
-     * Dropdown values for filter options inside floating and header filter.
-     * When not defined it defaults to permittedValues.
+     * Custom column values for 'IN' filter; when not defined defaults to permittedValues
      */
     filterPermittedValues?: FilterPermittedValues[];
     /**
-     * Custom column values for defining custom sort.
-     * When not defined it defaults to permittedValues.
+     * Custom column values for defining Custom Sort; when not defined defaults to permittedValues
      */
     customSortPermittedValues?: CustomSortPermittedValues[];
     /**
-     * Custom column values for editing via bulk-update.
-     * When not defined it defaults to permittedValues.
+     * Custom column values for editing via bulk-update; when not defined defaults to permittedValues
      */
     bulkUpdatePermittedValues?: BulkUpdatePermittedValues[];
     /**
-     * Colours to display in Colour Picker (in place of AdapTable's default set)
+     * Colours to display in Colour Picker (in place of AdapTable's default set); can be hardcoded list or function
      */
-    colorPalette?: string[] | (() => string[]);
+    colorPalette?: string[] | ((currentTheme: string) => string[]);
     /**
      * Columns which contain an AdapTable Button - used for performing Actions
      */
@@ -155,9 +151,9 @@ export interface ActionColumn extends AdaptableObject {
      */
     friendlyName?: string;
     /**
-     * Button to display in the Column
+     * Button (or list of buttons) to display in the Column
      */
-    actionColumnButton: AdaptableButton<ActionColumnButtonContext>;
+    actionColumnButton: AdaptableButton<ActionColumnButtonContext> | AdaptableButton<ActionColumnButtonContext>[];
     /**
      * Shows Action Column also in grouped rows
      */
@@ -248,4 +244,4 @@ export interface BulkUpdatePermittedValuesParams extends BaseParams {
     gridCells: GridCell[];
 }
 export declare type GridInfoSections = GridInfoSection[];
-export declare type GridInfoSection = 'GridSummary' | 'AdaptableOptions' | 'ColumnInfo';
+export declare type GridInfoSection = 'GridSummary' | 'AdaptableOptions' | 'ColumnInfo' | 'AdaptableObjectsSummary';

package/src/Api/Implementation/EventApiImpl.js

@@ -10,7 +10,8 @@ class EventApiImpl extends ApiBase_1.ApiBase {
         this.on = (eventName, callback) => {
             let result;
             if (eventName === 'AdaptableReady') {
-                result = this.emitter.onIncludeFiredOnce(eventName, callback);
+                this.emitter.onIncludeFiredOnce(eventName).then(callback);
+                return () => { };
             }
             else {
                 result = this.emitter.on(eventName, callback);

package/src/Api/Implementation/GridApiImpl.js

@@ -6,6 +6,7 @@ const ApiBase_1 = require("./ApiBase");
 const GridRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/GridRedux"));
 const SystemRedux_1 = require("../../Redux/ActionsReducers/SystemRedux");
 const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
+const LoggingHelper_1 = require("../../Utilities/Helpers/LoggingHelper");
 class GridApiImpl extends ApiBase_1.ApiBase {
     getGridState() {
         return this.getAdaptableState().Grid;
@@ -48,22 +49,20 @@ class GridApiImpl extends ApiBase_1.ApiBase {
     }
     setCellValue(columnId, newValue, primaryKeyValue) {
         const abColumn = this.adaptable.api.columnApi.getColumnFromId(columnId);
-        if (!abColumn || abColumn.readOnly) {
+        if (!abColumn) {
+            LoggingHelper_1.LogAdaptableWarning(`setCellValue() - column not found for columnId: ${columnId}`);
             return;
         }
         const rowNode = this.getRowNodeForPrimaryKey(primaryKeyValue);
+        if (!rowNode) {
+            LoggingHelper_1.LogAdaptableWarning(`setCellValue() - rowNode not found for primaryKeyValue: ${primaryKeyValue}`);
+            return;
+        }
         if (!this.adaptable.isCellEditable(rowNode, this.adaptable.getAgGridColumnForColumnId(columnId))) {
+            LoggingHelper_1.LogAdaptableInfo(`setCellValue() - cell is not editable (primaryKeyValue: ${primaryKeyValue},columnId: ${columnId},value: ${newValue})`);
             return;
         }
-        const gridCell = {
-            primaryKeyValue: primaryKeyValue,
-            rawValue: newValue,
-            displayValue: newValue,
-            normalisedValue: newValue,
-            rowNode: rowNode,
-            column: abColumn,
-        };
-        this.adaptable.api.internalApi.setGridCell(gridCell);
+        this.adaptable.setDataValue(newValue, abColumn, primaryKeyValue, rowNode);
     }
     setCellsValue(gridCells) {
         gridCells === null || gridCells === void 0 ? void 0 : gridCells.forEach((gridCell) => this.setCellValue(gridCell.columnId, gridCell.newValue, gridCell.primaryKeyValue));

package/src/Api/Implementation/InternalApiImpl.js

@@ -198,7 +198,7 @@ class InternalApiImpl extends ApiBase_1.ApiBase {
     }
     setGridCell(gridCell) {
         const cellDataChangedInfo = this.createDataChangedInfoFromGridCell(gridCell);
-        this.adaptable.setValue(cellDataChangedInfo);
+        this.adaptable.setCellValue(cellDataChangedInfo);
     }
     buildDataChangedInfo(config) {
         var _a;

package/src/Api/Implementation/LayoutApiImpl.js

@@ -252,14 +252,20 @@ class LayoutApiImpl extends ApiBase_1.ApiBase {
     }
     showLayoutEditor(layoutName, action = 'Edit') {
         const layout = layoutName ? this.getLayoutByName(layoutName) : this.getCurrentLayout();
+        const moduleInfo = this.adaptable.ModuleService.getModuleInfoByModule(ModuleConstants.LayoutModuleId);
         let preparedAction = action;
         if (!['Edit', 'New', 'Clone'].includes(action)) {
             preparedAction = 'Edit';
             LoggingHelper_1.LogAdaptableError(`When opening the layout editor the action must be one of: New, Clone, Edit; given: ${action}`);
         }
+        let title = 'Layout Editor';
+        if (action === 'Edit') {
+            title = `Edit Layout${(layout === null || layout === void 0 ? void 0 : layout.Name) ? `: ${layout.Name}` : ''}`;
+        }
         this.dispatchAction(PopupRedux.PopupShowWindow({
             Id: windowFactory_1.WINDOW_LAYOUT_EDITOR,
-            Title: `Edit Layout: ${layout.Name}`,
+            Title: title,
+            Icon: moduleInfo.Glyph,
             PopupProps: {
                 action: preparedAction,
                 layout,

package/src/Api/Implementation/UserInterfaceApiImpl.js

@@ -8,7 +8,9 @@ class UserInterfaceApiImpl extends ApiBase_1.ApiBase {
         let colorPalette = this.getUserInterfaceOptions().colorPalette;
         // first do the function then get hardcoded items
         if (colorPalette != null && typeof colorPalette === 'function') {
-            return colorPalette();
+            const currentTheme = this.adaptable.api.themeApi.getCurrentTheme();
+            const colours = colorPalette(currentTheme);
+            return colours;
         }
         else {
             let arr = colorPalette;

package/src/Api/QueryLanguageApi.d.ts

@@ -2,16 +2,16 @@ import { AdaptableModule } from '../PredefinedConfig/Common/Types';
 import { ExpressionFunctionMap } from '../types';
 import { AdaptableQuery } from '../PredefinedConfig/Common/AdaptableQuery';
 /**
- * Manages AdapTableQL (Query Language)
+ * Functions related to AdapTableQL (the Adaptable Query Language)
  */
 export interface QueryLanguageApi {
     /**
      * Whether the given BooleanExpression is valid
-     * @param query query to Check
+     * @param expression query to Check
      * @param module module specific query
      * @param validationErrorMessage optional validation error message; if provided, the error will be logged
      */
-    isValidBooleanExpression(query: string, module: AdaptableModule, validationErrorMessage?: string): boolean;
+    isValidBooleanExpression(expression: string, module: AdaptableModule, validationErrorMessage?: string): boolean;
     /**
      * Whether the given ObservableExpression is valid
      * @param expression - ObservableExpression to check
@@ -34,7 +34,7 @@ export interface QueryLanguageApi {
      */
     isValidAggregatedScalarExpression(expression: string, module: AdaptableModule, validationErrorMessage?: string): boolean;
     /**
-     * Returns all Columns referenced in a QueryExpression
+     * Returns all Columns referenced in an Expression
      * @param expression - expression to check
      */
     getColumnsFromExpression(expression: string): string[];
@@ -47,12 +47,12 @@ export interface QueryLanguageApi {
      */
     getModuleExpressionFunctionMap(): ExpressionFunctionMap;
     /**
-     * Runs the AST that AdapTableQL creates for a expression - useful when evaluating remotely
+     * Runs the AST that AdapTableQL creates for an Expression - useful when evaluating remotely
      * @param expression expression to be run
      */
     getASTForExpression(expression: string): any;
     /**
-     * Returns the Expression string of the given AdaptableQuery, which may be either a Boolean, an AggregatedBoolean, a Scalar, an AggregatedScalar or an ObservableExpression expression
+     * Returns the Expression string of the given AdaptableQuery: can be Boolean, AggregatedBoolean, Scalar, AggregatedScalar or Observable Expression
      * @param query - the AdaptableQuery
      */
     getAdaptableQueryExpression(query: Partial<AdaptableQuery>): string | undefined;

package/src/Redux/Store/AdaptableStore.js

@@ -645,7 +645,7 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                 case QuickSearchRedux.QUICK_SEARCH_RUN: {
                     let returnAction = next(action);
                     adaptable.redrawBody();
-                    // if set then reun a query on the text
+                    // if set then return a query on the text
                     if (adaptable.adaptableOptions.searchOptions.filterResultsAfterQuickSearch) {
                         const actionTyped = action;
                         const searchText = actionTyped.quickSearchText;

package/src/Strategy/CalculatedColumnModule.js

@@ -71,6 +71,11 @@ class CalculatedColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                 label: 'Column Id',
                 values: [calculateColumn.ColumnId],
             },
+            calculateColumn.FriendlyName && {
+                name: 'Settings',
+                label: 'Column Name',
+                values: [calculateColumn.FriendlyName],
+            },
             getExpressionViewItems_1.getExpressionViewItems(calculateColumn.Query),
         ];
         if (ArrayExtensions_1.default.IsNotNullOrEmpty(settingsTags)) {

package/src/Strategy/FreeTextColumnModule.js

@@ -75,7 +75,7 @@ class FreeTextColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                     label: 'Data Type',
                     values: [(_a = freeTextColumn.DataType) !== null && _a !== void 0 ? _a : 'Not specified'],
                 },
-                freeTextColumn.DefaultValue !== undefined && {
+                Boolean(freeTextColumn.DefaultValue) && {
                     name: 'Settings',
                     label: 'Default Value',
                     values: [freeTextColumn.DefaultValue],

package/src/Strategy/Interface/IModule.d.ts

@@ -74,11 +74,12 @@ export interface AdaptableObjectView {
 export interface AdaptableModuleView {
     /**
      * List of actions.
-     * Allows to add custmo actions.
+     * Allows to add custom actions.
      */
     actions?: React.FunctionComponent<{
         data: AdaptableObject;
     }>[];
+    onOpenEditPopup?: (abObject?: AdaptableObject) => void;
     getDeleteAction?: (abObject: AdaptableObject) => Redux.Action;
     getSuspendAction?: (abObject: AdaptableObject) => Redux.Action;
     getUnSuspendAction?: (abObject: AdaptableObject) => Redux.Action;

package/src/Strategy/LayoutModule.d.ts

@@ -1,6 +1,8 @@
+/// <reference types="react" />
 import { AdaptableModuleBase } from './AdaptableModuleBase';
 import { LayoutState, Layout } from '../PredefinedConfig/LayoutState';
 import { AdaptableMenuItem, ContextMenuContext } from '../PredefinedConfig/Common/Menu';
+import * as LayoutRedux from '../Redux/ActionsReducers/LayoutRedux';
 import { TeamSharingImportInfo } from '../PredefinedConfig/TeamSharingState';
 import { AdaptableColumn } from '../PredefinedConfig/Common/AdaptableColumn';
 import { AdaptableApi } from '../Api/AdaptableApi';
@@ -16,4 +18,25 @@ export declare class LayoutModule extends AdaptableModuleBase implements IModule
     addColumnMenuItems(column: AdaptableColumn): AdaptableMenuItem[] | undefined;
     addContextMenuItems(menuContext: ContextMenuContext): AdaptableMenuItem[] | undefined;
     getTeamSharingAction(): TeamSharingImportInfo<Layout>;
+    toViewAll(): {
+        items: {
+            name: string;
+            values: string[];
+        }[];
+        abObject: Layout;
+    }[];
+    toView(layout: Layout): {
+        items: {
+            name: string;
+            values: string[];
+        }[];
+        abObject: Layout;
+    };
+    getViewProperties(): {
+        actions: import("react").FunctionComponent<{
+            data: Layout;
+        }>[];
+        getDeleteAction: (layout: Layout) => LayoutRedux.LayoutDeleteAction;
+        onOpenEditPopup: (layout?: Layout) => void;
+    };
 }

package/src/Strategy/LayoutModule.js

@@ -6,6 +6,7 @@ const AdaptableModuleBase_1 = require("./AdaptableModuleBase");
 const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/ModuleConstants"));
 const LayoutRedux = tslib_1.__importStar(require("../Redux/ActionsReducers/LayoutRedux"));
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/ArrayExtensions"));
+const LayoutRadioSelector_1 = require("../View/Layout/LayoutRadioSelector");
 class LayoutModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     constructor(api) {
         super(ModuleConstants.LayoutModuleId, 'Layout', 'layout', 'LayoutPopup', 'Named sets of column visibility, order, groupings, aggregation, pivots etc.', api);
@@ -128,5 +129,74 @@ class LayoutModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             EditAction: LayoutRedux.LayoutSave,
         };
     }
+    toViewAll() {
+        return this.getModuleAdaptableObjects().map((layout) => this.toView(layout));
+    }
+    toView(layout) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const maxColumnsToDisplay = (_d = (_c = (_b = (_a = this.api.internalApi.getAdaptableOptions()) === null || _a === void 0 ? void 0 : _a.layoutOptions) === null || _b === void 0 ? void 0 : _b.view) === null || _c === void 0 ? void 0 : _c.maxColumnsToDisplay) !== null && _d !== void 0 ? _d : 10;
+        const columnIdToFriendlyName = (columnId) => {
+            return this.api.columnApi.getFriendlyNameFromColumnId(columnId);
+        };
+        let columns = layout.Columns;
+        if (columns.length >
+            maxColumnsToDisplay + 1 /* +1 is to show tag only beginning with 2, 'other 2' */) {
+            const extraColumns = columns.length - maxColumnsToDisplay;
+            const firstNColumns = columns
+                .slice(0, maxColumnsToDisplay)
+                .map((colId) => columnIdToFriendlyName(colId));
+            columns = [...firstNColumns, `and other ${extraColumns}`];
+        }
+        return {
+            items: [
+                {
+                    name: 'Name',
+                    values: [layout.Name],
+                },
+                {
+                    name: 'Columns',
+                    values: columns,
+                },
+                ((_e = layout.ColumnSorts) === null || _e === void 0 ? void 0 : _e.length) && {
+                    name: 'Sort',
+                    values: layout.ColumnSorts.map((customSort) => `[${columnIdToFriendlyName(customSort.ColumnId)}: ${customSort.SortOrder}]`),
+                },
+                ((_f = layout === null || layout === void 0 ? void 0 : layout.RowGroupedColumns) === null || _f === void 0 ? void 0 : _f.length) && {
+                    name: 'Grouped Columns',
+                    values: layout.RowGroupedColumns.map((colId) => columnIdToFriendlyName(colId)),
+                },
+                ((_g = layout === null || layout === void 0 ? void 0 : layout.PivotColumns) === null || _g === void 0 ? void 0 : _g.length) && {
+                    name: 'Pivot Columns',
+                    values: layout.PivotColumns.map((colId) => columnIdToFriendlyName(colId)),
+                },
+                (layout === null || layout === void 0 ? void 0 : layout.EnablePivot) && {
+                    name: 'Pivot Enabled',
+                    values: ['Yes'],
+                },
+            ].filter(Boolean),
+            abObject: layout,
+        };
+    }
+    getViewProperties() {
+        return {
+            actions: [LayoutRadioSelector_1.LayoutRadioSelector],
+            getDeleteAction: (layout) => {
+                // make sure we do not delete the last layout
+                if (this.getModuleAdaptableObjects().length === 1) {
+                    return null;
+                }
+                return LayoutRedux.LayoutDelete(layout);
+            },
+            onOpenEditPopup: (layout) => {
+                if (!layout) {
+                    // consider it is new
+                    this.api.layoutApi.showLayoutEditor(null, 'New');
+                }
+                else {
+                    this.api.layoutApi.showLayoutEditor(layout.Name);
+                }
+            },
+        };
+    }
 }
 exports.LayoutModule = LayoutModule;

package/src/Strategy/Utilities/getFlashingCellStyleViewItems.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 export declare const getFlashingCellStyleViewItems: () => {
     name: string;
+    label: string;
     view: import("react").FunctionComponent<import("../../View/FlashingCell/FlashingCellStyle").FlashingCellStyleProps>;
 };

package/src/Strategy/Utilities/getFlashingCellStyleViewItems.js

@@ -4,7 +4,8 @@ exports.getFlashingCellStyleViewItems = void 0;
 const FlashingCellStyle_1 = require("../../View/FlashingCell/FlashingCellStyle");
 exports.getFlashingCellStyleViewItems = () => {
     return {
-        name: 'Change Style',
+        name: 'Flash Styles',
+        label: 'Change Style',
         view: FlashingCellStyle_1.FlashingCellStyle,
     };
 };

package/src/Utilities/Constants/DocumentationLinkConstants.js

@@ -11,4 +11,4 @@ exports.AggregatedBooleanQueryDocsLink = `${exports.HOST_URL_DOCS}/guide/adaptab
 exports.AggregatedScalarQueryDocsLink = `${exports.HOST_URL_DOCS}/guide/adaptable-ql-expression-aggregation#aggregated-scalar-expressions`;
 exports.PredicateDocsLink = `${exports.HOST_URL_DOCS}/guide/adaptable-ql-predicate`;
 exports.PrimaryKeyDocsLink = `${exports.HOST_URL_DOCS}/guide/dev-guide-tutorial-primary-key`;
-exports.LicenseDocsLink = `${exports.HOST_URL_DOCS}/licensing`;
+exports.LicenseDocsLink = `${exports.HOST_URL_DOCS}/guide/licensing`;

package/src/Utilities/Defaults/DefaultAdaptableOptions.js

@@ -131,6 +131,9 @@ exports.DefaultAdaptableOptions = {
         autoSizeColumnsInLayout: false,
         autoSizeColumnsInPivotLayout: false,
         createDefaultLayout: false,
+        view: {
+            maxColumnsToDisplay: 10,
+        },
     },
     menuOptions: {
         showAdaptableContextMenu: true,

package/src/Utilities/Defaults/DefaultSettingsPanel.js

@@ -10,6 +10,7 @@ exports.STANDALONE_MODULE_POPUPS = [
  * This constants determines the order and the items that appear in the navigation.
  */
 exports.DEFAULT_NAVIGATION_ITEMS = [
+    'GridInfo',
     'Dashboard',
     'ToolPanel',
     'StateManagement',
@@ -31,7 +32,6 @@ exports.DEFAULT_NAVIGATION_ITEMS = [
     'Schedule',
     'Shortcut',
     '-',
-    'GridInfo',
     'SystemStatus',
     'DataChangeHistory',
     'TeamSharing',

package/src/Utilities/Emitter.d.ts

@@ -7,7 +7,7 @@ declare class Emittery {
     on(eventName: string, listener: EmitterCallback): any;
     off(eventName: string, listener: EmitterCallback): void;
     once(eventName: string): Promise<unknown>;
-    onIncludeFiredOnce(eventName: string, listener: EmitterCallback): any;
+    onIncludeFiredOnce(eventName: string): Promise<any>;
     onIncludeFired(eventName: string, listener: EmitterCallback): any;
     emit(eventName: string, eventData?: any): Promise<any[]>;
     emitSync(eventName: string, eventData?: any): any[];

package/src/Utilities/Emitter.js

@@ -100,16 +100,13 @@ class Emittery {
             });
         });
     }
-    onIncludeFiredOnce(eventName, listener) {
+    onIncludeFiredOnce(eventName) {
         const triggeredEventsMap = triggeredMap.get(this);
         const eventInfo = triggeredEventsMap.get(eventName);
         if (eventInfo) {
-            listener(eventInfo.data);
-            return () => { };
-        }
-        else {
-            return this.on(eventName, listener);
+            return Promise.resolve(eventInfo.data);
         }
+        return this.once(eventName);
     }
     onIncludeFired(eventName, listener) {
         const triggeredEventsMap = triggeredMap.get(this);

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

@@ -1,5 +1,5 @@
 import { ExpressionFunction } from '../../parser/src/types';
-declare type AggregationFunctionName = 'WHERE' | 'COL' | AggregationFunction | ComparisonFunction;
+export declare type AggregationFunctionName = 'WHERE' | 'COL' | AggregationFunction | ComparisonFunction;
 declare type AggregationFunction = 'SUM';
 declare type ComparisonFunction = 'EQ' | 'NEQ' | 'LT' | 'GT' | 'LTE' | 'GTE';
 export declare const aggregatedBooleanExpressionFunctions: Record<AggregationFunctionName, ExpressionFunction>;

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

@@ -1,5 +1,5 @@
 import { ExpressionFunction } from '../../parser/src/types';
-declare type ObservableFunctionName = 'WHERE' | 'COL' | 'TIMEFRAME' | ObservableFunction | ChangeFunction;
+export declare type ObservableFunctionName = 'WHERE' | 'COL' | 'TIMEFRAME' | ObservableFunction | ChangeFunction;
 declare type ObservableFunction = 'ROW_CHANGE' | 'GRID_CHANGE';
 declare type ChangeFunction = 'MAX' | 'MIN' | 'NONE' | 'COUNT';
 export declare const observableExpressionFunctions: Record<ObservableFunctionName, ExpressionFunction>;

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

@@ -7,3 +7,4 @@ export declare const toStyle: (style?: AdaptableStyle) => {
     borderWidth: number;
     borderStyle: string;
 };
+export declare const getVariableColor: (variable: string) => string;

package/src/Utilities/Helpers/StyleHelper.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toStyle = exports.convertCSSAbsoluteFontSizeToPt = exports.convertAdaptableStyleToCSS = void 0;
+exports.getVariableColor = exports.toStyle = exports.convertCSSAbsoluteFontSizeToPt = exports.convertAdaptableStyleToCSS = void 0;
 const EnumExtensions_1 = require("../Extensions/EnumExtensions");
 exports.convertAdaptableStyleToCSS = (style) => {
     let result = {};
@@ -45,3 +45,15 @@ exports.convertCSSAbsoluteFontSizeToPt = (fontSize) => {
 exports.toStyle = (style) => {
     return Object.assign(Object.assign({}, exports.convertAdaptableStyleToCSS(style !== null && style !== void 0 ? style : {})), { borderWidth: (style === null || style === void 0 ? void 0 : style.BorderColor) ? 2 : 0, borderStyle: 'solid' });
 };
+exports.getVariableColor = (variable) => {
+    var _a;
+    const isVariable = (_a = variable === null || variable === void 0 ? void 0 : variable.startsWith) === null || _a === void 0 ? void 0 : _a.call(variable, 'var(');
+    if (!isVariable) {
+        return variable;
+    }
+    const match = /\((.+)\)/.exec(variable);
+    if (!match) {
+        return variable;
+    }
+    return getComputedStyle(document.documentElement).getPropertyValue(match[1]).trim();
+};

package/src/View/AdaptableViewFactory.js

@@ -4,10 +4,8 @@ exports.AdaptableViewPanelFactory = exports.AdaptableViewFactory = void 0;
 const tslib_1 = require("tslib");
 const SmartEditPopup_1 = require("./SmartEdit/SmartEditPopup");
 const QuickSearchPopup_1 = require("./QuickSearch/QuickSearchPopup");
-const ExpandedQueryPopup_1 = require("./Query/ExpandedQueryPopup");
 const ThemePopup_1 = require("./Theme/ThemePopup");
 const ToolPanelPopup_1 = require("./Components/ToolPanel/ToolPanelPopup");
-const LayoutPopup_1 = require("./Layout/LayoutPopup");
 const GridInfoPopup_1 = require("./GridInfo/GridInfoPopup");
 const TeamSharingPopup_1 = require("./TeamSharing/TeamSharingPopup");
 const DashboardPopup_1 = require("./Dashboard/DashboardPopup");
@@ -33,12 +31,12 @@ const DataChangeHistoryPopup_1 = require("./DataChangeHistory/DataChangeHistoryP
 const DataChangeHistoryViewPanel_1 = require("./DataChangeHistory/DataChangeHistoryViewPanel");
 const StateManagementViewPanel_1 = require("./StateManagement/StateManagementViewPanel");
 exports.AdaptableViewFactory = {
-    ExpandedQueryPopup: ExpandedQueryPopup_1.ExpandedQueryPopup,
+    // ExpandedQueryPopup,
     BulkUpdatePopup: BulkUpdatePopup_1.BulkUpdatePopup,
     DashboardPopup: DashboardPopup_1.DashboardPopup,
     StateManagementPopup: StateManagementPopup_1.StateManagementPopup,
     GridInfoPopup: GridInfoPopup_1.GridInfoPopup,
-    LayoutPopup: LayoutPopup_1.LayoutPopup,
+    // LayoutPopup,
     QuickSearchPopup: QuickSearchPopup_1.QuickSearchPopup,
     CellSummaryPopup: CellSummaryPopup_1.CellSummaryPopup,
     SmartEditPopup: SmartEditPopup_1.SmartEditPopup,