@npm_leadtech/legal-lib-components 7.14.0 → 7.15.0

package/dist/src/components/atoms/DropdownInput/DropdownInput.styled.js

@@ -1,147 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const DropdownInputStyled = styled.div `
-  position: relative;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-
-  a {
-    text-decoration: none;
-  }
-
-  &:focus-within {
-    @media ${device['landscape-tablets']} {
-      .dropdown_input__container {
-        border-bottom: 2px var(--neutral-neutral-4) solid;
-      }
-
-      .dropdown_input__results {
-        opacity: 1;
-      }
-    }
-
-    .dropdown_input__container__icon {
-      color: var(--primary-main);
-
-      svg {
-        fill: var(--primary-main);
-        stroke: var(--primary-main);
-      }
-    }
-  }
-
-  .dropdown_input__container {
-    position: relative;
-    height: 2.75rem;
-    transition: all 0.25s;
-    border-bottom: 1px solid var(--neutral-neutral-4);
-
-    @media ${device['landscape-tablets']} {
-      border-top: 2px solid transparent;
-      border-bottom: 2px solid transparent;
-    }
-
-    .dropdown_input__container__text_input {
-      width: 100%;
-      height: 100%;
-      background: transparent;
-      border: none;
-
-      &:focus {
-        outline: none;
-      }
-
-      &::placeholder {
-        color: var(--neutral-neutral-3);
-      }
-
-      .dropdown_input__container__text_input.with-icon {
-        padding-right: 2rem;
-      }
-    }
-
-    .dropdown_input__container__icon {
-      display: flex;
-      align-items: center;
-      position: absolute;
-      right: 0;
-      top: 0;
-      height: 100%;
-      color: var(--neutral-neutral-3);
-      fill: currentColor;
-
-      @media ${device['landscape-tablets']} {
-        pointer-events: none;
-      }
-
-      .dropdown_input__container__icon__main {
-        width: 1.5rem;
-        height: 1.5rem;
-        opacity: 1;
-        margin-right: 0.25rem;
-
-        path {
-          transition: all 0.25s;
-        }
-      }
-
-      .dropdown_input__container__icon__clear {
-        transition: all 0.25s;
-        opacity: 0;
-        width: 2rem;
-        height: 2rem;
-      }
-
-      &.active {
-        .dropdown_input__container__icon__main {
-          display: none;
-
-          @media ${device['landscape-tablets']} {
-            display: block;
-          }
-        }
-
-        .dropdown_input__container__icon__clear {
-          opacity: 1;
-
-          @media ${device['landscape-tablets']} {
-            display: none;
-          }
-        }
-      }
-    }
-  }
-
-  .dropdown_input__results {
-    transition: all 0.25s;
-    display: flex;
-    position: relative;
-    flex-direction: column;
-    width: 100%;
-    border-radius: $s-border-radius;
-    margin-top: 1rem;
-    background: var(--others-white);
-    min-width: 20rem;
-
-    @media ${device['landscape-tablets']} {
-      position: absolute;
-      opacity: 0;
-      left: 0;
-      top: 100%;
-      box-shadow: $box-shadow-medium;
-      padding: 0.75rem 1rem;
-    }
-
-    & > li > * {
-      cursor: pointer;
-      padding: 0.25rem;
-      margin: 0.25rem 0;
-      display: block;
-
-      &:hover {
-        border-radius: 4px;
-        background: var(--primary-main-light-5);
-      }
-    }
-  }
-`;

package/dist/src/components/atoms/DropdownInput/DropdownInput.styled.ts

