56 lines
1.8 KiB
JavaScript
56 lines
1.8 KiB
JavaScript
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
|
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
|
|
|
|
import { createElement } from 'react';
|
|
import PropTypes from 'prop-types';
|
|
|
|
var Arrow = function Arrow(props, context) {
|
|
var _props$component = props.component,
|
|
component = _props$component === undefined ? 'span' : _props$component,
|
|
innerRef = props.innerRef,
|
|
children = props.children,
|
|
restProps = _objectWithoutProperties(props, ['component', 'innerRef', 'children']);
|
|
|
|
var popper = context.popper;
|
|
|
|
var arrowRef = function arrowRef(node) {
|
|
popper.setArrowNode(node);
|
|
if (typeof innerRef === 'function') {
|
|
innerRef(node);
|
|
}
|
|
};
|
|
var arrowStyle = popper.getArrowStyle();
|
|
|
|
if (typeof children === 'function') {
|
|
var arrowProps = {
|
|
ref: arrowRef,
|
|
style: arrowStyle
|
|
};
|
|
return children({ arrowProps: arrowProps, restProps: restProps });
|
|
}
|
|
|
|
var componentProps = _extends({}, restProps, {
|
|
style: _extends({}, arrowStyle, restProps.style)
|
|
});
|
|
|
|
if (typeof component === 'string') {
|
|
componentProps.ref = arrowRef;
|
|
} else {
|
|
componentProps.innerRef = arrowRef;
|
|
}
|
|
|
|
return createElement(component, componentProps, children);
|
|
};
|
|
|
|
Arrow.contextTypes = {
|
|
popper: PropTypes.object.isRequired
|
|
};
|
|
|
|
Arrow.propTypes = {
|
|
component: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
|
|
innerRef: PropTypes.func,
|
|
children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
|
|
};
|
|
|
|
export default Arrow; |