Fix Polygon and Polyline

elements/Polygon.js

@@ -1,6 +1,7 @@
 import React, {Component, PropTypes} from 'react';
 import Path from './Path';
 import {pathProps} from '../lib/props';
+import extractPolyPoints from '../lib/extract/extractPolyPoints';
 
 export default class extends Component{
     static displayName = 'Polygon';
@@ -26,7 +27,7 @@ export default class extends Component{
         return <Path
             ref={ele => {this.root = ele;}}
             {...this.props}
-            d={`M${points.trim().replace(/\s+/g, 'L')}z`}
+            d={`M${extractPolyPoints(points)}z`}
         />;
     }
 }

elements/Polyline.js

@@ -1,6 +1,7 @@
 import React, {Component, PropTypes} from 'react';
 import Path from './Path';
 import {pathProps} from '../lib/props';
+import extractPolyPoints from '../lib/extract/extractPolyPoints';
 
 export default class extends Component{
     static displayName = 'Polyline';
@@ -26,7 +27,7 @@ export default class extends Component{
         return <Path
             ref={ele => {this.root = ele;}}
             {...this.props}
-            d={`M${points.trim().replace(/\s+/g, 'L')}`}
+            d={`M${extractPolyPoints(points)}`}
         />;
     }
 }

lib/extract/extractPolyPoints.js

@@ -0,0 +1,4 @@
+
+export default function (polyPoints) {
+    return polyPoints.replace(/-/, ' -').split(/(?:\s+|\s*,)\s*/g).join(' ');
+}