storyblok-rich-text-react-renderer - npm Package Compare versions

Comparing version 2.1.0 to 2.1.1

dist/index.es.js

@@ -110,5 +110,2 @@ import React from 'react';
           _options$defaultBlokR = options.defaultBlokResolver,
-          defaultBlokResolver = _options$defaultBlokR === void 0 ? function () {
-      return null;
-    } : _options$defaultBlokR,
           _options$nodeResolver = options.nodeResolvers,
@@ -146,8 +143,17 @@ customNodeResolvers = _options$nodeResolver === void 0 ? {} : _options$nodeResolver,
           const resolver = blokResolvers[component];
-          const element = resolver ? resolver(props) : defaultBlokResolver(component, props);
+          const element = resolver ? resolver(props) : defaultBlockResolver(component, props);
           return addKey(element);
         });
-      } else if (node.type === 'text') {
+      } else {
         var _node$marks;
 
+        let childNode;
+
+        if (node.type === 'text') {
+          childNode = node.text;
+        } else {
+          const resolver = nodeResolvers[node.type];
+          childNode = resolver ? addKey(resolver(renderNodes(node.content), node.attrs)) : null;
+        }
+
         const marks = (_node$marks = node.marks) !== null && _node$marks !== void 0 ? _node$marks : [];
@@ -157,6 +163,3 @@ return marks.reduceRight(function (children, mark) {
           return resolver ? addKey(resolver(children, mark.attrs)) : children;
-        }, node.text);
-      } else {
-        const resolver = nodeResolvers[node.type];
-        return resolver ? addKey(resolver(renderNodes(node.content), node.attrs)) : null;
+        }, childNode);
       }
@@ -163,0 +166,0 @@ };

dist/index.js

@@ -116,5 +116,2 @@ 'use strict';
           _options$defaultBlokR = options.defaultBlokResolver,
-          defaultBlokResolver = _options$defaultBlokR === void 0 ? function () {
-      return null;
-    } : _options$defaultBlokR,
           _options$nodeResolver = options.nodeResolvers,
@@ -152,8 +149,17 @@ customNodeResolvers = _options$nodeResolver === void 0 ? {} : _options$nodeResolver,
           const resolver = blokResolvers[component];
-          const element = resolver ? resolver(props) : defaultBlokResolver(component, props);
+          const element = resolver ? resolver(props) : defaultBlockResolver(component, props);
           return addKey(element);
         });
-      } else if (node.type === 'text') {
+      } else {
         var _node$marks;
 
+        let childNode;
+
+        if (node.type === 'text') {
+          childNode = node.text;
+        } else {
+          const resolver = nodeResolvers[node.type];
+          childNode = resolver ? addKey(resolver(renderNodes(node.content), node.attrs)) : null;
+        }
+
         const marks = (_node$marks = node.marks) !== null && _node$marks !== void 0 ? _node$marks : [];
@@ -163,6 +169,3 @@ return marks.reduceRight(function (children, mark) {
           return resolver ? addKey(resolver(children, mark.attrs)) : children;
-        }, node.text);
-      } else {
-        const resolver = nodeResolvers[node.type];
-        return resolver ? addKey(resolver(renderNodes(node.content), node.attrs)) : null;
+        }, childNode);
       }
@@ -169,0 +172,0 @@ };

package.json

 {
   "name": "storyblok-rich-text-react-renderer",
   "description": "A React renderer for Storyblok rich text content",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "license": "MIT",
@@ -6,0 +6,0 @@ "main": "dist/index.js",

README.md

@@ -231,1 +231,2 @@ # Storyblok Rich Text Renderer for React
 - 2.1.0 — Allow React 17 as peer
+- 2.1.1 — Allow block elements as children of inline elements (in particular linked images)

src/index.js

@@ -68,6 +68,15 @@ import React from 'react';
                         ? resolver(props)
-                        : defaultBlokResolver(component, props);
+                        : defaultBlockResolver(component, props);
                     return addKey(element);
                 });
-            } else if (node.type === 'text') {
+            } else {
+                let childNode;
+                if (node.type === 'text') {
+                    childNode = node.text;
+                } else {
+                    const resolver = nodeResolvers[node.type];
+                    childNode = resolver
+                        ? addKey(resolver(renderNodes(node.content), node.attrs))
+                        : null;
+                }
                 const marks = node.marks ?? [];
@@ -79,8 +88,3 @@ return marks.reduceRight((children, mark) => {
                         : children;
-                }, node.text);
-            } else {
-                const resolver = nodeResolvers[node.type];
-                return resolver
-                    ? addKey(resolver(renderNodes(node.content), node.attrs))
-                    : null;
+                }, childNode);
             }
@@ -87,0 +91,0 @@ };

No alert changes

Improved metrics

Total package byte prevSize

52933

increased by1.03%

Lines of code

585

increased by1.04%

Number of lines in readme file

232

increased by0.43%

No dependency changes