Fix bugs in treemap, remove the data from the white list of animated …

…properties
hiddenloop · Aug 26, 2016 · 81617c7 · 81617c7
1 parent 0a6940b
commit 81617c7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/example/treemap/dynamic-treemap.js b/src/example/treemap/dynamic-treemap.js
@@ -45,7 +45,7 @@ export default class DynamicTreemapExample extends React.Component {
     let title;
     for (let i = 0; i < totalLeaves; i++) {
       title = Math.random();
-      if (Math.random() > 1) {
+      if (Math.random() > 0.5) {
         title = (
           <b>{title}</b>
         );

diff --git a/src/lib/treemap/treemap.js b/src/lib/treemap/treemap.js
@@ -41,6 +41,10 @@ function getFontColorFromBackground(background) {
 }
 
 const ATTRIBUTES = ['opacity', 'color'];
+const ANIMATED_PROPS = [
+  'colorRange', 'colorDomain', 'color',
+  'opacityRange', 'opacityDomain', 'opacity'
+];
 
 class Treemap extends React.Component {
 
@@ -159,7 +163,7 @@ class Treemap extends React.Component {
     const nodes = this._getNodesToRender();
     if (animation) {
       return (
-        <Animation {...this.props} animatedProps={['data', 'colorRange', 'colorDomain', 'opacityRange', 'opacityDomain', 'color', 'opacity']}>
+        <Animation {...this.props} animatedProps={ANIMATED_PROPS}>
           <Treemap {...this.props} animation={null}/>
         </Animation>
       );