feat(property-config): get property configs from react-dom-core

Because `react-dom` v16 no longer exposes `lib`, `react-dom-core`
is used. See issue: facebook/react#10391

Resolves #43

Author: remarkablemark

lib/property-config.js

@@ -6,8 +6,8 @@
 var utilities = require('./utilities');
 
 // HTML and SVG DOM Property Configs
-var HTMLDOMPropertyConfig = require('react-dom/lib/HTMLDOMPropertyConfig');
-var SVGDOMPropertyConfig = require('react-dom/lib/SVGDOMPropertyConfig');
+var HTMLDOMPropertyConfig = require('react-dom-core/lib/HTMLDOMPropertyConfig');
+var SVGDOMPropertyConfig = require('react-dom-core/lib/SVGDOMPropertyConfig');
 
 var config = {
     html: {},
@@ -18,44 +18,42 @@ var propertyName;
 
 /**
  * HTML DOM property config.
+ * https://github.com/facebook/react/blob/master/src/renderers/dom/shared/HTMLDOMPropertyConfig.js
  */
 
-// first map out the HTML DOM attribute names
+// first map out the HTML attribute names
 // e.g., { className: 'class' } => { 'class': 'className' }
-// https://github.com/facebook/react/blob/master/src/renderers/dom/shared/HTMLDOMPropertyConfig.js#L204
 config.html = utilities.invertObject(
     HTMLDOMPropertyConfig.DOMAttributeNames
 );
 
-// then map out the rest of the HTML DOM properties
-// e.g., { charSet: 0 } => { charset: 'charSet' }
-// https://github.com/facebook/react/blob/master/src/renderers/dom/shared/HTMLDOMPropertyConfig.js#L28
+// then map out the rest of the HTML properties
+// e.g., { readOnly: 0 } => { readonly: 'readOnly' }
 for (propertyName in HTMLDOMPropertyConfig.Properties) {
     // lowercase to make matching property names easier
     config.html[propertyName.toLowerCase()] = propertyName;
 }
 
 /**
  * SVG DOM property config.
+ * https://github.com/facebook/react/blob/master/src/renderers/dom/shared/SVGDOMPropertyConfig.js
  */
 
-// first map out the SVG DOM attribute names
+// first map out the SVG attribute names
 // e.g., { fontSize: 'font-size' } => { 'font-size': 'fontSize' }
-// https://github.com/facebook/react/blob/master/src/renderers/dom/shared/SVGDOMPropertyConfig.js#L36
 config.svg = utilities.invertObject(
     SVGDOMPropertyConfig.DOMAttributeNames
 );
 
-// then map out the rest of the SVG DOM properties
-// e.g., { preserveAlpha: 0 } => { preserveAlpha: 'preserveAlpha' }
-// https://github.com/facebook/react/blob/master/src/renderers/dom/shared/HTMLDOMPropertyConfig.js#L28
+// then map out the rest of the SVG properties
+// e.g., { fillRule: 0 } => { fillRule: 'fillRule' }
 for (propertyName in SVGDOMPropertyConfig.Properties) {
     // do not lowercase as some svg properties are camel cased
     config.html[propertyName] = propertyName;
 }
 
 /**
- * Export React property configs.
+ * Export property configs.
  */
 module.exports = {
     config: config,

package.json

@@ -29,7 +29,8 @@
     "converter"
   ],
   "dependencies": {
-    "html-dom-parser": "0.1.2"
+    "html-dom-parser": "0.1.2",
+    "react-dom-core": "0.0.2"
   },
   "devDependencies": {
     "coveralls": "^2.13.1",