@npm_leadtech/legal-lib-components 7.14.7 → 7.16.0

package/dist/src/components/organisms/MenuItems/MenuItems.tsx

@@ -0,0 +1,81 @@
+import React from 'react'
+
+import { DocumentListMenu } from '../../../components/organisms/DocumentListMenu/DocumentListMenu'
+import { DocumentMainMenu } from '../../../components/organisms/DocumentMainMenu/DocumentMainMenu'
+import { type MenuItemsProps } from './MenuItemsProps.types'
+import { MenuItemsStyled } from './MenuItems.styled'
+import { RatafiaLandingIcon } from '../../atoms/RatafiaLandingIcon'
+import arrowDown from '../../../../images/svg/arrow-down.svg'
+
+export const MenuItems: React.FC<MenuItemsProps> = ({
+  hasProducts,
+  seeAllDocumentsText,
+  setCookiePolicyFunc,
+  routes,
+  finalMenu,
+  isMobile,
+  configVars,
+  navMenuItems,
+  extraMenu
+}) => {
+  return (
+    <MenuItemsStyled className={`${isMobile ? 'navigation-pane' : 'left-nav'}`}>
+      {hasProducts && (
+        <div className={'navigation-pane__products'}>
+          <div className={'navigation-pane__products__container'}>
+            <p className={'navigation-pane__products__title'}>{'Documents'}</p>
+            <img src={arrowDown} alt='arrow-down' />
+          </div>
+          <div className={'products__list'}>
+            {isMobile ? (
+              <DocumentListMenu
+                routes={routes}
+                seeAllLegalDocs={seeAllDocumentsText?.seeAllLegalDocs ?? ''}
+                seeAllTypeDocs={seeAllDocumentsText?.seeAllTypeDocs ?? ''}
+                finalMenu={finalMenu}
+                hasSubCategoryPage={configVars.HAS_SUBCATEGORY_PAGE}
+                setCookiePolicyFunc={setCookiePolicyFunc}
+              ></DocumentListMenu>
+            ) : (
+              <DocumentMainMenu
+                seeAllTypeDocs={seeAllDocumentsText?.seeAllTypeDocs ?? ''}
+                allLegalDocs={seeAllDocumentsText?.allLegalDocs ?? ''}
+                allTypeDocs={seeAllDocumentsText?.allTypeDocs ?? ''}
+                setCookiePolicyFunc={setCookiePolicyFunc}
+                routes={routes}
+                hasSubCategoryPage={configVars.HAS_SUBCATEGORY_PAGE}
+                finalMenu={finalMenu}
+              ></DocumentMainMenu>
+            )}
+          </div>
+        </div>
+      )}
+      {!!navMenuItems &&
+        navMenuItems.map((item) => (
+          <div className={`navigation-pane__link`} key={item.title}>
+            <a className={`navigation-pane__link__title`} title={item.title} data-qa={item.dataQa} href={item.href}>
+              <p>{item.label}</p>
+              {item.label === 'LawGenius' && <RatafiaLandingIcon />}
+            </a>
+          </div>
+        ))}
+      {!!extraMenu && extraMenu?.items?.length > 0 && (
+        <div className={'navigation-pane__resources'}>
+          <div className={'navigation-pane__resources__container'}>
+            <p className={'navigation-pane__resources__title'}>{extraMenu.title}</p>
+            <img src={arrowDown} alt='arrow-down' />
+          </div>
+          <ul className={'resources__list'}>
+            {extraMenu.items.map((item) => (
+              <li className='menu-items-li' key={item.title}>
+                <a title={item.title} data-qa={item.dataQa} href={item.href}>
+                  {item.label}
+                </a>
+              </li>
+            ))}
+          </ul>
+        </div>
+      )}
+    </MenuItemsStyled>
+  )
+}

package/dist/src/components/organisms/MenuItems/MenuItemsProps.types.d.ts

