UNPKG

react-vis

Version:

Data visualization library based on React and d3.

71 lines (66 loc) 2.97 kB
function _extends() { _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; }; return _extends.apply(this, arguments); } // Copyright (c) 2016 - 2017 Uber Technologies, Inc. // // Permission is hereby granted, free of charge, to any person obtaining a copy // of this software and associated documentation files (the "Software"), to deal // in the Software without restriction, including without limitation the rights // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell // copies of the Software, and to permit persons to whom the Software is // furnished to do so, subject to the following conditions: // // The above copyright notice and this permission notice shall be included in // all copies or substantial portions of the Software. // // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN // THE SOFTWARE. import React from 'react'; import { DISCRETE_COLOR_RANGE } from "../theme"; import Animation from "../animation"; import { ANIMATED_SERIES_PROPS } from "../utils/series-utils"; var DEFAULT_LINK_COLOR = DISCRETE_COLOR_RANGE[1]; var DEFAULT_LINK_OPACITY = 0.7; function SankeyLink(props) { var animation = props.animation, data = props.data, node = props.node, opacity = props.opacity, color = props.color, strokeWidth = props.strokeWidth, style = props.style, onLinkClick = props.onLinkClick, onLinkMouseOver = props.onLinkMouseOver, onLinkMouseOut = props.onLinkMouseOut; if (animation) { return /*#__PURE__*/React.createElement(Animation, _extends({}, props, { animatedProps: ANIMATED_SERIES_PROPS }), /*#__PURE__*/React.createElement(SankeyLink, _extends({}, props, { animation: null }))); } return /*#__PURE__*/React.createElement("path", _extends({ d: data }, style, { className: "rv-sankey__link", opacity: Number.isFinite(opacity) ? opacity : DEFAULT_LINK_OPACITY, stroke: color || DEFAULT_LINK_COLOR, onClick: function onClick(e) { return onLinkClick(node, e); }, onMouseOver: function onMouseOver(e) { return onLinkMouseOver(node, e); }, onMouseOut: function onMouseOut(e) { return onLinkMouseOut(node, e); }, strokeWidth: strokeWidth, fill: "none" })); } SankeyLink.displayName = 'SankeyLink'; SankeyLink.requiresSVG = true; export default SankeyLink;