@adaptabletools/adaptable 11.0.0-canary.2 → 11.0.0-canary.6

package/src/components/Dashboard/DashboardManager.js

@@ -14,22 +14,22 @@ const getToolbarTitle = (availableToolbars, toolbarId) => {
     const found = availableToolbars.find((t) => t.Id === toolbarId);
     return found ? found.Title : toolbarId;
 };
-function TabList({ tabs, onRemoveTab, onRemoveToolbar, onChangeTabName, }) {
+function TabList({ tabs, onRemoveTab, onRemoveToolbar, onChangeTabName, disabled, }) {
     return (React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "MAIN", type: "TAB", direction: "horizontal" }, (provided) => (React.createElement("div", Object.assign({ ref: provided.innerRef }, provided.droppableProps, { style: { display: 'flex' }, "data-name": "dashboard-tabs" }),
-        tabs.map((tab, tabIndex) => (React.createElement(TabItem, { key: tabIndex, tabIndex: tabIndex, tab: tab, onRemove: () => onRemoveTab(tabIndex), onRemoveToolbar: (toolbarIndex) => onRemoveToolbar(tabIndex, toolbarIndex), onChangeTabName: (tabName) => onChangeTabName(tabIndex, tabName) }))),
+        tabs.map((tab, tabIndex) => (React.createElement(TabItem, { disabled: disabled, key: tabIndex, tabIndex: tabIndex, tab: tab, onRemove: () => onRemoveTab(tabIndex), onRemoveToolbar: (toolbarIndex) => onRemoveToolbar(tabIndex, toolbarIndex), onChangeTabName: (tabName) => onChangeTabName(tabIndex, tabName) }))),
         provided.placeholder))));
 }
