@npm_leadtech/legal-lib-components 7.22.11 → 7.22.12

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

@@ -1,49 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const DesktopSearchBarStyled = styled.div`
-  display: none;
-
-  @media ${device['landscape-tablets']} {
-    display: block;
-    position: absolute;
-    top: 45px;
-    left: 0;
-    z-index: 10000;
-    width: 400px;
-    max-width: 90vw;
-    background: transparent;
-
-    .modal_searchbar__content {
-      background-color: var(--others-white);
-      padding: 1.5rem;
-      border-radius: 8px;
-      width: 100%;
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-
-      @media ${device['laptop']} {
-        padding: 0;
-      }
-    }
-
-    .modal_searchbar__header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      margin-bottom: 1rem;
-    }
-
-    .modal_searchbar__title {
-      font-size: 1.5rem;
-      font-weight: bold;
-      color: var(--others-black);
-    }
-
-    .dropdown_input {
-      .search {
-        width: 100%;
-        margin: 0;
-      }
-    }
-  }
-`

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

@@ -1,77 +0,0 @@
-import React, { useEffect, useRef } from 'react'
-import { CloseIcon } from '../../../../images/componentsSvg/CloseIcon'
-import { DesktopSearchBarStyled } from './DesktopSearchBar.styled'
-import { DropdownInput } from '../../atoms/DropdownInput/DropdownInput'
-import { type SearchBarProps } from '../SearchBar/SearchBarProps.types'
-import { useSearchFunction } from '../../../hooks/useSearchFunction'
-
-interface DesktopSearchBarProps extends SearchBarProps {
-  isOpen: boolean
-  onClose: () => void
-}
-
-export const DesktopSearchBar: React.FC<DesktopSearchBarProps> = ({
-  products,
-  searchBarTexts,
-  routes,
-  handleResultClick,
-  isOpen,
-  onClose
-}) => {
-  const { results, searchFunction } = useSearchFunction({
-    products,
-    searchBarTexts,
-    routes,
-    handleResultClick,
-    onClose
-  })
-  const searchInputRef = useRef<HTMLInputElement>(null)
-  const searchBarContainerRef = useRef<HTMLDivElement>(null)
-
-  useEffect(() => {
-    const handleKeyDown = (event: KeyboardEvent) => {
-      if (event.key === 'Escape') {
-        onClose()
-      }
-    }
-    const handleClickOutside = (event: MouseEvent) => {
-      if (searchBarContainerRef.current && !searchBarContainerRef.current.contains(event.target as Node)) {
-        onClose()
-      }
-    }
-
-    if (isOpen) {
-      document.addEventListener('keydown', handleKeyDown)
-      document.addEventListener('mousedown', handleClickOutside)
-      if (searchInputRef.current) {
-        searchInputRef.current.focus()
-      }
-    }
-
-    return () => {
-      document.removeEventListener('keydown', handleKeyDown)
-      document.removeEventListener('mousedown', handleClickOutside)
-    }
-  }, [isOpen, onClose])
-
-  if (!isOpen) {
-    return null
-  }
-
-  return (
-    <DesktopSearchBarStyled ref={searchBarContainerRef} className='modal_searchbar'>
-      <div className='modal_searchbar__content'>
-        <DropdownInput
-          ref={searchInputRef}
-          name='desktop-search'
-          className='search'
-          placeholder={searchBarTexts.placeholder}
-          icon={<CloseIcon />}
-          onChange={searchFunction}
-          results={results}
-          onClose={onClose}
-        />
-      </div>
-    </DesktopSearchBarStyled>
-  )
-}

package/dist/src/components/molecules/DesktopSearchBar/DesktopSearchBarProps.types.d.ts

@@ -1,37 +0,0 @@
-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 DesktopSearchBarProps {
-    products: Products[];
-    searchBarTexts: StrapiSearchBar;
-    routes: Routes;
-    handleResultClick: (product: string, link: string) => void;
-}

package/dist/src/components/molecules/DesktopSearchBar/DesktopSearchBarProps.types.ts

@@ -1,40 +0,0 @@
-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 DesktopSearchBarProps {
-  products: Products[]
-  searchBarTexts: StrapiSearchBar
-  routes: Routes
-  handleResultClick: (product: string, link: string) => void
-}

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

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

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

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

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

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

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

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

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

