Set styles defaultProps on component-level

Author: bkrem

src/Link/index.js

@@ -66,6 +66,10 @@ export default class Link extends React.PureComponent {
   }
 }
 
+Link.defaultProps = {
+  styles: {},
+};
+
 Link.propTypes = {
   linkData: PropTypes.object.isRequired,
   orientation: PropTypes.oneOf([
@@ -77,5 +81,5 @@ Link.propTypes = {
     'elbow',
   ]).isRequired,
   transitionDuration: PropTypes.number.isRequired,
-  styles: PropTypes.object.isRequired,
+  styles: PropTypes.object,
 };

src/Node/index.js

@@ -116,6 +116,18 @@ export default class Node extends React.Component {
 Node.defaultProps = {
   textAnchor: 'start',
   attributes: undefined,
+  styles: {
+    node: {
+      circle: {},
+      name: {},
+      attributes: {},
+    },
+    leafNode: {
+      circle: {},
+      name: {},
+      attributes: {},
+    },
+  },
 };
 
 Node.propTypes = {
@@ -130,5 +142,5 @@ Node.propTypes = {
   attributes: PropTypes.object,
   textAnchor: PropTypes.string,
   circleRadius: PropTypes.number.isRequired,
-  styles: PropTypes.object.isRequired,
+  styles: PropTypes.object,
 };

src/Tree/index.js

@@ -325,21 +325,7 @@ Tree.defaultProps = {
   nodeSize: { x: 140, y: 140 },
   separation: { siblings: 1, nonSiblings: 2 },
   circleRadius: 10,
-  styles: {
-    nodes: {
-      node: {
-        circle: {},
-        name: {},
-        attributes: {},
-      },
-      leafNode: {
-        circle: {},
-        name: {},
-        attributes: {},
-      },
-    },
-    links: {},
-  },
+  styles: {},
 };
 
 Tree.propTypes = {