Add an implementation of StyleSheet to the React library

Author: csarsam

lib/react.dart

@@ -7,6 +7,11 @@
  */
 library react;
 
+import "dart:js";
+
+part 'src/stylesheet.dart';
+part 'src/utils.dart';
+
 abstract class Component {
   Map props;
 

lib/react_client.dart

@@ -271,7 +271,8 @@ ReactComponentFactory _registerComponent(String componentName, ComponentFactory
 dynamic _reactDom(String name) {
   return (Map props, [dynamic children]) {
     if (props.containsKey('style')) {
-      props['style'] = new JsObject.jsify(props['style']);
+      if (props['style'].runtimeType is Map)
+        props['style'] = new JsObject.jsify(props['style']);
     }
     if (children is Iterable) {
       children = new JsArray.from(children);

lib/src/stylesheet.dart

@@ -0,0 +1,9 @@
+part of react;
+
+class StyleSheet {
+  static JsObject create(Map stylesheet) {
+    JsObject jsStyleSheet = new JsObject.jsify(stylesheet);
+    JsObject registeredStyleSheet = _StyleSheet.callMethod('create', [jsStyleSheet]);
+    return registeredStyleSheet;
+  }
+}

lib/src/utils.dart

@@ -0,0 +1,24 @@
+part of react;
+
+JsObject _React = context['React'];
+JsObject _StyleSheet = _React['StyleSheet'];
+var _AppRegistry = _React['AppRegistry'];
+var _Object = context['Object'];
+
+JsObject newJsObjectEmpty() {
+  return new JsObject(_Object);
+}
+
+final emptyJsMap = newJsObjectEmpty();
+
+JsObject newJsMap(Map map) {
+  JsObject JsMap = newJsObjectEmpty();
+  for (var key in map.keys) {
+    if(map[key] is Map) {
+      JsMap[key] = newJsMap(map[key]);
+    } else {
+      JsMap[key] = map[key];
+    }
+  }
+  return JsMap;
+}