@visx/react-spring
Version:
visx primitives that rely on react-spring for animation
40 lines • 2.02 kB
JavaScript
var _excluded = ["scale", "width", "numTicks", "tickValues", "offset", "className", "animationTrajectory", "top", "left"];
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';
import GridRows from '@visx/grid/lib/grids/GridRows';
import AnimatedGridLines from './AnimatedGridLines';
export default function AnimatedGridRows(_ref) {
var scale = _ref.scale,
width = _ref.width,
numTicks = _ref.numTicks,
tickValues = _ref.tickValues,
offset = _ref.offset,
className = _ref.className,
animationTrajectory = _ref.animationTrajectory,
top = _ref.top,
left = _ref.left,
lineProps = _objectWithoutPropertiesLoose(_ref, _excluded);
return /*#__PURE__*/React.createElement(GridRows, {
scale: scale,
width: width,
numTicks: numTicks,
tickValues: tickValues,
className: className,
top: top,
left: left,
offset: offset
}, function (_ref2) {
var lines = _ref2.lines;
return /*#__PURE__*/React.createElement(AnimatedGridLines, _extends({
scale: scale,
lines: lines,
animationTrajectory: animationTrajectory,
animateXOrY: "y",
lineKey: function lineKey(line) {
var _line$from$y, _line$from;
return "row-" + ((_line$from$y = line == null ? void 0 : (_line$from = line.from) == null ? void 0 : _line$from.y) != null ? _line$from$y : '') + "-" + line.index;
}
}, lineProps));
});
}