@pronto-tools-and-more/components 6.22.1 → 6.24.0

package/dist/main.js

@@ -4,6 +4,38 @@ var JsonComponent = ({ json }) => {
   return node;
 };
 
+// src/parts/MenuItems/MenuItems.tsx
+var MenuItems = ({ menuName }) => {
+  const json = {
+    dataSource: {
+      type: "menu",
+      filter: {
+        name: {
+          value: menuName
+        }
+      }
+    },
+    type: "menu",
+    template: "STATIC"
+  };
+  return /* @__PURE__ */ React.createElement(JsonComponent, { json });
+};
+
+// src/parts/FooterItemsList/FooterItemsList.tsx
+var FooterItemsList = ({
+  className,
+  menuName = ""
+} = {}) => {
+  const fullClassName = `FooterItemsList ${className}`;
+  return /* @__PURE__ */ React.createElement("div", { className: fullClassName }, /* @__PURE__ */ React.createElement(MenuItems, { menuName }));
+};
+
+// src/parts/Link/Link.tsx
+var Link = () => {
+  const json = {};
+  return /* @__PURE__ */ React.createElement(JsonComponent, { json });
+};
+
 // src/parts/Login/Login.tsx
 var Login = () => {
   const json = {
@@ -12,19 +44,23 @@ var Login = () => {
   return /* @__PURE__ */ React.createElement(JsonComponent, { json });
 };
 
-// src/parts/MenuItems/MenuItems.tsx
-var MenuItems = ({ menuName }) => {
+// src/parts/PostContentBody/PostContentBody.tsx
+var PostContentBody = () => {
   const json = {
+    type: "content-body",
+    id: "post-content-body",
+    customBlocks: [],
+    class: ["post-content-service"],
     dataSource: {
-      type: "menu",
+      type: "content",
+      preventSSRCache: true,
       filter: {
-        name: {
-          value: menuName
+        id: {
+          value: "$context.content.id"
         }
       }
     },
-    type: "menu",
-    template: "STATIC"
+    isLazy: false
   };
   return /* @__PURE__ */ React.createElement(JsonComponent, { json });
 };
@@ -38,9 +74,139 @@ var SearchField = () => {
   };
   return /* @__PURE__ */ React.createElement(JsonComponent, { json });
 };
+
+// src/parts/SearchLink/SearchLink.tsx
+var SearchLink = ({ message } = {}) => {
+  const json = {
+    type: "button",
+    tap: {
+      type: "navigate",
+      path: "suche"
+    },
+    message,
+    buttonClass: "search",
+    id: "button-search"
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "SearchLink" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
+};
+
+// src/parts/SearchResults/SearchResults.tsx
+var SearchResults = () => {
+  const json = {
+    content: {
+      type: "search-result",
+      pageHitExcerptMessage: "test",
+      coverHeight: "FIXED",
+      tapPageHit: {
+        type: "openContent"
+      },
+      tapCover: {
+        type: "openContent"
+      },
+      class: "issue-card issue-card--overline-in-page-hit-excerpt-message",
+      template: "feed",
+      renderProperties: ["authors"]
+    },
+    dataSource: {
+      phrase: "$context.phrase",
+      type: "search-result",
+      filter: {
+        AND: [
+          {
+            OR: [
+              {
+                contentType: {
+                  value: "POST"
+                }
+              },
+              {
+                contentType: {
+                  value: "BUNDLE"
+                }
+              }
+            ]
+          },
+          {
+            postType: {
+              value: "post"
+            }
+          },
+          {
+            condition: {
+              value: "$context.issue-age",
+              compareValue: "day"
+            },
+            age: {
+              count: 1,
+              unit: "DAY"
+            }
+          },
+          {
+            condition: {
+              value: "$context.issue-age",
+              compareValue: "week"
+            },
+            age: {
+              count: 1,
+              unit: "WEEK"
+            }
+          },
+          {
+            condition: {
+              value: "$context.issue-age",
+              compareValue: "month"
+            },
+            age: {
+              count: 1,
+              unit: "MONTH"
+            }
+          },
+          {
+            condition: {
+              value: "$context.issue-age",
+              compareValue: "year"
+            },
+            age: {
+              count: 1,
+              unit: "YEAR"
+            }
+          }
+        ]
+      },
+      contextKey: "searchResults",
+      searchOptions: {
+        sortBy: "PUB_DATE_DESC",
+        findAll: true
+      },
+      limitCharactersBeforeHit: 70,
+      legacyMode: {
+        mapPostToIssue: true,
+        unwrapBundles: true
+      }
+    },
+    type: "list",
+    class: "schlauch-section",
+    emptyMessage: {
+      message: "SEARCH_RESULT_NO_RESULT",
+      variables: ["$context.phrase"]
+    },
+    errorMessage: "SEARCH_ERROR",
+    errorButtonLabel: "SEARCH_ERROR_RETRY",
+    template: "grid",
+    tapEntry: {
+      type: "openContent"
+    }
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "SearchResults" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
+};
 export {
+  FooterItemsList,
   JsonComponent,
+  Link,
   Login,
   MenuItems,
-  SearchField
+  PostContentBody,
+  SearchField,
+  SearchLink,
+  SearchResults
 };

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

@@ -1,4 +1,9 @@
+export * from "../FooterItemsList/FooterItemsList.tsx";
 export * from "../JsonComponent/JsonComponent.tsx";
+export * from "../Link/Link.tsx";
 export * from "../Login/Login.tsx";
 export * from "../MenuItems/MenuItems.tsx";
+export * from "../PostContentBody/PostContentBody.tsx";
 export * from "../SearchField/SearchField.tsx";
+export * from "../SearchLink/SearchLink.tsx";
+export * from "../SearchResults/SearchResults.tsx";

package/dist/parts/FooterItemsList/FooterItemsList.d.ts

@@ -0,0 +1,4 @@
+export declare const FooterItemsList: ({ className, menuName, }?: {
+    className?: string;
+    menuName?: string;
+}) => import("react").JSX.Element;

package/dist/parts/Link/Link.d.ts

@@ -0,0 +1 @@
+export declare const Link: () => import("react").JSX.Element;

package/dist/parts/PostContentBody/PostContentBody.d.ts

@@ -0,0 +1 @@
+export declare const PostContentBody: () => import("react").JSX.Element;

package/dist/parts/SearchLink/SearchLink.d.ts

@@ -0,0 +1,3 @@
+export declare const SearchLink: ({ message }?: {
+    message?: string;
+}) => import("react").JSX.Element;

package/dist/parts/SearchResults/SearchResults.d.ts

@@ -0,0 +1 @@
+export declare const SearchResults: () => import("react").JSX.Element;

package/package.json

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

package/src/parts/Components/Components.tsx

@@ -1,4 +1,9 @@
+export * from "../FooterItemsList/FooterItemsList.tsx";
 export * from "../JsonComponent/JsonComponent.tsx";
+export * from "../Link/Link.tsx";
 export * from "../Login/Login.tsx";
 export * from "../MenuItems/MenuItems.tsx";
+export * from "../PostContentBody/PostContentBody.tsx";
 export * from "../SearchField/SearchField.tsx";
+export * from "../SearchLink/SearchLink.tsx";
+export * from "../SearchResults/SearchResults.tsx";

package/src/parts/FooterItemsList/FooterItemsList.tsx

@@ -0,0 +1,13 @@
+import { MenuItems } from "../MenuItems/MenuItems.tsx";
+
+export const FooterItemsList = ({
+  className,
+  menuName = "",
+}: { className?: string; menuName?: string } = {}) => {
+  const fullClassName = `FooterItemsList ${className}`;
+  return (
+    <div className={fullClassName}>
+      <MenuItems menuName={menuName} />
+    </div>
+  );
+};

package/src/parts/Link/Link.tsx

@@ -0,0 +1,6 @@
+import { JsonComponent } from "../JsonComponent/JsonComponent.tsx";
+
+export const Link = () => {
+  const json = {};
+  return <JsonComponent json={json} />;
+};

package/src/parts/PostContentBody/PostContentBody.tsx

@@ -0,0 +1,21 @@
+import { JsonComponent } from "../JsonComponent/JsonComponent.tsx";
+
+export const PostContentBody = () => {
+  const json = {
+    type: "content-body",
+    id: "post-content-body",
+    customBlocks: [],
+    class: ["post-content-service"],
+    dataSource: {
+      type: "content",
+      preventSSRCache: true,
+      filter: {
+        id: {
+          value: "$context.content.id",
+        },
+      },
+    },
+    isLazy: false,
+  };
+  return <JsonComponent json={json} />;
+};

package/src/parts/SearchLink/SearchLink.tsx

@@ -0,0 +1,19 @@
+import { JsonComponent } from "../JsonComponent/JsonComponent.tsx";
+
+export const SearchLink = ({ message }: { message?: string } = {}) => {
+  const json = {
+    type: "button",
+    tap: {
+      type: "navigate",
+      path: "suche",
+    },
+    message,
+    buttonClass: "search",
+    id: "button-search",
+  };
+  return (
+    <div className="SearchLink">
+      <JsonComponent json={json} />
+    </div>
+  );
+};

package/src/parts/SearchResults/SearchResults.tsx

@@ -0,0 +1,114 @@
+import { JsonComponent } from "../JsonComponent/JsonComponent.tsx";
+
+export const SearchResults = () => {
+  const json = {
+    content: {
+      type: "search-result",
+      pageHitExcerptMessage: "test",
+      coverHeight: "FIXED",
+      tapPageHit: {
+        type: "openContent",
+      },
+      tapCover: {
+        type: "openContent",
+      },
+      class: "issue-card issue-card--overline-in-page-hit-excerpt-message",
+      template: "feed",
+      renderProperties: ["authors"],
+    },
+    dataSource: {
+      phrase: "$context.phrase",
+      type: "search-result",
+      filter: {
+        AND: [
+          {
+            OR: [
+              {
+                contentType: {
+                  value: "POST",
+                },
+              },
+              {
+                contentType: {
+                  value: "BUNDLE",
+                },
+              },
+            ],
+          },
+          {
+            postType: {
+              value: "post",
+            },
+          },
+          {
+            condition: {
+              value: "$context.issue-age",
+              compareValue: "day",
+            },
+            age: {
+              count: 1,
+              unit: "DAY",
+            },
+          },
+          {
+            condition: {
+              value: "$context.issue-age",
+              compareValue: "week",
+            },
+            age: {
+              count: 1,
+              unit: "WEEK",
+            },
+          },
+          {
+            condition: {
+              value: "$context.issue-age",
+              compareValue: "month",
+            },
+            age: {
+              count: 1,
+              unit: "MONTH",
+            },
+          },
+          {
+            condition: {
+              value: "$context.issue-age",
+              compareValue: "year",
+            },
+            age: {
+              count: 1,
+              unit: "YEAR",
+            },
+          },
+        ],
+      },
+      contextKey: "searchResults",
+      searchOptions: {
+        sortBy: "PUB_DATE_DESC",
+        findAll: true,
+      },
+      limitCharactersBeforeHit: 70,
+      legacyMode: {
+        mapPostToIssue: true,
+        unwrapBundles: true,
+      },
+    },
+    type: "list",
+    class: "schlauch-section",
+    emptyMessage: {
+      message: "SEARCH_RESULT_NO_RESULT",
+      variables: ["$context.phrase"],
+    },
+    errorMessage: "SEARCH_ERROR",
+    errorButtonLabel: "SEARCH_ERROR_RETRY",
+    template: "grid",
+    tapEntry: {
+      type: "openContent",
+    },
+  };
+  return (
+    <div className="SearchResults">
+      <JsonComponent json={json} />
+    </div>
+  );
+};