Import measure text into reactochart (#127)

* Import measureText src code from measure-text. Update tests and docs.

* Recreate docs

docs/build/index.html

@@ -31,5 +31,5 @@
     </div>
 
     <div class="container-fluid" id="container">Loading...</div>
-<script type="text/javascript" src="bundle.5db55dad1c4e678931dd.js"></script></body>
+<script type="text/javascript" src="bundle.1e23df8e3bd09c5259cd.js"></script></body>
 </html>

docs/src/docs/XAxisTitle/propDocs.json

@@ -133,7 +133,7 @@
         "name": "object"
       },
       "required": false,
-      "description": "Object declaring styles for label.\n\nDisclaimer: labelStyle will merge its defaults with the given labelStyle prop\nin order to ensure that our collision library measureText is able to calculate the\nsmallest amount of possible collissions along the axis. It's therefore dependent on\nfontFamily, size and fontStyle to always be passed in. If you're looking to have a centralized\nstylesheet, we suggest creating a styled title component that wraps XAxisTitle with your preferred styles.",
+      "description": "Object declaring styles for label.\n\nDisclaimer: labelStyle will merge its defaults with the given labelStyle prop\nin order to ensure that our collision library measureText is able to calculate the\nsmallest amount of possible collisions along the axis. It's therefore dependent on\nfontFamily, size and fontStyle to always be passed in. If you're looking to have a centralized\nstylesheet, we suggest creating a styled title component that wraps XAxisTitle with your preferred styles.",
       "defaultValue": {
         "value": "{\n  fontFamily: \"Helvetica, sans-serif\",\n  fontSize: \"24px\",\n  fontWeight: \"bold\",\n  lineHeight: 1\n}",
         "computed": false

docs/src/docs/XYPlot/propDocs.json

@@ -198,7 +198,18 @@
         "name": "object"
       },
       "required": false,
-      "description": "Inline style object to be applied to the SVG element.",
+      "description": "Inline style object to be applied to the parent SVG element.",
+      "defaultValue": {
+        "value": "{}",
+        "computed": false
+      }
+    },
+    "xyPlotStyle": {
+      "type": {
+        "name": "object"
+      },
+      "required": false,
+      "description": "Inline style object to be applied to the plot.\nThis is the inner rect DOM element where the graphs are rendered within the axes.",
       "defaultValue": {
         "value": "{}",
         "computed": false

docs/src/docs/YAxisLabels/propDocs.json

@@ -175,7 +175,7 @@
         "name": "object"
       },
       "required": false,
-      "description": "Object declaring styles for label.\n\nDisclaimer: labelStyle will merge its defaults with the given labelStyle prop\nin order to ensure that our collision library measureText is able to calculate the\nsmallest amount of possible collissions along the axis. It's therefore dependent on\nfontFamily, size and fontStyle to always be passed in. If you're looking to have a centralized\nstylesheet, we suggest creating a styled label component that wraps YAxisLabels with your preferred styles.",
+      "description": "Object declaring styles for label.\n\nDisclaimer: labelStyle will merge its defaults with the given labelStyle prop\nin order to ensure that our collision library measureText is able to calculate the\nsmallest amount of possible collisions along the axis. It's therefore dependent on\nfontFamily, size and fontStyle to always be passed in. If you're looking to have a centralized\nstylesheet, we suggest creating a styled label component that wraps YAxisLabels with your preferred styles.",
       "defaultValue": {
         "value": "{\n  fontFamily: \"Helvetica, sans-serif\",\n  fontSize: \"14px\",\n  lineHeight: 1,\n  textAnchor: \"end\"\n}",
         "computed": false

docs/src/docs/YAxisTitle/propDocs.json

@@ -133,7 +133,7 @@
         "name": "object"
       },
       "required": false,
-      "description": "Object declaring styles for label.\n\nDisclaimer: style will merge its defaults with the given style prop\nin order to ensure that our collision library measureText is able to calculate the\nsmallest amount of possible collissions along the axis. It's therefore dependent on\nfontFamily, size and fontStyle to always be passed in. If you're looking to have a centralized\nstylesheet, we suggest creating a styled title component that wraps YAxisTitle with your preferred styles.",
+      "description": "Object declaring styles for label.\n\nDisclaimer: style will merge its defaults with the given style prop\nin order to ensure that our collision library measureText is able to calculate the\nsmallest amount of possible collisions along the axis. It's therefore dependent on\nfontFamily, size and fontStyle to always be passed in. If you're looking to have a centralized\nstylesheet, we suggest creating a styled title component that wraps YAxisTitle with your preferred styles.",
       "defaultValue": {
         "value": "{\n  fontFamily: \"Helvetica, sans-serif\",\n  fontSize: \"24px\",\n  fontWeight: \"bold\",\n  lineHeight: 1\n}",
         "computed": false