@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,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,11 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+ var _default = {
6
+ props: {
7
+ 'aria-label': 'Review Background Container'
8
+ }
9
+ };
10
+ exports.default = _default;
11
+ //# sourceMappingURL=default.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/atom/review-background/test/fixtures/default.js"],"names":["props"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc;AADT;AADM,C","sourcesContent":["export default {\n props: {\n 'aria-label': 'Review Background Container'\n }\n};\n"],"file":"default.js"}
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ var _ava = _interopRequireDefault(require("ava"));
4
+
5
+ var _forEach = _interopRequireDefault(require("lodash/forEach"));
6
+
7
+ var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
8
+
9
+ var _ = _interopRequireDefault(require(".."));
10
+
11
+ var _default = _interopRequireDefault(require("./fixtures/default"));
12
+
13
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
+
15
+ (0, _ava.default)('Atom › AtomReviewBackground > should have valid propTypes', t => {
16
+ t.pass();
17
+ (0, _forEach.default)(_.default.propTypes, (value, key) => {
18
+ t.not(value, undefined, `PropType for "Atom.AtomReviewBackground.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
19
+ });
20
+ });
21
+ (0, _ava.default)('Atom › AtomReviewBackground › Default › should be rendered', _renderComponent.default, _.default, _default.default);
22
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/atom/review-background/test/fixtures.js"],"names":["t","pass","AtomReviewBackground","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,2DAAL,EAAkEA,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAqBC,SAA7B,EAAwC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,qDAAoDF,GAAI,mEAAjF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,4DAAL,EAAmEG,wBAAnE,EAAyFN,SAAzF,EAA+GO,gBAA/G","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"}
@@ -13,10 +13,12 @@ var _classnames = _interopRequireDefault(require("classnames"));
13
13
 
14
14
  var _novaIcons = require("@coorpacademy/nova-icons");
15
15
 
16
- var _contentBadge = _interopRequireDefault(require("../../atom/content-badge"));
16
+ var _listBadges = _interopRequireDefault(require("../list-badges"));
17
17
 
18
18
  var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
19
19
 
20
+ var _contentBadge = _interopRequireDefault(require("../../atom/content-badge"));
21
+
20
22
  var _style = _interopRequireDefault(require("./style.css"));
21
23
 
22
24
  function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -45,8 +47,8 @@ const buildItemsOfSection = items => {
45
47
  case 'content':
46
48
  {
47
49
  const {
48
- category,
49
- label,
50
+ badgeList,
51
+ badgeAriaLabel,
50
52
  title,
51
53
  author,
52
54
  unsaved = false
@@ -59,19 +61,17 @@ const buildItemsOfSection = items => {
59
61
  className: _style.default.contentCounter
60
62
  }, index + 1), /*#__PURE__*/_react.default.createElement("div", {
61
63
  className: _style.default.contentItem
62
- }, /*#__PURE__*/_react.default.createElement("div", {
63
- className: _style.default.content
64
- }, /*#__PURE__*/_react.default.createElement(_contentBadge.default, {
65
- category: category,
66
- label: label
67
- }), /*#__PURE__*/_react.default.createElement("span", {
64
+ }, /*#__PURE__*/_react.default.createElement(_listBadges.default, {
65
+ "aria-label": badgeAriaLabel,
66
+ items: badgeList
67
+ }), /*#__PURE__*/_react.default.createElement("div", {
68
68
  className: (0, _classnames.default)(_style.default.contentTitle, unsaved && _style.default.unsaved),
69
69
  title: title // eslint-disable-next-line react/no-danger
70
70
  ,
71
71
  dangerouslySetInnerHTML: {
72
72
  __html: title
73
73
  }
74
- })), author ? /*#__PURE__*/_react.default.createElement("span", {
74
+ }), author ? /*#__PURE__*/_react.default.createElement("span", {
75
75
  className: _style.default.author
76
76
  }, author) : null));
77
77
  }
@@ -251,9 +251,9 @@ WizardSummary.propTypes = process.env.NODE_ENV !== "production" ? {
251
251
  unsaved: _propTypes.default.bool
252
252
  }), _propTypes.default.shape({
253
253
  type: _propTypes.default.string,
254
- category: _propTypes.default.oneOf(['base', 'advanced', 'coach', 'chapter', 'scorm', 'video', 'article', 'podcast', 'course']),
254
+ badgeList: _propTypes.default.arrayOf(_propTypes.default.shape(_contentBadge.default.propTypes)),
255
+ badgeAriaLabel: _propTypes.default.string,
255
256
  title: _propTypes.default.string,
256
- label: _propTypes.default.string,
257
257
  author: _propTypes.default.string,
258
258
  unsaved: _propTypes.default.bool
259
259
  })])),
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/molecule/wizard-summary/index.js"],"names":["buildItemsOfSection","items","map","item","index","type","title","style","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","PropTypes","shape","string","bool","func","arrayOf","oneOfType","oneOf"],"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 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":["buildItemsOfSection","items","map","item","index","type","title","style","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","PropTypes","shape","string","bool","func","arrayOf","oneOfType","ContentBadge"],"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;
@@ -44,75 +44,122 @@ var _default = {
44
44
  items: [{
45
45
  type: 'content',
46
46
  title: 'Learn Everywhere #10 : Inclusion, Diversité, et autre élements importants',
47
- category: 'video',
48
- label: 'Video',
47
+ badgeList: [{
48
+ category: 'video',
49
+ label: 'Video'
50
+ }],
49
51
  author: 'Coorpacademy, Faurecia University'
50
52
  }, {
51
53
  type: 'content',
52
54
  title: 'Markteting and online advertising',
53
- category: 'base',
54
- label: 'Base',
55
+ badgeList: [{
56
+ category: 'base',
57
+ label: 'Base'
58
+ }],
55
59
  author: 'Coorpacademy',
56
60
  unsaved: true
57
61
  }, {
58
62
  type: 'content',
59
63
  title: 'Faire une offre',
60
- category: 'chapter',
61
- label: "5' learning",
64
+ badgeList: [{
65
+ category: 'chapter',
66
+ label: "5' learning"
67
+ }],
62
68
  author: 'Global Exam'
63
69
  }, {
64
70
  type: 'content',
65
71
  title: 'Cluedo: Meurtre sur Skill Island',
66
- category: 'advanced',
67
- label: 'Advanced',
72
+ badgeList: [{
73
+ category: 'advanced',
74
+ label: 'Advanced'
75
+ }],
68
76
  author: 'Coorpacademy'
69
77
  }, {
70
78
  type: 'content',
71
79
  title: 'Learn <b>Everywhere #10</b> : <u>Inclusion, Diversité</u>, et autre élements importants',
72
- category: 'video',
73
- label: 'Video',
80
+ badgeList: [{
81
+ category: 'video',
82
+ label: 'Video'
83
+ }],
74
84
  author: 'Coorpacademy, Faurecia University'
75
85
  }, {
76
86
  type: 'content',
77
87
  title: 'Mesurer la satisfaction client',
78
- category: 'coach',
79
- label: 'Coach',
88
+ badgeList: [{
89
+ category: 'base',
90
+ label: 'Base'
91
+ }, {
92
+ category: 'advanced',
93
+ label: 'Advenced'
94
+ }, {
95
+ category: 'coach',
96
+ label: 'Coach'
97
+ }],
80
98
  author: 'Dunod Formation'
81
99
  }, {
82
100
  type: 'content',
83
101
  title: 'Cluedo: Meurtre sur Skill Island',
84
- category: 'advanced',
85
- label: 'Advanced',
102
+ badgeList: [{
103
+ category: 'base',
104
+ label: 'Base'
105
+ }, {
106
+ category: 'advanced',
107
+ label: 'Advenced'
108
+ }],
86
109
  author: 'Coorpacademy'
87
110
  }, {
88
111
  type: 'content',
89
112
  title: 'Suspects - épisode 1',
113
+ badgeList: [{
114
+ category: 'scorm',
115
+ label: 'Interactive slides'
116
+ }],
90
117
  category: 'scorm',
91
118
  label: 'Interactive slides',
92
119
  author: 'Coorpacademy'
93
120
  }, {
94
121
  type: 'content',
95
122
  title: '<p align="right"> وضع النصوص بالتصاميم سواء كانت تصاميم مطبوعه</p>',
96
- category: 'coach',
97
- label: 'Coach',
123
+ badgeList: [{
124
+ category: 'base',
125
+ label: 'Base'
126
+ }, {
127
+ category: 'advanced',
128
+ label: 'Advenced'
129
+ }, {
130
+ category: 'coach',
131
+ label: 'Coach'
132
+ }],
98
133
  author: 'Dunod Formation'
99
134
  }, {
100
135
  type: 'content',
101
136
  title: 'Cluedo: Meurtre sur Skill Island',
102
- category: 'course',
103
- label: 'Course',
137
+ badgeList: [{
138
+ category: 'course',
139
+ label: 'Course'
140
+ }],
104
141
  author: 'Coorpacademy'
105
142
  }, {
106
143
  type: 'content',
107
144
  title: 'Suspects - épisode 1',
108
- category: 'scorm',
109
- label: 'Interactive slides',
145
+ badgeList: [{
146
+ category: 'scorm',
147
+ label: 'Interactive slides'
148
+ }],
110
149
  author: 'Coorpacademy'
111
150
  }, {
112
151
  type: 'content',
113
152
  title: 'Mesurer la satisfaction client',
114
- category: 'coach',
115
- label: 'Coach',
153
+ badgeList: [{
154
+ category: 'base',
155
+ label: 'Base'
156
+ }, {
157
+ category: 'advanced',
158
+ label: 'Advenced'
159
+ }, {
160
+ category: 'coach',
161
+ label: 'Coach'
162
+ }],
116
163
  author: 'Dunod Formation'
117
164
  }],
118
165
  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"}