html-react-parser 1.4.13 → 1.4.14

package/dist/html-react-parser.js

@@ -1137,6 +1137,7 @@
 	var HYPHEN_REGEX = /-([a-z])/g;
 	var NO_HYPHEN_REGEX = /^[^-]+$/;
 	var VENDOR_PREFIX_REGEX = /^-(webkit|moz|ms|o|khtml)-/;
+	var MS_VENDOR_PREFIX_REGEX = /^-(ms)-/;
 	var skipCamelCase = function (property) {
 	    return !property ||
 	        NO_HYPHEN_REGEX.test(property) ||
@@ -1145,14 +1146,17 @@
 	var capitalize = function (match, character) {
 	    return character.toUpperCase();
 	};
-	var trimHyphen = function (match, prefix) { return prefix + "-"; };
+	var trimHyphen = function (match, prefix) { return "".concat(prefix, "-"); };
 	var camelCase = function (property, options) {
 	    if (options === void 0) { options = {}; }
 	    if (skipCamelCase(property)) {
 	        return property;
 	    }
 	    property = property.toLowerCase();
-	    if (!options.reactCompat) {
+	    if (options.reactCompat) {
+	        property = property.replace(MS_VENDOR_PREFIX_REGEX, trimHyphen);
+	    }
+	    else {
 	        property = property.replace(VENDOR_PREFIX_REGEX, trimHyphen);
 	    }
 	    return property.replace(HYPHEN_REGEX, capitalize);
@@ -1171,9 +1175,9 @@
 		    if (!style || typeof style !== 'string') {
 		        return output;
 		    }
-		    style_to_object_1["default"](style, function (property, value) {
+		    (0, style_to_object_1["default"])(style, function (property, value) {
 		        if (property && value) {
-		            output[utilities_1.camelCase(property, options)] = value;
+		            output[(0, utilities_1.camelCase)(property, options)] = value;
 		        }
 		    });
 		    return output;
@@ -1187,9 +1191,9 @@
 	/**
 	 * Swap key with value in an object.
 	 *
-	 * @param  {Object}   obj        - The object.
-	 * @param  {Function} [override] - The override method.
-	 * @return {Object}              - The inverted object.
+	 * @param {object} obj - The object.
+	 * @param {Function} [override] - The override method.
+	 * @returns - The inverted object.
 	 */
 	function invertObject(obj, override) {
 	  if (!obj || typeof obj !== 'object') {
@@ -1227,8 +1231,8 @@
 	 * @see {@link https://github.com/facebook/react/blob/v16.6.3/packages/react-dom/src/shared/isCustomComponent.js}
 	 *
 	 * @param {string} tagName - The name of the html tag.
-	 * @param {Object} props   - The props being passed to the element.
-	 * @return {boolean}
+	 * @param {object} props - The props being passed to the element.
+	 * @returns - Whether tag is custom component.
 	 */
 	function isCustomComponent(tagName, props) {
 	  if (tagName.indexOf('-') === -1) {
@@ -1296,8 +1300,8 @@
 	/**
 	 * Checks if the given node can contain text nodes
 	 *
-	 * @param {DomElement} node
-	 * @returns {boolean}
+	 * @param {DomElement} node - Node.
+	 * @returns - Whether node can contain text nodes.
 	 */
 	function canTextBeChildOfNode$1(node) {
 	  return !elementsWithNoTextChildren.has(node.name);
@@ -1318,8 +1322,8 @@
 	/**
 	 * Converts HTML/SVG DOM attributes to React props.
 	 *
-	 * @param  {object} [attributes={}] - HTML/SVG DOM attributes.
-	 * @return {object}                 - React props.
+	 * @param {object} [attributes={}] - HTML/SVG DOM attributes.
+	 * @returns - React props.
 	 */
 	var attributesToProps$2 = function attributesToProps(attributes) {
 	  attributes = attributes || {};
@@ -1393,7 +1397,7 @@
 	 * Gets prop name from lowercased attribute name.
 	 *
 	 * @param {string} attributeName - Lowercased attribute name.
-	 * @return {string}
+	 * @returns - Prop name.
 	 */
 	function getPropName(attributeName) {
 	  return reactProperty.possibleStandardNames[attributeName];
@@ -1409,11 +1413,11 @@
 	/**
 	 * Converts DOM nodes to JSX element(s).
 	 *
-	 * @param  {DomElement[]} nodes             - DOM nodes.
-	 * @param  {object}       [options={}]      - Options.
-	 * @param  {Function}     [options.replace] - Replacer.
-	 * @param  {object}       [options.library] - Library (React/Preact/etc.).
-	 * @return {string|JSX.Element|JSX.Element[]}
+	 * @param {DomElement[]} nodes - DOM nodes.
+	 * @param {object} [options={}] - Options.
+	 * @param {Function} [options.replace] - Replacer.
+	 * @param {object} [options.library] - Library (React, Preact, etc.).
+	 * @returns - String or JSX element(s).
 	 */
 	function domToReact$1(nodes, options) {
 	  options = options || {};
@@ -1526,8 +1530,8 @@
 	 * Determines whether DOM element attributes should be transformed to props.
 	 * Web Components should not have their attributes transformed except for `style`.
 	 *
-	 * @param  {DomElement} node
-	 * @return {boolean}
+	 * @param {DomElement} node
+	 * @returns - Whether node attributes should be converted to props.
 	 */
 	function skipAttributesToProps(node) {
 	  return (
@@ -2646,12 +2650,12 @@
 	/**
 	 * Converts HTML string to React elements.
 	 *
-	 * @param  {String}   html                    - HTML string.
-	 * @param  {Object}   [options]               - Parser options.
-	 * @param  {Object}   [options.htmlparser2]   - htmlparser2 options.
-	 * @param  {Object}   [options.library]       - Library for React, Preact, etc.
-	 * @param  {Function} [options.replace]       - Replace method.
-	 * @return {JSX.Element|JSX.Element[]|String} - React element(s), empty array, or string.
+	 * @param {string} html - HTML string.
+	 * @param {object} [options] - Parser options.
+	 * @param {object} [options.htmlparser2] - htmlparser2 options.
+	 * @param {object} [options.library] - Library for React, Preact, etc.
+	 * @param {Function} [options.replace] - Replace method.
+	 * @returns {JSX.Element|JSX.Element[]|string} - React element(s), empty array, or string.
 	 */
 	function HTMLReactParser(html, options) {
 	  if (typeof html !== 'string') {