@npm_leadtech/legal-lib-components 7.12.27 → 7.12.29

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 +3 -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,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M14.4121 7.49971C14.0877 7.17531 13.5618 7.17503 13.2371 7.49907L9.9999 10.7292L6.76272 7.49907C6.43797 7.17503 5.91212 7.17531 5.58772 7.49971C5.26308 7.82435 5.26308 8.35071 5.58772 8.67535L9.41065 12.4983C9.73608 12.8237 10.2637 12.8237 10.5892 12.4983L14.4121 8.67535C14.7367 8.35071 14.7367 7.82435 14.4121 7.49971Z" fill="#1E2021"/>
3
+ </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.29",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",