optimized-react-component-library-xyz123 1.1.15 → 1.1.17

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import React$1, { ComponentType, SVGProps, FC, RefObject, ReactNode } from 'react';
+import React$1, { ComponentType, SVGProps, FC, ElementType, RefObject, ReactNode } from 'react';
 import * as reselect from 'reselect';
 import * as _reduxjs_toolkit from '@reduxjs/toolkit';
 import { PayloadAction, ActionReducerMapBuilder } from '@reduxjs/toolkit';
@@ -802,6 +802,7 @@ interface NavigationHeaderProps {
     useBreadCrumbs?: boolean;
     showNavigationCloseButton?: boolean;
     menuLinks: INavigationItem[];
+    linkComponent?: ElementType;
 }
 
 declare const NavigationHeader: FC<NavigationHeaderProps>;
@@ -813,6 +814,7 @@ interface NavigationProps {
     menuLinks?: INavigationLink[];
     isOpen: boolean;
     openButtonRef: RefObject<HTMLButtonElement | null>;
+    linkComponent?: ElementType;
 }
 type Locale = 'sv' | 'en';
 type Label = Record<Locale, string>;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import React$1, { ComponentType, SVGProps, FC, RefObject, ReactNode } from 'react';
+import React$1, { ComponentType, SVGProps, FC, ElementType, RefObject, ReactNode } from 'react';
 import * as reselect from 'reselect';
 import * as _reduxjs_toolkit from '@reduxjs/toolkit';
 import { PayloadAction, ActionReducerMapBuilder } from '@reduxjs/toolkit';
@@ -802,6 +802,7 @@ interface NavigationHeaderProps {
     useBreadCrumbs?: boolean;
     showNavigationCloseButton?: boolean;
     menuLinks: INavigationItem[];
+    linkComponent?: ElementType;
 }
 
 declare const NavigationHeader: FC<NavigationHeaderProps>;
@@ -813,6 +814,7 @@ interface NavigationProps {
     menuLinks?: INavigationLink[];
     isOpen: boolean;
     openButtonRef: RefObject<HTMLButtonElement | null>;
+    linkComponent?: ElementType;
 }
 type Locale = 'sv' | 'en';
 type Label = Record<Locale, string>;

package/dist/index.js

@@ -3298,7 +3298,8 @@ var Navigation = ({
   activatedLanguage = "sv",
   menuLinks = [],
   showCloseButton = true,
-  openButtonRef = null
+  openButtonRef = null,
+  linkComponent: LinkComponent = "a"
 }) => {
   const closeMenuText = activatedLanguage === "sv" ? "St\xE4ng meny" : "Close menu";
   const [openSubMenu, setOpenSubMenu] = (0, import_react13.useState)(null);
@@ -3350,7 +3351,7 @@ var Navigation = ({
             className: `pts-navigation-link ${openSubMenu === label[activatedLanguage] ? "open" : ""}`,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "pts-navigation-button", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: href.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: label[activatedLanguage] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { onClick: handleCloseButton, href, children: label[activatedLanguage] }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: href.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: label[activatedLanguage] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LinkComponent, { onClick: handleCloseButton, href, children: label[activatedLanguage] }) }),
                 children && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                   "button",
                   {
@@ -3369,7 +3370,7 @@ var Navigation = ({
                   hidden: openSubMenu !== label[activatedLanguage],
                   className: "pts-sub-navigation-container",
                   id: "sub-menu-" + index,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", { className: "pts-sub-navigation-list", children: children.map(({ label: label2, href: href2 }, index2) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("li", { className: "pts-sub-navigation-item", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { onClick: handleCloseButton, href: href2, children: label2[activatedLanguage] }) }, "nav-child-" + index2)) })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", { className: "pts-sub-navigation-list", children: children.map(({ label: label2, href: href2 }, index2) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("li", { className: "pts-sub-navigation-item", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LinkComponent, { onClick: handleCloseButton, href: href2, children: label2[activatedLanguage] }) }, "nav-child-" + index2)) })
                 }
               )
             ]
@@ -3475,7 +3476,8 @@ var NavigationHeader = ({
   menuLinks = void 0,
   showNavigationCloseButton = false,
   SetActivatedLanguage = () => {
-  }
+  },
+  linkComponent: LinkComponent = "a"
 }) => {
   const logoLink = activatedLanguage === "en" ? "https://pts.se/en" : "https://pts.se/";
   const hasHeadline = headline && headline.length > 0;
@@ -3527,7 +3529,7 @@ var NavigationHeader = ({
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("header", { className: "pts-navigation-header-container", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "pts-navigation-header-content", children: [
       /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "pts-navigation-header-logo-container", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-        "a",
+        LinkComponent,
         {
           className: "pts-navigation-header-logo",
           href: logoLink,
@@ -3587,7 +3589,8 @@ var NavigationHeader = ({
         menuLinks,
         showCloseButton: showNavigationCloseButton != null ? showNavigationCloseButton : true,
         isOpen: isMenuOpen,
-        openButtonRef: menuButtonFocusRef
+        openButtonRef: menuButtonFocusRef,
+        linkComponent: LinkComponent
       }
     ),
     !isMenuOpen && isSearchOpen && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SearchBarStandard_default, { activatedLanguage }),