optimized-react-component-library-xyz123 2.8.7 → 2.8.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +16 -36
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +17 -37
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -3708,7 +3708,7 @@ var Header = ({
|
|
|
3708
3708
|
var HeaderStandard_default = Header;
|
|
3709
3709
|
|
|
3710
3710
|
// src/components/layout/NavigationHeaderStandard/NavigationHeaderStandard.tsx
|
|
3711
|
-
import {
|
|
3711
|
+
import { useRef as useRef4, useState as useState11 } from "react";
|
|
3712
3712
|
|
|
3713
3713
|
// src/components/layout/NavigationStandard/NavigationStandard.tsx
|
|
3714
3714
|
import { useEffect as useEffect13, useState as useState9, useRef as useRef3 } from "react";
|
|
@@ -3789,6 +3789,7 @@ var Navigation = ({
|
|
|
3789
3789
|
"aria-label": activatedLanguage === "sv" ? "Huvudnavigation" : "Main navigation",
|
|
3790
3790
|
className: `pts-navigation-menu-container ${isOpen ? "open" : ""}`,
|
|
3791
3791
|
inert: !isOpen,
|
|
3792
|
+
"aria-expanded": isOpen,
|
|
3792
3793
|
children: [
|
|
3793
3794
|
/* @__PURE__ */ jsx28("div", { className: "pts-navigation-close-container ", id: "menu-close", children: /* @__PURE__ */ jsxs24(
|
|
3794
3795
|
"button",
|
|
@@ -3812,9 +3813,7 @@ var Navigation = ({
|
|
|
3812
3813
|
/* @__PURE__ */ jsx28("span", { children: href && href.length === 0 ? /* @__PURE__ */ jsx28("span", { children: label[activatedLanguage] }) : /* @__PURE__ */ jsx28(
|
|
3813
3814
|
LinkComponent,
|
|
3814
3815
|
{
|
|
3815
|
-
onClick: () =>
|
|
3816
|
-
handleMenuClick("link");
|
|
3817
|
-
},
|
|
3816
|
+
onClick: () => handleMenuClick("link"),
|
|
3818
3817
|
href,
|
|
3819
3818
|
children: label[activatedLanguage]
|
|
3820
3819
|
}
|
|
@@ -3844,9 +3843,7 @@ var Navigation = ({
|
|
|
3844
3843
|
children: /* @__PURE__ */ jsx28("ul", { className: "pts-sub-navigation-list", lang: activatedLanguage, children: children.map(({ label: label2, href: href2 }, index2) => /* @__PURE__ */ jsx28("li", { className: "pts-sub-navigation-item", lang: activatedLanguage, children: /* @__PURE__ */ jsx28(
|
|
3845
3844
|
LinkComponent,
|
|
3846
3845
|
{
|
|
3847
|
-
onClick: () =>
|
|
3848
|
-
handleMenuClick("link");
|
|
3849
|
-
},
|
|
3846
|
+
onClick: () => handleMenuClick("link"),
|
|
3850
3847
|
href: href2,
|
|
3851
3848
|
children: label2[activatedLanguage]
|
|
3852
3849
|
}
|
|
@@ -3942,24 +3939,10 @@ var NavigationHeader = ({
|
|
|
3942
3939
|
else return "Svenska";
|
|
3943
3940
|
};
|
|
3944
3941
|
const [isMenuOpen, setIsMenuOpen] = useState11(false);
|
|
3945
|
-
const [hasBeenOpen, setHasBeenOpen] = useState11(false);
|
|
3946
3942
|
const menuButtonFocusRef = useRef4(null);
|
|
3947
3943
|
const handleMenuClick = () => {
|
|
3948
|
-
setIsMenuOpen((prev) =>
|
|
3949
|
-
const open = !prev;
|
|
3950
|
-
if (open) {
|
|
3951
|
-
setHasBeenOpen(true);
|
|
3952
|
-
}
|
|
3953
|
-
return open;
|
|
3954
|
-
});
|
|
3944
|
+
setIsMenuOpen((prev) => !prev);
|
|
3955
3945
|
};
|
|
3956
|
-
const [instruction, setInstruction] = useState11("");
|
|
3957
|
-
useEffect14(() => {
|
|
3958
|
-
if (!isMenuOpen)
|
|
3959
|
-
return;
|
|
3960
|
-
const message = activatedLanguage === "sv" ? "Navigationsmenyn \xF6ppnades" : "Navigation menu opened";
|
|
3961
|
-
setInstruction(message);
|
|
3962
|
-
}, [isMenuOpen, activatedLanguage]);
|
|
3963
3946
|
const getMenuLabel = () => {
|
|
3964
3947
|
const labels = {
|
|
3965
3948
|
sv: isMenuOpen ? "St\xE4ng meny" : "Meny",
|
|
@@ -4036,21 +4019,18 @@ var NavigationHeader = ({
|
|
|
4036
4019
|
)
|
|
4037
4020
|
] }) })
|
|
4038
4021
|
] }) }),
|
|
4039
|
-
useNavigationMenu && /* @__PURE__ */
|
|
4040
|
-
|
|
4041
|
-
|
|
4042
|
-
|
|
4043
|
-
|
|
4044
|
-
|
|
4045
|
-
|
|
4046
|
-
|
|
4047
|
-
|
|
4048
|
-
|
|
4049
|
-
|
|
4050
|
-
|
|
4051
|
-
}
|
|
4052
|
-
)
|
|
4053
|
-
] }),
|
|
4022
|
+
useNavigationMenu && /* @__PURE__ */ jsx31(Fragment19, { children: /* @__PURE__ */ jsx31(
|
|
4023
|
+
NavigationStandard_default,
|
|
4024
|
+
{
|
|
4025
|
+
activatedLanguage,
|
|
4026
|
+
setIsMenyOpen: setIsMenuOpen,
|
|
4027
|
+
menuLinks,
|
|
4028
|
+
isOpen: isMenuOpen,
|
|
4029
|
+
openButtonRef: menuButtonFocusRef,
|
|
4030
|
+
linkComponent: LinkComponent,
|
|
4031
|
+
navigationCloseFocusId
|
|
4032
|
+
}
|
|
4033
|
+
) }),
|
|
4054
4034
|
isMenuOpen && /* @__PURE__ */ jsx31(
|
|
4055
4035
|
"div",
|
|
4056
4036
|
{
|