@adaptabletools/adaptable 10.0.1 → 10.0.4-canary.1

package/src/agGrid/agGridHelper.js

@@ -215,33 +215,33 @@ class agGridHelper {
         let ColumnGroup = colsToGroups === null || colsToGroups === void 0 ? void 0 : colsToGroups[ColumnId];
         const abColumn = {
             Uuid: Uuid_1.createUuid(),
-            ColumnId,
-            FriendlyName,
-            IsPrimaryKey: ColumnId === pkColumn,
-            DataType: this.getColumnDataType(vendorColumn, false),
-            Visible: vendorColumn.isVisible(),
-            ReadOnly: this.isColumnReadonly(colDef),
-            ColumnGroup,
-            Sortable: this.isColumnSortable(colDef),
-            Filterable: this.isColumnFilterable(colDef),
-            Groupable: this.isColumnGroupable(colDef),
-            Pivotable: this.isColumnPivotable(colDef),
-            Aggregatable: this.isColumnAggregetable(colDef),
-            AvailableAggregationFunctions: null,
-            AggregationFunction: null,
-            Moveable: this.isColumnMoveable(colDef),
-            Hideable: this.isColumnHideable(colDef),
-            Queryable: this.isColumnQueryable(colDef, ColumnId),
-            IsGrouped: this.isColumnGrouped(colDef),
-            IsFixed: this.isColumnFixed(colDef),
+            columnId: ColumnId,
+            friendlyName: FriendlyName,
+            isPrimaryKey: ColumnId === pkColumn,
+            dataType: this.getColumnDataType(vendorColumn, false),
+            visible: vendorColumn.isVisible(),
+            readOnly: this.isColumnReadonly(colDef),
+            columnGroup: ColumnGroup,
+            sortable: this.isColumnSortable(colDef),
+            filterable: this.isColumnFilterable(colDef),
+            groupable: this.isColumnGroupable(colDef),
+            pivotable: this.isColumnPivotable(colDef),
+            aggregatable: this.isColumnAggregetable(colDef),
+            availableAggregationFunctions: null,
+            aggregationFunction: null,
+            moveable: this.isColumnMoveable(colDef),
+            hideable: this.isColumnHideable(colDef),
+            queryable: this.isColumnQueryable(colDef, ColumnId),
+            isGrouped: this.isColumnGrouped(colDef),
+            isFixed: this.isColumnFixed(colDef),
             //TODO add IsPinned??
-            IsSparkline: this.adaptable.api.sparklineColumnApi.isSparklineColumn(colId),
-            IsExcludedFromQuickSearch: false,
+            isSparkline: this.adaptable.api.sparklineColumnApi.isSparklineColumn(colId),
+            isExcludedFromQuickSearch: false,
         };
-        if (abColumn.Aggregatable) {
-            abColumn.AvailableAggregationFunctions = this.getColumnAggregationFunctions(colDef);
+        if (abColumn.aggregatable) {
+            abColumn.availableAggregationFunctions = this.getColumnAggregationFunctions(colDef);
             if (typeof colDef.aggFunc === 'string') {
-                abColumn.AggregationFunction = colDef.aggFunc;
+                abColumn.aggregationFunction = colDef.aggFunc;
             }
         }
         // lets set this here one as the function cannot change the result so dont need to run it each time
@@ -249,7 +249,7 @@ class agGridHelper {
             .excludeColumnFromQuickSearch;
         if (excludeColumnFromQuickSearch) {
             if (excludeColumnFromQuickSearch(abColumn)) {
-                abColumn.IsExcludedFromQuickSearch = true;
+                abColumn.isExcludedFromQuickSearch = true;
             }
         }
         return abColumn;
@@ -322,6 +322,7 @@ class agGridHelper {
     }
     fireSelectionChangedEvent() {
         let selectionChangedInfo = {
+            adaptableApi: this.adaptable.api,
             selectedCellInfo: this.adaptable.api.gridApi.getGridState().SelectedCellInfo,
             selectedRowInfo: this.adaptable.api.gridApi.getGridState().SelectedRowInfo,
         };
@@ -435,8 +436,8 @@ class agGridHelper {
         let dataType = Enums_1.DataType.Unknown;
         // get the column type if already in store (and not unknown)
         const existingColumn = this.adaptable.api.columnApi.getColumnFromId(column.getId(), logWarning);
-        if (existingColumn && existingColumn.DataType != Enums_1.DataType.Unknown) {
-            return existingColumn.DataType;
+        if (existingColumn && existingColumn.dataType != Enums_1.DataType.Unknown) {
+            return existingColumn.dataType;
         }
         // check for column type
         const colType = column.getColDef().type;
@@ -574,7 +575,7 @@ class agGridHelper {
         return function compareItemsOfCustomSort(nodeA, nodeB) {
             let firstGroupedColumn = adaptable.getFirstGroupedColumn();
             if (firstGroupedColumn) {
-                const definedColumnComparator = adaptable.getActiveColumnComparator(firstGroupedColumn.ColumnId, adaptable.api.customSortApi.getCustomSortByColumn(firstGroupedColumn.ColumnId), adaptable.api.internalApi.getCustomSortComparer(firstGroupedColumn));
+                const definedColumnComparator = adaptable.getActiveColumnComparator(firstGroupedColumn.columnId, adaptable.api.customSortApi.getCustomSortByColumn(firstGroupedColumn.columnId), adaptable.api.internalApi.getCustomSortComparer(firstGroupedColumn));
                 if (definedColumnComparator) {
                     return definedColumnComparator(nodeA.key, nodeB.key);
                 }
@@ -610,10 +611,10 @@ class agGridHelper {
                 headerFontWeight: headerColStyle.fontWeight,
                 height: Number(headerColStyle.height.replace('px', '')),
                 Columns: this.adaptable.api.columnApi.getColumns().map((col) => {
-                    const headerColumn = document.querySelector(`.ag-header-cell[col-id='${col.ColumnId}']`);
+                    const headerColumn = document.querySelector(`.ag-header-cell[col-id='${col.columnId}']`);
                     const headerColumnStyle = window.getComputedStyle(headerColumn || headerFirstCol, null);
                     return {
-                        columnFriendlyName: col.FriendlyName,
+                        columnFriendlyName: col.friendlyName,
                         width: Number(headerColumnStyle.width.replace('px', '')),
                         textAlign: headerColumnStyle.textAlign,
                     };
@@ -629,10 +630,10 @@ class agGridHelper {
                 fontWeight: firstRowStyle.fontWeight,
                 height: Number(firstRowStyle.height.replace('px', '')),
                 Columns: this.adaptable.api.columnApi.getColumns().map((col) => {
-                    const cellElement = document.querySelector(`.ag-cell[col-id='${col.ColumnId}']`);
+                    const cellElement = document.querySelector(`.ag-cell[col-id='${col.columnId}']`);
                     const headerColumnStyle = window.getComputedStyle(cellElement || firstRow, null);
                     return {
-                        columnFriendlyName: col.FriendlyName,
+                        columnFriendlyName: col.friendlyName,
                         width: Number(headerColumnStyle.width.replace('px', '')),
                         textAlign: headerColumnStyle.textAlign,
                     };

package/src/agGrid/agGridMenuHelper.js

@@ -223,12 +223,12 @@ class agGridMenuHelper {
         let isSelectedCell = false;
         let clickedCell = undefined;
         if (adaptableColumn) {
-            clickedCell = this.adaptable.getGridCellFromRowNode(params.node, adaptableColumn.ColumnId);
+            clickedCell = this.adaptable.getGridCellFromRowNode(params.node, adaptableColumn.columnId);
         }
         let selectedCellInfo = this.adaptable.setSelectedCells();
         if (clickedCell && selectedCellInfo) {
             let matchedCell = selectedCellInfo.gridCells.find((gc) => gc != null &&
-                gc.columnId == clickedCell.columnId &&
+                gc.column == clickedCell.column &&
                 gc.primaryKeyValue == clickedCell.primaryKeyValue);
             isSelectedCell = matchedCell != null;
             if (isSelectedCell) {

package/src/components/AdaptableFormComponent/AdaptableFormComponent.js

@@ -20,9 +20,9 @@ function AdaptableFormComponentButtons({ formDef, onClick, defaultTone, disabled
             },
         };
         const iconProps = button.icon && Object.assign({}, defaultIconProps, button.icon);
-        let buttonStyle = api.internalApi.getStyleForButton(button, context ? context : { api: api });
-        let buttonLabel = api.internalApi.getLabelForButton(button, context ? context : { api: api });
-        let buttonTooltip = api.internalApi.getTooltipForButton(button, context ? context : { api: api });
+        let buttonStyle = api.internalApi.getStyleForButton(button, context ? context : { adaptableApi: api });
+        let buttonLabel = api.internalApi.getLabelForButton(button, context ? context : { adaptableApi: api });
+        let buttonTooltip = api.internalApi.getTooltipForButton(button, context ? context : { adaptableApi: api });
         return (React.createElement(SimpleButton_1.default, { autoFocus: index === 0, disabled: disabledButtons[index], key: index, tooltip: buttonTooltip, tone: (_a = buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.tone) !== null && _a !== void 0 ? _a : defaultTone, variant: buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.variant, "data-text": buttonLabel, className: buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className, marginLeft: index ? 2 : 0, onClick: () => {
                 onClick(button);
             } },

package/src/components/Dashboard/Dashboard.js

@@ -44,7 +44,7 @@ function Dashboard(props) {
             return null;
         }
         const activeTabTitle = (_c = (_b = (_a = children === null || children === void 0 ? void 0 : children[activeTabIndex]) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.title) !== null && _c !== void 0 ? _c : 'Select Toolbar';
-        return (React.createElement(DropdownButton_1.default, { ml: 1, items: React.Children.map(children, (child, index) => ({
+        return (React.createElement(DropdownButton_1.default, { ml: 1, columns: ['label'], items: React.Children.map(children, (child, index) => ({
                 value: String(index),
                 label: child.props.title,
                 onClick: () => setActiveTabIndex(index),

package/src/components/DropdownButton/index.js

@@ -17,7 +17,7 @@ const defaultListItemStyle = {
     padding: 'var(--ab-cmp-dropdownbutton-list-item__padding)',
 };
 const DropdownButton = React.forwardRef((props, ref) => {
-    let { columns, overlayProps, listOffset = 10, collapseOnItemClick = true, focusOnClear = true, idProperty = 'id', isItemDisabled, items, children, listMinWidth = 100, listStyle, listItemStyle, listItemClassName, constrainTo, showClearButton = false, onClear, clearButtonProps } = props, domProps = tslib_1.__rest(props, ["columns", "overlayProps", "listOffset", "collapseOnItemClick", "focusOnClear", "idProperty", "isItemDisabled", "items", "children", "listMinWidth", "listStyle", "listItemStyle", "listItemClassName", "constrainTo", "showClearButton", "onClear", "clearButtonProps"]);
+    let { columns, overlayProps, listOffset = 10, collapseOnItemClick = true, focusOnClear = true, idProperty = 'id', isItemDisabled, items, children, listMinWidth = 100, listStyle, listItemStyle, listItemClassName, constrainTo, showClearButton = false, onClear, clearButtonProps, onExpand, onCollapse } = props, domProps = tslib_1.__rest(props, ["columns", "overlayProps", "listOffset", "collapseOnItemClick", "focusOnClear", "idProperty", "isItemDisabled", "items", "children", "listMinWidth", "listStyle", "listItemStyle", "listItemClassName", "constrainTo", "showClearButton", "onClear", "clearButtonProps", "onExpand", "onCollapse"]);
     isItemDisabled = isItemDisabled || ((item) => item.disabled);
     if (!columns) {
         columns = ['icon', 'label'];

package/src/components/ExpressionEditor/index.js

@@ -47,7 +47,7 @@ function ExpressionEditor(props) {
     // currently only boolean and scalar expressions support nested calculated columns (calc cols which reference other calc cols)
     const queryableColumns = type === 'scalar' || type === 'boolean'
         ? props.columns
-        : props.columns.filter((c) => !props.api.columnApi.isCalculatedColumn(c.ColumnId));
+        : props.columns.filter((c) => !props.api.columnApi.isCalculatedColumn(c.columnId));
     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: {
@@ -56,16 +56,16 @@ function ExpressionEditor(props) {
                     paddingTop: 'var(--ab-space-1)',
                     paddingBottom: 'var(--ab-space-1)',
                 } }, 'Show Column IDs')),
-        React.createElement(FormLayout_1.default, { className: "ab-ExpressionEditor__columns", gridColumnGap: "var(--ab-space-1)", gridRowGap: "var(--ab-space-1)", sizes: ['auto', '100px'], style: { alignItems: 'stretch' } }, queryableColumns.map((column) => (React.createElement(FormLayout_1.FormRow, { key: column.ColumnId, label: React.createElement(EditorButton_1.default, { width: "100%", height: "100%", style: {
+        React.createElement(FormLayout_1.default, { className: "ab-ExpressionEditor__columns", gridColumnGap: "var(--ab-space-1)", gridRowGap: "var(--ab-space-1)", sizes: ['auto', '100px'], style: { alignItems: 'stretch' } }, queryableColumns.map((column) => (React.createElement(FormLayout_1.FormRow, { key: column.columnId, label: React.createElement(EditorButton_1.default, { width: "100%", height: "100%", style: {
                     background: 'var(--ab-color-primary)',
                     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)
+                }, 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))))));
+                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))))));
     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)', marginBottom: 'var(--ab-space-2)' }, backgroundColor: "primarylight" },
         ' ',
         React.createElement(EditorButton_1.default, { width: "100%", height: "100%", style: {

package/src/components/Loader/Loader.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare const LoaderSpinner: React.FunctionComponent<{
+    style?: React.CSSProperties;
+}>;
+export declare const Loader: React.FunctionComponent<{
+    style?: React.CSSProperties;
+}>;

package/src/components/Loader/Loader.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loader = exports.LoaderSpinner = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+exports.LoaderSpinner = (props) => {
+    return React.createElement("div", { style: props.style, className: "ab-Loader__Spinner" });
+};
+exports.Loader = (props) => {
+    return (React.createElement("div", { style: props.style, className: "ab-Loader" },
+        React.createElement(exports.LoaderSpinner, null),
+        React.createElement("span", { className: "ab-Loader__text" }, props.children)));
+};

package/src/components/Loader/index.d.ts

@@ -0,0 +1,2 @@
+export { Loader } from './Loader';
+export { LoaderSpinner } from './Loader';

package/src/components/Loader/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoaderSpinner = exports.Loader = void 0;
+var Loader_1 = require("./Loader");
+Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return Loader_1.Loader; } });
+var Loader_2 = require("./Loader");
+Object.defineProperty(exports, "LoaderSpinner", { enumerable: true, get: function () { return Loader_2.LoaderSpinner; } });

package/src/components/ProgressIndicator/ProgressIndicator.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const ProgressIndicator: React.FunctionComponent;

package/src/components/ProgressIndicator/ProgressIndicator.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressIndicator = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const react_1 = require("react");
+const Loader_1 = require("../Loader");
+const AdaptableContext_1 = require("../../View/AdaptableContext");
+exports.ProgressIndicator = () => {
+    const { active, label } = react_redux_1.useSelector((state) => state.System.ProgressIndicator);
+    const [visible, setVisible] = react_1.useState(false);
+    const [progressIndicatorCoordinates, setProgressIndicatorCoordinates] = react_1.useState({
+        top: 0,
+        left: 0,
+        height: 0,
+        width: 0,
+    });
+    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptableContainerRef = react_1.useRef(adaptable.getAdaptableContainerElement());
+    const gridContainerRef = react_1.useRef(adaptable.getGridContainerElement());
+    const disableAdaptableGrid = (elemRef, disabled) => {
+        const DISABLING_CSS_CLASS = 'ab-wait-for-progress-indicator';
+        if (!elemRef.current) {
+            return;
+        }
+        if (disabled) {
+            elemRef.current.classList.add(DISABLING_CSS_CLASS);
+        }
+        else {
+            elemRef.current.classList.remove(DISABLING_CSS_CLASS);
+        }
+    };
+    const updateGridContainerCoordinates = () => {
+        if (!gridContainerRef.current) {
+            return;
+        }
+        const { top, left, height, width } = gridContainerRef.current.getBoundingClientRect();
+        setProgressIndicatorCoordinates({ top, left, height, width });
+    };
+    react_1.useEffect(() => {
+        disableAdaptableGrid(adaptableContainerRef, active);
+        disableAdaptableGrid(gridContainerRef, active);
+        updateGridContainerCoordinates();
+        // without RAF the progress indicator would be rendered instantly, without the 'transition-delay' defined via CSS
+        requestAnimationFrame(() => {
+            setVisible(active);
+        });
+    }, [active]);
+    return (React.createElement(React.Fragment, null, active && (React.createElement("div", { className: `ab-progress-indicator-wrapper ${visible ? 'ab-progress-indicator-wrapper--visible' : ''}`, style: progressIndicatorCoordinates },
+        React.createElement("div", { className: "ab-progress-indicator-body" },
+            React.createElement(Loader_1.LoaderSpinner, null),
+            React.createElement("span", { style: { marginLeft: 'var(--ab-space-2)' } }, label))))));
+};

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

@@ -14,12 +14,21 @@ export declare const ADAPTABLE_METAMODEL: {
             description: string;
             uiLabel: string;
             isOptional?: undefined;
+            reference?: undefined;
         } | {
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
             isOptional: boolean;
+            reference: string;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            reference?: undefined;
         })[];
     };
     ActionColumnButtonContext: {
@@ -40,6 +49,26 @@ export declare const ADAPTABLE_METAMODEL: {
             reference?: undefined;
         })[];
     };
+    ActionColumnSettings: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: ({
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            defaultValue: string;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            defaultValue?: undefined;
+        })[];
+    };
     ActionHandler: {
         name: string;
         kind: string;
@@ -415,19 +444,12 @@ export declare const ADAPTABLE_METAMODEL: {
         name: string;
         kind: string;
         description: string;
-        properties: ({
-            name: string;
-            kind: string;
-            description: string;
-            uiLabel: string;
-            reference: string;
-        } | {
+        properties: {
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
-            reference?: undefined;
-        })[];
+        }[];
     };
     AdaptableScope: {
         name: string;
@@ -736,6 +758,11 @@ export declare const ADAPTABLE_METAMODEL: {
             uiLabel: string;
         }[];
     };
+    BulkUpdatePermittedValues: {
+        name: string;
+        kind: string;
+        description: string;
+    };
     ButtonStyle: {
         name: string;
         kind: string;
@@ -804,14 +831,14 @@ export declare const ADAPTABLE_METAMODEL: {
             description: string;
             uiLabel: string;
             isOptional: boolean;
-            defaultValue: string;
+            defaultValue?: undefined;
         } | {
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
             isOptional: boolean;
-            defaultValue?: undefined;
+            defaultValue: string;
         })[];
     };
     CalculatedColumnState: {
@@ -905,6 +932,11 @@ export declare const ADAPTABLE_METAMODEL: {
         kind: string;
         description: string;
     };
+    CellValuesList: {
+        name: string;
+        kind: string;
+        description: string;
+    };
     ChartApi: {
         name: string;
         kind: string;
@@ -1155,6 +1187,11 @@ export declare const ADAPTABLE_METAMODEL: {
             uiLabel: string;
         }[];
     };
+    CustomSortPermittedValues: {
+        name: string;
+        kind: string;
+        description: string;
+    };
     CustomSortState: {
         name: string;
         kind: string;
@@ -1367,8 +1404,15 @@ export declare const ADAPTABLE_METAMODEL: {
             kind: string;
             description: string;
             uiLabel: string;
-            isOptional?: undefined;
             reference?: undefined;
+            isOptional?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            reference: string;
+            isOptional?: undefined;
         } | {
             name: string;
             kind: string;
@@ -1488,6 +1532,11 @@ export declare const ADAPTABLE_METAMODEL: {
             defaultValue: string;
         }[];
     };
+    EditLookUpPermittedValues: {
+        name: string;
+        kind: string;
+        description: string;
+    };
     EditOptions: {
         name: string;
         kind: string;
@@ -1773,6 +1822,18 @@ export declare const ADAPTABLE_METAMODEL: {
             defaultValue?: undefined;
         })[];
     };
+    FilterPermittedValues: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+        }[];
+    };
     FilterState: {
         name: string;
         kind: string;
@@ -1927,6 +1988,7 @@ export declare const ADAPTABLE_METAMODEL: {
             uiLabel: string;
             isOptional?: undefined;
             defaultValue?: undefined;
+            reference?: undefined;
         } | {
             name: string;
             kind: string;
@@ -1934,6 +1996,7 @@ export declare const ADAPTABLE_METAMODEL: {
             uiLabel: string;
             isOptional: boolean;
             defaultValue: string;
+            reference?: undefined;
         } | {
             name: string;
             kind: string;
@@ -1941,6 +2004,15 @@ export declare const ADAPTABLE_METAMODEL: {
             uiLabel: string;
             isOptional: boolean;
             defaultValue?: undefined;
+            reference?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            reference: string;
+            defaultValue?: undefined;
         })[];
     };
     FreeTextColumnApi: {
@@ -1954,6 +2026,11 @@ export declare const ADAPTABLE_METAMODEL: {
             uiLabel: string;
         }[];
     };
+    FreeTextColumnSettings: {
+        name: string;
+        kind: string;
+        description: string;
+    };
     FreeTextColumnState: {
         name: string;
         kind: string;
@@ -2099,22 +2176,22 @@ export declare const ADAPTABLE_METAMODEL: {
             kind: string;
             description: string;
             uiLabel: string;
+            reference: string;
             isOptional?: undefined;
-            reference?: undefined;
         } | {
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
-            isOptional: boolean;
             reference?: undefined;
+            isOptional?: undefined;
         } | {
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
-            reference: string;
-            isOptional?: undefined;
+            isOptional: boolean;
+            reference?: undefined;
         })[];
     };
     GridDataChangedInfo: {
@@ -2531,6 +2608,18 @@ export declare const ADAPTABLE_METAMODEL: {
         kind: string;
         description: string;
     };
+    PermittedValues: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+        }[];
+    };
     PluginsApi: {
         name: string;
         kind: string;
@@ -3025,6 +3114,26 @@ export declare const ADAPTABLE_METAMODEL: {
             isOptional: boolean;
         }[];
     };
+    SpecialColumnSettings: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: ({
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            defaultValue: string;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            defaultValue?: undefined;
+        })[];
+    };
     StateOptions: {
         name: string;
         kind: string;