@npm_leadtech/legal-lib-components 7.12.15 → 7.12.16

package/dist/src/components/organisms/NavMenu/NavMenu.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { LanguageSelector } from '../LanguageSelector';
 import { MenuItems } from '../MenuItems';
 import { NavMenuStyled } from './NavMenu.styled';
@@ -6,5 +6,5 @@ import { NavMobileContactBar } from '../../molecules/NavMobileContactBar';
 import { PhoneIcon } from '../../../../images/componentsSvg/PhoneIcon';
 import { SearchBar } from '../../../components/molecules/SearchBar/SearchBar';
 export const NavMenu = ({ isLeftNavHidden, isHeaderProductsHidden, isSearchBarHidden, isResourcesHidden, showHeaderPhone, toggleMenuOpen, isMenuOpen, languageSelectorProps, configVars, searchableProducts, finalMenu, userActions, menuStrings, routes, searchBarTexts, sitePhone, handleResultClick, languageSelectorConfigEnabled, isJonSnow, isMobile, triggerMenuClose, triggerMenuOpen, setCookiePolicyFunc, navMenuItems, extraMenu }) => {
-    return (_jsx(NavMenuStyled, { children: isMobile ? (_jsxs("nav", { itemScope: true, itemType: 'https://www.schema.org/SiteNavigationElement', className: `navigation-pane --is-mobile ${isHeaderProductsHidden ? '--no-products' : ''}`, children: [_jsx("div", { onClick: toggleMenuOpen, onKeyDown: toggleMenuOpen, className: 'navigation-pane__trigger sans-serif --small', children: !isMenuOpen ? triggerMenuOpen : triggerMenuClose }), isMenuOpen && (_jsxs("div", { className: 'navigation-pane__wrapper', children: [userActions, !isSearchBarHidden && (_jsx(SearchBar, { products: searchableProducts, searchBarTexts: searchBarTexts, routes: routes, handleResultClick: handleResultClick })), _jsx(MenuItems, { hasProducts: !isHeaderProductsHidden, isResourcesHidden: isResourcesHidden, seeAllDocumentsText: menuStrings, setCookiePolicyFunc: setCookiePolicyFunc, routes: routes, finalMenu: finalMenu, isMobile: isMobile, configVars: configVars, navMenuItems: navMenuItems, extraMenu: extraMenu }), !isJonSnow && _jsx(NavMobileContactBar, { phone: sitePhone })] }))] })) : (_jsxs("nav", { className: `navigation-pane --is-desktop ${isHeaderProductsHidden ? '--no-products' : ''}`, children: [!isLeftNavHidden && (_jsx("div", { className: 'left-nav', children: _jsx(MenuItems, { hasProducts: !isHeaderProductsHidden, isResourcesHidden: isResourcesHidden, seeAllDocumentsText: menuStrings, setCookiePolicyFunc: setCookiePolicyFunc, routes: routes, finalMenu: finalMenu, isMobile: isMobile, configVars: configVars, navMenuItems: navMenuItems, extraMenu: extraMenu }) })), _jsxs("div", { className: 'right-nav', children: [showHeaderPhone && (_jsxs("div", { className: 'header-phone', children: [_jsx(PhoneIcon, {}), _jsxs("b", { children: [sitePhone, " "] })] })), !isSearchBarHidden && (_jsx(SearchBar, { products: searchableProducts, searchBarTexts: searchBarTexts, routes: routes, handleResultClick: handleResultClick })), languageSelectorConfigEnabled && languageSelectorProps && _jsx(LanguageSelector, { ...languageSelectorProps }), userActions] })] })) }));
+    return (_jsx(_Fragment, { children: isMobile ? (_jsxs(NavMenuStyled, { itemScope: true, itemType: 'https://www.schema.org/SiteNavigationElement', className: `navigation-pane --is-mobile ${isHeaderProductsHidden ? '--no-products' : ''}`, children: [_jsx("div", { onClick: toggleMenuOpen, onKeyDown: toggleMenuOpen, className: 'navigation-pane__trigger sans-serif --small', children: !isMenuOpen ? triggerMenuOpen : triggerMenuClose }), isMenuOpen && (_jsxs("div", { className: 'navigation-pane__wrapper', children: [userActions, !isSearchBarHidden && (_jsx(SearchBar, { products: searchableProducts, searchBarTexts: searchBarTexts, routes: routes, handleResultClick: handleResultClick })), _jsx(MenuItems, { hasProducts: !isHeaderProductsHidden, isResourcesHidden: isResourcesHidden, seeAllDocumentsText: menuStrings, setCookiePolicyFunc: setCookiePolicyFunc, routes: routes, finalMenu: finalMenu, isMobile: isMobile, configVars: configVars, navMenuItems: navMenuItems, extraMenu: extraMenu }), !isJonSnow && _jsx(NavMobileContactBar, { phone: sitePhone })] }))] })) : (_jsxs(NavMenuStyled, { className: `navigation-pane --is-desktop ${isHeaderProductsHidden ? '--no-products' : ''}`, children: [!isLeftNavHidden && (_jsx("div", { className: 'left-nav', children: _jsx(MenuItems, { hasProducts: !isHeaderProductsHidden, isResourcesHidden: isResourcesHidden, seeAllDocumentsText: menuStrings, setCookiePolicyFunc: setCookiePolicyFunc, routes: routes, finalMenu: finalMenu, isMobile: isMobile, configVars: configVars, navMenuItems: navMenuItems, extraMenu: extraMenu }) })), _jsxs("div", { className: 'right-nav', children: [showHeaderPhone && (_jsxs("div", { className: 'header-phone', children: [_jsx(PhoneIcon, {}), _jsxs("b", { children: [sitePhone, " "] })] })), !isSearchBarHidden && (_jsx(SearchBar, { products: searchableProducts, searchBarTexts: searchBarTexts, routes: routes, handleResultClick: handleResultClick })), languageSelectorConfigEnabled && languageSelectorProps && _jsx(LanguageSelector, { ...languageSelectorProps }), userActions] })] })) }));
 };

