@npm_leadtech/legal-lib-components 5.63.4 → 5.63.5

package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobileProps.js

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

package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobileProps.ts

@@ -1,6 +0,0 @@
-import { type MoreDocsItemProps } from '../../atoms'
-
-export interface MoreDocsMobileProps {
-  title: string
-  documents: MoreDocsItemProps[]
-}

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

@@ -1,2 +0,0 @@
-export * from './MoreDocsMobile';
-export * from './MoreDocsMobileProps';

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

@@ -1,2 +0,0 @@
-export * from './MoreDocsMobile';
-export * from './MoreDocsMobileProps';

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

@@ -1,2 +0,0 @@
-export * from './MoreDocsMobile'
-export * from './MoreDocsMobileProps'

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

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

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

@@ -1,67 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-import { useEffect } from 'react';
-import { MenuItems } from '../../atoms';
-import { NavBarDropDownStyled } from './NavBarDropDown.styled';
-import { useIntersectionObserver } from '../../../hooks';
-let scrollPosition = 0;
-let touchStartPosY;
-let isDisabledScroll = false;
-export const NavBarDropDown = ({ isOpen, list, hasBullets = true, initialActiveContent, setEnableScrollbarOnClose, setIsOpen }) => {
-    const [ref, isIntersectingWithElement] = useIntersectionObserver({
-        options: { threshold: 0.15 }
-    });
-    const onTouchStart = (event) => {
-        touchStartPosY = event.changedTouches[0];
-    };
-    const onTouchMove = (event) => {
-        const touchEndPosY = event.changedTouches[0];
-        if (isDisabledScroll && touchEndPosY?.screenY - touchStartPosY?.screenY > 0) {
-            enableScrollbarOnClose(true);
-            isDisabledScroll = false;
-        }
-    };
-    const disableScrollbarOnOpen = () => {
-        if (isOpen && typeof window !== 'undefined') {
-            const body = document.querySelector('body');
-            scrollPosition = window.scrollY;
-            if (body != null) {
-                body.style.overflow = 'hidden';
-                body.style.position = 'fixed';
-                body.style.top = `-${scrollPosition}px`;
-                body.style.width = '100%';
-            }
-        }
-    };
-    const enableScrollbarOnClose = (onTouch = false) => {
-        const body = document.querySelector('body');
-        body?.style.removeProperty('overflow');
-        body?.style.removeProperty('position');
-        body?.style.removeProperty('top');
-        body?.style.removeProperty('width');
-        window.scrollTo(0, onTouch ? scrollPosition : window.scrollY);
-    };
-    const closeMenu = () => {
-        enableScrollbarOnClose();
-        setIsOpen(false);
-    };
-    useEffect(() => {
-        document.addEventListener('touchmove', onTouchMove);
-        document.addEventListener('touchstart', onTouchStart);
-        return () => {
-            document.removeEventListener('touchmove', onTouchMove);
-            document.removeEventListener('touchstart', onTouchStart);
-        };
-    }, []);
-    useEffect(() => {
-        if (isIntersectingWithElement) {
-            disableScrollbarOnOpen();
-            isDisabledScroll = true;
-        }
-    }, [isOpen, isIntersectingWithElement]);
-    useEffect(() => {
-        setEnableScrollbarOnClose(() => enableScrollbarOnClose);
-    }, []);
-    return (_jsx(_Fragment, { children: isOpen ? (_jsxs(NavBarDropDownStyled, { className: 'navbar-drop-down__container', children: [_jsx("div", { className: 'navbar-drop-down__container__menu_items', children: _jsx(MenuItems, { list: list, hasBullets: hasBullets, initialActiveContent: initialActiveContent }) }), _jsx("div", { ref: ref, className: 'navbar-drop-down__container__shadow', onClick: closeMenu })] })) : null }));
-};

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

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

@@ -1,35 +0,0 @@
-import styled from 'styled-components';
-export const NavBarDropDownStyled = styled.div `
-  position: absolute;
-  width: 100%;
-  height: 100vh;
-  left: 0;
-  right: 0;
-  z-index: 4;
-
-  .navbar-drop-down__container {
-    &__menu_items {
-      background: var(--others-white);
-      padding: 1.5rem;
-      box-shadow: var(--box-shadow-container);
-      ul {
-        li {
-          margin-bottom: 1rem;
-          padding: 0.5rem 1rem;
-        }
-
-        li:last-child {
-          margin-bottom: 0;
-        }
-      }
-    }
-
-    &__shadow {
-      position: absolute;
-      background: var(--neutral-neutral-3);
-      opacity: 0.4;
-      width: 100%;
-      height: 100vh;
-    }
-  }
-`;

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

