@npm_leadtech/legal-lib-components 5.64.15 → 5.65.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 +1 -1
- package/dist/src/components/molecules/TextInput/Input.tsx +1 -0
- 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 +0,0 @@
|
|
|
1
|
-
export { default as RatafiaResultTabList } from './RatafiaResultTabList';
|
package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { RatafiaLoadingResultContentStyled } from './RatafiaLoadingResultContent.styled';
|
|
3
|
-
export const RatafiaLoadingResultContent = ({ documentName, icon, text }) => {
|
|
4
|
-
return (_jsxs(RatafiaLoadingResultContentStyled, { children: [_jsx("h2", { className: 'sans-serif --bold-weight ratafia-result-loading-content__document-name', children: documentName }), _jsxs("div", { className: 'ratafia-result-loading-content__animation-wrapper', children: [_jsxs("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation animation-1', children: [_jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-1' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-6' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-2' })] }), _jsxs("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation animation-2', children: [_jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-3' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-4' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-5' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-6' })] }), _jsxs("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation animation-3', children: [_jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-1' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-7' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-4' })] }), _jsxs("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation animation-4', children: [_jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-3' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-8' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-2' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-6' })] })] }), _jsxs("div", { className: 'ratafia-result-loading-content__message', children: [_jsx("div", { className: 'ratafia-result-loading-content__message__icon', children: icon }), _jsx("span", { className: 'sans-serif --medium ratafia-result-loading-content__message__text', children: text })] })] }));
|
|
5
|
-
};
|
|
6
|
-
export default RatafiaLoadingResultContent;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const RatafiaLoadingResultContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints';
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
export const RatafiaLoadingResultContentStyled = styled.div `
|
|
4
|
-
display: flex;
|
|
5
|
-
flex-direction: column;
|
|
6
|
-
align-items: flex-start;
|
|
7
|
-
align-self: stretch;
|
|
8
|
-
gap: var(--global-gap);
|
|
9
|
-
|
|
10
|
-
.ratafia-result-loading-content__document-name {
|
|
11
|
-
color: var(--neutral-neutral-2);
|
|
12
|
-
font-size: 1rem;
|
|
13
|
-
@media ${device['portrait-tablets']} {
|
|
14
|
-
font-size: 1.125rem;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.ratafia-result-loading-content__animation-wrapper {
|
|
19
|
-
align-self: stretch;
|
|
20
|
-
|
|
21
|
-
padding: 0 2rem 1.5rem 1.5rem;
|
|
22
|
-
|
|
23
|
-
overflow: hidden;
|
|
24
|
-
|
|
25
|
-
border-radius: var(--s-border-radius);
|
|
26
|
-
border-top: 4px solid var(--neutral-neutral-6);
|
|
27
|
-
border-bottom: 4px solid var(--neutral-neutral-6);
|
|
28
|
-
background: var(--neutral-neutral-6);
|
|
29
|
-
|
|
30
|
-
height: calc(100vh - 23.5rem);
|
|
31
|
-
@media ${device['portrait-tablets']} {
|
|
32
|
-
height: calc(100vh - 33.5rem);
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
&__animation {
|
|
36
|
-
display: flex;
|
|
37
|
-
flex-direction: column;
|
|
38
|
-
align-items: flex-start;
|
|
39
|
-
justify-content: center;
|
|
40
|
-
|
|
41
|
-
gap: 0.8rem;
|
|
42
|
-
|
|
43
|
-
padding: 2rem 0;
|
|
44
|
-
|
|
45
|
-
border-bottom: 1px solid var(--neutral-neutral-4);
|
|
46
|
-
&__loader {
|
|
47
|
-
background: var(--neutral-neutral-4);
|
|
48
|
-
border-radius: var(--l-border-radius);
|
|
49
|
-
}
|
|
50
|
-
.item-1 {
|
|
51
|
-
height: 10px;
|
|
52
|
-
width: 45%;
|
|
53
|
-
}
|
|
54
|
-
.item-2 {
|
|
55
|
-
height: 7px;
|
|
56
|
-
width: 30%;
|
|
57
|
-
}
|
|
58
|
-
.item-3 {
|
|
59
|
-
height: 10px;
|
|
60
|
-
width: 25%;
|
|
61
|
-
}
|
|
62
|
-
.item-4 {
|
|
63
|
-
height: 7px;
|
|
64
|
-
width: 70%;
|
|
65
|
-
}
|
|
66
|
-
.item-5 {
|
|
67
|
-
height: 7px;
|
|
68
|
-
width: 55%;
|
|
69
|
-
}
|
|
70
|
-
.item-6 {
|
|
71
|
-
height: 7px;
|
|
72
|
-
width: 65%;
|
|
73
|
-
}
|
|
74
|
-
.item-7 {
|
|
75
|
-
height: 7px;
|
|
76
|
-
width: 90%;
|
|
77
|
-
}
|
|
78
|
-
.item-8 {
|
|
79
|
-
height: 7px;
|
|
80
|
-
width: 90%;
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
.animation-1 {
|
|
84
|
-
animation:
|
|
85
|
-
appear 4s ease-in-out 1,
|
|
86
|
-
fadeInOut 4s ease-in-out infinite 4s;
|
|
87
|
-
}
|
|
88
|
-
.animation-2 {
|
|
89
|
-
animation:
|
|
90
|
-
appear 5s ease-in-out 1,
|
|
91
|
-
fadeInOut 4s ease-in-out infinite 4s;
|
|
92
|
-
}
|
|
93
|
-
.animation-3 {
|
|
94
|
-
animation:
|
|
95
|
-
appear 6s ease-in-out 1,
|
|
96
|
-
fadeInOut 4s ease-in-out infinite 4s;
|
|
97
|
-
}
|
|
98
|
-
.animation-4 {
|
|
99
|
-
animation:
|
|
100
|
-
appear 6s ease-in-out 1,
|
|
101
|
-
fadeInOut 4s ease-in-out infinite 4s;
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.ratafia-result-loading-content__message {
|
|
106
|
-
display: flex;
|
|
107
|
-
justify-content: start;
|
|
108
|
-
align-items: flex-start;
|
|
109
|
-
align-self: stretch;
|
|
110
|
-
|
|
111
|
-
padding: 1rem;
|
|
112
|
-
gap: 0.5rem;
|
|
113
|
-
|
|
114
|
-
border-radius: var(--s-border-radius);
|
|
115
|
-
background: var(--secondary-main-light-4);
|
|
116
|
-
|
|
117
|
-
&__icon img {
|
|
118
|
-
width: 24px;
|
|
119
|
-
}
|
|
120
|
-
&__text {
|
|
121
|
-
color: var(--neutral-neutral-1);
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
@keyframes fadeInOut {
|
|
126
|
-
0%,
|
|
127
|
-
100% {
|
|
128
|
-
opacity: 1;
|
|
129
|
-
}
|
|
130
|
-
50% {
|
|
131
|
-
opacity: 0.2;
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
@keyframes appear {
|
|
136
|
-
0% {
|
|
137
|
-
opacity: 0;
|
|
138
|
-
}
|
|
139
|
-
100% {
|
|
140
|
-
opacity: 1;
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
`;
|
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints'
|
|
2
|
-
import styled from 'styled-components'
|
|
3
|
-
|
|
4
|
-
export const RatafiaLoadingResultContentStyled = styled.div`
|
|
5
|
-
display: flex;
|
|
6
|
-
flex-direction: column;
|
|
7
|
-
align-items: flex-start;
|
|
8
|
-
align-self: stretch;
|
|
9
|
-
gap: var(--global-gap);
|
|
10
|
-
|
|
11
|
-
.ratafia-result-loading-content__document-name {
|
|
12
|
-
color: var(--neutral-neutral-2);
|
|
13
|
-
font-size: 1rem;
|
|
14
|
-
@media ${device['portrait-tablets']} {
|
|
15
|
-
font-size: 1.125rem;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.ratafia-result-loading-content__animation-wrapper {
|
|
20
|
-
align-self: stretch;
|
|
21
|
-
|
|
22
|
-
padding: 0 2rem 1.5rem 1.5rem;
|
|
23
|
-
|
|
24
|
-
overflow: hidden;
|
|
25
|
-
|
|
26
|
-
border-radius: var(--s-border-radius);
|
|
27
|
-
border-top: 4px solid var(--neutral-neutral-6);
|
|
28
|
-
border-bottom: 4px solid var(--neutral-neutral-6);
|
|
29
|
-
background: var(--neutral-neutral-6);
|
|
30
|
-
|
|
31
|
-
height: calc(100vh - 23.5rem);
|
|
32
|
-
@media ${device['portrait-tablets']} {
|
|
33
|
-
height: calc(100vh - 33.5rem);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
&__animation {
|
|
37
|
-
display: flex;
|
|
38
|
-
flex-direction: column;
|
|
39
|
-
align-items: flex-start;
|
|
40
|
-
justify-content: center;
|
|
41
|
-
|
|
42
|
-
gap: 0.8rem;
|
|
43
|
-
|
|
44
|
-
padding: 2rem 0;
|
|
45
|
-
|
|
46
|
-
border-bottom: 1px solid var(--neutral-neutral-4);
|
|
47
|
-
&__loader {
|
|
48
|
-
background: var(--neutral-neutral-4);
|
|
49
|
-
border-radius: var(--l-border-radius);
|
|
50
|
-
}
|
|
51
|
-
.item-1 {
|
|
52
|
-
height: 10px;
|
|
53
|
-
width: 45%;
|
|
54
|
-
}
|
|
55
|
-
.item-2 {
|
|
56
|
-
height: 7px;
|
|
57
|
-
width: 30%;
|
|
58
|
-
}
|
|
59
|
-
.item-3 {
|
|
60
|
-
height: 10px;
|
|
61
|
-
width: 25%;
|
|
62
|
-
}
|
|
63
|
-
.item-4 {
|
|
64
|
-
height: 7px;
|
|
65
|
-
width: 70%;
|
|
66
|
-
}
|
|
67
|
-
.item-5 {
|
|
68
|
-
height: 7px;
|
|
69
|
-
width: 55%;
|
|
70
|
-
}
|
|
71
|
-
.item-6 {
|
|
72
|
-
height: 7px;
|
|
73
|
-
width: 65%;
|
|
74
|
-
}
|
|
75
|
-
.item-7 {
|
|
76
|
-
height: 7px;
|
|
77
|
-
width: 90%;
|
|
78
|
-
}
|
|
79
|
-
.item-8 {
|
|
80
|
-
height: 7px;
|
|
81
|
-
width: 90%;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
.animation-1 {
|
|
85
|
-
animation:
|
|
86
|
-
appear 4s ease-in-out 1,
|
|
87
|
-
fadeInOut 4s ease-in-out infinite 4s;
|
|
88
|
-
}
|
|
89
|
-
.animation-2 {
|
|
90
|
-
animation:
|
|
91
|
-
appear 5s ease-in-out 1,
|
|
92
|
-
fadeInOut 4s ease-in-out infinite 4s;
|
|
93
|
-
}
|
|
94
|
-
.animation-3 {
|
|
95
|
-
animation:
|
|
96
|
-
appear 6s ease-in-out 1,
|
|
97
|
-
fadeInOut 4s ease-in-out infinite 4s;
|
|
98
|
-
}
|
|
99
|
-
.animation-4 {
|
|
100
|
-
animation:
|
|
101
|
-
appear 6s ease-in-out 1,
|
|
102
|
-
fadeInOut 4s ease-in-out infinite 4s;
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.ratafia-result-loading-content__message {
|
|
107
|
-
display: flex;
|
|
108
|
-
justify-content: start;
|
|
109
|
-
align-items: flex-start;
|
|
110
|
-
align-self: stretch;
|
|
111
|
-
|
|
112
|
-
padding: 1rem;
|
|
113
|
-
gap: 0.5rem;
|
|
114
|
-
|
|
115
|
-
border-radius: var(--s-border-radius);
|
|
116
|
-
background: var(--secondary-main-light-4);
|
|
117
|
-
|
|
118
|
-
&__icon img {
|
|
119
|
-
width: 24px;
|
|
120
|
-
}
|
|
121
|
-
&__text {
|
|
122
|
-
color: var(--neutral-neutral-1);
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
@keyframes fadeInOut {
|
|
127
|
-
0%,
|
|
128
|
-
100% {
|
|
129
|
-
opacity: 1;
|
|
130
|
-
}
|
|
131
|
-
50% {
|
|
132
|
-
opacity: 0.2;
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
@keyframes appear {
|
|
137
|
-
0% {
|
|
138
|
-
opacity: 0;
|
|
139
|
-
}
|
|
140
|
-
100% {
|
|
141
|
-
opacity: 1;
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
`
|
package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.tsx
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import { type RatafiaLoadingResultContentProps } from './RatafiaLoadingResultContentProps.types'
|
|
4
|
-
import { RatafiaLoadingResultContentStyled } from './RatafiaLoadingResultContent.styled'
|
|
5
|
-
|
|
6
|
-
export const RatafiaLoadingResultContent: React.FC<RatafiaLoadingResultContentProps> = ({
|
|
7
|
-
documentName,
|
|
8
|
-
icon,
|
|
9
|
-
text
|
|
10
|
-
}) => {
|
|
11
|
-
return (
|
|
12
|
-
<RatafiaLoadingResultContentStyled>
|
|
13
|
-
<h2 className='sans-serif --bold-weight ratafia-result-loading-content__document-name'>{documentName}</h2>
|
|
14
|
-
<div className='ratafia-result-loading-content__animation-wrapper'>
|
|
15
|
-
<div className='ratafia-result-loading-content__animation-wrapper__animation animation-1'>
|
|
16
|
-
<div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-1'></div>
|
|
17
|
-
<div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-6'></div>
|
|
18
|
-
<div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-2'></div>
|
|
19
|
-
</div>
|
|
20
|
-
<div className='ratafia-result-loading-content__animation-wrapper__animation animation-2'>
|
|
21
|
-
<div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-3'></div>
|
|
22
|
-
<div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-4'></div>
|
|
23
|
-
<div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-5'></div>
|
|
24
|
-
<div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-6'></div>
|
|
25
|
-
</div>
|
|
26
|
-
<div className='ratafia-result-loading-content__animation-wrapper__animation animation-3'>
|
|
27
|
-
<div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-1'></div>
|
|
28
|
-
<div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-7'></div>
|
|
29
|
-
<div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-4'></div>
|
|
30
|
-
</div>
|
|
31
|
-
<div className='ratafia-result-loading-content__animation-wrapper__animation animation-4'>
|
|
32
|
-
<div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-3'></div>
|
|
33
|
-
<div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-8'></div>
|
|
34
|
-
<div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-2'></div>
|
|
35
|
-
<div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-6'></div>
|
|
36
|
-
</div>
|
|
37
|
-
</div>
|
|
38
|
-
<div className='ratafia-result-loading-content__message'>
|
|
39
|
-
<div className='ratafia-result-loading-content__message__icon'>{icon}</div>
|
|
40
|
-
<span className='sans-serif --medium ratafia-result-loading-content__message__text'>{text}</span>
|
|
41
|
-
</div>
|
|
42
|
-
</RatafiaLoadingResultContentStyled>
|
|
43
|
-
)
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
export default RatafiaLoadingResultContent
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as RatafiaLoadingResultContent } from './RatafiaLoadingResultContent';
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { RatafiaResultCardList } from '../../molecules';
|
|
3
|
-
import { RatafiaResultContentStyled } from './RatafiaResultContent.styled';
|
|
4
|
-
import RatafiaResultTabList from '../../molecules/RatafiaResultTabList/RatafiaResultTabList';
|
|
5
|
-
import { RatafiaReviewResult } from '../../atoms';
|
|
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
|
-
};
|
|
9
|
-
export default RatafiaResultContent;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const RatafiaResultContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints';
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
export const RatafiaResultContentStyled = 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
|
-
.ratafia-result-content__document-name {
|
|
11
|
-
color: var(--neutral-neutral-2);
|
|
12
|
-
font-size: 1rem;
|
|
13
|
-
margin-bottom: 1rem;
|
|
14
|
-
@media ${device['portrait-tablets']} {
|
|
15
|
-
font-size: 1.125rem;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
.ratafia-result-content__tabs {
|
|
19
|
-
width: 100%;
|
|
20
|
-
margin-bottom: 0.5rem;
|
|
21
|
-
}
|
|
22
|
-
.ratafia-result-content__content {
|
|
23
|
-
overflow: hidden;
|
|
24
|
-
width: 100%;
|
|
25
|
-
}
|
|
26
|
-
`;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints'
|
|
2
|
-
import styled from 'styled-components'
|
|
3
|
-
|
|
4
|
-
export const RatafiaResultContentStyled = 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
|
-
.ratafia-result-content__document-name {
|
|
12
|
-
color: var(--neutral-neutral-2);
|
|
13
|
-
font-size: 1rem;
|
|
14
|
-
margin-bottom: 1rem;
|
|
15
|
-
@media ${device['portrait-tablets']} {
|
|
16
|
-
font-size: 1.125rem;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
.ratafia-result-content__tabs {
|
|
20
|
-
width: 100%;
|
|
21
|
-
margin-bottom: 0.5rem;
|
|
22
|
-
}
|
|
23
|
-
.ratafia-result-content__content {
|
|
24
|
-
overflow: hidden;
|
|
25
|
-
width: 100%;
|
|
26
|
-
}
|
|
27
|
-
`
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import { RatafiaResultCardList } from '../../molecules'
|
|
4
|
-
import { type RatafiaResultContentProps } from './RatafiaResultContentProps.types'
|
|
5
|
-
import { RatafiaResultContentStyled } from './RatafiaResultContent.styled'
|
|
6
|
-
import RatafiaResultTabList from '../../molecules/RatafiaResultTabList/RatafiaResultTabList'
|
|
7
|
-
import { RatafiaReviewResult } from '../../atoms'
|
|
8
|
-
|
|
9
|
-
export const RatafiaResultContent: React.FC<RatafiaResultContentProps> = ({ result, review, tabs }) => {
|
|
10
|
-
return (
|
|
11
|
-
<RatafiaResultContentStyled>
|
|
12
|
-
<h2 ref={result?.documentNameRef} className='sans-serif --bold-weight ratafia-result-content__document-name'>
|
|
13
|
-
{result?.documentName}
|
|
14
|
-
</h2>
|
|
15
|
-
<div className='ratafia-result-content__tabs'>
|
|
16
|
-
<RatafiaResultTabList tabs={tabs} />
|
|
17
|
-
</div>
|
|
18
|
-
<div className='ratafia-result-content__content'>
|
|
19
|
-
{result !== null && <RatafiaResultCardList keyFacts={result.keyFacts} />}
|
|
20
|
-
<RatafiaReviewResult {...review} />
|
|
21
|
-
</div>
|
|
22
|
-
</RatafiaResultContentStyled>
|
|
23
|
-
)
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
export default RatafiaResultContent
|
package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContentProps.types.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { RatafiaResultCardProps, RatafiaReviewResultProps } from '../../atoms';
|
|
3
|
-
import { type RatafiaResultTabProps } from '../../atoms';
|
|
4
|
-
export interface RatafiaResultContentProps {
|
|
5
|
-
result: RatafiaResultProps | null;
|
|
6
|
-
review: RatafiaReviewResultProps;
|
|
7
|
-
tabs: RatafiaResultTabProps[];
|
|
8
|
-
}
|
|
9
|
-
export interface RatafiaResultProps {
|
|
10
|
-
documentName: string;
|
|
11
|
-
keyFacts: RatafiaResultCardProps[];
|
|
12
|
-
documentNameRef?: React.RefObject<HTMLHeadingElement>;
|
|
13
|
-
}
|
package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContentProps.types.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContentProps.types.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import type { RatafiaResultCardProps, RatafiaReviewResultProps } from '../../atoms'
|
|
4
|
-
import { type RatafiaResultTabProps } from '../../atoms'
|
|
5
|
-
|
|
6
|
-
export interface RatafiaResultContentProps {
|
|
7
|
-
result: RatafiaResultProps | null
|
|
8
|
-
review: RatafiaReviewResultProps
|
|
9
|
-
tabs: RatafiaResultTabProps[]
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export interface RatafiaResultProps {
|
|
13
|
-
documentName: string
|
|
14
|
-
keyFacts: RatafiaResultCardProps[]
|
|
15
|
-
documentNameRef?: React.RefObject<HTMLHeadingElement>
|
|
16
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as RatafiaResultContent } from './RatafiaResultContent';
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { RatafiaLoadingResultContent, RatafiaResultContent } from '../../organisms';
|
|
3
|
-
import { Button } from '../../atoms';
|
|
4
|
-
import DisclaimerRatafia from '../../atoms/DisclaimerRatafia/DisclaimerRatafia';
|
|
5
|
-
import { LayoutRatafia } from '../../organisms/LayoutRatafia';
|
|
6
|
-
import { RatafiaResultPageStyled } from './RatafiaResultPage.styled';
|
|
7
|
-
export const RatafiaResultPage = ({ header, resultContent, reviewContent, tabs, disclaimer, cta, loadingIcon, loadingText, isLoading }) => {
|
|
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, tabs: tabs }) }));
|
|
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
|
-
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
|
-
const footerMobile = (_jsxs(_Fragment, { children: [footerDesktop, ctaButton] }));
|
|
13
|
-
return (_jsx(RatafiaResultPageStyled, { className: 'ratafia-result-page', children: _jsx(LayoutRatafia, { header: header, content: isLoading ? loadingContent : loadedContent, cta: ctaButton, footerDesktop: footerDesktop, footerMobile: footerMobile }) }));
|
|
14
|
-
};
|
|
15
|
-
export default RatafiaResultPage;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const RatafiaResultPageStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints';
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
export const RatafiaResultPageStyled = styled.div `
|
|
4
|
-
background-color: var(--neutral-neutral-6);
|
|
5
|
-
|
|
6
|
-
.ratafia-result-page__content {
|
|
7
|
-
display: flex;
|
|
8
|
-
flex-direction: column;
|
|
9
|
-
align-items: flex-start;
|
|
10
|
-
flex: 1 0 0;
|
|
11
|
-
align-self: stretch;
|
|
12
|
-
gap: 1.5rem;
|
|
13
|
-
|
|
14
|
-
&__cta {
|
|
15
|
-
align-self: start;
|
|
16
|
-
display: block;
|
|
17
|
-
width: 100%;
|
|
18
|
-
@media ${device['portrait-tablets']} {
|
|
19
|
-
display: inline-block;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
`;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints'
|
|
2
|
-
import styled from 'styled-components'
|
|
3
|
-
|
|
4
|
-
export const RatafiaResultPageStyled = styled.div`
|
|
5
|
-
background-color: var(--neutral-neutral-6);
|
|
6
|
-
|
|
7
|
-
.ratafia-result-page__content {
|
|
8
|
-
display: flex;
|
|
9
|
-
flex-direction: column;
|
|
10
|
-
align-items: flex-start;
|
|
11
|
-
flex: 1 0 0;
|
|
12
|
-
align-self: stretch;
|
|
13
|
-
gap: 1.5rem;
|
|
14
|
-
|
|
15
|
-
&__cta {
|
|
16
|
-
align-self: start;
|
|
17
|
-
display: block;
|
|
18
|
-
width: 100%;
|
|
19
|
-
@media ${device['portrait-tablets']} {
|
|
20
|
-
display: inline-block;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
`
|