116 lines
4.9 KiB
JavaScript
116 lines
4.9 KiB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
|
|
import * as React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import classNames from 'classnames';
|
|
import shallowEqual from '../utils/shallowEqual';
|
|
import NavItem from './NavItem';
|
|
import { setStatic, prefix, getUnhandledProps, defaultProps, ReactChildren, createChainedFunction } from '../utils';
|
|
import { getClassNamePrefix } from '../utils/prefix';
|
|
import { NavbarContext } from '../Navbar/Navbar';
|
|
import { SidenavContext } from '../Sidenav/Sidenav';
|
|
|
|
var Nav =
|
|
/*#__PURE__*/
|
|
function (_React$Component) {
|
|
_inheritsLoose(Nav, _React$Component);
|
|
|
|
function Nav() {
|
|
return _React$Component.apply(this, arguments) || this;
|
|
}
|
|
|
|
var _proto = Nav.prototype;
|
|
|
|
_proto.render = function render() {
|
|
var _this$props = this.props,
|
|
classPrefix = _this$props.classPrefix,
|
|
appearance = _this$props.appearance,
|
|
vertical = _this$props.vertical,
|
|
justified = _this$props.justified,
|
|
reversed = _this$props.reversed,
|
|
pullRight = _this$props.pullRight,
|
|
className = _this$props.className,
|
|
children = _this$props.children,
|
|
props = _objectWithoutPropertiesLoose(_this$props, ["classPrefix", "appearance", "vertical", "justified", "reversed", "pullRight", "className", "children"]);
|
|
|
|
var _ref = this.context || {},
|
|
_ref$sidenav = _ref.sidenav,
|
|
sidenav = _ref$sidenav === void 0 ? false : _ref$sidenav,
|
|
_ref$expanded = _ref.expanded,
|
|
expanded = _ref$expanded === void 0 ? false : _ref$expanded,
|
|
_ref$activeKey = _ref.activeKey,
|
|
activeKey = _ref$activeKey === void 0 ? props.activeKey : _ref$activeKey,
|
|
_ref$onSelect = _ref.onSelect,
|
|
onSelect = _ref$onSelect === void 0 ? props.onSelect : _ref$onSelect;
|
|
|
|
var addPrefix = prefix(classPrefix);
|
|
var globalClassNamePrefix = getClassNamePrefix();
|
|
var hasWaterline = appearance !== 'default';
|
|
var items = ReactChildren.mapCloneElement(children, function (item) {
|
|
var _item$type;
|
|
|
|
var _item$props = item.props,
|
|
eventKey = _item$props.eventKey,
|
|
active = _item$props.active,
|
|
onSelectItem = _item$props.onSelect,
|
|
rest = _objectWithoutPropertiesLoose(_item$props, ["eventKey", "active", "onSelect"]);
|
|
|
|
var displayName = item === null || item === void 0 ? void 0 : (_item$type = item.type) === null || _item$type === void 0 ? void 0 : _item$type.displayName;
|
|
var hasTooltip = sidenav && !expanded;
|
|
|
|
if (~(displayName === null || displayName === void 0 ? void 0 : displayName.indexOf('(NavItem)'))) {
|
|
return _extends({}, rest, {
|
|
onSelect: createChainedFunction(onSelect, onSelectItem),
|
|
hasTooltip: hasTooltip,
|
|
active: typeof activeKey === 'undefined' ? active : shallowEqual(activeKey, eventKey)
|
|
});
|
|
} else if (~(displayName === null || displayName === void 0 ? void 0 : displayName.indexOf('(Dropdown)'))) {
|
|
return _extends({}, rest, {
|
|
onSelect: createChainedFunction(onSelect, onSelectItem),
|
|
activeKey: activeKey,
|
|
showHeader: hasTooltip,
|
|
componentClass: 'li'
|
|
});
|
|
}
|
|
|
|
return null;
|
|
});
|
|
var unhandled = getUnhandledProps(Nav, props);
|
|
return React.createElement(NavbarContext.Consumer, null, function (navbar) {
|
|
var _classNames;
|
|
|
|
var classes = classNames(classPrefix, addPrefix(appearance), className, (_classNames = {}, _classNames[globalClassNamePrefix + "navbar-nav"] = navbar, _classNames[globalClassNamePrefix + "navbar-right"] = pullRight, _classNames[globalClassNamePrefix + "sidenav-nav"] = sidenav, _classNames[addPrefix('horizontal')] = navbar || !vertical && !sidenav, _classNames[addPrefix('vertical')] = vertical || sidenav, _classNames[addPrefix('justified')] = justified, _classNames[addPrefix('reversed')] = reversed, _classNames));
|
|
return React.createElement("div", _extends({}, unhandled, {
|
|
className: classes
|
|
}), React.createElement("ul", null, items), hasWaterline && React.createElement("div", {
|
|
className: addPrefix('waterline')
|
|
}));
|
|
});
|
|
};
|
|
|
|
return Nav;
|
|
}(React.Component);
|
|
|
|
Nav.contextType = SidenavContext;
|
|
Nav.propTypes = {
|
|
classPrefix: PropTypes.string,
|
|
className: PropTypes.string,
|
|
children: PropTypes.node,
|
|
appearance: PropTypes.oneOf(['default', 'subtle', 'tabs']),
|
|
// Reverse Direction of tabs/subtle
|
|
reversed: PropTypes.bool,
|
|
justified: PropTypes.bool,
|
|
vertical: PropTypes.bool,
|
|
pullRight: PropTypes.bool,
|
|
activeKey: PropTypes.any,
|
|
onSelect: PropTypes.func
|
|
};
|
|
Nav.defaultProps = {
|
|
appearance: 'default'
|
|
};
|
|
var EnhancedNav = defaultProps({
|
|
classPrefix: 'nav'
|
|
})(Nav);
|
|
setStatic('Item', NavItem)(EnhancedNav);
|
|
export default EnhancedNav; |