[shape] export link path generators, Link* use additonalProps. fixes #263

[hshoff]

💥 Breaking Changes

• [shape] <Link* /> components now use ...additionalProps() everywhere for consistency. So function props get passed data. example: onClick={event => // stuff} becomes onClick={data => event => // stuff} and now you can stroke/fill/attr based on data `stroke={({ target }) => target.data.children ? 'yellow' : 'blue' }

🚀 Enhancements

• [shape] export link path generators. fixes: Extract path generators from Link* components #263
• [shape] add optional path prop so you can pass in path generator function instead of creating the generator every render

import { LinkVerticalLine, pathVerticalLine } from '@vx/shape';

const path = pathVerticalLine({
  source: d => d.source,
  target: d => d.target,
  x: d => d.x,
  y: d => d.y
});

<LinkVerticalLine
  data={data}
  path={path}
/>

// default usage doesn't change
<LinkVerticalLine
  data={data}
  source={d => d.source}
  target={d => d.target}
  x={d => d.x}
  y={d => d.y}
/>

if you don't pass path prop, then <Link* /> components will create the path generator for you from the provided or defaulted source, target, x, y, percent, etc:

export default function LinkVerticalLine({
  className,
  innerRef,
  data,
  path,
  x = d => d.x,
  y = d => d.y,
  source = d => d.source,
  target = d => d.target,
  ...restProps
}) {
  path = path || pathVerticalLine({ source, target, x, y });
  return (
    <path
      ref={innerRef}
      className={cx('vx-link', className)}
      d={path(data)}
      {...additionalProps(restProps, data)}
    />
  );
}