@npm_leadtech/legal-lib-components 7.12.27 → 7.12.28

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.
Files changed (6) hide show
  1. package/dist/images/svg/arrow-down.svg +21 -0
  2. package/dist/src/components/organisms/MenuItems/MenuItems.js +3 -2
  3. package/dist/src/components/organisms/MenuItems/MenuItems.styled.js +9 -0
  4. package/dist/src/components/organisms/MenuItems/MenuItems.styled.ts +9 -0
  5. package/dist/src/components/organisms/MenuItems/MenuItems.tsx +9 -2
  6. package/package.json +1 -1
package/dist/images/svg/arrow-down.svg ADDED
@@ -0,0 +1,21 @@
1
+ <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="10" height="6" fill="#F2F2F2"/>
3
+ <g id="&#240;&#159;&#150;&#165;&#239;&#184;&#143;&#240;&#159;&#147;&#177; E-sign access - Menu &#38; footer">
4
+ <path d="M-444 -147C-444 -160.255 -433.255 -171 -420 -171H4983C4996.25 -171 5007 -160.255 5007 -147V3203C5007 3216.25 4996.25 3227 4983 3227H-420C-433.255 3227 -444 3216.25 -444 3203V-147Z" fill="#DBE1E5"/>
5
+ <g id="DesktopHD">
6
+ <rect width="1440" height="1018" transform="translate(-343 -71)" fill="white"/>
7
+ <g id="NavBar">
8
+ <rect width="1440" height="76" transform="translate(-343 -35)" fill="white"/>
9
+ <g id="Logo + Links">
10
+ <g id="NavLinks">
11
+ <g id="NavLink">
12
+ <g id="Icon/Chevron/expand_more_24px">
13
+ <path id="path" d="M9.41208 0.499709C9.08769 0.175315 8.56183 0.175028 8.23708 0.499068L4.9999 3.7292L1.76272 0.499068C1.43797 0.175028 0.912115 0.175315 0.587721 0.499709C0.263077 0.824353 0.263077 1.35071 0.587722 1.67535L4.41065 5.49827C4.73608 5.82371 5.26372 5.82371 5.58916 5.49827L9.41208 1.67535C9.73672 1.35071 9.73672 0.824353 9.41208 0.499709Z" fill="#1E2021"/>
14
+ </g>
15
+ </g>
16
+ </g>
17
+ </g>
18
+ </g>
19
+ </g>
20
+ </g>
21
+ </svg>
package/dist/src/components/organisms/MenuItems/MenuItems.js CHANGED
@@ -3,7 +3,8 @@ import { DocumentListMenu } from '../../../components/organisms/DocumentListMenu
3
3
  import { DocumentMainMenu } from '../../../components/organisms/DocumentMainMenu/DocumentMainMenu';
4
4
  import { MenuItemsStyled } from './MenuItems.styled';
5
5
  import { RatafiaLandingIcon } from '../../atoms/RatafiaLandingIcon';
6
+ import arrowDown from '../../../../images/svg/arrow-down.svg';
6
7
  export const MenuItems = ({ hasProducts, seeAllDocumentsText, setCookiePolicyFunc, routes, finalMenu, isMobile, configVars, navMenuItems, extraMenu }) => {
7
- return (_jsxs(MenuItemsStyled, { className: `${isMobile ? 'navigation-pane' : 'left-nav'}`, children: [hasProducts && (_jsxs("div", { className: 'navigation-pane__products', children: [_jsx("p", { className: 'navigation-pane__products__title', children: 'Documents' }), _jsx("div", { className: 'products__list', children: isMobile ? (_jsx(DocumentListMenu, { routes: routes, seeAllLegalDocs: seeAllDocumentsText?.seeAllLegalDocs ?? '', seeAllTypeDocs: seeAllDocumentsText?.seeAllTypeDocs ?? '', finalMenu: finalMenu, hasSubCategoryPage: configVars.HAS_SUBCATEGORY_PAGE, setCookiePolicyFunc: setCookiePolicyFunc })) : (_jsx(DocumentMainMenu, { seeAllTypeDocs: seeAllDocumentsText?.seeAllTypeDocs ?? '', allLegalDocs: seeAllDocumentsText?.allLegalDocs ?? '', allTypeDocs: seeAllDocumentsText?.allTypeDocs ?? '', setCookiePolicyFunc: setCookiePolicyFunc, routes: routes, hasSubCategoryPage: configVars.HAS_SUBCATEGORY_PAGE, finalMenu: finalMenu })) })] })), !!navMenuItems &&
8
- 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 === 'LawGenius' && _jsx(RatafiaLandingIcon, {})] }) }, item.title))), !!extraMenu?.items && (_jsxs("div", { className: 'navigation-pane__resources', children: [_jsx("p", { className: 'navigation-pane__resources__title', children: extraMenu.title }), _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))) })] }))] }));
8
+ return (_jsxs(MenuItemsStyled, { className: `${isMobile ? 'navigation-pane' : 'left-nav'}`, 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: 'Documents' }), _jsx("img", { src: arrowDown, alt: 'arrow-down' })] }), _jsx("div", { className: 'products__list', children: isMobile ? (_jsx(DocumentListMenu, { routes: routes, seeAllLegalDocs: seeAllDocumentsText?.seeAllLegalDocs ?? '', seeAllTypeDocs: seeAllDocumentsText?.seeAllTypeDocs ?? '', finalMenu: finalMenu, hasSubCategoryPage: configVars.HAS_SUBCATEGORY_PAGE, setCookiePolicyFunc: setCookiePolicyFunc })) : (_jsx(DocumentMainMenu, { seeAllTypeDocs: seeAllDocumentsText?.seeAllTypeDocs ?? '', allLegalDocs: seeAllDocumentsText?.allLegalDocs ?? '', allTypeDocs: seeAllDocumentsText?.allTypeDocs ?? '', setCookiePolicyFunc: setCookiePolicyFunc, routes: routes, hasSubCategoryPage: configVars.HAS_SUBCATEGORY_PAGE, finalMenu: finalMenu })) })] })), !!navMenuItems &&
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 === 'LawGenius' && _jsx(RatafiaLandingIcon, {})] }) }, item.title))), !!extraMenu?.items && (_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))) })] }))] }));
9
10
  };
