Merge pull request #13 from craftzdog/master

fix(table): Use hast-util-table-cell-style to adjust align properties

index.js

@@ -3,6 +3,7 @@
 /* Dependencies. */
 var has = require('has');
 var toH = require('hast-to-hyperscript');
+var tableCellStyle = require('@mapbox/hast-util-table-cell-style');
 
 /* Expose `rehype-react`. */
 module.exports = rehype2react;
@@ -41,7 +42,7 @@ function rehype2react(options) {
       }
     }
 
-    return toH(h, node, settings.prefix);
+    return toH(h, tableCellStyle(node), settings.prefix);
   }
 
   /* Wrap `createElement` to pass components in. */

package.json

@@ -33,6 +33,7 @@
     "rhysd <lin90162@yahoo.co.jp>"
   ],
   "dependencies": {
+    "@mapbox/hast-util-table-cell-style": "^0.1.3",
     "has": "^1.0.1",
     "hast-to-hyperscript": "^5.0.0"
   },

test.js

@@ -108,5 +108,15 @@ test('React ' + React.version, function (t) {
     'should support components'
   );
 
+  t.deepEqual(
+    processor.stringify(h('table', {}, [h('thead', h('th', {align: 'right'}))])),
+    React.createElement('table', {key: 'h-1'}, [
+      React.createElement('thead', {key: 'h-2'}, [
+        React.createElement('th', {style: {textAlign: 'right'}, key: 'h-3'}, undefined)
+      ])
+    ]),
+    'should transform an element with align property'
+  );
+
   t.end();
 });