@pronto-tools-and-more/components-renderer 8.19.0 → 8.20.0

package/package.json

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

package/src/parts/RenderCustomElement/RenderCustomElement.js

@@ -1,9 +1,14 @@
 import * as RenderCustomElementList from "../RenderCustomElementList/RenderCustomElementList.js";
 import * as RenderCustomElementSearchResults from "../RenderCustomElementSearchResults/RenderCustomElementSearchResults.js";
 import * as RenderCustomElementUnknown from "../RenderCustomElementUnknown/RenderCustomElementUnknown.js";
+import * as RenderCustomElementCollection from "../RenderCustomElementCollection/RenderCustomElementCollection.js";
 
 export const renderCustomElement = (element, renderElement) => {
   return (
+    RenderCustomElementCollection.renderCustomElementCollection(
+      element,
+      renderElement
+    ) ||
     RenderCustomElementList.renderCustomElementList(element, renderElement) ||
     RenderCustomElementSearchResults.renderCustomElementSearchResults(
       element,

package/src/parts/RenderCustomElementCollection/RenderCustomElementCollection.js

@@ -0,0 +1,20 @@
+export const renderCustomElementCollection = (element, renderElement) => {
+  if (
+    element.type === "list" &&
+    element.class &&
+    element.class.includes("data-custom-collection")
+  ) {
+    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/RenderCustomElementList/RenderCustomElementList.js

@@ -6,9 +6,9 @@ export const renderCustomElementList = (element, renderElement) => {
   ) {
     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')`,
+      name: `$functions.id($context, 'content', 'name')`,
+      description: `$functions.id($context, 'content', 'description')`,
+      imageSrc: `$functions.id($context, 'content', 'thumbnails', 'default')`,
     });
     const final = renderElement(node);
     return {