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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pronto-tools-and-more/components",
-  "version": "6.27.0",
+  "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/CreateFakeSection/CreateFakeSection.ts

@@ -1,8 +0,0 @@
-import * as FakeNode from "../FakeNode/FakeNode.ts";
-
-export const createFakeSection = (children) => {
-  return {
-    type: "section",
-    content: [FakeNode.fakeNode, ...children],
-  };
-};

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/FakeNode/FakeNode.ts

@@ -1,6 +0,0 @@
-// fake node (to allow using normal html)
-export const fakeNode = {
-  type: "html",
-  tag: "div",
-  content: '<img src="x" onerror="globalThis.fixRender(this)" />',
-};

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/HasComplexChildren/HasComplexChildren.ts

@@ -1,7 +0,0 @@
-const isComplex = (child) => {
-  return typeof child !== "string";
-};
-
-export const hasComplexChildren = (children) => {
-  return children.some(isComplex);
-};

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/ISearchResult/ISearchResult.tsx

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

package/src/parts/ISearchResultComponent/ISearchResultComponent.tsx

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

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,118 +0,0 @@
-import { ISearchResult } from "../ISearchResult/ISearchResult.tsx";
-import type { ISearchResultComponent } from "../ISearchResultComponent/ISearchResultComponent.tsx";
-import { JsonComponent } from "../JsonComponent/JsonComponent.tsx";
-import * as UnwrapComponent from "../UnwrapComponent/UnwrapComponent.tsx";
-
-export const SearchResults = ({
-  SearchResult,
-}: {
-  SearchResult: ISearchResultComponent;
-}) => {
-  const searchResult: ISearchResult = {
-    description: "abc",
-    label: "abc",
-    readtime: "",
-    title: "$context.title",
-    imageSrc: "",
-  };
-  const unwrapped = UnwrapComponent.unwrapComponent(
-    <SearchResult item={searchResult} />
-  );
-  const json = {
-    content: unwrapped,
-    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",
-  };
-};

package/src/parts/UnwrapComponent/UnwrapComponent.tsx

@@ -1,98 +0,0 @@
-import type React from "react";
-import * as HasComplexChildren from "../HasComplexChildren/HasComplexChildren.ts";
-import * as CreateFakeSection from "../CreateFakeSection/CreateFakeSection.ts";
-
-export const createElement = (tag, props, ...children) => {
-  return {
-    tag,
-    props,
-    children,
-  };
-};
-
-const getComponentChildren = (element: any, componentProps: any) => {
-  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 [];
-};
-
-const getComponentProperties = (element: any) => {
-  // @ts-ignore
-  const componentType = element.type;
-  // @ts-ignore
-  const componentProps = element.props;
-  //@ts-ignore
-  const componentChildren = getComponentChildren(element, componentProps);
-  return {
-    componentType,
-    componentProps,
-    componentChildren,
-  };
-};
-
-export const unwrapComponent = (element: React.ReactNode) => {
-  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 hasComplexChildren =
-      HasComplexChildren.hasComplexChildren(componentChildren);
-    const renderedChildren = hasComplexChildren
-      ? componentChildren.map(unwrapComponent)
-      : [];
-    const content = hasComplexChildren ? "" : componentChildren[0] || "";
-    const props = componentProps ? componentProps : {};
-
-    return CreateFakeSection.createFakeSection([
-      {
-        type: "html",
-        tag: componentType,
-        content,
-      },
-      ...renderedChildren,
-    ]);
-  }
-  if (componentType) {
-    return {
-      type: "TODO",
-    };
-  }
-  return {};
-};