@adaptabletools/adaptable 11.2.1 → 11.2.4-canary.0

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

@@ -12,11 +12,12 @@ exports.TagValueSelector = (props) => {
         return (_a = api.internalApi.getAvailableTags()) !== null && _a !== void 0 ? _a : [];
     };
     const { availableTags = getDefaultTags(), selectedTags = [], onChange, singleSelect } = props;
-    return (React.createElement(ValueSelector_1.ValueSelector, { options: availableTags, value: selectedTags.map((tag) => tag.value), singleSelect: singleSelect, allowReorder: false, onChange: (selectedTagsIds, selectedTagsMap) => {
+    return (React.createElement(ValueSelector_1.ValueSelector, { options: availableTags, value: selectedTags.map((tag) => api.internalApi.getLabelForTag(tag)), singleSelect: singleSelect, allowReorder: false, onChange: (selectedTagsIds, selectedTagsMap) => {
             onChange(selectedTagsIds.map((id) => selectedTagsMap.get(id)));
-        }, selectionBoxPosition: 'top', toIdentifier: (tag) => tag.value, toLabel: (tag) => tag.label, noSelectionLabel: singleSelect ? 'Select a tag' : 'You have not selected any tags.', xSelectedLabel: singleSelect ? () => 'Selected tag:' : () => 'Selected tags:' }));
+        }, selectionBoxPosition: 'top', toIdentifier: (tag) => api.internalApi.getLabelForTag(tag), toLabel: (tag) => api.internalApi.getLabelForTag(tag), noSelectionLabel: singleSelect ? 'Select a tag' : 'You have not selected any tags.', xSelectedLabel: singleSelect ? () => 'Selected tag:' : () => 'Selected tags:' }));
 };
 exports.TagValueOptionsTags = (props) => {
     const { tags = [] } = props;
-    return (React.createElement(ValueSelector_1.ValueOptionsTags, { options: tags, value: tags.map((tag) => tag.value), toIdentifier: (tag) => tag.value, toLabel: (tag) => tag.label, allowWrap: true, readOnly: true }));
+    const { api } = AdaptableContext_1.useAdaptable();
+    return (React.createElement(ValueSelector_1.ValueOptionsTags, { options: tags, value: tags.map((tag) => api.internalApi.getValueForTag(tag)), toIdentifier: (tag) => api.internalApi.getValueForTag(tag), toLabel: (tag) => api.internalApi.getLabelForTag(tag), allowWrap: true, readOnly: true }));
 };

package/src/View/ConditionalStyle/Wizard/ConditionalStyleWizard.js

