optimized-react-component-library-xyz123 1.1.16 → 1.1.18

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import React$1, { ComponentType, SVGProps, FC, RefObject, ElementType, 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>;
@@ -855,6 +856,7 @@ interface LinkProps extends IPTSLink {
     customClass?: string;
     openTarget?: string;
     useDownLoad?: boolean;
+    linkComponent?: ElementType;
 }
 
 declare const LinkStandard: FC<LinkProps>;
@@ -863,6 +865,7 @@ interface LinkListProps {
     linkArray: IPTSLink[];
     activatedLanguage?: string;
     customCss?: string;
+    linkComponent?: ElementType;
 }
 
 declare const LinkList: FC<LinkListProps>;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import React$1, { ComponentType, SVGProps, FC, RefObject, ElementType, 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>;
@@ -855,6 +856,7 @@ interface LinkProps extends IPTSLink {
     customClass?: string;
     openTarget?: string;
     useDownLoad?: boolean;
+    linkComponent?: ElementType;
 }
 
 declare const LinkStandard: FC<LinkProps>;
@@ -863,6 +865,7 @@ interface LinkListProps {
     linkArray: IPTSLink[];
     activatedLanguage?: string;
     customCss?: string;
+    linkComponent?: ElementType;
 }
 
 declare const LinkList: FC<LinkListProps>;

package/dist/index.js

@@ -3476,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;
@@ -3528,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,
@@ -3588,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 }),
@@ -3655,7 +3657,8 @@ var LinkStandard = ({
   iconType,
   customClass = "",
   openTarget = "_blank",
-  useDownLoad
+  useDownLoad,
+  linkComponent: LinkComponent = "a"
 }) => {
   const excelExtensions = ["xls", "xlsx", "xlsm", "xlsb", "xltx", "xltm", "xlam", "csv"];
   const getFileExtension = (url2) => {
@@ -3672,7 +3675,7 @@ var LinkStandard = ({
       IconComponent = excelExtensions.includes(fileExtension2) ? ReportIcon : FileIcon;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "pts-standard-link", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-    "a",
+    LinkComponent,
     {
       download: useDownLoad ? true : void 0,
       href: url,
@@ -3694,7 +3697,8 @@ var import_react17 = require("react");
 var import_jsx_runtime29 = require("react/jsx-runtime");
 var LinkList = ({
   linkArray,
-  activatedLanguage
+  activatedLanguage,
+  linkComponent: LinkComponent = "a"
 }) => {
   const uniqueId = (0, import_react17.useId)();
   console.log(uniqueId);
@@ -3707,7 +3711,8 @@ var LinkList = ({
         title: link.title,
         activatedLanguage: activatedLanguage != null ? activatedLanguage : "sv",
         ariaLabel: (_a = link.ariaLabel) != null ? _a : "",
-        openTarget: (_b = link.openTarget) != null ? _b : "_blank"
+        openTarget: (_b = link.openTarget) != null ? _b : "_blank",
+        linkComponent: LinkComponent
       }
     ) }, uniqueId + "_" + index);
   }) }) });