@npm_leadtech/legal-lib-components 5.58.5 → 5.58.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -16,9 +16,9 @@ export const RatafiaResultCardListStyled = styled.div `
16
16
  border-bottom: 8px solid var(--neutral-neutral-6);
17
17
  background: var(--neutral-neutral-6);
18
18
 
19
- height: calc(100vh - 24.5rem);
19
+ height: calc(100vh - 27.5rem);
20
20
  @media ${device['portrait-tablets']} {
21
- height: calc(100vh - 33.5rem);
21
+ height: calc(100vh - 35.5rem);
22
22
  }
23
23
  overflow-y: auto;
24
24
  `;
@@ -17,9 +17,9 @@ export const RatafiaResultCardListStyled = styled.div`
17
17
  border-bottom: 8px solid var(--neutral-neutral-6);
18
18
  background: var(--neutral-neutral-6);
19
19
 
20
- height: calc(100vh - 24.5rem);
20
+ height: calc(100vh - 27.5rem);
21
21
  @media ${device['portrait-tablets']} {
22
- height: calc(100vh - 33.5rem);
22
+ height: calc(100vh - 35.5rem);
23
23
  }
24
24
  overflow-y: auto;
25
25
  `
@@ -27,7 +27,7 @@ export const RatafiaLoadingResultContentStyled = styled.div `
27
27
  border-bottom: 4px solid var(--neutral-neutral-6);
28
28
  background: var(--neutral-neutral-6);
29
29
 
30
- height: calc(100vh - 24.5rem);
30
+ height: calc(100vh - 23.5rem);
31
31
  @media ${device['portrait-tablets']} {
32
32
  height: calc(100vh - 33.5rem);
33
33
  }
@@ -28,7 +28,7 @@ export const RatafiaLoadingResultContentStyled = styled.div`
28
28
  border-bottom: 4px solid var(--neutral-neutral-6);
29
29
  background: var(--neutral-neutral-6);
30
30
 
31
- height: calc(100vh - 24.5rem);
31
+ height: calc(100vh - 23.5rem);
32
32
  @media ${device['portrait-tablets']} {
33
33
  height: calc(100vh - 33.5rem);
34
34
  }
@@ -3,7 +3,7 @@ import { RatafiaResultCardList } from '../../molecules';
3
3
  import { RatafiaResultContentStyled } from './RatafiaResultContent.styled';
4
4
  import RatafiaResultTabList from '../../molecules/RatafiaResultTabList/RatafiaResultTabList';
5
5
  import { RatafiaReviewResult } from '../../atoms';
6
- export const RatafiaResultContent = ({ result, review }) => {
7
- 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 })] })] }));
6
+ export const RatafiaResultContent = ({ result, review, tabs }) => {
7
+ return (_jsxs(RatafiaResultContentStyled, { children: [_jsx("h2", { ref: result?.documentNameRef, className: 'sans-serif --bold-weight ratafia-result-content__document-name', children: result?.documentName }), _jsx("div", { className: 'ratafia-result-content__tabs', children: _jsx(RatafiaResultTabList, { tabs: tabs }) }), _jsxs("div", { className: 'ratafia-result-content__content', children: [result !== null && _jsx(RatafiaResultCardList, { keyFacts: result.keyFacts }), _jsx(RatafiaReviewResult, { ...review })] })] }));
8
8
  };
9
9
  export default RatafiaResultContent;
@@ -6,17 +6,15 @@ import { RatafiaResultContentStyled } from './RatafiaResultContent.styled'
6
6
  import RatafiaResultTabList from '../../molecules/RatafiaResultTabList/RatafiaResultTabList'
7
7
  import { RatafiaReviewResult } from '../../atoms'
8
8
 
