@npm_leadtech/legal-lib-components 5.63.4 → 5.64.0
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.
- package/dist/src/components/atoms/index.d.ts +0 -3
- package/dist/src/components/atoms/index.js +0 -3
- package/dist/src/components/atoms/index.ts +0 -3
- package/dist/src/components/molecules/TextInput/Input.js +2 -7
- package/dist/src/components/molecules/TextInput/Input.tsx +3 -12
- package/dist/src/components/molecules/index.d.ts +0 -2
- package/dist/src/components/molecules/index.js +0 -2
- package/dist/src/components/molecules/index.ts +0 -2
- package/dist/src/components/organisms/index.d.ts +0 -2
- package/dist/src/components/organisms/index.js +0 -2
- package/dist/src/components/organisms/index.ts +0 -2
- package/dist/src/components/pages/index.d.ts +1 -2
- package/dist/src/components/pages/index.js +1 -2
- package/dist/src/components/pages/index.ts +1 -2
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +2 -6
- package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCard.d.ts +0 -4
- package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCard.js +0 -6
- package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCard.styled.d.ts +0 -1
- package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCard.styled.js +0 -39
- package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCard.styled.ts +0 -40
- package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCard.tsx +0 -18
- package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCardProps.types.d.ts +0 -5
- package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCardProps.types.js +0 -1
- package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCardProps.types.ts +0 -5
- package/dist/src/components/atoms/RatafiaResultCard/index.d.ts +0 -2
- package/dist/src/components/atoms/RatafiaResultCard/index.js +0 -1
- package/dist/src/components/atoms/RatafiaResultCard/index.ts +0 -2
- package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTab.d.ts +0 -4
- package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTab.js +0 -6
- package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTab.styled.d.ts +0 -1
- package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTab.styled.js +0 -38
- package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTab.styled.ts +0 -39
- package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTab.tsx +0 -23
- package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTabProps.types.d.ts +0 -9
- package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTabProps.types.js +0 -1
- package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTabProps.types.ts +0 -9
- package/dist/src/components/atoms/RatafiaResultTab/index.d.ts +0 -2
- package/dist/src/components/atoms/RatafiaResultTab/index.js +0 -1
- package/dist/src/components/atoms/RatafiaResultTab/index.ts +0 -2
- package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResult.d.ts +0 -4
- package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResult.js +0 -6
- package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResult.styled.d.ts +0 -1
- package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResult.styled.js +0 -55
- package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResult.styled.ts +0 -56
- package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResult.tsx +0 -56
- package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResultProps.types.d.ts +0 -14
- package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResultProps.types.js +0 -1
- package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResultProps.types.ts +0 -15
- package/dist/src/components/atoms/RatafiaReviewResult/index.d.ts +0 -2
- package/dist/src/components/atoms/RatafiaReviewResult/index.js +0 -1
- package/dist/src/components/atoms/RatafiaReviewResult/index.ts +0 -2
- package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardList.d.ts +0 -4
- package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardList.js +0 -9
- package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardList.styled.d.ts +0 -1
- package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardList.styled.js +0 -24
- package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardList.styled.ts +0 -25
- package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardList.tsx +0 -19
- package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardListProps.types.d.ts +0 -4
- package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardListProps.types.js +0 -1
- package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardListProps.types.ts +0 -5
- package/dist/src/components/molecules/RatafiaResultCardList/index.d.ts +0 -2
- package/dist/src/components/molecules/RatafiaResultCardList/index.js +0 -1
- package/dist/src/components/molecules/RatafiaResultCardList/index.ts +0 -2
- package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabList.d.ts +0 -4
- package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabList.js +0 -9
- package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabList.styled.d.ts +0 -1
- package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabList.styled.js +0 -7
- package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabList.styled.ts +0 -8
- package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabList.tsx +0 -18
- package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabListProps.types.d.ts +0 -4
- package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabListProps.types.js +0 -1
- package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabListProps.types.ts +0 -5
- package/dist/src/components/molecules/RatafiaResultTabList/index.d.ts +0 -2
- package/dist/src/components/molecules/RatafiaResultTabList/index.js +0 -1
- package/dist/src/components/molecules/RatafiaResultTabList/index.ts +0 -2
- package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.d.ts +0 -4
- package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.js +0 -6
- package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.styled.d.ts +0 -1
- package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.styled.js +0 -143
- package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.styled.ts +0 -144
- package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.tsx +0 -46
- package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContentProps.types.d.ts +0 -5
- package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContentProps.types.js +0 -1
- package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContentProps.types.ts +0 -5
- package/dist/src/components/organisms/RatafiaLoadingResultContent/index.d.ts +0 -2
- package/dist/src/components/organisms/RatafiaLoadingResultContent/index.js +0 -1
- package/dist/src/components/organisms/RatafiaLoadingResultContent/index.ts +0 -2
- package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.d.ts +0 -4
- package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.js +0 -9
- package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.styled.d.ts +0 -1
- package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.styled.js +0 -26
- package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.styled.ts +0 -27
- package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.tsx +0 -26
- package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContentProps.types.d.ts +0 -13
- package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContentProps.types.js +0 -1
- package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContentProps.types.ts +0 -16
- package/dist/src/components/organisms/RatafiaResultContent/index.d.ts +0 -3
- package/dist/src/components/organisms/RatafiaResultContent/index.js +0 -1
- package/dist/src/components/organisms/RatafiaResultContent/index.ts +0 -3
- package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPage.d.ts +0 -4
- package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPage.js +0 -15
- package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPage.styled.d.ts +0 -1
- package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPage.styled.js +0 -23
- package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPage.styled.ts +0 -24
- package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPage.tsx +0 -76
- package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPageProps.types.d.ts +0 -20
- package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPageProps.types.js +0 -1
- package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPageProps.types.ts +0 -22
- package/dist/src/components/pages/RatafiaResultPage/index.d.ts +0 -2
- package/dist/src/components/pages/RatafiaResultPage/index.js +0 -1
- package/dist/src/components/pages/RatafiaResultPage/index.ts +0 -2
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components'
|
|
2
|
-
|
|
3
|
-
export const RatafiaResultCardStyled = styled.div`
|
|
4
|
-
display: flex;
|
|
5
|
-
flex-direction: column;
|
|
6
|
-
justify-content: center;
|
|
7
|
-
align-items: flex-start;
|
|
8
|
-
align-self: stretch;
|
|
9
|
-
|
|
10
|
-
background: var(--neutral-neutral-6);
|
|
11
|
-
|
|
12
|
-
.ratafia-result-item {
|
|
13
|
-
&__wrapper {
|
|
14
|
-
display: flex;
|
|
15
|
-
flex-direction: column;
|
|
16
|
-
|
|
17
|
-
margin-bottom: 1rem;
|
|
18
|
-
gap: var(--global-gap);
|
|
19
|
-
|
|
20
|
-
&__title {
|
|
21
|
-
color: var(--neutral-neutral-1);
|
|
22
|
-
background: var(--neutral-neutral-6);
|
|
23
|
-
position: sticky;
|
|
24
|
-
top: 0;
|
|
25
|
-
|
|
26
|
-
margin-top: 1rem;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
&__content {
|
|
30
|
-
color: var(--neutral-neutral-1);
|
|
31
|
-
overflow-y: auto;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
&__divider {
|
|
35
|
-
height: 1px;
|
|
36
|
-
align-self: stretch;
|
|
37
|
-
background: var(--neutral-neutral-4);
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
`
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import { type RatafiaResultCardProps } from './RatafiaResultCardProps.types'
|
|
4
|
-
import { RatafiaResultCardStyled } from './RatafiaResultCard.styled'
|
|
5
|
-
|
|
6
|
-
export const RatafiaResultCard: React.FC<RatafiaResultCardProps> = ({ title, content }) => {
|
|
7
|
-
return (
|
|
8
|
-
<RatafiaResultCardStyled className='ratafia-result-item'>
|
|
9
|
-
<div className='ratafia-result-item__wrapper'>
|
|
10
|
-
<p className='sans-serif --medium --bold-weight ratafia-result-item__wrapper__title'>{title}</p>
|
|
11
|
-
<p className='sans-serif --medium ratafia-result-item__wrapper__content'>{content}</p>
|
|
12
|
-
</div>
|
|
13
|
-
<span className='ratafia-result-item__divider'></span>
|
|
14
|
-
</RatafiaResultCardStyled>
|
|
15
|
-
)
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export default RatafiaResultCard
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as RatafiaResultCard } from './RatafiaResultCard';
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { RatafiaResultTabStyled } from './RatafiaResultTab.styled';
|
|
3
|
-
const RatafiaResultTab = ({ title, icon, activeIcon, isActive, handleOnClick, dataQa }) => {
|
|
4
|
-
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 })] }));
|
|
5
|
-
};
|
|
6
|
-
export default RatafiaResultTab;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const RatafiaResultTabStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
export const RatafiaResultTabStyled = styled.div `
|
|
3
|
-
display: flex;
|
|
4
|
-
padding: 8px;
|
|
5
|
-
justify-content: center;
|
|
6
|
-
align-items: center;
|
|
7
|
-
gap: 0.25rem;
|
|
8
|
-
flex: 1 0 0;
|
|
9
|
-
|
|
10
|
-
border-radius: var(--s-border-radius);
|
|
11
|
-
background: var(--neutral-neutral-6);
|
|
12
|
-
|
|
13
|
-
cursor: default;
|
|
14
|
-
.ratafia-result-tab {
|
|
15
|
-
&__icon {
|
|
16
|
-
width: 20px;
|
|
17
|
-
height: 20px;
|
|
18
|
-
}
|
|
19
|
-
&__title {
|
|
20
|
-
color: var(--neutral-neutral-2);
|
|
21
|
-
font-feature-settings:
|
|
22
|
-
'liga' off,
|
|
23
|
-
'clig' off;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
&:hover {
|
|
27
|
-
background: var(--neutral-neutral-4);
|
|
28
|
-
}
|
|
29
|
-
&.--is-active {
|
|
30
|
-
background: var(--primary-main-light-4);
|
|
31
|
-
.ratafia-result-tab {
|
|
32
|
-
&__title {
|
|
33
|
-
color: var(--primary-main-dark-1);
|
|
34
|
-
font-weight: bold;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
`;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components'
|
|
2
|
-
|
|
3
|
-
export const RatafiaResultTabStyled = styled.div`
|
|
4
|
-
display: flex;
|
|
5
|
-
padding: 8px;
|
|
6
|
-
justify-content: center;
|
|
7
|
-
align-items: center;
|
|
8
|
-
gap: 0.25rem;
|
|
9
|
-
flex: 1 0 0;
|
|
10
|
-
|
|
11
|
-
border-radius: var(--s-border-radius);
|
|
12
|
-
background: var(--neutral-neutral-6);
|
|
13
|
-
|
|
14
|
-
cursor: default;
|
|
15
|
-
.ratafia-result-tab {
|
|
16
|
-
&__icon {
|
|
17
|
-
width: 20px;
|
|
18
|
-
height: 20px;
|
|
19
|
-
}
|
|
20
|
-
&__title {
|
|
21
|
-
color: var(--neutral-neutral-2);
|
|
22
|
-
font-feature-settings:
|
|
23
|
-
'liga' off,
|
|
24
|
-
'clig' off;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
&:hover {
|
|
28
|
-
background: var(--neutral-neutral-4);
|
|
29
|
-
}
|
|
30
|
-
&.--is-active {
|
|
31
|
-
background: var(--primary-main-light-4);
|
|
32
|
-
.ratafia-result-tab {
|
|
33
|
-
&__title {
|
|
34
|
-
color: var(--primary-main-dark-1);
|
|
35
|
-
font-weight: bold;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
`
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React, { type FC } from 'react'
|
|
2
|
-
|
|
3
|
-
import { RatafiaResultTabProps } from './RatafiaResultTabProps.types'
|
|
4
|
-
import { RatafiaResultTabStyled } from './RatafiaResultTab.styled'
|
|
5
|
-
|
|
6
|
-
const RatafiaResultTab: FC<RatafiaResultTabProps> = ({ title, icon, activeIcon, isActive, handleOnClick, dataQa }) => {
|
|
7
|
-
return (
|
|
8
|
-
<RatafiaResultTabStyled
|
|
9
|
-
className={`ratafia-result-tab${isActive ? ' --is-active' : ''}`}
|
|
10
|
-
onClick={handleOnClick}
|
|
11
|
-
data-qa={dataQa}
|
|
12
|
-
>
|
|
13
|
-
{isActive ? (
|
|
14
|
-
<>{icon !== null && <div className='ratafia-result-tab__icon'>{activeIcon}</div>}</>
|
|
15
|
-
) : (
|
|
16
|
-
<>{icon !== null && <div className='ratafia-result-tab__icon'>{icon}</div>}</>
|
|
17
|
-
)}
|
|
18
|
-
<p className='sans-serif --medium ratafia-result-tab__title'>{title}</p>
|
|
19
|
-
</RatafiaResultTabStyled>
|
|
20
|
-
)
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export default RatafiaResultTab
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as RatafiaResultTab } from './RatafiaResultTab';
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { RatafiaReviewResultStyled } from './RatafiaReviewResult.styled';
|
|
3
|
-
export const RatafiaReviewResult = ({ reviewQuestion, reviewPositiveIcon, reviewPositiveText, handleOnClickReviewPositive, reviewPositiveDataQa = true, reviewNegativeIcon, reviewNegativeText, handleOnClickReviewNegative, reviewNegativeDataQa, reviewFeedbackText, review }) => {
|
|
4
|
-
return (_jsx(RatafiaReviewResultStyled, { className: 'ratafia-review-result', children: review === null ? (_jsxs("div", { className: 'ratafia-review-result__review', children: [_jsx("p", { className: 'sans-serif ratafia-review-result__review__question', children: reviewQuestion }), _jsxs("div", { className: 'ratafia-review-result__review__buttons', children: [_jsxs("button", { className: 'ratafia-review-result__review__buttons__item', onClick: handleOnClickReviewPositive, "data-qa": reviewPositiveDataQa, children: [_jsx("div", { className: 'ratafia-review-result__review__buttons__item__icon', children: reviewPositiveIcon }), _jsx("p", { className: 'sans-serif --small ratafia-review-result__review__buttons__item__text positive', children: reviewPositiveText })] }), _jsxs("button", { className: 'ratafia-review-result__review__buttons__item', onClick: handleOnClickReviewNegative, "data-qa": reviewNegativeDataQa, children: [_jsx("div", { className: 'ratafia-review-result__review__buttons__item__icon', children: reviewNegativeIcon }), _jsx("p", { className: 'sans-serif --small ratafia-review-result__review__buttons__item__text negative', children: reviewNegativeText })] })] })] })) : (_jsx("div", { className: 'ratafia-review-result__review', children: _jsx("p", { className: 'sans-serif --small ratafia-review-result__review__question', children: reviewFeedbackText }) })) }));
|
|
5
|
-
};
|
|
6
|
-
export default RatafiaReviewResult;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const RatafiaReviewResultStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints';
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
export const RatafiaReviewResultStyled = styled.section `
|
|
4
|
-
.ratafia-review-result {
|
|
5
|
-
&__review {
|
|
6
|
-
display: flex;
|
|
7
|
-
justify-content: start;
|
|
8
|
-
align-items: center;
|
|
9
|
-
gap: var(--global-gap);
|
|
10
|
-
|
|
11
|
-
border-radius: var(--s-border-radius);
|
|
12
|
-
background: var(--others-white);
|
|
13
|
-
|
|
14
|
-
&__question {
|
|
15
|
-
color: var(--neutral-neutral-1);
|
|
16
|
-
font-size: 0.75rem;
|
|
17
|
-
@media ${device['portrait-tablets']} {
|
|
18
|
-
font-size: 0.875rem;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
&__buttons {
|
|
23
|
-
display: flex;
|
|
24
|
-
justify-content: center;
|
|
25
|
-
align-items: center;
|
|
26
|
-
gap: 0.5rem;
|
|
27
|
-
|
|
28
|
-
&__item {
|
|
29
|
-
display: flex;
|
|
30
|
-
padding: 0.25rem 0.5rem;
|
|
31
|
-
justify-content: center;
|
|
32
|
-
align-items: center;
|
|
33
|
-
gap: 0.25rem;
|
|
34
|
-
flex: 1 0 0;
|
|
35
|
-
|
|
36
|
-
border: none;
|
|
37
|
-
border-radius: var(--s-border-radius);
|
|
38
|
-
background: var(--neutral-neutral-6);
|
|
39
|
-
|
|
40
|
-
cursor: pointer;
|
|
41
|
-
|
|
42
|
-
&__icon {
|
|
43
|
-
width: 14px;
|
|
44
|
-
}
|
|
45
|
-
.positive {
|
|
46
|
-
color: var(--primary-main);
|
|
47
|
-
}
|
|
48
|
-
.negative {
|
|
49
|
-
color: var(--error-main);
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
`;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints'
|
|
2
|
-
import styled from 'styled-components'
|
|
3
|
-
|
|
4
|
-
export const RatafiaReviewResultStyled = styled.section`
|
|
5
|
-
.ratafia-review-result {
|
|
6
|
-
&__review {
|
|
7
|
-
display: flex;
|
|
8
|
-
justify-content: start;
|
|
9
|
-
align-items: center;
|
|
10
|
-
gap: var(--global-gap);
|
|
11
|
-
|
|
12
|
-
border-radius: var(--s-border-radius);
|
|
13
|
-
background: var(--others-white);
|
|
14
|
-
|
|
15
|
-
&__question {
|
|
16
|
-
color: var(--neutral-neutral-1);
|
|
17
|
-
font-size: 0.75rem;
|
|
18
|
-
@media ${device['portrait-tablets']} {
|
|
19
|
-
font-size: 0.875rem;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
&__buttons {
|
|
24
|
-
display: flex;
|
|
25
|
-
justify-content: center;
|
|
26
|
-
align-items: center;
|
|
27
|
-
gap: 0.5rem;
|
|
28
|
-
|
|
29
|
-
&__item {
|
|
30
|
-
display: flex;
|
|
31
|
-
padding: 0.25rem 0.5rem;
|
|
32
|
-
justify-content: center;
|
|
33
|
-
align-items: center;
|
|
34
|
-
gap: 0.25rem;
|
|
35
|
-
flex: 1 0 0;
|
|
36
|
-
|
|
37
|
-
border: none;
|
|
38
|
-
border-radius: var(--s-border-radius);
|
|
39
|
-
background: var(--neutral-neutral-6);
|
|
40
|
-
|
|
41
|
-
cursor: pointer;
|
|
42
|
-
|
|
43
|
-
&__icon {
|
|
44
|
-
width: 14px;
|
|
45
|
-
}
|
|
46
|
-
.positive {
|
|
47
|
-
color: var(--primary-main);
|
|
48
|
-
}
|
|
49
|
-
.negative {
|
|
50
|
-
color: var(--error-main);
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
`
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import { type RatafiaReviewResultProps } from './RatafiaReviewResultProps.types'
|
|
4
|
-
import { RatafiaReviewResultStyled } from './RatafiaReviewResult.styled'
|
|
5
|
-
|
|
6
|
-
export const RatafiaReviewResult: React.FC<RatafiaReviewResultProps> = ({
|
|
7
|
-
reviewQuestion,
|
|
8
|
-
reviewPositiveIcon,
|
|
9
|
-
reviewPositiveText,
|
|
10
|
-
handleOnClickReviewPositive,
|
|
11
|
-
reviewPositiveDataQa = true,
|
|
12
|
-
reviewNegativeIcon,
|
|
13
|
-
reviewNegativeText,
|
|
14
|
-
handleOnClickReviewNegative,
|
|
15
|
-
reviewNegativeDataQa,
|
|
16
|
-
reviewFeedbackText,
|
|
17
|
-
review
|
|
18
|
-
}) => {
|
|
19
|
-
return (
|
|
20
|
-
<RatafiaReviewResultStyled className='ratafia-review-result'>
|
|
21
|
-
{review === null ? (
|
|
22
|
-
<div className='ratafia-review-result__review'>
|
|
23
|
-
<p className='sans-serif ratafia-review-result__review__question'>{reviewQuestion}</p>
|
|
24
|
-
<div className='ratafia-review-result__review__buttons'>
|
|
25
|
-
<button
|
|
26
|
-
className='ratafia-review-result__review__buttons__item'
|
|
27
|
-
onClick={handleOnClickReviewPositive}
|
|
28
|
-
data-qa={reviewPositiveDataQa}
|
|
29
|
-
>
|
|
30
|
-
<div className='ratafia-review-result__review__buttons__item__icon'>{reviewPositiveIcon}</div>
|
|
31
|
-
<p className='sans-serif --small ratafia-review-result__review__buttons__item__text positive'>
|
|
32
|
-
{reviewPositiveText}
|
|
33
|
-
</p>
|
|
34
|
-
</button>
|
|
35
|
-
<button
|
|
36
|
-
className='ratafia-review-result__review__buttons__item'
|
|
37
|
-
onClick={handleOnClickReviewNegative}
|
|
38
|
-
data-qa={reviewNegativeDataQa}
|
|
39
|
-
>
|
|
40
|
-
<div className='ratafia-review-result__review__buttons__item__icon'>{reviewNegativeIcon}</div>
|
|
41
|
-
<p className='sans-serif --small ratafia-review-result__review__buttons__item__text negative'>
|
|
42
|
-
{reviewNegativeText}
|
|
43
|
-
</p>
|
|
44
|
-
</button>
|
|
45
|
-
</div>
|
|
46
|
-
</div>
|
|
47
|
-
) : (
|
|
48
|
-
<div className='ratafia-review-result__review'>
|
|
49
|
-
<p className='sans-serif --small ratafia-review-result__review__question'>{reviewFeedbackText}</p>
|
|
50
|
-
</div>
|
|
51
|
-
)}
|
|
52
|
-
</RatafiaReviewResultStyled>
|
|
53
|
-
)
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
export default RatafiaReviewResult
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { MouseEventHandler } from 'react';
|
|
2
|
-
export interface RatafiaReviewResultProps {
|
|
3
|
-
reviewQuestion: string;
|
|
4
|
-
reviewPositiveIcon?: React.ReactNode;
|
|
5
|
-
reviewPositiveText: string;
|
|
6
|
-
reviewPositiveDataQa: string;
|
|
7
|
-
handleOnClickReviewPositive?: MouseEventHandler;
|
|
8
|
-
reviewNegativeIcon?: React.ReactNode;
|
|
9
|
-
reviewNegativeText: string;
|
|
10
|
-
reviewNegativeDataQa: string;
|
|
11
|
-
handleOnClickReviewNegative?: MouseEventHandler;
|
|
12
|
-
reviewFeedbackText: string;
|
|
13
|
-
review: boolean | null;
|
|
14
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import type { MouseEventHandler } from 'react'
|
|
2
|
-
|
|
3
|
-
export interface RatafiaReviewResultProps {
|
|
4
|
-
reviewQuestion: string
|
|
5
|
-
reviewPositiveIcon?: React.ReactNode
|
|
6
|
-
reviewPositiveText: string
|
|
7
|
-
reviewPositiveDataQa: string
|
|
8
|
-
handleOnClickReviewPositive?: MouseEventHandler
|
|
9
|
-
reviewNegativeIcon?: React.ReactNode
|
|
10
|
-
reviewNegativeText: string
|
|
11
|
-
reviewNegativeDataQa: string
|
|
12
|
-
handleOnClickReviewNegative?: MouseEventHandler
|
|
13
|
-
reviewFeedbackText: string
|
|
14
|
-
review: boolean | null
|
|
15
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as RatafiaReviewResult } from './RatafiaReviewResult';
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { RatafiaResultCard } from '../../atoms';
|
|
3
|
-
import { RatafiaResultCardListStyled } from './RatafiaResultCardList.styled';
|
|
4
|
-
export const RatafiaResultCardList = ({ keyFacts }) => {
|
|
5
|
-
if (keyFacts.length === 0)
|
|
6
|
-
return null;
|
|
7
|
-
return (_jsx(RatafiaResultCardListStyled, { className: 'ratafia-result-card-list', children: keyFacts.map((keyFact) => (_jsx(RatafiaResultCard, { ...keyFact }, keyFact.id))) }));
|
|
8
|
-
};
|
|
9
|
-
export default RatafiaResultCardList;
|
package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardList.styled.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const RatafiaResultCardListStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints';
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
export const RatafiaResultCardListStyled = styled.div `
|
|
4
|
-
display: flex;
|
|
5
|
-
flex-direction: column;
|
|
6
|
-
align-items: flex-start;
|
|
7
|
-
flex: 1 0 0;
|
|
8
|
-
align-self: stretch;
|
|
9
|
-
|
|
10
|
-
margin-bottom: 1rem;
|
|
11
|
-
padding: 0 2rem 1.5rem 1.5rem;
|
|
12
|
-
gap: 0.5rem;
|
|
13
|
-
|
|
14
|
-
border-radius: var(--s-border-radius);
|
|
15
|
-
border-top: 4px solid var(--neutral-neutral-6);
|
|
16
|
-
border-bottom: 8px solid var(--neutral-neutral-6);
|
|
17
|
-
background: var(--neutral-neutral-6);
|
|
18
|
-
|
|
19
|
-
height: calc(100vh - 27.5rem);
|
|
20
|
-
@media ${device['portrait-tablets']} {
|
|
21
|
-
height: calc(100vh - 35.5rem);
|
|
22
|
-
}
|
|
23
|
-
overflow-y: auto;
|
|
24
|
-
`;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints'
|
|
2
|
-
import styled from 'styled-components'
|
|
3
|
-
|
|
4
|
-
export const RatafiaResultCardListStyled = styled.div`
|
|
5
|
-
display: flex;
|
|
6
|
-
flex-direction: column;
|
|
7
|
-
align-items: flex-start;
|
|
8
|
-
flex: 1 0 0;
|
|
9
|
-
align-self: stretch;
|
|
10
|
-
|
|
11
|
-
margin-bottom: 1rem;
|
|
12
|
-
padding: 0 2rem 1.5rem 1.5rem;
|
|
13
|
-
gap: 0.5rem;
|
|
14
|
-
|
|
15
|
-
border-radius: var(--s-border-radius);
|
|
16
|
-
border-top: 4px solid var(--neutral-neutral-6);
|
|
17
|
-
border-bottom: 8px solid var(--neutral-neutral-6);
|
|
18
|
-
background: var(--neutral-neutral-6);
|
|
19
|
-
|
|
20
|
-
height: calc(100vh - 27.5rem);
|
|
21
|
-
@media ${device['portrait-tablets']} {
|
|
22
|
-
height: calc(100vh - 35.5rem);
|
|
23
|
-
}
|
|
24
|
-
overflow-y: auto;
|
|
25
|
-
`
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import { RatafiaResultCard } from '../../atoms'
|
|
4
|
-
import { type RatafiaResultCardListProps } from './RatafiaResultCardListProps.types'
|
|
5
|
-
import { RatafiaResultCardListStyled } from './RatafiaResultCardList.styled'
|
|
6
|
-
|
|
7
|
-
export const RatafiaResultCardList: React.FC<RatafiaResultCardListProps> = ({ keyFacts }) => {
|
|
8
|
-
if (keyFacts.length === 0) return null
|
|
9
|
-
|
|
10
|
-
return (
|
|
11
|
-
<RatafiaResultCardListStyled className='ratafia-result-card-list'>
|
|
12
|
-
{keyFacts.map((keyFact) => (
|
|
13
|
-
<RatafiaResultCard key={keyFact.id} {...keyFact} />
|
|
14
|
-
))}
|
|
15
|
-
</RatafiaResultCardListStyled>
|
|
16
|
-
)
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export default RatafiaResultCardList
|
package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardListProps.types.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as RatafiaResultCardList } from './RatafiaResultCardList';
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { RatafiaResultTab } from '../../atoms';
|
|
3
|
-
import { RatafiaResultTabListStyled } from './RatafiaResultTabList.styled';
|
|
4
|
-
const RatafiaResultTabList = ({ tabs = [] }) => {
|
|
5
|
-
if (tabs.length === 0)
|
|
6
|
-
return null;
|
|
7
|
-
return (_jsx(RatafiaResultTabListStyled, { className: 'ratafia-result-tab-list', children: tabs.map((tab) => (_jsx(RatafiaResultTab, { ...tab }, tab.id))) }));
|
|
8
|
-
};
|
|
9
|
-
export default RatafiaResultTabList;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const RatafiaResultTabListStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|