Handle dashes in JSXIdentifier's (#205)

* Handle dashes in JSXIdentifier's

* Add unit test

Author: kungfooman

src-transpiler/Stringifier.js

@@ -1181,6 +1181,11 @@ class Stringifier {
   JSXIdentifier(node) {
     const {name} = node;
     // console.log('JSXIdentifier', {name});
+    // https://github.com/kungfooman/RuntimeTypeInspector.js/issues/201
+    // https://stackoverflow.com/questions/38998987/using-aria-attributes-on-elements-in-react
+    if (name.includes('-')) {
+      return JSON.stringify(name);
+    }
     return name;
   }
   /**

test/typechecking.json

@@ -79,6 +79,10 @@
     "input": "./test/typechecking/jsdoc-regexp-default-values-sci-input.mjs",
     "output": "./test/typechecking/jsdoc-regexp-default-values-sci-output.mjs"
   },
+  {
+    "input": "./test/typechecking/jsx-dash-identifier-input.mjs",
+    "output": "./test/typechecking/jsx-dash-identifier-output.mjs"
+  },
   {
     "input": "./test/typechecking/jsx-input.mjs",
     "output": "./test/typechecking/jsx-output.mjs"

test/typechecking/jsx-dash-identifier-input.mjs

@@ -0,0 +1 @@
+<svg aria-hidden="true"></svg>

test/typechecking/jsx-dash-identifier-output.mjs

@@ -0,0 +1,7 @@
+import {createElement} from 'react';
+createElement(
+  "svg",
+  {
+    "aria-hidden": "true",
+  }
+);