@coorpacademy/components 10.15.0 → 10.16.2-alpha.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/es/atom/review-background/index.js +35 -0
- package/es/atom/review-background/index.js.map +1 -0
- package/es/atom/review-background/style.css +234 -0
- package/es/atom/review-background/test/fixtures/default.js +6 -0
- package/es/atom/review-background/test/fixtures/default.js.map +1 -0
- package/es/atom/review-background/test/fixtures.js +13 -0
- package/es/atom/review-background/test/fixtures.js.map +1 -0
- package/es/molecule/wizard-summary/index.js +11 -12
- package/es/molecule/wizard-summary/index.js.map +1 -1
- package/es/molecule/wizard-summary/style.css +0 -5
- package/es/molecule/wizard-summary/test/fixtures/default.js +69 -22
- package/es/molecule/wizard-summary/test/fixtures/default.js.map +1 -1
- package/es/molecule/wizard-summary/test/fixtures/organize-courses.js +40 -20
- package/es/molecule/wizard-summary/test/fixtures/organize-courses.js.map +1 -1
- package/es/molecule/wizard-summary/test/fixtures/tablet-closed.js +75 -24
- package/es/molecule/wizard-summary/test/fixtures/tablet-closed.js.map +1 -1
- package/es/organism/brand-form/index.js +11 -3
- package/es/organism/brand-form/index.js.map +1 -1
- package/es/organism/brand-form/style.css +13 -0
- package/es/organism/brand-form/test/fixtures/loading.js +19 -0
- package/es/organism/brand-form/test/fixtures/loading.js.map +1 -0
- package/es/organism/brand-form/test/fixtures.js +2 -0
- package/es/organism/brand-form/test/fixtures.js.map +1 -1
- package/lib/atom/review-background/index.js +45 -0
- package/lib/atom/review-background/index.js.map +1 -0
- package/lib/atom/review-background/style.css +234 -0
- package/lib/atom/review-background/test/fixtures/default.js +11 -0
- package/lib/atom/review-background/test/fixtures/default.js.map +1 -0
- package/lib/atom/review-background/test/fixtures.js +22 -0
- package/lib/atom/review-background/test/fixtures.js.map +1 -0
- package/lib/molecule/wizard-summary/index.js +12 -12
- package/lib/molecule/wizard-summary/index.js.map +1 -1
- package/lib/molecule/wizard-summary/style.css +0 -5
- package/lib/molecule/wizard-summary/test/fixtures/default.js +69 -22
- package/lib/molecule/wizard-summary/test/fixtures/default.js.map +1 -1
- package/lib/molecule/wizard-summary/test/fixtures/organize-courses.js +40 -20
- package/lib/molecule/wizard-summary/test/fixtures/organize-courses.js.map +1 -1
- package/lib/molecule/wizard-summary/test/fixtures/tablet-closed.js +75 -24
- package/lib/molecule/wizard-summary/test/fixtures/tablet-closed.js.map +1 -1
- package/lib/organism/brand-form/index.js +12 -3
- package/lib/organism/brand-form/index.js.map +1 -1
- package/lib/organism/brand-form/style.css +13 -0
- package/lib/organism/brand-form/test/fixtures/loading.js +24 -0
- package/lib/organism/brand-form/test/fixtures/loading.js.map +1 -0
- package/lib/organism/brand-form/test/fixtures.js +3 -0
- package/lib/organism/brand-form/test/fixtures.js.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import style from './style.css';
|
|
4
|
+
|
|
5
|
+
const ReviewBackground = props => {
|
|
6
|
+
const {
|
|
7
|
+
'aria-label': ariaLabel
|
|
8
|
+
} = props;
|
|
9
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
10
|
+
className: style.mainContainer,
|
|
11
|
+
"aria-label": ariaLabel
|
|
12
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
13
|
+
className: style.container
|
|
14
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
15
|
+
className: style.interrogationLeft
|
|
16
|
+
}, "?"), /*#__PURE__*/React.createElement("span", {
|
|
17
|
+
className: style.interrogationRight
|
|
18
|
+
}, "?"), /*#__PURE__*/React.createElement("div", {
|
|
19
|
+
className: style.recYellow
|
|
20
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
21
|
+
className: style.recRed
|
|
22
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
23
|
+
className: style.recBlue
|
|
24
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
25
|
+
className: style.recGreen
|
|
26
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
27
|
+
className: style.recGreenLight
|
|
28
|
+
})));
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
ReviewBackground.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
32
|
+
'aria-label': PropTypes.string
|
|
33
|
+
} : {};
|
|
34
|
+
export default ReviewBackground;
|
|
35
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/atom/review-background/index.js"],"names":["React","PropTypes","style","ReviewBackground","props","ariaLabel","mainContainer","container","interrogationLeft","interrogationRight","recYellow","recRed","recBlue","recGreen","recGreenLight","propTypes","string"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,gBAAgB,GAAGC,KAAK,IAAI;AAChC,QAAM;AAAC,kBAAcC;AAAf,MAA4BD,KAAlC;AACA,sBACE;AAAK,IAAA,SAAS,EAAEF,KAAK,CAACI,aAAtB;AAAqC,kBAAYD;AAAjD,kBACE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACK;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEL,KAAK,CAACM;AAAvB,SADF,eAEE;AAAM,IAAA,SAAS,EAAEN,KAAK,CAACO;AAAvB,SAFF,eAGE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACQ;AAAtB,IAHF,eAIE;AAAK,IAAA,SAAS,EAAER,KAAK,CAACS;AAAtB,IAJF,eAKE;AAAK,IAAA,SAAS,EAAET,KAAK,CAACU;AAAtB,IALF,eAME;AAAK,IAAA,SAAS,EAAEV,KAAK,CAACW;AAAtB,IANF,eAOE;AAAK,IAAA,SAAS,EAAEX,KAAK,CAACY;AAAtB,IAPF,CADF,CADF;AAaD,CAfD;;AAiBAX,gBAAgB,CAACY,SAAjB,2CAA6B;AAAC,gBAAcd,SAAS,CAACe;AAAzB,CAA7B;AAEA,eAAeb,gBAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst ReviewBackground = props => {\n const {'aria-label': ariaLabel} = props;\n return (\n <div className={style.mainContainer} aria-label={ariaLabel}>\n <div className={style.container}>\n <span className={style.interrogationLeft}>?</span>\n <span className={style.interrogationRight}>?</span>\n <div className={style.recYellow} />\n <div className={style.recRed} />\n <div className={style.recBlue} />\n <div className={style.recGreen} />\n <div className={style.recGreenLight} />\n </div>\n </div>\n );\n};\n\nReviewBackground.propTypes = {'aria-label': PropTypes.string};\n\nexport default ReviewBackground;\n"],"file":"index.js"}
|
|
@@ -0,0 +1,234 @@
|
|
|
1
|
+
@value breakpoints: "../../variables/breakpoints.css";
|
|
2
|
+
@value tablet from breakpoints;
|
|
3
|
+
@value mobile from breakpoints;
|
|
4
|
+
|
|
5
|
+
.interrogationBase {
|
|
6
|
+
position: absolute;
|
|
7
|
+
font-family: "Gilroy";
|
|
8
|
+
font-size: 700px;
|
|
9
|
+
font-weight: 700;
|
|
10
|
+
text-align: center;
|
|
11
|
+
color: black;
|
|
12
|
+
opacity: 0.02;
|
|
13
|
+
user-select: none;
|
|
14
|
+
z-index: 1;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.mainContainer {
|
|
18
|
+
position: relative;
|
|
19
|
+
width: 100vw;
|
|
20
|
+
height: 100vh;
|
|
21
|
+
background: #ffffff;
|
|
22
|
+
padding: 0;
|
|
23
|
+
margin: 0;
|
|
24
|
+
overflow: hidden;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.container {
|
|
28
|
+
position: absolute;
|
|
29
|
+
width: 100%;
|
|
30
|
+
height: 100%;
|
|
31
|
+
left: 0px;
|
|
32
|
+
top: 0px;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.interrogationLeft {
|
|
36
|
+
composes: interrogationBase;
|
|
37
|
+
left: -14%;
|
|
38
|
+
top: -15%;
|
|
39
|
+
transform: rotate(49.77deg);
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.interrogationRight {
|
|
43
|
+
composes: interrogationBase;
|
|
44
|
+
left: 72%;
|
|
45
|
+
top: -10%;
|
|
46
|
+
transform: rotate(135deg);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.recYellow {
|
|
50
|
+
position: absolute;
|
|
51
|
+
left: -40.79%;
|
|
52
|
+
right: 60.63%;
|
|
53
|
+
top: 0.34%;
|
|
54
|
+
bottom: 24.77%;
|
|
55
|
+
background: radial-gradient(
|
|
56
|
+
circle closest-side at 57.97% 41.54%,
|
|
57
|
+
#ffc043 0%,
|
|
58
|
+
rgba(255, 255, 255, 0) 100%
|
|
59
|
+
);
|
|
60
|
+
opacity: 0.4;
|
|
61
|
+
filter: blur(80px);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.recRed {
|
|
65
|
+
position: absolute;
|
|
66
|
+
left: 3.72%;
|
|
67
|
+
right: 42.62%;
|
|
68
|
+
top: 23.04%;
|
|
69
|
+
bottom: -9.22%;
|
|
70
|
+
background: radial-gradient(
|
|
71
|
+
circle closest-side at 57.97% 41.54%,
|
|
72
|
+
#ff7043 0%,
|
|
73
|
+
rgba(255, 255, 255, 0) 100%
|
|
74
|
+
);
|
|
75
|
+
opacity: 0.2;
|
|
76
|
+
filter: blur(60px);
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.recBlue {
|
|
80
|
+
position: absolute;
|
|
81
|
+
left: 42.5%;
|
|
82
|
+
right: 0.35%;
|
|
83
|
+
top: 40.78%;
|
|
84
|
+
bottom: -67.67%;
|
|
85
|
+
background: radial-gradient(
|
|
86
|
+
circle closest-side at 39.9% 50%,
|
|
87
|
+
rgba(0, 97, 255, 0.55) 0%,
|
|
88
|
+
rgba(255, 255, 255, 0) 100%
|
|
89
|
+
);
|
|
90
|
+
opacity: 0.5;
|
|
91
|
+
filter: blur(80px);
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.recGreen {
|
|
95
|
+
position: absolute;
|
|
96
|
+
left: 64.14%;
|
|
97
|
+
right: -20.87%;
|
|
98
|
+
top: -27.96%;
|
|
99
|
+
bottom: 45.85%;
|
|
100
|
+
background: radial-gradient(
|
|
101
|
+
circle closest-side at 56.78% 61.36%,
|
|
102
|
+
#2199ab 0%,
|
|
103
|
+
rgba(255, 255, 255, 0) 100%
|
|
104
|
+
);
|
|
105
|
+
opacity: 0.5;
|
|
106
|
+
filter: blur(100px);
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.recGreenLight {
|
|
110
|
+
position: absolute;
|
|
111
|
+
left: 50.13%;
|
|
112
|
+
right: -18.51%;
|
|
113
|
+
top: 13.13%;
|
|
114
|
+
bottom: 6.78%;
|
|
115
|
+
background: radial-gradient(
|
|
116
|
+
circle closest-side at 54.18% 40.45%,
|
|
117
|
+
#18bb98 0%,
|
|
118
|
+
rgba(255, 255, 255, 0) 100%
|
|
119
|
+
);
|
|
120
|
+
opacity: 0.5;
|
|
121
|
+
filter: blur(100px);
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
@media tablet {
|
|
125
|
+
.interrogationLeft {
|
|
126
|
+
left: -8%;
|
|
127
|
+
top: 6%;
|
|
128
|
+
font-size: 500px;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.interrogationRight {
|
|
132
|
+
left: 70%;
|
|
133
|
+
top: 6%;
|
|
134
|
+
font-size: 500px;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.recYellow {
|
|
138
|
+
left: -20.79%;
|
|
139
|
+
right: 55.63%;
|
|
140
|
+
top: 5.34%;
|
|
141
|
+
bottom: 34.77%;
|
|
142
|
+
background: radial-gradient(
|
|
143
|
+
circle closest-side at 57.97% 41.54%,
|
|
144
|
+
#ffc043 0%,
|
|
145
|
+
rgba(255, 255, 255, 0) 100%
|
|
146
|
+
);
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.recRed {
|
|
150
|
+
left: 10.72%;
|
|
151
|
+
right: 42.62%;
|
|
152
|
+
top: 33.04%;
|
|
153
|
+
bottom: -9.22%;
|
|
154
|
+
background: radial-gradient(
|
|
155
|
+
circle closest-side at 57.97% 41.54%,
|
|
156
|
+
#ff7043 0%,
|
|
157
|
+
rgba(255, 255, 255, 0) 100%
|
|
158
|
+
);
|
|
159
|
+
filter: blur(50px);
|
|
160
|
+
opacity: 0.2;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
.recBlue {
|
|
164
|
+
bottom: -80.78%;
|
|
165
|
+
background: radial-gradient(
|
|
166
|
+
circle closest-side at 39.9% 50%,
|
|
167
|
+
rgba(0, 97, 255, 0.55) 0%,
|
|
168
|
+
rgba(255, 255, 255, 0) 100%
|
|
169
|
+
);
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.recGreen {
|
|
173
|
+
bottom: 43.13%;
|
|
174
|
+
background: radial-gradient(
|
|
175
|
+
circle closest-side at 56.78% 61.36%,
|
|
176
|
+
#2199ab 0%,
|
|
177
|
+
rgba(255, 255, 255, 0) 100%
|
|
178
|
+
);
|
|
179
|
+
opacity: 0.3;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
.recGreenLight {
|
|
183
|
+
left: 40%;
|
|
184
|
+
top: 13.13%;
|
|
185
|
+
background: radial-gradient(
|
|
186
|
+
circle closest-side at 54.18% 40.45%,
|
|
187
|
+
#18bb98 0%,
|
|
188
|
+
rgba(255, 255, 255, 0) 100%
|
|
189
|
+
);
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
@media mobile {
|
|
194
|
+
.interrogationLeft {
|
|
195
|
+
left: -25%;
|
|
196
|
+
top: 3%;
|
|
197
|
+
font-size: 400px;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
.interrogationRight {
|
|
201
|
+
left: 55%;
|
|
202
|
+
top: 36%;
|
|
203
|
+
font-size: 400px;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
.recYellow {
|
|
207
|
+
right: 50%;
|
|
208
|
+
top: -5.34%;
|
|
209
|
+
opacity: 0.5;
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
.recRed {
|
|
213
|
+
opacity: 0.5;
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
.recBlue {
|
|
217
|
+
left: 48.5%;
|
|
218
|
+
right: -35%;
|
|
219
|
+
bottom: -50.78%;
|
|
220
|
+
opacity: 0.5;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
.recGreen {
|
|
224
|
+
top: -23.13%;
|
|
225
|
+
left: 30%;
|
|
226
|
+
opacity: 0.5;
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
.recGreenLight {
|
|
230
|
+
top: -3.13%;
|
|
231
|
+
left: 30%;
|
|
232
|
+
opacity: 0.5;
|
|
233
|
+
}
|
|
234
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/review-background/test/fixtures/default.js"],"names":["props"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc;AADT;AADM,CAAf","sourcesContent":["export default {\n props: {\n 'aria-label': 'Review Background Container'\n }\n};\n"],"file":"default.js"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import test from 'ava';
|
|
2
|
+
import forEach from 'lodash/forEach';
|
|
3
|
+
import renderComponentMacro from '../../../test/helpers/render-component';
|
|
4
|
+
import AtomReviewBackground from '..';
|
|
5
|
+
import fixtureDefault from './fixtures/default';
|
|
6
|
+
test('Atom › AtomReviewBackground > should have valid propTypes', t => {
|
|
7
|
+
t.pass();
|
|
8
|
+
forEach(AtomReviewBackground.propTypes, (value, key) => {
|
|
9
|
+
t.not(value, undefined, `PropType for "Atom.AtomReviewBackground.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
test('Atom › AtomReviewBackground › Default › should be rendered', renderComponentMacro, AtomReviewBackground, fixtureDefault);
|
|
13
|
+
//# sourceMappingURL=fixtures.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/atom/review-background/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomReviewBackground","fixtureDefault","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,oBAAP,MAAiC,IAAjC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAJ,IAAI,CAAC,2DAAD,EAA8DK,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF;AACAL,EAAAA,OAAO,CAACE,oBAAoB,CAACI,SAAtB,EAAiC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,qDAAoDF,GAAI,mEAAjF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAT,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,oBAArF,EAA2GC,cAA3G,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomReviewBackground from '..';\nimport fixtureDefault from './fixtures/default';\n\ntest('Atom › AtomReviewBackground > should have valid propTypes', t => {\n t.pass();\n forEach(AtomReviewBackground.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomReviewBackground.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomReviewBackground › Default › should be rendered', renderComponentMacro, AtomReviewBackground, fixtureDefault);\n"],"file":"fixtures.js"}
|
|
@@ -3,8 +3,9 @@ import React, { useMemo, useState, useCallback, useRef } from 'react';
|
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import classnames from 'classnames';
|
|
5
5
|
import { NovaCompositionNavigationArrowDown as ArrowDownIcon } from '@coorpacademy/nova-icons';
|
|
6
|
-
import
|
|
6
|
+
import ListBadges from '../list-badges';
|
|
7
7
|
import ButtonLink from '../../atom/button-link';
|
|
8
|
+
import ContentBadge from '../../atom/content-badge';
|
|
8
9
|
import style from './style.css';
|
|
9
10
|
|
|
10
11
|
const buildItemsOfSection = items => {
|
|
@@ -27,8 +28,8 @@ const buildItemsOfSection = items => {
|
|
|
27
28
|
case 'content':
|
|
28
29
|
{
|
|
29
30
|
const {
|
|
30
|
-
|
|
31
|
-
|
|
31
|
+
badgeList,
|
|
32
|
+
badgeAriaLabel,
|
|
32
33
|
title,
|
|
33
34
|
author,
|
|
34
35
|
unsaved = false
|
|
@@ -41,19 +42,17 @@ const buildItemsOfSection = items => {
|
|
|
41
42
|
className: style.contentCounter
|
|
42
43
|
}, index + 1), /*#__PURE__*/React.createElement("div", {
|
|
43
44
|
className: style.contentItem
|
|
44
|
-
}, /*#__PURE__*/React.createElement(
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
label: label
|
|
49
|
-
}), /*#__PURE__*/React.createElement("span", {
|
|
45
|
+
}, /*#__PURE__*/React.createElement(ListBadges, {
|
|
46
|
+
"aria-label": badgeAriaLabel,
|
|
47
|
+
items: badgeList
|
|
48
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
50
49
|
className: classnames(style.contentTitle, unsaved && style.unsaved),
|
|
51
50
|
title: title // eslint-disable-next-line react/no-danger
|
|
52
51
|
,
|
|
53
52
|
dangerouslySetInnerHTML: {
|
|
54
53
|
__html: title
|
|
55
54
|
}
|
|
56
|
-
})
|
|
55
|
+
}), author ? /*#__PURE__*/React.createElement("span", {
|
|
57
56
|
className: style.author
|
|
58
57
|
}, author) : null));
|
|
59
58
|
}
|
|
@@ -235,9 +234,9 @@ WizardSummary.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
235
234
|
unsaved: PropTypes.bool
|
|
236
235
|
}), PropTypes.shape({
|
|
237
236
|
type: PropTypes.string,
|
|
238
|
-
|
|
237
|
+
badgeList: PropTypes.arrayOf(PropTypes.shape(ContentBadge.propTypes)),
|
|
238
|
+
badgeAriaLabel: PropTypes.string,
|
|
239
239
|
title: PropTypes.string,
|
|
240
|
-
label: PropTypes.string,
|
|
241
240
|
author: PropTypes.string,
|
|
242
241
|
unsaved: PropTypes.bool
|
|
243
242
|
})])),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/molecule/wizard-summary/index.js"],"names":["React","useMemo","useState","useCallback","useRef","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDownIcon","ContentBadge","ButtonLink","style","buildItemsOfSection","items","map","item","index","type","title","value","category","label","author","unsaved","contentWrapper","contentCounter","contentItem","content","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","BuildAction","action","side","onClick","disabled","icon","ariaLabel","handleClick","buttonProps","position","button","checkOnClose","checked","summaryElement","onCloseSummary","clickEvent","current","contains","target","WizardSummary","props","sectionsView","idSwitch","setChecked","handleOnChange","document","addEventListener","removeEventListener","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","shape","string","bool","func","arrayOf","oneOfType","oneOf"],"mappings":";AAAA,OAAOA,KAAP,IAAeC,OAAf,EAAwBC,QAAxB,EAAkCC,WAAlC,EAA+CC,MAA/C,QAA4D,OAA5D;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,SAAQC,kCAAkC,IAAIC,aAA9C,QAAkE,0BAAlE;AACA,OAAOC,YAAP,MAAyB,0BAAzB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,mBAAmB,GAAGC,KAAK,IAAI;AACnC,SAAOA,KAAK,CAACC,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,KAAiB;AAChC,UAAM;AAACC,MAAAA;AAAD,QAASF,IAAf;;AACA,YAAQE,IAAR;AACE,WAAK,aAAL;AACE,4BACE;AAAI,UAAA,GAAG,EAAG,GAAEF,IAAI,CAACG,KAAM,IAAGF,KAAM,EAAhC;AAAmC,uBAAWD,IAAI,CAACG;AAAnD,wBACE;AAAM,UAAA,SAAS,EAAEP,KAAK,CAACO;AAAvB,WAA+BH,IAAI,CAACG,KAApC,CADF,eAEE;AAAM,UAAA,SAAS,EAAEP,KAAK,CAACQ;AAAvB,WAA+BJ,IAAI,CAACI,KAApC,CAFF,CADF;;AAMF,WAAK,SAAL;AAAgB;AACd,gBAAM;AAACC,YAAAA,QAAD;AAAWC,YAAAA,KAAX;AAAkBH,YAAAA,KAAlB;AAAyBI,YAAAA,MAAzB;AAAiCC,YAAAA,OAAO,GAAG;AAA3C,cAAoDR,IAA1D;AACA,8BACE;AAAI,YAAA,SAAS,EAAEJ,KAAK,CAACa,cAArB;AAAqC,YAAA,GAAG,EAAG,GAAEN,KAAM,IAAGF,KAAM,EAA5D;AAA+D,yBAAWD,IAAI,CAACG;AAA/E,0BACE;AAAM,YAAA,SAAS,EAAEP,KAAK,CAACc;AAAvB,aAAwCT,KAAK,GAAG,CAAhD,CADF,eAEE;AAAK,YAAA,SAAS,EAAEL,KAAK,CAACe;AAAtB,0BACE;AAAK,YAAA,SAAS,EAAEf,KAAK,CAACgB;AAAtB,0BACE,oBAAC,YAAD;AAAc,YAAA,QAAQ,EAAEP,QAAxB;AAAkC,YAAA,KAAK,EAAEC;AAAzC,YADF,eAEE;AACE,YAAA,SAAS,EAAEf,UAAU,CAACK,KAAK,CAACiB,YAAP,EAAqBL,OAAO,IAAIZ,KAAK,CAACY,OAAtC,CADvB;AAEE,YAAA,KAAK,EAAEL,KAFT,CAGE;AAHF;AAIE,YAAA,uBAAuB,EAAE;AAACW,cAAAA,MAAM,EAAEX;AAAT;AAJ3B,YAFF,CADF,EAUGI,MAAM,gBAAG;AAAM,YAAA,SAAS,EAAEX,KAAK,CAACW;AAAvB,aAAgCA,MAAhC,CAAH,GAAoD,IAV7D,CAFF,CADF;AAiBD;;AACD,WAAK,MAAL;AACA;AAAS;AACP,gBAAM;AAACQ,YAAAA,IAAD;AAAOP,YAAAA,OAAO,GAAG;AAAjB,cAA0BR,IAAhC;AACA,8BACE;AAAI,YAAA,GAAG,EAAG,GAAEA,IAAI,CAACe,IAAK,IAAGd,KAAM,EAA/B;AAAkC,yBAAWD,IAAI,CAACG;AAAlD,0BACE;AAAM,YAAA,SAAS,EAAEZ,UAAU,CAACK,KAAK,CAACoB,eAAP,EAAwBR,OAAO,IAAIZ,KAAK,CAACY,OAAzC;AAA3B,aACGO,IADH,CADF,CADF;AAOD;AAtCH;AAwCD,GA1CM,CAAP;AA2CD,CA5CD;;AA8CA,MAAME,kBAAkB,GAAGC,OAAO,IAAI;AACpC,QAAM;AAACf,IAAAA,KAAD;AAAQgB,IAAAA;AAAR,MAAuBD,OAA7B;;AACA,MAAI,CAACf,KAAL,EAAY;AACV,WAAO,IAAP;AACD;;AACD,sBACE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACwB;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAExB,KAAK,CAACO;AAAvB,KAA+BA,KAA/B,CADF,EAEGgB,WAAW,gBAAG;AAAM,IAAA,SAAS,EAAEvB,KAAK,CAACuB;AAAvB,KAAqCA,WAArC,CAAH,GAA8D,IAF5E,CADF;AAMD,CAXD;;AAaA,MAAME,aAAa,GAAGC,QAAQ,IAAI;AAChC,SAAOA,QAAQ,CAACvB,GAAT,CAAa,CAACmB,OAAD,EAAUjB,KAAV,KAAoB;AACtC,UAAMmB,aAAa,GAAGH,kBAAkB,CAACC,OAAD,CAAxC;AACA,UAAMK,SAAS,GAAG1B,mBAAmB,CAACqB,OAAO,CAACpB,KAAT,CAArC;AACA,wBACE;AACE,MAAA,GAAG,EAAG,mBAAkBG,KAAM,EADhC;AAEE,mBAAWA,KAFb;AAGE,mBAAY,mBAAkBA,KAAM,EAHtC;AAIE,MAAA,SAAS,EAAEL,KAAK,CAAC4B;AAJnB,OAMGJ,aANH,eAOE,gCAAKG,SAAL,CAPF,CADF;AAWD,GAdM,CAAP;AAeD,CAhBD;;AAkBA,MAAME,WAAW,GAAG,CAAC;AAACC,EAAAA,MAAD;AAASC,EAAAA;AAAT,CAAD,KAAoB;AACtC,QAAM;AAACC,IAAAA,OAAD;AAAUb,IAAAA,IAAV;AAAgBc,IAAAA,QAAQ,GAAG,KAA3B;AAAkCC,IAAAA,IAAlC;AAAwC,kBAAcC;AAAtD,MAAmEL,MAAzE;AACA,QAAMM,WAAW,GAAG9C,OAAO,CAAC,MAAM,MAAM0C,OAAO,EAApB,EAAwB,CAACA,OAAD,CAAxB,CAA3B;AAEA,MAAI,CAACF,MAAL,EAAa,OAAO,IAAP;AAEb,QAAMO,WAAW,GAAG;AAClB/B,IAAAA,IAAI,EAAE,MADY;AAElBI,IAAAA,KAAK,EAAES,IAFW;AAGlBc,IAAAA,QAHkB;AAIlB,kBAAcE,SAJI;AAKlB,iBAAc,GAAED,IAAK,WAAUH,IAAK,EALlB;AAMlBC,IAAAA,OAAO,EAAEI,WANS;AAOlBF,IAAAA,IAAI,EAAE;AACJI,MAAAA,QAAQ,EAAE,MADN;AAEJhC,MAAAA,IAAI,EAAE4B;AAFF;AAPY,GAApB;AAaA,sBACE;AAAK,IAAA,SAAS,EAAElC,KAAK,CAACuC;AAAtB,kBACE,oBAAC,UAAD,EAAgBF,WAAhB,CADF,CADF;AAKD,CAxBD;;AA0BA,MAAMG,YAAY,GAAG,CAACC,OAAD,EAAUC,cAAV,EAA0BC,cAA1B,EAA0CC,UAA1C,KAAyD;AAC5E,MAAIH,OAAJ,EAAa;AACX,QACEC,cAAc,IACdA,cAAc,CAACG,OADf,IAEA,CAACH,cAAc,CAACG,OAAf,CAAuBC,QAAvB,CAAgCF,UAAU,CAACG,MAA3C,CAHH,EAIE;AACAJ,MAAAA,cAAc;AACf;AACF;AACF,CAVD;;AAYA,MAAMK,aAAa,GAAGC,KAAK,IAAI;AAC7B,QAAM;AAAC1C,IAAAA,KAAD;AAAQmB,IAAAA,QAAR;AAAkBI,IAAAA,MAAlB;AAA0BC,IAAAA;AAA1B,MAAkCkB,KAAxC;AACA,QAAMC,YAAY,GAAGzB,aAAa,CAACC,QAAD,CAAlC;;AACA,QAAMyB,QAAQ,GAAG,UAAS,qBAAT,CAAjB;;AACA,QAAMT,cAAc,GAAGjD,MAAM,CAAC,IAAD,CAA7B;AACA,QAAM,CAACgD,OAAD,EAAUW,UAAV,IAAwB7D,QAAQ,CAAC,KAAD,CAAtC;;AAEA,QAAMoD,cAAc,GAAG,MAAMS,UAAU,CAAC,KAAD,CAAvC;;AACA,QAAMC,cAAc,GAAG7D,WAAW,CAAC,MAAM;AACvC,QAAI,CAACiD,OAAL,EAAc;AACZa,MAAAA,QAAQ,CAACC,gBAAT,CAA0B,OAA1B,EAAmCX,UAAU,IAC3CJ,YAAY,CAAC,CAACC,OAAF,EAAWC,cAAX,EAA2BC,cAA3B,EAA2CC,UAA3C,CADd;AAGAU,MAAAA,QAAQ,CAACC,gBAAT,CAA0B,YAA1B,EAAwCX,UAAU,IAChDJ,YAAY,CAAC,CAACC,OAAF,EAAWC,cAAX,EAA2BC,cAA3B,EAA2CC,UAA3C,CADd;AAGD,KAPD,MAOO;AACLU,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,OAA7B,EAAsCZ,UAAU,IAC9CJ,YAAY,CAAC,CAACC,OAAF,EAAWC,cAAX,EAA2BC,cAA3B,EAA2CC,UAA3C,CADd;AAGAU,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,YAA7B,EAA2CZ,UAAU,IACnDJ,YAAY,CAAC,CAACC,OAAF,EAAWC,cAAX,EAA2BC,cAA3B,EAA2CC,UAA3C,CADd;AAGD;;AACDQ,IAAAA,UAAU,CAAC,CAACX,OAAF,CAAV;AACD,GAjBiC,EAiB/B,CAACA,OAAD,CAjB+B,CAAlC;AAmBA,sBACE;AAAK,IAAA,SAAS,EAAEzC,KAAK,CAACyD,SAAtB;AAAiC,IAAA,GAAG,EAAEf;AAAtC,kBACE;AAAM,IAAA,SAAS,EAAE1C,KAAK,CAAC0D,mBAAvB;AAA4C,iBAAY,iBAAgB3B,IAAK;AAA7E,KACGxB,KADH,CADF,eAIE;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,EAAE,EAAE4C,QAFN;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,KAAK,EAAEA,QAJT;AAKE,IAAA,SAAS,EAAEnD,KAAK,CAAC2D,QALnB;AAME,iBAAY,oBAAmB5B,IAAK,EANtC;AAOE,IAAA,OAAO,EAAEU,OAPX;AAQE,IAAA,QAAQ,EAAEY;AARZ,IAJF,eAcE;AAAK,IAAA,SAAS,EAAErD,KAAK,CAAC4D;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAE5D,KAAK,CAAC6D;AAAtB,kBACE;AAAO,IAAA,OAAO,EAAEV;AAAhB,kBACE;AAAM,IAAA,SAAS,EAAEnD,KAAK,CAAC8D;AAAvB,KAA4CvD,KAA5C,CADF,eAEE,oBAAC,aAAD;AAAe,IAAA,SAAS,EAAEP,KAAK,CAAC+D;AAAhC,IAFF,CADF,CADF,eAOE;AAAK,IAAA,SAAS,EAAE/D,KAAK,CAACgE,eAAtB;AAAuC,iBAAY,mBAAkBjC,IAAK;AAA1E,KACGmB,YADH,CAPF,CAdF,eAyBE;AAAK,IAAA,SAAS,EAAElD,KAAK,CAACiE,UAAtB;AAAkC,iBAAY,mBAAkBlC,IAAK;AAArE,kBACE,oBAAC,WAAD;AAAa,IAAA,MAAM,EAAED,MAArB;AAA6B,IAAA,IAAI,EAAEC;AAAnC,IADF,CAzBF,CADF;AA+BD,CA1DD;;AA4DAF,WAAW,CAACqC,SAAZ,2CAAwB;AACtBpC,EAAAA,MAAM,EAAEpC,SAAS,CAACyE,KAAV,CAAgB;AACtBjC,IAAAA,IAAI,EAAExC,SAAS,CAAC0E,MADM;AAEtBnC,IAAAA,QAAQ,EAAEvC,SAAS,CAAC2E,IAFE;AAGtBlD,IAAAA,IAAI,EAAEzB,SAAS,CAAC0E,MAHM;AAItBpC,IAAAA,OAAO,EAAEtC,SAAS,CAAC4E,IAJG;AAKtB,kBAAc5E,SAAS,CAAC0E;AALF,GAAhB,CADc;AAQtBrC,EAAAA,IAAI,EAAErC,SAAS,CAAC0E;AARM,CAAxB;AAWApB,aAAa,CAACkB,SAAd,2CAA0B;AACxB3D,EAAAA,KAAK,EAAEb,SAAS,CAAC0E,MADO;AAExBrC,EAAAA,IAAI,EAAErC,SAAS,CAAC0E,MAFQ;AAGxB1C,EAAAA,QAAQ,EAAEhC,SAAS,CAAC6E,OAAV,CACR7E,SAAS,CAACyE,KAAV,CAAgB;AACd5D,IAAAA,KAAK,EAAEb,SAAS,CAAC0E,MADH;AAEdlE,IAAAA,KAAK,EAAER,SAAS,CAAC6E,OAAV,CACL7E,SAAS,CAAC8E,SAAV,CAAoB,CAClB9E,SAAS,CAACyE,KAAV,CAAgB;AACd7D,MAAAA,IAAI,EAAEZ,SAAS,CAAC0E,MADF;AAEd7D,MAAAA,KAAK,EAAEb,SAAS,CAAC0E,MAFH;AAGd5D,MAAAA,KAAK,EAAEd,SAAS,CAAC0E;AAHH,KAAhB,CADkB,EAMlB1E,SAAS,CAACyE,KAAV,CAAgB;AACd7D,MAAAA,IAAI,EAAEZ,SAAS,CAAC0E,MADF;AAEdjD,MAAAA,IAAI,EAAEzB,SAAS,CAAC0E,MAFF;AAGdxD,MAAAA,OAAO,EAAElB,SAAS,CAAC2E;AAHL,KAAhB,CANkB,EAWlB3E,SAAS,CAACyE,KAAV,CAAgB;AACd7D,MAAAA,IAAI,EAAEZ,SAAS,CAAC0E,MADF;AAEd3D,MAAAA,QAAQ,EAAEf,SAAS,CAAC+E,KAAV,CAAgB,CACxB,MADwB,EAExB,UAFwB,EAGxB,OAHwB,EAIxB,SAJwB,EAKxB,OALwB,EAMxB,OANwB,EAOxB,SAPwB,EAQxB,SARwB,EASxB,QATwB,CAAhB,CAFI;AAadlE,MAAAA,KAAK,EAAEb,SAAS,CAAC0E,MAbH;AAcd1D,MAAAA,KAAK,EAAEhB,SAAS,CAAC0E,MAdH;AAedzD,MAAAA,MAAM,EAAEjB,SAAS,CAAC0E,MAfJ;AAgBdxD,MAAAA,OAAO,EAAElB,SAAS,CAAC2E;AAhBL,KAAhB,CAXkB,CAApB,CADK,CAFO;AAkCd9C,IAAAA,WAAW,EAAE7B,SAAS,CAAC0E;AAlCT,GAAhB,CADQ,CAHc;AAyCxBtC,EAAAA,MAAM,EAAED,WAAW,CAACqC,SAAZ,CAAsBpC;AAzCN,CAA1B;AA4CA,eAAekB,aAAf","sourcesContent":["import React, {useMemo, useState, useCallback, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {uniqueId} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDownIcon} from '@coorpacademy/nova-icons';\nimport ContentBadge from '../../atom/content-badge';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildItemsOfSection = items => {\n return items.map((item, index) => {\n const {type} = item;\n switch (type) {\n case 'mainElement':\n return (\n <li key={`${item.title}-${index}`} data-name={item.title}>\n <span className={style.title}>{item.title}</span>\n <span className={style.value}>{item.value}</span>\n </li>\n );\n case 'content': {\n const {category, label, title, author, unsaved = false} = item;\n return (\n <li className={style.contentWrapper} key={`${title}-${index}`} data-name={item.title}>\n <span className={style.contentCounter}>{index + 1}</span>\n <div className={style.contentItem}>\n <div className={style.content}>\n <ContentBadge category={category} label={label} />\n <span\n className={classnames(style.contentTitle, unsaved && style.unsaved)}\n title={title}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n </div>\n {author ? <span className={style.author}>{author}</span> : null}\n </div>\n </li>\n );\n }\n case 'text':\n default: {\n const {text, unsaved = false} = item;\n return (\n <li key={`${item.text}-${index}`} data-name={item.title}>\n <span className={classnames(style.valueSimpleText, unsaved && style.unsaved)}>\n {text}\n </span>\n </li>\n );\n }\n }\n });\n};\n\nconst buildSectionHeader = section => {\n const {title, counterText} = section;\n if (!title) {\n return null;\n }\n return (\n <div className={style.sectionHeader}>\n <span className={style.title}>{title}</span>\n {counterText ? <span className={style.counterText}>{counterText}</span> : null}\n </div>\n );\n};\n\nconst buildSections = sections => {\n return sections.map((section, index) => {\n const sectionHeader = buildSectionHeader(section);\n const itemsView = buildItemsOfSection(section.items);\n return (\n <div\n key={`summary-section-${index}`}\n data-step={index}\n data-name={`summary-section-${index}`}\n className={style.sectionWrapper}\n >\n {sectionHeader}\n <ul>{itemsView}</ul>\n </div>\n );\n });\n};\n\nconst BuildAction = ({action, side}) => {\n const {onClick, text, disabled = false, icon, 'aria-label': ariaLabel} = action;\n const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n if (!action) return null;\n\n const buttonProps = {\n type: 'text',\n label: text,\n disabled,\n 'aria-label': ariaLabel,\n 'data-name': `${icon}-button-${side}`,\n onClick: handleClick,\n icon: {\n position: 'left',\n type: icon\n }\n };\n\n return (\n <div className={style.button}>\n <ButtonLink {...buttonProps} />\n </div>\n );\n};\n\nconst checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {\n if (checked) {\n if (\n summaryElement &&\n summaryElement.current &&\n !summaryElement.current.contains(clickEvent.target)\n ) {\n onCloseSummary();\n }\n }\n};\n\nconst WizardSummary = props => {\n const {title, sections, action, side} = props;\n const sectionsView = buildSections(sections);\n const idSwitch = uniqueId('open-summary-wizard');\n const summaryElement = useRef(null);\n const [checked, setChecked] = useState(false);\n\n const onCloseSummary = () => setChecked(false);\n const handleOnChange = useCallback(() => {\n if (!checked) {\n document.addEventListener('click', clickEvent =>\n checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n );\n document.addEventListener('touchstart', clickEvent =>\n checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n );\n } else {\n document.removeEventListener('click', clickEvent =>\n checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n );\n document.removeEventListener('touchstart', clickEvent =>\n checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n );\n }\n setChecked(!checked);\n }, [checked]);\n\n return (\n <div className={style.container} ref={summaryElement}>\n <span className={style.desktopSummaryTitle} data-name={`summary-title-${side}`}>\n {title}\n </span>\n <input\n type=\"checkbox\"\n id={idSwitch}\n name=\"toogle\"\n title={idSwitch}\n className={style.checkbox}\n data-name={`summary-checkbox-${side}`}\n checked={checked}\n onChange={handleOnChange}\n />\n <div className={style.summary}>\n <div className={style.tabletSummaryHeader}>\n <label htmlFor={idSwitch}>\n <span className={style.tabletSummaryTitle}>{title}</span>\n <ArrowDownIcon className={style.tabletSummaryIcon} />\n </label>\n </div>\n <div className={style.summarySections} data-name={`summary-section-${side}`}>\n {sectionsView}\n </div>\n </div>\n <div className={style.actionZone} data-name={`summary-actions-${side}`}>\n <BuildAction action={action} side={side} />\n </div>\n </div>\n );\n};\n\nBuildAction.propTypes = {\n action: PropTypes.shape({\n icon: PropTypes.string,\n disabled: PropTypes.bool,\n text: PropTypes.string,\n onClick: PropTypes.func,\n 'aria-label': PropTypes.string\n }),\n side: PropTypes.string\n};\n\nWizardSummary.propTypes = {\n title: PropTypes.string,\n side: PropTypes.string,\n sections: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string,\n items: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.shape({\n type: PropTypes.string,\n title: PropTypes.string,\n value: PropTypes.string\n }),\n PropTypes.shape({\n type: PropTypes.string,\n text: PropTypes.string,\n unsaved: PropTypes.bool\n }),\n PropTypes.shape({\n type: PropTypes.string,\n category: PropTypes.oneOf([\n 'base',\n 'advanced',\n 'coach',\n 'chapter',\n 'scorm',\n 'video',\n 'article',\n 'podcast',\n 'course'\n ]),\n title: PropTypes.string,\n label: PropTypes.string,\n author: PropTypes.string,\n unsaved: PropTypes.bool\n })\n ])\n ),\n counterText: PropTypes.string\n })\n ),\n action: BuildAction.propTypes.action\n};\n\nexport default WizardSummary;\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/molecule/wizard-summary/index.js"],"names":["React","useMemo","useState","useCallback","useRef","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDownIcon","ListBadges","ButtonLink","ContentBadge","style","buildItemsOfSection","items","map","item","index","type","title","value","badgeList","badgeAriaLabel","author","unsaved","contentWrapper","contentCounter","contentItem","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","BuildAction","action","side","onClick","disabled","icon","ariaLabel","handleClick","buttonProps","label","position","button","checkOnClose","checked","summaryElement","onCloseSummary","clickEvent","current","contains","target","WizardSummary","props","sectionsView","idSwitch","setChecked","handleOnChange","document","addEventListener","removeEventListener","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","shape","string","bool","func","arrayOf","oneOfType"],"mappings":"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","sourcesContent":["import React, {useMemo, useState, useCallback, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {uniqueId} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDownIcon} from '@coorpacademy/nova-icons';\nimport ListBadges from '../list-badges';\nimport ButtonLink from '../../atom/button-link';\nimport ContentBadge from '../../atom/content-badge';\nimport style from './style.css';\n\nconst buildItemsOfSection = items => {\n return items.map((item, index) => {\n const {type} = item;\n switch (type) {\n case 'mainElement':\n return (\n <li key={`${item.title}-${index}`} data-name={item.title}>\n <span className={style.title}>{item.title}</span>\n <span className={style.value}>{item.value}</span>\n </li>\n );\n case 'content': {\n const {badgeList, badgeAriaLabel, title, author, unsaved = false} = item;\n return (\n <li className={style.contentWrapper} key={`${title}-${index}`} data-name={item.title}>\n <span className={style.contentCounter}>{index + 1}</span>\n <div className={style.contentItem}>\n <ListBadges aria-label={badgeAriaLabel} items={badgeList} />\n <div\n className={classnames(style.contentTitle, unsaved && style.unsaved)}\n title={title}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n {author ? <span className={style.author}>{author}</span> : null}\n </div>\n </li>\n );\n }\n case 'text':\n default: {\n const {text, unsaved = false} = item;\n return (\n <li key={`${item.text}-${index}`} data-name={item.title}>\n <span className={classnames(style.valueSimpleText, unsaved && style.unsaved)}>\n {text}\n </span>\n </li>\n );\n }\n }\n });\n};\n\nconst buildSectionHeader = section => {\n const {title, counterText} = section;\n if (!title) {\n return null;\n }\n return (\n <div className={style.sectionHeader}>\n <span className={style.title}>{title}</span>\n {counterText ? <span className={style.counterText}>{counterText}</span> : null}\n </div>\n );\n};\n\nconst buildSections = sections => {\n return sections.map((section, index) => {\n const sectionHeader = buildSectionHeader(section);\n const itemsView = buildItemsOfSection(section.items);\n return (\n <div\n key={`summary-section-${index}`}\n data-step={index}\n data-name={`summary-section-${index}`}\n className={style.sectionWrapper}\n >\n {sectionHeader}\n <ul>{itemsView}</ul>\n </div>\n );\n });\n};\n\nconst BuildAction = ({action, side}) => {\n const {onClick, text, disabled = false, icon, 'aria-label': ariaLabel} = action;\n const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n if (!action) return null;\n\n const buttonProps = {\n type: 'text',\n label: text,\n disabled,\n 'aria-label': ariaLabel,\n 'data-name': `${icon}-button-${side}`,\n onClick: handleClick,\n icon: {\n position: 'left',\n type: icon\n }\n };\n\n return (\n <div className={style.button}>\n <ButtonLink {...buttonProps} />\n </div>\n );\n};\n\nconst checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {\n if (checked) {\n if (\n summaryElement &&\n summaryElement.current &&\n !summaryElement.current.contains(clickEvent.target)\n ) {\n onCloseSummary();\n }\n }\n};\n\nconst WizardSummary = props => {\n const {title, sections, action, side} = props;\n const sectionsView = buildSections(sections);\n const idSwitch = uniqueId('open-summary-wizard');\n const summaryElement = useRef(null);\n const [checked, setChecked] = useState(false);\n\n const onCloseSummary = () => setChecked(false);\n const handleOnChange = useCallback(() => {\n if (!checked) {\n document.addEventListener('click', clickEvent =>\n checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n );\n document.addEventListener('touchstart', clickEvent =>\n checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n );\n } else {\n document.removeEventListener('click', clickEvent =>\n checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n );\n document.removeEventListener('touchstart', clickEvent =>\n checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n );\n }\n setChecked(!checked);\n }, [checked]);\n\n return (\n <div className={style.container} ref={summaryElement}>\n <span className={style.desktopSummaryTitle} data-name={`summary-title-${side}`}>\n {title}\n </span>\n <input\n type=\"checkbox\"\n id={idSwitch}\n name=\"toogle\"\n title={idSwitch}\n className={style.checkbox}\n data-name={`summary-checkbox-${side}`}\n checked={checked}\n onChange={handleOnChange}\n />\n <div className={style.summary}>\n <div className={style.tabletSummaryHeader}>\n <label htmlFor={idSwitch}>\n <span className={style.tabletSummaryTitle}>{title}</span>\n <ArrowDownIcon className={style.tabletSummaryIcon} />\n </label>\n </div>\n <div className={style.summarySections} data-name={`summary-section-${side}`}>\n {sectionsView}\n </div>\n </div>\n <div className={style.actionZone} data-name={`summary-actions-${side}`}>\n <BuildAction action={action} side={side} />\n </div>\n </div>\n );\n};\n\nBuildAction.propTypes = {\n action: PropTypes.shape({\n icon: PropTypes.string,\n disabled: PropTypes.bool,\n text: PropTypes.string,\n onClick: PropTypes.func,\n 'aria-label': PropTypes.string\n }),\n side: PropTypes.string\n};\n\nWizardSummary.propTypes = {\n title: PropTypes.string,\n side: PropTypes.string,\n sections: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string,\n items: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.shape({\n type: PropTypes.string,\n title: PropTypes.string,\n value: PropTypes.string\n }),\n PropTypes.shape({\n type: PropTypes.string,\n text: PropTypes.string,\n unsaved: PropTypes.bool\n }),\n PropTypes.shape({\n type: PropTypes.string,\n badgeList: PropTypes.arrayOf(PropTypes.shape(ContentBadge.propTypes)),\n badgeAriaLabel: PropTypes.string,\n title: PropTypes.string,\n author: PropTypes.string,\n unsaved: PropTypes.bool\n })\n ])\n ),\n counterText: PropTypes.string\n })\n ),\n action: BuildAction.propTypes.action\n};\n\nexport default WizardSummary;\n"],"file":"index.js"}
|
|
@@ -40,75 +40,122 @@ export default {
|
|
|
40
40
|
items: [{
|
|
41
41
|
type: 'content',
|
|
42
42
|
title: 'Learn Everywhere #10 : Inclusion, Diversité, et autre élements importants',
|
|
43
|
-
|
|
44
|
-
|
|
43
|
+
badgeList: [{
|
|
44
|
+
category: 'video',
|
|
45
|
+
label: 'Video'
|
|
46
|
+
}],
|
|
45
47
|
author: 'Coorpacademy, Faurecia University'
|
|
46
48
|
}, {
|
|
47
49
|
type: 'content',
|
|
48
50
|
title: 'Markteting and online advertising',
|
|
49
|
-
|
|
50
|
-
|
|
51
|
+
badgeList: [{
|
|
52
|
+
category: 'base',
|
|
53
|
+
label: 'Base'
|
|
54
|
+
}],
|
|
51
55
|
author: 'Coorpacademy',
|
|
52
56
|
unsaved: true
|
|
53
57
|
}, {
|
|
54
58
|
type: 'content',
|
|
55
59
|
title: 'Faire une offre',
|
|
56
|
-
|
|
57
|
-
|
|
60
|
+
badgeList: [{
|
|
61
|
+
category: 'chapter',
|
|
62
|
+
label: "5' learning"
|
|
63
|
+
}],
|
|
58
64
|
author: 'Global Exam'
|
|
59
65
|
}, {
|
|
60
66
|
type: 'content',
|
|
61
67
|
title: 'Cluedo: Meurtre sur Skill Island',
|
|
62
|
-
|
|
63
|
-
|
|
68
|
+
badgeList: [{
|
|
69
|
+
category: 'advanced',
|
|
70
|
+
label: 'Advanced'
|
|
71
|
+
}],
|
|
64
72
|
author: 'Coorpacademy'
|
|
65
73
|
}, {
|
|
66
74
|
type: 'content',
|
|
67
75
|
title: 'Learn <b>Everywhere #10</b> : <u>Inclusion, Diversité</u>, et autre élements importants',
|
|
68
|
-
|
|
69
|
-
|
|
76
|
+
badgeList: [{
|
|
77
|
+
category: 'video',
|
|
78
|
+
label: 'Video'
|
|
79
|
+
}],
|
|
70
80
|
author: 'Coorpacademy, Faurecia University'
|
|
71
81
|
}, {
|
|
72
82
|
type: 'content',
|
|
73
83
|
title: 'Mesurer la satisfaction client',
|
|
74
|
-
|
|
75
|
-
|
|
84
|
+
badgeList: [{
|
|
85
|
+
category: 'base',
|
|
86
|
+
label: 'Base'
|
|
87
|
+
}, {
|
|
88
|
+
category: 'advanced',
|
|
89
|
+
label: 'Advenced'
|
|
90
|
+
}, {
|
|
91
|
+
category: 'coach',
|
|
92
|
+
label: 'Coach'
|
|
93
|
+
}],
|
|
76
94
|
author: 'Dunod Formation'
|
|
77
95
|
}, {
|
|
78
96
|
type: 'content',
|
|
79
97
|
title: 'Cluedo: Meurtre sur Skill Island',
|
|
80
|
-
|
|
81
|
-
|
|
98
|
+
badgeList: [{
|
|
99
|
+
category: 'base',
|
|
100
|
+
label: 'Base'
|
|
101
|
+
}, {
|
|
102
|
+
category: 'advanced',
|
|
103
|
+
label: 'Advenced'
|
|
104
|
+
}],
|
|
82
105
|
author: 'Coorpacademy'
|
|
83
106
|
}, {
|
|
84
107
|
type: 'content',
|
|
85
108
|
title: 'Suspects - épisode 1',
|
|
109
|
+
badgeList: [{
|
|
110
|
+
category: 'scorm',
|
|
111
|
+
label: 'Interactive slides'
|
|
112
|
+
}],
|
|
86
113
|
category: 'scorm',
|
|
87
114
|
label: 'Interactive slides',
|
|
88
115
|
author: 'Coorpacademy'
|
|
89
116
|
}, {
|
|
90
117
|
type: 'content',
|
|
91
118
|
title: '<p align="right"> وضع النصوص بالتصاميم سواء كانت تصاميم مطبوعه</p>',
|
|
92
|
-
|
|
93
|
-
|
|
119
|
+
badgeList: [{
|
|
120
|
+
category: 'base',
|
|
121
|
+
label: 'Base'
|
|
122
|
+
}, {
|
|
123
|
+
category: 'advanced',
|
|
124
|
+
label: 'Advenced'
|
|
125
|
+
}, {
|
|
126
|
+
category: 'coach',
|
|
127
|
+
label: 'Coach'
|
|
128
|
+
}],
|
|
94
129
|
author: 'Dunod Formation'
|
|
95
130
|
}, {
|
|
96
131
|
type: 'content',
|
|
97
132
|
title: 'Cluedo: Meurtre sur Skill Island',
|
|
98
|
-
|
|
99
|
-
|
|
133
|
+
badgeList: [{
|
|
134
|
+
category: 'course',
|
|
135
|
+
label: 'Course'
|
|
136
|
+
}],
|
|
100
137
|
author: 'Coorpacademy'
|
|
101
138
|
}, {
|
|
102
139
|
type: 'content',
|
|
103
140
|
title: 'Suspects - épisode 1',
|
|
104
|
-
|
|
105
|
-
|
|
141
|
+
badgeList: [{
|
|
142
|
+
category: 'scorm',
|
|
143
|
+
label: 'Interactive slides'
|
|
144
|
+
}],
|
|
106
145
|
author: 'Coorpacademy'
|
|
107
146
|
}, {
|
|
108
147
|
type: 'content',
|
|
109
148
|
title: 'Mesurer la satisfaction client',
|
|
110
|
-
|
|
111
|
-
|
|
149
|
+
badgeList: [{
|
|
150
|
+
category: 'base',
|
|
151
|
+
label: 'Base'
|
|
152
|
+
}, {
|
|
153
|
+
category: 'advanced',
|
|
154
|
+
label: 'Advenced'
|
|
155
|
+
}, {
|
|
156
|
+
category: 'coach',
|
|
157
|
+
label: 'Coach'
|
|
158
|
+
}],
|
|
112
159
|
author: 'Dunod Formation'
|
|
113
160
|
}],
|
|
114
161
|
counterText: '12 courses'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/default.js"],"names":["props","title","sections","items","type","value","text","unsaved","counterText","category","label","author","action","icon","disabled","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,uBADF;AAELC,IAAAA,QAAQ,EAAE,CACR;AACEC,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,UAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OADK,EAML;AACED,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,MAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OANK;AADT,KADQ,EAeR;AACEJ,MAAAA,KAAK,EAAE,aADT;AAEEE,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OADK,EAKL;AACEF,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OALK,EASL;AACEF,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE,cAFR;AAGEC,QAAAA,OAAO,EAAE;AAHX,OATK;AAFT,KAfQ,EAiCR;AACEN,MAAAA,KAAK,EAAE,aADT;AAEEE,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OADK,EAKL;AACEF,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE,cAFR;AAGEC,QAAAA,OAAO,EAAE;AAHX,OALK,CAFT;AAaEC,MAAAA,WAAW,EAAE;AAbf,KAjCQ,EAgDR;AACEP,MAAAA,KAAK,EAAE,SADT;AAEEE,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,2EAFT;AAGEQ,QAAAA,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/default.js"],"names":["props","title","sections","items","type","value","text","unsaved","counterText","badgeList","category","label","author","action","icon","disabled","onClick","console","log"],"mappings":"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","sourcesContent":["export default {\n props: {\n title: 'Certification summary',\n sections: [\n {\n items: [\n {\n type: 'mainElement',\n title: 'Language',\n value: '🇬🇧 English'\n },\n {\n type: 'mainElement',\n title: 'Name',\n value: 'Marketing expert'\n }\n ]\n },\n {\n title: 'Translation',\n items: [\n {\n type: 'text',\n text: '🇫🇷 French'\n },\n {\n type: 'text',\n text: '🇪🇸 Spanish'\n },\n {\n type: 'text',\n text: '🇮🇹 Italian',\n unsaved: true\n }\n ]\n },\n {\n title: 'Populations',\n items: [\n {\n type: 'text',\n text: 'Population 2'\n },\n {\n type: 'text',\n text: 'Population 1',\n unsaved: true\n }\n ],\n counterText: '2 population'\n },\n {\n title: 'Courses',\n items: [\n {\n type: 'content',\n title: 'Learn Everywhere #10 : Inclusion, Diversité, et autre élements importants',\n badgeList: [{category: 'video', label: 'Video'}],\n author: 'Coorpacademy, Faurecia University'\n },\n {\n type: 'content',\n title: 'Markteting and online advertising',\n badgeList: [{category: 'base', label: 'Base'}],\n author: 'Coorpacademy',\n unsaved: true\n },\n {\n type: 'content',\n title: 'Faire une offre',\n badgeList: [{category: 'chapter', label: \"5' learning\"}],\n author: 'Global Exam'\n },\n {\n type: 'content',\n title: 'Cluedo: Meurtre sur Skill Island',\n badgeList: [{category: 'advanced', label: 'Advanced'}],\n author: 'Coorpacademy'\n },\n {\n type: 'content',\n title:\n 'Learn <b>Everywhere #10</b> : <u>Inclusion, Diversité</u>, et autre élements importants',\n badgeList: [{category: 'video', label: 'Video'}],\n author: 'Coorpacademy, Faurecia University'\n },\n {\n type: 'content',\n title: 'Mesurer la satisfaction client',\n badgeList: [\n {category: 'base', label: 'Base'},\n {category: 'advanced', label: 'Advenced'},\n {category: 'coach', label: 'Coach'}\n ],\n author: 'Dunod Formation'\n },\n {\n type: 'content',\n title: 'Cluedo: Meurtre sur Skill Island',\n badgeList: [\n {category: 'base', label: 'Base'},\n {category: 'advanced', label: 'Advenced'}\n ],\n author: 'Coorpacademy'\n },\n {\n type: 'content',\n title: 'Suspects - épisode 1',\n badgeList: [{category: 'scorm', label: 'Interactive slides'}],\n category: 'scorm',\n label: 'Interactive slides',\n author: 'Coorpacademy'\n },\n {\n type: 'content',\n title: '<p align=\"right\"> وضع النصوص بالتصاميم سواء كانت تصاميم مطبوعه</p>',\n badgeList: [\n {category: 'base', label: 'Base'},\n {category: 'advanced', label: 'Advenced'},\n {category: 'coach', label: 'Coach'}\n ],\n author: 'Dunod Formation'\n },\n {\n type: 'content',\n title: 'Cluedo: Meurtre sur Skill Island',\n badgeList: [{category: 'course', label: 'Course'}],\n author: 'Coorpacademy'\n },\n {\n type: 'content',\n title: 'Suspects - épisode 1',\n badgeList: [{category: 'scorm', label: 'Interactive slides'}],\n author: 'Coorpacademy'\n },\n {\n type: 'content',\n title: 'Mesurer la satisfaction client',\n badgeList: [\n {category: 'base', label: 'Base'},\n {category: 'advanced', label: 'Advenced'},\n {category: 'coach', label: 'Coach'}\n ],\n author: 'Dunod Formation'\n }\n ],\n counterText: '12 courses'\n }\n ],\n action: {\n icon: 'save',\n disabled: false,\n text: 'Save in drafts',\n 'aria-label': 'Save in drafts',\n onClick: () => console.log('save')\n }\n }\n};\n"],"file":"default.js"}
|