Exposes circleRadius prop (#18)

Author: bkrem

src/Node/index.js

@@ -114,7 +114,6 @@ export default class Node extends React.Component {
 }
 
 Node.defaultProps = {
-  circleRadius: 10,
   textAnchor: 'start',
   attributes: undefined,
 };
@@ -130,6 +129,6 @@ Node.propTypes = {
   name: PropTypes.string.isRequired,
   attributes: PropTypes.object,
   textAnchor: PropTypes.string,
-  circleRadius: PropTypes.number,
+  circleRadius: PropTypes.number.isRequired,
   styles: PropTypes.object.isRequired,
 };

src/Node/tests/index.test.js

@@ -22,6 +22,7 @@ describe('<Node />', () => {
     orientation: 'horizontal',
     transitionDuration: 500,
     onClick: () => {},
+    circleRadius: 10,
     styles: {},
   };
 

src/Tree/index.js

@@ -246,6 +246,7 @@ export default class Tree extends React.Component {
       pathFunc,
       transitionDuration,
       zoomable,
+      circleRadius,
       styles,
     } = this.props;
 
@@ -267,6 +268,7 @@ export default class Tree extends React.Component {
                 name={nodeData.name}
                 attributes={nodeData.attributes}
                 onClick={this.handleNodeToggle}
+                circleRadius={circleRadius}
                 styles={styles.nodes}
               />
             )}
@@ -300,6 +302,7 @@ Tree.defaultProps = {
   scaleExtent: { min: 0.1, max: 1 },
   nodeSize: { x: 140, y: 140 },
   separation: { siblings: 1, nonSiblings: 2 },
+  circleRadius: 10,
   styles: {
     nodes: {
       node: {
@@ -348,6 +351,7 @@ Tree.propTypes = {
     siblings: PropTypes.number,
     nonSiblings: PropTypes.number,
   }),
+  circleRadius: PropTypes.number,
   styles: PropTypes.shape({
     nodes: PropTypes.object,
     links: PropTypes.object,