package/dist/src/components/organisms/MenuItems/MenuItems.styled.js CHANGED
@@ -82,6 +82,15 @@ export const MenuItemsStyled = styled.div `
82
82
  align-items: center;
83
83
  }
84
84
 
85
+ .navigation-pane__products,
86
+ .navigation-pane__resources {
87
+ .navigation-pane__products__container,
88
+ .navigation-pane__resources__container {
89
+ display: flex;
90
+ gap: 0.5rem;
91
+ }
92
+ }
93
+
85
94
  .navigation-pane__products,
86
95
  .navigation-pane__ratafia,
87
96
  .navigation-pane__esignature,
package/dist/src/components/organisms/MenuItems/MenuItems.styled.ts CHANGED
@@ -83,6 +83,15 @@ export const MenuItemsStyled = styled.div`
83
83
  align-items: center;
84
84
  }
85
85
 
86
+ .navigation-pane__products,
87
+ .navigation-pane__resources {
88
+ .navigation-pane__products__container,
89
+ .navigation-pane__resources__container {
90
+ display: flex;
91
+ gap: 0.5rem;
92
+ }
93
+ }
94
+
86
95
  .navigation-pane__products,
87
96
  .navigation-pane__ratafia,
88
97
  .navigation-pane__esignature,
package/dist/src/components/organisms/MenuItems/MenuItems.tsx CHANGED
@@ -5,6 +5,7 @@ import { DocumentMainMenu } from '../../../components/organisms/DocumentMainMenu
5
5
  import { type MenuItemsProps } from './MenuItemsProps.types'
6
6
  import { MenuItemsStyled } from './MenuItems.styled'
7
7
  import { RatafiaLandingIcon } from '../../atoms/RatafiaLandingIcon'
8
+ import arrowDown from '../../../../images/svg/arrow-down.svg'
8
9
 
9
10
  export const MenuItems: React.FC<MenuItemsProps> = ({
10
11
  hasProducts,
@@ -21,7 +22,10 @@ export const MenuItems: React.FC<MenuItemsProps> = ({
21
22
  <MenuItemsStyled className={`${isMobile ? 'navigation-pane' : 'left-nav'}`}>
22
23
  {hasProducts && (
23
24
  <div className={'navigation-pane__products'}>
24
- <p className={'navigation-pane__products__title'}>{'Documents'}</p>
25
+ <div className={'navigation-pane__products__container'}>
26
+ <p className={'navigation-pane__products__title'}>{'Documents'}</p>
27
+ <img src={arrowDown} alt='arrow-down' />
28
+ </div>
25
29
  <div className={'products__list'}>
26
30
  {isMobile ? (
27
31
  <DocumentListMenu
@@ -57,7 +61,10 @@ export const MenuItems: React.FC<MenuItemsProps> = ({
57
61
  ))}
58
62
  {!!extraMenu?.items && (
59
63
  <div className={'navigation-pane__resources'}>
60
- <p className={'navigation-pane__resources__title'}>{extraMenu.title}</p>
64
+ <div className={'navigation-pane__resources__container'}>
65
+ <p className={'navigation-pane__resources__title'}>{extraMenu.title}</p>
66
+ <img src={arrowDown} alt='arrow-down' />
67
+ </div>
61
68
  <ul className={'resources__list'}>
62
69
  {extraMenu.items.map((item) => (
63
70
  <li className='menu-items-li' key={item.title}>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "7.12.27",
3
+ "version": "7.12.28",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",