@vx/shape
Version:
vx shape
57 lines (54 loc) • 2.15 kB
JavaScript
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); }
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';
import cx from 'classnames';
import Stack from './Stack';
export default function AreaStack(_ref) {
var className = _ref.className,
top = _ref.top,
left = _ref.left,
keys = _ref.keys,
data = _ref.data,
curve = _ref.curve,
defined = _ref.defined,
x = _ref.x,
x0 = _ref.x0,
x1 = _ref.x1,
y0 = _ref.y0,
y1 = _ref.y1,
value = _ref.value,
order = _ref.order,
offset = _ref.offset,
color = _ref.color,
children = _ref.children,
restProps = _objectWithoutPropertiesLoose(_ref, ["className", "top", "left", "keys", "data", "curve", "defined", "x", "x0", "x1", "y0", "y1", "value", "order", "offset", "color", "children"]);
return /*#__PURE__*/React.createElement(Stack, _extends({
className: className,
top: top,
left: left,
keys: keys,
data: data,
curve: curve,
defined: defined,
x: x,
x0: x0,
x1: x1,
y0: y0,
y1: y1,
value: value,
order: order,
offset: offset,
color: color
}, restProps), children || function (_ref2) {
var stacks = _ref2.stacks,
path = _ref2.path;
return stacks.map(function (series, i) {
return /*#__PURE__*/React.createElement("path", _extends({
className: cx('vx-area-stack', className),
key: "area-stack-" + i + "-" + (series.key || ''),
d: path(series) || '',
fill: color == null ? void 0 : color(series.key, i)
}, restProps));
});
});
}