@singularsystems/neo-react 1.0.0-alpha.3 → 1.0.0-beta.0

package/dist/ReactComponents/CollapsableBase.js

@@ -1,42 +1,42 @@
-import { __extends } from "tslib";
-import React from 'react';
-import { Components, } from '@singularsystems/neo-core';
-import ComponentBase from './ComponentBase';
-var CollapsableBase = /** @class */ (function (_super) {
-    __extends(CollapsableBase, _super);
-    function CollapsableBase(props) {
-        var _this = _super.call(this, props) || this;
-        _this.containerRef = React.createRef();
-        _this.shouldShow = false;
-        _this.onClose = _this.onClose.bind(_this);
-        return _this;
-    }
-    CollapsableBase.prototype.onClose = function (e) {
-        this.props.bindShow.value = false;
-    };
-    CollapsableBase.prototype.afterRender = function (isInitial) {
-        var _this = this;
-        if (this.timer)
-            clearTimeout(this.timer);
-        if (this.containerRef.current) {
-            if (!this.animationHelper) {
-                this.animationHelper = new Components.CollapseAnimationHelper(this.containerRef.current, this.shouldShow, this.props.state, this.props.onHidden);
-            }
-            if (!isInitial || this.props.animateInitial) {
-                this.animationHelper.showHide(this.shouldShow, isInitial && this.props.animateInitial);
-            }
-        }
-        if (this.shouldShow && this.props.autoCloseTimeout && this.props.bindShow) {
-            this.timer = setTimeout(function () {
-                _this.props.bindShow.value = false;
-            }, this.props.autoCloseTimeout);
-        }
-    };
-    CollapsableBase.prototype.componentWillUnmount = function () {
-        if (this.animationHelper) {
-            this.animationHelper.destroy();
-        }
-    };
-    return CollapsableBase;
-}(ComponentBase));
-export default CollapsableBase;
+import { __extends } from "tslib";
+import React from 'react';
+import { Components, } from '@singularsystems/neo-core';
+import ComponentBase from './ComponentBase';
+var CollapsableBase = /** @class */ (function (_super) {
+    __extends(CollapsableBase, _super);
+    function CollapsableBase(props) {
+        var _this = _super.call(this, props) || this;
+        _this.containerRef = React.createRef();
+        _this.shouldShow = false;
+        _this.onClose = _this.onClose.bind(_this);
+        return _this;
+    }
+    CollapsableBase.prototype.onClose = function (e) {
+        this.props.bindShow.value = false;
+    };
+    CollapsableBase.prototype.afterRender = function (isInitial) {
+        var _this = this;
+        if (this.timer)
+            clearTimeout(this.timer);
+        if (this.containerRef.current) {
+            if (!this.animationHelper) {
+                this.animationHelper = new Components.CollapseAnimationHelper(this.containerRef.current, this.shouldShow, this.props.state, this.props.onHidden);
+            }
+            if (!isInitial || this.props.animateInitial) {
+                this.animationHelper.showHide(this.shouldShow, isInitial && this.props.animateInitial);
+            }
+        }
+        if (this.shouldShow && this.props.autoCloseTimeout && this.props.bindShow) {
+            this.timer = setTimeout(function () {
+                _this.props.bindShow.value = false;
+            }, this.props.autoCloseTimeout);
+        }
+    };
+    CollapsableBase.prototype.componentWillUnmount = function () {
+        if (this.animationHelper) {
+            this.animationHelper.destroy();
+        }
+    };
+    return CollapsableBase;
+}(ComponentBase));
+export default CollapsableBase;

package/dist/ReactComponents/ColorPicker.d.ts

