@adaptabletools/adaptable-cjs 18.1.0 → 18.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable-cjs",
-  "version": "18.1.0",
+  "version": "18.1.2",
   "description": "Powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements",
   "keywords": [
     "web-components",

package/src/AdaptableOptions/ColumnFilterOptions.d.ts

@@ -258,7 +258,13 @@ export interface ColumnFilterContext<TData = any> extends BaseContext {
  * Context used for setting whether a Row can be Column Filtered
  */
 export interface IsRowFilterableContext<TData = any> extends BaseContext {
+    /**
+     * The Row Node about to be evaluated
+     */
     rowNode: IRowNode;
+    /**
+     * The data in the Row Node
+     */
     data: TData;
 }
 /**

package/src/AdaptableOptions/ExportOptions.d.ts

@@ -211,7 +211,16 @@ export interface DataFormatTypeContext extends BaseContext {
  * Defines the Format Data Types for all Data Types
  */
 export interface DataFormatDataType {
+    /**
+     * Data Format type for String columns
+     */
     string?: DataFormatType;
+    /**
+     * Data Format type for Number columns
+     */
     number?: DataFormatType;
+    /**
+     * Data Format type for Date columns
+     */
     date?: DataFormatType;
 }

package/src/AdaptableOptions/ExpressionOptions.d.ts

@@ -2,7 +2,7 @@ import { AdaptablePredicate } from '../PredefinedConfig/Common/AdaptablePredicat
 import { AdaptableModule, AdaptableQLModule } from '../PredefinedConfig/Common/Types';
 import { BaseContext } from '../PredefinedConfig/Common/BaseContext';
 import { AdaptableColumn, AdaptableColumnBase } from '../PredefinedConfig/Common/AdaptableColumn';
-import { AdaptableObject, AggregatedBooleanFunctionName, AggregatedScalarExpressionFunction, AggregatedScalarFunctionName, BooleanFunctionName, ExpressionFunction, ObservableFunctionName, ScalarFunctionName, AdaptableField } from '../types';
+import { AdaptableObject, AggregatedBooleanFunctionName, AggregatedExpressionFunction, AggregatedScalarFunctionName, BooleanFunctionName, ExpressionFunction, ObservableFunctionName, ScalarFunctionName, AdaptableField } from '../types';
 /**
  * Options for managing Expressions in AdapTable's Query Language
  */
@@ -62,9 +62,9 @@ export interface ExpressionOptions<TData = any> {
      */
     systemAggregatedScalarFunctions?: AggregatedScalarFunctionName[] | ((context: GlobalExpressionFunctionsContext<AggregatedScalarFunctionName>) => AggregatedScalarFunctionName[]);
     /**
-     * Bespoke Aggregated Scalar functions - to complement those provided by AdapTable
+     * Bespoke Aggregated functions - to complement those provided by AdapTable
      */
-    customAggregatedScalarFunctions?: Record<string, AggregatedScalarExpressionFunction> | ((context: GlobalExpressionFunctionsContext<string>) => Record<string, AggregatedScalarExpressionFunction>);
+    customAggregatedFunctions?: Record<string, AggregatedExpressionFunction> | ((context: GlobalExpressionFunctionsContext<string>) => Record<string, AggregatedExpressionFunction>);
     /**
      * Module-specific Expression Functions available
      *

package/src/Api/Internal/AlertInternalApi.js

@@ -666,8 +666,8 @@ class AlertInternalApi extends ApiBase_1.ApiBase {
             (_a = (dataChangeTriggerMap[context.trigger] || rowChangeTriggerMap[context.trigger])) !== null && _a !== void 0 ? _a : context.trigger;
             text = this.replaceAll(text, '[trigger]', mappedTrigger);
         }
-        if ((context === null || context === void 0 ? void 0 : context.column) && (context === null || context === void 0 ? void 0 : context.rowNode)) {
-            text = this.replaceAll(text, '[column]', this.getGridApi().getRawValueFromRowNode(context.rowNode, context.column.columnId));
+        if (context === null || context === void 0 ? void 0 : context.column) {
+            text = this.replaceAll(text, '[column]', this.getColumnApi().getFriendlyNameForColumnId(context.column.columnId));
         }
         if (context === null || context === void 0 ? void 0 : context.rowNode) {
             const columns = this.extractColsFromText(text);

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

@@ -12,3 +12,4 @@ export declare const PrimaryKeyDocsLink: string;
 export declare const LicenseDocsLink: string;
 export declare const AdaptableOptionsDocsLink: string;
 export declare const AgGridModulesDocsLink: string;
+export declare const AlertMessageDocsLink: string;

package/src/Utilities/Constants/DocumentationLinkConstants.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AgGridModulesDocsLink = exports.AdaptableOptionsDocsLink = exports.LicenseDocsLink = exports.PrimaryKeyDocsLink = exports.PredicateDocsLink = exports.QuantileAggregatedScalarQueryDocsLink = exports.CumulativeAggregatedScalarQueryDocsLink = exports.AggregatedScalarQueryDocsLink = exports.AggregatedBooleanQueryDocsLink = exports.ObservableQueryDocsLink = exports.ScalarQueryDocsLink = exports.BooleanQueryDocsLink = exports.ExpressionEditorDocsLink = exports.HOST_URL_DOCS = void 0;
+exports.AlertMessageDocsLink = exports.AgGridModulesDocsLink = exports.AdaptableOptionsDocsLink = exports.LicenseDocsLink = exports.PrimaryKeyDocsLink = exports.PredicateDocsLink = exports.QuantileAggregatedScalarQueryDocsLink = exports.CumulativeAggregatedScalarQueryDocsLink = exports.AggregatedScalarQueryDocsLink = exports.AggregatedBooleanQueryDocsLink = exports.ObservableQueryDocsLink = exports.ScalarQueryDocsLink = exports.BooleanQueryDocsLink = exports.ExpressionEditorDocsLink = exports.HOST_URL_DOCS = void 0;
 exports.HOST_URL_DOCS = 'https://docs.adaptabletools.com';
 //export const HOST_URL_DOCS = 'http://localhost:3000';
 exports.ExpressionEditorDocsLink = `${exports.HOST_URL_DOCS}/guide/ui-expression-editor`;
@@ -16,3 +16,4 @@ exports.PrimaryKeyDocsLink = `${exports.HOST_URL_DOCS}/guide/getting-started-pri
 exports.LicenseDocsLink = `${exports.HOST_URL_DOCS}/guide/licensing`;
 exports.AdaptableOptionsDocsLink = `${exports.HOST_URL_DOCS}/guide/reference-options-overview`;
 exports.AgGridModulesDocsLink = `${exports.HOST_URL_DOCS}/guide/dev-guide-aggrid-modules-overview`;
+exports.AlertMessageDocsLink = `${exports.HOST_URL_DOCS}/guide/handbook-alerting-message`;

package/src/Utilities/ExpressionFunctions/observableExpressionFunctions.js

@@ -362,7 +362,6 @@ const getTrailingGridCountChange$ = (source$, trailingPeriod, counterLimit) => {
             if (gridCounter === counterLimit) {
                 // reset counter
                 counter = 0;
-                console.log('reset counter');
             }
             return gridCounter;
         }));

package/src/Utilities/Services/QueryLanguageService.js

@@ -336,7 +336,7 @@ class QueryLanguageService {
     }
     getCustomAggregatedScalarFunctions() {
         var _a;
-        const customAggregatedScalarFunctions = (_a = this.adaptableApi.optionsApi.getExpressionOptions()) === null || _a === void 0 ? void 0 : _a.customAggregatedScalarFunctions;
+        const customAggregatedScalarFunctions = (_a = this.adaptableApi.optionsApi.getExpressionOptions()) === null || _a === void 0 ? void 0 : _a.customAggregatedFunctions;
         if (!customAggregatedScalarFunctions) {
             return {};
         }
@@ -355,21 +355,22 @@ class QueryLanguageService {
         return Object.entries(aggregatedScalarFunctions).reduce((acc, [expressionName, customExpressionDefinition]) => {
             const expression = {
                 handler: (args, context) => {
-                    // There is built in support for column validation
-                    // TODO: change to extractParameters
-                    // { colArgs: { [colId]: value } }
                     const [aggColParam, ...restOfColParams] = (0, expressionFunctionUtils_1.extractColumnParameters)(expressionName, args);
                     const aggColumnId = aggColParam === null || aggColParam === void 0 ? void 0 : aggColParam.value;
                     const groupByParameter = (0, expressionFunctionUtils_1.extractParameter)(expressionName, 'operand', ['GROUP_BY'], args, {
                         isOptional: true,
                     });
-                    const preparedArgs = args.filter((arg) => {
+                    const groupByColumnIds = groupByParameter === null || groupByParameter === void 0 ? void 0 : groupByParameter.value;
+                    const contextArgs = args.filter((arg) => {
                         if (typeof arg === 'object' && arg.name === 'COL') {
-                            // filter out only first col
+                            // filter out aggregation column
                             return arg.value !== aggColumnId;
                         }
-                        // filter out all other objects, e.g. GROUP_BY
-                        return typeof arg !== 'object';
+                        if (typeof arg === 'object' && arg.name === 'GROUP_BY') {
+                            // filter out groupBy column
+                            return false;
+                        }
+                        return true;
                     });
                     const aggregationExpressionEvaluation = {
                         aggregationParams: {
@@ -379,18 +380,21 @@ class QueryLanguageService {
                                     field: aggColumnId,
                                     initialValue: customExpressionDefinition.initialValue,
                                     reducer: (acc, value, rowNode, dataIndex) => {
-                                        const context = Object.assign({ rowNode, args: preparedArgs.map((arg) => {
+                                        const context = Object.assign({ accumulator: acc, currentValue: value, index: dataIndex, rowNode, args: contextArgs.map((arg) => {
                                                 // if col, replace with value
                                                 if (typeof arg === 'object' && arg.name === 'COL') {
                                                     return getValueForColId(arg.value, rowNode);
                                                 }
                                                 return arg;
-                                            }), aggColumnId, getValueForColId: (colId) => getValueForColId(colId, rowNode) }, (0, ObjectFactory_1.createBaseContext)(this.adaptableApi));
-                                        return customExpressionDefinition.reducer(acc, value, dataIndex, context);
+                                            }), aggColumnId,
+                                            groupByColumnIds, getValueForColId: (colId) => getValueForColId(colId, rowNode) }, (0, ObjectFactory_1.createBaseContext)(this.adaptableApi));
+                                        return customExpressionDefinition.reducer(context);
                                     },
                                     done: (accValue, dataArray) => {
-                                        if (customExpressionDefinition.processReducerValue) {
-                                            return customExpressionDefinition.processReducerValue(accValue, dataArray, Object.assign(Object.assign({}, (0, ObjectFactory_1.createBaseContext)(this.adaptableApi)), { args }));
+                                        if (customExpressionDefinition.processAggregatedValue) {
+                                            const context = Object.assign(Object.assign({}, (0, ObjectFactory_1.createBaseContext)(this.adaptableApi)), { aggregatedValue: accValue, rowNodes: dataArray, args: contextArgs, aggColumnId,
+                                                groupByColumnIds });
+                                            return customExpressionDefinition.processAggregatedValue(context);
                                         }
                                         return accValue;
                                     },
@@ -399,15 +403,29 @@ class QueryLanguageService {
                         },
                         rowValueGetter: (rowNode, aggregationValue) => {
                             if (customExpressionDefinition.prepareRowValue) {
-                                return customExpressionDefinition.prepareRowValue(rowNode, aggregationValue, Object.assign(Object.assign({}, (0, ObjectFactory_1.createBaseContext)(this.adaptableApi)), { aggColumnId,
-                                    args, getValueForColId: (colId) => getValueForColId(colId, rowNode) }));
+                                const context = Object.assign(Object.assign({ rowNode: rowNode, aggregatedValue: aggregationValue }, (0, ObjectFactory_1.createBaseContext)(this.adaptableApi)), { args: contextArgs.map((arg) => {
+                                        // if col, replace with value
+                                        if (typeof arg === 'object' && arg.name === 'COL') {
+                                            return getValueForColId(arg.value, rowNode);
+                                        }
+                                        return arg;
+                                    }), aggColumnId,
+                                    groupByColumnIds, getValueForColId: (colId) => getValueForColId(colId, rowNode) });
+                                return customExpressionDefinition.prepareRowValue(context);
                             }
                             return aggregationValue;
                         },
                         rowFilterFn: (rowNode) => {
                             var _a, _b;
-                            if (customExpressionDefinition.rowFilter) {
-                                return customExpressionDefinition.rowFilter(rowNode, Object.assign(Object.assign({}, (0, ObjectFactory_1.createBaseContext)(this.adaptableApi)), { aggColumnId, getValueForColId: (colId) => getValueForColId(colId, rowNode) }));
+                            if (customExpressionDefinition.filterRow) {
+                                return customExpressionDefinition.filterRow(Object.assign(Object.assign({ rowNode }, (0, ObjectFactory_1.createBaseContext)(this.adaptableApi)), { args: contextArgs.map((arg) => {
+                                        // if col, replace with value
+                                        if (typeof arg === 'object' && arg.name === 'COL') {
+                                            return getValueForColId(arg.value, rowNode);
+                                        }
+                                        return arg;
+                                    }), aggColumnId,
+                                    groupByColumnIds, getValueForColId: (colId) => getValueForColId(colId, rowNode) }));
                             }
                             return (_b = (_a = context === null || context === void 0 ? void 0 : context.filterFn) === null || _a === void 0 ? void 0 : _a.call(context, rowNode)) !== null && _b !== void 0 ? _b : true;
                         },

package/src/View/Alert/Wizard/AlertMessageWizardSection.js

@@ -8,8 +8,11 @@ const Radio_1 = tslib_1.__importStar(require("../../../components/Radio"));
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const rebass_1 = require("rebass");
 const CodeBlock_1 = require("../../../components/CodeBlock");
-const AdaptableInput_1 = tslib_1.__importDefault(require("../../Components/AdaptableInput"));
 const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
+const ButtonInfo_1 = require("../../Components/Buttons/ButtonInfo");
+const DocumentationLinkConstants_1 = require("../../../Utilities/Constants/DocumentationLinkConstants");
+const Textarea_1 = tslib_1.__importDefault(require("../../../components/Textarea"));
+const HelpBlock_1 = tslib_1.__importDefault(require("../../../components/HelpBlock"));
 const renderAlertMessageSummary = () => {
     const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     return (React.createElement(rebass_1.Text, { fontSize: 2 },
@@ -48,10 +51,16 @@ const AlertMessageWizardSection = (props) => {
                 ' ',
                 React.createElement(FormLayout_1.default, null,
                     React.createElement(FormLayout_1.FormRow, { label: "Header" },
-                        React.createElement(AdaptableInput_1.default, { minWidth: 250, placeholder: "use defaults", marginTop: 2, type: 'text', autoFocus: false, value: messageHeader !== null && messageHeader !== void 0 ? messageHeader : '', 
+                        React.createElement(Textarea_1.default, { minWidth: 300, rows: 3, placeholder: "use defaults", marginTop: 2, type: 'text', autoFocus: false, value: messageHeader !== null && messageHeader !== void 0 ? messageHeader : '', 
                             // placeholder="defaults to column name"
                             onChange: (e) => onMessageHeaderChange(e) })),
                     React.createElement(FormLayout_1.FormRow, { label: "Message" },
-                        React.createElement(AdaptableInput_1.default, { minWidth: 250, marginTop: 2, type: 'text', autoFocus: false, value: messageText !== null && messageText !== void 0 ? messageText : '', onChange: (e) => onMessageTextChange(e) })))))));
+                        React.createElement(Textarea_1.default, { minWidth: 300, rows: 3, marginTop: 2, type: 'text', autoFocus: false, value: messageText !== null && messageText !== void 0 ? messageText : '', onChange: (e) => onMessageTextChange(e) }))),
+                React.createElement(HelpBlock_1.default, { "data-name": "alert-message-documentation", mt: 3, mb: 2, style: {
+                        fontSize: 'var(--ab-font-size-3)',
+                        padding: 0,
+                    } },
+                    React.createElement(ButtonInfo_1.ButtonInfo, { mr: 2, onClick: () => window.open(DocumentationLinkConstants_1.AlertMessageDocsLink, '_blank') }),
+                    "See Alert Message documentation for more details and examples")))));
 };
 exports.AlertMessageWizardSection = AlertMessageWizardSection;

package/src/agGrid/AdaptableAgGrid.js

@@ -1369,7 +1369,7 @@ class AdaptableAgGrid {
          */
         this.agGridAdapter.getAgGridApi().addEventListener(core_1.Events.EVENT_FIRST_DATA_RENDERED, (this.listenerFirstDataRendered = () => {
             if (this.initWithLazyData) {
-                this.updateColumnModelAndRefreshGrid();
+                this.updateColumnModelAndRefreshGrid({ skipColDefsRefresh: true });
                 this.api.calculatedColumnApi.refreshAggregatedCalculatedColumns();
                 this._emit('FirstDataRendered');
             }

package/src/agGrid/editors/AdaptableNumberEditor/index.d.ts

@@ -19,25 +19,7 @@ export interface AdaptableNumberCellEditorParams extends ICellEditorParams {
 }
 export declare const AdaptableReactNumberEditor: React.ForwardRefExoticComponent<AdaptableNumberCellEditorParams & React.RefAttributes<unknown>>;
 /**
- * Used by default for all `abColDefNumber` columns.
- *
- * You can configure it by specifying `cellEditorParams` in the colDef:
- *
- * colDef {
- *   field: 'stars',
- *   type: 'abColDefNumber',
- *   cellEditorParams: {
- *     emptyValue: 5, // defaults to ''
- *     showClearButton: false
- *   }
- * }
- *
- * For now, there are 2 editor params you can configure:
- *
- * cellEditorParams.showClearButton - defaults to `true` - whether to show the clear button. If `true`, it works together with `cellEditorParams.emptyValue`
- * cellEditorParams.emptyValue - defaults to `''` (empty string) - value to set for the cell, when the clear button is pressed.
- *
- * When the colDef has a `valueParser` provided as a function, it will be used before setting the value for the cell.
+ * Number Editor provided by AdapTable and used by default for all `abColDefNumber` columns
  */
 export declare class AdaptableNumberEditor implements ICellEditorComp {
     private value;

package/src/agGrid/editors/AdaptableNumberEditor/index.js

@@ -82,25 +82,7 @@ exports.AdaptableReactNumberEditor = (0, react_1.forwardRef)((props, ref) => {
 });
 exports.AdaptableReactNumberEditor.displayName = 'AdaptableReactNumberEditor';
 /**
- * Used by default for all `abColDefNumber` columns.
- *
- * You can configure it by specifying `cellEditorParams` in the colDef:
- *
- * colDef {
- *   field: 'stars',
- *   type: 'abColDefNumber',
- *   cellEditorParams: {
- *     emptyValue: 5, // defaults to ''
- *     showClearButton: false
- *   }
- * }
- *
- * For now, there are 2 editor params you can configure:
- *
- * cellEditorParams.showClearButton - defaults to `true` - whether to show the clear button. If `true`, it works together with `cellEditorParams.emptyValue`
- * cellEditorParams.emptyValue - defaults to `''` (empty string) - value to set for the cell, when the clear button is pressed.
- *
- * When the colDef has a `valueParser` provided as a function, it will be used before setting the value for the cell.
+ * Number Editor provided by AdapTable and used by default for all `abColDefNumber` columns
  */
 class AdaptableNumberEditor {
     constructor() {

package/src/agGrid/editors/AdaptablePercentageEditor/InternalAdaptablePercentageEditor.d.ts

@@ -5,7 +5,7 @@ export type InternalAdaptablePercentageEditorApi = {
 };
 export type InternalAdaptablePercentageEditorProps = {
     /**
-     * Value to set when the x (when showClear: true) is pressed
+     * Value to set when the Clear button is clicked
      */
     emptyValue?: string | number;
     defaultValue?: string | number;
@@ -15,7 +15,7 @@ export type InternalAdaptablePercentageEditorProps = {
      */
     type?: string;
     /**
-     * Whether to show the clear button. Defaults to false
+     * Whether to show the Clear button; defaults to true
      */
     showClearButton?: boolean;
     onValueChange?: (value: string | number) => void;

package/src/agGrid/editors/AdaptablePercentageEditor/index.d.ts

@@ -2,31 +2,13 @@ import * as React from 'react';
 import { ICellEditorComp } from '@ag-grid-community/core';
 import { AdaptableNumberCellEditorParams } from '../AdaptableNumberEditor';
 /**
- * Adaptable percentage editor parameters extending the number editor params.
+ * AdapTablePercentageCellEditor parameters - extends AdaptableNumberCellEditorParams
  */
 export interface AdaptablePercentageCellEditorParams extends AdaptableNumberCellEditorParams {
 }
 export declare const AdaptableReactPercentageEditor: React.ForwardRefExoticComponent<AdaptablePercentageCellEditorParams & React.RefAttributes<unknown>>;
 /**
- * Used by default for all `abColDefNumber` columns.
- *
- * You can configure it by specifying `cellEditorParams` in the colDef:
- *
- * colDef {
- *   field: 'stars',
- *   type: 'abColDefNumber',
- *   cellEditorParams: {
- *     emptyValue: 5, // defaults to ''
- *     showClearButton: false
- *   }
- * }
- *
- * For now, there are 2 editor params you can configure:
- *
- * cellEditorParams.showClearButton - defaults to `true` - whether to show the clear button. If `true`, it works together with `cellEditorParams.emptyValue`
- * cellEditorParams.emptyValue - defaults to `''` (empty string) - value to set for the cell, when the clear button is pressed.
- *
- * When the colDef has a `valueParser` provided as a function, it will be used before setting the value for the cell.
+ * Used to edit percentage columns as percentages (similar to how its done in Excel)
  */
 export declare class AdaptablePercentageEditor implements ICellEditorComp {
     private value;

package/src/agGrid/editors/AdaptablePercentageEditor/index.js

@@ -66,25 +66,7 @@ exports.AdaptableReactPercentageEditor = (0, react_1.forwardRef)((props, ref) =>
 });
 exports.AdaptableReactPercentageEditor.displayName = 'AdaptableReactPercentageEditor';
 /**
- * Used by default for all `abColDefNumber` columns.
- *
- * You can configure it by specifying `cellEditorParams` in the colDef:
- *
- * colDef {
- *   field: 'stars',
- *   type: 'abColDefNumber',
- *   cellEditorParams: {
- *     emptyValue: 5, // defaults to ''
- *     showClearButton: false
- *   }
- * }
- *
- * For now, there are 2 editor params you can configure:
- *
- * cellEditorParams.showClearButton - defaults to `true` - whether to show the clear button. If `true`, it works together with `cellEditorParams.emptyValue`
- * cellEditorParams.emptyValue - defaults to `''` (empty string) - value to set for the cell, when the clear button is pressed.
- *
- * When the colDef has a `valueParser` provided as a function, it will be used before setting the value for the cell.
+ * Used to edit percentage columns as percentages (similar to how its done in Excel)
  */
 class AdaptablePercentageEditor {
     constructor() {

package/src/components/ExpressionEditor/QueryBuilder/QueryBuilderInputs.js

@@ -167,7 +167,7 @@ const PrimiteValueInput = (props) => {
 };
 exports.PrimiteValueInput = PrimiteValueInput;
 const PrimitiveMultiValueInput = (props) => {
-    return (react_1.default.createElement(PermittedValuesSelector_1.PermittedValuesSelector, { isMulti: true, allowNewValues: true, value: props.value, columnId: props.lefthandColumnIdParam, onChange: (value) => {
+    return (react_1.default.createElement(PermittedValuesSelector_1.PermittedValuesSelector, { isMulti: true, allowNewValues: true, value: props.value, columnId: (0, utils_1.mapColumnExpressionToColumnId)(props.lefthandColumnIdParam), onChange: (value) => {
             props.onChange(value);
         } }));
 };

package/src/components/ExpressionEditor/QueryBuilder/QueryPredicateBuilder.js

@@ -155,18 +155,18 @@ const PrimitiveFunctionEditor = (props) => {
                     }, value: props.predicate.operator })),
                 react_1.default.createElement(rebass_1.Flex, { flex: 1, ml: 2 }, restOfFunctionInputDataTypes.map((type, index) => {
                     var _a;
+                    const key = type + index;
                     const commonProps = {
-                        key: type + index,
                         lefthandColumnIdParam: columnOrFieldId,
                         inputType: type,
                     };
                     if (type.includes('[]')) {
-                        return (react_1.default.createElement(QueryBuilderInputs_1.PrimitiveMultiValueInput, Object.assign({}, commonProps, { value: restOfArgs, onChange: (values) => {
+                        return (react_1.default.createElement(QueryBuilderInputs_1.PrimitiveMultiValueInput, Object.assign({}, commonProps, { key: key, value: restOfArgs, onChange: (values) => {
                                 const args = [...props.predicate.args.slice(0, 1), ...values];
                                 props.onChange(Object.assign(Object.assign({}, props.predicate), { args }));
                             } })));
                     }
-                    return (react_1.default.createElement(QueryBuilderInputs_1.PrimiteValueInput, Object.assign({}, commonProps, { value: (_a = restOfArgs[index]) !== null && _a !== void 0 ? _a : null, onChange: (value) => {
+                    return (react_1.default.createElement(QueryBuilderInputs_1.PrimiteValueInput, Object.assign({}, commonProps, { key: key, value: (_a = restOfArgs[index]) !== null && _a !== void 0 ? _a : null, onChange: (value) => {
                             const args = [...props.predicate.args];
                             // +1 because col is the first argument
                             args[index + 1] = value;

package/src/env.js

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
     INFINITE_TABLE_LICENSE_KEY: "StartDate=2021-06-29|EndDate=2030-01-01|Owner=Adaptable|Type=distribution|TS=1624971462479|C=137829811,1004007071,2756196225,1839832928,3994409405,636616862" || '',
-    PUBLISH_TIMESTAMP: 1717156632230 || Date.now(),
-    VERSION: "18.1.0" || '--current-version--',
+    PUBLISH_TIMESTAMP: 1718367380027 || Date.now(),
+    VERSION: "18.1.2" || '--current-version--',
 };

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

@@ -2623,6 +2623,13 @@ export declare const ADAPTABLE_METAMODEL: {
         name: string;
         kind: string;
         desc: string;
+        props: {
+            name: string;
+            kind: string;
+            desc: string;
+            isOpt: boolean;
+            ref: string;
+        }[];
     };
     DataFormatType: {
         name: string;
@@ -3791,6 +3798,17 @@ export declare const ADAPTABLE_METAMODEL: {
         name: string;
         kind: string;
         desc: string;
+        props: ({
+            name: string;
+            kind: string;
+            desc: string;
+            ref?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            desc: string;
+            ref: string;
+        })[];
     };
     Layout: {
         name: string;