v0.0.166

🚀 Enhancements

• [chord] add @vx/chord - <Chord />, <Ribbon />. #308
• [demo][shape] add chord demo, fix prop types. #308
• [shape] updated accessors to pass all the arguments from D3 for LinePath, AreaClosed, and Area. #309
• [heatmap] add index + yBin to heatmap circle/rect. #307
• [geo] add Natural Earth (1) projection. #304

📝 Documentation

• [shape] Updated documentation for LinePath and AreaClosed. #309

🏆 Contributors

• davidandrus
• JacquiManzi
• hshoff

Changes:
 - @vx/annotation: 0.0.165 => 0.0.166
 - @vx/axis: 0.0.165 => 0.0.166
 - @vx/chord: 0.0.1 => 0.0.166
 - @vx/demo: 0.0.165 => 0.0.166
 - @vx/geo: 0.0.165 => 0.0.166
 - @vx/grid: 0.0.165 => 0.0.166
 - @vx/heatmap: 0.0.165 => 0.0.166
 - @vx/marker: 0.0.165 => 0.0.166
 - @vx/shape: 0.0.165 => 0.0.166
 - @vx/threshold: 0.0.165 => 0.0.166
 - @vx/vx: 0.0.165 => 0.0.166

v0.0.165

🚀 Enhancements

• [text] export getStringWidth() util. #301

🏠 Internal

• [build] use rollup for build #298
  • adds dist/vx-{name}.{umd,es}.js files
  • adds module field to package.json that points to dist/vx-{name}.es.js for bundlers that support it (webpack, rollup, etc)
  • main field points to dist/vx-{name}.umd.js
  • removes react-fatigue-dev + Makefile build (means you can build on windows now)
  • build targets "android": 30, "chrome": 35, "edge": 14, "explorer": 9, "firefox": 52, "safari": 8, "ucandroid": 1 (matching airbnb-babel-preset)
  • keeps build/ with cjs babel build files for deep paths (no breaking changes 🤞)

🏆 Contributors

• hshoff

 - @vx/annotation: 0.0.165-beta.1 => 0.0.165
 - @vx/axis: 0.0.165-beta.1 => 0.0.165
 - @vx/bounds: 0.0.165-beta.1 => 0.0.165
 - @vx/boxplot: 0.0.165-beta.1 => 0.0.165
 - @vx/brush: 0.0.165-beta.1 => 0.0.165
 - @vx/clip-path: 0.0.165-beta.1 => 0.0.165
 - @vx/curve: 0.0.165-beta.1 => 0.0.165
 - @vx/demo: 0.0.165-beta.1 => 0.0.165
 - @vx/drag: 0.0.165-beta.1 => 0.0.165
 - @vx/event: 0.0.165-beta.1 => 0.0.165
 - @vx/geo: 0.0.165-beta.1 => 0.0.165
 - @vx/glyph: 0.0.165-beta.1 => 0.0.165
 - @vx/gradient: 0.0.165-beta.1 => 0.0.165
 - @vx/grid: 0.0.165-beta.1 => 0.0.165
 - @vx/group: 0.0.165-beta.1 => 0.0.165
 - @vx/heatmap: 0.0.165-beta.1 => 0.0.165
 - @vx/hierarchy: 0.0.165-beta.1 => 0.0.165
 - @vx/legend: 0.0.165-beta.1 => 0.0.165
 - @vx/marker: 0.0.165-beta.1 => 0.0.165
 - @vx/mock-data: 0.0.165-beta.1 => 0.0.165
 - @vx/network: 0.0.165-beta.1 => 0.0.165
 - @vx/pattern: 0.0.165-beta.1 => 0.0.165
 - @vx/point: 0.0.165-beta.1 => 0.0.165
 - @vx/responsive: 0.0.165-beta.1 => 0.0.165
 - @vx/scale: 0.0.165-beta.1 => 0.0.165
 - @vx/shape: 0.0.165-beta.1 => 0.0.165
 - @vx/stats: 0.0.165-beta.1 => 0.0.165
 - @vx/text: 0.0.165-beta.1 => 0.0.165
 - @vx/threshold: 0.0.165-beta.1 => 0.0.165
 - @vx/tooltip: 0.0.165-beta.1 => 0.0.165
 - @vx/voronoi: 0.0.165-beta.1 => 0.0.165
 - @vx/vx: 0.0.165-beta.1 => 0.0.165
 - @vx/zoom: 0.0.165-beta.1 => 0.0.165

v0.0.165-beta.1

v0.0.165-beta.1

v0.0.165-beta.0

v0.0.165-beta.0

v0.0.164

🚀 Enhancements

• [shape] Add support for startAngle and endAngle props in the Pie component. #292
• [shape] Add support for pieSortValues prop. This maps to d3’s pie.sortValues() which lets you sort by extracted values instead of data. #292

🐛 Bug Fix

• [shape] Add actual support for startAngle and endAngle props in the Pie component. #292
• [shape] Check for != null for numeric props in Pie component. #292

📝 Documentation

• [shape] Fix LineRadial link. #297
• [shape] Make <code> inside headings bigger than <code> inside paragraphs so components headings are actually clearer as such… #297
• [shape] Add Pie documentation. #297

✅ Tests

• [shape] Add tests for sort callbacks in the Pie component. #292

🏆 Contributors

• yuchi

