@dnanpm/styleguide 3.9.0 → 3.9.1

package/build/cjs/components/LabelText/LabelText.js

@@ -8,6 +8,10 @@ var styled = require('../../themes/styled.js');
 var theme = require('../../themes/theme.js');
 var styledUtils = require('../../utils/styledUtils.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 const Label = styled.default.label `
     display: block;
     color: ${({ status }) => (status ? theme.default.color.notification[status] : theme.default.color.text.gray)};
@@ -23,9 +27,9 @@ const Mandatory = styled.default.span `
 /** @visibleName Label Text */
 const LabelText = (_a) => {
     var { 'data-testid': dataTestId } = _a, props = tslib.__rest(_a, ['data-testid']);
-    return (React.createElement(Label, { id: props.id, htmlFor: props.htmlFor, className: props.className, "data-testid": dataTestId, status: props.status },
+    return (React__default.default.createElement(Label, { id: props.id, htmlFor: props.htmlFor, className: props.className, "data-testid": dataTestId, status: props.status },
         props.children,
-        props.isMandatory && React.createElement(Mandatory, null, "*")));
+        props.isMandatory && React__default.default.createElement(Mandatory, null, "*")));
 };
 
 exports.default = LabelText;

package/build/cjs/components/MainHeaderNavigation/ChildComponents/BusinessMenu.js

@@ -7,6 +7,10 @@ var styled = require('../../../themes/styled.js');
 var theme = require('../../../themes/theme.js');
 var styledUtils = require('../../../utils/styledUtils.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 const BusinessMenuLink = styled.default.a `
     background-color: ${p => p.isActive ? theme.default.color.background.white.default : theme.default.color.background.plum.E02};
     color: ${p => (p.isActive ? theme.default.color.text.black : theme.default.color.text.white)};
@@ -52,7 +56,7 @@ const BusinessMenu = ({ ariaLabel, currentBusinessId, items, lang }) => {
     if (!(items === null || items === void 0 ? void 0 : items.length)) {
         return null;
     }
-    return (React.createElement(BusinessMenuList, { "aria-label": ariaLabel, "data-testid": "business-menu", role: "navigation" }, items.map(item => (React.createElement(BusinessMenuLink, { className: `menu-link ${item.businessId === currentBusinessId ? 'active-site' : ''}`, href: item.urls[lang], isActive: item.businessId === currentBusinessId, key: item.businessId }, item.titles[lang])))));
+    return (React__default.default.createElement(BusinessMenuList, { "aria-label": ariaLabel, "data-testid": "business-menu", role: "navigation" }, items.map(item => (React__default.default.createElement(BusinessMenuLink, { className: `menu-link ${item.businessId === currentBusinessId ? 'active-site' : ''}`, href: item.urls[lang], isActive: item.businessId === currentBusinessId, key: item.businessId }, item.titles[lang])))));
 };
 
 exports.default = BusinessMenu;

package/build/cjs/components/MainHeaderNavigation/ChildComponents/DesktopMenu.js

@@ -14,6 +14,10 @@ var NavContext = require('../context/NavContext.js');
 var globalNavStyles = require('../globalNavStyles.js');
 var LinkModifier = require('./LinkModifier.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 const fadeIn = styled.keyframes `
     0% {
         opacity: 0;
@@ -147,33 +151,33 @@ const SubMenuLevel1 = ({ menuItem }) => {
     const level1HasElements = !!menuItem.pages.length;
     const pagesWithSubItems = menuItem.pages.filter(element => element.pages.length > 0);
     // Helper function to render a sub menu item
-    const renderSubMenuItem = (element, index, currUrl) => (React.createElement(SubMenuItem, { key: element.id, isHighlighted: LinkModifier.isSelected(currUrl, element.urls[lang], true), "data-testid": `desktop-nav-item-level-2-${index + 1}` },
-        React.createElement(LinkModifier.default, { menuItem: element, tabIndex: false })));
+    const renderSubMenuItem = (element, index, currUrl) => (React__default.default.createElement(SubMenuItem, { key: element.id, isHighlighted: LinkModifier.isSelected(currUrl, element.urls[lang], true), "data-testid": `desktop-nav-item-level-2-${index + 1}` },
+        React__default.default.createElement(LinkModifier.default, { menuItem: element, tabIndex: false })));
     if (!level1HasElements) {
         return null;
     }
-    return (React.createElement(SubMenuList, { "aria-hidden": false, menuStates: menuLevel, navItemId: menuItem.id, navZIndex: navZIndex },
-        React.createElement(MegaMenuContent, null,
-            pagesWithSubItems.slice(0, 5).map(element => (React.createElement(CategoryBlock, { key: element.id },
-                React.createElement(CategoryTitle, null, element.titles[lang]),
-                React.createElement("ul", { "data-testid": "desktop-nav-menu-ul-level-2" }, element.pages.map((subElement, index) => renderSubMenuItem(subElement, index, currentUrl)))))),
-            pagesWithSubItems.length > 5 && (React.createElement(CategoryCollectionBlock, null,
-                React.createElement(CategoryTitle, null, categoryCollectionText),
-                React.createElement("ul", { "data-testid": "desktop-nav-menu-ul-level-2" }, pagesWithSubItems
+    return (React__default.default.createElement(SubMenuList, { "aria-hidden": false, menuStates: menuLevel, navItemId: menuItem.id, navZIndex: navZIndex },
+        React__default.default.createElement(MegaMenuContent, null,
+            pagesWithSubItems.slice(0, 5).map(element => (React__default.default.createElement(CategoryBlock, { key: element.id },
+                React__default.default.createElement(CategoryTitle, null, element.titles[lang]),
+                React__default.default.createElement("ul", { "data-testid": "desktop-nav-menu-ul-level-2" }, element.pages.map((subElement, index) => renderSubMenuItem(subElement, index, currentUrl)))))),
+            pagesWithSubItems.length > 5 && (React__default.default.createElement(CategoryCollectionBlock, null,
+                React__default.default.createElement(CategoryTitle, null, categoryCollectionText),
+                React__default.default.createElement("ul", { "data-testid": "desktop-nav-menu-ul-level-2" }, pagesWithSubItems
                     .slice(5)
                     .map((element, index) => renderSubMenuItem(element, index, currentUrl))))),
-            React.createElement(globalNavStyles.FeaturedBlock, { collapseSize: collapseSize, "data-testid": "desktop-nav-menu-level-2-featured" }, menuItem.pages.map(element => element.pages.length ? null : (React.createElement(LinkModifier.default, { key: element.id, showIcon: true, menuItem: element, tabIndex: false })))))));
+            React__default.default.createElement(globalNavStyles.FeaturedBlock, { collapseSize: collapseSize, "data-testid": "desktop-nav-menu-level-2-featured" }, menuItem.pages.map(element => element.pages.length ? null : (React__default.default.createElement(LinkModifier.default, { key: element.id, showIcon: true, menuItem: element, tabIndex: false })))))));
 };
 const MenuItemWithChildren = ({ menuItem, currentLevel }) => {
     const { lang, handleNavMenuClick, currentUrl, menuLevel } = React.useContext(NavContext.default);
     const menuClickMain = (element) => () => {
         handleNavMenuClick(element.id, 'level1');
     };
-    return (React.createElement(DesktopMenuItem, { isActive: LinkModifier.isSelected(currentUrl, menuItem.urls[lang]), "data-testid": `desktop-nav-item-level-1-${currentLevel + 1}`, role: "presentation" },
-        React.createElement(globalNavStyles.MenuLinkWithChildren, { isOpen: menuLevel.level1 === menuItem.id, onClick: menuClickMain(menuItem), role: "menuitem", "aria-haspopup": "true", "data-testid": "menu-button-with-children" },
-            React.createElement("span", null, menuItem.titles[lang]),
-            React.createElement(Icon.default, { icon: icons.ChevronRight, size: "1rem" })),
-        React.createElement(SubMenuLevel1, { menuItem: menuItem })));
+    return (React__default.default.createElement(DesktopMenuItem, { isActive: LinkModifier.isSelected(currentUrl, menuItem.urls[lang]), "data-testid": `desktop-nav-item-level-1-${currentLevel + 1}`, role: "presentation" },
+        React__default.default.createElement(globalNavStyles.MenuLinkWithChildren, { isOpen: menuLevel.level1 === menuItem.id, onClick: menuClickMain(menuItem), role: "menuitem", "aria-haspopup": "true", "data-testid": "menu-button-with-children" },
+            React__default.default.createElement("span", null, menuItem.titles[lang]),
+            React__default.default.createElement(Icon.default, { icon: icons.ChevronRight, size: "1rem" })),
+        React__default.default.createElement(SubMenuLevel1, { menuItem: menuItem })));
 };
 const DesktopMenu = () => {
     var _a;
@@ -188,14 +192,14 @@ const DesktopMenu = () => {
     if (!mainNavigation.length) {
         return null;
     }
-    return (React.createElement(DesktopMenuList, { role: "menu", "aria-hidden": false, ref: ref, "data-testid": "desktop-nav-menu-ul", collapseSize: collapseSize }, mainNavigation.map((navElement, index) => {
+    return (React__default.default.createElement(DesktopMenuList, { role: "menu", "aria-hidden": false, ref: ref, "data-testid": "desktop-nav-menu-ul", collapseSize: collapseSize }, mainNavigation.map((navElement, index) => {
         var _a;
         const displaySubMenu = !navElement.pageIsLinkInDesktopNavigation && !!((_a = navElement.pages) === null || _a === void 0 ? void 0 : _a.length);
         if (displaySubMenu) {
-            return (React.createElement(MenuItemWithChildren, { menuItem: navElement, key: navElement.id, currentLevel: index }));
+            return (React__default.default.createElement(MenuItemWithChildren, { menuItem: navElement, key: navElement.id, currentLevel: index }));
         }
-        return (React.createElement(DesktopMenuItem, { key: navElement.id, role: "presentation", "data-testid": `desktop-nav-item-level-1-${index + 1}`, isActive: LinkModifier.isSelected(currentUrl, navElement.urls[lang]) },
-            React.createElement(LinkModifier.default, { menuItem: navElement, tabIndex: false })));
+        return (React__default.default.createElement(DesktopMenuItem, { key: navElement.id, role: "presentation", "data-testid": `desktop-nav-item-level-1-${index + 1}`, isActive: LinkModifier.isSelected(currentUrl, navElement.urls[lang]) },
+            React__default.default.createElement(LinkModifier.default, { menuItem: navElement, tabIndex: false })));
     })));
 };
 

package/build/cjs/components/MainHeaderNavigation/ChildComponents/LanguageSelector.js

@@ -13,23 +13,27 @@ var NavContext = require('../context/NavContext.js');
 var globalNavStyles = require('../globalNavStyles.js');
 var MainNavTooltipMenu = require('./MainNavTooltipMenu.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 const MenuItem = styled.default(globalNavStyles.MenuLink) `
     font-weight: ${theme.default.fontWeight.medium};
     margin: ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 1)} auto;
     text-align: center;
 `;
-const LangComponent = ({ currentLanguage, languagesObject }) => (React.createElement(React.Fragment, null, Object.entries(languagesObject)
+const LangComponent = ({ currentLanguage, languagesObject }) => (React__default.default.createElement(React__default.default.Fragment, null, Object.entries(languagesObject)
     .filter(([key]) => key.toLowerCase() !== currentLanguage.toLowerCase())
-    .map(([key, value]) => (React.createElement(MenuItem, { key: `language-${key}`, href: value }, key.toUpperCase())))));
+    .map(([key, value]) => (React__default.default.createElement(MenuItem, { key: `language-${key}`, href: value }, key.toUpperCase())))));
 const LanguageSelector = ({ currentLanguage, languagesObject, languageSelectorLabel, }) => {
     const { isMobileMenu, navZIndex } = React.useContext(NavContext.default);
-    const LngComponent = React.useCallback(() => (React.createElement(LangComponent, { languageSelectorLabel: languageSelectorLabel, currentLanguage: currentLanguage, languagesObject: languagesObject })), [currentLanguage, languagesObject, languageSelectorLabel]);
+    const LngComponent = React.useCallback(() => (React__default.default.createElement(LangComponent, { languageSelectorLabel: languageSelectorLabel, currentLanguage: currentLanguage, languagesObject: languagesObject })), [currentLanguage, languagesObject, languageSelectorLabel]);
     if (Object.keys(languagesObject).length < 2) {
         return null;
     }
-    return (React.createElement(MainNavTooltipMenu.default, { ariaLabel: languageSelectorLabel, closeWhenTagClicked: ['a'], contentComponent: LngComponent, contentWidth: "5rem", globalStateString: "lang", tooltipRight: isMobileMenu ? '13.8rem' : '11.8rem', zIndex: navZIndex + 1 },
-        React.createElement(Icon.default, { icon: icons.Globe, size: navigation.navIconSize }),
-        React.createElement("span", { "data-testid": "header-lang-label" }, currentLanguage.toUpperCase())));
+    return (React__default.default.createElement(MainNavTooltipMenu.default, { ariaLabel: languageSelectorLabel, closeWhenTagClicked: ['a'], contentComponent: LngComponent, contentWidth: "5rem", globalStateString: "lang", tooltipRight: isMobileMenu ? '13.8rem' : '11.8rem', zIndex: navZIndex + 1 },
+        React__default.default.createElement(Icon.default, { icon: icons.Globe, size: navigation.navIconSize }),
+        React__default.default.createElement("span", { "data-testid": "header-lang-label" }, currentLanguage.toUpperCase())));
 };
 
 exports.default = LanguageSelector;

package/build/cjs/components/MainHeaderNavigation/ChildComponents/LinkModifier.js

@@ -9,6 +9,10 @@ var Icon = require('../../Icon/Icon.js');
 var NavContext = require('../context/NavContext.js');
 var globalNavStyles = require('../globalNavStyles.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 const isSelected = (currentUrl, linkUrl, exactMatch = false) => {
     if (currentUrl && linkUrl) {
         let url = linkUrl;
@@ -24,12 +28,12 @@ const LinkModifier = ({ menuItem, tabIndex, showIcon }) => {
     const { lang, nextJSLinkComponent, resetMenuEvents } = React.useContext(NavContext.default);
     const menuItemLink = menuItem.urls[lang] || '';
     const isExternalLink = menuItem.target === '_blank';
-    const MenuLinkComponent = (React.createElement(globalNavStyles.MenuLink, { href: menuItemLink, id: menuItem.id, onClick: resetMenuEvents, role: "menuitem", tabIndex: tabIndex ? -1 : undefined, target: isExternalLink ? '_blank' : '_self' },
-        showIcon && (React.createElement(Icon.default, { icon: isExternalLink ? icons.Open : icons.ArrowRight, size: "1rem", color: theme.default.color.default.pink })),
-        React.createElement("span", null, menuItem.titles[lang])));
+    const MenuLinkComponent = (React__default.default.createElement(globalNavStyles.MenuLink, { href: menuItemLink, id: menuItem.id, onClick: resetMenuEvents, role: "menuitem", tabIndex: tabIndex ? -1 : undefined, target: isExternalLink ? '_blank' : '_self' },
+        showIcon && (React__default.default.createElement(Icon.default, { icon: isExternalLink ? icons.Open : icons.ArrowRight, size: "1rem", color: theme.default.color.default.pink })),
+        React__default.default.createElement("span", null, menuItem.titles[lang])));
     if (nextJSLinkComponent && !isMenuItemLinkAbsolute(menuItemLink)) {
         const NextJSLinkComponent = nextJSLinkComponent;
-        return (React.createElement(NextJSLinkComponent, { linkUrl: menuItemLink }, MenuLinkComponent));
+        return (React__default.default.createElement(NextJSLinkComponent, { linkUrl: menuItemLink }, MenuLinkComponent));
     }
     return MenuLinkComponent;
 };

package/build/cjs/components/MainHeaderNavigation/ChildComponents/LoginTooltip.js

@@ -9,11 +9,15 @@ var Icon = require('../../Icon/Icon.js');
 var NavContext = require('../context/NavContext.js');
 var MainNavTooltipMenu = require('./MainNavTooltipMenu.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 const LoginTooltip = ({ isLogged, loginLabel }) => {
     const { navZIndex, isMobileMenu, loginComponent: LoginComponent } = React.useContext(NavContext.default);
-    return (React.createElement(MainNavTooltipMenu.default, { ariaLabel: loginLabel, closeWhenTagClicked: ['a', 'button'], contentComponent: LoginComponent, globalStateString: "login", tooltipRight: isMobileMenu ? '3rem' : '1rem', zIndex: navZIndex + 1 }, !isLogged ? (loginLabel) : (React.createElement(React.Fragment, null,
-        React.createElement(Icon.default, { icon: icons.User, size: navigation.navIconSize }),
-        React.createElement("span", { "data-testid": "header-login-label" }, loginLabel)))));
+    return (React__default.default.createElement(MainNavTooltipMenu.default, { ariaLabel: loginLabel, closeWhenTagClicked: ['a', 'button'], contentComponent: LoginComponent, globalStateString: "login", tooltipRight: isMobileMenu ? '3rem' : '1rem', zIndex: navZIndex + 1 }, !isLogged ? (loginLabel) : (React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(Icon.default, { icon: icons.User, size: navigation.navIconSize }),
+        React__default.default.createElement("span", { "data-testid": "header-login-label" }, loginLabel)))));
 };
 
 exports.default = LoginTooltip;

package/build/cjs/components/MainHeaderNavigation/ChildComponents/MainNavTooltipMenu.js

@@ -15,6 +15,10 @@ var ButtonPrimary = require('../../ButtonPrimary/ButtonPrimary.js');
 var NavContext = require('../context/NavContext.js');
 var MainNavTooltipMenuExportedStyles = require('./MainNavTooltipMenuExportedStyles.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 const IconContainer = styled.default.div `
     margin: 0;
     display: flex;
@@ -106,13 +110,13 @@ const MainNavTooltipMenu = (_a) => {
             setTooltipItems(prevItems => (Object.assign(Object.assign({}, prevItems), { [globalStateKey]: false })));
         }
     });
-    return (React.createElement(IconContainer, { "data-testid": `header-${globalStateKey}-container`, collapseSize: collapseSize, ref: ref },
-        globalStateKey === 'login' && !isLoggedIn ? (React.createElement(ButtonPrimary.default, { onClick: ContentComponent ? toggleState : undefined, small: true }, children)) : (React.createElement(MainNavTooltipMenuExportedStyles.default, { "aria-label": ariaLabel, isLoggedIn: isLoginItemAndLoggedIn, collapseSize: collapseSize, isHighlighted: tooltipItems[globalStateKey] || isLoginItemAndLoggedIn, onClick: props.onCartButtonClick || (ContentComponent ? toggleState : undefined) }, children)),
-        tooltipItems[globalStateKey] && ContentComponent && (React.createElement(React.Fragment, null,
-            React.createElement(Caret, { zIndex: zIndex, collapseSize: collapseSize }),
-            React.createElement(Tooltip, { zIndex: zIndex, tooltipRight: tooltipRight, contentWidth: contentWidth, collapseSize: collapseSize, fullWidthDesktop: fullWidthDesktop, fullWidthBreakpoint: fullWidthBreakpoint },
-                React.createElement(TooltipBox, { elevation: "high", padding: "0", width: "100%" },
-                    React.createElement(ContentComponent, { mobileView: isMobileMenu })))))));
+    return (React__default.default.createElement(IconContainer, { "data-testid": `header-${globalStateKey}-container`, collapseSize: collapseSize, ref: ref },
+        globalStateKey === 'login' && !isLoggedIn ? (React__default.default.createElement(ButtonPrimary.default, { onClick: ContentComponent ? toggleState : undefined, small: true }, children)) : (React__default.default.createElement(MainNavTooltipMenuExportedStyles.default, { "aria-label": ariaLabel, isLoggedIn: isLoginItemAndLoggedIn, collapseSize: collapseSize, isHighlighted: tooltipItems[globalStateKey] || isLoginItemAndLoggedIn, onClick: props.onCartButtonClick || (ContentComponent ? toggleState : undefined) }, children)),
+        tooltipItems[globalStateKey] && ContentComponent && (React__default.default.createElement(React__default.default.Fragment, null,
+            React__default.default.createElement(Caret, { zIndex: zIndex, collapseSize: collapseSize }),
+            React__default.default.createElement(Tooltip, { zIndex: zIndex, tooltipRight: tooltipRight, contentWidth: contentWidth, collapseSize: collapseSize, fullWidthDesktop: fullWidthDesktop, fullWidthBreakpoint: fullWidthBreakpoint },
+                React__default.default.createElement(TooltipBox, { elevation: "high", padding: "0", width: "100%" },
+                    React__default.default.createElement(ContentComponent, { mobileView: isMobileMenu })))))));
 };
 
 exports.IconContainer = IconContainer;

package/build/cjs/components/MainHeaderNavigation/ChildComponents/MinicartTooltip.js

@@ -12,13 +12,17 @@ var NotificationBadge = require('../../NotificationBadge/NotificationBadge.js');
 var NavContext = require('../context/NavContext.js');
 var MainNavTooltipMenu = require('./MainNavTooltipMenu.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 const MinicartTooltip = (_a) => {
     var { minicartAmount, minicartLabel } = _a, props = tslib.__rest(_a, ["minicartAmount", "minicartLabel"]);
     const { navZIndex, minicartComponent: MinicartComponent } = React.useContext(NavContext.default);
-    return (React.createElement(MainNavTooltipMenu.default, { ariaLabel: minicartLabel, closeWhenTagClicked: ['a', 'button'], onCartButtonClick: props.onCartButtonClick, contentComponent: MinicartComponent, contentWidth: "35rem", fullWidthBreakpoint: theme.default.breakpoints.md, globalStateString: "minicart", tooltipRight: "5rem", zIndex: navZIndex + 1 },
-        React.createElement(Icon.default, { icon: icons.Cart, size: navigation.navIconSize }),
-        React.createElement("span", null, minicartLabel),
-        minicartAmount > 0 && (React.createElement(NotificationBadge.default, { top: "-5px", right: "5px", "data-testid": "header-minicart-amount" }, minicartAmount))));
+    return (React__default.default.createElement(MainNavTooltipMenu.default, { ariaLabel: minicartLabel, closeWhenTagClicked: ['a', 'button'], onCartButtonClick: props.onCartButtonClick, contentComponent: MinicartComponent, contentWidth: "35rem", fullWidthBreakpoint: theme.default.breakpoints.md, globalStateString: "minicart", tooltipRight: "5rem", zIndex: navZIndex + 1 },
+        React__default.default.createElement(Icon.default, { icon: icons.Cart, size: navigation.navIconSize }),
+        React__default.default.createElement("span", null, minicartLabel),
+        minicartAmount > 0 && (React__default.default.createElement(NotificationBadge.default, { top: "-5px", right: "5px", "data-testid": "header-minicart-amount" }, minicartAmount))));
 };
 
 exports.default = MinicartTooltip;

package/build/cjs/components/MainHeaderNavigation/ChildComponents/MobileMenu.js

@@ -15,6 +15,10 @@ var NavContext = require('../context/NavContext.js');
 var globalNavStyles = require('../globalNavStyles.js');
 var LinkModifier = require('./LinkModifier.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 const MobileMenuWrapper = styled.default.div `
     width: ${100 * navigation.menuLevelsAmount}%;
     button {
@@ -107,9 +111,9 @@ const MenuItemBackLink = ({ currentLevel }) => {
     };
     const tabNavigationDisabled = scrollPosition !== currentLevel - 1;
     const backLink = getBackLink(menuElements, currentLevel - 1);
-    return (React.createElement(globalNavStyles.MenuItem, { key: `back-${backLink.id}`, "data-testid": `mobile-nav-menu-backlink-level-${currentLevel}` },
-        React.createElement(MenuLinkBackLink, { role: "menuitem", as: "button", onClick: mobileMenuBackClick, tabIndex: tabNavigationDisabled ? -1 : undefined },
-            React.createElement(Icon.default, { icon: icons.ChevronLeft, size: "1rem" }),
+    return (React__default.default.createElement(globalNavStyles.MenuItem, { key: `back-${backLink.id}`, "data-testid": `mobile-nav-menu-backlink-level-${currentLevel}` },
+        React__default.default.createElement(MenuLinkBackLink, { role: "menuitem", as: "button", onClick: mobileMenuBackClick, tabIndex: tabNavigationDisabled ? -1 : undefined },
+            React__default.default.createElement(Icon.default, { icon: icons.ChevronLeft, size: "1rem" }),
             backLink.titles[lang])));
 };
 const CreateSubMenuItem = ({ menuItem, currentLevel, itemIndex }) => {
@@ -130,13 +134,13 @@ const CreateSubMenuItem = ({ menuItem, currentLevel, itemIndex }) => {
         e.preventDefault();
         handleNavMenuClick(element.id, `level${currentLevel}Mobile`);
     };
-    const renderMenuItem = (children) => (React.createElement(globalNavStyles.MenuItem, { key: menuItem.id, role: "presentation", "data-testid": `mobile-menu-level-${currentLevel}-link-${itemIndex + 1}`, isActive: LinkModifier.isSelected(currentUrl, menuUrl, true) }, children));
+    const renderMenuItem = (children) => (React__default.default.createElement(globalNavStyles.MenuItem, { key: menuItem.id, role: "presentation", "data-testid": `mobile-menu-level-${currentLevel}-link-${itemIndex + 1}`, isActive: LinkModifier.isSelected(currentUrl, menuUrl, true) }, children));
     if (hasChildren && currentLevel < 3) {
-        return renderMenuItem(React.createElement(globalNavStyles.MenuLink, { as: "button", onClick: mobileMenuClick(menuItem), role: "menuitem", tabIndex: tabNavigationDisabled ? -1 : undefined },
+        return renderMenuItem(React__default.default.createElement(globalNavStyles.MenuLink, { as: "button", onClick: mobileMenuClick(menuItem), role: "menuitem", tabIndex: tabNavigationDisabled ? -1 : undefined },
             menuItem.titles[lang],
-            React.createElement(Icon.default, { icon: icons.ChevronRight, color: theme.default.color.default.pink })));
+            React__default.default.createElement(Icon.default, { icon: icons.ChevronRight, color: theme.default.color.default.pink })));
     }
-    return renderMenuItem(React.createElement(LinkModifier.default, { menuItem: menuItem, tabIndex: tabNavigationDisabled }));
+    return renderMenuItem(React__default.default.createElement(LinkModifier.default, { menuItem: menuItem, tabIndex: tabNavigationDisabled }));
 };
 const SubMenuMobile = ({ currentLevel, menuItem }) => {
     const featuredItems = menuItem.pages.filter(subMenuItem => !subMenuItem.pages.length && currentLevel === 2);
@@ -146,12 +150,12 @@ const SubMenuMobile = ({ currentLevel, menuItem }) => {
     if (!menuItem.pages.length) {
         return null;
     }
-    return (React.createElement(React.Fragment, null,
-        currentLevel > 1 && React.createElement(MenuItemBackLink, { currentLevel: currentLevel }),
-        featuredItems.length > 0 && (React.createElement(globalNavStyles.FeaturedBlock, { collapseSize: collapseSize }, featuredItems.map(subMenuItem => (React.createElement(LinkModifier.default, { key: subMenuItem.id, menuItem: subMenuItem, showIcon: true, tabIndex: tabNavigationDisabled }))))),
+    return (React__default.default.createElement(React__default.default.Fragment, null,
+        currentLevel > 1 && React__default.default.createElement(MenuItemBackLink, { currentLevel: currentLevel }),
+        featuredItems.length > 0 && (React__default.default.createElement(globalNavStyles.FeaturedBlock, { collapseSize: collapseSize }, featuredItems.map(subMenuItem => (React__default.default.createElement(LinkModifier.default, { key: subMenuItem.id, menuItem: subMenuItem, showIcon: true, tabIndex: tabNavigationDisabled }))))),
         menuItem.pages
             .filter(subMenuItem => !featuredItems.includes(subMenuItem))
-            .map((subMenuItem, index) => (React.createElement(CreateSubMenuItem, { currentLevel: currentLevel, itemIndex: index, key: subMenuItem.id, menuItem: subMenuItem })))));
+            .map((subMenuItem, index) => (React__default.default.createElement(CreateSubMenuItem, { currentLevel: currentLevel, itemIndex: index, key: subMenuItem.id, menuItem: subMenuItem })))));
 };
 const NavigationMenuMobile = () => {
     const { items, menuLevel, level1Items, level2Items } = React.useContext(NavContext.default);
@@ -159,9 +163,9 @@ const NavigationMenuMobile = () => {
     if (!(mainNavigation === null || mainNavigation === void 0 ? void 0 : mainNavigation.pages.length)) {
         return null;
     }
-    const renderMenuList = (scrollPosition, level, menuItem) => (React.createElement(globalNavStyles.MenuList, { role: "menu", "aria-hidden": menuLevel.scrollPosition !== scrollPosition, "aria-disabled": menuLevel.scrollPosition !== scrollPosition, "data-testid": `mobile-nav-menu-level-${level}`, isInView: menuLevel.scrollPosition === scrollPosition },
-        React.createElement(SubMenuMobile, { currentLevel: level, menuItem: menuItem })));
-    return (React.createElement(React.Fragment, null,
+    const renderMenuList = (scrollPosition, level, menuItem) => (React__default.default.createElement(globalNavStyles.MenuList, { role: "menu", "aria-hidden": menuLevel.scrollPosition !== scrollPosition, "aria-disabled": menuLevel.scrollPosition !== scrollPosition, "data-testid": `mobile-nav-menu-level-${level}`, isInView: menuLevel.scrollPosition === scrollPosition },
+        React__default.default.createElement(SubMenuMobile, { currentLevel: level, menuItem: menuItem })));
+    return (React__default.default.createElement(React__default.default.Fragment, null,
         renderMenuList(0, 1, mainNavigation),
         menuLevel.level1Mobile !== null &&
             renderMenuList(1, 2, level1Items[menuLevel.level1Mobile]),
@@ -180,11 +184,11 @@ const RenderMobileMenu = () => {
     if (!isMobileMenuOpen) {
         return null;
     }
-    return (React.createElement(MobileMenuContainer, { ref: mobileMenuRef },
-        React.createElement(MobileMenuContext.default.Provider, { value: mobileMenuContext },
-            React.createElement(MobileMenuWrapper, null,
-                React.createElement(reactSpring.animated.div, { style: slidingMenuAnimation },
-                    React.createElement(NavigationMenuMobile, null))))));
+    return (React__default.default.createElement(MobileMenuContainer, { ref: mobileMenuRef },
+        React__default.default.createElement(MobileMenuContext.default.Provider, { value: mobileMenuContext },
+            React__default.default.createElement(MobileMenuWrapper, null,
+                React__default.default.createElement(reactSpring.animated.div, { style: slidingMenuAnimation },
+                    React__default.default.createElement(NavigationMenuMobile, null))))));
 };
 
 exports.default = RenderMobileMenu;

package/build/cjs/components/MainHeaderNavigation/ChildComponents/PageSearch.js

@@ -9,11 +9,15 @@ var Icon = require('../../Icon/Icon.js');
 var NavContext = require('../context/NavContext.js');
 var MainNavTooltipMenu = require('./MainNavTooltipMenu.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 const PageSearch = ({ searchLabel }) => {
     const { navZIndex, searchComponent: SearchComponent } = React.useContext(NavContext.default);
-    return (React.createElement(MainNavTooltipMenu.default, { ariaLabel: searchLabel, closeWhenTagClicked: ['a'], contentComponent: SearchComponent, contentWidth: "100%", "data-testid": "header-search-container", fullWidthDesktop: true, globalStateString: "search", tooltipRight: "0", zIndex: navZIndex + 1 },
-        React.createElement(Icon.default, { icon: icons.Search, size: navigation.navIconSize }),
-        React.createElement("span", null, searchLabel)));
+    return (React__default.default.createElement(MainNavTooltipMenu.default, { ariaLabel: searchLabel, closeWhenTagClicked: ['a'], contentComponent: SearchComponent, contentWidth: "100%", "data-testid": "header-search-container", fullWidthDesktop: true, globalStateString: "search", tooltipRight: "0", zIndex: navZIndex + 1 },
+        React__default.default.createElement(Icon.default, { icon: icons.Search, size: navigation.navIconSize }),
+        React__default.default.createElement("span", null, searchLabel)));
 };
 
 exports.default = PageSearch;

package/build/cjs/components/MainHeaderNavigation/MainHeaderNavigation.js

@@ -26,6 +26,10 @@ var PageSearch = require('./ChildComponents/PageSearch.js');
 var NavContext = require('./context/NavContext.js');
 var globalNavStyles = require('./globalNavStyles.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 const GlobalStyle = styled.createGlobalStyle `
     body.overflow-hidden {
         overflow: hidden;
@@ -295,27 +299,27 @@ const MainHeaderNavigation = (_a) => {
         initiateScrollToHeader(navigationEl);
         setIsMobileMenuOpen(!isMobileMenuOpen);
     };
-    return (React.createElement(React.Fragment, null,
-        isPageOverlay && React.createElement(PageOverlay, { "data-testid": "navigation-overlay", navZIndex: zIndex }),
-        React.createElement(GlobalNavigationContainer, { className: className, collapseSize: collapseSize, "data-testid": "dna-main-header", navZIndex: zIndex, ref: navigationEl, role: "banner" },
-            React.createElement(NavContext.default.Provider, { value: navigationContext },
-                React.createElement(GlobalStyle, null),
-                !items.mainNavigation && notificationText && (React.createElement(Notification.default, { type: "info" }, notificationText)),
-                React.createElement(BusinessMenu.default, { ariaLabel: businessMenuAriaLabel, currentBusinessId: items.businessId, items: (_d = items.businessSelector) === null || _d === void 0 ? void 0 : _d.items, lang: language }),
-                React.createElement(NavigationWrapper, { collapseSize: collapseSize },
-                    React.createElement(globalNavStyles.LogoLink, { "data-testid": "dna-logo-link", href: currentBusinessSite === null || currentBusinessSite === void 0 ? void 0 : currentBusinessSite.urls[language], title: "DNA" },
-                        React.createElement(DnaLogo.default, { size: navigation.headerLogoSize })),
-                    React.createElement(globalNavStyles.DesktopMenuContainer, { "aria-label": mainMenuAriaLabel, collapseSize: collapseSize },
-                        React.createElement(DesktopMenu.default, null)),
-                    React.createElement(globalNavStyles.HeaderIconContainer, { collapseSize: collapseSize },
-                        languagesObject && languageSelector && (React.createElement(LanguageSelector.default, { currentLanguage: language, languagesObject: languagesObject, languageSelectorLabel: languageSelectorText })),
-                        search && React.createElement(PageSearch.default, { searchLabel: searchText }),
-                        minicart && (React.createElement(MinicartTooltip.default, { minicartAmount: minicartAmount, minicartLabel: minicartText, onCartButtonClick: props.onCartButtonClick })),
-                        login && React.createElement(LoginTooltip.default, { loginLabel: loginText, isLogged: isLoggedIn }),
-                        React.createElement(MainNavTooltipMenu.IconContainer, { collapseSize: collapseSize, "data-testid": "header-mobile-menu-container" },
-                            React.createElement(globalNavStyles.MobileMenuButton, { "aria-expanded": isMobileMenuOpen, "aria-label": "menu toggle", "data-testid": "header-mobile-menu-toggle", onClick: handleToggleClick },
-                                React.createElement(Icon.default, { icon: isMobileMenuOpen ? icons.Close : icons.Menu, size: navigation.navIconSize })))),
-                    isMobile && React.createElement(MobileMenu.default, null))))));
+    return (React__default.default.createElement(React__default.default.Fragment, null,
+        isPageOverlay && React__default.default.createElement(PageOverlay, { "data-testid": "navigation-overlay", navZIndex: zIndex }),
+        React__default.default.createElement(GlobalNavigationContainer, { className: className, collapseSize: collapseSize, "data-testid": "dna-main-header", navZIndex: zIndex, ref: navigationEl, role: "banner" },
+            React__default.default.createElement(NavContext.default.Provider, { value: navigationContext },
+                React__default.default.createElement(GlobalStyle, null),
+                !items.mainNavigation && notificationText && (React__default.default.createElement(Notification.default, { type: "info" }, notificationText)),
+                React__default.default.createElement(BusinessMenu.default, { ariaLabel: businessMenuAriaLabel, currentBusinessId: items.businessId, items: (_d = items.businessSelector) === null || _d === void 0 ? void 0 : _d.items, lang: language }),
+                React__default.default.createElement(NavigationWrapper, { collapseSize: collapseSize },
+                    React__default.default.createElement(globalNavStyles.LogoLink, { "data-testid": "dna-logo-link", href: currentBusinessSite === null || currentBusinessSite === void 0 ? void 0 : currentBusinessSite.urls[language], title: "DNA" },
+                        React__default.default.createElement(DnaLogo.default, { size: navigation.headerLogoSize })),
+                    React__default.default.createElement(globalNavStyles.DesktopMenuContainer, { "aria-label": mainMenuAriaLabel, collapseSize: collapseSize },
+                        React__default.default.createElement(DesktopMenu.default, null)),
+                    React__default.default.createElement(globalNavStyles.HeaderIconContainer, { collapseSize: collapseSize },
+                        languagesObject && languageSelector && (React__default.default.createElement(LanguageSelector.default, { currentLanguage: language, languagesObject: languagesObject, languageSelectorLabel: languageSelectorText })),
+                        search && React__default.default.createElement(PageSearch.default, { searchLabel: searchText }),
+                        minicart && (React__default.default.createElement(MinicartTooltip.default, { minicartAmount: minicartAmount, minicartLabel: minicartText, onCartButtonClick: props.onCartButtonClick })),
+                        login && React__default.default.createElement(LoginTooltip.default, { loginLabel: loginText, isLogged: isLoggedIn }),
+                        React__default.default.createElement(MainNavTooltipMenu.IconContainer, { collapseSize: collapseSize, "data-testid": "header-mobile-menu-container" },
+                            React__default.default.createElement(globalNavStyles.MobileMenuButton, { "aria-expanded": isMobileMenuOpen, "aria-label": "menu toggle", "data-testid": "header-mobile-menu-toggle", onClick: handleToggleClick },
+                                React__default.default.createElement(Icon.default, { icon: isMobileMenuOpen ? icons.Close : icons.Menu, size: navigation.navIconSize })))),
+                    isMobile && React__default.default.createElement(MobileMenu.default, null))))));
 };
 
 exports.default = MainHeaderNavigation;

package/build/cjs/components/MainNavigation/ChildComponents/BusinessMenu.js

@@ -8,6 +8,10 @@ var theme = require('../../../themes/theme.js');
 var styledUtils = require('../../../utils/styledUtils.js');
 var NavContext = require('../context/NavContext.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 const BusinessMenuLink = styled.default.a `
     color: ${p => (p.isActive ? theme.default.color.text.pink : theme.default.color.text.black)};
     display: block;
@@ -47,8 +51,8 @@ const BusinessMenu = () => {
         (!items.businessSelector && (businessMenuItems === null || businessMenuItems === void 0 ? void 0 : businessMenuItems.length) > 0)) {
         return null;
     }
-    return (React.createElement(BusinessMenuList, { isMobileMenu: isMobileMenu, ref: ref, role: "menubar", "aria-hidden": "false", "data-testid": "business-menu-ul" }, businessMenuItems.map((item, index) => (React.createElement(BusinessMenuItem, { className: "menu-item", key: item.businessId, "data-testid": `business-menu-selection-item-${index + 1}`, role: "none" },
-        React.createElement(BusinessMenuLink, { className: "menu-link", href: item.urls[lang], onClick: resetMenuEvents, isActive: item.businessId === currentBusinessId, isMobileMenu: isMobileMenu, role: "menuitem" }, item.titles[lang]))))));
+    return (React__default.default.createElement(BusinessMenuList, { isMobileMenu: isMobileMenu, ref: ref, role: "menubar", "aria-hidden": "false", "data-testid": "business-menu-ul" }, businessMenuItems.map((item, index) => (React__default.default.createElement(BusinessMenuItem, { className: "menu-item", key: item.businessId, "data-testid": `business-menu-selection-item-${index + 1}`, role: "none" },
+        React__default.default.createElement(BusinessMenuLink, { className: "menu-link", href: item.urls[lang], onClick: resetMenuEvents, isActive: item.businessId === currentBusinessId, isMobileMenu: isMobileMenu, role: "menuitem" }, item.titles[lang]))))));
 };
 
 exports.default = BusinessMenu;

package/build/cjs/components/MainNavigation/ChildComponents/DesktopMenu.js

@@ -15,6 +15,10 @@ var NavContext = require('../context/NavContext.js');
 var globalNavStyles = require('../globalNavStyles.js');
 var LinkModifier = require('./LinkModifier.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 const fadeIn = styled.keyframes `
     0% {
         opacity: 0;
@@ -182,12 +186,12 @@ const SubMenuLevel2 = ({ menuItem }) => {
         };
         handleOffSet();
     }, [menuLevel.level2, menuItem.id]);
-    return (React.createElement(SubMenuListRight, { role: "menu", menuStates: menuLevel, navItemId: menuItem.id, "data-testid": "desktop-nav-menu-ul-level-3", ref: measureRef },
-        React.createElement(Box.default, { elevation: "high", padding: styledUtils.getMultipliedSize(theme.default.base.baseHeight, 1) },
-            React.createElement("ul", null, menuItem.pages.map((item, index) => {
+    return (React__default.default.createElement(SubMenuListRight, { role: "menu", menuStates: menuLevel, navItemId: menuItem.id, "data-testid": "desktop-nav-menu-ul-level-3", ref: measureRef },
+        React__default.default.createElement(Box.default, { elevation: "high", padding: styledUtils.getMultipliedSize(theme.default.base.baseHeight, 1) },
+            React__default.default.createElement("ul", null, menuItem.pages.map((item, index) => {
                 const menuUrl = item.urls[lang];
-                return (React.createElement(SubMenuItem, { key: item.id, isHighlighted: LinkModifier.isSelected(currentUrl, menuUrl, true), role: "none", "data-testid": `desktop-nav-item-level-3-link-${index + 1}` },
-                    React.createElement(LinkModifier.default, { menuItem: item, tabIndex: false })));
+                return (React__default.default.createElement(SubMenuItem, { key: item.id, isHighlighted: LinkModifier.isSelected(currentUrl, menuUrl, true), role: "none", "data-testid": `desktop-nav-item-level-3-link-${index + 1}` },
+                    React__default.default.createElement(LinkModifier.default, { menuItem: item, tabIndex: false })));
             })))));
 };
 const SubMenuLevel1 = ({ menuItem }) => {
@@ -200,19 +204,19 @@ const SubMenuLevel1 = ({ menuItem }) => {
     if (!level1HasElements) {
         return null;
     }
-    return (React.createElement(SubMenuList, { "aria-hidden": false, menuStates: menuLevel, navItemId: menuItem.id, "data-testid": "desktop-nav-menu-ul-level-2", navZIndex: navZIndex },
-        React.createElement(Box.default, { elevation: "high", padding: styledUtils.getMultipliedSize(theme.default.base.baseHeight, 1) },
-            React.createElement("ul", null, menuItem.pages.map((element, index) => {
+    return (React__default.default.createElement(SubMenuList, { "aria-hidden": false, menuStates: menuLevel, navItemId: menuItem.id, "data-testid": "desktop-nav-menu-ul-level-2", navZIndex: navZIndex },
+        React__default.default.createElement(Box.default, { elevation: "high", padding: styledUtils.getMultipliedSize(theme.default.base.baseHeight, 1) },
+            React__default.default.createElement("ul", null, menuItem.pages.map((element, index) => {
                 const menuUrl = element.urls[lang];
                 if (element.pages.length) {
-                    return (React.createElement(SubMenuItem, { key: element.id, role: "none", "data-testid": `desktop-nav-item-level-2-link-${index + 1}` },
-                        React.createElement(globalNavStyles.MenuLinkWithChildren, { isActive: menuLevel.level2 === element.id, isHighlighted: LinkModifier.isSelected(currentUrl, menuUrl), onClick: menuClick(element), role: "menuitem", "aria-haspopup": "true", "data-testid": "menu-button-with-children" },
-                            React.createElement("span", null, element.titles[lang]),
-                            React.createElement(Icon.default, { icon: icons.ChevronRight, size: "1rem" })),
-                        React.createElement(SubMenuLevel2, { menuItem: element })));
+                    return (React__default.default.createElement(SubMenuItem, { key: element.id, role: "none", "data-testid": `desktop-nav-item-level-2-link-${index + 1}` },
+                        React__default.default.createElement(globalNavStyles.MenuLinkWithChildren, { isActive: menuLevel.level2 === element.id, isHighlighted: LinkModifier.isSelected(currentUrl, menuUrl), onClick: menuClick(element), role: "menuitem", "aria-haspopup": "true", "data-testid": "menu-button-with-children" },
+                            React__default.default.createElement("span", null, element.titles[lang]),
+                            React__default.default.createElement(Icon.default, { icon: icons.ChevronRight, size: "1rem" })),
+                        React__default.default.createElement(SubMenuLevel2, { menuItem: element })));
                 }
-                return (React.createElement(SubMenuItem, { key: element.id, isHighlighted: LinkModifier.isSelected(currentUrl, menuUrl, true), role: "none", "data-testid": `desktop-nav-item-level-2-link-${index + 1}` },
-                    React.createElement(LinkModifier.default, { menuItem: element, tabIndex: false })));
+                return (React__default.default.createElement(SubMenuItem, { key: element.id, isHighlighted: LinkModifier.isSelected(currentUrl, menuUrl, true), role: "none", "data-testid": `desktop-nav-item-level-2-link-${index + 1}` },
+                    React__default.default.createElement(LinkModifier.default, { menuItem: element, tabIndex: false })));
             })))));
 };
 const MenuItemWithChildren = ({ menuItem, currentLevel }) => {
@@ -222,10 +226,10 @@ const MenuItemWithChildren = ({ menuItem, currentLevel }) => {
         handleNavMenuClick(element.id, 'level1');
     };
     const menuUrl = menuItem.urls[lang];
-    return (React.createElement(DesktopMenuItem, { isActive: menuLevel.level1 === menuItem.id || LinkModifier.isSelected(currentUrl, menuUrl), role: "none", "data-testid": `desktop-nav-item-level-1-link-${currentLevel + 1}` },
-        React.createElement(globalNavStyles.MenuLinkWithChildren, { onClick: menuClickMain(menuItem), role: "menuitem", "aria-haspopup": "true", "data-testid": "menu-button-with-children" },
-            React.createElement("span", null, menuItem.titles[lang])),
-        React.createElement(SubMenuLevel1, { menuItem: menuItem })));
+    return (React__default.default.createElement(DesktopMenuItem, { isActive: menuLevel.level1 === menuItem.id || LinkModifier.isSelected(currentUrl, menuUrl), role: "none", "data-testid": `desktop-nav-item-level-1-link-${currentLevel + 1}` },
+        React__default.default.createElement(globalNavStyles.MenuLinkWithChildren, { onClick: menuClickMain(menuItem), role: "menuitem", "aria-haspopup": "true", "data-testid": "menu-button-with-children" },
+            React__default.default.createElement("span", null, menuItem.titles[lang])),
+        React__default.default.createElement(SubMenuLevel1, { menuItem: menuItem })));
 };
 const DesktopMenu = () => {
     var _a;
@@ -240,15 +244,15 @@ const DesktopMenu = () => {
     if (!mainNavigation.length) {
         return null;
     }
-    return (React.createElement(DesktopMenuList, { role: "menubar", "aria-hidden": false, ref: ref, "data-testid": "desktop-nav-menu-ul" }, mainNavigation.map((navElement, index) => {
+    return (React__default.default.createElement(DesktopMenuList, { role: "menubar", "aria-hidden": false, ref: ref, "data-testid": "desktop-nav-menu-ul" }, mainNavigation.map((navElement, index) => {
         var _a;
         const menuHasChildren = !!((_a = navElement.pages) === null || _a === void 0 ? void 0 : _a.length);
         if (menuHasChildren) {
-            return (React.createElement(MenuItemWithChildren, { menuItem: navElement, key: navElement.id, currentLevel: index }));
+            return (React__default.default.createElement(MenuItemWithChildren, { menuItem: navElement, key: navElement.id, currentLevel: index }));
         }
-        return (React.createElement(DesktopMenuItem, { key: navElement.id, role: "none", "data-testid": `desktop-nav-item-level-1-link-${index + 1}`, isActive: menuLevel.level1 === navElement.id ||
+        return (React__default.default.createElement(DesktopMenuItem, { key: navElement.id, role: "none", "data-testid": `desktop-nav-item-level-1-link-${index + 1}`, isActive: menuLevel.level1 === navElement.id ||
                 LinkModifier.isSelected(currentUrl, navElement.urls[lang]) },
-            React.createElement(LinkModifier.default, { menuItem: navElement, tabIndex: false })));
+            React__default.default.createElement(LinkModifier.default, { menuItem: navElement, tabIndex: false })));
     })));
 };