@@ -1,26 +1,26 @@
-import React from 'react';
-import { ColorResult, SketchPickerProps } from 'react-color';
-import { Model } from '@singularsystems/neo-core';
-interface IColorPickerProps extends SketchPickerProps {
-    bind: Model.IPropertyInstance;
-    onChangeEvent?: () => void;
-}
-interface IColorPickerState {
-    visible: boolean;
-    selectedColor: string;
-}
-export default class ColorPicker extends React.Component<IColorPickerProps, IColorPickerState> {
-    state: {
-        visible: boolean;
-        selectedColor: any;
-    };
-    private sketchPickerImplementation;
-    componentWillReceiveProps(nextProps: IColorPickerProps): void;
-    componentDidMount(): void;
-    handleChange: (color: ColorResult) => void;
-    visibleToggle: () => void;
-    cancel: () => void;
-    accept: () => void;
-    render(): JSX.Element;
-}
-export {};
+import React from 'react';
+import { ColorResult, SketchPickerProps } from 'react-color';
+import { Model } from '@singularsystems/neo-core';
+interface IColorPickerProps extends SketchPickerProps {
+    bind: Model.IPropertyInstance;
+    onChangeEvent?: () => void;
+}
+interface IColorPickerState {
+    visible: boolean;
+    selectedColor: string;
+}
+export default class ColorPicker extends React.Component<IColorPickerProps, IColorPickerState> {
+    state: {
+        visible: boolean;
+        selectedColor: any;
+    };
+    private sketchPickerImplementation;
+    componentWillReceiveProps(nextProps: IColorPickerProps): void;
+    componentDidMount(): void;
+    handleChange: (color: ColorResult) => void;
+    visibleToggle: () => void;
+    cancel: () => void;
+    accept: () => void;
+    render(): JSX.Element;
+}
+export {};

package/dist/ReactComponents/ColorPicker.js

@@ -1,67 +1,67 @@
-import { __decorate, __extends } from "tslib";
-import React from 'react';
-import { observer } from 'mobx-react';
-import { NeoReactTypes } from '../Modules/Types';
-import { Misc } from '@singularsystems/neo-core';
-var ColorPicker = /** @class */ (function (_super) {
-    __extends(ColorPicker, _super);
-    function ColorPicker() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            visible: false,
-            selectedColor: _this.props.bind.value
-        };
-        _this.sketchPickerImplementation = Misc.Globals.appService.get(NeoReactTypes.Components.SketchPicker);
-        _this.handleChange = function (color) {
-            // Set the color value
-            _this.setState({ selectedColor: color.hex });
-        };
-        _this.visibleToggle = function () {
-            _this.setState({ visible: !_this.state.visible });
-        };
-        _this.cancel = function () {
-            // Reset the color
-            _this.setState({ selectedColor: _this.props.bind.value });
-            _this.visibleToggle();
-        };
-        _this.accept = function () {
-            _this.props.bind.value = _this.state.selectedColor;
-            _this.visibleToggle();
-            // Check if there is a custom event
-            if (_this.props.onChangeEvent) {
-                _this.props.onChangeEvent();
-            }
-        };
-        return _this;
-    }
-    ColorPicker.prototype.componentWillReceiveProps = function (nextProps) {
-        if (nextProps.bind.value !== this.state.selectedColor) {
-            // Update the state selectedColor if the color that was in the bind was changed
-            this.setState({ selectedColor: nextProps.bind.value });
-        }
-    };
-    ColorPicker.prototype.componentDidMount = function () {
-        this.setState({ selectedColor: this.props.bind.value });
-    };
-    ColorPicker.prototype.render = function () {
-        var _this = this;
-        var style = { backgroundColor: this.props.bind.value };
-        return (React.createElement("div", { className: "color-picker" },
-            React.createElement("div", { className: "mode-overlay" },
-                React.createElement("div", { className: 'block-button', style: style, onClick: function () { return _this.visibleToggle(); } }),
-                this.state.visible &&
-                    React.createElement(React.Fragment, null,
-                        React.createElement("div", { className: "overlay-area", onClick: function () { return _this.cancel(); } }),
-                        React.createElement("div", { className: "picker-container" },
-                            React.createElement("div", { className: "picker-block" },
-                                React.createElement(this.sketchPickerImplementation, { color: this.state.selectedColor, onChange: this.handleChange }),
-                                React.createElement("div", { className: "action-container" },
-                                    React.createElement("div", { className: "btn btn-primary btn-sm", onClick: function () { return _this.accept(); } }, "Accept"),
-                                    React.createElement("div", { className: "btn btn-secondary btn-sm ml-1 mr-1", onClick: function () { return _this.cancel(); } }, "Cancel"))))))));
-    };
-    ColorPicker = __decorate([
-        observer
-    ], ColorPicker);
-    return ColorPicker;
-}(React.Component));
-export default ColorPicker;
+import { __decorate, __extends } from "tslib";
+import React from 'react';
+import { observer } from 'mobx-react';
+import { NeoReactTypes } from '../Modules/Types';
+import { Misc } from '@singularsystems/neo-core';
+var ColorPicker = /** @class */ (function (_super) {
+    __extends(ColorPicker, _super);
+    function ColorPicker() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            visible: false,
+            selectedColor: _this.props.bind.value
+        };
+        _this.sketchPickerImplementation = Misc.Globals.appService.get(NeoReactTypes.Components.SketchPicker);
+        _this.handleChange = function (color) {
+            // Set the color value
+            _this.setState({ selectedColor: color.hex });
+        };
+        _this.visibleToggle = function () {
+            _this.setState({ visible: !_this.state.visible });
+        };
+        _this.cancel = function () {
+            // Reset the color
+            _this.setState({ selectedColor: _this.props.bind.value });
+            _this.visibleToggle();
+        };
+        _this.accept = function () {
+            _this.props.bind.value = _this.state.selectedColor;
+            _this.visibleToggle();
+            // Check if there is a custom event
+            if (_this.props.onChangeEvent) {
+                _this.props.onChangeEvent();
+            }
+        };
+        return _this;
+    }
+    ColorPicker.prototype.componentWillReceiveProps = function (nextProps) {
+        if (nextProps.bind.value !== this.state.selectedColor) {
+            // Update the state selectedColor if the color that was in the bind was changed
+            this.setState({ selectedColor: nextProps.bind.value });
+        }
+    };
+    ColorPicker.prototype.componentDidMount = function () {
+        this.setState({ selectedColor: this.props.bind.value });
+    };
+    ColorPicker.prototype.render = function () {
+        var _this = this;
+        var style = { backgroundColor: this.props.bind.value };
+        return (React.createElement("div", { className: "color-picker" },
+            React.createElement("div", { className: "mode-overlay" },
+                React.createElement("div", { className: 'block-button', style: style, onClick: function () { return _this.visibleToggle(); } }),
+                this.state.visible &&
+                    React.createElement(React.Fragment, null,
+                        React.createElement("div", { className: "overlay-area", onClick: function () { return _this.cancel(); } }),
+                        React.createElement("div", { className: "picker-container" },
+                            React.createElement("div", { className: "picker-block" },
+                                React.createElement(this.sketchPickerImplementation, { color: this.state.selectedColor, onChange: this.handleChange }),
+                                React.createElement("div", { className: "action-container" },
+                                    React.createElement("div", { className: "btn btn-primary btn-sm", onClick: function () { return _this.accept(); } }, "Accept"),
+                                    React.createElement("div", { className: "btn btn-secondary btn-sm ml-1 mr-1", onClick: function () { return _this.cancel(); } }, "Cancel"))))))));
+    };
+    ColorPicker = __decorate([
+        observer
+    ], ColorPicker);
+    return ColorPicker;
+}(React.Component));
+export default ColorPicker;