package/dist/src/components/organisms/NavMenu/NavMenu.styled.d.ts

@@ -1 +1 @@
-export declare const NavMenuStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const NavMenuStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/dist/src/components/organisms/NavMenu/NavMenu.styled.js

@@ -1,6 +1,6 @@
 import { device, size } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
-export const NavMenuStyled = styled.div `
+export const NavMenuStyled = styled.nav `
   width: 100%;
   .navigation-pane {
     &__spacer {
@@ -366,7 +366,7 @@ export const NavMenuStyled = styled.div `
   }
 
   .--is-open .--is-mobile .navigation-pane {
-    &__wrapper {
+    .navigation-pane__wrapper {
       width: 100%;
       margin-top: 3rem;
       left: 0;

package/dist/src/components/organisms/NavMenu/NavMenu.styled.ts

@@ -1,7 +1,7 @@
 import { device, size } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
-export const NavMenuStyled = styled.div`
+export const NavMenuStyled = styled.nav`
   width: 100%;
   .navigation-pane {
     &__spacer {
@@ -367,7 +367,7 @@ export const NavMenuStyled = styled.div`
   }
 
   .--is-open .--is-mobile .navigation-pane {
-    &__wrapper {
+    .navigation-pane__wrapper {
       width: 100%;
       margin-top: 3rem;
       left: 0;

package/dist/src/components/organisms/NavMenu/NavMenu.tsx

@@ -37,9 +37,9 @@ export const NavMenu: React.FC<NavMenuProps> = ({
   extraMenu
 }) => {
   return (
-    <NavMenuStyled>
+    <>
       {isMobile ? (
-        <nav
+        <NavMenuStyled
           itemScope
           itemType='https://www.schema.org/SiteNavigationElement'
           className={`navigation-pane --is-mobile ${isHeaderProductsHidden ? '--no-products' : ''}`}
@@ -77,9 +77,9 @@ export const NavMenu: React.FC<NavMenuProps> = ({
               {!isJonSnow && <NavMobileContactBar phone={sitePhone} />}
             </div>
           )}
-        </nav>
+        </NavMenuStyled>
       ) : (
-        <nav className={`navigation-pane --is-desktop ${isHeaderProductsHidden ? '--no-products' : ''}`}>
+        <NavMenuStyled className={`navigation-pane --is-desktop ${isHeaderProductsHidden ? '--no-products' : ''}`}>
           {!isLeftNavHidden && (
             <div className='left-nav'>
               <MenuItems
@@ -114,8 +114,8 @@ export const NavMenu: React.FC<NavMenuProps> = ({
             {languageSelectorConfigEnabled && languageSelectorProps && <LanguageSelector {...languageSelectorProps} />}
             {userActions}
           </div>
-        </nav>
+        </NavMenuStyled>
       )}
-    </NavMenuStyled>
+    </>
   )
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "7.12.15",
+  "version": "7.12.16",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",