@@ -1,149 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-
-import styled from 'styled-components'
-
-export const DropdownInputStyled = styled.div`
-  position: relative;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-
-  a {
-    text-decoration: none;
-  }
-
-  &:focus-within {
-    @media ${device['landscape-tablets']} {
-      .dropdown_input__container {
-        border-bottom: 2px var(--neutral-neutral-4) solid;
-      }
-
-      .dropdown_input__results {
-        opacity: 1;
-      }
-    }
-
-    .dropdown_input__container__icon {
-      color: var(--primary-main);
-
-      svg {
-        fill: var(--primary-main);
-        stroke: var(--primary-main);
-      }
-    }
-  }
-
-  .dropdown_input__container {
-    position: relative;
-    height: 2.75rem;
-    transition: all 0.25s;
-    border-bottom: 1px solid var(--neutral-neutral-4);
-
-    @media ${device['landscape-tablets']} {
-      border-top: 2px solid transparent;
-      border-bottom: 2px solid transparent;
-    }
-
-    .dropdown_input__container__text_input {
-      width: 100%;
-      height: 100%;
-      background: transparent;
-      border: none;
-
-      &:focus {
-        outline: none;
-      }
-
-      &::placeholder {
-        color: var(--neutral-neutral-3);
-      }
-
-      .dropdown_input__container__text_input.with-icon {
-        padding-right: 2rem;
-      }
-    }
-
-    .dropdown_input__container__icon {
-      display: flex;
-      align-items: center;
-      position: absolute;
-      right: 0;
-      top: 0;
-      height: 100%;
-      color: var(--neutral-neutral-3);
-      fill: currentColor;
-
-      @media ${device['landscape-tablets']} {
-        pointer-events: none;
-      }
-
-      .dropdown_input__container__icon__main {
-        width: 1.5rem;
-        height: 1.5rem;
-        opacity: 1;
-        margin-right: 0.25rem;
-
-        path {
-          transition: all 0.25s;
-        }
-      }
-
-      .dropdown_input__container__icon__clear {
-        transition: all 0.25s;
-        opacity: 0;
-        width: 2rem;
-        height: 2rem;
-      }
-
-      &.active {
-        .dropdown_input__container__icon__main {
-          display: none;
-
-          @media ${device['landscape-tablets']} {
-            display: block;
-          }
-        }
-
-        .dropdown_input__container__icon__clear {
-          opacity: 1;
-
-          @media ${device['landscape-tablets']} {
-            display: none;
-          }
-        }
-      }
-    }
-  }
-
-  .dropdown_input__results {
-    transition: all 0.25s;
-    display: flex;
-    position: relative;
-    flex-direction: column;
-    width: 100%;
-    border-radius: $s-border-radius;
-    margin-top: 1rem;
-    background: var(--others-white);
-    min-width: 20rem;
-
-    @media ${device['landscape-tablets']} {
-      position: absolute;
-      opacity: 0;
-      left: 0;
-      top: 100%;
-      box-shadow: $box-shadow-medium;
-      padding: 0.75rem 1rem;
-    }
-
-    & > li > * {
-      cursor: pointer;
-      padding: 0.25rem;
-      margin: 0.25rem 0;
-      display: block;
-
-      &:hover {
-        border-radius: 4px;
-        background: var(--primary-main-light-5);
-      }
-    }
-  }
-`

package/dist/src/components/atoms/DropdownInput/DropdownInput.tsx

@@ -1,60 +0,0 @@
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-
-import React, { useState } from 'react'
-import { DropdownInputProps } from './DropdownInputProps.types'
-import { DropdownInputStyled } from './DropdownInput.styled'
-
-export const DropdownInput: React.FC<DropdownInputProps> = ({
-  onChange,
-  results,
-  className = '',
-  name,
-  icon,
-  placeholder
-}) => {
-  const [searchTerm, setSearchTerm] = useState('')
-
-  const updateInput = (e): void => {
-    setSearchTerm(e.target.value)
-    onChange(e.target.value)
-  }
-
-  const resetInput = (): void => {
-    setSearchTerm('')
-  }
-
-  return (
-    <DropdownInputStyled className={`dropdown_input ${className}`}>
-      <div className='dropdown_input__container'>
-        <input
-          className={`dropdown_input__container__text_input ${icon ? 'with-icon' : ''}`}
-          type='text'
-          name={`dropdown_input_${name}`}
-          placeholder={placeholder}
-          value={searchTerm}
-          onChange={(e) => {
-            updateInput(e)
-          }}
-        />
-        <div className={`dropdown_input__container__icon ${searchTerm ? 'active' : ''}`}>
-          {icon &&
-            React.cloneElement(icon, {
-              className: 'dropdown_input__container__icon__main'
-            })}
-          {searchTerm && (
-            <div
-              className='icon-cross main-color dropdown_input__container__icon__clear'
-              onClick={() => {
-                resetInput()
-              }}
-              onKeyDown={() => {
-                resetInput()
-              }}
-            ></div>
-          )}
-        </div>
-      </div>
-      {searchTerm && !!results?.length && <ul className='dropdown_input__results'>{results}</ul>}
-    </DropdownInputStyled>
-  )
-}