package/dist/ReactComponents/ComponentBase.d.ts

@@ -1,17 +1,17 @@
-import React from "react";
-export interface IComponentBase {
-    uniqueId: number;
-}
-export default class ComponentBase<TProps, TState = {}> extends React.Component<TProps, TState> implements IComponentBase {
-    private static globalCounter;
-    private isFirstRender;
-    uniqueId: number;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    /** To be overidden in sub class */
-    protected onFirstRender(): void;
-    /** To be called by sub class in render method */
-    protected onRender(): void;
-    /** To be overidden in sub class */
-    protected afterRender(isInitial: boolean): void;
-}
+import React from "react";
+export interface IComponentBase {
+    uniqueId: number;
+}
+export default class ComponentBase<TProps, TState = {}> extends React.Component<TProps, TState> implements IComponentBase {
+    private static globalCounter;
+    private isFirstRender;
+    uniqueId: number;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    /** To be overidden in sub class */
+    protected onFirstRender(): void;
+    /** To be called by sub class in render method */
+    protected onRender(): void;
+    /** To be overidden in sub class */
+    protected afterRender(isInitial: boolean): void;
+}

package/dist/ReactComponents/ComponentBase.js

@@ -1,33 +1,33 @@
-import { __extends } from "tslib";
-import React from "react";
-var ComponentBase = /** @class */ (function (_super) {
-    __extends(ComponentBase, _super);
-    function ComponentBase() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.isFirstRender = true;
-        _this.uniqueId = ComponentBase.globalCounter++;
-        return _this;
-    }
-    ComponentBase.prototype.componentDidMount = function () {
-        this.afterRender(true);
-    };
-    ComponentBase.prototype.componentDidUpdate = function () {
-        this.afterRender(false);
-    };
-    /** To be overidden in sub class */
-    ComponentBase.prototype.onFirstRender = function () {
-    };
-    /** To be called by sub class in render method */
-    ComponentBase.prototype.onRender = function () {
-        if (this.isFirstRender) {
-            this.isFirstRender = false;
-            this.onFirstRender();
-        }
-    };
-    /** To be overidden in sub class */
-    ComponentBase.prototype.afterRender = function (isInitial) {
-    };
-    ComponentBase.globalCounter = 0;
-    return ComponentBase;
-}(React.Component));
-export default ComponentBase;
+import { __extends } from "tslib";
+import React from "react";
+var ComponentBase = /** @class */ (function (_super) {
+    __extends(ComponentBase, _super);
+    function ComponentBase() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.isFirstRender = true;
+        _this.uniqueId = ComponentBase.globalCounter++;
+        return _this;
+    }
+    ComponentBase.prototype.componentDidMount = function () {
+        this.afterRender(true);
+    };
+    ComponentBase.prototype.componentDidUpdate = function () {
+        this.afterRender(false);
+    };
+    /** To be overidden in sub class */
+    ComponentBase.prototype.onFirstRender = function () {
+    };
+    /** To be called by sub class in render method */
+    ComponentBase.prototype.onRender = function () {
+        if (this.isFirstRender) {
+            this.isFirstRender = false;
+            this.onFirstRender();
+        }
+    };
+    /** To be overidden in sub class */
+    ComponentBase.prototype.afterRender = function (isInitial) {
+    };
+    ComponentBase.globalCounter = 0;
+    return ComponentBase;
+}(React.Component));
+export default ComponentBase;

