@happeouikit/content-renderer 3.0.1 → 3.0.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 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

package/dist/ContentRenderer.js

@@ -87,7 +87,8 @@ var ContentRenderer = function ContentRenderer(_ref) {
       useHashAutoscroll = _ref.useHashAutoscroll,
       _ref$hashAutoscrollTo = _ref.hashAutoscrollTopMargin,
       hashAutoscrollTopMargin = _ref$hashAutoscrollTo === void 0 ? 0 : _ref$hashAutoscrollTo,
-      decodeHtmlEntitiesOnRender = _ref.decodeHtmlEntitiesOnRender;
+      decodeHtmlEntitiesOnRender = _ref.decodeHtmlEntitiesOnRender,
+      forceDefaultLinkTarget = _ref.forceDefaultLinkTarget;
   var element = useRef({});
 
   var _useState = useState([]),
@@ -135,6 +136,21 @@ var ContentRenderer = function ContentRenderer(_ref) {
       });
     }
 
+    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 {
+          link.target = "_blank";
+        }
+      });
+    }
+
     var blockElems = element.current.querySelectorAll(ELEMENT_TYPE_PRE);
 
     if (blockElems.length > 0) {
@@ -174,7 +190,7 @@ var ContentRenderer = function ContentRenderer(_ref) {
     if (useHashAutoscroll) {
       scrollAndHighlightHash();
     }
-  }, [element, createAnchors, useHashAutoscroll, scrollAndHighlightHash]);
+  }, [element, createAnchors, forceDefaultLinkTarget, useHashAutoscroll, scrollAndHighlightHash]);
   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);
@@ -190,7 +206,7 @@ var ContentRenderer = function ContentRenderer(_ref) {
 
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Wrapper, {
-      className: "content-renderer",
+      className: "content-renderer ".concat(widgetType === "page" ? "fr-view pages-text" : ""),
       ref: element,
       widgetType: widgetType,
       headerFont: headerFont,
@@ -256,6 +272,7 @@ ContentRenderer.propTypes = {
   headerFont: PropTypes.string,
   decodeHtmlEntitiesOnRender: PropTypes.bool,
   createAnchors: PropTypes.bool,
+  forceDefaultLinkTarget: PropTypes.bool,
   useHashAutoscroll: PropTypes.bool,
   hashAutoscrollTopMargin: PropTypes.number
 };
@@ -268,6 +285,7 @@ ContentRenderer.defaultProps = {
   decodeHtmlEntitiesOnRender: false,
   createAnchors: false,
   useHashAutoscroll: true,
+  forceDefaultLinkTarget: false,
   hashAutoscrollTopMargin: 0
 };
 export default ContentRenderer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@happeouikit/content-renderer",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "Rendering html and markdown content",
   "main": "dist/index.js",
   "module": "src/index.js",