@@ -1,36 +0,0 @@
-import styled from 'styled-components'
-
-export const NavBarDropDownStyled = styled.div`
-  position: absolute;
-  width: 100%;
-  height: 100vh;
-  left: 0;
-  right: 0;
-  z-index: 4;
-
-  .navbar-drop-down__container {
-    &__menu_items {
-      background: var(--others-white);
-      padding: 1.5rem;
-      box-shadow: var(--box-shadow-container);
-      ul {
-        li {
-          margin-bottom: 1rem;
-          padding: 0.5rem 1rem;
-        }
-
-        li:last-child {
-          margin-bottom: 0;
-        }
-      }
-    }
-
-    &__shadow {
-      position: absolute;
-      background: var(--neutral-neutral-3);
-      opacity: 0.4;
-      width: 100%;
-      height: 100vh;
-    }
-  }
-`

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

@@ -1,97 +0,0 @@
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-import React, { type FC, useEffect } from 'react'
-import { MenuItems } from '../../atoms'
-import { type NavBarDropDownProps } from './NavBarDropDownProps.types'
-import { NavBarDropDownStyled } from './NavBarDropDown.styled'
-import { useIntersectionObserver } from '../../../hooks'
-
-let scrollPosition = 0
-let touchStartPosY: Touch
-let isDisabledScroll = false
-
-export const NavBarDropDown: FC<NavBarDropDownProps> = ({
-  isOpen,
-  list,
-  hasBullets = true,
-  initialActiveContent,
-  setEnableScrollbarOnClose,
-  setIsOpen
-}): React.ReactElement | null => {
-  const [ref, isIntersectingWithElement] = useIntersectionObserver({
-    options: { threshold: 0.15 }
-  })
-
-  const onTouchStart = (event: TouchEvent): void => {
-    touchStartPosY = event.changedTouches[0]
-  }
-
-  const onTouchMove = (event: TouchEvent): void => {
-    const touchEndPosY = event.changedTouches[0]
-
-    if (isDisabledScroll && touchEndPosY?.screenY - touchStartPosY?.screenY > 0) {
-      enableScrollbarOnClose(true)
-      isDisabledScroll = false
-    }
-  }
-
-  const disableScrollbarOnOpen = (): void => {
-    if (isOpen && typeof window !== 'undefined') {
-      const body = document.querySelector('body')
-      scrollPosition = window.scrollY
-      if (body != null) {
-        body.style.overflow = 'hidden'
-        body.style.position = 'fixed'
-        body.style.top = `-${scrollPosition}px`
-        body.style.width = '100%'
-      }
-    }
-  }
-
-  const enableScrollbarOnClose = (onTouch = false): void => {
-    const body = document.querySelector('body')
-    body?.style.removeProperty('overflow')
-    body?.style.removeProperty('position')
-    body?.style.removeProperty('top')
-    body?.style.removeProperty('width')
-    window.scrollTo(0, onTouch ? scrollPosition : window.scrollY)
-  }
-
-  const closeMenu = (): void => {
-    enableScrollbarOnClose()
-    setIsOpen(false)
-  }
-
-  useEffect(() => {
-    document.addEventListener('touchmove', onTouchMove)
-    document.addEventListener('touchstart', onTouchStart)
-    return () => {
-      document.removeEventListener('touchmove', onTouchMove)
-      document.removeEventListener('touchstart', onTouchStart)
-    }
-  }, [])
-
-  useEffect(() => {
-    if (isIntersectingWithElement) {
-      disableScrollbarOnOpen()
-      isDisabledScroll = true
-    }
-  }, [isOpen, isIntersectingWithElement])
-
-  useEffect(() => {
-    setEnableScrollbarOnClose(() => enableScrollbarOnClose)
-  }, [])
-
-  return (
-    <>
-      {isOpen ? (
-        <NavBarDropDownStyled className='navbar-drop-down__container'>
-          <div className='navbar-drop-down__container__menu_items'>
-            <MenuItems list={list} hasBullets={hasBullets} initialActiveContent={initialActiveContent} />
-          </div>
-          <div ref={ref} className='navbar-drop-down__container__shadow' onClick={closeMenu}></div>
-        </NavBarDropDownStyled>
-      ) : null}
-    </>
-  )
-}

