@pronto-tools-and-more/components 5.3.3

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@pronto-tools-and-more/components",
+  "version": "5.3.3",
+  "description": "",
+  "main": "src/main.js",
+  "type": "module",
+  "scripts": {
+    "test": "echo ok",
+    "type-check": "tsc"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "devDependencies": {
+    "@types/node": "^22.5.0",
+    "@types/react": "^18.3.4"
+  }
+}

package/src/main.ts

@@ -0,0 +1,3 @@
+import * as Main from "./parts/Main/Main.tsx";
+
+Main.main();

package/src/parts/AppBar/AppBar.tsx

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

package/src/parts/Button/Button.tsx

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

package/src/parts/EPapers/EPapers.tsx

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

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

package/src/parts/IssueList/IssueList.tsx

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

@@ -0,0 +1,5 @@
+export const Login = () => {
+  return {
+    type: "login",
+  };
+};

package/src/parts/Main/Main.tsx

@@ -0,0 +1 @@
+export const main = () => {};

package/src/parts/MostRead/MostRead.tsx

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

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

package/src/parts/Parts/Parts.tsx

@@ -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/src/parts/React/React.tsx

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

package/src/parts/SearchField/SearchField.tsx

@@ -0,0 +1,6 @@
+export const SearchField = () => {
+  return {
+    type: "search-field",
+    className: "searchfield",
+  };
+};

package/src/parts/Swiper/Swiper.tsx

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