Break up DOM module, simplify the props API.

Author: paf31

README.md

@@ -1,7 +1,7 @@
 purescript-react
 ================
 
-[![Maintainer: paf31](https://img.shields.io/badge/maintainer-paf31-lightgrey.svg)](http://github.com/paf31)
+[![Maintainer: paf31](https://img.shields.io/badge/maintainer-paf31-lightgrey.svg)](http://github.com/paf31) ![React: 0.12.2](https://img.shields.io/badge/react-0.12.2-lightgrey.svg)
 
 Low-level React Bindings for PureScript.
 

bower.json

@@ -18,6 +18,6 @@
   "devDependencies": {
     "purescript-console": "^0.1.0",
     "purescript-dom": "^0.1.1",
-    "react": "~0.10.0"
+    "react": "~0.12.2"
   }
 }

src/React/DOM.js

@@ -5,32 +5,24 @@
 
 function mkProps(props) {
     var result = {};
+    
     for (var i = 0, len = props.length; i < len; i++) {
         var prop = props[i];
-        var name = prop.constructor.name;
-        name = name[0].toLowerCase() + name.substring(1);
-        var val = prop.value0;
-        /* Until React.js handles data and aria like style*/
-        /* we have to unload the properties.*/
-        if (name === 'data' || name === 'aria') {
-            for (var subprop in val) {
-                if (val.hasOwnProperty(subprop)) {
-                    result[name + '-' + subprop] = val[subprop];
-                }
+        
+        for (var key in prop) {
+            if (prop.hasOwnProperty(key)) {
+                result[key] = prop[key];
             }
-        } else {
-            result[name] = val;
         }
     }
+    
     return result;
 };
 
 exports.mkDOM = function(tagName) {
-    var ctor = window.React.DOM[tagName];
     return function(props) {
         return function(children) {
-            var p = props.length > 0 ? mkProps(props) : null;
-            return ctor.apply(ctor, [p].concat(children));
+            return React.createElement(tagName, props.length > 0 ? mkProps(props) : null, children);
         }
     }
 };