feat(sunburst): allow independent child colors (#463)

plouc · Feb 21, 2019 · 2525ad1 · 2525ad1
1 parent d2ed5a3
commit 2525ad1
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/sunburst/src/Sunburst.js b/packages/sunburst/src/Sunburst.js
@@ -157,7 +157,7 @@ const enhance = compose(
     })),
     withPropsOnChange(
         ['data', 'partition', 'getIdentity', 'getChildColor'],
-        ({ data, partition, getIdentity, getColor, getChildColor }) => {
+        ({ data, partition, getIdentity, getColor, childColor, getChildColor }) => {
             const total = data.value
 
             const nodes = sortBy(partition(cloneDeep(data)).descendants(), 'depth')
@@ -175,7 +175,7 @@ const enhance = compose(
                     ancestor,
                 })
 
-                if (node.depth === 1) {
+                if (node.depth === 1 || childColor === 'noinherit') {
                     node.data.color = getColor(node.data)
                 } else if (node.depth > 1) {
                     node.data.color = getChildColor(node.parent.data)

diff --git a/packages/sunburst/stories/sunburst.stories.js b/packages/sunburst/stories/sunburst.stories.js
@@ -24,3 +24,8 @@ stories.add(
     'with child color modifier',
     withInfo()(() => <Sunburst {...commonProperties} childColor="inherit:brighter(0.13)" />)
 )
+
+stories.add(
+    'with child colors independent of parent',
+    withInfo()(() => <Sunburst {...commonProperties} childColor="noinherit" />)
+)