dareway-rui
Version:
123 lines (105 loc) • 5.37 kB
JavaScript
'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 _propTypes = _interopRequireDefault(require('prop-types'));
var _WrapContentWrapperWithFocus = _interopRequireDefault(require('./WrapContentWrapperWithFocus'));
var _MenuItem = _interopRequireDefault(require('./MenuItem'));
var _VMPathContext = _interopRequireDefault(require('../../vmPath/VMPathContext'));
require('./style.css');
var SideBarView =
/*#__PURE__*/
(function(_React$Component) {
(0, _inherits2.default)(SideBarView, _React$Component);
function SideBarView(props) {
(0, _classCallCheck2.default)(this, SideBarView);
return (0, _possibleConstructorReturn2.default)(
this,
(0, _getPrototypeOf2.default)(SideBarView).call(this, props)
);
}
(0, _createClass2.default)(SideBarView, [
{
key: 'render',
value: function render() {
var _this$props = this.props,
barItems = _this$props.barItems,
selectedBarItemName = _this$props.selectedBarItemName,
handleBarItemChange = _this$props.handleBarItemChange,
handleBarItemClose = _this$props.handleBarItemClose,
showVMPath = _this$props.showVMPath;
return _react.default.createElement(
'div',
{
name: 'sideBar',
className: 'rui-sideBar'
},
_react.default.createElement(
'div',
{
className: 'rui-sideBar-menu'
},
barItems.map(function(_ref) {
var itemName = _ref.itemName,
itemTitle = _ref.itemTitle,
iconId = _ref.iconId,
closeable = _ref.closeable,
vmPath = _ref.vmPath;
return _react.default.createElement(_MenuItem.default, {
key: itemName,
onSelect: handleBarItemChange,
onClose: handleBarItemClose,
iconId: iconId,
closeable: closeable,
itemName: itemName,
itemTitle: itemTitle,
active: itemName == selectedBarItemName,
vmPath: vmPath,
onContextMenu: showVMPath
});
})
),
_react.default.createElement(
'div',
{
className: 'rui-sideBar-content'
},
barItems.map(function(_ref2) {
var itemName = _ref2.itemName,
component = _ref2.component,
params = _ref2.params,
isLoaded = _ref2.isLoaded,
vmPath = _ref2.vmPath;
return _react.default.createElement(
_VMPathContext.default.Provider,
{
value: vmPath,
key: 'vm_provider_'.concat(itemName)
},
_react.default.createElement(_WrapContentWrapperWithFocus.default, {
key: itemName,
name: itemName,
load: isLoaded,
hidden: itemName != selectedBarItemName,
component: component,
params: params
})
);
})
)
);
}
}
]);
return SideBarView;
})(_react.default.Component);
exports.default = SideBarView;
//@ sourceMappingURL=index.js.map