@pronto-tools-and-more/components 14.14.0 → 14.16.0

package/dist/main.js

@@ -6,7 +6,7 @@ var JsonComponent = ({ json }) => {
 
 // src/parts/ArticleAuthors/ArticleAuthors.tsx
 var unrender = (element, renderElement) => {
-  const { render, unrender: unrender15, ...rest } = element;
+  const { render, unrender: unrender16, ...rest } = element;
   const node = render({
     id: `$functions.id($context, 'context', 'id')`,
     name: `$functions.id($context, 'context', 'name')`,
@@ -188,6 +188,9 @@ var getArticleListDataSource = ({
   asContext
 }) => {
   if (contextId) {
+    if (!contextId.startsWith("$context.") && !contextId.startsWith("$functions.")) {
+      throw new Error(`context id must start with $context or $functions.`);
+    }
     const dataSource2 = {
       type: "context",
       data: contextId,
@@ -383,7 +386,7 @@ var ArticleList = ({
 
 // src/parts/Author/Author.tsx
 var unrender3 = (element, renderElement) => {
-  const { render, unrender: unrender15, ...rest } = element;
+  const { render, unrender: unrender16, ...rest } = element;
   const node = render({
     id: `$functions.id($context, 'taxonomy', 'id')`,
     name: `$functions.id($context, 'taxonomy', 'name')`,
@@ -507,7 +510,7 @@ var Button = ({
 
 // src/parts/CategoryList/CategoryList.tsx
 var unrender4 = (element, renderElement) => {
-  const { render, unrender: unrender15, ...rest } = element;
+  const { render, unrender: unrender16, ...rest } = element;
   const node = render({
     id: `$functions.id($context, 'context', 'id')`,
     name: `$functions.id($context, 'context', 'name')`,
@@ -1117,8 +1120,40 @@ var HubspotForm = ({ hubspotUrl }) => {
   return /* @__PURE__ */ React.createElement("div", { className: "HubspotForm" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
 };
 
+// src/parts/If/If.tsx
+var unrender8 = ({ condition, render }, renderElement) => {
+  const [node] = render();
+  if (!node) {
+    throw new Error("child node is required");
+  }
+  const final = renderElement(node);
+  const finalOuter = {
+    ...final,
+    type: "section",
+    condition: {
+      value: `$functions.evaluateCondition(${condition})`,
+      compareValue: "yes"
+    }
+  };
+  return finalOuter;
+};
+var If = ({
+  condition,
+  children
+}) => {
+  const json = {
+    children,
+    condition,
+    render() {
+      return children;
+    },
+    unrender: unrender8
+  };
+  return /* @__PURE__ */ React.createElement(JsonComponent, { json });
+};
+
 // src/parts/IfLength/IfLength.tsx
-var unrender8 = (element, renderElement) => {
+var unrender9 = (element, renderElement) => {
   const { render, children, ...rest } = element;
   const node = render();
   const final = renderElement(node[0]);
@@ -1135,7 +1170,7 @@ var IfLength = ({
     render() {
       return children;
     },
-    unrender: unrender8,
+    unrender: unrender9,
     type: "section",
     content: [],
     condition: {
@@ -1255,7 +1290,7 @@ var MaskIcon = ({ src }) => {
 };
 
 // src/parts/MenuItems2/MenuItems2.tsx
-var unrender9 = (element, renderElement) => {
+var unrender10 = (element, renderElement) => {
   const { render, language, ...rest } = element;
   const contentKey = "'context'";
   const node = render({
@@ -1294,7 +1329,7 @@ var MenuItems2 = ({
   };
   const json = {
     render,
-    unrender: unrender9,
+    unrender: unrender10,
     dataSource,
     type: "list",
     tapEntry: {
@@ -1327,7 +1362,7 @@ var MenuItems2 = ({
 };
 
 // src/parts/OneEPaper/OneEPaper.tsx
-var unrender10 = (element, renderElement) => {
+var unrender11 = (element, renderElement) => {
   const { render, ...rest } = element;
   const node = render({
     id: `$functions.id($context, 'issue', 'id')`,
@@ -1418,15 +1453,15 @@ var OneEPaper = ({
     },
     type: "list",
     render,
-    unrender: unrender10,
+    unrender: unrender11,
     emptyMessage: noContentFound
   };
   return /* @__PURE__ */ React.createElement("div", { className: "OneEpaper" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
 };
 
 // src/parts/PostContentBody/PostContentBody.tsx
-var unrender11 = (element, renderElement) => {
-  const { render, unrender: unrender15, customBlocks, ...rest } = element;
+var unrender12 = (element, renderElement) => {
+  const { render, unrender: unrender16, customBlocks, ...rest } = element;
   const actualBlocks = customBlocks || [];
   const renderedBlocks = actualBlocks.map((block) => {
     if (block.render && block.props) {
@@ -1454,7 +1489,7 @@ var PostContentBody = ({
 } = {}) => {
   const json = {
     render: {},
-    unrender: unrender11,
+    unrender: unrender12,
     type: "content-body",
     id: "post-content-body",
     customBlocks,
@@ -1474,7 +1509,7 @@ var PostContentBody = ({
 };
 
 // src/parts/PrimaryCategory/PrimaryCategory.tsx
-var unrender12 = (element, renderElement) => {
+var unrender13 = (element, renderElement) => {
   const { render, category } = element;
   const node = render(category);
   const final = renderElement(node);
@@ -1490,7 +1525,7 @@ var PrimaryCategory = ({
   const categoryType = `$functions.getPrimaryCategoryProperty($context["${contentKey ?? "content"}"], 'type')`;
   const json = {
     render,
-    unrender: unrender12,
+    unrender: unrender13,
     category: {
       id: categoryId,
       name: categoryName,
@@ -1649,7 +1684,7 @@ var getImageSrc = (fallbackImage) => {
   }
   return `$functions.id($context, 'search-result', 'issue', 'thumbnails', 'default')`;
 };
-var unrender13 = (element, renderElement) => {
+var unrender14 = (element, renderElement) => {
   const { render, fallbackImage, ...rest } = element;
   const node = render({
     title: "$functions.id($context, 'search-result', 'issue', 'name')",
@@ -1742,7 +1777,7 @@ var SearchResultsNews = ({
   }
   const json = {
     render,
-    unrender: unrender13,
+    unrender: unrender14,
     fallbackImage,
     dataSource: {
       phrase: "$context.phrase",
@@ -1977,7 +2012,7 @@ var SubscriptionLink = ({ message } = {}) => {
 };
 
 // src/parts/TagList/TagList.tsx
-var unrender14 = (element, renderElement) => {
+var unrender15 = (element, renderElement) => {
   const { render, ...rest } = element;
   const node = render({
     id: `$functions.id($context, 'context', 'id')`,
@@ -2004,7 +2039,7 @@ var TagList = ({
 }) => {
   const json = {
     render,
-    unrender: unrender14,
+    unrender: unrender15,
     dataSource: {
       data,
       type: "context",
@@ -2043,6 +2078,7 @@ export {
   Heading,
   HighlightedEPaper,
   HubspotForm,
+  If,
   IfLength,
   Image,
   JsonComponent,

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

@@ -43,6 +43,7 @@ export * from "../IAuthorItem/IAuthorItem.ts";
 export * from "../IBookmarkInfo/IBookmarkInfo.ts";
 export * from "../ICategoryItem/ICategoryItem.ts";
 export * from "../IDossierListItem/IDossierListItem.ts";
+export * from "../If/If.tsx";
 export * from "../IfLength/IfLength.tsx";
 export * from "../IFooterSocialLink/IFooterSocialLink.ts";
 export * from "../Image/Image.tsx";

package/dist/parts/If/If.d.ts

@@ -0,0 +1,4 @@
+export declare const If: ({ condition, children, }: {
+    condition: string;
+    children: React.ReactNode;
+}) => import("react").JSX.Element;

package/package.json

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