package/dist/src/components/molecules/NavBarDropDown/NavBarDropDownProps.types.d.ts

@@ -1,14 +0,0 @@
-interface List {
-    onClick: () => void;
-    content: string;
-    dataQA?: string;
-}
-export interface NavBarDropDownProps {
-    isOpen: boolean;
-    hasBullets?: boolean;
-    initialActiveContent?: string;
-    setEnableScrollbarOnClose: React.Dispatch<React.SetStateAction<(() => void) | undefined>>;
-    setIsOpen: (open: boolean) => void;
-    list: List[];
-}
-export {};

package/dist/src/components/molecules/NavBarDropDown/NavBarDropDownProps.types.js

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

package/dist/src/components/molecules/NavBarDropDown/NavBarDropDownProps.types.ts

@@ -1,13 +0,0 @@
-interface List {
-  onClick: () => void
-  content: string
-  dataQA?: string
-}
-export interface NavBarDropDownProps {
-  isOpen: boolean
-  hasBullets?: boolean
-  initialActiveContent?: string
-  setEnableScrollbarOnClose: React.Dispatch<React.SetStateAction<(() => void) | undefined>>
-  setIsOpen: (open: boolean) => void
-  list: List[]
-}

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

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

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

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

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

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

package/dist/src/components/molecules/Pagination/PageStepControl.d.ts

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

package/dist/src/components/molecules/Pagination/PageStepControl.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-import { useCallback } from 'react';
-import classNames from 'classnames';
-import { ArrowRight } from '../../../../images/componentsSvg/ArrowRight';
-const PageStepControl = ({ activePage, direction, onClick, totalPages, nextControl = 'next', prevControl = 'prev' }) => {
-    const hideStepControl = (direction === prevControl && activePage <= 1) || (direction === nextControl && activePage >= totalPages);
-    const handleClick = useCallback(() => {
-        if (!hideStepControl)
-            onClick(direction);
-    }, [hideStepControl, onClick]);
-    if (totalPages === undefined)
-        return null;
-    const classes = classNames('pagination__control', {
-        [`pagination__control--${direction}`]: direction,
-        'pagination__control--hidden': hideStepControl
-    });
-    return (_jsx("span", { className: classes, onClick: handleClick, children: _jsx(ArrowRight, {}) }));
-};
-export default PageStepControl;

package/dist/src/components/molecules/Pagination/PageStepControl.tsx

@@ -1,38 +0,0 @@
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-import React, { type FC, useCallback } from 'react'
-import classNames from 'classnames'
-
-import { ArrowRight } from '../../../../images/componentsSvg/ArrowRight'
-import { type PageStepControlProps } from './PageStepControlProps.types'
-
-const PageStepControl: FC<PageStepControlProps> = ({
-  activePage,
-  direction,
-  onClick,
-  totalPages,
-  nextControl = 'next',
-  prevControl = 'prev'
-}) => {
-  const hideStepControl =
-    (direction === prevControl && activePage <= 1) || (direction === nextControl && activePage >= totalPages)
-
-  const handleClick = useCallback(() => {
-    if (!hideStepControl) onClick(direction)
-  }, [hideStepControl, onClick])
-
-  if (totalPages === undefined) return null
-
-  const classes = classNames('pagination__control', {
-    [`pagination__control--${direction}`]: direction,
-    'pagination__control--hidden': hideStepControl
-  })
-
-  return (
-    <span className={classes} onClick={handleClick}>
-      <ArrowRight />
-    </span>
-  )
-}
-
-export default PageStepControl

package/dist/src/components/molecules/Pagination/PageStepControlProps.types.d.ts

@@ -1,8 +0,0 @@
-export interface PageStepControlProps {
-    direction: string;
-    activePage: number;
-    totalPages: number;
-    onClick: (direction: string) => void;
-    nextControl?: 'next';
-    prevControl?: 'prev';
-}