package/dist/src/components/atoms/DropdownInput/DropdownInputProps.types.d.ts

@@ -1,8 +0,0 @@
-export interface DropdownInputProps {
-    name: string;
-    className: string;
-    placeholder: string;
-    icon: any;
-    onChange: (arg: string) => void;
-    results: React.JSX.Element[];
-}

package/dist/src/components/atoms/DropdownInput/DropdownInputProps.types.js

@@ -1,2 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-export {};

package/dist/src/components/atoms/DropdownInput/DropdownInputProps.types.ts

@@ -1,10 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-export interface DropdownInputProps {
-  name: string
-  className: string
-  placeholder: string
-  icon: any
-  onChange: (arg: string) => void
-  results: React.JSX.Element[]
-}

package/dist/src/components/atoms/DropdownInput/index.d.ts

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

package/dist/src/components/atoms/DropdownInput/index.js

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

package/dist/src/components/atoms/DropdownInput/index.ts

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

package/dist/src/components/atoms/MenuItemsDeprecated/MenuItemsDeprecated.d.ts

@@ -1,4 +0,0 @@
-import { type FC } from 'react';
-import { type MenuItemsDeprecatedProps } from './MenuItemsDeprecatedProps.types';
-declare const MenuItemsDeprecated: FC<MenuItemsDeprecatedProps>;
-export default MenuItemsDeprecated;

package/dist/src/components/atoms/MenuItemsDeprecated/MenuItemsDeprecated.styled.d.ts

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

package/dist/src/components/atoms/MenuItemsDeprecated/index.d.ts

@@ -1,2 +0,0 @@
-export { default as MenuItemsDeprecated } from './MenuItemsDeprecated';
-export { type MenuItemsDeprecatedProps } from './MenuItemsDeprecatedProps.types';

package/dist/src/components/atoms/MenuItemsDeprecated/index.js

@@ -1 +0,0 @@
-export { default as MenuItemsDeprecated } from './MenuItemsDeprecated';

package/dist/src/components/atoms/MenuItemsDeprecated/index.ts

@@ -1,2 +0,0 @@
-export { default as MenuItemsDeprecated } from './MenuItemsDeprecated'
-export { type MenuItemsDeprecatedProps } from './MenuItemsDeprecatedProps.types'

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

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

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

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AllTypeDocumentsItemMenuStyled } from './AllTypeDocumentsItemMenu.styled';
-export const AllTypeDocumentsItemMenu = ({ type, slug, seeAllTypeDocs, routes, hasSubCategoryPage }) => {
-    const url = hasSubCategoryPage ? routes.LEGAL_DOCUMENTS_WITH_CATEGORY(slug) : routes.LEGAL_DOCUMENTS_WITH_HASH(slug);
-    return (_jsx(AllTypeDocumentsItemMenuStyled, { className: 'products__list__section__li all-item', children: _jsx("a", { title: seeAllTypeDocs.replace(/{{type}}/g, type), "data-qa": `Mobile_Header_Menu_All_${slug}`, href: url, children: seeAllTypeDocs.replace(/{{type}}/g, type) }) }));
-};

package/dist/src/components/molecules/AllTypeDocumentsItemMenu/AllTypeDocumentsItemMenu.styled.d.ts

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

