@pronto-tools-and-more/components-renderer 8.6.0 → 8.8.0

package/package.json

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

package/src/parts/RenderCustomElement/RenderCustomElement.js

@@ -0,0 +1,17 @@
+import * as RenderCustomElementList from "../RenderCustomElementList/RenderCustomElementList.js";
+import * as RenderCustomElementSearchResults from "../RenderCustomElementSearchResults/RenderCustomElementSearchResults.js";
+import * as RenderCustomElementUnknown from "../RenderCustomElementUnknown/RenderCustomElementUnknown.js";
+
+export const renderCustomElement = (element, renderElement) => {
+  return (
+    RenderCustomElementList.renderCustomElementList(element, renderElement) ||
+    RenderCustomElementSearchResults.renderCustomElementSearchResults(
+      element,
+      renderElement
+    ) ||
+    RenderCustomElementUnknown.renderCustomElementUnknown(
+      element,
+      renderElement
+    )
+  );
+};

package/src/parts/RenderCustomElementList/RenderCustomElementList.js

@@ -0,0 +1,20 @@
+export const renderCustomElementList = (element, renderElement) => {
+  if (
+    element.type === "list" &&
+    element.class &&
+    element.class.includes("data-custom-list")
+  ) {
+    const { render, ...rest } = element;
+    const node = render({
+      name: `$functions.id($context, 'collection-content', 'name')`,
+      description: `$functions.id($context, 'collection-content', 'description')`,
+      imageSrc: `$functions.id($context, 'collection-content', 'thumbnails', 'default')`,
+    });
+    const final = renderElement(node);
+    return {
+      ...rest,
+      content: final,
+    };
+  }
+  return undefined;
+};

package/src/parts/RenderCustomElementSearchResults/RenderCustomElementSearchResults.js

@@ -0,0 +1,19 @@
+export const renderCustomElementSearchResults = (element, renderElement) => {
+  if (
+    element.type === "list" &&
+    element.class &&
+    element.class.includes("data-custom-search-results")
+  ) {
+    const { render, ...rest } = element;
+    const node = render({
+      title: "abc",
+      name: "abc",
+      description: "def",
+    });
+    const final = renderElement(node);
+    return {
+      ...rest,
+      content: final,
+    };
+  }
+};

package/src/parts/RenderCustomElementUnknown/RenderCustomElementUnknown.js

@@ -0,0 +1,6 @@
+export const renderCustomElementUnknown = (element, renderElement) => {
+  if (element.type) {
+    return element;
+  }
+  return {};
+};

package/src/parts/RenderElement/RenderElement.js

@@ -1,5 +1,6 @@
 import * as CreateFakeSection from "../CreateFakeSection/CreateFakeSection.js";
 import * as HasComplexChildren from "../HasComplexChildren/HasComplexChildren.js";
+import * as RenderCustomElement from "../RenderCustomElement/RenderCustomElement.js";
 
 export const renderElement = (element) => {
   if (typeof element === "string") {
@@ -40,25 +41,5 @@ export const renderElement = (element) => {
       ...renderedChildren,
     ]);
   }
-  if (
-    element.type === "list" &&
-    element.class &&
-    element.class.includes("data-custom-list")
-  ) {
-    const { render, ...rest } = element;
-    const node = render({
-      name: `$functions.id($context, 'collection-content', 'name')`,
-      description: `$functions.id($context, 'collection-content', 'description')`,
-      imageSrc: `$functions.id($context, 'collection-content', 'thumbnails', 'default')`,
-    });
-    const final = renderElement(node);
-    return {
-      ...rest,
-      content: final,
-    };
-  }
-  if (element.type) {
-    return element;
-  }
-  return {};
+  return RenderCustomElement.renderCustomElement(element, renderElement);
 };