package/dist/src/components/molecules/Pagination/PageStepControlProps.types.js

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

package/dist/src/components/molecules/Pagination/PageStepControlProps.types.ts

@@ -1,8 +0,0 @@
-export interface PageStepControlProps {
-  direction: string
-  activePage: number
-  totalPages: number
-  onClick: (direction: string) => void
-  nextControl?: 'next'
-  prevControl?: 'prev'
-}

package/dist/src/components/molecules/Pagination/PageSteps.d.ts

@@ -1,10 +0,0 @@
-import { type FC, type MouseEventHandler } from 'react';
-export interface PageStepsProps {
-    activePage: number;
-    totalPages: number;
-    onClick: MouseEventHandler<HTMLSpanElement>;
-    ellipsisControls?: string;
-    extendedMaxSteps?: number;
-}
-declare const PageSteps: FC<PageStepsProps>;
-export default PageSteps;

package/dist/src/components/molecules/Pagination/PageSteps.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-const getPageClassName = (activePage, step, ellipsisControls) => classNames('pagination__page', {
-    'pagination__page--ellipsis': step === ellipsisControls,
-    'pagination__page--active': step === activePage
-});
-const PageSteps = ({ activePage, onClick, totalPages, ellipsisControls = '...', extendedMaxSteps = 5 }) => {
-    if (totalPages === undefined || totalPages < 1)
-        return null;
-    const renderStep = (className, step, key) => {
-        const onClickPage = activePage !== step ? onClick : undefined;
-        return (_jsx("span", { className: className, id: step.toString(), onClick: onClickPage, children: step }, key));
-    };
-    const renderExtendedSteps = () => {
-        return new Array(extendedMaxSteps).fill(null).map((page, index) => {
-            let firstVisibleStep = totalPages - extendedMaxSteps;
-            let step = firstVisibleStep + index + 1;
-            if (activePage <= firstVisibleStep + 1) {
-                firstVisibleStep = activePage > 1 ? activePage - 2 : 0;
-                if (index < extendedMaxSteps - 2) {
-                    step = firstVisibleStep + index + 1;
-                }
-                if (index > extendedMaxSteps - 2) {
-                    const reverseIndex = extendedMaxSteps - 1 - index;
-                    step = totalPages - reverseIndex;
-                }
-                if (index === extendedMaxSteps - 2) {
-                    step = ellipsisControls;
-                }
-            }
-            const pageClassName = getPageClassName(activePage, step, ellipsisControls);
-            return renderStep(pageClassName, step, index);
-        });
-    };
-    const renderSteps = () => {
-        if (totalPages > extendedMaxSteps) {
-            return renderExtendedSteps();
-        }
-        return new Array(totalPages).fill(null).map((page, index) => {
-            const step = index + 1;
-            const pageClassName = getPageClassName(activePage, step, ellipsisControls);
-            return renderStep(pageClassName, step, step);
-        });
-    };
-    return _jsx("div", { className: 'pagination__page-wrapper', children: renderSteps() });
-};
-export default PageSteps;

package/dist/src/components/molecules/Pagination/PageSteps.tsx

