@pronto-tools-and-more/components-renderer 5.3.3 → 5.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pronto-tools-and-more/components-renderer",
-  "version": "5.3.3",
+  "version": "5.5.0",
   "description": "",
   "main": "src/componentsRendererMain.js",
   "type": "module",

package/src/parts/RenderElement/RenderElement.js

@@ -10,19 +10,29 @@ export const renderElement = (element) => {
     };
   }
   if (element.tag) {
+    if (typeof element.tag === "function") {
+      const vnode = element.tag({
+        ...element.props,
+      });
+      const rendered = renderElement(vnode);
+      return rendered;
+    }
     const hasComplexChildren = HasComplexChildren.hasComplexChildren(element);
     const renderedChildren = hasComplexChildren
       ? element.children.map(renderElement)
       : [];
     const content = hasComplexChildren ? "" : element.children[0] || "";
-    const className =
-      element.props && element.props.className
-        ? element.props.className
-        : undefined;
+    const props = element.props ? element.props : {};
+    const { className, ...rest } = props;
+    let attributes;
+    if (Object.keys(rest).length > 0) {
+      attributes = rest;
+    }
     return CreateFakeSection.createFakeSection([
       {
         type: "html",
         tag: element.tag,
+        attributes,
         class: className,
         content,
       },