@pronto-tools-and-more/components 10.18.0 → 10.20.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}`,
@@ -268,6 +351,11 @@ var ContentTitle = () => {
   return /* @__PURE__ */ React.createElement(JsonComponent, { json });
 };
 
+// src/parts/DateHelper/DateHelper.ts
+var dateHelper = (date, format, language = "de") => {
+  return `$functions.dateHelper(${date}).locale('${language}').format('${format}')`;
+};
+
 // src/parts/DossierList/DossierList.tsx
 var DossierList = () => {
   const json = {
@@ -529,7 +617,9 @@ var PublicationToggle = () => {
 };
 
 // src/parts/SearchField/SearchField.tsx
-var SearchField = () => {
+var SearchField = ({
+  placeholder
+} = {}) => {
   const json = {
     type: "search-field",
     class: "searchfield"
@@ -544,7 +634,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 +706,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 +805,7 @@ var SearchResults = ({
   }
   const json = {
     render,
+    unrender: unrender5,
     fallbackImage,
     dataSource: {
       phrase: "$context.phrase",
@@ -711,9 +856,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",
@@ -757,5 +924,6 @@ export {
   SearchLink,
   SearchResults,
   SubscriptionLink,
-  TagList
+  TagList,
+  dateHelper
 };

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

@@ -7,6 +7,7 @@ export * from "../Collection/Collection.tsx";
 export * from "../Container/Container.tsx";
 export * from "../ContentBody/ContentBody.tsx";
 export * from "../ContentTitle/ContentTitle.tsx";
+export * from "../DateHelper/DateHelper.ts";
 export * from "../DossierList/DossierList.tsx";
 export * from "../DossierSwiper/DossierSwiper.tsx";
 export * from "../EPaperLink/EPaperLink.tsx";

package/dist/parts/DateHelper/DateHelper.d.ts

@@ -0,0 +1 @@
+export declare const dateHelper: (date: string, format: string, language?: string) => string;

package/dist/parts/SearchField/SearchField.d.ts

@@ -1,2 +1,4 @@
 import type React from "react";
-export declare const SearchField: () => React.ReactElement;
+export declare const SearchField: ({ placeholder, }?: {
+    placeholder?: string;
+}) => React.ReactElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pronto-tools-and-more/components",
-  "version": "10.18.0",
+  "version": "10.20.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",