@npm_leadtech/legal-lib-components 5.58.3 → 5.58.5

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { RatafiaResultTabStyled } from './RatafiaResultTab.styled';
-const RatafiaResultTab = ({ title, icon, activeIcon, isActive, handleOnClick }) => {
-    return (_jsxs(RatafiaResultTabStyled, { className: `ratafia-result-tab${isActive ? ' --is-active' : ''}`, onClick: handleOnClick, children: [isActive ? (_jsx(_Fragment, { children: icon !== null && _jsx("div", { className: 'ratafia-result-tab__icon', children: activeIcon }) })) : (_jsx(_Fragment, { children: icon !== null && _jsx("div", { className: 'ratafia-result-tab__icon', children: icon }) })), _jsx("p", { className: 'sans-serif --medium ratafia-result-tab__title', children: title })] }));
+const RatafiaResultTab = ({ title, icon, activeIcon, isActive, handleOnClick, dataQa }) => {
+    return (_jsxs(RatafiaResultTabStyled, { className: `ratafia-result-tab${isActive ? ' --is-active' : ''}`, onClick: handleOnClick, "data-qa": dataQa, children: [isActive ? (_jsx(_Fragment, { children: icon !== null && _jsx("div", { className: 'ratafia-result-tab__icon', children: activeIcon }) })) : (_jsx(_Fragment, { children: icon !== null && _jsx("div", { className: 'ratafia-result-tab__icon', children: icon }) })), _jsx("p", { className: 'sans-serif --medium ratafia-result-tab__title', children: title })] }));
 };
 export default RatafiaResultTab;

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

@@ -7,7 +7,7 @@ export const RatafiaResultTabStyled = styled.div `
   gap: 0.25rem;
   flex: 1 0 0;
 
-  border-radius: var(--global-border-radius);
+  border-radius: var(--s-border-radius);
   background: var(--neutral-neutral-6);
 
   cursor: default;

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

@@ -8,7 +8,7 @@ export const RatafiaResultTabStyled = styled.div`
   gap: 0.25rem;
   flex: 1 0 0;
 
-  border-radius: var(--global-border-radius);
+  border-radius: var(--s-border-radius);
   background: var(--neutral-neutral-6);
 
   cursor: default;

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

@@ -3,9 +3,13 @@ import React, { type FC } from 'react'
 import { RatafiaResultTabProps } from './RatafiaResultTabProps.types'
 import { RatafiaResultTabStyled } from './RatafiaResultTab.styled'
 
-const RatafiaResultTab: FC<RatafiaResultTabProps> = ({ title, icon, activeIcon, isActive, handleOnClick }) => {
+const RatafiaResultTab: FC<RatafiaResultTabProps> = ({ title, icon, activeIcon, isActive, handleOnClick, dataQa }) => {
   return (
-    <RatafiaResultTabStyled className={`ratafia-result-tab${isActive ? ' --is-active' : ''}`} onClick={handleOnClick}>
+    <RatafiaResultTabStyled
+      className={`ratafia-result-tab${isActive ? ' --is-active' : ''}`}
+      onClick={handleOnClick}
+      data-qa={dataQa}
+    >
       {isActive ? (
         <>{icon !== null && <div className='ratafia-result-tab__icon'>{activeIcon}</div>}</>
       ) : (

package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTabProps.types.d.ts

@@ -5,4 +5,5 @@ export interface RatafiaResultTabProps {
     activeIcon?: React.ReactNode;
     isActive: boolean;
     handleOnClick?: () => void;
+    dataQa: string;
 }

package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTabProps.types.ts

@@ -5,4 +5,5 @@ export interface RatafiaResultTabProps {
   activeIcon?: React.ReactNode
   isActive: boolean
   handleOnClick?: () => void
+  dataQa: string
 }

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

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { RatafiaResultCardList } from '../../molecules';
 import { RatafiaResultContentStyled } from './RatafiaResultContent.styled';
+import RatafiaResultTabList from '../../molecules/RatafiaResultTabList/RatafiaResultTabList';
 import { RatafiaReviewResult } from '../../atoms';
 export const RatafiaResultContent = ({ result, review }) => {
-    return (_jsxs(RatafiaResultContentStyled, { children: [_jsx("h2", { ref: result?.documentNameRef, className: 'sans-serif --bold-weight ratafia-result-content__document-name', children: result?.documentName }), _jsxs("div", { className: 'ratafia-result-content__content', children: [result !== null && _jsx(RatafiaResultCardList, { keyFacts: result.keyFacts }), _jsx(RatafiaReviewResult, { ...review })] })] }));
+    return (_jsxs(RatafiaResultContentStyled, { children: [_jsx("h2", { ref: result?.documentNameRef, className: 'sans-serif --bold-weight ratafia-result-content__document-name', children: result?.documentName }), result?.tabs && (_jsx("div", { className: 'ratafia-result-content__tabs', children: _jsx(RatafiaResultTabList, { tabs: result.tabs }) })), _jsxs("div", { className: 'ratafia-result-content__content', children: [result !== null && _jsx(RatafiaResultCardList, { keyFacts: result.keyFacts }), _jsx(RatafiaReviewResult, { ...review })] })] }));
 };
 export default RatafiaResultContent;

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

@@ -6,15 +6,19 @@ export const RatafiaResultContentStyled = styled.div `
   align-items: flex-start;
   flex: 1 0 0;
   align-self: stretch;
-  gap: var(--global-gap);
 
   .ratafia-result-content__document-name {
     color: var(--neutral-neutral-2);
     font-size: 1rem;
+    margin-bottom: 1rem;
     @media ${device['portrait-tablets']} {
       font-size: 1.125rem;
     }
   }
+  .ratafia-result-content__tabs {
+    width: 100%;
+    margin-bottom: 0.5rem;
+  }
   .ratafia-result-content__content {
     overflow: hidden;
     width: 100%;

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

@@ -7,15 +7,19 @@ export const RatafiaResultContentStyled = styled.div`
   align-items: flex-start;
   flex: 1 0 0;
   align-self: stretch;
-  gap: var(--global-gap);
 
   .ratafia-result-content__document-name {
     color: var(--neutral-neutral-2);
     font-size: 1rem;
+    margin-bottom: 1rem;
     @media ${device['portrait-tablets']} {
       font-size: 1.125rem;
     }
   }
+  .ratafia-result-content__tabs {
+    width: 100%;
+    margin-bottom: 0.5rem;
+  }
   .ratafia-result-content__content {
     overflow: hidden;
     width: 100%;

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

@@ -3,6 +3,7 @@ import React from 'react'
 import { RatafiaResultCardList } from '../../molecules'
 import { type RatafiaResultContentProps } from './RatafiaResultContentProps.types'
 import { RatafiaResultContentStyled } from './RatafiaResultContent.styled'
+import RatafiaResultTabList from '../../molecules/RatafiaResultTabList/RatafiaResultTabList'
 import { RatafiaReviewResult } from '../../atoms'
 
 export const RatafiaResultContent: React.FC<RatafiaResultContentProps> = ({ result, review }) => {
@@ -11,6 +12,11 @@ export const RatafiaResultContent: React.FC<RatafiaResultContentProps> = ({ resu
       <h2 ref={result?.documentNameRef} className='sans-serif --bold-weight ratafia-result-content__document-name'>
         {result?.documentName}
       </h2>
+      {result?.tabs && (
+        <div className='ratafia-result-content__tabs'>
+          <RatafiaResultTabList tabs={result.tabs} />
+        </div>
+      )}
       <div className='ratafia-result-content__content'>
         {result !== null && <RatafiaResultCardList keyFacts={result.keyFacts} />}
         <RatafiaReviewResult {...review} />

package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContentProps.types.d.ts

@@ -1,11 +1,13 @@
-import type { RatafiaResultCardProps, RatafiaReviewResultProps } from '../../atoms';
 import React from 'react';
+import type { RatafiaResultCardProps, RatafiaReviewResultProps } from '../../atoms';
+import { type RatafiaResultTabProps } from '../../atoms';
 export interface RatafiaResultContentProps {
     result: RatafiaResultProps | null;
     review: RatafiaReviewResultProps;
 }
 export interface RatafiaResultProps {
     documentName: string;
+    tabs: RatafiaResultTabProps[];
     keyFacts: RatafiaResultCardProps[];
     documentNameRef?: React.RefObject<HTMLHeadingElement>;
 }

package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContentProps.types.ts

@@ -1,6 +1,8 @@
-import type { RatafiaResultCardProps, RatafiaReviewResultProps } from '../../atoms'
 import React from 'react'
 
+import type { RatafiaResultCardProps, RatafiaReviewResultProps } from '../../atoms'
+import { type RatafiaResultTabProps } from '../../atoms'
+
 export interface RatafiaResultContentProps {
   result: RatafiaResultProps | null
   review: RatafiaReviewResultProps
@@ -8,6 +10,7 @@ export interface RatafiaResultContentProps {
 
 export interface RatafiaResultProps {
   documentName: string
+  tabs: RatafiaResultTabProps[]
   keyFacts: RatafiaResultCardProps[]
   documentNameRef?: React.RefObject<HTMLHeadingElement>
 }

package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPageProps.types.d.ts

@@ -1,10 +1,10 @@
-import type { DisclaimerRatafiaProps, ReviewKeyFactsResultRatafiaProps } from '../../atoms';
+import type { DisclaimerRatafiaProps, RatafiaReviewResultProps } from '../../atoms';
 import { type HeaderRatafiaProps } from '../../molecules';
-import { type KeyFactsResultProps } from '../../organisms';
+import { type RatafiaResultProps } from '../../organisms';
 export interface RatafiaResultPageProps {
     header: HeaderRatafiaProps;
-    resultContent: KeyFactsResultProps;
-    reviewContent: ReviewKeyFactsResultRatafiaProps;
+    resultContent: RatafiaResultProps;
+    reviewContent: RatafiaReviewResultProps;
     disclaimer: DisclaimerRatafiaProps;
     cta: RatafiaResultCta;
     loadingIcon?: React.ReactNode;

package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPageProps.types.ts

@@ -1,12 +1,12 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import type { DisclaimerRatafiaProps, ReviewKeyFactsResultRatafiaProps } from '../../atoms'
+import type { DisclaimerRatafiaProps, RatafiaReviewResultProps } from '../../atoms'
 import { type HeaderRatafiaProps } from '../../molecules'
-import { type KeyFactsResultProps } from '../../organisms'
+import { type RatafiaResultProps } from '../../organisms'
 
 export interface RatafiaResultPageProps {
   header: HeaderRatafiaProps
-  resultContent: KeyFactsResultProps
-  reviewContent: ReviewKeyFactsResultRatafiaProps
+  resultContent: RatafiaResultProps
+  reviewContent: RatafiaReviewResultProps
   disclaimer: DisclaimerRatafiaProps
   cta: RatafiaResultCta
   loadingIcon?: React.ReactNode

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "5.58.3",
+  "version": "5.58.5",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",