@coorpacademy/components 11.2.4 → 11.2.5
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/template/activity/engine-stars.css +4 -5
- package/es/template/activity/stars-summary.css +12 -14
- package/es/template/activity/stars-summary.d.ts.map +1 -1
- package/es/template/activity/stars-summary.js +50 -13
- package/es/template/activity/stars-summary.js.map +1 -1
- package/es/template/activity/style.css +5 -1
- package/lib/template/activity/engine-stars.css +4 -5
- package/lib/template/activity/stars-summary.css +12 -14
- package/lib/template/activity/stars-summary.d.ts.map +1 -1
- package/lib/template/activity/stars-summary.js +55 -13
- package/lib/template/activity/stars-summary.js.map +1 -1
- package/lib/template/activity/style.css +5 -1
- package/package.json +2 -2
- package/locales/.mtslconfig.json +0 -1
|
@@ -211,9 +211,9 @@
|
|
|
211
211
|
@media tablet, mobile {
|
|
212
212
|
.engineStars {
|
|
213
213
|
width: auto;
|
|
214
|
-
height:
|
|
214
|
+
height: 145px;
|
|
215
215
|
flex: 1 2;
|
|
216
|
-
justify-content: flex-
|
|
216
|
+
justify-content: flex-start;
|
|
217
217
|
padding-bottom: 8px;
|
|
218
218
|
overflow: none;
|
|
219
219
|
top: 0;
|
|
@@ -223,8 +223,8 @@
|
|
|
223
223
|
}
|
|
224
224
|
|
|
225
225
|
.engineIcon {
|
|
226
|
-
width:
|
|
227
|
-
height:
|
|
226
|
+
width: 50px;
|
|
227
|
+
height: 48px;
|
|
228
228
|
right: 5px;
|
|
229
229
|
}
|
|
230
230
|
|
|
@@ -235,7 +235,6 @@
|
|
|
235
235
|
align-items: flex-end;
|
|
236
236
|
align-content: flex-end;
|
|
237
237
|
padding: 0;
|
|
238
|
-
margin: 0;
|
|
239
238
|
box-sizing: border-box;
|
|
240
239
|
}
|
|
241
240
|
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
display: flex;
|
|
22
22
|
flex-direction: row;
|
|
23
23
|
overflow: hidden;
|
|
24
|
+
margin-left: -40px;
|
|
24
25
|
}
|
|
25
26
|
|
|
26
27
|
.myStars {
|
|
@@ -34,9 +35,7 @@
|
|
|
34
35
|
}
|
|
35
36
|
|
|
36
37
|
.myStarsWrapper {
|
|
37
|
-
display: inline-block;
|
|
38
38
|
max-width: 690px;
|
|
39
|
-
float: right;
|
|
40
39
|
}
|
|
41
40
|
|
|
42
41
|
.footerSummaryStars{
|
|
@@ -145,11 +144,17 @@
|
|
|
145
144
|
@media tablet, mobile {
|
|
146
145
|
.myStars,
|
|
147
146
|
.allStars,
|
|
148
|
-
.totalStars
|
|
147
|
+
.totalStars,
|
|
148
|
+
.myStarsWrapper {
|
|
149
149
|
width: 100%;
|
|
150
150
|
}
|
|
151
151
|
|
|
152
|
-
.
|
|
152
|
+
.navigationLeft,
|
|
153
|
+
.navigationRight {
|
|
154
|
+
display: none;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
.footerSummaryStars {
|
|
153
158
|
width: 100%;
|
|
154
159
|
height: 50px;
|
|
155
160
|
}
|
|
@@ -162,7 +167,7 @@
|
|
|
162
167
|
height: auto;
|
|
163
168
|
max-width: 100%;
|
|
164
169
|
}
|
|
165
|
-
|
|
170
|
+
|
|
166
171
|
.allStars {
|
|
167
172
|
height: auto;
|
|
168
173
|
min-width: 100%;
|
|
@@ -170,20 +175,13 @@
|
|
|
170
175
|
overflow: hidden;
|
|
171
176
|
overflow-x: auto;
|
|
172
177
|
}
|
|
173
|
-
|
|
174
|
-
.navigationLeft {
|
|
175
|
-
display: none;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
.navigationRight {
|
|
179
|
-
display: none;
|
|
180
|
-
}
|
|
181
|
-
|
|
178
|
+
|
|
182
179
|
.iconHeader {
|
|
183
180
|
width: 13px;
|
|
184
181
|
height: 13px;
|
|
185
182
|
}
|
|
186
183
|
|
|
184
|
+
|
|
187
185
|
.hidden {
|
|
188
186
|
display: block;
|
|
189
187
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stars-summary.d.ts","sourceRoot":"","sources":["../../../src/template/activity/stars-summary.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"stars-summary.d.ts","sourceRoot":"","sources":["../../../src/template/activity/stars-summary.js"],"names":[],"mappings":";AAkDA;IACE;;;;;;;;;;;;;;;;;;;MAME;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAYC;IARC;;;MAGC;IAOH,qBAGC;IAED,sBAGC;IAED,0BAIC;IAED,6BAiDC;CACF"}
|
|
@@ -1,16 +1,60 @@
|
|
|
1
|
+
import _map from "lodash/fp/map";
|
|
1
2
|
import _isEmpty from "lodash/fp/isEmpty";
|
|
2
3
|
import _getOr from "lodash/fp/getOr";
|
|
3
4
|
import _get from "lodash/fp/get";
|
|
4
5
|
|
|
5
6
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
6
7
|
|
|
7
|
-
import React from 'react';
|
|
8
|
+
import React, { useMemo } from 'react';
|
|
8
9
|
import PropTypes from 'prop-types';
|
|
9
10
|
import { NovaCompositionNavigationArrowLeft as ArrowLeft, NovaCompositionNavigationArrowRight as ArrowRight, NovaCompositionCoorpacademyStar as StarIcon } from '@coorpacademy/nova-icons';
|
|
10
11
|
import Provider from '../../atom/provider';
|
|
11
12
|
import EngineStars from './engine-stars';
|
|
12
13
|
import style from './stars-summary.css';
|
|
13
14
|
|
|
15
|
+
const EngineTab = ({
|
|
16
|
+
engine,
|
|
17
|
+
engineIndex,
|
|
18
|
+
firstItem
|
|
19
|
+
}) => {
|
|
20
|
+
const {
|
|
21
|
+
type
|
|
22
|
+
} = engine;
|
|
23
|
+
const state = engineIndex < firstItem ? 'hidden' : 'active';
|
|
24
|
+
return /*#__PURE__*/React.createElement("li", {
|
|
25
|
+
className: style[state],
|
|
26
|
+
key: type,
|
|
27
|
+
"data-name": `${type}_total_${state}`
|
|
28
|
+
}, /*#__PURE__*/React.createElement(EngineStars, _extends({}, engine, {
|
|
29
|
+
className: engineIndex < firstItem ? style.hidden : style.active
|
|
30
|
+
})));
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
EngineTab.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
34
|
+
engine: PropTypes.shape(EngineStars.propTypes),
|
|
35
|
+
engineIndex: PropTypes.number,
|
|
36
|
+
firstItem: PropTypes.number
|
|
37
|
+
} : {};
|
|
38
|
+
|
|
39
|
+
const EngineTabs = ({
|
|
40
|
+
engines,
|
|
41
|
+
firstItem
|
|
42
|
+
}) => {
|
|
43
|
+
return useMemo(() => _map.convert({
|
|
44
|
+
cap: false
|
|
45
|
+
})((engine, index) => /*#__PURE__*/React.createElement(EngineTab, {
|
|
46
|
+
engine: engine,
|
|
47
|
+
key: `engineTab_${index}`,
|
|
48
|
+
firstItem: firstItem,
|
|
49
|
+
engineIndex: index
|
|
50
|
+
}), engines), [engines, firstItem]);
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
EngineTabs.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
54
|
+
engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),
|
|
55
|
+
firstItem: PropTypes.number
|
|
56
|
+
} : {};
|
|
57
|
+
|
|
14
58
|
class StarsSummary extends React.Component {
|
|
15
59
|
constructor(props) {
|
|
16
60
|
super(props);
|
|
@@ -67,16 +111,6 @@ class StarsSummary extends React.Component {
|
|
|
67
111
|
return null;
|
|
68
112
|
}
|
|
69
113
|
|
|
70
|
-
const engineTabs = engines.map((engine, index) => {
|
|
71
|
-
const state = index < firstItem ? 'hidden' : 'active';
|
|
72
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
73
|
-
className: style[state],
|
|
74
|
-
key: engine.type,
|
|
75
|
-
"data-name": `${engine.type}_total_${state}`
|
|
76
|
-
}, /*#__PURE__*/React.createElement(EngineStars, _extends({}, engine, {
|
|
77
|
-
className: index < firstItem ? style.hidden : style.active
|
|
78
|
-
})));
|
|
79
|
-
});
|
|
80
114
|
const leftArrowView = totalItems > 6 && firstItem > 0 ? /*#__PURE__*/React.createElement("div", {
|
|
81
115
|
className: style.circle,
|
|
82
116
|
onClick: this.handleOnLeft,
|
|
@@ -103,10 +137,13 @@ class StarsSummary extends React.Component {
|
|
|
103
137
|
}, /*#__PURE__*/React.createElement("div", {
|
|
104
138
|
"data-name": "myStars-wrapper",
|
|
105
139
|
className: style.myStarsWrapper
|
|
106
|
-
}, /*#__PURE__*/React.createElement("
|
|
140
|
+
}, /*#__PURE__*/React.createElement("ul", {
|
|
107
141
|
className: style.allStars,
|
|
108
142
|
"data-name": "engineList"
|
|
109
|
-
},
|
|
143
|
+
}, /*#__PURE__*/React.createElement(EngineTabs, {
|
|
144
|
+
engines: engines,
|
|
145
|
+
firstItem: firstItem
|
|
146
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
110
147
|
className: style.footerSummaryStars,
|
|
111
148
|
style: {
|
|
112
149
|
backgroundColor: primary
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stars-summary.js","names":["React","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyStar","StarIcon","Provider","EngineStars","style","
|
|
1
|
+
{"version":3,"file":"stars-summary.js","names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyStar","StarIcon","Provider","EngineStars","style","EngineTab","engine","engineIndex","firstItem","type","state","hidden","active","propTypes","shape","number","EngineTabs","engines","convert","cap","index","arrayOf","StarsSummary","Component","constructor","props","totalItems","length","handleOnLeft","bind","handleOnRight","scrollTo","page","setState","render","total","skin","context","dark","primary","leftArrowView","circle","left","rightArrowView","right","myStars","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","iconHeader","navigationLeft","navigationRight","contextTypes","childContextTypes","string","isRequired"],"sources":["../../../src/template/activity/stars-summary.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty, map} from 'lodash/fp';\nimport {\n NovaCompositionNavigationArrowLeft as ArrowLeft,\n NovaCompositionNavigationArrowRight as ArrowRight,\n NovaCompositionCoorpacademyStar as StarIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport EngineStars from './engine-stars';\nimport style from './stars-summary.css';\n\nconst EngineTab = ({engine, engineIndex, firstItem}) => {\n const {type} = engine;\n const state = engineIndex < firstItem ? 'hidden' : 'active';\n return (\n <li className={style[state]} key={type} data-name={`${type}_total_${state}`}>\n <EngineStars {...engine} className={engineIndex < firstItem ? style.hidden : style.active} />\n </li>\n );\n};\nEngineTab.propTypes = {\n engine: PropTypes.shape(EngineStars.propTypes),\n engineIndex: PropTypes.number,\n firstItem: PropTypes.number\n};\n\nconst EngineTabs = ({engines, firstItem}) => {\n return useMemo(\n () =>\n map.convert({cap: false})(\n (engine, index) => (\n <EngineTab\n engine={engine}\n key={`engineTab_${index}`}\n firstItem={firstItem}\n engineIndex={index}\n />\n ),\n engines\n ),\n [engines, firstItem]\n );\n};\n\nEngineTabs.propTypes = {\n engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n firstItem: PropTypes.number\n};\n\nclass StarsSummary extends React.Component {\n static propTypes = {\n total: PropTypes.shape({\n label: PropTypes.string.isRequired,\n stars: PropTypes.number.isRequired\n }).isRequired,\n engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes))\n };\n\n static contextTypes = {\n skin: Provider.childContextTypes.skin\n };\n\n constructor(props) {\n super(props);\n\n const {engines = []} = props;\n this.state = {\n firstItem: 0,\n totalItems: engines.length\n };\n\n this.handleOnLeft = this.handleOnLeft.bind(this);\n this.handleOnRight = this.handleOnRight.bind(this);\n this.scrollTo = this.scrollTo.bind(this);\n }\n\n handleOnLeft() {\n const {firstItem} = this.state;\n this.scrollTo(firstItem - 1);\n }\n\n handleOnRight() {\n const {firstItem} = this.state;\n this.scrollTo(firstItem + 1);\n }\n\n scrollTo(page) {\n this.setState({\n firstItem: page\n });\n }\n\n render() {\n const {total, engines = []} = this.props;\n const {skin} = this.context;\n const {firstItem, totalItems} = this.state;\n const dark = getOr('#90A4AE', 'common.dark', skin);\n const primary = get('common.primary', skin);\n\n if (isEmpty(engines)) {\n return null;\n }\n const leftArrowView =\n totalItems > 6 && firstItem > 0 ? (\n <div className={style.circle} onClick={this.handleOnLeft} data-name=\"left-arrow\">\n <ArrowLeft color={dark} className={style.left} width={10} height={10} />\n </div>\n ) : null;\n\n const rightArrowView =\n totalItems > 6 && firstItem < totalItems - 6 ? (\n <div className={style.circle} onClick={this.handleOnRight} data-name=\"right-arrow\">\n <ArrowRight color={dark} className={style.right} width={10} height={10} />\n </div>\n ) : null;\n\n return (\n <div data-name=\"myStars\" className={style.myStars}>\n <div data-name=\"myStars-wrapper\" className={style.myStarsWrapper}>\n <ul className={style.allStars} data-name=\"engineList\">\n <EngineTabs engines={engines} firstItem={firstItem} />\n </ul>\n <div\n className={style.footerSummaryStars}\n style={{\n backgroundColor: primary\n }}\n >\n <div className={style.totalStars}>\n <span>{total.label}</span>\n <p data-name=\"star-counter\">{total.stars}</p>\n <div className={style.iconBubble}>\n <StarIcon className={style.iconHeader} color={primary} />\n </div>\n </div>\n <div className={style.navigationLeft}>{leftArrowView}</div>\n <div className={style.navigationRight}>{rightArrowView}</div>\n </div>\n </div>\n </div>\n );\n }\n}\n\nexport default StarsSummary;\n"],"mappings":"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"}
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
.recommendationWrapper {
|
|
126
|
-
|
|
126
|
+
margin: 24px 40px 24px 24px;
|
|
127
127
|
}
|
|
128
128
|
|
|
129
129
|
.wrapperCta {
|
|
@@ -142,7 +142,11 @@
|
|
|
142
142
|
}
|
|
143
143
|
|
|
144
144
|
.select {
|
|
145
|
+
margin-left: 24px;
|
|
146
|
+
margin-right: 40px;
|
|
147
|
+
margin-top: 30px;
|
|
145
148
|
padding-bottom: 0;
|
|
149
|
+
z-index: 1;
|
|
146
150
|
}
|
|
147
151
|
|
|
148
152
|
.selectBorder {
|
|
@@ -211,9 +211,9 @@
|
|
|
211
211
|
@media tablet, mobile {
|
|
212
212
|
.engineStars {
|
|
213
213
|
width: auto;
|
|
214
|
-
height:
|
|
214
|
+
height: 145px;
|
|
215
215
|
flex: 1 2;
|
|
216
|
-
justify-content: flex-
|
|
216
|
+
justify-content: flex-start;
|
|
217
217
|
padding-bottom: 8px;
|
|
218
218
|
overflow: none;
|
|
219
219
|
top: 0;
|
|
@@ -223,8 +223,8 @@
|
|
|
223
223
|
}
|
|
224
224
|
|
|
225
225
|
.engineIcon {
|
|
226
|
-
width:
|
|
227
|
-
height:
|
|
226
|
+
width: 50px;
|
|
227
|
+
height: 48px;
|
|
228
228
|
right: 5px;
|
|
229
229
|
}
|
|
230
230
|
|
|
@@ -235,7 +235,6 @@
|
|
|
235
235
|
align-items: flex-end;
|
|
236
236
|
align-content: flex-end;
|
|
237
237
|
padding: 0;
|
|
238
|
-
margin: 0;
|
|
239
238
|
box-sizing: border-box;
|
|
240
239
|
}
|
|
241
240
|
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
display: flex;
|
|
22
22
|
flex-direction: row;
|
|
23
23
|
overflow: hidden;
|
|
24
|
+
margin-left: -40px;
|
|
24
25
|
}
|
|
25
26
|
|
|
26
27
|
.myStars {
|
|
@@ -34,9 +35,7 @@
|
|
|
34
35
|
}
|
|
35
36
|
|
|
36
37
|
.myStarsWrapper {
|
|
37
|
-
display: inline-block;
|
|
38
38
|
max-width: 690px;
|
|
39
|
-
float: right;
|
|
40
39
|
}
|
|
41
40
|
|
|
42
41
|
.footerSummaryStars{
|
|
@@ -145,11 +144,17 @@
|
|
|
145
144
|
@media tablet, mobile {
|
|
146
145
|
.myStars,
|
|
147
146
|
.allStars,
|
|
148
|
-
.totalStars
|
|
147
|
+
.totalStars,
|
|
148
|
+
.myStarsWrapper {
|
|
149
149
|
width: 100%;
|
|
150
150
|
}
|
|
151
151
|
|
|
152
|
-
.
|
|
152
|
+
.navigationLeft,
|
|
153
|
+
.navigationRight {
|
|
154
|
+
display: none;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
.footerSummaryStars {
|
|
153
158
|
width: 100%;
|
|
154
159
|
height: 50px;
|
|
155
160
|
}
|
|
@@ -162,7 +167,7 @@
|
|
|
162
167
|
height: auto;
|
|
163
168
|
max-width: 100%;
|
|
164
169
|
}
|
|
165
|
-
|
|
170
|
+
|
|
166
171
|
.allStars {
|
|
167
172
|
height: auto;
|
|
168
173
|
min-width: 100%;
|
|
@@ -170,20 +175,13 @@
|
|
|
170
175
|
overflow: hidden;
|
|
171
176
|
overflow-x: auto;
|
|
172
177
|
}
|
|
173
|
-
|
|
174
|
-
.navigationLeft {
|
|
175
|
-
display: none;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
.navigationRight {
|
|
179
|
-
display: none;
|
|
180
|
-
}
|
|
181
|
-
|
|
178
|
+
|
|
182
179
|
.iconHeader {
|
|
183
180
|
width: 13px;
|
|
184
181
|
height: 13px;
|
|
185
182
|
}
|
|
186
183
|
|
|
184
|
+
|
|
187
185
|
.hidden {
|
|
188
186
|
display: block;
|
|
189
187
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stars-summary.d.ts","sourceRoot":"","sources":["../../../src/template/activity/stars-summary.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"stars-summary.d.ts","sourceRoot":"","sources":["../../../src/template/activity/stars-summary.js"],"names":[],"mappings":";AAkDA;IACE;;;;;;;;;;;;;;;;;;;MAME;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAYC;IARC;;;MAGC;IAOH,qBAGC;IAED,sBAGC;IAED,0BAIC;IAED,6BAiDC;CACF"}
|
|
@@ -3,13 +3,15 @@
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.default = void 0;
|
|
5
5
|
|
|
6
|
+
var _map2 = _interopRequireDefault(require("lodash/fp/map"));
|
|
7
|
+
|
|
6
8
|
var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
|
|
7
9
|
|
|
8
10
|
var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
|
|
9
11
|
|
|
10
12
|
var _get2 = _interopRequireDefault(require("lodash/fp/get"));
|
|
11
13
|
|
|
12
|
-
var _react =
|
|
14
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
13
15
|
|
|
14
16
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
17
|
|
|
@@ -21,10 +23,57 @@ var _engineStars = _interopRequireDefault(require("./engine-stars"));
|
|
|
21
23
|
|
|
22
24
|
var _starsSummary = _interopRequireDefault(require("./stars-summary.css"));
|
|
23
25
|
|
|
26
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
27
|
+
|
|
28
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
29
|
+
|
|
24
30
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
31
|
|
|
26
32
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
27
33
|
|
|
34
|
+
const EngineTab = ({
|
|
35
|
+
engine,
|
|
36
|
+
engineIndex,
|
|
37
|
+
firstItem
|
|
38
|
+
}) => {
|
|
39
|
+
const {
|
|
40
|
+
type
|
|
41
|
+
} = engine;
|
|
42
|
+
const state = engineIndex < firstItem ? 'hidden' : 'active';
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement("li", {
|
|
44
|
+
className: _starsSummary.default[state],
|
|
45
|
+
key: type,
|
|
46
|
+
"data-name": `${type}_total_${state}`
|
|
47
|
+
}, /*#__PURE__*/_react.default.createElement(_engineStars.default, _extends({}, engine, {
|
|
48
|
+
className: engineIndex < firstItem ? _starsSummary.default.hidden : _starsSummary.default.active
|
|
49
|
+
})));
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
EngineTab.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
53
|
+
engine: _propTypes.default.shape(_engineStars.default.propTypes),
|
|
54
|
+
engineIndex: _propTypes.default.number,
|
|
55
|
+
firstItem: _propTypes.default.number
|
|
56
|
+
} : {};
|
|
57
|
+
|
|
58
|
+
const EngineTabs = ({
|
|
59
|
+
engines,
|
|
60
|
+
firstItem
|
|
61
|
+
}) => {
|
|
62
|
+
return (0, _react.useMemo)(() => _map2.default.convert({
|
|
63
|
+
cap: false
|
|
64
|
+
})((engine, index) => /*#__PURE__*/_react.default.createElement(EngineTab, {
|
|
65
|
+
engine: engine,
|
|
66
|
+
key: `engineTab_${index}`,
|
|
67
|
+
firstItem: firstItem,
|
|
68
|
+
engineIndex: index
|
|
69
|
+
}), engines), [engines, firstItem]);
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
EngineTabs.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
73
|
+
engines: _propTypes.default.arrayOf(_propTypes.default.shape(_engineStars.default.propTypes)),
|
|
74
|
+
firstItem: _propTypes.default.number
|
|
75
|
+
} : {};
|
|
76
|
+
|
|
28
77
|
class StarsSummary extends _react.default.Component {
|
|
29
78
|
constructor(props) {
|
|
30
79
|
super(props);
|
|
@@ -79,16 +128,6 @@ class StarsSummary extends _react.default.Component {
|
|
|
79
128
|
return null;
|
|
80
129
|
}
|
|
81
130
|
|
|
82
|
-
const engineTabs = engines.map((engine, index) => {
|
|
83
|
-
const state = index < firstItem ? 'hidden' : 'active';
|
|
84
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
85
|
-
className: _starsSummary.default[state],
|
|
86
|
-
key: engine.type,
|
|
87
|
-
"data-name": `${engine.type}_total_${state}`
|
|
88
|
-
}, /*#__PURE__*/_react.default.createElement(_engineStars.default, _extends({}, engine, {
|
|
89
|
-
className: index < firstItem ? _starsSummary.default.hidden : _starsSummary.default.active
|
|
90
|
-
})));
|
|
91
|
-
});
|
|
92
131
|
const leftArrowView = totalItems > 6 && firstItem > 0 ? /*#__PURE__*/_react.default.createElement("div", {
|
|
93
132
|
className: _starsSummary.default.circle,
|
|
94
133
|
onClick: this.handleOnLeft,
|
|
@@ -115,10 +154,13 @@ class StarsSummary extends _react.default.Component {
|
|
|
115
154
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
116
155
|
"data-name": "myStars-wrapper",
|
|
117
156
|
className: _starsSummary.default.myStarsWrapper
|
|
118
|
-
}, /*#__PURE__*/_react.default.createElement("
|
|
157
|
+
}, /*#__PURE__*/_react.default.createElement("ul", {
|
|
119
158
|
className: _starsSummary.default.allStars,
|
|
120
159
|
"data-name": "engineList"
|
|
121
|
-
},
|
|
160
|
+
}, /*#__PURE__*/_react.default.createElement(EngineTabs, {
|
|
161
|
+
engines: engines,
|
|
162
|
+
firstItem: firstItem
|
|
163
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
122
164
|
className: _starsSummary.default.footerSummaryStars,
|
|
123
165
|
style: {
|
|
124
166
|
backgroundColor: primary
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stars-summary.js","names":["
|
|
1
|
+
{"version":3,"file":"stars-summary.js","names":["EngineTab","engine","engineIndex","firstItem","type","state","style","hidden","active","propTypes","PropTypes","shape","EngineStars","number","EngineTabs","engines","useMemo","convert","cap","index","arrayOf","StarsSummary","React","Component","constructor","props","totalItems","length","handleOnLeft","bind","handleOnRight","scrollTo","page","setState","render","total","skin","context","dark","primary","leftArrowView","circle","left","rightArrowView","right","myStars","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","iconHeader","navigationLeft","navigationRight","contextTypes","Provider","childContextTypes","string","isRequired"],"sources":["../../../src/template/activity/stars-summary.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty, map} from 'lodash/fp';\nimport {\n NovaCompositionNavigationArrowLeft as ArrowLeft,\n NovaCompositionNavigationArrowRight as ArrowRight,\n NovaCompositionCoorpacademyStar as StarIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport EngineStars from './engine-stars';\nimport style from './stars-summary.css';\n\nconst EngineTab = ({engine, engineIndex, firstItem}) => {\n const {type} = engine;\n const state = engineIndex < firstItem ? 'hidden' : 'active';\n return (\n <li className={style[state]} key={type} data-name={`${type}_total_${state}`}>\n <EngineStars {...engine} className={engineIndex < firstItem ? style.hidden : style.active} />\n </li>\n );\n};\nEngineTab.propTypes = {\n engine: PropTypes.shape(EngineStars.propTypes),\n engineIndex: PropTypes.number,\n firstItem: PropTypes.number\n};\n\nconst EngineTabs = ({engines, firstItem}) => {\n return useMemo(\n () =>\n map.convert({cap: false})(\n (engine, index) => (\n <EngineTab\n engine={engine}\n key={`engineTab_${index}`}\n firstItem={firstItem}\n engineIndex={index}\n />\n ),\n engines\n ),\n [engines, firstItem]\n );\n};\n\nEngineTabs.propTypes = {\n engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n firstItem: PropTypes.number\n};\n\nclass StarsSummary extends React.Component {\n static propTypes = {\n total: PropTypes.shape({\n label: PropTypes.string.isRequired,\n stars: PropTypes.number.isRequired\n }).isRequired,\n engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes))\n };\n\n static contextTypes = {\n skin: Provider.childContextTypes.skin\n };\n\n constructor(props) {\n super(props);\n\n const {engines = []} = props;\n this.state = {\n firstItem: 0,\n totalItems: engines.length\n };\n\n this.handleOnLeft = this.handleOnLeft.bind(this);\n this.handleOnRight = this.handleOnRight.bind(this);\n this.scrollTo = this.scrollTo.bind(this);\n }\n\n handleOnLeft() {\n const {firstItem} = this.state;\n this.scrollTo(firstItem - 1);\n }\n\n handleOnRight() {\n const {firstItem} = this.state;\n this.scrollTo(firstItem + 1);\n }\n\n scrollTo(page) {\n this.setState({\n firstItem: page\n });\n }\n\n render() {\n const {total, engines = []} = this.props;\n const {skin} = this.context;\n const {firstItem, totalItems} = this.state;\n const dark = getOr('#90A4AE', 'common.dark', skin);\n const primary = get('common.primary', skin);\n\n if (isEmpty(engines)) {\n return null;\n }\n const leftArrowView =\n totalItems > 6 && firstItem > 0 ? (\n <div className={style.circle} onClick={this.handleOnLeft} data-name=\"left-arrow\">\n <ArrowLeft color={dark} className={style.left} width={10} height={10} />\n </div>\n ) : null;\n\n const rightArrowView =\n totalItems > 6 && firstItem < totalItems - 6 ? (\n <div className={style.circle} onClick={this.handleOnRight} data-name=\"right-arrow\">\n <ArrowRight color={dark} className={style.right} width={10} height={10} />\n </div>\n ) : null;\n\n return (\n <div data-name=\"myStars\" className={style.myStars}>\n <div data-name=\"myStars-wrapper\" className={style.myStarsWrapper}>\n <ul className={style.allStars} data-name=\"engineList\">\n <EngineTabs engines={engines} firstItem={firstItem} />\n </ul>\n <div\n className={style.footerSummaryStars}\n style={{\n backgroundColor: primary\n }}\n >\n <div className={style.totalStars}>\n <span>{total.label}</span>\n <p data-name=\"star-counter\">{total.stars}</p>\n <div className={style.iconBubble}>\n <StarIcon className={style.iconHeader} color={primary} />\n </div>\n </div>\n <div className={style.navigationLeft}>{leftArrowView}</div>\n <div className={style.navigationRight}>{rightArrowView}</div>\n </div>\n </div>\n </div>\n );\n }\n}\n\nexport default StarsSummary;\n"],"mappings":"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"}
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
.recommendationWrapper {
|
|
126
|
-
|
|
126
|
+
margin: 24px 40px 24px 24px;
|
|
127
127
|
}
|
|
128
128
|
|
|
129
129
|
.wrapperCta {
|
|
@@ -142,7 +142,11 @@
|
|
|
142
142
|
}
|
|
143
143
|
|
|
144
144
|
.select {
|
|
145
|
+
margin-left: 24px;
|
|
146
|
+
margin-right: 40px;
|
|
147
|
+
margin-top: 30px;
|
|
145
148
|
padding-bottom: 0;
|
|
149
|
+
z-index: 1;
|
|
146
150
|
}
|
|
147
151
|
|
|
148
152
|
.selectBorder {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "11.2.
|
|
3
|
+
"version": "11.2.5",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -159,5 +159,5 @@
|
|
|
159
159
|
"last 2 versions",
|
|
160
160
|
"IE 11"
|
|
161
161
|
],
|
|
162
|
-
"gitHead": "
|
|
162
|
+
"gitHead": "db081b3bef50ec2159ffd06802abf88ed67df69a"
|
|
163
163
|
}
|
package/locales/.mtslconfig.json
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"ignore_dirs":[]}
|