dareway-rui/build/taglib/dockbar/view/DockBarView.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 _react = _interopRequireDefault(require('react'));

var _Menu = _interopRequireDefault(require('./Menu'));

var _MenuItem = _interopRequireDefault(require('./MenuItem'));

var _WrapDockBarViewWithFocus = _interopRequireDefault(require('./WrapDockBarViewWithFocus'));

require('./style.css');

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

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

        (0, _createClass2.default)(DockBarView, [
            {
                key: 'render',
                value: function render() {
                    var _this$props = this.props,
                        barItems = _this$props.barItems,
                        selectedBarItemName = _this$props.selectedBarItemName,
                        handleBarItemClose = _this$props.handleBarItemClose,
                        handleBarItemChange = _this$props.handleBarItemChange;
                    return _react.default.createElement(
                        'div',
                        {
                            name: 'dockbar',
                            className: 'rui-dockbar'
                        },
                        _react.default.createElement(
                            'div',
                            {
                                className: 'rui-dockbar-menus'
                            },
                            _react.default.createElement(
                                _Menu.default,
                                null,
                                barItems.map(function(_ref) {
                                    var itemName = _ref.itemName,
                                        itemTitle = _ref.itemTitle,
                                        closeable = _ref.closeable;
                                    return _react.default.createElement(_MenuItem.default, {
                                        key: itemName,
                                        onSelect: handleBarItemChange,
                                        onClose: handleBarItemClose,
                                        closeable: closeable,
                                        itemName: itemName,
                                        itemTitle: itemTitle,
                                        active: itemName == selectedBarItemName
                                    });
                                })
                            )
                        ),
                        _react.default.createElement(
                            'div',
                            {
                                className: 'rui-dockbar-contents'
                            },
                            barItems.map(function(_ref2) {
                                var itemName = _ref2.itemName,
                                    component = _ref2.component,
                                    params = _ref2.params,
                                    isLoaded = _ref2.isLoaded;
                                return _react.default.createElement(_WrapDockBarViewWithFocus.default, {
                                    key: itemName,
                                    name: itemName,
                                    load: isLoaded,
                                    hidden: itemName != selectedBarItemName,
                                    component: component,
                                    params: params
                                });
                            })
                        )
                    );
                }
            }
        ]);
        return DockBarView;
    })(_react.default.Component);

exports.default = DockBarView;

//@ sourceMappingURL=DockBarView.js.map