@dnanpm/styleguide 3.12.3 → 4.0.0

package/build/cjs/components/Icons/index.js

@@ -1,224 +0,0 @@
-'use strict';
-
-var hlArrowBackSmall = require('./Small/hlArrowBackSmall.js');
-var hlArrowForwardSmall = require('./Small/hlArrowForwardSmall.js');
-var hlArrowUnderSmall = require('./Small/hlArrowUnderSmall.js');
-var hlCalendarSmall = require('./Small/hlCalendarSmall.js');
-var hlChevronDownSmall = require('./Small/hlChevronDownSmall.js');
-var hlChevronLeftSmall = require('./Small/hlChevronLeftSmall.js');
-var hlChevronRightSmall = require('./Small/hlChevronRightSmall.js');
-var hlChevronUpSmall = require('./Small/hlChevronUpSmall.js');
-var hlClockSmall = require('./Small/hlClockSmall.js');
-var hlDownloadSmall = require('./Small/hlDownloadSmall.js');
-var hlExternalSmall = require('./Small/hlExternalSmall.js');
-var hlUploadSmall = require('./Small/hlUploadSmall.js');
-var facebook = require('./Social/facebook.js');
-var instagram = require('./Social/instagram.js');
-var linkedin = require('./Social/linkedin.js');
-var tiktok = require('./Social/tiktok.js');
-var twitter = require('./Social/twitter.js');
-var youtube = require('./Social/youtube.js');
-var hl404 = require('./hl404.js');
-var hl4gSim = require('./hl4gSim.js');
-var hl5gSim = require('./hl5gSim.js');
-var hlBattery = require('./hlBattery.js');
-var hlBell = require('./hlBell.js');
-var hlCableTVCard = require('./hlCableTVCard.js');
-var hlCalendar = require('./hlCalendar.js');
-var hlCall = require('./hlCall.js');
-var hlCameraBack = require('./hlCameraBack.js');
-var hlCameraFront = require('./hlCameraFront.js');
-var hlCart = require('./hlCart.js');
-var hlCartEmpty = require('./hlCartEmpty.js');
-var hlChat = require('./hlChat.js');
-var hlCheck = require('./hlCheck.js');
-var hlChevronDown = require('./hlChevronDown.js');
-var hlChevronLeft = require('./hlChevronLeft.js');
-var hlChevronRight = require('./hlChevronRight.js');
-var hlChevronUp = require('./hlChevronUp.js');
-var hlCompensation = require('./hlCompensation.js');
-var hlCookie = require('./hlCookie.js');
-var hlCopy = require('./hlCopy.js');
-var hlCoupon = require('./hlCoupon.js');
-var hlDelivery = require('./hlDelivery.js');
-var hlDigiturva = require('./hlDigiturva.js');
-var hlDisplaySize = require('./hlDisplaySize.js');
-var hlDocument = require('./hlDocument.js');
-var hlDownload = require('./hlDownload.js');
-var hlEnvelope = require('./hlEnvelope.js');
-var hlError = require('./hlError.js');
-var hlEuro = require('./hlEuro.js');
-var hlExclamationMark = require('./hlExclamationMark.js');
-var hlExpand = require('./hlExpand.js');
-var hlExternal = require('./hlExternal.js');
-var hlEyeClosed = require('./hlEyeClosed.js');
-var hlEyeOpen = require('./hlEyeOpen.js');
-var hlFaceId = require('./hlFaceId.js');
-var hlFastDelivery = require('./hlFastDelivery.js');
-var hlFingerprint = require('./hlFingerprint.js');
-var hlGlobe = require('./hlGlobe.js');
-var hlHeadphones = require('./hlHeadphones.js');
-var hlHeadset = require('./hlHeadset.js');
-var hlHeart = require('./hlHeart.js');
-var hlHome = require('./hlHome.js');
-var hlHub = require('./hlHub.js');
-var hlImage = require('./hlImage.js');
-var hlInfo = require('./hlInfo.js');
-var hlInstallment = require('./hlInstallment.js');
-var hlIotSim = require('./hlIotSim.js');
-var hlLaptop = require('./hlLaptop.js');
-var hlLiveVideo = require('./hlLiveVideo.js');
-var hlLock = require('./hlLock.js');
-var hlMagnifyingGlass = require('./hlMagnifyingGlass.js');
-var hlMarker = require('./hlMarker.js');
-var hlMemory = require('./hlMemory.js');
-var hlMenu = require('./hlMenu.js');
-var hlMinimize = require('./hlMinimize.js');
-var hlMinus = require('./hlMinus.js');
-var hlMobileData = require('./hlMobileData.js');
-var hlMobilePayment = require('./hlMobilePayment.js');
-var hlModem = require('./hlModem.js');
-var hlMore = require('./hlMore.js');
-var hlOs = require('./hlOs.js');
-var hlPackage = require('./hlPackage.js');
-var hlPaperclip = require('./hlPaperclip.js');
-var hlPaytime = require('./hlPaytime.js');
-var hlPen = require('./hlPen.js');
-var hlPerson = require('./hlPerson.js');
-var hlPhone = require('./hlPhone.js');
-var hlPlaylist = require('./hlPlaylist.js');
-var hlPlus = require('./hlPlus.js');
-var hlPrepaid = require('./hlPrepaid.js');
-var hlProcessor = require('./hlProcessor.js');
-var hlServices = require('./hlServices.js');
-var hlSettings = require('./hlSettings.js');
-var hlShield = require('./hlShield.js');
-var hlSim = require('./hlSim.js');
-var hlSimSimple = require('./hlSimSimple.js');
-var hlSmile = require('./hlSmile.js');
-var hlSpeechBubble = require('./hlSpeechBubble.js');
-var hlSquaretrade = require('./hlSquaretrade.js');
-var hlStar = require('./hlStar.js');
-var hlStarFilled = require('./hlStarFilled.js');
-var hlTrash = require('./hlTrash.js');
-var hlTv = require('./hlTv.js');
-var hlUnlock = require('./hlUnlock.js');
-var hlUpload = require('./hlUpload.js');
-var hlWarning = require('./hlWarning.js');
-var hlWifi = require('./hlWifi.js');
-var hlWrench = require('./hlWrench.js');
-var hlX = require('./hlX.js');
-var hlLink = require('./hlLink.js');
-
-
-
-exports.hlArrowBackSmall = hlArrowBackSmall.default;
-exports.hlArrowForwardSmall = hlArrowForwardSmall.default;
-exports.hlArrowUnderSmall = hlArrowUnderSmall.default;
-exports.hlCalendarSmall = hlCalendarSmall.default;
-exports.hlChevronDownSmall = hlChevronDownSmall.default;
-exports.hlChevronLeftSmall = hlChevronLeftSmall.default;
-exports.hlChevronRightSmall = hlChevronRightSmall.default;
-exports.hlChevronUpSmall = hlChevronUpSmall.default;
-exports.hlClockSmall = hlClockSmall.default;
-exports.hlDownloadSmall = hlDownloadSmall.default;
-exports.hlExternalSmall = hlExternalSmall.default;
-exports.hlUploadSmall = hlUploadSmall.default;
-exports.facebook = facebook.default;
-exports.instagram = instagram.default;
-exports.linkedin = linkedin.default;
-exports.tiktok = tiktok.default;
-exports.twitter = twitter.default;
-exports.youtube = youtube.default;
-exports.hl404 = hl404.default;
-exports.hl4gSim = hl4gSim.default;
-exports.hl5gSim = hl5gSim.default;
-exports.hlBattery = hlBattery.default;
-exports.hlBell = hlBell.default;
-exports.hlCableTVCard = hlCableTVCard.default;
-exports.hlCalendar = hlCalendar.default;
-exports.hlCall = hlCall.default;
-exports.hlCameraBack = hlCameraBack.default;
-exports.hlCameraFront = hlCameraFront.default;
-exports.hlCart = hlCart.default;
-exports.hlCartEmpty = hlCartEmpty.default;
-exports.hlChat = hlChat.default;
-exports.hlCheck = hlCheck.default;
-exports.hlSuccess = hlCheck.hlSuccess;
-exports.hlChevronDown = hlChevronDown.default;
-exports.hlChevronLeft = hlChevronLeft.default;
-exports.hlChevronRight = hlChevronRight.default;
-exports.hlChevronUp = hlChevronUp.default;
-exports.hlCompensation = hlCompensation.default;
-exports.hlCookie = hlCookie.default;
-exports.hlCopy = hlCopy.default;
-exports.hlCoupon = hlCoupon.default;
-exports.hlDelivery = hlDelivery.default;
-exports.hlDigiturva = hlDigiturva.default;
-exports.hlDisplaySize = hlDisplaySize.default;
-exports.hlDocument = hlDocument.default;
-exports.hlDownload = hlDownload.default;
-exports.hlEnvelope = hlEnvelope.default;
-exports.hlError = hlError.default;
-exports.hlEuro = hlEuro.default;
-exports.hlExclamationMark = hlExclamationMark.default;
-exports.hlExpand = hlExpand.default;
-exports.hlExternal = hlExternal.default;
-exports.hlEyeClosed = hlEyeClosed.default;
-exports.hlEyeOpen = hlEyeOpen.default;
-exports.hlFaceId = hlFaceId.default;
-exports.hlFastDelivery = hlFastDelivery.default;
-exports.hlFingerprint = hlFingerprint.default;
-exports.hlGlobe = hlGlobe.default;
-exports.hlHeadphones = hlHeadphones.default;
-exports.hlHeadset = hlHeadset.default;
-exports.hlHeart = hlHeart.default;
-exports.hlHome = hlHome.default;
-exports.hlHub = hlHub.default;
-exports.hlImage = hlImage.default;
-exports.hlInfo = hlInfo.default;
-exports.hlInstallment = hlInstallment.default;
-exports.hlIotSim = hlIotSim.default;
-exports.hlLaptop = hlLaptop.default;
-exports.hlLiveVideo = hlLiveVideo.default;
-exports.hlLock = hlLock.default;
-exports.hlMagnifyingGlass = hlMagnifyingGlass.default;
-exports.hlMarker = hlMarker.default;
-exports.hlMemory = hlMemory.default;
-exports.hlMenu = hlMenu.default;
-exports.hlMinimize = hlMinimize.default;
-exports.hlMinus = hlMinus.default;
-exports.hlMobileData = hlMobileData.default;
-exports.hlMobilePayment = hlMobilePayment.default;
-exports.hlModem = hlModem.default;
-exports.hlMore = hlMore.default;
-exports.hlOs = hlOs.default;
-exports.hlPackage = hlPackage.default;
-exports.hlPaperclip = hlPaperclip.default;
-exports.hlPaytime = hlPaytime.default;
-exports.hlPen = hlPen.default;
-exports.hlPerson = hlPerson.default;
-exports.hlPhone = hlPhone.default;
-exports.hlPlaylist = hlPlaylist.default;
-exports.hlPlus = hlPlus.default;
-exports.hlPrepaid = hlPrepaid.default;
-exports.hlProcessor = hlProcessor.default;
-exports.hlServices = hlServices.default;
-exports.hlSettings = hlSettings.default;
-exports.hlShield = hlShield.default;
-exports.hlSim = hlSim.default;
-exports.hlSimSimple = hlSimSimple.default;
-exports.hlSmile = hlSmile.default;
-exports.hlSpeechBubble = hlSpeechBubble.default;
-exports.hlSquaretrade = hlSquaretrade.default;
-exports.hlStar = hlStar.default;
-exports.hlStarFilled = hlStarFilled.default;
-exports.hlTrash = hlTrash.default;
-exports.hlTv = hlTv.default;
-exports.hlUnlock = hlUnlock.default;
-exports.hlUpload = hlUpload.default;
-exports.hlWarning = hlWarning.default;
-exports.hlWifi = hlWifi.default;
-exports.hlWrench = hlWrench.default;
-exports.hlX = hlX.default;
-exports.hlLink = hlLink.default;

