@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.
Files changed (47) hide show
  1. package/es/atom/review-background/index.js +35 -0
  2. package/es/atom/review-background/index.js.map +1 -0
  3. package/es/atom/review-background/style.css +234 -0
  4. package/es/atom/review-background/test/fixtures/default.js +6 -0
  5. package/es/atom/review-background/test/fixtures/default.js.map +1 -0
  6. package/es/atom/review-background/test/fixtures.js +13 -0
  7. package/es/atom/review-background/test/fixtures.js.map +1 -0
  8. package/es/molecule/wizard-summary/index.js +11 -12
  9. package/es/molecule/wizard-summary/index.js.map +1 -1
  10. package/es/molecule/wizard-summary/style.css +0 -5
  11. package/es/molecule/wizard-summary/test/fixtures/default.js +69 -22
  12. package/es/molecule/wizard-summary/test/fixtures/default.js.map +1 -1
  13. package/es/molecule/wizard-summary/test/fixtures/organize-courses.js +40 -20
  14. package/es/molecule/wizard-summary/test/fixtures/organize-courses.js.map +1 -1
  15. package/es/molecule/wizard-summary/test/fixtures/tablet-closed.js +75 -24
  16. package/es/molecule/wizard-summary/test/fixtures/tablet-closed.js.map +1 -1
  17. package/es/organism/brand-form/index.js +11 -3
  18. package/es/organism/brand-form/index.js.map +1 -1
  19. package/es/organism/brand-form/style.css +13 -0
  20. package/es/organism/brand-form/test/fixtures/loading.js +19 -0
  21. package/es/organism/brand-form/test/fixtures/loading.js.map +1 -0
  22. package/es/organism/brand-form/test/fixtures.js +2 -0
  23. package/es/organism/brand-form/test/fixtures.js.map +1 -1
  24. package/lib/atom/review-background/index.js +45 -0
  25. package/lib/atom/review-background/index.js.map +1 -0
  26. package/lib/atom/review-background/style.css +234 -0
  27. package/lib/atom/review-background/test/fixtures/default.js +11 -0
  28. package/lib/atom/review-background/test/fixtures/default.js.map +1 -0
  29. package/lib/atom/review-background/test/fixtures.js +22 -0
  30. package/lib/atom/review-background/test/fixtures.js.map +1 -0
  31. package/lib/molecule/wizard-summary/index.js +12 -12
  32. package/lib/molecule/wizard-summary/index.js.map +1 -1
  33. package/lib/molecule/wizard-summary/style.css +0 -5
  34. package/lib/molecule/wizard-summary/test/fixtures/default.js +69 -22
  35. package/lib/molecule/wizard-summary/test/fixtures/default.js.map +1 -1
  36. package/lib/molecule/wizard-summary/test/fixtures/organize-courses.js +40 -20
  37. package/lib/molecule/wizard-summary/test/fixtures/organize-courses.js.map +1 -1
  38. package/lib/molecule/wizard-summary/test/fixtures/tablet-closed.js +75 -24
  39. package/lib/molecule/wizard-summary/test/fixtures/tablet-closed.js.map +1 -1
  40. package/lib/organism/brand-form/index.js +12 -3
  41. package/lib/organism/brand-form/index.js.map +1 -1
  42. package/lib/organism/brand-form/style.css +13 -0
  43. package/lib/organism/brand-form/test/fixtures/loading.js +24 -0
  44. package/lib/organism/brand-form/test/fixtures/loading.js.map +1 -0
  45. package/lib/organism/brand-form/test/fixtures.js +3 -0
  46. package/lib/organism/brand-form/test/fixtures.js.map +1 -1
  47. 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,6 @@
1
+ export default {
2
+ props: {
3
+ 'aria-label': 'Review Background Container'
4
+ }
5
+ };
6
+ //# sourceMappingURL=default.js.map
@@ -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 ContentBadge from '../../atom/content-badge';
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
- category,
31
- label,
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("div", {
45
- className: style.content
46
- }, /*#__PURE__*/React.createElement(ContentBadge, {
47
- category: category,
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
- })), author ? /*#__PURE__*/React.createElement("span", {
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
- category: PropTypes.oneOf(['base', 'advanced', 'coach', 'chapter', 'scorm', 'video', 'article', 'podcast', 'course']),
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"}
@@ -120,11 +120,6 @@
120
120
  max-width: calc(100% -25px);
121
121
  }
122
122
 
123
- .content {
124
- display: flex;
125
- align-items: center;
126
- }
127
-
128
123
  .contentCounter {
129
124
  margin-right: 8px;
130
125
  color: cm_grey_400;
@@ -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
- category: 'video',
44
- label: 'Video',
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
- category: 'base',
50
- label: 'Base',
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
- category: 'chapter',
57
- label: "5' learning",
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
- category: 'advanced',
63
- label: 'Advanced',
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
- category: 'video',
69
- label: 'Video',
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
- category: 'coach',
75
- label: 'Coach',
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
- category: 'advanced',
81
- label: 'Advanced',
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
- category: 'coach',
93
- label: 'Coach',
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
- category: 'course',
99
- label: 'Course',
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
- category: 'scorm',
105
- label: 'Interactive slides',
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
- category: 'coach',
111
- label: 'Coach',
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":"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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 category: 'video',\n label: 'Video',\n author: 'Coorpacademy, Faurecia University'\n },\n {\n type: 'content',\n title: 'Markteting and online advertising',\n category: 'base',\n label: 'Base',\n author: 'Coorpacademy',\n unsaved: true\n },\n {\n type: 'content',\n title: 'Faire une offre',\n category: 'chapter',\n label: \"5' learning\",\n author: 'Global Exam'\n },\n {\n type: 'content',\n title: 'Cluedo: Meurtre sur Skill Island',\n category: 'advanced',\n 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 category: 'video',\n label: 'Video',\n author: 'Coorpacademy, Faurecia University'\n },\n {\n type: 'content',\n title: 'Mesurer la satisfaction client',\n category: 'coach',\n label: 'Coach',\n author: 'Dunod Formation'\n },\n {\n type: 'content',\n title: 'Cluedo: Meurtre sur Skill Island',\n category: 'advanced',\n label: 'Advanced',\n author: 'Coorpacademy'\n },\n {\n type: 'content',\n title: 'Suspects - épisode 1',\n category: 'scorm',\n label: 'Interactive slides',\n author: 'Coorpacademy'\n },\n {\n type: 'content',\n title: '<p align=\"right\"> وضع النصوص بالتصاميم سواء كانت تصاميم مطبوعه</p>',\n category: 'coach',\n label: 'Coach',\n author: 'Dunod Formation'\n },\n {\n type: 'content',\n title: 'Cluedo: Meurtre sur Skill Island',\n category: 'course',\n label: 'Course',\n author: 'Coorpacademy'\n },\n {\n type: 'content',\n title: 'Suspects - épisode 1',\n category: 'scorm',\n label: 'Interactive slides',\n author: 'Coorpacademy'\n },\n {\n type: 'content',\n title: 'Mesurer la satisfaction client',\n category: 'coach',\n label: 'Coach',\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"}
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"}