-function TabItem({ tab, tabIndex, onRemove, onRemoveToolbar, onChangeTabName, }) {
-    return (React.createElement(react_beautiful_dnd_1.Draggable, { draggableId: String(tabIndex), index: tabIndex }, (provided) => (React.createElement("div", Object.assign({ "data-name": "dashboard-tab", ref: provided.innerRef }, provided.draggableProps, { style: Object.assign(Object.assign({}, provided.draggableProps.style), { boxSizing: 'border-box', border: '1px solid var(--ab-color-primarydark)', borderRadius: 'var(--ab__border-radius)', marginRight: 'var(--ab-space-2)', width: 160, display: 'flex', flexDirection: 'column' }) }),
+function TabItem({ tab, tabIndex, onRemove, onRemoveToolbar, onChangeTabName, disabled, }) {
+    return (React.createElement(react_beautiful_dnd_1.Draggable, { isDragDisabled: disabled, draggableId: String(tabIndex), index: tabIndex }, (provided) => (React.createElement("div", Object.assign({ "data-name": "dashboard-tab", ref: provided.innerRef }, provided.draggableProps, { style: Object.assign(Object.assign({}, (disabled ? {} : provided.draggableProps.style)), { boxSizing: 'border-box', border: '1px solid var(--ab-color-primarydark)', borderRadius: 'var(--ab__border-radius)', marginRight: 'var(--ab-space-2)', width: 160, display: 'flex', flexDirection: 'column' }) }),
         React.createElement("div", { style: {
                 display: 'flex',
                 alignItems: 'center',
                 padding: 'var(--ab-space-1)',
                 borderBottom: '1px solid var(--ab-color-primarydark)',
             } },
-            React.createElement("div", Object.assign({}, provided.dragHandleProps, { style: {} }),
+            React.createElement("div", Object.assign({}, (disabled ? {} : provided.dragHandleProps), { style: {} }),
                 React.createElement(icons_1.Icon, { name: "drag" })),
-            React.createElement("input", { type: "text", value: tab.Name, style: {
+            React.createElement("input", { type: "text", disabled: disabled, value: tab.Name, style: {
                     flex: 1,
                     width: '100%',
                     border: 'none',
@@ -41,11 +41,11 @@ function TabItem({ tab, tabIndex, onRemove, onRemoveToolbar, onChangeTabName, })
                 }, onChange: (event) => {
                     onChangeTabName(event.target.value);
                 } }),
-            React.createElement(SimpleButton_1.default, { icon: "delete", variant: "text", onClick: onRemove })),
-        React.createElement(ToolbarList, { toolbars: tab.Toolbars, droppableId: String(tabIndex), onRemove: onRemoveToolbar })))));
+            React.createElement(SimpleButton_1.default, { disabled: disabled, icon: "delete", variant: "text", onClick: onRemove })),
+        React.createElement(ToolbarList, { disabled: disabled, toolbars: tab.Toolbars, droppableId: String(tabIndex), onRemove: onRemoveToolbar })))));
 }
-function ToolbarList({ toolbars, droppableId, onRemove, }) {
-    return (React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: droppableId, type: "TOOLBAR" }, (provided, snapshot) => (React.createElement("div", Object.assign({ ref: provided.innerRef }, provided.droppableProps, { "data-name": "dashboard-toolbar-drop-target", style: {
+function ToolbarList({ toolbars, droppableId, onRemove, disabled, }) {
+    return (React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: droppableId, type: "TOOLBAR" }, (provided, snapshot) => (React.createElement("div", Object.assign({ ref: provided.innerRef }, (disabled ? {} : provided.droppableProps), { "data-name": "dashboard-toolbar-drop-target", style: {
             flex: 1,
             padding: 4,
             paddingBottom: 0,
@@ -54,18 +54,18 @@ function ToolbarList({ toolbars, droppableId, onRemove, }) {
                 : '',
             minHeight: 200,
         } }),
-        toolbars.map((toolbar, toolbarIndex) => (React.createElement(ToolbarItem, { key: toolbar, toolbar: toolbar, toolbarIndex: toolbarIndex, onRemove: () => onRemove(toolbarIndex) }))),
+        toolbars.map((toolbar, toolbarIndex) => (React.createElement(ToolbarItem, { disabled: disabled, key: toolbar, toolbar: toolbar, toolbarIndex: toolbarIndex, onRemove: () => onRemove(toolbarIndex) }))),
         provided.placeholder))));
 }
-function ToolbarItem({ toolbar, toolbarIndex, onRemove, }) {
+function ToolbarItem({ toolbar, toolbarIndex, onRemove, disabled, }) {
     const { availableToolbars } = react_1.useContext(DashboardManagerContext);
-    return (React.createElement(react_beautiful_dnd_1.Draggable, { draggableId: toolbar, index: toolbarIndex }, (provided, snapshot) => (React.createElement("div", Object.assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { style: Object.assign(Object.assign({}, provided.draggableProps.style), { display: 'flex', alignItems: 'center', border: '1px solid var(--ab-color-primary)', backgroundColor: snapshot.isDragging
+    return (React.createElement(react_beautiful_dnd_1.Draggable, { isDragDisabled: disabled, draggableId: toolbar, index: toolbarIndex }, (provided, snapshot) => (React.createElement("div", Object.assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { style: Object.assign(Object.assign({}, provided.draggableProps.style), { display: 'flex', alignItems: 'center', border: '1px solid var(--ab-color-primary)', backgroundColor: snapshot.isDragging
                 ? 'var(--ab-dashboard-toolbar-drag__background)'
                 : 'var(--ab-color-primarylight)', paddingLeft: 'var(--ab-space-1)', marginBottom: 'var(--ab-space-1)' }) }),
         React.createElement("div", { style: { flex: 1 } }, getToolbarTitle(availableToolbars, toolbar)),
-        React.createElement(SimpleButton_1.default, { icon: "clear", variant: "text", padding: 1, onClick: onRemove })))));
+        React.createElement(SimpleButton_1.default, { disabled: disabled, icon: "clear", variant: "text", padding: 1, onClick: onRemove })))));
 }
-function UnusedPanel({ toolbars }) {
+function UnusedPanel({ toolbars, disabled }) {
     return (React.createElement("div", { "data-name": "dashboard-toolbars", style: {
             border: '1px solid var(--ab-color-primarydark)',
             borderRadius: 'var(--ab__border-radius)',
@@ -76,9 +76,9 @@ function UnusedPanel({ toolbars }) {
         React.createElement("div", { style: { padding: 'var(--ab-space-2)' } },
             React.createElement("b", null, "Available Toolbars"),
             " (drag into a Tab below)"),
-        React.createElement(UnusedToolbarList, { toolbars: toolbars })));
+        React.createElement(UnusedToolbarList, { disabled: disabled, toolbars: toolbars })));
 }
-function UnusedToolbarList({ toolbars }) {
+function UnusedToolbarList({ toolbars, disabled }) {
     return (React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "UNUSED", type: "TOOLBAR", isDropDisabled: true, direction: "horizontal" }, (provided) => (React.createElement("div", Object.assign({ ref: provided.innerRef, "data-name": "dashboard-toolbars-list" }, provided.droppableProps, { style: {
             display: 'flex',
             flexDirection: 'row',
@@ -86,16 +86,22 @@ function UnusedToolbarList({ toolbars }) {
             paddingLeft: 'var(--ab-space-2)',
             paddingRight: 'var(--ab-space-2)',
         } }),
-        toolbars.map((toolbar, toolbarIndex) => (React.createElement(UnusedToolbarItem, { key: toolbar, toolbar: toolbar, toolbarIndex: toolbarIndex }))),
+        toolbars.map((toolbar, toolbarIndex) => (React.createElement(UnusedToolbarItem, { disabled: disabled, key: toolbar, toolbar: toolbar, toolbarIndex: toolbarIndex }))),
         provided.placeholder))));
 }
-function UnusedToolbarItem({ toolbar, toolbarIndex }) {
+function UnusedToolbarItem({ toolbar, toolbarIndex, disabled, }) {
     const { availableToolbars } = react_1.useContext(DashboardManagerContext);
-    return (React.createElement(react_beautiful_dnd_1.Draggable, { draggableId: toolbar, index: toolbarIndex }, (provided, snapshot) => (React.createElement("div", Object.assign({ "data-name": "dashboard-toolbar", ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { style: Object.assign(Object.assign({}, provided.draggableProps.style), { border: '1px solid var(--ab-color-primary)', backgroundColor: snapshot.isDragging
-                ? 'var(--ab-dashboard-toolbar-drag__background)'
-                : 'var(--ab-color-primarylight)', padding: 'var(--ab-space-1) var(--ab-space-2)', marginRight: 'var(--ab-space-1)', marginBottom: 'var(--ab-space-1)' }) }), getToolbarTitle(availableToolbars, toolbar)))));
+    return (React.createElement(react_beautiful_dnd_1.Draggable, { isDragDisabled: disabled, draggableId: toolbar, index: toolbarIndex }, (provided, snapshot) => {
+        const eventHandlers = disabled
+            ? {}
+            : Object.assign(Object.assign({}, provided.draggableProps), provided.dragHandleProps);
+        const dragStyle = disabled ? {} : provided.draggableProps.style;
+        return (React.createElement("div", Object.assign({ "data-name": "dashboard-toolbar", ref: provided.innerRef }, eventHandlers, { style: Object.assign(Object.assign({}, dragStyle), { border: '1px solid var(--ab-color-primary)', backgroundColor: snapshot.isDragging
+                    ? 'var(--ab-dashboard-toolbar-drag__background)'
+                    : 'var(--ab-color-primarylight)', padding: 'var(--ab-space-1) var(--ab-space-2)', marginRight: 'var(--ab-space-1)', marginBottom: 'var(--ab-space-1)' }) }), getToolbarTitle(availableToolbars, toolbar)));
+    }));
 }
-function DashboardManager({ tabs, onTabsChange, availableToolbars, api, }) {
+const DashboardManager = ({ tabs, onTabsChange, availableToolbars, api, disabled, }) => {
     const moduleService = api.internalApi.getModuleService();
     const moduleInfo = moduleService.getModuleInfoByModule('Dashboard');
     const contextValue = react_1.useMemo(() => ({
@@ -157,9 +163,9 @@ function DashboardManager({ tabs, onTabsChange, availableToolbars, api, }) {
         } },
         React.createElement(DashboardManagerContext.Provider, { value: contextValue },
             React.createElement("div", { style: { display: 'flex', flexDirection: 'column' } },
-                React.createElement(UnusedPanel, { toolbars: unusedToolbars }),
-                React.createElement(PanelWithButton_1.PanelWithButton, { headerText: moduleInfo.FriendlyName + ' Tabs', button: React.createElement(SimpleButton_1.default, { onClick: handleTabAdd }, "Add Tab") },
+                React.createElement(UnusedPanel, { disabled: disabled, toolbars: unusedToolbars }),
+                React.createElement(PanelWithButton_1.PanelWithButton, { headerText: moduleInfo.FriendlyName + ' Tabs', button: React.createElement(SimpleButton_1.default, { disabled: disabled, onClick: handleTabAdd }, "Add Tab") },
                     React.createElement("div", { style: { display: 'flex', flex: 1 } },
-                        React.createElement(TabList, { tabs: tabs, onRemoveTab: handleRemoveTab, onRemoveToolbar: handleRemoveToolbar, onChangeTabName: handleChangeTabName })))))));
-}
+                        React.createElement(TabList, { disabled: disabled, tabs: tabs, onRemoveTab: handleRemoveTab, onRemoveToolbar: handleRemoveToolbar, onChangeTabName: handleChangeTabName })))))));
+};
 exports.default = DashboardManager;

package/src/components/Dropdown/index.js

@@ -90,7 +90,14 @@ const Dropdown = (props) => {
         React.createElement("select", { ref: selectRef, tabIndex: -1, disabled: disabled, value: value == null ? '' : value, onChange: (e) => {
                 const selected = finalOptions.filter((o) => o.value == e.target.value)[0];
                 onChange(selected, e);
-            }, style: { opacity: 0, width: '100%', height: '100%', top: 0, left: 0, zIndex: 1 }, onMouseDown: onMouseDown, name: name, multiple: multiple, autoFocus: autoFocus }, finalOptions.map((o) => {
+            }, style: {
+                opacity: 0,
+                width: '100%',
+                height: '100%',
+                top: 0,
+                left: 0,
+                zIndex: 1,
+            }, onMouseDown: onMouseDown, name: name, multiple: multiple, autoFocus: autoFocus }, finalOptions.map((o) => {
             return (React.createElement("option", { key: o.value, value: o.value }, o.label));
         })),
         showClearButton && selectedOption ? renderClearButton() : null));

package/src/components/DropdownButton/renderItem.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const isPlainObject_1 = tslib_1.__importDefault(require("lodash-es/isPlainObject"));
+const isPlainObject_1 = tslib_1.__importDefault(require("lodash/isPlainObject"));
 exports.default = ({ domProps, item, onItemClick, index, columns, className, idProperty, style, }) => {
     const key = item[idProperty] || index;
     if (!isPlainObject_1.default(item)) {

package/src/components/ExpressionEditor/EditorInputReactive.d.ts

@@ -2,7 +2,7 @@
 import { AdaptableApi } from '../../Api/AdaptableApi';
 import { AdaptableModule } from '../../PredefinedConfig/Common/Types';
 interface EditorInputReactiveProps {
-    type: 'observable' | 'aggregation';
+    type: 'observable' | 'aggregatedBoolean';
     module: AdaptableModule;
     value: string;
     onChange: (value: string) => void;

package/src/components/ExpressionEditor/EditorInputReactive.js

@@ -17,9 +17,11 @@ function EditorInputReactive(props) {
         .getModuleExpressionFunctions(props.module);
     const reactiveExpressionFns = props.type === 'observable'
         ? moduleExpressionFunctions.observableFunctions
-        : moduleExpressionFunctions.aggregationFunctions;
+        : moduleExpressionFunctions.aggregatedBooleanFunctions;
     const whereClauseExpressionsFns = Object.assign(Object.assign({}, moduleExpressionFunctions.booleanFunctions), moduleExpressionFunctions.scalarFunctions);
-    const [value, setValue] = useProperty_1.default(props, 'value', '', { onChange: props.onChange });
+    const [value, setValue] = useProperty_1.default(props, 'value', '', {
+        onChange: props.onChange,
+    });
     const [reactiveValue, whereClauseValue] = value.split(' WHERE ');
     const updateReactiveValue = (value) => {
         let fullExpressionString = value;

package/src/components/ExpressionEditor/ExpressionFunctionDocumentation.js

@@ -5,7 +5,10 @@ const tslib_1 = require("tslib");
 const rebass_1 = require("rebass");
 const React = tslib_1.__importStar(require("react"));
 exports.ExpressionFunctionDocumentation = (props) => {
-    return props.expressionFunction ? (React.createElement(rebass_1.Box, { "data-name": "expression-editor-documentation", my: 2, p: 2, style: { background: 'var(--ab-color-primary)', borderRadius: 'var(--ab__border-radius)' } },
+    return props.expressionFunction ? (React.createElement(rebass_1.Box, { "data-name": "expression-editor-documentation", my: 2, p: 2, style: {
+            background: 'var(--ab-color-primary)',
+            borderRadius: 'var(--ab__border-radius)',
+        } },
         props.expressionFunction.description && (React.createElement(rebass_1.Box, { mb: 3, style: { fontWeight: 'bold' }, "data-name": "expression-editor-documentation-description" }, props.expressionFunction.description)),
         props.expressionFunction.signatures && (React.createElement(rebass_1.Box, { "data-name": "expression-editor-documentation-signatures" },
             React.createElement("b", null, "Signatures"),

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

@@ -4,7 +4,7 @@ import { NamedQuery } from '../../PredefinedConfig/QueryState';
 interface ExpressionEditorProps {
     value: string;
     onChange: (value: string) => void;
-    type: 'boolean' | 'scalar' | 'observable' | 'aggregation';
+    type: 'boolean' | 'scalar' | 'observable' | 'aggregatedBoolean';
     module: AdaptableModule;
     initialData: {
         [key: string]: any;

package/src/components/ExpressionEditor/index.js

@@ -35,7 +35,7 @@ function ExpressionEditor(props) {
     const { namedQuery, setNamedQuery } = NamedQueryContext_1.useNamedQueryContext();
     const textAreaRef = react_1.useRef(null);
     const allowSaveNamedQuery = (_a = props.allowSaveNamedQuery) !== null && _a !== void 0 ? _a : type === 'boolean';
-    const editorInput = type === 'observable' || type === 'aggregation' ? (React.createElement(EditorInputReactive_1.default, { type: type, module: module, value: props.value, onChange: (value) => {
+    const editorInput = type === 'observable' || type === 'aggregatedBoolean' ? (React.createElement(EditorInputReactive_1.default, { type: type, module: module, value: props.value, onChange: (value) => {
             setExpressionText(value);
             props.onChange(value);
         }, testData: data, api: props.api })) : (
@@ -66,7 +66,11 @@ function ExpressionEditor(props) {
                 : '', 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))))));
-    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" },
+    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: {
                 background: 'var(--ab-color-primary)',
@@ -153,7 +157,7 @@ const renderQueryHints = (type) => {
             description: "An Order Cost cell contains its highest value in the whole Grid within the last hour - for rows where Cust Ref is 'TRADH'",
         });
     }
-    if (type === 'aggregation') {
+    if (type === 'aggregatedBoolean') {
         examples.push({
             code: 'SUM([PnL]) > 50000000',
             description: "The sum of the 'PnL' column values in all rows is greater than 5 Million",
@@ -163,7 +167,10 @@ const renderQueryHints = (type) => {
             description: "The sum of the 'PnL' column values in all rows where named query 'CurrencyDollar' is evaluated to TRUE is greater than 5 Billions",
         });
     }
-    return examples.length ? (React.createElement(rebass_1.Box, { "data-name": "expression-hints", my: 2, p: 2, style: { background: 'var(--ab-color-primary)', borderRadius: 'var(--ab__border-radius)' } },
+    return examples.length ? (React.createElement(rebass_1.Box, { "data-name": "expression-hints", my: 2, p: 2, style: {
+            background: 'var(--ab-color-primary)',
+            borderRadius: 'var(--ab__border-radius)',
+        } },
         React.createElement(rebass_1.Box, null,
             React.createElement(rebass_1.Text, { marginBottom: 2 },
                 React.createElement("b", null, "Examples"),
@@ -181,5 +188,5 @@ const queryDocumentationLinks = {
     boolean: DocumentationLinkConstants_1.BooleanQueryDocsLink,
     scalar: DocumentationLinkConstants_1.ScalarQueryDocsLink,
     observable: DocumentationLinkConstants_1.ObservableQueryDocsLink,
-    aggregation: DocumentationLinkConstants_1.AggregationQueryDocsLink,
+    aggregatedBoolean: DocumentationLinkConstants_1.AggregationQueryDocsLink,
 };

package/src/components/FormLayout/index.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const rebass_1 = require("rebass");
 const react_1 = require("react");
-const merge_1 = tslib_1.__importDefault(require("lodash-es/merge"));
+const merge_1 = tslib_1.__importDefault(require("lodash/merge"));
 const join_1 = tslib_1.__importDefault(require("../utils/join"));
 const FormLayoutContext = react_1.createContext(null);
 const defaultColumns = {

package/src/components/OverlayTrigger/Overlay.js

@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const react_1 = require("react");
 const batchUpdate_1 = tslib_1.__importDefault(require("../utils/batchUpdate"));
 const usePrevious_1 = tslib_1.__importDefault(require("../utils/usePrevious"));
-const isEqual_1 = tslib_1.__importDefault(require("lodash-es/isEqual"));
+const isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
 const utils_1 = require("./utils");
 exports.useRefresh = () => {
     const [x, update] = react_1.useState(0);

package/src/components/SizedContainer/index.js

@@ -9,7 +9,13 @@ const SizedContainer = (props) => {
     const [size, onResize] = React.useState(null);
     const sizeFn = props.children;
     return (React.createElement(rebass_1.Box, Object.assign({}, domProps, { style: Object.assign(Object.assign({ flex: 1 }, domProps.style), { position: 'relative' }) }),
-        React.createElement(rebass_1.Box, { style: { position: 'absolute', left: 0, top: 0, width: '100%', height: '100%' }, "data-width": size ? size.width : null, "data-height": size ? size.height : null },
+        React.createElement(rebass_1.Box, { style: {
+                position: 'absolute',
+                left: 0,
+                top: 0,
+                width: '100%',
+                height: '100%',
+            }, "data-width": size ? size.width : null, "data-height": size ? size.height : null },
             React.createElement(NotifyResize_1.default, { onResize: (size) => {
                     onResize(size);
                     onResizeFromProps === null || onResizeFromProps === void 0 ? void 0 : onResizeFromProps(size);

package/src/components/WindowModal/WindowModal.js

@@ -56,7 +56,10 @@ exports.WindowModal = (props) => {
         top: props.position.y,
     };
     const handleDrop = (dx, dy) => {
-        const newPosition = { x: positionRef.current.x + dx, y: positionRef.current.y + dy };
+        const newPosition = {
+            x: positionRef.current.x + dx,
+            y: positionRef.current.y + dy,
+        };
         props.onChange({
             position: newPosition,
             size: props.size,

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

@@ -349,8 +349,8 @@ export declare const ADAPTABLE_METAMODEL: {
             description: string;
             uiLabel: string;
             isOptional: boolean;
+            gridInfo: string;
             reference: string;
-            gridInfo?: undefined;
             defaultValue?: undefined;
         } | {
             name: string;
@@ -358,18 +358,18 @@ export declare const ADAPTABLE_METAMODEL: {
             description: string;
             uiLabel: string;
             isOptional: boolean;
+            reference: string;
             gridInfo?: undefined;
             defaultValue?: undefined;
-            reference?: undefined;
         } | {
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
             isOptional: boolean;
-            gridInfo: string;
-            reference: string;
+            gridInfo?: undefined;
             defaultValue?: undefined;
+            reference?: undefined;
         } | {
             name: string;
             kind: string;
@@ -663,17 +663,47 @@ export declare const ADAPTABLE_METAMODEL: {
         kind: string;
         description: string;
     };
+    AlertOptions: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: ({
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            gridInfo?: undefined;
+            defaultValue?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            gridInfo: string;
+            defaultValue: string;
+        })[];
+    };
     AlertProperties: {
         name: string;
         kind: string;
         description: string;
-        properties: {
+        properties: ({
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
             isOptional: boolean;
-        }[];
+            defaultValue?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            defaultValue: string;
+        })[];
     };
     AlertState: {
         name: string;
@@ -685,7 +715,6 @@ export declare const ADAPTABLE_METAMODEL: {
             description: string;
             uiLabel: string;
             isOptional: boolean;
-            defaultValue: string;
         }[];
     };
     AlternativeModuleName: {
@@ -849,7 +878,6 @@ export declare const ADAPTABLE_METAMODEL: {
             description: string;
             uiLabel: string;
             isOptional: boolean;
-            defaultValue: string;
         }[];
     };
     CellChangedInfo: {
@@ -873,6 +901,14 @@ export declare const ADAPTABLE_METAMODEL: {
             kind: string;
             description: string;
             uiLabel: string;
+            reference?: undefined;
+            isOptional?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            reference: string;
             isOptional?: undefined;
         } | {
             name: string;
@@ -880,6 +916,7 @@ export declare const ADAPTABLE_METAMODEL: {
             description: string;
             uiLabel: string;
             isOptional: boolean;
+            reference?: undefined;
         })[];
     };
     CellSummaryApi: {
@@ -1192,7 +1229,6 @@ export declare const ADAPTABLE_METAMODEL: {
             description: string;
             uiLabel: string;
             isOptional: boolean;
-            defaultValue: string;
         }[];
     };
     CustomToolbar: {
@@ -1740,13 +1776,13 @@ export declare const ADAPTABLE_METAMODEL: {
             kind: string;
             description: string;
             uiLabel: string;
-            isOptional?: undefined;
+            isOptional: boolean;
         } | {
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
-            isOptional: boolean;
+            isOptional?: undefined;
         })[];
     };
     FilterActionOnDataChange: {
@@ -1830,6 +1866,7 @@ export declare const ADAPTABLE_METAMODEL: {
             description: string;
             uiLabel: string;
             isOptional: boolean;
+            defaultValue: string;
         }[];
     };
     FilterState: {
@@ -1960,7 +1997,6 @@ export declare const ADAPTABLE_METAMODEL: {
             description: string;
             uiLabel: string;
             isOptional: boolean;
-            defaultValue: string;
         }[];
     };
     FormatColumn: {
@@ -2033,16 +2069,16 @@ export declare const ADAPTABLE_METAMODEL: {
             kind: string;
             description: string;
             uiLabel: string;
-            isOptional?: undefined;
             defaultValue?: undefined;
+            isOptional?: undefined;
             reference?: undefined;
         } | {
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
-            isOptional: boolean;
             defaultValue: string;
+            isOptional?: undefined;
             reference?: undefined;
         } | {
             name: string;
@@ -2060,6 +2096,14 @@ export declare const ADAPTABLE_METAMODEL: {
             isOptional: boolean;
             reference: string;
             defaultValue?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            defaultValue: string;
+            reference?: undefined;
         })[];
     };
     FreeTextColumnApi: {
@@ -2441,7 +2485,6 @@ export declare const ADAPTABLE_METAMODEL: {
             description: string;
             uiLabel: string;
             isOptional: boolean;
-            defaultValue: string;
         }[];
     };
     LiveDataChangedInfo: {
@@ -2523,15 +2566,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;
@@ -2653,6 +2687,12 @@ export declare const ADAPTABLE_METAMODEL: {
         name: string;
         kind: string;
         description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+        }[];
     };
     PlusMinusApi: {
         name: string;
@@ -3047,6 +3087,17 @@ export declare const ADAPTABLE_METAMODEL: {
             reference: string;
         }[];
     };
+    SettingsPanelApi: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+        }[];
+    };
     SharedEntity: {
         name: string;
         kind: string;