@pinuts/bsr-uikit-relaunch/dist/items/HTMLParserSanitized/HTMLParserSanitized.js

BSR UI-KIT Relaunch

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.sanitize = exports.HTMLParserSanitized = void 0;
var _react = _interopRequireDefault(require("react"));
var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
var PropTypes = _interopRequireWildcard(require("prop-types"));
var _sanitizeHtml = _interopRequireDefault(require("sanitize-html"));
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const SANITIZE_OPTIONS = {
  decodeEntities: false,
  allowedTags: ['a', 'img', 'br', 'em', 'li', 'ol', 'p', 'strong', 'sub', 'sup', 'u', 'ul', 'hr', 'blockquote', 'code', 'pre', 'div'],
  allowedAttributes: {
    p: ['style'],
    img: ['src'],
    a: ['href', 'target', 'rel', 'title'],
    '*': ['class']
  },
  allowedStyles: {
    p: {
      'text-align': [/^left$/, /^right$/, /^center$/],
      'margin-left': [/^\d+(?:px|em|%)$/]
    }
  }
};
const sanitize = html => {
  //strip all   and ­
  const fixedHtml = html.replace(/ /gm, '').replace(/(­|­|­)/gi, '') // !!! the ­ here is NOT a dash!!
  .replace(/(\r\n|\r|\n)/g, '') // remove all unwanted breaks
  .replace(/[\xc2\xa0]+/g, ' ');
  return (0, _sanitizeHtml.default)(fixedHtml, SANITIZE_OPTIONS).replace(/<img/g, '<img style="max-width: 100%"'); // add max-width to images (sanitize allowedStyle no longer working)
};
exports.sanitize = sanitize;
const HTMLParserSanitized = props => {
  // eslint-disable-next-line react/jsx-no-useless-fragment
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.children && (0, _htmlReactParser.default)(sanitize(props.children)));
};
exports.HTMLParserSanitized = HTMLParserSanitized;
HTMLParserSanitized.propTypes = {
  children: PropTypes.string
};