@npm_leadtech/legal-lib-components 7.67.0 → 7.67.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/components/organisms/MenuItems/MenuItems.js +2 -2
- package/dist/src/components/organisms/MenuItems/MenuItems.tsx +2 -1
- package/dist/src/components/organisms/MenuItems/MenuItemsProps.types.d.ts +5 -0
- package/dist/src/components/organisms/MenuItems/MenuItemsProps.types.ts +5 -0
- package/dist/src/components/organisms/NavMenu/NavMenu.js +2 -2
- package/dist/src/components/organisms/NavMenu/NavMenu.tsx +3 -0
- package/dist/src/components/organisms/NavMenu/NavMenuProps.types.d.ts +5 -0
- package/dist/src/components/organisms/NavMenu/NavMenuProps.types.ts +5 -0
- package/dist/src/components/sections/Header/HeaderProps.types.d.ts +5 -0
- package/dist/src/components/sections/Header/HeaderProps.types.ts +5 -0
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ import { DocumentMainMenu } from '../../../components/organisms/DocumentMainMenu
|
|
|
4
4
|
import { MenuItemsStyled } from './MenuItems.styled';
|
|
5
5
|
import { RatafiaLandingIcon } from '../../atoms/RatafiaLandingIcon';
|
|
6
6
|
import arrowDown from '../../../../images/svg/arrow-down.svg';
|
|
7
|
-
export const MenuItems = ({ hasProducts, seeAllDocumentsText, setCookiePolicyFunc, routes, finalMenu, configVars, navMenuItems, extraMenu }) => {
|
|
8
|
-
return (_jsxs(MenuItemsStyled, { children: [hasProducts && (_jsxs("div", { className: 'navigation-pane__products', children: [_jsxs("div", { className: 'navigation-pane__products__container', children: [_jsx("p", { className: 'navigation-pane__products__title', children:
|
|
7
|
+
export const MenuItems = ({ hasProducts, seeAllDocumentsText, setCookiePolicyFunc, routes, finalMenu, configVars, documentsMenuItems, navMenuItems, extraMenu }) => {
|
|
8
|
+
return (_jsxs(MenuItemsStyled, { children: [hasProducts && (_jsxs("div", { className: 'navigation-pane__products', children: [_jsxs("div", { className: 'navigation-pane__products__container', children: [_jsx("p", { className: 'navigation-pane__products__title', children: documentsMenuItems?.title }), _jsx("img", { src: arrowDown, alt: 'arrow-down' })] }), _jsxs("div", { className: 'products__list', children: [_jsx("div", { className: 'menu-mobile-wrapper', children: _jsx(DocumentListMenu, { routes: routes, seeAllLegalDocs: seeAllDocumentsText?.seeAllLegalDocs ?? '', seeAllTypeDocs: seeAllDocumentsText?.seeAllTypeDocs ?? '', finalMenu: finalMenu, hasSubCategoryPage: configVars.HAS_SUBCATEGORY_PAGE, setCookiePolicyFunc: setCookiePolicyFunc }) }), _jsx("div", { className: 'menu-desktop-wrapper', children: _jsx(DocumentMainMenu, { seeAllTypeDocs: seeAllDocumentsText?.seeAllTypeDocs ?? '', allLegalDocs: seeAllDocumentsText?.allLegalDocs ?? '', allTypeDocs: seeAllDocumentsText?.allTypeDocs ?? '', setCookiePolicyFunc: setCookiePolicyFunc, routes: routes, hasSubCategoryPage: configVars.HAS_SUBCATEGORY_PAGE, finalMenu: finalMenu }) })] })] })), !!navMenuItems &&
|
|
9
9
|
navMenuItems.map((item) => (_jsx("div", { className: `navigation-pane__link`, children: _jsxs("a", { className: `navigation-pane__link__title`, title: item.title, "data-qa": item.dataQa, href: item.href, children: [_jsx("p", { children: item.label }), item.label.toLowerCase() === 'lawgenius' && _jsx(RatafiaLandingIcon, {})] }) }, item.title))), !!extraMenu && extraMenu?.items?.length > 0 && (_jsxs("div", { className: 'navigation-pane__resources', children: [_jsxs("div", { className: 'navigation-pane__resources__container', children: [_jsx("p", { className: 'navigation-pane__resources__title', children: extraMenu.title }), _jsx("img", { src: arrowDown, alt: 'arrow-down' })] }), _jsx("ul", { className: 'resources__list', children: extraMenu.items.map((item) => (_jsx("li", { className: 'menu-items-li', children: _jsx("a", { title: item.title, "data-qa": item.dataQa, href: item.href, children: item.label }) }, item.title))) })] }))] }));
|
|
10
10
|
};
|
|
@@ -14,6 +14,7 @@ export const MenuItems: React.FC<MenuItemsProps> = ({
|
|
|
14
14
|
routes,
|
|
15
15
|
finalMenu,
|
|
16
16
|
configVars,
|
|
17
|
+
documentsMenuItems,
|
|
17
18
|
navMenuItems,
|
|
18
19
|
extraMenu
|
|
19
20
|
}) => {
|
|
@@ -22,7 +23,7 @@ export const MenuItems: React.FC<MenuItemsProps> = ({
|
|
|
22
23
|
{hasProducts && (
|
|
23
24
|
<div className={'navigation-pane__products'}>
|
|
24
25
|
<div className={'navigation-pane__products__container'}>
|
|
25
|
-
<p className={'navigation-pane__products__title'}>{
|
|
26
|
+
<p className={'navigation-pane__products__title'}>{documentsMenuItems?.title}</p>
|
|
26
27
|
<img src={arrowDown} alt='arrow-down' />
|
|
27
28
|
</div>
|
|
28
29
|
<div className={'products__list'}>
|
|
@@ -5,6 +5,6 @@ import { NavMenuStyled } from './NavMenu.styled';
|
|
|
5
5
|
import { NavMobileContactBar } from '../../molecules/NavMobileContactBar';
|
|
6
6
|
import { PhoneIcon } from '../../../../images/componentsSvg/PhoneIcon';
|
|
7
7
|
import { SearchBar } from '../../../components/molecules/SearchBar/SearchBar';
|
|
8
|
-
export const NavMenu = ({ isLeftNavHidden, isHeaderProductsHidden, isSearchBarHidden, isResourcesHidden, showHeaderPhone, toggleMenuOpen, isMenuOpen, languageSelectorProps, configVars, searchableProducts, finalMenu, userActions, menuStrings, routes, searchBarTexts, sitePhone, handleResultClick, languageSelectorConfigEnabled, isJonSnow, triggerMenuClose, triggerMenuOpen, setCookiePolicyFunc, navMenuItems, extraMenu }) => {
|
|
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, configVars: configVars, navMenuItems: navMenuItems, extraMenu: extraMenu }), !isJonSnow && sitePhone && _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, 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] })] })] }));
|
|
8
|
+
export const NavMenu = ({ isLeftNavHidden, isHeaderProductsHidden, isSearchBarHidden, isResourcesHidden, showHeaderPhone, toggleMenuOpen, isMenuOpen, languageSelectorProps, configVars, searchableProducts, finalMenu, userActions, menuStrings, routes, searchBarTexts, sitePhone, handleResultClick, languageSelectorConfigEnabled, isJonSnow, triggerMenuClose, triggerMenuOpen, setCookiePolicyFunc, documentsMenuItems, navMenuItems, extraMenu }) => {
|
|
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, configVars: configVars, documentsMenuItems: documentsMenuItems, navMenuItems: navMenuItems, extraMenu: extraMenu }), !isJonSnow && sitePhone && _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, configVars: configVars, documentsMenuItems: documentsMenuItems, 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
|
};
|
|
@@ -32,6 +32,7 @@ export const NavMenu: React.FC<NavMenuProps> = ({
|
|
|
32
32
|
triggerMenuClose,
|
|
33
33
|
triggerMenuOpen,
|
|
34
34
|
setCookiePolicyFunc,
|
|
35
|
+
documentsMenuItems,
|
|
35
36
|
navMenuItems,
|
|
36
37
|
extraMenu
|
|
37
38
|
}) => {
|
|
@@ -68,6 +69,7 @@ export const NavMenu: React.FC<NavMenuProps> = ({
|
|
|
68
69
|
routes={routes}
|
|
69
70
|
finalMenu={finalMenu}
|
|
70
71
|
configVars={configVars}
|
|
72
|
+
documentsMenuItems={documentsMenuItems}
|
|
71
73
|
navMenuItems={navMenuItems}
|
|
72
74
|
extraMenu={extraMenu}
|
|
73
75
|
/>
|
|
@@ -86,6 +88,7 @@ export const NavMenu: React.FC<NavMenuProps> = ({
|
|
|
86
88
|
routes={routes}
|
|
87
89
|
finalMenu={finalMenu}
|
|
88
90
|
configVars={configVars}
|
|
91
|
+
documentsMenuItems={documentsMenuItems}
|
|
89
92
|
navMenuItems={navMenuItems}
|
|
90
93
|
extraMenu={extraMenu}
|
|
91
94
|
/>
|