@npm_leadtech/legal-lib-components 7.69.3 → 7.69.5
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/atoms/RatafiaLandingIcon/RatafiaLandingIcon.js +2 -3
- package/dist/src/components/atoms/RatafiaLandingIcon/RatafiaLandingIcon.tsx +2 -3
- package/dist/src/components/atoms/RatafiaLandingIcon/RatafiaLandingIconProps.types.d.ts +1 -1
- package/dist/src/components/atoms/RatafiaLandingIcon/RatafiaLandingIconProps.types.ts +1 -1
- package/dist/src/components/organisms/MenuItems/MenuItems.js +2 -2
- package/dist/src/components/organisms/MenuItems/MenuItems.tsx +3 -3
- package/dist/src/components/organisms/MenuItems/MenuItemsProps.types.d.ts +1 -1
- package/dist/src/components/organisms/MenuItems/MenuItemsProps.types.ts +1 -1
- package/dist/src/components/organisms/NavMenu/NavMenu.js +2 -2
- package/dist/src/components/organisms/NavMenu/NavMenu.tsx +4 -4
- package/dist/src/components/organisms/NavMenu/NavMenuProps.types.d.ts +1 -1
- package/dist/src/components/organisms/NavMenu/NavMenuProps.types.ts +1 -1
- package/dist/src/components/sections/Header/Header.js +2 -2
- package/dist/src/components/sections/Header/Header.tsx +2 -2
- package/dist/src/components/sections/Header/HeaderProps.types.d.ts +1 -1
- package/dist/src/components/sections/Header/HeaderProps.types.ts +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import './RatafiaLandingIcon.scss';
|
|
3
|
-
const RatafiaLandingIcon = ({
|
|
4
|
-
|
|
5
|
-
return _jsx("span", { className: 'ratafia-landing-icon sans-serif --bold-weight', children: label });
|
|
3
|
+
const RatafiaLandingIcon = ({ aiLabel }) => {
|
|
4
|
+
return _jsx("span", { className: 'ratafia-landing-icon sans-serif --bold-weight', children: aiLabel });
|
|
6
5
|
};
|
|
7
6
|
export default RatafiaLandingIcon;
|
|
@@ -3,9 +3,8 @@ import React from 'react'
|
|
|
3
3
|
import { type RatafiaLandingIconProps } from './RatafiaLandingIconProps.types'
|
|
4
4
|
import './RatafiaLandingIcon.scss'
|
|
5
5
|
|
|
6
|
-
const RatafiaLandingIcon: React.FC<RatafiaLandingIconProps> = ({
|
|
7
|
-
|
|
8
|
-
return <span className={'ratafia-landing-icon sans-serif --bold-weight'}>{label}</span>
|
|
6
|
+
const RatafiaLandingIcon: React.FC<RatafiaLandingIconProps> = ({ aiLabel }) => {
|
|
7
|
+
return <span className={'ratafia-landing-icon sans-serif --bold-weight'}>{aiLabel}</span>
|
|
9
8
|
}
|
|
10
9
|
|
|
11
10
|
export default RatafiaLandingIcon
|
|
@@ -4,10 +4,10 @@ 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, documentsMenuItems, navMenuItems, extraMenu
|
|
7
|
+
export const MenuItems = ({ hasProducts, seeAllDocumentsText, setCookiePolicyFunc, routes, finalMenu, configVars, aiLabel, documentsMenuItems, navMenuItems, extraMenu }) => {
|
|
8
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) => {
|
|
10
10
|
const showIcon = ['lawgenius', 'copilot'].includes(item.label.toLowerCase());
|
|
11
|
-
return (_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 }), showIcon && _jsx(RatafiaLandingIcon, {
|
|
11
|
+
return (_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 }), showIcon && _jsx(RatafiaLandingIcon, { aiLabel: aiLabel })] }) }, item.title));
|
|
12
12
|
}), !!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))) })] }))] }));
|
|
13
13
|
};
|
|
@@ -14,10 +14,10 @@ export const MenuItems: React.FC<MenuItemsProps> = ({
|
|
|
14
14
|
routes,
|
|
15
15
|
finalMenu,
|
|
16
16
|
configVars,
|
|
17
|
+
aiLabel,
|
|
17
18
|
documentsMenuItems,
|
|
18
19
|
navMenuItems,
|
|
19
|
-
extraMenu
|
|
20
|
-
strapiLocale
|
|
20
|
+
extraMenu
|
|
21
21
|
}) => {
|
|
22
22
|
return (
|
|
23
23
|
<MenuItemsStyled>
|
|
@@ -59,7 +59,7 @@ export const MenuItems: React.FC<MenuItemsProps> = ({
|
|
|
59
59
|
<div className={`navigation-pane__link`} key={item.title}>
|
|
60
60
|
<a className={`navigation-pane__link__title`} title={item.title} data-qa={item.dataQa} href={item.href}>
|
|
61
61
|
<p>{item.label}</p>
|
|
62
|
-
{showIcon && <RatafiaLandingIcon
|
|
62
|
+
{showIcon && <RatafiaLandingIcon aiLabel={aiLabel} />}
|
|
63
63
|
</a>
|
|
64
64
|
</div>
|
|
65
65
|
)
|
|
@@ -31,6 +31,7 @@ export interface MenuItemsProps {
|
|
|
31
31
|
dataQa: string;
|
|
32
32
|
label: string;
|
|
33
33
|
};
|
|
34
|
+
aiLabel: string;
|
|
34
35
|
navMenuItems?: {
|
|
35
36
|
title: string;
|
|
36
37
|
dataQa: string;
|
|
@@ -46,5 +47,4 @@ export interface MenuItemsProps {
|
|
|
46
47
|
label: string;
|
|
47
48
|
}[];
|
|
48
49
|
};
|
|
49
|
-
strapiLocale: string;
|
|
50
50
|
}
|
|
@@ -32,6 +32,7 @@ export interface MenuItemsProps {
|
|
|
32
32
|
dataQa: string
|
|
33
33
|
label: string
|
|
34
34
|
}
|
|
35
|
+
aiLabel: string
|
|
35
36
|
navMenuItems?: {
|
|
36
37
|
title: string
|
|
37
38
|
dataQa: string
|
|
@@ -47,5 +48,4 @@ export interface MenuItemsProps {
|
|
|
47
48
|
label: string
|
|
48
49
|
}[]
|
|
49
50
|
}
|
|
50
|
-
strapiLocale: string
|
|
51
51
|
}
|
|
@@ -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, 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,
|
|
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, aiLabel, 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, aiLabel: aiLabel }), !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, aiLabel: aiLabel }) })), _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,10 +32,10 @@ export const NavMenu: React.FC<NavMenuProps> = ({
|
|
|
32
32
|
triggerMenuClose,
|
|
33
33
|
triggerMenuOpen,
|
|
34
34
|
setCookiePolicyFunc,
|
|
35
|
+
aiLabel,
|
|
35
36
|
documentsMenuItems,
|
|
36
37
|
navMenuItems,
|
|
37
|
-
extraMenu
|
|
38
|
-
strapiLocale
|
|
38
|
+
extraMenu
|
|
39
39
|
}) => {
|
|
40
40
|
return (
|
|
41
41
|
<NavMenuStyled>
|
|
@@ -73,7 +73,7 @@ export const NavMenu: React.FC<NavMenuProps> = ({
|
|
|
73
73
|
documentsMenuItems={documentsMenuItems}
|
|
74
74
|
navMenuItems={navMenuItems}
|
|
75
75
|
extraMenu={extraMenu}
|
|
76
|
-
|
|
76
|
+
aiLabel={aiLabel}
|
|
77
77
|
/>
|
|
78
78
|
{!isJonSnow && sitePhone && <NavMobileContactBar phone={sitePhone} />}
|
|
79
79
|
</div>
|
|
@@ -93,7 +93,7 @@ export const NavMenu: React.FC<NavMenuProps> = ({
|
|
|
93
93
|
documentsMenuItems={documentsMenuItems}
|
|
94
94
|
navMenuItems={navMenuItems}
|
|
95
95
|
extraMenu={extraMenu}
|
|
96
|
-
|
|
96
|
+
aiLabel={aiLabel}
|
|
97
97
|
/>
|
|
98
98
|
</div>
|
|
99
99
|
)}
|
|
@@ -66,6 +66,7 @@ export interface NavMenuProps {
|
|
|
66
66
|
dataQa: string;
|
|
67
67
|
label: string;
|
|
68
68
|
};
|
|
69
|
+
aiLabel: string;
|
|
69
70
|
navMenuItems: {
|
|
70
71
|
title: string;
|
|
71
72
|
dataQa: string;
|
|
@@ -81,5 +82,4 @@ export interface NavMenuProps {
|
|
|
81
82
|
label: string;
|
|
82
83
|
}[];
|
|
83
84
|
};
|
|
84
|
-
strapiLocale: string;
|
|
85
85
|
}
|
|
@@ -68,6 +68,7 @@ export interface NavMenuProps {
|
|
|
68
68
|
dataQa: string
|
|
69
69
|
label: string
|
|
70
70
|
}
|
|
71
|
+
aiLabel: string
|
|
71
72
|
navMenuItems: {
|
|
72
73
|
title: string
|
|
73
74
|
dataQa: string
|
|
@@ -83,5 +84,4 @@ export interface NavMenuProps {
|
|
|
83
84
|
label: string
|
|
84
85
|
}[]
|
|
85
86
|
}
|
|
86
|
-
strapiLocale: string
|
|
87
87
|
}
|
|
@@ -4,8 +4,8 @@ import { Logo, TopBar } from '../../atoms';
|
|
|
4
4
|
import { HeaderStyled } from './Header.styled';
|
|
5
5
|
import { NavMenu } from '../../organisms/NavMenu';
|
|
6
6
|
const Header = forwardRef(({ mainHeaderProps, topBarProps, navMenuProps }, ref) => {
|
|
7
|
-
const { classnames, siteName
|
|
8
|
-
return (_jsxs(HeaderStyled, { className: `header ${classnames}`, ref: ref, id: 'header', children: [_jsx(TopBar, { ...topBarProps }), _jsxs("span", { itemScope: true, itemType: 'https://www.schema.org/Brand', className: 'flex header__inner', children: [_jsx("a", { "data-qa": 'Header_Logo', className: 'header__logo', href: '/', children: _jsx(Logo, { siteName: siteName, width: '188', height: '32' }) }), _jsx(NavMenu, { ...navMenuProps
|
|
7
|
+
const { classnames, siteName } = mainHeaderProps;
|
|
8
|
+
return (_jsxs(HeaderStyled, { className: `header ${classnames}`, ref: ref, id: 'header', children: [_jsx(TopBar, { ...topBarProps }), _jsxs("span", { itemScope: true, itemType: 'https://www.schema.org/Brand', className: 'flex header__inner', children: [_jsx("a", { "data-qa": 'Header_Logo', className: 'header__logo', href: '/', children: _jsx(Logo, { siteName: siteName, width: '188', height: '32' }) }), _jsx(NavMenu, { ...navMenuProps })] })] }));
|
|
9
9
|
});
|
|
10
10
|
Header.displayName = 'Header';
|
|
11
11
|
export default Header;
|
|
@@ -7,7 +7,7 @@ import { NavMenu } from '../../organisms/NavMenu'
|
|
|
7
7
|
|
|
8
8
|
const Header = forwardRef<HTMLDivElement, HeaderProps>(
|
|
9
9
|
({ mainHeaderProps, topBarProps, navMenuProps }, ref): ReactElement => {
|
|
10
|
-
const { classnames, siteName
|
|
10
|
+
const { classnames, siteName } = mainHeaderProps
|
|
11
11
|
return (
|
|
12
12
|
<HeaderStyled className={`header ${classnames}`} ref={ref} id='header'>
|
|
13
13
|
<TopBar {...topBarProps} />
|
|
@@ -15,7 +15,7 @@ const Header = forwardRef<HTMLDivElement, HeaderProps>(
|
|
|
15
15
|
<a data-qa={'Header_Logo'} className='header__logo' href='/'>
|
|
16
16
|
<Logo siteName={siteName} width='188' height='32' />
|
|
17
17
|
</a>
|
|
18
|
-
<NavMenu {...navMenuProps}
|
|
18
|
+
<NavMenu {...navMenuProps} />
|
|
19
19
|
</span>
|
|
20
20
|
</HeaderStyled>
|
|
21
21
|
)
|
|
@@ -25,7 +25,6 @@ export interface HeaderProps {
|
|
|
25
25
|
classnames?: string;
|
|
26
26
|
hide?: boolean;
|
|
27
27
|
siteName: string;
|
|
28
|
-
strapiLocale: string;
|
|
29
28
|
};
|
|
30
29
|
topBarProps: {
|
|
31
30
|
hide?: boolean;
|
|
@@ -80,6 +79,7 @@ export interface HeaderProps {
|
|
|
80
79
|
dataQa: string;
|
|
81
80
|
label: string;
|
|
82
81
|
};
|
|
82
|
+
aiLabel: string;
|
|
83
83
|
navMenuItems: {
|
|
84
84
|
title: string;
|
|
85
85
|
dataQa: string;
|
|
@@ -30,7 +30,6 @@ export interface HeaderProps {
|
|
|
30
30
|
classnames?: string
|
|
31
31
|
hide?: boolean
|
|
32
32
|
siteName: string
|
|
33
|
-
strapiLocale: string
|
|
34
33
|
}
|
|
35
34
|
topBarProps: {
|
|
36
35
|
hide?: boolean
|
|
@@ -85,6 +84,7 @@ export interface HeaderProps {
|
|
|
85
84
|
dataQa: string
|
|
86
85
|
label: string
|
|
87
86
|
}
|
|
87
|
+
aiLabel: string
|
|
88
88
|
navMenuItems: {
|
|
89
89
|
title: string
|
|
90
90
|
dataQa: string
|