@npm_leadtech/legal-lib-components 7.21.0 → 7.21.1
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.
|
@@ -6,5 +6,5 @@ import { NavMobileContactBar } from '../../molecules/NavMobileContactBar';
|
|
|
6
6
|
import { PhoneIcon } from '../../../../images/componentsSvg/PhoneIcon';
|
|
7
7
|
import { SearchBar } from '../../../components/molecules/SearchBar/SearchBar';
|
|
8
8
|
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 }) => {
|
|
9
|
-
return (
|
|
9
|
+
return (_jsxs(NavMenuStyled, { children: [_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] })] })] }));
|
|
10
10
|
};
|
|
@@ -38,71 +38,21 @@ export const NavMenu: React.FC<NavMenuProps> = ({
|
|
|
38
38
|
}) => {
|
|
39
39
|
return (
|
|
40
40
|
<NavMenuStyled>
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
41
|
+
<nav
|
|
42
|
+
itemScope
|
|
43
|
+
itemType='https://www.schema.org/SiteNavigationElement'
|
|
44
|
+
className={`navigation-pane --is-mobile ${isHeaderProductsHidden ? '--no-products' : ''}`}
|
|
45
|
+
>
|
|
46
|
+
<div
|
|
47
|
+
onClick={toggleMenuOpen}
|
|
48
|
+
onKeyDown={toggleMenuOpen}
|
|
49
|
+
className={'navigation-pane__trigger sans-serif --small'}
|
|
46
50
|
>
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
{!isMenuOpen ? triggerMenuOpen : triggerMenuClose}
|
|
53
|
-
</div>
|
|
54
|
-
{isMenuOpen && (
|
|
55
|
-
<div className={'navigation-pane__wrapper'}>
|
|
56
|
-
{userActions}
|
|
57
|
-
{!isSearchBarHidden && (
|
|
58
|
-
<SearchBar
|
|
59
|
-
products={searchableProducts}
|
|
60
|
-
searchBarTexts={searchBarTexts}
|
|
61
|
-
routes={routes}
|
|
62
|
-
handleResultClick={handleResultClick}
|
|
63
|
-
/>
|
|
64
|
-
)}
|
|
65
|
-
<MenuItems
|
|
66
|
-
hasProducts={!isHeaderProductsHidden}
|
|
67
|
-
isResourcesHidden={isResourcesHidden}
|
|
68
|
-
seeAllDocumentsText={menuStrings}
|
|
69
|
-
setCookiePolicyFunc={setCookiePolicyFunc}
|
|
70
|
-
routes={routes}
|
|
71
|
-
finalMenu={finalMenu}
|
|
72
|
-
isMobile={isMobile}
|
|
73
|
-
configVars={configVars}
|
|
74
|
-
navMenuItems={navMenuItems}
|
|
75
|
-
extraMenu={extraMenu}
|
|
76
|
-
/>
|
|
77
|
-
{!isJonSnow && <NavMobileContactBar phone={sitePhone} />}
|
|
78
|
-
</div>
|
|
79
|
-
)}
|
|
80
|
-
</nav>
|
|
81
|
-
) : (
|
|
82
|
-
<nav className={`navigation-pane --is-desktop ${isHeaderProductsHidden ? '--no-products' : ''}`}>
|
|
83
|
-
{!isLeftNavHidden && (
|
|
84
|
-
<div className='left-nav'>
|
|
85
|
-
<MenuItems
|
|
86
|
-
hasProducts={!isHeaderProductsHidden}
|
|
87
|
-
isResourcesHidden={isResourcesHidden}
|
|
88
|
-
seeAllDocumentsText={menuStrings}
|
|
89
|
-
setCookiePolicyFunc={setCookiePolicyFunc}
|
|
90
|
-
routes={routes}
|
|
91
|
-
finalMenu={finalMenu}
|
|
92
|
-
isMobile={isMobile}
|
|
93
|
-
configVars={configVars}
|
|
94
|
-
navMenuItems={navMenuItems}
|
|
95
|
-
extraMenu={extraMenu}
|
|
96
|
-
/>
|
|
97
|
-
</div>
|
|
98
|
-
)}
|
|
99
|
-
<div className='right-nav'>
|
|
100
|
-
{showHeaderPhone && (
|
|
101
|
-
<div className='header-phone'>
|
|
102
|
-
<PhoneIcon />
|
|
103
|
-
<b>{sitePhone} </b>
|
|
104
|
-
</div>
|
|
105
|
-
)}
|
|
51
|
+
{!isMenuOpen ? triggerMenuOpen : triggerMenuClose}
|
|
52
|
+
</div>
|
|
53
|
+
{isMenuOpen && (
|
|
54
|
+
<div className={'navigation-pane__wrapper'}>
|
|
55
|
+
{userActions}
|
|
106
56
|
{!isSearchBarHidden && (
|
|
107
57
|
<SearchBar
|
|
108
58
|
products={searchableProducts}
|
|
@@ -111,11 +61,58 @@ export const NavMenu: React.FC<NavMenuProps> = ({
|
|
|
111
61
|
handleResultClick={handleResultClick}
|
|
112
62
|
/>
|
|
113
63
|
)}
|
|
114
|
-
|
|
115
|
-
|
|
64
|
+
<MenuItems
|
|
65
|
+
hasProducts={!isHeaderProductsHidden}
|
|
66
|
+
isResourcesHidden={isResourcesHidden}
|
|
67
|
+
seeAllDocumentsText={menuStrings}
|
|
68
|
+
setCookiePolicyFunc={setCookiePolicyFunc}
|
|
69
|
+
routes={routes}
|
|
70
|
+
finalMenu={finalMenu}
|
|
71
|
+
isMobile={isMobile}
|
|
72
|
+
configVars={configVars}
|
|
73
|
+
navMenuItems={navMenuItems}
|
|
74
|
+
extraMenu={extraMenu}
|
|
75
|
+
/>
|
|
76
|
+
{!isJonSnow && <NavMobileContactBar phone={sitePhone} />}
|
|
116
77
|
</div>
|
|
117
|
-
|
|
118
|
-
|
|
78
|
+
)}
|
|
79
|
+
</nav>
|
|
80
|
+
<nav className={`navigation-pane --is-desktop ${isHeaderProductsHidden ? '--no-products' : ''}`}>
|
|
81
|
+
{!isLeftNavHidden && (
|
|
82
|
+
<div className='left-nav'>
|
|
83
|
+
<MenuItems
|
|
84
|
+
hasProducts={!isHeaderProductsHidden}
|
|
85
|
+
isResourcesHidden={isResourcesHidden}
|
|
86
|
+
seeAllDocumentsText={menuStrings}
|
|
87
|
+
setCookiePolicyFunc={setCookiePolicyFunc}
|
|
88
|
+
routes={routes}
|
|
89
|
+
finalMenu={finalMenu}
|
|
90
|
+
isMobile={isMobile}
|
|
91
|
+
configVars={configVars}
|
|
92
|
+
navMenuItems={navMenuItems}
|
|
93
|
+
extraMenu={extraMenu}
|
|
94
|
+
/>
|
|
95
|
+
</div>
|
|
96
|
+
)}
|
|
97
|
+
<div className='right-nav'>
|
|
98
|
+
{showHeaderPhone && (
|
|
99
|
+
<div className='header-phone'>
|
|
100
|
+
<PhoneIcon />
|
|
101
|
+
<b>{sitePhone} </b>
|
|
102
|
+
</div>
|
|
103
|
+
)}
|
|
104
|
+
{!isSearchBarHidden && (
|
|
105
|
+
<SearchBar
|
|
106
|
+
products={searchableProducts}
|
|
107
|
+
searchBarTexts={searchBarTexts}
|
|
108
|
+
routes={routes}
|
|
109
|
+
handleResultClick={handleResultClick}
|
|
110
|
+
/>
|
|
111
|
+
)}
|
|
112
|
+
{languageSelectorConfigEnabled && languageSelectorProps && <LanguageSelector {...languageSelectorProps} />}
|
|
113
|
+
{userActions}
|
|
114
|
+
</div>
|
|
115
|
+
</nav>
|
|
119
116
|
</NavMenuStyled>
|
|
120
117
|
)
|
|
121
118
|
}
|