package/build/cjs/components/MainNavigation/ChildComponents/BusinessMenu.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const BusinessMenu: () => React.JSX.Element | null;
-export default BusinessMenu;

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

@@ -1,59 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var styledComponents = require('styled-components');
-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 = styledComponents.styled.a `
-    color: ${p => (p.$isActive ? theme.default.color.text.pink : theme.default.color.text.black)};
-    display: block;
-    text-decoration: none;
-    margin: ${p => !p.$isMobileMenu
-    ? `0 ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 1)}`
-    : `${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 1.25)} ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 2)} `};
-    &:hover,
-    &:focus {
-        text-decoration: none;
-        color: ${theme.default.color.text.pink};
-        outline: none;
-    }
-`;
-const BusinessMenuItem = styledComponents.styled.li `
-    display: flex;
-    overflow: hidden;
-`;
-const BusinessMenuList = styledComponents.styled.ul `
-    display: ${({ $isMobileMenu }) => (!$isMobileMenu ? 'inline-flex' : 'block')};
-    align-items: center;
-    position: relative;
-    list-style: none;
-    margin: ${({ $isMobileMenu }) => $isMobileMenu ? '1rem 0' : `0 ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 0.5)}`};
-    padding: 0;
-    background-color: ${theme.default.color.background.white.default};
-    font-size: ${({ $isMobileMenu }) => $isMobileMenu ? theme.default.fontSize.default : theme.default.fontSize.s};
-    height: 100%;
-`;
-const BusinessMenu = () => {
-    var _a;
-    const { items, lang, isMobileMenu, resetMenuEvents } = React.useContext(NavContext.default);
-    const ref = React.useRef(null);
-    const currentBusinessId = items.businessId;
-    const businessMenuItems = (_a = items.businessSelector) === null || _a === void 0 ? void 0 : _a.items;
-    if (!(businessMenuItems === null || businessMenuItems === void 0 ? void 0 : businessMenuItems.length) ||
-        !currentBusinessId ||
-        (!items.businessSelector && (businessMenuItems === null || businessMenuItems === void 0 ? void 0 : businessMenuItems.length) > 0)) {
-        return null;
-    }
-    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.d.ts

@@ -1,3 +0,0 @@
-import type { FunctionComponent } from 'react';
-declare const DesktopMenu: FunctionComponent;
-export default DesktopMenu;

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

@@ -1,259 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var icons = require('@dnanpm/icons');
-var React = require('react');
-var useOutsideClick = require('../../../hooks/useOutsideClick.js');
-var styledComponents = require('styled-components');
-var theme = require('../../../themes/theme.js');
-var navigation = require('../../../themes/themeComponents/navigation.js');
-var styledUtils = require('../../../utils/styledUtils.js');
-var Box = require('../../Box/Box.js');
-var Icon = require('../../Icon/Icon.js');
-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 = styledComponents.keyframes `
-    0% {
-        opacity: 0;
-        transform: translateY(-5px);
-    }
-    100% {
-        opacity: 1;
-        transform: translateY(0px);
-    }
-`;
-const fadeRight = styledComponents.keyframes `
-    0% {
-        opacity: 0;
-        transform: translateX(-5px);
-    }
-    100% {
-        opacity: 1;
-        transform: translate(0px);
-    }
-`;
-const fadeInAnimation = styledComponents.css `
-    animation: ${fadeIn} 0.3s ease-in-out;
-`;
-const fadeRightAnimation = styledComponents.css `
-    animation: ${fadeRight} 0.3s ease-in-out;
-`;
-const noAnimation = styledComponents.css `
-    animation: none;
-`;
-const SubMenuListRight = styledComponents.styled.div `
-    display: ${({ $menuStates, $navItemId }) => $menuStates.level1 && $menuStates.level2 && $menuStates.level2 === $navItemId
-    ? 'block'
-    : 'none'};
-    ${({ $menuStates }) => $menuStates.level2 && $menuStates.animate2 ? fadeRightAnimation : noAnimation};
-    top: -${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 2)};
-    padding: ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 1)};
-    position: absolute;
-    width: ${navigation.subMenuWidth};
-    left: 100%;
-    transform: translateY(var(--nav-item-overflow-fix));
-
-    ${styledUtils.media.xl `
-        width: ${navigation.subMenuWidthXl};
-    `};
-`;
-const SubMenuItem = styledComponents.styled.li `
-    display: block;
-    position: relative;
-    > a {
-        color: ${p => (p.isHighlighted ? theme.default.color.text.pink : theme.default.color.text.black)};
-        span {
-            position: relative;
-            &:after {
-                position: absolute;
-                content: '';
-                width: 100%;
-                bottom: -6px;
-                left: 0;
-                border-bottom: 1px solid
-                    ${p => (p.isHighlighted ? theme.default.color.default.pink : 'transparent')};
-            }
-        }
-    }
-`;
-const DesktopMenuList = styledComponents.styled(globalNavStyles.MenuList) `
-    ul {
-        padding-left: 0;
-
-        li {
-            a,
-            button {
-                line-height: ${theme.default.lineHeight.s};
-                display: flex;
-                width: 100%;
-                align-items: center;
-                padding: ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 1)};
-                justify-content: space-between;
-            }
-        }
-    }
-    > li {
-        > a,
-        > button {
-            white-space: nowrap;
-        }
-    }
-    a,
-    button {
-        font-size: ${theme.default.fontSize.s};
-        ${styledUtils.media.xl `
-            font-size: ${theme.default.fontSize.default};
-        `};
-    }
-    margin-top: -2px;
-`;
-const DesktopMenuItem = styledComponents.styled(globalNavStyles.MenuItem) `
-    &:first-child > ${globalNavStyles.MenuLinkWithChildren} {
-        margin: 0 ${navigation.menuItemMargin};
-    }
-    > a,
-    > button {
-        width: auto;
-        display: flex;
-        padding: 0.75rem 0;
-        margin: 0 ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 1.3)};
-        ${styledUtils.media.xl `
-            margin: 0 ${navigation.menuItemMargin};
-        `};
-        border-bottom: 3px solid ${theme.default.color.default.white};
-        position: relative;
-        color: ${p => (p.isActive ? theme.default.color.text.pink : theme.default.color.text.black)};
-        &:after {
-            position: absolute;
-            content: '';
-            width: 100%;
-            bottom: -4px;
-            border-bottom: 1px solid ${p => (p.isActive ? theme.default.color.default.pink : 'transparent')};
-        }
-        &:hover,
-        &:focus {
-            border-bottom: 3px solid ${theme.default.color.default.white};
-        }
-    }
-    &:hover,
-    &:focus {
-        > a,
-        > button {
-            cursor: pointer;
-            color: ${theme.default.color.text.pink};
-        }
-    }
-`;
-const SubMenuList = styledComponents.styled.div `
-    position: absolute;
-    left: -${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 0.5)};
-    display: ${({ $menuStates, $navItemId }) => ($menuStates === null || $menuStates === void 0 ? void 0 : $menuStates.level1) === $navItemId ? 'block' : 'none'};
-    z-index: ${({ $navZIndex }) => $navZIndex + 1};
-    margin-top: 1px;
-    ${({ $menuStates }) => $menuStates.level1 && $menuStates.animate2 && !$menuStates.level2
-    ? fadeInAnimation
-    : noAnimation};
-
-    width: ${navigation.subMenuWidth};
-    ${styledUtils.media.xl `
-        width: ${navigation.subMenuWidthXl};
-    `};
-    > div {
-        border-top-left-radius: 0;
-        border-top-right-radius: 0;
-    }
-`;
-const SubMenuLevel2 = ({ menuItem }) => {
-    const { lang, menuLevel, currentUrl } = React.useContext(NavContext.default);
-    // Handle the case where the submenu is not visible
-    const measureRef = React.useRef(null);
-    React.useEffect(() => {
-        const subNavArea = measureRef.current;
-        const handleOffSet = () => {
-            if (menuLevel.level2 === menuItem.id && measureRef.current) {
-                const offsetFix = window.innerHeight - subNavArea.getBoundingClientRect().bottom;
-                if (offsetFix < 0) {
-                    subNavArea.style.setProperty('--nav-item-overflow-fix', `${offsetFix}px`);
-                }
-            }
-        };
-        handleOffSet();
-    }, [menuLevel.level2, menuItem.id]);
-    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__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 }) => {
-    const { lang, navZIndex, menuLevel, handleNavMenuClick, currentUrl } = React.useContext(NavContext.default);
-    const level1HasElements = Boolean(menuItem.pages.length);
-    const menuClick = (element) => (e) => {
-        e.preventDefault();
-        handleNavMenuClick(element.id, 'level2');
-    };
-    if (!level1HasElements) {
-        return null;
-    }
-    return (React__default.default.createElement(SubMenuList, { "aria-hidden": false, "$menuStates": menuLevel, "$navItemId": menuItem.id, "$navZIndex": navZIndex, "data-testid": "desktop-nav-menu-ul-level-2" },
-        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__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__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 }) => {
-    const { lang, menuLevel, handleNavMenuClick, currentUrl } = React.useContext(NavContext.default);
-    const menuClickMain = (element) => (e) => {
-        e.preventDefault();
-        handleNavMenuClick(element.id, 'level1');
-    };
-    const menuUrl = menuItem.urls[lang];
-    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;
-    const { items, lang, resetMenuEvents, menuLevel, currentUrl } = React.useContext(NavContext.default);
-    const mainNavigation = ((_a = items === null || items === void 0 ? void 0 : items.mainNavigation) === null || _a === void 0 ? void 0 : _a.pages) || [];
-    const ref = React.useRef(null);
-    useOutsideClick.default(ref, () => {
-        if (menuLevel.level1 || menuLevel.level2) {
-            resetMenuEvents();
-        }
-    });
-    if (!mainNavigation.length) {
-        return null;
-    }
-    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__default.default.createElement(MenuItemWithChildren, { menuItem: navElement, key: navElement.id, currentLevel: index }));
-        }
-        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__default.default.createElement(LinkModifier.default, { menuItem: navElement, tabIndex: false })));
-    })));
-};
-
-exports.default = DesktopMenu;

package/build/cjs/components/MainNavigation/ChildComponents/HeaderNavigationElements.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { MainNavigationProps } from '../MainNavigation';
-export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isActive?: boolean;
-    collapseSize: number;
-}>> & string;
-declare const HeaderNavigationElements: ({ navElementProps, }: {
-    navElementProps: MainNavigationProps;
-}) => React.JSX.Element;
-export default HeaderNavigationElements;