@pronto-tools-and-more/components 7.0.0 → 7.2.0

package/dist/main.js

@@ -69,9 +69,33 @@ var FooterItemsList = ({
   return /* @__PURE__ */ React.createElement("div", { className: fullClassName }, /* @__PURE__ */ React.createElement(MenuItems, { menuName }));
 };
 
+// src/parts/FooterSocialLink/FooterSocialLink.tsx
+var FooterSocialLink = ({ item }) => {
+  const iconClass = `MaskIcon MaskIcon${item.label}`;
+  return /* @__PURE__ */ React.createElement("li", { className: "FooterSocialLink" }, /* @__PURE__ */ React.createElement("a", { href: item.url, "aria-label": item.label }, /* @__PURE__ */ React.createElement("div", { className: iconClass })));
+};
+
+// src/parts/FooterSocialLinks/FooterSocialLinks.tsx
+var FooterSocialLinks = ({
+  items
+}) => {
+  return /* @__PURE__ */ React.createElement("ul", { className: "FooterSocialLinks" }, ...items.map((link) => {
+    return /* @__PURE__ */ React.createElement(FooterSocialLink, { item: link });
+  }));
+};
+
 // src/parts/HeaderLogo/HeaderLogo.tsx
 var HeaderLogo = ({ logoPath }) => {
-  return /* @__PURE__ */ React.createElement("a", { href: "/", className: "HeaderLogo" }, /* @__PURE__ */ React.createElement("img", { src: logoPath, alt: "" }));
+  const fullMessage = `<img src="${logoPath}" alt="" />`;
+  const json = {
+    type: "button",
+    tap: {
+      type: "navigate",
+      path: "/"
+    },
+    message: fullMessage
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "HeaderLogo" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
 };
 
 // src/parts/HeaderLogoSection/HeaderLogoSection.tsx
@@ -443,6 +467,8 @@ export {
   ContentTitle,
   EPaperLink,
   FooterItemsList,
+  FooterSocialLink,
+  FooterSocialLinks,
   HeaderLogo,
   HeaderLogoSection,
   HeaderMenuItems,

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

@@ -3,10 +3,13 @@ export * from "../ContentBody/ContentBody.tsx";
 export * from "../ContentTitle/ContentTitle.tsx";
 export * from "../EPaperLink/EPaperLink.tsx";
 export * from "../FooterItemsList/FooterItemsList.tsx";
+export * from "../FooterSocialLink/FooterSocialLink.tsx";
+export * from "../FooterSocialLinks/FooterSocialLinks.tsx";
 export * from "../HeaderLogo/HeaderLogo.tsx";
 export * from "../HeaderLogoSection/HeaderLogoSection.tsx";
 export * from "../HeaderMenuItems/HeaderMenuItems.tsx";
 export * from "../Heading/Heading.tsx";
+export * from "../IFooterSocialLink/IFooterSocialLink.ts";
 export * from "../JsonComponent/JsonComponent.tsx";
 export * from "../Link/Link.tsx";
 export * from "../Login/Login.tsx";

package/dist/parts/FooterSocialLink/FooterSocialLink.d.ts

@@ -0,0 +1,4 @@
+import type { IFooterSocialLink } from "../IFooterSocialLink/IFooterSocialLink.ts";
+export declare const FooterSocialLink: ({ item }: {
+    item: IFooterSocialLink;
+}) => import("react").JSX.Element;

package/dist/parts/FooterSocialLinks/FooterSocialLinks.d.ts

@@ -0,0 +1,4 @@
+import type { IFooterSocialLink } from "../IFooterSocialLink/IFooterSocialLink.ts";
+export declare const FooterSocialLinks: ({ items, }: {
+    items: readonly IFooterSocialLink[];
+}) => import("react").JSX.Element;

package/dist/parts/IFooterSocialLink/IFooterSocialLink.d.ts

@@ -0,0 +1,5 @@
+export interface IFooterSocialLink {
+    readonly image: string;
+    readonly label: string;
+    readonly url: string;
+}

package/package.json

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