@coorpacademy/components 10.19.1-alpha.1 → 10.19.1
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/es/molecule/review-card-congrats/style.css +2 -0
- package/es/organism/review-congrats/index.js +14 -2
- package/es/organism/review-congrats/index.js.map +1 -1
- package/es/organism/review-congrats/style.css +69 -5
- package/es/organism/review-congrats/test/fixtures/default.js +7 -0
- package/es/organism/review-congrats/test/fixtures/default.js.map +1 -1
- package/lib/molecule/review-card-congrats/style.css +2 -0
- package/lib/organism/review-congrats/index.js +15 -2
- package/lib/organism/review-congrats/index.js.map +1 -1
- package/lib/organism/review-congrats/style.css +69 -5
- package/lib/organism/review-congrats/test/fixtures/default.js +8 -0
- package/lib/organism/review-congrats/test/fixtures/default.js.map +1 -1
- package/package.json +3 -3
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
@value cm_blue_900 from colors;
|
|
5
5
|
@value cm_positive_100 from colors;
|
|
6
6
|
@value cm_yellow_secondary_200 from colors;
|
|
7
|
+
@value white from colors;
|
|
7
8
|
|
|
8
9
|
@keyframes fadeIn {
|
|
9
10
|
0% {
|
|
@@ -41,6 +42,7 @@
|
|
|
41
42
|
flex-direction: column;
|
|
42
43
|
justify-content: center;
|
|
43
44
|
width: 280px;
|
|
45
|
+
background-color: white; /* add background-color to resolve opacity on Firefox and stacking order on IE11 */
|
|
44
46
|
}
|
|
45
47
|
|
|
46
48
|
.cardStar {
|
|
@@ -2,6 +2,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
|
|
|
2
2
|
|
|
3
3
|
import React, { useEffect, useRef } from 'react';
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
|
+
import AtomLottieWrapper from '../../atom/lottie-wrapper';
|
|
5
6
|
import ButtonLink from '../../atom/button-link';
|
|
6
7
|
import MoleculeReviewCardCongrats from '../../molecule/review-card-congrats';
|
|
7
8
|
import style from './style.css';
|
|
@@ -16,6 +17,7 @@ const ReviewCongrats = props => {
|
|
|
16
17
|
const {
|
|
17
18
|
'aria-label': ariaLabel,
|
|
18
19
|
'data-name': dataName,
|
|
20
|
+
animationLottie,
|
|
19
21
|
title,
|
|
20
22
|
cardCongratsStar,
|
|
21
23
|
cardCongratsRank,
|
|
@@ -28,9 +30,18 @@ const ReviewCongrats = props => {
|
|
|
28
30
|
return () => timer && clearTimeout(timer);
|
|
29
31
|
}, []);
|
|
30
32
|
return /*#__PURE__*/React.createElement("div", {
|
|
31
|
-
className: style.
|
|
33
|
+
className: style.mainContainer,
|
|
32
34
|
"aria-label": ariaLabel,
|
|
33
35
|
"data-name": dataName
|
|
36
|
+
}, /*#__PURE__*/React.createElement(AtomLottieWrapper, _extends({}, animationLottie, {
|
|
37
|
+
loop: false,
|
|
38
|
+
animationControl: 'play',
|
|
39
|
+
autoplay: true,
|
|
40
|
+
"data-name": "lottie-wrapper",
|
|
41
|
+
className: style.lottie,
|
|
42
|
+
backupImageClassName: style.ie11Backup
|
|
43
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
44
|
+
className: style.containerCongrats
|
|
34
45
|
}, /*#__PURE__*/React.createElement("div", {
|
|
35
46
|
className: style.title
|
|
36
47
|
}, title), /*#__PURE__*/React.createElement("div", {
|
|
@@ -48,12 +59,13 @@ const ReviewCongrats = props => {
|
|
|
48
59
|
"data-name": "revise-skill-link"
|
|
49
60
|
})), /*#__PURE__*/React.createElement(ButtonLink, _extends({}, buttonRevisingSkill, {
|
|
50
61
|
className: style.buttonRevise
|
|
51
|
-
}))));
|
|
62
|
+
})))));
|
|
52
63
|
};
|
|
53
64
|
|
|
54
65
|
ReviewCongrats.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
55
66
|
'aria-label': PropTypes.string,
|
|
56
67
|
'data-name': PropTypes.string,
|
|
68
|
+
animationLottie: PropTypes.shape(AtomLottieWrapper.propTypes),
|
|
57
69
|
title: PropTypes.string,
|
|
58
70
|
cardCongratsStar: PropTypes.shape(MoleculeReviewCardCongrats.propTypes),
|
|
59
71
|
cardCongratsRank: PropTypes.shape(MoleculeReviewCardCongrats.propTypes),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/organism/review-congrats/index.js"],"names":["React","useEffect","useRef","PropTypes","ButtonLink","MoleculeReviewCardCongrats","style","setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","timer","setTimeout","clearTimeout","containerCongrats","containerCards","cardStar","cardRank","buttonContainer","buttonRevise","propTypes","string","shape","label","onClick","func","type"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,MAA1B,QAAuC,OAAvC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,0BAAP,MAAuC,qCAAvC;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,OAAO,MAAMC,SAAS,GAAGC,SAAS,IAAI,MAAM;AAC1CA,EAAAA,SAAS,CAACC,OAAV,CAAkBC,QAAlB,CAA2B;AACzBC,IAAAA,IAAI,EAAE,IADmB;AAEzBC,IAAAA,QAAQ,EAAE;AAFe,GAA3B;AAID,CALM;;AAOP,MAAMC,cAAc,GAAGC,KAAK,IAAI;AAC9B,QAAM;AACJ,kBAAcC,SADV;AAEJ,iBAAaC,QAFT;AAGJC,IAAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/organism/review-congrats/index.js"],"names":["React","useEffect","useRef","PropTypes","AtomLottieWrapper","ButtonLink","MoleculeReviewCardCongrats","style","setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","animationLottie","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","timer","setTimeout","clearTimeout","mainContainer","lottie","ie11Backup","containerCongrats","containerCards","cardStar","cardRank","buttonContainer","buttonRevise","propTypes","string","shape","label","onClick","func","type"],"mappings":"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","sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport AtomLottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport MoleculeReviewCardCongrats from '../../molecule/review-card-congrats';\nimport style from './style.css';\n\nexport const setScroll = container => () => {\n container.current.scrollTo({\n left: 1000,\n behavior: 'smooth'\n });\n};\n\nconst ReviewCongrats = props => {\n const {\n 'aria-label': ariaLabel,\n 'data-name': dataName,\n animationLottie,\n title,\n cardCongratsStar,\n cardCongratsRank,\n buttonRevising,\n buttonRevisingSkill\n } = props;\n\n const container = useRef(null);\n\n useEffect(() => {\n const timer = setTimeout(setScroll(container), 2000);\n return () => timer && clearTimeout(timer);\n }, []);\n\n return (\n <div className={style.mainContainer} aria-label={ariaLabel} data-name={dataName}>\n <AtomLottieWrapper\n {...animationLottie}\n loop={false}\n animationControl={'play'}\n autoplay\n data-name=\"lottie-wrapper\"\n className={style.lottie}\n backupImageClassName={style.ie11Backup}\n />\n <div className={style.containerCongrats}>\n <div className={style.title}>{title}</div>\n <div ref={container} className={style.containerCards}>\n <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n <MoleculeReviewCardCongrats\n {...cardCongratsRank}\n timerAnimation={1800}\n className={style.cardRank}\n />\n </div>\n <div className={style.buttonContainer}>\n <ButtonLink\n {...buttonRevising}\n className={style.buttonRevise}\n data-name=\"revise-skill-link\"\n />\n <ButtonLink {...buttonRevisingSkill} className={style.buttonRevise} />\n </div>\n </div>\n </div>\n );\n};\n\nReviewCongrats.propTypes = {\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string,\n animationLottie: PropTypes.shape(AtomLottieWrapper.propTypes),\n title: PropTypes.string,\n cardCongratsStar: PropTypes.shape(MoleculeReviewCardCongrats.propTypes),\n cardCongratsRank: PropTypes.shape(MoleculeReviewCardCongrats.propTypes),\n buttonRevising: PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func,\n type: PropTypes.string\n }),\n buttonRevisingSkill: PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func,\n type: PropTypes.string\n })\n};\n\nexport default ReviewCongrats;\n"],"file":"index.js"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
@value breakpoints: "../../variables/breakpoints.css";
|
|
2
|
+
@value tablet from breakpoints;
|
|
2
3
|
@value mobile from breakpoints;
|
|
3
4
|
@value colors: "../../variables/colors.css";
|
|
4
5
|
@value cm_blue_900 from colors;
|
|
6
|
+
@value white from colors;
|
|
5
7
|
|
|
6
8
|
@keyframes translateTitle {
|
|
7
9
|
0% {
|
|
@@ -63,7 +65,35 @@
|
|
|
63
65
|
}
|
|
64
66
|
}
|
|
65
67
|
|
|
68
|
+
.mainContainer {
|
|
69
|
+
height: 100%;
|
|
70
|
+
width: 100%;
|
|
71
|
+
position: relative;
|
|
72
|
+
overflow: hidden;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.lottie {
|
|
76
|
+
display: flex;
|
|
77
|
+
position: relative;
|
|
78
|
+
height: 135%;
|
|
79
|
+
width: 135%;
|
|
80
|
+
transform: translate(-13%, -13%);
|
|
81
|
+
z-index: 1;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.ie11Backup {
|
|
85
|
+
position: relative;
|
|
86
|
+
transform: translate(0%, 10%);
|
|
87
|
+
height: 80%;
|
|
88
|
+
width: 80%;
|
|
89
|
+
margin: 0 auto;
|
|
90
|
+
z-index: 1;
|
|
91
|
+
}
|
|
92
|
+
|
|
66
93
|
.containerCongrats {
|
|
94
|
+
position: absolute;
|
|
95
|
+
top: 0;
|
|
96
|
+
left: 0;
|
|
67
97
|
align-items: center;
|
|
68
98
|
display: flex;
|
|
69
99
|
flex-direction: column;
|
|
@@ -71,7 +101,7 @@
|
|
|
71
101
|
overflow-y: auto;
|
|
72
102
|
height: 100%;
|
|
73
103
|
width: 100%;
|
|
74
|
-
|
|
104
|
+
z-index: 2;
|
|
75
105
|
}
|
|
76
106
|
|
|
77
107
|
.title {
|
|
@@ -84,6 +114,7 @@
|
|
|
84
114
|
top: 200px;
|
|
85
115
|
user-select: none;
|
|
86
116
|
animation: translateTitle 1.4s ease-out 0s forwards;
|
|
117
|
+
background-color: white;
|
|
87
118
|
}
|
|
88
119
|
|
|
89
120
|
.containerCards {
|
|
@@ -134,6 +165,20 @@ _:-ms-fullscreen,
|
|
|
134
165
|
padding: 12px 16px;
|
|
135
166
|
}
|
|
136
167
|
|
|
168
|
+
@media tablet {
|
|
169
|
+
.lottie {
|
|
170
|
+
height: 195%;
|
|
171
|
+
width: 195%;
|
|
172
|
+
transform: translate(-25%, -25%);
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
.ie11Backup {
|
|
176
|
+
height: 60%;
|
|
177
|
+
width: 60%;
|
|
178
|
+
transform: translate(0%, 30%);
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
|
|
137
182
|
@media mobile {
|
|
138
183
|
@keyframes translateTitle {
|
|
139
184
|
0% {
|
|
@@ -175,11 +220,24 @@ _:-ms-fullscreen,
|
|
|
175
220
|
}
|
|
176
221
|
}
|
|
177
222
|
|
|
178
|
-
.
|
|
179
|
-
width: 100%;
|
|
223
|
+
.mainContainer {
|
|
180
224
|
height: 100%;
|
|
181
|
-
|
|
182
|
-
overflow
|
|
225
|
+
width: 100%;
|
|
226
|
+
overflow: hidden;
|
|
227
|
+
position: relative;
|
|
228
|
+
z-index: 3;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.lottie {
|
|
232
|
+
height: 410%;
|
|
233
|
+
width: 410%;
|
|
234
|
+
transform: translate(-38%, -38%);
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
.ie11Backup {
|
|
238
|
+
height: 85%;
|
|
239
|
+
width: 85%;
|
|
240
|
+
transform: translate(-35%, 10%);
|
|
183
241
|
}
|
|
184
242
|
|
|
185
243
|
.title {
|
|
@@ -196,6 +254,12 @@ _:-ms-fullscreen,
|
|
|
196
254
|
padding-bottom: 10px;
|
|
197
255
|
}
|
|
198
256
|
|
|
257
|
+
/* ie fallback */
|
|
258
|
+
_:-ms-fullscreen,
|
|
259
|
+
:root .containerCards {
|
|
260
|
+
margin-top: 80px;
|
|
261
|
+
}
|
|
262
|
+
|
|
199
263
|
.cardStar {
|
|
200
264
|
animation: translateYCardStar 0.6s ease-out 0.8s forwards,
|
|
201
265
|
translateXCardStar 0.2s ease-in-out 2s forwards;
|
|
@@ -1,8 +1,15 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
3
|
+
import animationLottie from '../../../../atom/lottie-wrapper/test/fixtures/confetti';
|
|
1
4
|
import moleculeReviewCardStar from '../../../../molecule/review-card-congrats/test/fixtures/star';
|
|
2
5
|
import moleculeReviewCardRank from '../../../../molecule/review-card-congrats/test/fixtures/rank';
|
|
3
6
|
export const defaultProps = {
|
|
4
7
|
'aria-label': 'Review Congratulations',
|
|
5
8
|
'data-name': 'review-congrats',
|
|
9
|
+
animationLottie: _extends(_extends({}, animationLottie.props), {}, {
|
|
10
|
+
height: undefined,
|
|
11
|
+
width: undefined
|
|
12
|
+
}),
|
|
6
13
|
title: 'Congratulations!',
|
|
7
14
|
cardCongratsStar: moleculeReviewCardStar.props,
|
|
8
15
|
cardCongratsRank: moleculeReviewCardRank.props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/organism/review-congrats/test/fixtures/default.js"],"names":["moleculeReviewCardStar","moleculeReviewCardRank","defaultProps","
|
|
1
|
+
{"version":3,"sources":["../../../../../src/organism/review-congrats/test/fixtures/default.js"],"names":["animationLottie","moleculeReviewCardStar","moleculeReviewCardRank","defaultProps","props","height","undefined","width","title","cardCongratsStar","cardCongratsRank","buttonRevising","label","onClick","console","log","type","buttonRevisingSkill"],"mappings":";;AAAA,OAAOA,eAAP,MAA4B,wDAA5B;AACA,OAAOC,sBAAP,MAAmC,8DAAnC;AACA,OAAOC,sBAAP,MAAmC,8DAAnC;AAEA,OAAO,MAAMC,YAAY,GAAG;AAC1B,gBAAc,wBADY;AAE1B,eAAa,iBAFa;AAG1BH,EAAAA,eAAe,wBAAMA,eAAe,CAACI,KAAtB;AAA6BC,IAAAA,MAAM,EAAEC,SAArC;AAAgDC,IAAAA,KAAK,EAAED;AAAvD,IAHW;AAI1BE,EAAAA,KAAK,EAAE,kBAJmB;AAK1BC,EAAAA,gBAAgB,EAAER,sBAAsB,CAACG,KALf;AAM1BM,EAAAA,gBAAgB,EAAER,sBAAsB,CAACE,KANf;AAO1BO,EAAAA,cAAc,EAAE;AACd,kBAAc,0BADA;AAEdC,IAAAA,KAAK,EAAE,mBAFO;AAGdC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,mBAAZ,CAHD;AAIdC,IAAAA,IAAI,EAAE;AAJQ,GAPU;AAa1BC,EAAAA,mBAAmB,EAAE;AACnBL,IAAAA,KAAK,EAAE,sBADY;AAEnB,kBAAc,6BAFK;AAGnBC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,sBAAZ,CAHI;AAInBC,IAAAA,IAAI,EAAE;AAJa;AAbK,CAArB;AAqBP,eAAe;AAACZ,EAAAA,KAAK,EAAED;AAAR,CAAf","sourcesContent":["import animationLottie from '../../../../atom/lottie-wrapper/test/fixtures/confetti';\nimport moleculeReviewCardStar from '../../../../molecule/review-card-congrats/test/fixtures/star';\nimport moleculeReviewCardRank from '../../../../molecule/review-card-congrats/test/fixtures/rank';\n\nexport const defaultProps = {\n 'aria-label': 'Review Congratulations',\n 'data-name': 'review-congrats',\n animationLottie: {...animationLottie.props, height: undefined, width: undefined},\n title: 'Congratulations!',\n cardCongratsStar: moleculeReviewCardStar.props,\n cardCongratsRank: moleculeReviewCardRank.props,\n buttonRevising: {\n 'aria-label': 'Continue revising button',\n label: 'Continue revising',\n onClick: () => console.log('Continue revising'),\n type: 'tertiary'\n },\n buttonRevisingSkill: {\n label: 'Revise another skill',\n 'aria-label': 'Revise another skill button',\n onClick: () => console.log('Revise another skill'),\n type: 'primary'\n }\n};\n\nexport default {props: defaultProps};\n"],"file":"default.js"}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
@value cm_blue_900 from colors;
|
|
5
5
|
@value cm_positive_100 from colors;
|
|
6
6
|
@value cm_yellow_secondary_200 from colors;
|
|
7
|
+
@value white from colors;
|
|
7
8
|
|
|
8
9
|
@keyframes fadeIn {
|
|
9
10
|
0% {
|
|
@@ -41,6 +42,7 @@
|
|
|
41
42
|
flex-direction: column;
|
|
42
43
|
justify-content: center;
|
|
43
44
|
width: 280px;
|
|
45
|
+
background-color: white; /* add background-color to resolve opacity on Firefox and stacking order on IE11 */
|
|
44
46
|
}
|
|
45
47
|
|
|
46
48
|
.cardStar {
|
|
@@ -7,6 +7,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
7
7
|
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
9
|
|
|
10
|
+
var _lottieWrapper = _interopRequireDefault(require("../../atom/lottie-wrapper"));
|
|
11
|
+
|
|
10
12
|
var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
|
|
11
13
|
|
|
12
14
|
var _reviewCardCongrats = _interopRequireDefault(require("../../molecule/review-card-congrats"));
|
|
@@ -34,6 +36,7 @@ const ReviewCongrats = props => {
|
|
|
34
36
|
const {
|
|
35
37
|
'aria-label': ariaLabel,
|
|
36
38
|
'data-name': dataName,
|
|
39
|
+
animationLottie,
|
|
37
40
|
title,
|
|
38
41
|
cardCongratsStar,
|
|
39
42
|
cardCongratsRank,
|
|
@@ -46,9 +49,18 @@ const ReviewCongrats = props => {
|
|
|
46
49
|
return () => timer && clearTimeout(timer);
|
|
47
50
|
}, []);
|
|
48
51
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
49
|
-
className: _style.default.
|
|
52
|
+
className: _style.default.mainContainer,
|
|
50
53
|
"aria-label": ariaLabel,
|
|
51
54
|
"data-name": dataName
|
|
55
|
+
}, /*#__PURE__*/_react.default.createElement(_lottieWrapper.default, _extends({}, animationLottie, {
|
|
56
|
+
loop: false,
|
|
57
|
+
animationControl: 'play',
|
|
58
|
+
autoplay: true,
|
|
59
|
+
"data-name": "lottie-wrapper",
|
|
60
|
+
className: _style.default.lottie,
|
|
61
|
+
backupImageClassName: _style.default.ie11Backup
|
|
62
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
63
|
+
className: _style.default.containerCongrats
|
|
52
64
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
53
65
|
className: _style.default.title
|
|
54
66
|
}, title), /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -66,12 +78,13 @@ const ReviewCongrats = props => {
|
|
|
66
78
|
"data-name": "revise-skill-link"
|
|
67
79
|
})), /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, buttonRevisingSkill, {
|
|
68
80
|
className: _style.default.buttonRevise
|
|
69
|
-
}))));
|
|
81
|
+
})))));
|
|
70
82
|
};
|
|
71
83
|
|
|
72
84
|
ReviewCongrats.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
73
85
|
'aria-label': _propTypes.default.string,
|
|
74
86
|
'data-name': _propTypes.default.string,
|
|
87
|
+
animationLottie: _propTypes.default.shape(_lottieWrapper.default.propTypes),
|
|
75
88
|
title: _propTypes.default.string,
|
|
76
89
|
cardCongratsStar: _propTypes.default.shape(_reviewCardCongrats.default.propTypes),
|
|
77
90
|
cardCongratsRank: _propTypes.default.shape(_reviewCardCongrats.default.propTypes),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/organism/review-congrats/index.js"],"names":["setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","timer","setTimeout","clearTimeout","style","containerCongrats","containerCards","cardStar","cardRank","buttonContainer","buttonRevise","propTypes","PropTypes","string","shape","MoleculeReviewCardCongrats","label","onClick","func","type"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEO,MAAMA,SAAS,GAAGC,SAAS,IAAI,MAAM;AAC1CA,EAAAA,SAAS,CAACC,OAAV,CAAkBC,QAAlB,CAA2B;AACzBC,IAAAA,IAAI,EAAE,IADmB;AAEzBC,IAAAA,QAAQ,EAAE;AAFe,GAA3B;AAID,CALM;;;;AAOP,MAAMC,cAAc,GAAGC,KAAK,IAAI;AAC9B,QAAM;AACJ,kBAAcC,SADV;AAEJ,iBAAaC,QAFT;AAGJC,IAAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/organism/review-congrats/index.js"],"names":["setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","animationLottie","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","timer","setTimeout","clearTimeout","style","mainContainer","lottie","ie11Backup","containerCongrats","containerCards","cardStar","cardRank","buttonContainer","buttonRevise","propTypes","PropTypes","string","shape","AtomLottieWrapper","MoleculeReviewCardCongrats","label","onClick","func","type"],"mappings":"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","sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport AtomLottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport MoleculeReviewCardCongrats from '../../molecule/review-card-congrats';\nimport style from './style.css';\n\nexport const setScroll = container => () => {\n container.current.scrollTo({\n left: 1000,\n behavior: 'smooth'\n });\n};\n\nconst ReviewCongrats = props => {\n const {\n 'aria-label': ariaLabel,\n 'data-name': dataName,\n animationLottie,\n title,\n cardCongratsStar,\n cardCongratsRank,\n buttonRevising,\n buttonRevisingSkill\n } = props;\n\n const container = useRef(null);\n\n useEffect(() => {\n const timer = setTimeout(setScroll(container), 2000);\n return () => timer && clearTimeout(timer);\n }, []);\n\n return (\n <div className={style.mainContainer} aria-label={ariaLabel} data-name={dataName}>\n <AtomLottieWrapper\n {...animationLottie}\n loop={false}\n animationControl={'play'}\n autoplay\n data-name=\"lottie-wrapper\"\n className={style.lottie}\n backupImageClassName={style.ie11Backup}\n />\n <div className={style.containerCongrats}>\n <div className={style.title}>{title}</div>\n <div ref={container} className={style.containerCards}>\n <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n <MoleculeReviewCardCongrats\n {...cardCongratsRank}\n timerAnimation={1800}\n className={style.cardRank}\n />\n </div>\n <div className={style.buttonContainer}>\n <ButtonLink\n {...buttonRevising}\n className={style.buttonRevise}\n data-name=\"revise-skill-link\"\n />\n <ButtonLink {...buttonRevisingSkill} className={style.buttonRevise} />\n </div>\n </div>\n </div>\n );\n};\n\nReviewCongrats.propTypes = {\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string,\n animationLottie: PropTypes.shape(AtomLottieWrapper.propTypes),\n title: PropTypes.string,\n cardCongratsStar: PropTypes.shape(MoleculeReviewCardCongrats.propTypes),\n cardCongratsRank: PropTypes.shape(MoleculeReviewCardCongrats.propTypes),\n buttonRevising: PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func,\n type: PropTypes.string\n }),\n buttonRevisingSkill: PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func,\n type: PropTypes.string\n })\n};\n\nexport default ReviewCongrats;\n"],"file":"index.js"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
@value breakpoints: "../../variables/breakpoints.css";
|
|
2
|
+
@value tablet from breakpoints;
|
|
2
3
|
@value mobile from breakpoints;
|
|
3
4
|
@value colors: "../../variables/colors.css";
|
|
4
5
|
@value cm_blue_900 from colors;
|
|
6
|
+
@value white from colors;
|
|
5
7
|
|
|
6
8
|
@keyframes translateTitle {
|
|
7
9
|
0% {
|
|
@@ -63,7 +65,35 @@
|
|
|
63
65
|
}
|
|
64
66
|
}
|
|
65
67
|
|
|
68
|
+
.mainContainer {
|
|
69
|
+
height: 100%;
|
|
70
|
+
width: 100%;
|
|
71
|
+
position: relative;
|
|
72
|
+
overflow: hidden;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.lottie {
|
|
76
|
+
display: flex;
|
|
77
|
+
position: relative;
|
|
78
|
+
height: 135%;
|
|
79
|
+
width: 135%;
|
|
80
|
+
transform: translate(-13%, -13%);
|
|
81
|
+
z-index: 1;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.ie11Backup {
|
|
85
|
+
position: relative;
|
|
86
|
+
transform: translate(0%, 10%);
|
|
87
|
+
height: 80%;
|
|
88
|
+
width: 80%;
|
|
89
|
+
margin: 0 auto;
|
|
90
|
+
z-index: 1;
|
|
91
|
+
}
|
|
92
|
+
|
|
66
93
|
.containerCongrats {
|
|
94
|
+
position: absolute;
|
|
95
|
+
top: 0;
|
|
96
|
+
left: 0;
|
|
67
97
|
align-items: center;
|
|
68
98
|
display: flex;
|
|
69
99
|
flex-direction: column;
|
|
@@ -71,7 +101,7 @@
|
|
|
71
101
|
overflow-y: auto;
|
|
72
102
|
height: 100%;
|
|
73
103
|
width: 100%;
|
|
74
|
-
|
|
104
|
+
z-index: 2;
|
|
75
105
|
}
|
|
76
106
|
|
|
77
107
|
.title {
|
|
@@ -84,6 +114,7 @@
|
|
|
84
114
|
top: 200px;
|
|
85
115
|
user-select: none;
|
|
86
116
|
animation: translateTitle 1.4s ease-out 0s forwards;
|
|
117
|
+
background-color: white;
|
|
87
118
|
}
|
|
88
119
|
|
|
89
120
|
.containerCards {
|
|
@@ -134,6 +165,20 @@ _:-ms-fullscreen,
|
|
|
134
165
|
padding: 12px 16px;
|
|
135
166
|
}
|
|
136
167
|
|
|
168
|
+
@media tablet {
|
|
169
|
+
.lottie {
|
|
170
|
+
height: 195%;
|
|
171
|
+
width: 195%;
|
|
172
|
+
transform: translate(-25%, -25%);
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
.ie11Backup {
|
|
176
|
+
height: 60%;
|
|
177
|
+
width: 60%;
|
|
178
|
+
transform: translate(0%, 30%);
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
|
|
137
182
|
@media mobile {
|
|
138
183
|
@keyframes translateTitle {
|
|
139
184
|
0% {
|
|
@@ -175,11 +220,24 @@ _:-ms-fullscreen,
|
|
|
175
220
|
}
|
|
176
221
|
}
|
|
177
222
|
|
|
178
|
-
.
|
|
179
|
-
width: 100%;
|
|
223
|
+
.mainContainer {
|
|
180
224
|
height: 100%;
|
|
181
|
-
|
|
182
|
-
overflow
|
|
225
|
+
width: 100%;
|
|
226
|
+
overflow: hidden;
|
|
227
|
+
position: relative;
|
|
228
|
+
z-index: 3;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.lottie {
|
|
232
|
+
height: 410%;
|
|
233
|
+
width: 410%;
|
|
234
|
+
transform: translate(-38%, -38%);
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
.ie11Backup {
|
|
238
|
+
height: 85%;
|
|
239
|
+
width: 85%;
|
|
240
|
+
transform: translate(-35%, 10%);
|
|
183
241
|
}
|
|
184
242
|
|
|
185
243
|
.title {
|
|
@@ -196,6 +254,12 @@ _:-ms-fullscreen,
|
|
|
196
254
|
padding-bottom: 10px;
|
|
197
255
|
}
|
|
198
256
|
|
|
257
|
+
/* ie fallback */
|
|
258
|
+
_:-ms-fullscreen,
|
|
259
|
+
:root .containerCards {
|
|
260
|
+
margin-top: 80px;
|
|
261
|
+
}
|
|
262
|
+
|
|
199
263
|
.cardStar {
|
|
200
264
|
animation: translateYCardStar 0.6s ease-out 0.8s forwards,
|
|
201
265
|
translateXCardStar 0.2s ease-in-out 2s forwards;
|
|
@@ -3,15 +3,23 @@
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.default = exports.defaultProps = void 0;
|
|
5
5
|
|
|
6
|
+
var _confetti = _interopRequireDefault(require("../../../../atom/lottie-wrapper/test/fixtures/confetti"));
|
|
7
|
+
|
|
6
8
|
var _star = _interopRequireDefault(require("../../../../molecule/review-card-congrats/test/fixtures/star"));
|
|
7
9
|
|
|
8
10
|
var _rank = _interopRequireDefault(require("../../../../molecule/review-card-congrats/test/fixtures/rank"));
|
|
9
11
|
|
|
10
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
13
|
|
|
14
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
+
|
|
12
16
|
const defaultProps = {
|
|
13
17
|
'aria-label': 'Review Congratulations',
|
|
14
18
|
'data-name': 'review-congrats',
|
|
19
|
+
animationLottie: _extends(_extends({}, _confetti.default.props), {}, {
|
|
20
|
+
height: undefined,
|
|
21
|
+
width: undefined
|
|
22
|
+
}),
|
|
15
23
|
title: 'Congratulations!',
|
|
16
24
|
cardCongratsStar: _star.default.props,
|
|
17
25
|
cardCongratsRank: _rank.default.props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/organism/review-congrats/test/fixtures/default.js"],"names":["defaultProps","title","cardCongratsStar","moleculeReviewCardStar","
|
|
1
|
+
{"version":3,"sources":["../../../../../src/organism/review-congrats/test/fixtures/default.js"],"names":["defaultProps","animationLottie","props","height","undefined","width","title","cardCongratsStar","moleculeReviewCardStar","cardCongratsRank","moleculeReviewCardRank","buttonRevising","label","onClick","console","log","type","buttonRevisingSkill"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAEO,MAAMA,YAAY,GAAG;AAC1B,gBAAc,wBADY;AAE1B,eAAa,iBAFa;AAG1BC,EAAAA,eAAe,wBAAMA,kBAAgBC,KAAtB;AAA6BC,IAAAA,MAAM,EAAEC,SAArC;AAAgDC,IAAAA,KAAK,EAAED;AAAvD,IAHW;AAI1BE,EAAAA,KAAK,EAAE,kBAJmB;AAK1BC,EAAAA,gBAAgB,EAAEC,cAAuBN,KALf;AAM1BO,EAAAA,gBAAgB,EAAEC,cAAuBR,KANf;AAO1BS,EAAAA,cAAc,EAAE;AACd,kBAAc,0BADA;AAEdC,IAAAA,KAAK,EAAE,mBAFO;AAGdC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,mBAAZ,CAHD;AAIdC,IAAAA,IAAI,EAAE;AAJQ,GAPU;AAa1BC,EAAAA,mBAAmB,EAAE;AACnBL,IAAAA,KAAK,EAAE,sBADY;AAEnB,kBAAc,6BAFK;AAGnBC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,sBAAZ,CAHI;AAInBC,IAAAA,IAAI,EAAE;AAJa;AAbK,CAArB;;eAqBQ;AAACd,EAAAA,KAAK,EAAEF;AAAR,C","sourcesContent":["import animationLottie from '../../../../atom/lottie-wrapper/test/fixtures/confetti';\nimport moleculeReviewCardStar from '../../../../molecule/review-card-congrats/test/fixtures/star';\nimport moleculeReviewCardRank from '../../../../molecule/review-card-congrats/test/fixtures/rank';\n\nexport const defaultProps = {\n 'aria-label': 'Review Congratulations',\n 'data-name': 'review-congrats',\n animationLottie: {...animationLottie.props, height: undefined, width: undefined},\n title: 'Congratulations!',\n cardCongratsStar: moleculeReviewCardStar.props,\n cardCongratsRank: moleculeReviewCardRank.props,\n buttonRevising: {\n 'aria-label': 'Continue revising button',\n label: 'Continue revising',\n onClick: () => console.log('Continue revising'),\n type: 'tertiary'\n },\n buttonRevisingSkill: {\n label: 'Revise another skill',\n 'aria-label': 'Revise another skill button',\n onClick: () => console.log('Revise another skill'),\n type: 'primary'\n }\n};\n\nexport default {props: defaultProps};\n"],"file":"default.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "10.19.1
|
|
3
|
+
"version": "10.19.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"Soualmi Djamel <djamel.soualmi@coorpacademy.com>"
|
|
51
51
|
],
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@coorpacademy/nova-icons": "3.11.
|
|
53
|
+
"@coorpacademy/nova-icons": "3.11.1",
|
|
54
54
|
"autoprefixer": "^9.8.0",
|
|
55
55
|
"classnames": "^2.2.6",
|
|
56
56
|
"css-color-function": "^1.3.3",
|
|
@@ -122,5 +122,5 @@
|
|
|
122
122
|
"webpack-hot-middleware": "^2.25.0"
|
|
123
123
|
},
|
|
124
124
|
"author": "CoorpAcademy",
|
|
125
|
-
"gitHead": "
|
|
125
|
+
"gitHead": "01ca5ad70c6e5fb3e580f7bef5e0fc05d5524ef8"
|
|
126
126
|
}
|