package/dist/ReactComponents/ContextMenu/ContextMenu.d.ts

@@ -1,24 +1,25 @@
-import React from 'react';
-import { Components } from '@singularsystems/neo-core';
-import ComponentBase from '../ComponentBase';
-import { IPosition } from '@singularsystems/neo-core/dist/Components/ContextMenu/ContextMenu';
-export interface IContextMenuProps {
-    menuItems: Components.IMenuItem[];
-    show?: boolean;
-    /**
-     * Position relative to screen.
-     */
-    position?: IPosition;
-    /**
-     * Called when a menu item is clicked. Use to hide the context menu.
-     */
-    onClick?: () => void;
-}
-export default class ContextMenu extends ComponentBase<IContextMenuProps> {
-    constructor(props: IContextMenuProps);
-    private menuRef;
-    private hoverItem;
-    mouseEnter(e: React.MouseEvent<HTMLDivElement>, item: Components.IMenuItem): void;
-    afterRender(): void;
-    render(): JSX.Element;
-}
+import React from 'react';
+import { Components } from '@singularsystems/neo-core';
+import ComponentBase from '../ComponentBase';
+import { IPosition } from '@singularsystems/neo-core/dist/Components/ContextMenu/ContextMenu';
+export interface IContextMenuProps {
+    menuItems: Components.IMenuItem[];
+    show?: boolean;
+    /**
+     * Position relative to screen.
+     */
+    position?: IPosition;
+    /**
+     * Called when a menu item is clicked. Use to hide the context menu.
+     */
+    onClick?: () => void;
+}
+export default class ContextMenu extends ComponentBase<IContextMenuProps> {
+    constructor(props: IContextMenuProps);
+    private iconFactory;
+    private menuRef;
+    private hoverItem;
+    mouseEnter(e: React.MouseEvent<HTMLDivElement>, item: Components.IMenuItem): void;
+    afterRender(): void;
+    render(): JSX.Element;
+}

package/dist/ReactComponents/ContextMenu/ContextMenu.js

