@pronto-tools-and-more/components 10.17.0 → 10.19.0

package/dist/main.js

@@ -5,11 +5,35 @@ var JsonComponent = ({ json }) => {
 };
 
 // src/parts/ArticleAuthors/ArticleAuthors.tsx
+var unrender = (element, renderElement) => {
+  const { render, unrender: unrender7, ...rest } = element;
+  const node = render({
+    id: `$functions.id($context, 'context', 'id')`,
+    name: `$functions.id($context, 'context', 'name')`,
+    type: `$functions.id($context, 'context', 'type')`,
+    language: `$functions.id($context, 'context', 'properties', 'lang')`,
+    imageSrc: `$functions.id($context, 'context', 'properties', 'thumbnails', 'default')`
+  });
+  const condition = {
+    value: "$context.context.type",
+    operation: "EQUALS",
+    compareValue: "author"
+  };
+  const final = {
+    ...renderElement(node),
+    condition
+  };
+  return {
+    ...rest,
+    content: final
+  };
+};
 var ArticleAuthors = ({
   render
 }) => {
   const json = {
     render,
+    unrender,
     dataSource: {
       data: "$context.content.taxonomies",
       type: "context",
@@ -97,6 +121,23 @@ var createFilterFromProperties = ({
 };
 
 // src/parts/ArticleList/ArticleList.tsx
+var unrender2 = (element, renderElement) => {
+  const { render, ...rest } = element;
+  const node = render({
+    name: `$functions.id($context, 'content', 'name')`,
+    description: `$functions.id($context, 'content', 'description')`,
+    imageSrc: `$functions.id($context, 'content', 'thumbnails', 'default')`,
+    slug: `$functions.id($context, 'content', 'properties', 'slug')`,
+    metadataVideoPodcast: `$functions.id($context, 'content', 'properties', 'metadataVideoPodcast')`,
+    readTime: `$functions.getReadTime($context.content)`,
+    publicationDate: `$functions.id($context, 'content', 'publicationDate')`
+  });
+  const final = renderElement(node);
+  return {
+    ...rest,
+    content: final
+  };
+};
 var ArticleList = ({
   properties,
   render,
@@ -114,6 +155,7 @@ var ArticleList = ({
   });
   const json = {
     render,
+    unrender: unrender2,
     dataSource: {
       type: "content",
       filter: {
@@ -190,12 +232,35 @@ var Button = ({
 };
 
 // src/parts/CategoryList/CategoryList.tsx
+var unrender3 = (element, renderElement) => {
+  const { render, unrender: unrender7, ...rest } = element;
+  const node = render({
+    id: `$functions.id($context, 'context', 'id')`,
+    name: `$functions.id($context, 'context', 'name')`,
+    type: `$functions.id($context, 'context', 'type')`,
+    language: `$functions.id($context, 'context', 'properties', 'lang')`
+  });
+  const condition = {
+    value: "$context.context.type",
+    operation: "EQUALS",
+    compareValue: "category"
+  };
+  const final = {
+    ...renderElement(node),
+    condition
+  };
+  return {
+    ...rest,
+    content: final
+  };
+};
 var CategoryList = ({
   render,
   contentKey
 }) => {
   const json = {
     render,
+    unrender: unrender3,
     dataSource: {
       data: `$context.${contentKey ?? "content"}.taxonomies`,
       type: "context",
@@ -209,6 +274,23 @@ var CategoryList = ({
 };
 
 // src/parts/Collection/Collection.tsx
+var unrender4 = (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')`,
+    slug: `$functions.id($context, 'collection-content', 'properties', 'slug')`,
+    metadataVideoPodcast: `$functions.id($context, 'collection-content', 'properties', 'metadataVideoPodcast')`,
+    readTime: `$functions.getReadTime($context['collection-content'])`,
+    publicationDate: `$functions.id($context, 'collection-content', 'publicationDate')`
+  });
+  const final = renderElement(node);
+  return {
+    ...rest,
+    content: final
+  };
+};
 var Collection = ({
   limit,
   offset,
@@ -217,6 +299,7 @@ var Collection = ({
 }) => {
   const json = {
     render,
+    unrender: unrender4,
     dataSource: {
       type: "collection-content",
       limit: `${limit}`,
@@ -544,7 +627,39 @@ var SearchHeaderSelect = () => {
 
 // src/parts/SearchHeaderToggle/SearchHeaderToggle.tsx
 var SearchHeaderToggle = () => {
-  return /* @__PURE__ */ React.createElement("div", { className: "SearchHeaderToggle" }, /* @__PURE__ */ React.createElement("div", null, "news"), /* @__PURE__ */ React.createElement("div", null, "epaper"));
+  const json = {
+    content: [
+      {
+        type: "button",
+        tap: {
+          type: "navigate",
+          params: {
+            searchtype: "news"
+          },
+          mergeParams: true,
+          path: "suche"
+        },
+        message: "News",
+        buttonClass: "news"
+      },
+      {
+        type: "button",
+        tap: {
+          type: "navigate",
+          params: {
+            searchtype: "epaper"
+          },
+          mergeParams: true,
+          path: "suche"
+        },
+        message: "E-Paper",
+        buttonClass: "epaper"
+      }
+    ],
+    type: "section",
+    class: "search-toggle selected)"
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "SearchHeaderToggle" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
 };
 
 // src/parts/SearchLink/SearchLink.tsx
@@ -584,6 +699,28 @@ var getFilterLanguage = (language) => {
 };
 
 // src/parts/SearchResults/SearchResults.tsx
+var getImageSrc = (fallbackImage) => {
+  if (fallbackImage) {
+    return `$functions.fallback($functions.id($context, 'search-result', 'issue', 'thumbnails', 'default'), '${fallbackImage}')`;
+  }
+  return `$functions.id($context, 'search-result', 'issue', 'thumbnails', 'default')`;
+};
+var unrender5 = (element, renderElement) => {
+  const { render, fallbackImage, ...rest } = element;
+  const node = render({
+    title: "$functions.id($context, 'search-result', 'issue', 'name')",
+    name: "$functions.id($context, 'search-result', 'issue', 'name')",
+    description: "$functions.id($context, 'search-result', 'issue', 'description')",
+    imageSrc: getImageSrc(fallbackImage),
+    language: "$functions.id($context, 'search-result', 'issue', 'properties', 'lang')",
+    slug: "$functions.id($context, 'search-result', 'issue', 'properties', 'slug')"
+  });
+  const final = renderElement(node);
+  return {
+    ...rest,
+    content: final
+  };
+};
 var SearchResults = ({
   render,
   language,
@@ -661,6 +798,7 @@ var SearchResults = ({
   }
   const json = {
     render,
+    unrender: unrender5,
     fallbackImage,
     dataSource: {
       phrase: "$context.phrase",
@@ -711,9 +849,31 @@ var SubscriptionLink = ({ message } = {}) => {
 };
 
 // src/parts/TagList/TagList.tsx
+var unrender6 = (element, renderElement) => {
+  const { render, ...rest } = element;
+  const node = render({
+    id: `$functions.id($context, 'context', 'id')`,
+    name: `$functions.id($context, 'context', 'name')`,
+    language: `$functions.id($context, 'context', 'properties', 'lang')`
+  });
+  const condition = {
+    value: "$context.context.type",
+    operation: "EQUALS",
+    compareValue: "tag"
+  };
+  const final = {
+    ...renderElement(node),
+    condition
+  };
+  return {
+    ...rest,
+    content: final
+  };
+};
 var TagList = ({ render }) => {
   const json = {
     render,
+    unrender: unrender6,
     dataSource: {
       data: "$context.content.taxonomies",
       type: "context",

package/dist/parts/ArticleListItemRenderer/ArticleListItemRenderer.d.ts

@@ -1,5 +1,5 @@
 import type React from "react";
 import type { IArticleListItem } from "../IArticleListItem/IArticleListItem.ts";
 export interface ArticleListItemRenderer {
-    ({ name, description, imageSrc, properties, publicationDate }: IArticleListItem): React.ReactNode;
+    ({ name, description, imageSrc, properties, readTime, publicationDate }: IArticleListItem): React.ReactNode;
 }

package/dist/parts/CollectionRenderer/CollectionRenderer.d.ts

@@ -4,6 +4,7 @@ export interface ICollectionItem {
     readonly description: string;
     readonly imageSrc: string;
     readonly slug: string;
+    readonly readTime?: string;
     readonly publicationDate: string;
 }
 export interface CollectionRenderer {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pronto-tools-and-more/components",
-  "version": "10.17.0",
+  "version": "10.19.0",
   "description": "",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -16,7 +16,7 @@
   "author": "",
   "license": "MIT",
   "devDependencies": {
-    "@types/node": "^22.9.0",
+    "@types/node": "^22.9.1",
     "@types/react": "^18.3.12",
     "esbuild": "^0.24.0",
     "react": "^18.3.1",