UNPKG

@visx/gradient

Version:
71 lines 3.08 kB
import _pt from "prop-types"; var _excluded = ["children", "id", "from", "to", "x1", "y1", "x2", "y2", "fromOffset", "fromOpacity", "toOffset", "toOpacity", "rotate", "transform", "vertical"]; function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); } function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } import React from 'react'; export default function LinearGradient(_ref) { var children = _ref.children, id = _ref.id, from = _ref.from, to = _ref.to, _x1 = _ref.x1, _y1 = _ref.y1, _x2 = _ref.x2, _y2 = _ref.y2, _ref$fromOffset = _ref.fromOffset, fromOffset = _ref$fromOffset === void 0 ? '0%' : _ref$fromOffset, _ref$fromOpacity = _ref.fromOpacity, fromOpacity = _ref$fromOpacity === void 0 ? 1 : _ref$fromOpacity, _ref$toOffset = _ref.toOffset, toOffset = _ref$toOffset === void 0 ? '100%' : _ref$toOffset, _ref$toOpacity = _ref.toOpacity, toOpacity = _ref$toOpacity === void 0 ? 1 : _ref$toOpacity, rotate = _ref.rotate, transform = _ref.transform, _ref$vertical = _ref.vertical, vertical = _ref$vertical === void 0 ? true : _ref$vertical, restProps = _objectWithoutPropertiesLoose(_ref, _excluded); var x1 = _x1; var x2 = _x2; var y1 = _y1; var y2 = _y2; if (vertical && !x1 && !x2 && !y1 && !y2) { x1 = '0'; x2 = '0'; y1 = '0'; y2 = '1'; } return /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", _extends({ id: id, x1: x1, y1: y1, x2: x2, y2: y2, gradientTransform: rotate ? "rotate(" + rotate + ")" : transform }, restProps), !!children && children, !children && /*#__PURE__*/React.createElement("stop", { offset: fromOffset, stopColor: from, stopOpacity: fromOpacity }), !children && /*#__PURE__*/React.createElement("stop", { offset: toOffset, stopColor: to, stopOpacity: toOpacity }))); } LinearGradient.propTypes = { id: _pt.string.isRequired, from: _pt.string, to: _pt.string, x1: _pt.oneOfType([_pt.string, _pt.number]), x2: _pt.oneOfType([_pt.string, _pt.number]), y1: _pt.oneOfType([_pt.string, _pt.number]), y2: _pt.oneOfType([_pt.string, _pt.number]), fromOffset: _pt.oneOfType([_pt.string, _pt.number]), fromOpacity: _pt.oneOfType([_pt.string, _pt.number]), toOffset: _pt.oneOfType([_pt.string, _pt.number]), toOpacity: _pt.oneOfType([_pt.string, _pt.number]), rotate: _pt.oneOfType([_pt.string, _pt.number]), transform: _pt.string, children: _pt.node, vertical: _pt.bool };