@@ -1,89 +1,91 @@
-import { __decorate, __extends, __metadata } from "tslib";
-import React from 'react';
-import { makeObservable, observable } from 'mobx';
-import { observer } from 'mobx-react';
-import { Utils } from '@singularsystems/neo-core';
-import ComponentBase from '../ComponentBase';
-var ContextMenu = /** @class */ (function (_super) {
-    __extends(ContextMenu, _super);
-    function ContextMenu(props) {
-        var _this = _super.call(this, props) || this;
-        _this.menuRef = React.createRef();
-        _this.hoverItem = null;
-        _this.mouseEnter = _this.mouseEnter.bind(_this);
-        makeObservable(_this);
-        return _this;
-    }
-    ContextMenu_1 = ContextMenu;
-    ContextMenu.prototype.mouseEnter = function (e, item) {
-        this.hoverItem = item;
-    };
-    ContextMenu.prototype.afterRender = function () {
-        if (this.menuRef.current) {
-            var menu = this.menuRef.current;
-            menu.style.left = "0";
-            menu.style.top = "0";
-            var width = menu.getBoundingClientRect().width, height = menu.getBoundingClientRect().height;
-            var left = 0, top_1 = 0, checkLeft = 0, checkTop = 0;
-            if (this.props.position) {
-                left = this.props.position.x;
-                top_1 = this.props.position.y;
-                checkLeft = left - window.scrollX;
-                checkTop = top_1 - window.scrollY;
-            }
-            else {
-                // Position relative to parent.
-                var parent_1 = menu.parentElement;
-                left = parent_1.getBoundingClientRect().width;
-                checkLeft = parent_1.getBoundingClientRect().right;
-                top_1 = 0;
-                checkTop = parent_1.getBoundingClientRect().top;
-            }
-            if (checkLeft + width > window.innerWidth - 17) {
-                left += window.innerWidth - 17 - checkLeft - width;
-            }
-            if (checkTop + height > window.innerHeight - 17) {
-                top_1 += window.innerHeight - 17 - checkTop - height;
-            }
-            menu.style.left = left + "px";
-            menu.style.top = top_1 + "px";
-        }
-    };
-    ContextMenu.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, menuItems = _a.menuItems, position = _a.position, show = _a.show;
-        if (position) {
-            show = true;
-        }
-        return (React.createElement("div", { className: "neo-context-menu" + (show ? " show" : ""), ref: this.menuRef },
-            React.createElement("div", { className: "neo-context-menu-left-strip" }),
-            menuItems.map(function (item, index) { return (React.createElement("div", { key: index, className: "neo-context-menu-item" + (item.onClick || item.items ? " can-hover" : "") + (item.header ? " header" : "") + (item.items ? " has-children" : ""), onMouseEnter: function (e) { return _this.mouseEnter(e, item); }, onClick: function (e) {
-                    if (item.onClick) {
-                        item.onClick(e, item.data);
-                        if (_this.props.onClick && !e.isDefaultPrevented()) {
-                            _this.props.onClick();
-                        }
-                    }
-                    e.stopPropagation();
-                } },
-                item.isDivider && React.createElement("hr", null),
-                !item.isDivider && React.createElement(React.Fragment, null,
-                    !item.icon && React.createElement("i", { className: "fa fa-fw" }),
-                    item.icon && React.createElement("i", { className: "fa-fw " + Utils.getFontAwesomeClass(item.icon) }),
-                    item.text && React.createElement("span", { className: "neo-context-menu-text" }, item.text),
-                    item.header && React.createElement("span", { className: "neo-context-menu-text" }, item.header),
-                    item.items && React.createElement("i", { className: "fa-fw fa fa-angle-right child-indicator" }),
-                    item.items && _this.hoverItem === item && React.createElement(ContextMenu_1, { menuItems: item.items, show: _this.hoverItem === item, onClick: _this.props.onClick })))); })));
-    };
-    var ContextMenu_1;
-    __decorate([
-        observable.ref,
-        __metadata("design:type", Object)
-    ], ContextMenu.prototype, "hoverItem", void 0);
-    ContextMenu = ContextMenu_1 = __decorate([
-        observer,
-        __metadata("design:paramtypes", [Object])
-    ], ContextMenu);
-    return ContextMenu;
-}(ComponentBase));
-export default ContextMenu;
+import { __decorate, __extends, __metadata } from "tslib";
+import React from 'react';
+import { makeObservable, observable } from 'mobx';
+import { observer } from 'mobx-react';
+import { Misc } from '@singularsystems/neo-core';
+import ComponentBase from '../ComponentBase';
+import { NeoReactTypes } from '../../Modules/Types';
+var ContextMenu = /** @class */ (function (_super) {
+    __extends(ContextMenu, _super);
+    function ContextMenu(props) {
+        var _this = _super.call(this, props) || this;
+        _this.iconFactory = Misc.Globals.appService.get(NeoReactTypes.Components.IconFactory);
+        _this.menuRef = React.createRef();
+        _this.hoverItem = null;
+        _this.mouseEnter = _this.mouseEnter.bind(_this);
+        makeObservable(_this);
+        return _this;
+    }
+    ContextMenu_1 = ContextMenu;
+    ContextMenu.prototype.mouseEnter = function (e, item) {
+        this.hoverItem = item;
+    };
+    ContextMenu.prototype.afterRender = function () {
+        if (this.menuRef.current) {
+            var menu = this.menuRef.current;
+            menu.style.left = "0";
+            menu.style.top = "0";
+            var width = menu.getBoundingClientRect().width, height = menu.getBoundingClientRect().height;
+            var left = 0, top_1 = 0, checkLeft = 0, checkTop = 0;
+            if (this.props.position) {
+                left = this.props.position.x;
+                top_1 = this.props.position.y;
+                checkLeft = left - window.scrollX;
+                checkTop = top_1 - window.scrollY;
+            }
+            else {
+                // Position relative to parent.
+                var parent_1 = menu.parentElement;
+                left = parent_1.getBoundingClientRect().width;
+                checkLeft = parent_1.getBoundingClientRect().right;
+                top_1 = 0;
+                checkTop = parent_1.getBoundingClientRect().top;
+            }
+            if (checkLeft + width > window.innerWidth - 17) {
+                left += window.innerWidth - 17 - checkLeft - width;
+            }
+            if (checkTop + height > window.innerHeight - 17) {
+                top_1 += window.innerHeight - 17 - checkTop - height;
+            }
+            menu.style.left = left + "px";
+            menu.style.top = top_1 + "px";
+        }
+    };
+    ContextMenu.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, menuItems = _a.menuItems, position = _a.position, show = _a.show;
+        if (position) {
+            show = true;
+        }
+        return (React.createElement("div", { className: "neo-context-menu" + (show ? " show" : ""), ref: this.menuRef },
+            React.createElement("div", { className: "neo-context-menu-left-strip" }),
+            menuItems.map(function (item, index) { return (React.createElement("div", { key: index, className: "neo-context-menu-item" + (item.onClick || item.items ? " can-hover" : "") + (item.header ? " header" : "") + (item.items ? " has-children" : ""), onMouseEnter: function (e) { return _this.mouseEnter(e, item); }, onClick: function (e) {
+                    if (item.onClick) {
+                        item.onClick(e, item.data);
+                        if (_this.props.onClick && !e.isDefaultPrevented()) {
+                            _this.props.onClick();
+                        }
+                    }
+                    e.stopPropagation();
+                } },
+                item.isDivider && React.createElement("hr", null),
+                !item.isDivider && React.createElement(React.Fragment, null,
+                    !item.icon && _this.iconFactory.getIconComponent("", { fixedWidth: true }),
+                    item.icon && _this.iconFactory.getIconComponent(item.icon, { fixedWidth: true }),
+                    item.text && React.createElement("span", { className: "neo-context-menu-text" }, item.text),
+                    item.header && React.createElement("span", { className: "neo-context-menu-text" }, item.header),
+                    item.items && React.createElement("i", { className: "fa-fw fa fa-angle-right child-indicator" }),
+                    item.items && _this.hoverItem === item && React.createElement(ContextMenu_1, { menuItems: item.items, show: _this.hoverItem === item, onClick: _this.props.onClick })))); })));
+    };
+    var ContextMenu_1;
+    __decorate([
+        observable.ref,
+        __metadata("design:type", Object)
+    ], ContextMenu.prototype, "hoverItem", void 0);
+    ContextMenu = ContextMenu_1 = __decorate([
+        observer,
+        __metadata("design:paramtypes", [Object])
+    ], ContextMenu);
+    return ContextMenu;
+}(ComponentBase));
+export default ContextMenu;

package/dist/ReactComponents/ContextMenu/ContextMenuContainer.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-/**
- * Shows the global context menu ui.
- * To show a context menu, call MenuUtils.showContextMenu
- */
-export default class ContextMenuContainer extends React.Component {
-    private globalState;
-    constructor(props: any);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    onDocumentClick(e: MouseEvent): void;
-    onMenuItemClick(): void;
-    render(): JSX.Element | null;
-}
+import React from 'react';
+/**
+ * Shows the global context menu ui.
+ * To show a context menu, call MenuUtils.showContextMenu
+ */
+export default class ContextMenuContainer extends React.Component {
+    private globalState;
+    constructor(props: any);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    onDocumentClick(e: MouseEvent): void;
+    onMenuItemClick(): void;
+    render(): JSX.Element | null;
+}