Fix component style attribute parser

Author: Ian Vieira

lib/attributes-to-props.js

@@ -5,6 +5,7 @@
  */
 var utilities = require('./utilities');
 var propertyConfig = require('./property-config');
+var cssToReactNative = require('css-to-react-native');
 var config = propertyConfig.config;
 var isCustomAttribute = propertyConfig.HTMLDOMPropertyConfig.isCustomAttribute;
 
@@ -63,33 +64,16 @@ function cssToJs(style) {
         throw new Error('`cssToJs`: first argument must be a string. ');
     }
 
-    var result = {};
-    // e.g., `color: #f00`
-    var declarations = style.split(';');
-    // css property itemized as key and value
-    var properties;
-    var j;
-    var propertiesLen;
+    var styles = style.split(';');
+    styles = styles.map(function (style) {
+        var parts = style.split(':');
+        var propName = parts[0];
+        parts.shift();
+        var propValue = parts.join(':');
+        return [propName.trim(), propValue.trim()];
+    });
 
-    for (var i = 0, declarationsLen = declarations.length; i < declarationsLen; i++) {
-        properties = declarations[i].trim().split(':');
-
-        // skip if not a css property
-        if (properties.length !== 2) { continue; }
-
-        // css property name
-        properties[0] = properties[0].trim();
-        // css property value
-        properties[1] = properties[1].trim();
-
-        if (properties[0] && properties[1]) {
-            for (j = 0, propertiesLen = properties.length; j < propertiesLen; j++) {
-                result[utilities.camelCase(properties[0])] = properties[1];
-            }
-        }
-    }
-
-    return result;
+    return cssToReactNative.default(styles);
 }
 
 /**

package.json

@@ -29,6 +29,7 @@
     "converter"
   ],
   "dependencies": {
+    "css-to-react-native": "^2.0.4",
     "html-dom-parser": "0.1.2",
     "react-dom-core": "0.0.2"
   },