@npm_leadtech/legal-lib-components 7.15.0 → 7.16.1

package/dist/src/components/molecules/SearchBar/SearchBarProps.types.ts

@@ -0,0 +1,41 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+export interface Products {
+  categoryUrl?: string
+  isFeatured?: boolean
+  popularOrder: number
+  jumboTitle: string
+  linkText: string
+  slug: string
+  footerPopularDocument?: boolean
+  logoImgBig?: string
+  logoImgSmall?: string
+  categoryProduct?: {
+    name: string
+    icon: string
+  }
+}
+
+export interface StrapiSearchBar {
+  title: string
+  placeholder: string
+}
+
+export interface Routes {
+  CUSTOM_URL_FROM_APP_SUBDOMAIN: (url: string) => string
+  CUSTOM_URL_FROM_TARGET_ADDRESS: (url: string) => string
+  LEGAL_DOCUMENTS: string
+  LEGAL_DOCUMENTS_WITH_HASH: (category: string) => string
+  LEGAL_DOCUMENTS_WITH_CATEGORY: (category: string) => string
+  LOGIN: string
+  MY_DOCUMENTS: string
+  REGISTER: string
+  RATAFIA_LOGIN: string
+  SIGN_EDITOR: string
+}
+
+export interface SearchBarProps {
+  products: Products[]
+  searchBarTexts: StrapiSearchBar
+  routes: Routes
+  handleResultClick: (product: string, link: string) => void
+}

package/dist/src/components/molecules/SearchBar/index.d.ts

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

package/dist/src/components/molecules/SearchBar/index.js

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

package/dist/src/components/molecules/SearchBar/index.ts

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

package/dist/src/components/molecules/TextInput/TextInput.scss

@@ -55,6 +55,10 @@
     font-weight: bold;
   }
 
