From 0cd702aa091a24a4c33282df4edfbcc41aadd5fa Mon Sep 17 00:00:00 2001 From: Chris Williams Date: Sat, 19 Sep 2020 18:52:25 -0700 Subject: [PATCH] project: rename vx => visx (#803) * rename(demo, part i) * rename(demo, part ii) * rename(demo, part iii) * rename(demo, part iv) * rename(annotation) * rename(axis) * rename(bounds) * rename(brush) * rename(chord) * rename(clip-path) * rename(curve, i) * rename(curve, ii) * rename(drag, i) * rename(drag, ii) * rename(event, i) * rename(event, ii) * rename(geo, i) * rename(geo, ii) * rename(glyph, i) * rename(glyph, ii) * rename(gradient, i) * rename(gradient, ii) * rename(grid, i) * rename(grid, ii) * rename(group, i) * rename(group, ii) * rename(heatmap, i) * rename(heatmap, ii) * rename(hierarchy, i) * rename(hierarchy, ii) * rename(legend, i) * rename(legend, ii) * rename(marker, i) * rename(marker, ii) * rename(mock-data, i) * rename(mock-data, ii) * rename(network, i) * rename(network, ii) * rename(pattern, i) * rename(pattern, ii) * rename(point, i) * rename(point, ii) * rename(react-spring, i) * rename(react-spring, ii) * rename(responsive, i) * rename(responsive, ii) * rename(scale, i) * rename(scale, ii) * rename(shape, i) * rename(shape, ii) * rename(stats, i) * rename(stats, ii) * rename(text, i) * rename(text, ii) * rename(threshold, i) * rename(threshold, ii) * rename(tooltip, i) * rename(tooltip, ii) * rename(voronoi, i) * rename(voronoi, ii) * rename(xychart, i) * rename(xychart, ii) * rename(zoom, i) * rename(zoom, ii) * rename(umbrella, i) * rename(umbrella, ii) * rename(root misc) * rename(demo, v) * rename(demo url) * fix(demo): misc fixes * rename(xychart): misc fixes * rename(demo/xychart): misc fixes * rename: vx.demo.now.sh => airbnb.io/visx * rename(README, visx-demo.hmtl): misc vx => visx --- CONTRIBUTING.md | 32 ++--- README.md | 89 ++++++-------- assets/{vx-gallery.png => visx-gallery.png} | Bin assets/{vx.png => visx.png} | Bin package.json | 33 +++-- .../{vx-annotation => visx-annotation}/.npmrc | 0 .../Readme.md | 8 +- .../package.json | 18 +-- .../src/annotations/LinePathAnnotation.tsx | 10 +- .../src/index.ts | 0 .../test/LinePathAnnotation.test.tsx | 10 +- packages/{vx-axis => visx-axis}/.npmrc | 0 packages/visx-axis/Readme.md | 19 +++ packages/{vx-axis => visx-axis}/package.json | 22 ++-- .../{vx-axis => visx-axis}/src/axis/Axis.tsx | 6 +- .../src/axis/AxisBottom.tsx | 2 +- .../src/axis/AxisLeft.tsx | 2 +- .../src/axis/AxisRenderer.tsx | 10 +- .../src/axis/AxisRight.tsx | 2 +- .../src/axis/AxisTop.tsx | 2 +- .../{vx-axis => visx-axis}/src/axis/Ticks.tsx | 10 +- .../src/constants/orientation.ts | 2 +- packages/{vx-axis => visx-axis}/src/index.ts | 0 packages/{vx-axis => visx-axis}/src/types.ts | 10 +- .../src/utils/createPoint.ts | 2 +- .../src/utils/getLabelTransform.ts | 2 +- .../src/utils/getTickFormatter.ts | 2 +- .../src/utils/getTickPosition.ts | 2 +- .../{vx-axis => visx-axis}/test/Axis.test.tsx | 44 +++---- .../test/AxisBottom.test.tsx | 8 +- .../test/AxisLeft.test.tsx | 8 +- .../test/AxisRight.test.tsx | 8 +- .../test/AxisTop.test.tsx | 8 +- .../test/Orientation.test.ts | 0 .../test/scales.test.tsx | 2 +- .../test/utils/getTickPosition.test.ts | 2 +- packages/{vx-bounds => visx-bounds}/.npmrc | 0 packages/visx-bounds/Readme.md | 56 +++++++++ .../{vx-bounds => visx-bounds}/package.json | 10 +- .../src/enhancers/withBoundingRects.tsx | 0 .../{vx-bounds => visx-bounds}/src/index.ts | 0 .../test/withBoundingRects.test.tsx | 0 packages/{vx-brush => visx-brush}/.npmrc | 0 packages/visx-brush/Readme.md | 13 ++ .../{vx-brush => visx-brush}/package.json | 20 +-- .../src/BaseBrush.tsx | 10 +- .../{vx-brush => visx-brush}/src/Brush.tsx | 0 .../src/BrushCorner.tsx | 4 +- .../src/BrushHandle.tsx | 4 +- .../src/BrushSelection.tsx | 4 +- .../{vx-brush => visx-brush}/src/index.ts | 0 .../{vx-brush => visx-brush}/src/types.ts | 0 .../{vx-brush => visx-brush}/src/utils.ts | 0 .../test/Brush.test.tsx | 0 .../test/utils.test.ts | 2 +- packages/{vx-chord => visx-chord}/.npmrc | 0 packages/visx-chord/Readme.md | 13 ++ .../{vx-chord => visx-chord}/package.json | 12 +- .../{vx-chord => visx-chord}/src/Chord.tsx | 0 .../{vx-chord => visx-chord}/src/Ribbon.tsx | 2 +- .../{vx-chord => visx-chord}/src/index.ts | 0 .../test/Chord.test.tsx | 0 .../test/Ribbon.test.tsx | 0 .../{vx-clip-path => visx-clip-path}/.npmrc | 0 packages/visx-clip-path/Readme.md | 14 +++ .../package.json | 12 +- .../src/clip-paths/CircleClipPath.tsx | 0 .../src/clip-paths/ClipPath.tsx | 0 .../src/clip-paths/RectClipPath.tsx | 0 .../src/index.ts | 0 .../test/ClipPaths.test.tsx | 0 packages/{vx-curve => visx-curve}/.npmrc | 0 packages/{vx-curve => visx-curve}/Readme.md | 20 +-- .../{vx-curve => visx-curve}/package.json | 8 +- .../{vx-curve => visx-curve}/src/index.ts | 0 .../test/curve.test.ts | 0 packages/{vx-demo => visx-demo}/.babelrc | 0 packages/{vx-demo => visx-demo}/.gitignore | 0 packages/{vx-demo => visx-demo}/.npmrc | 0 packages/visx-demo/Readme.md | 9 ++ packages/{vx-demo => visx-demo}/next-env.d.ts | 0 .../{vx-demo => visx-demo}/next.config.js | 2 +- packages/{vx-demo => visx-demo}/package.json | 83 +++++++------ .../public/static/doc_styles.css | 0 .../public/static/docs/visx-demo.html | 45 +++++++ .../public/static/favicon.ico | Bin .../public/static/logo-dark.png | Bin .../public/static/prism/prism-funky.css | 0 .../static/prism/prism-line-numbers.css | 0 .../public/static/style.css | 0 .../public/static/tiger-gray.png | Bin .../public/static/tiger-twitter-card.jpg | Bin .../public/static/tiger.png | Bin .../public/static/visx-gallery.png} | Bin .../public/static/visx-geo}/world-topo.json | 0 .../src/components/ApiTable.tsx | 0 .../src/components/CodeSandboxLink.tsx | 2 +- .../src/components/Codeblock.tsx | 0 .../src/components/DocPage.tsx | 10 +- .../src/components/Footer.tsx | 4 +- .../src/components/Gallery/AreaTile.tsx | 4 +- .../src/components/Gallery/AxisTile.tsx | 4 +- .../Gallery/BarGroupHorizontalTile.tsx | 4 +- .../src/components/Gallery/BarGroupTile.tsx | 4 +- .../Gallery/BarStackHorizontalTile.tsx | 4 +- .../src/components/Gallery/BarStackTile.tsx | 8 +- .../src/components/Gallery/BarsTile.tsx | 4 +- .../src/components/Gallery/BrushTile.tsx | 4 +- .../src/components/Gallery/ChordTile.tsx | 4 +- .../src/components/Gallery/CurvesTile.tsx | 6 +- .../components/Gallery/DendrogramsTile.tsx | 4 +- .../src/components/Gallery/DotsTile.tsx | 4 +- .../src/components/Gallery/DragIITile.tsx | 4 +- .../src/components/Gallery/DragITile.tsx | 4 +- .../src/components/Gallery/GeoCustomTile.tsx | 4 +- .../components/Gallery/GeoMercatorTile.tsx | 7 +- .../src/components/Gallery/GlyphsTile.tsx | 8 +- .../src/components/Gallery/GradientsTile.tsx | 4 +- .../src/components/Gallery/HeatmapsTile.tsx | 4 +- .../src/components/Gallery/LegendsTile.tsx | 4 +- .../src/components/Gallery/LineRadialTile.tsx | 4 +- .../src/components/Gallery/LinkTypesTile.tsx | 4 +- .../src/components/Gallery/NetworkTile.tsx | 4 +- .../src/components/Gallery/PackTile.tsx | 4 +- .../src/components/Gallery/PatternsTile.tsx | 4 +- .../src/components/Gallery/PiesTile.tsx | 4 +- .../src/components/Gallery/PolygonsTile.tsx | 4 +- .../src/components/Gallery/RadarTile.tsx | 4 +- .../src/components/Gallery/ResponsiveTile.tsx | 4 +- .../components/Gallery/SplitLinePathTile.tsx | 4 +- .../components/Gallery/StackedAreasTile.tsx | 4 +- .../src/components/Gallery/StatsPlotTile.tsx | 4 +- .../components/Gallery/StreamGraphTile.tsx | 4 +- .../src/components/Gallery/TextTile.tsx | 2 +- .../src/components/Gallery/ThresholdTile.tsx | 4 +- .../src/components/Gallery/TooltipTile.tsx | 4 +- .../src/components/Gallery/TreemapTile.tsx | 4 +- .../src/components/Gallery/TreesTile.tsx | 4 +- .../src/components/Gallery/VoronoiTile.tsx | 4 +- .../src/components/Gallery/ZoomITile.tsx | 4 +- .../src/components/Gallery/index.tsx | 20 +-- .../src/components/GalleryTile.tsx | 2 +- .../src/components/Logo.tsx | 2 +- .../src/components/Meta.tsx | 19 +-- .../src/components/Nav.tsx | 2 +- .../src/components/NavItem.tsx | 0 .../src/components/PackageList.tsx | 80 ++++++------ .../src/components/Page.tsx | 0 .../src/components/Show.tsx | 14 +-- .../src/components/VisxDocLink.tsx} | 8 +- .../src/components/util/drawData.ts | 0 .../util/extractVisxDepsFromPackageJson.ts | 11 ++ .../{vx-demo => visx-demo}/src/next-env.d.ts | 0 .../{vx-demo => visx-demo}/src/pages/_app.tsx | 0 packages/visx-demo/src/pages/areas.tsx | 16 +++ packages/visx-demo/src/pages/axis.tsx | 16 +++ .../src/pages/bargroup.tsx | 8 +- .../src/pages/bargrouphorizontal.tsx | 8 +- packages/visx-demo/src/pages/bars.tsx | 17 +++ .../src/pages/barstack.tsx | 8 +- .../src/pages/barstackhorizontal.tsx | 8 +- .../src/pages/brush.tsx | 8 +- .../src/pages/chord.tsx | 8 +- .../src/pages/curves.tsx | 8 +- .../src/pages/dendrograms.tsx | 8 +- .../{vx-demo => visx-demo}/src/pages/docs.tsx | 6 +- .../src/pages/docs/.eslintrc | 0 .../visx-demo/src/pages/docs/annotation.tsx | 10 ++ .../src/pages/docs/axis.tsx | 14 +-- packages/visx-demo/src/pages/docs/bounds.tsx | 5 + .../src/pages/docs/brush.tsx | 6 +- .../src/pages/docs/chord.tsx | 8 +- .../visx-demo/src/pages/docs/clip-path.tsx | 12 ++ .../src/pages/docs/curve.tsx | 4 +- .../src/pages/docs/drag.tsx | 6 +- .../src/pages/docs/event.tsx | 4 +- packages/visx-demo/src/pages/docs/geo.tsx | 32 +++++ .../src/pages/docs/glyph.tsx | 6 +- .../src/pages/docs/gradient.tsx | 6 +- .../src/pages/docs/grid.tsx | 10 +- .../src/pages/docs/group.tsx | 6 +- packages/visx-demo/src/pages/docs/heatmap.tsx | 19 +++ .../src/pages/docs/hierarchy.tsx | 14 +-- packages/visx-demo/src/pages/docs/legend.tsx | 18 +++ packages/visx-demo/src/pages/docs/marker.tsx | 8 ++ .../src/pages/docs/mock-data.tsx | 6 +- packages/visx-demo/src/pages/docs/network.tsx | 22 ++++ packages/visx-demo/src/pages/docs/pattern.tsx | 25 ++++ .../src/pages/docs/point.tsx | 4 +- .../visx-demo/src/pages/docs/react-spring.tsx | 20 +++ .../src/pages/docs/responsive.tsx | 8 +- .../src/pages/docs/scale.tsx | 4 +- .../src/pages/docs/shape.tsx | 6 +- .../src/pages/docs/stats.tsx | 8 +- .../src/pages/docs/text.tsx | 6 +- .../src/pages/docs/threshold.tsx | 6 +- .../src/pages/docs/tooltip.tsx | 19 +-- packages/visx-demo/src/pages/docs/visx.tsx | 5 + packages/visx-demo/src/pages/docs/voronoi.tsx | 19 +++ .../src/pages/docs/zoom.tsx | 6 +- packages/visx-demo/src/pages/dots.tsx | 16 +++ packages/visx-demo/src/pages/drag-i.tsx | 18 +++ packages/visx-demo/src/pages/drag-ii.tsx | 18 +++ .../src/pages/gallery.tsx | 0 packages/visx-demo/src/pages/geo-custom.tsx | 19 +++ packages/visx-demo/src/pages/geo-mercator.tsx | 19 +++ .../src/pages/glyphs.tsx | 8 +- packages/visx-demo/src/pages/gradients.tsx | 17 +++ .../src/pages/heatmaps.tsx | 8 +- .../{vx-demo => visx-demo}/src/pages/home.tsx | 22 ++-- .../src/pages/index.tsx | 0 .../src/pages/legends.tsx | 8 +- packages/visx-demo/src/pages/lineradial.tsx | 18 +++ .../src/pages/linktypes.tsx | 8 +- packages/visx-demo/src/pages/network.tsx | 16 +++ packages/visx-demo/src/pages/pack.tsx | 16 +++ .../src/pages/patterns.tsx | 8 +- packages/visx-demo/src/pages/pies.tsx | 16 +++ packages/visx-demo/src/pages/polygons.tsx | 16 +++ .../src/pages/radar.tsx | 8 +- packages/visx-demo/src/pages/responsive.tsx | 16 +++ .../visx-demo/src/pages/splitlinepath.tsx | 17 +++ .../src/pages/stacked-areas.tsx | 8 +- packages/visx-demo/src/pages/statsplot.tsx | 17 +++ packages/visx-demo/src/pages/streamgraph.tsx | 16 +++ .../{vx-demo => visx-demo}/src/pages/text.tsx | 26 ++-- .../src/pages/threshold.tsx | 8 +- packages/visx-demo/src/pages/tooltip.tsx | 16 +++ packages/visx-demo/src/pages/treemap.tsx | 16 +++ packages/visx-demo/src/pages/trees.tsx | 17 +++ .../src/pages/voronoi.tsx | 8 +- packages/visx-demo/src/pages/xychart.tsx | 16 +++ packages/visx-demo/src/pages/zoom-i.tsx | 16 +++ .../src/sandboxes/README.md | 2 +- .../exampleToVisxDependencyLookup.ts | 103 ++++++++++++++++ .../src/sandboxes/template/Example.tsx | 0 .../src/sandboxes/template}/index.tsx | 2 +- .../src/sandboxes/template/package.json | 8 +- .../src/sandboxes/template/sandbox-styles.css | 0 .../src/sandboxes/visx-area}/Example.tsx | 18 +-- .../src/sandboxes/visx-area}/index.tsx | 2 +- .../src/sandboxes/visx-area}/package.json | 24 ++-- .../sandboxes/visx-area}/sandbox-styles.css | 0 .../src/sandboxes/visx-axis}/Example.tsx | 16 +-- .../src/sandboxes/visx-axis}/index.tsx | 2 +- .../src/sandboxes/visx-axis}/package.json | 24 ++-- .../sandboxes/visx-axis}/sandbox-styles.css | 0 .../visx-bargroup-horizontal}/Example.tsx | 10 +- .../visx-bargroup-horizontal}/index.tsx | 2 +- .../visx-bargroup-horizontal}/package.json | 18 +-- .../sandbox-styles.css | 0 .../src/sandboxes/visx-bargroup}/Example.tsx | 10 +- .../src/sandboxes/visx-bargroup/index.tsx | 11 ++ .../src/sandboxes/visx-bargroup}/package.json | 18 +-- .../visx-bargroup}/sandbox-styles.css | 0 .../src/sandboxes/visx-bars}/Example.tsx | 10 +- .../src/sandboxes/visx-bars/index.tsx | 11 ++ .../src/sandboxes/visx-bars}/package.json | 18 +-- .../sandboxes/visx-bars}/sandbox-styles.css | 0 .../visx-barstack-horizontal}/Example.tsx | 18 +-- .../visx-barstack-horizontal/index.tsx | 11 ++ .../visx-barstack-horizontal/package.json | 32 +++++ .../sandbox-styles.css | 0 .../src/sandboxes/visx-barstack}/Example.tsx | 18 +-- .../src/sandboxes/visx-barstack/index.tsx | 11 ++ .../src/sandboxes/visx-barstack}/package.json | 24 ++-- .../visx-barstack}/sandbox-styles.css | 0 .../src/sandboxes/visx-brush}/AreaChart.tsx | 12 +- .../src/sandboxes/visx-brush}/Example.tsx | 12 +- .../src/sandboxes/visx-brush/index.tsx | 11 ++ .../src/sandboxes/visx-brush/package.json | 34 +++++ .../sandboxes/visx-brush}/sandbox-styles.css | 0 .../src/sandboxes/visx-chord}/Example.tsx | 10 +- .../src/sandboxes/visx-chord/index.tsx | 11 ++ .../src/sandboxes/visx-chord/package.json | 27 ++++ .../sandboxes/visx-chord}/sandbox-styles.css | 0 .../src/sandboxes/visx-curve}/Example.tsx | 20 ++- .../src/sandboxes/visx-curve/index.tsx | 11 ++ .../src/sandboxes/visx-curve}/package.json | 22 ++-- .../sandboxes/visx-curve}/sandbox-styles.css | 0 .../sandboxes/visx-dendrogram}/Example.tsx | 10 +- .../src/sandboxes/visx-dendrogram/index.tsx | 11 ++ .../sandboxes/visx-dendrogram}/package.json | 16 +-- .../visx-dendrogram}/sandbox-styles.css | 0 .../src/sandboxes/visx-dots}/Example.tsx | 18 +-- .../src/sandboxes/visx-dots/index.tsx | 11 ++ .../src/sandboxes/visx-dots/package.json | 31 +++++ .../sandboxes/visx-dots}/sandbox-styles.css | 0 .../src/sandboxes/visx-drag-i}/Example.tsx | 6 +- .../sandboxes/visx-drag-i}/generateCircles.ts | 0 .../src/sandboxes/visx-drag-i/index.tsx | 11 ++ .../src/sandboxes/visx-drag-i}/package.json | 14 +-- .../sandboxes/visx-drag-i}/sandbox-styles.css | 0 .../src/sandboxes/visx-drag-ii}/Example.tsx | 8 +- .../src/sandboxes/visx-drag-ii/index.tsx | 11 ++ .../src/sandboxes/visx-drag-ii}/package.json | 16 +-- .../visx-drag-ii}/sandbox-styles.css | 0 .../sandboxes/visx-geo-custom}/Example.tsx | 8 +- .../src/sandboxes/visx-geo-custom/index.tsx | 11 ++ .../sandboxes/visx-geo-custom}/package.json | 14 +-- .../visx-geo-custom}/sandbox-styles.css | 0 .../visx-geo-custom}/world-topo.d.ts | 0 .../visx-geo-custom}/world-topo.json | 0 .../sandboxes/visx-geo-mercator}/Example.tsx | 4 +- .../src/sandboxes/visx-geo-mercator/index.tsx | 11 ++ .../sandboxes/visx-geo-mercator}/package.json | 12 +- .../visx-geo-mercator}/sandbox-styles.css | 0 .../visx-geo-mercator}/world-topo.d.ts | 0 .../visx-geo-mercator}/world-topo.json | 0 .../src/sandboxes/visx-glyph}/Example.tsx | 12 +- .../src/sandboxes/visx-glyph/index.tsx | 11 ++ .../src/sandboxes/visx-glyph}/package.json | 20 +-- .../sandboxes/visx-glyph}/sandbox-styles.css | 0 .../src/sandboxes/visx-gradient}/Example.tsx | 6 +- .../src/sandboxes/visx-gradient/index.tsx | 11 ++ .../src/sandboxes/visx-gradient}/package.json | 12 +- .../visx-gradient}/sandbox-styles.css | 0 .../src/sandboxes/visx-heatmap}/Example.tsx | 12 +- .../src/sandboxes/visx-heatmap/index.tsx | 11 ++ .../src/sandboxes/visx-heatmap}/package.json | 16 +-- .../visx-heatmap}/sandbox-styles.css | 0 .../src/sandboxes/visx-legend}/Example.tsx | 6 +- .../src/sandboxes/visx-legend}/index.tsx | 0 .../src/sandboxes/visx-legend}/package.json | 12 +- .../sandboxes/visx-legend}/sandbox-styles.css | 0 .../src/sandboxes/visx-linktypes}/Example.tsx | 6 +- .../visx-linktypes}/LinkControls.tsx | 0 .../visx-linktypes}/getLinkComponent.ts | 2 +- .../src/sandboxes/visx-linktypes/index.tsx | 11 ++ .../sandboxes/visx-linktypes}/package.json | 16 +-- .../visx-linktypes}/sandbox-styles.css | 0 .../visx-linktypes}/useForceUpdate.ts | 0 .../src/sandboxes/visx-network}/Example.tsx | 2 +- .../src/sandboxes/visx-network/index.tsx | 11 ++ .../src/sandboxes/visx-network}/package.json | 10 +- .../visx-network}/sandbox-styles.css | 0 .../src/sandboxes/visx-pack}/Example.tsx | 8 +- .../src/sandboxes/visx-pack/index.tsx | 11 ++ .../src/sandboxes/visx-pack}/package.json | 16 +-- .../sandboxes/visx-pack}/sandbox-styles.css | 0 .../src/sandboxes/visx-pattern}/Example.tsx | 13 +- .../src/sandboxes/visx-pattern/index.tsx | 11 ++ .../src/sandboxes/visx-pattern}/package.json | 14 +-- .../visx-pattern}/sandbox-styles.css | 0 .../src/sandboxes/visx-polygons}/Example.tsx | 8 +- .../src/sandboxes/visx-polygons/index.tsx | 11 ++ .../src/sandboxes/visx-polygons}/package.json | 16 +-- .../visx-polygons}/sandbox-styles.css | 0 .../src/sandboxes/visx-radar}/Example.tsx | 10 +- .../src/sandboxes/visx-radar/index.tsx | 11 ++ .../src/sandboxes/visx-radar}/package.json | 18 +-- .../sandboxes/visx-radar}/sandbox-styles.css | 0 .../sandboxes/visx-responsive}/Example.tsx | 2 +- .../src/sandboxes/visx-responsive}/Lines.tsx | 8 +- .../src/sandboxes/visx-responsive/index.tsx | 11 ++ .../sandboxes/visx-responsive}/package.json | 16 +-- .../visx-responsive}/sandbox-styles.css | 0 .../visx-shape-line-radial}/Example.tsx | 12 +- .../visx-shape-line-radial/index.tsx | 11 ++ .../visx-shape-line-radial}/package.json | 20 +-- .../sandbox-styles.css | 0 .../src/sandboxes/visx-shape-pie}/Example.tsx | 16 +-- .../src/sandboxes/visx-shape-pie/index.tsx | 11 ++ .../sandboxes/visx-shape-pie}/package.json | 18 +-- .../visx-shape-pie}/sandbox-styles.css | 0 .../visx-shape-splitlinepath}/Example.tsx | 12 +- .../generateSinPoints.ts | 0 .../visx-shape-splitlinepath/index.tsx | 11 ++ .../visx-shape-splitlinepath}/package.json | 16 +-- .../sandbox-styles.css | 0 .../sandboxes/visx-stacked-areas}/Example.tsx | 10 +- .../sandboxes/visx-stacked-areas/index.tsx | 11 ++ .../visx-stacked-areas}/package.json | 16 +-- .../visx-stacked-areas}/sandbox-styles.css | 0 .../src/sandboxes/visx-stats}/Example.tsx | 16 +-- .../src/sandboxes/visx-stats/index.tsx | 11 ++ .../src/sandboxes/visx-stats}/package.json | 22 ++-- .../sandboxes/visx-stats}/sandbox-styles.css | 0 .../sandboxes/visx-streamgraph}/Example.tsx | 6 +- .../visx-streamgraph}/generateData.ts | 0 .../src/sandboxes/visx-streamgraph/index.tsx | 11 ++ .../sandboxes/visx-streamgraph}/package.json | 14 +-- .../visx-streamgraph}/sandbox-styles.css | 0 .../visx-streamgraph}/useForceUpdate.ts | 0 .../src/sandboxes/visx-threshold}/Example.tsx | 16 +-- .../src/sandboxes/visx-threshold/index.tsx | 11 ++ .../src/sandboxes/visx-threshold/package.json | 31 +++++ .../visx-threshold}/sandbox-styles.css | 0 .../src/sandboxes/visx-tooltip}/Example.tsx | 11 +- .../src/sandboxes/visx-tooltip/index.tsx | 11 ++ .../src/sandboxes/visx-tooltip}/package.json | 10 +- .../visx-tooltip}/sandbox-styles.css | 0 .../src/sandboxes/visx-tree}/Example.tsx | 10 +- .../src/sandboxes/visx-tree/index.tsx | 11 ++ .../src/sandboxes/visx-tree}/package.json | 16 +-- .../sandboxes/visx-tree}/sandbox-styles.css | 0 .../src/sandboxes/visx-treemap}/Example.tsx | 10 +- .../src/sandboxes/visx-treemap/index.tsx | 11 ++ .../src/sandboxes/visx-treemap}/package.json | 16 +-- .../visx-treemap}/sandbox-styles.css | 0 .../src/sandboxes/visx-voronoi}/Example.tsx | 10 +- .../src/sandboxes/visx-voronoi/index.tsx | 11 ++ .../src/sandboxes/visx-voronoi}/package.json | 18 +-- .../visx-voronoi}/sandbox-styles.css | 0 .../visx-xychart}/CustomChartBackground.tsx | 4 +- .../src/sandboxes/visx-xychart}/Example.tsx | 4 +- .../visx-xychart}/ExampleControls.tsx | 4 +- .../sandboxes/visx-xychart}/customTheme.ts | 2 +- .../src/sandboxes/visx-xychart/index.tsx | 11 ++ .../src/sandboxes/visx-xychart}/package.json | 17 ++- .../visx-xychart}/sandbox-styles.css | 0 .../src/sandboxes/visx-zoom-i}/Example.tsx | 10 +- .../src/sandboxes/visx-zoom-i/index.tsx | 11 ++ .../src/sandboxes/visx-zoom-i}/package.json | 18 +-- .../sandboxes/visx-zoom-i}/sandbox-styles.css | 0 .../{vx-demo => visx-demo}/src/types/index.ts | 4 +- .../src/types/raw-loader.d.ts | 0 .../src/types/react-tilt.d.ts | 0 packages/{vx-demo => visx-demo}/vercel.json | 0 packages/{vx-drag => visx-drag}/.npmrc | 0 packages/visx-drag/Readme.md | 13 ++ packages/{vx-drag => visx-drag}/package.json | 14 +-- packages/{vx-drag => visx-drag}/src/Drag.tsx | 2 +- packages/{vx-drag => visx-drag}/src/index.ts | 0 .../{vx-drag => visx-drag}/src/util/raise.ts | 0 .../{vx-drag => visx-drag}/test/Drag.test.ts | 0 packages/{vx-event => visx-event}/.npmrc | 0 packages/visx-event/Readme.md | 55 +++++++++ .../{vx-event => visx-event}/package.json | 14 +-- .../src/getXAndYFromEvent.ts | 0 .../{vx-event => visx-event}/src/index.ts | 0 .../src/localPoint.ts | 0 .../src/localPointGeneric.ts | 2 +- .../src/touchPoint.ts | 0 .../src/typeGuards.ts | 0 .../{vx-event => visx-event}/src/types.ts | 0 .../test/getXandYFromEvent.test.ts | 0 .../test/localPoint.test.ts | 2 +- packages/{vx-geo => visx-geo}/.npmrc | 0 packages/{vx-geo => visx-geo}/Readme.md | 10 +- packages/{vx-geo => visx-geo}/package.json | 14 +-- .../src/graticule/Graticule.tsx | 4 +- packages/{vx-geo => visx-geo}/src/index.ts | 0 .../src/projections/Albers.tsx | 0 .../src/projections/AlbersUsa.tsx | 0 .../src/projections/CustomProjection.tsx | 0 .../src/projections/EqualEarth.tsx | 0 .../src/projections/Mercator.tsx | 0 .../src/projections/NaturalEarth.tsx | 0 .../src/projections/Orthographic.tsx | 0 .../src/projections/Projection.tsx | 6 +- packages/{vx-geo => visx-geo}/src/types.ts | 0 .../{vx-geo => visx-geo}/test/Albers.test.tsx | 0 .../test/AlbersUsa.test.tsx | 0 .../test/CustomProjection.test.tsx | 0 .../test/EqualEarth.test.tsx | 0 .../test/Mercator.test.tsx | 0 .../test/Orthographic.test.tsx | 0 .../test/Projection.test.tsx | 4 +- packages/{vx-geo => visx-geo}/test/topo.json | 0 packages/{vx-glyph => visx-glyph}/.npmrc | 0 packages/visx-glyph/Readme.md | 14 +++ .../{vx-glyph => visx-glyph}/package.json | 14 +-- .../src/glyphs/Glyph.tsx | 4 +- .../src/glyphs/GlyphCircle.tsx | 2 +- .../src/glyphs/GlyphCross.tsx | 2 +- .../src/glyphs/GlyphDiamond.tsx | 2 +- .../src/glyphs/GlyphDot.tsx | 2 +- .../src/glyphs/GlyphSquare.tsx | 2 +- .../src/glyphs/GlyphStar.tsx | 2 +- .../src/glyphs/GlyphTriangle.tsx | 2 +- .../src/glyphs/GlyphWye.tsx | 2 +- .../{vx-glyph => visx-glyph}/src/index.ts | 0 .../test/Circle.test.tsx | 2 +- .../test/Cross.test.tsx | 2 +- .../test/Diamond.test.tsx | 2 +- .../test/Dot.test.tsx | 0 .../test/Glyph.test.tsx | 2 +- .../test/Square.test.tsx | 2 +- .../test/Star.test.tsx | 2 +- .../test/Triangle.test.tsx | 2 +- .../test/Wye.test.tsx | 2 +- .../{vx-gradient => visx-gradient}/.npmrc | 0 .../{vx-gradient => visx-gradient}/Readme.md | 14 +-- .../package.json | 12 +- .../src/gradients/GradientDarkgreenGreen.tsx | 0 .../src/gradients/GradientLightgreenGreen.tsx | 0 .../src/gradients/GradientOrangeRed.tsx | 0 .../src/gradients/GradientPinkBlue.tsx | 0 .../src/gradients/GradientPinkRed.tsx | 0 .../src/gradients/GradientPurpleOrange.tsx | 0 .../src/gradients/GradientPurpleRed.tsx | 0 .../src/gradients/GradientPurpleTeal.tsx | 0 .../src/gradients/GradientSteelPurple.tsx | 0 .../src/gradients/GradientTealBlue.tsx | 0 .../src/gradients/LinearGradient.tsx | 0 .../src/gradients/RadialGradient.tsx | 0 .../src/index.ts | 0 .../test/Gradients.test.tsx | 0 .../test/LinearGradient.test.tsx | 0 .../test/RadialGradient.test.tsx | 0 packages/{vx-grid => visx-grid}/.npmrc | 0 packages/visx-grid/Readme.md | 34 +++++ packages/{vx-grid => visx-grid}/package.json | 20 +-- .../{vx-grid => visx-grid}/src/grids/Grid.tsx | 10 +- .../src/grids/GridColumns.tsx | 12 +- .../src/grids/GridRows.tsx | 12 +- packages/{vx-grid => visx-grid}/src/index.ts | 0 packages/{vx-grid => visx-grid}/src/types.ts | 2 +- .../{vx-grid => visx-grid}/test/Grid.test.tsx | 8 +- .../test/GridColumns.test.tsx | 4 +- .../test/GridRows.test.tsx | 4 +- packages/{vx-group => visx-group}/.npmrc | 0 packages/{vx-group => visx-group}/Readme.md | 8 +- .../{vx-group => visx-group}/package.json | 12 +- .../{vx-group => visx-group}/src/Group.tsx | 2 +- .../{vx-group => visx-group}/src/index.ts | 0 .../test/Group.test.tsx | 6 +- packages/{vx-heatmap => visx-heatmap}/.npmrc | 0 .../{vx-heatmap => visx-heatmap}/Readme.md | 8 +- .../{vx-heatmap => visx-heatmap}/package.json | 14 +-- .../src/heatmaps/HeatmapCircle.tsx | 6 +- .../src/heatmaps/HeatmapRect.tsx | 6 +- .../{vx-heatmap => visx-heatmap}/src/index.ts | 0 .../{vx-heatmap => visx-heatmap}/src/types.ts | 0 .../test/HeatmapCircle.test.tsx | 8 +- .../test/HeatmapRect.test.tsx | 8 +- .../{vx-hierarchy => visx-hierarchy}/.npmrc | 0 .../Readme.md | 10 +- .../package.json | 14 +-- .../src/HierarchyDefaultLink.tsx | 0 .../src/HierarchyDefaultNode.tsx | 0 .../src/HierarchyDefaultRectNode.tsx | 0 .../src/hierarchies/Cluster.tsx | 4 +- .../src/hierarchies/Pack.tsx | 4 +- .../src/hierarchies/Partition.tsx | 4 +- .../src/hierarchies/Tree.tsx | 4 +- .../src/hierarchies/Treemap.tsx | 4 +- .../src/index.ts | 0 .../src/types.ts | 0 .../src/utils/setNumOrNumAccessor.ts | 0 .../test/Cluster.test.tsx | 0 .../test/Defaults.test.tsx | 0 .../test/Tree.test.tsx | 0 packages/{vx-legend => visx-legend}/.npmrc | 0 packages/{vx-legend => visx-legend}/Readme.md | 12 +- .../{vx-legend => visx-legend}/package.json | 16 +-- .../{vx-legend => visx-legend}/src/index.ts | 0 .../src/legends/Legend/LegendItem.tsx | 2 +- .../src/legends/Legend/LegendLabel.tsx | 2 +- .../src/legends/Legend/LegendShape.tsx | 2 +- .../src/legends/Legend/index.tsx | 6 +- .../src/legends/Linear.tsx | 2 +- .../src/legends/Ordinal.tsx | 2 +- .../src/legends/Quantile.tsx | 2 +- .../src/legends/Size.tsx | 2 +- .../src/legends/Threshold.tsx | 2 +- .../src/shapes/Circle.tsx | 2 +- .../src/shapes/Line.tsx | 2 +- .../src/shapes/Rect.tsx | 0 .../src/types/index.ts | 2 +- .../src/util/defaultDomain.ts | 2 +- .../src/util/identity.ts | 0 .../src/util/labelTransformFactory.ts | 2 +- .../src/util/renderShape.ts | 0 .../src/util/valueOrIdentity.ts | 0 .../test/Legend.test.tsx | 2 +- .../test/LegendLinear.test.tsx | 0 .../test/LegendOrdinal.test.tsx | 0 .../test/LegendQuantile.test.tsx | 0 .../test/LegendSize.test.tsx | 0 .../test/LegendThreshold.test.tsx | 0 .../test/scales.test.tsx | 2 +- packages/{vx-marker => visx-marker}/.npmrc | 0 packages/visx-marker/Readme.md | 14 +++ .../{vx-marker => visx-marker}/package.json | 16 +-- .../{vx-marker => visx-marker}/src/index.ts | 0 .../src/markers/Arrow.tsx | 0 .../src/markers/Circle.tsx | 0 .../src/markers/Cross.tsx | 0 .../src/markers/Line.tsx | 0 .../src/markers/Marker.tsx | 0 .../src/markers/X.tsx | 0 .../test/Arrow.test.tsx | 0 .../test/Circle.test.tsx | 0 .../test/Cross.test.tsx | 0 .../test/Line.test.tsx | 0 .../test/Marker.test.tsx | 0 .../test/X.test.tsx | 0 .../{vx-mock-data => visx-mock-data}/.npmrc | 0 .../Readme.md | 30 ++--- .../package.json | 12 +- .../src/generators/genBin.ts | 0 .../src/generators/genBins.ts | 0 .../src/generators/genDateValue.ts | 0 .../src/generators/genPhyllotaxis.ts | 0 .../src/generators/genRandomNormalPoints.ts | 0 .../src/generators/genStats.ts | 0 .../src/index.ts | 0 .../src/mocks/appleStock.ts | 0 .../src/mocks/bitcoinPrice.ts | 0 .../src/mocks/browserUsage.ts | 0 .../src/mocks/cityTemperature.ts | 0 .../src/mocks/exoplanets.ts | 0 .../src/mocks/groupDateValue.ts | 0 .../src/mocks/lesMiserables.ts | 0 .../src/mocks/letterFrequency.ts | 0 .../src/mocks/planets.ts | 0 .../src/mocks/shakespeare.ts | 0 .../test/appleStock.test.ts | 0 .../test/browserUsage.test.ts | 0 .../test/cityTemperature.test.ts | 0 .../test/genBin.test.ts | 0 .../test/genBins.test.ts | 0 .../test/genDateValue.test.ts | 0 .../test/genPhyllotaxis.test.ts | 0 .../test/genRandomNormalPoints.test.ts | 0 .../test/genStats.test.ts | 0 .../test/groupDateValue.test.ts | 0 .../test/letterFrequency.test.ts | 0 packages/{vx-network => visx-network}/.npmrc | 0 .../{vx-network => visx-network}/Readme.md | 10 +- .../{vx-network => visx-network}/package.json | 10 +- .../src/DefaultLink.tsx | 0 .../src/DefaultNode.tsx | 0 .../src/Graph.tsx | 2 +- .../src/Links.tsx | 4 +- .../src/Nodes.tsx | 4 +- .../{vx-network => visx-network}/src/index.ts | 0 .../{vx-network => visx-network}/src/types.ts | 0 .../test/Graph.test.tsx | 0 packages/{vx-pattern => visx-pattern}/.npmrc | 0 .../{vx-pattern => visx-pattern}/Readme.md | 12 +- .../{vx-pattern => visx-pattern}/package.json | 12 +- .../src/constants/index.ts | 0 .../{vx-pattern => visx-pattern}/src/index.ts | 0 .../src/patterns/Circles.tsx | 4 +- .../src/patterns/Hexagons.tsx | 2 +- .../src/patterns/Lines.tsx | 6 +- .../src/patterns/Path.tsx | 2 +- .../src/patterns/Pattern.tsx | 0 .../src/patterns/Waves.tsx | 2 +- .../test/Pattern.test.tsx | 0 .../test/PatternCircles.test.tsx | 0 .../test/PatternHexagons.test.tsx | 0 .../test/PatternLines.test.tsx | 0 .../test/PatternPath.test.tsx | 0 .../test/PatternWaves.test.tsx | 0 packages/{vx-point => visx-point}/.npmrc | 0 packages/{vx-point => visx-point}/Readme.md | 10 +- .../{vx-point => visx-point}/package.json | 8 +- .../{vx-point => visx-point}/src/Point.ts | 0 .../{vx-point => visx-point}/src/index.ts | 0 .../test/point.test.ts | 0 packages/visx-react-spring/README.md | 21 ++++ .../package.json | 20 +-- .../src/axis/AnimatedAxis.tsx | 4 +- .../src/axis/AnimatedTicks.tsx | 8 +- .../src/grid/AnimatedGridColumns.tsx | 4 +- .../src/grid/AnimatedGridLines.tsx | 2 +- .../src/grid/AnimatedGridRows.tsx | 4 +- .../src/index.ts | 0 .../spring-configs/useLineTransitionConfig.ts | 6 +- .../src/types.ts | 0 .../test/AnimatedAxis.test.tsx | 2 +- .../test/AnimatedGridColumns.test.tsx | 2 +- .../test/AnimatedGridRows.test.tsx | 2 +- .../test/AnimatedTicks.test.tsx | 2 +- .../test/useLineTransitionConfig.test.tsx | 2 +- .../{vx-responsive => visx-responsive}/.npmrc | 0 .../Readme.md | 34 ++--- .../package.json | 12 +- .../src/components/ParentSize.tsx | 0 .../src/components/ScaleSVG.tsx | 0 .../src/enhancers/withParentSize.tsx | 0 .../src/enhancers/withScreenSize.tsx | 0 .../src/index.ts | 0 .../test/ParentSize.test.tsx | 0 .../test/ScaleSVG.test.tsx | 0 .../test/withParentSize.test.tsx | 0 .../test/withScreenSize.test.ts | 0 packages/{vx-scale => visx-scale}/.npmrc | 0 packages/{vx-scale => visx-scale}/Readme.md | 18 +-- .../{vx-scale => visx-scale}/package.json | 12 +- .../src/createScale.ts | 0 .../{vx-scale => visx-scale}/src/index.ts | 0 .../src/operators/align.ts | 0 .../src/operators/base.ts | 0 .../src/operators/clamp.ts | 0 .../src/operators/constant.ts | 0 .../src/operators/domain.ts | 0 .../src/operators/exponent.ts | 0 .../src/operators/interpolate.ts | 0 .../src/operators/nice.ts | 0 .../src/operators/padding.ts | 0 .../src/operators/range.ts | 0 .../src/operators/reverse.ts | 0 .../src/operators/round.ts | 2 +- .../src/operators/scaleOperator.ts | 0 .../src/operators/unknown.ts | 0 .../src/operators/zero.ts | 0 .../src/scales/band.ts | 0 .../src/scales/linear.ts | 0 .../src/scales/log.ts | 0 .../src/scales/ordinal.ts | 0 .../src/scales/point.ts | 0 .../src/scales/power.ts | 0 .../src/scales/quantile.ts | 0 .../src/scales/quantize.ts | 0 .../src/scales/squareRoot.ts | 0 .../src/scales/symlog.ts | 0 .../src/scales/threshold.ts | 0 .../src/scales/time.ts | 0 .../src/scales/utc.ts | 0 .../src/types/Base.ts | 0 .../src/types/BaseScaleConfig.ts | 0 .../src/types/Nice.ts | 0 .../src/types/Scale.ts | 0 .../src/types/ScaleConfig.ts | 0 .../src/types/ScaleInterpolate.ts | 0 .../src/updateScale.ts | 0 .../src/utils/coerceNumber.ts | 0 .../src/utils/createColorInterpolator.ts | 0 .../src/utils/getTicks.ts | 0 .../src/utils/inferScaleType.ts | 0 .../src/utils/isUtcScale.ts | 0 .../src/utils/toString.ts | 0 .../test/createScale.test.ts | 0 .../test/scaleBand.test.ts | 0 .../test/scaleLinear.test.ts | 0 .../test/scaleLog.test.ts | 0 .../test/scaleOrdinal.test.ts | 0 .../test/scalePoint.test.ts | 0 .../test/scalePower.test.ts | 0 .../test/scaleQuantile.test.ts | 0 .../test/scaleQuantize.test.ts | 0 .../test/scaleSqrt.test.ts | 0 .../test/scaleSymlog.test.ts | 0 .../test/scaleThreshold.test.ts | 0 .../test/scaleTime.test.ts | 0 .../test/scaleUtc.test.ts | 0 .../test/updateScale.test.ts | 0 .../test/utils/coerceNumber.test.ts | 0 .../test/utils/getTicks.test.ts | 0 .../test/utils/inferScaleType.test.ts | 0 .../test/utils/isUtcScale.test.ts | 0 .../test/utils/toString.test.ts | 0 packages/{vx-shape => visx-shape}/.npmrc | 0 packages/visx-shape/Readme.md | 14 +++ .../{vx-shape => visx-shape}/package.json | 14 +-- .../{vx-shape => visx-shape}/src/index.ts | 0 .../src/shapes/Arc.tsx | 7 +- .../src/shapes/Area.tsx | 7 +- .../src/shapes/AreaClosed.tsx | 2 +- .../src/shapes/AreaStack.tsx | 2 +- .../src/shapes/Bar.tsx | 2 +- .../src/shapes/BarGroup.tsx | 14 +-- .../src/shapes/BarGroupHorizontal.tsx | 12 +- .../src/shapes/BarRounded.tsx | 2 +- .../src/shapes/BarStack.tsx | 6 +- .../src/shapes/BarStackHorizontal.tsx | 6 +- .../src/shapes/Circle.tsx | 2 +- .../src/shapes/Line.tsx | 2 +- .../src/shapes/LinePath.tsx | 2 +- .../src/shapes/LineRadial.tsx | 2 +- .../src/shapes/Pie.tsx | 6 +- .../src/shapes/Polygon.tsx | 2 +- .../src/shapes/SplitLinePath.tsx | 0 .../src/shapes/Stack.tsx | 4 +- .../shapes/link/curve/LinkHorizontalCurve.tsx | 2 +- .../src/shapes/link/curve/LinkRadialCurve.tsx | 2 +- .../shapes/link/curve/LinkVerticalCurve.tsx | 2 +- .../shapes/link/diagonal/LinkHorizontal.tsx | 2 +- .../src/shapes/link/diagonal/LinkRadial.tsx | 2 +- .../src/shapes/link/diagonal/LinkVertical.tsx | 2 +- .../shapes/link/line/LinkHorizontalLine.tsx | 2 +- .../src/shapes/link/line/LinkRadialLine.tsx | 2 +- .../src/shapes/link/line/LinkVerticalLine.tsx | 2 +- .../shapes/link/step/LinkHorizontalStep.tsx | 2 +- .../src/shapes/link/step/LinkRadialStep.tsx | 2 +- .../src/shapes/link/step/LinkVerticalStep.tsx | 2 +- .../src/types/D3ShapeConfig.ts | 6 +- .../src/types/accessor.ts | 0 .../src/types/area.ts | 0 .../src/types/barGroup.ts | 0 .../src/types/barStack.ts | 4 +- .../src/types/base.ts | 2 +- .../src/types/index.ts | 0 .../src/types/link.ts | 0 .../src/types/stack.ts | 0 .../src/util/D3ShapeFactories.ts | 0 .../src/util/accessors.ts | 0 .../src/util/getBandwidth.ts | 2 +- .../src/util/getSplitLineSegments.ts | 2 +- .../src/util/setNumberOrNumberAccessor.ts | 0 .../src/util/stackOffset.ts | 0 .../src/util/stackOrder.ts | 0 .../src/util/trigonometry.ts | 0 .../test/Arc.test.tsx | 4 +- .../test/Area.test.tsx | 4 +- .../test/AreaClosed.test.tsx | 6 +- .../test/AreaStack.test.tsx | 0 .../test/Bar.test.tsx | 4 +- .../test/BarGroup.test.tsx | 8 +- .../test/BarGroupHorizontal.test.tsx | 8 +- .../test/BarRounded.test.tsx | 4 +- .../test/BarStack.test.tsx | 8 +- .../test/BarStackHorizontal.test.tsx | 8 +- .../test/Circle.test.tsx | 4 +- .../test/Line.test.tsx | 4 +- .../test/LinePath.test.tsx | 4 +- .../test/LineRadial.test.tsx | 4 +- .../test/LinkHorizontal.test.tsx | 0 .../test/LinkRadial.test.tsx | 0 .../test/LinkVertical.test.tsx | 0 .../test/Pie.test.tsx | 4 +- .../test/Polygon.test.tsx | 2 +- .../test/Stack.test.tsx | 0 .../test/stackOffset.test.ts | 0 .../test/stackOrder.test.ts | 0 .../test/utils/D3ShapeFactories.test.ts | 0 .../test/utils/getBandwidth.test.ts | 2 +- packages/{vx-stats => visx-stats}/.npmrc | 0 packages/visx-stats/Readme.md | 14 +++ .../{vx-stats => visx-stats}/package.json | 16 +-- .../{vx-stats => visx-stats}/src/BoxPlot.tsx | 22 ++-- .../src/ViolinPlot.tsx | 4 +- .../{vx-stats => visx-stats}/src/index.ts | 0 .../{vx-stats => visx-stats}/src/types.ts | 0 .../src/util/computeStats.ts | 0 .../test/BoxPlot.test.tsx | 6 +- .../test/ViolinPlot.test.tsx | 6 +- .../test/computeStats.test.ts | 0 packages/{vx-text => visx-text}/.npmrc | 0 packages/{vx-text => visx-text}/Readme.md | 12 +- packages/{vx-text => visx-text}/package.json | 12 +- packages/{vx-text => visx-text}/src/Text.tsx | 0 packages/{vx-text => visx-text}/src/index.ts | 0 .../src/util/getStringWidth.ts | 0 .../{vx-text => visx-text}/test/Text.test.tsx | 0 .../{vx-text => visx-text}/test/svgMock.ts | 0 .../types/reduce-css-calc/index.d.ts | 0 .../{vx-threshold => visx-threshold}/.npmrc | 0 packages/visx-threshold/Readme.md | 14 +++ .../package.json | 12 +- .../src/Threshold.tsx | 10 +- .../src/index.ts | 0 .../test/Threshold.test.tsx | 4 +- packages/{vx-tooltip => visx-tooltip}/.npmrc | 0 .../{vx-tooltip => visx-tooltip}/Readme.md | 22 ++-- .../{vx-tooltip => visx-tooltip}/package.json | 14 +-- .../src/Portal.tsx | 0 .../src/enhancers/withTooltip.tsx | 0 .../src/hooks/useTooltip.ts | 0 .../src/hooks/useTooltipInPortal.tsx | 0 .../{vx-tooltip => visx-tooltip}/src/index.ts | 0 .../src/tooltips/Tooltip.tsx | 2 +- .../src/tooltips/TooltipWithBounds.tsx | 2 +- .../test/Portal.test.tsx | 0 .../test/Tooltip.test.tsx | 0 .../test/TooltipWithBounds.test.tsx | 0 .../test/useTooltip.test.tsx | 0 .../test/useTooltipInPortal.test.tsx | 0 .../test/withTooltip.test.tsx | 0 packages/{vx-voronoi => visx-visx}/.npmrc | 0 packages/visx-visx/Readme.md | 13 ++ packages/visx-visx/package.json | 65 ++++++++++ packages/visx-visx/src/index.ts | 28 +++++ packages/visx-visx/test/index.test.ts | 116 ++++++++++++++++++ packages/{vx-vx => visx-voronoi}/.npmrc | 0 .../{vx-voronoi => visx-voronoi}/Readme.md | 16 +-- .../{vx-voronoi => visx-voronoi}/package.json | 12 +- .../src/components/VoronoiPolygon.tsx | 2 +- .../{vx-voronoi => visx-voronoi}/src/index.ts | 0 .../src/voronoi.ts | 0 .../test/VoronoiPolygon.test.tsx | 0 .../test/voronoi.test.ts | 0 packages/visx-xychart/README.md | 3 + .../{vx-xychart => visx-xychart}/package.json | 28 ++--- .../src/classes/DataRegistry.ts | 2 +- .../src/components/XYChart.tsx | 2 +- .../src/components/axis/AnimatedAxis.tsx | 6 +- .../src/components/axis/Axis.tsx | 2 +- .../src/components/axis/BaseAxis.tsx | 4 +- .../src/components/grid/AnimatedGrid.tsx | 12 +- .../src/components/grid/BaseGrid.tsx | 8 +- .../src/components/grid/Grid.tsx | 4 +- .../src/components/series/LineSeries.tsx | 6 +- .../src/context/DataContext.tsx | 2 +- .../src/context/ThemeContext.tsx | 0 .../src/hooks/useDataRegistry.ts | 2 +- .../src/hooks/useDimensions.ts | 0 .../src/hooks/useScales.ts | 4 +- .../{vx-xychart => visx-xychart}/src/index.ts | 0 .../src/providers/DataProvider.tsx | 6 +- .../src/providers/ThemeProvider.tsx | 0 .../src/theme/buildChartTheme.ts | 0 .../src/theme/colors.ts | 0 .../src/theme/themes/dark.ts | 0 .../src/theme/themes/light.ts | 0 .../src/typeguards/isValidNumber.ts | 0 .../src/types/data.ts | 4 +- .../src/types/index.ts | 0 .../src/types/theme.ts | 2 +- .../test/Axis.test.tsx | 4 +- .../test/DataProvider.test.tsx | 0 .../test/DataRegistry.test.ts | 0 .../test/Grid.test.tsx | 10 +- .../test/LineSeries.test.tsx | 2 +- .../test/ThemeProvider.test.tsx | 0 .../test/XYChart.test.tsx | 2 +- .../test/theme.test.tsx | 0 packages/{vx-zoom => visx-zoom}/.npmrc | 0 packages/visx-zoom/Readme.md | 14 +++ packages/{vx-zoom => visx-zoom}/package.json | 14 +-- packages/{vx-zoom => visx-zoom}/src/Zoom.tsx | 2 +- packages/{vx-zoom => visx-zoom}/src/index.ts | 0 packages/{vx-zoom => visx-zoom}/src/types.ts | 0 .../{vx-zoom => visx-zoom}/src/util/matrix.ts | 0 .../{vx-zoom => visx-zoom}/test/Zoom.test.tsx | 0 packages/vx-axis/Readme.md | 19 --- packages/vx-bounds/Readme.md | 62 ---------- packages/vx-brush/Readme.md | 13 -- packages/vx-chord/Readme.md | 13 -- packages/vx-clip-path/Readme.md | 14 --- packages/vx-demo/Readme.md | 10 -- .../vx-demo/public/static/docs/vx-demo.html | 48 -------- .../util/extractVxDepsFromPackageJson.ts | 11 -- packages/vx-demo/src/pages/areas.tsx | 11 -- packages/vx-demo/src/pages/axis.tsx | 11 -- packages/vx-demo/src/pages/bars.tsx | 17 --- .../vx-demo/src/pages/docs/annotation.tsx | 10 -- packages/vx-demo/src/pages/docs/bounds.tsx | 5 - packages/vx-demo/src/pages/docs/clip-path.tsx | 12 -- packages/vx-demo/src/pages/docs/geo.tsx | 32 ----- packages/vx-demo/src/pages/docs/heatmap.tsx | 14 --- packages/vx-demo/src/pages/docs/legend.tsx | 18 --- packages/vx-demo/src/pages/docs/marker.tsx | 8 -- packages/vx-demo/src/pages/docs/network.tsx | 17 --- packages/vx-demo/src/pages/docs/pattern.tsx | 20 --- .../vx-demo/src/pages/docs/react-spring.tsx | 20 --- packages/vx-demo/src/pages/docs/voronoi.tsx | 14 --- packages/vx-demo/src/pages/docs/vx.tsx | 5 - packages/vx-demo/src/pages/dots.tsx | 11 -- packages/vx-demo/src/pages/drag-i.tsx | 18 --- packages/vx-demo/src/pages/drag-ii.tsx | 18 --- packages/vx-demo/src/pages/geo-custom.tsx | 19 --- packages/vx-demo/src/pages/geo-mercator.tsx | 19 --- packages/vx-demo/src/pages/gradients.tsx | 17 --- packages/vx-demo/src/pages/lineradial.tsx | 18 --- packages/vx-demo/src/pages/network.tsx | 16 --- packages/vx-demo/src/pages/pack.tsx | 11 -- packages/vx-demo/src/pages/pies.tsx | 16 --- packages/vx-demo/src/pages/polygons.tsx | 16 --- packages/vx-demo/src/pages/responsive.tsx | 16 --- packages/vx-demo/src/pages/splitlinepath.tsx | 17 --- packages/vx-demo/src/pages/statsplot.tsx | 17 --- packages/vx-demo/src/pages/streamgraph.tsx | 16 --- packages/vx-demo/src/pages/tooltip.tsx | 16 --- packages/vx-demo/src/pages/treemap.tsx | 16 --- packages/vx-demo/src/pages/trees.tsx | 17 --- packages/vx-demo/src/pages/xychart.tsx | 16 --- packages/vx-demo/src/pages/zoom-i.tsx | 16 --- .../sandboxes/exampleToVxDependencyLookup.ts | 103 ---------------- .../src/sandboxes/vx-bargroup/index.tsx | 11 -- .../vx-demo/src/sandboxes/vx-bars/index.tsx | 11 -- .../vx-barstack-horizontal/index.tsx | 11 -- .../vx-barstack-horizontal/package.json | 32 ----- .../src/sandboxes/vx-barstack/index.tsx | 11 -- .../vx-demo/src/sandboxes/vx-brush/index.tsx | 11 -- .../src/sandboxes/vx-brush/package.json | 34 ----- .../vx-demo/src/sandboxes/vx-chord/index.tsx | 11 -- .../vx-demo/src/sandboxes/vx-curve/index.tsx | 11 -- .../src/sandboxes/vx-dendrogram/index.tsx | 11 -- .../vx-demo/src/sandboxes/vx-dots/index.tsx | 11 -- .../src/sandboxes/vx-dots/package.json | 31 ----- .../vx-demo/src/sandboxes/vx-drag-i/index.tsx | 11 -- .../src/sandboxes/vx-drag-ii/index.tsx | 11 -- .../src/sandboxes/vx-geo-custom/index.tsx | 11 -- .../src/sandboxes/vx-geo-mercator/index.tsx | 11 -- .../vx-demo/src/sandboxes/vx-glyph/index.tsx | 11 -- .../src/sandboxes/vx-gradient/index.tsx | 11 -- .../src/sandboxes/vx-heatmap/index.tsx | 11 -- .../src/sandboxes/vx-linktypes/index.tsx | 11 -- .../src/sandboxes/vx-network/index.tsx | 11 -- .../vx-demo/src/sandboxes/vx-pack/index.tsx | 11 -- .../src/sandboxes/vx-pattern/index.tsx | 11 -- .../src/sandboxes/vx-polygons/index.tsx | 11 -- .../vx-demo/src/sandboxes/vx-radar/index.tsx | 11 -- .../src/sandboxes/vx-responsive/index.tsx | 11 -- .../sandboxes/vx-shape-line-radial/index.tsx | 11 -- .../src/sandboxes/vx-shape-pie/index.tsx | 11 -- .../vx-shape-splitlinepath/index.tsx | 11 -- .../src/sandboxes/vx-stacked-areas/index.tsx | 11 -- .../vx-demo/src/sandboxes/vx-stats/index.tsx | 11 -- .../src/sandboxes/vx-streamgraph/index.tsx | 11 -- .../src/sandboxes/vx-threshold/index.tsx | 11 -- .../src/sandboxes/vx-threshold/package.json | 31 ----- .../src/sandboxes/vx-tooltip/index.tsx | 11 -- .../vx-demo/src/sandboxes/vx-tree/index.tsx | 11 -- .../src/sandboxes/vx-treemap/index.tsx | 11 -- .../src/sandboxes/vx-voronoi/index.tsx | 11 -- .../src/sandboxes/vx-xychart/index.tsx | 11 -- .../src/sandboxes/vx-xychart/package.json | 26 ---- .../vx-demo/src/sandboxes/vx-zoom-i/index.tsx | 11 -- packages/vx-drag/Readme.md | 13 -- packages/vx-event/Readme.md | 55 --------- packages/vx-glyph/Readme.md | 14 --- packages/vx-grid/Readme.md | 34 ----- packages/vx-marker/Readme.md | 14 --- packages/vx-react-spring/README.md | 21 ---- packages/vx-shape/Readme.md | 14 --- packages/vx-stats/Readme.md | 14 --- packages/vx-threshold/Readme.md | 14 --- packages/vx-vx/Readme.md | 13 -- packages/vx-vx/package.json | 65 ---------- packages/vx-vx/src/index.ts | 28 ----- packages/vx-vx/test/index.test.ts | 116 ------------------ packages/vx-xychart/README.md | 3 - packages/vx-zoom/Readme.md | 13 -- 1020 files changed, 3612 insertions(+), 3545 deletions(-) rename assets/{vx-gallery.png => visx-gallery.png} (100%) rename assets/{vx.png => visx.png} (100%) rename packages/{vx-annotation => visx-annotation}/.npmrc (100%) rename packages/{vx-annotation => visx-annotation}/Readme.md (51%) rename packages/{vx-annotation => visx-annotation}/package.json (65%) rename packages/{vx-annotation => visx-annotation}/src/annotations/LinePathAnnotation.tsx (90%) rename packages/{vx-annotation => visx-annotation}/src/index.ts (100%) rename packages/{vx-annotation => visx-annotation}/test/LinePathAnnotation.test.tsx (88%) rename packages/{vx-axis => visx-axis}/.npmrc (100%) create mode 100644 packages/visx-axis/Readme.md rename packages/{vx-axis => visx-axis}/package.json (61%) rename packages/{vx-axis => visx-axis}/src/axis/Axis.tsx (93%) rename packages/{vx-axis => visx-axis}/src/axis/AxisBottom.tsx (92%) rename packages/{vx-axis => visx-axis}/src/axis/AxisLeft.tsx (93%) rename packages/{vx-axis => visx-axis}/src/axis/AxisRenderer.tsx (89%) rename packages/{vx-axis => visx-axis}/src/axis/AxisRight.tsx (93%) rename packages/{vx-axis => visx-axis}/src/axis/AxisTop.tsx (93%) rename packages/{vx-axis => visx-axis}/src/axis/Ticks.tsx (86%) rename packages/{vx-axis => visx-axis}/src/constants/orientation.ts (82%) rename packages/{vx-axis => visx-axis}/src/index.ts (100%) rename packages/{vx-axis => visx-axis}/src/types.ts (91%) rename packages/{vx-axis => visx-axis}/src/utils/createPoint.ts (80%) rename packages/{vx-axis => visx-axis}/src/utils/getLabelTransform.ts (95%) rename packages/{vx-axis => visx-axis}/src/utils/getTickFormatter.ts (90%) rename packages/{vx-axis => visx-axis}/src/utils/getTickPosition.ts (95%) rename packages/{vx-axis => visx-axis}/test/Axis.test.tsx (86%) rename packages/{vx-axis => visx-axis}/test/AxisBottom.test.tsx (90%) rename packages/{vx-axis => visx-axis}/test/AxisLeft.test.tsx (90%) rename packages/{vx-axis => visx-axis}/test/AxisRight.test.tsx (90%) rename packages/{vx-axis => visx-axis}/test/AxisTop.test.tsx (90%) rename packages/{vx-axis => visx-axis}/test/Orientation.test.ts (100%) rename packages/{vx-axis => visx-axis}/test/scales.test.tsx (99%) rename packages/{vx-axis => visx-axis}/test/utils/getTickPosition.test.ts (96%) rename packages/{vx-bounds => visx-bounds}/.npmrc (100%) create mode 100644 packages/visx-bounds/Readme.md rename packages/{vx-bounds => visx-bounds}/package.json (78%) rename packages/{vx-bounds => visx-bounds}/src/enhancers/withBoundingRects.tsx (100%) rename packages/{vx-bounds => visx-bounds}/src/index.ts (100%) rename packages/{vx-bounds => visx-bounds}/test/withBoundingRects.test.tsx (100%) rename packages/{vx-brush => visx-brush}/.npmrc (100%) create mode 100644 packages/visx-brush/Readme.md rename packages/{vx-brush => visx-brush}/package.json (61%) rename packages/{vx-brush => visx-brush}/src/BaseBrush.tsx (98%) rename packages/{vx-brush => visx-brush}/src/Brush.tsx (100%) rename packages/{vx-brush => visx-brush}/src/BrushCorner.tsx (97%) rename packages/{vx-brush => visx-brush}/src/BrushHandle.tsx (97%) rename packages/{vx-brush => visx-brush}/src/BrushSelection.tsx (97%) rename packages/{vx-brush => visx-brush}/src/index.ts (100%) rename packages/{vx-brush => visx-brush}/src/types.ts (100%) rename packages/{vx-brush => visx-brush}/src/utils.ts (100%) rename packages/{vx-brush => visx-brush}/test/Brush.test.tsx (100%) rename packages/{vx-brush => visx-brush}/test/utils.test.ts (98%) rename packages/{vx-chord => visx-chord}/.npmrc (100%) create mode 100644 packages/visx-chord/Readme.md rename packages/{vx-chord => visx-chord}/package.json (75%) rename packages/{vx-chord => visx-chord}/src/Chord.tsx (100%) rename packages/{vx-chord => visx-chord}/src/Ribbon.tsx (95%) rename packages/{vx-chord => visx-chord}/src/index.ts (100%) rename packages/{vx-chord => visx-chord}/test/Chord.test.tsx (100%) rename packages/{vx-chord => visx-chord}/test/Ribbon.test.tsx (100%) rename packages/{vx-clip-path => visx-clip-path}/.npmrc (100%) create mode 100644 packages/visx-clip-path/Readme.md rename packages/{vx-clip-path => visx-clip-path}/package.json (71%) rename packages/{vx-clip-path => visx-clip-path}/src/clip-paths/CircleClipPath.tsx (100%) rename packages/{vx-clip-path => visx-clip-path}/src/clip-paths/ClipPath.tsx (100%) rename packages/{vx-clip-path => visx-clip-path}/src/clip-paths/RectClipPath.tsx (100%) rename packages/{vx-clip-path => visx-clip-path}/src/index.ts (100%) rename packages/{vx-clip-path => visx-clip-path}/test/ClipPaths.test.tsx (100%) rename packages/{vx-curve => visx-curve}/.npmrc (100%) rename packages/{vx-curve => visx-curve}/Readme.md (83%) rename packages/{vx-curve => visx-curve}/package.json (78%) rename packages/{vx-curve => visx-curve}/src/index.ts (100%) rename packages/{vx-curve => visx-curve}/test/curve.test.ts (100%) rename packages/{vx-demo => visx-demo}/.babelrc (100%) rename packages/{vx-demo => visx-demo}/.gitignore (100%) rename packages/{vx-demo => visx-demo}/.npmrc (100%) create mode 100644 packages/visx-demo/Readme.md rename packages/{vx-demo => visx-demo}/next-env.d.ts (100%) rename packages/{vx-demo => visx-demo}/next.config.js (95%) rename packages/{vx-demo => visx-demo}/package.json (50%) rename packages/{vx-demo => visx-demo}/public/static/doc_styles.css (100%) create mode 100644 packages/visx-demo/public/static/docs/visx-demo.html rename packages/{vx-demo => visx-demo}/public/static/favicon.ico (100%) rename packages/{vx-demo => visx-demo}/public/static/logo-dark.png (100%) rename packages/{vx-demo => visx-demo}/public/static/prism/prism-funky.css (100%) rename packages/{vx-demo => visx-demo}/public/static/prism/prism-line-numbers.css (100%) rename packages/{vx-demo => visx-demo}/public/static/style.css (100%) rename packages/{vx-demo => visx-demo}/public/static/tiger-gray.png (100%) rename packages/{vx-demo => visx-demo}/public/static/tiger-twitter-card.jpg (100%) rename packages/{vx-demo => visx-demo}/public/static/tiger.png (100%) rename packages/{vx-demo/public/static/vx-gallery.png => visx-demo/public/static/visx-gallery.png} (100%) rename packages/{vx-demo/public/static/vx-geo => visx-demo/public/static/visx-geo}/world-topo.json (100%) rename packages/{vx-demo => visx-demo}/src/components/ApiTable.tsx (100%) rename packages/{vx-demo => visx-demo}/src/components/CodeSandboxLink.tsx (90%) rename packages/{vx-demo => visx-demo}/src/components/Codeblock.tsx (100%) rename packages/{vx-demo => visx-demo}/src/components/DocPage.tsx (93%) rename packages/{vx-demo => visx-demo}/src/components/Footer.tsx (75%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/AreaTile.tsx (81%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/AxisTile.tsx (84%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/BarGroupHorizontalTile.tsx (81%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/BarGroupTile.tsx (80%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/BarStackHorizontalTile.tsx (79%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/BarStackTile.tsx (69%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/BarsTile.tsx (74%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/BrushTile.tsx (84%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/ChordTile.tsx (74%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/CurvesTile.tsx (69%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/DendrogramsTile.tsx (82%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/DotsTile.tsx (77%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/DragIITile.tsx (78%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/DragITile.tsx (74%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/GeoCustomTile.tsx (83%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/GeoMercatorTile.tsx (69%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/GlyphsTile.tsx (74%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/GradientsTile.tsx (75%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/HeatmapsTile.tsx (82%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/LegendsTile.tsx (74%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/LineRadialTile.tsx (79%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/LinkTypesTile.tsx (72%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/NetworkTile.tsx (79%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/PackTile.tsx (75%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/PatternsTile.tsx (72%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/PiesTile.tsx (78%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/PolygonsTile.tsx (84%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/RadarTile.tsx (81%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/ResponsiveTile.tsx (77%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/SplitLinePathTile.tsx (80%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/StackedAreasTile.tsx (79%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/StatsPlotTile.tsx (74%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/StreamGraphTile.tsx (81%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/TextTile.tsx (90%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/ThresholdTile.tsx (84%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/TooltipTile.tsx (75%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/TreemapTile.tsx (83%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/TreesTile.tsx (77%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/VoronoiTile.tsx (78%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/ZoomITile.tsx (73%) rename packages/{vx-demo => visx-demo}/src/components/Gallery/index.tsx (90%) rename packages/{vx-demo => visx-demo}/src/components/GalleryTile.tsx (97%) rename packages/{vx-demo => visx-demo}/src/components/Logo.tsx (96%) rename packages/{vx-demo => visx-demo}/src/components/Meta.tsx (89%) rename packages/{vx-demo => visx-demo}/src/components/Nav.tsx (95%) rename packages/{vx-demo => visx-demo}/src/components/NavItem.tsx (100%) rename packages/{vx-demo => visx-demo}/src/components/PackageList.tsx (85%) rename packages/{vx-demo => visx-demo}/src/components/Page.tsx (100%) rename packages/{vx-demo => visx-demo}/src/components/Show.tsx (87%) rename packages/{vx-demo/src/components/VxDocLink.tsx => visx-demo/src/components/VisxDocLink.tsx} (58%) rename packages/{vx-demo => visx-demo}/src/components/util/drawData.ts (100%) create mode 100644 packages/visx-demo/src/components/util/extractVisxDepsFromPackageJson.ts rename packages/{vx-demo => visx-demo}/src/next-env.d.ts (100%) rename packages/{vx-demo => visx-demo}/src/pages/_app.tsx (100%) create mode 100644 packages/visx-demo/src/pages/areas.tsx create mode 100644 packages/visx-demo/src/pages/axis.tsx rename packages/{vx-demo => visx-demo}/src/pages/bargroup.tsx (52%) rename packages/{vx-demo => visx-demo}/src/pages/bargrouphorizontal.tsx (60%) create mode 100644 packages/visx-demo/src/pages/bars.tsx rename packages/{vx-demo => visx-demo}/src/pages/barstack.tsx (52%) rename packages/{vx-demo => visx-demo}/src/pages/barstackhorizontal.tsx (64%) rename packages/{vx-demo => visx-demo}/src/pages/brush.tsx (55%) rename packages/{vx-demo => visx-demo}/src/pages/chord.tsx (50%) rename packages/{vx-demo => visx-demo}/src/pages/curves.tsx (50%) rename packages/{vx-demo => visx-demo}/src/pages/dendrograms.tsx (57%) rename packages/{vx-demo => visx-demo}/src/pages/docs.tsx (84%) rename packages/{vx-demo => visx-demo}/src/pages/docs/.eslintrc (100%) create mode 100644 packages/visx-demo/src/pages/docs/annotation.tsx rename packages/{vx-demo => visx-demo}/src/pages/docs/axis.tsx (53%) create mode 100644 packages/visx-demo/src/pages/docs/bounds.tsx rename packages/{vx-demo => visx-demo}/src/pages/docs/brush.tsx (63%) rename packages/{vx-demo => visx-demo}/src/pages/docs/chord.tsx (57%) create mode 100644 packages/visx-demo/src/pages/docs/clip-path.tsx rename packages/{vx-demo => visx-demo}/src/pages/docs/curve.tsx (69%) rename packages/{vx-demo => visx-demo}/src/pages/docs/drag.tsx (69%) rename packages/{vx-demo => visx-demo}/src/pages/docs/event.tsx (78%) create mode 100644 packages/visx-demo/src/pages/docs/geo.tsx rename packages/{vx-demo => visx-demo}/src/pages/docs/glyph.tsx (78%) rename packages/{vx-demo => visx-demo}/src/pages/docs/gradient.tsx (87%) rename packages/{vx-demo => visx-demo}/src/pages/docs/grid.tsx (61%) rename packages/{vx-demo => visx-demo}/src/pages/docs/group.tsx (80%) create mode 100644 packages/visx-demo/src/pages/docs/heatmap.tsx rename packages/{vx-demo => visx-demo}/src/pages/docs/hierarchy.tsx (58%) create mode 100644 packages/visx-demo/src/pages/docs/legend.tsx create mode 100644 packages/visx-demo/src/pages/docs/marker.tsx rename packages/{vx-demo => visx-demo}/src/pages/docs/mock-data.tsx (74%) create mode 100644 packages/visx-demo/src/pages/docs/network.tsx create mode 100644 packages/visx-demo/src/pages/docs/pattern.tsx rename packages/{vx-demo => visx-demo}/src/pages/docs/point.tsx (68%) create mode 100644 packages/visx-demo/src/pages/docs/react-spring.tsx rename packages/{vx-demo => visx-demo}/src/pages/docs/responsive.tsx (56%) rename packages/{vx-demo => visx-demo}/src/pages/docs/scale.tsx (86%) rename packages/{vx-demo => visx-demo}/src/pages/docs/shape.tsx (88%) rename packages/{vx-demo => visx-demo}/src/pages/docs/stats.tsx (57%) rename packages/{vx-demo => visx-demo}/src/pages/docs/text.tsx (64%) rename packages/{vx-demo => visx-demo}/src/pages/docs/threshold.tsx (65%) rename packages/{vx-demo => visx-demo}/src/pages/docs/tooltip.tsx (51%) create mode 100644 packages/visx-demo/src/pages/docs/visx.tsx create mode 100644 packages/visx-demo/src/pages/docs/voronoi.tsx rename packages/{vx-demo => visx-demo}/src/pages/docs/zoom.tsx (64%) create mode 100644 packages/visx-demo/src/pages/dots.tsx create mode 100644 packages/visx-demo/src/pages/drag-i.tsx create mode 100644 packages/visx-demo/src/pages/drag-ii.tsx rename packages/{vx-demo => visx-demo}/src/pages/gallery.tsx (100%) create mode 100644 packages/visx-demo/src/pages/geo-custom.tsx create mode 100644 packages/visx-demo/src/pages/geo-mercator.tsx rename packages/{vx-demo => visx-demo}/src/pages/glyphs.tsx (50%) create mode 100644 packages/visx-demo/src/pages/gradients.tsx rename packages/{vx-demo => visx-demo}/src/pages/heatmaps.tsx (58%) rename packages/{vx-demo => visx-demo}/src/pages/home.tsx (86%) rename packages/{vx-demo => visx-demo}/src/pages/index.tsx (100%) rename packages/{vx-demo => visx-demo}/src/pages/legends.tsx (51%) create mode 100644 packages/visx-demo/src/pages/lineradial.tsx rename packages/{vx-demo => visx-demo}/src/pages/linktypes.tsx (55%) create mode 100644 packages/visx-demo/src/pages/network.tsx create mode 100644 packages/visx-demo/src/pages/pack.tsx rename packages/{vx-demo => visx-demo}/src/pages/patterns.tsx (57%) create mode 100644 packages/visx-demo/src/pages/pies.tsx create mode 100644 packages/visx-demo/src/pages/polygons.tsx rename packages/{vx-demo => visx-demo}/src/pages/radar.tsx (52%) create mode 100644 packages/visx-demo/src/pages/responsive.tsx create mode 100644 packages/visx-demo/src/pages/splitlinepath.tsx rename packages/{vx-demo => visx-demo}/src/pages/stacked-areas.tsx (52%) create mode 100644 packages/visx-demo/src/pages/statsplot.tsx create mode 100644 packages/visx-demo/src/pages/streamgraph.tsx rename packages/{vx-demo => visx-demo}/src/pages/text.tsx (94%) rename packages/{vx-demo => visx-demo}/src/pages/threshold.tsx (70%) create mode 100644 packages/visx-demo/src/pages/tooltip.tsx create mode 100644 packages/visx-demo/src/pages/treemap.tsx create mode 100644 packages/visx-demo/src/pages/trees.tsx rename packages/{vx-demo => visx-demo}/src/pages/voronoi.tsx (55%) create mode 100644 packages/visx-demo/src/pages/xychart.tsx create mode 100644 packages/visx-demo/src/pages/zoom-i.tsx rename packages/{vx-demo => visx-demo}/src/sandboxes/README.md (78%) create mode 100644 packages/visx-demo/src/sandboxes/exampleToVisxDependencyLookup.ts rename packages/{vx-demo => visx-demo}/src/sandboxes/template/Example.tsx (100%) rename packages/{vx-demo/src/sandboxes/vx-area => visx-demo/src/sandboxes/template}/index.tsx (79%) rename packages/{vx-demo => visx-demo}/src/sandboxes/template/package.json (73%) rename packages/{vx-demo => visx-demo}/src/sandboxes/template/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-area => visx-demo/src/sandboxes/visx-area}/Example.tsx (91%) rename packages/{vx-demo/src/sandboxes/template => visx-demo/src/sandboxes/visx-area}/index.tsx (79%) rename packages/{vx-demo/src/sandboxes/vx-area => visx-demo/src/sandboxes/visx-area}/package.json (52%) rename packages/{vx-demo/src/sandboxes/vx-area => visx-demo/src/sandboxes/visx-area}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-axis => visx-demo/src/sandboxes/visx-axis}/Example.tsx (95%) rename packages/{vx-demo/src/sandboxes/vx-axis => visx-demo/src/sandboxes/visx-axis}/index.tsx (79%) rename packages/{vx-demo/src/sandboxes/vx-axis => visx-demo/src/sandboxes/visx-axis}/package.json (57%) rename packages/{vx-demo/src/sandboxes/vx-axis => visx-demo/src/sandboxes/visx-axis}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-bargroup-horizontal => visx-demo/src/sandboxes/visx-bargroup-horizontal}/Example.tsx (91%) rename packages/{vx-demo/src/sandboxes/vx-bargroup-horizontal => visx-demo/src/sandboxes/visx-bargroup-horizontal}/index.tsx (79%) rename packages/{vx-demo/src/sandboxes/vx-bargroup-horizontal => visx-demo/src/sandboxes/visx-bargroup-horizontal}/package.json (55%) rename packages/{vx-demo/src/sandboxes/vx-bargroup-horizontal => visx-demo/src/sandboxes/visx-bargroup-horizontal}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-bargroup => visx-demo/src/sandboxes/visx-bargroup}/Example.tsx (92%) create mode 100644 packages/visx-demo/src/sandboxes/visx-bargroup/index.tsx rename packages/{vx-demo/src/sandboxes/vx-bargroup => visx-demo/src/sandboxes/visx-bargroup}/package.json (56%) rename packages/{vx-demo/src/sandboxes/vx-bargroup => visx-demo/src/sandboxes/visx-bargroup}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-bars => visx-demo/src/sandboxes/visx-bars}/Example.tsx (87%) create mode 100644 packages/visx-demo/src/sandboxes/visx-bars/index.tsx rename packages/{vx-demo/src/sandboxes/vx-bars => visx-demo/src/sandboxes/visx-bars}/package.json (55%) rename packages/{vx-demo/src/sandboxes/vx-bars => visx-demo/src/sandboxes/visx-bars}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-barstack-horizontal => visx-demo/src/sandboxes/visx-barstack-horizontal}/Example.tsx (91%) create mode 100644 packages/visx-demo/src/sandboxes/visx-barstack-horizontal/index.tsx create mode 100644 packages/visx-demo/src/sandboxes/visx-barstack-horizontal/package.json rename packages/{vx-demo/src/sandboxes/vx-barstack-horizontal => visx-demo/src/sandboxes/visx-barstack-horizontal}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-barstack => visx-demo/src/sandboxes/visx-barstack}/Example.tsx (92%) create mode 100644 packages/visx-demo/src/sandboxes/visx-barstack/index.tsx rename packages/{vx-demo/src/sandboxes/vx-barstack => visx-demo/src/sandboxes/visx-barstack}/package.json (50%) rename packages/{vx-demo/src/sandboxes/vx-barstack => visx-demo/src/sandboxes/visx-barstack}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-brush => visx-demo/src/sandboxes/visx-brush}/AreaChart.tsx (87%) rename packages/{vx-demo/src/sandboxes/vx-brush => visx-demo/src/sandboxes/visx-brush}/Example.tsx (93%) create mode 100644 packages/visx-demo/src/sandboxes/visx-brush/index.tsx create mode 100644 packages/visx-demo/src/sandboxes/visx-brush/package.json rename packages/{vx-demo/src/sandboxes/vx-brush => visx-demo/src/sandboxes/visx-brush}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-chord => visx-demo/src/sandboxes/visx-chord}/Example.tsx (94%) create mode 100644 packages/visx-demo/src/sandboxes/visx-chord/index.tsx create mode 100644 packages/visx-demo/src/sandboxes/visx-chord/package.json rename packages/{vx-demo/src/sandboxes/vx-chord => visx-demo/src/sandboxes/visx-chord}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-curve => visx-demo/src/sandboxes/visx-curve}/Example.tsx (88%) create mode 100644 packages/visx-demo/src/sandboxes/visx-curve/index.tsx rename packages/{vx-demo/src/sandboxes/vx-curve => visx-demo/src/sandboxes/visx-curve}/package.json (53%) rename packages/{vx-demo/src/sandboxes/vx-curve => visx-demo/src/sandboxes/visx-curve}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-dendrogram => visx-demo/src/sandboxes/visx-dendrogram}/Example.tsx (92%) create mode 100644 packages/visx-demo/src/sandboxes/visx-dendrogram/index.tsx rename packages/{vx-demo/src/sandboxes/vx-dendrogram => visx-demo/src/sandboxes/visx-dendrogram}/package.json (58%) rename packages/{vx-demo/src/sandboxes/vx-dendrogram => visx-demo/src/sandboxes/visx-dendrogram}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-dots => visx-demo/src/sandboxes/visx-dots}/Example.tsx (90%) create mode 100644 packages/visx-demo/src/sandboxes/visx-dots/index.tsx create mode 100644 packages/visx-demo/src/sandboxes/visx-dots/package.json rename packages/{vx-demo/src/sandboxes/vx-dots => visx-demo/src/sandboxes/visx-dots}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-drag-i => visx-demo/src/sandboxes/visx-drag-i}/Example.tsx (95%) rename packages/{vx-demo/src/sandboxes/vx-drag-i => visx-demo/src/sandboxes/visx-drag-i}/generateCircles.ts (100%) create mode 100644 packages/visx-demo/src/sandboxes/visx-drag-i/index.tsx rename packages/{vx-demo/src/sandboxes/vx-drag-i => visx-demo/src/sandboxes/visx-drag-i}/package.json (61%) rename packages/{vx-demo/src/sandboxes/vx-drag-i => visx-demo/src/sandboxes/visx-drag-i}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-drag-ii => visx-demo/src/sandboxes/visx-drag-ii}/Example.tsx (95%) create mode 100644 packages/visx-demo/src/sandboxes/visx-drag-ii/index.tsx rename packages/{vx-demo/src/sandboxes/vx-drag-ii => visx-demo/src/sandboxes/visx-drag-ii}/package.json (58%) rename packages/{vx-demo/src/sandboxes/vx-drag-ii => visx-demo/src/sandboxes/visx-drag-ii}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-geo-custom => visx-demo/src/sandboxes/visx-geo-custom}/Example.tsx (96%) create mode 100644 packages/visx-demo/src/sandboxes/visx-geo-custom/index.tsx rename packages/{vx-demo/src/sandboxes/vx-geo-custom => visx-demo/src/sandboxes/visx-geo-custom}/package.json (66%) rename packages/{vx-demo/src/sandboxes/vx-geo-custom => visx-demo/src/sandboxes/visx-geo-custom}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-geo-custom => visx-demo/src/sandboxes/visx-geo-custom}/world-topo.d.ts (100%) rename packages/{vx-demo/src/sandboxes/vx-geo-custom => visx-demo/src/sandboxes/visx-geo-custom}/world-topo.json (100%) rename packages/{vx-demo/src/sandboxes/vx-geo-mercator => visx-demo/src/sandboxes/visx-geo-mercator}/Example.tsx (95%) create mode 100644 packages/visx-demo/src/sandboxes/visx-geo-mercator/index.tsx rename packages/{vx-demo/src/sandboxes/vx-geo-mercator => visx-demo/src/sandboxes/visx-geo-mercator}/package.json (67%) rename packages/{vx-demo/src/sandboxes/vx-geo-mercator => visx-demo/src/sandboxes/visx-geo-mercator}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-geo-mercator => visx-demo/src/sandboxes/visx-geo-mercator}/world-topo.d.ts (100%) rename packages/{vx-demo/src/sandboxes/vx-geo-mercator => visx-demo/src/sandboxes/visx-geo-mercator}/world-topo.json (100%) rename packages/{vx-demo/src/sandboxes/vx-glyph => visx-demo/src/sandboxes/visx-glyph}/Example.tsx (91%) create mode 100644 packages/visx-demo/src/sandboxes/visx-glyph/index.tsx rename packages/{vx-demo/src/sandboxes/vx-glyph => visx-demo/src/sandboxes/visx-glyph}/package.json (53%) rename packages/{vx-demo/src/sandboxes/vx-glyph => visx-demo/src/sandboxes/visx-glyph}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-gradient => visx-demo/src/sandboxes/visx-gradient}/Example.tsx (93%) create mode 100644 packages/visx-demo/src/sandboxes/visx-gradient/index.tsx rename packages/{vx-demo/src/sandboxes/vx-gradient => visx-demo/src/sandboxes/visx-gradient}/package.json (64%) rename packages/{vx-demo/src/sandboxes/vx-gradient => visx-demo/src/sandboxes/visx-gradient}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-heatmap => visx-demo/src/sandboxes/visx-heatmap}/Example.tsx (92%) create mode 100644 packages/visx-demo/src/sandboxes/visx-heatmap/index.tsx rename packages/{vx-demo/src/sandboxes/vx-heatmap => visx-demo/src/sandboxes/visx-heatmap}/package.json (57%) rename packages/{vx-demo/src/sandboxes/vx-heatmap => visx-demo/src/sandboxes/visx-heatmap}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-legend => visx-demo/src/sandboxes/visx-legend}/Example.tsx (99%) rename packages/{vx-demo/src/sandboxes/vx-legend => visx-demo/src/sandboxes/visx-legend}/index.tsx (100%) rename packages/{vx-demo/src/sandboxes/vx-legend => visx-demo/src/sandboxes/visx-legend}/package.json (66%) rename packages/{vx-demo/src/sandboxes/vx-legend => visx-demo/src/sandboxes/visx-legend}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-linktypes => visx-demo/src/sandboxes/visx-linktypes}/Example.tsx (97%) rename packages/{vx-demo/src/sandboxes/vx-linktypes => visx-demo/src/sandboxes/visx-linktypes}/LinkControls.tsx (100%) rename packages/{vx-demo/src/sandboxes/vx-linktypes => visx-demo/src/sandboxes/visx-linktypes}/getLinkComponent.ts (98%) create mode 100644 packages/visx-demo/src/sandboxes/visx-linktypes/index.tsx rename packages/{vx-demo/src/sandboxes/vx-linktypes => visx-demo/src/sandboxes/visx-linktypes}/package.json (59%) rename packages/{vx-demo/src/sandboxes/vx-linktypes => visx-demo/src/sandboxes/visx-linktypes}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-linktypes => visx-demo/src/sandboxes/visx-linktypes}/useForceUpdate.ts (100%) rename packages/{vx-demo/src/sandboxes/vx-network => visx-demo/src/sandboxes/visx-network}/Example.tsx (94%) create mode 100644 packages/visx-demo/src/sandboxes/visx-network/index.tsx rename packages/{vx-demo/src/sandboxes/vx-network => visx-demo/src/sandboxes/visx-network}/package.json (68%) rename packages/{vx-demo/src/sandboxes/vx-network => visx-demo/src/sandboxes/visx-network}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-pack => visx-demo/src/sandboxes/visx-pack}/Example.tsx (89%) create mode 100644 packages/visx-demo/src/sandboxes/visx-pack/index.tsx rename packages/{vx-demo/src/sandboxes/vx-pack => visx-demo/src/sandboxes/visx-pack}/package.json (57%) rename packages/{vx-demo/src/sandboxes/vx-pack => visx-demo/src/sandboxes/visx-pack}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-pattern => visx-demo/src/sandboxes/visx-pattern}/Example.tsx (93%) create mode 100644 packages/visx-demo/src/sandboxes/visx-pattern/index.tsx rename packages/{vx-demo/src/sandboxes/vx-pattern => visx-demo/src/sandboxes/visx-pattern}/package.json (61%) rename packages/{vx-demo/src/sandboxes/vx-pattern => visx-demo/src/sandboxes/visx-pattern}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-polygons => visx-demo/src/sandboxes/visx-polygons}/Example.tsx (89%) create mode 100644 packages/visx-demo/src/sandboxes/visx-polygons/index.tsx rename packages/{vx-demo/src/sandboxes/vx-polygons => visx-demo/src/sandboxes/visx-polygons}/package.json (58%) rename packages/{vx-demo/src/sandboxes/vx-polygons => visx-demo/src/sandboxes/visx-polygons}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-radar => visx-demo/src/sandboxes/visx-radar}/Example.tsx (92%) create mode 100644 packages/visx-demo/src/sandboxes/visx-radar/index.tsx rename packages/{vx-demo/src/sandboxes/vx-radar => visx-demo/src/sandboxes/visx-radar}/package.json (54%) rename packages/{vx-demo/src/sandboxes/vx-radar => visx-demo/src/sandboxes/visx-radar}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-responsive => visx-demo/src/sandboxes/visx-responsive}/Example.tsx (96%) rename packages/{vx-demo/src/sandboxes/vx-responsive => visx-demo/src/sandboxes/visx-responsive}/Lines.tsx (84%) create mode 100644 packages/visx-demo/src/sandboxes/visx-responsive/index.tsx rename packages/{vx-demo/src/sandboxes/vx-responsive => visx-demo/src/sandboxes/visx-responsive}/package.json (60%) rename packages/{vx-demo/src/sandboxes/vx-responsive => visx-demo/src/sandboxes/visx-responsive}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-shape-line-radial => visx-demo/src/sandboxes/visx-shape-line-radial}/Example.tsx (93%) create mode 100644 packages/visx-demo/src/sandboxes/visx-shape-line-radial/index.tsx rename packages/{vx-demo/src/sandboxes/vx-shape-line-radial => visx-demo/src/sandboxes/visx-shape-line-radial}/package.json (55%) rename packages/{vx-demo/src/sandboxes/vx-shape-line-radial => visx-demo/src/sandboxes/visx-shape-line-radial}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-shape-pie => visx-demo/src/sandboxes/visx-shape-pie}/Example.tsx (92%) create mode 100644 packages/visx-demo/src/sandboxes/visx-shape-pie/index.tsx rename packages/{vx-demo/src/sandboxes/vx-shape-pie => visx-demo/src/sandboxes/visx-shape-pie}/package.json (58%) rename packages/{vx-demo/src/sandboxes/vx-shape-pie => visx-demo/src/sandboxes/visx-shape-pie}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-shape-splitlinepath => visx-demo/src/sandboxes/visx-shape-splitlinepath}/Example.tsx (92%) rename packages/{vx-demo/src/sandboxes/vx-shape-splitlinepath => visx-demo/src/sandboxes/visx-shape-splitlinepath}/generateSinPoints.ts (100%) create mode 100644 packages/visx-demo/src/sandboxes/visx-shape-splitlinepath/index.tsx rename packages/{vx-demo/src/sandboxes/vx-shape-splitlinepath => visx-demo/src/sandboxes/visx-shape-splitlinepath}/package.json (56%) rename packages/{vx-demo/src/sandboxes/vx-shape-splitlinepath => visx-demo/src/sandboxes/visx-shape-splitlinepath}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-stacked-areas => visx-demo/src/sandboxes/visx-stacked-areas}/Example.tsx (87%) create mode 100644 packages/visx-demo/src/sandboxes/visx-stacked-areas/index.tsx rename packages/{vx-demo/src/sandboxes/vx-stacked-areas => visx-demo/src/sandboxes/visx-stacked-areas}/package.json (58%) rename packages/{vx-demo/src/sandboxes/vx-stacked-areas => visx-demo/src/sandboxes/visx-stacked-areas}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-stats => visx-demo/src/sandboxes/visx-stats}/Example.tsx (93%) create mode 100644 packages/visx-demo/src/sandboxes/visx-stats/index.tsx rename packages/{vx-demo/src/sandboxes/vx-stats => visx-demo/src/sandboxes/visx-stats}/package.json (52%) rename packages/{vx-demo/src/sandboxes/vx-stats => visx-demo/src/sandboxes/visx-stats}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-streamgraph => visx-demo/src/sandboxes/visx-streamgraph}/Example.tsx (95%) rename packages/{vx-demo/src/sandboxes/vx-streamgraph => visx-demo/src/sandboxes/visx-streamgraph}/generateData.ts (100%) create mode 100644 packages/visx-demo/src/sandboxes/visx-streamgraph/index.tsx rename packages/{vx-demo/src/sandboxes/vx-streamgraph => visx-demo/src/sandboxes/visx-streamgraph}/package.json (67%) rename packages/{vx-demo/src/sandboxes/vx-streamgraph => visx-demo/src/sandboxes/visx-streamgraph}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-streamgraph => visx-demo/src/sandboxes/visx-streamgraph}/useForceUpdate.ts (100%) rename packages/{vx-demo/src/sandboxes/vx-threshold => visx-demo/src/sandboxes/visx-threshold}/Example.tsx (87%) create mode 100644 packages/visx-demo/src/sandboxes/visx-threshold/index.tsx create mode 100644 packages/visx-demo/src/sandboxes/visx-threshold/package.json rename packages/{vx-demo/src/sandboxes/vx-threshold => visx-demo/src/sandboxes/visx-threshold}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-tooltip => visx-demo/src/sandboxes/visx-tooltip}/Example.tsx (95%) create mode 100644 packages/visx-demo/src/sandboxes/visx-tooltip/index.tsx rename packages/{vx-demo/src/sandboxes/vx-tooltip => visx-demo/src/sandboxes/visx-tooltip}/package.json (67%) rename packages/{vx-demo/src/sandboxes/vx-tooltip => visx-demo/src/sandboxes/visx-tooltip}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-tree => visx-demo/src/sandboxes/visx-tree}/Example.tsx (94%) create mode 100644 packages/visx-demo/src/sandboxes/visx-tree/index.tsx rename packages/{vx-demo/src/sandboxes/vx-tree => visx-demo/src/sandboxes/visx-tree}/package.json (59%) rename packages/{vx-demo/src/sandboxes/vx-tree => visx-demo/src/sandboxes/visx-tree}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-treemap => visx-demo/src/sandboxes/visx-treemap}/Example.tsx (93%) create mode 100644 packages/visx-demo/src/sandboxes/visx-treemap/index.tsx rename packages/{vx-demo/src/sandboxes/vx-treemap => visx-demo/src/sandboxes/visx-treemap}/package.json (58%) rename packages/{vx-demo/src/sandboxes/vx-treemap => visx-demo/src/sandboxes/visx-treemap}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-voronoi => visx-demo/src/sandboxes/visx-voronoi}/Example.tsx (93%) create mode 100644 packages/visx-demo/src/sandboxes/visx-voronoi/index.tsx rename packages/{vx-demo/src/sandboxes/vx-voronoi => visx-demo/src/sandboxes/visx-voronoi}/package.json (54%) rename packages/{vx-demo/src/sandboxes/vx-voronoi => visx-demo/src/sandboxes/visx-voronoi}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-xychart => visx-demo/src/sandboxes/visx-xychart}/CustomChartBackground.tsx (90%) rename packages/{vx-demo/src/sandboxes/vx-xychart => visx-demo/src/sandboxes/visx-xychart}/Example.tsx (94%) rename packages/{vx-demo/src/sandboxes/vx-xychart => visx-demo/src/sandboxes/visx-xychart}/ExampleControls.tsx (97%) rename packages/{vx-demo/src/sandboxes/vx-xychart => visx-demo/src/sandboxes/visx-xychart}/customTheme.ts (81%) create mode 100644 packages/visx-demo/src/sandboxes/visx-xychart/index.tsx rename packages/{vx-demo/src/sandboxes/vx-chord => visx-demo/src/sandboxes/visx-xychart}/package.json (55%) rename packages/{vx-demo/src/sandboxes/vx-xychart => visx-demo/src/sandboxes/visx-xychart}/sandbox-styles.css (100%) rename packages/{vx-demo/src/sandboxes/vx-zoom-i => visx-demo/src/sandboxes/visx-zoom-i}/Example.tsx (96%) create mode 100644 packages/visx-demo/src/sandboxes/visx-zoom-i/index.tsx rename packages/{vx-demo/src/sandboxes/vx-zoom-i => visx-demo/src/sandboxes/visx-zoom-i}/package.json (57%) rename packages/{vx-demo/src/sandboxes/vx-zoom-i => visx-demo/src/sandboxes/visx-zoom-i}/sandbox-styles.css (100%) rename packages/{vx-demo => visx-demo}/src/types/index.ts (96%) rename packages/{vx-demo => visx-demo}/src/types/raw-loader.d.ts (100%) rename packages/{vx-demo => visx-demo}/src/types/react-tilt.d.ts (100%) rename packages/{vx-demo => visx-demo}/vercel.json (100%) rename packages/{vx-drag => visx-drag}/.npmrc (100%) create mode 100644 packages/visx-drag/Readme.md rename packages/{vx-drag => visx-drag}/package.json (67%) rename packages/{vx-drag => visx-drag}/src/Drag.tsx (95%) rename packages/{vx-drag => visx-drag}/src/index.ts (100%) rename packages/{vx-drag => visx-drag}/src/util/raise.ts (100%) rename packages/{vx-drag => visx-drag}/test/Drag.test.ts (100%) rename packages/{vx-event => visx-event}/.npmrc (100%) create mode 100644 packages/visx-event/Readme.md rename packages/{vx-event => visx-event}/package.json (63%) rename packages/{vx-event => visx-event}/src/getXAndYFromEvent.ts (100%) rename packages/{vx-event => visx-event}/src/index.ts (100%) rename packages/{vx-event => visx-event}/src/localPoint.ts (100%) rename packages/{vx-event => visx-event}/src/localPointGeneric.ts (96%) rename packages/{vx-event => visx-event}/src/touchPoint.ts (100%) rename packages/{vx-event => visx-event}/src/typeGuards.ts (100%) rename packages/{vx-event => visx-event}/src/types.ts (100%) rename packages/{vx-event => visx-event}/test/getXandYFromEvent.test.ts (100%) rename packages/{vx-event => visx-event}/test/localPoint.test.ts (97%) rename packages/{vx-geo => visx-geo}/.npmrc (100%) rename packages/{vx-geo => visx-geo}/Readme.md (57%) rename packages/{vx-geo => visx-geo}/package.json (76%) rename packages/{vx-geo => visx-geo}/src/graticule/Graticule.tsx (97%) rename packages/{vx-geo => visx-geo}/src/index.ts (100%) rename packages/{vx-geo => visx-geo}/src/projections/Albers.tsx (100%) rename packages/{vx-geo => visx-geo}/src/projections/AlbersUsa.tsx (100%) rename packages/{vx-geo => visx-geo}/src/projections/CustomProjection.tsx (100%) rename packages/{vx-geo => visx-geo}/src/projections/EqualEarth.tsx (100%) rename packages/{vx-geo => visx-geo}/src/projections/Mercator.tsx (100%) rename packages/{vx-geo => visx-geo}/src/projections/NaturalEarth.tsx (100%) rename packages/{vx-geo => visx-geo}/src/projections/Orthographic.tsx (100%) rename packages/{vx-geo => visx-geo}/src/projections/Projection.tsx (98%) rename packages/{vx-geo => visx-geo}/src/types.ts (100%) rename packages/{vx-geo => visx-geo}/test/Albers.test.tsx (100%) rename packages/{vx-geo => visx-geo}/test/AlbersUsa.test.tsx (100%) rename packages/{vx-geo => visx-geo}/test/CustomProjection.test.tsx (100%) rename packages/{vx-geo => visx-geo}/test/EqualEarth.test.tsx (100%) rename packages/{vx-geo => visx-geo}/test/Mercator.test.tsx (100%) rename packages/{vx-geo => visx-geo}/test/Orthographic.test.tsx (100%) rename packages/{vx-geo => visx-geo}/test/Projection.test.tsx (90%) rename packages/{vx-geo => visx-geo}/test/topo.json (100%) rename packages/{vx-glyph => visx-glyph}/.npmrc (100%) create mode 100644 packages/visx-glyph/Readme.md rename packages/{vx-glyph => visx-glyph}/package.json (71%) rename packages/{vx-glyph => visx-glyph}/src/glyphs/Glyph.tsx (82%) rename packages/{vx-glyph => visx-glyph}/src/glyphs/GlyphCircle.tsx (92%) rename packages/{vx-glyph => visx-glyph}/src/glyphs/GlyphCross.tsx (92%) rename packages/{vx-glyph => visx-glyph}/src/glyphs/GlyphDiamond.tsx (92%) rename packages/{vx-glyph => visx-glyph}/src/glyphs/GlyphDot.tsx (90%) rename packages/{vx-glyph => visx-glyph}/src/glyphs/GlyphSquare.tsx (92%) rename packages/{vx-glyph => visx-glyph}/src/glyphs/GlyphStar.tsx (92%) rename packages/{vx-glyph => visx-glyph}/src/glyphs/GlyphTriangle.tsx (92%) rename packages/{vx-glyph => visx-glyph}/src/glyphs/GlyphWye.tsx (93%) rename packages/{vx-glyph => visx-glyph}/src/index.ts (100%) rename packages/{vx-glyph => visx-glyph}/test/Circle.test.tsx (95%) rename packages/{vx-glyph => visx-glyph}/test/Cross.test.tsx (95%) rename packages/{vx-glyph => visx-glyph}/test/Diamond.test.tsx (95%) rename packages/{vx-glyph => visx-glyph}/test/Dot.test.tsx (100%) rename packages/{vx-glyph => visx-glyph}/test/Glyph.test.tsx (89%) rename packages/{vx-glyph => visx-glyph}/test/Square.test.tsx (95%) rename packages/{vx-glyph => visx-glyph}/test/Star.test.tsx (95%) rename packages/{vx-glyph => visx-glyph}/test/Triangle.test.tsx (95%) rename packages/{vx-glyph => visx-glyph}/test/Wye.test.tsx (95%) rename packages/{vx-gradient => visx-gradient}/.npmrc (100%) rename packages/{vx-gradient => visx-gradient}/Readme.md (71%) rename packages/{vx-gradient => visx-gradient}/package.json (70%) rename packages/{vx-gradient => visx-gradient}/src/gradients/GradientDarkgreenGreen.tsx (100%) rename packages/{vx-gradient => visx-gradient}/src/gradients/GradientLightgreenGreen.tsx (100%) rename packages/{vx-gradient => visx-gradient}/src/gradients/GradientOrangeRed.tsx (100%) rename packages/{vx-gradient => visx-gradient}/src/gradients/GradientPinkBlue.tsx (100%) rename packages/{vx-gradient => visx-gradient}/src/gradients/GradientPinkRed.tsx (100%) rename packages/{vx-gradient => visx-gradient}/src/gradients/GradientPurpleOrange.tsx (100%) rename packages/{vx-gradient => visx-gradient}/src/gradients/GradientPurpleRed.tsx (100%) rename packages/{vx-gradient => visx-gradient}/src/gradients/GradientPurpleTeal.tsx (100%) rename packages/{vx-gradient => visx-gradient}/src/gradients/GradientSteelPurple.tsx (100%) rename packages/{vx-gradient => visx-gradient}/src/gradients/GradientTealBlue.tsx (100%) rename packages/{vx-gradient => visx-gradient}/src/gradients/LinearGradient.tsx (100%) rename packages/{vx-gradient => visx-gradient}/src/gradients/RadialGradient.tsx (100%) rename packages/{vx-gradient => visx-gradient}/src/index.ts (100%) rename packages/{vx-gradient => visx-gradient}/test/Gradients.test.tsx (100%) rename packages/{vx-gradient => visx-gradient}/test/LinearGradient.test.tsx (100%) rename packages/{vx-gradient => visx-gradient}/test/RadialGradient.test.tsx (100%) rename packages/{vx-grid => visx-grid}/.npmrc (100%) create mode 100644 packages/visx-grid/Readme.md rename packages/{vx-grid => visx-grid}/package.json (63%) rename packages/{vx-grid => visx-grid}/src/grids/Grid.tsx (88%) rename packages/{vx-grid => visx-grid}/src/grids/GridColumns.tsx (82%) rename packages/{vx-grid => visx-grid}/src/grids/GridRows.tsx (82%) rename packages/{vx-grid => visx-grid}/src/index.ts (100%) rename packages/{vx-grid => visx-grid}/src/types.ts (96%) rename packages/{vx-grid => visx-grid}/test/Grid.test.tsx (71%) rename packages/{vx-grid => visx-grid}/test/GridColumns.test.tsx (82%) rename packages/{vx-grid => visx-grid}/test/GridRows.test.tsx (82%) rename packages/{vx-group => visx-group}/.npmrc (100%) rename packages/{vx-group => visx-group}/Readme.md (53%) rename packages/{vx-group => visx-group}/package.json (73%) rename packages/{vx-group => visx-group}/src/Group.tsx (94%) rename packages/{vx-group => visx-group}/src/index.ts (100%) rename packages/{vx-group => visx-group}/test/Group.test.tsx (83%) rename packages/{vx-heatmap => visx-heatmap}/.npmrc (100%) rename packages/{vx-heatmap => visx-heatmap}/Readme.md (80%) rename packages/{vx-heatmap => visx-heatmap}/package.json (69%) rename packages/{vx-heatmap => visx-heatmap}/src/heatmaps/HeatmapCircle.tsx (95%) rename packages/{vx-heatmap => visx-heatmap}/src/heatmaps/HeatmapRect.tsx (95%) rename packages/{vx-heatmap => visx-heatmap}/src/index.ts (100%) rename packages/{vx-heatmap => visx-heatmap}/src/types.ts (100%) rename packages/{vx-heatmap => visx-heatmap}/test/HeatmapCircle.test.tsx (72%) rename packages/{vx-heatmap => visx-heatmap}/test/HeatmapRect.test.tsx (74%) rename packages/{vx-hierarchy => visx-hierarchy}/.npmrc (100%) rename packages/{vx-hierarchy => visx-hierarchy}/Readme.md (74%) rename packages/{vx-hierarchy => visx-hierarchy}/package.json (71%) rename packages/{vx-hierarchy => visx-hierarchy}/src/HierarchyDefaultLink.tsx (100%) rename packages/{vx-hierarchy => visx-hierarchy}/src/HierarchyDefaultNode.tsx (100%) rename packages/{vx-hierarchy => visx-hierarchy}/src/HierarchyDefaultRectNode.tsx (100%) rename packages/{vx-hierarchy => visx-hierarchy}/src/hierarchies/Cluster.tsx (96%) rename packages/{vx-hierarchy => visx-hierarchy}/src/hierarchies/Pack.tsx (95%) rename packages/{vx-hierarchy => visx-hierarchy}/src/hierarchies/Partition.tsx (94%) rename packages/{vx-hierarchy => visx-hierarchy}/src/hierarchies/Tree.tsx (96%) rename packages/{vx-hierarchy => visx-hierarchy}/src/hierarchies/Treemap.tsx (97%) rename packages/{vx-hierarchy => visx-hierarchy}/src/index.ts (100%) rename packages/{vx-hierarchy => visx-hierarchy}/src/types.ts (100%) rename packages/{vx-hierarchy => visx-hierarchy}/src/utils/setNumOrNumAccessor.ts (100%) rename packages/{vx-hierarchy => visx-hierarchy}/test/Cluster.test.tsx (100%) rename packages/{vx-hierarchy => visx-hierarchy}/test/Defaults.test.tsx (100%) rename packages/{vx-hierarchy => visx-hierarchy}/test/Tree.test.tsx (100%) rename packages/{vx-legend => visx-legend}/.npmrc (100%) rename packages/{vx-legend => visx-legend}/Readme.md (65%) rename packages/{vx-legend => visx-legend}/package.json (67%) rename packages/{vx-legend => visx-legend}/src/index.ts (100%) rename packages/{vx-legend => visx-legend}/src/legends/Legend/LegendItem.tsx (94%) rename packages/{vx-legend => visx-legend}/src/legends/Legend/LegendLabel.tsx (94%) rename packages/{vx-legend => visx-legend}/src/legends/Legend/LegendShape.tsx (97%) rename packages/{vx-legend => visx-legend}/src/legends/Legend/index.tsx (96%) rename packages/{vx-legend => visx-legend}/src/legends/Linear.tsx (94%) rename packages/{vx-legend => visx-legend}/src/legends/Ordinal.tsx (91%) rename packages/{vx-legend => visx-legend}/src/legends/Quantile.tsx (97%) rename packages/{vx-legend => visx-legend}/src/legends/Size.tsx (95%) rename packages/{vx-legend => visx-legend}/src/legends/Threshold.tsx (95%) rename packages/{vx-legend => visx-legend}/src/shapes/Circle.tsx (94%) rename packages/{vx-legend => visx-legend}/src/shapes/Line.tsx (95%) rename packages/{vx-legend => visx-legend}/src/shapes/Rect.tsx (100%) rename packages/{vx-legend => visx-legend}/src/types/index.ts (96%) rename packages/{vx-legend => visx-legend}/src/util/defaultDomain.ts (92%) rename packages/{vx-legend => visx-legend}/src/util/identity.ts (100%) rename packages/{vx-legend => visx-legend}/src/util/labelTransformFactory.ts (88%) rename packages/{vx-legend => visx-legend}/src/util/renderShape.ts (100%) rename packages/{vx-legend => visx-legend}/src/util/valueOrIdentity.ts (100%) rename packages/{vx-legend => visx-legend}/test/Legend.test.tsx (97%) rename packages/{vx-legend => visx-legend}/test/LegendLinear.test.tsx (100%) rename packages/{vx-legend => visx-legend}/test/LegendOrdinal.test.tsx (100%) rename packages/{vx-legend => visx-legend}/test/LegendQuantile.test.tsx (100%) rename packages/{vx-legend => visx-legend}/test/LegendSize.test.tsx (100%) rename packages/{vx-legend => visx-legend}/test/LegendThreshold.test.tsx (100%) rename packages/{vx-legend => visx-legend}/test/scales.test.tsx (98%) rename packages/{vx-marker => visx-marker}/.npmrc (100%) create mode 100644 packages/visx-marker/Readme.md rename packages/{vx-marker => visx-marker}/package.json (67%) rename packages/{vx-marker => visx-marker}/src/index.ts (100%) rename packages/{vx-marker => visx-marker}/src/markers/Arrow.tsx (100%) rename packages/{vx-marker => visx-marker}/src/markers/Circle.tsx (100%) rename packages/{vx-marker => visx-marker}/src/markers/Cross.tsx (100%) rename packages/{vx-marker => visx-marker}/src/markers/Line.tsx (100%) rename packages/{vx-marker => visx-marker}/src/markers/Marker.tsx (100%) rename packages/{vx-marker => visx-marker}/src/markers/X.tsx (100%) rename packages/{vx-marker => visx-marker}/test/Arrow.test.tsx (100%) rename packages/{vx-marker => visx-marker}/test/Circle.test.tsx (100%) rename packages/{vx-marker => visx-marker}/test/Cross.test.tsx (100%) rename packages/{vx-marker => visx-marker}/test/Line.test.tsx (100%) rename packages/{vx-marker => visx-marker}/test/Marker.test.tsx (100%) rename packages/{vx-marker => visx-marker}/test/X.test.tsx (100%) rename packages/{vx-mock-data => visx-mock-data}/.npmrc (100%) rename packages/{vx-mock-data => visx-mock-data}/Readme.md (70%) rename packages/{vx-mock-data => visx-mock-data}/package.json (67%) rename packages/{vx-mock-data => visx-mock-data}/src/generators/genBin.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/src/generators/genBins.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/src/generators/genDateValue.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/src/generators/genPhyllotaxis.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/src/generators/genRandomNormalPoints.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/src/generators/genStats.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/src/index.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/src/mocks/appleStock.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/src/mocks/bitcoinPrice.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/src/mocks/browserUsage.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/src/mocks/cityTemperature.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/src/mocks/exoplanets.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/src/mocks/groupDateValue.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/src/mocks/lesMiserables.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/src/mocks/letterFrequency.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/src/mocks/planets.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/src/mocks/shakespeare.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/test/appleStock.test.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/test/browserUsage.test.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/test/cityTemperature.test.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/test/genBin.test.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/test/genBins.test.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/test/genDateValue.test.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/test/genPhyllotaxis.test.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/test/genRandomNormalPoints.test.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/test/genStats.test.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/test/groupDateValue.test.ts (100%) rename packages/{vx-mock-data => visx-mock-data}/test/letterFrequency.test.ts (100%) rename packages/{vx-network => visx-network}/.npmrc (100%) rename packages/{vx-network => visx-network}/Readme.md (65%) rename packages/{vx-network => visx-network}/package.json (77%) rename packages/{vx-network => visx-network}/src/DefaultLink.tsx (100%) rename packages/{vx-network => visx-network}/src/DefaultNode.tsx (100%) rename packages/{vx-network => visx-network}/src/Graph.tsx (97%) rename packages/{vx-network => visx-network}/src/Links.tsx (84%) rename packages/{vx-network => visx-network}/src/Nodes.tsx (92%) rename packages/{vx-network => visx-network}/src/index.ts (100%) rename packages/{vx-network => visx-network}/src/types.ts (100%) rename packages/{vx-network => visx-network}/test/Graph.test.tsx (100%) rename packages/{vx-pattern => visx-pattern}/.npmrc (100%) rename packages/{vx-pattern => visx-pattern}/Readme.md (83%) rename packages/{vx-pattern => visx-pattern}/package.json (72%) rename packages/{vx-pattern => visx-pattern}/src/constants/index.ts (100%) rename packages/{vx-pattern => visx-pattern}/src/index.ts (100%) rename packages/{vx-pattern => visx-pattern}/src/patterns/Circles.tsx (93%) rename packages/{vx-pattern => visx-pattern}/src/patterns/Hexagons.tsx (96%) rename packages/{vx-pattern => visx-pattern}/src/patterns/Lines.tsx (94%) rename packages/{vx-pattern => visx-pattern}/src/patterns/Path.tsx (96%) rename packages/{vx-pattern => visx-pattern}/src/patterns/Pattern.tsx (100%) rename packages/{vx-pattern => visx-pattern}/src/patterns/Waves.tsx (97%) rename packages/{vx-pattern => visx-pattern}/test/Pattern.test.tsx (100%) rename packages/{vx-pattern => visx-pattern}/test/PatternCircles.test.tsx (100%) rename packages/{vx-pattern => visx-pattern}/test/PatternHexagons.test.tsx (100%) rename packages/{vx-pattern => visx-pattern}/test/PatternLines.test.tsx (100%) rename packages/{vx-pattern => visx-pattern}/test/PatternPath.test.tsx (100%) rename packages/{vx-pattern => visx-pattern}/test/PatternWaves.test.tsx (100%) rename packages/{vx-point => visx-point}/.npmrc (100%) rename packages/{vx-point => visx-point}/Readme.md (62%) rename packages/{vx-point => visx-point}/package.json (73%) rename packages/{vx-point => visx-point}/src/Point.ts (100%) rename packages/{vx-point => visx-point}/src/index.ts (100%) rename packages/{vx-point => visx-point}/test/point.test.ts (100%) create mode 100644 packages/visx-react-spring/README.md rename packages/{vx-react-spring => visx-react-spring}/package.json (65%) rename packages/{vx-react-spring => visx-react-spring}/src/axis/AnimatedAxis.tsx (85%) rename packages/{vx-react-spring => visx-react-spring}/src/axis/AnimatedTicks.tsx (91%) rename packages/{vx-react-spring => visx-react-spring}/src/grid/AnimatedGridColumns.tsx (87%) rename packages/{vx-react-spring => visx-react-spring}/src/grid/AnimatedGridLines.tsx (94%) rename packages/{vx-react-spring => visx-react-spring}/src/grid/AnimatedGridRows.tsx (87%) rename packages/{vx-react-spring => visx-react-spring}/src/index.ts (100%) rename packages/{vx-react-spring => visx-react-spring}/src/spring-configs/useLineTransitionConfig.ts (95%) rename packages/{vx-react-spring => visx-react-spring}/src/types.ts (100%) rename packages/{vx-react-spring => visx-react-spring}/test/AnimatedAxis.test.tsx (89%) rename packages/{vx-react-spring => visx-react-spring}/test/AnimatedGridColumns.test.tsx (91%) rename packages/{vx-react-spring => visx-react-spring}/test/AnimatedGridRows.test.tsx (90%) rename packages/{vx-react-spring => visx-react-spring}/test/AnimatedTicks.test.tsx (93%) rename packages/{vx-react-spring => visx-react-spring}/test/useLineTransitionConfig.test.tsx (98%) rename packages/{vx-responsive => visx-responsive}/.npmrc (100%) rename packages/{vx-responsive => visx-responsive}/Readme.md (64%) rename packages/{vx-responsive => visx-responsive}/package.json (73%) rename packages/{vx-responsive => visx-responsive}/src/components/ParentSize.tsx (100%) rename packages/{vx-responsive => visx-responsive}/src/components/ScaleSVG.tsx (100%) rename packages/{vx-responsive => visx-responsive}/src/enhancers/withParentSize.tsx (100%) rename packages/{vx-responsive => visx-responsive}/src/enhancers/withScreenSize.tsx (100%) rename packages/{vx-responsive => visx-responsive}/src/index.ts (100%) rename packages/{vx-responsive => visx-responsive}/test/ParentSize.test.tsx (100%) rename packages/{vx-responsive => visx-responsive}/test/ScaleSVG.test.tsx (100%) rename packages/{vx-responsive => visx-responsive}/test/withParentSize.test.tsx (100%) rename packages/{vx-responsive => visx-responsive}/test/withScreenSize.test.ts (100%) rename packages/{vx-scale => visx-scale}/.npmrc (100%) rename packages/{vx-scale => visx-scale}/Readme.md (88%) rename packages/{vx-scale => visx-scale}/package.json (73%) rename packages/{vx-scale => visx-scale}/src/createScale.ts (100%) rename packages/{vx-scale => visx-scale}/src/index.ts (100%) rename packages/{vx-scale => visx-scale}/src/operators/align.ts (100%) rename packages/{vx-scale => visx-scale}/src/operators/base.ts (100%) rename packages/{vx-scale => visx-scale}/src/operators/clamp.ts (100%) rename packages/{vx-scale => visx-scale}/src/operators/constant.ts (100%) rename packages/{vx-scale => visx-scale}/src/operators/domain.ts (100%) rename packages/{vx-scale => visx-scale}/src/operators/exponent.ts (100%) rename packages/{vx-scale => visx-scale}/src/operators/interpolate.ts (100%) rename packages/{vx-scale => visx-scale}/src/operators/nice.ts (100%) rename packages/{vx-scale => visx-scale}/src/operators/padding.ts (100%) rename packages/{vx-scale => visx-scale}/src/operators/range.ts (100%) rename packages/{vx-scale => visx-scale}/src/operators/reverse.ts (100%) rename packages/{vx-scale => visx-scale}/src/operators/round.ts (90%) rename packages/{vx-scale => visx-scale}/src/operators/scaleOperator.ts (100%) rename packages/{vx-scale => visx-scale}/src/operators/unknown.ts (100%) rename packages/{vx-scale => visx-scale}/src/operators/zero.ts (100%) rename packages/{vx-scale => visx-scale}/src/scales/band.ts (100%) rename packages/{vx-scale => visx-scale}/src/scales/linear.ts (100%) rename packages/{vx-scale => visx-scale}/src/scales/log.ts (100%) rename packages/{vx-scale => visx-scale}/src/scales/ordinal.ts (100%) rename packages/{vx-scale => visx-scale}/src/scales/point.ts (100%) rename packages/{vx-scale => visx-scale}/src/scales/power.ts (100%) rename packages/{vx-scale => visx-scale}/src/scales/quantile.ts (100%) rename packages/{vx-scale => visx-scale}/src/scales/quantize.ts (100%) rename packages/{vx-scale => visx-scale}/src/scales/squareRoot.ts (100%) rename packages/{vx-scale => visx-scale}/src/scales/symlog.ts (100%) rename packages/{vx-scale => visx-scale}/src/scales/threshold.ts (100%) rename packages/{vx-scale => visx-scale}/src/scales/time.ts (100%) rename packages/{vx-scale => visx-scale}/src/scales/utc.ts (100%) rename packages/{vx-scale => visx-scale}/src/types/Base.ts (100%) rename packages/{vx-scale => visx-scale}/src/types/BaseScaleConfig.ts (100%) rename packages/{vx-scale => visx-scale}/src/types/Nice.ts (100%) rename packages/{vx-scale => visx-scale}/src/types/Scale.ts (100%) rename packages/{vx-scale => visx-scale}/src/types/ScaleConfig.ts (100%) rename packages/{vx-scale => visx-scale}/src/types/ScaleInterpolate.ts (100%) rename packages/{vx-scale => visx-scale}/src/updateScale.ts (100%) rename packages/{vx-scale => visx-scale}/src/utils/coerceNumber.ts (100%) rename packages/{vx-scale => visx-scale}/src/utils/createColorInterpolator.ts (100%) rename packages/{vx-scale => visx-scale}/src/utils/getTicks.ts (100%) rename packages/{vx-scale => visx-scale}/src/utils/inferScaleType.ts (100%) rename packages/{vx-scale => visx-scale}/src/utils/isUtcScale.ts (100%) rename packages/{vx-scale => visx-scale}/src/utils/toString.ts (100%) rename packages/{vx-scale => visx-scale}/test/createScale.test.ts (100%) rename packages/{vx-scale => visx-scale}/test/scaleBand.test.ts (100%) rename packages/{vx-scale => visx-scale}/test/scaleLinear.test.ts (100%) rename packages/{vx-scale => visx-scale}/test/scaleLog.test.ts (100%) rename packages/{vx-scale => visx-scale}/test/scaleOrdinal.test.ts (100%) rename packages/{vx-scale => visx-scale}/test/scalePoint.test.ts (100%) rename packages/{vx-scale => visx-scale}/test/scalePower.test.ts (100%) rename packages/{vx-scale => visx-scale}/test/scaleQuantile.test.ts (100%) rename packages/{vx-scale => visx-scale}/test/scaleQuantize.test.ts (100%) rename packages/{vx-scale => visx-scale}/test/scaleSqrt.test.ts (100%) rename packages/{vx-scale => visx-scale}/test/scaleSymlog.test.ts (100%) rename packages/{vx-scale => visx-scale}/test/scaleThreshold.test.ts (100%) rename packages/{vx-scale => visx-scale}/test/scaleTime.test.ts (100%) rename packages/{vx-scale => visx-scale}/test/scaleUtc.test.ts (100%) rename packages/{vx-scale => visx-scale}/test/updateScale.test.ts (100%) rename packages/{vx-scale => visx-scale}/test/utils/coerceNumber.test.ts (100%) rename packages/{vx-scale => visx-scale}/test/utils/getTicks.test.ts (100%) rename packages/{vx-scale => visx-scale}/test/utils/inferScaleType.test.ts (100%) rename packages/{vx-scale => visx-scale}/test/utils/isUtcScale.test.ts (100%) rename packages/{vx-scale => visx-scale}/test/utils/toString.test.ts (100%) rename packages/{vx-shape => visx-shape}/.npmrc (100%) create mode 100644 packages/visx-shape/Readme.md rename packages/{vx-shape => visx-shape}/package.json (79%) rename packages/{vx-shape => visx-shape}/src/index.ts (100%) rename packages/{vx-shape => visx-shape}/src/shapes/Arc.tsx (90%) rename packages/{vx-shape => visx-shape}/src/shapes/Area.tsx (82%) rename packages/{vx-shape => visx-shape}/src/shapes/AreaClosed.tsx (95%) rename packages/{vx-shape => visx-shape}/src/shapes/AreaStack.tsx (96%) rename packages/{vx-shape => visx-shape}/src/shapes/Bar.tsx (81%) rename packages/{vx-shape => visx-shape}/src/shapes/BarGroup.tsx (84%) rename packages/{vx-shape => visx-shape}/src/shapes/BarGroupHorizontal.tsx (83%) rename packages/{vx-shape => visx-shape}/src/shapes/BarRounded.tsx (96%) rename packages/{vx-shape => visx-shape}/src/shapes/BarStack.tsx (94%) rename packages/{vx-shape => visx-shape}/src/shapes/BarStackHorizontal.tsx (94%) rename packages/{vx-shape => visx-shape}/src/shapes/Circle.tsx (81%) rename packages/{vx-shape => visx-shape}/src/shapes/Line.tsx (94%) rename packages/{vx-shape => visx-shape}/src/shapes/LinePath.tsx (96%) rename packages/{vx-shape => visx-shape}/src/shapes/LineRadial.tsx (95%) rename packages/{vx-shape => visx-shape}/src/shapes/Pie.tsx (93%) rename packages/{vx-shape => visx-shape}/src/shapes/Polygon.tsx (97%) rename packages/{vx-shape => visx-shape}/src/shapes/SplitLinePath.tsx (100%) rename packages/{vx-shape => visx-shape}/src/shapes/Stack.tsx (96%) rename packages/{vx-shape => visx-shape}/src/shapes/link/curve/LinkHorizontalCurve.tsx (95%) rename packages/{vx-shape => visx-shape}/src/shapes/link/curve/LinkRadialCurve.tsx (96%) rename packages/{vx-shape => visx-shape}/src/shapes/link/curve/LinkVerticalCurve.tsx (95%) rename packages/{vx-shape => visx-shape}/src/shapes/link/diagonal/LinkHorizontal.tsx (94%) rename packages/{vx-shape => visx-shape}/src/shapes/link/diagonal/LinkRadial.tsx (94%) rename packages/{vx-shape => visx-shape}/src/shapes/link/diagonal/LinkVertical.tsx (94%) rename packages/{vx-shape => visx-shape}/src/shapes/link/line/LinkHorizontalLine.tsx (95%) rename packages/{vx-shape => visx-shape}/src/shapes/link/line/LinkRadialLine.tsx (95%) rename packages/{vx-shape => visx-shape}/src/shapes/link/line/LinkVerticalLine.tsx (94%) rename packages/{vx-shape => visx-shape}/src/shapes/link/step/LinkHorizontalStep.tsx (95%) rename packages/{vx-shape => visx-shape}/src/shapes/link/step/LinkRadialStep.tsx (95%) rename packages/{vx-shape => visx-shape}/src/shapes/link/step/LinkVerticalStep.tsx (95%) rename packages/{vx-shape => visx-shape}/src/types/D3ShapeConfig.ts (93%) rename packages/{vx-shape => visx-shape}/src/types/accessor.ts (100%) rename packages/{vx-shape => visx-shape}/src/types/area.ts (100%) rename packages/{vx-shape => visx-shape}/src/types/barGroup.ts (100%) rename packages/{vx-shape => visx-shape}/src/types/barStack.ts (90%) rename packages/{vx-shape => visx-shape}/src/types/base.ts (93%) rename packages/{vx-shape => visx-shape}/src/types/index.ts (100%) rename packages/{vx-shape => visx-shape}/src/types/link.ts (100%) rename packages/{vx-shape => visx-shape}/src/types/stack.ts (100%) rename packages/{vx-shape => visx-shape}/src/util/D3ShapeFactories.ts (100%) rename packages/{vx-shape => visx-shape}/src/util/accessors.ts (100%) rename packages/{vx-shape => visx-shape}/src/util/getBandwidth.ts (86%) rename packages/{vx-shape => visx-shape}/src/util/getSplitLineSegments.ts (97%) rename packages/{vx-shape => visx-shape}/src/util/setNumberOrNumberAccessor.ts (100%) rename packages/{vx-shape => visx-shape}/src/util/stackOffset.ts (100%) rename packages/{vx-shape => visx-shape}/src/util/stackOrder.ts (100%) rename packages/{vx-shape => visx-shape}/src/util/trigonometry.ts (100%) rename packages/{vx-shape => visx-shape}/test/Arc.test.tsx (98%) rename packages/{vx-shape => visx-shape}/test/Area.test.tsx (96%) rename packages/{vx-shape => visx-shape}/test/AreaClosed.test.tsx (94%) rename packages/{vx-shape => visx-shape}/test/AreaStack.test.tsx (100%) rename packages/{vx-shape => visx-shape}/test/Bar.test.tsx (90%) rename packages/{vx-shape => visx-shape}/test/BarGroup.test.tsx (88%) rename packages/{vx-shape => visx-shape}/test/BarGroupHorizontal.test.tsx (91%) rename packages/{vx-shape => visx-shape}/test/BarRounded.test.tsx (97%) rename packages/{vx-shape => visx-shape}/test/BarStack.test.tsx (83%) rename packages/{vx-shape => visx-shape}/test/BarStackHorizontal.test.tsx (82%) rename packages/{vx-shape => visx-shape}/test/Circle.test.tsx (89%) rename packages/{vx-shape => visx-shape}/test/Line.test.tsx (83%) rename packages/{vx-shape => visx-shape}/test/LinePath.test.tsx (92%) rename packages/{vx-shape => visx-shape}/test/LineRadial.test.tsx (92%) rename packages/{vx-shape => visx-shape}/test/LinkHorizontal.test.tsx (100%) rename packages/{vx-shape => visx-shape}/test/LinkRadial.test.tsx (100%) rename packages/{vx-shape => visx-shape}/test/LinkVertical.test.tsx (100%) rename packages/{vx-shape => visx-shape}/test/Pie.test.tsx (95%) rename packages/{vx-shape => visx-shape}/test/Polygon.test.tsx (96%) rename packages/{vx-shape => visx-shape}/test/Stack.test.tsx (100%) rename packages/{vx-shape => visx-shape}/test/stackOffset.test.ts (100%) rename packages/{vx-shape => visx-shape}/test/stackOrder.test.ts (100%) rename packages/{vx-shape => visx-shape}/test/utils/D3ShapeFactories.test.ts (100%) rename packages/{vx-shape => visx-shape}/test/utils/getBandwidth.test.ts (90%) rename packages/{vx-stats => visx-stats}/.npmrc (100%) create mode 100644 packages/visx-stats/Readme.md rename packages/{vx-stats => visx-stats}/package.json (68%) rename packages/{vx-stats => visx-stats}/src/BoxPlot.tsx (93%) rename packages/{vx-stats => visx-stats}/src/ViolinPlot.tsx (96%) rename packages/{vx-stats => visx-stats}/src/index.ts (100%) rename packages/{vx-stats => visx-stats}/src/types.ts (100%) rename packages/{vx-stats => visx-stats}/src/util/computeStats.ts (100%) rename packages/{vx-stats => visx-stats}/test/BoxPlot.test.tsx (88%) rename packages/{vx-stats => visx-stats}/test/ViolinPlot.test.tsx (79%) rename packages/{vx-stats => visx-stats}/test/computeStats.test.ts (100%) rename packages/{vx-text => visx-text}/.npmrc (100%) rename packages/{vx-text => visx-text}/Readme.md (68%) rename packages/{vx-text => visx-text}/package.json (75%) rename packages/{vx-text => visx-text}/src/Text.tsx (100%) rename packages/{vx-text => visx-text}/src/index.ts (100%) rename packages/{vx-text => visx-text}/src/util/getStringWidth.ts (100%) rename packages/{vx-text => visx-text}/test/Text.test.tsx (100%) rename packages/{vx-text => visx-text}/test/svgMock.ts (100%) rename packages/{vx-text => visx-text}/types/reduce-css-calc/index.d.ts (100%) rename packages/{vx-threshold => visx-threshold}/.npmrc (100%) create mode 100644 packages/visx-threshold/Readme.md rename packages/{vx-threshold => visx-threshold}/package.json (78%) rename packages/{vx-threshold => visx-threshold}/src/Threshold.tsx (92%) rename packages/{vx-threshold => visx-threshold}/src/index.ts (100%) rename packages/{vx-threshold => visx-threshold}/test/Threshold.test.tsx (92%) rename packages/{vx-tooltip => visx-tooltip}/.npmrc (100%) rename packages/{vx-tooltip => visx-tooltip}/Readme.md (95%) rename packages/{vx-tooltip => visx-tooltip}/package.json (71%) rename packages/{vx-tooltip => visx-tooltip}/src/Portal.tsx (100%) rename packages/{vx-tooltip => visx-tooltip}/src/enhancers/withTooltip.tsx (100%) rename packages/{vx-tooltip => visx-tooltip}/src/hooks/useTooltip.ts (100%) rename packages/{vx-tooltip => visx-tooltip}/src/hooks/useTooltipInPortal.tsx (100%) rename packages/{vx-tooltip => visx-tooltip}/src/index.ts (100%) rename packages/{vx-tooltip => visx-tooltip}/src/tooltips/Tooltip.tsx (95%) rename packages/{vx-tooltip => visx-tooltip}/src/tooltips/TooltipWithBounds.tsx (95%) rename packages/{vx-tooltip => visx-tooltip}/test/Portal.test.tsx (100%) rename packages/{vx-tooltip => visx-tooltip}/test/Tooltip.test.tsx (100%) rename packages/{vx-tooltip => visx-tooltip}/test/TooltipWithBounds.test.tsx (100%) rename packages/{vx-tooltip => visx-tooltip}/test/useTooltip.test.tsx (100%) rename packages/{vx-tooltip => visx-tooltip}/test/useTooltipInPortal.test.tsx (100%) rename packages/{vx-tooltip => visx-tooltip}/test/withTooltip.test.tsx (100%) rename packages/{vx-voronoi => visx-visx}/.npmrc (100%) create mode 100644 packages/visx-visx/Readme.md create mode 100644 packages/visx-visx/package.json create mode 100644 packages/visx-visx/src/index.ts create mode 100644 packages/visx-visx/test/index.test.ts rename packages/{vx-vx => visx-voronoi}/.npmrc (100%) rename packages/{vx-voronoi => visx-voronoi}/Readme.md (78%) rename packages/{vx-voronoi => visx-voronoi}/package.json (74%) rename packages/{vx-voronoi => visx-voronoi}/src/components/VoronoiPolygon.tsx (89%) rename packages/{vx-voronoi => visx-voronoi}/src/index.ts (100%) rename packages/{vx-voronoi => visx-voronoi}/src/voronoi.ts (100%) rename packages/{vx-voronoi => visx-voronoi}/test/VoronoiPolygon.test.tsx (100%) rename packages/{vx-voronoi => visx-voronoi}/test/voronoi.test.ts (100%) create mode 100644 packages/visx-xychart/README.md rename packages/{vx-xychart => visx-xychart}/package.json (62%) rename packages/{vx-xychart => visx-xychart}/src/classes/DataRegistry.ts (97%) rename packages/{vx-xychart => visx-xychart}/src/components/XYChart.tsx (94%) rename packages/{vx-xychart => visx-xychart}/src/components/axis/AnimatedAxis.tsx (70%) rename packages/{vx-xychart => visx-xychart}/src/components/axis/Axis.tsx (85%) rename packages/{vx-xychart => visx-xychart}/src/components/axis/BaseAxis.tsx (95%) rename packages/{vx-xychart => visx-xychart}/src/components/grid/AnimatedGrid.tsx (70%) rename packages/{vx-xychart => visx-xychart}/src/components/grid/BaseGrid.tsx (86%) rename packages/{vx-xychart => visx-xychart}/src/components/grid/Grid.tsx (73%) rename packages/{vx-xychart => visx-xychart}/src/components/series/LineSeries.tsx (92%) rename packages/{vx-xychart => visx-xychart}/src/context/DataContext.tsx (95%) rename packages/{vx-xychart => visx-xychart}/src/context/ThemeContext.tsx (100%) rename packages/{vx-xychart => visx-xychart}/src/hooks/useDataRegistry.ts (89%) rename packages/{vx-xychart => visx-xychart}/src/hooks/useDimensions.ts (100%) rename packages/{vx-xychart => visx-xychart}/src/hooks/useScales.ts (97%) rename packages/{vx-xychart => visx-xychart}/src/index.ts (100%) rename packages/{vx-xychart => visx-xychart}/src/providers/DataProvider.tsx (93%) rename packages/{vx-xychart => visx-xychart}/src/providers/ThemeProvider.tsx (100%) rename packages/{vx-xychart => visx-xychart}/src/theme/buildChartTheme.ts (100%) rename packages/{vx-xychart => visx-xychart}/src/theme/colors.ts (100%) rename packages/{vx-xychart => visx-xychart}/src/theme/themes/dark.ts (100%) rename packages/{vx-xychart => visx-xychart}/src/theme/themes/light.ts (100%) rename packages/{vx-xychart => visx-xychart}/src/typeguards/isValidNumber.ts (100%) rename packages/{vx-xychart => visx-xychart}/src/types/data.ts (92%) rename packages/{vx-xychart => visx-xychart}/src/types/index.ts (100%) rename packages/{vx-xychart => visx-xychart}/src/types/theme.ts (96%) rename packages/{vx-xychart => visx-xychart}/test/Axis.test.tsx (97%) rename packages/{vx-xychart => visx-xychart}/test/DataProvider.test.tsx (100%) rename packages/{vx-xychart => visx-xychart}/test/DataRegistry.test.ts (100%) rename packages/{vx-xychart => visx-xychart}/test/Grid.test.tsx (87%) rename packages/{vx-xychart => visx-xychart}/test/LineSeries.test.tsx (93%) rename packages/{vx-xychart => visx-xychart}/test/ThemeProvider.test.tsx (100%) rename packages/{vx-xychart => visx-xychart}/test/XYChart.test.tsx (95%) rename packages/{vx-xychart => visx-xychart}/test/theme.test.tsx (100%) rename packages/{vx-zoom => visx-zoom}/.npmrc (100%) create mode 100644 packages/visx-zoom/Readme.md rename packages/{vx-zoom => visx-zoom}/package.json (68%) rename packages/{vx-zoom => visx-zoom}/src/Zoom.tsx (99%) rename packages/{vx-zoom => visx-zoom}/src/index.ts (100%) rename packages/{vx-zoom => visx-zoom}/src/types.ts (100%) rename packages/{vx-zoom => visx-zoom}/src/util/matrix.ts (100%) rename packages/{vx-zoom => visx-zoom}/test/Zoom.test.tsx (100%) delete mode 100644 packages/vx-axis/Readme.md delete mode 100644 packages/vx-bounds/Readme.md delete mode 100644 packages/vx-brush/Readme.md delete mode 100644 packages/vx-chord/Readme.md delete mode 100644 packages/vx-clip-path/Readme.md delete mode 100644 packages/vx-demo/Readme.md delete mode 100644 packages/vx-demo/public/static/docs/vx-demo.html delete mode 100644 packages/vx-demo/src/components/util/extractVxDepsFromPackageJson.ts delete mode 100644 packages/vx-demo/src/pages/areas.tsx delete mode 100644 packages/vx-demo/src/pages/axis.tsx delete mode 100644 packages/vx-demo/src/pages/bars.tsx delete mode 100644 packages/vx-demo/src/pages/docs/annotation.tsx delete mode 100644 packages/vx-demo/src/pages/docs/bounds.tsx delete mode 100644 packages/vx-demo/src/pages/docs/clip-path.tsx delete mode 100644 packages/vx-demo/src/pages/docs/geo.tsx delete mode 100644 packages/vx-demo/src/pages/docs/heatmap.tsx delete mode 100644 packages/vx-demo/src/pages/docs/legend.tsx delete mode 100644 packages/vx-demo/src/pages/docs/marker.tsx delete mode 100644 packages/vx-demo/src/pages/docs/network.tsx delete mode 100644 packages/vx-demo/src/pages/docs/pattern.tsx delete mode 100644 packages/vx-demo/src/pages/docs/react-spring.tsx delete mode 100644 packages/vx-demo/src/pages/docs/voronoi.tsx delete mode 100644 packages/vx-demo/src/pages/docs/vx.tsx delete mode 100644 packages/vx-demo/src/pages/dots.tsx delete mode 100644 packages/vx-demo/src/pages/drag-i.tsx delete mode 100644 packages/vx-demo/src/pages/drag-ii.tsx delete mode 100644 packages/vx-demo/src/pages/geo-custom.tsx delete mode 100644 packages/vx-demo/src/pages/geo-mercator.tsx delete mode 100644 packages/vx-demo/src/pages/gradients.tsx delete mode 100644 packages/vx-demo/src/pages/lineradial.tsx delete mode 100644 packages/vx-demo/src/pages/network.tsx delete mode 100644 packages/vx-demo/src/pages/pack.tsx delete mode 100644 packages/vx-demo/src/pages/pies.tsx delete mode 100644 packages/vx-demo/src/pages/polygons.tsx delete mode 100644 packages/vx-demo/src/pages/responsive.tsx delete mode 100644 packages/vx-demo/src/pages/splitlinepath.tsx delete mode 100644 packages/vx-demo/src/pages/statsplot.tsx delete mode 100644 packages/vx-demo/src/pages/streamgraph.tsx delete mode 100644 packages/vx-demo/src/pages/tooltip.tsx delete mode 100644 packages/vx-demo/src/pages/treemap.tsx delete mode 100644 packages/vx-demo/src/pages/trees.tsx delete mode 100644 packages/vx-demo/src/pages/xychart.tsx delete mode 100644 packages/vx-demo/src/pages/zoom-i.tsx delete mode 100644 packages/vx-demo/src/sandboxes/exampleToVxDependencyLookup.ts delete mode 100644 packages/vx-demo/src/sandboxes/vx-bargroup/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-bars/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-barstack-horizontal/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-barstack-horizontal/package.json delete mode 100644 packages/vx-demo/src/sandboxes/vx-barstack/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-brush/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-brush/package.json delete mode 100644 packages/vx-demo/src/sandboxes/vx-chord/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-curve/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-dendrogram/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-dots/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-dots/package.json delete mode 100644 packages/vx-demo/src/sandboxes/vx-drag-i/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-drag-ii/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-geo-custom/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-geo-mercator/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-glyph/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-gradient/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-heatmap/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-linktypes/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-network/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-pack/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-pattern/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-polygons/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-radar/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-responsive/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-shape-line-radial/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-shape-pie/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-stacked-areas/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-stats/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-streamgraph/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-threshold/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-threshold/package.json delete mode 100644 packages/vx-demo/src/sandboxes/vx-tooltip/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-tree/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-treemap/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-voronoi/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-xychart/index.tsx delete mode 100644 packages/vx-demo/src/sandboxes/vx-xychart/package.json delete mode 100644 packages/vx-demo/src/sandboxes/vx-zoom-i/index.tsx delete mode 100644 packages/vx-drag/Readme.md delete mode 100644 packages/vx-event/Readme.md delete mode 100644 packages/vx-glyph/Readme.md delete mode 100644 packages/vx-grid/Readme.md delete mode 100644 packages/vx-marker/Readme.md delete mode 100644 packages/vx-react-spring/README.md delete mode 100644 packages/vx-shape/Readme.md delete mode 100644 packages/vx-stats/Readme.md delete mode 100644 packages/vx-threshold/Readme.md delete mode 100644 packages/vx-vx/Readme.md delete mode 100644 packages/vx-vx/package.json delete mode 100644 packages/vx-vx/src/index.ts delete mode 100644 packages/vx-vx/test/index.test.ts delete mode 100644 packages/vx-xychart/README.md delete mode 100644 packages/vx-zoom/Readme.md diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 05046ee59..e08847677 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -5,23 +5,23 @@ Contributions welcome! Please follow the [code of conduct](./CODE_OF_CONDUCT.md) ## Overview [Yarn workspaces](https://yarnpkg.com/lang/en/docs/workspaces/) are used to manage dependencies and -build config across packages in the umbrella `vx` monorepo, and +build config across packages in the umbrella `visx` monorepo, and [lerna](https://github.com/lerna/lerna/) is used to manage versioning. ## Project structure ``` -vx/ +visx/ lerna.json package.json packages/ - vx-package-1/ + visx-package-1/ src/ test/ build/ package.json ... - vx-package-2/ + visx-package-2/ ... ... ``` @@ -34,11 +34,11 @@ Run the following to setup your local dev environment: # Install `yarn`, alternatives at https://yarnpkg.com/en/docs/install curl -o- -L https://yarnpkg.com/install.sh | bash -# Clone or fork `vx` -git clone git@github.com:hshoff/vx.git # or your fork -cd vx +# Clone or fork `visx` +git clone git@github.com:airbnb/visx.git # or your fork +cd visx -# install dependencies, and have `yarn` symlink within-`vx` dependencies +# install dependencies, and have `yarn` symlink within-`visx` dependencies yarn # build packages and generate types for local development @@ -51,25 +51,25 @@ Upon modification of a single `package` you can run ```sh # build the package as cjs version -yarn build-one --workspaces=@vx/package +yarn build-one --workspaces=@visx/package -# build the esm version (the @vx/demo next server sources these files) -yarn build-one --workspaces=@vx/package --esm +# build the esm version (the @visx/demo next server sources these files) +yarn build-one --workspaces=@visx/package --esm # generate d.ts(definition files) for a lib -yarn type-one --workspaces=@vx/package --esm +yarn type-one --workspaces=@visx/package --esm ``` -from the `vx` monorepo root to re-build the package with your changes. +from the `visx` monorepo root to re-build the package with your changes. #### Running demo pages -You can use the local [`next.js`](https://nextjs.org) dev server within `packages/vx-demo` to view -and iterate on your changes in the gallery. From the `packages/vx-demo` folder run `yarn dev` to +You can use the local [`next.js`](https://nextjs.org) dev server within `packages/visx-demo` to view +and iterate on your changes in the gallery. From the `packages/visx-demo` folder run `yarn dev` to start the next server which (if correctly sym-linked) will also watch for changes you make to other packages (upon re-building them). #### Config generation -`vx` uses [`@airbnb/nimbus`](https://github.com/airbnb/nimbus) to generate build configuration for +`visx` uses [`@airbnb/nimbus`](https://github.com/airbnb/nimbus) to generate build configuration for `eslint`, `prettier`, `jest`, `babel`, and `typescript`. diff --git a/README.md b/README.md index 5c38d4db8..40b3eefac 100644 --- a/README.md +++ b/README.md @@ -3,17 +3,17 @@

- - + + - - + + - - Coverage Status + + Coverage Status - - + + @@ -25,20 +25,20 @@

-### vx +### visx -vx is a collection of reusable low-level visualization components. vx combines the power of d3 to -generate your visualization with the benefits of react for updating the DOM. +visx is a collection of reusable low-level visualization components. visx combines the power of d3 +to generate your visualization with the benefits of react for updating the DOM.

- Docs + Docs • - Gallery + Gallery • @@ -46,7 +46,7 @@ generate your visualization with the benefits of react for updating the DOM. • - Slack #vx + Slack #visx • @@ -59,8 +59,8 @@ generate your visualization with the benefits of react for updating the DOM.

- - + +

@@ -73,19 +73,19 @@ Let's make a simple bar graph. First we'll install the relevant packages: ``` -$ npm install --save @vx/mock-data @vx/group @vx/shape @vx/scale +$ npm install --save @visx/mock-data @visx/group @visx/shape @visx/scale ``` ```javascript import React from 'react'; -import { letterFrequency } from '@vx/mock-data'; -import { Group } from '@vx/group'; -import { Bar } from '@vx/shape'; -import { scaleLinear, scaleBand } from '@vx/scale'; +import { letterFrequency } from '@visx/mock-data'; +import { Group } from '@visx/group'; +import { Bar } from '@visx/shape'; +import { scaleLinear, scaleBand } from '@visx/scale'; -// We'll use some mock data from `@vx/mock-data` for this. +// We'll use some mock data from `@visx/mock-data` for this. const data = letterFrequency; // Define the graph dimensions and margins @@ -145,21 +145,21 @@ function BarGraph(props) { // ``` -For more examples using `vx`, check out the [gallery](https://vx-demo.now.sh/gallery). +For more examples using `visx`, check out the [gallery](https://airbnb.io/visx/gallery). ## Motivation **Goal** The goal is to create a library of components you can use to make both your own reusable chart -library or your slick custom one-off chart. vx is largely unopinionated and is meant to be built +library or your slick custom one-off chart. visx is largely unopinionated and is meant to be built upon. Keep your bundle sizes down and use only the packages you need. **How?** -Under the hood, vx is using d3 for the calculations and math. If you're creating your own awesome -chart library on top of vx, it's easy to create a component api that hides d3 entirely. Meaning your -team could create charts as easily as using reusable react components. +Under the hood, visx is using d3 for the calculations and math. If you're creating your own awesome +chart library on top of visx, it's easy to create a component api that hides d3 entirely. Meaning +your team could create charts as easily as using reusable react components. **But why?** @@ -168,15 +168,6 @@ Mixing two mental models for updating the DOM is never a good time. Copy and pas reusable visualization charts or library without having to learn d3. No more selections or `enter()`/`exit()`/`update()`. -## Status - -`Beta` We're still in pre v1. Need to add interactions. No breaking changes planned right now -[read more](https://github.com/hshoff/vx/issues/156#issuecomment-331318108). Check out -[the road to v1](https://github.com/hshoff/vx/projects/1). - -If you're a curious coder, feel free to install and play around with the packages. I recommend using -`--save-exact` when you `npm install`. - ## Roadmap Lots coming soon, check out the [roadmap](./ROADMAP.md). @@ -196,7 +187,7 @@ Lots coming soon, check out the [roadmap](./ROADMAP.md). - Collapsible tree with [`react-move`](https://github.com/react-tools/react-move) by [@techniq](https://github.com/techniq) ([Demo](https://codesandbox.io/s/n3w687vmqj)) ([Radial demo](https://codesandbox.io/s/vmqwrkl395)) - ([More info](https://github.com/hshoff/vx/issues/162#issuecomment-335029517)) + ([More info](https://github.com/airbnb/visx/issues/162#issuecomment-335029517)) - Bitcoin 30-day price by [@hshoff](https://github.com/hshoff) ([Demo](https://viewsource.now.sh/bitcoin)) ([Github](https://github.com/hshoff/viewsource#1-bitcoin-price-chart)) @@ -225,24 +216,24 @@ Lots coming soon, check out the [roadmap](./ROADMAP.md). ## FAQ -1. What does `vx` stand for? +1. What does `visx` stand for? - > vx stands for visualization components. + > visx stands for visualization components. 1. Do you plan on supporting animation/transitions? - > A common criticism of vx is it doesn't have animation baked in, but this was a concious choice. - > It's a powerful feature to not bake it in. + > A common criticism of visx is it doesn't have animation baked in, but this was a concious + > choice. It's a powerful feature to not bake it in. > - > Imagine your app already bundles `react-motion`, adding a hypothetical `@vx/animation` is - > bloat. Since vx is react, it already supports all react animation libs. + > Imagine your app already bundles `react-motion`, adding a hypothetical `@visx/animation` is + > bloat. Since visx is react, it already supports all react animation libs. > > Charting libraries are like style guides. Each org or app will eventually want full control > over their own implementation. > - > vx makes this easier for everyone. No need to reinvent the wheel each time. + > visx makes this easier for everyone. No need to reinvent the wheel each time. > - > more info: https://github.com/hshoff/vx/issues/6 + > more info: https://github.com/airbnb/visx/issues/6 > > examples: > @@ -260,11 +251,9 @@ Lots coming soon, check out the [roadmap](./ROADMAP.md). > Please do. -1. Does vx work with [preact](https://preactjs.com/)? +1. Does visx work with [preact](https://preactjs.com/)? - > yup! need to alias `react` + `react-dom` and use `preact-compat`. Here's a quick demo: - > https://vx-preact.now.sh/. - > [more info](https://preactjs.com/guide/switching-to-preact#how-to-alias-preact-compat) + > yup! need to alias `react` + `react-dom` and use `preact-compat`. 1. I like using d3. @@ -276,6 +265,6 @@ Please see [CONTRIBUTING.md](./CONTRIBUTING.md) :v: -[MIT](./LICENSE) • [@hshoff](https://twitter.com/hshoff) +[MIT](./LICENSE) [![FOSSA Status](https://app.fossa.io/api/projects/git%2Bhttps%3A%2F%2Fgithub.com%2Fhshoff%2Fvx.svg?type=large)](https://app.fossa.io/projects/git%2Bhttps%3A%2F%2Fgithub.com%2Fhshoff%2Fvx?ref=badge_large) diff --git a/assets/vx-gallery.png b/assets/visx-gallery.png similarity index 100% rename from assets/vx-gallery.png rename to assets/visx-gallery.png diff --git a/assets/vx.png b/assets/visx.png similarity index 100% rename from assets/vx.png rename to assets/visx.png diff --git a/package.json b/package.json index eb032900b..ad610b062 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "@vx/root", + "name": "@visx/root", "license": "MIT", "version": "0.0.0", "description": "Low-level visualization components", @@ -7,21 +7,34 @@ "react", "d3", "visualization", - "vx", + "visx", "charts" ], "engines": { "node": ">=10.15.0", "yarn": ">=1.17.0" }, - "author": "@hshoff", + "contributors": [ + { + "name": "Harrison Shoff", + "url": "https://github.com/hshoff" + }, + { + "name": "Chris Williams", + "url": "https://github.com/williaster" + }, + { + "name": "Krist Wongsuphasawat", + "url": "https://github.com/kristw" + } + ], "private": true, "scripts": { "build": "yarn run babel && yarn run type:dts", "build-one": "nimbus babel --clean", "babel": "yarn run babel:cjs && yarn run babel:esm", - "babel:cjs": "nimbus babel --clean --workspaces=\"@vx/!(demo)\"", - "babel:esm": "nimbus babel --clean --workspaces=\"@vx/!(demo)\" --esm", + "babel:cjs": "nimbus babel --clean --workspaces=\"@visx/!(demo)\"", + "babel:esm": "nimbus babel --clean --workspaces=\"@visx/!(demo)\" --esm", "clean": "rm -rf ./packages/**/{lib,esm}", "format": "yarn run prettier --write", "jest": "NODE_ENV=test nimbus jest --coverage --verbose", @@ -102,12 +115,12 @@ "!packages/**/esm/**", "!packages/**/lib/**", "!packages/**/node_modules/**", - "!packages/vx-demo/**", - "!packages/vx-vx/**" + "!packages/visx-demo/**", + "!packages/visx-visx/**" ], "testPathIgnorePatterns" : [ - "/packages/vx-demo", - "/packages/vx-vx" + "/packages/visx-demo", + "/packages/visx-visx" ], "coverageThreshold": { "global": { @@ -165,7 +178,7 @@ } }, { - "files": "./packages/vx-demo/**", + "files": "./packages/visx-demo/**", "rules": { "@typescript-eslint/no-explicit-any": [ "warn", diff --git a/packages/vx-annotation/.npmrc b/packages/visx-annotation/.npmrc similarity index 100% rename from packages/vx-annotation/.npmrc rename to packages/visx-annotation/.npmrc diff --git a/packages/vx-annotation/Readme.md b/packages/visx-annotation/Readme.md similarity index 51% rename from packages/vx-annotation/Readme.md rename to packages/visx-annotation/Readme.md index c70893e35..b3274e2c4 100644 --- a/packages/vx-annotation/Readme.md +++ b/packages/visx-annotation/Readme.md @@ -1,8 +1,8 @@ -# @vx/annotation +# @visx/annotation

- - + +

@@ -15,5 +15,5 @@ react-annotation. ## Installation ``` -npm install --save @vx/annotation +npm install --save @visx/annotation ``` diff --git a/packages/vx-annotation/package.json b/packages/visx-annotation/package.json similarity index 65% rename from packages/vx-annotation/package.json rename to packages/visx-annotation/package.json index debb8aefb..47341a343 100644 --- a/packages/vx-annotation/package.json +++ b/packages/visx-annotation/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/annotation", + "name": "@visx/annotation", "version": "0.0.199", - "description": "vx annotation", + "description": "visx annotation", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -24,18 +24,18 @@ "author": "@hshoff", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "peerDependencies": { "react": "^15.0.0-0 || ^16.0.0-0" }, "dependencies": { "@types/classnames": "^2.2.9", "@types/react": "*", - "@vx/group": "0.0.199", - "@vx/point": "0.0.199", - "@vx/shape": "0.0.199", + "@visx/group": "0.0.199", + "@visx/point": "0.0.199", + "@visx/shape": "0.0.199", "classnames": "^2.2.5", "prop-types": "^15.5.10" }, diff --git a/packages/vx-annotation/src/annotations/LinePathAnnotation.tsx b/packages/visx-annotation/src/annotations/LinePathAnnotation.tsx similarity index 90% rename from packages/vx-annotation/src/annotations/LinePathAnnotation.tsx rename to packages/visx-annotation/src/annotations/LinePathAnnotation.tsx index 1949b9b13..fbc0dba7c 100644 --- a/packages/vx-annotation/src/annotations/LinePathAnnotation.tsx +++ b/packages/visx-annotation/src/annotations/LinePathAnnotation.tsx @@ -1,8 +1,8 @@ import React from 'react'; import cx from 'classnames'; -import { Point } from '@vx/point'; -import { Group } from '@vx/group'; -import { LinePath } from '@vx/shape'; +import { Point } from '@visx/point'; +import { Group } from '@visx/group'; +import { LinePath } from '@visx/shape'; interface SimplePoint { x: number; @@ -91,9 +91,9 @@ export default function LinePathAnnotation({ }: LinePathAnnotationProps) { const endPoint = points[points.length - 1]; return ( - + - className={cx('vx-line-path-annotation', className)} + className={cx('visx-line-path-annotation', className)} data={points} x={p => p.x} y={p => p.y} diff --git a/packages/vx-annotation/src/index.ts b/packages/visx-annotation/src/index.ts similarity index 100% rename from packages/vx-annotation/src/index.ts rename to packages/visx-annotation/src/index.ts diff --git a/packages/vx-annotation/test/LinePathAnnotation.test.tsx b/packages/visx-annotation/test/LinePathAnnotation.test.tsx similarity index 88% rename from packages/vx-annotation/test/LinePathAnnotation.test.tsx rename to packages/visx-annotation/test/LinePathAnnotation.test.tsx index c4b2e2850..24bb19039 100644 --- a/packages/vx-annotation/test/LinePathAnnotation.test.tsx +++ b/packages/visx-annotation/test/LinePathAnnotation.test.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { shallow } from 'enzyme'; -import { Point } from '@vx/point'; +import { Point } from '@visx/point'; import { LinePathAnnotation } from '../src'; describe('', () => { @@ -13,7 +13,7 @@ describe('', () => { const wrapper = shallow(); expect(wrapper.prop('top')).toEqual(0); expect(wrapper.prop('left')).toEqual(0); - expect(wrapper.is('.vx-line-path-annotation-group')).toBe(true); + expect(wrapper.is('.visx-line-path-annotation-group')).toBe(true); }); test('it should set wrapper props', () => { @@ -24,17 +24,17 @@ describe('', () => { test('it should contain a ', () => { const wrapper = shallow(); - expect(wrapper.find('.vx-line-path-annotation')).toHaveLength(1); + expect(wrapper.find('.visx-line-path-annotation')).toHaveLength(1); }); test('it should pass props to ', () => { const points = [new Point({ x: 0, y: 0 })]; const wrapper = shallow(); - const linePath = wrapper.find('.vx-line-path-annotation'); + const linePath = wrapper.find('.visx-line-path-annotation'); expect(linePath.prop('data')).toBe(points); expect(linePath.prop('stroke')).toEqual('black'); expect(linePath.prop('strokeWidth')).toEqual(1); - expect(linePath.prop('className')).toEqual('vx-line-path-annotation test'); + expect(linePath.prop('className')).toEqual('visx-line-path-annotation test'); }); test('it should not render a label if label prop is undefined', () => { diff --git a/packages/vx-axis/.npmrc b/packages/visx-axis/.npmrc similarity index 100% rename from packages/vx-axis/.npmrc rename to packages/visx-axis/.npmrc diff --git a/packages/visx-axis/Readme.md b/packages/visx-axis/Readme.md new file mode 100644 index 000000000..8dba45607 --- /dev/null +++ b/packages/visx-axis/Readme.md @@ -0,0 +1,19 @@ +# @visx/axis + +

+ + + +

+ +An axis component consists of a line with ticks, tick labels, and an axis label that helps viewers +interpret your graph. + +You can use one of the 4 pre-made axes, or you can create your own based on the `` element. +Note that the `@visx/react-spring` package exports an `AnimatedAxis` variant with animated ticks. + +## Installation + +``` +npm install --save @visx/axis +``` diff --git a/packages/vx-axis/package.json b/packages/visx-axis/package.json similarity index 61% rename from packages/vx-axis/package.json rename to packages/visx-axis/package.json index afbbea6bb..ebf8b22a1 100644 --- a/packages/vx-axis/package.json +++ b/packages/visx-axis/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/axis", + "name": "@visx/axis", "version": "0.0.199", - "description": "vx axis", + "description": "visx axis", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -24,17 +24,17 @@ "author": "@hshoff", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "dependencies": { "@types/classnames": "^2.2.9", "@types/react": "*", - "@vx/group": "0.0.199", - "@vx/point": "0.0.199", - "@vx/scale": "0.0.199", - "@vx/shape": "0.0.199", - "@vx/text": "0.0.199", + "@visx/group": "0.0.199", + "@visx/point": "0.0.199", + "@visx/shape": "0.0.199", + "@visx/scale": "0.0.199", + "@visx/text": "0.0.199", "classnames": "^2.2.5", "prop-types": "^15.6.0" }, diff --git a/packages/vx-axis/src/axis/Axis.tsx b/packages/visx-axis/src/axis/Axis.tsx similarity index 93% rename from packages/vx-axis/src/axis/Axis.tsx rename to packages/visx-axis/src/axis/Axis.tsx index f8b0c9c78..cb02f3d99 100644 --- a/packages/vx-axis/src/axis/Axis.tsx +++ b/packages/visx-axis/src/axis/Axis.tsx @@ -1,7 +1,7 @@ import React from 'react'; import cx from 'classnames'; -import { Group } from '@vx/group'; -import { getTicks, coerceNumber } from '@vx/scale'; +import { Group } from '@visx/group'; +import { getTicks, coerceNumber } from '@visx/scale'; import { SharedAxisProps, AxisScale } from '../types'; import AxisRenderer from './AxisRenderer'; import getTickPosition from '../utils/getTickPosition'; @@ -63,7 +63,7 @@ export default function Axis({ }); return ( - + {children({ ...restProps, axisFromPoint, diff --git a/packages/vx-axis/src/axis/AxisBottom.tsx b/packages/visx-axis/src/axis/AxisBottom.tsx similarity index 92% rename from packages/vx-axis/src/axis/AxisBottom.tsx rename to packages/visx-axis/src/axis/AxisBottom.tsx index 89e714668..8508a9853 100644 --- a/packages/vx-axis/src/axis/AxisBottom.tsx +++ b/packages/visx-axis/src/axis/AxisBottom.tsx @@ -22,7 +22,7 @@ export default function AxisBottom({ }: SharedAxisProps) { return ( ({ }: SharedAxisProps) { return ( ({ {!hideAxisLine && ( ({ {label && ( ({ }: AxisRightProps) { return ( ({ }: AxisTopProps) { return ( ({ return ( {!hideTicks && } diff --git a/packages/vx-axis/src/constants/orientation.ts b/packages/visx-axis/src/constants/orientation.ts similarity index 82% rename from packages/vx-axis/src/constants/orientation.ts rename to packages/visx-axis/src/constants/orientation.ts index a2beb4031..bb3f7f089 100644 --- a/packages/vx-axis/src/constants/orientation.ts +++ b/packages/visx-axis/src/constants/orientation.ts @@ -1,4 +1,4 @@ -import { ValueOf } from '@vx/scale'; +import { ValueOf } from '@visx/scale'; const Orientation = { top: 'top', diff --git a/packages/vx-axis/src/index.ts b/packages/visx-axis/src/index.ts similarity index 100% rename from packages/vx-axis/src/index.ts rename to packages/visx-axis/src/index.ts diff --git a/packages/vx-axis/src/types.ts b/packages/visx-axis/src/types.ts similarity index 91% rename from packages/vx-axis/src/types.ts rename to packages/visx-axis/src/types.ts index 363620f12..4617f9394 100644 --- a/packages/vx-axis/src/types.ts +++ b/packages/visx-axis/src/types.ts @@ -1,5 +1,5 @@ -import { D3Scale, NumberLike, ScaleInput } from '@vx/scale'; -import { TextProps } from '@vx/text/lib/Text'; +import { D3Scale, NumberLike, ScaleInput } from '@visx/scale'; +import { TextProps } from '@visx/text/lib/Text'; import Orientation from './constants/orientation'; // In order to plot values on an axis, output of the scale must be number. @@ -73,7 +73,7 @@ export type CommonProps = { strokeDasharray?: string; /** The class name applied to each tick group. */ tickClassName?: string; - /** Override the component used to render tick labels (instead of from @vx/text). */ + /** Override the component used to render tick labels (instead of from @visx/text). */ tickComponent?: (tickRendererProps: TickRendererProps) => React.ReactNode; /** Override the component used to render all tick lines and labels. */ ticksComponent?: (tickRendererProps: TicksRendererProps) => React.ReactNode; @@ -109,7 +109,7 @@ export type AxisRendererProps = CommonProps & { axisToPoint: Point; /** Whether this axis is horizontal */ horizontal: boolean; - /** A [d3](https://github.com/d3/d3-scale) or [vx](https://github.com/hshoff/vx/tree/master/packages/vx-scale) scale function. */ + /** A [d3](https://github.com/d3/d3-scale) or [visx](https://github.com/airbnb/visx/tree/master/packages/visx-scale) scale function. */ scale: Scale; /** Function to compute tick position along the axis from tick value */ tickPosition: (value: ScaleInput) => AxisScaleOutput; @@ -124,7 +124,7 @@ export type SharedAxisProps = CommonProps & { axisClassName?: string; /** A left pixel offset applied to the entire axis. */ left?: number; - /** A [d3](https://github.com/d3/d3-scale) or [vx](https://github.com/hshoff/vx/tree/master/packages/vx-scale) scale function. */ + /** A [d3](https://github.com/d3/d3-scale) or [visx](https://github.com/airbnb/visx/tree/master/packages/visx-scale) scale function. */ scale: Scale; /** An array of values that determine the number and values of the ticks. Falls back to `scale.ticks()` or `.domain()`. */ tickValues?: ScaleInput[]; diff --git a/packages/vx-axis/src/utils/createPoint.ts b/packages/visx-axis/src/utils/createPoint.ts similarity index 80% rename from packages/vx-axis/src/utils/createPoint.ts rename to packages/visx-axis/src/utils/createPoint.ts index 4bb963b6e..d83697997 100644 --- a/packages/vx-axis/src/utils/createPoint.ts +++ b/packages/visx-axis/src/utils/createPoint.ts @@ -1,4 +1,4 @@ -import { Point } from '@vx/point'; +import { Point } from '@visx/point'; export default function createPoint({ x, y }: Partial, horizontal: boolean) { return new Point(horizontal ? { x, y } : { x: y, y: x }); diff --git a/packages/vx-axis/src/utils/getLabelTransform.ts b/packages/visx-axis/src/utils/getLabelTransform.ts similarity index 95% rename from packages/vx-axis/src/utils/getLabelTransform.ts rename to packages/visx-axis/src/utils/getLabelTransform.ts index dd0f65f1c..08070f1f2 100644 --- a/packages/vx-axis/src/utils/getLabelTransform.ts +++ b/packages/visx-axis/src/utils/getLabelTransform.ts @@ -1,4 +1,4 @@ -import { TextProps } from '@vx/text/lib/Text'; +import { TextProps } from '@visx/text/lib/Text'; import Orientation from '../constants/orientation'; import { AxisScaleOutput } from '../types'; diff --git a/packages/vx-axis/src/utils/getTickFormatter.ts b/packages/visx-axis/src/utils/getTickFormatter.ts similarity index 90% rename from packages/vx-axis/src/utils/getTickFormatter.ts rename to packages/visx-axis/src/utils/getTickFormatter.ts index 9e4687397..b7c8f8430 100644 --- a/packages/vx-axis/src/utils/getTickFormatter.ts +++ b/packages/visx-axis/src/utils/getTickFormatter.ts @@ -1,4 +1,4 @@ -import { ScaleInput, toString } from '@vx/scale'; +import { ScaleInput, toString } from '@visx/scale'; import { TickFormatter, AxisScale } from '../types'; /** diff --git a/packages/vx-axis/src/utils/getTickPosition.ts b/packages/visx-axis/src/utils/getTickPosition.ts similarity index 95% rename from packages/vx-axis/src/utils/getTickPosition.ts rename to packages/visx-axis/src/utils/getTickPosition.ts index 5d2006b54..90ab992d5 100644 --- a/packages/vx-axis/src/utils/getTickPosition.ts +++ b/packages/visx-axis/src/utils/getTickPosition.ts @@ -1,4 +1,4 @@ -import { ScaleInput } from '@vx/scale'; +import { ScaleInput } from '@visx/scale'; import { AxisScale, AxisScaleOutput } from '../types'; /** diff --git a/packages/vx-axis/test/Axis.test.tsx b/packages/visx-axis/test/Axis.test.tsx similarity index 86% rename from packages/vx-axis/test/Axis.test.tsx rename to packages/visx-axis/test/Axis.test.tsx index 15b749519..9bae24cce 100644 --- a/packages/vx-axis/test/Axis.test.tsx +++ b/packages/visx-axis/test/Axis.test.tsx @@ -1,9 +1,9 @@ import React from 'react'; import { shallow } from 'enzyme'; -import { Line } from '@vx/shape'; -import { Text } from '@vx/text'; -import { scaleBand, scaleLinear } from '@vx/scale'; +import { Line } from '@visx/shape'; +import { Text } from '@visx/text'; +import { scaleBand, scaleLinear } from '@visx/scale'; import { Axis } from '../src'; const axisProps = { @@ -21,9 +21,9 @@ describe('', () => { expect(Axis).toBeDefined(); }); - test('it should render with class .vx-axis', () => { + test('it should render with class .visx-axis', () => { const wrapper = shallow(); - expect(wrapper.prop('className')).toEqual('vx-axis'); + expect(wrapper.prop('className')).toEqual('visx-axis'); }); test('it should call children function with required args', () => { @@ -70,7 +70,7 @@ describe('', () => { const tickProps = { fontSize: 50, fill: 'magenta' }; const wrapper = shallow( tickProps} />); - const ticks = wrapper.find('.vx-axis-tick'); + const ticks = wrapper.find('.visx-axis-tick'); ticks.forEach(tick => { expect(tick.find(Text).props()).toEqual(expect.objectContaining(tickProps)); }); @@ -97,7 +97,7 @@ describe('', () => { const labelProps = { fontSize: 50, fill: 'magenta' }; const wrapper = shallow(); - const label = wrapper.find('.vx-axis-label'); + const label = wrapper.find('.visx-axis-label'); expect(label.find(Text).props()).toEqual(expect.objectContaining(labelProps)); }); @@ -105,20 +105,20 @@ describe('', () => { const wrapper = shallow(); expect( wrapper - .find('.vx-axis-tick') + .find('.visx-axis-tick') .at(0) .key(), - ).toBe('vx-tick-0-0'); + ).toBe('visx-tick-0-0'); }); test('it should not show 0th tick if hideZero is true', () => { const wrapper = shallow(); expect( wrapper - .find('.vx-axis-tick') + .find('.visx-axis-tick') .at(0) .key(), - ).toBe('vx-tick-1-1'); + ).toBe('visx-tick-1-1'); }); test('it should SHOW an axis line if hideAxisLine is false', () => { @@ -126,8 +126,8 @@ describe('', () => { expect( wrapper .children() - .not('.vx-axis-tick') - .find('.vx-axis-line'), + .not('.visx-axis-tick') + .find('.visx-axis-line'), ).toHaveLength(1); }); @@ -136,14 +136,14 @@ describe('', () => { expect( wrapper .children() - .not('.vx-axis-tick') + .not('.visx-axis-tick') .find('Line'), ).toHaveLength(0); }); test('it should SHOW ticks if hideTicks is false', () => { const wrapper = shallow(); - expect(wrapper.children().find('.vx-axis-tick').length).toBeGreaterThan(0); + expect(wrapper.children().find('.visx-axis-tick').length).toBeGreaterThan(0); }); test('it should HIDE ticks if hideTicks is true', () => { @@ -151,7 +151,7 @@ describe('', () => { expect( wrapper .children() - .find('.vx-axis-tick') + .find('.visx-axis-tick') .find('Line'), ).toHaveLength(0); }); @@ -161,16 +161,16 @@ describe('', () => { expect( wrapper .children() - .find('.vx-axis-tick') - .not('.vx-axis-line') + .find('.visx-axis-tick') + .not('.visx-axis-line') .find('Line'), ).toHaveLength(0); wrapper = shallow(); - expect(wrapper.children().find('.vx-axis-tick')).toHaveLength(1); + expect(wrapper.children().find('.visx-axis-tick')).toHaveLength(1); wrapper = shallow(); - expect(wrapper.children().find('.vx-axis-tick')).toHaveLength(7); + expect(wrapper.children().find('.visx-axis-tick')).toHaveLength(7); }); test('it should use tickFormat to format ticks if passed', () => { @@ -178,7 +178,7 @@ describe('', () => { expect( wrapper .children() - .find('.vx-axis-tick') + .find('.visx-axis-tick') .find(Text) .prop('children'), ).toBe('test!!!'); @@ -191,7 +191,7 @@ describe('', () => { expect( wrapper .children() - .find('.vx-axis-tick') + .find('.visx-axis-tick') .find(Text) .prop('children'), ).toBe('0'); diff --git a/packages/vx-axis/test/AxisBottom.test.tsx b/packages/visx-axis/test/AxisBottom.test.tsx similarity index 90% rename from packages/vx-axis/test/AxisBottom.test.tsx rename to packages/visx-axis/test/AxisBottom.test.tsx index d75a2a65d..be5cf6e99 100644 --- a/packages/vx-axis/test/AxisBottom.test.tsx +++ b/packages/visx-axis/test/AxisBottom.test.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { shallow } from 'enzyme'; -import { scaleLinear } from '../../vx-scale/src'; +import { scaleLinear } from '../../visx-scale/src'; import { Axis, AxisBottom } from '../src'; const axisProps = { @@ -17,9 +17,9 @@ describe('', () => { expect(AxisBottom).toBeDefined(); }); - test('it should render with class .vx-axis-bottom', () => { + test('it should render with class .visx-axis-bottom', () => { const wrapper = shallow(); - expect(wrapper.prop('axisClassName')).toEqual('vx-axis-bottom'); + expect(wrapper.prop('axisClassName')).toEqual('visx-axis-bottom'); }); test('it should set user-specified axisClassName, axisLineClassName, labelClassName, and tickClassName', () => { @@ -70,7 +70,7 @@ describe('', () => { test('it should set label prop', () => { const label = 'test'; const wrapper = shallow().dive(); - const text = wrapper.find('.vx-axis-label'); + const text = wrapper.find('.visx-axis-label'); expect(text.prop('children')).toEqual(label); }); }); diff --git a/packages/vx-axis/test/AxisLeft.test.tsx b/packages/visx-axis/test/AxisLeft.test.tsx similarity index 90% rename from packages/vx-axis/test/AxisLeft.test.tsx rename to packages/visx-axis/test/AxisLeft.test.tsx index 2037614d3..2be583dbe 100644 --- a/packages/vx-axis/test/AxisLeft.test.tsx +++ b/packages/visx-axis/test/AxisLeft.test.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { shallow } from 'enzyme'; -import { scaleLinear } from '../../vx-scale/src'; +import { scaleLinear } from '../../visx-scale/src'; import { Axis, AxisLeft } from '../src'; const axisProps = { @@ -17,9 +17,9 @@ describe('', () => { expect(AxisLeft).toBeDefined(); }); - test('it should render with class .vx-axis-left', () => { + test('it should render with class .visx-axis-left', () => { const wrapper = shallow(); - expect(wrapper.prop('axisClassName')).toEqual('vx-axis-left'); + expect(wrapper.prop('axisClassName')).toEqual('visx-axis-left'); }); test('it should set user-specified axisClassName, axisLineClassName, labelClassName, and tickClassName', () => { @@ -70,7 +70,7 @@ describe('', () => { test('it should set label prop', () => { const label = 'test'; const wrapper = shallow().dive(); - const text = wrapper.find('.vx-axis-label'); + const text = wrapper.find('.visx-axis-label'); expect(text.prop('children')).toEqual(label); }); }); diff --git a/packages/vx-axis/test/AxisRight.test.tsx b/packages/visx-axis/test/AxisRight.test.tsx similarity index 90% rename from packages/vx-axis/test/AxisRight.test.tsx rename to packages/visx-axis/test/AxisRight.test.tsx index c66dc4b5c..5b63e4b7f 100644 --- a/packages/vx-axis/test/AxisRight.test.tsx +++ b/packages/visx-axis/test/AxisRight.test.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { shallow } from 'enzyme'; -import { scaleLinear } from '../../vx-scale/src'; +import { scaleLinear } from '../../visx-scale/src'; import { Axis, AxisRight } from '../src'; const axisProps = { @@ -17,9 +17,9 @@ describe('', () => { expect(AxisRight).toBeDefined(); }); - test('it should render with class .vx-axis-right', () => { + test('it should render with class .visx-axis-right', () => { const wrapper = shallow(); - expect(wrapper.prop('axisClassName')).toEqual('vx-axis-right'); + expect(wrapper.prop('axisClassName')).toEqual('visx-axis-right'); }); test('it should set user-specified axisClassName, axisLineClassName, labelClassName, and tickClassName', () => { @@ -70,7 +70,7 @@ describe('', () => { test('it should set label prop', () => { const label = 'test'; const wrapper = shallow().dive(); - const text = wrapper.find('.vx-axis-label'); + const text = wrapper.find('.visx-axis-label'); expect(text.prop('children')).toEqual(label); }); }); diff --git a/packages/vx-axis/test/AxisTop.test.tsx b/packages/visx-axis/test/AxisTop.test.tsx similarity index 90% rename from packages/vx-axis/test/AxisTop.test.tsx rename to packages/visx-axis/test/AxisTop.test.tsx index d7fc5ac0e..c7d736fa3 100644 --- a/packages/vx-axis/test/AxisTop.test.tsx +++ b/packages/visx-axis/test/AxisTop.test.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { shallow } from 'enzyme'; -import { scaleLinear } from '../../vx-scale/src'; +import { scaleLinear } from '../../visx-scale/src'; import { Axis, AxisTop } from '../src'; const axisProps = { @@ -17,9 +17,9 @@ describe('', () => { expect(AxisTop).toBeDefined(); }); - test('it should render with class .vx-axis-top', () => { + test('it should render with class .visx-axis-top', () => { const wrapper = shallow(); - expect(wrapper.prop('axisClassName')).toEqual('vx-axis-top'); + expect(wrapper.prop('axisClassName')).toEqual('visx-axis-top'); }); test('it should set user-specified axisClassName, axisLineClassName, labelClassName, and tickClassName', () => { @@ -70,7 +70,7 @@ describe('', () => { test('it should set label prop', () => { const label = 'test'; const wrapper = shallow().dive(); - const text = wrapper.find('.vx-axis-label'); + const text = wrapper.find('.visx-axis-label'); expect(text.prop('children')).toEqual(label); }); }); diff --git a/packages/vx-axis/test/Orientation.test.ts b/packages/visx-axis/test/Orientation.test.ts similarity index 100% rename from packages/vx-axis/test/Orientation.test.ts rename to packages/visx-axis/test/Orientation.test.ts diff --git a/packages/vx-axis/test/scales.test.tsx b/packages/visx-axis/test/scales.test.tsx similarity index 99% rename from packages/vx-axis/test/scales.test.tsx rename to packages/visx-axis/test/scales.test.tsx index 0777f54d3..50e18903b 100644 --- a/packages/vx-axis/test/scales.test.tsx +++ b/packages/visx-axis/test/scales.test.tsx @@ -13,7 +13,7 @@ import { scaleThreshold, scaleTime, scaleUtc, -} from '@vx/scale'; +} from '@visx/scale'; import { Axis } from '../src'; const axisProps = { diff --git a/packages/vx-axis/test/utils/getTickPosition.test.ts b/packages/visx-axis/test/utils/getTickPosition.test.ts similarity index 96% rename from packages/vx-axis/test/utils/getTickPosition.test.ts rename to packages/visx-axis/test/utils/getTickPosition.test.ts index 92d2701bb..9e4307212 100644 --- a/packages/vx-axis/test/utils/getTickPosition.test.ts +++ b/packages/visx-axis/test/utils/getTickPosition.test.ts @@ -1,4 +1,4 @@ -import { scaleLinear, scaleBand } from '@vx/scale'; +import { scaleLinear, scaleBand } from '@visx/scale'; import getTickPosition from '../../src/utils/getTickPosition'; describe('getTickPosition(scale, align)', () => { diff --git a/packages/vx-bounds/.npmrc b/packages/visx-bounds/.npmrc similarity index 100% rename from packages/vx-bounds/.npmrc rename to packages/visx-bounds/.npmrc diff --git a/packages/visx-bounds/Readme.md b/packages/visx-bounds/Readme.md new file mode 100644 index 000000000..9de7fd99a --- /dev/null +++ b/packages/visx-bounds/Readme.md @@ -0,0 +1,56 @@ +# @visx/bounds + +

+ + + +

+ +``` +npm install --save @visx/bounds +``` + +### `withBoundingRects` HOC + +It's often useful to determine whether elements (e.g., tooltips) overflow the bounds of their parent +container and adjust positioning accordingly. The `withBoundingRects` higher-order component is +meant to simplify this computation by passing in a component's bounding rect as well as its +_parent's_ bounding rect. + +### Example usage + +Example usage with a `` component + +```javascript +import React from 'react'; +import PropTypes from 'prop-types'; +import { withBoundingRects, withBoundingRectsProps } from '@visx/bounds'; + +const propTypes = { + ...withBoundingRectsProps, + left: PropTypes.number.isRequired, + top: PropTypes.number.isRequired, + children: PropTypes.node, +}; + +const defaultProps = { + children: null, +}; + +function Tooltip({ left: initialLeft, top: initialTop, rect, parentRect, children }) { + let left = initialLeft; + let top = initialTop; + + if (rect && parentRect) { + left = rect.right > parentRect.right ? left - rect.width : left; + top = rect.bottom > parentRect.bottom ? top - rect.height : top; + } + + return
{children}
; +} + +Tooltip.propTypes = propTypes; +Tooltip.defaultProps = defaultProps; + +export default withBoundingRects(Tooltip); +``` diff --git a/packages/vx-bounds/package.json b/packages/visx-bounds/package.json similarity index 78% rename from packages/vx-bounds/package.json rename to packages/visx-bounds/package.json index f4e221230..9d7a2b8cf 100644 --- a/packages/vx-bounds/package.json +++ b/packages/visx-bounds/package.json @@ -1,5 +1,5 @@ { - "name": "@vx/bounds", + "name": "@visx/bounds", "version": "0.0.199", "description": "Utilities to make your life with bounding boxes better", "sideEffects": false, @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "visualizations", "charts" @@ -23,9 +23,9 @@ "author": "Chris Williams @williaster", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "publishConfig": { "access": "public" }, diff --git a/packages/vx-bounds/src/enhancers/withBoundingRects.tsx b/packages/visx-bounds/src/enhancers/withBoundingRects.tsx similarity index 100% rename from packages/vx-bounds/src/enhancers/withBoundingRects.tsx rename to packages/visx-bounds/src/enhancers/withBoundingRects.tsx diff --git a/packages/vx-bounds/src/index.ts b/packages/visx-bounds/src/index.ts similarity index 100% rename from packages/vx-bounds/src/index.ts rename to packages/visx-bounds/src/index.ts diff --git a/packages/vx-bounds/test/withBoundingRects.test.tsx b/packages/visx-bounds/test/withBoundingRects.test.tsx similarity index 100% rename from packages/vx-bounds/test/withBoundingRects.test.tsx rename to packages/visx-bounds/test/withBoundingRects.test.tsx diff --git a/packages/vx-brush/.npmrc b/packages/visx-brush/.npmrc similarity index 100% rename from packages/vx-brush/.npmrc rename to packages/visx-brush/.npmrc diff --git a/packages/visx-brush/Readme.md b/packages/visx-brush/Readme.md new file mode 100644 index 000000000..f3f715c51 --- /dev/null +++ b/packages/visx-brush/Readme.md @@ -0,0 +1,13 @@ +# @visx/brush + + + + + +A brush allows you to select a sub-region of your chart or axis. + +## Installation + +``` +npm install --save @visx/brush +``` diff --git a/packages/vx-brush/package.json b/packages/visx-brush/package.json similarity index 61% rename from packages/vx-brush/package.json rename to packages/visx-brush/package.json index 0dab26612..717824700 100644 --- a/packages/vx-brush/package.json +++ b/packages/visx-brush/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/brush", + "name": "@visx/brush", "version": "0.0.199", - "description": "vx brush", + "description": "visx brush", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -11,10 +11,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "d3", "react", "visualizations", @@ -23,9 +23,9 @@ "author": "@hshoff", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "publishConfig": { "access": "public" }, @@ -33,13 +33,13 @@ "react": "^15.0.0-0 || ^16.0.0-0" }, "dependencies": { - "@vx/drag": "0.0.199", - "@vx/group": "0.0.199", - "@vx/shape": "0.0.199", + "@visx/drag": "0.0.199", + "@visx/group": "0.0.199", + "@visx/shape": "0.0.199", "classnames": "^2.2.5", "prop-types": "^15.6.1" }, "devDependencies": { - "@vx/scale": "0.0.199" + "@visx/scale": "0.0.199" } } diff --git a/packages/vx-brush/src/BaseBrush.tsx b/packages/visx-brush/src/BaseBrush.tsx similarity index 98% rename from packages/vx-brush/src/BaseBrush.tsx rename to packages/visx-brush/src/BaseBrush.tsx index d5b30023e..d5088d546 100644 --- a/packages/vx-brush/src/BaseBrush.tsx +++ b/packages/visx-brush/src/BaseBrush.tsx @@ -1,7 +1,7 @@ import React from 'react'; -import { Group } from '@vx/group'; -import { Bar } from '@vx/shape'; -import Drag, { HandlerArgs as DragArgs } from '@vx/drag/lib/Drag'; +import { Group } from '@visx/group'; +import { Bar } from '@visx/shape'; +import Drag, { HandlerArgs as DragArgs } from '@visx/drag/lib/Drag'; import BrushHandle from './BrushHandle'; import BrushCorner from './BrushCorner'; @@ -366,7 +366,7 @@ export default class BaseBrush extends React.Component + {/* overlay */} {({ dragStart, isDragging, dragMove, dragEnd }) => ( diff --git a/packages/vx-brush/src/BrushHandle.tsx b/packages/visx-brush/src/BrushHandle.tsx similarity index 97% rename from packages/vx-brush/src/BrushHandle.tsx rename to packages/visx-brush/src/BrushHandle.tsx index 34fbb0586..03dcab37a 100644 --- a/packages/vx-brush/src/BrushHandle.tsx +++ b/packages/visx-brush/src/BrushHandle.tsx @@ -1,6 +1,6 @@ /* eslint react/jsx-handler-names: 0 */ import React from 'react'; -import Drag, { HandlerArgs as DragArgs } from '@vx/drag/lib/Drag'; +import Drag, { HandlerArgs as DragArgs } from '@visx/drag/lib/Drag'; import { BaseBrushState as BrushState, UpdateBrush } from './BaseBrush'; import { ResizeTriggerAreas } from './types'; @@ -140,7 +140,7 @@ export default class BrushHandle extends React.Component { width={width} height={height} fill="transparent" - className={`vx-brush-handle-${type}`} + className={`visx-brush-handle-${type}`} onMouseDown={dragStart} onMouseMove={dragMove} onMouseUp={dragEnd} diff --git a/packages/vx-brush/src/BrushSelection.tsx b/packages/visx-brush/src/BrushSelection.tsx similarity index 97% rename from packages/vx-brush/src/BrushSelection.tsx rename to packages/visx-brush/src/BrushSelection.tsx index 2f6b8ce91..5dc028dee 100644 --- a/packages/vx-brush/src/BrushSelection.tsx +++ b/packages/visx-brush/src/BrushSelection.tsx @@ -1,6 +1,6 @@ /* eslint react/jsx-handler-names: 0 */ import React from 'react'; -import Drag, { HandlerArgs as DragArgs } from '@vx/drag/lib/Drag'; +import Drag, { HandlerArgs as DragArgs } from '@visx/drag/lib/Drag'; import { BaseBrushState as BrushState, UpdateBrush } from './BaseBrush'; const DRAGGING_OVERLAY_STYLES = { cursor: 'move' }; @@ -130,7 +130,7 @@ export default class BrushSelection extends React.Component< y={Math.min(brush.extent.y0, brush.extent.y1)} width={width} height={height} - className="vx-brush-selection" + className="visx-brush-selection" onMouseDown={disableDraggingSelection ? undefined : dragStart} onMouseLeave={event => { if (onMouseLeave) onMouseLeave(event); diff --git a/packages/vx-brush/src/index.ts b/packages/visx-brush/src/index.ts similarity index 100% rename from packages/vx-brush/src/index.ts rename to packages/visx-brush/src/index.ts diff --git a/packages/vx-brush/src/types.ts b/packages/visx-brush/src/types.ts similarity index 100% rename from packages/vx-brush/src/types.ts rename to packages/visx-brush/src/types.ts diff --git a/packages/vx-brush/src/utils.ts b/packages/visx-brush/src/utils.ts similarity index 100% rename from packages/vx-brush/src/utils.ts rename to packages/visx-brush/src/utils.ts diff --git a/packages/vx-brush/test/Brush.test.tsx b/packages/visx-brush/test/Brush.test.tsx similarity index 100% rename from packages/vx-brush/test/Brush.test.tsx rename to packages/visx-brush/test/Brush.test.tsx diff --git a/packages/vx-brush/test/utils.test.ts b/packages/visx-brush/test/utils.test.ts similarity index 98% rename from packages/vx-brush/test/utils.test.ts rename to packages/visx-brush/test/utils.test.ts index e7328264f..8bdba44ec 100644 --- a/packages/vx-brush/test/utils.test.ts +++ b/packages/visx-brush/test/utils.test.ts @@ -1,4 +1,4 @@ -import { createScale } from '@vx/scale'; +import { createScale } from '@visx/scale'; import { getDomainFromExtent, scaleInvert } from '../src/utils'; describe('getDomainFromExtent()', () => { diff --git a/packages/vx-chord/.npmrc b/packages/visx-chord/.npmrc similarity index 100% rename from packages/vx-chord/.npmrc rename to packages/visx-chord/.npmrc diff --git a/packages/visx-chord/Readme.md b/packages/visx-chord/Readme.md new file mode 100644 index 000000000..a83acf338 --- /dev/null +++ b/packages/visx-chord/Readme.md @@ -0,0 +1,13 @@ +# @visx/chord + + + + + +Chord diagrams show directed relationships among a group of entities in a radial layout. + +## Installation + +``` +npm install --save @visx/chord +``` diff --git a/packages/vx-chord/package.json b/packages/visx-chord/package.json similarity index 75% rename from packages/vx-chord/package.json rename to packages/visx-chord/package.json index f6ecbfe71..7af75ac32 100644 --- a/packages/vx-chord/package.json +++ b/packages/visx-chord/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/chord", + "name": "@visx/chord", "version": "0.0.199", - "description": "vx group", + "description": "visx group", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -25,9 +25,9 @@ "author": "@hshoff", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "peerDependencies": { "react": "^15.0.0-0 || ^16.0.0-0" }, diff --git a/packages/vx-chord/src/Chord.tsx b/packages/visx-chord/src/Chord.tsx similarity index 100% rename from packages/vx-chord/src/Chord.tsx rename to packages/visx-chord/src/Chord.tsx diff --git a/packages/vx-chord/src/Ribbon.tsx b/packages/visx-chord/src/Ribbon.tsx similarity index 95% rename from packages/vx-chord/src/Ribbon.tsx rename to packages/visx-chord/src/Ribbon.tsx index 359552c15..d3dbf5ade 100644 --- a/packages/vx-chord/src/Ribbon.tsx +++ b/packages/visx-chord/src/Ribbon.tsx @@ -52,5 +52,5 @@ export default function Ribbon({ const path = (ribbon(chord) as unknown) as string | null; if (children) return <>{children({ path })}; - return ; + return ; } diff --git a/packages/vx-chord/src/index.ts b/packages/visx-chord/src/index.ts similarity index 100% rename from packages/vx-chord/src/index.ts rename to packages/visx-chord/src/index.ts diff --git a/packages/vx-chord/test/Chord.test.tsx b/packages/visx-chord/test/Chord.test.tsx similarity index 100% rename from packages/vx-chord/test/Chord.test.tsx rename to packages/visx-chord/test/Chord.test.tsx diff --git a/packages/vx-chord/test/Ribbon.test.tsx b/packages/visx-chord/test/Ribbon.test.tsx similarity index 100% rename from packages/vx-chord/test/Ribbon.test.tsx rename to packages/visx-chord/test/Ribbon.test.tsx diff --git a/packages/vx-clip-path/.npmrc b/packages/visx-clip-path/.npmrc similarity index 100% rename from packages/vx-clip-path/.npmrc rename to packages/visx-clip-path/.npmrc diff --git a/packages/visx-clip-path/Readme.md b/packages/visx-clip-path/Readme.md new file mode 100644 index 000000000..49bab1c2a --- /dev/null +++ b/packages/visx-clip-path/Readme.md @@ -0,0 +1,14 @@ +# @visx/clip-path + + + + + +React utilities for defining `` SVG elements, with or without data, to be clip masks for +other SVG elements by using their `clip-path` property. + +## Installation + +``` +npm install --save @visx/clip-path +``` diff --git a/packages/vx-clip-path/package.json b/packages/visx-clip-path/package.json similarity index 71% rename from packages/vx-clip-path/package.json rename to packages/visx-clip-path/package.json index af700abe6..9e43f0146 100644 --- a/packages/vx-clip-path/package.json +++ b/packages/visx-clip-path/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/clip-path", + "name": "@visx/clip-path", "version": "0.0.199", - "description": "vx clip-path", + "description": "visx clip-path", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -25,9 +25,9 @@ "author": "Chris Williams @williaster", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "dependencies": { "@types/react": "*", "prop-types": "^15.5.10" diff --git a/packages/vx-clip-path/src/clip-paths/CircleClipPath.tsx b/packages/visx-clip-path/src/clip-paths/CircleClipPath.tsx similarity index 100% rename from packages/vx-clip-path/src/clip-paths/CircleClipPath.tsx rename to packages/visx-clip-path/src/clip-paths/CircleClipPath.tsx diff --git a/packages/vx-clip-path/src/clip-paths/ClipPath.tsx b/packages/visx-clip-path/src/clip-paths/ClipPath.tsx similarity index 100% rename from packages/vx-clip-path/src/clip-paths/ClipPath.tsx rename to packages/visx-clip-path/src/clip-paths/ClipPath.tsx diff --git a/packages/vx-clip-path/src/clip-paths/RectClipPath.tsx b/packages/visx-clip-path/src/clip-paths/RectClipPath.tsx similarity index 100% rename from packages/vx-clip-path/src/clip-paths/RectClipPath.tsx rename to packages/visx-clip-path/src/clip-paths/RectClipPath.tsx diff --git a/packages/vx-clip-path/src/index.ts b/packages/visx-clip-path/src/index.ts similarity index 100% rename from packages/vx-clip-path/src/index.ts rename to packages/visx-clip-path/src/index.ts diff --git a/packages/vx-clip-path/test/ClipPaths.test.tsx b/packages/visx-clip-path/test/ClipPaths.test.tsx similarity index 100% rename from packages/vx-clip-path/test/ClipPaths.test.tsx rename to packages/visx-clip-path/test/ClipPaths.test.tsx diff --git a/packages/vx-curve/.npmrc b/packages/visx-curve/.npmrc similarity index 100% rename from packages/vx-curve/.npmrc rename to packages/visx-curve/.npmrc diff --git a/packages/vx-curve/Readme.md b/packages/visx-curve/Readme.md similarity index 83% rename from packages/vx-curve/Readme.md rename to packages/visx-curve/Readme.md index 7b4a21a96..f891e6ce2 100644 --- a/packages/vx-curve/Readme.md +++ b/packages/visx-curve/Readme.md @@ -1,36 +1,36 @@ -# @vx/curve +# @visx/curve - - + + ## Installation ``` -npm install --save @vx/curve +npm install --save @visx/curve ``` ## Overview -The `@vx/curve` package is a wrapper of the [d3-shape](https://github.com/d3/d3-shape) curve -functions. A `curve` is a function that can be passed into other `vx` objects that draw lines or +The `@visx/curve` package is a wrapper of the [d3-shape](https://github.com/d3/d3-shape) curve +functions. A `curve` is a function that can be passed into other `visx` objects that draw lines or paths, such as a `LinePath`, to change the way the line between points is drawn. Click on the example below for an interactive way to explore curve aesthetics. -Any function with the prefix `curve` in `d3` can be used through `vx` like so: +Any function with the prefix `curve` in `d3` can be used through `visx` like so: ```javascript -import { curveCatmullRomOpen } from '@vx/curve'; +import { curveCatmullRomOpen } from '@visx/curve'; let line = () // or if you want namespace all Curves under the `Curve` -import * as Curve from `@vx/curve`; +import * as Curve from `@visx/curve`; let line = () ``` ## Functions -| vx | d3 | +| visx | d3 | | --------------------- | ----------------------------------------------------------------------------- | | curveBasis | [curveBasis](https://github.com/d3/d3-shape#curveBasis) | | curveBasisClose | [curveBasisClosed](https://github.com/d3/d3-shape#curveBasisClosed) | diff --git a/packages/vx-curve/package.json b/packages/visx-curve/package.json similarity index 78% rename from packages/vx-curve/package.json rename to packages/visx-curve/package.json index e6e442caf..e99612a58 100644 --- a/packages/vx-curve/package.json +++ b/packages/visx-curve/package.json @@ -1,18 +1,18 @@ { - "name": "@vx/curve", + "name": "@visx/curve", "version": "0.0.199", - "description": "vx curve", + "description": "visx curve", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", "types": "lib/index.d.ts", - "repository": "https://github.com/hshoff/vx", + "repository": "https://github.com/airbnb/visx", "files": [ "lib", "esm" ], "keywords": [ - "vx", + "visx", "react", "d3", "visualization", diff --git a/packages/vx-curve/src/index.ts b/packages/visx-curve/src/index.ts similarity index 100% rename from packages/vx-curve/src/index.ts rename to packages/visx-curve/src/index.ts diff --git a/packages/vx-curve/test/curve.test.ts b/packages/visx-curve/test/curve.test.ts similarity index 100% rename from packages/vx-curve/test/curve.test.ts rename to packages/visx-curve/test/curve.test.ts diff --git a/packages/vx-demo/.babelrc b/packages/visx-demo/.babelrc similarity index 100% rename from packages/vx-demo/.babelrc rename to packages/visx-demo/.babelrc diff --git a/packages/vx-demo/.gitignore b/packages/visx-demo/.gitignore similarity index 100% rename from packages/vx-demo/.gitignore rename to packages/visx-demo/.gitignore diff --git a/packages/vx-demo/.npmrc b/packages/visx-demo/.npmrc similarity index 100% rename from packages/vx-demo/.npmrc rename to packages/visx-demo/.npmrc diff --git a/packages/visx-demo/Readme.md b/packages/visx-demo/Readme.md new file mode 100644 index 000000000..fe2696a64 --- /dev/null +++ b/packages/visx-demo/Readme.md @@ -0,0 +1,9 @@ +# @visx/demo + +https://airbnb.io/visx/gallery + +

+ + + +

diff --git a/packages/vx-demo/next-env.d.ts b/packages/visx-demo/next-env.d.ts similarity index 100% rename from packages/vx-demo/next-env.d.ts rename to packages/visx-demo/next-env.d.ts diff --git a/packages/vx-demo/next.config.js b/packages/visx-demo/next.config.js similarity index 95% rename from packages/vx-demo/next.config.js rename to packages/visx-demo/next.config.js index e9c8b9927..650d1087c 100644 --- a/packages/vx-demo/next.config.js +++ b/packages/visx-demo/next.config.js @@ -31,7 +31,7 @@ module.exports = { }); const babelConfig = config.module.rules[0]; - babelConfig.include.push(/vx-.*\/src/); + babelConfig.include.push(/visx-.*\/src/); return config; }, diff --git a/packages/vx-demo/package.json b/packages/visx-demo/package.json similarity index 50% rename from packages/vx-demo/package.json rename to packages/visx-demo/package.json index 8e7c24e8d..334e7d134 100644 --- a/packages/vx-demo/package.json +++ b/packages/visx-demo/package.json @@ -1,8 +1,8 @@ { - "name": "@vx/demo", + "name": "@visx/demo", "version": "0.0.199", - "description": "vx demo", - "repository": "https://github.com/hshoff/vx", + "description": "visx demo", + "repository": "https://github.com/airbnb/visx", "scripts": { "dev": "next", "build": "next build && next export", @@ -10,11 +10,20 @@ "preview": "yarn build && cd ./out && npx serve" }, "keywords": [ - "vx", + "visx", "demo", "examples" ], - "author": "@hshoff", + "contributors": [ + { + "name": "Harrison Shoff", + "url": "https://github.com/hshoff" + }, + { + "name": "Chris Williams", + "url": "https://github.com/williaster" + } + ], "license": "MIT", "dependencies": { "@types/d3-array": "^2.0.0", @@ -23,38 +32,38 @@ "@types/d3-time-format": "2.1.0", "@types/nprogress": "^0.2.0", "@types/prismjs": "^1.16.0", - "@vx/annotation": "0.0.199", - "@vx/axis": "0.0.199", - "@vx/brush": "0.0.199", - "@vx/chord": "0.0.199", - "@vx/clip-path": "0.0.199", - "@vx/curve": "0.0.199", - "@vx/drag": "0.0.199", - "@vx/event": "0.0.199", - "@vx/geo": "0.0.199", - "@vx/glyph": "0.0.199", - "@vx/gradient": "0.0.199", - "@vx/grid": "0.0.199", - "@vx/group": "0.0.199", - "@vx/heatmap": "0.0.199", - "@vx/hierarchy": "0.0.199", - "@vx/legend": "0.0.199", - "@vx/marker": "0.0.199", - "@vx/mock-data": "0.0.199", - "@vx/network": "0.0.199", - "@vx/pattern": "0.0.199", - "@vx/point": "0.0.199", - "@vx/react-spring": "0.0.199", - "@vx/responsive": "0.0.199", - "@vx/scale": "0.0.199", - "@vx/shape": "0.0.199", - "@vx/stats": "0.0.199", - "@vx/text": "0.0.199", - "@vx/threshold": "0.0.199", - "@vx/tooltip": "0.0.199", - "@vx/voronoi": "0.0.199", - "@vx/xychart": "0.0.199", - "@vx/zoom": "0.0.199", + "@visx/annotation": "0.0.199", + "@visx/axis": "0.0.199", + "@visx/brush": "0.0.199", + "@visx/chord": "0.0.199", + "@visx/clip-path": "0.0.199", + "@visx/curve": "0.0.199", + "@visx/drag": "0.0.199", + "@visx/event": "0.0.199", + "@visx/geo": "0.0.199", + "@visx/glyph": "0.0.199", + "@visx/gradient": "0.0.199", + "@visx/grid": "0.0.199", + "@visx/group": "0.0.199", + "@visx/heatmap": "0.0.199", + "@visx/hierarchy": "0.0.199", + "@visx/legend": "0.0.199", + "@visx/marker": "0.0.199", + "@visx/mock-data": "0.0.199", + "@visx/network": "0.0.199", + "@visx/pattern": "0.0.199", + "@visx/point": "0.0.199", + "@visx/react-spring": "0.0.199", + "@visx/responsive": "0.0.199", + "@visx/scale": "0.0.199", + "@visx/shape": "0.0.199", + "@visx/stats": "0.0.199", + "@visx/text": "0.0.199", + "@visx/threshold": "0.0.199", + "@visx/tooltip": "0.0.199", + "@visx/voronoi": "0.0.199", + "@visx/xychart": "0.0.0", + "@visx/zoom": "0.0.199", "@zeit/next-css": "^1.0.1", "classnames": "^2.2.5", "d3-array": "^1.1.1", diff --git a/packages/vx-demo/public/static/doc_styles.css b/packages/visx-demo/public/static/doc_styles.css similarity index 100% rename from packages/vx-demo/public/static/doc_styles.css rename to packages/visx-demo/public/static/doc_styles.css diff --git a/packages/visx-demo/public/static/docs/visx-demo.html b/packages/visx-demo/public/static/docs/visx-demo.html new file mode 100644 index 000000000..70129df3e --- /dev/null +++ b/packages/visx-demo/public/static/docs/visx-demo.html @@ -0,0 +1,45 @@ + + + + + +
+
+
+ + + Star +
+
+
+
+
+ +
+
+

@visx/demo

+

https://airbnb.io/visx/gallery

+

+ + + +

+ + +
+
+ + \ No newline at end of file diff --git a/packages/vx-demo/public/static/favicon.ico b/packages/visx-demo/public/static/favicon.ico similarity index 100% rename from packages/vx-demo/public/static/favicon.ico rename to packages/visx-demo/public/static/favicon.ico diff --git a/packages/vx-demo/public/static/logo-dark.png b/packages/visx-demo/public/static/logo-dark.png similarity index 100% rename from packages/vx-demo/public/static/logo-dark.png rename to packages/visx-demo/public/static/logo-dark.png diff --git a/packages/vx-demo/public/static/prism/prism-funky.css b/packages/visx-demo/public/static/prism/prism-funky.css similarity index 100% rename from packages/vx-demo/public/static/prism/prism-funky.css rename to packages/visx-demo/public/static/prism/prism-funky.css diff --git a/packages/vx-demo/public/static/prism/prism-line-numbers.css b/packages/visx-demo/public/static/prism/prism-line-numbers.css similarity index 100% rename from packages/vx-demo/public/static/prism/prism-line-numbers.css rename to packages/visx-demo/public/static/prism/prism-line-numbers.css diff --git a/packages/vx-demo/public/static/style.css b/packages/visx-demo/public/static/style.css similarity index 100% rename from packages/vx-demo/public/static/style.css rename to packages/visx-demo/public/static/style.css diff --git a/packages/vx-demo/public/static/tiger-gray.png b/packages/visx-demo/public/static/tiger-gray.png similarity index 100% rename from packages/vx-demo/public/static/tiger-gray.png rename to packages/visx-demo/public/static/tiger-gray.png diff --git a/packages/vx-demo/public/static/tiger-twitter-card.jpg b/packages/visx-demo/public/static/tiger-twitter-card.jpg similarity index 100% rename from packages/vx-demo/public/static/tiger-twitter-card.jpg rename to packages/visx-demo/public/static/tiger-twitter-card.jpg diff --git a/packages/vx-demo/public/static/tiger.png b/packages/visx-demo/public/static/tiger.png similarity index 100% rename from packages/vx-demo/public/static/tiger.png rename to packages/visx-demo/public/static/tiger.png diff --git a/packages/vx-demo/public/static/vx-gallery.png b/packages/visx-demo/public/static/visx-gallery.png similarity index 100% rename from packages/vx-demo/public/static/vx-gallery.png rename to packages/visx-demo/public/static/visx-gallery.png diff --git a/packages/vx-demo/public/static/vx-geo/world-topo.json b/packages/visx-demo/public/static/visx-geo/world-topo.json similarity index 100% rename from packages/vx-demo/public/static/vx-geo/world-topo.json rename to packages/visx-demo/public/static/visx-geo/world-topo.json diff --git a/packages/vx-demo/src/components/ApiTable.tsx b/packages/visx-demo/src/components/ApiTable.tsx similarity index 100% rename from packages/vx-demo/src/components/ApiTable.tsx rename to packages/visx-demo/src/components/ApiTable.tsx diff --git a/packages/vx-demo/src/components/CodeSandboxLink.tsx b/packages/visx-demo/src/components/CodeSandboxLink.tsx similarity index 90% rename from packages/vx-demo/src/components/CodeSandboxLink.tsx rename to packages/visx-demo/src/components/CodeSandboxLink.tsx index 4f4c7958f..5fe5b0057 100644 --- a/packages/vx-demo/src/components/CodeSandboxLink.tsx +++ b/packages/visx-demo/src/components/CodeSandboxLink.tsx @@ -31,7 +31,7 @@ const CodeSandboxLink = ({ branch = 'master', exampleDirectoryName }: Props) => <> diff --git a/packages/vx-demo/src/components/Codeblock.tsx b/packages/visx-demo/src/components/Codeblock.tsx similarity index 100% rename from packages/vx-demo/src/components/Codeblock.tsx rename to packages/visx-demo/src/components/Codeblock.tsx diff --git a/packages/vx-demo/src/components/DocPage.tsx b/packages/visx-demo/src/components/DocPage.tsx similarity index 93% rename from packages/vx-demo/src/components/DocPage.tsx rename to packages/visx-demo/src/components/DocPage.tsx index dfd283820..475354ba1 100644 --- a/packages/vx-demo/src/components/DocPage.tsx +++ b/packages/visx-demo/src/components/DocPage.tsx @@ -6,21 +6,21 @@ import ApiTable from './ApiTable'; import Footer from './Footer'; import PackageList from './PackageList'; import Page from './Page'; -import { DocGenInfo, VxPackage } from '../types'; +import { DocGenInfo, VisxPackage } from '../types'; type Props = { components?: unknown[]; examples?: (React.ComponentClass | React.FC)[]; - vxPackage: VxPackage; + visxPackage: VisxPackage; readme: string; }; -export default function DocPage({ components, examples, vxPackage, readme }: Props) { +export default function DocPage({ components, examples, visxPackage, readme }: Props) { return ( - +
- +
diff --git a/packages/vx-demo/src/components/Footer.tsx b/packages/visx-demo/src/components/Footer.tsx similarity index 75% rename from packages/vx-demo/src/components/Footer.tsx rename to packages/visx-demo/src/components/Footer.tsx index ffeffbb46..801799689 100644 --- a/packages/vx-demo/src/components/Footer.tsx +++ b/packages/visx-demo/src/components/Footer.tsx @@ -3,10 +3,10 @@ import React from 'react'; export default () => (
- vx + visx
diff --git a/packages/visx-demo/src/sandboxes/visx-curve/index.tsx b/packages/visx-demo/src/sandboxes/visx-curve/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-curve/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-curve/package.json b/packages/visx-demo/src/sandboxes/visx-curve/package.json similarity index 53% rename from packages/vx-demo/src/sandboxes/vx-curve/package.json rename to packages/visx-demo/src/sandboxes/visx-curve/package.json index 294e47f79..c45a5839f 100644 --- a/packages/vx-demo/src/sandboxes/vx-curve/package.json +++ b/packages/visx-demo/src/sandboxes/visx-curve/package.json @@ -1,20 +1,20 @@ { - "name": "@vx/demo-curve", - "description": "Standalone vx curve demo.", + "name": "@visx/demo-curve", + "description": "Standalone visx curve demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/curve": "latest", - "@vx/gradient": "latest", - "@vx/group": "latest", - "@vx/marker": "latest", - "@vx/mock-data": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", - "@vx/shape": "latest", + "@visx/curve": "latest", + "@visx/gradient": "latest", + "@visx/group": "latest", + "@visx/marker": "latest", + "@visx/mock-data": "latest", + "@visx/responsive": "latest", + "@visx/scale": "latest", + "@visx/shape": "latest", "d3-array": "^2.4.0", "react": "^16", "react-dom": "^16", @@ -25,7 +25,7 @@ "visualization", "d3", "react", - "vx", + "visx", "curve", "interpolate" ] diff --git a/packages/vx-demo/src/sandboxes/vx-curve/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-curve/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-curve/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-curve/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-dendrogram/Example.tsx b/packages/visx-demo/src/sandboxes/visx-dendrogram/Example.tsx similarity index 92% rename from packages/vx-demo/src/sandboxes/vx-dendrogram/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-dendrogram/Example.tsx index abec3c369..09cb8386f 100644 --- a/packages/vx-demo/src/sandboxes/vx-dendrogram/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-dendrogram/Example.tsx @@ -1,9 +1,9 @@ import React, { useMemo } from 'react'; -import { Group } from '@vx/group'; -import { Cluster, hierarchy } from '@vx/hierarchy'; -import { HierarchyPointNode, HierarchyPointLink } from '@vx/hierarchy/lib/types'; -import { LinkVertical } from '@vx/shape'; -import { LinearGradient } from '@vx/gradient'; +import { Group } from '@visx/group'; +import { Cluster, hierarchy } from '@visx/hierarchy'; +import { HierarchyPointNode, HierarchyPointLink } from '@visx/hierarchy/lib/types'; +import { LinkVertical } from '@visx/shape'; +import { LinearGradient } from '@visx/gradient'; const citrus = '#ddf163'; const white = '#ffffff'; diff --git a/packages/visx-demo/src/sandboxes/visx-dendrogram/index.tsx b/packages/visx-demo/src/sandboxes/visx-dendrogram/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-dendrogram/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-dendrogram/package.json b/packages/visx-demo/src/sandboxes/visx-dendrogram/package.json similarity index 58% rename from packages/vx-demo/src/sandboxes/vx-dendrogram/package.json rename to packages/visx-demo/src/sandboxes/visx-dendrogram/package.json index 9ca28e7ab..bb19003c5 100644 --- a/packages/vx-demo/src/sandboxes/vx-dendrogram/package.json +++ b/packages/visx-demo/src/sandboxes/visx-dendrogram/package.json @@ -1,17 +1,17 @@ { - "name": "@vx/demo-dendrogram", - "description": "Standalone vx dendrogram demo.", + "name": "@visx/demo-dendrogram", + "description": "Standalone visx dendrogram demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/gradient": "latest", - "@vx/group": "latest", - "@vx/hierarchy": "latest", - "@vx/responsive": "latest", - "@vx/shape": "latest", + "@visx/gradient": "latest", + "@visx/group": "latest", + "@visx/hierarchy": "latest", + "@visx/responsive": "latest", + "@visx/shape": "latest", "react": "^16.8", "react-dom": "^16.8", "react-scripts-ts": "3.1.0", @@ -21,7 +21,7 @@ "visualization", "d3", "react", - "vx", + "visx", "hierarchy", "dendrogram" ] diff --git a/packages/vx-demo/src/sandboxes/vx-dendrogram/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-dendrogram/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-dendrogram/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-dendrogram/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-dots/Example.tsx b/packages/visx-demo/src/sandboxes/visx-dots/Example.tsx similarity index 90% rename from packages/vx-demo/src/sandboxes/vx-dots/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-dots/Example.tsx index 4a60b8e90..a57b5b02a 100644 --- a/packages/vx-demo/src/sandboxes/vx-dots/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-dots/Example.tsx @@ -1,15 +1,15 @@ import React, { useMemo, useState, useCallback, useRef } from 'react'; -import { Group } from '@vx/group'; -import { Circle } from '@vx/shape'; -import { GradientPinkRed } from '@vx/gradient'; -import { scaleLinear } from '@vx/scale'; +import { Group } from '@visx/group'; +import { Circle } from '@visx/shape'; +import { GradientPinkRed } from '@visx/gradient'; +import { scaleLinear } from '@visx/scale'; import genRandomNormalPoints, { PointsRange, -} from '@vx/mock-data/lib/generators/genRandomNormalPoints'; -import { withTooltip, Tooltip } from '@vx/tooltip'; -import { WithTooltipProvidedProps } from '@vx/tooltip/lib/enhancers/withTooltip'; -import { voronoi, VoronoiPolygon } from '@vx/voronoi'; -import { localPoint } from '@vx/event'; +} from '@visx/mock-data/lib/generators/genRandomNormalPoints'; +import { withTooltip, Tooltip } from '@visx/tooltip'; +import { WithTooltipProvidedProps } from '@visx/tooltip/lib/enhancers/withTooltip'; +import { voronoi, VoronoiPolygon } from '@visx/voronoi'; +import { localPoint } from '@visx/event'; const points: PointsRange[] = genRandomNormalPoints(600).filter((d, i) => i < 600); diff --git a/packages/visx-demo/src/sandboxes/visx-dots/index.tsx b/packages/visx-demo/src/sandboxes/visx-dots/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-dots/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/visx-demo/src/sandboxes/visx-dots/package.json b/packages/visx-demo/src/sandboxes/visx-dots/package.json new file mode 100644 index 000000000..3ee829eb8 --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-dots/package.json @@ -0,0 +1,31 @@ +{ + "name": "@visx/demo-dots", + "description": "Standalone visx scatterplot demo.", + "main": "index.tsx", + "private": true, + "dependencies": { + "@babel/runtime": "^7.8.4", + "@types/react": "^16", + "@types/react-dom": "^16", + "@visx/event": "latest", + "@visx/gradient": "latest", + "@visx/group": "latest", + "@visx/mock-data": "latest", + "@visx/responsive": "latest", + "@visx/scale": "latest", + "@visx/shape": "latest", + "@visx/tooltip": "latest", + "@visx/voronoi": "latest", + "react": "^16.8", + "react-dom": "^16.8", + "react-scripts-ts": "3.1.0", + "typescript": "^3" + }, + "keywords": [ + "visualization", + "d3", + "react", + "visx", + "visualization" + ] +} diff --git a/packages/vx-demo/src/sandboxes/vx-dots/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-dots/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-dots/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-dots/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-drag-i/Example.tsx b/packages/visx-demo/src/sandboxes/visx-drag-i/Example.tsx similarity index 95% rename from packages/vx-demo/src/sandboxes/vx-drag-i/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-drag-i/Example.tsx index 3c8e80fad..6fadd1231 100644 --- a/packages/vx-demo/src/sandboxes/vx-drag-i/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-drag-i/Example.tsx @@ -1,7 +1,7 @@ import React, { useMemo, useState, useEffect } from 'react'; -import { scaleOrdinal } from '@vx/scale'; -import { LinearGradient } from '@vx/gradient'; -import { Drag, raise } from '@vx/drag'; +import { scaleOrdinal } from '@visx/scale'; +import { LinearGradient } from '@visx/gradient'; +import { Drag, raise } from '@visx/drag'; import generateCircles, { Circle } from './generateCircles'; const colors = [ diff --git a/packages/vx-demo/src/sandboxes/vx-drag-i/generateCircles.ts b/packages/visx-demo/src/sandboxes/visx-drag-i/generateCircles.ts similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-drag-i/generateCircles.ts rename to packages/visx-demo/src/sandboxes/visx-drag-i/generateCircles.ts diff --git a/packages/visx-demo/src/sandboxes/visx-drag-i/index.tsx b/packages/visx-demo/src/sandboxes/visx-drag-i/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-drag-i/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-drag-i/package.json b/packages/visx-demo/src/sandboxes/visx-drag-i/package.json similarity index 61% rename from packages/vx-demo/src/sandboxes/vx-drag-i/package.json rename to packages/visx-demo/src/sandboxes/visx-drag-i/package.json index e120ef246..c253a2630 100644 --- a/packages/vx-demo/src/sandboxes/vx-drag-i/package.json +++ b/packages/visx-demo/src/sandboxes/visx-drag-i/package.json @@ -1,16 +1,16 @@ { - "name": "@vx/demo-drag-i", - "description": "Standalone vx drag demo.", + "name": "@visx/demo-drag-i", + "description": "Standalone visx drag demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/drag": "latest", - "@vx/gradient": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", + "@visx/drag": "latest", + "@visx/gradient": "latest", + "@visx/responsive": "latest", + "@visx/scale": "latest", "react": "^16", "react-dom": "^16", "react-scripts-ts": "3.1.0", @@ -20,7 +20,7 @@ "visualization", "d3", "react", - "vx", + "visx", "drag" ] } diff --git a/packages/vx-demo/src/sandboxes/vx-drag-i/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-drag-i/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-drag-i/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-drag-i/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-drag-ii/Example.tsx b/packages/visx-demo/src/sandboxes/visx-drag-ii/Example.tsx similarity index 95% rename from packages/vx-demo/src/sandboxes/vx-drag-ii/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-drag-ii/Example.tsx index a4aa33e52..d948a9277 100644 --- a/packages/vx-demo/src/sandboxes/vx-drag-ii/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-drag-ii/Example.tsx @@ -1,8 +1,8 @@ import React, { useState } from 'react'; -import { LinePath } from '@vx/shape'; -import { Drag } from '@vx/drag'; -import { curveBasis } from '@vx/curve'; -import { LinearGradient } from '@vx/gradient'; +import { LinePath } from '@visx/shape'; +import { Drag } from '@visx/drag'; +import { curveBasis } from '@visx/curve'; +import { LinearGradient } from '@visx/gradient'; type Line = { x: number; y: number }[]; type Lines = Line[]; diff --git a/packages/visx-demo/src/sandboxes/visx-drag-ii/index.tsx b/packages/visx-demo/src/sandboxes/visx-drag-ii/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-drag-ii/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-drag-ii/package.json b/packages/visx-demo/src/sandboxes/visx-drag-ii/package.json similarity index 58% rename from packages/vx-demo/src/sandboxes/vx-drag-ii/package.json rename to packages/visx-demo/src/sandboxes/visx-drag-ii/package.json index 6bc3097b7..e65f62f8a 100644 --- a/packages/vx-demo/src/sandboxes/vx-drag-ii/package.json +++ b/packages/visx-demo/src/sandboxes/visx-drag-ii/package.json @@ -1,17 +1,17 @@ { - "name": "@vx/demo-drag-ii", - "description": "Standalone vx drag demo.", + "name": "@visx/demo-drag-ii", + "description": "Standalone visx drag demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/curve": "latest", - "@vx/drag": "latest", - "@vx/gradient": "latest", - "@vx/responsive": "latest", - "@vx/shape": "latest", + "@visx/curve": "latest", + "@visx/drag": "latest", + "@visx/gradient": "latest", + "@visx/responsive": "latest", + "@visx/shape": "latest", "react": "^16", "react-dom": "^16", "react-scripts-ts": "3.1.0", @@ -21,7 +21,7 @@ "visualization", "d3", "react", - "vx", + "visx", "drag", "draw" ] diff --git a/packages/vx-demo/src/sandboxes/vx-drag-ii/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-drag-ii/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-drag-ii/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-drag-ii/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-geo-custom/Example.tsx b/packages/visx-demo/src/sandboxes/visx-geo-custom/Example.tsx similarity index 96% rename from packages/vx-demo/src/sandboxes/vx-geo-custom/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-geo-custom/Example.tsx index e7e939376..e64f39ca9 100644 --- a/packages/vx-demo/src/sandboxes/vx-geo-custom/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-geo-custom/Example.tsx @@ -1,10 +1,10 @@ /* eslint-disable react/jsx-handler-names */ import React, { useState } from 'react'; import * as topojson from 'topojson-client'; -import { scaleQuantize } from '@vx/scale'; -import { CustomProjection, Graticule } from '@vx/geo'; -import { Projection } from '@vx/geo/lib/types'; -import { Zoom } from '@vx/zoom'; +import { scaleQuantize } from '@visx/scale'; +import { CustomProjection, Graticule } from '@visx/geo'; +import { Projection } from '@visx/geo/lib/types'; +import { Zoom } from '@visx/zoom'; import { geoConicConformal, geoTransverseMercator, diff --git a/packages/visx-demo/src/sandboxes/visx-geo-custom/index.tsx b/packages/visx-demo/src/sandboxes/visx-geo-custom/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-geo-custom/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-geo-custom/package.json b/packages/visx-demo/src/sandboxes/visx-geo-custom/package.json similarity index 66% rename from packages/vx-demo/src/sandboxes/vx-geo-custom/package.json rename to packages/visx-demo/src/sandboxes/visx-geo-custom/package.json index 17aec0dd1..39cbe2fed 100644 --- a/packages/vx-demo/src/sandboxes/vx-geo-custom/package.json +++ b/packages/visx-demo/src/sandboxes/visx-geo-custom/package.json @@ -1,16 +1,16 @@ { - "name": "@vx/demo-geo-custom", - "description": "Standalone vx geo-custom demo.", + "name": "@visx/demo-geo-custom", + "description": "Standalone visx geo-custom demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/geo": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", - "@vx/zoom": "latest", + "@visx/geo": "latest", + "@visx/responsive": "latest", + "@visx/scale": "latest", + "@visx/zoom": "latest", "d3-geo": "^1.11.9", "react": "^16.8", "react-dom": "^16.8", @@ -22,7 +22,7 @@ "visualization", "d3", "react", - "vx", + "visx", "geo", "maps", "projection" diff --git a/packages/vx-demo/src/sandboxes/vx-geo-custom/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-geo-custom/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-geo-custom/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-geo-custom/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-geo-custom/world-topo.d.ts b/packages/visx-demo/src/sandboxes/visx-geo-custom/world-topo.d.ts similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-geo-custom/world-topo.d.ts rename to packages/visx-demo/src/sandboxes/visx-geo-custom/world-topo.d.ts diff --git a/packages/vx-demo/src/sandboxes/vx-geo-custom/world-topo.json b/packages/visx-demo/src/sandboxes/visx-geo-custom/world-topo.json similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-geo-custom/world-topo.json rename to packages/visx-demo/src/sandboxes/visx-geo-custom/world-topo.json diff --git a/packages/vx-demo/src/sandboxes/vx-geo-mercator/Example.tsx b/packages/visx-demo/src/sandboxes/visx-geo-mercator/Example.tsx similarity index 95% rename from packages/vx-demo/src/sandboxes/vx-geo-mercator/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-geo-mercator/Example.tsx index 4c060eba3..0bf8bb1d8 100644 --- a/packages/vx-demo/src/sandboxes/vx-geo-mercator/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-geo-mercator/Example.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import { scaleQuantize } from '@vx/scale'; -import { Mercator, Graticule } from '@vx/geo'; +import { scaleQuantize } from '@visx/scale'; +import { Mercator, Graticule } from '@visx/geo'; import * as topojson from 'topojson-client'; import topology from './world-topo.json'; diff --git a/packages/visx-demo/src/sandboxes/visx-geo-mercator/index.tsx b/packages/visx-demo/src/sandboxes/visx-geo-mercator/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-geo-mercator/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-geo-mercator/package.json b/packages/visx-demo/src/sandboxes/visx-geo-mercator/package.json similarity index 67% rename from packages/vx-demo/src/sandboxes/vx-geo-mercator/package.json rename to packages/visx-demo/src/sandboxes/visx-geo-mercator/package.json index 93f82d74e..3edc99518 100644 --- a/packages/vx-demo/src/sandboxes/vx-geo-mercator/package.json +++ b/packages/visx-demo/src/sandboxes/visx-geo-mercator/package.json @@ -1,15 +1,15 @@ { - "name": "@vx/demo-geo-mercator", - "description": "Standalone vx geo-mercator demo.", + "name": "@visx/demo-geo-mercator", + "description": "Standalone visx geo-mercator demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/geo": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", + "@visx/geo": "latest", + "@visx/responsive": "latest", + "@visx/scale": "latest", "react": "^16", "react-dom": "^16", "react-scripts-ts": "3.1.0", @@ -20,7 +20,7 @@ "visualization", "d3", "react", - "vx", + "visx", "geojson", "geo", "mercator", diff --git a/packages/vx-demo/src/sandboxes/vx-geo-mercator/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-geo-mercator/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-geo-mercator/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-geo-mercator/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-geo-mercator/world-topo.d.ts b/packages/visx-demo/src/sandboxes/visx-geo-mercator/world-topo.d.ts similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-geo-mercator/world-topo.d.ts rename to packages/visx-demo/src/sandboxes/visx-geo-mercator/world-topo.d.ts diff --git a/packages/vx-demo/src/sandboxes/vx-geo-mercator/world-topo.json b/packages/visx-demo/src/sandboxes/visx-geo-mercator/world-topo.json similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-geo-mercator/world-topo.json rename to packages/visx-demo/src/sandboxes/visx-geo-mercator/world-topo.json diff --git a/packages/vx-demo/src/sandboxes/vx-glyph/Example.tsx b/packages/visx-demo/src/sandboxes/visx-glyph/Example.tsx similarity index 91% rename from packages/vx-demo/src/sandboxes/vx-glyph/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-glyph/Example.tsx index 53029f712..902764a19 100644 --- a/packages/vx-demo/src/sandboxes/vx-glyph/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-glyph/Example.tsx @@ -1,6 +1,6 @@ /* eslint-disable jsx-a11y/accessible-emoji */ import React from 'react'; -import { Group } from '@vx/group'; +import { Group } from '@visx/group'; import { Glyph as CustomGlyph, GlyphCircle, @@ -10,11 +10,11 @@ import { GlyphStar, GlyphTriangle, GlyphWye, -} from '@vx/glyph'; -import { LinePath } from '@vx/shape'; -import genDateValue, { DateValue } from '@vx/mock-data/lib/generators/genDateValue'; -import { scaleTime, scaleLinear } from '@vx/scale'; -import { curveMonotoneX, curveBasis } from '@vx/curve'; +} from '@visx/glyph'; +import { LinePath } from '@visx/shape'; +import genDateValue, { DateValue } from '@visx/mock-data/lib/generators/genDateValue'; +import { scaleTime, scaleLinear } from '@visx/scale'; +import { curveMonotoneX, curveBasis } from '@visx/curve'; const defaultMargin = { top: 10, right: 10, bottom: 10, left: 10 }; diff --git a/packages/visx-demo/src/sandboxes/visx-glyph/index.tsx b/packages/visx-demo/src/sandboxes/visx-glyph/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-glyph/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-glyph/package.json b/packages/visx-demo/src/sandboxes/visx-glyph/package.json similarity index 53% rename from packages/vx-demo/src/sandboxes/vx-glyph/package.json rename to packages/visx-demo/src/sandboxes/visx-glyph/package.json index a8b37bb1f..026b3c5b9 100644 --- a/packages/vx-demo/src/sandboxes/vx-glyph/package.json +++ b/packages/visx-demo/src/sandboxes/visx-glyph/package.json @@ -1,19 +1,19 @@ { - "name": "@vx/demo-glyphs", - "description": "Standalone vx glyph demo.", + "name": "@visx/demo-glyphs", + "description": "Standalone visx glyph demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/curve": "latest", - "@vx/glyph": "latest", - "@vx/group": "latest", - "@vx/mock-data": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", - "@vx/shape": "latest", + "@visx/curve": "latest", + "@visx/glyph": "latest", + "@visx/group": "latest", + "@visx/mock-data": "latest", + "@visx/responsive": "latest", + "@visx/scale": "latest", + "@visx/shape": "latest", "react": "^16", "react-dom": "^16", "react-scripts-ts": "3.1.0", @@ -23,7 +23,7 @@ "visualization", "d3", "react", - "vx", + "visx", "svg", "glyph" ] diff --git a/packages/vx-demo/src/sandboxes/vx-glyph/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-glyph/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-glyph/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-glyph/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-gradient/Example.tsx b/packages/visx-demo/src/sandboxes/visx-gradient/Example.tsx similarity index 93% rename from packages/vx-demo/src/sandboxes/vx-gradient/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-gradient/Example.tsx index c10a28f7a..4dfeefe3f 100644 --- a/packages/vx-demo/src/sandboxes/vx-gradient/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-gradient/Example.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Bar } from '@vx/shape'; +import { Bar } from '@visx/shape'; import { GradientDarkgreenGreen, GradientLightgreenGreen, @@ -11,7 +11,7 @@ import { GradientTealBlue, RadialGradient, LinearGradient, -} from '@vx/gradient'; +} from '@visx/gradient'; const defaultMargin = { top: 0, @@ -50,7 +50,7 @@ export default function Example({ width, height, margin = defaultMargin }: Gradi {Gradients.map((Gradient, index) => { const columnIndex = index % numColumns; const rowIndex = Math.floor(index / numColumns); - const id = `vx-gradient-demo-${index}-${rowIndex}${columnIndex}`; + const id = `visx-gradient-demo-${index}-${rowIndex}${columnIndex}`; return ( diff --git a/packages/visx-demo/src/sandboxes/visx-gradient/index.tsx b/packages/visx-demo/src/sandboxes/visx-gradient/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-gradient/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-gradient/package.json b/packages/visx-demo/src/sandboxes/visx-gradient/package.json similarity index 64% rename from packages/vx-demo/src/sandboxes/vx-gradient/package.json rename to packages/visx-demo/src/sandboxes/visx-gradient/package.json index 49645e2fb..bff8a3f3f 100644 --- a/packages/vx-demo/src/sandboxes/vx-gradient/package.json +++ b/packages/visx-demo/src/sandboxes/visx-gradient/package.json @@ -1,15 +1,15 @@ { - "name": "@vx/demo-gradient", - "description": "Standalone vx gradient demo.", + "name": "@visx/demo-gradient", + "description": "Standalone visx gradient demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/gradient": "latest", - "@vx/responsive": "latest", - "@vx/shape": "latest", + "@visx/gradient": "latest", + "@visx/responsive": "latest", + "@visx/shape": "latest", "react": "^16", "react-dom": "^16", "react-scripts-ts": "3.1.0", @@ -19,7 +19,7 @@ "visualization", "d3", "react", - "vx", + "visx", "svg", "gradient" ] diff --git a/packages/vx-demo/src/sandboxes/vx-gradient/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-gradient/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-gradient/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-gradient/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-heatmap/Example.tsx b/packages/visx-demo/src/sandboxes/visx-heatmap/Example.tsx similarity index 92% rename from packages/vx-demo/src/sandboxes/vx-heatmap/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-heatmap/Example.tsx index 774b40e96..17495477a 100644 --- a/packages/vx-demo/src/sandboxes/vx-heatmap/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-heatmap/Example.tsx @@ -1,8 +1,8 @@ import React from 'react'; -import { Group } from '@vx/group'; -import genBins, { Bin, Bins } from '@vx/mock-data/lib/generators/genBins'; -import { scaleLinear } from '@vx/scale'; -import { HeatmapCircle, HeatmapRect } from '@vx/heatmap'; +import { Group } from '@visx/group'; +import genBins, { Bin, Bins } from '@visx/mock-data/lib/generators/genBins'; +import { scaleLinear } from '@visx/scale'; +import { HeatmapCircle, HeatmapRect } from '@visx/heatmap'; const hot1 = '#77312f'; const hot2 = '#f33d15'; @@ -95,7 +95,7 @@ export default ({ heatmapBins.map(bin => ( ( {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-heatmap/package.json b/packages/visx-demo/src/sandboxes/visx-heatmap/package.json similarity index 57% rename from packages/vx-demo/src/sandboxes/vx-heatmap/package.json rename to packages/visx-demo/src/sandboxes/visx-heatmap/package.json index 3348f0503..a9a4e203a 100644 --- a/packages/vx-demo/src/sandboxes/vx-heatmap/package.json +++ b/packages/visx-demo/src/sandboxes/visx-heatmap/package.json @@ -1,17 +1,17 @@ { - "name": "@vx/demo-heatmap", - "description": "Standalone vx heatmap demo.", + "name": "@visx/demo-heatmap", + "description": "Standalone visx heatmap demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/group": "latest", - "@vx/heatmap": "latest", - "@vx/mock-data": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", + "@visx/group": "latest", + "@visx/heatmap": "latest", + "@visx/mock-data": "latest", + "@visx/responsive": "latest", + "@visx/scale": "latest", "react": "^16", "react-dom": "^16", @@ -22,7 +22,7 @@ "visualization", "d3", "react", - "vx", + "visx", "heatmap" ] } diff --git a/packages/vx-demo/src/sandboxes/vx-heatmap/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-heatmap/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-heatmap/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-heatmap/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-legend/Example.tsx b/packages/visx-demo/src/sandboxes/visx-legend/Example.tsx similarity index 99% rename from packages/vx-demo/src/sandboxes/vx-legend/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-legend/Example.tsx index 1dffd2d2a..99d6b03f6 100644 --- a/packages/vx-demo/src/sandboxes/vx-legend/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-legend/Example.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { format } from 'd3-format'; -import { scaleLinear, scaleOrdinal, scaleThreshold, scaleQuantile } from '@vx/scale'; -import { GlyphStar, GlyphWye, GlyphTriangle, GlyphDiamond } from '@vx/glyph'; +import { scaleLinear, scaleOrdinal, scaleThreshold, scaleQuantile } from '@visx/scale'; +import { GlyphStar, GlyphWye, GlyphTriangle, GlyphDiamond } from '@visx/glyph'; import { Legend, LegendLinear, @@ -11,7 +11,7 @@ import { LegendThreshold, LegendItem, LegendLabel, -} from '@vx/legend'; +} from '@visx/legend'; const oneDecimalFormat = format('.1f'); diff --git a/packages/vx-demo/src/sandboxes/vx-legend/index.tsx b/packages/visx-demo/src/sandboxes/visx-legend/index.tsx similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-legend/index.tsx rename to packages/visx-demo/src/sandboxes/visx-legend/index.tsx diff --git a/packages/vx-demo/src/sandboxes/vx-legend/package.json b/packages/visx-demo/src/sandboxes/visx-legend/package.json similarity index 66% rename from packages/vx-demo/src/sandboxes/vx-legend/package.json rename to packages/visx-demo/src/sandboxes/visx-legend/package.json index e4d9f9e82..a26c8cf2e 100644 --- a/packages/vx-demo/src/sandboxes/vx-legend/package.json +++ b/packages/visx-demo/src/sandboxes/visx-legend/package.json @@ -1,15 +1,15 @@ { - "name": "@vx/demo-legends", - "description": "Standalone vx legends demo.", + "name": "@visx/demo-legends", + "description": "Standalone visx legends demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/glyph": "latest", - "@vx/legend": "latest", - "@vx/scale": "latest", + "@visx/glyph": "latest", + "@visx/legend": "latest", + "@visx/scale": "latest", "d3-format": "^1.4.4", "react": "^16", "react-dom": "^16", @@ -20,7 +20,7 @@ "visualization", "d3", "react", - "vx", + "visx", "legend" ] } diff --git a/packages/vx-demo/src/sandboxes/vx-legend/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-legend/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-legend/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-legend/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-linktypes/Example.tsx b/packages/visx-demo/src/sandboxes/visx-linktypes/Example.tsx similarity index 97% rename from packages/vx-demo/src/sandboxes/vx-linktypes/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-linktypes/Example.tsx index c98663f7e..0667246ab 100644 --- a/packages/vx-demo/src/sandboxes/vx-linktypes/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-linktypes/Example.tsx @@ -1,7 +1,7 @@ import React, { useState } from 'react'; -import { Group } from '@vx/group'; -import { hierarchy, Tree } from '@vx/hierarchy'; -import { LinearGradient } from '@vx/gradient'; +import { Group } from '@visx/group'; +import { hierarchy, Tree } from '@visx/hierarchy'; +import { LinearGradient } from '@visx/gradient'; import { pointRadial } from 'd3-shape'; import useForceUpdate from './useForceUpdate'; import LinkControls from './LinkControls'; diff --git a/packages/vx-demo/src/sandboxes/vx-linktypes/LinkControls.tsx b/packages/visx-demo/src/sandboxes/visx-linktypes/LinkControls.tsx similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-linktypes/LinkControls.tsx rename to packages/visx-demo/src/sandboxes/visx-linktypes/LinkControls.tsx diff --git a/packages/vx-demo/src/sandboxes/vx-linktypes/getLinkComponent.ts b/packages/visx-demo/src/sandboxes/visx-linktypes/getLinkComponent.ts similarity index 98% rename from packages/vx-demo/src/sandboxes/vx-linktypes/getLinkComponent.ts rename to packages/visx-demo/src/sandboxes/visx-linktypes/getLinkComponent.ts index 4fc0ee85b..bdb89757a 100644 --- a/packages/vx-demo/src/sandboxes/vx-linktypes/getLinkComponent.ts +++ b/packages/visx-demo/src/sandboxes/visx-linktypes/getLinkComponent.ts @@ -11,7 +11,7 @@ import { LinkHorizontalLine, LinkVerticalLine, LinkRadialLine, -} from '@vx/shape'; +} from '@visx/shape'; export default function getLinkComponent({ layout, diff --git a/packages/visx-demo/src/sandboxes/visx-linktypes/index.tsx b/packages/visx-demo/src/sandboxes/visx-linktypes/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-linktypes/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-linktypes/package.json b/packages/visx-demo/src/sandboxes/visx-linktypes/package.json similarity index 59% rename from packages/vx-demo/src/sandboxes/vx-linktypes/package.json rename to packages/visx-demo/src/sandboxes/visx-linktypes/package.json index 17c05165f..84695ed11 100644 --- a/packages/vx-demo/src/sandboxes/vx-linktypes/package.json +++ b/packages/visx-demo/src/sandboxes/visx-linktypes/package.json @@ -1,17 +1,17 @@ { - "name": "@vx/demo-linktypes", - "description": "Standalone vx link types demo.", + "name": "@visx/demo-linktypes", + "description": "Standalone visx link types demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/gradient": "latest", - "@vx/group": "latest", - "@vx/hierarchy": "latest", - "@vx/responsive": "latest", - "@vx/shape": "latest", + "@visx/gradient": "latest", + "@visx/group": "latest", + "@visx/hierarchy": "latest", + "@visx/responsive": "latest", + "@visx/shape": "latest", "d3-shape": "1.3.7", "react": "^16.8", "react-dom": "^16.8", @@ -22,7 +22,7 @@ "visualization", "d3", "react", - "vx", + "visx", "link", "shape" ] diff --git a/packages/vx-demo/src/sandboxes/vx-linktypes/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-linktypes/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-linktypes/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-linktypes/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-linktypes/useForceUpdate.ts b/packages/visx-demo/src/sandboxes/visx-linktypes/useForceUpdate.ts similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-linktypes/useForceUpdate.ts rename to packages/visx-demo/src/sandboxes/visx-linktypes/useForceUpdate.ts diff --git a/packages/vx-demo/src/sandboxes/vx-network/Example.tsx b/packages/visx-demo/src/sandboxes/visx-network/Example.tsx similarity index 94% rename from packages/vx-demo/src/sandboxes/vx-network/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-network/Example.tsx index cf00c241a..4948e25d4 100644 --- a/packages/vx-demo/src/sandboxes/vx-network/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-network/Example.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Graph } from '@vx/network'; +import { Graph } from '@visx/network'; export type NetworkProps = { width: number; diff --git a/packages/visx-demo/src/sandboxes/visx-network/index.tsx b/packages/visx-demo/src/sandboxes/visx-network/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-network/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-network/package.json b/packages/visx-demo/src/sandboxes/visx-network/package.json similarity index 68% rename from packages/vx-demo/src/sandboxes/vx-network/package.json rename to packages/visx-demo/src/sandboxes/visx-network/package.json index 77862d777..8c99d4073 100644 --- a/packages/vx-demo/src/sandboxes/vx-network/package.json +++ b/packages/visx-demo/src/sandboxes/visx-network/package.json @@ -1,14 +1,14 @@ { - "name": "@vx/demo-network", - "description": "Standalone vx network demo.", + "name": "@visx/demo-network", + "description": "Standalone visx network demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/responsive": "latest", - "@vx/network": "latest", + "@visx/responsive": "latest", + "@visx/network": "latest", "react": "^16", "react-dom": "^16", "react-scripts-ts": "3.1.0", @@ -18,7 +18,7 @@ "visualization", "d3", "react", - "vx", + "visx", "network" ] } diff --git a/packages/vx-demo/src/sandboxes/vx-network/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-network/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-network/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-network/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-pack/Example.tsx b/packages/visx-demo/src/sandboxes/visx-pack/Example.tsx similarity index 89% rename from packages/vx-demo/src/sandboxes/vx-pack/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-pack/Example.tsx index 2606570be..4c1773a39 100644 --- a/packages/vx-demo/src/sandboxes/vx-pack/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-pack/Example.tsx @@ -1,8 +1,8 @@ import React from 'react'; -import { Group } from '@vx/group'; -import { Pack, hierarchy } from '@vx/hierarchy'; -import { scaleQuantize } from '@vx/scale'; -import rawData, { Exoplanets as Datum } from '@vx/mock-data/lib/mocks/exoplanets'; +import { Group } from '@visx/group'; +import { Pack, hierarchy } from '@visx/hierarchy'; +import { scaleQuantize } from '@visx/scale'; +import rawData, { Exoplanets as Datum } from '@visx/mock-data/lib/mocks/exoplanets'; function extent(allData: D[], value: (d: D) => number): [number, number] { return [Math.min(...allData.map(value)), Math.max(...allData.map(value))]; diff --git a/packages/visx-demo/src/sandboxes/visx-pack/index.tsx b/packages/visx-demo/src/sandboxes/visx-pack/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-pack/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-pack/package.json b/packages/visx-demo/src/sandboxes/visx-pack/package.json similarity index 57% rename from packages/vx-demo/src/sandboxes/vx-pack/package.json rename to packages/visx-demo/src/sandboxes/visx-pack/package.json index efa424b2d..57567b77c 100644 --- a/packages/vx-demo/src/sandboxes/vx-pack/package.json +++ b/packages/visx-demo/src/sandboxes/visx-pack/package.json @@ -1,17 +1,17 @@ { - "name": "@vx/demo-pack", - "description": "Standalone vx hierarchy pack demo.", + "name": "@visx/demo-pack", + "description": "Standalone visx hierarchy pack demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/group": "latest", - "@vx/hierarchy": "latest", - "@vx/mock-data": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", + "@visx/group": "latest", + "@visx/hierarchy": "latest", + "@visx/mock-data": "latest", + "@visx/responsive": "latest", + "@visx/scale": "latest", "react": "^16", "react-dom": "^16", "react-scripts-ts": "3.1.0", @@ -21,7 +21,7 @@ "visualization", "d3", "react", - "vx", + "visx", "hierarchy", "pack" ] diff --git a/packages/vx-demo/src/sandboxes/vx-pack/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-pack/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-pack/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-pack/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-pattern/Example.tsx b/packages/visx-demo/src/sandboxes/visx-pattern/Example.tsx similarity index 93% rename from packages/vx-demo/src/sandboxes/vx-pattern/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-pattern/Example.tsx index fa55d2e79..644ef17e3 100644 --- a/packages/vx-demo/src/sandboxes/vx-pattern/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-pattern/Example.tsx @@ -1,7 +1,12 @@ import React from 'react'; -import { Bar } from '@vx/shape'; -import { Group } from '@vx/group'; -import { Pattern as CustomPattern, PatternLines, PatternCircles, PatternWaves } from '@vx/pattern'; +import { Bar } from '@visx/shape'; +import { Group } from '@visx/group'; +import { + Pattern as CustomPattern, + PatternLines, + PatternCircles, + PatternWaves, +} from '@visx/pattern'; const defaultMargin = { top: 0, @@ -122,7 +127,7 @@ export default function Example({ width, height, margin = defaultMargin }: Patte {Patterns.map((Pattern, index) => { const columnIndex = index % numColumns; const rowIndex = Math.floor(index / numColumns); - const id = `vx-pattern-demo-${index}-${rowIndex}-${columnIndex}`; + const id = `visx-pattern-demo-${index}-${rowIndex}-${columnIndex}`; return ( diff --git a/packages/visx-demo/src/sandboxes/visx-pattern/index.tsx b/packages/visx-demo/src/sandboxes/visx-pattern/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-pattern/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-pattern/package.json b/packages/visx-demo/src/sandboxes/visx-pattern/package.json similarity index 61% rename from packages/vx-demo/src/sandboxes/vx-pattern/package.json rename to packages/visx-demo/src/sandboxes/visx-pattern/package.json index de3f785b7..46d1c60c0 100644 --- a/packages/vx-demo/src/sandboxes/vx-pattern/package.json +++ b/packages/visx-demo/src/sandboxes/visx-pattern/package.json @@ -1,16 +1,16 @@ { - "name": "@vx/demo-example", - "description": "Standalone vx demo.", + "name": "@visx/demo-example", + "description": "Standalone visx demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/group": "latest", - "@vx/pattern": "latest", - "@vx/responsive": "latest", - "@vx/shape": "latest", + "@visx/group": "latest", + "@visx/pattern": "latest", + "@visx/responsive": "latest", + "@visx/shape": "latest", "react": "^16.2", "react-dom": "^16.2", "react-scripts-ts": "3.1.0", @@ -20,6 +20,6 @@ "visualization", "d3", "react", - "vx" + "visx" ] } diff --git a/packages/vx-demo/src/sandboxes/vx-pattern/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-pattern/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-pattern/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-pattern/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-polygons/Example.tsx b/packages/visx-demo/src/sandboxes/visx-polygons/Example.tsx similarity index 89% rename from packages/vx-demo/src/sandboxes/vx-polygons/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-polygons/Example.tsx index 8ab6c9865..1ab34b0ae 100644 --- a/packages/vx-demo/src/sandboxes/vx-polygons/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-polygons/Example.tsx @@ -1,8 +1,8 @@ import React from 'react'; -import { Polygon } from '@vx/shape'; -import { Group } from '@vx/group'; -import { scaleBand } from '@vx/scale'; -import { GradientPinkRed } from '@vx/gradient'; +import { Polygon } from '@visx/shape'; +import { Group } from '@visx/group'; +import { scaleBand } from '@visx/scale'; +import { GradientPinkRed } from '@visx/gradient'; export const background = '#7f82e3'; const polygonSize = 25; diff --git a/packages/visx-demo/src/sandboxes/visx-polygons/index.tsx b/packages/visx-demo/src/sandboxes/visx-polygons/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-polygons/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-polygons/package.json b/packages/visx-demo/src/sandboxes/visx-polygons/package.json similarity index 58% rename from packages/vx-demo/src/sandboxes/vx-polygons/package.json rename to packages/visx-demo/src/sandboxes/visx-polygons/package.json index 07cc10fbc..f2e28393f 100644 --- a/packages/vx-demo/src/sandboxes/vx-polygons/package.json +++ b/packages/visx-demo/src/sandboxes/visx-polygons/package.json @@ -1,17 +1,17 @@ { - "name": "@vx/demo-polygons", - "description": "Standalone vx polygons demo.", + "name": "@visx/demo-polygons", + "description": "Standalone visx polygons demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/gradient": "latest", - "@vx/group": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", - "@vx/shape": "latest", + "@visx/gradient": "latest", + "@visx/group": "latest", + "@visx/responsive": "latest", + "@visx/scale": "latest", + "@visx/shape": "latest", "react": "^16", "react-dom": "^16", "react-scripts-ts": "3.1.0", @@ -21,7 +21,7 @@ "visualization", "d3", "react", - "vx", + "visx", "polygon", "shape" ] diff --git a/packages/vx-demo/src/sandboxes/vx-polygons/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-polygons/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-polygons/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-polygons/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-radar/Example.tsx b/packages/visx-demo/src/sandboxes/visx-radar/Example.tsx similarity index 92% rename from packages/vx-demo/src/sandboxes/vx-radar/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-radar/Example.tsx index 2c579f5dc..34388702a 100644 --- a/packages/vx-demo/src/sandboxes/vx-radar/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-radar/Example.tsx @@ -1,9 +1,9 @@ import React from 'react'; -import { Group } from '@vx/group'; -import letterFrequency, { LetterFrequency } from '@vx/mock-data/lib/mocks/letterFrequency'; -import { scaleLinear } from '@vx/scale'; -import { Point } from '@vx/point'; -import { Line, LineRadial } from '@vx/shape'; +import { Group } from '@visx/group'; +import letterFrequency, { LetterFrequency } from '@visx/mock-data/lib/mocks/letterFrequency'; +import { scaleLinear } from '@visx/scale'; +import { Point } from '@visx/point'; +import { Line, LineRadial } from '@visx/shape'; const orange = '#ff9933'; export const pumpkin = '#f5810c'; diff --git a/packages/visx-demo/src/sandboxes/visx-radar/index.tsx b/packages/visx-demo/src/sandboxes/visx-radar/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-radar/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-radar/package.json b/packages/visx-demo/src/sandboxes/visx-radar/package.json similarity index 54% rename from packages/vx-demo/src/sandboxes/vx-radar/package.json rename to packages/visx-demo/src/sandboxes/visx-radar/package.json index 121ee79a1..4c3271cef 100644 --- a/packages/vx-demo/src/sandboxes/vx-radar/package.json +++ b/packages/visx-demo/src/sandboxes/visx-radar/package.json @@ -1,18 +1,18 @@ { - "name": "@vx/demo-radar", - "description": "Standalone vx radar chart demo.", + "name": "@visx/demo-radar", + "description": "Standalone visx radar chart demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/group": "latest", - "@vx/mock-data": "latest", - "@vx/responsive": "latest", - "@vx/point": "latest", - "@vx/scale": "latest", - "@vx/shape": "latest", + "@visx/group": "latest", + "@visx/mock-data": "latest", + "@visx/responsive": "latest", + "@visx/point": "latest", + "@visx/scale": "latest", + "@visx/shape": "latest", "react": "^16", "react-dom": "^16", "react-scripts-ts": "3.1.0", @@ -22,7 +22,7 @@ "visualization", "d3", "react", - "vx", + "visx", "radar" ] } diff --git a/packages/vx-demo/src/sandboxes/vx-radar/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-radar/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-radar/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-radar/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-responsive/Example.tsx b/packages/visx-demo/src/sandboxes/visx-responsive/Example.tsx similarity index 96% rename from packages/vx-demo/src/sandboxes/vx-responsive/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-responsive/Example.tsx index 5cf90297c..70fabfc49 100644 --- a/packages/vx-demo/src/sandboxes/vx-responsive/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-responsive/Example.tsx @@ -1,5 +1,5 @@ import React, { useState } from 'react'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; import Lines from './Lines'; diff --git a/packages/vx-demo/src/sandboxes/vx-responsive/Lines.tsx b/packages/visx-demo/src/sandboxes/visx-responsive/Lines.tsx similarity index 84% rename from packages/vx-demo/src/sandboxes/vx-responsive/Lines.tsx rename to packages/visx-demo/src/sandboxes/visx-responsive/Lines.tsx index 1fad0e5ad..4f06184c8 100644 --- a/packages/vx-demo/src/sandboxes/vx-responsive/Lines.tsx +++ b/packages/visx-demo/src/sandboxes/visx-responsive/Lines.tsx @@ -1,8 +1,8 @@ import React from 'react'; -import { Group } from '@vx/group'; -import { LinePath } from '@vx/shape'; -import generateDateValue, { DateValue } from '@vx/mock-data/lib/generators/genDateValue'; -import { scaleTime, scaleLinear } from '@vx/scale'; +import { Group } from '@visx/group'; +import { LinePath } from '@visx/shape'; +import generateDateValue, { DateValue } from '@visx/mock-data/lib/generators/genDateValue'; +import { scaleTime, scaleLinear } from '@visx/scale'; import { extent, max } from 'd3-array'; const lineCount = 12; diff --git a/packages/visx-demo/src/sandboxes/visx-responsive/index.tsx b/packages/visx-demo/src/sandboxes/visx-responsive/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-responsive/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-responsive/package.json b/packages/visx-demo/src/sandboxes/visx-responsive/package.json similarity index 60% rename from packages/vx-demo/src/sandboxes/vx-responsive/package.json rename to packages/visx-demo/src/sandboxes/visx-responsive/package.json index f919526bf..07c470246 100644 --- a/packages/vx-demo/src/sandboxes/vx-responsive/package.json +++ b/packages/visx-demo/src/sandboxes/visx-responsive/package.json @@ -1,6 +1,6 @@ { - "name": "@vx/demo-responsive", - "description": "Standalone @vx/responsive demo.", + "name": "@visx/demo-responsive", + "description": "Standalone @visx/responsive demo.", "main": "index.tsx", "private": true, "dependencies": { @@ -8,11 +8,11 @@ "@types/d3-array": "^2.0.0", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/group": "latest", - "@vx/mock-data": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", - "@vx/shape": "latest", + "@visx/group": "latest", + "@visx/mock-data": "latest", + "@visx/responsive": "latest", + "@visx/scale": "latest", + "@visx/shape": "latest", "d3-array": "^2.4.0", "react": "^16", "react-dom": "^16", @@ -23,6 +23,6 @@ "visualization", "d3", "react", - "vx" + "visx" ] } diff --git a/packages/vx-demo/src/sandboxes/vx-responsive/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-responsive/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-responsive/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-responsive/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-shape-line-radial/Example.tsx b/packages/visx-demo/src/sandboxes/visx-shape-line-radial/Example.tsx similarity index 93% rename from packages/vx-demo/src/sandboxes/vx-shape-line-radial/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-shape-line-radial/Example.tsx index 60faccd37..12d567daf 100644 --- a/packages/vx-demo/src/sandboxes/vx-shape-line-radial/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-shape-line-radial/Example.tsx @@ -3,12 +3,12 @@ * https://www.visualcinnamon.com/2016/01/animating-dashed-line-d3.html */ import React, { useRef, useState, useEffect } from 'react'; -import { Group } from '@vx/group'; -import { LineRadial } from '@vx/shape'; -import { scaleTime, scaleLog } from '@vx/scale'; -import { curveBasisOpen } from '@vx/curve'; -import appleStock, { AppleStock } from '@vx/mock-data/lib/mocks/appleStock'; -import { LinearGradient } from '@vx/gradient'; +import { Group } from '@visx/group'; +import { LineRadial } from '@visx/shape'; +import { scaleTime, scaleLog } from '@visx/scale'; +import { curveBasisOpen } from '@visx/curve'; +import appleStock, { AppleStock } from '@visx/mock-data/lib/mocks/appleStock'; +import { LinearGradient } from '@visx/gradient'; import { animated, useSpring } from 'react-spring'; const green = '#e5fd3d'; diff --git a/packages/visx-demo/src/sandboxes/visx-shape-line-radial/index.tsx b/packages/visx-demo/src/sandboxes/visx-shape-line-radial/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-shape-line-radial/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-shape-line-radial/package.json b/packages/visx-demo/src/sandboxes/visx-shape-line-radial/package.json similarity index 55% rename from packages/vx-demo/src/sandboxes/vx-shape-line-radial/package.json rename to packages/visx-demo/src/sandboxes/visx-shape-line-radial/package.json index cb6a9024b..f2cb2acde 100644 --- a/packages/vx-demo/src/sandboxes/vx-shape-line-radial/package.json +++ b/packages/visx-demo/src/sandboxes/visx-shape-line-radial/package.json @@ -1,19 +1,19 @@ { - "name": "@vx/demo-shape-line-radial", - "description": "Standalone vx line radial demo.", + "name": "@visx/demo-shape-line-radial", + "description": "Standalone visx line radial demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/curve": "latest", - "@vx/gradient": "latest", - "@vx/group": "latest", - "@vx/mock-data": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", - "@vx/shape": "latest", + "@visx/curve": "latest", + "@visx/gradient": "latest", + "@visx/group": "latest", + "@visx/mock-data": "latest", + "@visx/responsive": "latest", + "@visx/scale": "latest", + "@visx/shape": "latest", "react": "^16.8", "react-dom": "^16.8", "react-scripts-ts": "3.1.0", @@ -24,7 +24,7 @@ "visualization", "d3", "react", - "vx", + "visx", "shape", "radial", "line" diff --git a/packages/vx-demo/src/sandboxes/vx-shape-line-radial/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-shape-line-radial/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-shape-line-radial/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-shape-line-radial/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-shape-pie/Example.tsx b/packages/visx-demo/src/sandboxes/visx-shape-pie/Example.tsx similarity index 92% rename from packages/vx-demo/src/sandboxes/vx-shape-pie/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-shape-pie/Example.tsx index 380e69220..39786c129 100644 --- a/packages/vx-demo/src/sandboxes/vx-shape-pie/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-shape-pie/Example.tsx @@ -1,10 +1,10 @@ import React, { useState } from 'react'; -import Pie, { ProvidedProps, PieArcDatum } from '@vx/shape/lib/shapes/Pie'; -import { scaleOrdinal } from '@vx/scale'; -import { Group } from '@vx/group'; -import { GradientPinkBlue } from '@vx/gradient'; -import letterFrequency, { LetterFrequency } from '@vx/mock-data/lib/mocks/letterFrequency'; -import browserUsage, { BrowserUsage as Browsers } from '@vx/mock-data/lib/mocks/browserUsage'; +import Pie, { ProvidedProps, PieArcDatum } from '@visx/shape/lib/shapes/Pie'; +import { scaleOrdinal } from '@visx/scale'; +import { Group } from '@visx/group'; +import { GradientPinkBlue } from '@visx/gradient'; +import letterFrequency, { LetterFrequency } from '@visx/mock-data/lib/mocks/letterFrequency'; +import browserUsage, { BrowserUsage as Browsers } from '@visx/mock-data/lib/mocks/browserUsage'; import { animated, useTransition, interpolate } from 'react-spring'; // data and types @@ -73,8 +73,8 @@ export default function Example({ return ( - - + + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-shape-pie/package.json b/packages/visx-demo/src/sandboxes/visx-shape-pie/package.json similarity index 58% rename from packages/vx-demo/src/sandboxes/vx-shape-pie/package.json rename to packages/visx-demo/src/sandboxes/visx-shape-pie/package.json index 224a6e5ea..94f2ffd39 100644 --- a/packages/vx-demo/src/sandboxes/vx-shape-pie/package.json +++ b/packages/visx-demo/src/sandboxes/visx-shape-pie/package.json @@ -1,18 +1,18 @@ { - "name": "@vx/demo-shape-pie", - "description": "Standalone vx pie demo.", + "name": "@visx/demo-shape-pie", + "description": "Standalone visx pie demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/gradient": "latest", - "@vx/group": "latest", - "@vx/mock-data": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", - "@vx/shape": "latest", + "@visx/gradient": "latest", + "@visx/group": "latest", + "@visx/mock-data": "latest", + "@visx/responsive": "latest", + "@visx/scale": "latest", + "@visx/shape": "latest", "react": "^16.8", "react-dom": "^16.8", "react-scripts-ts": "3.1.0", @@ -23,7 +23,7 @@ "visualization", "d3", "react", - "vx", + "visx", "pie", "shape", "donut" diff --git a/packages/vx-demo/src/sandboxes/vx-shape-pie/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-shape-pie/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-shape-pie/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-shape-pie/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/Example.tsx b/packages/visx-demo/src/sandboxes/visx-shape-splitlinepath/Example.tsx similarity index 92% rename from packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-shape-splitlinepath/Example.tsx index 013852001..17a528d9a 100644 --- a/packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-shape-splitlinepath/Example.tsx @@ -1,8 +1,8 @@ import React, { useMemo } from 'react'; -import { scaleLinear } from '@vx/scale'; -import { curveCardinal } from '@vx/curve'; -import { LinePath, SplitLinePath } from '@vx/shape'; -import { LinearGradient } from '@vx/gradient'; +import { scaleLinear } from '@visx/scale'; +import { curveCardinal } from '@visx/curve'; +import { LinePath, SplitLinePath } from '@visx/shape'; +import { LinearGradient } from '@visx/gradient'; import generateSinPoints from './generateSinPoints'; @@ -57,7 +57,7 @@ export default function SplitPath({
diff --git a/packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/generateSinPoints.ts b/packages/visx-demo/src/sandboxes/visx-shape-splitlinepath/generateSinPoints.ts similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/generateSinPoints.ts rename to packages/visx-demo/src/sandboxes/visx-shape-splitlinepath/generateSinPoints.ts diff --git a/packages/visx-demo/src/sandboxes/visx-shape-splitlinepath/index.tsx b/packages/visx-demo/src/sandboxes/visx-shape-splitlinepath/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-shape-splitlinepath/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/package.json b/packages/visx-demo/src/sandboxes/visx-shape-splitlinepath/package.json similarity index 56% rename from packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/package.json rename to packages/visx-demo/src/sandboxes/visx-shape-splitlinepath/package.json index fff89516b..f6e37804e 100644 --- a/packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/package.json +++ b/packages/visx-demo/src/sandboxes/visx-shape-splitlinepath/package.json @@ -1,17 +1,17 @@ { - "name": "@vx/demo-shape-splitlinepath", - "description": "Standalone vx splitlinepath demo.", + "name": "@visx/demo-shape-splitlinepath", + "description": "Standalone visx splitlinepath demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/curve": "latest", - "@vx/gradient": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", - "@vx/shape": "latest", + "@visx/curve": "latest", + "@visx/gradient": "latest", + "@visx/responsive": "latest", + "@visx/scale": "latest", + "@visx/shape": "latest", "react": "^16", "react-dom": "^16", "react-scripts-ts": "3.1.0", @@ -21,7 +21,7 @@ "visualization", "d3", "react", - "vx", + "visx", "splitline" ] } diff --git a/packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-shape-splitlinepath/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-shape-splitlinepath/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-stacked-areas/Example.tsx b/packages/visx-demo/src/sandboxes/visx-stacked-areas/Example.tsx similarity index 87% rename from packages/vx-demo/src/sandboxes/vx-stacked-areas/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-stacked-areas/Example.tsx index ad0f085f8..4c4fd85c9 100644 --- a/packages/vx-demo/src/sandboxes/vx-stacked-areas/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-stacked-areas/Example.tsx @@ -1,9 +1,9 @@ import React from 'react'; -import { AreaStack } from '@vx/shape'; -import { SeriesPoint } from '@vx/shape/lib/types'; -import { GradientOrangeRed } from '@vx/gradient'; -import browserUsage, { BrowserUsage } from '@vx/mock-data/lib/mocks/browserUsage'; -import { scaleTime, scaleLinear } from '@vx/scale'; +import { AreaStack } from '@visx/shape'; +import { SeriesPoint } from '@visx/shape/lib/types'; +import { GradientOrangeRed } from '@visx/gradient'; +import browserUsage, { BrowserUsage } from '@visx/mock-data/lib/mocks/browserUsage'; +import { scaleTime, scaleLinear } from '@visx/scale'; import { timeParse } from 'd3-time-format'; type BrowserNames = keyof BrowserUsage; diff --git a/packages/visx-demo/src/sandboxes/visx-stacked-areas/index.tsx b/packages/visx-demo/src/sandboxes/visx-stacked-areas/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-stacked-areas/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-stacked-areas/package.json b/packages/visx-demo/src/sandboxes/visx-stacked-areas/package.json similarity index 58% rename from packages/vx-demo/src/sandboxes/vx-stacked-areas/package.json rename to packages/visx-demo/src/sandboxes/visx-stacked-areas/package.json index 78727783d..f3015728f 100644 --- a/packages/vx-demo/src/sandboxes/vx-stacked-areas/package.json +++ b/packages/visx-demo/src/sandboxes/visx-stacked-areas/package.json @@ -1,17 +1,17 @@ { - "name": "@vx/demo-stacked-areas", - "description": "Standalone vx stacked area demo.", + "name": "@visx/demo-stacked-areas", + "description": "Standalone visx stacked area demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/gradient": "latest", - "@vx/mock-data": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", - "@vx/shape": "latest", + "@visx/gradient": "latest", + "@visx/mock-data": "latest", + "@visx/responsive": "latest", + "@visx/scale": "latest", + "@visx/shape": "latest", "d3-time-format": "2.2.3", "react": "^16", "react-dom": "^16", @@ -22,7 +22,7 @@ "visualization", "d3", "react", - "vx", + "visx", "stackedarea" ] } diff --git a/packages/vx-demo/src/sandboxes/vx-stacked-areas/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-stacked-areas/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-stacked-areas/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-stacked-areas/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-stats/Example.tsx b/packages/visx-demo/src/sandboxes/visx-stats/Example.tsx similarity index 93% rename from packages/vx-demo/src/sandboxes/vx-stats/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-stats/Example.tsx index aba10eea7..a95e4c7a5 100644 --- a/packages/vx-demo/src/sandboxes/vx-stats/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-stats/Example.tsx @@ -1,12 +1,12 @@ import React from 'react'; -import { Group } from '@vx/group'; -import { ViolinPlot, BoxPlot } from '@vx/stats'; -import { LinearGradient } from '@vx/gradient'; -import { scaleBand, scaleLinear } from '@vx/scale'; -import genStats, { Stats } from '@vx/mock-data/lib/generators/genStats'; -import { withTooltip, Tooltip, defaultStyles as defaultTooltipStyles } from '@vx/tooltip'; -import { WithTooltipProvidedProps } from '@vx/tooltip/lib/enhancers/withTooltip'; -import { PatternLines } from '@vx/pattern'; +import { Group } from '@visx/group'; +import { ViolinPlot, BoxPlot } from '@visx/stats'; +import { LinearGradient } from '@visx/gradient'; +import { scaleBand, scaleLinear } from '@visx/scale'; +import genStats, { Stats } from '@visx/mock-data/lib/generators/genStats'; +import { withTooltip, Tooltip, defaultStyles as defaultTooltipStyles } from '@visx/tooltip'; +import { WithTooltipProvidedProps } from '@visx/tooltip/lib/enhancers/withTooltip'; +import { PatternLines } from '@visx/pattern'; const data: Stats[] = genStats(5); diff --git a/packages/visx-demo/src/sandboxes/visx-stats/index.tsx b/packages/visx-demo/src/sandboxes/visx-stats/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-stats/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-stats/package.json b/packages/visx-demo/src/sandboxes/visx-stats/package.json similarity index 52% rename from packages/vx-demo/src/sandboxes/vx-stats/package.json rename to packages/visx-demo/src/sandboxes/visx-stats/package.json index 429ec7452..012d069ea 100644 --- a/packages/vx-demo/src/sandboxes/vx-stats/package.json +++ b/packages/visx-demo/src/sandboxes/visx-stats/package.json @@ -1,20 +1,20 @@ { - "name": "@vx/demo-stats", - "description": "Standalone vx stats demo.", + "name": "@visx/demo-stats", + "description": "Standalone visx stats demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/gradient": "latest", - "@vx/group": "latest", - "@vx/mock-data": "latest", - "@vx/pattern": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", - "@vx/stats": "latest", - "@vx/tooltip": "latest", + "@visx/gradient": "latest", + "@visx/group": "latest", + "@visx/mock-data": "latest", + "@visx/pattern": "latest", + "@visx/responsive": "latest", + "@visx/scale": "latest", + "@visx/stats": "latest", + "@visx/tooltip": "latest", "react": "^16", "react-dom": "^16", "react-scripts-ts": "3.1.0", @@ -24,7 +24,7 @@ "visualization", "d3", "react", - "vx", + "visx", "stats", "boxplot", "violin plot" diff --git a/packages/vx-demo/src/sandboxes/vx-stats/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-stats/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-stats/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-stats/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-streamgraph/Example.tsx b/packages/visx-demo/src/sandboxes/visx-streamgraph/Example.tsx similarity index 95% rename from packages/vx-demo/src/sandboxes/vx-streamgraph/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-streamgraph/Example.tsx index 4f76c81e0..4da878b0e 100644 --- a/packages/vx-demo/src/sandboxes/vx-streamgraph/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-streamgraph/Example.tsx @@ -4,9 +4,9 @@ * https://bl.ocks.org/mbostock/4060954 */ import React from 'react'; -import { Stack } from '@vx/shape'; -import { PatternCircles, PatternWaves } from '@vx/pattern'; -import { scaleLinear, scaleOrdinal } from '@vx/scale'; +import { Stack } from '@visx/shape'; +import { PatternCircles, PatternWaves } from '@visx/pattern'; +import { scaleLinear, scaleOrdinal } from '@visx/scale'; import { transpose } from 'd3-array'; import { animated, useSpring } from 'react-spring'; diff --git a/packages/vx-demo/src/sandboxes/vx-streamgraph/generateData.ts b/packages/visx-demo/src/sandboxes/visx-streamgraph/generateData.ts similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-streamgraph/generateData.ts rename to packages/visx-demo/src/sandboxes/visx-streamgraph/generateData.ts diff --git a/packages/visx-demo/src/sandboxes/visx-streamgraph/index.tsx b/packages/visx-demo/src/sandboxes/visx-streamgraph/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-streamgraph/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-streamgraph/package.json b/packages/visx-demo/src/sandboxes/visx-streamgraph/package.json similarity index 67% rename from packages/vx-demo/src/sandboxes/vx-streamgraph/package.json rename to packages/visx-demo/src/sandboxes/visx-streamgraph/package.json index 6794b69fd..496e2e73d 100644 --- a/packages/vx-demo/src/sandboxes/vx-streamgraph/package.json +++ b/packages/visx-demo/src/sandboxes/visx-streamgraph/package.json @@ -1,6 +1,6 @@ { - "name": "@vx/demo-example", - "description": "Standalone vx streamgraph demo.", + "name": "@visx/demo-example", + "description": "Standalone visx streamgraph demo.", "main": "index.tsx", "private": true, "dependencies": { @@ -8,10 +8,10 @@ "@types/d3-array": "^2.0.0", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/responsive": "latest", - "@vx/pattern": "latest", - "@vx/scale": "latest", - "@vx/shape": "latest", + "@visx/responsive": "latest", + "@visx/pattern": "latest", + "@visx/scale": "latest", + "@visx/shape": "latest", "d3-array": "^2.4.0", "react": "^16.8", "react-dom": "^16.8", @@ -23,7 +23,7 @@ "visualization", "d3", "react", - "vx", + "visx", "streamgraph", "react-spring" ] diff --git a/packages/vx-demo/src/sandboxes/vx-streamgraph/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-streamgraph/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-streamgraph/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-streamgraph/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-streamgraph/useForceUpdate.ts b/packages/visx-demo/src/sandboxes/visx-streamgraph/useForceUpdate.ts similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-streamgraph/useForceUpdate.ts rename to packages/visx-demo/src/sandboxes/visx-streamgraph/useForceUpdate.ts diff --git a/packages/vx-demo/src/sandboxes/vx-threshold/Example.tsx b/packages/visx-demo/src/sandboxes/visx-threshold/Example.tsx similarity index 87% rename from packages/vx-demo/src/sandboxes/vx-threshold/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-threshold/Example.tsx index 00501ba50..8386db730 100644 --- a/packages/vx-demo/src/sandboxes/vx-threshold/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-threshold/Example.tsx @@ -1,12 +1,12 @@ import React from 'react'; -import { Group } from '@vx/group'; -import { curveBasis } from '@vx/curve'; -import { LinePath } from '@vx/shape'; -import { Threshold } from '@vx/threshold'; -import { scaleTime, scaleLinear } from '@vx/scale'; -import { AxisLeft, AxisBottom } from '@vx/axis'; -import { GridRows, GridColumns } from '@vx/grid'; -import cityTemperature, { CityTemperature } from '@vx/mock-data/lib/mocks/cityTemperature'; +import { Group } from '@visx/group'; +import { curveBasis } from '@visx/curve'; +import { LinePath } from '@visx/shape'; +import { Threshold } from '@visx/threshold'; +import { scaleTime, scaleLinear } from '@visx/scale'; +import { AxisLeft, AxisBottom } from '@visx/axis'; +import { GridRows, GridColumns } from '@visx/grid'; +import cityTemperature, { CityTemperature } from '@visx/mock-data/lib/mocks/cityTemperature'; export const background = '#f3f3f3'; diff --git a/packages/visx-demo/src/sandboxes/visx-threshold/index.tsx b/packages/visx-demo/src/sandboxes/visx-threshold/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-threshold/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/visx-demo/src/sandboxes/visx-threshold/package.json b/packages/visx-demo/src/sandboxes/visx-threshold/package.json new file mode 100644 index 000000000..76cd0d853 --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-threshold/package.json @@ -0,0 +1,31 @@ +{ + "name": "@visx/demo-threshold", + "description": "Standalone visx threshold demo.", + "main": "index.tsx", + "private": true, + "dependencies": { + "@babel/runtime": "^7.8.4", + "@types/react": "^16", + "@types/react-dom": "^16", + "@visx/axis": "latest", + "@visx/curve": "latest", + "@visx/grid": "latest", + "@visx/group": "latest", + "@visx/mock-data": "latest", + "@visx/responsive": "latest", + "@visx/scale": "latest", + "@visx/shape": "latest", + "@visx/threshold": "latest", + "react": "^16", + "react-dom": "^16", + "react-scripts-ts": "3.1.0", + "typescript": "^3" + }, + "keywords": [ + "visualization", + "d3", + "react", + "visx", + "threshold" + ] +} diff --git a/packages/vx-demo/src/sandboxes/vx-threshold/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-threshold/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-threshold/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-threshold/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-tooltip/Example.tsx b/packages/visx-demo/src/sandboxes/visx-tooltip/Example.tsx similarity index 95% rename from packages/vx-demo/src/sandboxes/vx-tooltip/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-tooltip/Example.tsx index 813ba5c48..4cbe96119 100644 --- a/packages/vx-demo/src/sandboxes/vx-tooltip/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-tooltip/Example.tsx @@ -5,7 +5,7 @@ import { useTooltip, useTooltipInPortal, defaultStyles, -} from '@vx/tooltip'; +} from '@visx/tooltip'; export type TooltipProps = { width: number; @@ -162,15 +162,6 @@ export default function Example({ width, height, showControls = true }: TooltipP width: 100%; height: 100%; } - .vx-tooltip { - background-color: #f67280; - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-around; - width: 200px; - height: 100px; - } .tooltip-controls label { font-size: 14px; margin-right: 8px; diff --git a/packages/visx-demo/src/sandboxes/visx-tooltip/index.tsx b/packages/visx-demo/src/sandboxes/visx-tooltip/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-tooltip/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-tooltip/package.json b/packages/visx-demo/src/sandboxes/visx-tooltip/package.json similarity index 67% rename from packages/vx-demo/src/sandboxes/vx-tooltip/package.json rename to packages/visx-demo/src/sandboxes/visx-tooltip/package.json index 449da6ad1..038c07f51 100644 --- a/packages/vx-demo/src/sandboxes/vx-tooltip/package.json +++ b/packages/visx-demo/src/sandboxes/visx-tooltip/package.json @@ -1,14 +1,14 @@ { - "name": "@vx/demo-tooltip", - "description": "Standalone vx tooltip demo.", + "name": "@visx/demo-tooltip", + "description": "Standalone visx tooltip demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/responsive": "latest", - "@vx/tooltip": "latest", + "@visx/responsive": "latest", + "@visx/tooltip": "latest", "react": "^16", "react-dom": "^16", "react-scripts-ts": "3.1.0", @@ -18,6 +18,6 @@ "visualization", "d3", "react", - "vx" + "visx" ] } diff --git a/packages/vx-demo/src/sandboxes/vx-tooltip/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-tooltip/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-tooltip/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-tooltip/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-tree/Example.tsx b/packages/visx-demo/src/sandboxes/visx-tree/Example.tsx similarity index 94% rename from packages/vx-demo/src/sandboxes/vx-tree/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-tree/Example.tsx index 92434b155..02d474e78 100644 --- a/packages/vx-demo/src/sandboxes/vx-tree/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-tree/Example.tsx @@ -1,9 +1,9 @@ import React, { useMemo } from 'react'; -import { Group } from '@vx/group'; -import { Tree, hierarchy } from '@vx/hierarchy'; -import { HierarchyPointNode } from '@vx/hierarchy/lib/types'; -import { LinkHorizontal } from '@vx/shape'; -import { LinearGradient } from '@vx/gradient'; +import { Group } from '@visx/group'; +import { Tree, hierarchy } from '@visx/hierarchy'; +import { HierarchyPointNode } from '@visx/hierarchy/lib/types'; +import { LinkHorizontal } from '@visx/shape'; +import { LinearGradient } from '@visx/gradient'; const peach = '#fd9b93'; const pink = '#fe6e9e'; diff --git a/packages/visx-demo/src/sandboxes/visx-tree/index.tsx b/packages/visx-demo/src/sandboxes/visx-tree/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-tree/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-tree/package.json b/packages/visx-demo/src/sandboxes/visx-tree/package.json similarity index 59% rename from packages/vx-demo/src/sandboxes/vx-tree/package.json rename to packages/visx-demo/src/sandboxes/visx-tree/package.json index a258c0e68..ce0866565 100644 --- a/packages/vx-demo/src/sandboxes/vx-tree/package.json +++ b/packages/visx-demo/src/sandboxes/visx-tree/package.json @@ -1,17 +1,17 @@ { - "name": "@vx/demo-tree", - "description": "Standalone vx tree demo.", + "name": "@visx/demo-tree", + "description": "Standalone visx tree demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/gradient": "latest", - "@vx/group": "latest", - "@vx/hierarchy": "latest", - "@vx/responsive": "latest", - "@vx/shape": "latest", + "@visx/gradient": "latest", + "@visx/group": "latest", + "@visx/hierarchy": "latest", + "@visx/responsive": "latest", + "@visx/shape": "latest", "react": "^16.8", "react-dom": "^16.8", "react-scripts-ts": "3.1.0", @@ -21,7 +21,7 @@ "visualization", "d3", "react", - "vx", + "visx", "hierarchy", "tree" ] diff --git a/packages/vx-demo/src/sandboxes/vx-tree/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-tree/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-tree/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-tree/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-treemap/Example.tsx b/packages/visx-demo/src/sandboxes/visx-treemap/Example.tsx similarity index 93% rename from packages/vx-demo/src/sandboxes/vx-treemap/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-treemap/Example.tsx index 0a5d2aeb5..ba2ac02f0 100644 --- a/packages/vx-demo/src/sandboxes/vx-treemap/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-treemap/Example.tsx @@ -1,5 +1,5 @@ import React, { useState } from 'react'; -import { Group } from '@vx/group'; +import { Group } from '@visx/group'; import { Treemap, hierarchy, @@ -10,11 +10,11 @@ import { treemapResquarify, treemapSlice, treemapSliceDice, -} from '@vx/hierarchy'; -import { TileMethod } from '@vx/hierarchy/lib/types'; -import shakespeare, { Shakespeare } from '@vx/mock-data/lib/mocks/shakespeare'; +} from '@visx/hierarchy'; +import { TileMethod } from '@visx/hierarchy/lib/types'; +import shakespeare, { Shakespeare } from '@visx/mock-data/lib/mocks/shakespeare'; -import { scaleLinear } from '@vx/scale'; +import { scaleLinear } from '@visx/scale'; export const color1 = '#f3e9d2'; const color2 = '#4281a4'; diff --git a/packages/visx-demo/src/sandboxes/visx-treemap/index.tsx b/packages/visx-demo/src/sandboxes/visx-treemap/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-treemap/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-treemap/package.json b/packages/visx-demo/src/sandboxes/visx-treemap/package.json similarity index 58% rename from packages/vx-demo/src/sandboxes/vx-treemap/package.json rename to packages/visx-demo/src/sandboxes/visx-treemap/package.json index cdbf78280..086a729cf 100644 --- a/packages/vx-demo/src/sandboxes/vx-treemap/package.json +++ b/packages/visx-demo/src/sandboxes/visx-treemap/package.json @@ -1,17 +1,17 @@ { - "name": "@vx/demo-treemap", - "description": "Standalone vx treemap demo.", + "name": "@visx/demo-treemap", + "description": "Standalone visx treemap demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/group": "latest", - "@vx/hierarchy": "latest", - "@vx/mock-data": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", + "@visx/group": "latest", + "@visx/hierarchy": "latest", + "@visx/mock-data": "latest", + "@visx/responsive": "latest", + "@visx/scale": "latest", "react": "^16.8", "react-dom": "^16.8", "react-scripts-ts": "3.1.0", @@ -21,7 +21,7 @@ "visualization", "d3", "react", - "vx", + "visx", "treemap", "hierarchy" ] diff --git a/packages/vx-demo/src/sandboxes/vx-treemap/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-treemap/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-treemap/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-treemap/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-voronoi/Example.tsx b/packages/visx-demo/src/sandboxes/visx-voronoi/Example.tsx similarity index 93% rename from packages/vx-demo/src/sandboxes/vx-voronoi/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-voronoi/Example.tsx index 0f045ced0..ab52dbd90 100644 --- a/packages/vx-demo/src/sandboxes/vx-voronoi/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-voronoi/Example.tsx @@ -1,9 +1,9 @@ import React, { useState, useMemo, useRef } from 'react'; -import { Group } from '@vx/group'; -import { GradientOrangeRed, GradientPinkRed } from '@vx/gradient'; -import { RectClipPath } from '@vx/clip-path'; -import { voronoi, VoronoiPolygon } from '@vx/voronoi'; -import { localPoint } from '@vx/event'; +import { Group } from '@visx/group'; +import { GradientOrangeRed, GradientPinkRed } from '@visx/gradient'; +import { RectClipPath } from '@visx/clip-path'; +import { voronoi, VoronoiPolygon } from '@visx/voronoi'; +import { localPoint } from '@visx/event'; type Datum = { x: number; diff --git a/packages/visx-demo/src/sandboxes/visx-voronoi/index.tsx b/packages/visx-demo/src/sandboxes/visx-voronoi/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-voronoi/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-voronoi/package.json b/packages/visx-demo/src/sandboxes/visx-voronoi/package.json similarity index 54% rename from packages/vx-demo/src/sandboxes/vx-voronoi/package.json rename to packages/visx-demo/src/sandboxes/visx-voronoi/package.json index fa2a4d55b..5d150f66a 100644 --- a/packages/vx-demo/src/sandboxes/vx-voronoi/package.json +++ b/packages/visx-demo/src/sandboxes/visx-voronoi/package.json @@ -1,18 +1,18 @@ { - "name": "@vx/demo-voronoi", - "description": "Standalone vx voronoi demo.", + "name": "@visx/demo-voronoi", + "description": "Standalone visx voronoi demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/clip-path": "latest", - "@vx/event": "latest", - "@vx/gradient": "latest", - "@vx/group": "latest", - "@vx/responsive": "latest", - "@vx/voronoi": "latest", + "@visx/clip-path": "latest", + "@visx/event": "latest", + "@visx/gradient": "latest", + "@visx/group": "latest", + "@visx/responsive": "latest", + "@visx/voronoi": "latest", "react": "^16.8", "react-dom": "^16.8", "react-scripts-ts": "3.1.0", @@ -22,7 +22,7 @@ "visualization", "d3", "react", - "vx", + "visx", "voronoi" ] } diff --git a/packages/vx-demo/src/sandboxes/vx-voronoi/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-voronoi/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-voronoi/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-voronoi/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-xychart/CustomChartBackground.tsx b/packages/visx-demo/src/sandboxes/visx-xychart/CustomChartBackground.tsx similarity index 90% rename from packages/vx-demo/src/sandboxes/vx-xychart/CustomChartBackground.tsx rename to packages/visx-demo/src/sandboxes/visx-xychart/CustomChartBackground.tsx index d8efca705..ee05ddc68 100644 --- a/packages/vx-demo/src/sandboxes/vx-xychart/CustomChartBackground.tsx +++ b/packages/visx-demo/src/sandboxes/visx-xychart/CustomChartBackground.tsx @@ -1,6 +1,6 @@ import React, { useContext } from 'react'; -import { PatternLines } from '@vx/pattern'; -import { DataContext } from '@vx/xychart'; +import { PatternLines } from '@visx/pattern'; +import { DataContext } from '@visx/xychart'; const patternId = 'xy-chart-pattern'; diff --git a/packages/vx-demo/src/sandboxes/vx-xychart/Example.tsx b/packages/visx-demo/src/sandboxes/visx-xychart/Example.tsx similarity index 94% rename from packages/vx-demo/src/sandboxes/vx-xychart/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-xychart/Example.tsx index b2c1fa078..d42b5debf 100644 --- a/packages/vx-demo/src/sandboxes/vx-xychart/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-xychart/Example.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import cityTemperature, { CityTemperature } from '@vx/mock-data/lib/mocks/cityTemperature'; -import { AnimatedAxis, AnimatedGrid, DataProvider, LineSeries, XYChart } from '@vx/xychart'; +import cityTemperature, { CityTemperature } from '@visx/mock-data/lib/mocks/cityTemperature'; +import { AnimatedAxis, AnimatedGrid, DataProvider, LineSeries, XYChart } from '@visx/xychart'; import ExampleControls from './ExampleControls'; import CustomChartBackground from './CustomChartBackground'; diff --git a/packages/vx-demo/src/sandboxes/vx-xychart/ExampleControls.tsx b/packages/visx-demo/src/sandboxes/visx-xychart/ExampleControls.tsx similarity index 97% rename from packages/vx-demo/src/sandboxes/vx-xychart/ExampleControls.tsx rename to packages/visx-demo/src/sandboxes/visx-xychart/ExampleControls.tsx index 83ad23a6a..010db735b 100644 --- a/packages/vx-demo/src/sandboxes/vx-xychart/ExampleControls.tsx +++ b/packages/visx-demo/src/sandboxes/visx-xychart/ExampleControls.tsx @@ -1,7 +1,7 @@ /* eslint-disable jsx-a11y/label-has-associated-control */ import React, { useState } from 'react'; -import { lightTheme, darkTheme, XYChartTheme } from '@vx/xychart'; -import { AnimationTrajectory } from '@vx/react-spring/lib/types'; +import { lightTheme, darkTheme, XYChartTheme } from '@visx/xychart'; +import { AnimationTrajectory } from '@visx/react-spring/lib/types'; import customTheme from './customTheme'; type ProvidedProps = { diff --git a/packages/vx-demo/src/sandboxes/vx-xychart/customTheme.ts b/packages/visx-demo/src/sandboxes/visx-xychart/customTheme.ts similarity index 81% rename from packages/vx-demo/src/sandboxes/vx-xychart/customTheme.ts rename to packages/visx-demo/src/sandboxes/visx-xychart/customTheme.ts index 222596239..f05657ddd 100644 --- a/packages/vx-demo/src/sandboxes/vx-xychart/customTheme.ts +++ b/packages/visx-demo/src/sandboxes/visx-xychart/customTheme.ts @@ -1,4 +1,4 @@ -import { buildChartTheme } from '@vx/xychart'; +import { buildChartTheme } from '@visx/xychart'; export default buildChartTheme({ backgroundColor: '#f09ae9', diff --git a/packages/visx-demo/src/sandboxes/visx-xychart/index.tsx b/packages/visx-demo/src/sandboxes/visx-xychart/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-xychart/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-chord/package.json b/packages/visx-demo/src/sandboxes/visx-xychart/package.json similarity index 55% rename from packages/vx-demo/src/sandboxes/vx-chord/package.json rename to packages/visx-demo/src/sandboxes/visx-xychart/package.json index 6ce76f3a0..3cb026ca5 100644 --- a/packages/vx-demo/src/sandboxes/vx-chord/package.json +++ b/packages/visx-demo/src/sandboxes/visx-xychart/package.json @@ -1,18 +1,17 @@ { - "name": "@vx/demo-chord", - "description": "Standalone vx chord demo.", + "name": "@visx/demo-xychart", + "description": "Standalone visx xychart demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/chord": "latest", - "@vx/gradient": "latest", - "@vx/group": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", - "@vx/shape": "latest", + "@visx/mock-data": "latest", + "@visx/pattern": "latest", + "@visx/react-spring": "latest", + "@visx/responsive": "latest", + "@visx/xychart": "latest", "react": "^16", "react-dom": "^16", "react-scripts-ts": "3.1.0", @@ -22,6 +21,6 @@ "visualization", "d3", "react", - "vx" + "visx" ] } diff --git a/packages/vx-demo/src/sandboxes/vx-xychart/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-xychart/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-xychart/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-xychart/sandbox-styles.css diff --git a/packages/vx-demo/src/sandboxes/vx-zoom-i/Example.tsx b/packages/visx-demo/src/sandboxes/visx-zoom-i/Example.tsx similarity index 96% rename from packages/vx-demo/src/sandboxes/vx-zoom-i/Example.tsx rename to packages/visx-demo/src/sandboxes/visx-zoom-i/Example.tsx index d06c0c461..85b1bd5c5 100644 --- a/packages/vx-demo/src/sandboxes/vx-zoom-i/Example.tsx +++ b/packages/visx-demo/src/sandboxes/visx-zoom-i/Example.tsx @@ -1,14 +1,14 @@ /* eslint react/jsx-handler-names: "off" */ import React, { useState } from 'react'; import { interpolateRainbow } from 'd3-scale-chromatic'; -import { Zoom } from '@vx/zoom'; -import { localPoint } from '@vx/event'; -import { RectClipPath } from '@vx/clip-path'; +import { Zoom } from '@visx/zoom'; +import { localPoint } from '@visx/event'; +import { RectClipPath } from '@visx/clip-path'; import genPhyllotaxis, { GenPhyllotaxisFunction, PhyllotaxisPoint, -} from '@vx/mock-data/lib/generators/genPhyllotaxis'; -import { scaleLinear } from '@vx/scale'; +} from '@visx/mock-data/lib/generators/genPhyllotaxis'; +import { scaleLinear } from '@visx/scale'; const bg = '#0a0a0a'; const points = [...new Array(1000)]; diff --git a/packages/visx-demo/src/sandboxes/visx-zoom-i/index.tsx b/packages/visx-demo/src/sandboxes/visx-zoom-i/index.tsx new file mode 100644 index 000000000..78ca9e24b --- /dev/null +++ b/packages/visx-demo/src/sandboxes/visx-zoom-i/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'react-dom'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; + +import Example from './Example'; +import './sandbox-styles.css'; + +render( + {({ width, height }) => }, + document.getElementById('root'), +); diff --git a/packages/vx-demo/src/sandboxes/vx-zoom-i/package.json b/packages/visx-demo/src/sandboxes/visx-zoom-i/package.json similarity index 57% rename from packages/vx-demo/src/sandboxes/vx-zoom-i/package.json rename to packages/visx-demo/src/sandboxes/visx-zoom-i/package.json index ffcc67eca..d7274a9c3 100644 --- a/packages/vx-demo/src/sandboxes/vx-zoom-i/package.json +++ b/packages/visx-demo/src/sandboxes/visx-zoom-i/package.json @@ -1,18 +1,18 @@ { - "name": "@vx/demo-zoom-i", - "description": "Standalone vx zoom demo.", + "name": "@visx/demo-zoom-i", + "description": "Standalone visx zoom demo.", "main": "index.tsx", "private": true, "dependencies": { "@babel/runtime": "^7.8.4", "@types/react": "^16", "@types/react-dom": "^16", - "@vx/clip-path": "latest", - "@vx/event": "latest", - "@vx/mock-data": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", - "@vx/zoom": "latest", + "@visx/clip-path": "latest", + "@visx/event": "latest", + "@visx/mock-data": "latest", + "@visx/responsive": "latest", + "@visx/scale": "latest", + "@visx/zoom": "latest", "d3-scale-chromatic": "^1.5.0", "react": "^16.8", "react-dom": "^16.8", @@ -23,7 +23,7 @@ "visualization", "d3", "react", - "vx", + "visx", "zoom" ] } diff --git a/packages/vx-demo/src/sandboxes/vx-zoom-i/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-zoom-i/sandbox-styles.css similarity index 100% rename from packages/vx-demo/src/sandboxes/vx-zoom-i/sandbox-styles.css rename to packages/visx-demo/src/sandboxes/visx-zoom-i/sandbox-styles.css diff --git a/packages/vx-demo/src/types/index.ts b/packages/visx-demo/src/types/index.ts similarity index 96% rename from packages/vx-demo/src/types/index.ts rename to packages/visx-demo/src/types/index.ts index fa453ce68..9c81299e7 100644 --- a/packages/vx-demo/src/types/index.ts +++ b/packages/visx-demo/src/types/index.ts @@ -17,7 +17,7 @@ export type ShowProvidedProps = { events?: boolean; }; -export type VxPackage = +export type VisxPackage = | 'annotation' | 'axis' | 'bounds' @@ -49,7 +49,7 @@ export type VxPackage = | 'threshold' | 'tooltip' | 'voronoi' - | 'vx' + | 'visx' | 'zoom'; export type PackageJson = { dependencies?: { [packageName: string]: string } }; diff --git a/packages/vx-demo/src/types/raw-loader.d.ts b/packages/visx-demo/src/types/raw-loader.d.ts similarity index 100% rename from packages/vx-demo/src/types/raw-loader.d.ts rename to packages/visx-demo/src/types/raw-loader.d.ts diff --git a/packages/vx-demo/src/types/react-tilt.d.ts b/packages/visx-demo/src/types/react-tilt.d.ts similarity index 100% rename from packages/vx-demo/src/types/react-tilt.d.ts rename to packages/visx-demo/src/types/react-tilt.d.ts diff --git a/packages/vx-demo/vercel.json b/packages/visx-demo/vercel.json similarity index 100% rename from packages/vx-demo/vercel.json rename to packages/visx-demo/vercel.json diff --git a/packages/vx-drag/.npmrc b/packages/visx-drag/.npmrc similarity index 100% rename from packages/vx-drag/.npmrc rename to packages/visx-drag/.npmrc diff --git a/packages/visx-drag/Readme.md b/packages/visx-drag/Readme.md new file mode 100644 index 000000000..9aa5a3edf --- /dev/null +++ b/packages/visx-drag/Readme.md @@ -0,0 +1,13 @@ +# @visx/drag + + + + + +`@visx/drag` provides `react` components for making items within an interface (or chart) draggable. + +## Installation + +``` +npm install --save @visx/drag +``` diff --git a/packages/vx-drag/package.json b/packages/visx-drag/package.json similarity index 67% rename from packages/vx-drag/package.json rename to packages/visx-drag/package.json index f091c306d..a8f11286a 100644 --- a/packages/vx-drag/package.json +++ b/packages/visx-drag/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/drag", + "name": "@visx/drag", "version": "0.0.199", - "description": "vx drag", + "description": "visx drag", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -24,9 +24,9 @@ "author": "@hshoff", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "publishConfig": { "access": "public" }, @@ -35,7 +35,7 @@ }, "dependencies": { "@types/react": "*", - "@vx/event": "0.0.199", + "@visx/event": "0.0.199", "prop-types": "^15.5.10" } } diff --git a/packages/vx-drag/src/Drag.tsx b/packages/visx-drag/src/Drag.tsx similarity index 95% rename from packages/vx-drag/src/Drag.tsx rename to packages/visx-drag/src/Drag.tsx index 2f531b431..1ccd95971 100644 --- a/packages/vx-drag/src/Drag.tsx +++ b/packages/visx-drag/src/Drag.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { localPoint } from '@vx/event'; +import { localPoint } from '@visx/event'; type MouseOrTouchEvent = React.MouseEvent | React.TouchEvent; diff --git a/packages/vx-drag/src/index.ts b/packages/visx-drag/src/index.ts similarity index 100% rename from packages/vx-drag/src/index.ts rename to packages/visx-drag/src/index.ts diff --git a/packages/vx-drag/src/util/raise.ts b/packages/visx-drag/src/util/raise.ts similarity index 100% rename from packages/vx-drag/src/util/raise.ts rename to packages/visx-drag/src/util/raise.ts diff --git a/packages/vx-drag/test/Drag.test.ts b/packages/visx-drag/test/Drag.test.ts similarity index 100% rename from packages/vx-drag/test/Drag.test.ts rename to packages/visx-drag/test/Drag.test.ts diff --git a/packages/vx-event/.npmrc b/packages/visx-event/.npmrc similarity index 100% rename from packages/vx-event/.npmrc rename to packages/visx-event/.npmrc diff --git a/packages/visx-event/Readme.md b/packages/visx-event/Readme.md new file mode 100644 index 000000000..935c216f0 --- /dev/null +++ b/packages/visx-event/Readme.md @@ -0,0 +1,55 @@ +# @visx/event + + + + + +## Installation + +``` +npm install --save @visx/event +``` + +## Usage + +`@visx/event` exports a utility `localPoint` that takes an `SVG` `MouseEvent` or `TouchEvent` as +input and returns a `{ x: number; y: number; }` point coordinate (or `null` in the case the event +has no `ownerSVGElement`) within the coordinate system of the `SVG`. This makes placement of +tooltips, finding nearby datum, etc. easier. + +Example: + +```tsx +import { localPoint } from '@visx/event'; + + + { + const point = localPoint(event) || { x: 0, y: 0 }; + // use coordinates ... + }} + /> + {...} + +``` + +You may optionally pass a reference to the SVG node + +```tsx +import { useRef } from 'react'; +import { localPoint } from '@visx/event'; + +const svgRef = useRef(null); + + + { + const point = localPoint(svgRef.current, event) || { x: 0, y: 0 }; + // use coordinates ... + }} + /> + {...} + +``` diff --git a/packages/vx-event/package.json b/packages/visx-event/package.json similarity index 63% rename from packages/vx-event/package.json rename to packages/visx-event/package.json index 64f7f3c12..2263be6fa 100644 --- a/packages/vx-event/package.json +++ b/packages/visx-event/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/event", + "name": "@visx/event", "version": "0.0.199", - "description": "vx event", + "description": "visx event", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "d3", "react", "visualizations", @@ -24,14 +24,14 @@ "author": "@hshoff", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "publishConfig": { "access": "public" }, "dependencies": { "@types/react": "*", - "@vx/point": "0.0.199" + "@visx/point": "0.0.199" } } diff --git a/packages/vx-event/src/getXAndYFromEvent.ts b/packages/visx-event/src/getXAndYFromEvent.ts similarity index 100% rename from packages/vx-event/src/getXAndYFromEvent.ts rename to packages/visx-event/src/getXAndYFromEvent.ts diff --git a/packages/vx-event/src/index.ts b/packages/visx-event/src/index.ts similarity index 100% rename from packages/vx-event/src/index.ts rename to packages/visx-event/src/index.ts diff --git a/packages/vx-event/src/localPoint.ts b/packages/visx-event/src/localPoint.ts similarity index 100% rename from packages/vx-event/src/localPoint.ts rename to packages/visx-event/src/localPoint.ts diff --git a/packages/vx-event/src/localPointGeneric.ts b/packages/visx-event/src/localPointGeneric.ts similarity index 96% rename from packages/vx-event/src/localPointGeneric.ts rename to packages/visx-event/src/localPointGeneric.ts index 1a1ccb343..b6675f974 100644 --- a/packages/vx-event/src/localPointGeneric.ts +++ b/packages/visx-event/src/localPointGeneric.ts @@ -1,4 +1,4 @@ -import { Point } from '@vx/point'; +import { Point } from '@visx/point'; import { EventType } from './types'; import { isSVGElement, isSVGGraphicsElement, isSVGSVGElement } from './typeGuards'; import getXAndYFromEvent from './getXAndYFromEvent'; diff --git a/packages/vx-event/src/touchPoint.ts b/packages/visx-event/src/touchPoint.ts similarity index 100% rename from packages/vx-event/src/touchPoint.ts rename to packages/visx-event/src/touchPoint.ts diff --git a/packages/vx-event/src/typeGuards.ts b/packages/visx-event/src/typeGuards.ts similarity index 100% rename from packages/vx-event/src/typeGuards.ts rename to packages/visx-event/src/typeGuards.ts diff --git a/packages/vx-event/src/types.ts b/packages/visx-event/src/types.ts similarity index 100% rename from packages/vx-event/src/types.ts rename to packages/visx-event/src/types.ts diff --git a/packages/vx-event/test/getXandYFromEvent.test.ts b/packages/visx-event/test/getXandYFromEvent.test.ts similarity index 100% rename from packages/vx-event/test/getXandYFromEvent.test.ts rename to packages/visx-event/test/getXandYFromEvent.test.ts diff --git a/packages/vx-event/test/localPoint.test.ts b/packages/visx-event/test/localPoint.test.ts similarity index 97% rename from packages/vx-event/test/localPoint.test.ts rename to packages/visx-event/test/localPoint.test.ts index 554da7bb0..c36e092d2 100644 --- a/packages/vx-event/test/localPoint.test.ts +++ b/packages/visx-event/test/localPoint.test.ts @@ -1,4 +1,4 @@ -import { Point } from '@vx/point'; +import { Point } from '@visx/point'; import { localPoint } from '../src'; import localPointGeneric from '../src/localPointGeneric'; diff --git a/packages/vx-geo/.npmrc b/packages/visx-geo/.npmrc similarity index 100% rename from packages/vx-geo/.npmrc rename to packages/visx-geo/.npmrc diff --git a/packages/vx-geo/Readme.md b/packages/visx-geo/Readme.md similarity index 57% rename from packages/vx-geo/Readme.md rename to packages/visx-geo/Readme.md index 2ff6e1e79..cdd30f570 100644 --- a/packages/vx-geo/Readme.md +++ b/packages/visx-geo/Readme.md @@ -1,10 +1,10 @@ -# @vx/geo +# @visx/geo - - + + -The `@vx/geo` package provides `react` components for rendering common and custom geographic +The `@visx/geo` package provides `react` components for rendering common and custom geographic projections. `` can be used to render preset projections (`projection='orthographic' | 'albers' | 'albersUsa' | 'mercator' | 'naturalEarth' | 'equalEarth'`) along with configurable ``s lines. Convenience projections such as `` are @@ -13,5 +13,5 @@ also exported, along with `` and `` for full cu ## Installation ``` -npm install --save @vx/geo +npm install --save @visx/geo ``` diff --git a/packages/vx-geo/package.json b/packages/visx-geo/package.json similarity index 76% rename from packages/vx-geo/package.json rename to packages/visx-geo/package.json index b873a3837..d56ce6cbe 100644 --- a/packages/vx-geo/package.json +++ b/packages/visx-geo/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/geo", + "name": "@visx/geo", "version": "0.0.199", - "description": "vx geo", + "description": "visx geo", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -25,15 +25,15 @@ "author": "@nschnierer", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "dependencies": { "@types/classnames": "^2.2.9", "@types/d3-geo": "^1.11.1", "@types/geojson": "*", "@types/react": "*", - "@vx/group": "0.0.199", + "@visx/group": "0.0.199", "classnames": "^2.2.5", "d3-geo": "^1.11.3", "prop-types": "^15.5.10" diff --git a/packages/vx-geo/src/graticule/Graticule.tsx b/packages/visx-geo/src/graticule/Graticule.tsx similarity index 97% rename from packages/vx-geo/src/graticule/Graticule.tsx rename to packages/visx-geo/src/graticule/Graticule.tsx index 24fe746c7..c050f1681 100644 --- a/packages/vx-geo/src/graticule/Graticule.tsx +++ b/packages/visx-geo/src/graticule/Graticule.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Group } from '@vx/group'; +import { Group } from '@visx/group'; import { geoGraticule, GeoGraticuleGenerator } from 'd3-geo'; // eslint-disable-next-line import/no-unresolved import { LineString, MultiLineString, Polygon } from 'geojson'; @@ -65,7 +65,7 @@ export default function Graticule({ if (children) return <>{children({ graticule: currGraticule })}; return ( - + {graticule && ( )} diff --git a/packages/vx-geo/src/index.ts b/packages/visx-geo/src/index.ts similarity index 100% rename from packages/vx-geo/src/index.ts rename to packages/visx-geo/src/index.ts diff --git a/packages/vx-geo/src/projections/Albers.tsx b/packages/visx-geo/src/projections/Albers.tsx similarity index 100% rename from packages/vx-geo/src/projections/Albers.tsx rename to packages/visx-geo/src/projections/Albers.tsx diff --git a/packages/vx-geo/src/projections/AlbersUsa.tsx b/packages/visx-geo/src/projections/AlbersUsa.tsx similarity index 100% rename from packages/vx-geo/src/projections/AlbersUsa.tsx rename to packages/visx-geo/src/projections/AlbersUsa.tsx diff --git a/packages/vx-geo/src/projections/CustomProjection.tsx b/packages/visx-geo/src/projections/CustomProjection.tsx similarity index 100% rename from packages/vx-geo/src/projections/CustomProjection.tsx rename to packages/visx-geo/src/projections/CustomProjection.tsx diff --git a/packages/vx-geo/src/projections/EqualEarth.tsx b/packages/visx-geo/src/projections/EqualEarth.tsx similarity index 100% rename from packages/vx-geo/src/projections/EqualEarth.tsx rename to packages/visx-geo/src/projections/EqualEarth.tsx diff --git a/packages/vx-geo/src/projections/Mercator.tsx b/packages/visx-geo/src/projections/Mercator.tsx similarity index 100% rename from packages/vx-geo/src/projections/Mercator.tsx rename to packages/visx-geo/src/projections/Mercator.tsx diff --git a/packages/vx-geo/src/projections/NaturalEarth.tsx b/packages/visx-geo/src/projections/NaturalEarth.tsx similarity index 100% rename from packages/vx-geo/src/projections/NaturalEarth.tsx rename to packages/visx-geo/src/projections/NaturalEarth.tsx diff --git a/packages/vx-geo/src/projections/Orthographic.tsx b/packages/visx-geo/src/projections/Orthographic.tsx similarity index 100% rename from packages/vx-geo/src/projections/Orthographic.tsx rename to packages/visx-geo/src/projections/Orthographic.tsx diff --git a/packages/vx-geo/src/projections/Projection.tsx b/packages/visx-geo/src/projections/Projection.tsx similarity index 98% rename from packages/vx-geo/src/projections/Projection.tsx rename to packages/visx-geo/src/projections/Projection.tsx index c6d850fea..2cfc5453b 100644 --- a/packages/vx-geo/src/projections/Projection.tsx +++ b/packages/visx-geo/src/projections/Projection.tsx @@ -1,6 +1,6 @@ import React from 'react'; import cx from 'classnames'; -import { Group } from '@vx/group'; +import { Group } from '@visx/group'; import { geoOrthographic, geoAlbers, @@ -161,7 +161,7 @@ export default function Projection({ if (children) return <>{children({ path, features })}; return ( - + {graticule && !graticule.foreground && ( path(ml) || ''} {...graticule} /> )} @@ -175,7 +175,7 @@ export default function Projection({ {features.map((feature, i) => ( ', () => { }); test('it should pass className', () => { - const wrapper = shallow(); - expect(wrapper.find('path').get(0).props.className).toBe('vx-geo-mercator vx-new'); + const wrapper = shallow(); + expect(wrapper.find('path').get(0).props.className).toBe('visx-geo-mercator visx-new'); }); test('it should create two paths', () => { diff --git a/packages/vx-geo/test/topo.json b/packages/visx-geo/test/topo.json similarity index 100% rename from packages/vx-geo/test/topo.json rename to packages/visx-geo/test/topo.json diff --git a/packages/vx-glyph/.npmrc b/packages/visx-glyph/.npmrc similarity index 100% rename from packages/vx-glyph/.npmrc rename to packages/visx-glyph/.npmrc diff --git a/packages/visx-glyph/Readme.md b/packages/visx-glyph/Readme.md new file mode 100644 index 000000000..0366f4805 --- /dev/null +++ b/packages/visx-glyph/Readme.md @@ -0,0 +1,14 @@ +# @visx/glyph + + + + + +Glyphs are small marks or symbols that you can use in your charts. Example: +[https://airbnb.io/visx/glyphs](https://airbnb.io/visx/glyphs) + +## Installation + +``` +npm install --save @visx/glyph +``` diff --git a/packages/vx-glyph/package.json b/packages/visx-glyph/package.json similarity index 71% rename from packages/vx-glyph/package.json rename to packages/visx-glyph/package.json index d95a09adb..9f2b58f9a 100644 --- a/packages/vx-glyph/package.json +++ b/packages/visx-glyph/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/glyph", + "name": "@visx/glyph", "version": "0.0.199", - "description": "vx glyph", + "description": "visx glyph", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -24,9 +24,9 @@ "author": "@hshoff", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "publishConfig": { "access": "public" }, @@ -37,7 +37,7 @@ "@types/classnames": "^2.2.9", "@types/d3-shape": "^1.3.1", "@types/react": "*", - "@vx/group": "0.0.199", + "@visx/group": "0.0.199", "classnames": "^2.2.5", "d3-shape": "^1.2.0", "prop-types": "^15.6.2" diff --git a/packages/vx-glyph/src/glyphs/Glyph.tsx b/packages/visx-glyph/src/glyphs/Glyph.tsx similarity index 82% rename from packages/vx-glyph/src/glyphs/Glyph.tsx rename to packages/visx-glyph/src/glyphs/Glyph.tsx index 1a25f4fd0..1bbe8c46d 100644 --- a/packages/vx-glyph/src/glyphs/Glyph.tsx +++ b/packages/visx-glyph/src/glyphs/Glyph.tsx @@ -1,6 +1,6 @@ import React from 'react'; import cx from 'classnames'; -import { Group } from '@vx/group'; +import { Group } from '@visx/group'; export type GlyphProps = { /** Top offset to apply to glyph g element container. */ @@ -15,7 +15,7 @@ export type GlyphProps = { export default function Glyph({ top = 0, left = 0, className, children }: GlyphProps) { return ( - + {children} ); diff --git a/packages/vx-glyph/src/glyphs/GlyphCircle.tsx b/packages/visx-glyph/src/glyphs/GlyphCircle.tsx similarity index 92% rename from packages/vx-glyph/src/glyphs/GlyphCircle.tsx rename to packages/visx-glyph/src/glyphs/GlyphCircle.tsx index 36ef1c2b9..cca8814a1 100644 --- a/packages/vx-glyph/src/glyphs/GlyphCircle.tsx +++ b/packages/visx-glyph/src/glyphs/GlyphCircle.tsx @@ -35,7 +35,7 @@ export default function GlyphCircle({ return ( - + ); } diff --git a/packages/vx-glyph/src/glyphs/GlyphCross.tsx b/packages/visx-glyph/src/glyphs/GlyphCross.tsx similarity index 92% rename from packages/vx-glyph/src/glyphs/GlyphCross.tsx rename to packages/visx-glyph/src/glyphs/GlyphCross.tsx index ab4353ad8..2ef501532 100644 --- a/packages/vx-glyph/src/glyphs/GlyphCross.tsx +++ b/packages/visx-glyph/src/glyphs/GlyphCross.tsx @@ -35,7 +35,7 @@ export default function GlyphCross({ return ( - + ); } diff --git a/packages/vx-glyph/src/glyphs/GlyphDiamond.tsx b/packages/visx-glyph/src/glyphs/GlyphDiamond.tsx similarity index 92% rename from packages/vx-glyph/src/glyphs/GlyphDiamond.tsx rename to packages/visx-glyph/src/glyphs/GlyphDiamond.tsx index 082cd20d5..0a2b5855f 100644 --- a/packages/vx-glyph/src/glyphs/GlyphDiamond.tsx +++ b/packages/visx-glyph/src/glyphs/GlyphDiamond.tsx @@ -36,7 +36,7 @@ export default function GlyphDiamond({ return ( - + ); } diff --git a/packages/vx-glyph/src/glyphs/GlyphDot.tsx b/packages/visx-glyph/src/glyphs/GlyphDot.tsx similarity index 90% rename from packages/vx-glyph/src/glyphs/GlyphDot.tsx rename to packages/visx-glyph/src/glyphs/GlyphDot.tsx index a7e436022..7677bdd47 100644 --- a/packages/vx-glyph/src/glyphs/GlyphDot.tsx +++ b/packages/visx-glyph/src/glyphs/GlyphDot.tsx @@ -25,7 +25,7 @@ export default function GlyphDot({ }: GlyphDotProps & Omit, keyof GlyphDotProps>) { return ( - + ); } diff --git a/packages/vx-glyph/src/glyphs/GlyphSquare.tsx b/packages/visx-glyph/src/glyphs/GlyphSquare.tsx similarity index 92% rename from packages/vx-glyph/src/glyphs/GlyphSquare.tsx rename to packages/visx-glyph/src/glyphs/GlyphSquare.tsx index e2a2915e8..a0d7b5d59 100644 --- a/packages/vx-glyph/src/glyphs/GlyphSquare.tsx +++ b/packages/visx-glyph/src/glyphs/GlyphSquare.tsx @@ -35,7 +35,7 @@ export default function GlyphSquare({ return ( - + ); } diff --git a/packages/vx-glyph/src/glyphs/GlyphStar.tsx b/packages/visx-glyph/src/glyphs/GlyphStar.tsx similarity index 92% rename from packages/vx-glyph/src/glyphs/GlyphStar.tsx rename to packages/visx-glyph/src/glyphs/GlyphStar.tsx index 278d4a049..32d88d26d 100644 --- a/packages/vx-glyph/src/glyphs/GlyphStar.tsx +++ b/packages/visx-glyph/src/glyphs/GlyphStar.tsx @@ -34,7 +34,7 @@ export default function GlyphStar({ if (children) return <>{children({ path })}; return ( - + ); } diff --git a/packages/vx-glyph/src/glyphs/GlyphTriangle.tsx b/packages/visx-glyph/src/glyphs/GlyphTriangle.tsx similarity index 92% rename from packages/vx-glyph/src/glyphs/GlyphTriangle.tsx rename to packages/visx-glyph/src/glyphs/GlyphTriangle.tsx index a5a01db21..658a323fe 100644 --- a/packages/vx-glyph/src/glyphs/GlyphTriangle.tsx +++ b/packages/visx-glyph/src/glyphs/GlyphTriangle.tsx @@ -36,7 +36,7 @@ export default function GlyphTriangle({ return ( - + ); } diff --git a/packages/vx-glyph/src/glyphs/GlyphWye.tsx b/packages/visx-glyph/src/glyphs/GlyphWye.tsx similarity index 93% rename from packages/vx-glyph/src/glyphs/GlyphWye.tsx rename to packages/visx-glyph/src/glyphs/GlyphWye.tsx index 65faca813..3fd131614 100644 --- a/packages/vx-glyph/src/glyphs/GlyphWye.tsx +++ b/packages/visx-glyph/src/glyphs/GlyphWye.tsx @@ -34,7 +34,7 @@ export default function GlyphWye({ if (children) return <>{children({ path })}; return ( - + ); } diff --git a/packages/vx-glyph/src/index.ts b/packages/visx-glyph/src/index.ts similarity index 100% rename from packages/vx-glyph/src/index.ts rename to packages/visx-glyph/src/index.ts diff --git a/packages/vx-glyph/test/Circle.test.tsx b/packages/visx-glyph/test/Circle.test.tsx similarity index 95% rename from packages/vx-glyph/test/Circle.test.tsx rename to packages/visx-glyph/test/Circle.test.tsx index 16733d0c3..9f13aa0d7 100644 --- a/packages/vx-glyph/test/Circle.test.tsx +++ b/packages/visx-glyph/test/Circle.test.tsx @@ -10,7 +10,7 @@ describe('', () => { test('it should be wrapped in a ', () => { const wrapper = shallow(); - expect(wrapper.dive().prop('className')).toBe('vx-glyph'); + expect(wrapper.dive().prop('className')).toBe('visx-glyph'); }); test('it should add className to ', () => { diff --git a/packages/vx-glyph/test/Cross.test.tsx b/packages/visx-glyph/test/Cross.test.tsx similarity index 95% rename from packages/vx-glyph/test/Cross.test.tsx rename to packages/visx-glyph/test/Cross.test.tsx index c2e15b520..c8accd2e2 100644 --- a/packages/vx-glyph/test/Cross.test.tsx +++ b/packages/visx-glyph/test/Cross.test.tsx @@ -10,7 +10,7 @@ describe('', () => { test('it should be wrapped in a ', () => { const wrapper = shallow(); - expect(wrapper.dive().prop('className')).toBe('vx-glyph'); + expect(wrapper.dive().prop('className')).toBe('visx-glyph'); }); test('it should add className to ', () => { diff --git a/packages/vx-glyph/test/Diamond.test.tsx b/packages/visx-glyph/test/Diamond.test.tsx similarity index 95% rename from packages/vx-glyph/test/Diamond.test.tsx rename to packages/visx-glyph/test/Diamond.test.tsx index b35f16b5c..d7bcc1d45 100644 --- a/packages/vx-glyph/test/Diamond.test.tsx +++ b/packages/visx-glyph/test/Diamond.test.tsx @@ -10,7 +10,7 @@ describe('', () => { test('it should be wrapped in a ', () => { const wrapper = shallow(); - expect(wrapper.dive().prop('className')).toBe('vx-glyph'); + expect(wrapper.dive().prop('className')).toBe('visx-glyph'); }); test('it should add className to ', () => { diff --git a/packages/vx-glyph/test/Dot.test.tsx b/packages/visx-glyph/test/Dot.test.tsx similarity index 100% rename from packages/vx-glyph/test/Dot.test.tsx rename to packages/visx-glyph/test/Dot.test.tsx diff --git a/packages/vx-glyph/test/Glyph.test.tsx b/packages/visx-glyph/test/Glyph.test.tsx similarity index 89% rename from packages/vx-glyph/test/Glyph.test.tsx rename to packages/visx-glyph/test/Glyph.test.tsx index 3cd356f34..367e347bf 100644 --- a/packages/vx-glyph/test/Glyph.test.tsx +++ b/packages/visx-glyph/test/Glyph.test.tsx @@ -10,7 +10,7 @@ describe('', () => { test('it should be wrapped in a ', () => { const wrapper = shallow(); - expect(wrapper.prop('className')).toBe('vx-glyph'); + expect(wrapper.prop('className')).toBe('visx-glyph'); }); test('it should add className to ', () => { diff --git a/packages/vx-glyph/test/Square.test.tsx b/packages/visx-glyph/test/Square.test.tsx similarity index 95% rename from packages/vx-glyph/test/Square.test.tsx rename to packages/visx-glyph/test/Square.test.tsx index 1a974bc7f..4f8b391f2 100644 --- a/packages/vx-glyph/test/Square.test.tsx +++ b/packages/visx-glyph/test/Square.test.tsx @@ -10,7 +10,7 @@ describe('', () => { test('it should be wrapped in a ', () => { const wrapper = shallow(); - expect(wrapper.dive().prop('className')).toBe('vx-glyph'); + expect(wrapper.dive().prop('className')).toBe('visx-glyph'); }); test('it should add className to ', () => { diff --git a/packages/vx-glyph/test/Star.test.tsx b/packages/visx-glyph/test/Star.test.tsx similarity index 95% rename from packages/vx-glyph/test/Star.test.tsx rename to packages/visx-glyph/test/Star.test.tsx index a829d2924..9e3e89d0d 100644 --- a/packages/vx-glyph/test/Star.test.tsx +++ b/packages/visx-glyph/test/Star.test.tsx @@ -10,7 +10,7 @@ describe('', () => { test('it should be wrapped in a ', () => { const wrapper = shallow(); - expect(wrapper.dive().prop('className')).toBe('vx-glyph'); + expect(wrapper.dive().prop('className')).toBe('visx-glyph'); }); test('it should add className to ', () => { diff --git a/packages/vx-glyph/test/Triangle.test.tsx b/packages/visx-glyph/test/Triangle.test.tsx similarity index 95% rename from packages/vx-glyph/test/Triangle.test.tsx rename to packages/visx-glyph/test/Triangle.test.tsx index 08122e35f..32aa68f7f 100644 --- a/packages/vx-glyph/test/Triangle.test.tsx +++ b/packages/visx-glyph/test/Triangle.test.tsx @@ -10,7 +10,7 @@ describe('', () => { test('it should be wrapped in a ', () => { const wrapper = shallow(); - expect(wrapper.dive().prop('className')).toBe('vx-glyph'); + expect(wrapper.dive().prop('className')).toBe('visx-glyph'); }); test('it should add className to ', () => { diff --git a/packages/vx-glyph/test/Wye.test.tsx b/packages/visx-glyph/test/Wye.test.tsx similarity index 95% rename from packages/vx-glyph/test/Wye.test.tsx rename to packages/visx-glyph/test/Wye.test.tsx index 85ba70bc6..47c6a57f6 100644 --- a/packages/vx-glyph/test/Wye.test.tsx +++ b/packages/visx-glyph/test/Wye.test.tsx @@ -10,7 +10,7 @@ describe('', () => { test('it should be wrapped in a ', () => { const wrapper = shallow(); - expect(wrapper.dive().prop('className')).toBe('vx-glyph'); + expect(wrapper.dive().prop('className')).toBe('visx-glyph'); }); test('it should add className to ', () => { diff --git a/packages/vx-gradient/.npmrc b/packages/visx-gradient/.npmrc similarity index 100% rename from packages/vx-gradient/.npmrc rename to packages/visx-gradient/.npmrc diff --git a/packages/vx-gradient/Readme.md b/packages/visx-gradient/Readme.md similarity index 71% rename from packages/vx-gradient/Readme.md rename to packages/visx-gradient/Readme.md index 287a78613..6121975a1 100644 --- a/packages/vx-gradient/Readme.md +++ b/packages/visx-gradient/Readme.md @@ -1,7 +1,7 @@ -# @vx/gradient +# @visx/gradient - - + + Inspired by: https://dribbble.com/shots/3380672-Sketch-Gradients-Freebie @@ -9,8 +9,8 @@ Inspired by: https://dribbble.com/shots/3380672-Sketch-Gradients-Freebie ## Example ```js -import { AreaClosed } from '@vx/shape'; -import { GradientPinkBlue } from '@vx/gradient'; +import { AreaClosed } from '@visx/shape'; +import { GradientPinkBlue } from '@visx/gradient'; const GradientArea = () => { return ( @@ -36,7 +36,7 @@ use `fill="url('#gradient')"` you're referencing the gradient's id: `gradient`. In addition to the preset linear gradients, you can make any linear or radial gradient like so: ```js -import { LinearGradient, RadialGradient } from '@vx/gradient'; +import { LinearGradient, RadialGradient } from '@visx/gradient'; ; ; @@ -45,5 +45,5 @@ import { LinearGradient, RadialGradient } from '@vx/gradient'; ## Installation ``` -npm install --save @vx/gradient +npm install --save @visx/gradient ``` diff --git a/packages/vx-gradient/package.json b/packages/visx-gradient/package.json similarity index 70% rename from packages/vx-gradient/package.json rename to packages/visx-gradient/package.json index f9cfc595d..8d1ee65ed 100644 --- a/packages/vx-gradient/package.json +++ b/packages/visx-gradient/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/gradient", + "name": "@visx/gradient", "version": "0.0.199", - "description": "vx gradient", + "description": "visx gradient", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -24,9 +24,9 @@ "author": "@hshoff", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "dependencies": { "@types/react": "*", "prop-types": "^15.5.7" diff --git a/packages/vx-gradient/src/gradients/GradientDarkgreenGreen.tsx b/packages/visx-gradient/src/gradients/GradientDarkgreenGreen.tsx similarity index 100% rename from packages/vx-gradient/src/gradients/GradientDarkgreenGreen.tsx rename to packages/visx-gradient/src/gradients/GradientDarkgreenGreen.tsx diff --git a/packages/vx-gradient/src/gradients/GradientLightgreenGreen.tsx b/packages/visx-gradient/src/gradients/GradientLightgreenGreen.tsx similarity index 100% rename from packages/vx-gradient/src/gradients/GradientLightgreenGreen.tsx rename to packages/visx-gradient/src/gradients/GradientLightgreenGreen.tsx diff --git a/packages/vx-gradient/src/gradients/GradientOrangeRed.tsx b/packages/visx-gradient/src/gradients/GradientOrangeRed.tsx similarity index 100% rename from packages/vx-gradient/src/gradients/GradientOrangeRed.tsx rename to packages/visx-gradient/src/gradients/GradientOrangeRed.tsx diff --git a/packages/vx-gradient/src/gradients/GradientPinkBlue.tsx b/packages/visx-gradient/src/gradients/GradientPinkBlue.tsx similarity index 100% rename from packages/vx-gradient/src/gradients/GradientPinkBlue.tsx rename to packages/visx-gradient/src/gradients/GradientPinkBlue.tsx diff --git a/packages/vx-gradient/src/gradients/GradientPinkRed.tsx b/packages/visx-gradient/src/gradients/GradientPinkRed.tsx similarity index 100% rename from packages/vx-gradient/src/gradients/GradientPinkRed.tsx rename to packages/visx-gradient/src/gradients/GradientPinkRed.tsx diff --git a/packages/vx-gradient/src/gradients/GradientPurpleOrange.tsx b/packages/visx-gradient/src/gradients/GradientPurpleOrange.tsx similarity index 100% rename from packages/vx-gradient/src/gradients/GradientPurpleOrange.tsx rename to packages/visx-gradient/src/gradients/GradientPurpleOrange.tsx diff --git a/packages/vx-gradient/src/gradients/GradientPurpleRed.tsx b/packages/visx-gradient/src/gradients/GradientPurpleRed.tsx similarity index 100% rename from packages/vx-gradient/src/gradients/GradientPurpleRed.tsx rename to packages/visx-gradient/src/gradients/GradientPurpleRed.tsx diff --git a/packages/vx-gradient/src/gradients/GradientPurpleTeal.tsx b/packages/visx-gradient/src/gradients/GradientPurpleTeal.tsx similarity index 100% rename from packages/vx-gradient/src/gradients/GradientPurpleTeal.tsx rename to packages/visx-gradient/src/gradients/GradientPurpleTeal.tsx diff --git a/packages/vx-gradient/src/gradients/GradientSteelPurple.tsx b/packages/visx-gradient/src/gradients/GradientSteelPurple.tsx similarity index 100% rename from packages/vx-gradient/src/gradients/GradientSteelPurple.tsx rename to packages/visx-gradient/src/gradients/GradientSteelPurple.tsx diff --git a/packages/vx-gradient/src/gradients/GradientTealBlue.tsx b/packages/visx-gradient/src/gradients/GradientTealBlue.tsx similarity index 100% rename from packages/vx-gradient/src/gradients/GradientTealBlue.tsx rename to packages/visx-gradient/src/gradients/GradientTealBlue.tsx diff --git a/packages/vx-gradient/src/gradients/LinearGradient.tsx b/packages/visx-gradient/src/gradients/LinearGradient.tsx similarity index 100% rename from packages/vx-gradient/src/gradients/LinearGradient.tsx rename to packages/visx-gradient/src/gradients/LinearGradient.tsx diff --git a/packages/vx-gradient/src/gradients/RadialGradient.tsx b/packages/visx-gradient/src/gradients/RadialGradient.tsx similarity index 100% rename from packages/vx-gradient/src/gradients/RadialGradient.tsx rename to packages/visx-gradient/src/gradients/RadialGradient.tsx diff --git a/packages/vx-gradient/src/index.ts b/packages/visx-gradient/src/index.ts similarity index 100% rename from packages/vx-gradient/src/index.ts rename to packages/visx-gradient/src/index.ts diff --git a/packages/vx-gradient/test/Gradients.test.tsx b/packages/visx-gradient/test/Gradients.test.tsx similarity index 100% rename from packages/vx-gradient/test/Gradients.test.tsx rename to packages/visx-gradient/test/Gradients.test.tsx diff --git a/packages/vx-gradient/test/LinearGradient.test.tsx b/packages/visx-gradient/test/LinearGradient.test.tsx similarity index 100% rename from packages/vx-gradient/test/LinearGradient.test.tsx rename to packages/visx-gradient/test/LinearGradient.test.tsx diff --git a/packages/vx-gradient/test/RadialGradient.test.tsx b/packages/visx-gradient/test/RadialGradient.test.tsx similarity index 100% rename from packages/vx-gradient/test/RadialGradient.test.tsx rename to packages/visx-gradient/test/RadialGradient.test.tsx diff --git a/packages/vx-grid/.npmrc b/packages/visx-grid/.npmrc similarity index 100% rename from packages/vx-grid/.npmrc rename to packages/visx-grid/.npmrc diff --git a/packages/visx-grid/Readme.md b/packages/visx-grid/Readme.md new file mode 100644 index 000000000..5184ddc53 --- /dev/null +++ b/packages/visx-grid/Readme.md @@ -0,0 +1,34 @@ +# @visx/grid + + + + + +The `@visx/grid` package lets you create gridlines for charts. `` render horizontally, +`` render vertically, or you can use a `` to get them both at once! + +## Usage + +```js +import { Grid } from '@visx/grid'; +// or +// import * as Grid from '@visx/grid'; +// + +const grid = ( + +); +``` + +## Installation + +``` +npm install --save @visx/grid +``` diff --git a/packages/vx-grid/package.json b/packages/visx-grid/package.json similarity index 63% rename from packages/vx-grid/package.json rename to packages/visx-grid/package.json index 5f97ea799..9c34d039e 100644 --- a/packages/vx-grid/package.json +++ b/packages/visx-grid/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/grid", + "name": "@visx/grid", "version": "0.0.199", - "description": "vx grid", + "description": "visx grid", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -24,19 +24,19 @@ "author": "@hshoff", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "peerDependencies": { "react": "^15.0.0-0 || ^16.0.0-0" }, "dependencies": { "@types/classnames": "^2.2.9", "@types/react": "*", - "@vx/group": "0.0.199", - "@vx/point": "0.0.199", - "@vx/scale": "0.0.199", - "@vx/shape": "0.0.199", + "@visx/group": "0.0.199", + "@visx/point": "0.0.199", + "@visx/scale": "0.0.199", + "@visx/shape": "0.0.199", "classnames": "^2.2.5", "prop-types": "^15.6.2" }, diff --git a/packages/vx-grid/src/grids/Grid.tsx b/packages/visx-grid/src/grids/Grid.tsx similarity index 88% rename from packages/vx-grid/src/grids/Grid.tsx rename to packages/visx-grid/src/grids/Grid.tsx index 610080663..564862e00 100644 --- a/packages/vx-grid/src/grids/Grid.tsx +++ b/packages/visx-grid/src/grids/Grid.tsx @@ -1,7 +1,7 @@ import React from 'react'; import cx from 'classnames'; -import { Group } from '@vx/group'; -import { ScaleInput } from '@vx/scale'; +import { Group } from '@visx/group'; +import { ScaleInput } from '@visx/scale'; import GridRows, { AllGridRowsProps } from './GridRows'; import GridColumns, { AllGridColumnsProps } from './GridColumns'; import { CommonGridProps, GridScale } from '../types'; @@ -20,9 +20,9 @@ export type GridProps = Omit AllGridRowsProps & AllGridColumnsProps, CommonPropsToOmit > & { - /** `@vx/scale` or `d3-scale` object used to map from ScaleInput to x-coordinates (GridColumns). */ + /** `@visx/scale` or `d3-scale` object used to map from ScaleInput to x-coordinates (GridColumns). */ xScale: XScale; - /** `@vx/scale` or `d3-scale` object used to map from ScaleInput to y-coordinates (GridRows). */ + /** `@visx/scale` or `d3-scale` object used to map from ScaleInput to y-coordinates (GridRows). */ yScale: YScale; /** Pixel offset to apply as an x-translation to each GridColumns line. */ xOffset?: CommonGridProps['offset']; @@ -64,7 +64,7 @@ export default function Grid ...restProps }: GridProps) { return ( - + = CommonGridProps & { - /** `@vx/scale` or `d3-scale` object used to convert value to position. */ + /** `@visx/scale` or `d3-scale` object used to convert value to position. */ scale: Scale; /** * Exact values used to generate grid lines using `scale`. @@ -55,7 +55,7 @@ export default function GridColumns({ }; }); return ( - + {children ? children({ lines: tickLines }) : tickLines.map(({ from, to }, i) => ( diff --git a/packages/vx-grid/src/grids/GridRows.tsx b/packages/visx-grid/src/grids/GridRows.tsx similarity index 82% rename from packages/vx-grid/src/grids/GridRows.tsx rename to packages/visx-grid/src/grids/GridRows.tsx index 0604b21a0..811834bb6 100644 --- a/packages/vx-grid/src/grids/GridRows.tsx +++ b/packages/visx-grid/src/grids/GridRows.tsx @@ -1,13 +1,13 @@ import React from 'react'; import cx from 'classnames'; -import Line, { LineProps } from '@vx/shape/lib/shapes/Line'; -import { Group } from '@vx/group'; -import { Point } from '@vx/point'; -import { getTicks, ScaleInput, coerceNumber } from '@vx/scale'; +import Line, { LineProps } from '@visx/shape/lib/shapes/Line'; +import { Group } from '@visx/group'; +import { Point } from '@visx/point'; +import { getTicks, ScaleInput, coerceNumber } from '@visx/scale'; import { CommonGridProps, GridScale } from '../types'; export type GridRowsProps = CommonGridProps & { - /** `@vx/scale` or `d3-scale` object used to convert value to position. */ + /** `@visx/scale` or `d3-scale` object used to convert value to position. */ scale: Scale; /** * Exact values used to generate grid lines using `scale`. @@ -55,7 +55,7 @@ export default function GridRows({ }; }); return ( - + {children ? children({ lines: tickLines }) : tickLines.map(({ from, to }, i) => ( diff --git a/packages/vx-grid/src/index.ts b/packages/visx-grid/src/index.ts similarity index 100% rename from packages/vx-grid/src/index.ts rename to packages/visx-grid/src/index.ts diff --git a/packages/vx-grid/src/types.ts b/packages/visx-grid/src/types.ts similarity index 96% rename from packages/vx-grid/src/types.ts rename to packages/visx-grid/src/types.ts index 71bf35618..6bb0bb907 100644 --- a/packages/vx-grid/src/types.ts +++ b/packages/visx-grid/src/types.ts @@ -1,5 +1,5 @@ -import { D3Scale, NumberLike } from '@vx/scale'; import { CSSProperties } from 'react'; +import { D3Scale, NumberLike } from '@visx/scale'; // In order to plot values on an axis, output of the scale must be number. // Some scales return undefined. diff --git a/packages/vx-grid/test/Grid.test.tsx b/packages/visx-grid/test/Grid.test.tsx similarity index 71% rename from packages/vx-grid/test/Grid.test.tsx rename to packages/visx-grid/test/Grid.test.tsx index fc0760886..186e47140 100644 --- a/packages/vx-grid/test/Grid.test.tsx +++ b/packages/visx-grid/test/Grid.test.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { render } from 'enzyme'; -import { scaleLinear } from '@vx/scale'; +import { scaleLinear } from '@visx/scale'; import { Grid } from '../src'; describe('', () => { @@ -19,8 +19,8 @@ describe('', () => { pointerEvents="none" />, ); - expect(wrapper.find('.vx-rows')).toHaveLength(1); - expect(wrapper.find('.vx-columns')).toHaveLength(1); - expect(wrapper.find('.vx-line')).toHaveLength(22); + expect(wrapper.find('.visx-rows')).toHaveLength(1); + expect(wrapper.find('.visx-columns')).toHaveLength(1); + expect(wrapper.find('.visx-line')).toHaveLength(22); }); }); diff --git a/packages/vx-grid/test/GridColumns.test.tsx b/packages/visx-grid/test/GridColumns.test.tsx similarity index 82% rename from packages/vx-grid/test/GridColumns.test.tsx rename to packages/visx-grid/test/GridColumns.test.tsx index 6c12a4376..03299ce17 100644 --- a/packages/vx-grid/test/GridColumns.test.tsx +++ b/packages/visx-grid/test/GridColumns.test.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { render } from 'enzyme'; -import { scaleLinear } from '@vx/scale'; +import { scaleLinear } from '@visx/scale'; import { GridColumns } from '../src'; describe('', () => { @@ -17,6 +17,6 @@ describe('', () => { pointerEvents="none" />, ); - expect(wrapper.find('.vx-line')).toHaveLength(11); + expect(wrapper.find('.visx-line')).toHaveLength(11); }); }); diff --git a/packages/vx-grid/test/GridRows.test.tsx b/packages/visx-grid/test/GridRows.test.tsx similarity index 82% rename from packages/vx-grid/test/GridRows.test.tsx rename to packages/visx-grid/test/GridRows.test.tsx index 3afbcbd44..206736090 100644 --- a/packages/vx-grid/test/GridRows.test.tsx +++ b/packages/visx-grid/test/GridRows.test.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { render } from 'enzyme'; -import { scaleLinear } from '@vx/scale'; +import { scaleLinear } from '@visx/scale'; import { GridRows } from '../src'; describe('', () => { @@ -17,6 +17,6 @@ describe('', () => { pointerEvents="none" />, ); - expect(wrapper.find('.vx-line')).toHaveLength(11); + expect(wrapper.find('.visx-line')).toHaveLength(11); }); }); diff --git a/packages/vx-group/.npmrc b/packages/visx-group/.npmrc similarity index 100% rename from packages/vx-group/.npmrc rename to packages/visx-group/.npmrc diff --git a/packages/vx-group/Readme.md b/packages/visx-group/Readme.md similarity index 53% rename from packages/vx-group/Readme.md rename to packages/visx-group/Readme.md index bf0f8299d..3ffb80705 100644 --- a/packages/vx-group/Readme.md +++ b/packages/visx-group/Readme.md @@ -1,7 +1,7 @@ -# @vx/group +# @visx/group - - + + `` provides a simplified API for SVG `` elements, which are containers for other SVG @@ -11,5 +11,5 @@ objects. You may pass in a `top` and `left` margin (instead of `transform={trans ## Installation ``` -npm install --save @vx/group +npm install --save @visx/group ``` diff --git a/packages/vx-group/package.json b/packages/visx-group/package.json similarity index 73% rename from packages/vx-group/package.json rename to packages/visx-group/package.json index ab50d8aa6..dcbc744f5 100644 --- a/packages/vx-group/package.json +++ b/packages/visx-group/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/group", + "name": "@visx/group", "version": "0.0.199", - "description": "vx group", + "description": "visx group", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ "types": "lib/index.d.ts", "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -25,9 +25,9 @@ "author": "@hshoff", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "peerDependencies": { "react": "^15.0.0-0 || ^16.0.0-0" }, diff --git a/packages/vx-group/src/Group.tsx b/packages/visx-group/src/Group.tsx similarity index 94% rename from packages/vx-group/src/Group.tsx rename to packages/visx-group/src/Group.tsx index b8e9a9248..39baeab2d 100644 --- a/packages/vx-group/src/Group.tsx +++ b/packages/visx-group/src/Group.tsx @@ -27,7 +27,7 @@ export default function Group({ return ( diff --git a/packages/vx-group/src/index.ts b/packages/visx-group/src/index.ts similarity index 100% rename from packages/vx-group/src/index.ts rename to packages/visx-group/src/index.ts diff --git a/packages/vx-group/test/Group.test.tsx b/packages/visx-group/test/Group.test.tsx similarity index 83% rename from packages/vx-group/test/Group.test.tsx rename to packages/visx-group/test/Group.test.tsx index 88465d782..840ba4274 100644 --- a/packages/vx-group/test/Group.test.tsx +++ b/packages/visx-group/test/Group.test.tsx @@ -8,9 +8,9 @@ describe('', () => { expect(Group).toBeDefined(); }); - test("it should have class='vx-group'", () => { + test("it should have class='visx-group'", () => { const wrapper = shallow(); - expect(wrapper.prop('className')).toEqual('vx-group'); + expect(wrapper.prop('className')).toEqual('visx-group'); }); test('it should default props top=0 left=0', () => { @@ -21,7 +21,7 @@ describe('', () => { test('it should set props top, left, className', () => { const wrapper = shallow(); expect(wrapper.prop('transform')).toEqual('translate(4, 3)'); - expect(wrapper.prop('className')).toEqual('vx-group test'); + expect(wrapper.prop('className')).toEqual('visx-group test'); }); test('it should set restProps', () => { diff --git a/packages/vx-heatmap/.npmrc b/packages/visx-heatmap/.npmrc similarity index 100% rename from packages/vx-heatmap/.npmrc rename to packages/visx-heatmap/.npmrc diff --git a/packages/vx-heatmap/Readme.md b/packages/visx-heatmap/Readme.md similarity index 80% rename from packages/vx-heatmap/Readme.md rename to packages/visx-heatmap/Readme.md index 5e60c9bbb..7e62f6a87 100644 --- a/packages/vx-heatmap/Readme.md +++ b/packages/visx-heatmap/Readme.md @@ -1,7 +1,7 @@ -# @vx/heatmap +# @visx/heatmap - - + + A Heatmap is an arrangement of shapes where the data values are represented as colors. @@ -58,5 +58,5 @@ const xScale = scaleLinear({ ## Installation ``` -npm install --save @vx/heatmap +npm install --save @visx/heatmap ``` diff --git a/packages/vx-heatmap/package.json b/packages/visx-heatmap/package.json similarity index 69% rename from packages/vx-heatmap/package.json rename to packages/visx-heatmap/package.json index 293095555..9b479eadc 100644 --- a/packages/vx-heatmap/package.json +++ b/packages/visx-heatmap/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/heatmap", + "name": "@visx/heatmap", "version": "0.0.199", - "description": "vx heatmap", + "description": "visx heatmap", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -24,9 +24,9 @@ "author": "@hshoff", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "publishConfig": { "access": "public" }, @@ -36,7 +36,7 @@ "dependencies": { "@types/classnames": "^2.2.9", "@types/react": "*", - "@vx/group": "0.0.199", + "@visx/group": "0.0.199", "classnames": "^2.2.5", "prop-types": "^15.6.1" } diff --git a/packages/vx-heatmap/src/heatmaps/HeatmapCircle.tsx b/packages/visx-heatmap/src/heatmaps/HeatmapCircle.tsx similarity index 95% rename from packages/vx-heatmap/src/heatmaps/HeatmapCircle.tsx rename to packages/visx-heatmap/src/heatmaps/HeatmapCircle.tsx index ac3034d0a..712d96da9 100644 --- a/packages/vx-heatmap/src/heatmaps/HeatmapCircle.tsx +++ b/packages/visx-heatmap/src/heatmaps/HeatmapCircle.tsx @@ -1,6 +1,6 @@ import React from 'react'; import cx from 'classnames'; -import { Group } from '@vx/group'; +import { Group } from '@visx/group'; import { GenericCell, ColorScale, OpacityScale } from '../types'; export type HeatmapCircleProps = { @@ -89,12 +89,12 @@ export default function HeatmapCircle({ if (children) return <>{children(heatmap)}; return ( - + {heatmap.map(columns => columns.map(bin => ( = { @@ -104,12 +104,12 @@ export default function HeatmapRect({ if (children) return <>{children(heatmap)}; return ( - + {heatmap.map(_bins => _bins.map(bin => ( ', () => { expect(HeatmapCircle).toBeDefined(); }); - test('it should have the .vx-heatmap-circles class', () => { + test('it should have the .visx-heatmap-circles class', () => { const wrapper = HeatmapWrapper(); - expect(wrapper.prop('className')).toBe('vx-heatmap-circles'); + expect(wrapper.prop('className')).toBe('visx-heatmap-circles'); }); - test('it should have the .vx-heatmap-circle class', () => { + test('it should have the .visx-heatmap-circle class', () => { const wrapper = HeatmapWrapper({ className: 'test' }); - expect(wrapper.find('circle').prop('className')).toBe('vx-heatmap-circle test'); + expect(wrapper.find('circle').prop('className')).toBe('visx-heatmap-circle test'); }); test('it should set r to radius - gap', () => { diff --git a/packages/vx-heatmap/test/HeatmapRect.test.tsx b/packages/visx-heatmap/test/HeatmapRect.test.tsx similarity index 74% rename from packages/vx-heatmap/test/HeatmapRect.test.tsx rename to packages/visx-heatmap/test/HeatmapRect.test.tsx index 9d9ac83a0..0a6163bc2 100644 --- a/packages/vx-heatmap/test/HeatmapRect.test.tsx +++ b/packages/visx-heatmap/test/HeatmapRect.test.tsx @@ -19,14 +19,14 @@ describe('', () => { expect(HeatmapRect).toBeDefined(); }); - test('it should have the .vx-heatmap-rects class', () => { + test('it should have the .visx-heatmap-rects class', () => { const wrapper = HeatmapWrapper(); - expect(wrapper.prop('className')).toBe('vx-heatmap-rects'); + expect(wrapper.prop('className')).toBe('visx-heatmap-rects'); }); - test('it should have the .vx-heatmap-rect class', () => { + test('it should have the .visx-heatmap-rect class', () => { const wrapper = HeatmapWrapper({ className: 'test' }); - expect(wrapper.find('rect').prop('className')).toBe('vx-heatmap-rect test'); + expect(wrapper.find('rect').prop('className')).toBe('visx-heatmap-rect test'); }); test('it should set width & height to bin{Width,Height} - gap', () => { diff --git a/packages/vx-hierarchy/.npmrc b/packages/visx-hierarchy/.npmrc similarity index 100% rename from packages/vx-hierarchy/.npmrc rename to packages/visx-hierarchy/.npmrc diff --git a/packages/vx-hierarchy/Readme.md b/packages/visx-hierarchy/Readme.md similarity index 74% rename from packages/vx-hierarchy/Readme.md rename to packages/visx-hierarchy/Readme.md index 6d414d56f..892d54f40 100644 --- a/packages/vx-hierarchy/Readme.md +++ b/packages/visx-hierarchy/Readme.md @@ -1,7 +1,7 @@ -# @vx/hierarchy +# @visx/hierarchy - - + + Many datasets are intrinsically hierarchical. This package contains several `react` components for @@ -14,7 +14,7 @@ exports the [`d3-hierarchy`](https://github.com/d3/d3-hierarchy)utility to gener ```js // equivalent to `import { hierarchy } from 'd3-hierarchy';` -import { hierarchy } from '@vx/hierarchy'; +import { hierarchy } from '@visx/hierarchy'; const root = hierarchy({ name: 'root', @@ -31,5 +31,5 @@ const root = hierarchy({ ## Installation ``` -npm install --save @vx/hierarchy +npm install --save @visx/hierarchy ``` diff --git a/packages/vx-hierarchy/package.json b/packages/visx-hierarchy/package.json similarity index 71% rename from packages/vx-hierarchy/package.json rename to packages/visx-hierarchy/package.json index 018f98f25..68c1efb3a 100644 --- a/packages/vx-hierarchy/package.json +++ b/packages/visx-hierarchy/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/hierarchy", + "name": "@visx/hierarchy", "version": "0.0.199", - "description": "vx tree", + "description": "visx tree", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "d3", "react", "visualizations", @@ -24,9 +24,9 @@ "author": "@hshoff", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "publishConfig": { "access": "public" }, @@ -34,7 +34,7 @@ "@types/classnames": "^2.2.9", "@types/d3-hierarchy": "^1.1.6", "@types/react": "*", - "@vx/group": "0.0.199", + "@visx/group": "0.0.199", "classnames": "^2.2.5", "d3-hierarchy": "^1.1.4", "prop-types": "^15.6.1" diff --git a/packages/vx-hierarchy/src/HierarchyDefaultLink.tsx b/packages/visx-hierarchy/src/HierarchyDefaultLink.tsx similarity index 100% rename from packages/vx-hierarchy/src/HierarchyDefaultLink.tsx rename to packages/visx-hierarchy/src/HierarchyDefaultLink.tsx diff --git a/packages/vx-hierarchy/src/HierarchyDefaultNode.tsx b/packages/visx-hierarchy/src/HierarchyDefaultNode.tsx similarity index 100% rename from packages/vx-hierarchy/src/HierarchyDefaultNode.tsx rename to packages/visx-hierarchy/src/HierarchyDefaultNode.tsx diff --git a/packages/vx-hierarchy/src/HierarchyDefaultRectNode.tsx b/packages/visx-hierarchy/src/HierarchyDefaultRectNode.tsx similarity index 100% rename from packages/vx-hierarchy/src/HierarchyDefaultRectNode.tsx rename to packages/visx-hierarchy/src/HierarchyDefaultRectNode.tsx diff --git a/packages/vx-hierarchy/src/hierarchies/Cluster.tsx b/packages/visx-hierarchy/src/hierarchies/Cluster.tsx similarity index 96% rename from packages/vx-hierarchy/src/hierarchies/Cluster.tsx rename to packages/visx-hierarchy/src/hierarchies/Cluster.tsx index 0d9798798..e491b04bd 100644 --- a/packages/vx-hierarchy/src/hierarchies/Cluster.tsx +++ b/packages/visx-hierarchy/src/hierarchies/Cluster.tsx @@ -1,6 +1,6 @@ import React from 'react'; import cx from 'classnames'; -import { Group } from '@vx/group'; +import { Group } from '@visx/group'; import { cluster as d3cluster, HierarchyNode, @@ -70,7 +70,7 @@ export default function Cluster({ if (children) return <>{children(data)}; return ( - + {linkComponent && data.links().map((link, i) => { return ( diff --git a/packages/vx-hierarchy/src/hierarchies/Pack.tsx b/packages/visx-hierarchy/src/hierarchies/Pack.tsx similarity index 95% rename from packages/vx-hierarchy/src/hierarchies/Pack.tsx rename to packages/visx-hierarchy/src/hierarchies/Pack.tsx index 67c865d0b..0d1506b2b 100644 --- a/packages/vx-hierarchy/src/hierarchies/Pack.tsx +++ b/packages/visx-hierarchy/src/hierarchies/Pack.tsx @@ -1,6 +1,6 @@ import React from 'react'; import cx from 'classnames'; -import { Group } from '@vx/group'; +import { Group } from '@visx/group'; import { pack as d3pack, HierarchyNode, HierarchyCircularNode } from 'd3-hierarchy'; import DefaultNode from '../HierarchyDefaultNode'; @@ -58,7 +58,7 @@ export default function Pack({ if (children) return <>{children(data)}; return ( - + {nodeComponent && data.descendants().map((node, i) => { return ( diff --git a/packages/vx-hierarchy/src/hierarchies/Partition.tsx b/packages/visx-hierarchy/src/hierarchies/Partition.tsx similarity index 94% rename from packages/vx-hierarchy/src/hierarchies/Partition.tsx rename to packages/visx-hierarchy/src/hierarchies/Partition.tsx index 875b5467b..e5ce5e994 100644 --- a/packages/vx-hierarchy/src/hierarchies/Partition.tsx +++ b/packages/visx-hierarchy/src/hierarchies/Partition.tsx @@ -1,6 +1,6 @@ import React from 'react'; import cx from 'classnames'; -import { Group } from '@vx/group'; +import { Group } from '@visx/group'; import { partition as d3partition, HierarchyNode, HierarchyRectangularNode } from 'd3-hierarchy'; import DefaultNode from '../HierarchyDefaultRectNode'; @@ -50,7 +50,7 @@ export default function Partition({ if (children) return <>{children(data)}; return ( - + {nodeComponent && data.descendants().map((node, i) => { return ( diff --git a/packages/vx-hierarchy/src/hierarchies/Tree.tsx b/packages/visx-hierarchy/src/hierarchies/Tree.tsx similarity index 96% rename from packages/vx-hierarchy/src/hierarchies/Tree.tsx rename to packages/visx-hierarchy/src/hierarchies/Tree.tsx index e63a1a911..5902072f2 100644 --- a/packages/vx-hierarchy/src/hierarchies/Tree.tsx +++ b/packages/visx-hierarchy/src/hierarchies/Tree.tsx @@ -1,6 +1,6 @@ import React from 'react'; import cx from 'classnames'; -import { Group } from '@vx/group'; +import { Group } from '@visx/group'; import { tree as d3tree, HierarchyNode, @@ -73,7 +73,7 @@ export default function Tree({ if (children) return <>{children(data)}; return ( - + {linkComponent && data.links().map((link, i) => { return ( diff --git a/packages/vx-hierarchy/src/hierarchies/Treemap.tsx b/packages/visx-hierarchy/src/hierarchies/Treemap.tsx similarity index 97% rename from packages/vx-hierarchy/src/hierarchies/Treemap.tsx rename to packages/visx-hierarchy/src/hierarchies/Treemap.tsx index 055bc256f..c01849e29 100644 --- a/packages/vx-hierarchy/src/hierarchies/Treemap.tsx +++ b/packages/visx-hierarchy/src/hierarchies/Treemap.tsx @@ -1,7 +1,7 @@ /* eslint-disable @typescript-eslint/unbound-method */ import React from 'react'; import cx from 'classnames'; -import { Group } from '@vx/group'; +import { Group } from '@visx/group'; import { treemap as d3treemap, HierarchyRectangularNode, HierarchyNode } from 'd3-hierarchy'; import HierarchyDefaultRectNode from '../HierarchyDefaultRectNode'; import setNumberOrNumberAccessor from '../utils/setNumOrNumAccessor'; @@ -86,7 +86,7 @@ export default function Treemap({ if (children) return <>{children(data)}; return ( - + {nodeComponent && data.descendants().map((node, i) => { return ( diff --git a/packages/vx-hierarchy/src/index.ts b/packages/visx-hierarchy/src/index.ts similarity index 100% rename from packages/vx-hierarchy/src/index.ts rename to packages/visx-hierarchy/src/index.ts diff --git a/packages/vx-hierarchy/src/types.ts b/packages/visx-hierarchy/src/types.ts similarity index 100% rename from packages/vx-hierarchy/src/types.ts rename to packages/visx-hierarchy/src/types.ts diff --git a/packages/vx-hierarchy/src/utils/setNumOrNumAccessor.ts b/packages/visx-hierarchy/src/utils/setNumOrNumAccessor.ts similarity index 100% rename from packages/vx-hierarchy/src/utils/setNumOrNumAccessor.ts rename to packages/visx-hierarchy/src/utils/setNumOrNumAccessor.ts diff --git a/packages/vx-hierarchy/test/Cluster.test.tsx b/packages/visx-hierarchy/test/Cluster.test.tsx similarity index 100% rename from packages/vx-hierarchy/test/Cluster.test.tsx rename to packages/visx-hierarchy/test/Cluster.test.tsx diff --git a/packages/vx-hierarchy/test/Defaults.test.tsx b/packages/visx-hierarchy/test/Defaults.test.tsx similarity index 100% rename from packages/vx-hierarchy/test/Defaults.test.tsx rename to packages/visx-hierarchy/test/Defaults.test.tsx diff --git a/packages/vx-hierarchy/test/Tree.test.tsx b/packages/visx-hierarchy/test/Tree.test.tsx similarity index 100% rename from packages/vx-hierarchy/test/Tree.test.tsx rename to packages/visx-hierarchy/test/Tree.test.tsx diff --git a/packages/vx-legend/.npmrc b/packages/visx-legend/.npmrc similarity index 100% rename from packages/vx-legend/.npmrc rename to packages/visx-legend/.npmrc diff --git a/packages/vx-legend/Readme.md b/packages/visx-legend/Readme.md similarity index 65% rename from packages/vx-legend/Readme.md rename to packages/visx-legend/Readme.md index 22ab0ffed..ebb9a50da 100644 --- a/packages/vx-legend/Readme.md +++ b/packages/visx-legend/Readme.md @@ -1,7 +1,7 @@ -# @vx/legend +# @visx/legend - - + + Legends associate shapes and colors to data, and are associated with scales. @@ -9,8 +9,8 @@ Legends associate shapes and colors to data, and are associated with scales. ## Example ```js -import { LegendThreshold } from '@vx/legend'; -import { scaleThreshold } from '@vx/scale'; +import { LegendThreshold } from '@visx/legend'; +import { scaleThreshold } from '@visx/scale'; const threshold = scaleThreshold({ domain: [0.02, 0.04, 0.06, 0.08, 0.1], @@ -36,5 +36,5 @@ function MyChart() { ## Installation ``` -npm install --save @vx/legend +npm install --save @visx/legend ``` diff --git a/packages/vx-legend/package.json b/packages/visx-legend/package.json similarity index 67% rename from packages/vx-legend/package.json rename to packages/visx-legend/package.json index fe10c6fb6..1a7ad8e4b 100644 --- a/packages/vx-legend/package.json +++ b/packages/visx-legend/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/legend", + "name": "@visx/legend", "version": "0.0.199", - "description": "vx legend", + "description": "visx legend", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -24,9 +24,9 @@ "author": "@hshoff", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "peerDependencies": { "react": "^16.3.0-0" }, @@ -36,8 +36,8 @@ "dependencies": { "@types/classnames": "^2.2.9", "@types/react": "*", - "@vx/group": "0.0.199", - "@vx/scale": "0.0.199", + "@visx/group": "0.0.199", + "@visx/scale": "0.0.199", "classnames": "^2.2.5", "prop-types": "^15.5.10" } diff --git a/packages/vx-legend/src/index.ts b/packages/visx-legend/src/index.ts similarity index 100% rename from packages/vx-legend/src/index.ts rename to packages/visx-legend/src/index.ts diff --git a/packages/vx-legend/src/legends/Legend/LegendItem.tsx b/packages/visx-legend/src/legends/Legend/LegendItem.tsx similarity index 94% rename from packages/vx-legend/src/legends/Legend/LegendItem.tsx rename to packages/visx-legend/src/legends/Legend/LegendItem.tsx index 1935fd097..df54c146f 100644 --- a/packages/vx-legend/src/legends/Legend/LegendItem.tsx +++ b/packages/visx-legend/src/legends/Legend/LegendItem.tsx @@ -19,7 +19,7 @@ export default function LegendItem({ }: LegendItemProps & Omit, keyof LegendItemProps>) { return (
({ }: LegendShapeProps) { return (
= { shapeMargin?: string | number; /** Flex-box alignment of legend item labels. */ labelAlign?: string; - /** `@vx/scale` or `d3-scale` object used to generate the legend items. */ + /** `@visx/scale` or `d3-scale` object used to generate the legend items. */ scale: Scale; /** Flex-box flex of legend item labels. */ labelFlex?: string | number; @@ -102,7 +102,7 @@ export default function Legend({ return (
= (args: { scale: Scale; diff --git a/packages/vx-legend/src/util/defaultDomain.ts b/packages/visx-legend/src/util/defaultDomain.ts similarity index 92% rename from packages/vx-legend/src/util/defaultDomain.ts rename to packages/visx-legend/src/util/defaultDomain.ts index bb2ac5be0..a157539a7 100644 --- a/packages/vx-legend/src/util/defaultDomain.ts +++ b/packages/visx-legend/src/util/defaultDomain.ts @@ -1,4 +1,4 @@ -import { D3Scale } from '@vx/scale'; +import { D3Scale } from '@visx/scale'; export default function defaultDomain>({ steps = 5, diff --git a/packages/vx-legend/src/util/identity.ts b/packages/visx-legend/src/util/identity.ts similarity index 100% rename from packages/vx-legend/src/util/identity.ts rename to packages/visx-legend/src/util/identity.ts diff --git a/packages/vx-legend/src/util/labelTransformFactory.ts b/packages/visx-legend/src/util/labelTransformFactory.ts similarity index 88% rename from packages/vx-legend/src/util/labelTransformFactory.ts rename to packages/visx-legend/src/util/labelTransformFactory.ts index 3579344ed..de52ce4b4 100644 --- a/packages/vx-legend/src/util/labelTransformFactory.ts +++ b/packages/visx-legend/src/util/labelTransformFactory.ts @@ -1,5 +1,5 @@ import { LabelFormatter, ItemTransformer } from '../types'; -import { AnyD3Scale, ScaleInput } from '../../../vx-scale/lib'; +import { AnyD3Scale, ScaleInput } from '../../../visx-scale/lib'; /** Returns a function which takes a Datum and index as input, and returns a formatted label object. */ export default function labelTransformFactory({ diff --git a/packages/vx-legend/src/util/renderShape.ts b/packages/visx-legend/src/util/renderShape.ts similarity index 100% rename from packages/vx-legend/src/util/renderShape.ts rename to packages/visx-legend/src/util/renderShape.ts diff --git a/packages/vx-legend/src/util/valueOrIdentity.ts b/packages/visx-legend/src/util/valueOrIdentity.ts similarity index 100% rename from packages/vx-legend/src/util/valueOrIdentity.ts rename to packages/visx-legend/src/util/valueOrIdentity.ts diff --git a/packages/vx-legend/test/Legend.test.tsx b/packages/visx-legend/test/Legend.test.tsx similarity index 97% rename from packages/vx-legend/test/Legend.test.tsx rename to packages/visx-legend/test/Legend.test.tsx index 8b4dd2211..7dab65c20 100644 --- a/packages/vx-legend/test/Legend.test.tsx +++ b/packages/visx-legend/test/Legend.test.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { shallow } from 'enzyme'; -import { scaleLinear } from '@vx/scale'; +import { scaleLinear } from '@visx/scale'; import { Legend, LegendLabel } from '../src'; diff --git a/packages/vx-legend/test/LegendLinear.test.tsx b/packages/visx-legend/test/LegendLinear.test.tsx similarity index 100% rename from packages/vx-legend/test/LegendLinear.test.tsx rename to packages/visx-legend/test/LegendLinear.test.tsx diff --git a/packages/vx-legend/test/LegendOrdinal.test.tsx b/packages/visx-legend/test/LegendOrdinal.test.tsx similarity index 100% rename from packages/vx-legend/test/LegendOrdinal.test.tsx rename to packages/visx-legend/test/LegendOrdinal.test.tsx diff --git a/packages/vx-legend/test/LegendQuantile.test.tsx b/packages/visx-legend/test/LegendQuantile.test.tsx similarity index 100% rename from packages/vx-legend/test/LegendQuantile.test.tsx rename to packages/visx-legend/test/LegendQuantile.test.tsx diff --git a/packages/vx-legend/test/LegendSize.test.tsx b/packages/visx-legend/test/LegendSize.test.tsx similarity index 100% rename from packages/vx-legend/test/LegendSize.test.tsx rename to packages/visx-legend/test/LegendSize.test.tsx diff --git a/packages/vx-legend/test/LegendThreshold.test.tsx b/packages/visx-legend/test/LegendThreshold.test.tsx similarity index 100% rename from packages/vx-legend/test/LegendThreshold.test.tsx rename to packages/visx-legend/test/LegendThreshold.test.tsx diff --git a/packages/vx-legend/test/scales.test.tsx b/packages/visx-legend/test/scales.test.tsx similarity index 98% rename from packages/vx-legend/test/scales.test.tsx rename to packages/visx-legend/test/scales.test.tsx index 539f0230c..645e0d9e3 100644 --- a/packages/vx-legend/test/scales.test.tsx +++ b/packages/visx-legend/test/scales.test.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { shallow } from 'enzyme'; -import { scaleBand, scaleLinear, scaleOrdinal, scaleThreshold, scaleQuantile } from '@vx/scale'; +import { scaleBand, scaleLinear, scaleOrdinal, scaleThreshold, scaleQuantile } from '@visx/scale'; import { Legend, diff --git a/packages/vx-marker/.npmrc b/packages/visx-marker/.npmrc similarity index 100% rename from packages/vx-marker/.npmrc rename to packages/visx-marker/.npmrc diff --git a/packages/visx-marker/Readme.md b/packages/visx-marker/Readme.md new file mode 100644 index 000000000..91ddfbe15 --- /dev/null +++ b/packages/visx-marker/Readme.md @@ -0,0 +1,14 @@ +# @visx/marker + + + + + +Markers are graphical objects attached to a , , , or element. +[MDN ``](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/marker) + +## Installation + +``` +npm install --save @visx/marker +``` diff --git a/packages/vx-marker/package.json b/packages/visx-marker/package.json similarity index 67% rename from packages/vx-marker/package.json rename to packages/visx-marker/package.json index 72f771d98..d22c287ca 100644 --- a/packages/vx-marker/package.json +++ b/packages/visx-marker/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/marker", + "name": "@visx/marker", "version": "0.0.199", - "description": "vx marker", + "description": "visx marker", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -24,14 +24,14 @@ "author": "@hshoff", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "dependencies": { "@types/classnames": "^2.2.9", "@types/react": "*", - "@vx/group": "0.0.199", - "@vx/shape": "0.0.199", + "@visx/group": "0.0.199", + "@visx/shape": "0.0.199", "classnames": "^2.2.5", "prop-types": "^15.6.2" }, diff --git a/packages/vx-marker/src/index.ts b/packages/visx-marker/src/index.ts similarity index 100% rename from packages/vx-marker/src/index.ts rename to packages/visx-marker/src/index.ts diff --git a/packages/vx-marker/src/markers/Arrow.tsx b/packages/visx-marker/src/markers/Arrow.tsx similarity index 100% rename from packages/vx-marker/src/markers/Arrow.tsx rename to packages/visx-marker/src/markers/Arrow.tsx diff --git a/packages/vx-marker/src/markers/Circle.tsx b/packages/visx-marker/src/markers/Circle.tsx similarity index 100% rename from packages/vx-marker/src/markers/Circle.tsx rename to packages/visx-marker/src/markers/Circle.tsx diff --git a/packages/vx-marker/src/markers/Cross.tsx b/packages/visx-marker/src/markers/Cross.tsx similarity index 100% rename from packages/vx-marker/src/markers/Cross.tsx rename to packages/visx-marker/src/markers/Cross.tsx diff --git a/packages/vx-marker/src/markers/Line.tsx b/packages/visx-marker/src/markers/Line.tsx similarity index 100% rename from packages/vx-marker/src/markers/Line.tsx rename to packages/visx-marker/src/markers/Line.tsx diff --git a/packages/vx-marker/src/markers/Marker.tsx b/packages/visx-marker/src/markers/Marker.tsx similarity index 100% rename from packages/vx-marker/src/markers/Marker.tsx rename to packages/visx-marker/src/markers/Marker.tsx diff --git a/packages/vx-marker/src/markers/X.tsx b/packages/visx-marker/src/markers/X.tsx similarity index 100% rename from packages/vx-marker/src/markers/X.tsx rename to packages/visx-marker/src/markers/X.tsx diff --git a/packages/vx-marker/test/Arrow.test.tsx b/packages/visx-marker/test/Arrow.test.tsx similarity index 100% rename from packages/vx-marker/test/Arrow.test.tsx rename to packages/visx-marker/test/Arrow.test.tsx diff --git a/packages/vx-marker/test/Circle.test.tsx b/packages/visx-marker/test/Circle.test.tsx similarity index 100% rename from packages/vx-marker/test/Circle.test.tsx rename to packages/visx-marker/test/Circle.test.tsx diff --git a/packages/vx-marker/test/Cross.test.tsx b/packages/visx-marker/test/Cross.test.tsx similarity index 100% rename from packages/vx-marker/test/Cross.test.tsx rename to packages/visx-marker/test/Cross.test.tsx diff --git a/packages/vx-marker/test/Line.test.tsx b/packages/visx-marker/test/Line.test.tsx similarity index 100% rename from packages/vx-marker/test/Line.test.tsx rename to packages/visx-marker/test/Line.test.tsx diff --git a/packages/vx-marker/test/Marker.test.tsx b/packages/visx-marker/test/Marker.test.tsx similarity index 100% rename from packages/vx-marker/test/Marker.test.tsx rename to packages/visx-marker/test/Marker.test.tsx diff --git a/packages/vx-marker/test/X.test.tsx b/packages/visx-marker/test/X.test.tsx similarity index 100% rename from packages/vx-marker/test/X.test.tsx rename to packages/visx-marker/test/X.test.tsx diff --git a/packages/vx-mock-data/.npmrc b/packages/visx-mock-data/.npmrc similarity index 100% rename from packages/vx-mock-data/.npmrc rename to packages/visx-mock-data/.npmrc diff --git a/packages/vx-mock-data/Readme.md b/packages/visx-mock-data/Readme.md similarity index 70% rename from packages/vx-mock-data/Readme.md rename to packages/visx-mock-data/Readme.md index 1b9a6ec9f..e93c4703f 100644 --- a/packages/vx-mock-data/Readme.md +++ b/packages/visx-mock-data/Readme.md @@ -1,15 +1,15 @@ -# @vx/mock-data +# @visx/mock-data - - + + -The `@vx/mock-data` package is here to help you test out your graphs. +The `@visx/mock-data` package is here to help you test out your graphs. ## Installation ``` -npm install --save @vx/mock-data +npm install --save @visx/mock-data ``` ## Generators @@ -17,7 +17,7 @@ npm install --save @vx/mock-data Generators can create simple generic data for you like this: ```js -import Mock from '@vx/mock-data'; +import Mock from '@visx/mock-data'; const points = Mock.genRandomNormalPoints(); ``` @@ -34,8 +34,8 @@ Generates `n` date values an hour apart from each other starting with the curren Mock are essentially a bunch of data dumps that you can use like this: ```js -import Mock from '@vx/mock-data'; -// or import { cityTemperature } from '@vx/mock-data'; +import Mock from '@visx/mock-data'; +// or import { cityTemperature } from '@visx/mock-data'; const data = Mock.cityTemperature; ``` @@ -212,13 +212,13 @@ const shakespeare: Shakespeare[] = [ ### `generators/` -- [genDateValue()](https://github.com/hshoff/vx/blob/master/packages/vx-mock-data/src/generators/genDateValue.ts) -- [genRandomNormalPoints()](https://github.com/hshoff/vx/blob/master/packages/vx-mock-data/src/generators/genRandomNormalPoints.ts) +- [genDateValue()](https://github.com/airbnb/visx/blob/master/packages/visx-mock-data/src/generators/genDateValue.ts) +- [genRandomNormalPoints()](https://github.com/airbnb/visx/blob/master/packages/visx-mock-data/src/generators/genRandomNormalPoints.ts) ### `mocks/` -- [appleStock](https://github.com/hshoff/vx/blob/master/packages/vx-mock-data/src/mocks/appleStock.ts) -- [browserUsage](https://github.com/hshoff/vx/blob/master/packages/vx-mock-data/src/mocks/browserUsage.ts) -- [cityTemperature](https://github.com/hshoff/vx/blob/master/packages/vx-mock-data/src/mocks/cityTemperature.ts) -- [groupDateValue](https://github.com/hshoff/vx/blob/master/packages/vx-mock-data/src/mocks/groupDateValue.ts) -- [letterFrequency](https://github.com/hshoff/vx/blob/master/packages/vx-mock-data/src/mocks/letterFrequency.ts) +- [appleStock](https://github.com/airbnb/visx/blob/master/packages/visx-mock-data/src/mocks/appleStock.ts) +- [browserUsage](https://github.com/airbnb/visx/blob/master/packages/visx-mock-data/src/mocks/browserUsage.ts) +- [cityTemperature](https://github.com/airbnb/visx/blob/master/packages/visx-mock-data/src/mocks/cityTemperature.ts) +- [groupDateValue](https://github.com/airbnb/visx/blob/master/packages/visx-mock-data/src/mocks/groupDateValue.ts) +- [letterFrequency](https://github.com/airbnb/visx/blob/master/packages/visx-mock-data/src/mocks/letterFrequency.ts) diff --git a/packages/vx-mock-data/package.json b/packages/visx-mock-data/package.json similarity index 67% rename from packages/vx-mock-data/package.json rename to packages/visx-mock-data/package.json index db48481b6..8353d601a 100644 --- a/packages/vx-mock-data/package.json +++ b/packages/visx-mock-data/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/mock-data", + "name": "@visx/mock-data", "version": "0.0.199", - "description": "vx mock data", + "description": "visx mock data", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -24,9 +24,9 @@ "author": "@hshoff", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "publishConfig": { "access": "public" }, diff --git a/packages/vx-mock-data/src/generators/genBin.ts b/packages/visx-mock-data/src/generators/genBin.ts similarity index 100% rename from packages/vx-mock-data/src/generators/genBin.ts rename to packages/visx-mock-data/src/generators/genBin.ts diff --git a/packages/vx-mock-data/src/generators/genBins.ts b/packages/visx-mock-data/src/generators/genBins.ts similarity index 100% rename from packages/vx-mock-data/src/generators/genBins.ts rename to packages/visx-mock-data/src/generators/genBins.ts diff --git a/packages/vx-mock-data/src/generators/genDateValue.ts b/packages/visx-mock-data/src/generators/genDateValue.ts similarity index 100% rename from packages/vx-mock-data/src/generators/genDateValue.ts rename to packages/visx-mock-data/src/generators/genDateValue.ts diff --git a/packages/vx-mock-data/src/generators/genPhyllotaxis.ts b/packages/visx-mock-data/src/generators/genPhyllotaxis.ts similarity index 100% rename from packages/vx-mock-data/src/generators/genPhyllotaxis.ts rename to packages/visx-mock-data/src/generators/genPhyllotaxis.ts diff --git a/packages/vx-mock-data/src/generators/genRandomNormalPoints.ts b/packages/visx-mock-data/src/generators/genRandomNormalPoints.ts similarity index 100% rename from packages/vx-mock-data/src/generators/genRandomNormalPoints.ts rename to packages/visx-mock-data/src/generators/genRandomNormalPoints.ts diff --git a/packages/vx-mock-data/src/generators/genStats.ts b/packages/visx-mock-data/src/generators/genStats.ts similarity index 100% rename from packages/vx-mock-data/src/generators/genStats.ts rename to packages/visx-mock-data/src/generators/genStats.ts diff --git a/packages/vx-mock-data/src/index.ts b/packages/visx-mock-data/src/index.ts similarity index 100% rename from packages/vx-mock-data/src/index.ts rename to packages/visx-mock-data/src/index.ts diff --git a/packages/vx-mock-data/src/mocks/appleStock.ts b/packages/visx-mock-data/src/mocks/appleStock.ts similarity index 100% rename from packages/vx-mock-data/src/mocks/appleStock.ts rename to packages/visx-mock-data/src/mocks/appleStock.ts diff --git a/packages/vx-mock-data/src/mocks/bitcoinPrice.ts b/packages/visx-mock-data/src/mocks/bitcoinPrice.ts similarity index 100% rename from packages/vx-mock-data/src/mocks/bitcoinPrice.ts rename to packages/visx-mock-data/src/mocks/bitcoinPrice.ts diff --git a/packages/vx-mock-data/src/mocks/browserUsage.ts b/packages/visx-mock-data/src/mocks/browserUsage.ts similarity index 100% rename from packages/vx-mock-data/src/mocks/browserUsage.ts rename to packages/visx-mock-data/src/mocks/browserUsage.ts diff --git a/packages/vx-mock-data/src/mocks/cityTemperature.ts b/packages/visx-mock-data/src/mocks/cityTemperature.ts similarity index 100% rename from packages/vx-mock-data/src/mocks/cityTemperature.ts rename to packages/visx-mock-data/src/mocks/cityTemperature.ts diff --git a/packages/vx-mock-data/src/mocks/exoplanets.ts b/packages/visx-mock-data/src/mocks/exoplanets.ts similarity index 100% rename from packages/vx-mock-data/src/mocks/exoplanets.ts rename to packages/visx-mock-data/src/mocks/exoplanets.ts diff --git a/packages/vx-mock-data/src/mocks/groupDateValue.ts b/packages/visx-mock-data/src/mocks/groupDateValue.ts similarity index 100% rename from packages/vx-mock-data/src/mocks/groupDateValue.ts rename to packages/visx-mock-data/src/mocks/groupDateValue.ts diff --git a/packages/vx-mock-data/src/mocks/lesMiserables.ts b/packages/visx-mock-data/src/mocks/lesMiserables.ts similarity index 100% rename from packages/vx-mock-data/src/mocks/lesMiserables.ts rename to packages/visx-mock-data/src/mocks/lesMiserables.ts diff --git a/packages/vx-mock-data/src/mocks/letterFrequency.ts b/packages/visx-mock-data/src/mocks/letterFrequency.ts similarity index 100% rename from packages/vx-mock-data/src/mocks/letterFrequency.ts rename to packages/visx-mock-data/src/mocks/letterFrequency.ts diff --git a/packages/vx-mock-data/src/mocks/planets.ts b/packages/visx-mock-data/src/mocks/planets.ts similarity index 100% rename from packages/vx-mock-data/src/mocks/planets.ts rename to packages/visx-mock-data/src/mocks/planets.ts diff --git a/packages/vx-mock-data/src/mocks/shakespeare.ts b/packages/visx-mock-data/src/mocks/shakespeare.ts similarity index 100% rename from packages/vx-mock-data/src/mocks/shakespeare.ts rename to packages/visx-mock-data/src/mocks/shakespeare.ts diff --git a/packages/vx-mock-data/test/appleStock.test.ts b/packages/visx-mock-data/test/appleStock.test.ts similarity index 100% rename from packages/vx-mock-data/test/appleStock.test.ts rename to packages/visx-mock-data/test/appleStock.test.ts diff --git a/packages/vx-mock-data/test/browserUsage.test.ts b/packages/visx-mock-data/test/browserUsage.test.ts similarity index 100% rename from packages/vx-mock-data/test/browserUsage.test.ts rename to packages/visx-mock-data/test/browserUsage.test.ts diff --git a/packages/vx-mock-data/test/cityTemperature.test.ts b/packages/visx-mock-data/test/cityTemperature.test.ts similarity index 100% rename from packages/vx-mock-data/test/cityTemperature.test.ts rename to packages/visx-mock-data/test/cityTemperature.test.ts diff --git a/packages/vx-mock-data/test/genBin.test.ts b/packages/visx-mock-data/test/genBin.test.ts similarity index 100% rename from packages/vx-mock-data/test/genBin.test.ts rename to packages/visx-mock-data/test/genBin.test.ts diff --git a/packages/vx-mock-data/test/genBins.test.ts b/packages/visx-mock-data/test/genBins.test.ts similarity index 100% rename from packages/vx-mock-data/test/genBins.test.ts rename to packages/visx-mock-data/test/genBins.test.ts diff --git a/packages/vx-mock-data/test/genDateValue.test.ts b/packages/visx-mock-data/test/genDateValue.test.ts similarity index 100% rename from packages/vx-mock-data/test/genDateValue.test.ts rename to packages/visx-mock-data/test/genDateValue.test.ts diff --git a/packages/vx-mock-data/test/genPhyllotaxis.test.ts b/packages/visx-mock-data/test/genPhyllotaxis.test.ts similarity index 100% rename from packages/vx-mock-data/test/genPhyllotaxis.test.ts rename to packages/visx-mock-data/test/genPhyllotaxis.test.ts diff --git a/packages/vx-mock-data/test/genRandomNormalPoints.test.ts b/packages/visx-mock-data/test/genRandomNormalPoints.test.ts similarity index 100% rename from packages/vx-mock-data/test/genRandomNormalPoints.test.ts rename to packages/visx-mock-data/test/genRandomNormalPoints.test.ts diff --git a/packages/vx-mock-data/test/genStats.test.ts b/packages/visx-mock-data/test/genStats.test.ts similarity index 100% rename from packages/vx-mock-data/test/genStats.test.ts rename to packages/visx-mock-data/test/genStats.test.ts diff --git a/packages/vx-mock-data/test/groupDateValue.test.ts b/packages/visx-mock-data/test/groupDateValue.test.ts similarity index 100% rename from packages/vx-mock-data/test/groupDateValue.test.ts rename to packages/visx-mock-data/test/groupDateValue.test.ts diff --git a/packages/vx-mock-data/test/letterFrequency.test.ts b/packages/visx-mock-data/test/letterFrequency.test.ts similarity index 100% rename from packages/vx-mock-data/test/letterFrequency.test.ts rename to packages/visx-mock-data/test/letterFrequency.test.ts diff --git a/packages/vx-network/.npmrc b/packages/visx-network/.npmrc similarity index 100% rename from packages/vx-network/.npmrc rename to packages/visx-network/.npmrc diff --git a/packages/vx-network/Readme.md b/packages/visx-network/Readme.md similarity index 65% rename from packages/vx-network/Readme.md rename to packages/visx-network/Readme.md index fd9441bb7..ba5b28dab 100644 --- a/packages/vx-network/Readme.md +++ b/packages/visx-network/Readme.md @@ -1,7 +1,7 @@ -# @vx/network +# @visx/network - - + + A simple package to visualize a network or graph layout. Does not currently handle network layout. @@ -9,7 +9,7 @@ A simple package to visualize a network or graph layout. Does not currently hand ## Example Usage ```js -import { Graph, DefaultLink, DefaultNode } from '@vx/network'; +import { Graph, DefaultLink, DefaultNode } from '@visx/network'; const nodes = [ { x: 50, y: 20 }, { x: 200, y: 300 }, @@ -33,5 +33,5 @@ const MyGraph = () => ( ## Installation ``` -npm install --save @vx/network +npm install --save @visx/network ``` diff --git a/packages/vx-network/package.json b/packages/visx-network/package.json similarity index 77% rename from packages/vx-network/package.json rename to packages/visx-network/package.json index 858793daa..fbbf181ae 100644 --- a/packages/vx-network/package.json +++ b/packages/visx-network/package.json @@ -1,9 +1,9 @@ { - "name": "@vx/network", + "name": "@visx/network", "version": "0.0.199", - "description": "vx network", + "description": "visx network", "sideEffects": false, - "repository": "https://github.com/hshoff/vx", + "repository": "https://github.com/airbnb/visx", "main": "lib/index.js", "module": "esm/index.js", "types": "lib/index.d.ts", @@ -12,7 +12,7 @@ "esm" ], "keywords": [ - "vx", + "visx", "data", "visualizations", "charts" @@ -22,7 +22,7 @@ "dependencies": { "@types/classnames": "^2.2.9", "@types/react": "*", - "@vx/group": "0.0.199", + "@visx/group": "0.0.199", "classnames": "^2.2.5", "prop-types": "^15.6.2" }, diff --git a/packages/vx-network/src/DefaultLink.tsx b/packages/visx-network/src/DefaultLink.tsx similarity index 100% rename from packages/vx-network/src/DefaultLink.tsx rename to packages/visx-network/src/DefaultLink.tsx diff --git a/packages/vx-network/src/DefaultNode.tsx b/packages/visx-network/src/DefaultNode.tsx similarity index 100% rename from packages/vx-network/src/DefaultNode.tsx rename to packages/visx-network/src/DefaultNode.tsx diff --git a/packages/vx-network/src/Graph.tsx b/packages/visx-network/src/Graph.tsx similarity index 97% rename from packages/vx-network/src/Graph.tsx rename to packages/visx-network/src/Graph.tsx index 38946e443..69b1ce2ad 100644 --- a/packages/vx-network/src/Graph.tsx +++ b/packages/visx-network/src/Graph.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Group } from '@vx/group'; +import { Group } from '@visx/group'; import Links from './Links'; import Nodes from './Nodes'; import DefaultNode from './DefaultNode'; diff --git a/packages/vx-network/src/Links.tsx b/packages/visx-network/src/Links.tsx similarity index 84% rename from packages/vx-network/src/Links.tsx rename to packages/visx-network/src/Links.tsx index 3d19c7298..c78bc970e 100644 --- a/packages/vx-network/src/Links.tsx +++ b/packages/visx-network/src/Links.tsx @@ -1,6 +1,6 @@ import React from 'react'; import cx from 'classnames'; -import { Group } from '@vx/group'; +import { Group } from '@visx/group'; import { LinkProvidedProps } from './types'; export type LinkProps = { @@ -19,7 +19,7 @@ export default function Links({ links = [], linkComponent, className }: Li return ( <> {links.map((link, i) => ( - + {React.createElement(linkComponent, { link })} ))} diff --git a/packages/vx-network/src/Nodes.tsx b/packages/visx-network/src/Nodes.tsx similarity index 92% rename from packages/vx-network/src/Nodes.tsx rename to packages/visx-network/src/Nodes.tsx index fd2fc61ce..f1017bca9 100644 --- a/packages/vx-network/src/Nodes.tsx +++ b/packages/visx-network/src/Nodes.tsx @@ -1,6 +1,6 @@ import React from 'react'; import cx from 'classnames'; -import { Group } from '@vx/group'; +import { Group } from '@visx/group'; import DefaultNode from './DefaultNode'; import { NodeProvidedProps } from './types'; @@ -33,7 +33,7 @@ export default function Nodes({ {nodes.map((node, i) => ( diff --git a/packages/vx-network/src/index.ts b/packages/visx-network/src/index.ts similarity index 100% rename from packages/vx-network/src/index.ts rename to packages/visx-network/src/index.ts diff --git a/packages/vx-network/src/types.ts b/packages/visx-network/src/types.ts similarity index 100% rename from packages/vx-network/src/types.ts rename to packages/visx-network/src/types.ts diff --git a/packages/vx-network/test/Graph.test.tsx b/packages/visx-network/test/Graph.test.tsx similarity index 100% rename from packages/vx-network/test/Graph.test.tsx rename to packages/visx-network/test/Graph.test.tsx diff --git a/packages/vx-pattern/.npmrc b/packages/visx-pattern/.npmrc similarity index 100% rename from packages/vx-pattern/.npmrc rename to packages/visx-pattern/.npmrc diff --git a/packages/vx-pattern/Readme.md b/packages/visx-pattern/Readme.md similarity index 83% rename from packages/vx-pattern/Readme.md rename to packages/visx-pattern/Readme.md index 4d73e24ef..f228fab9c 100644 --- a/packages/vx-pattern/Readme.md +++ b/packages/visx-pattern/Readme.md @@ -1,7 +1,7 @@ -# @vx/pattern +# @visx/pattern - - + + Inspired by: http://riccardoscalco.github.io/textures/ @@ -9,8 +9,8 @@ Inspired by: http://riccardoscalco.github.io/textures/ ## Example ```js -import { AreaClosed } from '@vx/shape'; -import { PatternLines } from '@vx/pattern'; +import { AreaClosed } from '@visx/shape'; +import { PatternLines } from '@visx/pattern'; const PatternArea = () => { return ( @@ -82,5 +82,5 @@ use `fill="url('#pattern')"` you're referencing the pattern's id: `pattern`. ## Installation ``` -npm install --save @vx/pattern +npm install --save @visx/pattern ``` diff --git a/packages/vx-pattern/package.json b/packages/visx-pattern/package.json similarity index 72% rename from packages/vx-pattern/package.json rename to packages/visx-pattern/package.json index 97d3844c8..1f0e4fc67 100644 --- a/packages/vx-pattern/package.json +++ b/packages/visx-pattern/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/pattern", + "name": "@visx/pattern", "version": "0.0.199", - "description": "vx pattern", + "description": "visx pattern", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualization", @@ -24,9 +24,9 @@ "author": "@hshoff", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "dependencies": { "@types/classnames": "^2.2.9", "@types/react": "*", diff --git a/packages/vx-pattern/src/constants/index.ts b/packages/visx-pattern/src/constants/index.ts similarity index 100% rename from packages/vx-pattern/src/constants/index.ts rename to packages/visx-pattern/src/constants/index.ts diff --git a/packages/vx-pattern/src/index.ts b/packages/visx-pattern/src/index.ts similarity index 100% rename from packages/vx-pattern/src/index.ts rename to packages/visx-pattern/src/index.ts diff --git a/packages/vx-pattern/src/patterns/Circles.tsx b/packages/visx-pattern/src/patterns/Circles.tsx similarity index 93% rename from packages/vx-pattern/src/patterns/Circles.tsx rename to packages/visx-pattern/src/patterns/Circles.tsx index 0d4a25d0d..ceded6f07 100644 --- a/packages/vx-pattern/src/patterns/Circles.tsx +++ b/packages/visx-pattern/src/patterns/Circles.tsx @@ -53,7 +53,7 @@ export default function Circles({ {!!background && } ( {!!background && ( { return ( {!!background && } - + + ``` -npm install --save @vx/point +npm install --save @visx/point ``` A simple class to represent an `x, y` coordinate. @@ -13,7 +13,7 @@ A simple class to represent an `x, y` coordinate. ## Example Usage ```js -import { Point } from '@vx/point'; +import { Point } from '@visx/point'; const point = new Point({ x: 2, y: 3 }); const { x, y } = point.value(); // Get the coords as an object diff --git a/packages/vx-point/package.json b/packages/visx-point/package.json similarity index 73% rename from packages/vx-point/package.json rename to packages/visx-point/package.json index ea9416b0b..b6ede1240 100644 --- a/packages/vx-point/package.json +++ b/packages/visx-point/package.json @@ -1,18 +1,18 @@ { - "name": "@vx/point", + "name": "@visx/point", "version": "0.0.199", - "description": "vx point", + "description": "visx point", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", "types": "lib/index.d.ts", - "repository": "https://github.com/hshoff/vx", + "repository": "https://github.com/airbnb/visx", "files": [ "lib", "esm" ], "keywords": [ - "vx", + "visx", "data", "visualizations", "charts" diff --git a/packages/vx-point/src/Point.ts b/packages/visx-point/src/Point.ts similarity index 100% rename from packages/vx-point/src/Point.ts rename to packages/visx-point/src/Point.ts diff --git a/packages/vx-point/src/index.ts b/packages/visx-point/src/index.ts similarity index 100% rename from packages/vx-point/src/index.ts rename to packages/visx-point/src/index.ts diff --git a/packages/vx-point/test/point.test.ts b/packages/visx-point/test/point.test.ts similarity index 100% rename from packages/vx-point/test/point.test.ts rename to packages/visx-point/test/point.test.ts diff --git a/packages/visx-react-spring/README.md b/packages/visx-react-spring/README.md new file mode 100644 index 000000000..7953d5cb2 --- /dev/null +++ b/packages/visx-react-spring/README.md @@ -0,0 +1,21 @@ +# @visx/react-spring + + + + + +Although `visx` is largely unopinioned on animation, there is value in abstracting the complexity + +boilerplate of building **animated** `visx` visualization components. This package requires +`react-spring` as a `peerDependency` (to be compatible with any usage within your app) and exports +all `visx` components that depend on `react-spring`. + +[`react-spring`](https://www.react-spring.io/) provides performant primitives for animating react +components and is our recommended library for making animated charts. In order to minimize +`react-spring` as a dependency across other `visx` packages, we've consolidated components which +depend on it here. + +## Installation + +``` +npm install --save react-spring @visx/react-spring +``` diff --git a/packages/vx-react-spring/package.json b/packages/visx-react-spring/package.json similarity index 65% rename from packages/vx-react-spring/package.json rename to packages/visx-react-spring/package.json index fbfed17ad..45ca6a58f 100644 --- a/packages/vx-react-spring/package.json +++ b/packages/visx-react-spring/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/react-spring", + "name": "@visx/react-spring", "version": "0.0.199", - "description": "Vx primitives that rely on react-spring for animation", + "description": "visx primitives that rely on react-spring for animation", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -31,9 +31,9 @@ ], "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "publishConfig": { "access": "public" }, @@ -44,10 +44,10 @@ "dependencies": { "@types/classnames": "^2.2.9", "@types/react": "*", - "@vx/axis": "0.0.199", - "@vx/grid": "0.0.199", - "@vx/scale": "0.0.199", - "@vx/text": "0.0.199", + "@visx/axis": "0.0.199", + "@visx/grid": "0.0.199", + "@visx/scale": "0.0.199", + "@visx/text": "0.0.199", "classnames": "^2.2.5", "prop-types": "^15.6.2" } diff --git a/packages/vx-react-spring/src/axis/AnimatedAxis.tsx b/packages/visx-react-spring/src/axis/AnimatedAxis.tsx similarity index 85% rename from packages/vx-react-spring/src/axis/AnimatedAxis.tsx rename to packages/visx-react-spring/src/axis/AnimatedAxis.tsx index 4380bd3e7..88bd47644 100644 --- a/packages/vx-react-spring/src/axis/AnimatedAxis.tsx +++ b/packages/visx-react-spring/src/axis/AnimatedAxis.tsx @@ -1,6 +1,6 @@ import React, { useMemo } from 'react'; -import Axis, { AxisProps } from '@vx/axis/lib/axis/Axis'; -import { AxisScale, TicksRendererProps } from '@vx/axis/lib/types'; +import Axis, { AxisProps } from '@visx/axis/lib/axis/Axis'; +import { AxisScale, TicksRendererProps } from '@visx/axis/lib/types'; import AnimatedTicks from './AnimatedTicks'; import { AnimationTrajectory } from '../types'; diff --git a/packages/vx-react-spring/src/axis/AnimatedTicks.tsx b/packages/visx-react-spring/src/axis/AnimatedTicks.tsx similarity index 91% rename from packages/vx-react-spring/src/axis/AnimatedTicks.tsx rename to packages/visx-react-spring/src/axis/AnimatedTicks.tsx index 55496a48d..9105d6f01 100644 --- a/packages/vx-react-spring/src/axis/AnimatedTicks.tsx +++ b/packages/visx-react-spring/src/axis/AnimatedTicks.tsx @@ -1,9 +1,9 @@ import React from 'react'; import { animated, useTransition, interpolate } from 'react-spring'; import cx from 'classnames'; -import Orientation from '@vx/axis/lib/constants/orientation'; -import { TicksRendererProps, AxisScale } from '@vx/axis/lib/types'; -import { Text } from '@vx/text'; +import Orientation from '@visx/axis/lib/constants/orientation'; +import { TicksRendererProps, AxisScale } from '@visx/axis/lib/types'; +import { Text } from '@visx/text'; import useLineTransitionConfig from '../spring-configs/useLineTransitionConfig'; import { AnimationTrajectory } from '../types'; @@ -42,7 +42,7 @@ export default function AnimatedTicks({ return ( {!hideTicks && ( diff --git a/packages/vx-react-spring/src/grid/AnimatedGridColumns.tsx b/packages/visx-react-spring/src/grid/AnimatedGridColumns.tsx similarity index 87% rename from packages/vx-react-spring/src/grid/AnimatedGridColumns.tsx rename to packages/visx-react-spring/src/grid/AnimatedGridColumns.tsx index 98cb256a2..66124aeb7 100644 --- a/packages/vx-react-spring/src/grid/AnimatedGridColumns.tsx +++ b/packages/visx-react-spring/src/grid/AnimatedGridColumns.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import GridColumns, { GridColumnsProps } from '@vx/grid/lib/grids/GridColumns'; -import { GridScale } from '@vx/grid/lib/types'; +import GridColumns, { GridColumnsProps } from '@visx/grid/lib/grids/GridColumns'; +import { GridScale } from '@visx/grid/lib/types'; import AnimatedGridLines from './AnimatedGridLines'; import { AnimationTrajectory } from '../types'; diff --git a/packages/vx-react-spring/src/grid/AnimatedGridLines.tsx b/packages/visx-react-spring/src/grid/AnimatedGridLines.tsx similarity index 94% rename from packages/vx-react-spring/src/grid/AnimatedGridLines.tsx rename to packages/visx-react-spring/src/grid/AnimatedGridLines.tsx index c15183c24..c797ce1bf 100644 --- a/packages/vx-react-spring/src/grid/AnimatedGridLines.tsx +++ b/packages/visx-react-spring/src/grid/AnimatedGridLines.tsx @@ -1,6 +1,6 @@ import React, { SVGProps } from 'react'; import { animated, useTransition } from 'react-spring'; -import { GridScale, GridLines, CommonGridProps } from '@vx/grid/lib/types'; +import { GridScale, GridLines, CommonGridProps } from '@visx/grid/lib/types'; import useLineTransitionConfig, { TransitionConfig, } from '../spring-configs/useLineTransitionConfig'; diff --git a/packages/vx-react-spring/src/grid/AnimatedGridRows.tsx b/packages/visx-react-spring/src/grid/AnimatedGridRows.tsx similarity index 87% rename from packages/vx-react-spring/src/grid/AnimatedGridRows.tsx rename to packages/visx-react-spring/src/grid/AnimatedGridRows.tsx index 5737faf69..d17c974e6 100644 --- a/packages/vx-react-spring/src/grid/AnimatedGridRows.tsx +++ b/packages/visx-react-spring/src/grid/AnimatedGridRows.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import GridRows, { GridRowsProps } from '@vx/grid/lib/grids/GridRows'; -import { GridScale } from '@vx/grid/lib/types'; +import GridRows, { GridRowsProps } from '@visx/grid/lib/grids/GridRows'; +import { GridScale } from '@visx/grid/lib/types'; import AnimatedGridLines from './AnimatedGridLines'; import { AnimationTrajectory } from '../types'; diff --git a/packages/vx-react-spring/src/index.ts b/packages/visx-react-spring/src/index.ts similarity index 100% rename from packages/vx-react-spring/src/index.ts rename to packages/visx-react-spring/src/index.ts diff --git a/packages/vx-react-spring/src/spring-configs/useLineTransitionConfig.ts b/packages/visx-react-spring/src/spring-configs/useLineTransitionConfig.ts similarity index 95% rename from packages/vx-react-spring/src/spring-configs/useLineTransitionConfig.ts rename to packages/visx-react-spring/src/spring-configs/useLineTransitionConfig.ts index 25738edf2..b01fee4c0 100644 --- a/packages/vx-react-spring/src/spring-configs/useLineTransitionConfig.ts +++ b/packages/visx-react-spring/src/spring-configs/useLineTransitionConfig.ts @@ -1,7 +1,7 @@ import { useMemo } from 'react'; -import { coerceNumber } from '@vx/scale'; -import { AxisScale } from '@vx/axis/lib/types'; -import { GridScale } from '@vx/grid/lib/types'; +import { coerceNumber } from '@visx/scale'; +import { AxisScale } from '@visx/axis/lib/types'; +import { GridScale } from '@visx/grid/lib/types'; import { AnimationTrajectory } from '../types'; interface Point { diff --git a/packages/vx-react-spring/src/types.ts b/packages/visx-react-spring/src/types.ts similarity index 100% rename from packages/vx-react-spring/src/types.ts rename to packages/visx-react-spring/src/types.ts diff --git a/packages/vx-react-spring/test/AnimatedAxis.test.tsx b/packages/visx-react-spring/test/AnimatedAxis.test.tsx similarity index 89% rename from packages/vx-react-spring/test/AnimatedAxis.test.tsx rename to packages/visx-react-spring/test/AnimatedAxis.test.tsx index 67260bfd6..c3a7b2450 100644 --- a/packages/vx-react-spring/test/AnimatedAxis.test.tsx +++ b/packages/visx-react-spring/test/AnimatedAxis.test.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { shallow } from 'enzyme'; -import { scaleLinear } from '@vx/scale'; +import { scaleLinear } from '@visx/scale'; import { AnimatedAxis } from '../src'; describe('AnimatedAxis', () => { diff --git a/packages/vx-react-spring/test/AnimatedGridColumns.test.tsx b/packages/visx-react-spring/test/AnimatedGridColumns.test.tsx similarity index 91% rename from packages/vx-react-spring/test/AnimatedGridColumns.test.tsx rename to packages/visx-react-spring/test/AnimatedGridColumns.test.tsx index d5df311cf..deb10f1e1 100644 --- a/packages/vx-react-spring/test/AnimatedGridColumns.test.tsx +++ b/packages/visx-react-spring/test/AnimatedGridColumns.test.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { shallow } from 'enzyme'; -import { scaleLinear } from '@vx/scale'; +import { scaleLinear } from '@visx/scale'; import { AnimatedGridColumns } from '../src'; describe('AnimatedGridColumns', () => { diff --git a/packages/vx-react-spring/test/AnimatedGridRows.test.tsx b/packages/visx-react-spring/test/AnimatedGridRows.test.tsx similarity index 90% rename from packages/vx-react-spring/test/AnimatedGridRows.test.tsx rename to packages/visx-react-spring/test/AnimatedGridRows.test.tsx index 7d1d1906c..507ef10dd 100644 --- a/packages/vx-react-spring/test/AnimatedGridRows.test.tsx +++ b/packages/visx-react-spring/test/AnimatedGridRows.test.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { shallow } from 'enzyme'; -import { scaleLinear } from '@vx/scale'; +import { scaleLinear } from '@visx/scale'; import { AnimatedGridRows } from '../src'; describe('AnimatedGridRows', () => { diff --git a/packages/vx-react-spring/test/AnimatedTicks.test.tsx b/packages/visx-react-spring/test/AnimatedTicks.test.tsx similarity index 93% rename from packages/vx-react-spring/test/AnimatedTicks.test.tsx rename to packages/visx-react-spring/test/AnimatedTicks.test.tsx index ffa900df7..cc2d17b7d 100644 --- a/packages/vx-react-spring/test/AnimatedTicks.test.tsx +++ b/packages/visx-react-spring/test/AnimatedTicks.test.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { shallow } from 'enzyme'; -import { scaleLinear } from '@vx/scale'; +import { scaleLinear } from '@visx/scale'; import { AnimatedTicks } from '../src'; describe('AnimatedTicks', () => { diff --git a/packages/vx-react-spring/test/useLineTransitionConfig.test.tsx b/packages/visx-react-spring/test/useLineTransitionConfig.test.tsx similarity index 98% rename from packages/vx-react-spring/test/useLineTransitionConfig.test.tsx rename to packages/visx-react-spring/test/useLineTransitionConfig.test.tsx index 245efb5d3..eca32ca09 100644 --- a/packages/vx-react-spring/test/useLineTransitionConfig.test.tsx +++ b/packages/visx-react-spring/test/useLineTransitionConfig.test.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { scaleLinear } from '@vx/scale'; +import { scaleLinear } from '@visx/scale'; import { shallow } from 'enzyme'; import useLineTransitionConfig from '../src/spring-configs/useLineTransitionConfig'; diff --git a/packages/vx-responsive/.npmrc b/packages/visx-responsive/.npmrc similarity index 100% rename from packages/vx-responsive/.npmrc rename to packages/visx-responsive/.npmrc diff --git a/packages/vx-responsive/Readme.md b/packages/visx-responsive/Readme.md similarity index 64% rename from packages/vx-responsive/Readme.md rename to packages/visx-responsive/Readme.md index 2bb68c790..500188a47 100644 --- a/packages/vx-responsive/Readme.md +++ b/packages/visx-responsive/Readme.md @@ -1,10 +1,10 @@ -# @vx/responsive +# @visx/responsive - - + + -The `@vx/responsive` package is here to help you make responsive graphs. +The `@visx/responsive` package is here to help you make responsive graphs. **With Enhancers** @@ -27,12 +27,12 @@ containing the respective screen dimensions. ### Example: ```js -import { withScreenSize } from '@vx/responsive'; +import { withScreenSize } from '@visx/responsive'; // or -// import * as Responsive from '@vx/responsive'; +// import * as Responsive from '@visx/responsive'; // Responsive.withScreenSize(...); -let chartToRender = withScreenSize(MySuperCoolVxChart); +let chartToRender = withScreenSize(MySuperCoolVisxChart); // ... Render the chartToRender somewhere ``` @@ -46,12 +46,12 @@ wrapped component containing the respective parent's dimensions. ### Example: ```js -import { withParentSize } from '@vx/responsive'; +import { withParentSize } from '@visx/responsive'; // or -// import * as Responsive from '@vx/responsive'; +// import * as Responsive from '@visx/responsive'; // Responsive.withParentSize(...); -let chartToRender = withParentSize(MySuperCoolVxChart); +let chartToRender = withParentSize(MySuperCoolVisxChart); // ... Render the chartToRender somewhere ``` @@ -63,22 +63,22 @@ You might do the same thing using the `ParentSize` component. ### Example: ```js -import { ParentSize } from '@vx/responsive'; +import { ParentSize } from '@visx/responsive'; // or -// import * as Responsive from '@vx/responsive'; +// import * as Responsive from '@visx/responsive'; // ; let chartToRender = ( {parent => ( - )} @@ -95,9 +95,9 @@ You can also create a responsive chart with a specific viewBox with the `ScaleSV ### Example: ```js -import { ScaleSVG } from '@vx/responsive'; +import { ScaleSVG } from '@visx/responsive'; // or -// import * as Responsive from '@vx/responsive'; +// import * as Responsive from '@visx/responsive'; // let chartToRender = ( @@ -112,5 +112,5 @@ let chartToRender = ( ## Installation ``` -npm install --save @vx/responsive +npm install --save @visx/responsive ``` diff --git a/packages/vx-responsive/package.json b/packages/visx-responsive/package.json similarity index 73% rename from packages/vx-responsive/package.json rename to packages/visx-responsive/package.json index 131cd014c..a1df1dada 100644 --- a/packages/vx-responsive/package.json +++ b/packages/visx-responsive/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/responsive", + "name": "@visx/responsive", "version": "0.0.199", - "description": "vx responsive svg", + "description": "visx responsive svg", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -24,9 +24,9 @@ "author": "@hshoff", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "dependencies": { "@types/lodash": "^4.14.146", "@types/react": "*", diff --git a/packages/vx-responsive/src/components/ParentSize.tsx b/packages/visx-responsive/src/components/ParentSize.tsx similarity index 100% rename from packages/vx-responsive/src/components/ParentSize.tsx rename to packages/visx-responsive/src/components/ParentSize.tsx diff --git a/packages/vx-responsive/src/components/ScaleSVG.tsx b/packages/visx-responsive/src/components/ScaleSVG.tsx similarity index 100% rename from packages/vx-responsive/src/components/ScaleSVG.tsx rename to packages/visx-responsive/src/components/ScaleSVG.tsx diff --git a/packages/vx-responsive/src/enhancers/withParentSize.tsx b/packages/visx-responsive/src/enhancers/withParentSize.tsx similarity index 100% rename from packages/vx-responsive/src/enhancers/withParentSize.tsx rename to packages/visx-responsive/src/enhancers/withParentSize.tsx diff --git a/packages/vx-responsive/src/enhancers/withScreenSize.tsx b/packages/visx-responsive/src/enhancers/withScreenSize.tsx similarity index 100% rename from packages/vx-responsive/src/enhancers/withScreenSize.tsx rename to packages/visx-responsive/src/enhancers/withScreenSize.tsx diff --git a/packages/vx-responsive/src/index.ts b/packages/visx-responsive/src/index.ts similarity index 100% rename from packages/vx-responsive/src/index.ts rename to packages/visx-responsive/src/index.ts diff --git a/packages/vx-responsive/test/ParentSize.test.tsx b/packages/visx-responsive/test/ParentSize.test.tsx similarity index 100% rename from packages/vx-responsive/test/ParentSize.test.tsx rename to packages/visx-responsive/test/ParentSize.test.tsx diff --git a/packages/vx-responsive/test/ScaleSVG.test.tsx b/packages/visx-responsive/test/ScaleSVG.test.tsx similarity index 100% rename from packages/vx-responsive/test/ScaleSVG.test.tsx rename to packages/visx-responsive/test/ScaleSVG.test.tsx diff --git a/packages/vx-responsive/test/withParentSize.test.tsx b/packages/visx-responsive/test/withParentSize.test.tsx similarity index 100% rename from packages/vx-responsive/test/withParentSize.test.tsx rename to packages/visx-responsive/test/withParentSize.test.tsx diff --git a/packages/vx-responsive/test/withScreenSize.test.ts b/packages/visx-responsive/test/withScreenSize.test.ts similarity index 100% rename from packages/vx-responsive/test/withScreenSize.test.ts rename to packages/visx-responsive/test/withScreenSize.test.ts diff --git a/packages/vx-scale/.npmrc b/packages/visx-scale/.npmrc similarity index 100% rename from packages/vx-scale/.npmrc rename to packages/visx-scale/.npmrc diff --git a/packages/vx-scale/Readme.md b/packages/visx-scale/Readme.md similarity index 88% rename from packages/vx-scale/Readme.md rename to packages/visx-scale/Readme.md index c1dbfe58c..8d1860e3e 100644 --- a/packages/vx-scale/Readme.md +++ b/packages/visx-scale/Readme.md @@ -1,26 +1,26 @@ -# @vx/scale +# @visx/scale - - + + ## Installation ```sh -npm install --save @vx/scale +npm install --save @visx/scale ``` ## Overview of scales -The `@vx/scale` package aims to provide a wrapper around existing `d3` scaling originally defined in -the [d3-scale](https://github.com/d3/d3-scale) package. +The `@visx/scale` package aims to provide a wrapper around existing `d3` scaling originally defined +in the [d3-scale](https://github.com/d3/d3-scale) package. Scales are functions that help you map your data values to the physical pixel size that your graph requires. For example, let's say you wanted to create a bar chart to show populations per country. If you were to use a 1-to-1 scale (IE: 1 pixel per y value) your bar for the USA would be about 321.4 million pixels high! -Instead, you can tell `vx` a function to use that takes a data value (like your population per +Instead, you can tell `visx` a function to use that takes a data value (like your population per country) and quantitatively maps to another dimensional space, like pixels. For example, we could create a linear scale like this: @@ -220,7 +220,7 @@ const scale = Scale.scaleUtc({ ### Color Scales D3 scales offer the ability to map points to colors. You can use -[`d3-scale-chromatic`](https://github.com/d3/d3-scale-chromatic) in conjunction with vx's +[`d3-scale-chromatic`](https://github.com/d3/d3-scale-chromatic) in conjunction with visx's `scaleOrdinal` to make color scales. You can install `d3-scale-chromatic` with npm: @@ -232,7 +232,7 @@ npm install --save d3-scale-chromatic You create a color scale like so: ```js -import { scaleOrdinal } from '@vx/scale'; +import { scaleOrdinal } from '@visx/scale'; import { schemeSet1 } from 'd3-scale-chromatic'; const colorScale = scaleOrdinal({ diff --git a/packages/vx-scale/package.json b/packages/visx-scale/package.json similarity index 73% rename from packages/vx-scale/package.json rename to packages/visx-scale/package.json index 58c46d5e0..5d98207d9 100644 --- a/packages/vx-scale/package.json +++ b/packages/visx-scale/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/scale", + "name": "@visx/scale", "version": "0.0.199", - "description": "vx scale", + "description": "visx scale", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -27,9 +27,9 @@ ], "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "dependencies": { "@types/d3-interpolate": "^1.3.1", "@types/d3-scale": "^2.1.1", diff --git a/packages/vx-scale/src/createScale.ts b/packages/visx-scale/src/createScale.ts similarity index 100% rename from packages/vx-scale/src/createScale.ts rename to packages/visx-scale/src/createScale.ts diff --git a/packages/vx-scale/src/index.ts b/packages/visx-scale/src/index.ts similarity index 100% rename from packages/vx-scale/src/index.ts rename to packages/visx-scale/src/index.ts diff --git a/packages/vx-scale/src/operators/align.ts b/packages/visx-scale/src/operators/align.ts similarity index 100% rename from packages/vx-scale/src/operators/align.ts rename to packages/visx-scale/src/operators/align.ts diff --git a/packages/vx-scale/src/operators/base.ts b/packages/visx-scale/src/operators/base.ts similarity index 100% rename from packages/vx-scale/src/operators/base.ts rename to packages/visx-scale/src/operators/base.ts diff --git a/packages/vx-scale/src/operators/clamp.ts b/packages/visx-scale/src/operators/clamp.ts similarity index 100% rename from packages/vx-scale/src/operators/clamp.ts rename to packages/visx-scale/src/operators/clamp.ts diff --git a/packages/vx-scale/src/operators/constant.ts b/packages/visx-scale/src/operators/constant.ts similarity index 100% rename from packages/vx-scale/src/operators/constant.ts rename to packages/visx-scale/src/operators/constant.ts diff --git a/packages/vx-scale/src/operators/domain.ts b/packages/visx-scale/src/operators/domain.ts similarity index 100% rename from packages/vx-scale/src/operators/domain.ts rename to packages/visx-scale/src/operators/domain.ts diff --git a/packages/vx-scale/src/operators/exponent.ts b/packages/visx-scale/src/operators/exponent.ts similarity index 100% rename from packages/vx-scale/src/operators/exponent.ts rename to packages/visx-scale/src/operators/exponent.ts diff --git a/packages/vx-scale/src/operators/interpolate.ts b/packages/visx-scale/src/operators/interpolate.ts similarity index 100% rename from packages/vx-scale/src/operators/interpolate.ts rename to packages/visx-scale/src/operators/interpolate.ts diff --git a/packages/vx-scale/src/operators/nice.ts b/packages/visx-scale/src/operators/nice.ts similarity index 100% rename from packages/vx-scale/src/operators/nice.ts rename to packages/visx-scale/src/operators/nice.ts diff --git a/packages/vx-scale/src/operators/padding.ts b/packages/visx-scale/src/operators/padding.ts similarity index 100% rename from packages/vx-scale/src/operators/padding.ts rename to packages/visx-scale/src/operators/padding.ts diff --git a/packages/vx-scale/src/operators/range.ts b/packages/visx-scale/src/operators/range.ts similarity index 100% rename from packages/vx-scale/src/operators/range.ts rename to packages/visx-scale/src/operators/range.ts diff --git a/packages/vx-scale/src/operators/reverse.ts b/packages/visx-scale/src/operators/reverse.ts similarity index 100% rename from packages/vx-scale/src/operators/reverse.ts rename to packages/visx-scale/src/operators/reverse.ts diff --git a/packages/vx-scale/src/operators/round.ts b/packages/visx-scale/src/operators/round.ts similarity index 90% rename from packages/vx-scale/src/operators/round.ts rename to packages/visx-scale/src/operators/round.ts index 2703aac10..aec26f81a 100644 --- a/packages/vx-scale/src/operators/round.ts +++ b/packages/visx-scale/src/operators/round.ts @@ -15,7 +15,7 @@ export default function applyRound< if ('round' in config && typeof config.round !== 'undefined') { if (config.round && 'interpolate' in config && typeof config.interpolate !== 'undefined') { console.warn( - `[vx/scale/applyRound] ignoring round: scale config contains round and interpolate. only applying interpolate. config:`, + `[visx/scale/applyRound] ignoring round: scale config contains round and interpolate. only applying interpolate. config:`, config, ); } else if ('round' in scale) { diff --git a/packages/vx-scale/src/operators/scaleOperator.ts b/packages/visx-scale/src/operators/scaleOperator.ts similarity index 100% rename from packages/vx-scale/src/operators/scaleOperator.ts rename to packages/visx-scale/src/operators/scaleOperator.ts diff --git a/packages/vx-scale/src/operators/unknown.ts b/packages/visx-scale/src/operators/unknown.ts similarity index 100% rename from packages/vx-scale/src/operators/unknown.ts rename to packages/visx-scale/src/operators/unknown.ts diff --git a/packages/vx-scale/src/operators/zero.ts b/packages/visx-scale/src/operators/zero.ts similarity index 100% rename from packages/vx-scale/src/operators/zero.ts rename to packages/visx-scale/src/operators/zero.ts diff --git a/packages/vx-scale/src/scales/band.ts b/packages/visx-scale/src/scales/band.ts similarity index 100% rename from packages/vx-scale/src/scales/band.ts rename to packages/visx-scale/src/scales/band.ts diff --git a/packages/vx-scale/src/scales/linear.ts b/packages/visx-scale/src/scales/linear.ts similarity index 100% rename from packages/vx-scale/src/scales/linear.ts rename to packages/visx-scale/src/scales/linear.ts diff --git a/packages/vx-scale/src/scales/log.ts b/packages/visx-scale/src/scales/log.ts similarity index 100% rename from packages/vx-scale/src/scales/log.ts rename to packages/visx-scale/src/scales/log.ts diff --git a/packages/vx-scale/src/scales/ordinal.ts b/packages/visx-scale/src/scales/ordinal.ts similarity index 100% rename from packages/vx-scale/src/scales/ordinal.ts rename to packages/visx-scale/src/scales/ordinal.ts diff --git a/packages/vx-scale/src/scales/point.ts b/packages/visx-scale/src/scales/point.ts similarity index 100% rename from packages/vx-scale/src/scales/point.ts rename to packages/visx-scale/src/scales/point.ts diff --git a/packages/vx-scale/src/scales/power.ts b/packages/visx-scale/src/scales/power.ts similarity index 100% rename from packages/vx-scale/src/scales/power.ts rename to packages/visx-scale/src/scales/power.ts diff --git a/packages/vx-scale/src/scales/quantile.ts b/packages/visx-scale/src/scales/quantile.ts similarity index 100% rename from packages/vx-scale/src/scales/quantile.ts rename to packages/visx-scale/src/scales/quantile.ts diff --git a/packages/vx-scale/src/scales/quantize.ts b/packages/visx-scale/src/scales/quantize.ts similarity index 100% rename from packages/vx-scale/src/scales/quantize.ts rename to packages/visx-scale/src/scales/quantize.ts diff --git a/packages/vx-scale/src/scales/squareRoot.ts b/packages/visx-scale/src/scales/squareRoot.ts similarity index 100% rename from packages/vx-scale/src/scales/squareRoot.ts rename to packages/visx-scale/src/scales/squareRoot.ts diff --git a/packages/vx-scale/src/scales/symlog.ts b/packages/visx-scale/src/scales/symlog.ts similarity index 100% rename from packages/vx-scale/src/scales/symlog.ts rename to packages/visx-scale/src/scales/symlog.ts diff --git a/packages/vx-scale/src/scales/threshold.ts b/packages/visx-scale/src/scales/threshold.ts similarity index 100% rename from packages/vx-scale/src/scales/threshold.ts rename to packages/visx-scale/src/scales/threshold.ts diff --git a/packages/vx-scale/src/scales/time.ts b/packages/visx-scale/src/scales/time.ts similarity index 100% rename from packages/vx-scale/src/scales/time.ts rename to packages/visx-scale/src/scales/time.ts diff --git a/packages/vx-scale/src/scales/utc.ts b/packages/visx-scale/src/scales/utc.ts similarity index 100% rename from packages/vx-scale/src/scales/utc.ts rename to packages/visx-scale/src/scales/utc.ts diff --git a/packages/vx-scale/src/types/Base.ts b/packages/visx-scale/src/types/Base.ts similarity index 100% rename from packages/vx-scale/src/types/Base.ts rename to packages/visx-scale/src/types/Base.ts diff --git a/packages/vx-scale/src/types/BaseScaleConfig.ts b/packages/visx-scale/src/types/BaseScaleConfig.ts similarity index 100% rename from packages/vx-scale/src/types/BaseScaleConfig.ts rename to packages/visx-scale/src/types/BaseScaleConfig.ts diff --git a/packages/vx-scale/src/types/Nice.ts b/packages/visx-scale/src/types/Nice.ts similarity index 100% rename from packages/vx-scale/src/types/Nice.ts rename to packages/visx-scale/src/types/Nice.ts diff --git a/packages/vx-scale/src/types/Scale.ts b/packages/visx-scale/src/types/Scale.ts similarity index 100% rename from packages/vx-scale/src/types/Scale.ts rename to packages/visx-scale/src/types/Scale.ts diff --git a/packages/vx-scale/src/types/ScaleConfig.ts b/packages/visx-scale/src/types/ScaleConfig.ts similarity index 100% rename from packages/vx-scale/src/types/ScaleConfig.ts rename to packages/visx-scale/src/types/ScaleConfig.ts diff --git a/packages/vx-scale/src/types/ScaleInterpolate.ts b/packages/visx-scale/src/types/ScaleInterpolate.ts similarity index 100% rename from packages/vx-scale/src/types/ScaleInterpolate.ts rename to packages/visx-scale/src/types/ScaleInterpolate.ts diff --git a/packages/vx-scale/src/updateScale.ts b/packages/visx-scale/src/updateScale.ts similarity index 100% rename from packages/vx-scale/src/updateScale.ts rename to packages/visx-scale/src/updateScale.ts diff --git a/packages/vx-scale/src/utils/coerceNumber.ts b/packages/visx-scale/src/utils/coerceNumber.ts similarity index 100% rename from packages/vx-scale/src/utils/coerceNumber.ts rename to packages/visx-scale/src/utils/coerceNumber.ts diff --git a/packages/vx-scale/src/utils/createColorInterpolator.ts b/packages/visx-scale/src/utils/createColorInterpolator.ts similarity index 100% rename from packages/vx-scale/src/utils/createColorInterpolator.ts rename to packages/visx-scale/src/utils/createColorInterpolator.ts diff --git a/packages/vx-scale/src/utils/getTicks.ts b/packages/visx-scale/src/utils/getTicks.ts similarity index 100% rename from packages/vx-scale/src/utils/getTicks.ts rename to packages/visx-scale/src/utils/getTicks.ts diff --git a/packages/vx-scale/src/utils/inferScaleType.ts b/packages/visx-scale/src/utils/inferScaleType.ts similarity index 100% rename from packages/vx-scale/src/utils/inferScaleType.ts rename to packages/visx-scale/src/utils/inferScaleType.ts diff --git a/packages/vx-scale/src/utils/isUtcScale.ts b/packages/visx-scale/src/utils/isUtcScale.ts similarity index 100% rename from packages/vx-scale/src/utils/isUtcScale.ts rename to packages/visx-scale/src/utils/isUtcScale.ts diff --git a/packages/vx-scale/src/utils/toString.ts b/packages/visx-scale/src/utils/toString.ts similarity index 100% rename from packages/vx-scale/src/utils/toString.ts rename to packages/visx-scale/src/utils/toString.ts diff --git a/packages/vx-scale/test/createScale.test.ts b/packages/visx-scale/test/createScale.test.ts similarity index 100% rename from packages/vx-scale/test/createScale.test.ts rename to packages/visx-scale/test/createScale.test.ts diff --git a/packages/vx-scale/test/scaleBand.test.ts b/packages/visx-scale/test/scaleBand.test.ts similarity index 100% rename from packages/vx-scale/test/scaleBand.test.ts rename to packages/visx-scale/test/scaleBand.test.ts diff --git a/packages/vx-scale/test/scaleLinear.test.ts b/packages/visx-scale/test/scaleLinear.test.ts similarity index 100% rename from packages/vx-scale/test/scaleLinear.test.ts rename to packages/visx-scale/test/scaleLinear.test.ts diff --git a/packages/vx-scale/test/scaleLog.test.ts b/packages/visx-scale/test/scaleLog.test.ts similarity index 100% rename from packages/vx-scale/test/scaleLog.test.ts rename to packages/visx-scale/test/scaleLog.test.ts diff --git a/packages/vx-scale/test/scaleOrdinal.test.ts b/packages/visx-scale/test/scaleOrdinal.test.ts similarity index 100% rename from packages/vx-scale/test/scaleOrdinal.test.ts rename to packages/visx-scale/test/scaleOrdinal.test.ts diff --git a/packages/vx-scale/test/scalePoint.test.ts b/packages/visx-scale/test/scalePoint.test.ts similarity index 100% rename from packages/vx-scale/test/scalePoint.test.ts rename to packages/visx-scale/test/scalePoint.test.ts diff --git a/packages/vx-scale/test/scalePower.test.ts b/packages/visx-scale/test/scalePower.test.ts similarity index 100% rename from packages/vx-scale/test/scalePower.test.ts rename to packages/visx-scale/test/scalePower.test.ts diff --git a/packages/vx-scale/test/scaleQuantile.test.ts b/packages/visx-scale/test/scaleQuantile.test.ts similarity index 100% rename from packages/vx-scale/test/scaleQuantile.test.ts rename to packages/visx-scale/test/scaleQuantile.test.ts diff --git a/packages/vx-scale/test/scaleQuantize.test.ts b/packages/visx-scale/test/scaleQuantize.test.ts similarity index 100% rename from packages/vx-scale/test/scaleQuantize.test.ts rename to packages/visx-scale/test/scaleQuantize.test.ts diff --git a/packages/vx-scale/test/scaleSqrt.test.ts b/packages/visx-scale/test/scaleSqrt.test.ts similarity index 100% rename from packages/vx-scale/test/scaleSqrt.test.ts rename to packages/visx-scale/test/scaleSqrt.test.ts diff --git a/packages/vx-scale/test/scaleSymlog.test.ts b/packages/visx-scale/test/scaleSymlog.test.ts similarity index 100% rename from packages/vx-scale/test/scaleSymlog.test.ts rename to packages/visx-scale/test/scaleSymlog.test.ts diff --git a/packages/vx-scale/test/scaleThreshold.test.ts b/packages/visx-scale/test/scaleThreshold.test.ts similarity index 100% rename from packages/vx-scale/test/scaleThreshold.test.ts rename to packages/visx-scale/test/scaleThreshold.test.ts diff --git a/packages/vx-scale/test/scaleTime.test.ts b/packages/visx-scale/test/scaleTime.test.ts similarity index 100% rename from packages/vx-scale/test/scaleTime.test.ts rename to packages/visx-scale/test/scaleTime.test.ts diff --git a/packages/vx-scale/test/scaleUtc.test.ts b/packages/visx-scale/test/scaleUtc.test.ts similarity index 100% rename from packages/vx-scale/test/scaleUtc.test.ts rename to packages/visx-scale/test/scaleUtc.test.ts diff --git a/packages/vx-scale/test/updateScale.test.ts b/packages/visx-scale/test/updateScale.test.ts similarity index 100% rename from packages/vx-scale/test/updateScale.test.ts rename to packages/visx-scale/test/updateScale.test.ts diff --git a/packages/vx-scale/test/utils/coerceNumber.test.ts b/packages/visx-scale/test/utils/coerceNumber.test.ts similarity index 100% rename from packages/vx-scale/test/utils/coerceNumber.test.ts rename to packages/visx-scale/test/utils/coerceNumber.test.ts diff --git a/packages/vx-scale/test/utils/getTicks.test.ts b/packages/visx-scale/test/utils/getTicks.test.ts similarity index 100% rename from packages/vx-scale/test/utils/getTicks.test.ts rename to packages/visx-scale/test/utils/getTicks.test.ts diff --git a/packages/vx-scale/test/utils/inferScaleType.test.ts b/packages/visx-scale/test/utils/inferScaleType.test.ts similarity index 100% rename from packages/vx-scale/test/utils/inferScaleType.test.ts rename to packages/visx-scale/test/utils/inferScaleType.test.ts diff --git a/packages/vx-scale/test/utils/isUtcScale.test.ts b/packages/visx-scale/test/utils/isUtcScale.test.ts similarity index 100% rename from packages/vx-scale/test/utils/isUtcScale.test.ts rename to packages/visx-scale/test/utils/isUtcScale.test.ts diff --git a/packages/vx-scale/test/utils/toString.test.ts b/packages/visx-scale/test/utils/toString.test.ts similarity index 100% rename from packages/vx-scale/test/utils/toString.test.ts rename to packages/visx-scale/test/utils/toString.test.ts diff --git a/packages/vx-shape/.npmrc b/packages/visx-shape/.npmrc similarity index 100% rename from packages/vx-shape/.npmrc rename to packages/visx-shape/.npmrc diff --git a/packages/visx-shape/Readme.md b/packages/visx-shape/Readme.md new file mode 100644 index 000000000..aaa128287 --- /dev/null +++ b/packages/visx-shape/Readme.md @@ -0,0 +1,14 @@ +# @visx/shape + + + + + +Shapes are the core elements of `visx`. Most of what you see on the screen, like lines, bars, and +areas are all made with shape primitives. + +## Installation + +``` +npm install --save @visx/shape +``` diff --git a/packages/vx-shape/package.json b/packages/visx-shape/package.json similarity index 79% rename from packages/vx-shape/package.json rename to packages/visx-shape/package.json index eb9da64e7..03e34fdb5 100644 --- a/packages/vx-shape/package.json +++ b/packages/visx-shape/package.json @@ -1,18 +1,18 @@ { - "name": "@vx/shape", + "name": "@visx/shape", "version": "0.0.199", - "description": "vx shape", + "description": "visx shape", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", "types": "lib/index.d.ts", - "repository": "https://github.com/hshoff/vx", + "repository": "https://github.com/airbnb/visx", "files": [ "lib", "esm" ], "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -26,9 +26,9 @@ "@types/d3-shape": "^1.3.1", "@types/lodash": "^4.14.146", "@types/react": "*", - "@vx/curve": "0.0.199", - "@vx/group": "0.0.199", - "@vx/scale": "0.0.199", + "@visx/curve": "0.0.199", + "@visx/group": "0.0.199", + "@visx/scale": "0.0.199", "classnames": "^2.2.5", "d3-path": "^1.0.5", "d3-shape": "^1.2.0", diff --git a/packages/vx-shape/src/index.ts b/packages/visx-shape/src/index.ts similarity index 100% rename from packages/vx-shape/src/index.ts rename to packages/visx-shape/src/index.ts diff --git a/packages/vx-shape/src/shapes/Arc.tsx b/packages/visx-shape/src/shapes/Arc.tsx similarity index 90% rename from packages/vx-shape/src/shapes/Arc.tsx rename to packages/visx-shape/src/shapes/Arc.tsx index b310b96af..5a17899a1 100644 --- a/packages/vx-shape/src/shapes/Arc.tsx +++ b/packages/visx-shape/src/shapes/Arc.tsx @@ -44,6 +44,11 @@ export default function Arc({ if (!data) return null; return ( - + ); } diff --git a/packages/vx-shape/src/shapes/Area.tsx b/packages/visx-shape/src/shapes/Area.tsx similarity index 82% rename from packages/vx-shape/src/shapes/Area.tsx rename to packages/visx-shape/src/shapes/Area.tsx index 4d98d9ff8..4343170d6 100644 --- a/packages/vx-shape/src/shapes/Area.tsx +++ b/packages/visx-shape/src/shapes/Area.tsx @@ -24,6 +24,11 @@ export default function Area({ // eslint-disable-next-line react/jsx-no-useless-fragment if (children) return <>{children({ path })}; return ( - + ); } diff --git a/packages/vx-shape/src/shapes/AreaClosed.tsx b/packages/visx-shape/src/shapes/AreaClosed.tsx similarity index 95% rename from packages/vx-shape/src/shapes/AreaClosed.tsx rename to packages/visx-shape/src/shapes/AreaClosed.tsx index c19343c12..48ef4e95f 100644 --- a/packages/vx-shape/src/shapes/AreaClosed.tsx +++ b/packages/visx-shape/src/shapes/AreaClosed.tsx @@ -41,7 +41,7 @@ export default function AreaClosed({ return ( diff --git a/packages/vx-shape/src/shapes/AreaStack.tsx b/packages/visx-shape/src/shapes/AreaStack.tsx similarity index 96% rename from packages/vx-shape/src/shapes/AreaStack.tsx rename to packages/visx-shape/src/shapes/AreaStack.tsx index 96f53333c..468ec3818 100644 --- a/packages/vx-shape/src/shapes/AreaStack.tsx +++ b/packages/visx-shape/src/shapes/AreaStack.tsx @@ -68,7 +68,7 @@ export default function AreaStack({ (({ stacks, path }) => stacks.map((series, i) => ( ) { - return ; + return ; } diff --git a/packages/vx-shape/src/shapes/BarGroup.tsx b/packages/visx-shape/src/shapes/BarGroup.tsx similarity index 84% rename from packages/vx-shape/src/shapes/BarGroup.tsx rename to packages/visx-shape/src/shapes/BarGroup.tsx index c64a144f4..08a921e91 100644 --- a/packages/vx-shape/src/shapes/BarGroup.tsx +++ b/packages/visx-shape/src/shapes/BarGroup.tsx @@ -1,7 +1,7 @@ import React from 'react'; import cx from 'classnames'; -import { Group } from '@vx/group'; -import { ScaleInput } from '@vx/scale'; +import { Group } from '@visx/group'; +import { ScaleInput } from '@visx/scale'; import Bar from './Bar'; import { PositionScale, @@ -23,11 +23,11 @@ export type BarGroupProps< > = BaseBarGroupProps & { /** Returns the value mapped to the x0 (group position) of a bar */ x0: Accessor>; - /** @vx/scale or d3-scale that takes an x0 value (position of group) and maps it to an x0 axis position of the group. */ + /** @visx/scale or d3-scale that takes an x0 value (position of group) and maps it to an x0 axis position of the group. */ x0Scale: X0Scale; - /** @vx/scale or d3-scale that takes a group key and maps it to an x axis position (within a group). */ + /** @visx/scale or d3-scale that takes a group key and maps it to an x axis position (within a group). */ x1Scale: X1Scale; - /** @vx/scale or d3-scale that takes an y value (Datum[key]) and maps it to a y axis position. */ + /** @visx/scale or d3-scale that takes an y value (Datum[key]) and maps it to a y axis position. */ yScale: PositionScale; /** Total height of the y-axis. */ height: number; @@ -71,7 +71,7 @@ export type BarGroupProps< * }); * ``` * - * Example: [https://vx-demo.now.sh/bargroup](https://vx-demo.now.sh/bargroup) + * Example: [https://airbnb.io/visx/bargroup](https://airbnb.io/visx/bargroup) */ export default function BarGroupComponent< Datum extends DatumObject, @@ -117,7 +117,7 @@ export default function BarGroupComponent< if (children) return <>{children(barGroups)}; return ( - + {barGroups.map(barGroup => ( {barGroup.bars.map(bar => ( diff --git a/packages/vx-shape/src/shapes/BarGroupHorizontal.tsx b/packages/visx-shape/src/shapes/BarGroupHorizontal.tsx similarity index 83% rename from packages/vx-shape/src/shapes/BarGroupHorizontal.tsx rename to packages/visx-shape/src/shapes/BarGroupHorizontal.tsx index 9d2b5486c..8f3f99a64 100644 --- a/packages/vx-shape/src/shapes/BarGroupHorizontal.tsx +++ b/packages/visx-shape/src/shapes/BarGroupHorizontal.tsx @@ -1,7 +1,7 @@ import React from 'react'; import cx from 'classnames'; -import { Group } from '@vx/group'; -import { ScaleInput } from '@vx/scale'; +import { Group } from '@visx/group'; +import { ScaleInput } from '@visx/scale'; import Bar from './Bar'; import { PositionScale, @@ -25,11 +25,11 @@ export type BarGroupHorizontalProps< x?: (barValue: number) => number; /** Returns the value mapped to the y0 (position of group) of a bar */ y0: Accessor>; - /** @vx/scale or d3-scale that takes a key value (Datum[key]) and maps it to an x axis position (width of bar). */ + /** @visx/scale or d3-scale that takes a key value (Datum[key]) and maps it to an x axis position (width of bar). */ xScale: PositionScale; - /** @vx/scale or d3-scale that takes a y0 value (position of group) and maps it to a y axis position. */ + /** @visx/scale or d3-scale that takes a y0 value (position of group) and maps it to a y axis position. */ y0Scale: Y0Scale; - /** @vx/scale or d3-scale that takes a group key and maps it to an y axis position (within a group). */ + /** @visx/scale or d3-scale that takes a group key and maps it to an y axis position (within a group). */ y1Scale: Y1Scale; /** Total width of the x-axis. */ width: number; @@ -82,7 +82,7 @@ export default function BarGroupHorizontalComponent< if (children) return <>{children(barGroups)}; return ( - + {barGroups.map(barGroup => ( {barGroup.bars.map(bar => ( diff --git a/packages/vx-shape/src/shapes/BarRounded.tsx b/packages/visx-shape/src/shapes/BarRounded.tsx similarity index 96% rename from packages/vx-shape/src/shapes/BarRounded.tsx rename to packages/visx-shape/src/shapes/BarRounded.tsx index bb6a1f6c8..d96686eac 100644 --- a/packages/vx-shape/src/shapes/BarRounded.tsx +++ b/packages/visx-shape/src/shapes/BarRounded.tsx @@ -78,6 +78,6 @@ z` .join(''); return ( - + ); } diff --git a/packages/vx-shape/src/shapes/BarStack.tsx b/packages/visx-shape/src/shapes/BarStack.tsx similarity index 94% rename from packages/vx-shape/src/shapes/BarStack.tsx rename to packages/visx-shape/src/shapes/BarStack.tsx index 0e520b4c2..97e26bc78 100644 --- a/packages/vx-shape/src/shapes/BarStack.tsx +++ b/packages/visx-shape/src/shapes/BarStack.tsx @@ -1,8 +1,8 @@ import React from 'react'; import cx from 'classnames'; import { stack as d3stack, SeriesPoint } from 'd3-shape'; -import { Group } from '@vx/group'; -import { ScaleInput } from '@vx/scale'; +import { Group } from '@visx/group'; +import { ScaleInput } from '@visx/scale'; import { PositionScale, AddSVGProps, @@ -95,7 +95,7 @@ export default function BarStackComponent< if (children) return <>{children(barStacks)}; return ( - + {barStacks.map(barStack => barStack.bars.map(bar => ( {children(barStacks)}; return ( - + {barStacks.map(barStack => barStack.bars.map(bar => ( ) { - return ; + return ; } diff --git a/packages/vx-shape/src/shapes/Line.tsx b/packages/visx-shape/src/shapes/Line.tsx similarity index 94% rename from packages/vx-shape/src/shapes/Line.tsx rename to packages/visx-shape/src/shapes/Line.tsx index e736fc955..fef20f552 100644 --- a/packages/vx-shape/src/shapes/Line.tsx +++ b/packages/visx-shape/src/shapes/Line.tsx @@ -31,7 +31,7 @@ export default function Line({ return ( ({ return ( ({ return ( ({ if (children) return <>{children({ arcs, path, pie })}; return ( - + {arcs.map((arc, i) => ( - + {centroid?.(path.centroid(arc), arc)} ))} diff --git a/packages/vx-shape/src/shapes/Polygon.tsx b/packages/visx-shape/src/shapes/Polygon.tsx similarity index 97% rename from packages/vx-shape/src/shapes/Polygon.tsx rename to packages/visx-shape/src/shapes/Polygon.tsx index 2a596a2aa..a78d0f02a 100644 --- a/packages/vx-shape/src/shapes/Polygon.tsx +++ b/packages/visx-shape/src/shapes/Polygon.tsx @@ -80,7 +80,7 @@ export default function Polygon({ return ( diff --git a/packages/vx-shape/src/shapes/SplitLinePath.tsx b/packages/visx-shape/src/shapes/SplitLinePath.tsx similarity index 100% rename from packages/vx-shape/src/shapes/SplitLinePath.tsx rename to packages/visx-shape/src/shapes/SplitLinePath.tsx diff --git a/packages/vx-shape/src/shapes/Stack.tsx b/packages/visx-shape/src/shapes/Stack.tsx similarity index 96% rename from packages/vx-shape/src/shapes/Stack.tsx rename to packages/visx-shape/src/shapes/Stack.tsx index 38eebe4b2..8a0d8c2ee 100644 --- a/packages/vx-shape/src/shapes/Stack.tsx +++ b/packages/visx-shape/src/shapes/Stack.tsx @@ -1,6 +1,6 @@ import React from 'react'; import cx from 'classnames'; -import { Group } from '@vx/group'; +import { Group } from '@visx/group'; import { Area as AreaType, Stack as StackType, SeriesPoint, Series } from 'd3-shape'; import { $TSFIXME, @@ -73,7 +73,7 @@ export default function Stack({ {stacks.map((series, i) => ( ({ return ( diff --git a/packages/vx-shape/src/shapes/link/curve/LinkRadialCurve.tsx b/packages/visx-shape/src/shapes/link/curve/LinkRadialCurve.tsx similarity index 96% rename from packages/vx-shape/src/shapes/link/curve/LinkRadialCurve.tsx rename to packages/visx-shape/src/shapes/link/curve/LinkRadialCurve.tsx index bf23b6657..a387d5e41 100644 --- a/packages/vx-shape/src/shapes/link/curve/LinkRadialCurve.tsx +++ b/packages/visx-shape/src/shapes/link/curve/LinkRadialCurve.tsx @@ -66,7 +66,7 @@ export default function LinkRadialCurve({ return ( diff --git a/packages/vx-shape/src/shapes/link/curve/LinkVerticalCurve.tsx b/packages/visx-shape/src/shapes/link/curve/LinkVerticalCurve.tsx similarity index 95% rename from packages/vx-shape/src/shapes/link/curve/LinkVerticalCurve.tsx rename to packages/visx-shape/src/shapes/link/curve/LinkVerticalCurve.tsx index 7f0a75074..f60fbf97b 100644 --- a/packages/vx-shape/src/shapes/link/curve/LinkVerticalCurve.tsx +++ b/packages/visx-shape/src/shapes/link/curve/LinkVerticalCurve.tsx @@ -56,7 +56,7 @@ export default function LinkVerticalCurve({ return ( diff --git a/packages/vx-shape/src/shapes/link/diagonal/LinkHorizontal.tsx b/packages/visx-shape/src/shapes/link/diagonal/LinkHorizontal.tsx similarity index 94% rename from packages/vx-shape/src/shapes/link/diagonal/LinkHorizontal.tsx rename to packages/visx-shape/src/shapes/link/diagonal/LinkHorizontal.tsx index 13d8738dd..8e16ddd6a 100644 --- a/packages/vx-shape/src/shapes/link/diagonal/LinkHorizontal.tsx +++ b/packages/visx-shape/src/shapes/link/diagonal/LinkHorizontal.tsx @@ -40,7 +40,7 @@ export default function LinkHorizontalDiagonal({ return ( diff --git a/packages/vx-shape/src/shapes/link/diagonal/LinkRadial.tsx b/packages/visx-shape/src/shapes/link/diagonal/LinkRadial.tsx similarity index 94% rename from packages/vx-shape/src/shapes/link/diagonal/LinkRadial.tsx rename to packages/visx-shape/src/shapes/link/diagonal/LinkRadial.tsx index ea8a76f6f..614d02781 100644 --- a/packages/vx-shape/src/shapes/link/diagonal/LinkRadial.tsx +++ b/packages/visx-shape/src/shapes/link/diagonal/LinkRadial.tsx @@ -43,7 +43,7 @@ export default function LinkRadialDiagonal({ return ( diff --git a/packages/vx-shape/src/shapes/link/diagonal/LinkVertical.tsx b/packages/visx-shape/src/shapes/link/diagonal/LinkVertical.tsx similarity index 94% rename from packages/vx-shape/src/shapes/link/diagonal/LinkVertical.tsx rename to packages/visx-shape/src/shapes/link/diagonal/LinkVertical.tsx index 2d55f62f4..5f851a7ae 100644 --- a/packages/vx-shape/src/shapes/link/diagonal/LinkVertical.tsx +++ b/packages/visx-shape/src/shapes/link/diagonal/LinkVertical.tsx @@ -39,7 +39,7 @@ export default function LinkVerticalDiagonal({ return ( diff --git a/packages/vx-shape/src/shapes/link/line/LinkHorizontalLine.tsx b/packages/visx-shape/src/shapes/link/line/LinkHorizontalLine.tsx similarity index 95% rename from packages/vx-shape/src/shapes/link/line/LinkHorizontalLine.tsx rename to packages/visx-shape/src/shapes/link/line/LinkHorizontalLine.tsx index 0cac194f8..76301c0ce 100644 --- a/packages/vx-shape/src/shapes/link/line/LinkHorizontalLine.tsx +++ b/packages/visx-shape/src/shapes/link/line/LinkHorizontalLine.tsx @@ -46,7 +46,7 @@ export default function LinkHorizontalLine({ return ( diff --git a/packages/vx-shape/src/shapes/link/line/LinkRadialLine.tsx b/packages/visx-shape/src/shapes/link/line/LinkRadialLine.tsx similarity index 95% rename from packages/vx-shape/src/shapes/link/line/LinkRadialLine.tsx rename to packages/visx-shape/src/shapes/link/line/LinkRadialLine.tsx index 9522ae7d1..cb47e53ab 100644 --- a/packages/vx-shape/src/shapes/link/line/LinkRadialLine.tsx +++ b/packages/visx-shape/src/shapes/link/line/LinkRadialLine.tsx @@ -51,7 +51,7 @@ export default function LinkRadialLine({ return ( diff --git a/packages/vx-shape/src/shapes/link/line/LinkVerticalLine.tsx b/packages/visx-shape/src/shapes/link/line/LinkVerticalLine.tsx similarity index 94% rename from packages/vx-shape/src/shapes/link/line/LinkVerticalLine.tsx rename to packages/visx-shape/src/shapes/link/line/LinkVerticalLine.tsx index d37b78aa8..dd1d8ef3e 100644 --- a/packages/vx-shape/src/shapes/link/line/LinkVerticalLine.tsx +++ b/packages/visx-shape/src/shapes/link/line/LinkVerticalLine.tsx @@ -46,7 +46,7 @@ export default function LinkVerticalLine({ return ( diff --git a/packages/vx-shape/src/shapes/link/step/LinkHorizontalStep.tsx b/packages/visx-shape/src/shapes/link/step/LinkHorizontalStep.tsx similarity index 95% rename from packages/vx-shape/src/shapes/link/step/LinkHorizontalStep.tsx rename to packages/visx-shape/src/shapes/link/step/LinkHorizontalStep.tsx index 9396563c5..b34cd25c3 100644 --- a/packages/vx-shape/src/shapes/link/step/LinkHorizontalStep.tsx +++ b/packages/visx-shape/src/shapes/link/step/LinkHorizontalStep.tsx @@ -53,7 +53,7 @@ export default function LinkHorizontalStep({ return ( diff --git a/packages/vx-shape/src/shapes/link/step/LinkRadialStep.tsx b/packages/visx-shape/src/shapes/link/step/LinkRadialStep.tsx similarity index 95% rename from packages/vx-shape/src/shapes/link/step/LinkRadialStep.tsx rename to packages/visx-shape/src/shapes/link/step/LinkRadialStep.tsx index 417371e6f..57acd9c70 100644 --- a/packages/vx-shape/src/shapes/link/step/LinkRadialStep.tsx +++ b/packages/visx-shape/src/shapes/link/step/LinkRadialStep.tsx @@ -59,7 +59,7 @@ export default function LinkRadialStep({ return ( diff --git a/packages/vx-shape/src/shapes/link/step/LinkVerticalStep.tsx b/packages/visx-shape/src/shapes/link/step/LinkVerticalStep.tsx similarity index 95% rename from packages/vx-shape/src/shapes/link/step/LinkVerticalStep.tsx rename to packages/visx-shape/src/shapes/link/step/LinkVerticalStep.tsx index 60e7a1038..97c81db1d 100644 --- a/packages/vx-shape/src/shapes/link/step/LinkVerticalStep.tsx +++ b/packages/visx-shape/src/shapes/link/step/LinkVerticalStep.tsx @@ -53,7 +53,7 @@ export default function LinkVerticalStep({ return ( diff --git a/packages/vx-shape/src/types/D3ShapeConfig.ts b/packages/visx-shape/src/types/D3ShapeConfig.ts similarity index 93% rename from packages/vx-shape/src/types/D3ShapeConfig.ts rename to packages/visx-shape/src/types/D3ShapeConfig.ts index 2db4f1e30..5ccdc5ec0 100644 --- a/packages/vx-shape/src/types/D3ShapeConfig.ts +++ b/packages/visx-shape/src/types/D3ShapeConfig.ts @@ -23,7 +23,7 @@ export type ArcPathConfig = { export type AreaPathConfig = { /** The defined accessor for the shape. The final area shape includes all points for which this function returns true. By default all points are defined. */ defined?: AccessorForArrayItem; - /** Sets the curve factory (from @vx/curve or d3-curve) for the area generator. Defaults to curveLinear. */ + /** Sets the curve factory (from @visx/curve or d3-curve) for the area generator. Defaults to curveLinear. */ curve?: CurveFactory; /** Sets the x0 accessor function, and sets x1 to null. */ x?: number | AccessorForArrayItem; @@ -42,7 +42,7 @@ export type AreaPathConfig = { export type LinePathConfig = { /** The defined accessor for the shape. The final line shape includes all points for which this function returns true. By default all points are defined. */ defined?: AccessorForArrayItem; - /** Sets the curve factory (from @vx/curve or d3-curve) for the line generator. Defaults to curveLinear. */ + /** Sets the curve factory (from @visx/curve or d3-curve) for the line generator. Defaults to curveLinear. */ curve?: CurveFactory | CurveFactoryLineOnly; /** Sets the x0 accessor function, and sets x1 to null. */ x?: number | AccessorForArrayItem; @@ -71,7 +71,7 @@ export type PiePathConfig = { export type RadialLinePathConfig = { /** The defined accessor for the shape. The final radialLine shape includes all points for which this function returns true. By default all points are defined. */ defined?: AccessorForArrayItem; - /** Sets the curve factory (from @vx/curve or d3-curve) for the radialLine generator. Defaults to curveLinear. */ + /** Sets the curve factory (from @visx/curve or d3-curve) for the radialLine generator. Defaults to curveLinear. */ curve?: CurveFactory | CurveFactoryLineOnly; /** Returns the angle value in radians for a given Datum, with 0 at -y (12 o’clock). */ angle?: number | AccessorForArrayItem; diff --git a/packages/vx-shape/src/types/accessor.ts b/packages/visx-shape/src/types/accessor.ts similarity index 100% rename from packages/vx-shape/src/types/accessor.ts rename to packages/visx-shape/src/types/accessor.ts diff --git a/packages/vx-shape/src/types/area.ts b/packages/visx-shape/src/types/area.ts similarity index 100% rename from packages/vx-shape/src/types/area.ts rename to packages/visx-shape/src/types/area.ts diff --git a/packages/vx-shape/src/types/barGroup.ts b/packages/visx-shape/src/types/barGroup.ts similarity index 100% rename from packages/vx-shape/src/types/barGroup.ts rename to packages/visx-shape/src/types/barGroup.ts diff --git a/packages/vx-shape/src/types/barStack.ts b/packages/visx-shape/src/types/barStack.ts similarity index 90% rename from packages/vx-shape/src/types/barStack.ts rename to packages/visx-shape/src/types/barStack.ts index ca2fd6763..4d20b3dd9 100644 --- a/packages/vx-shape/src/types/barStack.ts +++ b/packages/visx-shape/src/types/barStack.ts @@ -43,9 +43,9 @@ export type BaseBarStackProps< XScale extends PositionScale = PositionScale, YScale extends PositionScale = PositionScale > = BaseStackProps & { - /** @vx/scale or d3-scale that takes an x value and maps it to an x axis position. */ + /** @visx/scale or d3-scale that takes an x value and maps it to an x axis position. */ xScale: XScale; - /** @vx/scale or d3-scale that takes a y value and maps it to an y axis position. */ + /** @visx/scale or d3-scale that takes a y value and maps it to an y axis position. */ yScale: YScale; /** Returns the desired color for a bar with a given key and index. */ color: (key: Key, index: number) => string; diff --git a/packages/vx-shape/src/types/base.ts b/packages/visx-shape/src/types/base.ts similarity index 93% rename from packages/vx-shape/src/types/base.ts rename to packages/visx-shape/src/types/base.ts index 815c1b60e..587f51f57 100644 --- a/packages/vx-shape/src/types/base.ts +++ b/packages/visx-shape/src/types/base.ts @@ -1,4 +1,4 @@ -import { D3Scale, PickD3Scale } from '@vx/scale'; +import { D3Scale, PickD3Scale } from '@visx/scale'; // eslint-disable-next-line @typescript-eslint/no-explicit-any export type $TSFIXME = any; diff --git a/packages/vx-shape/src/types/index.ts b/packages/visx-shape/src/types/index.ts similarity index 100% rename from packages/vx-shape/src/types/index.ts rename to packages/visx-shape/src/types/index.ts diff --git a/packages/vx-shape/src/types/link.ts b/packages/visx-shape/src/types/link.ts similarity index 100% rename from packages/vx-shape/src/types/link.ts rename to packages/visx-shape/src/types/link.ts diff --git a/packages/vx-shape/src/types/stack.ts b/packages/visx-shape/src/types/stack.ts similarity index 100% rename from packages/vx-shape/src/types/stack.ts rename to packages/visx-shape/src/types/stack.ts diff --git a/packages/vx-shape/src/util/D3ShapeFactories.ts b/packages/visx-shape/src/util/D3ShapeFactories.ts similarity index 100% rename from packages/vx-shape/src/util/D3ShapeFactories.ts rename to packages/visx-shape/src/util/D3ShapeFactories.ts diff --git a/packages/vx-shape/src/util/accessors.ts b/packages/visx-shape/src/util/accessors.ts similarity index 100% rename from packages/vx-shape/src/util/accessors.ts rename to packages/visx-shape/src/util/accessors.ts diff --git a/packages/vx-shape/src/util/getBandwidth.ts b/packages/visx-shape/src/util/getBandwidth.ts similarity index 86% rename from packages/vx-shape/src/util/getBandwidth.ts rename to packages/visx-shape/src/util/getBandwidth.ts index 64fabef11..e0b927f8f 100644 --- a/packages/vx-shape/src/util/getBandwidth.ts +++ b/packages/visx-shape/src/util/getBandwidth.ts @@ -1,4 +1,4 @@ -import { AnyD3Scale } from '@vx/scale'; +import { AnyD3Scale } from '@visx/scale'; export default function getBandwidth(scale: AnyD3Scale) { if ('bandwidth' in scale) { diff --git a/packages/vx-shape/src/util/getSplitLineSegments.ts b/packages/visx-shape/src/util/getSplitLineSegments.ts similarity index 97% rename from packages/vx-shape/src/util/getSplitLineSegments.ts rename to packages/visx-shape/src/util/getSplitLineSegments.ts index e4d7de309..2f1c27d46 100644 --- a/packages/vx-shape/src/util/getSplitLineSegments.ts +++ b/packages/visx-shape/src/util/getSplitLineSegments.ts @@ -1,6 +1,6 @@ import memoize from 'lodash/memoize'; -const MEASUREMENT_ELEMENT_ID = '__vx_splitpath_svg_path_measurement_id'; +const MEASUREMENT_ELEMENT_ID = '__visx_splitpath_svg_path_measurement_id'; const SVG_NAMESPACE_URL = 'http://www.w3.org/2000/svg'; export interface GetLineSegmentsConfig { diff --git a/packages/vx-shape/src/util/setNumberOrNumberAccessor.ts b/packages/visx-shape/src/util/setNumberOrNumberAccessor.ts similarity index 100% rename from packages/vx-shape/src/util/setNumberOrNumberAccessor.ts rename to packages/visx-shape/src/util/setNumberOrNumberAccessor.ts diff --git a/packages/vx-shape/src/util/stackOffset.ts b/packages/visx-shape/src/util/stackOffset.ts similarity index 100% rename from packages/vx-shape/src/util/stackOffset.ts rename to packages/visx-shape/src/util/stackOffset.ts diff --git a/packages/vx-shape/src/util/stackOrder.ts b/packages/visx-shape/src/util/stackOrder.ts similarity index 100% rename from packages/vx-shape/src/util/stackOrder.ts rename to packages/visx-shape/src/util/stackOrder.ts diff --git a/packages/vx-shape/src/util/trigonometry.ts b/packages/visx-shape/src/util/trigonometry.ts similarity index 100% rename from packages/vx-shape/src/util/trigonometry.ts rename to packages/visx-shape/src/util/trigonometry.ts diff --git a/packages/vx-shape/test/Arc.test.tsx b/packages/visx-shape/test/Arc.test.tsx similarity index 98% rename from packages/vx-shape/test/Arc.test.tsx rename to packages/visx-shape/test/Arc.test.tsx index e2923a5a8..db07b018f 100644 --- a/packages/vx-shape/test/Arc.test.tsx +++ b/packages/visx-shape/test/Arc.test.tsx @@ -36,8 +36,8 @@ describe('', () => { expect(Arc).toBeDefined(); }); - test('it should have the .vx-arcs-group class', () => { - expect(ArcWrapper().prop('className')).toBe('vx-arc'); + test('it should have the .visx-arcs-group class', () => { + expect(ArcWrapper().prop('className')).toBe('visx-arc'); }); test('it should contain paths', () => { diff --git a/packages/vx-shape/test/Area.test.tsx b/packages/visx-shape/test/Area.test.tsx similarity index 96% rename from packages/vx-shape/test/Area.test.tsx rename to packages/visx-shape/test/Area.test.tsx index 2d0f6ce67..b97927c07 100644 --- a/packages/vx-shape/test/Area.test.tsx +++ b/packages/visx-shape/test/Area.test.tsx @@ -34,9 +34,9 @@ describe('', () => { expect(Area).toBeDefined(); }); - test('it should have the .vx-area class', () => { + test('it should have the .visx-area class', () => { const wrapper = shallow(); - expect(wrapper.find('path').prop('className')).toBe('vx-area'); + expect(wrapper.find('path').prop('className')).toBe('visx-area'); }); test('it should expose its ref via an innerRef prop', () => { diff --git a/packages/vx-shape/test/AreaClosed.test.tsx b/packages/visx-shape/test/AreaClosed.test.tsx similarity index 94% rename from packages/vx-shape/test/AreaClosed.test.tsx rename to packages/visx-shape/test/AreaClosed.test.tsx index a71dcf5bf..779b23e4d 100644 --- a/packages/vx-shape/test/AreaClosed.test.tsx +++ b/packages/visx-shape/test/AreaClosed.test.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { shallow, mount } from 'enzyme'; -import { scaleLinear } from '@vx/scale'; +import { scaleLinear } from '@visx/scale'; import { AreaClosed } from '../src'; import { AreaClosedProps } from '../src/shapes/AreaClosed'; @@ -36,8 +36,8 @@ describe('', () => { expect(AreaClosed).toBeDefined(); }); - test('it should have the .vx-area-closed class', () => { - expect(AreaClosedWrapper().prop('className')).toBe('vx-area-closed'); + test('it should have the .visx-area-closed class', () => { + expect(AreaClosedWrapper().prop('className')).toBe('visx-area-closed'); }); test('it should expose its ref via an innerRef prop', () => { diff --git a/packages/vx-shape/test/AreaStack.test.tsx b/packages/visx-shape/test/AreaStack.test.tsx similarity index 100% rename from packages/vx-shape/test/AreaStack.test.tsx rename to packages/visx-shape/test/AreaStack.test.tsx diff --git a/packages/vx-shape/test/Bar.test.tsx b/packages/visx-shape/test/Bar.test.tsx similarity index 90% rename from packages/vx-shape/test/Bar.test.tsx rename to packages/visx-shape/test/Bar.test.tsx index a1a7f712a..a5c185853 100644 --- a/packages/vx-shape/test/Bar.test.tsx +++ b/packages/visx-shape/test/Bar.test.tsx @@ -10,12 +10,12 @@ describe('', () => { expect(Bar).toBeDefined(); }); - test('it should have the .vx-bar class', () => { + test('it should have the .visx-bar class', () => { expect( BarWrapper({ className: 'test', }).prop('className'), - ).toBe('vx-bar test'); + ).toBe('visx-bar test'); }); test('it should expose its ref via an innerRef prop', () => { diff --git a/packages/vx-shape/test/BarGroup.test.tsx b/packages/visx-shape/test/BarGroup.test.tsx similarity index 88% rename from packages/vx-shape/test/BarGroup.test.tsx rename to packages/visx-shape/test/BarGroup.test.tsx index e773c13d3..57f335f54 100644 --- a/packages/vx-shape/test/BarGroup.test.tsx +++ b/packages/visx-shape/test/BarGroup.test.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { shallow } from 'enzyme'; -import { scaleBand, scaleLinear } from '@vx/scale'; +import { scaleBand, scaleLinear } from '@visx/scale'; import { BarGroup } from '../src'; import { BarGroupProps } from '../src/shapes/BarGroup'; import { GroupKey } from '../src/types/barGroup'; @@ -74,14 +74,14 @@ describe('', () => { expect(BarGroup).toBeDefined(); }); - test('it should have className .vx-bar-group', () => { + test('it should have className .visx-bar-group', () => { const wrapper = BarGroupWrapper(); - expect(wrapper.prop('className')).toEqual('vx-bar-group'); + expect(wrapper.prop('className')).toEqual('visx-bar-group'); }); test('it should set className prop', () => { const wrapper = BarGroupWrapper({ className: 'test' }); - expect(wrapper.prop('className')).toEqual('vx-bar-group test'); + expect(wrapper.prop('className')).toEqual('visx-bar-group test'); }); test('it should set top & left props', () => { diff --git a/packages/vx-shape/test/BarGroupHorizontal.test.tsx b/packages/visx-shape/test/BarGroupHorizontal.test.tsx similarity index 91% rename from packages/vx-shape/test/BarGroupHorizontal.test.tsx rename to packages/visx-shape/test/BarGroupHorizontal.test.tsx index 894b4ffe1..5afd5697c 100644 --- a/packages/vx-shape/test/BarGroupHorizontal.test.tsx +++ b/packages/visx-shape/test/BarGroupHorizontal.test.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { shallow } from 'enzyme'; -import { scaleBand, scaleLinear } from '@vx/scale'; +import { scaleBand, scaleLinear } from '@visx/scale'; import { BarGroupHorizontal } from '../src'; import { BarGroupHorizontalProps } from '../lib/shapes/BarGroupHorizontal'; @@ -72,14 +72,14 @@ describe('', () => { expect(BarGroupHorizontal).toBeDefined(); }); - test('it should have className .vx-bar-group', () => { + test('it should have className .visx-bar-group', () => { const wrapper = BarGroupWrapper(); - expect(wrapper.prop('className')).toEqual('vx-bar-group-horizontal'); + expect(wrapper.prop('className')).toEqual('visx-bar-group-horizontal'); }); test('it should set className prop', () => { const wrapper = BarGroupWrapper({ className: 'test' }); - expect(wrapper.prop('className')).toEqual('vx-bar-group-horizontal test'); + expect(wrapper.prop('className')).toEqual('visx-bar-group-horizontal test'); }); test('it should set top & left props', () => { diff --git a/packages/vx-shape/test/BarRounded.test.tsx b/packages/visx-shape/test/BarRounded.test.tsx similarity index 97% rename from packages/vx-shape/test/BarRounded.test.tsx rename to packages/visx-shape/test/BarRounded.test.tsx index 1e80f220a..776d36923 100644 --- a/packages/vx-shape/test/BarRounded.test.tsx +++ b/packages/visx-shape/test/BarRounded.test.tsx @@ -11,12 +11,12 @@ describe('', () => { expect(BarRounded).toBeDefined(); }); - test('it should have the .vx-bar class', () => { + test('it should have the .visx-bar class', () => { expect( BarRoundedWrapper({ className: 'test', }).prop('className'), - ).toBe('vx-bar-rounded test'); + ).toBe('visx-bar-rounded test'); }); test('it should expose its ref via an innerRef prop', () => { diff --git a/packages/vx-shape/test/BarStack.test.tsx b/packages/visx-shape/test/BarStack.test.tsx similarity index 83% rename from packages/vx-shape/test/BarStack.test.tsx rename to packages/visx-shape/test/BarStack.test.tsx index e65992236..e2ec76f77 100644 --- a/packages/vx-shape/test/BarStack.test.tsx +++ b/packages/visx-shape/test/BarStack.test.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { shallow } from 'enzyme'; -import { scaleBand } from '@vx/scale'; +import { scaleBand } from '@visx/scale'; import { BarStack } from '../src'; const scale = scaleBand({ @@ -13,7 +13,7 @@ describe('', () => { expect(BarStack).toBeDefined(); }); - test('it should have className .vx-bar-stack', () => { + test('it should have className .visx-bar-stack', () => { const wrapper = shallow( ', () => { keys={[]} />, ); - expect(wrapper.prop('className')).toEqual('vx-bar-stack'); + expect(wrapper.prop('className')).toEqual('visx-bar-stack'); }); test('it should set className prop', () => { @@ -43,7 +43,7 @@ describe('', () => { keys={[]} />, ); - expect(wrapper.prop('className')).toEqual('vx-bar-stack test'); + expect(wrapper.prop('className')).toEqual('visx-bar-stack test'); }); test('it should set top & left props', () => { diff --git a/packages/vx-shape/test/BarStackHorizontal.test.tsx b/packages/visx-shape/test/BarStackHorizontal.test.tsx similarity index 82% rename from packages/vx-shape/test/BarStackHorizontal.test.tsx rename to packages/visx-shape/test/BarStackHorizontal.test.tsx index 4763ee273..d1773a011 100644 --- a/packages/vx-shape/test/BarStackHorizontal.test.tsx +++ b/packages/visx-shape/test/BarStackHorizontal.test.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { shallow } from 'enzyme'; -import { scaleBand } from '@vx/scale'; +import { scaleBand } from '@visx/scale'; import { BarStackHorizontal } from '../src'; const scale = scaleBand({ @@ -16,7 +16,7 @@ describe('', () => { expect(BarStackHorizontal).toBeDefined(); }); - test('it should have className .vx-bar-stack-horizontal', () => { + test('it should have className .visx-bar-stack-horizontal', () => { const wrapper = shallow( ', () => { keys={[]} />, ); - expect(wrapper.prop('className')).toEqual('vx-bar-stack-horizontal'); + expect(wrapper.prop('className')).toEqual('visx-bar-stack-horizontal'); }); test('it should set className prop', () => { @@ -46,7 +46,7 @@ describe('', () => { keys={[]} />, ); - expect(wrapper.prop('className')).toEqual('vx-bar-stack-horizontal test'); + expect(wrapper.prop('className')).toEqual('visx-bar-stack-horizontal test'); }); test('it should set top & left props', () => { diff --git a/packages/vx-shape/test/Circle.test.tsx b/packages/visx-shape/test/Circle.test.tsx similarity index 89% rename from packages/vx-shape/test/Circle.test.tsx rename to packages/visx-shape/test/Circle.test.tsx index e7902e579..c7b77eebf 100644 --- a/packages/vx-shape/test/Circle.test.tsx +++ b/packages/visx-shape/test/Circle.test.tsx @@ -10,12 +10,12 @@ describe('', () => { expect(Circle).toBeDefined(); }); - test('it should have the .vx-circle class', () => { + test('it should have the .visx-circle class', () => { expect( CircleWrapper({ className: 'test', }).prop('className'), - ).toBe('vx-circle test'); + ).toBe('visx-circle test'); }); test('it should expose its ref via an innerRef prop', () => { diff --git a/packages/vx-shape/test/Line.test.tsx b/packages/visx-shape/test/Line.test.tsx similarity index 83% rename from packages/vx-shape/test/Line.test.tsx rename to packages/visx-shape/test/Line.test.tsx index 83738f13a..91b364f84 100644 --- a/packages/vx-shape/test/Line.test.tsx +++ b/packages/visx-shape/test/Line.test.tsx @@ -14,8 +14,8 @@ describe('', () => { expect(LineWrapper().find('line')).toHaveLength(1); }); - test('it should have the .vx-line class', () => { - expect(LineWrapper().prop('className')).toBe('vx-line'); + test('it should have the .visx-line class', () => { + expect(LineWrapper().prop('className')).toBe('visx-line'); }); test('it should expose its ref via an innerRef prop', () => { diff --git a/packages/vx-shape/test/LinePath.test.tsx b/packages/visx-shape/test/LinePath.test.tsx similarity index 92% rename from packages/vx-shape/test/LinePath.test.tsx rename to packages/visx-shape/test/LinePath.test.tsx index a5b945982..f50eea792 100644 --- a/packages/vx-shape/test/LinePath.test.tsx +++ b/packages/visx-shape/test/LinePath.test.tsx @@ -27,8 +27,8 @@ describe('', () => { expect(LinePath).toBeDefined(); }); - test('it should have the .vx-linepath class', () => { - expect(LinePathWrapper(linePathProps).prop('className')).toBe('vx-linepath'); + test('it should have the .visx-linepath class', () => { + expect(LinePathWrapper(linePathProps).prop('className')).toBe('visx-linepath'); }); test('it should contain paths', () => { diff --git a/packages/vx-shape/test/LineRadial.test.tsx b/packages/visx-shape/test/LineRadial.test.tsx similarity index 92% rename from packages/vx-shape/test/LineRadial.test.tsx rename to packages/visx-shape/test/LineRadial.test.tsx index 4066aa400..e0c69de2e 100644 --- a/packages/vx-shape/test/LineRadial.test.tsx +++ b/packages/visx-shape/test/LineRadial.test.tsx @@ -27,8 +27,8 @@ describe('', () => { expect(LineRadial).toBeDefined(); }); - test('it should have the .vx-line-radial class', () => { - expect(LineRadialWrapper(mockProps).prop('className')).toBe('vx-line-radial'); + test('it should have the .visx-line-radial class', () => { + expect(LineRadialWrapper(mockProps).prop('className')).toBe('visx-line-radial'); }); test('it should contain paths', () => { diff --git a/packages/vx-shape/test/LinkHorizontal.test.tsx b/packages/visx-shape/test/LinkHorizontal.test.tsx similarity index 100% rename from packages/vx-shape/test/LinkHorizontal.test.tsx rename to packages/visx-shape/test/LinkHorizontal.test.tsx diff --git a/packages/vx-shape/test/LinkRadial.test.tsx b/packages/visx-shape/test/LinkRadial.test.tsx similarity index 100% rename from packages/vx-shape/test/LinkRadial.test.tsx rename to packages/visx-shape/test/LinkRadial.test.tsx diff --git a/packages/vx-shape/test/LinkVertical.test.tsx b/packages/visx-shape/test/LinkVertical.test.tsx similarity index 100% rename from packages/vx-shape/test/LinkVertical.test.tsx rename to packages/visx-shape/test/LinkVertical.test.tsx diff --git a/packages/vx-shape/test/Pie.test.tsx b/packages/visx-shape/test/Pie.test.tsx similarity index 95% rename from packages/vx-shape/test/Pie.test.tsx rename to packages/visx-shape/test/Pie.test.tsx index dd411b658..f2b4af48b 100644 --- a/packages/vx-shape/test/Pie.test.tsx +++ b/packages/visx-shape/test/Pie.test.tsx @@ -88,8 +88,8 @@ describe('', () => { expect(() => PieWrapper({ pieSortValues: 12 })).toThrow(); }); - test('it should have the .vx-pie-arcs-group class', () => { - expect(PieWrapper().prop('className')).toBe('vx-pie-arcs-group'); + test('it should have the .visx-pie-arcs-group class', () => { + expect(PieWrapper().prop('className')).toBe('visx-pie-arcs-group'); }); test('it should contain paths', () => { diff --git a/packages/vx-shape/test/Polygon.test.tsx b/packages/visx-shape/test/Polygon.test.tsx similarity index 96% rename from packages/vx-shape/test/Polygon.test.tsx rename to packages/visx-shape/test/Polygon.test.tsx index 6fa89d84a..3246a8ada 100644 --- a/packages/vx-shape/test/Polygon.test.tsx +++ b/packages/visx-shape/test/Polygon.test.tsx @@ -26,7 +26,7 @@ describe('', () => { it('should add classname', () => { const wrapper = PolygonWrapper({ sides: 6, size: 25, className: 'a-polygon' }); - expect(wrapper.prop('className')).toBe('vx-polygon a-polygon'); + expect(wrapper.prop('className')).toBe('visx-polygon a-polygon'); }); it('should add onClick handler', () => { diff --git a/packages/vx-shape/test/Stack.test.tsx b/packages/visx-shape/test/Stack.test.tsx similarity index 100% rename from packages/vx-shape/test/Stack.test.tsx rename to packages/visx-shape/test/Stack.test.tsx diff --git a/packages/vx-shape/test/stackOffset.test.ts b/packages/visx-shape/test/stackOffset.test.ts similarity index 100% rename from packages/vx-shape/test/stackOffset.test.ts rename to packages/visx-shape/test/stackOffset.test.ts diff --git a/packages/vx-shape/test/stackOrder.test.ts b/packages/visx-shape/test/stackOrder.test.ts similarity index 100% rename from packages/vx-shape/test/stackOrder.test.ts rename to packages/visx-shape/test/stackOrder.test.ts diff --git a/packages/vx-shape/test/utils/D3ShapeFactories.test.ts b/packages/visx-shape/test/utils/D3ShapeFactories.test.ts similarity index 100% rename from packages/vx-shape/test/utils/D3ShapeFactories.test.ts rename to packages/visx-shape/test/utils/D3ShapeFactories.test.ts diff --git a/packages/vx-shape/test/utils/getBandwidth.test.ts b/packages/visx-shape/test/utils/getBandwidth.test.ts similarity index 90% rename from packages/vx-shape/test/utils/getBandwidth.test.ts rename to packages/visx-shape/test/utils/getBandwidth.test.ts index 6795480b2..e6fc1cc23 100644 --- a/packages/vx-shape/test/utils/getBandwidth.test.ts +++ b/packages/visx-shape/test/utils/getBandwidth.test.ts @@ -1,4 +1,4 @@ -import { scaleBand, scalePoint, scaleOrdinal } from '@vx/scale'; +import { scaleBand, scalePoint, scaleOrdinal } from '@visx/scale'; import getBandwidth from '../../src/util/getBandwidth'; describe('getBandwidth()', () => { diff --git a/packages/vx-stats/.npmrc b/packages/visx-stats/.npmrc similarity index 100% rename from packages/vx-stats/.npmrc rename to packages/visx-stats/.npmrc diff --git a/packages/visx-stats/Readme.md b/packages/visx-stats/Readme.md new file mode 100644 index 000000000..086efc3d4 --- /dev/null +++ b/packages/visx-stats/Readme.md @@ -0,0 +1,14 @@ +# @visx/stats + + + + + +The package provides `react` components for visualizing distributions, such as Box Plots and Violin +Plots + +## Installation + +``` +npm install --save @visx/stats +``` diff --git a/packages/vx-stats/package.json b/packages/visx-stats/package.json similarity index 68% rename from packages/vx-stats/package.json rename to packages/visx-stats/package.json index d2741178a..41910665b 100644 --- a/packages/vx-stats/package.json +++ b/packages/visx-stats/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/stats", + "name": "@visx/stats", "version": "0.0.199", - "description": "vx stats box violin", + "description": "visx stats box violin", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -24,15 +24,15 @@ "author": "@conglei", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "dependencies": { "@types/classnames": "^2.2.9", "@types/d3-shape": "^1.3.2", "@types/react": "*", - "@vx/group": "0.0.199", - "@vx/scale": "0.0.199", + "@visx/group": "0.0.199", + "@visx/scale": "0.0.199", "classnames": "^2.2.5", "d3-shape": "^1.2.0", "prop-types": "^15.5.10" diff --git a/packages/vx-stats/src/BoxPlot.tsx b/packages/visx-stats/src/BoxPlot.tsx similarity index 93% rename from packages/vx-stats/src/BoxPlot.tsx rename to packages/visx-stats/src/BoxPlot.tsx index 03e40cd16..ae33fa651 100644 --- a/packages/vx-stats/src/BoxPlot.tsx +++ b/packages/visx-stats/src/BoxPlot.tsx @@ -1,7 +1,7 @@ import React from 'react'; import classnames from 'classnames'; -import { Group } from '@vx/group'; -import { PickD3Scale, ContinuousDomainScaleType } from '@vx/scale'; +import { Group } from '@visx/group'; +import { PickD3Scale, ContinuousDomainScaleType } from '@visx/scale'; import { SharedProps, ChildRenderProps, LineCoords } from './types'; function verticalToHorizontal({ x1, x2, y1, y2 }: LineCoords) { @@ -163,14 +163,14 @@ export default function BoxPlot({ if (children) return <>{children(boxplot)}; return ( - + {outliers.map((d, i) => { const cx = horizontal ? valueScale(d) : center; const cy = horizontal ? center : valueScale(d); return ( ({ } // eslint-disable-next-line react/jsx-no-useless-fragment if (children) return <>{children({ path })}; - return ; + return ; } diff --git a/packages/vx-stats/src/index.ts b/packages/visx-stats/src/index.ts similarity index 100% rename from packages/vx-stats/src/index.ts rename to packages/visx-stats/src/index.ts diff --git a/packages/vx-stats/src/types.ts b/packages/visx-stats/src/types.ts similarity index 100% rename from packages/vx-stats/src/types.ts rename to packages/visx-stats/src/types.ts diff --git a/packages/vx-stats/src/util/computeStats.ts b/packages/visx-stats/src/util/computeStats.ts similarity index 100% rename from packages/vx-stats/src/util/computeStats.ts rename to packages/visx-stats/src/util/computeStats.ts diff --git a/packages/vx-stats/test/BoxPlot.test.tsx b/packages/visx-stats/test/BoxPlot.test.tsx similarity index 88% rename from packages/vx-stats/test/BoxPlot.test.tsx rename to packages/visx-stats/test/BoxPlot.test.tsx index 8788229e9..4c090cbfc 100644 --- a/packages/vx-stats/test/BoxPlot.test.tsx +++ b/packages/visx-stats/test/BoxPlot.test.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { shallow } from 'enzyme'; -import { scaleLinear } from '@vx/scale'; +import { scaleLinear } from '@visx/scale'; import { BoxPlot, computeStats } from '../src'; const data = [1, 2, 3, 4, 5, 6, 6, 7, 8, 9, 1]; @@ -19,7 +19,7 @@ describe('', () => { expect(BoxPlot).toBeDefined(); }); - test('it should have className .vx-boxplot', () => { + test('it should have className .visx-boxplot', () => { const wrapper = shallow( ', () => { outliers={outliers} />, ); - expect(wrapper.prop('className')).toEqual('vx-boxplot'); + expect(wrapper.prop('className')).toEqual('visx-boxplot'); }); test('it should render 5 lines and one rectangle', () => { diff --git a/packages/vx-stats/test/ViolinPlot.test.tsx b/packages/visx-stats/test/ViolinPlot.test.tsx similarity index 79% rename from packages/vx-stats/test/ViolinPlot.test.tsx rename to packages/visx-stats/test/ViolinPlot.test.tsx index 78cfd8155..c16661ec9 100644 --- a/packages/vx-stats/test/ViolinPlot.test.tsx +++ b/packages/visx-stats/test/ViolinPlot.test.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { shallow } from 'enzyme'; -import { scaleLinear } from '@vx/scale'; +import { scaleLinear } from '@visx/scale'; import { ViolinPlot, computeStats } from '../src'; const data = [1, 2, 3, 4, 5, 6, 6, 7, 8, 9, 1]; @@ -17,11 +17,11 @@ describe('', () => { expect(ViolinPlot).toBeDefined(); }); - test('it should have className .vx-violin', () => { + test('it should have className .visx-violin', () => { const wrapper = shallow( , ); - expect(wrapper.prop('className')).toEqual('vx-violin'); + expect(wrapper.prop('className')).toEqual('visx-violin'); }); test('it should render one path element', () => { diff --git a/packages/vx-stats/test/computeStats.test.ts b/packages/visx-stats/test/computeStats.test.ts similarity index 100% rename from packages/vx-stats/test/computeStats.test.ts rename to packages/visx-stats/test/computeStats.test.ts diff --git a/packages/vx-text/.npmrc b/packages/visx-text/.npmrc similarity index 100% rename from packages/vx-text/.npmrc rename to packages/visx-text/.npmrc diff --git a/packages/vx-text/Readme.md b/packages/visx-text/Readme.md similarity index 68% rename from packages/vx-text/Readme.md rename to packages/visx-text/Readme.md index 198af0334..a90f6039b 100644 --- a/packages/vx-text/Readme.md +++ b/packages/visx-text/Readme.md @@ -1,10 +1,10 @@ -# @vx/text +# @visx/text - - + + -The `@vx/text` provides a better SVG `` component with the following features +The `@visx/text` provides a better SVG `` component with the following features - Word-wrapping (when `width` prop is defined) - Vertical alignment (`verticalAnchor` prop) @@ -21,7 +21,7 @@ you'd expect. ```jsx import React from 'react'; import { render } from 'react-dom'; -import { Text } from '@vx/text'; +import { Text } from '@visx/text'; const App = () => ( @@ -35,5 +35,5 @@ render(, document.getElementById('root')); ## Installation ``` -npm install --save @vx/text +npm install --save @visx/text ``` diff --git a/packages/vx-text/package.json b/packages/visx-text/package.json similarity index 75% rename from packages/vx-text/package.json rename to packages/visx-text/package.json index 362325b98..91a8b8fe6 100644 --- a/packages/vx-text/package.json +++ b/packages/visx-text/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/text", + "name": "@visx/text", "version": "0.0.199", - "description": "vx text", + "description": "visx text", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualization", @@ -24,9 +24,9 @@ "author": "@techniq", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "dependencies": { "@types/classnames": "^2.2.9", "@types/lodash": "^4.14.160", diff --git a/packages/vx-text/src/Text.tsx b/packages/visx-text/src/Text.tsx similarity index 100% rename from packages/vx-text/src/Text.tsx rename to packages/visx-text/src/Text.tsx diff --git a/packages/vx-text/src/index.ts b/packages/visx-text/src/index.ts similarity index 100% rename from packages/vx-text/src/index.ts rename to packages/visx-text/src/index.ts diff --git a/packages/vx-text/src/util/getStringWidth.ts b/packages/visx-text/src/util/getStringWidth.ts similarity index 100% rename from packages/vx-text/src/util/getStringWidth.ts rename to packages/visx-text/src/util/getStringWidth.ts diff --git a/packages/vx-text/test/Text.test.tsx b/packages/visx-text/test/Text.test.tsx similarity index 100% rename from packages/vx-text/test/Text.test.tsx rename to packages/visx-text/test/Text.test.tsx diff --git a/packages/vx-text/test/svgMock.ts b/packages/visx-text/test/svgMock.ts similarity index 100% rename from packages/vx-text/test/svgMock.ts rename to packages/visx-text/test/svgMock.ts diff --git a/packages/vx-text/types/reduce-css-calc/index.d.ts b/packages/visx-text/types/reduce-css-calc/index.d.ts similarity index 100% rename from packages/vx-text/types/reduce-css-calc/index.d.ts rename to packages/visx-text/types/reduce-css-calc/index.d.ts diff --git a/packages/vx-threshold/.npmrc b/packages/visx-threshold/.npmrc similarity index 100% rename from packages/vx-threshold/.npmrc rename to packages/visx-threshold/.npmrc diff --git a/packages/visx-threshold/Readme.md b/packages/visx-threshold/Readme.md new file mode 100644 index 000000000..a1dc87494 --- /dev/null +++ b/packages/visx-threshold/Readme.md @@ -0,0 +1,14 @@ +# @visx/threshold + + + + + +`@visx/threshold` allows for creation of Difference Charts in `react`, which highlight the delta +between two line series. + +## Installation + +``` +npm install --save @visx/threshold +``` diff --git a/packages/vx-threshold/package.json b/packages/visx-threshold/package.json similarity index 78% rename from packages/vx-threshold/package.json rename to packages/visx-threshold/package.json index 5ba9a94e0..27a4be266 100644 --- a/packages/vx-threshold/package.json +++ b/packages/visx-threshold/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/threshold", + "name": "@visx/threshold", "version": "0.0.199", - "description": "vx threshold", + "description": "visx threshold", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -10,12 +10,12 @@ "lib", "esm" ], - "repository": "https://github.com/hshoff/vx", + "repository": "https://github.com/airbnb/visx", "scripts": { "docs": "cd ./docs && ../../../node_modules/.bin/react-docgen --exclude index.js ../src/ | ../../../scripts/buildDocs.sh" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -26,8 +26,8 @@ "dependencies": { "@types/classnames": "^2.2.9", "@types/react": "*", - "@vx/clip-path": "0.0.199", - "@vx/shape": "0.0.199", + "@visx/clip-path": "0.0.199", + "@visx/shape": "0.0.199", "classnames": "^2.2.5", "prop-types": "^15.5.10" }, diff --git a/packages/vx-threshold/src/Threshold.tsx b/packages/visx-threshold/src/Threshold.tsx similarity index 92% rename from packages/vx-threshold/src/Threshold.tsx rename to packages/visx-threshold/src/Threshold.tsx index a409ef782..a05e7ec9c 100644 --- a/packages/vx-threshold/src/Threshold.tsx +++ b/packages/visx-threshold/src/Threshold.tsx @@ -1,8 +1,8 @@ import React from 'react'; import cx from 'classnames'; -import { Area } from '@vx/shape'; -import { AreaProps as AreaOwnProps } from '@vx/shape/lib/shapes/Area'; -import { ClipPath } from '@vx/clip-path'; +import { Area } from '@visx/shape'; +import { AreaProps as AreaOwnProps } from '@visx/shape/lib/shapes/Area'; +import { ClipPath } from '@visx/clip-path'; type AreaProps = AreaOwnProps & Omit, keyof AreaOwnProps>; @@ -12,7 +12,7 @@ type NumberAccessor = (datum: Datum, index: number, data: Datum[]) => num export type ThresholdProps = { /** className applied to container g element. */ className?: string; - /** Sets the curve factory (from @vx/curve or d3-curve) for the area generator. Defaults to curveLinear. */ + /** Sets the curve factory (from @visx/curve or d3-curve) for the area generator. Defaults to curveLinear. */ curve?: AreaProps['curve']; /** Specifies a constant value, or an accessor called per datum, above which the *upper area* is clipped. */ clipAboveTo: NumberAccessor | number; @@ -63,7 +63,7 @@ export default function Threshold({ id = '', }: ThresholdProps) { return ( - + curve={curve} data={data} x={x} y1={y1} defined={defined}> {({ path }) => { // TS cannot infer the correct method overload diff --git a/packages/vx-threshold/src/index.ts b/packages/visx-threshold/src/index.ts similarity index 100% rename from packages/vx-threshold/src/index.ts rename to packages/visx-threshold/src/index.ts diff --git a/packages/vx-threshold/test/Threshold.test.tsx b/packages/visx-threshold/test/Threshold.test.tsx similarity index 92% rename from packages/vx-threshold/test/Threshold.test.tsx rename to packages/visx-threshold/test/Threshold.test.tsx index 75bf495ce..642435c34 100644 --- a/packages/vx-threshold/test/Threshold.test.tsx +++ b/packages/visx-threshold/test/Threshold.test.tsx @@ -34,7 +34,7 @@ describe('', () => { /> , ); - expect(wrapper.find('g.vx-threshold')).toHaveLength(1); + expect(wrapper.find('g.visx-threshold')).toHaveLength(1); expect(wrapper.find('path')).toHaveLength(4); }); @@ -60,7 +60,7 @@ describe('', () => { /> , ); - expect(wrapper.find('g.vx-threshold')).toHaveLength(1); + expect(wrapper.find('g.visx-threshold')).toHaveLength(1); expect(wrapper.find('path')).toHaveLength(4); }); }); diff --git a/packages/vx-tooltip/.npmrc b/packages/visx-tooltip/.npmrc similarity index 100% rename from packages/vx-tooltip/.npmrc rename to packages/visx-tooltip/.npmrc diff --git a/packages/vx-tooltip/Readme.md b/packages/visx-tooltip/Readme.md similarity index 95% rename from packages/vx-tooltip/Readme.md rename to packages/visx-tooltip/Readme.md index c61ebd1a2..db2b6f6d1 100644 --- a/packages/vx-tooltip/Readme.md +++ b/packages/visx-tooltip/Readme.md @@ -1,16 +1,16 @@ -# @vx/tooltip +# @visx/tooltip - - + + -The `@vx/tooltip` package provides utilities for making it easy to add `Tooltip`s to a visualization -and includes hooks, higher-order component (HOC) enhancers, and Tooltip components. +The `@visx/tooltip` package provides utilities for making it easy to add `Tooltip`s to a +visualization and includes hooks, higher-order component (HOC) enhancers, and Tooltip components. ### Installation ``` -npm install --save @vx/tooltip +npm install --save @visx/tooltip ``` ### Hooks and Enhancers @@ -75,7 +75,7 @@ accepts the following props, and will spread any additional props on the tooltip | :-------- | :--------------- | :------ | :---------------------------------------------------------------------------- | | left | number or string | -- | Sets style.left of the tooltip container | | top | number or string | -- | Sets style.top of the tooltip container | -| className | string | -- | Adds a class (in addition to `vx-tooltip-portal`) to the tooltip container | +| className | string | -- | Adds a class (in addition to `visx-tooltip-portal`) to the tooltip container | | style | object | -- | Sets / overrides any styles on the tooltip container (including top and left) | | children | node | -- | Sets the children of the tooltip, i.e., the actual content | | unstyled | bool | true | Whether the tooltip should use styles from the style prop or not | @@ -180,8 +180,8 @@ const pageY = containerY + containerBoundingBox.top + window.scrollTop; #### useTooltip and useTooltipInPortal For Functional Components ```jsx -import { useTooltip, useTooltipInPortal, TooltipWithBounds } from '@vx/tooltip'; -import { localPoint } from '@vx/event'; +import { useTooltip, useTooltipInPortal, TooltipWithBounds } from '@visx/tooltip'; +import { localPoint } from '@visx/event'; const ChartWithTooltip = () => { const { @@ -243,8 +243,8 @@ render(, document.getElementById("root")); #### withTooltip For Class Components ```js -import { withTooltip, TooltipWithBounds } from '@vx/tooltip'; -import { localPoint } from '@vx/event'; +import { withTooltip, TooltipWithBounds } from '@visx/tooltip'; +import { localPoint } from '@visx/event'; class Chart extends React.Component { handleMouseOver = (event, datum) => { diff --git a/packages/vx-tooltip/package.json b/packages/visx-tooltip/package.json similarity index 71% rename from packages/vx-tooltip/package.json rename to packages/visx-tooltip/package.json index 4dacbeaf7..219db7fbf 100644 --- a/packages/vx-tooltip/package.json +++ b/packages/visx-tooltip/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/tooltip", + "name": "@visx/tooltip", "version": "0.0.199", - "description": "vx tooltip", + "description": "visx tooltip", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -24,13 +24,13 @@ "author": "@hshoff", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "dependencies": { "@types/classnames": "^2.2.9", "@types/react": "*", - "@vx/bounds": "0.0.199", + "@visx/bounds": "0.0.199", "classnames": "^2.2.5", "prop-types": "^15.5.10", "react-use-measure": "2.0.1" diff --git a/packages/vx-tooltip/src/Portal.tsx b/packages/visx-tooltip/src/Portal.tsx similarity index 100% rename from packages/vx-tooltip/src/Portal.tsx rename to packages/visx-tooltip/src/Portal.tsx diff --git a/packages/vx-tooltip/src/enhancers/withTooltip.tsx b/packages/visx-tooltip/src/enhancers/withTooltip.tsx similarity index 100% rename from packages/vx-tooltip/src/enhancers/withTooltip.tsx rename to packages/visx-tooltip/src/enhancers/withTooltip.tsx diff --git a/packages/vx-tooltip/src/hooks/useTooltip.ts b/packages/visx-tooltip/src/hooks/useTooltip.ts similarity index 100% rename from packages/vx-tooltip/src/hooks/useTooltip.ts rename to packages/visx-tooltip/src/hooks/useTooltip.ts diff --git a/packages/vx-tooltip/src/hooks/useTooltipInPortal.tsx b/packages/visx-tooltip/src/hooks/useTooltipInPortal.tsx similarity index 100% rename from packages/vx-tooltip/src/hooks/useTooltipInPortal.tsx rename to packages/visx-tooltip/src/hooks/useTooltipInPortal.tsx diff --git a/packages/vx-tooltip/src/index.ts b/packages/visx-tooltip/src/index.ts similarity index 100% rename from packages/vx-tooltip/src/index.ts rename to packages/visx-tooltip/src/index.ts diff --git a/packages/vx-tooltip/src/tooltips/Tooltip.tsx b/packages/visx-tooltip/src/tooltips/Tooltip.tsx similarity index 95% rename from packages/vx-tooltip/src/tooltips/Tooltip.tsx rename to packages/visx-tooltip/src/tooltips/Tooltip.tsx index 2471dfc44..d40425e0f 100644 --- a/packages/vx-tooltip/src/tooltips/Tooltip.tsx +++ b/packages/visx-tooltip/src/tooltips/Tooltip.tsx @@ -37,7 +37,7 @@ export default function Tooltip({ }: TooltipProps & React.HTMLProps) { return (
+ + + +The one stop install for all `visx` packages. + +## Installation + +``` +npm install --save @visx/visx +``` diff --git a/packages/visx-visx/package.json b/packages/visx-visx/package.json new file mode 100644 index 000000000..a41c12d7e --- /dev/null +++ b/packages/visx-visx/package.json @@ -0,0 +1,65 @@ +{ + "name": "@visx/visx", + "version": "0.0.199", + "description": "One stop install for all visx packages", + "sideEffects": false, + "main": "lib/index.js", + "module": "esm/index.js", + "files": [ + "lib", + "esm" + ], + "repository": { + "type": "git", + "url": "git+https://github.com/airbnb/visx.git" + }, + "keywords": [ + "visx", + "react", + "d3", + "visualizations", + "charts" + ], + "author": "@hshoff", + "license": "MIT", + "bugs": { + "url": "https://github.com/airbnb/visx/issues" + }, + "homepage": "https://github.com/airbnb/visx#readme", + "publishConfig": { + "access": "public" + }, + "peerDependencies": { + "react": "^16.3.0-0" + }, + "dependencies": { + "@visx/annotation": "0.0.199", + "@visx/axis": "0.0.199", + "@visx/bounds": "0.0.199", + "@visx/brush": "0.0.199", + "@visx/clip-path": "0.0.199", + "@visx/curve": "0.0.199", + "@visx/drag": "0.0.199", + "@visx/event": "0.0.199", + "@visx/geo": "0.0.199", + "@visx/glyph": "0.0.199", + "@visx/gradient": "0.0.199", + "@visx/grid": "0.0.199", + "@visx/group": "0.0.199", + "@visx/heatmap": "0.0.199", + "@visx/hierarchy": "0.0.199", + "@visx/legend": "0.0.199", + "@visx/marker": "0.0.199", + "@visx/mock-data": "0.0.199", + "@visx/network": "0.0.199", + "@visx/pattern": "0.0.199", + "@visx/point": "0.0.199", + "@visx/responsive": "0.0.199", + "@visx/scale": "0.0.199", + "@visx/shape": "0.0.199", + "@visx/text": "0.0.199", + "@visx/tooltip": "0.0.199", + "@visx/voronoi": "0.0.199", + "@visx/zoom": "0.0.199" + } +} diff --git a/packages/visx-visx/src/index.ts b/packages/visx-visx/src/index.ts new file mode 100644 index 000000000..00461228a --- /dev/null +++ b/packages/visx-visx/src/index.ts @@ -0,0 +1,28 @@ +export * from '@visx/annotation'; +export * from '@visx/axis'; +export * from '@visx/bounds'; +export * from '@visx/brush'; +export * from '@visx/clip-path'; +export * from '@visx/curve'; +export * from '@visx/drag'; +export * from '@visx/event'; +export * from '@visx/geo'; +export * from '@visx/glyph'; +export * from '@visx/gradient'; +export * from '@visx/grid'; +export * from '@visx/group'; +export * from '@visx/heatmap'; +export * from '@visx/hierarchy'; +export * from '@visx/legend'; +export * from '@visx/marker'; +export * from '@visx/mock-data'; +export * from '@visx/network'; +export * from '@visx/pattern'; +export * from '@visx/point'; +export * from '@visx/responsive'; +export * from '@visx/scale'; +export * from '@visx/shape'; +export * from '@visx/text'; +export * from '@visx/tooltip'; +export * from '@visx/voronoi'; +export * from '@visx/zoom'; diff --git a/packages/visx-visx/test/index.test.ts b/packages/visx-visx/test/index.test.ts new file mode 100644 index 000000000..68ddfdc9f --- /dev/null +++ b/packages/visx-visx/test/index.test.ts @@ -0,0 +1,116 @@ +/* eslint-disable import/namespace */ +import * as visx from '../src'; + +describe('visx', () => { + test('it should be defined', () => { + expect(visx).toBeDefined(); + }); + + test('it should export @visx/annotation', () => { + expect(visx.LinePathAnnotation).toBeDefined(); + }); + + test('it should export @visx/axis', () => { + expect(visx.Axis).toBeDefined(); + }); + + test('it should export @visx/bounds', () => { + expect(visx.withBoundingRects).toBeDefined(); + }); + + test('it should export @visx/clip-path', () => { + expect(visx.ClipPath).toBeDefined(); + }); + + test('it should export @visx/curve', () => { + expect(visx.curveBasis).toBeDefined(); + }); + + test('it should export @visx/drag', () => { + expect(visx.Drag).toBeDefined(); + }); + + test('it should export @visx/event', () => { + expect(visx.localPoint).toBeDefined(); + }); + + test('it should export @visx/geo', () => { + expect(visx.Albers).toBeDefined(); + }); + + test('it should export @visx/glyph', () => { + expect(visx.Glyph).toBeDefined(); + }); + + test('it should export @visx/gradient', () => { + expect(visx.LinearGradient).toBeDefined(); + }); + + test('it should export @visx/grid', () => { + expect(visx.Grid).toBeDefined(); + }); + + test('it should export @visx/group', () => { + expect(visx.Group).toBeDefined(); + }); + + test('it should export @visx/heatmap', () => { + expect(visx.HeatmapRect).toBeDefined(); + }); + + test('it should export @visx/hierarchy', () => { + expect(visx.Tree).toBeDefined(); + }); + + test('it should export @visx/legend', () => { + expect(visx.Legend).toBeDefined(); + }); + + test('it should export @visx/marker', () => { + expect(visx.Marker).toBeDefined(); + }); + + test('it should export @visx/mock-data', () => { + expect(visx.genDateValue).toBeDefined(); + }); + + test('it should export @visx/network', () => { + expect(visx.Graph).toBeDefined(); + }); + + test('it should export @visx/pattern', () => { + expect(visx.Pattern).toBeDefined(); + }); + + test('it should export @visx/point', () => { + expect(visx.Point).toBeDefined(); + }); + + test('it should export @visx/responsive', () => { + expect(visx.withParentSize).toBeDefined(); + }); + + test('it should export @visx/scale', () => { + expect(visx.scaleBand).toBeDefined(); + }); + + test('it should export @visx/shape', () => { + expect(visx.Bar).toBeDefined(); + }); + + test('it should export @visx/text', () => { + expect(visx.Text).toBeDefined(); + }); + + test('it should export @visx/tooltip', () => { + expect(visx.Tooltip).toBeDefined(); + }); + + test('it should export @visx/voronoi', () => { + expect(visx.voronoi).toBeDefined(); + }); + + test('it should export @visx/zoom', () => { + expect(visx.Zoom).toBeDefined(); + }); +}); diff --git a/packages/vx-vx/.npmrc b/packages/visx-voronoi/.npmrc similarity index 100% rename from packages/vx-vx/.npmrc rename to packages/visx-voronoi/.npmrc diff --git a/packages/vx-voronoi/Readme.md b/packages/visx-voronoi/Readme.md similarity index 78% rename from packages/vx-voronoi/Readme.md rename to packages/visx-voronoi/Readme.md index 1712d7b2c..797cc052b 100644 --- a/packages/vx-voronoi/Readme.md +++ b/packages/visx-voronoi/Readme.md @@ -1,7 +1,7 @@ -# @vx/voronoi +# @visx/voronoi - - + + ## Overview @@ -15,22 +15,22 @@ Not only are Voronoi diagrams 😍, but they can be used to This is most often accomplished by overlaying an invisible voronoi grid on top of the visualization to increase the target area of interaction sites such as points on a scatter plot. -The `@vx/voronoi` package provides a wrapper around the existing +The `@visx/voronoi` package provides a wrapper around the existing [d3-voronoi](https://github.com/d3/d3-voronoi) package with some `react`-specific utilities. ## Installation ``` -npm install --save @vx/voronoi +npm install --save @visx/voronoi ``` ## Usage -The `@vx/voronoi` package exports a wrapped version of the d3 `voronoi` layout for flexible usage, +The `@visx/voronoi` package exports a wrapped version of the d3 `voronoi` layout for flexible usage, as well as a `` component for rendering Voronoi regions. ```js -import { voronoi, VoronoiPolygon } from '@vx/voronoi'; +import { voronoi, VoronoiPolygon } from '@visx/voronoi'; const points = Array(n).fill(null).map(() => ({ x: Math.random() * innerWidth, @@ -63,6 +63,6 @@ return ( ) ``` -For more advanced usage with events, see [this example](https://vx-demo.now.sh/voronoi). Additional +For more advanced usage with events, see [this example](https://airbnb.io/visx/voronoi). Additional information about the voronoi layout + diagram can be found in the [d3-voronoi documentation](https://github.com/d3/d3-voronoi). diff --git a/packages/vx-voronoi/package.json b/packages/visx-voronoi/package.json similarity index 74% rename from packages/vx-voronoi/package.json rename to packages/visx-voronoi/package.json index 42f321a19..28f96a97d 100644 --- a/packages/vx-voronoi/package.json +++ b/packages/visx-voronoi/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/voronoi", + "name": "@visx/voronoi", "version": "0.0.199", - "description": "vx voronoi", + "description": "visx voronoi", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -24,9 +24,9 @@ "author": "Chris Williams @williaster", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "publishConfig": { "access": "public" }, diff --git a/packages/vx-voronoi/src/components/VoronoiPolygon.tsx b/packages/visx-voronoi/src/components/VoronoiPolygon.tsx similarity index 89% rename from packages/vx-voronoi/src/components/VoronoiPolygon.tsx rename to packages/visx-voronoi/src/components/VoronoiPolygon.tsx index 6a8793e50..6d44fcea6 100644 --- a/packages/vx-voronoi/src/components/VoronoiPolygon.tsx +++ b/packages/visx-voronoi/src/components/VoronoiPolygon.tsx @@ -20,5 +20,5 @@ export default function VoronoiPolygon({ const path = `M${polygon.join('L')}Z`; if (children) return <>{children({ path, polygon })}; - return ; + return ; } diff --git a/packages/vx-voronoi/src/index.ts b/packages/visx-voronoi/src/index.ts similarity index 100% rename from packages/vx-voronoi/src/index.ts rename to packages/visx-voronoi/src/index.ts diff --git a/packages/vx-voronoi/src/voronoi.ts b/packages/visx-voronoi/src/voronoi.ts similarity index 100% rename from packages/vx-voronoi/src/voronoi.ts rename to packages/visx-voronoi/src/voronoi.ts diff --git a/packages/vx-voronoi/test/VoronoiPolygon.test.tsx b/packages/visx-voronoi/test/VoronoiPolygon.test.tsx similarity index 100% rename from packages/vx-voronoi/test/VoronoiPolygon.test.tsx rename to packages/visx-voronoi/test/VoronoiPolygon.test.tsx diff --git a/packages/vx-voronoi/test/voronoi.test.ts b/packages/visx-voronoi/test/voronoi.test.ts similarity index 100% rename from packages/vx-voronoi/test/voronoi.test.ts rename to packages/visx-voronoi/test/voronoi.test.ts diff --git a/packages/visx-xychart/README.md b/packages/visx-xychart/README.md new file mode 100644 index 000000000..0048c0482 --- /dev/null +++ b/packages/visx-xychart/README.md @@ -0,0 +1,3 @@ +# @visx/xychart + +Coming 🔜 diff --git a/packages/vx-xychart/package.json b/packages/visx-xychart/package.json similarity index 62% rename from packages/vx-xychart/package.json rename to packages/visx-xychart/package.json index 0da97fde1..4ab8f9255 100644 --- a/packages/vx-xychart/package.json +++ b/packages/visx-xychart/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/xychart", - "version": "0.0.199", - "description": "Composable cartesian coordinate chart built with vx primitives", + "name": "@visx/xychart", + "version": "0.0.0", + "description": "Composable cartesian coordinate chart built with visx primitives", "sideEffects": false, "private": true, "main": "lib/index.js", @@ -13,10 +13,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -30,9 +30,9 @@ ], "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "publishConfig": { "access": "public" }, @@ -42,13 +42,13 @@ "dependencies": { "@types/classnames": "^2.2.9", "@types/react": "*", - "@vx/axis": "0.0.199", - "@vx/grid": "0.0.199", - "@vx/react-spring": "0.0.199", - "@vx/responsive": "0.0.199", - "@vx/scale": "0.0.199", - "@vx/shape": "0.0.199", - "@vx/text": "0.0.199", + "@visx/axis": "0.0.199", + "@visx/grid": "0.0.199", + "@visx/react-spring": "0.0.199", + "@visx/responsive": "0.0.199", + "@visx/scale": "0.0.199", + "@visx/shape": "0.0.199", + "@visx/text": "0.0.199", "d3-array": "2.6.0", "classnames": "^2.2.5", "prop-types": "^15.6.2" diff --git a/packages/vx-xychart/src/classes/DataRegistry.ts b/packages/visx-xychart/src/classes/DataRegistry.ts similarity index 97% rename from packages/vx-xychart/src/classes/DataRegistry.ts rename to packages/visx-xychart/src/classes/DataRegistry.ts index 5da650038..44e0d34c1 100644 --- a/packages/vx-xychart/src/classes/DataRegistry.ts +++ b/packages/visx-xychart/src/classes/DataRegistry.ts @@ -1,4 +1,4 @@ -import { AxisScale } from '@vx/axis'; +import { AxisScale } from '@visx/axis'; import { DataRegistryEntry } from '../types/data'; /** A class for holding data entries */ diff --git a/packages/vx-xychart/src/components/XYChart.tsx b/packages/visx-xychart/src/components/XYChart.tsx similarity index 94% rename from packages/vx-xychart/src/components/XYChart.tsx rename to packages/visx-xychart/src/components/XYChart.tsx index 26e7fd799..70a4f29e7 100644 --- a/packages/vx-xychart/src/components/XYChart.tsx +++ b/packages/visx-xychart/src/components/XYChart.tsx @@ -1,5 +1,5 @@ import React, { useContext, useEffect } from 'react'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; import DataContext from '../context/DataContext'; import { Margin } from '../types'; diff --git a/packages/vx-xychart/src/components/axis/AnimatedAxis.tsx b/packages/visx-xychart/src/components/axis/AnimatedAxis.tsx similarity index 70% rename from packages/vx-xychart/src/components/axis/AnimatedAxis.tsx rename to packages/visx-xychart/src/components/axis/AnimatedAxis.tsx index e4c173efd..27713c492 100644 --- a/packages/vx-xychart/src/components/axis/AnimatedAxis.tsx +++ b/packages/visx-xychart/src/components/axis/AnimatedAxis.tsx @@ -1,7 +1,7 @@ import React from 'react'; -import { AxisScale } from '@vx/axis/lib/types'; -import VxAnimatedAxis from '@vx/react-spring/lib/axis/AnimatedAxis'; -import { AnimationTrajectory } from '@vx/react-spring/lib/types'; +import { AxisScale } from '@visx/axis/lib/types'; +import VxAnimatedAxis from '@visx/react-spring/lib/axis/AnimatedAxis'; +import { AnimationTrajectory } from '@visx/react-spring/lib/types'; import BaseAxis, { BaseAxisProps } from './BaseAxis'; export type AnimatedAxisProps = Omit< diff --git a/packages/vx-xychart/src/components/axis/Axis.tsx b/packages/visx-xychart/src/components/axis/Axis.tsx similarity index 85% rename from packages/vx-xychart/src/components/axis/Axis.tsx rename to packages/visx-xychart/src/components/axis/Axis.tsx index 727c4827f..1b2c9f584 100644 --- a/packages/vx-xychart/src/components/axis/Axis.tsx +++ b/packages/visx-xychart/src/components/axis/Axis.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Axis as VxAxis, AxisScale } from '@vx/axis'; +import { Axis as VxAxis, AxisScale } from '@visx/axis'; import BaseAxis, { BaseAxisProps } from './BaseAxis'; export type AxisProps = Omit, 'AxisComponent'>; diff --git a/packages/vx-xychart/src/components/axis/BaseAxis.tsx b/packages/visx-xychart/src/components/axis/BaseAxis.tsx similarity index 95% rename from packages/vx-xychart/src/components/axis/BaseAxis.tsx rename to packages/visx-xychart/src/components/axis/BaseAxis.tsx index fe3b2483f..f13438dfb 100644 --- a/packages/vx-xychart/src/components/axis/BaseAxis.tsx +++ b/packages/visx-xychart/src/components/axis/BaseAxis.tsx @@ -1,6 +1,6 @@ import React, { useMemo, useContext } from 'react'; -import { AxisScale } from '@vx/axis'; -import { AxisProps as VxAxisProps } from '@vx/axis/lib/axis/Axis'; +import { AxisScale } from '@visx/axis'; +import { AxisProps as VxAxisProps } from '@visx/axis/lib/axis/Axis'; import DataContext from '../../context/DataContext'; export type BaseAxisProps = Omit< diff --git a/packages/vx-xychart/src/components/grid/AnimatedGrid.tsx b/packages/visx-xychart/src/components/grid/AnimatedGrid.tsx similarity index 70% rename from packages/vx-xychart/src/components/grid/AnimatedGrid.tsx rename to packages/visx-xychart/src/components/grid/AnimatedGrid.tsx index 361d59197..15848623d 100644 --- a/packages/vx-xychart/src/components/grid/AnimatedGrid.tsx +++ b/packages/visx-xychart/src/components/grid/AnimatedGrid.tsx @@ -1,10 +1,10 @@ import React, { useMemo } from 'react'; -import AnimatedGridRows from '@vx/react-spring/lib/grid/AnimatedGridRows'; -import AnimatedGridColumns from '@vx/react-spring/lib/grid/AnimatedGridColumns'; -import { AnimationTrajectory } from '@vx/react-spring'; -import { GridRowsProps } from '@vx/grid/lib/grids/GridRows'; -import { AxisScale } from '@vx/axis'; -import { GridColumnsProps } from '@vx/grid/lib/grids/GridColumns'; +import AnimatedGridRows from '@visx/react-spring/lib/grid/AnimatedGridRows'; +import AnimatedGridColumns from '@visx/react-spring/lib/grid/AnimatedGridColumns'; +import { AnimationTrajectory } from '@visx/react-spring'; +import { GridRowsProps } from '@visx/grid/lib/grids/GridRows'; +import { AxisScale } from '@visx/axis'; +import { GridColumnsProps } from '@visx/grid/lib/grids/GridColumns'; import BaseGrid, { BaseGridProps } from './BaseGrid'; export type AnimatedGridProps = Omit< diff --git a/packages/vx-xychart/src/components/grid/BaseGrid.tsx b/packages/visx-xychart/src/components/grid/BaseGrid.tsx similarity index 86% rename from packages/vx-xychart/src/components/grid/BaseGrid.tsx rename to packages/visx-xychart/src/components/grid/BaseGrid.tsx index 9fe7a845b..d4fae55c3 100644 --- a/packages/vx-xychart/src/components/grid/BaseGrid.tsx +++ b/packages/visx-xychart/src/components/grid/BaseGrid.tsx @@ -1,8 +1,8 @@ import React, { useContext } from 'react'; -import { CommonGridProps } from '@vx/grid/lib/types'; -import { AllGridRowsProps } from '@vx/grid/lib/grids/GridRows'; -import { GridColumnsProps } from '@vx/grid/lib/grids/GridColumns'; -import { AxisScale } from '@vx/axis'; +import { CommonGridProps } from '@visx/grid/lib/types'; +import { AllGridRowsProps } from '@visx/grid/lib/grids/GridRows'; +import { GridColumnsProps } from '@visx/grid/lib/grids/GridColumns'; +import { AxisScale } from '@visx/axis'; import DataContext from '../../context/DataContext'; export type BaseGridProps = { diff --git a/packages/vx-xychart/src/components/grid/Grid.tsx b/packages/visx-xychart/src/components/grid/Grid.tsx similarity index 73% rename from packages/vx-xychart/src/components/grid/Grid.tsx rename to packages/visx-xychart/src/components/grid/Grid.tsx index 6a14a4acd..9a89b86d4 100644 --- a/packages/vx-xychart/src/components/grid/Grid.tsx +++ b/packages/visx-xychart/src/components/grid/Grid.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import GridRows from '@vx/grid/lib/grids/GridRows'; -import GridColumns from '@vx/grid/lib/grids/GridColumns'; +import GridRows from '@visx/grid/lib/grids/GridRows'; +import GridColumns from '@visx/grid/lib/grids/GridColumns'; import BaseGrid, { BaseGridProps } from './BaseGrid'; export type GridProps = Omit; diff --git a/packages/vx-xychart/src/components/series/LineSeries.tsx b/packages/visx-xychart/src/components/series/LineSeries.tsx similarity index 92% rename from packages/vx-xychart/src/components/series/LineSeries.tsx rename to packages/visx-xychart/src/components/series/LineSeries.tsx index 00333483e..746a3bd58 100644 --- a/packages/vx-xychart/src/components/series/LineSeries.tsx +++ b/packages/visx-xychart/src/components/series/LineSeries.tsx @@ -1,7 +1,7 @@ import React, { useContext, useCallback, useEffect } from 'react'; -import LinePath from '@vx/shape/lib/shapes/LinePath'; -import { ScaleInput } from '@vx/scale'; -import { AxisScale } from '@vx/axis'; +import LinePath from '@visx/shape/lib/shapes/LinePath'; +import { ScaleInput } from '@visx/scale'; +import { AxisScale } from '@visx/axis'; import DataContext from '../../context/DataContext'; import isValidNumber from '../../typeguards/isValidNumber'; diff --git a/packages/vx-xychart/src/context/DataContext.tsx b/packages/visx-xychart/src/context/DataContext.tsx similarity index 95% rename from packages/vx-xychart/src/context/DataContext.tsx rename to packages/visx-xychart/src/context/DataContext.tsx index 649469d0a..2a2ab590a 100644 --- a/packages/vx-xychart/src/context/DataContext.tsx +++ b/packages/visx-xychart/src/context/DataContext.tsx @@ -1,6 +1,6 @@ /* eslint-disable @typescript-eslint/no-explicit-any */ import React from 'react'; -import { AxisScale } from '@vx/axis'; +import { AxisScale } from '@visx/axis'; import { DataContextType } from '../types'; type AnyDataContext = DataContextType; diff --git a/packages/vx-xychart/src/context/ThemeContext.tsx b/packages/visx-xychart/src/context/ThemeContext.tsx similarity index 100% rename from packages/vx-xychart/src/context/ThemeContext.tsx rename to packages/visx-xychart/src/context/ThemeContext.tsx diff --git a/packages/vx-xychart/src/hooks/useDataRegistry.ts b/packages/visx-xychart/src/hooks/useDataRegistry.ts similarity index 89% rename from packages/vx-xychart/src/hooks/useDataRegistry.ts rename to packages/visx-xychart/src/hooks/useDataRegistry.ts index fc486798c..ba10d16e9 100644 --- a/packages/vx-xychart/src/hooks/useDataRegistry.ts +++ b/packages/visx-xychart/src/hooks/useDataRegistry.ts @@ -1,4 +1,4 @@ -import { AxisScale } from '@vx/axis'; +import { AxisScale } from '@visx/axis'; import { useMemo } from 'react'; import DataRegistry from '../classes/DataRegistry'; diff --git a/packages/vx-xychart/src/hooks/useDimensions.ts b/packages/visx-xychart/src/hooks/useDimensions.ts similarity index 100% rename from packages/vx-xychart/src/hooks/useDimensions.ts rename to packages/visx-xychart/src/hooks/useDimensions.ts diff --git a/packages/vx-xychart/src/hooks/useScales.ts b/packages/visx-xychart/src/hooks/useScales.ts similarity index 97% rename from packages/vx-xychart/src/hooks/useScales.ts rename to packages/visx-xychart/src/hooks/useScales.ts index 2a3e48cd4..48e0adbc6 100644 --- a/packages/vx-xychart/src/hooks/useScales.ts +++ b/packages/visx-xychart/src/hooks/useScales.ts @@ -1,5 +1,5 @@ -import { AxisScaleOutput, AxisScale } from '@vx/axis'; -import { ScaleConfig, NumberLike, createScale, ScaleInput } from '@vx/scale'; +import { AxisScaleOutput, AxisScale } from '@visx/axis'; +import { ScaleConfig, NumberLike, createScale, ScaleInput } from '@visx/scale'; import { extent as d3Extent } from 'd3-array'; import { useMemo } from 'react'; import DataRegistry from '../classes/DataRegistry'; diff --git a/packages/vx-xychart/src/index.ts b/packages/visx-xychart/src/index.ts similarity index 100% rename from packages/vx-xychart/src/index.ts rename to packages/visx-xychart/src/index.ts diff --git a/packages/vx-xychart/src/providers/DataProvider.tsx b/packages/visx-xychart/src/providers/DataProvider.tsx similarity index 93% rename from packages/vx-xychart/src/providers/DataProvider.tsx rename to packages/visx-xychart/src/providers/DataProvider.tsx index 74700d308..74e487113 100644 --- a/packages/vx-xychart/src/providers/DataProvider.tsx +++ b/packages/visx-xychart/src/providers/DataProvider.tsx @@ -1,7 +1,7 @@ -import { ScaleConfig, ScaleConfigToD3Scale } from '@vx/scale'; +import { ScaleConfig, ScaleConfigToD3Scale } from '@visx/scale'; import React, { useContext, useMemo } from 'react'; -import createOrdinalScale from '@vx/scale/lib/scales/ordinal'; -import { AxisScaleOutput } from '@vx/axis'; +import createOrdinalScale from '@visx/scale/lib/scales/ordinal'; +import { AxisScaleOutput } from '@visx/axis'; import { XYChartTheme } from '../types'; import ThemeContext from '../context/ThemeContext'; import DataContext from '../context/DataContext'; diff --git a/packages/vx-xychart/src/providers/ThemeProvider.tsx b/packages/visx-xychart/src/providers/ThemeProvider.tsx similarity index 100% rename from packages/vx-xychart/src/providers/ThemeProvider.tsx rename to packages/visx-xychart/src/providers/ThemeProvider.tsx diff --git a/packages/vx-xychart/src/theme/buildChartTheme.ts b/packages/visx-xychart/src/theme/buildChartTheme.ts similarity index 100% rename from packages/vx-xychart/src/theme/buildChartTheme.ts rename to packages/visx-xychart/src/theme/buildChartTheme.ts diff --git a/packages/vx-xychart/src/theme/colors.ts b/packages/visx-xychart/src/theme/colors.ts similarity index 100% rename from packages/vx-xychart/src/theme/colors.ts rename to packages/visx-xychart/src/theme/colors.ts diff --git a/packages/vx-xychart/src/theme/themes/dark.ts b/packages/visx-xychart/src/theme/themes/dark.ts similarity index 100% rename from packages/vx-xychart/src/theme/themes/dark.ts rename to packages/visx-xychart/src/theme/themes/dark.ts diff --git a/packages/vx-xychart/src/theme/themes/light.ts b/packages/visx-xychart/src/theme/themes/light.ts similarity index 100% rename from packages/vx-xychart/src/theme/themes/light.ts rename to packages/visx-xychart/src/theme/themes/light.ts diff --git a/packages/vx-xychart/src/typeguards/isValidNumber.ts b/packages/visx-xychart/src/typeguards/isValidNumber.ts similarity index 100% rename from packages/vx-xychart/src/typeguards/isValidNumber.ts rename to packages/visx-xychart/src/typeguards/isValidNumber.ts diff --git a/packages/vx-xychart/src/types/data.ts b/packages/visx-xychart/src/types/data.ts similarity index 92% rename from packages/vx-xychart/src/types/data.ts rename to packages/visx-xychart/src/types/data.ts index 6892b3345..9b6e32493 100644 --- a/packages/vx-xychart/src/types/data.ts +++ b/packages/visx-xychart/src/types/data.ts @@ -1,5 +1,5 @@ -import { AxisScale, AxisScaleOutput } from '@vx/axis'; -import { ScaleTypeToD3Scale, ScaleInput, D3Scale } from '@vx/scale'; +import { AxisScale, AxisScaleOutput } from '@visx/axis'; +import { ScaleTypeToD3Scale, ScaleInput, D3Scale } from '@visx/scale'; import DataRegistry from '../classes/DataRegistry'; import { XYChartTheme } from './theme'; diff --git a/packages/vx-xychart/src/types/index.ts b/packages/visx-xychart/src/types/index.ts similarity index 100% rename from packages/vx-xychart/src/types/index.ts rename to packages/visx-xychart/src/types/index.ts diff --git a/packages/vx-xychart/src/types/theme.ts b/packages/visx-xychart/src/types/theme.ts similarity index 96% rename from packages/vx-xychart/src/types/theme.ts rename to packages/visx-xychart/src/types/theme.ts index e65d8bca5..32c617ff2 100644 --- a/packages/vx-xychart/src/types/theme.ts +++ b/packages/visx-xychart/src/types/theme.ts @@ -1,5 +1,5 @@ import React, { CSSProperties } from 'react'; -import { TextProps } from '@vx/text/lib/Text'; +import { TextProps } from '@visx/text/lib/Text'; export type HTMLTextStyles = React.HTMLAttributes['style']; diff --git a/packages/vx-xychart/test/Axis.test.tsx b/packages/visx-xychart/test/Axis.test.tsx similarity index 97% rename from packages/vx-xychart/test/Axis.test.tsx rename to packages/visx-xychart/test/Axis.test.tsx index 6cd60b654..3ceab19ae 100644 --- a/packages/vx-xychart/test/Axis.test.tsx +++ b/packages/visx-xychart/test/Axis.test.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { shallow, mount } from 'enzyme'; -import VxAnimatedAxis from '@vx/react-spring/lib/axis/AnimatedAxis'; -import VxAxis from '@vx/axis/lib/axis/Axis'; +import VxAnimatedAxis from '@visx/react-spring/lib/axis/AnimatedAxis'; +import VxAxis from '@visx/axis/lib/axis/Axis'; import BaseAxis from '../src/components/axis/BaseAxis'; import { Axis, AnimatedAxis, DataContext, lightTheme } from '../src'; diff --git a/packages/vx-xychart/test/DataProvider.test.tsx b/packages/visx-xychart/test/DataProvider.test.tsx similarity index 100% rename from packages/vx-xychart/test/DataProvider.test.tsx rename to packages/visx-xychart/test/DataProvider.test.tsx diff --git a/packages/vx-xychart/test/DataRegistry.test.ts b/packages/visx-xychart/test/DataRegistry.test.ts similarity index 100% rename from packages/vx-xychart/test/DataRegistry.test.ts rename to packages/visx-xychart/test/DataRegistry.test.ts diff --git a/packages/vx-xychart/test/Grid.test.tsx b/packages/visx-xychart/test/Grid.test.tsx similarity index 87% rename from packages/vx-xychart/test/Grid.test.tsx rename to packages/visx-xychart/test/Grid.test.tsx index 39bfef8d7..31e2f0ba2 100644 --- a/packages/vx-xychart/test/Grid.test.tsx +++ b/packages/visx-xychart/test/Grid.test.tsx @@ -1,10 +1,10 @@ import * as React from 'react'; import { mount } from 'enzyme'; -import VxAnimatedGridRows from '@vx/react-spring/lib/grid/AnimatedGridRows'; -import VxAnimatedGridColumns from '@vx/react-spring/lib/grid/AnimatedGridColumns'; -import VxGridRows from '@vx/grid/lib/grids/GridRows'; -import VxGridColumns from '@vx/grid/lib/grids/GridColumns'; -import { scaleLinear } from '@vx/scale'; +import VxAnimatedGridRows from '@visx/react-spring/lib/grid/AnimatedGridRows'; +import VxAnimatedGridColumns from '@visx/react-spring/lib/grid/AnimatedGridColumns'; +import VxGridRows from '@visx/grid/lib/grids/GridRows'; +import VxGridColumns from '@visx/grid/lib/grids/GridColumns'; +import { scaleLinear } from '@visx/scale'; import { Grid, AnimatedGrid, DataContext } from '../src'; const mockContext = { diff --git a/packages/vx-xychart/test/LineSeries.test.tsx b/packages/visx-xychart/test/LineSeries.test.tsx similarity index 93% rename from packages/vx-xychart/test/LineSeries.test.tsx rename to packages/visx-xychart/test/LineSeries.test.tsx index 62551731e..6f23e1685 100644 --- a/packages/vx-xychart/test/LineSeries.test.tsx +++ b/packages/visx-xychart/test/LineSeries.test.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { shallow, ShallowWrapper } from 'enzyme'; -import { LinePath } from '@vx/shape'; +import { LinePath } from '@visx/shape'; import { LineSeries } from '../src'; describe('', () => { diff --git a/packages/vx-xychart/test/ThemeProvider.test.tsx b/packages/visx-xychart/test/ThemeProvider.test.tsx similarity index 100% rename from packages/vx-xychart/test/ThemeProvider.test.tsx rename to packages/visx-xychart/test/ThemeProvider.test.tsx diff --git a/packages/vx-xychart/test/XYChart.test.tsx b/packages/visx-xychart/test/XYChart.test.tsx similarity index 95% rename from packages/vx-xychart/test/XYChart.test.tsx rename to packages/visx-xychart/test/XYChart.test.tsx index 948a689c2..5fade557c 100644 --- a/packages/vx-xychart/test/XYChart.test.tsx +++ b/packages/visx-xychart/test/XYChart.test.tsx @@ -1,6 +1,6 @@ import React, { useContext } from 'react'; import { mount, shallow } from 'enzyme'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; +import ParentSize from '@visx/responsive/lib/components/ParentSize'; import { XYChart, DataContext, DataProvider } from '../src'; describe('', () => { diff --git a/packages/vx-xychart/test/theme.test.tsx b/packages/visx-xychart/test/theme.test.tsx similarity index 100% rename from packages/vx-xychart/test/theme.test.tsx rename to packages/visx-xychart/test/theme.test.tsx diff --git a/packages/vx-zoom/.npmrc b/packages/visx-zoom/.npmrc similarity index 100% rename from packages/vx-zoom/.npmrc rename to packages/visx-zoom/.npmrc diff --git a/packages/visx-zoom/Readme.md b/packages/visx-zoom/Readme.md new file mode 100644 index 000000000..96f45e928 --- /dev/null +++ b/packages/visx-zoom/Readme.md @@ -0,0 +1,14 @@ +# @visx/Zoom + + + + + +`@visx/zoom` provides `react` components that make it easy to apply transforms to a viewport or +chart. + +## Installation + +``` +npm install --save @visx/zoom +``` diff --git a/packages/vx-zoom/package.json b/packages/visx-zoom/package.json similarity index 68% rename from packages/vx-zoom/package.json rename to packages/visx-zoom/package.json index 05def9cdb..d6bbc9ce0 100644 --- a/packages/vx-zoom/package.json +++ b/packages/visx-zoom/package.json @@ -1,7 +1,7 @@ { - "name": "@vx/zoom", + "name": "@visx/zoom", "version": "0.0.199", - "description": "vx zoom", + "description": "visx zoom", "sideEffects": false, "main": "lib/index.js", "module": "esm/index.js", @@ -12,10 +12,10 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/hshoff/vx.git" + "url": "git+https://github.com/airbnb/visx.git" }, "keywords": [ - "vx", + "visx", "react", "d3", "visualizations", @@ -24,9 +24,9 @@ "author": "@hshoff", "license": "MIT", "bugs": { - "url": "https://github.com/hshoff/vx/issues" + "url": "https://github.com/airbnb/visx/issues" }, - "homepage": "https://github.com/hshoff/vx#readme", + "homepage": "https://github.com/airbnb/visx#readme", "publishConfig": { "access": "public" }, @@ -35,7 +35,7 @@ }, "dependencies": { "@types/react": "*", - "@vx/event": "0.0.199", + "@visx/event": "0.0.199", "prop-types": "^15.6.2" } } diff --git a/packages/vx-zoom/src/Zoom.tsx b/packages/visx-zoom/src/Zoom.tsx similarity index 99% rename from packages/vx-zoom/src/Zoom.tsx rename to packages/visx-zoom/src/Zoom.tsx index cdf74c770..5c5d1bfcb 100644 --- a/packages/vx-zoom/src/Zoom.tsx +++ b/packages/visx-zoom/src/Zoom.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { localPoint } from '@vx/event'; +import { localPoint } from '@visx/event'; import { composeMatrices, inverseMatrix, diff --git a/packages/vx-zoom/src/index.ts b/packages/visx-zoom/src/index.ts similarity index 100% rename from packages/vx-zoom/src/index.ts rename to packages/visx-zoom/src/index.ts diff --git a/packages/vx-zoom/src/types.ts b/packages/visx-zoom/src/types.ts similarity index 100% rename from packages/vx-zoom/src/types.ts rename to packages/visx-zoom/src/types.ts diff --git a/packages/vx-zoom/src/util/matrix.ts b/packages/visx-zoom/src/util/matrix.ts similarity index 100% rename from packages/vx-zoom/src/util/matrix.ts rename to packages/visx-zoom/src/util/matrix.ts diff --git a/packages/vx-zoom/test/Zoom.test.tsx b/packages/visx-zoom/test/Zoom.test.tsx similarity index 100% rename from packages/vx-zoom/test/Zoom.test.tsx rename to packages/visx-zoom/test/Zoom.test.tsx diff --git a/packages/vx-axis/Readme.md b/packages/vx-axis/Readme.md deleted file mode 100644 index 8495be803..000000000 --- a/packages/vx-axis/Readme.md +++ /dev/null @@ -1,19 +0,0 @@ -# @vx/axis - -

- - - -

- -An axis component consists of a line with ticks, tick labels, and an axis label that helps viewers -interpret your graph. - -You can use one of the 4 pre-made axes, or you can create your own based on the `` element. -Note that the `@vx/react-spring` package exports an `AnimatedAxis` variant with animated ticks. - -## Installation - -``` -npm install --save @vx/axis -``` diff --git a/packages/vx-bounds/Readme.md b/packages/vx-bounds/Readme.md deleted file mode 100644 index 1993e3217..000000000 --- a/packages/vx-bounds/Readme.md +++ /dev/null @@ -1,62 +0,0 @@ -# @vx/bounds - -

- - - -

- -``` -npm install --save @vx/bounds -``` - -### `withBoundingRects` HOC -It's often useful to determine whether elements (e.g., tooltips) overflow the bounds of their parent container and adjust positioning accordingly. The `withBoundingRects` higher-order component is meant to simplify this computation by passing in a component's bounding rect as well as its _parent's_ bounding rect. - - -### Example usage -Example usage with a `` component - -```javascript -import React from 'react'; -import PropTypes from 'prop-types'; -import { withBoundingRects, withBoundingRectsProps } from '@vx/bounds'; - -const propTypes = { - ...withBoundingRectsProps, - left: PropTypes.number.isRequired, - top: PropTypes.number.isRequired, - children: PropTypes.node, -}; - -const defaultProps = { - children: null, -}; - -function Tooltip({ - left: initialLeft, - top: initialTop, - rect, - parentRect, - children, -}) { - let left = initialLeft; - let top = initialTop; - - if (rect && parentRect) { - left = rect.right > parentRect.right ? (left - rect.width) : left; - top = rect.bottom > parentRect.bottom ? (top - rect.height) : top; - } - - return ( -
- {children} -
- ); -} - -Tooltip.propTypes = propTypes; -Tooltip.defaultProps = defaultProps; - -export default withBoundingRects(Tooltip); -``` diff --git a/packages/vx-brush/Readme.md b/packages/vx-brush/Readme.md deleted file mode 100644 index 3d0247bc1..000000000 --- a/packages/vx-brush/Readme.md +++ /dev/null @@ -1,13 +0,0 @@ -# @vx/brush - - - - - -A brush allows you to select a sub-region of your chart or axis. - -## Installation - -``` -npm install --save @vx/brush -``` diff --git a/packages/vx-chord/Readme.md b/packages/vx-chord/Readme.md deleted file mode 100644 index 6904a21e3..000000000 --- a/packages/vx-chord/Readme.md +++ /dev/null @@ -1,13 +0,0 @@ -# @vx/chord - - - - - -Chord diagrams show directed relationships among a group of entities in a radial layout. - -## Installation - -``` -npm install --save @vx/chord -``` diff --git a/packages/vx-clip-path/Readme.md b/packages/vx-clip-path/Readme.md deleted file mode 100644 index 93185ca87..000000000 --- a/packages/vx-clip-path/Readme.md +++ /dev/null @@ -1,14 +0,0 @@ -# @vx/clip-path - - - - - -React utilities for defining `` SVG elements, with or without data, to be clip masks for -other SVG elements by using their `clip-path` property. - -## Installation - -``` -npm install --save @vx/clip-path -``` diff --git a/packages/vx-demo/Readme.md b/packages/vx-demo/Readme.md deleted file mode 100644 index 5145b9ffb..000000000 --- a/packages/vx-demo/Readme.md +++ /dev/null @@ -1,10 +0,0 @@ -# @vx/demo - -https://vx-demo.now.sh/gallery - -

- - - -

- diff --git a/packages/vx-demo/public/static/docs/vx-demo.html b/packages/vx-demo/public/static/docs/vx-demo.html deleted file mode 100644 index 9f6db49c2..000000000 --- a/packages/vx-demo/public/static/docs/vx-demo.html +++ /dev/null @@ -1,48 +0,0 @@ - - - - - -
-
-
- - - Star -
-
-
-
-
- -
-
-

@vx/demo

-

https://vx-demo.now.sh/gallery

-

- - - -

- - -
-
- - \ No newline at end of file diff --git a/packages/vx-demo/src/components/util/extractVxDepsFromPackageJson.ts b/packages/vx-demo/src/components/util/extractVxDepsFromPackageJson.ts deleted file mode 100644 index b3cae453e..000000000 --- a/packages/vx-demo/src/components/util/extractVxDepsFromPackageJson.ts +++ /dev/null @@ -1,11 +0,0 @@ -import { PackageJson } from '../../types'; - -export default function extractVxDepsFromPackageJson(packageJson?: PackageJson) { - const vxDeps: string[] = []; - - Object.keys(packageJson?.dependencies ?? {}).forEach(dep => { - if (dep.startsWith('@vx/')) vxDeps.push(dep); - }); - - return vxDeps; -} diff --git a/packages/vx-demo/src/pages/areas.tsx b/packages/vx-demo/src/pages/areas.tsx deleted file mode 100644 index 5b00bc16d..000000000 --- a/packages/vx-demo/src/pages/areas.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import Area from '../sandboxes/vx-area/Example'; -import AreaSource from '!!raw-loader!../sandboxes/vx-area/Example'; -import packageJson from '../sandboxes/vx-area/package.json'; - -export default () => ( - - {AreaSource} - -); diff --git a/packages/vx-demo/src/pages/axis.tsx b/packages/vx-demo/src/pages/axis.tsx deleted file mode 100644 index 1754d997d..000000000 --- a/packages/vx-demo/src/pages/axis.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import Axis from '../sandboxes/vx-axis/Example'; -import AxisSource from '!!raw-loader!../sandboxes/vx-axis/Example'; -import packageJson from '../sandboxes/vx-axis/package.json'; - -export default () => ( - - {AxisSource} - -); diff --git a/packages/vx-demo/src/pages/bars.tsx b/packages/vx-demo/src/pages/bars.tsx deleted file mode 100644 index eb6944af8..000000000 --- a/packages/vx-demo/src/pages/bars.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import Bars from '../sandboxes/vx-bars/Example'; -import BarsSource from '!!raw-loader!../sandboxes/vx-bars/Example'; -import packageJson from '../sandboxes/vx-bars/package.json'; - -export default () => ( - - {BarsSource} - -); diff --git a/packages/vx-demo/src/pages/docs/annotation.tsx b/packages/vx-demo/src/pages/docs/annotation.tsx deleted file mode 100644 index 357310303..000000000 --- a/packages/vx-demo/src/pages/docs/annotation.tsx +++ /dev/null @@ -1,10 +0,0 @@ -import React from 'react'; -import AnnotationReadme from '!!raw-loader!../../../../vx-annotation/Readme.md'; -import LinePathAnnotation from '../../../../vx-annotation/src/annotations/LinePathAnnotation'; -import DocPage from '../../components/DocPage'; - -const components = [LinePathAnnotation]; - -export default () => ( - -); diff --git a/packages/vx-demo/src/pages/docs/bounds.tsx b/packages/vx-demo/src/pages/docs/bounds.tsx deleted file mode 100644 index 9e9b54451..000000000 --- a/packages/vx-demo/src/pages/docs/bounds.tsx +++ /dev/null @@ -1,5 +0,0 @@ -import React from 'react'; -import BoundsReadme from '!!raw-loader!../../../../vx-bounds/Readme.md'; -import DocPage from '../../components/DocPage'; - -export default () => ; diff --git a/packages/vx-demo/src/pages/docs/clip-path.tsx b/packages/vx-demo/src/pages/docs/clip-path.tsx deleted file mode 100644 index 95635189a..000000000 --- a/packages/vx-demo/src/pages/docs/clip-path.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React from 'react'; -import ClipPathReadme from '!!raw-loader!../../../../vx-clip-path/Readme.md'; -import ClipPath from '../../../../vx-clip-path/src/clip-paths/ClipPath'; -import CircleClipPath from '../../../../vx-clip-path/src/clip-paths/CircleClipPath'; -import RectClipPath from '../../../../vx-clip-path/src/clip-paths/RectClipPath'; -import DocPage from '../../components/DocPage'; - -const components = [ClipPath, CircleClipPath, RectClipPath]; - -export default () => ( - -); diff --git a/packages/vx-demo/src/pages/docs/geo.tsx b/packages/vx-demo/src/pages/docs/geo.tsx deleted file mode 100644 index 7c4bf14af..000000000 --- a/packages/vx-demo/src/pages/docs/geo.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import React from 'react'; -import GeoReadme from '!!raw-loader!../../../../vx-geo/Readme.md'; -import Graticule from '../../../../vx-geo/src/graticule/Graticule'; -import Albers from '../../../../vx-geo/src/projections/Albers'; -import AlbersUsa from '../../../../vx-geo/src/projections/AlbersUsa'; -import CustomProjection from '../../../../vx-geo/src/projections/CustomProjection'; -import EqualEarth from '../../../../vx-geo/src/projections/EqualEarth'; -import Mercator from '../../../../vx-geo/src/projections/Mercator'; -import NaturalEarth from '../../../../vx-geo/src/projections/NaturalEarth'; -import Orthographic from '../../../../vx-geo/src/projections/Orthographic'; -import Projection from '../../../../vx-geo/src/projections/Projection'; -import DocPage from '../../components/DocPage'; -import GeoMercatorTile from '../../components/Gallery/GeoMercatorTile'; -import GeoCustomTile from '../../components/Gallery/GeoCustomTile'; - -const components = [ - Projection, - Graticule, - Albers, - AlbersUsa, - CustomProjection, - EqualEarth, - Mercator, - NaturalEarth, - Orthographic, -]; - -const examples = [GeoMercatorTile, GeoCustomTile]; - -export default () => ( - -); diff --git a/packages/vx-demo/src/pages/docs/heatmap.tsx b/packages/vx-demo/src/pages/docs/heatmap.tsx deleted file mode 100644 index 50e4e17b3..000000000 --- a/packages/vx-demo/src/pages/docs/heatmap.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React from 'react'; -import HeatmapReadme from '!!raw-loader!../../../../vx-heatmap/Readme.md'; -import HeatmapRect from '../../../../vx-heatmap/src/heatmaps/HeatmapRect'; -import HeatmapCircle from '../../../../vx-heatmap/src/heatmaps/HeatmapCircle'; -import DocPage from '../../components/DocPage'; -import HeatmapsTile from '../../components/Gallery/HeatmapsTile'; - -const components = [HeatmapRect, HeatmapCircle]; - -const examples = [HeatmapsTile]; - -export default () => ( - -); diff --git a/packages/vx-demo/src/pages/docs/legend.tsx b/packages/vx-demo/src/pages/docs/legend.tsx deleted file mode 100644 index c17d45650..000000000 --- a/packages/vx-demo/src/pages/docs/legend.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import React from 'react'; -import LegendReadme from '!!raw-loader!../../../../vx-legend/Readme.md'; -import Legend from '../../../../vx-legend/src/legends/Legend'; -import Linear from '../../../../vx-legend/src/legends/Linear'; -import Ordinal from '../../../../vx-legend/src/legends/Ordinal'; -import Quantile from '../../../../vx-legend/src/legends/Quantile'; -import Size from '../../../../vx-legend/src/legends/Size'; -import Threshold from '../../../../vx-legend/src/legends/Threshold'; -import DocPage from '../../components/DocPage'; -import LegendsTile from '../../components/Gallery/LegendsTile'; - -const components = [Linear, Ordinal, Quantile, Size, Threshold, Legend]; - -const examples = [LegendsTile]; - -export default () => ( - -); diff --git a/packages/vx-demo/src/pages/docs/marker.tsx b/packages/vx-demo/src/pages/docs/marker.tsx deleted file mode 100644 index 7d2d70718..000000000 --- a/packages/vx-demo/src/pages/docs/marker.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import MarkerReadme from '!!raw-loader!../../../../vx-marker/Readme.md'; -import Marker from '../../../../vx-marker/src/markers/Marker'; -import DocPage from '../../components/DocPage'; - -const components = [Marker]; - -export default () => ; diff --git a/packages/vx-demo/src/pages/docs/network.tsx b/packages/vx-demo/src/pages/docs/network.tsx deleted file mode 100644 index ff60dba43..000000000 --- a/packages/vx-demo/src/pages/docs/network.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import React from 'react'; -import NetworkReadme from '!!raw-loader!../../../../vx-network/Readme.md'; -import Graph from '../../../../vx-network/src/Graph'; -import Nodes from '../../../../vx-network/src/Nodes'; -import Links from '../../../../vx-network/src/Links'; -import DefaultNode from '../../../../vx-network/src/DefaultNode'; -import DefaultLink from '../../../../vx-network/src/DefaultLink'; -import DocPage from '../../components/DocPage'; -import NetworkTile from '../../components/Gallery/NetworkTile'; - -const components = [Graph, Nodes, Links, DefaultNode, DefaultLink]; - -const examples = [NetworkTile]; - -export default () => ( - -); diff --git a/packages/vx-demo/src/pages/docs/pattern.tsx b/packages/vx-demo/src/pages/docs/pattern.tsx deleted file mode 100644 index 280d1572b..000000000 --- a/packages/vx-demo/src/pages/docs/pattern.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import React from 'react'; -import PatternReadme from '!!raw-loader!../../../../vx-pattern/Readme.md'; -import Circles from '../../../../vx-pattern/src/patterns/Circles'; -import Hexagons from '../../../../vx-pattern/src/patterns/Hexagons'; -import Lines from '../../../../vx-pattern/src/patterns/Lines'; -import Path from '../../../../vx-pattern/src/patterns/Path'; -import Pattern from '../../../../vx-pattern/src/patterns/Pattern'; -import Waves from '../../../../vx-pattern/src/patterns/Waves'; -import DocPage from '../../components/DocPage'; -import PatternsTile from '../../components/Gallery/PatternsTile'; -import StreamGraphTile from '../../components/Gallery/StreamGraphTile'; -import StatsPlotTile from '../../components/Gallery/StatsPlotTile'; - -const components = [Pattern, Circles, Hexagons, Lines, Path, Waves]; - -const examples = [PatternsTile, StreamGraphTile, StatsPlotTile]; - -export default () => ( - -); diff --git a/packages/vx-demo/src/pages/docs/react-spring.tsx b/packages/vx-demo/src/pages/docs/react-spring.tsx deleted file mode 100644 index 63fd0ffd4..000000000 --- a/packages/vx-demo/src/pages/docs/react-spring.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import React from 'react'; -import ReactSpringReadme from '!!raw-loader!../../../../vx-react-spring/README.md'; -import AnimatedAxis from '../../../../vx-react-spring/src/axis/AnimatedAxis'; -import AnimatedGridColumns from '../../../../vx-react-spring/src/grid/AnimatedGridColumns'; -import AnimatedGridRows from '../../../../vx-react-spring/src/grid/AnimatedGridRows'; -import DocPage from '../../components/DocPage'; -import AxisTile from '../../components/Gallery/AxisTile'; - -const components = [AnimatedAxis, AnimatedGridColumns, AnimatedGridRows]; - -const examples = [AxisTile]; - -export default () => ( - -); diff --git a/packages/vx-demo/src/pages/docs/voronoi.tsx b/packages/vx-demo/src/pages/docs/voronoi.tsx deleted file mode 100644 index 8d1297b06..000000000 --- a/packages/vx-demo/src/pages/docs/voronoi.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React from 'react'; -import VoronoiReadme from '!!raw-loader!../../../../vx-voronoi/Readme.md'; -import VoronoiPolygon from '../../../../vx-voronoi/src/components/VoronoiPolygon'; -import voronoi from '../../../../vx-voronoi/src/voronoi'; -import DocPage from '../../components/DocPage'; -import VoronoiTile from '../../components/Gallery/VoronoiTile'; - -const components = [voronoi, VoronoiPolygon]; - -const examples = [VoronoiTile]; - -export default () => ( - -); diff --git a/packages/vx-demo/src/pages/docs/vx.tsx b/packages/vx-demo/src/pages/docs/vx.tsx deleted file mode 100644 index 4ede1a051..000000000 --- a/packages/vx-demo/src/pages/docs/vx.tsx +++ /dev/null @@ -1,5 +0,0 @@ -import React from 'react'; -import VxReadme from '!!raw-loader!../../../../vx-vx/Readme.md'; -import DocPage from '../../components/DocPage'; - -export default () => ; diff --git a/packages/vx-demo/src/pages/dots.tsx b/packages/vx-demo/src/pages/dots.tsx deleted file mode 100644 index 5c983e8fe..000000000 --- a/packages/vx-demo/src/pages/dots.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import Dots from '../sandboxes/vx-dots/Example'; -import DotsSource from '!!raw-loader!../sandboxes/vx-dots/Example'; -import packageJson from '../sandboxes/vx-dots/package.json'; - -export default () => ( - - {DotsSource} - -); diff --git a/packages/vx-demo/src/pages/drag-i.tsx b/packages/vx-demo/src/pages/drag-i.tsx deleted file mode 100644 index 9b90898b2..000000000 --- a/packages/vx-demo/src/pages/drag-i.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import DragI from '../sandboxes/vx-drag-i/Example'; -import DragISource from '!!raw-loader!../sandboxes/vx-drag-i/Example'; -import packageJson from '../sandboxes/vx-drag-i/package.json'; - -export default () => { - return ( - - {DragISource} - - ); -}; diff --git a/packages/vx-demo/src/pages/drag-ii.tsx b/packages/vx-demo/src/pages/drag-ii.tsx deleted file mode 100644 index 135722c29..000000000 --- a/packages/vx-demo/src/pages/drag-ii.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import DragII from '../sandboxes/vx-drag-ii/Example'; -import DragIISource from '!!raw-loader!../sandboxes/vx-drag-ii/Example'; -import packageJson from '../sandboxes/vx-drag-ii/package.json'; - -export default () => { - return ( - - {DragIISource} - - ); -}; diff --git a/packages/vx-demo/src/pages/geo-custom.tsx b/packages/vx-demo/src/pages/geo-custom.tsx deleted file mode 100644 index b82099219..000000000 --- a/packages/vx-demo/src/pages/geo-custom.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import GeoCustom from '../sandboxes/vx-geo-custom/Example'; -import GeoCustomSource from '!!raw-loader!../sandboxes/vx-geo-custom/Example'; -import packageJson from '../sandboxes/vx-geo-custom/package.json'; - -export default () => { - return ( - - {GeoCustomSource} - - ); -}; diff --git a/packages/vx-demo/src/pages/geo-mercator.tsx b/packages/vx-demo/src/pages/geo-mercator.tsx deleted file mode 100644 index 6fed20276..000000000 --- a/packages/vx-demo/src/pages/geo-mercator.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import GeoMercator from '../sandboxes/vx-geo-mercator/Example'; -import GeoMercatorSource from '!!raw-loader!../sandboxes/vx-geo-mercator/Example'; -import packageJson from '../sandboxes/vx-geo-mercator/package.json'; - -export default () => { - return ( - - {GeoMercatorSource} - - ); -}; diff --git a/packages/vx-demo/src/pages/gradients.tsx b/packages/vx-demo/src/pages/gradients.tsx deleted file mode 100644 index 54300764f..000000000 --- a/packages/vx-demo/src/pages/gradients.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import Gradients from '../sandboxes/vx-gradient/Example'; -import GradientsSource from '!!raw-loader!../sandboxes/vx-gradient/Example'; -import packageJson from '../sandboxes/vx-gradient/package.json'; - -export default () => ( - - {GradientsSource} - -); diff --git a/packages/vx-demo/src/pages/lineradial.tsx b/packages/vx-demo/src/pages/lineradial.tsx deleted file mode 100644 index 953c2c970..000000000 --- a/packages/vx-demo/src/pages/lineradial.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import LineRadial from '../sandboxes/vx-shape-line-radial/Example'; -import LineRadialSource from '!!raw-loader!../sandboxes/vx-shape-line-radial/Example'; -import packageJson from '../sandboxes/vx-shape-line-radial/package.json'; - -export default () => { - return ( - - {LineRadialSource} - - ); -}; diff --git a/packages/vx-demo/src/pages/network.tsx b/packages/vx-demo/src/pages/network.tsx deleted file mode 100644 index bd253e761..000000000 --- a/packages/vx-demo/src/pages/network.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import Network from '../sandboxes/vx-network/Example'; -import NetworkSource from '!!raw-loader!../sandboxes/vx-network/Example'; -import packageJson from '../sandboxes/vx-network/package.json'; - -export default () => ( - - {NetworkSource} - -); diff --git a/packages/vx-demo/src/pages/pack.tsx b/packages/vx-demo/src/pages/pack.tsx deleted file mode 100644 index 92f427593..000000000 --- a/packages/vx-demo/src/pages/pack.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import Pack from '../sandboxes/vx-pack/Example'; -import PackSource from '!!raw-loader!../sandboxes/vx-pack/Example'; -import packageJson from '../sandboxes/vx-pack/package.json'; - -export default () => ( - - {PackSource} - -); diff --git a/packages/vx-demo/src/pages/pies.tsx b/packages/vx-demo/src/pages/pies.tsx deleted file mode 100644 index 66cc2a6db..000000000 --- a/packages/vx-demo/src/pages/pies.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import Pies from '../sandboxes/vx-shape-pie/Example'; -import PiesSource from '!!raw-loader!../sandboxes/vx-shape-pie/Example'; -import packageJson from '../sandboxes/vx-shape-pie/package.json'; - -export default () => ( - - {PiesSource} - -); diff --git a/packages/vx-demo/src/pages/polygons.tsx b/packages/vx-demo/src/pages/polygons.tsx deleted file mode 100644 index 9865222b4..000000000 --- a/packages/vx-demo/src/pages/polygons.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import Polygons from '../sandboxes/vx-polygons/Example'; -import PolygonsSource from '!!raw-loader!../sandboxes/vx-polygons/Example'; -import packageJson from '../sandboxes/vx-polygons/package.json'; - -export default () => ( - - {PolygonsSource} - -); diff --git a/packages/vx-demo/src/pages/responsive.tsx b/packages/vx-demo/src/pages/responsive.tsx deleted file mode 100644 index 8c8a728c6..000000000 --- a/packages/vx-demo/src/pages/responsive.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import Responsive from '../sandboxes/vx-responsive/Example'; -import ResponsiveSource from '!!raw-loader!../sandboxes/vx-responsive/Example'; -import packageJson from '../sandboxes/vx-responsive/package.json'; - -export default () => ( - - {ResponsiveSource} - -); diff --git a/packages/vx-demo/src/pages/splitlinepath.tsx b/packages/vx-demo/src/pages/splitlinepath.tsx deleted file mode 100644 index 20e9b2513..000000000 --- a/packages/vx-demo/src/pages/splitlinepath.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import SplitLinePath from '../sandboxes/vx-shape-splitlinepath/Example'; -import StatsPlotSource from '!!raw-loader!../sandboxes/vx-shape-splitlinepath/Example'; -import packageJson from '../sandboxes/vx-shape-splitlinepath/package.json'; - -export default () => ( - - {StatsPlotSource} - -); diff --git a/packages/vx-demo/src/pages/statsplot.tsx b/packages/vx-demo/src/pages/statsplot.tsx deleted file mode 100644 index 53a11e28c..000000000 --- a/packages/vx-demo/src/pages/statsplot.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import StatsPlot from '../sandboxes/vx-stats/Example'; -import StatsPlotSource from '!!raw-loader!../sandboxes/vx-stats/Example'; -import packageJson from '../sandboxes/vx-stats/package.json'; - -export default () => ( - - {StatsPlotSource} - -); diff --git a/packages/vx-demo/src/pages/streamgraph.tsx b/packages/vx-demo/src/pages/streamgraph.tsx deleted file mode 100644 index 375d51f89..000000000 --- a/packages/vx-demo/src/pages/streamgraph.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import Streamgraph from '../sandboxes/vx-streamgraph/Example'; -import StreamgraphSource from '!!raw-loader!../sandboxes/vx-streamgraph/Example'; -import packageJson from '../sandboxes/vx-streamgraph/package.json'; - -export default () => ( - - {StreamgraphSource} - -); diff --git a/packages/vx-demo/src/pages/tooltip.tsx b/packages/vx-demo/src/pages/tooltip.tsx deleted file mode 100644 index ab2b3c418..000000000 --- a/packages/vx-demo/src/pages/tooltip.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import Tooltip from '../sandboxes/vx-tooltip/Example'; -import TooltipSource from '!!raw-loader!../sandboxes/vx-tooltip/Example'; -import packageJson from '../sandboxes/vx-tooltip/package.json'; - -export default () => ( - - {TooltipSource} - -); diff --git a/packages/vx-demo/src/pages/treemap.tsx b/packages/vx-demo/src/pages/treemap.tsx deleted file mode 100644 index c217085cd..000000000 --- a/packages/vx-demo/src/pages/treemap.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import Treemap from '../sandboxes/vx-treemap/Example'; -import TreemapSource from '!!raw-loader!../sandboxes/vx-treemap/Example'; -import packageJson from '../sandboxes/vx-treemap/package.json'; - -export default () => ( - - {TreemapSource} - -); diff --git a/packages/vx-demo/src/pages/trees.tsx b/packages/vx-demo/src/pages/trees.tsx deleted file mode 100644 index 91083d69f..000000000 --- a/packages/vx-demo/src/pages/trees.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import Trees from '../sandboxes/vx-tree/Example'; -import TreesSource from '!!raw-loader!../sandboxes/vx-tree/Example'; -import packageJson from '../sandboxes/vx-tree/package.json'; - -export default () => ( - - {TreesSource} - -); diff --git a/packages/vx-demo/src/pages/xychart.tsx b/packages/vx-demo/src/pages/xychart.tsx deleted file mode 100644 index a83b6456a..000000000 --- a/packages/vx-demo/src/pages/xychart.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import XYChart from '../sandboxes/vx-xychart/Example'; -import XYChartSource from '!!raw-loader!../sandboxes/vx-xychart/Example'; -import packageJson from '../sandboxes/vx-xychart/package.json'; - -export default () => ( - - {XYChartSource} - -); diff --git a/packages/vx-demo/src/pages/zoom-i.tsx b/packages/vx-demo/src/pages/zoom-i.tsx deleted file mode 100644 index 69af2e65e..000000000 --- a/packages/vx-demo/src/pages/zoom-i.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react'; -import Show from '../components/Show'; -import ZoomI from '../sandboxes/vx-zoom-i/Example'; -import ZoomISource from '!!raw-loader!../sandboxes/vx-zoom-i/Example'; -import packageJson from '../sandboxes/vx-zoom-i/package.json'; - -export default () => ( - - {ZoomISource} - -); diff --git a/packages/vx-demo/src/sandboxes/exampleToVxDependencyLookup.ts b/packages/vx-demo/src/sandboxes/exampleToVxDependencyLookup.ts deleted file mode 100644 index 2f197d668..000000000 --- a/packages/vx-demo/src/sandboxes/exampleToVxDependencyLookup.ts +++ /dev/null @@ -1,103 +0,0 @@ -import areaPackageJson from './vx-area/package.json'; -import axisPackageJson from './vx-axis/package.json'; -import bargroupPackageJson from './vx-bargroup/package.json'; -import bargroupHorizontalPackageJson from './vx-bargroup-horizontal/package.json'; -import barsPackageJson from './vx-bars/package.json'; -import barstackPackageJson from './vx-barstack/package.json'; -import barstackHorizontalPackageJson from './vx-barstack-horizontal/package.json'; -import brushPackageJson from './vx-brush/package.json'; -import chordPackageJson from './vx-chord/package.json'; -import curvePackageJson from './vx-curve/package.json'; -import dendrogramPackageJson from './vx-dendrogram/package.json'; -import dotsPackageJson from './vx-dots/package.json'; -import dragIPackageJson from './vx-drag-i/package.json'; -import dragIIPackageJson from './vx-drag-ii/package.json'; -import geoCustomPackageJson from './vx-geo-custom/package.json'; -import geoMercatorPackageJson from './vx-geo-mercator/package.json'; -import glyphPackageJson from './vx-glyph/package.json'; -import gradientPackageJson from './vx-gradient/package.json'; -import heatmapPackageJson from './vx-heatmap/package.json'; -import legendPackageJson from './vx-legend/package.json'; -import linktypesPackageJson from './vx-linktypes/package.json'; -import networkPackageJson from './vx-network/package.json'; -import packPackageJson from './vx-pack/package.json'; -import patternPackageJson from './vx-pattern/package.json'; -import polygonsPackageJson from './vx-polygons/package.json'; -import radarPackageJson from './vx-radar/package.json'; -import responsivePackageJson from './vx-responsive/package.json'; -import lineRadialPackageJson from './vx-shape-line-radial/package.json'; -import piePackageJson from './vx-shape-pie/package.json'; -import splitLinePathPackageJson from './vx-shape-splitlinepath/package.json'; -import stackedAreasPackageJson from './vx-stacked-areas/package.json'; -import statsPackageJson from './vx-stats/package.json'; -import streamgraphPackageJson from './vx-streamgraph/package.json'; -import { packageJson as textPackageJson } from '../components/Gallery/TextTile'; -import thresholdPackageJson from './vx-threshold/package.json'; -import treePackageJson from './vx-tree/package.json'; -import treemapPackageJson from './vx-treemap/package.json'; -import voronoiPackageJson from './vx-voronoi/package.json'; -import zoomPackageJson from './vx-zoom-i/package.json'; - -import extractVxDepsFromPackageJson from '../components/util/extractVxDepsFromPackageJson'; -import { VxPackage } from '../types'; - -const examples = [ - areaPackageJson, - axisPackageJson, - bargroupHorizontalPackageJson, - bargroupPackageJson, - barsPackageJson, - barstackHorizontalPackageJson, - barstackPackageJson, - brushPackageJson, - chordPackageJson, - curvePackageJson, - dendrogramPackageJson, - dotsPackageJson, - dragIIPackageJson, - dragIPackageJson, - geoCustomPackageJson, - geoMercatorPackageJson, - glyphPackageJson, - gradientPackageJson, - heatmapPackageJson, - legendPackageJson, - lineRadialPackageJson, - linktypesPackageJson, - networkPackageJson, - packPackageJson, - patternPackageJson, - piePackageJson, - polygonsPackageJson, - radarPackageJson, - responsivePackageJson, - splitLinePathPackageJson, - stackedAreasPackageJson, - statsPackageJson, - streamgraphPackageJson, - textPackageJson, - thresholdPackageJson, - treePackageJson, - treemapPackageJson, - voronoiPackageJson, - zoomPackageJson, -]; - -const exampleToVxDependencyLookup: { [exampleName: string]: Set } = {}; -const seenPackages = new Set(); - -examples.forEach(packageJson => { - // create a vx package set per example - const vxPackages = new Set( - extractVxDepsFromPackageJson(packageJson).map( - vxPackage => vxPackage.split('@vx/')[1] ?? '', - ) as VxPackage[], - ); - - vxPackages.forEach(vxPackage => seenPackages.add(vxPackage)); - exampleToVxDependencyLookup[packageJson.name] = vxPackages; -}); - -export const vxPackages = Array.from(seenPackages).sort(); - -export default exampleToVxDependencyLookup; diff --git a/packages/vx-demo/src/sandboxes/vx-bargroup/index.tsx b/packages/vx-demo/src/sandboxes/vx-bargroup/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-bargroup/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-bars/index.tsx b/packages/vx-demo/src/sandboxes/vx-bars/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-bars/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-barstack-horizontal/index.tsx b/packages/vx-demo/src/sandboxes/vx-barstack-horizontal/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-barstack-horizontal/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-barstack-horizontal/package.json b/packages/vx-demo/src/sandboxes/vx-barstack-horizontal/package.json deleted file mode 100644 index 801066531..000000000 --- a/packages/vx-demo/src/sandboxes/vx-barstack-horizontal/package.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "name": "@vx/demo-barstack-horizontal", - "description": "Standalone vx horizontal stacked bar demo.", - "main": "index.tsx", - "private": true, - "dependencies": { - "@babel/runtime": "^7.8.4", - "@types/react": "^16", - "@types/react-dom": "^16", - "@vx/axis": "latest", - "@vx/grid": "latest", - "@vx/group": "latest", - "@vx/legend": "latest", - "@vx/mock-data": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", - "@vx/shape": "latest", - "@vx/tooltip": "latest", - "d3-time-format": "2.2.3", - "react": "^16", - "react-dom": "^16", - "react-scripts-ts": "3.1.0", - "typescript": "^3" - }, - "keywords": [ - "visualization", - "d3", - "react", - "vx", - "barstack" - ] -} diff --git a/packages/vx-demo/src/sandboxes/vx-barstack/index.tsx b/packages/vx-demo/src/sandboxes/vx-barstack/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-barstack/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-brush/index.tsx b/packages/vx-demo/src/sandboxes/vx-brush/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-brush/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-brush/package.json b/packages/vx-demo/src/sandboxes/vx-brush/package.json deleted file mode 100644 index a62d5bc2c..000000000 --- a/packages/vx-demo/src/sandboxes/vx-brush/package.json +++ /dev/null @@ -1,34 +0,0 @@ -{ - "name": "@vx/demo-brush", - "description": "Standalone vx brush demo.", - "main": "index.tsx", - "private": true, - "dependencies": { - "@babel/runtime": "^7.8.4", - "@types/react": "^16", - "@types/react-dom": "^16", - "@vx/axis": "latest", - "@vx/brush": "latest", - "@vx/curve": "latest", - "@vx/gradient": "latest", - "@vx/group": "latest", - "@vx/mock-data": "latest", - "@vx/pattern": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", - "@vx/shape": "latest", - "d3-array": "^2.4.0", - "react": "^16.8", - "react-dom": "^16.8", - "react-scripts-ts": "3.1.0", - "typescript": "^3" - }, - "keywords": [ - "visualization", - "d3", - "react", - "vx", - "brush", - "interaction" - ] -} diff --git a/packages/vx-demo/src/sandboxes/vx-chord/index.tsx b/packages/vx-demo/src/sandboxes/vx-chord/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-chord/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-curve/index.tsx b/packages/vx-demo/src/sandboxes/vx-curve/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-curve/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-dendrogram/index.tsx b/packages/vx-demo/src/sandboxes/vx-dendrogram/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-dendrogram/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-dots/index.tsx b/packages/vx-demo/src/sandboxes/vx-dots/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-dots/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-dots/package.json b/packages/vx-demo/src/sandboxes/vx-dots/package.json deleted file mode 100644 index d39d17c98..000000000 --- a/packages/vx-demo/src/sandboxes/vx-dots/package.json +++ /dev/null @@ -1,31 +0,0 @@ -{ - "name": "@vx/demo-dots", - "description": "Standalone vx scatterplot demo.", - "main": "index.tsx", - "private": true, - "dependencies": { - "@babel/runtime": "^7.8.4", - "@types/react": "^16", - "@types/react-dom": "^16", - "@vx/event": "latest", - "@vx/gradient": "latest", - "@vx/group": "latest", - "@vx/mock-data": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", - "@vx/shape": "latest", - "@vx/tooltip": "latest", - "@vx/voronoi": "latest", - "react": "^16.8", - "react-dom": "^16.8", - "react-scripts-ts": "3.1.0", - "typescript": "^3" - }, - "keywords": [ - "visualization", - "d3", - "react", - "vx", - "visualization" - ] -} diff --git a/packages/vx-demo/src/sandboxes/vx-drag-i/index.tsx b/packages/vx-demo/src/sandboxes/vx-drag-i/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-drag-i/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-drag-ii/index.tsx b/packages/vx-demo/src/sandboxes/vx-drag-ii/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-drag-ii/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-geo-custom/index.tsx b/packages/vx-demo/src/sandboxes/vx-geo-custom/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-geo-custom/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-geo-mercator/index.tsx b/packages/vx-demo/src/sandboxes/vx-geo-mercator/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-geo-mercator/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-glyph/index.tsx b/packages/vx-demo/src/sandboxes/vx-glyph/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-glyph/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-gradient/index.tsx b/packages/vx-demo/src/sandboxes/vx-gradient/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-gradient/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-heatmap/index.tsx b/packages/vx-demo/src/sandboxes/vx-heatmap/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-heatmap/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-linktypes/index.tsx b/packages/vx-demo/src/sandboxes/vx-linktypes/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-linktypes/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-network/index.tsx b/packages/vx-demo/src/sandboxes/vx-network/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-network/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-pack/index.tsx b/packages/vx-demo/src/sandboxes/vx-pack/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-pack/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-pattern/index.tsx b/packages/vx-demo/src/sandboxes/vx-pattern/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-pattern/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-polygons/index.tsx b/packages/vx-demo/src/sandboxes/vx-polygons/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-polygons/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-radar/index.tsx b/packages/vx-demo/src/sandboxes/vx-radar/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-radar/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-responsive/index.tsx b/packages/vx-demo/src/sandboxes/vx-responsive/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-responsive/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-shape-line-radial/index.tsx b/packages/vx-demo/src/sandboxes/vx-shape-line-radial/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-shape-line-radial/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-shape-pie/index.tsx b/packages/vx-demo/src/sandboxes/vx-shape-pie/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-shape-pie/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/index.tsx b/packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-stacked-areas/index.tsx b/packages/vx-demo/src/sandboxes/vx-stacked-areas/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-stacked-areas/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-stats/index.tsx b/packages/vx-demo/src/sandboxes/vx-stats/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-stats/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-streamgraph/index.tsx b/packages/vx-demo/src/sandboxes/vx-streamgraph/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-streamgraph/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-threshold/index.tsx b/packages/vx-demo/src/sandboxes/vx-threshold/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-threshold/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-threshold/package.json b/packages/vx-demo/src/sandboxes/vx-threshold/package.json deleted file mode 100644 index b02f09024..000000000 --- a/packages/vx-demo/src/sandboxes/vx-threshold/package.json +++ /dev/null @@ -1,31 +0,0 @@ -{ - "name": "@vx/demo-threshold", - "description": "Standalone vx threshold demo.", - "main": "index.tsx", - "private": true, - "dependencies": { - "@babel/runtime": "^7.8.4", - "@types/react": "^16", - "@types/react-dom": "^16", - "@vx/axis": "latest", - "@vx/curve": "latest", - "@vx/grid": "latest", - "@vx/group": "latest", - "@vx/mock-data": "latest", - "@vx/responsive": "latest", - "@vx/scale": "latest", - "@vx/shape": "latest", - "@vx/threshold": "latest", - "react": "^16", - "react-dom": "^16", - "react-scripts-ts": "3.1.0", - "typescript": "^3" - }, - "keywords": [ - "visualization", - "d3", - "react", - "vx", - "threshold" - ] -} diff --git a/packages/vx-demo/src/sandboxes/vx-tooltip/index.tsx b/packages/vx-demo/src/sandboxes/vx-tooltip/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-tooltip/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-tree/index.tsx b/packages/vx-demo/src/sandboxes/vx-tree/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-tree/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-treemap/index.tsx b/packages/vx-demo/src/sandboxes/vx-treemap/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-treemap/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-voronoi/index.tsx b/packages/vx-demo/src/sandboxes/vx-voronoi/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-voronoi/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-xychart/index.tsx b/packages/vx-demo/src/sandboxes/vx-xychart/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-xychart/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-demo/src/sandboxes/vx-xychart/package.json b/packages/vx-demo/src/sandboxes/vx-xychart/package.json deleted file mode 100644 index e19930a81..000000000 --- a/packages/vx-demo/src/sandboxes/vx-xychart/package.json +++ /dev/null @@ -1,26 +0,0 @@ -{ - "name": "@vx/demo-xychart", - "description": "Standalone vx xychart demo.", - "main": "index.tsx", - "private": true, - "dependencies": { - "@babel/runtime": "^7.8.4", - "@types/react": "^16", - "@types/react-dom": "^16", - "@vx/mock-data": "latest", - "@vx/pattern": "latest", - "@vx/react-spring": "latest", - "@vx/responsive": "latest", - "@vx/xychart": "latest", - "react": "^16", - "react-dom": "^16", - "react-scripts-ts": "3.1.0", - "typescript": "^3" - }, - "keywords": [ - "visualization", - "d3", - "react", - "vx" - ] -} diff --git a/packages/vx-demo/src/sandboxes/vx-zoom-i/index.tsx b/packages/vx-demo/src/sandboxes/vx-zoom-i/index.tsx deleted file mode 100644 index 3313ec317..000000000 --- a/packages/vx-demo/src/sandboxes/vx-zoom-i/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render } from 'react-dom'; -import ParentSize from '@vx/responsive/lib/components/ParentSize'; - -import Example from './Example'; -import './sandbox-styles.css'; - -render( - {({ width, height }) => }, - document.getElementById('root'), -); diff --git a/packages/vx-drag/Readme.md b/packages/vx-drag/Readme.md deleted file mode 100644 index 77ed63dc3..000000000 --- a/packages/vx-drag/Readme.md +++ /dev/null @@ -1,13 +0,0 @@ -# @vx/drag - - - - - -`@vx/drag` provides `react` components for making items within an interface (or chart) draggable. - -## Installation - -``` -npm install --save @vx/drag -``` diff --git a/packages/vx-event/Readme.md b/packages/vx-event/Readme.md deleted file mode 100644 index c6e5c211b..000000000 --- a/packages/vx-event/Readme.md +++ /dev/null @@ -1,55 +0,0 @@ -# @vx/event - - - - - -## Installation - -``` -npm install --save @vx/event -``` - -## Usage - -`@vx/event` exports a utility `localPoint` that takes an `SVG` `MouseEvent` or `TouchEvent` as input -and returns a `{ x: number; y: number; }` point coordinate (or `null` in the case the event has no -`ownerSVGElement`) within the coordinate system of the `SVG`. This makes placement of tooltips, -finding nearby datum, etc. easier. - -Example: - -```tsx -import { localPoint } from '@vx/event'; - - - { - const point = localPoint(event) || { x: 0, y: 0 }; - // use coordinates ... - }} - /> - {...} - -``` - -You may optionally pass a reference to the SVG node - -```tsx -import { useRef } from 'react'; -import { localPoint } from '@vx/event'; - -const svgRef = useRef(null); - - - { - const point = localPoint(svgRef.current, event) || { x: 0, y: 0 }; - // use coordinates ... - }} - /> - {...} - -``` diff --git a/packages/vx-glyph/Readme.md b/packages/vx-glyph/Readme.md deleted file mode 100644 index 16f11e356..000000000 --- a/packages/vx-glyph/Readme.md +++ /dev/null @@ -1,14 +0,0 @@ -# @vx/glyph - - - - - -Glyphs are small marks or symbols that you can use in your charts. Example: -[https://vx-demo.now.sh/glyphs](https://vx-demo.now.sh/glyphs) - -## Installation - -``` -npm install --save @vx/glyph -``` diff --git a/packages/vx-grid/Readme.md b/packages/vx-grid/Readme.md deleted file mode 100644 index 615a308b2..000000000 --- a/packages/vx-grid/Readme.md +++ /dev/null @@ -1,34 +0,0 @@ -# @vx/grid - - - - - -The `@vx/grid` package lets you create gridlines for charts. `` render horizontally, -`` render vertically, or you can use a `` to get them both at once! - -## Usage - -```js -import { Grid } from '@vx/grid'; -// or -// import * as Grid from '@vx/grid'; -// - -const grid = ( - -); -``` - -## Installation - -``` -npm install --save @vx/grid -``` diff --git a/packages/vx-marker/Readme.md b/packages/vx-marker/Readme.md deleted file mode 100644 index 61420e02d..000000000 --- a/packages/vx-marker/Readme.md +++ /dev/null @@ -1,14 +0,0 @@ -# @vx/marker - - - - - -Markers are graphical objects attached to a , , , or element. -[MDN ``](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/marker) - -## Installation - -``` -npm install --save @vx/marker -``` diff --git a/packages/vx-react-spring/README.md b/packages/vx-react-spring/README.md deleted file mode 100644 index cdcc64055..000000000 --- a/packages/vx-react-spring/README.md +++ /dev/null @@ -1,21 +0,0 @@ -# @vx/react-spring - - - - - -Although `vx` is largely unopinioned on animation, there is value in abstracting the complexity + -boilerplate of building **animated** `vx` visualization components. This package requires -`react-spring` as a `peerDependency` (to be compatible with any usage within your app) and exports -all `vx` components that depend on `react-spring`. - -[`react-spring`](https://www.react-spring.io/) provides performant primitives for animating react -components and is our recommended library for making animated charts. In order to minimize -`react-spring` as a dependency across other `vx` packages, we've consolidated components which -depend on it here. - -## Installation - -``` -npm install --save react-spring @vx/react-spring -``` diff --git a/packages/vx-shape/Readme.md b/packages/vx-shape/Readme.md deleted file mode 100644 index f96ba55bc..000000000 --- a/packages/vx-shape/Readme.md +++ /dev/null @@ -1,14 +0,0 @@ -# @vx/shape - - - - - -Shapes are the core elements of `vx`. Most of what you see on the screen, like lines, bars, and -areas are all made with shape primitives. - -## Installation - -``` -npm install --save @vx/shape -``` diff --git a/packages/vx-stats/Readme.md b/packages/vx-stats/Readme.md deleted file mode 100644 index 6156129a6..000000000 --- a/packages/vx-stats/Readme.md +++ /dev/null @@ -1,14 +0,0 @@ -# @vx/stats - - - - - -The package provides `react` components for visualizing distributions, such as Box Plots and Violin -Plots - -## Installation - -``` -npm install --save @vx/stats -``` diff --git a/packages/vx-threshold/Readme.md b/packages/vx-threshold/Readme.md deleted file mode 100644 index b560063bf..000000000 --- a/packages/vx-threshold/Readme.md +++ /dev/null @@ -1,14 +0,0 @@ -# @vx/threshold - - - - - -`@vx/threshold` allows for creation of Difference Charts in `react`, which highlight the delta -between two line series. - -## Installation - -``` -npm install --save @vx/threshold -``` diff --git a/packages/vx-vx/Readme.md b/packages/vx-vx/Readme.md deleted file mode 100644 index a6481835b..000000000 --- a/packages/vx-vx/Readme.md +++ /dev/null @@ -1,13 +0,0 @@ -# @vx/vx - - - - - -The one stop install for all `vx` packages. - -## Installation - -``` -npm install --save @vx/vx -``` diff --git a/packages/vx-vx/package.json b/packages/vx-vx/package.json deleted file mode 100644 index 9ee9a7143..000000000 --- a/packages/vx-vx/package.json +++ /dev/null @@ -1,65 +0,0 @@ -{ - "name": "@vx/vx", - "version": "0.0.199", - "description": "One stop install for all vx packages", - "sideEffects": false, - "main": "lib/index.js", - "module": "esm/index.js", - "files": [ - "lib", - "esm" - ], - "repository": { - "type": "git", - "url": "git+https://github.com/hshoff/vx.git" - }, - "keywords": [ - "vx", - "react", - "d3", - "visualizations", - "charts" - ], - "author": "@hshoff", - "license": "MIT", - "bugs": { - "url": "https://github.com/hshoff/vx/issues" - }, - "homepage": "https://github.com/hshoff/vx#readme", - "publishConfig": { - "access": "public" - }, - "peerDependencies": { - "react": "^16.3.0-0" - }, - "dependencies": { - "@vx/annotation": "0.0.199", - "@vx/axis": "0.0.199", - "@vx/bounds": "0.0.199", - "@vx/brush": "0.0.199", - "@vx/clip-path": "0.0.199", - "@vx/curve": "0.0.199", - "@vx/drag": "0.0.199", - "@vx/event": "0.0.199", - "@vx/geo": "0.0.199", - "@vx/glyph": "0.0.199", - "@vx/gradient": "0.0.199", - "@vx/grid": "0.0.199", - "@vx/group": "0.0.199", - "@vx/heatmap": "0.0.199", - "@vx/hierarchy": "0.0.199", - "@vx/legend": "0.0.199", - "@vx/marker": "0.0.199", - "@vx/mock-data": "0.0.199", - "@vx/network": "0.0.199", - "@vx/pattern": "0.0.199", - "@vx/point": "0.0.199", - "@vx/responsive": "0.0.199", - "@vx/scale": "0.0.199", - "@vx/shape": "0.0.199", - "@vx/text": "0.0.199", - "@vx/tooltip": "0.0.199", - "@vx/voronoi": "0.0.199", - "@vx/zoom": "0.0.199" - } -} diff --git a/packages/vx-vx/src/index.ts b/packages/vx-vx/src/index.ts deleted file mode 100644 index 9af7c894f..000000000 --- a/packages/vx-vx/src/index.ts +++ /dev/null @@ -1,28 +0,0 @@ -export * from '@vx/annotation'; -export * from '@vx/axis'; -export * from '@vx/bounds'; -export * from '@vx/brush'; -export * from '@vx/clip-path'; -export * from '@vx/curve'; -export * from '@vx/drag'; -export * from '@vx/event'; -export * from '@vx/geo'; -export * from '@vx/glyph'; -export * from '@vx/gradient'; -export * from '@vx/grid'; -export * from '@vx/group'; -export * from '@vx/heatmap'; -export * from '@vx/hierarchy'; -export * from '@vx/legend'; -export * from '@vx/marker'; -export * from '@vx/mock-data'; -export * from '@vx/network'; -export * from '@vx/pattern'; -export * from '@vx/point'; -export * from '@vx/responsive'; -export * from '@vx/scale'; -export * from '@vx/shape'; -export * from '@vx/text'; -export * from '@vx/tooltip'; -export * from '@vx/voronoi'; -export * from '@vx/zoom'; diff --git a/packages/vx-vx/test/index.test.ts b/packages/vx-vx/test/index.test.ts deleted file mode 100644 index 69a53a184..000000000 --- a/packages/vx-vx/test/index.test.ts +++ /dev/null @@ -1,116 +0,0 @@ -/* eslint-disable import/namespace */ -import * as vx from '../src'; - -describe('vx', () => { - test('it should be defined', () => { - expect(vx).toBeDefined(); - }); - - test('it should export @vx/annotation', () => { - expect(vx.LinePathAnnotation).toBeDefined(); - }); - - test('it should export @vx/axis', () => { - expect(vx.Axis).toBeDefined(); - }); - - test('it should export @vx/bounds', () => { - expect(vx.withBoundingRects).toBeDefined(); - }); - - test('it should export @vx/clip-path', () => { - expect(vx.ClipPath).toBeDefined(); - }); - - test('it should export @vx/curve', () => { - expect(vx.curveBasis).toBeDefined(); - }); - - test('it should export @vx/drag', () => { - expect(vx.Drag).toBeDefined(); - }); - - test('it should export @vx/event', () => { - expect(vx.localPoint).toBeDefined(); - }); - - test('it should export @vx/geo', () => { - expect(vx.Albers).toBeDefined(); - }); - - test('it should export @vx/glyph', () => { - expect(vx.Glyph).toBeDefined(); - }); - - test('it should export @vx/gradient', () => { - expect(vx.LinearGradient).toBeDefined(); - }); - - test('it should export @vx/grid', () => { - expect(vx.Grid).toBeDefined(); - }); - - test('it should export @vx/group', () => { - expect(vx.Group).toBeDefined(); - }); - - test('it should export @vx/heatmap', () => { - expect(vx.HeatmapRect).toBeDefined(); - }); - - test('it should export @vx/hierarchy', () => { - expect(vx.Tree).toBeDefined(); - }); - - test('it should export @vx/legend', () => { - expect(vx.Legend).toBeDefined(); - }); - - test('it should export @vx/marker', () => { - expect(vx.Marker).toBeDefined(); - }); - - test('it should export @vx/mock-data', () => { - expect(vx.genDateValue).toBeDefined(); - }); - - test('it should export @vx/network', () => { - expect(vx.Graph).toBeDefined(); - }); - - test('it should export @vx/pattern', () => { - expect(vx.Pattern).toBeDefined(); - }); - - test('it should export @vx/point', () => { - expect(vx.Point).toBeDefined(); - }); - - test('it should export @vx/responsive', () => { - expect(vx.withParentSize).toBeDefined(); - }); - - test('it should export @vx/scale', () => { - expect(vx.scaleBand).toBeDefined(); - }); - - test('it should export @vx/shape', () => { - expect(vx.Bar).toBeDefined(); - }); - - test('it should export @vx/text', () => { - expect(vx.Text).toBeDefined(); - }); - - test('it should export @vx/tooltip', () => { - expect(vx.Tooltip).toBeDefined(); - }); - - test('it should export @vx/voronoi', () => { - expect(vx.voronoi).toBeDefined(); - }); - - test('it should export @vx/zoom', () => { - expect(vx.Zoom).toBeDefined(); - }); -}); diff --git a/packages/vx-xychart/README.md b/packages/vx-xychart/README.md deleted file mode 100644 index 7edb6eacc..000000000 --- a/packages/vx-xychart/README.md +++ /dev/null @@ -1,3 +0,0 @@ -# @vx/xychart - -Coming 🔜 diff --git a/packages/vx-zoom/Readme.md b/packages/vx-zoom/Readme.md deleted file mode 100644 index 77748ca2b..000000000 --- a/packages/vx-zoom/Readme.md +++ /dev/null @@ -1,13 +0,0 @@ -# @vx/Zoom - - - - - -`@vx/zoom` provides `react` components that make it easy to apply transforms to a viewport or chart. - -## Installation - -``` -npm install --save @vx/zoom -```