html-react-parser 4.1.0 → 4.2.1

package/README.md

@@ -161,7 +161,9 @@ parse('<br>', {
 });
 ```
 
-Console output:
+<details>
+<summary>Console output</summary>
+<p>
 
 ```js
 Element {
@@ -177,6 +179,9 @@ Element {
 }
 ```
 
+</p>
+</details>
+
 The element is replaced if a **valid** React element is returned:
 
 ```jsx
@@ -245,7 +250,9 @@ const options = {
 parse(html, options);
 ```
 
-HTML output:
+<details>
+<summary>HTML output</summary>
+<p>
 
 <!-- prettier-ignore-start -->
 
@@ -259,6 +266,9 @@ HTML output:
 
 <!-- prettier-ignore-end -->
 
+</p>
+</details>
+
 #### replace element attributes
 
 Convert DOM attributes to React props with `attributesToProps`:
@@ -282,12 +292,17 @@ const options = {
 parse(html, options);
 ```
 
-HTML output:
+<details>
+<summary>HTML output</summary>
+<p>
 
 ```html
 <div class="prettify" style="background:#fff;text-align:center"></div>
 ```
 
+</p>
+</details>
+
 #### replace and remove element
 
 [Exclude](https://replit.com/@remarkablemark/html-react-parser-56) an element from rendering by replacing it with `<React.Fragment>`:
@@ -298,12 +313,17 @@ parse('<p><br id="remove"></p>', {
 });
 ```
 
-HTML output:
+<details>
+<summary>HTML output</summary>
+<p>
 
 ```html
 <p></p>
 ```
 
+</p>
+</details>
+
 ### transform
 
 The `transform` option allows you to transform each element individually after it's parsed.
@@ -522,7 +542,7 @@ If you see the TypeScript error:
 node_modules/htmlparser2/lib/index.d.ts:2:23 - error TS1005: ',' expected.
 
 2 export { Parser, type ParserOptions };
-                         ~~~~~~~~~~~~~
+                        ~~~~~~~~~~~~~
 ```
 
 Then upgrade to the latest version of [typescript](https://www.npmjs.com/package/typescript). See [#748](https://github.com/remarkablemark/html-react-parser/issues/748).

package/dist/html-react-parser.js

@@ -2291,14 +2291,12 @@
 	    throw new TypeError('First argument must be an object');
 	  }
 
-	  var key;
-	  var value;
 	  var isOverridePresent = typeof override === 'function';
 	  var overrides = {};
 	  var result = {};
 
-	  for (key in obj) {
-	    value = obj[key];
+	  for (var key in obj) {
+	    var value = obj[key];
 
 	    if (isOverridePresent) {
 	      overrides = override(key, value);
@@ -2325,31 +2323,34 @@
 	 * @param {object} props - The props being passed to the element.
 	 * @returns - Whether tag is custom component.
 	 */
+
+	var RESERVED_SVG_MATHML_ELEMENTS = new Set([
+	  'annotation-xml',
+	  'color-profile',
+	  'font-face',
+	  'font-face-src',
+	  'font-face-uri',
+	  'font-face-format',
+	  'font-face-name',
+	  'missing-glyph'
+	]);
+
 	function isCustomComponent(tagName, props) {
 	  if (tagName.indexOf('-') === -1) {
 	    return props && typeof props.is === 'string';
 	  }
-
-	  switch (tagName) {
-	    // These are reserved SVG and MathML elements.
-	    // We don't mind this whitelist too much because we expect it to never grow.
-	    // The alternative is to track the namespace in a few places which is convoluted.
-	    // https://w3c.github.io/webcomponents/spec/custom/#custom-elements-core-concepts
-	    case 'annotation-xml':
-	    case 'color-profile':
-	    case 'font-face':
-	    case 'font-face-src':
-	    case 'font-face-uri':
-	    case 'font-face-format':
-	    case 'font-face-name':
-	    case 'missing-glyph':
-	      return false;
-	    default:
-	      return true;
+	  // These are reserved SVG and MathML elements.
+	  // We don't mind this whitelist too much because we expect it to never grow.
+	  // The alternative is to track the namespace in a few places which is convoluted.
+	  // https://w3c.github.io/webcomponents/spec/custom/#custom-elements-core-concepts
+	  if (RESERVED_SVG_MATHML_ELEMENTS.has(tagName)) {
+	    return false;
 	  }
+	  return true;
 	}
 
-	var styleToJSOptions = { reactCompat: true };
+	// styleToJSOptions
+	var STYLE_TO_JS_OPTIONS = { reactCompat: true };
 
 	/**
 	 * Sets style prop.
@@ -2362,7 +2363,7 @@
 	    return;
 	  }
 	  try {
-	    props.style = styleToJS(style, styleToJSOptions);
+	    props.style = styleToJS(style, STYLE_TO_JS_OPTIONS);
 	  } catch (err) {
 	    props.style = {};
 	  }
@@ -2376,7 +2377,7 @@
 
 	// Taken from
 	// https://github.com/facebook/react/blob/cae635054e17a6f107a39d328649137b83f25972/packages/react-dom/src/client/validateDOMNesting.js#L213
-	var elementsWithNoTextChildren = new Set([
+	var ELEMENTS_WITH_NO_TEXT_CHILDREN = new Set([
 	  'tr',
 	  'tbody',
 	  'thead',
@@ -2395,7 +2396,7 @@
 	 * @returns - Whether node can contain text nodes.
 	 */
 	function canTextBeChildOfNode$1(node) {
-	  return !elementsWithNoTextChildren.has(node.name);
+	  return !ELEMENTS_WITH_NO_TEXT_CHILDREN.has(node.name);
 	}
 
 	function returnFirstArg(arg) {
@@ -2404,11 +2405,11 @@
 
 	var utilities$2 = {
 	  PRESERVE_CUSTOM_ATTRIBUTES: PRESERVE_CUSTOM_ATTRIBUTES,
+	  ELEMENTS_WITH_NO_TEXT_CHILDREN: ELEMENTS_WITH_NO_TEXT_CHILDREN,
 	  invertObject: invertObject,
 	  isCustomComponent: isCustomComponent,
 	  setStyleProp: setStyleProp$1,
 	  canTextBeChildOfNode: canTextBeChildOfNode$1,
-	  elementsWithNoTextChildren: elementsWithNoTextChildren,
 	  returnFirstArg: returnFirstArg
 	};