+  .e-text__inner {
+    grid-row: 1;
+  }
+
   .form-group__label-icon {
     color: var(--neutral-neutral-1);
     font-weight: bold;
@@ -150,6 +154,8 @@
 
   &--has-prefix {
     width: 100%;
+    display: grid;
+    grid-template-columns: 1fr;
 
     @include portrait-tablets {
       width: 50%;
@@ -157,14 +163,23 @@
 
     .has-currency-prefix {
       padding-left: 2rem;
+      grid-column: 1;
+      grid-row: 2;
+      align-self: center;
     }
 
     .has-currency-suffix {
       padding-right: 2rem;
+      grid-column: 1;
+      grid-row: 2;
+      align-self: center;
     }
 
     .has-percent-suffix {
       padding-left: 0.75rem;
+      grid-column: 1;
+      grid-row: 2;
+      align-self: center;
     }
   }
 
@@ -185,27 +200,28 @@
   }
 
   .input-icon-currency-suffix {
-    position: absolute;
-    right: 10px;
-    bottom: 10px;
-    background: none;
-    border: none;
+    grid-column: 1;
+    grid-row: 2;
+    align-self: center;
+    margin-left: calc(100% - 30px);
+    width: fit-content;
   }
 
   .input-icon-currency-prefix {
-    position: absolute;
-    left: 10px;
-    bottom: 10px;
-    background: none;
-    border: none;
+    grid-column: 1;
+    grid-row: 2;
+    align-self: center;
+    z-index: 1;
+    padding-left: 0.87rem;
+    width: fit-content;
   }
 
   .input-icon-percent-suffix {
-    position: absolute;
-    right: 10px;
-    bottom: 10px;
-    background: none;
-    border: none;
+    grid-column: 1;
+    grid-row: 2;
+    align-self: center;
+    margin-left: calc(100% - 30px);
+    width: fit-content;
   }
 
   .formgroup--input__button {

package/dist/src/components/molecules/TextInput/stories/TextInput.stories.tsx

@@ -124,7 +124,7 @@ export const MaskInput: Story = {
   }
 }
 
-export const WithPrefixEuro: Story = {
+export const WithSufixEuro: Story = {
   args: {
     name: 'prefix',
     label: 'Price:',
@@ -146,7 +146,7 @@ export const WithPrefixNoEuro: Story = {
   }
 }
 
-export const WithPrefixPercent: Story = {
+export const WithSufixPercent: Story = {
   args: {
     name: 'prefix',
     label: 'Price:',
@@ -156,3 +156,14 @@ export const WithPrefixPercent: Story = {
     country: 'US'
   }
 }
+
+export const WithPrefixPercent: Story = {
+  args: {
+    name: 'prefix',
+    label: 'Price:',
+    value: '20.30',
+    type: 'text',
+    prefix: 'currency',
+    country: 'CA'
+  }
+}

package/dist/src/components/molecules/TooltipMenu/TooltipMenu.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MenuItems, Tooltip } from '../../atoms';
+import { MenuItemsDeprecated, Tooltip } from '../../atoms';
 import { MenuCollapse24p } from '../../../../images/componentsSvg/MenuCollapse24p';
 // import './TooltipMenu.scss'
 const TooltipMenu = ({ options, onClick, label }) => {
-    const menu = _jsx(MenuItems, { list: options });
+    const menu = _jsx(MenuItemsDeprecated, { list: options });
     return (_jsx(Tooltip, { content: menu, allowHTML: true, interactive: true, position: 'bottom', trigger: 'click', children: _jsxs("div", { className: 'tooltip-menu__item', onClick: onClick, children: [_jsx(MenuCollapse24p, {}), _jsx("span", { className: 'actions-span sans-serif --extra-small', children: label })] }) }));
 };
 export default TooltipMenu;

package/dist/src/components/molecules/TooltipMenu/TooltipMenu.tsx

@@ -2,13 +2,13 @@
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 import React, { type FC } from 'react'
 
-import { MenuItems, Tooltip } from '../../atoms'
+import { MenuItemsDeprecated, Tooltip } from '../../atoms'
 import { MenuCollapse24p } from '../../../../images/componentsSvg/MenuCollapse24p'
 import { type TooltipMenuProps } from './TooltipMenuProps.types'
 // import './TooltipMenu.scss'
 
 const TooltipMenu: FC<TooltipMenuProps> = ({ options, onClick, label }: TooltipMenuProps) => {
-  const menu = <MenuItems list={options}></MenuItems>
+  const menu = <MenuItemsDeprecated list={options}></MenuItemsDeprecated>
 
   return (
     <Tooltip content={menu} allowHTML={true} interactive={true} position='bottom' trigger='click'>

package/dist/src/components/molecules/index.d.ts

@@ -1,6 +1,7 @@
 export * from './AccordionItem';
 export * from './ActionButtonHeaderRatafiaCardList';
 export * from './AlsoKnownAs';
+export * from './AllTypeDocumentsItemMenu';
 export * from './Article';
 export * from './BaseBoxList';
 export * from './BenefitRatafiaCardList';
@@ -13,6 +14,7 @@ export * from './ContactCardList';
 export * from './ContactInfo';
 export * from './ContinueEditingBanner';
 export * from './CountDownMessage';
+export * from './DocumentListMenuSection';
 export * from './EmailContactBox';
 export * from './ExpertCardList';
 export * from './FaqItem';
@@ -23,6 +25,7 @@ export * from './FreeDocModalContent';
 export * from './HeaderRatafia';
 export * from './KeyFactCardListRatafia';
 export * from './MenuItemsSection';
+export * from './MenuSectionTitle';
 export * from './MidBannerRatafiaContent';
 export * from './MidBannerRatafiaSample';
 export * from './MoreDocsDesktop';
@@ -32,12 +35,14 @@ export * from './Pagination';
 export * from './PhoneContactBoxDesktop';
 export * from './PhoneContactBoxMobile';
 export * from './PopularDocs';
+export * from './ProductListMenu';
 export * from './PricingCard';
 export * from './RatafiaResultCardList';
 export * from './RatafiaResultTabList';
 export * from './SocialLinks';
 export * from './SubscriptionCard';
 export * from './Snackbar';
+export * from './SearchBar';
 export * from './StepGetForm';
 export * from './StepRatafiaCardList';
 export * from './SubtypeDocumentCard';

package/dist/src/components/molecules/index.js

@@ -1,6 +1,7 @@
 export * from './AccordionItem';
 export * from './ActionButtonHeaderRatafiaCardList';
 export * from './AlsoKnownAs';
+export * from './AllTypeDocumentsItemMenu';
 export * from './Article';
 export * from './BaseBoxList';
 export * from './BenefitRatafiaCardList';
@@ -13,6 +14,7 @@ export * from './ContactCardList';
 export * from './ContactInfo';
 export * from './ContinueEditingBanner';
 export * from './CountDownMessage';
+export * from './DocumentListMenuSection';
 export * from './EmailContactBox';
 export * from './ExpertCardList';
 export * from './FaqItem';
@@ -23,6 +25,7 @@ export * from './FreeDocModalContent';
 export * from './HeaderRatafia';
 export * from './KeyFactCardListRatafia';
 export * from './MenuItemsSection';
+export * from './MenuSectionTitle';
 export * from './MidBannerRatafiaContent';
 export * from './MidBannerRatafiaSample';
 export * from './MoreDocsDesktop';
@@ -32,12 +35,14 @@ export * from './Pagination';
 export * from './PhoneContactBoxDesktop';
 export * from './PhoneContactBoxMobile';
 export * from './PopularDocs';
+export * from './ProductListMenu';
 export * from './PricingCard';
 export * from './RatafiaResultCardList';
 export * from './RatafiaResultTabList';
 export * from './SocialLinks';
 export * from './SubscriptionCard';
 export * from './Snackbar';
+export * from './SearchBar';
 export * from './StepGetForm';
 export * from './StepRatafiaCardList';
 export * from './SubtypeDocumentCard';

package/dist/src/components/molecules/index.ts

@@ -1,6 +1,7 @@
 export * from './AccordionItem'
 export * from './ActionButtonHeaderRatafiaCardList'
 export * from './AlsoKnownAs'
+export * from './AllTypeDocumentsItemMenu'
 export * from './Article'
 export * from './BaseBoxList'
 export * from './BenefitRatafiaCardList'
@@ -13,6 +14,7 @@ export * from './ContactCardList'
 export * from './ContactInfo'
 export * from './ContinueEditingBanner'
 export * from './CountDownMessage'
+export * from './DocumentListMenuSection'
 export * from './EmailContactBox'
 export * from './ExpertCardList'
 export * from './FaqItem'
@@ -23,6 +25,7 @@ export * from './FreeDocModalContent'
 export * from './HeaderRatafia'
 export * from './KeyFactCardListRatafia'
 export * from './MenuItemsSection'
+export * from './MenuSectionTitle'
 export * from './MidBannerRatafiaContent'
 export * from './MidBannerRatafiaSample'
 export * from './MoreDocsDesktop'
@@ -32,12 +35,14 @@ export * from './Pagination'
 export * from './PhoneContactBoxDesktop'
 export * from './PhoneContactBoxMobile'
 export * from './PopularDocs'
+export * from './ProductListMenu'
 export * from './PricingCard'
 export * from './RatafiaResultCardList'
 export * from './RatafiaResultTabList'
 export * from './SocialLinks'
 export * from './SubscriptionCard'
 export * from './Snackbar'
+export * from './SearchBar'
 export * from './StepGetForm'
 export * from './StepRatafiaCardList'
 export * from './SubtypeDocumentCard'

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../atoms/Button';
+import { DocumentListMenuSection } from '../../molecules/DocumentListMenuSection';
+import { DocumentListMenuStyled } from './DocumentListMenu.styled';
+export const DocumentListMenu = ({ routes, seeAllLegalDocs, seeAllTypeDocs, finalMenu, hasSubCategoryPage, setCookiePolicyFunc }) => {
+    return (_jsxs(DocumentListMenuStyled, { className: 'document-list-menu', children: [_jsx("div", { className: 'documents-wrapper', children: finalMenu.map((item, index) => (_jsx("div", { className: 'products__list__section-container', children: _jsx(DocumentListMenuSection, { products: item.products, type: item.type, icon: item.icon, seeAllTypeDocs: seeAllTypeDocs, slug: finalMenu[0].slug, hasSubCategoryPage: hasSubCategoryPage, routes: routes, setCookiePolicyFunc: setCookiePolicyFunc }) }, index))) }), _jsx("div", { className: 'all-documents-button-wrapper', children: _jsx(Button, { color: 'transparent', centered: true, size: 'M', givenClass: 'all-documents-button', link: routes.LEGAL_DOCUMENTS, label: seeAllLegalDocs, dataQa: 'button-see-all-documents' }) })] }));
+};

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

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

package/dist/src/components/organisms/DocumentListMenu/DocumentListMenu.styled.js

@@ -0,0 +1,67 @@
+import { device } from '../../../globalStyles/breakpoints';
+import styled from 'styled-components';
+export const DocumentListMenuStyled = styled.div `
+  display: flex;
+  flex-flow: column nowrap;
+  background: var(--others-white);
+  width: 100%;
+  padding: 1rem 0;
+
+  @media ${device['landscape-tablets']} {
+    display: none;
+  }
+
+  .documents-wrapper {
+    display: flex;
+    flex-flow: row wrap;
+    align-items: flex-start;
+    margin: auto;
+
+    @media ${device['landscape-tablets']} {
+      width: 696px;
+    }
+
+    @media ${device['laptop']} {
+      width: 910px;
+    }
+
+    @media ${device['desktop-xl']} {
+      width: 1128px;
+    }
+
+    .products__list__section-container {
+      text-align: left;
+      width: 100%;
+
+      @media ${device['landscape-tablets']} {
+        width: 33%;
+        padding-right: 1rem;
+        &:nth-child(3) {
+          padding-right: 0;
+        }
+      }
+
+      @media ${device['laptop']} {
+        width: 20%;
+        &:nth-child(3) {
+          padding-right: 1rem;
+        }
+        &:last-child {
+          padding-right: 0;
+        }
+      }
+    }
+  }
+
+  .all-documents-button-wrapper {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+
+    .all-documents-button {
+      margin: 1rem auto;
+      max-width: 330px;
+      width: 100%;
+    }
+  }
+`;

package/dist/src/components/organisms/DocumentListMenu/DocumentListMenu.styled.ts

@@ -0,0 +1,68 @@
+import { device } from '../../../globalStyles/breakpoints'
+import styled from 'styled-components'
+
+export const DocumentListMenuStyled = styled.div`
+  display: flex;
+  flex-flow: column nowrap;
+  background: var(--others-white);
+  width: 100%;
+  padding: 1rem 0;
+
+  @media ${device['landscape-tablets']} {
+    display: none;
+  }
+
+  .documents-wrapper {
+    display: flex;
+    flex-flow: row wrap;
+    align-items: flex-start;
+    margin: auto;
+
+    @media ${device['landscape-tablets']} {
+      width: 696px;
+    }
+
+    @media ${device['laptop']} {
+      width: 910px;
+    }
+
+    @media ${device['desktop-xl']} {
+      width: 1128px;
+    }
+
+    .products__list__section-container {
+      text-align: left;
+      width: 100%;
+
+      @media ${device['landscape-tablets']} {
+        width: 33%;
+        padding-right: 1rem;
+        &:nth-child(3) {
+          padding-right: 0;
+        }
+      }
+
+      @media ${device['laptop']} {
+        width: 20%;
+        &:nth-child(3) {
+          padding-right: 1rem;
+        }
+        &:last-child {
+          padding-right: 0;
+        }
+      }
+    }
+  }
+
+  .all-documents-button-wrapper {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+
+    .all-documents-button {
+      margin: 1rem auto;
+      max-width: 330px;
+      width: 100%;
+    }
+  }
+`

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

@@ -0,0 +1,47 @@
+import { Button } from '../../atoms/Button'
+import React from 'react'
+
+import { type DocumentListMenuProps } from './DocumentListMenuProps.types'
+import { DocumentListMenuSection } from '../../molecules/DocumentListMenuSection'
+import { DocumentListMenuStyled } from './DocumentListMenu.styled'
+
+export const DocumentListMenu: React.FC<DocumentListMenuProps> = ({
+  routes,
+  seeAllLegalDocs,
+  seeAllTypeDocs,
+  finalMenu,
+  hasSubCategoryPage,
+  setCookiePolicyFunc
+}) => {
+  return (
+    <DocumentListMenuStyled className={'document-list-menu'}>
+      <div className={'documents-wrapper'}>
+        {finalMenu.map((item, index) => (
+          <div className='products__list__section-container' key={index}>
+            <DocumentListMenuSection
+              products={item.products}
+              type={item.type}
+              icon={item.icon}
+              seeAllTypeDocs={seeAllTypeDocs}
+              slug={finalMenu[0].slug}
+              hasSubCategoryPage={hasSubCategoryPage}
+              routes={routes}
+              setCookiePolicyFunc={setCookiePolicyFunc}
+            ></DocumentListMenuSection>
+          </div>
+        ))}
+      </div>
+      <div className={'all-documents-button-wrapper'}>
+        <Button
+          color='transparent'
+          centered
+          size='M'
+          givenClass='all-documents-button'
+          link={routes.LEGAL_DOCUMENTS}
+          label={seeAllLegalDocs}
+          dataQa='button-see-all-documents'
+        ></Button>
+      </div>
+    </DocumentListMenuStyled>
+  )
+}

package/dist/src/components/organisms/DocumentListMenu/DocumentListMenuProps.types.d.ts

@@ -0,0 +1,21 @@
+import { Routes } from '../../sections/Header/HeaderProps.types';
+export interface ProductListMenuProps {
+    slug: string;
+    linkText: string;
+    categoryUrl?: string;
+}
+export interface DocumentListMenuSectionProps {
+    icon: string;
+    type: string;
+    products: ProductListMenuProps[];
+    slug: string;
+    seeAllTypeDocs: string;
+}
+export interface DocumentListMenuProps {
+    seeAllLegalDocs: string;
+    seeAllTypeDocs: string;
+    routes: Routes;
+    finalMenu: DocumentListMenuSectionProps[];
+    hasSubCategoryPage: boolean;
+    setCookiePolicyFunc: (url?: string, setCookiePolicyAccepted?: boolean) => void;
+}

package/dist/src/components/organisms/DocumentListMenu/DocumentListMenuProps.types.js

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

package/dist/src/components/organisms/DocumentListMenu/DocumentListMenuProps.types.ts

@@ -0,0 +1,24 @@
+import { Routes } from '../../sections/Header/HeaderProps.types'
+
+export interface ProductListMenuProps {
+  slug: string
+  linkText: string
+  categoryUrl?: string
+}
+
+export interface DocumentListMenuSectionProps {
+  icon: string
+  type: string
+  products: ProductListMenuProps[]
+  slug: string
+  seeAllTypeDocs: string
+}
+
+export interface DocumentListMenuProps {
+  seeAllLegalDocs: string
+  seeAllTypeDocs: string
+  routes: Routes
+  finalMenu: DocumentListMenuSectionProps[]
+  hasSubCategoryPage: boolean
+  setCookiePolicyFunc: (url?: string, setCookiePolicyAccepted?: boolean) => void
+}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowRight } from '../../../../images/componentsSvg/ArrowRight';
+import { DocumentMainMenuStyled } from './DocumentMainMenu.styled';
+import DocumentSubMenu from '../DocumentSubMenu/DocumentSubMenu';
+export const DocumentMainMenu = ({ seeAllTypeDocs, allLegalDocs, allTypeDocs, setCookiePolicyFunc, routes, hasSubCategoryPage, finalMenu }) => {
+    return (_jsxs(DocumentMainMenuStyled, { children: [finalMenu.map((item, index) => (_jsxs("li", { className: 'menu-items-li', children: [item.type, _jsx("div", { className: 'icon-arrow', children: _jsx(ArrowRight, {}) }), _jsxs("ul", { className: 'submenu__list', children: [item.products.map((product, index) => (_jsx(DocumentSubMenu, { product: product, setCookiePolicyFunc: setCookiePolicyFunc, routes: routes }, index))), _jsx("li", { className: 'menu-items-li all-item', children: _jsx("a", { title: seeAllTypeDocs.replace(/{{type}}/g, item.type), "data-qa": `Header_Menu__${item.slug}_all-documents`, href: hasSubCategoryPage
+                                        ? routes.LEGAL_DOCUMENTS_WITH_CATEGORY(item.slug)
+                                        : routes.LEGAL_DOCUMENTS_WITH_HASH(item.type), children: item.type.includes('Documents')
+                                        ? allTypeDocs.replace(/{{type}}/g, item.type).replace('Documents', '')
+                                        : allTypeDocs.replace(/{{type}}/g, item.type) }) })] }, index)] }, index))), _jsx("li", { className: 'menu-items-li all-item', children: _jsx("a", { title: allLegalDocs, "data-qa": 'Header_Menu_Document_List_All_Documents', href: routes.LEGAL_DOCUMENTS, children: allLegalDocs }) })] }));
+};

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

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