9
- export const RatafiaResultContent: React.FC<RatafiaResultContentProps> = ({ result, review }) => {
9
+ export const RatafiaResultContent: React.FC<RatafiaResultContentProps> = ({ result, review, tabs }) => {
10
10
  return (
11
11
  <RatafiaResultContentStyled>
12
12
  <h2 ref={result?.documentNameRef} className='sans-serif --bold-weight ratafia-result-content__document-name'>
13
13
  {result?.documentName}
14
14
  </h2>
15
- {result?.tabs && (
16
- <div className='ratafia-result-content__tabs'>
17
- <RatafiaResultTabList tabs={result.tabs} />
18
- </div>
19
- )}
15
+ <div className='ratafia-result-content__tabs'>
16
+ <RatafiaResultTabList tabs={tabs} />
17
+ </div>
20
18
  <div className='ratafia-result-content__content'>
21
19
  {result !== null && <RatafiaResultCardList keyFacts={result.keyFacts} />}
22
20
  <RatafiaReviewResult {...review} />
@@ -4,10 +4,10 @@ import { type RatafiaResultTabProps } from '../../atoms';
4
4
  export interface RatafiaResultContentProps {
5
5
  result: RatafiaResultProps | null;
6
6
  review: RatafiaReviewResultProps;
7
+ tabs: RatafiaResultTabProps[];
7
8
  }
8
9
  export interface RatafiaResultProps {
9
10
  documentName: string;
10
- tabs: RatafiaResultTabProps[];
11
11
  keyFacts: RatafiaResultCardProps[];
12
12
  documentNameRef?: React.RefObject<HTMLHeadingElement>;
13
13
  }
@@ -6,11 +6,11 @@ import { type RatafiaResultTabProps } from '../../atoms'
6
6
  export interface RatafiaResultContentProps {
7
7
  result: RatafiaResultProps | null
8
8
  review: RatafiaReviewResultProps
9
+ tabs: RatafiaResultTabProps[]
9
10
  }
10
11
 
11
12
  export interface RatafiaResultProps {
12
13
  documentName: string
13
- tabs: RatafiaResultTabProps[]
14
14
  keyFacts: RatafiaResultCardProps[]
15
15
  documentNameRef?: React.RefObject<HTMLHeadingElement>
16
16
  }
@@ -4,9 +4,9 @@ import { Button } from '../../atoms';
4
4
  import DisclaimerRatafia from '../../atoms/DisclaimerRatafia/DisclaimerRatafia';
5
5
  import { LayoutRatafia } from '../../organisms/LayoutRatafia';
6
6
  import { RatafiaResultPageStyled } from './RatafiaResultPage.styled';
7
- export const RatafiaResultPage = ({ header, resultContent, reviewContent, disclaimer, cta, loadingIcon, loadingText, isLoading }) => {
7
+ export const RatafiaResultPage = ({ header, resultContent, reviewContent, tabs, disclaimer, cta, loadingIcon, loadingText, isLoading }) => {
8
8
  const loadingContent = (_jsx("div", { className: 'ratafia-result-page__content', children: _jsx(RatafiaLoadingResultContent, { documentName: resultContent.documentName, icon: loadingIcon, text: loadingText }) }));
9
- const loadedContent = (_jsx("div", { className: 'ratafia-result-page__content', children: _jsx(RatafiaResultContent, { result: resultContent, review: reviewContent }) }));
9
+ const loadedContent = (_jsx("div", { className: 'ratafia-result-page__content', children: _jsx(RatafiaResultContent, { result: resultContent, review: reviewContent, tabs: tabs }) }));
10
10
  const ctaButton = isLoading ? null : (_jsx(Button, { givenClass: 'ratafia-result-page__content__cta', dataQa: cta.dataQa, color: 'primary', label: cta.label, onClick: cta.handleOnClick, noLink: true }));
11
11
  const footerDesktop = (_jsx("div", { className: 'ratafia-result-page__footer-desktop', children: _jsx(DisclaimerRatafia, { icon: disclaimer.icon, text: disclaimer.text, copyrightText: disclaimer.copyrightText, ctaTextShowDisclaimer: disclaimer.ctaTextShowDisclaimer, ctaTextCloseDisclaimer: disclaimer.ctaTextCloseDisclaimer }) }));
12
12
  const footerMobile = (_jsxs(_Fragment, { children: [footerDesktop, ctaButton] }));
@@ -12,6 +12,7 @@ export const RatafiaResultPage: React.FC<RatafiaResultPageProps> = ({
12
12
  header,
13
13
  resultContent,
14
14
  reviewContent,
15
+ tabs,
15
16
  disclaimer,
16
17
  cta,
17
18
  loadingIcon,
@@ -25,7 +26,7 @@ export const RatafiaResultPage: React.FC<RatafiaResultPageProps> = ({
25
26
  )
26
27
  const loadedContent = (
27
28
  <div className='ratafia-result-page__content'>
28
- <RatafiaResultContent result={resultContent} review={reviewContent} />
29
+ <RatafiaResultContent result={resultContent} review={reviewContent} tabs={tabs} />
29
30
  </div>
30
31
  )
31
32
 
@@ -1,10 +1,11 @@
1
- import type { DisclaimerRatafiaProps, RatafiaReviewResultProps } from '../../atoms';
1
+ import type { DisclaimerRatafiaProps, RatafiaResultTabProps, RatafiaReviewResultProps } from '../../atoms';
2
2
  import { type HeaderRatafiaProps } from '../../molecules';
3
3
  import { type RatafiaResultProps } from '../../organisms';
4
4
  export interface RatafiaResultPageProps {
5
5
  header: HeaderRatafiaProps;
6
6
  resultContent: RatafiaResultProps;
7
7
  reviewContent: RatafiaReviewResultProps;
8
+ tabs: RatafiaResultTabProps[];
8
9
  disclaimer: DisclaimerRatafiaProps;
9
10
  cta: RatafiaResultCta;
10
11
  loadingIcon?: React.ReactNode;
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable @typescript-eslint/no-explicit-any */
2
- import type { DisclaimerRatafiaProps, RatafiaReviewResultProps } from '../../atoms'
2
+ import type { DisclaimerRatafiaProps, RatafiaResultTabProps, RatafiaReviewResultProps } from '../../atoms'
3
3
  import { type HeaderRatafiaProps } from '../../molecules'
4
4
  import { type RatafiaResultProps } from '../../organisms'
5
5
 
@@ -7,6 +7,7 @@ export interface RatafiaResultPageProps {
7
7
  header: HeaderRatafiaProps
8
8
  resultContent: RatafiaResultProps
9
9
  reviewContent: RatafiaReviewResultProps
10
+ tabs: RatafiaResultTabProps[]
10
11
  disclaimer: DisclaimerRatafiaProps
11
12
  cta: RatafiaResultCta
12
13
  loadingIcon?: React.ReactNode
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "5.58.5",
3
+ "version": "5.58.7",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",