Changes:
 - @vx/annotation: 0.0.162 => 0.0.164
 - @vx/axis: 0.0.162 => 0.0.164
 - @vx/demo: 0.0.163 => 0.0.164
 - @vx/grid: 0.0.162 => 0.0.164
 - @vx/marker: 0.0.162 => 0.0.164
 - @vx/shape: 0.0.162 => 0.0.164
 - @vx/threshold: 0.0.162 => 0.0.164
 - @vx/vx: 0.0.163 => 0.0.164

v0.0.163

🐛 Bug Fix

• [tooltip] don't pass getRects func prop from withBoundingRects to Tooltip #290

🏆 Contributors

• williaster

Changes:
 - @vx/demo: 0.0.162 => 0.0.163
 - @vx/tooltip: 0.0.161 => 0.0.163
 - @vx/vx: 0.0.162 => 0.0.163

v0.0.162

🚀 Enhancements

• [threshold] add <Threshold /> #285
• [grid] add support for band scales #282
• [shape] now supports function as children #285

📝 Documentation

• [demo] add /threshold demo #285
• [demo] demo band scale grid on /barstack #282

🏆 Contributors

• hshoff

Changes:
 - @vx/annotation: 0.0.161 => 0.0.162
 - @vx/axis: 0.0.161 => 0.0.162
 - @vx/demo: 0.0.161 => 0.0.162
 - @vx/grid: 0.0.161 => 0.0.162
 - @vx/marker: 0.0.161 => 0.0.162
 - @vx/shape: 0.0.161 => 0.0.162
 - @vx/threshold: 0.0.1 => 0.0.162
 - @vx/vx: 0.0.161 => 0.0.162

v0.0.161

💥 Breaking Changes

• [scale] Removed color scales, recommend users to use d3-scale-chromatic, following d3's lead in release 5.0.0. #270
• [scale] The following files/tests/documentation are no longer part of @vx/scale: schemeCategory10, schemeCategory20, schemeCategory20b, schemeCategory20c. #270

🚀 Enhancements

• [tooltip] adds an optional containerProps as a second HOC "config" argument of withTooltip(BaseComponent [, containerProps]). This exposes a hook to enable users to customize any props on the container element. #272
• [tooltip] sets width and height to inherit by default on the container. I'm kind of on the edge with this and am open to removing it because it may be an edge case, but my reasoning is as follows: if a user is combining withTooltip and a responsive component like ParentSize like this example, they'll have to update the withTooltip container div to also have full width/height so this would be a "smart default". #272

📝 Documentation

• [scale] Added a section on color scales, which goes over how one would use d3-scale-chromatic with vx/scale. #270
• [tooltip] Adds a readme for @vx/tooltip components + enhancer. #272
• [demo] add <AxisRight /> to /axis demo tile. #280
• [demo] update vx-demo.now.sh doc pages. #281

🏠 Internal

• Add configuration for Prettier and format the existing codebase. #275
• Add pre-commit hook to format changed files before commits. #275
• [docs] fix npm run docs script. #281

🏆 Contributors

• sto3psl
• williaster
• trainorpj
• hshoff

Changes:
 - @vx/annotation: 0.0.160 => 0.0.161
 - @vx/axis: 0.0.160 => 0.0.161
 - @vx/bounds: 0.0.153 => 0.0.161
 - @vx/boxplot: 0.0.153 => 0.0.161
 - @vx/brush: 0.0.153 => 0.0.161
 - @vx/clip-path: 0.0.153 => 0.0.161
 - @vx/curve: 0.0.153 => 0.0.161
 - @vx/demo: 0.0.160 => 0.0.161
 - @vx/drag: 0.0.157 => 0.0.161
 - @vx/event: 0.0.153 => 0.0.161
 - @vx/geo: 0.0.153 => 0.0.161
 - @vx/glyph: 0.0.153 => 0.0.161
 - @vx/gradient: 0.0.153 => 0.0.161
 - @vx/grid: 0.0.160 => 0.0.161
 - @vx/group: 0.0.153 => 0.0.161
 - @vx/heatmap: 0.0.153 => 0.0.161
 - @vx/hierarchy: 0.0.153 => 0.0.161
 - @vx/legend: 0.0.154 => 0.0.161
 - @vx/marker: 0.0.160 => 0.0.161
 - @vx/mock-data: 0.0.153 => 0.0.161
 - @vx/network: 0.0.153 => 0.0.161
 - @vx/pattern: 0.0.153 => 0.0.161
 - @vx/point: 0.0.153 => 0.0.161
 - @vx/responsive: 0.0.158 => 0.0.161
 - @vx/scale: 0.0.153 => 0.0.161
 - @vx/shape: 0.0.160 => 0.0.161
 - @vx/stats: 0.0.153 => 0.0.161
 - @vx/text: 0.0.159 => 0.0.161
 - @vx/tooltip: 0.0.160 => 0.0.161
 - @vx/voronoi: 0.0.153 => 0.0.161
 - @vx/vx: 0.0.160 => 0.0.161
 - @vx/zoom: 0.0.153 => 0.0.161

v0.0.160

💥 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' }. #265

🚀 Enhancements

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

🏆 Contributors

• hshoff

Changes:
 - @vx/annotation: 0.0.158 => 0.0.160
 - @vx/axis: 0.0.159 => 0.0.160
 - @vx/demo: 0.0.159 => 0.0.160
 - @vx/grid: 0.0.158 => 0.0.160
 - @vx/marker: 0.0.158 => 0.0.160
 - @vx/shape: 0.0.158 => 0.0.160
 - @vx/tooltip: 0.0.158 => 0.0.160
 - @vx/vx: 0.0.159 => 0.0.160

v0.0.159

🚀 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 })

📝 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

🏆 Contributers

• 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