@pronto-tools-and-more/components 12.12.0 → 12.13.0

package/dist/main.js

@@ -6,7 +6,7 @@ var JsonComponent = ({ json }) => {
 
 // src/parts/ArticleAuthors/ArticleAuthors.tsx
 var unrender = (element, renderElement) => {
-  const { render, unrender: unrender11, ...rest } = element;
+  const { render, unrender: unrender12, ...rest } = element;
   const node = render({
     id: `$functions.id($context, 'context', 'id')`,
     name: `$functions.id($context, 'context', 'name')`,
@@ -412,7 +412,7 @@ var Button = ({
 
 // src/parts/CategoryList/CategoryList.tsx
 var unrender3 = (element, renderElement) => {
-  const { render, unrender: unrender11, ...rest } = element;
+  const { render, unrender: unrender12, ...rest } = element;
   const node = render({
     id: `$functions.id($context, 'context', 'id')`,
     name: `$functions.id($context, 'context', 'name')`,
@@ -1131,8 +1131,80 @@ var MaskIcon = ({ src }) => {
   return /* @__PURE__ */ React.createElement("div", { className: "MaskIcon" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
 };
 
-// src/parts/OneEPaper/OneEPaper.tsx
+// src/parts/MenuItems2/MenuItems2.tsx
 var unrender6 = (element, renderElement) => {
+  const { render, language, ...rest } = element;
+  const contentKey = "'context'";
+  const node = render({
+    name: `$functions.id($context, ${contentKey}, 'name')`,
+    description: `$functions.id($context, ${contentKey}, 'description')`,
+    url: `$functions.id($context, ${contentKey}, 'url')`,
+    language
+  });
+  const innerFinal = renderElement(node);
+  const content = {
+    content: innerFinal,
+    dataSource: {
+      contextKey: "menuItem",
+      type: "context",
+      data: "$context.menu.items"
+    },
+    type: "list"
+  };
+  return {
+    ...rest,
+    content
+  };
+};
+var MenuItems2 = ({
+  menuName,
+  render,
+  noContentFound
+}) => {
+  const dataSource = {
+    type: "menu",
+    filter: {
+      name: {
+        value: menuName
+      }
+    }
+  };
+  const json = {
+    render,
+    unrender: unrender6,
+    dataSource,
+    type: "list",
+    tapEntry: {
+      value: {
+        type: "openUrl",
+        url: "#",
+        target: "#"
+      },
+      condition: {
+        compareValue: "external_links",
+        value: "#"
+      },
+      fallback: {
+        type: "openContent"
+      }
+    },
+    class: "data-custom-list",
+    template: "horizontal",
+    pagination: {
+      suffix: "articles",
+      text: {
+        next: {
+          label: ""
+        }
+      }
+    },
+    emptyMessage: noContentFound
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "MenuItems2" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
+};
+
+// src/parts/OneEPaper/OneEPaper.tsx
+var unrender7 = (element, renderElement) => {
   const { render, ...rest } = element;
   const node = render({
     id: `$functions.id($context, 'issue', 'id')`,
@@ -1222,14 +1294,14 @@ var OneEPaper = ({
     },
     type: "list",
     render,
-    unrender: unrender6
+    unrender: unrender7
   };
   return /* @__PURE__ */ React.createElement("div", { className: "OneEpaper" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
 };
 
 // src/parts/PostContentBody/PostContentBody.tsx
-var unrender7 = (element, renderElement) => {
-  const { render, unrender: unrender11, customBlocks, ...rest } = element;
+var unrender8 = (element, renderElement) => {
+  const { render, unrender: unrender12, customBlocks, ...rest } = element;
   const actualBlocks = customBlocks || [];
   const renderedBlocks = actualBlocks.map((block) => {
     if (block.render && block.props) {
@@ -1257,7 +1329,7 @@ var PostContentBody = ({
 } = {}) => {
   const json = {
     render: {},
-    unrender: unrender7,
+    unrender: unrender8,
     type: "content-body",
     id: "post-content-body",
     customBlocks,
@@ -1277,7 +1349,7 @@ var PostContentBody = ({
 };
 
 // src/parts/PrimaryCategory/PrimaryCategory.tsx
-var unrender8 = (element, renderElement) => {
+var unrender9 = (element, renderElement) => {
   const { render, category } = element;
   const node = render(category);
   const final = renderElement(node);
@@ -1293,7 +1365,7 @@ var PrimaryCategory = ({
   const categoryType = `$functions.getPrimaryCategoryProperty($context["${contentKey ?? "content"}"], 'type')`;
   const json = {
     render,
-    unrender: unrender8,
+    unrender: unrender9,
     category: {
       id: categoryId,
       name: categoryName,
@@ -1452,7 +1524,7 @@ var getImageSrc = (fallbackImage) => {
   }
   return `$functions.id($context, 'search-result', 'issue', 'thumbnails', 'default')`;
 };
-var unrender9 = (element, renderElement) => {
+var unrender10 = (element, renderElement) => {
   const { render, fallbackImage, ...rest } = element;
   const node = render({
     title: "$functions.id($context, 'search-result', 'issue', 'name')",
@@ -1545,7 +1617,7 @@ var SearchResultsNews = ({
   }
   const json = {
     render,
-    unrender: unrender9,
+    unrender: unrender10,
     fallbackImage,
     dataSource: {
       phrase: "$context.phrase",
@@ -1764,7 +1836,7 @@ var SubscriptionLink = ({ message } = {}) => {
 };
 
 // src/parts/TagList/TagList.tsx
-var unrender10 = (element, renderElement) => {
+var unrender11 = (element, renderElement) => {
   const { render, ...rest } = element;
   const node = render({
     id: `$functions.id($context, 'context', 'id')`,
@@ -1788,7 +1860,7 @@ var unrender10 = (element, renderElement) => {
 var TagList = ({ render }) => {
   const json = {
     render,
-    unrender: unrender10,
+    unrender: unrender11,
     dataSource: {
       data: "$context.content.taxonomies",
       type: "context",
@@ -1832,6 +1904,7 @@ export {
   Login,
   MaskIcon,
   MenuItems,
+  MenuItems2,
   OneEPaper,
   PostContentBody,
   PrimaryCategory,

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

@@ -39,6 +39,7 @@ export * from "../IBookmarkInfo/IBookmarkInfo.ts";
 export * from "../ICategoryItem/ICategoryItem.ts";
 export * from "../IDossierListItem/IDossierListItem.ts";
 export * from "../IFooterSocialLink/IFooterSocialLink.ts";
+export * from "../IMenuItem/IMenuItem.ts";
 export * from "../ISearchResult/ISearchResult.ts";
 export * from "../ISearchResultComponent/ISearchResultComponent.tsx";
 export * from "../ISocialLink/ISocialLink.ts";
@@ -50,7 +51,9 @@ export * from "../LanguageRegistry/LanguageRegistry.ts";
 export * from "../Link/Link.tsx";
 export * from "../Login/Login.tsx";
 export * from "../MaskIcon/MaskIcon.tsx";
+export * from "../MenuItemRenderer/MenuItemRenderer.ts";
 export * from "../MenuItems/MenuItems.tsx";
+export * from "../MenuItems2/MenuItems2.tsx";
 export * from "../OneEPaper/OneEPaper.tsx";
 export * from "../PostContentBody/PostContentBody.tsx";
 export * from "../PrimaryCategory/PrimaryCategory.tsx";

package/dist/parts/IMenuItem/IMenuItem.d.ts

@@ -0,0 +1,5 @@
+export interface IMenuItem {
+    readonly id: string;
+    readonly name: string;
+    readonly url: string;
+}

package/dist/parts/MenuItemRenderer/MenuItemRenderer.d.ts

@@ -0,0 +1,4 @@
+import type { IMenuItem } from "../IMenuItem/IMenuItem.ts";
+export interface MenuItemRenderer {
+    (item: IMenuItem): React.ReactNode;
+}

package/dist/parts/MenuItems/MenuItems.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated use MenuItems2 instead
+ */
 export declare const MenuItems: ({ menuName }: {
     menuName: string;
 }) => import("react").JSX.Element;

package/dist/parts/MenuItems2/MenuItems2.d.ts

@@ -0,0 +1,6 @@
+import type { MenuItemRenderer } from "../MenuItemRenderer/MenuItemRenderer.ts";
+export declare const MenuItems2: ({ menuName, render, noContentFound, }: {
+    menuName: string;
+    noContentFound?: string;
+    render: MenuItemRenderer;
+}) => import("react").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pronto-tools-and-more/components",
-  "version": "12.12.0",
+  "version": "12.13.0",
   "description": "",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",