@pronto-tools-and-more/components 6.29.0 → 6.31.0

package/dist/main.js

@@ -70,7 +70,11 @@ var HeaderMenuItems = ({
 };
 
 // src/parts/Link/Link.tsx
-var Link = ({ to, message }) => {
+var Link = ({
+  to,
+  message,
+  className
+}) => {
   const json = {
     type: "button",
     tap: {
@@ -79,7 +83,9 @@ var Link = ({ to, message }) => {
     },
     message
   };
-  return /* @__PURE__ */ React.createElement("div", { className: "Link" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
+  const extraClassname = className || "";
+  const fullClassName = `Link ${extraClassname}`;
+  return /* @__PURE__ */ React.createElement("div", { className: fullClassName }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
 };
 
 // src/parts/Login/Login.tsx
@@ -111,6 +117,35 @@ var PostContentBody = () => {
   return /* @__PURE__ */ React.createElement(JsonComponent, { json });
 };
 
+// src/parts/PublicationToggle/PublicationToggle.tsx
+var PublicationToggle = () => {
+  const json = {
+    content: [
+      {
+        content: {
+          type: "button",
+          buttonClass: "PublicationToggleButton",
+          tap: {
+            key: "activePublication",
+            type: "setUserAttribute",
+            value: "$context.publication.id"
+          },
+          message: "$context.publication.name"
+        },
+        dataSource: {
+          type: "publication",
+          filter: {}
+        },
+        type: "list",
+        class: "Toggle storefront-toggle"
+      }
+    ],
+    type: "section",
+    class: "toggle-publication"
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "PublicationToggle" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
+};
+
 // src/parts/SearchField/SearchField.tsx
 var SearchField = () => {
   const json = {
@@ -352,17 +387,39 @@ var SubscriptionLink = ({ message } = {}) => {
   };
   return /* @__PURE__ */ React.createElement("div", { className: "SubscriptionLink" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
 };
+
+// src/parts/Heading/Heading.tsx
+var Heading = ({
+  level,
+  size,
+  text,
+  className = ""
+}) => {
+  const fullClassName = `Heading Heading${size} ${className}`;
+  if (level === 1) {
+    return /* @__PURE__ */ React.createElement("h1", { className: fullClassName }, text);
+  }
+  if (level === 2) {
+    return /* @__PURE__ */ React.createElement("h2", { className: fullClassName }, text);
+  }
+  if (level === 3) {
+    return /* @__PURE__ */ React.createElement("h3", { className: fullClassName }, text);
+  }
+  return /* @__PURE__ */ React.createElement("h4", { className: fullClassName }, text);
+};
 export {
   ContentBody,
   ContentTitle,
   EPaperLink,
   FooterItemsList,
   HeaderMenuItems,
+  Heading,
   JsonComponent,
   Link,
   Login,
   MenuItems,
   PostContentBody,
+  PublicationToggle,
   SearchField,
   SearchLink,
   SearchResults,

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

@@ -8,7 +8,9 @@ export * from "../Link/Link.tsx";
 export * from "../Login/Login.tsx";
 export * from "../MenuItems/MenuItems.tsx";
 export * from "../PostContentBody/PostContentBody.tsx";
+export * from "../PublicationToggle/PublicationToggle.tsx";
 export * from "../SearchField/SearchField.tsx";
 export * from "../SearchLink/SearchLink.tsx";
 export * from "../SearchResults/SearchResults.tsx";
 export * from "../SubscriptionLink/SubscriptionLink.tsx";
+export * from "../Heading/Heading.tsx";

package/dist/parts/Heading/Heading.d.ts

@@ -0,0 +1,6 @@
+export declare const Heading: ({ level, size, text, className, }: {
+    level: 1 | 2 | 3;
+    size: 1 | 2 | 3;
+    text: string;
+    className?: string;
+}) => import("react").JSX.Element;

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

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

package/dist/parts/PublicationToggle/PublicationToggle.d.ts

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

package/package.json

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