npm - @happeouikit/content-renderer - Versions diffs - 3.1.0 → 3.1.2 - Mend

@happeouikit/content-renderer 3.1.0 → 3.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/ContentRenderer.js CHANGED Viewed

@@ -1,18 +1,15 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 /* eslint-disable no-nested-ternary */
 /* eslint-disable no-param-reassign */
 /**
  *
  * ContentRenderer
  *
  */
 import React, { useRef, useEffect, useState, useCallback, useMemo } from "react";
 import ReactDOM from "react-dom";
 import PropTypes from "prop-types";
@@ -27,35 +24,31 @@ import { ELEMENT_TYPE_PRE, ELEMENT_TYPE_CODE, HIGHLIGHJS_CSS, HIGHLIGHJS_JS, COD
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var ContentRenderer = function ContentRenderer(_ref) {
   var content = _ref.content,
-      type = _ref.type,
-      _ref$widgetType = _ref.widgetType,
-      widgetType = _ref$widgetType === void 0 ? "post" : _ref$widgetType,
-      createAnchors = _ref.createAnchors,
-      useHashAutoscroll = _ref.useHashAutoscroll,
-      _ref$hashAutoscrollTo = _ref.hashAutoscrollTopMargin,
-      hashAutoscrollTopMargin = _ref$hashAutoscrollTo === void 0 ? 0 : _ref$hashAutoscrollTo,
-      decodeHtmlEntitiesOnRender = _ref.decodeHtmlEntitiesOnRender,
-      forceDefaultLinkTarget = _ref.forceDefaultLinkTarget,
-      _ref$inheritBrandingS = _ref.inheritBrandingStyles,
-      inheritBrandingStyles = _ref$inheritBrandingS === void 0 ? false : _ref$inheritBrandingS;
+    type = _ref.type,
+    _ref$widgetType = _ref.widgetType,
+    widgetType = _ref$widgetType === void 0 ? "post" : _ref$widgetType,
+    createAnchors = _ref.createAnchors,
+    useHashAutoscroll = _ref.useHashAutoscroll,
+    _ref$hashAutoscrollTo = _ref.hashAutoscrollTopMargin,
+    hashAutoscrollTopMargin = _ref$hashAutoscrollTo === void 0 ? 0 : _ref$hashAutoscrollTo,
+    decodeHtmlEntitiesOnRender = _ref.decodeHtmlEntitiesOnRender,
+    forceDefaultLinkTarget = _ref.forceDefaultLinkTarget,
+    _ref$inheritBrandingS = _ref.inheritBrandingStyles,
+    inheritBrandingStyles = _ref$inheritBrandingS === void 0 ? false : _ref$inheritBrandingS;
   var element = useRef({});
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      copyBtns = _useState2[0],
-      setCopyBtns = _useState2[1]; // Autoscroll to hashes
+    _useState2 = _slicedToArray(_useState, 2),
+    copyBtns = _useState2[0],
+    setCopyBtns = _useState2[1];
+  // Autoscroll to hashes
   var scrollAndHighlightHash = useCallback(function () {
     try {
       var hash = window.location.hash;
       if (hash) {
         var hashEl = element.current.querySelector(hash);
         if (hashEl) {
           setTimeout(function () {
             window.scrollTo({
@@ -76,25 +69,20 @@ var ContentRenderer = function ContentRenderer(_ref) {
   useEffect(function () {
     if (!element.current) return;
     var headerElems = createAnchors ? element.current.querySelectorAll("h1, h2, h3, h4, h5, h6") : [];
     if (headerElems.length > 0) {
       headerElems.forEach(function (header) {
         var _header$textContent = header.textContent,
-            textContent = _header$textContent === void 0 ? "" : _header$textContent;
+          textContent = _header$textContent === void 0 ? "" : _header$textContent;
         if (textContent.length > 0) {
           header.id = header.id || removeSpecialCharacters(textContent.toLowerCase().replace(/\s/g, "-"));
         }
       });
     }
     var linkElems = forceDefaultLinkTarget ? element.current.querySelectorAll("a") : [];
     if (linkElems.length > 0) {
       var currentOrigin = window.origin;
       linkElems.forEach(function (link) {
         var href = link.href;
         if (href.startsWith(currentOrigin)) {
           delete link.target;
         } else {
@@ -102,15 +90,12 @@ var ContentRenderer = function ContentRenderer(_ref) {
         }
       });
     }
     var blockElems = element.current.querySelectorAll(ELEMENT_TYPE_PRE);
     if (blockElems.length > 0) {
       if (!loadjs.isDefined("highlightjs")) {
         loadCodeFont();
         loadjs([].concat(_toConsumableArray(HIGHLIGHJS_JS), _toConsumableArray(HIGHLIGHJS_CSS)), "highlightjs");
       }
       loadjs.ready("highlightjs", function () {
         // highlight.js register only languages we want to support?
         window.hljs.configure({
@@ -118,16 +103,15 @@ var ContentRenderer = function ContentRenderer(_ref) {
           useBr: true
         });
         blockElems.forEach(function (elem) {
-          var plainCode = elem.innerText; // Take the inner content and put inside single code block
+          var plainCode = elem.innerText;
+          // Take the inner content and put inside single code block
           // This will ensure nice readability.
           // Needs to be done since editor will generate multiple lines for code for ease of editing
           var codeBlock = document.createElement(ELEMENT_TYPE_CODE);
           var decodedText = decodeHtmlEntities(plainCode);
           codeBlock.textContent = decodedText; // Done like this to prevent xss
           elem.innerHTML = ""; // Clear content so we can set just the single code block there
           elem.appendChild(codeBlock);
           window.hljs.highlightBlock(elem);
         });
@@ -136,9 +120,7 @@ var ContentRenderer = function ContentRenderer(_ref) {
         });
       });
     }
     setCopyBtns(_toConsumableArray(headerElems));
     if (useHashAutoscroll) {
       scrollAndHighlightHash();
     }
@@ -146,16 +128,15 @@ var ContentRenderer = function ContentRenderer(_ref) {
   var safeText = useMemo(function () {
     var lowercaseType = type && typeof type === "string" ? type.toLowerCase() : "html";
     var transformedContent = lowercaseType === "text" ? toSafeText("<p>".concat(content, "</p>")) : toHtml(content, lowercaseType);
     if (decodeHtmlEntitiesOnRender) {
       transformedContent = decodeHtmlEntities(transformedContent);
     }
     return transformedContent;
-  }, [content, type, decodeHtmlEntitiesOnRender]); // Use dangerouslySetInnerHTML as there might be nested <p>'s header etc
+  }, [content, type, decodeHtmlEntitiesOnRender]);
+  // Use dangerouslySetInnerHTML as there might be nested <p>'s header etc
   // This requires that all content is run through the toSafeText filter
   // before displaying. This will run it through xss filter.
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Wrapper, {
       className: "content-renderer ".concat(widgetType === "page" ? "fr-view pages-text" : ""),
@@ -168,12 +149,11 @@ var ContentRenderer = function ContentRenderer(_ref) {
       inheritBrandingStyles: inheritBrandingStyles
     }), copyBtns.map(function (el) {
       var clipboardContent = el.textContent || "";
       if (el.tagName !== ELEMENT_TYPE_PRE) {
         clipboardContent = "".concat(window.location.href.split("#")[0], "#").concat(el.id);
-      } // eslint-disable-next-line no-control-regex
+      }
+      // eslint-disable-next-line no-control-regex
       clipboardContent = removeSpecialCharacters(clipboardContent);
       return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/_jsx(BtnContainer, {
         className: "content-copy-btn",
@@ -184,7 +164,6 @@ var ContentRenderer = function ContentRenderer(_ref) {
     })]
   });
 };
 var BtnContainer = styled.div.withConfig({
   displayName: "ContentRenderer__BtnContainer",
   componentId: "sc-1mleu9k-0"
@@ -199,11 +178,11 @@ var Wrapper = styled(BodyUI).attrs({
   return createAnchors ? "\n    h1, h2, h3, h4, h5, h6 {\n      display: flex;\n      align-items: center;\n      :hover button {\n        opacity: 0.4;\n      }\n    }\n  " : "";
 }, lighten(warn, 0.8), gray09, padding200, function (_ref3) {
   var widgetType = _ref3.widgetType,
-      inheritBrandingStyles = _ref3.inheritBrandingStyles;
+    inheritBrandingStyles = _ref3.inheritBrandingStyles;
   return widgetType === "page" ? "" : "\n    * {\n      font-family: ".concat(sansFamily, ";\n    }\n\n    h1 {\n      font-family: ").concat(inheritBrandingStyles ? "var(--channels-h1-font-family, revert)" : "revert", ";      \n      font-weight: ").concat(inheritBrandingStyles ? "var(--channels-h1-font-weight, 500)" : "500", ";\n      font-size: 24px;\n      letter-spacing: -0.5px;\n      line-height: 32px;\n      + h1,\n      + h2,\n      + h3,\n      + h4,\n      + p {\n        margin-top: 16px;\n      }\n      & * {\n         font-family: ").concat(inheritBrandingStyles ? "var(--channels-h1-font-family, revert)" : "revert", ";    \n      }\n    }\n    h2 {\n      font-family: ").concat(inheritBrandingStyles ? "var(--channels-h2-font-family, revert)" : "revert", ";      \n      font-weight: ").concat(inheritBrandingStyles ? "var(--channels-h2-font-weight, 500)" : "500", ";\n      font-size: 20px;\n      line-height: 28px;\n      + h1,\n      + h2,\n      + h3,\n      + h4,\n      + p {\n        margin-top: 14px;\n      }\n      & * {\n       font-family: ").concat(inheritBrandingStyles ? "var(--channels-h2-font-family, revert)" : "revert", ";     \n      }\n    }\n    h3 {\n      font-family: ").concat(inheritBrandingStyles ? "var(--channels-h3-font-family, revert)" : "revert", ";      \n      font-weight: ").concat(inheritBrandingStyles ? "var(--channels-h3-font-weight, 500)" : "500", ";\n      font-size: 16px;\n      line-height: 24px;\n      + h1,\n      + h2,\n      + h3,\n      + h4,\n      + p {\n        margin-top: 12px;\n      }\n      & * {\n        font-family: ").concat(inheritBrandingStyles ? "var(--channels-h3-font-family, revert);" : "revert", "   \n      }\n    }\n    h4 {\n      font-size: 16px;\n      line-height: 24px;\n      + h1,\n      + h2,\n      + h3,\n      + h4,\n      + p {\n        margin-top: 12px;\n      }\n    }\n    p {\n      font-family: ").concat(inheritBrandingStyles ? "var(--channels-body-font-family, revert)" : "revert", ";      \n      font-weight: ").concat(inheritBrandingStyles ? "var(--channels-body-font-weight, revert)" : "revert", ";\n      font-size: 16px;\n      line-height: 24px;\n      letter-spacing: 0px;\n      + h1,\n      + h2,\n      + h3,\n      + h4,\n      + p {\n        margin-top: 12px;\n      }\n\n      & * {\n         font-family: ").concat(inheritBrandingStyles ? "var(--channels-body-font-family, revert)" : "revert", ";    \n      }\n  }\n    }\n    a {\n      color: ").concat(active, ";\n      text-decoration: none;\n      :hover {\n        text-decoration: underline;\n      }\n    }\n    ul {\n      list-style-type: disc;\n    }\n    ol {\n      list-style-type: decimal;\n      counter-reset: item;\n      li {\n        padding-left: 12px;\n        text-indent: -33px;\n        list-style-type: none;\n        counter-increment: item;\n        &:before {\n          display: inline-block;\n          width: 13px;\n          padding-right: 15px;\n          padding-left: 5px;\n          font-weight: bold;\n          text-align: right;\n          content: counter(item) \".\";\n        }\n        font-family: ").concat(inheritBrandingStyles ? "var(--channels-body-font-family, revert)" : "revert", "; \n        font-weight: ").concat(inheritBrandingStyles ? "var(--channels-body-font-weight, revert)" : "revert", ";\n      }\n    }\n    ol,\n    ul {\n      font-size: 16px;\n      line-height: 24px;\n      margin: 18px 16px;\n      display: block;\n      -webkit-margin-before: 0.5em;\n      -webkit-margin-after: 0.5em;\n      -webkit-padding-start: 0.5em;\n      li,\n      li {\n        margin-bottom: 5px;\n        padding-left: 10px;\n        > ul,\n        > ol {\n          -webkit-margin-before: 8px !important;\n          -webkit-margin-after: 8px !important;\n        }\n\n        font-family: ").concat(inheritBrandingStyles ? "var(--channels-body-font-family, revert);" : "revert", ";\n        font-weight: ").concat(inheritBrandingStyles ? "var(--channels-body-font-weight, revert)" : "revert", ";\n      }\n\n      &:first-child,\n      &:first-child {\n        -webkit-margin-before: 0;\n      }\n      &:last-child,\n      &:last-child {\n        -webkit-margin-after: 0;\n      }\n    }\n    hr {\n      -webkit-margin-before: 16px;\n      -webkit-margin-after: 13px;\n      border-color: @border-color;\n      border-style: solid;\n      height: 0px;\n      border-width: 1px 0 0 0;\n    }\n    table {\n      width: 100%;\n      margin: 15px 0;\n      text-align: left;\n      thead th {\n        background: @white;\n      }\n      th,\n      td {\n        border-width: 1px;\n        border-style: solid;\n        border-color: @border-color;\n        padding: 0.5em;\n      }\n      tr:nth-child(even) {\n        background: @almost-white;\n      }\n      tr:nth-child(odd) {\n        background: @white;\n      }\n    }\n    table.no-borders {\n      th,\n      td {\n        border: none;\n      }\n    }\n    table.padded-2 {\n      th,\n      td {\n        padding: 2em;\n      }\n    }\n    table.padded-1 {\n      th,\n      td {\n        padding: 1em;\n      }\n    }\n    img {\n      max-width: 100%;\n      margin: 15px 0;\n      & + img {\n        margin-top: 0;\n      }\n    }\n    .xl-emoji * {\n      font-size: 40px;\n      line-height: 1.2;\n    }\n    \n    blockquote {\n      border-top: 2px solid ").concat(gray07, ";\n      border-bottom: 2px solid ").concat(gray07, ";\n      font-size: 18px;\n      padding: 24px 48px;\n      position: relative;\n      text-align: center;\n      margin: 48px 0;\n    }\n  ");
 }, function (_ref4) {
   var widgetType = _ref4.widgetType,
-      inheritBrandingStyles = _ref4.inheritBrandingStyles;
+    inheritBrandingStyles = _ref4.inheritBrandingStyles;
   return widgetType === "article" && css(["h1{font-family:", ";& *{font-family:", ";}}h2{font-family:", ";& *{font-family:", ";}}h3{font-family:", ";& *{font-family:", ";}}h4,h5,h6,p,ul,ol,li,table{font-family:", ";& *{font-family:", ";}}h1{font-size:32px;line-height:1.13;margin:0 0 20px;letter-spacing:-0.75px;}h2{font-size:24px;line-height:1.17;margin:0 0 16px;letter-spacing:-0.5px;}h3{font-size:20px;line-height:1.2;margin:0 0 14px;}h4,h5,h6,p,ul,ol,li{font-size:18px;line-height:1.56;margin-bottom:13px;margin-top:0;}hr{border-color:", ";}table{width:100% !important;margin:15px 0;font-size:18px !important;text-align:left;border-collapse:collapse;border-spacing:0;thead th{background:@white;}th,td{border-width:1px;border-style:solid;border-color:", ";padding:0.5em;word-wrap:break-word;}tr:nth-child(odd){background:", ";}tr:nth-child(even){background:@white;}}table.no-borders{th,td{border:none;}tr:nth-child(odd){background:", ";}tr:nth-child(even){background:@white;}}pre{position:relative;background-color:", ";padding:1em;margin:1em 0;border-radius:4px;white-space:pre;}img,span.fr-img-caption,span.fr-video{display:block;margin:30px 0;", ";&.article-align-left{margin:30px auto;display:block;max-width:100%;", "}&.article-align-center{margin:30px auto;display:block;}&.article-align-right{margin:30px auto;display:block;max-width:100%;", "}&.article-align-overflow{margin:30px auto;display:block;max-width:100%;", " img{width:100%;}}}img{&.image-border-radius{border-radius:6px;}&.image-box-shadow{box-shadow:0 4px 16px 0 #bacad5;}}span.fr-img-caption{&.image-border-radius img{border-radius:6px;}&.image-box-shadow img{box-shadow:0 4px 16px 0 #bacad5;}}p{img:first-child,span.fr-img-caption:first-child{&.article-align-left,&.article-align-right{", "}}}span.fr-img-caption{text-align:center;img{margin:0;}.fr-inner{font-weight:400;font-size:16px;margin:8px auto 0 auto;padding:0 8px;color:", ";display:block;max-width:671px;}}span.fr-video{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;border-radius:6px;&.article-align-overflow{padding-top:170px;}iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;}}blockquote{border-left:0 !important;padding-left:0 !important;margin:0 !important;color:inherit !important;p{line-height:30px;font-size:26px;text-align:center;margin:0 auto;}}.content-attachments{width:100%;}"], inheritBrandingStyles ? "var(--channels-h1-font-family, revert)" : "revert", inheritBrandingStyles ? "var(--channels-h1-font-family, revert)" : "revert", inheritBrandingStyles ? "var(--channels-h2-font-family, revert)" : "revert", inheritBrandingStyles ? "var(--channels-h2-font-family, revert)" : "revert", inheritBrandingStyles ? "var(--channels-h3-font-family, revert)" : "revert", inheritBrandingStyles ? "var(--channels-h3-font-family, revert)" : "revert", inheritBrandingStyles ? "var(--channels-body-font-family, revert)" : "revert", inheritBrandingStyles ? "var(--channels-body-font-family, revert)" : "revert", gray07, gray07, gray09, gray09, gray09, media.only.xs(_templateObject || (_templateObject = _taggedTemplateLiteral(["      \n         max-width: 100%;\n       "]))), media.min.md(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n           margin: 30px 30px 10px -150px;\n           float: left;\n           max-width: 75%;\n         "]))), media.min.md(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n           margin: 30px -150px 10px 30px;\n           float: right;\n           max-width: 75%;\n         "]))), media.min.md(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n             margin: 30px -150px;\n             width: calc(100% + 300px) !important;\n             max-width: none;\n           "]))), media.min.md(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            margin-top: 8px;\n           "]))), gray04);
 });
 ContentRenderer.propTypes = {
@@ -213,7 +192,6 @@ ContentRenderer.propTypes = {
       // eslint-disable-next-line no-console
       console.warn("Please use uppercase type 'HTML', 'MARKDOWN' or 'TEXT'");
     }
     if (propName === "type" && !["HTML", "MARKDOWN", "TEXT"].includes(props[propName].toUpperCase())) {
       throw new Error("Invalid type, use 'HTML', 'MARKDOWN' or 'TEXT'");
     }

package/dist/constants.js CHANGED Viewed

@@ -36,7 +36,7 @@ export var safeTagsAndAttributes = {
   header: ["style"],
   hr: ["style", "class"],
   i: [],
-  img: ["src", "alt", "title", "width", "height", "style", "class"],
+  img: ["src", "alt", "title", "width", "height", "style", "class", "type"],
   ins: ["datetime"],
   li: ["style"],
   mark: [],

package/dist/htmlConverter.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import showdown from "showdown";
-import { extraMentioning, mentioningRegex } from "@universe/frontend-utils";
+import { extraMentioning, mentioningRegex } from "./mentioningUtils";
 var mentioningRegexCaseInsensitive = new RegExp(mentioningRegex, "i");
 var mentioningRegexGroupCaseInsensitive = new RegExp(mentioningRegex, "gi");
 var converter;
@@ -19,13 +19,11 @@ var customRules = {
       var r = s.match(mentioningRegexCaseInsensitive);
       var id = r && r.length > 1 && r[1];
       var name = r && r.length > 2 && r[2];
       if (extraMentioning.find(function (mentioning) {
         return mentioning.toLowerCase() === String(id).toLowerCase();
       })) {
         return "<a class=\"mention extraMention\" data-user-id=\"".concat(id, "\">@").concat(name, "</a>");
       }
       return "<a class=\"mention\" data-user-id=\"".concat(id, "\">@").concat(name, "</a>");
     }
   },
@@ -41,7 +39,6 @@ var customRules = {
     }
   }
 };
 function getConverter() {
   if (converter) return converter;
   showdown.extension("color", customRules.color);
@@ -51,11 +48,8 @@ function getConverter() {
     extensions: ["color", "mention", "usermentiotag"]
   });
   converter.setOption("strikethrough", true); // <del>
   converter.setOption("tables", true); // <table>
   converter.setOption("openLinksInNewWindow", true);
   return converter;
 }
 export default getConverter();

package/dist/mentioningUtils.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export var mentioningRegex = /@(\d\|channel\|editors):\((.?)\)/;
2	+ export var extraMentioning = ["channel", "editors"];

package/dist/utils.js CHANGED Viewed

@@ -1,33 +1,28 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import linkifyHtml from "linkifyjs/html";
 import xss from "xss";
 import { decode as decodeHtmlEntities } from "html-entities";
-import { extraMentioning, mentioningRegex } from "@universe/frontend-utils";
 import { fixEmojioneBug, shortToUnicode } from "@happeouikit/emojis";
 import { MONOSPACE_FONT_URL, safeTagsAndAttributes } from "./constants";
 import htmlConverter from "./htmlConverter";
+import { extraMentioning, mentioningRegex } from "./mentioningUtils";
 var mentioningRegexGroupCaseInsensitive = new RegExp(mentioningRegex, "gi");
 var mentioningHtmlRegexGroupCaseInsensitive = new RegExp(/<user-mentio[^>]*data-user-id=["']([^"]+)["'][^>]*>(?:@|(?:&#64;))(.+?)<\/user-mentio>/, "gi");
 var processMatch = function processMatch(match, id, name) {
   if (extraMentioning.find(function (mentioning) {
     return mentioning.toLowerCase() === String(id).toLowerCase();
   })) {
     return "<a class=\"mention extraMention\" data-user-id=\"".concat(id, "\">@").concat(name, "</a>");
   }
   return "<a class=\"mention\" data-user-id=\"".concat(id, "\">@").concat(name, "</a>");
 };
 var processMentions = function processMentions() {
   var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
   return str.replace(mentioningRegexGroupCaseInsensitive, processMatch).replace(mentioningHtmlRegexGroupCaseInsensitive, processMatch);
 };
 /**
  * @name toSafeText
  * @description Returns filtered text with filterXSS library
@@ -35,8 +30,6 @@ var processMentions = function processMentions() {
  * @param {String} - Text to whitelist
  * @returns {String}
  */
 var toSafeText = function toSafeText(text) {
   return xss(text, {
     whiteList: safeTagsAndAttributes,
@@ -48,6 +41,7 @@ var toSafeText = function toSafeText(text) {
     stripIgnoreTag: true
   }).replace(/&nbsp;/g, " ").replace(/\u2060/g, ""); // Replaces a hidden character that resulted in a "?"-character in backend
 };
 /**
  * @name toHtml
  * @description Converts markdown to html, adds space to end of String
@@ -57,19 +51,16 @@ var toSafeText = function toSafeText(text) {
  * @returns {String} - Html
  */
 var toHtml = function toHtml() {
   var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
   var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "html";
   var newString = shortToUnicode(str);
   newString = fixEmojioneBug(newString);
   if (type === "markdown") {
     newString = htmlConverter.makeHtml(newString);
   } else {
     newString = processMentions(newString);
   }
   newString = toSafeText(newString);
   return linkifyHtml(newString, {
     target: "_blank",
@@ -81,10 +72,8 @@ var toHtml = function toHtml() {
     }
   });
 };
 var loadCodeFont = function loadCodeFont() {
   var id = "ibmMonoOnDemand";
   if (!document.getElementById(id)) {
     var style = document.createElement("style");
     style.id = id;
@@ -92,25 +81,22 @@ var loadCodeFont = function loadCodeFont() {
     document.head.appendChild(style);
   }
 };
 var getNearestRelativeParent = function getNearestRelativeParent(el) {
   if (!el) return null;
   var elStyle = el.currentStyle || window.getComputedStyle(el, "");
   var positionStyle = elStyle.position;
   if (["relative", "absolute"].includes(positionStyle)) {
     return el;
   }
   return getNearestRelativeParent(el.parentNode);
-}; // Remove special and hidden characters from string
+};
+// Remove special and hidden characters from string
 var removeSpecialCharacters = function removeSpecialCharacters() {
   var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
-  return (// eslint-disable-next-line no-control-regex
+  return (
+    // eslint-disable-next-line no-control-regex
     str.replace(/[^\u0000-\u007E]/g, "")
   );
 };
 export { toHtml, toSafeText, loadCodeFont, decodeHtmlEntities, getNearestRelativeParent, removeSpecialCharacters };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@happeouikit/content-renderer",
-  "version": "3.1.0",
+  "version": "3.1.2",
   "description": "Rendering html and markdown content",
   "main": "dist/index.js",
   "module": "src/index.js",
@@ -15,11 +15,10 @@
   "license": "MIT",
   "dependencies": {
     "@happeouikit/colors": "^1.0.4",
-    "@happeouikit/copy-to-clipboard-button": "^1.0.4",
-    "@happeouikit/emojis": "^1.2.7",
+    "@happeouikit/copy-to-clipboard-button": "^3.0.0",
+    "@happeouikit/emojis": "^1.3.0",
     "@happeouikit/layout": "^1.1.11",
-    "@happeouikit/typography": "^1.0.7",
-    "@universe/frontend-utils": "^0.35.1",
+    "@happeouikit/typography": "^1.1.0",
     "html-entities": "^2.3.2",
     "linkifyjs": "^2.1.8",
     "loadjs": "^4.2.0",

package/CHANGELOG.md DELETED Viewed

@@ -1,215 +0,0 @@
-# Changelog
-## 3.0.10
-- [Fixed] paragraph styles
-## 3.0.9
-- [Fixed] paragraph styles
-## 3.0.8
-- Publish
-## 3.0.7
-- Publish
-## 3.0.6
-- [Added] Support for user defined font families and weights
-## 3.0.5
-- Publish
-## 3.0.4
-- [Fixed] ContentRenderer should now render content without applying links to domain-like text.
-- [Updated] Updated ContentRenderer unit test with Testing Linkify hyper-link Features.
-## 3.0.3
-- [Added] Added prop `forceDefaultLinkTarget` that will force external links with `target="_blank"` and removes `target` from internal links.
-## 3.0.2
-- [Fixed] ContentRenderer now applies styling options from Pages
-## 3.0.1
-- [Fixed] ContentRenderer should now deal with all kinds of xss
-## 3.0.0
-- [Fixed] the xss converter now accepts a whiteList for CSS properties that includes vertical-align
-- [Updated] new dependencies updates: React 17 and and Styled Components 5
-## 2.0.1
-- [Added] Changed type to uppercase and to handle both upper and lowercase. Add warning if lowecase is used.
-- [Added] Handle widgetType=`page` by removing forced styles from component.
-## 2.0.0
-- [Breaking change] Links rendered from markdown content now always open in a new tab (not configurable).
-## 1.0.48
-- [Fixed] Decode HTML entites causing crashes
-## 1.0.46
-- [Fixed] Use correct font-family for all the tags inside paragraphs and list elements etc.
-## 1.0.45
-- [Fixed] Removed some padding for tables without borders
-## 1.0.44
-- [Fixed] Removed special characteds from content copying
-## 1.0.43
-- [Fixed] Moved to ReactDOM for rendering extra buttons
-- [Added] Ability to include anchor links & buttons
-- [Added] Ability to auto-scroll to anchors
-## 1.0.42
-- [Fixed] Remove bolding from links
-## 1.0.37
-- [Fixed] Get correct parent for copy button
-## 1.0.36
-- [Fixed] Improved code block styles
-## 1.0.35
-- [Fixed] important fonts
-## 1.0.34
-- [Fixed] use custom fonts for all tags inside h1, h2, h3
-## 1.0.33
-- [Fixed] Code block
-## 1.0.30
-- [Fixed] enforce font style to content
-## 1.0.29
-- [Fixed] Modify blockquote styles to match froala's
-## 1.0.28
-- [Fixed] Default image placement is now left aligned and not centered
-- [Fixed] Update frontend-utils dependency
-## 1.0.27
-- [Add] Rendering of code blocks + adding copy button to code blocks
-## 1.0.26
-- [Fixed] Embeded videos styles
-## 1.0.25
-- [Fixed] Removed a href urls
-## 1.0.24
-- [Fixed] fixed article CSS styles.
-## 1.0.23
-- [Fixed] update dependencies
-## 1.0.22
-- [Add] add some props for article content
-## 1.0.21
-- [Fixed] stop publishing the docs
-## 1.0.20
-- [Add] Changed some css for @channel and @editor
-## 1.0.19
-- [Fixed] Changed @team into @channel mentioning
-## 1.0.18
-- [Add] Support for @team and @editors mentioning.
-## 1.0.17
-- [Fixed] Styles for heading text.
-## 1.0.15
-- [Fixed] Type error in the mentions Showdown plugin
-## 1.0.14
-- [Fixed] Links converted from markdown will now open in a new tab.
-## 1.0.13
-- [Fixed] Pre element styles are now also applied to Code elements.
-## 1.0.11
-- [Fixed] Ordered and unordered lists are now aligned, and have correct line-height.
-## 1.0.10
-- [Fixed] List font size is now 16px.
-## 1.0.8
-- [Added] CSS styles to mention tags.
-## 1.0.7
-- [Fixed] Adds class to safe tags for anchor elements.
-## 1.0.6
-- [Fixed] font stylings of p tags.
-## 1.0.5
-- [Fixed] Missing dist
-## 1.0.4
-- [Fixed] Package not updated
-## 1.0.3
-- [Added] Handle user-mentio html tag
-## 1.0.2
-- Publish
-## 1.0.1
-- [Fixed] All children elements will now use the sans-serif font family.
-## 1.0.0
-- Initial copy from the private kit