@@ -0,0 +1,45 @@
+import { DocumentListMenuSectionProps } from '../../molecules';
+import { Routes } from '../../sections/Header/HeaderProps.types';
+export interface MenuItemsProps {
+    hasProducts?: boolean;
+    isResourcesHidden?: boolean;
+    seeAllDocumentsText?: {
+        seeAllLegalDocs: string;
+        seeAllTypeDocs: string;
+        allLegalDocs: string;
+        allTypeDocs: string;
+    };
+    setCookiePolicyFunc: (url?: string, setCookiePolicyAccepted?: boolean) => void;
+    routes: Routes;
+    finalMenu: DocumentListMenuSectionProps[];
+    isMobile: boolean;
+    configVars: {
+        TARGET_ADDRESS: string;
+        ESIGNATURE_CONFIG: {
+            ENABLED: boolean;
+            SIGN_SUBDOMAIN: string;
+        };
+        IS_JONSNOW: boolean;
+        HAS_GRAV_SITEMAP: boolean;
+        RATAFIA_CONFIG: {
+            ENABLED: boolean;
+            CLAUSES_ENABLED: boolean;
+        };
+        HAS_SUBCATEGORY_PAGE: boolean;
+    };
+    navMenuItems?: {
+        title: string;
+        dataQa: string;
+        href: string;
+        label: string;
+    }[];
+    extraMenu?: {
+        title: string;
+        items: {
+            title: string;
+            dataQa: string;
+            href: string;
+            label: string;
+        }[];
+    };
+}

package/dist/src/components/organisms/MenuItems/MenuItemsProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/organisms/MenuItems/MenuItemsProps.types.ts

@@ -0,0 +1,46 @@
+import { DocumentListMenuSectionProps } from '../../molecules'
+import { Routes } from '../../sections/Header/HeaderProps.types'
+
+export interface MenuItemsProps {
+  hasProducts?: boolean
+  isResourcesHidden?: boolean
+  seeAllDocumentsText?: {
+    seeAllLegalDocs: string
+    seeAllTypeDocs: string
+    allLegalDocs: string
+    allTypeDocs: string
+  }
+  setCookiePolicyFunc: (url?: string, setCookiePolicyAccepted?: boolean) => void
+  routes: Routes
+  finalMenu: DocumentListMenuSectionProps[]
+  isMobile: boolean
+  configVars: {
+    TARGET_ADDRESS: string
+    ESIGNATURE_CONFIG: {
+      ENABLED: boolean
+      SIGN_SUBDOMAIN: string
+    }
+    IS_JONSNOW: boolean
+    HAS_GRAV_SITEMAP: boolean
+    RATAFIA_CONFIG: {
+      ENABLED: boolean
+      CLAUSES_ENABLED: boolean
+    }
+    HAS_SUBCATEGORY_PAGE: boolean
+  }
+  navMenuItems?: {
+    title: string
+    dataQa: string
+    href: string
+    label: string
+  }[]
+  extraMenu?: {
+    title: string
+    items: {
+      title: string
+      dataQa: string
+      href: string
+      label: string
+    }[]
+  }
+}

package/dist/src/components/organisms/MenuItems/index.d.ts

@@ -0,0 +1,2 @@
+export { MenuItems } from './MenuItems';
+export { type MenuItemsProps } from './MenuItemsProps.types';

package/dist/src/components/organisms/MenuItems/index.js

@@ -0,0 +1 @@
+export { MenuItems } from './MenuItems';

package/dist/src/components/organisms/MenuItems/index.ts

@@ -0,0 +1,2 @@
+export { MenuItems } from './MenuItems'
+export { type MenuItemsProps } from './MenuItemsProps.types'

package/dist/src/components/organisms/NavMenu/NavMenu.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type NavMenuProps } from './NavMenuProps.types';
+export declare const NavMenu: React.FC<NavMenuProps>;

package/dist/src/components/organisms/NavMenu/NavMenu.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LanguageSelector } from '../LanguageSelector';
+import { MenuItems } from '../MenuItems';
+import { NavMenuStyled } from './NavMenu.styled';
+import { NavMobileContactBar } from '../../molecules/NavMobileContactBar';
+import { PhoneIcon } from '../../../../images/componentsSvg/PhoneIcon';
+import { SearchBar } from '../../../components/molecules/SearchBar/SearchBar';
+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 }) => {
+    return (_jsx(NavMenuStyled, { children: isMobile ? (_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] })] })) }));
+};

package/dist/src/components/organisms/NavMenu/NavMenu.styled.d.ts

@@ -0,0 +1 @@
+export declare const NavMenuStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;