UNPKG

dareway-rui

Version:

123 lines (105 loc) 5.37 kB
'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