@pronto-tools-and-more/components 6.26.3 → 6.28.0

package/dist/main.js

@@ -119,23 +119,116 @@ var SearchLink = ({ message } = {}) => {
   return /* @__PURE__ */ React.createElement("div", { className: "SearchLink" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
 };
 
+// src/parts/HasComplexChildren/HasComplexChildren.ts
+var isComplex = (child) => {
+  return typeof child !== "string";
+};
+var hasComplexChildren = (children) => {
+  return children.some(isComplex);
+};
+
+// src/parts/FakeNode/FakeNode.ts
+var fakeNode = {
+  type: "html",
+  tag: "div",
+  content: '<img src="x" onerror="globalThis.fixRender(this)" />'
+};
+
+// src/parts/CreateFakeSection/CreateFakeSection.ts
+var createFakeSection = (children) => {
+  return {
+    type: "section",
+    content: [fakeNode, ...children]
+  };
+};
+
+// src/parts/UnwrapComponent/UnwrapComponent.tsx
+var getComponentChildren = (element, componentProps) => {
+  if (componentProps && componentProps.children) {
+    if (typeof componentProps.children === "string") {
+      return [componentProps.children];
+    }
+    return componentProps.children;
+  }
+  if (element && element.children) {
+    if (typeof element.children === "string") {
+      return [element.children];
+    }
+    return element.children;
+  }
+  return [];
+};
+var getComponentProperties = (element) => {
+  const componentType = element.type;
+  const componentProps = element.props;
+  const componentChildren = getComponentChildren(element, componentProps);
+  return {
+    componentType,
+    componentProps,
+    componentChildren
+  };
+};
+var unwrapComponent = (element) => {
+  if (!element) {
+    return {
+      type: "html",
+      tag: "div",
+      content: `Unknown component`
+    };
+  }
+  if (typeof element === "string" || typeof element === "number" || typeof element === "boolean") {
+    return {
+      type: "html",
+      tag: "div",
+      content: `${element}`
+    };
+  }
+  const { componentChildren, componentProps, componentType } = getComponentProperties(element);
+  if (typeof componentType === "function") {
+    const vnode = componentType({
+      ...componentProps
+    });
+    const rendered = unwrapComponent(vnode);
+    return rendered;
+  }
+  if (typeof componentType === "string") {
+    const hasComplexChildren2 = hasComplexChildren(componentChildren);
+    const renderedChildren = hasComplexChildren2 ? componentChildren.map(unwrapComponent) : [];
+    const content = hasComplexChildren2 ? "" : componentChildren[0] || "";
+    const props = componentProps ? componentProps : {};
+    return createFakeSection([
+      {
+        type: "html",
+        tag: componentType,
+        content
+      },
+      ...renderedChildren
+    ]);
+  }
+  if (componentType) {
+    return {
+      type: "TODO"
+    };
+  }
+  return {};
+};
+
 // src/parts/SearchResults/SearchResults.tsx
-var SearchResults = () => {
+var SearchResults = ({
+  SearchResult
+}) => {
+  const searchResult = {
+    description: "abc",
+    label: "abc",
+    readtime: "",
+    title: "$context.title",
+    imageSrc: ""
+  };
+  const unwrapped = unwrapComponent(
+    /* @__PURE__ */ React.createElement(SearchResult, { item: searchResult })
+  );
   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"]
-    },
+    content: unwrapped,
     dataSource: {
       phrase: "$context.phrase",
       type: "search-result",

package/dist/parts/CreateFakeSection/CreateFakeSection.d.ts

@@ -0,0 +1,4 @@
+export declare const createFakeSection: (children: any) => {
+    type: string;
+    content: any[];
+};

package/dist/parts/FakeNode/FakeNode.d.ts

@@ -0,0 +1,5 @@
+export declare const fakeNode: {
+    type: string;
+    tag: string;
+    content: string;
+};

package/dist/parts/HasComplexChildren/HasComplexChildren.d.ts

@@ -0,0 +1 @@
+export declare const hasComplexChildren: (children: any) => any;

package/dist/parts/ISearchResult/ISearchResult.d.ts

@@ -0,0 +1,7 @@
+export interface ISearchResult {
+    readonly label: string;
+    readonly readtime: string;
+    readonly title: string;
+    readonly description: string;
+    readonly imageSrc: string;
+}

package/dist/parts/ISearchResultComponent/ISearchResultComponent.d.ts

@@ -0,0 +1,7 @@
+import type React from "react";
+import type { ISearchResult } from "../ISearchResult/ISearchResult.tsx";
+export interface ISearchResultComponent {
+    ({ item }: {
+        item: ISearchResult;
+    }): React.ReactNode;
+}

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

@@ -1 +1,4 @@
-export declare const SearchResults: () => import("react").JSX.Element;
+import type { ISearchResultComponent } from "../ISearchResultComponent/ISearchResultComponent.tsx";
+export declare const SearchResults: ({ SearchResult, }: {
+    SearchResult: ISearchResultComponent;
+}) => import("react").JSX.Element;

package/dist/parts/UnwrapComponent/UnwrapComponent.d.ts

@@ -0,0 +1,7 @@
+import type React from "react";
+export declare const createElement: (tag: any, props: any, ...children: any[]) => {
+    tag: any;
+    props: any;
+    children: any[];
+};
+export declare const unwrapComponent: (element: React.ReactNode) => any;

package/package.json

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

package/src/main.ts

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

package/src/parts/AppBar/AppBar.tsx

@@ -1,3 +0,0 @@
-export const AppBar = () => {
-  return <div className="AppBar">hello from appbar</div>;
-};

package/src/parts/Button/Button.tsx

@@ -1,10 +0,0 @@
-export const Button = ({ message }: { message: string }) => {
-  return {
-    type: "button",
-    message,
-    tap: {
-      type: "navigate",
-      path: "epaper",
-    },
-  };
-};

package/src/parts/Components/Components.tsx

@@ -1,12 +0,0 @@
-export * from "../EPaperLink/EPaperLink.tsx";
-export * from "../FooterItemsList/FooterItemsList.tsx";
-export * from "../HeaderMenuItems/HeaderMenuItems.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";
-export * from "../SubscriptionLink/SubscriptionLink.tsx";

package/src/parts/EPaperLink/EPaperLink.tsx

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

package/src/parts/EPapers/EPapers.tsx

@@ -1,28 +0,0 @@
-export const EPapers = () => {
-  return {
-    content: {
-      type: "issue",
-      descriptionMessage: "",
-      customMessages: [],
-      tapCover: {
-        type: "openContent",
-        mode: "MODAL",
-        titleBar: true,
-      },
-    },
-    dataSource: {
-      type: "issue",
-      sort: [
-        {
-          publicationDate: {
-            direction: "ASC",
-          },
-        },
-      ],
-      batchSize: 12,
-    },
-    type: "list",
-    class: "epaper-issues",
-    template: "grid",
-  };
-};

package/src/parts/FooterItemsList/FooterItemsList.tsx

@@ -1,13 +0,0 @@
-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/HeaderMenuItems/HeaderMenuItems.tsx

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

package/src/parts/Home/Home.tsx

@@ -1,9 +0,0 @@
-import { AppBar } from "../AppBar/AppBar.tsx";
-
-export const Home = () => {
-  return (
-    <div>
-      <AppBar />
-    </div>
-  );
-};

package/src/parts/IssueList/IssueList.tsx

@@ -1,31 +0,0 @@
-export const IssueList = () => {
-  return {
-    content: {
-      type: "issue",
-      template: "cover",
-      downloadOptions: {
-        buttonType: "SINGLE",
-        progressType: "RADIAL",
-      },
-      openContent: {},
-      tapCover: {
-        type: "openContent",
-        mode: "MODAL",
-        titleBar: true,
-      },
-    },
-    dataSource: {
-      type: "issue",
-      sort: [
-        {
-          publicationDate: {
-            direction: "DESC",
-          },
-        },
-      ],
-      limit: 3,
-    },
-    type: "list",
-    template: "horizontal",
-  };
-};

package/src/parts/JsonComponent/JsonComponent.tsx

@@ -1,6 +0,0 @@
-import type React from "react";
-
-export const JsonComponent = ({ json }): React.ReactElement => {
-  const node = json as React.ReactElement;
-  return node;
-};

package/src/parts/Link/Link.tsx

@@ -1,17 +0,0 @@
-import { JsonComponent } from "../JsonComponent/JsonComponent.tsx";
-
-export const Link = ({ to, message }: { to: string; message: string }) => {
-  const json = {
-    type: "button",
-    tap: {
-      type: "navigate",
-      path: to,
-    },
-    message,
-  };
-  return (
-    <div className="Link">
-      <JsonComponent json={json} />
-    </div>
-  );
-};

package/src/parts/Login/Login.tsx

@@ -1,9 +0,0 @@
-import type React from "react";
-import { JsonComponent } from "../JsonComponent/JsonComponent.tsx";
-
-export const Login = (): React.ReactNode => {
-  const json = {
-    type: "login",
-  };
-  return <JsonComponent json={json} />;
-};

package/src/parts/Main/Main.tsx

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

package/src/parts/MenuItems/MenuItems.tsx

@@ -1,17 +0,0 @@
-import { JsonComponent } from "../JsonComponent/JsonComponent.tsx";
-
-export const MenuItems = ({ menuName }: { menuName: string }) => {
-  const json = {
-    dataSource: {
-      type: "menu",
-      filter: {
-        name: {
-          value: menuName,
-        },
-      },
-    },
-    type: "menu",
-    template: "STATIC",
-  };
-  return <JsonComponent json={json} />;
-};

package/src/parts/MockReact/MockReact.tsx

@@ -1,21 +0,0 @@
-import { jest } from "@jest/globals";
-
-// jest.unstable_mockModule("react", () => {
-//   return {
-//     createElement(key, props, children) {
-//       return {
-//         key,
-//         props,
-//         children,
-//       };
-//     },
-//   };
-// });
-
-// jest.unstable_mockModule("react/jsx-runtime", () => {
-//   return {
-//     jsx(fn, props) {
-//       return fn(props);
-//     },
-//   };
-// });

package/src/parts/MostRead/MostRead.tsx

@@ -1,42 +0,0 @@
-export const MostRead = ({ limit = 3 }) => {
-  return {
-    content: {
-      type: "issue",
-      issueContextKey: "content",
-      template: "details",
-      descriptionMessage: "",
-      class: "issue-card",
-      hideComponents: {
-        publication: true,
-        tags: true,
-        categories: true,
-        publicationDate: true,
-        cover: true,
-        properties: true,
-        description: false,
-      },
-    },
-    dataSource: {
-      type: "content",
-      filter: {
-        AND: [
-          {
-            contentType: {
-              value: "POST",
-            },
-          },
-          {
-            postType: {
-              value: "post",
-            },
-          },
-        ],
-      },
-      limit,
-    },
-    type: "list",
-    tapEntry: {
-      type: "openContent",
-    },
-  };
-};

package/src/parts/NoSearchResults/NoSearchResults.tsx

@@ -1,15 +0,0 @@
-import { JsonComponent } from "../JsonComponent/JsonComponent.tsx";
-
-export const NoSearchResults = () => {
-  const json = {
-    tag: "p",
-    type: "html",
-    content: "SEARCH_RESULT_NO_SEARCH",
-    class: "no-search",
-    condition: {
-      value: "$context.phrase",
-      operation: "NOT_SET",
-    },
-  };
-  return <JsonComponent json={json} />;
-};

package/src/parts/Parts/Parts.tsx

@@ -1,10 +0,0 @@
-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/src/parts/PostContentBody/PostContentBody.tsx

@@ -1,21 +0,0 @@
-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/React/React.tsx

@@ -1,9 +0,0 @@
-export const React = {
-  createElement(tag, props, children) {
-    return {
-      tag,
-      props,
-      children,
-    };
-  },
-};

package/src/parts/SearchField/SearchField.tsx

@@ -1,14 +0,0 @@
-import type React from "react";
-import { JsonComponent } from "../JsonComponent/JsonComponent.tsx";
-
-export const SearchField = (): React.ReactElement => {
-  const json = {
-    type: "search-field",
-    className: "searchfield",
-  };
-  return (
-    <div className="SearchField">
-      <JsonComponent json={json} />
-    </div>
-  );
-};

package/src/parts/SearchLink/SearchLink.tsx

@@ -1,19 +0,0 @@
-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

@@ -1,114 +0,0 @@
-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>
-  );
-};

package/src/parts/SubscriptionLink/SubscriptionLink.tsx

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

package/src/parts/Swiper/Swiper.tsx

@@ -1,11 +0,0 @@
-export const Swiper = () => {
-  return {
-    type: "swiper",
-    effect: "slide",
-    loop: false,
-    pagination: false,
-    centeredSlides: false,
-    param: "$context.embeddedParams.swiperIndex",
-    paramScope: "USER_ATTRIBUTE",
-  };
-};