@pronto-tools-and-more/components 15.12.0 → 15.14.0

package/dist/main.js

@@ -6,7 +6,7 @@ var JsonComponent = ({ json }) => {
 
 // src/parts/ArticleAuthors/ArticleAuthors.tsx
 var unrender = (element, renderElement) => {
-  const { render, unrender: unrender17, ...rest } = element;
+  const { render, unrender: unrender18, ...rest } = element;
   const node = render({
     id: `$functions.id($context, 'context', 'id')`,
     name: `$functions.id($context, 'context', 'name')`,
@@ -448,7 +448,7 @@ var ArticleList = ({
 
 // src/parts/Author/Author.tsx
 var unrender3 = (element, renderElement) => {
-  const { render, unrender: unrender17, ...rest } = element;
+  const { render, unrender: unrender18, ...rest } = element;
   const node = render({
     id: `$functions.id($context, 'taxonomy', 'id')`,
     name: `$functions.id($context, 'taxonomy', 'name')`,
@@ -569,7 +569,7 @@ var Button = ({
 
 // src/parts/CategoryList/CategoryList.tsx
 var unrender4 = (element, renderElement) => {
-  const { render, unrender: unrender17, ...rest } = element;
+  const { render, unrender: unrender18, ...rest } = element;
   const node = render({
     id: `$functions.id($context, 'context', 'id')`,
     name: `$functions.id($context, 'context', 'name')`,
@@ -700,6 +700,59 @@ var dateHelper = (date, format, language = "de") => {
   return `$functions.dateHelper(${date}).locale('${language}').format('${format}')`;
 };
 
+// src/parts/ContextProxy/ContextProxy.ts
+var createContextProxy = ({ original }) => {
+  const handler = {
+    get: (target, key) => {
+      return `$context.context['${key}']`;
+    }
+  };
+  const proxy = new Proxy(original, handler);
+  return proxy;
+};
+
+// src/parts/List/List.tsx
+var getNodeInfo2 = (element) => {
+  const { render, ...rest } = element;
+  const proxy = createContextProxy({
+    original: {}
+  });
+  return proxy;
+};
+var unrender6 = (element, renderElement) => {
+  const { render, ...rest } = element;
+  const nodeInfo = getNodeInfo2(element);
+  const node = render(nodeInfo);
+  const final = renderElement(node);
+  return {
+    ...rest,
+    content: final
+  };
+};
+function List({
+  render,
+  dataSource
+}) {
+  const json = {
+    render,
+    unrender: unrender6,
+    dataSource,
+    type: "list",
+    class: "data-custom-list",
+    template: "vertical",
+    pagination: {
+      suffix: "articles",
+      text: {
+        next: {
+          label: ""
+        }
+      }
+    },
+    emptyMessage: ""
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "List" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
+}
+
 // src/parts/DebugBlock/DebugBlock.tsx
 var DebugBlock = () => {
   return /* @__PURE__ */ React.createElement("div", { className: "whatever" }, `$functions.blockData($context)`);
@@ -709,7 +762,7 @@ var DebugBlock = () => {
 var getContentKey2 = (element) => {
   return "'context'";
 };
-var getNodeInfo2 = (element) => {
+var getNodeInfo3 = (element) => {
   const { render, ...rest } = element;
   const contentKey = getContentKey2(element);
   return {
@@ -719,9 +772,9 @@ var getNodeInfo2 = (element) => {
     slug: `$functions.id($context, ${contentKey}, 'properties', 'slug')`
   };
 };
-var unrender6 = (element, renderElement) => {
+var unrender7 = (element, renderElement) => {
   const { render, ...rest } = element;
-  const nodeInfo = getNodeInfo2(element);
+  const nodeInfo = getNodeInfo3(element);
   const node = render(nodeInfo);
   const final = renderElement(node);
   return {
@@ -741,7 +794,7 @@ var DigitalMagazineList = ({
   };
   const json = {
     render,
-    unrender: unrender6,
+    unrender: unrender7,
     dataSource,
     type: "list",
     class: "data-custom-list",
@@ -760,7 +813,7 @@ var DigitalMagazineList = ({
 };
 
 // src/parts/DossierList/DossierList.tsx
-var unrender7 = (element, renderElement) => {
+var unrender8 = (element, renderElement) => {
   const { render, language, ...rest } = element;
   const isCollection = element.dataSource.type === "collection-content";
   const contentKey = isCollection ? "'collection-content'" : "'content'";
@@ -829,7 +882,7 @@ var DossierList = ({
   const dataSource = getDossierDataSource({ collectionName, id });
   const json = {
     render,
-    unrender: unrender7,
+    unrender: unrender8,
     dataSource,
     type: "list",
     class: "epaper-issues",
@@ -979,7 +1032,7 @@ var EPaperLink = ({ message } = {}) => {
 };
 
 // src/parts/ErrorPage/ErrorPage.tsx
-var unrender8 = (element, renderElement) => {
+var unrender9 = (element, renderElement) => {
   const { render, language, ...rest } = element;
   const node = render({
     statusCode: `$functions.id($context, 'errorCode')`,
@@ -1000,7 +1053,7 @@ var ErrorPage = ({
 } = { language: "de" }) => {
   const json = {
     render,
-    unrender: unrender8,
+    unrender: unrender9,
     language,
     type: "section",
     class: "errorMessage"
@@ -1252,7 +1305,7 @@ var HubspotForm = ({ hubspotUrl }) => {
 };
 
 // src/parts/If/If.tsx
-var unrender9 = ({ condition, render }, renderElement) => {
+var unrender10 = ({ condition, render }, renderElement) => {
   const [node] = render();
   if (!node) {
     throw new Error("child node is required");
@@ -1277,13 +1330,13 @@ var If = ({
     render() {
       return children;
     },
-    unrender: unrender9
+    unrender: unrender10
   };
   return /* @__PURE__ */ React.createElement(JsonComponent, { json });
 };
 
 // src/parts/IfLength/IfLength.tsx
-var unrender10 = (element, renderElement) => {
+var unrender11 = (element, renderElement) => {
   const { render, children, ...rest } = element;
   const node = render();
   const final = renderElement(node[0]);
@@ -1300,7 +1353,7 @@ var IfLength = ({
     render() {
       return children;
     },
-    unrender: unrender10,
+    unrender: unrender11,
     type: "section",
     content: [],
     condition: {
@@ -1437,7 +1490,7 @@ var MaskIcon = ({ src }) => {
 };
 
 // src/parts/MenuItems2/MenuItems2.tsx
-var unrender11 = (element, renderElement) => {
+var unrender12 = (element, renderElement) => {
   const { render, language, ...rest } = element;
   const contentKey = "'context'";
   const renderContext = {
@@ -1502,7 +1555,7 @@ var MenuItems2 = ({
   const dataSource = getDataSource({ menuContext, menuName });
   const json = {
     render,
-    unrender: unrender11,
+    unrender: unrender12,
     dataSource,
     type: "list",
     class: "data-custom-list",
@@ -1521,7 +1574,7 @@ var MenuItems2 = ({
 };
 
 // src/parts/OneEPaper/OneEPaper.tsx
-var unrender12 = (element, renderElement) => {
+var unrender13 = (element, renderElement) => {
   const { render, ...rest } = element;
   const node = render({
     id: `$functions.id($context, 'issue', 'id')`,
@@ -1613,15 +1666,15 @@ var OneEPaper = ({
     },
     type: "list",
     render,
-    unrender: unrender12,
+    unrender: unrender13,
     emptyMessage: noContentFound
   };
   return /* @__PURE__ */ React.createElement("div", { className: "OneEpaper" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
 };
 
 // src/parts/PostContentBody/PostContentBody.tsx
-var unrender13 = (element, renderElement) => {
-  const { render, unrender: unrender17, customBlocks, ...rest } = element;
+var unrender14 = (element, renderElement) => {
+  const { render, unrender: unrender18, customBlocks, ...rest } = element;
   const actualBlocks = customBlocks || [];
   const renderedBlocks = actualBlocks.map((block) => {
     if (block.render && block.props) {
@@ -1649,7 +1702,7 @@ var PostContentBody = ({
 } = {}) => {
   const json = {
     render: {},
-    unrender: unrender13,
+    unrender: unrender14,
     type: "content-body",
     id: "post-content-body",
     customBlocks,
@@ -1669,7 +1722,7 @@ var PostContentBody = ({
 };
 
 // src/parts/PrimaryCategory/PrimaryCategory.tsx
-var unrender14 = (element, renderElement) => {
+var unrender15 = (element, renderElement) => {
   const { render, category } = element;
   const node = render(category);
   const final = renderElement(node);
@@ -1685,7 +1738,7 @@ var PrimaryCategory = ({
   const categoryType = `$functions.getPrimaryCategoryProperty($context["${contentKey ?? "content"}"], 'type')`;
   const json = {
     render,
-    unrender: unrender14,
+    unrender: unrender15,
     category: {
       id: categoryId,
       name: categoryName,
@@ -1834,7 +1887,7 @@ var getImageSrc = (fallbackImage) => {
   }
   return `$functions.id($context, 'search-result', 'issue', 'thumbnails', 'default')`;
 };
-var getNodeInfo3 = (element) => {
+var getNodeInfo4 = (element) => {
   const { render, fallbackImage, ...rest } = element;
   const contentKey = "'search-result'";
   return {
@@ -1853,13 +1906,13 @@ var getNodeInfo3 = (element) => {
     access: `$functions.id($context, ${contentKey}, 'issue', 'access')`,
     properties: createPropertiesProxy({
       original: {},
-      contentKey
+      contentKey: `'search-result', 'issue'`
     })
   };
 };
-var unrender15 = (element, renderElement) => {
+var unrender16 = (element, renderElement) => {
   const { render, fallbackImage, ...rest } = element;
-  const nodeInfo = getNodeInfo3(element);
+  const nodeInfo = getNodeInfo4(element);
   const node = render(nodeInfo);
   const final = renderElement(node);
   return {
@@ -1945,7 +1998,7 @@ var SearchResultsNews = ({
   }
   const json = {
     render,
-    unrender: unrender15,
+    unrender: unrender16,
     fallbackImage,
     dataSource: {
       phrase: "$context.phrase",
@@ -2192,7 +2245,7 @@ var SubscriptionLink = ({ message } = {}) => {
 };
 
 // src/parts/TagList/TagList.tsx
-var unrender16 = (element, renderElement) => {
+var unrender17 = (element, renderElement) => {
   const { render, ...rest } = element;
   const node = render({
     id: `$functions.id($context, 'context', 'id')`,
@@ -2219,7 +2272,7 @@ var TagList = ({
 }) => {
   const json = {
     render,
-    unrender: unrender16,
+    unrender: unrender17,
     dataSource: {
       data,
       type: "context",
@@ -2267,6 +2320,7 @@ export {
   Language,
   LanguageMapping,
   Link,
+  List,
   Login,
   MaskIcon,
   MenuItems,

package/dist/parts/Components/Components.d.ts

@@ -12,6 +12,7 @@ export * from "../Container/Container.tsx";
 export * from "../ContentBody/ContentBody.tsx";
 export * from "../ContentTitle/ContentTitle.tsx";
 export * from "../DateHelper/DateHelper.ts";
+export * from "../List/List.tsx";
 export * from "../DebugBlock/DebugBlock.tsx";
 export * from "../DigitalMagzineList/DigitalMagazineList.tsx";
 export * from "../DossierList/DossierList.tsx";

package/dist/parts/ContextProxy/ContextProxy.d.ts

@@ -0,0 +1,3 @@
+export declare const createContextProxy: ({ original }: {
+    original: any;
+}) => any;

package/dist/parts/DataSource/DataSource.d.ts

@@ -0,0 +1,2 @@
+export interface DataSource<T> {
+}

package/dist/parts/List/List.d.ts

@@ -0,0 +1,5 @@
+import { ListItemRenderer } from "../ListItemrenderer/ListItemRenderer.ts";
+export declare function List<T>({ render, dataSource, }: {
+    dataSource?: any;
+    render: ListItemRenderer<T>;
+}): import("react").JSX.Element;

package/dist/parts/ListItemrenderer/ListItemRenderer.d.ts

@@ -0,0 +1,3 @@
+export interface ListItemRenderer<T> {
+    (item: T): React.ReactNode;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pronto-tools-and-more/components",
-  "version": "15.12.0",
+  "version": "15.14.0",
   "description": "",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -17,8 +17,8 @@
   "license": "MIT",
   "devDependencies": {
     "@types/node": "^22.10.1",
-    "@types/react": "^19.1.2",
-    "esbuild": "^0.25.3",
+    "@types/react": "^19.1.3",
+    "esbuild": "^0.25.4",
     "react": "^19.1.0",
     "ts-jest": "^29.3.2"
   }