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

package/dist/main.js

@@ -4,6 +4,21 @@ var JsonComponent = ({ json }) => {
   return node;
 };
 
+// src/parts/EPaperLink/EPaperLink.tsx
+var EPaperLink = ({ message } = {}) => {
+  const json = {
+    type: "button",
+    tap: {
+      type: "navigate",
+      path: "e-paper"
+    },
+    message,
+    buttonClass: "e-paper",
+    id: "button-epaper"
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "EPaperLink" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
+};
+
 // src/parts/MenuItems/MenuItems.tsx
 var MenuItems = ({ menuName }) => {
   const json = {
@@ -30,10 +45,25 @@ var FooterItemsList = ({
   return /* @__PURE__ */ React.createElement("div", { className: fullClassName }, /* @__PURE__ */ React.createElement(MenuItems, { menuName }));
 };
 
+// src/parts/HeaderMenuItems/HeaderMenuItems.tsx
+var HeaderMenuItems = ({
+  menuName = ""
+} = {}) => {
+  const fullClassName = `HeaderMenuItems`;
+  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 });
+var Link = ({ to, message }) => {
+  const json = {
+    type: "button",
+    tap: {
+      type: "navigate",
+      path: to
+    },
+    message
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "Link" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
 };
 
 // src/parts/Login/Login.tsx
@@ -69,10 +99,9 @@ var PostContentBody = () => {
 var SearchField = () => {
   const json = {
     type: "search-field",
-    className: "searchfield",
-    key: ""
+    className: "searchfield"
   };
-  return /* @__PURE__ */ React.createElement(JsonComponent, { json });
+  return /* @__PURE__ */ React.createElement("div", { className: "SearchField" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
 };
 
 // src/parts/SearchLink/SearchLink.tsx
@@ -199,8 +228,25 @@ var SearchResults = () => {
   };
   return /* @__PURE__ */ React.createElement("div", { className: "SearchResults" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
 };
+
+// src/parts/SubscriptionLink/SubscriptionLink.tsx
+var SubscriptionLink = ({ message } = {}) => {
+  const json = {
+    type: "button",
+    tap: {
+      type: "navigate",
+      path: "subscriptions"
+    },
+    message,
+    buttonClass: "subscriptions",
+    id: "button-subscriptions"
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "SubscriptionLink" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
+};
 export {
+  EPaperLink,
   FooterItemsList,
+  HeaderMenuItems,
   JsonComponent,
   Link,
   Login,
@@ -208,5 +254,6 @@ export {
   PostContentBody,
   SearchField,
   SearchLink,
-  SearchResults
+  SearchResults,
+  SubscriptionLink
 };

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

@@ -1,4 +1,6 @@
+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";
@@ -7,3 +9,4 @@ 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/dist/parts/EPaperLink/EPaperLink.d.ts

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

package/dist/parts/HeaderMenuItems/HeaderMenuItems.d.ts

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

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

@@ -1 +1,4 @@
-export declare const Link: () => import("react").JSX.Element;
+export declare const Link: ({ to, message }: {
+    to: string;
+    message: string;
+}) => import("react").JSX.Element;

package/dist/parts/SubscriptionLink/SubscriptionLink.d.ts

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

package/package.json

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

package/src/parts/Components/Components.tsx

@@ -1,4 +1,6 @@
+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";
@@ -7,3 +9,4 @@ 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

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

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

@@ -1,6 +1,17 @@
 import { JsonComponent } from "../JsonComponent/JsonComponent.tsx";
 
-export const Link = () => {
-  const json = {};
-  return <JsonComponent json={json} />;
+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/SearchField/SearchField.tsx

@@ -5,7 +5,10 @@ export const SearchField = (): React.ReactElement => {
   const json = {
     type: "search-field",
     className: "searchfield",
-    key: "",
   };
-  return <JsonComponent json={json} />;
+  return (
+    <div className="SearchField">
+      <JsonComponent json={json} />
+    </div>
+  );
 };

package/src/parts/SubscriptionLink/SubscriptionLink.tsx

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