Namespace css classes + update class and style props where applicable (…

…spotify#66) * AreaChartBar namespace * AreaChart namespace * AreaHeatMap namespace + accessor class and style funcs * BarChart update documentation * ColorHeatmap namespace and update documentation * FunnelChart namespace and accessors * Add lineStyle and lineClassName to KDE and remove unused prop in LineChart * MarketLineChart namespace and class and style accessors * RangeBarChart namespace * ScatterPlot namespace * PieChart documentation and updates * XYPlot namespace and underlying components * Add classes to linechart, remove unused styles * Namespace SankeyDiagram and updates to PieChart * Update tests * Update docs * Add backwards compatibility for markerLineClass * Update docs * Use className from props for RangeRect
krissalvador27 · May 21, 2018 · 9f8e1f4 · 9f8e1f4
1 parent fc9f6d4
commit 9f8e1f4
Show file tree

Hide file tree

Showing 50 changed files with 1,440 additions and 821 deletions.
diff --git a/docs/build/bundle.1d04aa6c7e41f31bfafc.js → docs/build/bundle.20490f618aca8f8ca24a.js b/docs/build/bundle.1d04aa6c7e41f31bfafc.js → docs/build/bundle.20490f618aca8f8ca24a.js
diff --git a/.../build/bundle.1d04aa6c7e41f31bfafc.js.map → .../build/bundle.20490f618aca8f8ca24a.js.map b/.../build/bundle.1d04aa6c7e41f31bfafc.js.map → .../build/bundle.20490f618aca8f8ca24a.js.map
diff --git a/docs/build/index.html b/docs/build/index.html
@@ -31,5 +31,5 @@
     </div>
 
     <div class="container-fluid" id="container">Loading...</div>
-<script type="text/javascript" src="bundle.1d04aa6c7e41f31bfafc.js"></script></body>
+<script type="text/javascript" src="bundle.20490f618aca8f8ca24a.js"></script></body>
 </html>
diff --git a/docs/src/ComponentDocs.js b/docs/src/ComponentDocs.js
@@ -20,10 +20,8 @@ export default class ComponentDocs extends React.Component {
         </div>
 
         {propDocs.description ? (
-          <div className="row">
-            <p className="component-description">
-              {renderMarkdown(propDocs.description)}
-            </p>
+          <div className="row component-description">
+            {renderMarkdown(propDocs.description)}
           </div>
         ) : null}
 

diff --git a/docs/src/docs/AreaChart/propDocs.json b/docs/src/docs/AreaChart/propDocs.json
@@ -48,6 +48,17 @@
       "required": false,
       "description": "Accessor function for area's ending (maximum) Y values, called once per datum,\nor a single Y value to be used for the entire line.\nShould return the maximum of the Y range spanned by the area at this point."
     },
+    "pathClassName": {
+      "type": {
+        "name": "string"
+      },
+      "required": false,
+      "description": "classname applied to area path element",
+      "defaultValue": {
+        "value": "\"\"",
+        "computed": false
+      }
+    },
     "pathStyle": {
       "type": {
         "name": "object"

diff --git a/docs/src/docs/AreaHeatmap/propDocs.json b/docs/src/docs/AreaHeatmap/propDocs.json
@@ -109,21 +109,37 @@
     },
     "rectClassName": {
       "type": {
-        "name": "string"
+        "name": "union",
+        "value": [
+          {
+            "name": "string"
+          },
+          {
+            "name": "func"
+          }
+        ]
       },
       "required": false,
-      "description": "",
+      "description": "Class attribute to be applied to each rect\nor accessor function which returns a class",
       "defaultValue": {
         "value": "\"\"",
         "computed": false
       }
     },
     "rectStyle": {
       "type": {
-        "name": "object"
+        "name": "union",
+        "value": [
+          {
+            "name": "object"
+          },
+          {
+            "name": "func"
+          }
+        ]
       },
       "required": false,
-      "description": "",
+      "description": "Inline style object to be applied to each rect,\nor accessor function which returns a style object.",
       "defaultValue": {
         "value": "{}",
         "computed": false

diff --git a/docs/src/docs/BarChart/propDocs.json b/docs/src/docs/BarChart/propDocs.json
@@ -107,7 +107,7 @@
         ]
       },
       "required": false,
-      "description": "Inline style object to be applied to each bar,\nor accessor function which returns a style object;",
+      "description": "Inline style object to be applied to each bar,\nor accessor function which returns a style object.",
       "defaultValue": {
         "value": "{}",
         "computed": false
@@ -126,7 +126,7 @@
         ]
       },
       "required": false,
-      "description": "Class attribute to be applied to each bar.\nor accessor function which returns a class;",
+      "description": "Class attribute to be applied to each bar,\nor accessor function which returns a class.",
       "defaultValue": {
         "value": "\"\"",
         "computed": false

diff --git a/docs/src/docs/ColorHeatmap/propDocs.json b/docs/src/docs/ColorHeatmap/propDocs.json
@@ -123,7 +123,7 @@
         ]
       },
       "required": false,
