Fix Showcase imports.

Showcase now properly references `react-vis` components.
uber · Xiot · May 30, 2020 · Jun 5, 2020 · Jun 6, 2020 · Jun 6, 2020
commit 32ec8a25784f03595de51caa158c7d5df9d88240
diff --git a/packages/showcase/legends/continuous-color.js b/packages/showcase/legends/continuous-color.js
@@ -20,7 +20,7 @@
 
 import React from 'react';
 
-import ContinuousColorLegend from 'react-vis/legends/continuous-color-legend';
+import {ContinuousColorLegend} from 'react-vis';
 
 export default class Example extends React.Component {
   constructor(props) {

diff --git a/packages/showcase/legends/continuous-size.js b/packages/showcase/legends/continuous-size.js
@@ -20,7 +20,7 @@
 
 import React from 'react';
 
-import ContinuousSizeLegend from 'react-vis/legends/continuous-size-legend';
+import {ContinuousSizeLegend} from 'react-vis';
 
 export default class Example extends React.Component {
   constructor(props) {

diff --git a/packages/showcase/legends/horizontal-discrete-color.js b/packages/showcase/legends/horizontal-discrete-color.js
@@ -20,8 +20,8 @@
 
 import React from 'react';
 
-import DiscreteColorLegend from 'react-vis/legends/discrete-color-legend';
-import GradientDefs from 'react-vis/plot/gradient-defs';
+import {DiscreteColorLegend} from 'react-vis';
+import {GradientDefs} from 'react-vis';
 
 const ITEMS = [
   {title: 'Dashed', color: '#45aeb1', strokeStyle: 'dashed'},

diff --git a/packages/showcase/legends/horizontal-discrete-custom-palette.js b/packages/showcase/legends/horizontal-discrete-custom-palette.js
@@ -20,7 +20,7 @@
 
 import React, {Component} from 'react';
 
-import DiscreteColorLegend from 'react-vis/legends/discrete-color-legend';
+import {DiscreteColorLegend} from 'react-vis';
 
 const ITEMS = [
   'Options',

diff --git a/packages/showcase/legends/searchable-discrete-color-hover.js b/packages/showcase/legends/searchable-discrete-color-hover.js
@@ -20,7 +20,7 @@
 
 import React, {Component} from 'react';
 
-import SearchableDiscreteColorLegend from 'react-vis/legends/searchable-discrete-color-legend';
+import {SearchableDiscreteColorLegend} from 'react-vis';
 
 export default class SearchableDiscreteColorLegendHoverExample extends Component {
   constructor(props) {

diff --git a/packages/showcase/legends/searchable-discrete-color.js b/packages/showcase/legends/searchable-discrete-color.js
@@ -20,7 +20,7 @@
 
 import React from 'react';
 
-import SearchableDiscreteColorLegend from 'react-vis/legends/searchable-discrete-color-legend';
+import {SearchableDiscreteColorLegend} from 'react-vis';
 
 export default class Example extends React.Component {
   constructor(props) {

diff --git a/packages/showcase/legends/vertical-discrete-color.js b/packages/showcase/legends/vertical-discrete-color.js
@@ -20,7 +20,7 @@
 
 import React from 'react';
 
-import DiscreteColorLegend from 'react-vis/legends/discrete-color-legend';
+import {DiscreteColorLegend} from 'react-vis';
 
 const ITEMS = [
   'Options',

diff --git a/packages/showcase/radar-chart/animated-radar-chart.js b/packages/showcase/radar-chart/animated-radar-chart.js
@@ -21,8 +21,8 @@
 import React, {Component} from 'react';
 
 import ShowcaseButton from '../showcase-components/showcase-button';
-import RadarChart from 'react-vis/radar-chart';
-import CircularGridLines from 'react-vis/plot/circular-grid-lines';
+import {RadarChart} from 'react-vis';
+import {CircularGridLines} from 'react-vis';
 
 const DATA = [
   {

diff --git a/packages/showcase/radar-chart/basic-radar-chart.js b/packages/showcase/radar-chart/basic-radar-chart.js
@@ -21,7 +21,7 @@
 import React from 'react';
 import {format} from 'd3-format';
 
-import RadarChart from 'react-vis/radar-chart';
+import {RadarChart} from 'react-vis';
 
 const DATA = [
   {

diff --git a/packages/showcase/radar-chart/four-quadrant-radar-chart.js b/packages/showcase/radar-chart/four-quadrant-radar-chart.js
@@ -20,7 +20,7 @@
 
 import React from 'react';
 
-import RadarChart from 'react-vis/radar-chart';
+import {RadarChart} from 'react-vis';
 
 const RADAR_PROPS = {
   data: [

diff --git a/packages/showcase/radar-chart/radar-chart-series-tooltips.js b/packages/showcase/radar-chart/radar-chart-series-tooltips.js
@@ -21,7 +21,7 @@
 import React, {Component} from 'react';
 import {format} from 'd3-format';
 
-import RadarChart from 'react-vis/radar-chart';
+import {RadarChart} from 'react-vis';
 import {Hint} from 'react-vis';
 
 const DATA = [

diff --git a/packages/showcase/radar-chart/radar-chart-with-tooltips.js b/packages/showcase/radar-chart/radar-chart-with-tooltips.js
@@ -19,7 +19,7 @@
 // THE SOFTWARE.
 
 import React, {Component} from 'react';
-import RadarChart from 'react-vis/radar-chart';
+import {RadarChart} from 'react-vis';
 import {Hint} from 'react-vis';
 
 // The first 6 data elements here are to simulate a 'spider' type of radar chart -

diff --git a/packages/showcase/radial-chart/arc-series-example.js b/packages/showcase/radial-chart/arc-series-example.js
@@ -23,7 +23,7 @@ import React from 'react';
 import ShowcaseButton from '../showcase-components/showcase-button';
 import {XYPlot, ArcSeries, XAxis, YAxis} from 'react-vis';
 
-import {EXTENDED_DISCRETE_COLOR_RANGE as COLORS} from 'react-vis/theme';
+import {EXTENDED_DISCRETE_COLOR_RANGE as COLORS} from 'react-vis/dist/theme';
 
 const PI = Math.PI;
 

diff --git a/packages/showcase/radial-chart/simple-radial-chart.js b/packages/showcase/radial-chart/simple-radial-chart.js
@@ -20,7 +20,7 @@
 
 import React from 'react';
 
-import RadialChart from 'react-vis/radial-chart';
+import {RadialChart} from 'react-vis';
 
 export default function SimpleRadialChart() {
   return (

diff --git a/packages/showcase/sankey/basic.js b/packages/showcase/sankey/basic.js
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import Sankey from 'react-vis/sankey';
+import {Sankey} from 'react-vis';
 
 const nodes = [{name: 'a', rotation: 0}, {name: 'b'}, {name: 'c'}];
 const links = [

diff --git a/packages/showcase/sankey/energy-sankey.js b/packages/showcase/sankey/energy-sankey.js
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import Sankey from 'react-vis/sankey';
+import {Sankey} from 'react-vis';
 
 import Energy from '../datasets/energy.json';
 import ShowcaseButton from '../showcase-components/showcase-button';

diff --git a/packages/showcase/sankey/link-event.js b/packages/showcase/sankey/link-event.js
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import Sankey from 'react-vis/sankey';
+import {Sankey} from 'react-vis';
 
 const BLURRED_LINK_OPACITY = 0.3;
 const FOCUSED_LINK_OPACITY = 0.6;

diff --git a/packages/showcase/sankey/link-hint.js b/packages/showcase/sankey/link-hint.js
@@ -1,7 +1,7 @@
 import React from 'react';
 
-import Sankey from 'react-vis/sankey';
-import Hint from 'react-vis/plot/hint';
+import {Sankey} from 'react-vis';
+import {Hint} from 'react-vis';
 
 const BLURRED_LINK_OPACITY = 0.3;
 const FOCUSED_LINK_OPACITY = 0.6;

diff --git a/packages/showcase/sankey/voronoi.js b/packages/showcase/sankey/voronoi.js
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import Sankey from 'react-vis/sankey';
+import {Sankey} from 'react-vis';
 
 const BLURRED_NODE_OPACITY = 0.8;
 const FOCUSED_NODE_OPACITY = 1;

diff --git a/packages/showcase/sunbursts/basic-sunburst.js b/packages/showcase/sunbursts/basic-sunburst.js
@@ -20,8 +20,8 @@
 
 import React from 'react';
 
-import Sunburst from 'react-vis/sunburst';
-import {EXTENDED_DISCRETE_COLOR_RANGE} from 'react-vis/theme';
+import {Sunburst} from 'react-vis';
+import {EXTENDED_DISCRETE_COLOR_RANGE} from 'react-vis/dist/theme';
 import {LabelSeries} from 'react-vis';
 
 import D3FlareData from '../datasets/d3-flare-example.json';

diff --git a/packages/showcase/sunbursts/clock-example.js b/packages/showcase/sunbursts/clock-example.js
@@ -22,7 +22,7 @@ import React from 'react';
 
 import {XYPlot, ArcSeries} from 'react-vis';
 
-import {EXTENDED_DISCRETE_COLOR_RANGE} from 'react-vis/theme';
+import {EXTENDED_DISCRETE_COLOR_RANGE} from 'react-vis/dist/theme';
 
 const PI = Math.PI;
 

diff --git a/packages/showcase/sunbursts/sunburst-with-tooltips.js b/packages/showcase/sunbursts/sunburst-with-tooltips.js
@@ -22,7 +22,7 @@ import React from 'react';
 
 import {Hint, Sunburst} from 'react-vis';
 
-import {EXTENDED_DISCRETE_COLOR_RANGE as COLORS} from 'react-vis/theme';
+import {EXTENDED_DISCRETE_COLOR_RANGE as COLORS} from 'react-vis/dist/theme';
 
 const DATA = {
   children: [

diff --git a/packages/showcase/treemap/dynamic-treemap.js b/packages/showcase/treemap/dynamic-treemap.js
@@ -20,7 +20,7 @@
 
 import React from 'react';
 
-import Treemap from 'react-vis/treemap';
+import {Treemap} from 'react-vis';
 import ShowcaseButton from '../showcase-components/showcase-button';
 
 function _getRandomData(total) {

diff --git a/packages/showcase/treemap/simple-treemap.js b/packages/showcase/treemap/simple-treemap.js
@@ -20,7 +20,7 @@
 
 import React from 'react';
 
-import Treemap from 'react-vis/treemap';
+import {Treemap} from 'react-vis';
 
 import D3FlareData from '../datasets/d3-flare-example.json';
 import ShowcaseButton from '../showcase-components/showcase-button';