package/dist/src/components/molecules/AllTypeDocumentsItemMenu/AllTypeDocumentsItemMenu.styled.js

@@ -1,18 +0,0 @@
-import styled from 'styled-components';
-export const AllTypeDocumentsItemMenuStyled = styled.li `
-  list-style: none;
-  margin-top: 1rem;
-  padding: 0.25rem 1.5rem 0.25rem 1.5rem;
-
-  &.all-item {
-    font-weight: bold;
-  }
-
-  &:last-child {
-    margin-bottom: 1.5rem;
-  }
-
-  &:hover {
-    background-color: var(--primary-main-light-5);
-  }
-`;

package/dist/src/components/molecules/AllTypeDocumentsItemMenu/AllTypeDocumentsItemMenu.styled.ts

@@ -1,19 +0,0 @@
-import styled from 'styled-components'
-
-export const AllTypeDocumentsItemMenuStyled = styled.li`
-  list-style: none;
-  margin-top: 1rem;
-  padding: 0.25rem 1.5rem 0.25rem 1.5rem;
-
-  &.all-item {
-    font-weight: bold;
-  }
-
-  &:last-child {
-    margin-bottom: 1.5rem;
-  }
-
-  &:hover {
-    background-color: var(--primary-main-light-5);
-  }
-`

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

@@ -1,22 +0,0 @@
-import React from 'react'
-
-import { type AllTypeDocumentsItemMenuProps } from './AllTypeDocumentsItemMenuProps.types'
-import { AllTypeDocumentsItemMenuStyled } from './AllTypeDocumentsItemMenu.styled'
-
-export const AllTypeDocumentsItemMenu: React.FC<AllTypeDocumentsItemMenuProps> = ({
-  type,
-  slug,
-  seeAllTypeDocs,
-  routes,
-  hasSubCategoryPage
-}) => {
-  const url = hasSubCategoryPage ? routes.LEGAL_DOCUMENTS_WITH_CATEGORY(slug) : routes.LEGAL_DOCUMENTS_WITH_HASH(slug)
-
-  return (
-    <AllTypeDocumentsItemMenuStyled className='products__list__section__li all-item'>
-      <a title={seeAllTypeDocs.replace(/{{type}}/g, type)} data-qa={`Mobile_Header_Menu_All_${slug}`} href={url}>
-        {seeAllTypeDocs.replace(/{{type}}/g, type)}
-      </a>
-    </AllTypeDocumentsItemMenuStyled>
-  )
-}

package/dist/src/components/molecules/AllTypeDocumentsItemMenu/AllTypeDocumentsItemMenuProps.types.d.ts

@@ -1,8 +0,0 @@
-import { Routes } from '../../sections/Header/HeaderProps.types';
-export interface AllTypeDocumentsItemMenuProps {
-    type: string;
-    slug: string;
-    seeAllTypeDocs: string;
-    routes: Routes;
-    hasSubCategoryPage: boolean;
-}

package/dist/src/components/molecules/AllTypeDocumentsItemMenu/AllTypeDocumentsItemMenuProps.types.js

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

package/dist/src/components/molecules/AllTypeDocumentsItemMenu/AllTypeDocumentsItemMenuProps.types.ts

@@ -1,9 +0,0 @@
-import { Routes } from '../../sections/Header/HeaderProps.types'
-
-export interface AllTypeDocumentsItemMenuProps {
-  type: string
-  slug: string
-  seeAllTypeDocs: string
-  routes: Routes
-  hasSubCategoryPage: boolean
-}

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

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

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

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

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

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

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

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

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

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AllTypeDocumentsItemMenu } from '../AllTypeDocumentsItemMenu';
-import { MenuSectionTitle } from '../MenuSectionTitle';
-import { ProductListMenu } from '../ProductListMenu';
-export const DocumentListMenuSection = ({ products, type, icon, seeAllTypeDocs, slug, hasSubCategoryPage, routes, setCookiePolicyFunc }) => {
-    return (_jsxs("div", { className: 'products__list__section', children: [_jsx(MenuSectionTitle, { icon: icon, title: type }), _jsxs("ul", { children: [products.map((product) => (_jsx(ProductListMenu, { ...product, setCookiePolicyFunc: setCookiePolicyFunc, routes: routes }, product.slug))), _jsx(AllTypeDocumentsItemMenu, { type: type, slug: slug, seeAllTypeDocs: seeAllTypeDocs, routes: routes, hasSubCategoryPage: hasSubCategoryPage })] })] }));
-};

