From 40b409931477696288a4cc88e994f8fad84718f9 Mon Sep 17 00:00:00 2001
From: Nikita Sushkov <nasushkov@gmail.com>
Date: Wed, 2 Mar 2016 21:26:09 +0300
Subject: [PATCH 1/2] 1.Updated library to work with new version of Incremental
 DOM 2.Supported staticPropertyValuePairs and propertyValuePairs (see
 http://google.github.io/incremental-dom/#api/elementOpen) 3.Added some tags

---
 package.json |  2 +-
 src/index.js | 32 +++++++++++++++++++++-----------
 2 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index b3990da..88c07ec 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
   "license": "MIT",
   "repository": "git@github.com:auth0/charata.git",
   "dependencies": {
-    "incremental-dom": "^0.1.0"
+    "incremental-dom": "^0.3.0"
   },
   "devDependencies": {
     "babel": "^5.8.20",
diff --git a/src/index.js b/src/index.js
index 8d4b817..f6b4574 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,12 +1,11 @@
 import ID from 'incremental-dom';
 
-// TODO: Complete
 const TAGS = [
   'div', 'span', 'ul', 'li',
   'form', 'button', 'i',
   'a', 'h1', 'h2', 'h3',
   'h4', 'h5', 'table', 'td', 'tr',
-  'tbody', 'thead'
+  'tbody', 'thead', 'label', 'fieldset'
 ];
 
 const SELF_CLOSING_TAGS = [
@@ -24,8 +23,9 @@ export class EL {
    * @param {string} tag the specific HTML TAG of the Element.
    * @param {null|String|EL|Array} content
    * @param {Array} props
+   * @param {Array} dynamic props
    */
-  constructor(tag, content=null, key='', props=[]) {
+  constructor(tag, content=null, key='', props=[], dynProps=[]) {
     this.tag = tag;
 
     this.content = content;
@@ -41,6 +41,7 @@ export class EL {
 
     this.key = key;
     this.props = props;
+    this.dynProps = dynProps;
   }
 
   /**
@@ -48,13 +49,22 @@ export class EL {
    */
   render() {
     if (null === this.content) {
-      ID.elementVoid(this.tag, this.key, this.props);
+      ID.elementVoid(this.tag, this.key, this.props, ...this.dynProps);
       return;
     }
 
-    ID.elementOpen(this.tag, this.key, this.props);
+    ID.elementOpen(this.tag, this.key, this.props, ...this.dynProps);
 
-    this.content.forEach((c) => c.render());
+    this.content.forEach((c) => {
+      if (!c) {
+        return;
+      }
+      if(typeof c === 'string'){
+        ID.text(c);
+        return;
+      }
+      c.render();
+    });
 
     ID.elementClose(this.tag);
   }
@@ -81,16 +91,16 @@ class TEXT {
 }
 
 let pub = TAGS.reduce((prev, tag) => {
-  prev[tag] = (elms, key, props) => {
-    return new EL(tag, elms, key, props);
+  prev[tag] = (elms, key, props, dynProps) => {
+    return new EL(tag, elms, key, props, dynProps);
   }
 
   return prev;
 }, {});
 
 SELF_CLOSING_TAGS.reduce((prev, tag) => {
- prev[tag] = (key, props) => {
-    return new EL(tag, null, key, props);
+  prev[tag] = (key, props, dynProps) => {
+    return new EL(tag, null, key, props, dynProps);
   }
 
   return prev;
@@ -99,4 +109,4 @@ SELF_CLOSING_TAGS.reduce((prev, tag) => {
 // Generic Element builder
 pub.el = (tag, elms, key, props) => new EL(tag, elms, key, props);
 
-export default pub;
+export default pub;
\ No newline at end of file

From eb8c9edc39e3d6e6b4d8011f80a3e7986f213172 Mon Sep 17 00:00:00 2001
From: Nikita Sushkov <nasushkov@gmail.com>
Date: Wed, 2 Mar 2016 21:28:55 +0300
Subject: [PATCH 2/2] Removed unnecessary check

---
 src/index.js | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/index.js b/src/index.js
index f6b4574..fa78f3b 100644
--- a/src/index.js
+++ b/src/index.js
@@ -56,9 +56,6 @@ export class EL {
     ID.elementOpen(this.tag, this.key, this.props, ...this.dynProps);
 
     this.content.forEach((c) => {
-      if (!c) {
-        return;
-      }
       if(typeof c === 'string'){
         ID.text(c);
         return;