@data-ui/shared
Shared `@data-ui
components used across multiple packages.
npm install --save @data-ui/shared
Shared @data-ui components used across multiple packages
🐛 Bug Fix
🐛 Bug Fix
tickLabelProps
is not used when passed in either <XAxis />
or <YAxis />
#184 closes #183🐛 Bug Fix
@vx/axis
version to fix document sizing issue from @vx/text
#181 closes #180🐛 Bug Fix
@vx/text
version to fix document sizing issue #175🐛 Bug Fix
TypeError: Value being assigned to SVGPoint.x is not a finite floating-point value
seen in Firefox #171🏆 Enhancements [xy-chart]
labelOffset
to XAxis
props #169🏠 Internal
🏆 Enhancements
[histogram]
🐛 Bug Fix [shared, xy-chart]
🐛 Bug Fix
@data-ui/event-flow
) let consumers polyfill #155 (fixes 0.0.73
which requires consumers to install core-js
)🏠 Internal
🐛 Bug Fix
babel-runtime@6
=> @babel/runtime@7
#152🐛 Bug Fix
🏆 Enhancements
renderLabel
support to <BarSeries />
#147@vx/text
Text
component #147🐛 Bug Fix
📜Documentation
🏠 Internal
🏆 Enhancements
[xy-chart]
Brush
and added an example to show how to use itonCick
event for Brush
onBrushStart
🏠 Internal
[all packages]
Changes:
- @data-ui/data-table: 0.0.61 => 0.0.69
- @data-ui/theme: 0.0.62 => 0.0.69
- @data-ui/demo: 0.0.67 => 0.0.69 (private)
- @data-ui/event-flow: 0.0.63 => 0.0.69
- @data-ui/forms: 0.0.61 => 0.0.69
- @data-ui/histogram: 0.0.64 => 0.0.69
- @data-ui/network: 0.0.66 => 0.0.69
- @data-ui/radial-chart: 0.0.63 => 0.0.69
- @data-ui/shared: 0.0.63 => 0.0.69
- @data-ui/sparkline: 0.0.63 => 0.0.69
- @data-ui/xy-chart: 0.0.67 => 0.0.69
[xy-chart]
🏆 Enhancements
XYChart
Crosshair
component when XYChart
's eventTrigger='container'
#129 @williasterWithTooltip
from @data-ui/shared
#130 @williastercomposer/
directory #130 @williaster🏠 Internal
Changes:
- @data-ui/demo: 0.0.66 => 0.0.67 (private)
- @data-ui/xy-chart: 0.0.66 => 0.0.67
🏆 Enhancements
[xy-chart]
horizontal
prop to <BarSeries />
to support horizontal Bar charts #127[network]
🐛Bug Fix
[xy-chart]
tickValues
in *Axis
components #126Changes:
- @data-ui/demo: 0.0.65 => 0.0.66 (private)
- @data-ui/network 0.0.63 => 0.0.66
- @data-ui/xy-chart: 0.0.65 => 0.0.66
[xy-chart] 🏆 Enhancements
labelOffset
on XAxis
and YAxis
labels instead of setting a constant 0.7 * margin.left/right
and 0
for YAxis
and XAxis
respectively #125Changes:
- @data-ui/demo: 0.0.64 => 0.0.65 (private)
- @data-ui/xy-chart: 0.0.64 => 0.0.65
🐛Bug Fix
[xy-chart]
[histogram]
Changes:
- @data-ui/demo: 0.0.63 => 0.0.64 (private)
- @data-ui/histogram: 0.0.63 => 0.0.64
- @data-ui/xy-chart: 0.0.63 => 0.0.64
[xy-chart]
🏆 Enhancements
🏠 Internal
[histogram] 🐛Bug Fix
Changes:
- @data-ui/demo: 0.0.62 => 0.0.63 (private)
- @data-ui/event-flow: 0.0.62 => 0.0.63
- @data-ui/histogram: 0.0.62 => 0.0.63
- @data-ui/network: 0.0.62 => 0.0.63
- @data-ui/radial-chart: 0.0.62 => 0.0.63
- @data-ui/shared: 0.0.62 => 0.0.63
- @data-ui/sparkline: 0.0.62 => 0.0.63
- @data-ui/xy-chart: 0.0.62 => 0.0.63
Makes the following changes to @data-ui/xy-chart
#113
🏆 Enhancements
Adds a new <AreaDifferenceSeries />
to shade the area between two different <AreaSeries />
based on which one has the larger value. This uses @vx
's "Threshold" visualization
Adds an example to the Storybook
📜 Documentation
<AreaDifferenceSeries />
🏠 Internal
@data-ui/build-config
for linting + prettier in the demo
packageChanges:
- @data-ui/theme: 0.0.61 => 0.0.62
- @data-ui/demo: 0.0.61 => 0.0.62 (private)
- @data-ui/event-flow: 0.0.61 => 0.0.62
- @data-ui/histogram: 0.0.61 => 0.0.62
- @data-ui/network: 0.0.61 => 0.0.62
- @data-ui/radial-chart: 0.0.61 => 0.0.62
- @data-ui/shared: 0.0.61 => 0.0.62
- @data-ui/sparkline: 0.0.61 => 0.0.62
- @data-ui/xy-chart: 0.0.61 => 0.0.62
🏠 Internal
Remove node engine requirement from packages, and specify in root package.json
only (for dev) #112
🏠 Internal
@data-ui/build-config
across all packages for linting, prettier, jest, and babel (forms
+ event-flow
require webpack and still have jest deps) #111. This node_modules
were included in builds, this improves bundle size.esm
builds in addition to commonjs
sideEffects: false
to package.json
's for tree-shaking support [xy-chart] 🏆 Enhancements
tickComponent
prop in XAxis
and YAxis
components for fully-custom tick rendering #110vx
packages, which adds much better default support for tick labels (Fixes #109) #110[demo]
🏠 Internal [shared]
vx
packagesChanges:
- @data-ui/theme: 0.0.48 => 0.0.59
- @data-ui/demo: 0.0.58 => 0.0.59 (private)
- @data-ui/event-flow: 0.0.54 => 0.0.59
- @data-ui/histogram: 0.0.58 => 0.0.59
- @data-ui/network: 0.0.56 => 0.0.59
- @data-ui/radial-chart: 0.0.54 => 0.0.59
- @data-ui/shared: 0.0.54 => 0.0.59
- @data-ui/sparkline: 0.0.54 => 0.0.59
- @data-ui/xy-chart: 0.0.54 => 0.0.59
[histogram]
Changes:
- @data-ui/demo: 0.0.57 => 0.0.58 (private)
- @data-ui/histogram: 0.0.57 => 0.0.58
[histogram]
🏆 Enhancements #103
onClick
support to BarSeries
and AnimatedBarSeries
onClick
and onMouseMove
functions are passed index
in addition to data
, datum
, event
, and color
[network]
🐛 Bug Fix
[network]
🏆 Enhancements
[shared]
🐛 Bug Fix
role="presentation"
instead of role="button"
on <FocusBlurHandler />
for a11y axe violation #97[xy-chart]
🏆 Enhancements
layout
as a prop so users can pass their own layout algorithm into circle packing charts. A force-driected layout (swarm plot) example is provided in demo #96[network]
🏆 Enhancements
preserveAspectRatio
prop to control responsive scaling #93🐛 Bug Fix
📜 Documentation
💔 Breaking Changes
[network]
Mouse events renamed #89
onNodeClick
=> onClick
onNodeMouseEnter
=> onMouseEnter
onNodeMouseLeave
=> onMouseLeave
🏆 Enhancements
[shared]
@data-ui/shared
<FocusBlurHandler />
handler that wraps mouse target nodes in an <a />
element, which seems to be the most reliable way to support focusing in svg 1.1/1.2 #88[xy-chart]
adds onFocus
and onBlur
support to the following <*Series />
components (the remainder depend on @vx
exposing hooks to series dom nodes (to wrap in <a />
s)#88
| Series | onFocus
+ onBlur
support added |
| ------------- | ------------- |
| AreaSeries | x |
| BarSeries | x |
| BoxPlotSeries | x |
| CirclePackSeries | x |
| IntervalSeries | x |
| LineSeries | x |
| PointSeries | x |
| ViolinPlotSeries | x |
| GroupedBarSeries | |
| StackedAreaSeries | |
| StackedBarSeries | |
[network]
<Network />
in WithTooltip to support programmatic triggering and custom tooltip logic 89 eventTriggerRefs
callback to support programmatic tooltip triggering #89 snapToTooltipX
and snapToTooltipY
support #89 🐛 Bug Fix
[histogram]
[xy-chart]
📜 Documentation
🏡Internal
[network]
🏆 Enhancements
[xy-chart]
x
or y
value of a datum, by setting snapTooltipToDataX
and/or snapTooltipToDataY
. fixes #77 #81eventTrigger
prop as 'series'
[default], 'voronoi'
, or 'container'
. #81eventTriggerRefs
callback (see updated <LineSeriesExample />
for an example) #81innerRef
prop which is set on the inner svg
#81[shared]
onMouseMove
in <WithTooltip />
now accepts an optional coords
object of the shape { x: Number, y: Number }
. If either or both of x
or y
is specified they will be used to set the the tooltips left
and top
instead of the event
's coordinates. #81[forms]
active
prop to <Button />
#81💔 Breaking Changes
<XYChart />
useVoronoi
prop is removed. instead use eventTrigger='voronoi
#81📜 Documentation
🏠 Internal [xy-chart]
<XYChart />
static method to their own utils files #81chartUtils
into their own files #81sharedSeriesProps
#81🐛 Bug Fix
tickLabelProps
is not used when passed in either <XAxis />
or <YAxis />
. This prop enables per-tick styles so is importanté! #82🏆 Enhancements
tooltipProps
to the <WithTooltip />
which will be passed to its TooltipComponent
(and adds example in demo) #79@vx/responsive
's new observer-based <ParentSize />
HOC #79<BoxplotSeries />
to enable more customization: containerProps
, boxProps
, outlierProps
, minProps
, maxProps
, medianProps
(https://github.com/hshoff/vx/pull/198) #80🐛 Bug fix
@vx/tooltip
to 0.0.148 for bounds bug fix #79Changes
- @data-ui/demo: 0.0.48 => 0.0.49 (private)
- @data-ui/event-flow: 0.0.48 => 0.0.49
- @data-ui/histogram: 0.0.48 => 0.0.49
- @data-ui/network: 0.0.48 => 0.0.49
- @data-ui/radial-chart: 0.0.48 => 0.0.49
- @data-ui/shared: 0.0.48 => 0.0.49
- @data-ui/sparkline: 0.0.48 => 0.0.49
- @data-ui/xy-chart: 0.0.48 => 0.0.49
💔 Breaking Changes
seriesKey
instead of key
in onMouseMove
event signature (relevant to StackedAreaSeries
, StackedBarSeries
, and GroupedBarSeries
only) #73 🏆 Enhancements
<StackedAreaSeries />
and example #74 onClick
support to all series and voronoi #74label
prop from series #74falsy
#73<LinkedXYCharts />
example with custom click handling and mouse overs #74disableMouseEvents
prop to all series #74@data-ui
packages in readme
s #74🐛 Bug Fix
BarSeries
with band scales #74🏠 Internal
@vx/tooltip
to 0.0.147
for smarter tooltips #74 - @data-ui/data-table: 0.0.25 => 0.0.48
- @data-ui/theme: 0.0.47 => 0.0.48
- @data-ui/demo: 0.0.47 => 0.0.48 (private)
- @data-ui/event-flow: 0.0.47 => 0.0.48
- @data-ui/histogram: 0.0.47 => 0.0.48
- @data-ui/network: 0.0.47 => 0.0.48
- @data-ui/radial-chart: 0.0.47 => 0.0.48
- @data-ui/shared: 0.0.47 => 0.0.48
- @data-ui/sparkline: 0.0.47 => 0.0.48
- @data-ui/xy-chart: 0.0.47 => 0.0.48
🎉 Finally syncing versions across packages! Will be easier to maintain the changelog :)
📈 Enhancements
📜 Documentation
🏋️ Internal
Changes:
- @data-ui/theme: 0.0.9 => 0.0.47
- @data-ui/demo: 0.0.46 => 0.0.47 (private)
- @data-ui/event-flow: 0.0.11 => 0.0.47
- @data-ui/histogram: 0.0.8 => 0.0.47
- @data-ui/network: 0.0.6 => 0.0.47
- @data-ui/radial-chart: 0.0.11 => 0.0.47
- @data-ui/shared: 0.0.0 => 0.0.47
- @data-ui/sparkline: 0.0.3 => 0.0.47
- @data-ui/xy-chart: 0.0.25 => 0.0.47