@@ -20,8 +20,8 @@ const ConditionalStyleRedux = tslib_1.__importStar(require("../../../Redux/Actio
 const ConditionalStyleSettingsWizardSettings_1 = require("./ConditionalStyleSettingsWizardSettings");
 const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 exports.ConditionalStyleWizard = (props) => {
-    var _a;
-    const data = (_a = props.data) !== null && _a !== void 0 ? _a : props.popupParams.value;
+    var _a, _b;
+    const data = (_a = props.data) !== null && _a !== void 0 ? _a : (_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.value;
     const [conditionalStyle, setConditionalStyle] = react_1.useState(() => {
         var _a, _b, _c;
         const DEFAULT_RULE = {

package/src/View/Export/ReportExportDropdown.js

@@ -32,6 +32,6 @@ exports.ReportExportDropdown = (props) => {
     if ((report === null || report === void 0 ? void 0 : report.Name) === GeneralConstants_1.VISUAL_DATA_REPORT) {
         destinationItems.forEach((item) => (item.disabled = item.label === Enums_1.ExportDestination.Excel ? false : true));
     }
-    return (React.createElement(DropdownButton_1.default, { tooltip: "Export Report", variant: "text", items: destinationItems },
+    return (React.createElement(DropdownButton_1.default, { columns: ['label'], tooltip: "Export Report", variant: "text", items: destinationItems },
         React.createElement(icons_1.Icon, { name: "export" })));
 };

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

@@ -1,14 +1,2 @@
 import * as React from 'react';
-import { AdaptableApi } from '../../Api/AdaptableApi';
-import { ColumnFilter } from '../../PredefinedConfig/FilterState';
-import { AccessLevel } from '../../PredefinedConfig/Common/Entitlement';
-export interface ActiveFiltersPanelProps extends React.ClassAttributes<ActiveFiltersPanel> {
-    columnFilters: ColumnFilter[];
-    api: AdaptableApi;
-    accessLevel: AccessLevel;
-    onClear: (columnFilter: ColumnFilter) => void;
-}
-export declare class ActiveFiltersPanel extends React.Component<ActiveFiltersPanelProps, {}> {
-    render(): any;
-    private createRow;
-}
+export declare const ActiveFiltersPanel: React.FunctionComponent;

package/src/View/Filter/ActiveFiltersPanel.js

@@ -3,35 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActiveFiltersPanel = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const ButtonClear_1 = require("../Components/Buttons/ButtonClear");
-const Helper_1 = require("../../Utilities/Helpers/Helper");
-const AdaptableObjectRow_1 = require("../Components/AdaptableObjectRow");
-const PanelWithRow_1 = require("../Components/Panels/PanelWithRow");
-const rebass_1 = require("rebass");
-const stopPropagation = (e) => {
-    e.stopPropagation();
+const AdaptableContext_1 = require("../AdaptableContext");
+const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
+const AdaptableObjectCompactList_1 = require("../Components/AdaptableObjectList/AdaptableObjectCompactList");
+exports.ActiveFiltersPanel = () => {
+    const adaptable = AdaptableContext_1.useAdaptable();
+    const filterModule = adaptable.ModuleService.getModuleById(ModuleConstants.FilterModuleId);
+    const columnFilters = adaptable.api.filterApi.getAllColumnFilter();
+    return React.createElement(AdaptableObjectCompactList_1.AdaptableObjectCompactList, { abObjects: columnFilters, module: filterModule });
 };
-class ActiveFiltersPanel extends React.Component {
-    render() {
-        let colItems = [
-            { Content: 'Column Filter', Size: 9 },
-            { Content: '', Size: 3 },
-        ];
-        let rowElements = [];
-        this.props.columnFilters.forEach((columnFilter) => {
-            rowElements.push(this.createRow(colItems, columnFilter));
-        });
-        return (React.createElement("div", null,
-            React.createElement(PanelWithRow_1.PanelWithRow, { colItems: colItems }),
-            React.createElement("div", null, rowElements)));
-    }
-    createRow(colItems, columnFilter) {
-        let rowColItems = Helper_1.Helper.cloneObject(colItems);
-        rowColItems[0].Content = this.props.api.filterApi.columnFilterToString(columnFilter);
-        rowColItems[1].Content = (React.createElement(rebass_1.Flex, { justifyContent: "center", margin: 0, padding: 0, onClick: stopPropagation },
-            React.createElement(ButtonClear_1.ButtonClear, { onClick: () => this.props.onClear(columnFilter), tooltip: "Clear Filter", disabled: columnFilter == null, accessLevel: this.props.accessLevel })));
-        let rowElement = React.createElement(AdaptableObjectRow_1.AdaptableObjectRow, { key: columnFilter.ColumnId, colItems: rowColItems });
-        return rowElement;
-    }
-}
-exports.ActiveFiltersPanel = ActiveFiltersPanel;

package/src/View/Filter/FilterStatusBarSubPanelPopover.js

@@ -3,16 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilterStatusBarSubPanelPopover = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const react_redux_1 = require("react-redux");
-const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
-const AdaptableContext_1 = require("../AdaptableContext");
 const ActiveFiltersPanel_1 = require("./ActiveFiltersPanel");
 exports.FilterStatusBarSubPanelPopover = () => {
-    const adaptable = AdaptableContext_1.useAdaptable();
-    const columnFilters = react_redux_1.useSelector((state) => state.Filter.ColumnFilters);
-    const accessLevel = adaptable.api.internalApi
-        .getEntitlementService()
-        .getEntitlementAccessLevelForModule(ModuleConstants.FilterModuleId);
-    const handleClear = React.useCallback((columnFilter) => adaptable.api.filterApi.clearColumnFilterByColumn(columnFilter.ColumnId), []);
-    return (React.createElement(ActiveFiltersPanel_1.ActiveFiltersPanel, { columnFilters: columnFilters, api: adaptable.api, accessLevel: accessLevel, onClear: handleClear }));
+    return React.createElement(ActiveFiltersPanel_1.ActiveFiltersPanel, null);
 };

package/src/View/Filter/FilterViewPanel.js

@@ -16,11 +16,11 @@ class FilterViewPanelComponent extends React.Component {
         super(props);
     }
     render() {
-        const activeFiltersPanel = (React.createElement(ActiveFiltersPanel_1.ActiveFiltersPanel, { columnFilters: this.props.ColumnFilters, api: this.props.api, accessLevel: this.props.accessLevel, onClear: (columnFilter) => this.onClearColumnFilter(columnFilter) }));
+        const activeFiltersPanel = React.createElement(ActiveFiltersPanel_1.ActiveFiltersPanel, null);
         const elementType = this.props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
         return (React.createElement(rebass_1.Flex, { flexDirection: "row", className: `ab-${elementType}__Filter__wrap`, flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
             React.createElement(rebass_1.Flex, null, ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(this.props.ColumnFilters) && (React.createElement(React.Fragment, null,
-                React.createElement(AdaptablePopover_1.AdaptablePopover, { className: `ab-${elementType}__Filter__info`, headerText: "", bodyText: [activeFiltersPanel], 
+                React.createElement(AdaptablePopover_1.AdaptablePopover, { popupPadding: 0, className: `ab-${elementType}__Filter__info`, headerText: "", bodyText: [activeFiltersPanel], 
                     //  tooltipText={'Show Filter Details'}
                     useButton: true, showEvent: 'focus', hideEvent: "blur", popoverMinWidth: 400 }),
                 React.createElement(ButtonClear_1.ButtonClear, { marginLeft: 1, marginBottom: 0, marginRight: 1, className: `ab-${elementType}__Filter__clear`, onClick: () => this.onClearFilters(), tooltip: "Clear Filters", disabled: this.props.ColumnFilters.length == 0, showText: this.props.viewType === 'ToolPanel' }, this.props.viewType === 'ToolPanel' && 'Clear')))),

package/src/View/FormatColumn/Wizard/FormatColumnWizard.js

@@ -72,9 +72,9 @@ const adjustFormatColumn = (formatColumn, api) => {
     return formatColumn;
 };
 function FormatColumnWizard(props) {
-    var _a;
+    var _a, _b;
     const { api } = AdaptableContext_1.useAdaptable();
-    const data = (_a = props.data) !== null && _a !== void 0 ? _a : props.popupParams.value;
+    const data = (_a = props.data) !== null && _a !== void 0 ? _a : (_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.value;
     const [formatColumn, doSetFormatColumn] = react_1.useState(() => {
         var _a, _b, _c, _d;
         let formatColumn = data ? Helper_1.cloneObject(data) : ObjectFactory_1.default.CreateEmptyFormatColumn();

package/src/View/FreeTextColumn/Wizard/FreeTextColumnSettingsWizardSection.d.ts

@@ -2,7 +2,7 @@
 import { FreeTextColumn } from '../../../PredefinedConfig/FreeTextColumnState';
 import { AdaptableApi } from '../../../Api/AdaptableApi';
 export declare const renderFreeTextColumnSummary: (data: FreeTextColumn) => JSX.Element;
-export declare const isValidFreeTextColumn: (data: FreeTextColumn, api: AdaptableApi) => true | "Column id cannot be empty" | "No data type specified for column" | "A Column already exists with that id";
+export declare const isValidFreeTextColumn: (data: FreeTextColumn, api: AdaptableApi) => true | "Column Id cannot be empty" | "No data type specified for column" | "A Column already exists with that id";
 export declare type FreeTextColumnSettingsWizardSectionProps = {
     onChange: (data: FreeTextColumn) => void;
     isEdit: boolean;

package/src/View/FreeTextColumn/Wizard/FreeTextColumnSettingsWizardSection.js

@@ -46,7 +46,7 @@ exports.renderFreeTextColumnSummary = (data) => {
 exports.isValidFreeTextColumn = (data, api) => {
     const columns = api.columnApi.getColumns();
     if (!data.ColumnId) {
-        return 'Column id cannot be empty';
+        return 'Column Id cannot be empty';
     }
     const columnsWithSameIdCount = columns.filter((c) => c.columnId === data.ColumnId).length;
     const hasAlreadyExistingId = data.Uuid ? columnsWithSameIdCount > 1 : columnsWithSameIdCount > 0;

package/src/View/Layout/Wizard/LayoutEditorWizard.d.ts

@@ -43,7 +43,7 @@ export declare class LayoutEditorWizard extends React.Component<LayoutEditorWiza
         Uuid?: string;
         Source?: "Config" | "User";
         IsReadOnly?: boolean;
-        Tags?: import("../../../PredefinedConfig/Common/AdaptableObject").AdaptableObjectTag[];
+        Tags?: import("../../../types").AdaptableObjectTag[];
     };
     canNext(): boolean;
     canBack(): boolean;

package/src/View/Schedule/Wizard/ScheduleWizard.js

@@ -14,10 +14,10 @@ const react_redux_1 = require("react-redux");
 const ScheduleRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/ScheduleRedux"));
 const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 exports.ScheduleWizard = (props) => {
-    var _a, _b, _c;
-    const data = (_a = props.data) !== null && _a !== void 0 ? _a : props.popupParams.value;
-    const isNew = ((_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.action) ? props.popupParams.action === 'New' : !props.data;
-    const scheduleType = data ? data.ScheduleType : (_c = props === null || props === void 0 ? void 0 : props.abObjectType) === null || _c === void 0 ? void 0 : _c.name;
+    var _a, _b, _c, _d;
+    const data = (_a = props.data) !== null && _a !== void 0 ? _a : (_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.value;
+    const isNew = ((_c = props.popupParams) === null || _c === void 0 ? void 0 : _c.action) ? props.popupParams.action === 'New' : !props.data;
+    const scheduleType = data ? data.ScheduleType : (_d = props === null || props === void 0 ? void 0 : props.abObjectType) === null || _d === void 0 ? void 0 : _d.name;
     const [schedule, setSchedule] = React.useState(() => {
         if (data) {
             return data;

package/src/agGrid/Adaptable.d.ts

@@ -195,6 +195,9 @@ export declare class Adaptable implements IAdaptable {
     forAllRowNodesDo(func: (rowNode: RowNode) => void): void;
     forAllVisibleRowNodesDo(func: (rowNode: RowNode, rowIndex: number) => void): void;
     getVisibleRowNodes(): RowNode[];
+    getAllRowNodes(config?: {
+        includeGroupRows?: boolean;
+    }): RowNode[];
     getRowsInViewport(): RowNode[];
     selectNodes(rowNodes: RowNode[], clearSelection: boolean): void;
     deSelectNodes(rowNodes: RowNode[], clearSelection: boolean): void;

package/src/agGrid/Adaptable.js

@@ -114,7 +114,6 @@ RowNodeProto.dispatchLocalEvent = function (event) {
             //@ts-ignore
             const fn = adaptable.rowListeners ? adaptable.rowListeners[event.type] : null;
             if (fn) {
-                console.log('fire event', event);
                 fn(event);
             }
         });
@@ -1951,7 +1950,7 @@ class Adaptable {
         return rowNodes;
     }
     forAllRowNodesDo(func) {
-        this.gridOptions.api.getModel().forEachNode((rowNode) => {
+        this.gridOptions.api.forEachNode((rowNode) => {
             func(rowNode);
         });
     }
@@ -1967,6 +1966,15 @@ class Adaptable {
         });
         return rowNodes;
     }
+    getAllRowNodes(config) {
+        let rowNodes = [];
+        this.gridOptions.api.forEachNode((rowNode, rowIndex) => {
+            if (!this.isGroupRowNode(rowNode) || (config === null || config === void 0 ? void 0 : config.includeGroupRows)) {
+                rowNodes.push(rowNode);
+            }
+        });
+        return rowNodes;
+    }
     getRowsInViewport() {
         return this.gridOptions.api.getRenderedNodes();
     }

package/src/agGrid/agGridHelper.js

@@ -165,6 +165,7 @@ class agGridHelper {
         const abColumn = {
             Uuid: Uuid_1.createUuid(),
             columnId: ColumnId,
+            field: colDef.field,
             friendlyName: FriendlyName,
             isPrimaryKey: ColumnId === pkColumn,
             dataType: this.getColumnDataType(agGridColumn, false),

package/src/components/ExpressionEditor/BaseEditorInput.js

@@ -38,12 +38,19 @@ function BaseEditorInput(props) {
                 React.createElement("i", null, " (click for more details)")),
             React.createElement(rebass_1.Text, { marginLeft: 3, style: { fontStyle: 'italic' } }, parserExceptionDetails)));
     };
+    const testRowNode = react_1.useMemo(() => {
+        const firstRowNode = props.api.gridApi.getFirstRowNode();
+        // clone the class instance to still keep the prototype methods
+        return Object.assign(Object.create(Object.getPrototypeOf(firstRowNode)), firstRowNode);
+    }, []);
     try {
         // explicitly parsing & evaluating the expression because we need full control of the resulted AST
         const expr = parser.parse(props.value || '');
         try {
+            testRowNode.data = testData;
             result = expr.evaluate({
-                node: { data: testData },
+                // we need a fully-fledged rowNode as Adaptable accesses internal methods of it
+                node: testRowNode,
                 api: props.api,
                 functions: expressionFunctions,
             });

package/src/components/ExpressionEditor/index.js

@@ -48,6 +48,57 @@ function ExpressionEditor(props) {
     const queryableColumns = type === 'scalar' || type === 'boolean'
         ? props.columns
         : props.columns.filter((c) => !props.api.columnApi.isCalculatedColumn(c.columnId));
+    // borrowed from https://github.com/ag-grid/ag-grid/blob/v27.2.1/community-modules/core/src/ts/utils/object.ts#L205
+    const getColValue = (column) => {
+        var _a, _b;
+        const columnValueKey = (_a = column.field) !== null && _a !== void 0 ? _a : column.columnId;
+        const isColumnValueContainsDots = (_b = column.field) === null || _b === void 0 ? void 0 : _b.includes('.');
+        // if no '.', then it's not a deep value
+        if (!isColumnValueContainsDots) {
+            return data[columnValueKey];
+        }
+        // otherwise it is a deep value, so need to dig for it
+        const fields = columnValueKey.split('.');
+        let currentObject = data;
+        for (let i = 0; i < fields.length; i++) {
+            if (currentObject == null) {
+                return undefined;
+            }
+            currentObject = currentObject[fields[i]];
+        }
+        return currentObject;
+    };
+    // borrowed from https://github.com/ag-grid/ag-grid/blob/v27.2.1/community-modules/core/src/ts/valueService/valueService.ts#L217
+    const updateColValue = (rowData, column, newValue) => {
+        var _a, _b;
+        const columnValueKey = (_a = column.field) !== null && _a !== void 0 ? _a : column.columnId;
+        const isColumnValueContainsDots = (_b = column.field) === null || _b === void 0 ? void 0 : _b.includes('.');
+        // if no '.', then it's not a deep value
+        if (!isColumnValueContainsDots) {
+            rowData[columnValueKey] = newValue;
+        }
+        else {
+            // otherwise it is a deep value, so need to dig for it
+            const fieldPieces = columnValueKey.split('.');
+            let currentObject = rowData;
+            while (fieldPieces.length > 0 && currentObject) {
+                const fieldPiece = fieldPieces.shift();
+                if (fieldPieces.length === 0) {
+                    currentObject[fieldPiece] = newValue;
+                }
+                else {
+                    currentObject = currentObject[fieldPiece];
+                }
+            }
+        }
+        return Object.assign({}, rowData);
+    };
+    const getColDateValue = (column) => {
+        const colValue = getColValue(column);
+        return colValue && DateHelper_1.isValueValidDate(colValue)
+            ? new Date(colValue).toISOString().substr(0, 10)
+            : '';
+    };
     const dataTableEditor = (React.createElement(React.Fragment, null,
         React.createElement(rebass_1.Flex, { flexDirection: "column", alignItems: "start", style: { marginTop: 2 } },
             React.createElement(CheckBox_1.CheckBox, { checked: showColumnIds, onChange: (checked) => setShowColumnIds(checked), style: {
@@ -61,11 +112,9 @@ function ExpressionEditor(props) {
                     cursor: 'grab',
                     marginRight: 'var(--ab-space-1)',
                 }, data: `[${column.columnId}]`, "data-name": "column", icon: "drag" },
-                React.createElement(rebass_1.Flex, { flexDirection: "column", alignItems: "start" }, showColumnIds ? `[${column.columnId}]` : column.friendlyName)) }, column.dataType === 'Number' ? (React.createElement(Input_1.default, { type: "number", "data-name": "column-input", value: data[column.columnId], onChange: (e) => setData(Object.assign(Object.assign({}, data), { [column.columnId]: Number(e.target.value) })), width: "100%", disabled: column.readOnly })) : column.dataType === 'String' ? (React.createElement(Input_1.default, { type: "text", "data-name": "column-input", value: data[column.columnId], onChange: (e) => setData(Object.assign(Object.assign({}, data), { [column.columnId]: e.target.value })), width: "100%", disabled: column.readOnly })) : column.dataType === 'Date' ? (React.createElement(AdaptableInput_1.default, { type: "date", "data-name": "column-input", value: data[column.columnId] && DateHelper_1.isValueValidDate(data[column.columnId])
-                ? new Date(data[column.columnId]).toISOString().substr(0, 10)
-                : '', onChange: (e) => {
-                setData(Object.assign(Object.assign({}, data), { [column.columnId]: new Date(e.target.value) }));
-            }, style: { width: '100%' }, disabled: column.readOnly })) : column.dataType === 'Boolean' ? (React.createElement(CheckBox_1.CheckBox, { "data-name": "column-input", checked: data[column.columnId], onChange: (checked) => setData(Object.assign(Object.assign({}, data), { [column.columnId]: checked })), disabled: column.readOnly })) : null))))));
+                React.createElement(rebass_1.Flex, { flexDirection: "column", alignItems: "start" }, showColumnIds ? `[${column.columnId}]` : column.friendlyName)) }, column.dataType === 'Number' ? (React.createElement(Input_1.default, { type: "number", "data-name": "column-input", value: getColValue(column), onChange: (e) => setData(updateColValue(data, column, Number(e.target.value))), width: "100%", disabled: column.readOnly })) : column.dataType === 'String' ? (React.createElement(Input_1.default, { type: "text", "data-name": "column-input", value: getColValue(column), onChange: (e) => setData(updateColValue(data, column, e.target.value)), width: "100%", disabled: column.readOnly })) : column.dataType === 'Date' ? (React.createElement(AdaptableInput_1.default, { type: "date", "data-name": "column-input", value: getColDateValue(column), onChange: (e) => {
+                setData(updateColValue(data, column, new Date(e.target.value)));
+            }, style: { width: '100%' }, disabled: column.readOnly })) : column.dataType === 'Boolean' ? (React.createElement(CheckBox_1.CheckBox, { "data-name": "column-input", checked: getColValue(column), onChange: (checked) => setData(updateColValue(data, column, checked)), disabled: column.readOnly })) : null))))));
     const namedQueries = (React.createElement("div", null, props.namedQueries.map((namedQuery) => (React.createElement(rebass_1.Flex, { key: namedQuery.Uuid, flexDirection: "column", alignItems: "start", style: {
             padding: 3,
             marginTop: 'var(--ab-space-2)',

package/src/metamodel/adaptable.metamodel.d.ts

@@ -385,6 +385,11 @@ export declare const ADAPTABLE_METAMODEL: {
             reference: string;
         })[];
     };
+    AdaptableObjectTag: {
+        name: string;
+        kind: string;
+        description: string;
+    };
     AdaptableOptions: {
         name: string;
         kind: string;
@@ -897,6 +902,17 @@ export declare const ADAPTABLE_METAMODEL: {
             isOptional: boolean;
         }[];
     };
+    AutoGenerateTagsForLayoutsContext: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+        }[];
+    };
     BaseContext: {
         name: string;
         kind: string;
@@ -2037,8 +2053,8 @@ export declare const ADAPTABLE_METAMODEL: {
             kind: string;
             description: string;
             uiLabel: string;
-            isOptional: boolean;
             reference: string;
+            isOptional?: undefined;
         } | {
             name: string;
             kind: string;
@@ -2051,15 +2067,15 @@ export declare const ADAPTABLE_METAMODEL: {
             kind: string;
             description: string;
             uiLabel: string;
-            reference: string;
+            reference?: undefined;
             isOptional?: undefined;
         } | {
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
-            isOptional?: undefined;
-            reference?: undefined;
+            isOptional: boolean;
+            reference: string;
         })[];
     };
     ExpressionFunction: {
@@ -2845,11 +2861,6 @@ export declare const ADAPTABLE_METAMODEL: {
         kind: string;
         description: string;
     };
-    IsObjectAvailableInLayoutContext: {
-        name: string;
-        kind: string;
-        description: string;
-    };
     Layout: {
         name: string;
         kind: string;
@@ -2884,6 +2895,18 @@ export declare const ADAPTABLE_METAMODEL: {
         kind: string;
         description: string;
     };
+    LayoutAvailableContext: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            reference: string;
+        }[];
+    };
     LayoutChangedInfo: {
         name: string;
         kind: string;
@@ -2907,15 +2930,6 @@ export declare const ADAPTABLE_METAMODEL: {
         kind: string;
         description: string;
         properties: ({
-            name: string;
-            kind: string;
-            description: string;
-            uiLabel: string;
-            isOptional: boolean;
-            gridInfo?: undefined;
-            defaultValue?: undefined;
-            reference?: undefined;
-        } | {
             name: string;
             kind: string;
             description: string;