@@ -1,38 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef } from 'react';
-import { DropdownInput } from '../../atoms/DropdownInput/DropdownInput';
-import { MobileSearchBarStyled } from './MobileSearchBar.styled';
-import { SearchIcon } from '../../../../images/componentsSvg/SearchIcon';
-import { useSearchFunction } from '../../../hooks/useSearchFunction';
-export const MobileSearchBar = ({ products, searchBarTexts, routes, handleResultClick }) => {
-    const { results, searchFunction } = useSearchFunction({
-        products,
-        searchBarTexts,
-        routes,
-        handleResultClick
-    });
-    const searchInputRef = useRef(null);
-    const searchBarContainerRef = useRef(null);
-    const isResultsVisible = Array.isArray(results) && results.length > 0;
-    useEffect(() => {
-        const handleKeyDown = (event) => {
-            if (event.key === 'Escape') {
-                searchFunction('');
-            }
-        };
-        const handleClickOutside = (event) => {
-            if (searchBarContainerRef.current && !searchBarContainerRef.current.contains(event.target)) {
-                searchFunction('');
-            }
-        };
-        if (isResultsVisible) {
-            document.addEventListener('keydown', handleKeyDown);
-            document.addEventListener('mousedown', handleClickOutside);
-        }
-        return () => {
-            document.removeEventListener('keydown', handleKeyDown);
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [isResultsVisible, searchFunction]);
-    return (_jsx(MobileSearchBarStyled, { ref: searchBarContainerRef, children: _jsx(DropdownInput, { ref: searchInputRef, name: 'mobile-and-tablet-search', className: 'search', placeholder: searchBarTexts.placeholder, icon: _jsx(SearchIcon, {}), onChange: searchFunction, results: results }) }));
-};

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

@@ -1 +0,0 @@
-export declare const MobileSearchBarStyled: 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/molecules/MobileSearchBar/MobileSearchBar.styled.js

@@ -1,17 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const MobileSearchBarStyled = styled.div `
-  display: block;
-  width: 100%;
-
-  @media ${device['landscape-tablets']} {
-    display: none;
-  }
-
-  .dropdown_input {
-    .search {
-      width: calc(100% - 3rem);
-      margin: 0 1.5rem;
-    }
-  }
-`;

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

@@ -1,18 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const MobileSearchBarStyled = styled.div`
-  display: block;
-  width: 100%;
-
-  @media ${device['landscape-tablets']} {
-    display: none;
-  }
-
-  .dropdown_input {
-    .search {
-      width: calc(100% - 3rem);
-      margin: 0 1.5rem;
-    }
-  }
-`

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

@@ -1,55 +0,0 @@
-import React, { useEffect, useRef } from 'react'
-import { DropdownInput } from '../../atoms/DropdownInput/DropdownInput'
-import { MobileSearchBarStyled } from './MobileSearchBar.styled'
-import { type SearchBarProps } from '../SearchBar/SearchBarProps.types'
-import { SearchIcon } from '../../../../images/componentsSvg/SearchIcon'
-import { useSearchFunction } from '../../../hooks/useSearchFunction'
-
-export const MobileSearchBar: React.FC<SearchBarProps> = ({ products, searchBarTexts, routes, handleResultClick }) => {
-  const { results, searchFunction } = useSearchFunction({
-    products,
-    searchBarTexts,
-    routes,
-    handleResultClick
-  })
-  const searchInputRef = useRef<HTMLInputElement>(null)
-  const searchBarContainerRef = useRef<HTMLDivElement>(null)
-  const isResultsVisible = Array.isArray(results) && results.length > 0
-
-  useEffect(() => {
-    const handleKeyDown = (event: KeyboardEvent) => {
-      if (event.key === 'Escape') {
-        searchFunction('')
-      }
-    }
-    const handleClickOutside = (event: MouseEvent) => {
-      if (searchBarContainerRef.current && !searchBarContainerRef.current.contains(event.target as Node)) {
-        searchFunction('')
-      }
-    }
-
-    if (isResultsVisible) {
-      document.addEventListener('keydown', handleKeyDown)
-      document.addEventListener('mousedown', handleClickOutside)
-    }
-
-    return () => {
-      document.removeEventListener('keydown', handleKeyDown)
-      document.removeEventListener('mousedown', handleClickOutside)
-    }
-  }, [isResultsVisible, searchFunction])
-
-  return (
-    <MobileSearchBarStyled ref={searchBarContainerRef}>
-      <DropdownInput
-        ref={searchInputRef}
-        name='mobile-and-tablet-search'
-        className='search'
-        placeholder={searchBarTexts.placeholder}
-        icon={<SearchIcon />}
-        onChange={searchFunction}
-        results={results}
-      />
-    </MobileSearchBarStyled>
-  )
-}

package/dist/src/components/molecules/MobileSearchBar/MobileSearchBarProps.types.d.ts

@@ -1,37 +0,0 @@
-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/MobileSearchBar/MobileSearchBarProps.types.js

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

package/dist/src/components/molecules/MobileSearchBar/MobileSearchBarProps.types.ts

@@ -1,40 +0,0 @@
-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/MobileSearchBar/index.d.ts

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

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

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

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

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

package/dist/src/hooks/useSearchFunction.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { type SearchBarProps } from '../components/molecules/SearchBar/SearchBarProps.types';
-interface SearchFunctionProps extends SearchBarProps {
-    onClose?: () => void;
-}
-export declare const useSearchFunction: (props: SearchFunctionProps) => {
-    results: React.JSX.Element[];
-    searchFunction: (text: string) => void;
-};
-export {};

package/dist/src/hooks/useSearchFunction.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-export const useSearchFunction = (props) => {
-    const [results, setResults] = useState([]);
-    const searchFunction = (text) => {
-        const { products, searchBarTexts, routes, handleResultClick, onClose } = props;
-        const searchTerm = text.toLowerCase();
-        const productsFiltered = products.filter((item) => item.linkText.toLowerCase().includes(searchTerm));
-        const newResults = productsFiltered
-            .map((item) => {
-            const product = item.linkText;
-            const preMatch = product.slice(0, product.toLowerCase().indexOf(searchTerm));
-            const match = product.slice(product.toLowerCase().indexOf(searchTerm), preMatch.length + searchTerm.length);
-            const postMatch = product.slice(product.toLowerCase().indexOf(searchTerm) + searchTerm.length, product.length);
-            const link = item.categoryUrl ? `${item.categoryUrl}/${item.slug}` : item.slug;
-            return (_jsx("li", { className: 'dropdown_input__item', children: _jsxs("a", { href: routes.CUSTOM_URL_FROM_TARGET_ADDRESS(link), className: 'dropdown_input__link', onClick: (e) => {
-                        e.preventDefault();
-                        handleResultClick(product, routes.CUSTOM_URL_FROM_TARGET_ADDRESS(link));
-                        if (onClose)
-                            onClose();
-                    }, title: product, children: [preMatch, _jsx("strong", { className: 'dropdown_input__link__emphasis', children: match }), postMatch] }) }, item.linkText));
-        })
-            .slice(0, 9);
-        newResults.push(_jsx("li", { className: 'dropdown_input__item', children: _jsx("a", { className: 'dropdown_input__link--all', title: searchBarTexts.title, href: routes.LEGAL_DOCUMENTS, onClick: onClose, children: searchBarTexts.title }) }, searchBarTexts.title));
-        setResults(newResults);
-    };
-    return { results, searchFunction };
-};

package/dist/src/hooks/useSearchFunction.tsx

@@ -1,63 +0,0 @@
-import React, { useState } from 'react'
-import { type SearchBarProps } from '../components/molecules/SearchBar/SearchBarProps.types'
-
-interface SearchFunctionProps extends SearchBarProps {
-  onClose?: () => void
-}
-
-export const useSearchFunction = (props: SearchFunctionProps) => {
-  const [results, setResults] = useState<React.JSX.Element[]>([])
-
-  const searchFunction = (text: string): void => {
-    const { products, searchBarTexts, routes, handleResultClick, onClose } = props
-    const searchTerm = text.toLowerCase()
-
-    const productsFiltered = products.filter((item) => item.linkText.toLowerCase().includes(searchTerm))
-
-    const newResults = productsFiltered
-      .map((item) => {
-        const product = item.linkText
-        const preMatch = product.slice(0, product.toLowerCase().indexOf(searchTerm))
-        const match = product.slice(product.toLowerCase().indexOf(searchTerm), preMatch.length + searchTerm.length)
-        const postMatch = product.slice(product.toLowerCase().indexOf(searchTerm) + searchTerm.length, product.length)
-        const link = item.categoryUrl ? `${item.categoryUrl}/${item.slug}` : item.slug
-
-        return (
-          <li key={item.linkText} className='dropdown_input__item'>
-            <a
-              href={routes.CUSTOM_URL_FROM_TARGET_ADDRESS(link)}
-              className='dropdown_input__link'
-              onClick={(e) => {
-                e.preventDefault()
-                handleResultClick(product, routes.CUSTOM_URL_FROM_TARGET_ADDRESS(link))
-                if (onClose) onClose()
-              }}
-              title={product}
-            >
-              {preMatch}
-              <strong className='dropdown_input__link__emphasis'>{match}</strong>
-              {postMatch}
-            </a>
-          </li>
-        )
-      })
-      .slice(0, 9)
-
-    newResults.push(
-      <li key={searchBarTexts.title} className='dropdown_input__item'>
-        <a
-          className='dropdown_input__link--all'
-          title={searchBarTexts.title}
-          href={routes.LEGAL_DOCUMENTS}
-          onClick={onClose}
-        >
-          {searchBarTexts.title}
-        </a>
-      </li>
-    )
-
-    setResults(newResults)
-  }
-
-  return { results, searchFunction }
-}