@vx/shape - npm Package Versions

v0.0.169

:bug: Bug Fix

• [grid] include build/ dir in package. #315

:trophy: Contributors

• williaster

Changes:
 - @vx/demo: 0.0.168 => 0.0.169
 - @vx/grid: 0.0.168 => 0.0.169
 - @vx/vx: 0.0.168 => 0.0.169

v0.0.159

:rocket: Enhancements

• [axis] By default <Axis /> components now use @vx/text to render tick labels. This enables multi line labels and scaling text to fit in a certain amount of space. #260

Example:

<Axis 
  {...axisProps}
  tickLabelProps = (tickValue, index) => ({
    textAnchor: 'middle',
    verticalAnchor: 'middle',
    width: 100,
    scaleToFit: true
  })
/>

• [axis] <Axis /> components got a new prop tickComponent to enable rendering of custom ticks. With this prop one can completely customize ticks without having to create a new custom <Axis /> component. #260

Example:

<Axis
  {...axisProps}
  tickComponent={({ x, y, formattedValue }) => (
    <g>
      <circle cx={x} cy={y} r={2} fill='rebeccapurple' />
      <text x={x + 4} y={y}>{formattedValue}</text>
    </g>
  )}
/>

tickComponent accepts a function and gets called with the following attribute:

tickComponent({ x, y, formattedValue, ...tickLabelPropsObj })

:memo: Documentation

• [axis] update @vx/axis documentation. #260
• [demo] fix bargroup example code. #250
• [demo] fix barstack example code. #249
• [text] fix readme.md of @vx/text package. #257

:trophy: Contributors

• bulat-f
• sto3psl
• browniefed

Changes:
 - @vx/axis: 0.0.158 => 0.0.159
 - @vx/demo: 0.0.158 => 0.0.159
 - @vx/text: 0.0.153 => 0.0.159
 - @vx/vx: 0.0.158 => 0.0.159

v0.0.149

:rocket: Enhancements

• [responsive] bump resize-observer-polyfill #206

:bug: Bug Fix

• [demo] add overflow hidden on flex: 1 <ParentSize /> parents #206

Changes:
 - @vx/demo: 0.0.148 => 0.0.149
 - @vx/responsive: 0.0.147 => 0.0.149
 - @vx/vx: 0.0.148 => 0.0.149

v0.0.139

:rocket: Enhancement

• [shape] add <Stack /> for streamgraphs and other fun + exciting things #153

:bug: Bug Fix

• [legend] fix legend style prop #151
• [hierarchy] fix name collisions #147

:memo: Documentation

• [hierarchy] update links and descriptions in readme #148

Changes:
 - @vx/annotation: 0.0.136 => 0.0.139
 - @vx/axis: 0.0.138 => 0.0.139
 - @vx/demo: 0.0.138 => 0.0.139
 - @vx/grid: 0.0.136 => 0.0.139
 - @vx/hierarchy: 0.0.138 => 0.0.139
 - @vx/legend: 0.0.136 => 0.0.139
 - @vx/marker: 0.0.136 => 0.0.139
 - @vx/shape: 0.0.136 => 0.0.139
 - @vx/vx: 0.0.138 => 0.0.139

v0.0.129

• [gradient] add <RadialGradient /> #90
• [bounds] add @vx/bounds package with withBoundingRects() HOC #91

Changes:
- @vx/bounds: 0.0.128 => 0.0.129
- @vx/demo: 0.0.128 => 0.0.129
- @vx/gradient: 0.0.128 => 0.0.129

v0.0.114

@vx/shape

• added <BarGroup /> & <BarStack /> #39

general

• added jest + enzyme tests & travis + coveralls ci