package/dist/src/components/molecules/DocumentListMenuSection/DocumentListMenuSection.styled.d.ts

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

package/dist/src/components/molecules/DocumentListMenuSection/DocumentListMenuSection.styled.js

@@ -1,20 +0,0 @@
-import styled from 'styled-components';
-export const ProductListMenuStyled = styled.li `
-  width: 100%;
-  margin-bottom: 0.5rem;
-  border-radius: variables.$s-border-radius;
-  transition: all 0.3s ease;
-
-  &:hover {
-    background-color: variables.get-color(primary, main-light-5);
-  }
-
-  a {
-    display: block;
-    padding: 0.25rem 0.5rem;
-  }
-
-  .menu-section-title-container {
-    margin-bottom: 0.5rem;
-  }
-`;

package/dist/src/components/molecules/DocumentListMenuSection/DocumentListMenuSection.styled.ts

@@ -1,21 +0,0 @@
-import styled from 'styled-components'
-
-export const ProductListMenuStyled = styled.li`
-  width: 100%;
-  margin-bottom: 0.5rem;
-  border-radius: variables.$s-border-radius;
-  transition: all 0.3s ease;
-
-  &:hover {
-    background-color: variables.get-color(primary, main-light-5);
-  }
-
-  a {
-    display: block;
-    padding: 0.25rem 0.5rem;
-  }
-
-  .menu-section-title-container {
-    margin-bottom: 0.5rem;
-  }
-`

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

@@ -1,35 +0,0 @@
-import React from 'react'
-
-import { AllTypeDocumentsItemMenu } from '../AllTypeDocumentsItemMenu'
-import { type DocumentListMenuSectionProps } from './DocumentListMenuSectionProps.types'
-import { MenuSectionTitle } from '../MenuSectionTitle'
-import { ProductListMenu } from '../ProductListMenu'
-
-export const DocumentListMenuSection: React.FC<DocumentListMenuSectionProps> = ({
-  products,
-  type,
-  icon,
-  seeAllTypeDocs,
-  slug,
-  hasSubCategoryPage,
-  routes,
-  setCookiePolicyFunc
-}) => {
-  return (
-    <div className='products__list__section'>
-      <MenuSectionTitle icon={icon} title={type} />
-      <ul>
-        {products.map((product) => (
-          <ProductListMenu key={product.slug} {...product} setCookiePolicyFunc={setCookiePolicyFunc} routes={routes} />
-        ))}
-        <AllTypeDocumentsItemMenu
-          type={type}
-          slug={slug}
-          seeAllTypeDocs={seeAllTypeDocs}
-          routes={routes}
-          hasSubCategoryPage={hasSubCategoryPage}
-        ></AllTypeDocumentsItemMenu>
-      </ul>
-    </div>
-  )
-}

package/dist/src/components/molecules/DocumentListMenuSection/DocumentListMenuSectionProps.types.d.ts

@@ -1,16 +0,0 @@
-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;
-    hasSubCategoryPage: boolean;
-    routes: Routes;
-    setCookiePolicyFunc: (url?: string, setCookiePolicyAccepted?: boolean) => void;
-}

package/dist/src/components/molecules/DocumentListMenuSection/DocumentListMenuSectionProps.types.js

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

package/dist/src/components/molecules/DocumentListMenuSection/DocumentListMenuSectionProps.types.ts

@@ -1,18 +0,0 @@
-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
-  hasSubCategoryPage: boolean
-  routes: Routes
-  setCookiePolicyFunc: (url?: string, setCookiePolicyAccepted?: boolean) => void
-}

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

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