Add Sankey and StreamGraph support

Author: whawker

packages/react-jsx-highcharts/src/components/SankeySeries/SankeySeries.js

@@ -0,0 +1,17 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import Series from '../Series';
+
+class SankeySeries extends Component {
+  static propTypes = {
+    id: PropTypes.string.isRequired
+  };
+
+  render () {
+    return (
+      <Series {...this.props} type="sankey" />
+    );
+  }
+}
+
+export default SankeySeries;

packages/react-jsx-highcharts/src/components/SankeySeries/index.js

@@ -0,0 +1,2 @@
+import SankeySeries from './SankeySeries';
+export default SankeySeries;

packages/react-jsx-highcharts/src/components/StreamGraphSeries/StreamGraphSeries.js

@@ -0,0 +1,17 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import Series from '../Series';
+
+class StreamGraphSeries extends Component {
+  static propTypes = {
+    id: PropTypes.string.isRequired
+  };
+
+  render () {
+    return (
+      <Series {...this.props} type="streamgraph" />
+    );
+  }
+}
+
+export default StreamGraphSeries;

packages/react-jsx-highcharts/src/components/StreamGraphSeries/index.js

@@ -0,0 +1,2 @@
+import StreamGraphSeries from './StreamGraphSeries';
+export default StreamGraphSeries;

packages/react-jsx-highcharts/src/index.js

@@ -33,8 +33,10 @@ export LineSeries from './components/LineSeries';
 export PieSeries from './components/PieSeries';
 export PolygonSeries from './components/PolygonSeries';
 export PyramidSeries from './components/PyramidSeries';
+export SankeySeries from './components/SankeySeries';
 export ScatterSeries from './components/ScatterSeries';
 export SplineSeries from './components/SplineSeries';
+export StreamGraphSeries from './components/StreamGraphSeries';
 export TreemapSeries from './components/TreemapSeries';
 export WaterfallSeries from './components/WaterfallSeries';
 

packages/react-jsx-highcharts/test/components/SankeySeries/SankeySeries.spec.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import SankeySeries from '../../../src/components/SankeySeries/SankeySeries';
+import Series from '../../../src/components/Series';
+
+describe('<SankeySeries />', function ()  {
+  it('renders a <Series />', function ()  {
+    const wrapper = shallow(<SankeySeries id="mySeries" />);
+    expect(wrapper).to.have.type(Series);
+  });
+
+  it('renders a <Series type="sankey" />', function () {
+    const wrapper = shallow(<SankeySeries id="mySeries" />);
+    expect(wrapper).to.have.prop('type').equal('sankey');
+  });
+
+  it('passes other props through to <Series />', function () {
+    const wrapper = shallow(<SankeySeries id="myOtherSeries" data={[1, 2, 3, 4]} />);
+    expect(wrapper).to.have.prop('data').eql([1, 2, 3, 4]);
+  });
+});

packages/react-jsx-highcharts/test/components/StreamGraphSeries/StreamGraphSeries.spec.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import StreamGraphSeries from '../../../src/components/StreamGraphSeries/StreamGraphSeries';
+import Series from '../../../src/components/Series';
+
+describe('<StreamGraphSeries />', function ()  {
+  it('renders a <Series />', function ()  {
+    const wrapper = shallow(<StreamGraphSeries id="mySeries" />);
+    expect(wrapper).to.have.type(Series);
+  });
+
+  it('renders a <Series type="streamgraph" />', function () {
+    const wrapper = shallow(<StreamGraphSeries id="mySeries" />);
+    expect(wrapper).to.have.prop('type').equal('streamgraph');
+  });
+
+  it('passes other props through to <Series />', function () {
+    const wrapper = shallow(<StreamGraphSeries id="myOtherSeries" data={[1, 2, 3, 4]} />);
+    expect(wrapper).to.have.prop('data').eql([1, 2, 3, 4]);
+  });
+});