Merge branch 'jvanbruegge/patch-2' into develop

dist/index.js

@@ -82,6 +82,13 @@ var deepifyKeys = function (obj) { return mapObject(obj,
   }
 ); };
 
+var renameMod = function (name) {
+  switch (name) {
+    case 'data': return 'dataset'
+    default: return name
+  }
+};
+
 var flatifyKeys = function (obj) { return mapObject(obj,
   function (ref) {
     var mod = ref[0];
@@ -132,7 +139,15 @@ var considerSvg = function (vnode$$1) { return !svg(vnode$$1) ? vnode$$1 :
     }
   ); };
 
-var considerDataAria = function (data) { return mapObject(data,
+var considerDataAria = function (data) { return mapObject(
+  mapObject(data, function (ref) {
+    var mod = ref[0];
+    var data = ref[1];
+
+    var key = renameMod(mod);
+    return (( obj = {}, obj[key] = data, obj ))
+    var obj;
+  }),
   function (ref) {
     var mod = ref[0];
     var data = ref[1];

src/fn.js

@@ -35,6 +35,13 @@ export const deepifyKeys = (obj) => mapObject(obj,
   )
 )
 
+export const renameMod = (name) => {
+  switch (name) {
+    case 'data': return 'dataset'
+    default: return name
+  }
+}
+
 export const flatifyKeys = (obj) => mapObject(obj,
   ([mod, data]) => !is.object(data) ? ({ [mod]: data }) : mapObject(
     flatifyKeys(data),

src/index.js

@@ -23,7 +23,11 @@ const considerSvg = (vnode) => !is.svg(vnode) ? vnode :
     }
   )
 
-const considerDataAria = (data) => fn.mapObject(data,
+const considerDataAria = (data) => fn.mapObject(
+  fn.mapObject(data, ([mod, data]) => {
+    const key = fn.renameMod(mod)
+    return ({ [key]: data })
+  }),
   ([mod, data]) => !['data', 'aria'].includes(mod) ? { [mod]: data } :
     fn.flatifyKeys({ [mod]: data })
 )

test/snabbdom-specs/vnode-data-aria-object/expected.js

@@ -1,6 +1,6 @@
 
 export default (h) => {
   return h('div', {
-    props: { 'data-color': 'red', 'data-hidden': true }
+    dataset: { color: 'red', hidden: true }
   }, [])
 }

test/snabbdom-specs/vnode-data-aria/expected.js

@@ -1,6 +1,7 @@
 
 export default (h) => {
   return h('div', {
-    props: { 'data-color': 'red', 'aria-hidden': true }
+    dataset: { color: 'red' },
+    props: { 'aria-hidden': true }
   }, [])
 }