dareway-rui/build/taglib/sidebar/view/MenuItem.js

'use strict';

var _interopRequireDefault = require('@babel/runtime/helpers/interopRequireDefault');

Object.defineProperty(exports, '__esModule', {
    value: true
});
exports.default = void 0;

var _classCallCheck2 = _interopRequireDefault(require('@babel/runtime/helpers/classCallCheck'));

var _createClass2 = _interopRequireDefault(require('@babel/runtime/helpers/createClass'));

var _possibleConstructorReturn2 = _interopRequireDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));

var _getPrototypeOf2 = _interopRequireDefault(require('@babel/runtime/helpers/getPrototypeOf'));

var _inherits2 = _interopRequireDefault(require('@babel/runtime/helpers/inherits'));

var _defineProperty2 = _interopRequireDefault(require('@babel/runtime/helpers/defineProperty'));

var _react = _interopRequireDefault(require('react'));

var _propTypes = _interopRequireDefault(require('prop-types'));

var _classnames = _interopRequireDefault(require('classnames'));

var _ruiIcon = _interopRequireDefault(require('rui-icon'));

var _activeClosePage = _interopRequireDefault(require('../images/activeClosePage.png'));

var _inActiveClosePage = _interopRequireDefault(require('../images/inActiveClosePage.png'));

var _LaneContext = _interopRequireDefault(require('../../../taglib/lane/LaneContext'));

var MenuItem =
    /*#__PURE__*/
    (function(_React$PureComponent) {
        (0, _inherits2.default)(MenuItem, _React$PureComponent);

        function MenuItem(props) {
            (0, _classCallCheck2.default)(this, MenuItem);
            return (0, _possibleConstructorReturn2.default)(
                this,
                (0, _getPrototypeOf2.default)(MenuItem).call(this, props)
            );
        }

        (0, _createClass2.default)(MenuItem, [
            {
                key: 'render',
                value: function render() {
                    var _this$props = this.props,
                        itemName = _this$props.itemName,
                        itemTitle = _this$props.itemTitle,
                        iconId = _this$props.iconId,
                        closeable = _this$props.closeable,
                        onSelect = _this$props.onSelect,
                        onClose = _this$props.onClose,
                        _onContextMenu = _this$props.onContextMenu,
                        active = _this$props.active,
                        vmPath = _this$props.vmPath,
                        laneID = _this$props.laneID;
                    var menuItemClassName = (0, _classnames.default)('rui-sidebar-menu-item', {
                        'rui-sidebar-menu-item-selected': active
                    });
                    return _react.default.createElement(_LaneContext.default.Consumer, null, function(__laneID__) {
                        return _react.default.createElement(
                            'div',
                            {
                                className: menuItemClassName,
                                title: itemTitle,
                                key: itemName,
                                onClick: function onClick() {
                                    return onSelect(itemName);
                                },
                                onContextMenu: function onContextMenu(event) {
                                    return _onContextMenu(event, vmPath, __laneID__);
                                }
                            },
                            closeable &&
                                _react.default.createElement(_ruiIcon.default, {
                                    onClick: function onClick(event) {
                                        return onClose(event, itemName);
                                    },
                                    style: {
                                        width: 14,
                                        height: 14,
                                        background: active
                                            ? 'url('.concat(_activeClosePage.default, ') no-repeat')
                                            : 'url('.concat(_inActiveClosePage.default, ') no-repeat'),
                                        position: 'absolute',
                                        top: 0,
                                        right: 0,
                                        backgroundSize: '14px'
                                    }
                                }),
                            _react.default.createElement(
                                'div',
                                null,
                                _react.default.createElement(_ruiIcon.default, {
                                    type: iconId,
                                    style: {
                                        fontSize: 20,
                                        lineHeight: '20px',
                                        color: active ? 'white' : '#ccc'
                                    },
                                    theme: active ? 'filled' : 'outlined'
                                })
                            ),
                            _react.default.createElement(
                                'div',
                                null,
                                itemTitle.split('\n').map(function(item, key) {
                                    return _react.default.createElement(
                                        'div',
                                        {
                                            key: key,
                                            className: 'rui-sidebar-menu-item-text'
                                        },
                                        item
                                    );
                                })
                            )
                        );
                    });
                }
            }
        ]);
        return MenuItem;
    })(_react.default.PureComponent);

exports.default = MenuItem;
(0, _defineProperty2.default)(MenuItem, 'propTypes', {
    itemName: _propTypes.default.string,
    itemTitle: _propTypes.default.string,
    iconId: _propTypes.default.string,
    closeable: _propTypes.default.bool,
    onSelect: _propTypes.default.func,
    onClose: _propTypes.default.func,
    onContextMenu: _propTypes.default.func,
    vmPath: _propTypes.default.string,
    active: _propTypes.default.bool
});

//@ sourceMappingURL=MenuItem.js.map