html-react-parser 3.0.10 → 3.0.12

package/dist/html-react-parser.js

@@ -994,6 +994,7 @@
 	function formatDOM$1(nodes, parent, directive) {
 	  parent = parent || null;
 	  var result = [];
+	  var tagName;
 
 	  for (var index = 0, len = nodes.length; index < len; index++) {
 	    var node = nodes[index];
@@ -1002,14 +1003,12 @@
 	    // set the node data given the type
 	    switch (node.nodeType) {
 	      case 1:
+	        tagName = formatTagName(node.nodeName);
 	        // script, style, or tag
-	        current = new Element(
-	          formatTagName(node.nodeName),
-	          formatAttributes(node.attributes)
-	        );
+	        current = new Element(tagName, formatAttributes(node.attributes));
 	        current.children = formatDOM$1(
 	          // template children are on content
-	          node.content ? node.content.childNodes : node.childNodes,
+	          tagName === 'template' ? node.content.childNodes : node.childNodes,
 	          current
 	        );
 	        break;
@@ -2409,6 +2408,16 @@
 	var reactProperty = lib;
 	var utilities$1 = utilities$2;
 
+	// https://reactjs.org/docs/uncontrolled-components.html
+	// https://developer.mozilla.org/docs/Web/HTML/Attributes
+	var UNCONTROLLED_COMPONENT_ATTRIBUTES = ['checked', 'value'];
+	var UNCONTROLLED_COMPONENT_NAMES = ['input', 'select', 'textarea'];
+
+	var VALUE_ONLY_INPUTS = {
+	  reset: true,
+	  submit: true
+	};
+
 	/**
 	 * Converts HTML/SVG DOM attributes to React props.
 	 *
@@ -2419,18 +2428,13 @@
 	var attributesToProps$2 = function attributesToProps(attributes, nodeName) {
 	  attributes = attributes || {};
 
-	  var valueOnlyInputs = {
-	    reset: true,
-	    submit: true
-	  };
-
 	  var attributeName;
 	  var attributeNameLowerCased;
 	  var attributeValue;
 	  var propName;
 	  var propertyInfo;
 	  var props = {};
-	  var inputIsValueOnly = attributes.type && valueOnlyInputs[attributes.type];
+	  var inputIsValueOnly = attributes.type && VALUE_ONLY_INPUTS[attributes.type];
 
 	  for (attributeName in attributes) {
 	    attributeValue = attributes[attributeName];
@@ -2449,10 +2453,9 @@
 	      propertyInfo = reactProperty.getPropertyInfo(propName);
 
 	      // convert attribute to uncontrolled component prop (e.g., `value` to `defaultValue`)
-	      // https://reactjs.org/docs/uncontrolled-components.html
 	      if (
-	        (propName === 'checked' || propName === 'value') &&
-	        nodeName !== 'option' &&
+	        UNCONTROLLED_COMPONENT_ATTRIBUTES.indexOf(propName) !== -1 &&
+	        UNCONTROLLED_COMPONENT_NAMES.indexOf(nodeName) !== -1 &&
 	        !inputIsValueOnly
 	      ) {
 	        propName = getPropName('default' + attributeNameLowerCased);