html-react-parser 1.2.9 → 1.4.2

package/lib/attributes-to-props.js

@@ -1,54 +1,48 @@
 var reactProperty = require('react-property');
 var utilities = require('./utilities');
 
-var setStyleProp = utilities.setStyleProp;
-
-var htmlProperties = reactProperty.html;
-var svgProperties = reactProperty.svg;
-var isCustomAttribute = reactProperty.isCustomAttribute;
-
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-
 /**
  * Converts HTML/SVG DOM attributes to React props.
  *
  * @param  {object} [attributes={}] - HTML/SVG DOM attributes.
  * @return {object}                 - React props.
  */
-function attributesToProps(attributes) {
+module.exports = function attributesToProps(attributes) {
   attributes = attributes || {};
 
   var attributeName;
   var attributeNameLowerCased;
   var attributeValue;
-  var property;
+  var propName;
+  var propertyInfo;
   var props = {};
 
   for (attributeName in attributes) {
     attributeValue = attributes[attributeName];
 
     // ARIA (aria-*) or custom data (data-*) attribute
-    if (isCustomAttribute(attributeName)) {
+    if (reactProperty.isCustomAttribute(attributeName)) {
       props[attributeName] = attributeValue;
       continue;
     }
 
-    // convert HTML attribute to React prop
+    // convert HTML/SVG attribute to React prop
     attributeNameLowerCased = attributeName.toLowerCase();
-    if (hasOwnProperty.call(htmlProperties, attributeNameLowerCased)) {
-      property = htmlProperties[attributeNameLowerCased];
-      props[property.propertyName] =
-        property.hasBooleanValue ||
-        (property.hasOverloadedBooleanValue && !attributeValue)
-          ? true
-          : attributeValue;
-      continue;
-    }
-
-    // convert SVG attribute to React prop
-    if (hasOwnProperty.call(svgProperties, attributeName)) {
-      property = svgProperties[attributeName];
-      props[property.propertyName] = attributeValue;
+    propName = reactProperty.possibleStandardNames[attributeNameLowerCased];
+
+    if (propName) {
+      props[propName] = attributeValue;
+      propertyInfo = reactProperty.getPropertyInfo(propName);
+      switch (propertyInfo && propertyInfo.type) {
+        case reactProperty.BOOLEAN:
+          props[propName] = true;
+          break;
+        case reactProperty.OVERLOADED_BOOLEAN:
+          if (attributeValue === '') {
+            props[propName] = true;
+          }
+          break;
+      }
       continue;
     }
 
@@ -59,9 +53,7 @@ function attributesToProps(attributes) {
   }
 
   // transform inline style to object
-  setStyleProp(attributes.style, props);
+  utilities.setStyleProp(attributes.style, props);
 
   return props;
-}
-
-module.exports = attributesToProps;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "html-react-parser",
-  "version": "1.2.9",
+  "version": "1.4.2",
   "description": "HTML to React parser.",
   "author": "Mark <mark@remarkablemark.org>",
   "main": "index.js",
@@ -15,7 +15,7 @@
     "_postinstall": "husky install",
     "postpublish": "pinst --enable",
     "prepublishOnly": "pinst --disable && npm run lint && npm run lint:dts && npm run test:ci && npm run clean && npm run build",
-    "release": "standard-version --no-verify",
+    "size-limit": "size-limit",
     "test": "jest --coverage --testPathIgnorePatterns test/integration/",
     "test:ci": "npm test -- --ci",
     "test:module": "node --experimental-modules test/module/index.mjs",
@@ -37,37 +37,36 @@
     "dom"
   ],
   "dependencies": {
-    "domhandler": "4.2.2",
-    "html-dom-parser": "1.0.2",
-    "react-property": "1.0.2",
+    "domhandler": "4.3.0",
+    "html-dom-parser": "1.0.4",
+    "react-property": "2.0.0",
     "style-to-js": "1.1.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "13.1.0",
-    "@commitlint/config-conventional": "13.1.0",
-    "@rollup/plugin-commonjs": "20.0.0",
-    "@rollup/plugin-node-resolve": "13.0.4",
-    "@size-limit/preset-big-lib": "5.0.3",
-    "@types/react": "17.0.20",
-    "@typescript-eslint/parser": "4.30.0",
+    "@commitlint/cli": "15.0.0",
+    "@commitlint/config-conventional": "15.0.0",
+    "@rollup/plugin-commonjs": "21.0.1",
+    "@rollup/plugin-node-resolve": "13.0.6",
+    "@size-limit/preset-big-lib": "7.0.4",
+    "@types/react": "17.0.37",
+    "@typescript-eslint/parser": "5.6.0",
     "benchmark": "2.1.4",
-    "dtslint": "4.1.6",
-    "eslint": "7.32.0",
+    "dtslint": "4.2.1",
+    "eslint": "8.4.0",
     "eslint-plugin-prettier": "4.0.0",
-    "husky": "7.0.2",
-    "jest": "27.1.0",
-    "lint-staged": "11.1.2",
+    "husky": "7.0.4",
+    "jest": "27.4.3",
+    "lint-staged": "12.1.2",
     "pinst": "2.1.6",
-    "preact": "10.5.14",
-    "prettier": "2.3.2",
+    "preact": "10.6.2",
+    "prettier": "2.5.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "rimraf": "3.0.2",
-    "rollup": "2.56.3",
+    "rollup": "2.60.2",
     "rollup-plugin-terser": "7.0.2",
-    "size-limit": "5.0.3",
-    "standard-version": "9.3.1",
-    "typescript": "4.4.2"
+    "size-limit": "7.0.4",
+    "typescript": "4.5.2"
   },
   "peerDependencies": {
     "react": "0.14 || 15 || 16 || 17"