@npm_leadtech/legal-lib-components 7.91.1 → 7.92.0

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

@@ -69,7 +69,7 @@ export const DocumentStatusStyled = styled.div `
       }
     }
 
-    &.completed {
+    &.signed {
       background-color: var(--primary-main-light-4);
       border-color: var(--primary-main-light-2);
       color: var(--primary-main-light-1);

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

@@ -70,7 +70,7 @@ export const DocumentStatusStyled = styled.div`
       }
     }
 
-    &.completed {
+    &.signed {
       background-color: var(--primary-main-light-4);
       border-color: var(--primary-main-light-2);
       color: var(--primary-main-light-1);

package/dist/src/components/atoms/DocumentStatus/DocumentStatusProps.types.d.ts

@@ -3,4 +3,4 @@ export interface DocumentStatusProps {
     type?: DocumentStatusType;
     givenClass?: string;
 }
-export type DocumentStatusType = 'default' | 'in-progress' | 'awaiting' | 'no-response' | 'declined' | 'completed';
+export type DocumentStatusType = 'default' | 'in-progress' | 'awaiting' | 'no-response' | 'declined' | 'signed';

package/dist/src/components/atoms/DocumentStatus/DocumentStatusProps.types.ts

@@ -4,4 +4,4 @@ export interface DocumentStatusProps {
   givenClass?: string
 }
 
-export type DocumentStatusType = 'default' | 'in-progress' | 'awaiting' | 'no-response' | 'declined' | 'completed'
+export type DocumentStatusType = 'default' | 'in-progress' | 'awaiting' | 'no-response' | 'declined' | 'signed'

package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.js

@@ -5,7 +5,7 @@ import { NewRelease24p } from '../../../../images/componentsSvg/NewRelease24p';
 import { Time24px } from '../../../../images/componentsSvg/Time24px';
 import { SignerStatusItemStyled } from './SignerStatusItem.styled';
 const iconByStatus = {
-    completed: _jsx(Done24px, {}),
+    signed: _jsx(Done24px, {}),
     'in-progress': _jsx(Time24px, {}),
     declined: _jsx(CloseIcon, {}),
     awaiting: _jsx(Time24px, {}),

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

@@ -18,7 +18,7 @@ export const SignerStatusItemStyled = styled.li `
     color: currentColor;
   }
 
-  &.signer-status-item--completed {
+  &.signer-status-item--signed {
     background-color: var(--primary-main-light-4);
 
     svg > path {

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

@@ -19,7 +19,7 @@ export const SignerStatusItemStyled = styled.li`
     color: currentColor;
   }
 
-  &.signer-status-item--completed {
+  &.signer-status-item--signed {
     background-color: var(--primary-main-light-4);
 
     svg > path {

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

@@ -9,7 +9,7 @@ import { Time24px } from '../../../../images/componentsSvg/Time24px'
 import { SignerStatusItemStyled } from './SignerStatusItem.styled'
 
 const iconByStatus: Record<SignatureStatus, React.ReactNode> = {
-  completed: <Done24px />,
+  signed: <Done24px />,
   'in-progress': <Time24px />,
   declined: <CloseIcon />,
   awaiting: <Time24px />,

package/dist/src/components/atoms/SignerStatusItem/SignerStatusItemProps.types.d.ts

@@ -1,4 +1,4 @@
-export type SignatureStatus = 'completed' | 'in-progress' | 'declined' | 'awaiting' | 'no-response';
+export type SignatureStatus = 'signed' | 'in-progress' | 'declined' | 'awaiting' | 'no-response';
 export interface SignerStatusItemProps {
     status: SignatureStatus;
     children: React.ReactNode;

package/dist/src/components/atoms/SignerStatusItem/SignerStatusItemProps.types.ts

@@ -1,4 +1,4 @@
-export type SignatureStatus = 'completed' | 'in-progress' | 'declined' | 'awaiting' | 'no-response'
+export type SignatureStatus = 'signed' | 'in-progress' | 'declined' | 'awaiting' | 'no-response'
 
 export interface SignerStatusItemProps {
   status: SignatureStatus

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

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 /**
  *  @param {string} props.id, jira task number
  *  @param {function} props.getVariant, function to obtain the url
@@ -13,8 +12,8 @@ export declare const TestAB: {
         defaultValue: any;
     }): any;
     propTypes: {
-        id: PropTypes.Requireable<string>;
-        getVariant: PropTypes.Requireable<(...args: any[]) => any>;
-        defaultValue: PropTypes.Requireable<string>;
+        id: any;
+        getVariant: any;
+        defaultValue: any;
     };
 };

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

@@ -3,5 +3,5 @@ import { SelectorTrustpilotWrapper, TopFooterStyled } from './TopFooter.styled';
 import { ContactInfo } from '../../molecules/ContactInfo/ContactInfo';
 import { FooterMenu } from '../../molecules/FooterMenu/FooterMenu';
 export const TopFooter = ({ menus, contactInfo, trustPilotWidget }) => {
-    return (_jsxs(TopFooterStyled, { className: 'footer__wrapper', children: [menus?.map((menu) => _jsx(FooterMenu, { ...menu }, menu.title)), (contactInfo || Boolean(trustPilotWidget)) && (_jsxs(SelectorTrustpilotWrapper, { children: [contactInfo && _jsx(ContactInfo, { ...contactInfo }), Boolean(trustPilotWidget) && _jsx("div", { children: trustPilotWidget })] }))] }));
+    return (_jsxs(TopFooterStyled, { className: 'footer__wrapper', children: [menus?.map((menu) => (_jsx(FooterMenu, { ...menu }, menu.title))), (contactInfo || Boolean(trustPilotWidget)) && (_jsxs(SelectorTrustpilotWrapper, { children: [contactInfo && _jsx(ContactInfo, { ...contactInfo }), Boolean(trustPilotWidget) && _jsx("div", { children: trustPilotWidget })] }))] }));
 };

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

@@ -7,7 +7,9 @@ import { TopFooterProps } from './TopFooterProps.types'
 export const TopFooter: React.FC<TopFooterProps> = ({ menus, contactInfo, trustPilotWidget }) => {
   return (
     <TopFooterStyled className='footer__wrapper'>
-      {menus?.map((menu) => <FooterMenu key={menu.title} {...menu} />)}
+      {menus?.map((menu) => (
+        <FooterMenu key={menu.title} {...menu} />
+      ))}
 
       {(contactInfo || Boolean(trustPilotWidget)) && (
         <SelectorTrustpilotWrapper>

package/dist/src/components/sections/CardBoxSection/CardBoxSection.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { CardBoxFeaturedSectionStyled, CardBoxMinimalSectionStyled } from './CardBoxSection.styled';
 import { CardBox } from '../../atoms';
 export const CardBoxMinimalSection = ({ cards }) => {
-    return (_jsx(CardBoxMinimalSectionStyled, { children: cards?.map(({ text, icon, id }) => _jsx(CardBox, { text: text, icon: icon }, id)) }));
+    return (_jsx(CardBoxMinimalSectionStyled, { children: cards?.map(({ text, icon, id }) => (_jsx(CardBox, { text: text, icon: icon }, id))) }));
 };
 export const CardBoxFeaturedSection = ({ cards }) => {
     return (_jsx(CardBoxFeaturedSectionStyled, { children: cards?.map(({ text, icon, id }) => (_jsx(CardBox, { text: text, icon: icon, padding: '16px', gap: '0.5rem', borderRadius: '8px' }, id))) }));

package/dist/src/components/sections/CardBoxSection/CardBoxSection.tsx

@@ -7,7 +7,9 @@ import { type CardBoxSectionProps } from './CardBoxSectionProps'
 export const CardBoxMinimalSection: React.FC<CardBoxSectionProps> = ({ cards }) => {
   return (
     <CardBoxMinimalSectionStyled>
-      {cards?.map(({ text, icon, id }) => <CardBox key={id} text={text} icon={icon} />)}
+      {cards?.map(({ text, icon, id }) => (
+        <CardBox key={id} text={text} icon={icon} />
+      ))}
     </CardBoxMinimalSectionStyled>
   )
 }

package/dist/src/components/sections/FaqSection/FaqSection.js

@@ -6,5 +6,5 @@ export const FaqSection = ({ groups, givenClass }) => {
     if (!groups?.length)
         return null;
     const classnames = classNames(`faqSection ${givenClass ?? ''}`);
-    return (_jsx(FaqSectionStyled, { className: classnames, itemScope: true, itemType: 'https://www.schema.org/FAQPage', children: groups?.map((group) => _jsx(FaqGroup, { ...group }, group.id)) }));
+    return (_jsx(FaqSectionStyled, { className: classnames, itemScope: true, itemType: 'https://www.schema.org/FAQPage', children: groups?.map((group) => (_jsx(FaqGroup, { ...group }, group.id))) }));
 };

package/dist/src/components/sections/FaqSection/FaqSection.tsx

@@ -11,7 +11,9 @@ export const FaqSection: React.FC<FaqSectionProps> = ({ groups, givenClass }) =>
 
   return (
     <FaqSectionStyled className={classnames} itemScope itemType='https://www.schema.org/FAQPage'>
-      {groups?.map((group) => <FaqGroup key={group.id} {...group} />)}
+      {groups?.map((group) => (
+        <FaqGroup key={group.id} {...group} />
+      ))}
     </FaqSectionStyled>
   )
 }

package/dist/src/globalStyles/animations.scss

@@ -55,11 +55,8 @@
 }
 
 .background-ratafia-animation {
-  background: radial-gradient(
-      90.31% 103.09% at 74.2% -62.04%,
-      var(--primary-main-dark-2) 0%,
-      var(--primary-main-dark-1) 100%
-    ),
+  background:
+    radial-gradient(90.31% 103.09% at 74.2% -62.04%, var(--primary-main-dark-2) 0%, var(--primary-main-dark-1) 100%),
     radial-gradient(80.63% 44.37% at 73.54% 70.76%, var(--primary-main) 0%, var(--primary-main-dark-2) 100%),
     radial-gradient(92.19% 33.51% at 0% 0%, var(--primary-main) 0%, var(--primary-main-dark-1) 100%),
     var(--primary-main-dark-2);

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

@@ -1,7 +1,7 @@
-import { type RefObject } from 'react';
+import { RefObject } from 'react';
 interface UseIntersectionObserverParams {
     options?: IntersectionObserverInit;
     defaultIntersecting?: boolean;
 }
-export declare function useIntersectionObserver<T extends HTMLElement>({ options, defaultIntersecting }?: UseIntersectionObserverParams): [RefObject<T>, boolean];
+export declare function useIntersectionObserver<T extends HTMLElement>({ options, defaultIntersecting }?: UseIntersectionObserverParams): [RefObject<T | null>, boolean];
 export {};

package/dist/src/hooks/useIntersectionObserver.js

@@ -4,7 +4,7 @@ export function useIntersectionObserver({ options = {}, defaultIntersecting = fa
     const elementRef = useRef(null);
     useEffect(() => {
         const currentElement = elementRef.current;
-        if (currentElement == null)
+        if (!currentElement)
             return;
         const observer = new IntersectionObserver((entries) => {
             entries.forEach((entry) => {

package/dist/src/hooks/useIntersectionObserver.tsx

@@ -1,4 +1,4 @@
-import { type RefObject, useEffect, useRef, useState } from 'react'
+import { RefObject, useEffect, useRef, useState } from 'react'
 
 interface UseIntersectionObserverParams {
   options?: IntersectionObserverInit
@@ -8,13 +8,13 @@ interface UseIntersectionObserverParams {
 export function useIntersectionObserver<T extends HTMLElement>({
   options = {},
   defaultIntersecting = false
-}: UseIntersectionObserverParams = {}): [RefObject<T>, boolean] {
+}: UseIntersectionObserverParams = {}): [RefObject<T | null>, boolean] {
   const [isIntersecting, setIsIntersecting] = useState(defaultIntersecting)
-  const elementRef = useRef<T>(null) as RefObject<T>
+  const elementRef = useRef<T>(null)
 
   useEffect(() => {
     const currentElement = elementRef.current
-    if (currentElement == null) return
+    if (!currentElement) return
 
     const observer = new IntersectionObserver((entries) => {
       entries.forEach((entry) => {