-      "description": "",
+      "description": "Inline style object to be applied to each rect,\nor accessor function which returns a style object.",
       "defaultValue": {
         "value": "{}",
         "computed": false
@@ -142,7 +142,7 @@
         ]
       },
       "required": false,
-      "description": "",
+      "description": "Class attribute to be applied to each rect,\nor accessor function which returns a class.",
       "defaultValue": {
         "value": "\"\"",
         "computed": false

diff --git a/docs/src/docs/FunnelChart/propDocs.json b/docs/src/docs/FunnelChart/propDocs.json
@@ -40,13 +40,62 @@
       "required": false,
       "description": ""
     },
+    "color": {
+      "type": {
+        "name": "union",
+        "value": [
+          {
+            "name": "string"
+          },
+          {
+            "name": "func"
+          }
+        ]
+      },
+      "required": false,
+      "description": "Color applied to the path element,\nor accessor function which returns a class.\n\nNote that the first datum's color would not be applied since it fills in the area of the path"
+    },
     "horizontal": {
       "type": {
         "name": "bool"
       },
       "required": false,
       "description": ""
     },
+    "pathClassName": {
+      "type": {
+        "name": "union",
+        "value": [
+          {
+            "name": "string"
+          },
+          {
+            "name": "func"
+          }
+        ]
+      },
+      "required": false,
+      "description": "Classname applied to each path element,\nor accessor function which returns a class.",
+      "defaultValue": {
+        "value": "\"\"",
+        "computed": false
+      }
+    },
+    "pathStyle": {
+      "type": {
+        "name": "union",
+        "value": [
+          {
+            "name": "object"
+          },
+          {
+            "name": "func"
+          }
+        ]
+      },
+      "required": false,
+      "description": "Style applied to each path element,\nor accessor function which returns a style object."
+    },
     "xScale": {
       "type": {
         "name": "func"

diff --git a/docs/src/docs/KernelDensityEstimation/propDocs.json b/docs/src/docs/KernelDensityEstimation/propDocs.json
@@ -53,6 +53,20 @@
         "computed": false
       }
     },
+    "lineStyle": {
+      "type": {
+        "name": "object"
+      },
+      "required": false,
+      "description": "Inline style object to be applied to the line path"
+    },
+    "lineClassName": {
+      "type": {
+        "name": "string"
+      },
+      "required": false,
+      "description": "Class attribute to be applied to the line path"
+    },
     "name": {
       "type": {
         "name": "string"

diff --git a/docs/src/docs/MarkerLineChart/propDocs.json b/docs/src/docs/MarkerLineChart/propDocs.json
@@ -200,6 +200,44 @@
       "required": false,
       "description": ""
     },
+    "lineClassName": {
+      "type": {
+        "name": "union",
+        "value": [
+          {
+            "name": "string"
+          },
+          {
+            "name": "func"
+          }
+        ]
+      },
+      "required": false,
+      "description": "Class attribute to be applied to the line path,\nor accessor function which returns a class.",
+      "defaultValue": {
+        "value": "\"\"",
+        "computed": false
+      }
+    },
+    "lineStyle": {
+      "type": {
+        "name": "union",
+        "value": [
+          {
+            "name": "object"
+          },
+          {
+            "name": "func"
+          }
+        ]
+      },
+      "required": false,
+      "description": "Inline style object to be applied to each marker line,\nor accessor function which returns a style object.",
+      "defaultValue": {
+        "value": "{}",
+        "computed": false
+      }
+    },
     "onMouseEnterLine": {
       "type": {
         "name": "func"