@pronto-tools-and-more/components 6.20.0 → 6.23.0

package/dist/main.d.ts

@@ -0,0 +1 @@
+export * from "./parts/Components/Components.tsx";

package/dist/main.js

@@ -0,0 +1,201 @@
+// src/parts/JsonComponent/JsonComponent.tsx
+var JsonComponent = ({ json }) => {
+  const node = json;
+  return node;
+};
+
+// src/parts/Link/Link.tsx
+var Link = () => {
+  const json = {};
+  return /* @__PURE__ */ React.createElement(JsonComponent, { json });
+};
+
+// src/parts/Login/Login.tsx
+var Login = () => {
+  const json = {
+    type: "login"
+  };
+  return /* @__PURE__ */ React.createElement(JsonComponent, { json });
+};
+
+// 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/PostContentBody/PostContentBody.tsx
+var 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 /* @__PURE__ */ React.createElement(JsonComponent, { json });
+};
+
+// src/parts/SearchField/SearchField.tsx
+var SearchField = () => {
+  const json = {
+    type: "search-field",
+    className: "searchfield",
+    key: ""
+  };
+  return /* @__PURE__ */ React.createElement(JsonComponent, { json });
+};
+
+// src/parts/SearchLink/SearchLink.tsx
+var SearchLink = () => {
+  const json = {
+    type: "button",
+    tap: {
+      type: "navigate",
+      path: "suche"
+    },
+    buttonClass: "search",
+    id: "button-search"
+  };
+  return /* @__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(JsonComponent, { json });
+};
+export {
+  JsonComponent,
+  Link,
+  Login,
+  MenuItems,
+  PostContentBody,
+  SearchField,
+  SearchLink,
+  SearchResults
+};

package/dist/parts/AppBar/AppBar.d.ts

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

package/dist/parts/Button/Button.d.ts

@@ -0,0 +1,10 @@
+export declare const Button: ({ message }: {
+    message: string;
+}) => {
+    type: string;
+    message: string;
+    tap: {
+        type: string;
+        path: string;
+    };
+};

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

@@ -0,0 +1,8 @@
+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/EPapers/EPapers.d.ts

@@ -0,0 +1,24 @@
+export declare const EPapers: () => {
+    content: {
+        type: string;
+        descriptionMessage: string;
+        customMessages: never[];
+        tapCover: {
+            type: string;
+            mode: string;
+            titleBar: boolean;
+        };
+    };
+    dataSource: {
+        type: string;
+        sort: {
+            publicationDate: {
+                direction: string;
+            };
+        }[];
+        batchSize: number;
+    };
+    type: string;
+    class: string;
+    template: string;
+};

package/dist/parts/Home/Home.d.ts

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

package/dist/parts/IssueList/IssueList.d.ts

@@ -0,0 +1,27 @@
+export declare const IssueList: () => {
+    content: {
+        type: string;
+        template: string;
+        downloadOptions: {
+            buttonType: string;
+            progressType: string;
+        };
+        openContent: {};
+        tapCover: {
+            type: string;
+            mode: string;
+            titleBar: boolean;
+        };
+    };
+    dataSource: {
+        type: string;
+        sort: {
+            publicationDate: {
+                direction: string;
+            };
+        }[];
+        limit: number;
+    };
+    type: string;
+    template: string;
+};

package/dist/parts/JsonComponent/JsonComponent.d.ts

@@ -0,0 +1,4 @@
+import type React from "react";
+export declare const JsonComponent: ({ json }: {
+    json: any;
+}) => React.ReactElement;

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

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

package/dist/parts/Login/Login.d.ts

@@ -0,0 +1,2 @@
+import type React from "react";
+export declare const Login: () => React.ReactNode;

package/dist/parts/Main/Main.d.ts

@@ -0,0 +1 @@
+export * from "../Components/Components.tsx";

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

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

package/dist/parts/MockReact/MockReact.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/parts/MostRead/MostRead.d.ts

@@ -0,0 +1,41 @@
+export declare const MostRead: ({ limit }: {
+    limit?: number | undefined;
+}) => {
+    content: {
+        type: string;
+        issueContextKey: string;
+        template: string;
+        descriptionMessage: string;
+        class: string;
+        hideComponents: {
+            publication: boolean;
+            tags: boolean;
+            categories: boolean;
+            publicationDate: boolean;
+            cover: boolean;
+            properties: boolean;
+            description: boolean;
+        };
+    };
+    dataSource: {
+        type: string;
+        filter: {
+            AND: ({
+                contentType: {
+                    value: string;
+                };
+                postType?: undefined;
+            } | {
+                postType: {
+                    value: string;
+                };
+                contentType?: undefined;
+            })[];
+        };
+        limit: number;
+    };
+    type: string;
+    tapEntry: {
+        type: string;
+    };
+};

package/dist/parts/NoSearchResults/NoSearchResults.d.ts

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

package/dist/parts/Parts/Parts.d.ts

@@ -0,0 +1,10 @@
+export * from "../AppBar/AppBar.tsx";
+export * from "../Button/Button.tsx";
+export * from "../EPapers/EPapers.tsx";
+export * from "../Home/Home.tsx";
+export * from "../IssueList/IssueList.tsx";
+export * from "../Login/Login.tsx";
+export * from "../MostRead/MostRead.tsx";
+export * from "../NoSearchResults/NoSearchResults.tsx";
+export * from "../SearchField/SearchField.tsx";
+export * from "../Swiper/Swiper.tsx";

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

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

package/dist/parts/React/React.d.ts

@@ -0,0 +1,7 @@
+export declare const React: {
+    createElement(tag: any, props: any, children: any): {
+        tag: any;
+        props: any;
+        children: any;
+    };
+};

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

@@ -0,0 +1,2 @@
+import type React from "react";
+export declare const SearchField: () => React.ReactElement;

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

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

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

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

package/dist/parts/Swiper/Swiper.d.ts

@@ -0,0 +1,9 @@
+export declare const Swiper: () => {
+    type: string;
+    effect: string;
+    loop: boolean;
+    pagination: boolean;
+    centeredSlides: boolean;
+    param: string;
+    paramScope: string;
+};

package/package.json

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

package/src/parts/Components/Components.tsx

@@ -1,4 +1,8 @@
 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/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/SearchField/SearchField.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 import { JsonComponent } from "../JsonComponent/JsonComponent.tsx";
 
 export const SearchField = (): React.ReactElement => {

package/src/parts/SearchLink/SearchLink.tsx

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

package/src/parts/SearchResults/SearchResults.tsx

@@ -0,0 +1,110 @@
+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 <JsonComponent json={json} />;
+};