@@ -1,80 +0,0 @@
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-import React, { type FC, type MouseEventHandler } from 'react'
-import classNames from 'classnames'
-
-const getPageClassName = (activePage: number, step: string | number, ellipsisControls: string): string =>
-  classNames('pagination__page', {
-    'pagination__page--ellipsis': step === ellipsisControls,
-    'pagination__page--active': step === activePage
-  })
-
-export interface PageStepsProps {
-  activePage: number
-  totalPages: number
-  onClick: MouseEventHandler<HTMLSpanElement>
-  ellipsisControls?: string
-  extendedMaxSteps?: number
-}
-
-const PageSteps: FC<PageStepsProps> = ({
-  activePage,
-  onClick,
-  totalPages,
-  ellipsisControls = '...',
-  extendedMaxSteps = 5
-}) => {
-  if (totalPages === undefined || totalPages < 1) return null
-
-  const renderStep = (className: string, step: string | number, key: number): React.JSX.Element => {
-    const onClickPage = activePage !== step ? onClick : undefined
-    return (
-      <span className={className} id={step.toString()} key={key} onClick={onClickPage}>
-        {step}
-      </span>
-    )
-  }
-
-  const renderExtendedSteps = (): React.JSX.Element[] => {
-    return new Array(extendedMaxSteps).fill(null).map((page, index) => {
-      let firstVisibleStep = totalPages - extendedMaxSteps
-      let step: string | number = firstVisibleStep + index + 1
-
-      if (activePage <= firstVisibleStep + 1) {
-        firstVisibleStep = activePage > 1 ? activePage - 2 : 0
-
-        if (index < extendedMaxSteps - 2) {
-          step = firstVisibleStep + index + 1
-        }
-
-        if (index > extendedMaxSteps - 2) {
-          const reverseIndex = extendedMaxSteps - 1 - index
-          step = totalPages - reverseIndex
-        }
-
-        if (index === extendedMaxSteps - 2) {
-          step = ellipsisControls
-        }
-      }
-
-      const pageClassName = getPageClassName(activePage, step, ellipsisControls)
-      return renderStep(pageClassName, step, index)
-    })
-  }
-
-  const renderSteps = (): React.JSX.Element[] => {
-    if (totalPages > extendedMaxSteps) {
-      return renderExtendedSteps()
-    }
-
-    return new Array(totalPages).fill(null).map((page, index) => {
-      const step = index + 1
-      const pageClassName = getPageClassName(activePage, step, ellipsisControls)
-      return renderStep(pageClassName, step, step)
-    })
-  }
-
-  return <div className='pagination__page-wrapper'>{renderSteps()}</div>
-}
-
-export default PageSteps

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

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

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

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
-import PageStepControl from './PageStepControl';
-import PageSteps from './PageSteps';
-import { PaginationStyled } from './Pagination.styled';
-const Pagination = ({ activePage, totalPages, onChange, nextControl = 'next', prevControl = 'prev' }) => {
-    const [active, setActive] = useState(activePage);
-    const handleControl = useCallback((direction) => {
-        const page = direction === prevControl ? activePage - 1 : activePage + 1;
-        setActive(page);
-        onChange(page);
-    }, []);
-    const handleCurrentPage = useCallback((e) => {
-        const page = Number(e.currentTarget.id);
-        if (!Number.isNaN(page)) {
-            setActive(page);
-            onChange(page);
-        }
-    }, []);
-    if (totalPages === undefined)
-        return null;
-    return (_jsxs(PaginationStyled, { className: 'pagination', children: [_jsx(PageStepControl, { activePage: active, totalPages: totalPages, onClick: handleControl, direction: prevControl }), _jsx(PageSteps, { activePage: active, onClick: handleCurrentPage, totalPages: totalPages }), _jsx(PageStepControl, { activePage: active, totalPages: totalPages, onClick: handleControl, direction: nextControl })] }));
-};
-export default Pagination;

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

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

@@ -1,63 +0,0 @@
-import styled from 'styled-components';
-export const PaginationStyled = styled.div `
-  align-items: center;
-  box-sizing: border-box;
-  display: flex;
-  justify-content: center;
-  user-select: none;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-
-  .pagination {
-    &__control {
-      display: flex;
-      svg {
-        cursor: pointer;
-        fill: var(--neutral-neutral-2);
-        width: 1rem;
-        path {
-          pointer-events: none;
-        }
-      }
-      &--prev svg {
-        transform: rotate(180deg);
-      }
-      &--hidden {
-        cursor: default;
-        pointer-events: none;
-        visibility: hidden;
-      }
-    }
-
-    &__page-wrapper {
-      display: flex;
-      margin: 0 1rem;
-    }
-
-    &__page {
-      align-items: center;
-      background: var(--neutral-neutral-6);
-      border: 2px solid var(--neutral-neutral-3);
-      border-radius: var(--s-border-radius);
-      box-sizing: border-box;
-      color: var(--neutral-neutral-2);
-      cursor: pointer;
-      display: flex;
-      justify-content: center;
-      height: 2.125rem;
-      margin: 0 0.25rem;
-      min-width: 2.125rem;
-      padding: 0.3rem;
-
-      &--active {
-        background: var(--neutral-neutral-4);
-        border: 2px solid var(--neutral-neutral-2);
-        color: var(--neutral-neutral-1);
-      }
-
-      &--ellipsis {
-        cursor: default;
-      }
-    }
-  }
-`;