@coorpacademy/components 10.30.11 → 10.30.12-alpha.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.
Files changed (13) hide show
  1. package/es/template/activity/engine-stars.css +4 -5
  2. package/es/template/activity/stars-summary.css +7 -12
  3. package/es/template/activity/stars-summary.d.ts.map +1 -1
  4. package/es/template/activity/stars-summary.js +2 -1
  5. package/es/template/activity/stars-summary.js.map +1 -1
  6. package/es/template/activity/style.css +5 -1
  7. package/lib/template/activity/engine-stars.css +4 -5
  8. package/lib/template/activity/stars-summary.css +7 -12
  9. package/lib/template/activity/stars-summary.d.ts.map +1 -1
  10. package/lib/template/activity/stars-summary.js +2 -1
  11. package/lib/template/activity/stars-summary.js.map +1 -1
  12. package/lib/template/activity/style.css +5 -1
  13. package/package.json +2 -2
package/es/template/activity/engine-stars.css CHANGED
@@ -211,9 +211,9 @@
211
211
  @media tablet, mobile {
212
212
  .engineStars {
213
213
  width: auto;
214
- height: 75px;
214
+ height: 145px;
215
215
  flex: 1 2;
216
- justify-content: flex-end;
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: 30px;
227
- height: 25px;
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
 
package/es/template/activity/stars-summary.css CHANGED
@@ -34,9 +34,7 @@
34
34
  }
35
35
 
36
36
  .myStarsWrapper {
37
- display: inline-block;
38
37
  max-width: 690px;
39
- float: right;
40
38
  }
41
39
 
42
40
  .footerSummaryStars{
@@ -145,7 +143,8 @@
145
143
  @media tablet, mobile {
146
144
  .myStars,
147
145
  .allStars,
148
- .totalStars {
146
+ .totalStars,
147
+ .myStarsWrapper {
149
148
  width: 100%;
150
149
  }
151
150
 
@@ -163,6 +162,10 @@
163
162
  max-width: 100%;
164
163
  }
165
164
 
165
+ .myStarsWrapper {
166
+ max-width: 100%;
167
+ }
168
+
166
169
  .allStars {
167
170
  height: auto;
168
171
  min-width: 100%;
@@ -170,15 +173,7 @@
170
173
  overflow: hidden;
171
174
  overflow-x: auto;
172
175
  }
173
-
174
- .navigationLeft {
175
- display: none;
176
- }
177
-
178
- .navigationRight {
179
- display: none;
180
- }
181
-
176
+
182
177
  .iconHeader {
183
178
  width: 13px;
184
179
  height: 13px;
package/es/template/activity/stars-summary.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stars-summary.d.ts","sourceRoot":"","sources":["../../../src/template/activity/stars-summary.js"],"names":[],"mappings":";AAYA;IACE;;;;;;;;;;;;;;;;;;;MAME;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAYC;IARC;;;MAGC;IAOH,qBAGC;IAED,sBAGC;IAED,0BAIC;IAED,6BA2DC;CACF"}
1
+ {"version":3,"file":"stars-summary.d.ts","sourceRoot":"","sources":["../../../src/template/activity/stars-summary.js"],"names":[],"mappings":";AAYA;IACE;;;;;;;;;;;;;;;;;;;MAME;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAYC;IARC;;;MAGC;IAOH,qBAGC;IAED,sBAGC;IAED,0BAIC;IAED,6BA4DC;CACF"}
package/es/template/activity/stars-summary.js CHANGED
@@ -65,7 +65,8 @@ class StarsSummary extends React.Component {
65
65
 
66
66
  if (_isEmpty(engines)) {
67
67
  return null;
68
- }
68
+ } // transform component
69
+
69
70
 
70
71
  const engineTabs = engines.map((engine, index) => {
71
72
  const state = index < firstItem ? 'hidden' : 'active';
package/es/template/activity/stars-summary.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stars-summary.js","names":["React","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyStar","StarIcon","Provider","EngineStars","style","StarsSummary","Component","constructor","props","engines","state","firstItem","totalItems","length","handleOnLeft","bind","handleOnRight","scrollTo","page","setState","render","total","skin","context","dark","primary","engineTabs","map","engine","index","type","hidden","active","leftArrowView","circle","left","rightArrowView","right","myStars","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","iconHeader","navigationLeft","navigationRight","contextTypes","childContextTypes","propTypes","shape","string","isRequired","number","arrayOf"],"sources":["../../../src/template/activity/stars-summary.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty} 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\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\n const engineTabs = engines.map((engine, index) => {\n const state = index < firstItem ? 'hidden' : 'active';\n return (\n <div className={style[state]} key={engine.type} data-name={`${engine.type}_total_${state}`}>\n <EngineStars {...engine} className={index < firstItem ? style.hidden : style.active} />\n </div>\n );\n });\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 <div className={style.allStars} data-name=\"engineList\">\n {engineTabs}\n </div>\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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"}
1
+ {"version":3,"file":"stars-summary.js","names":["React","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyStar","StarIcon","Provider","EngineStars","style","StarsSummary","Component","constructor","props","engines","state","firstItem","totalItems","length","handleOnLeft","bind","handleOnRight","scrollTo","page","setState","render","total","skin","context","dark","primary","engineTabs","map","engine","index","type","hidden","active","leftArrowView","circle","left","rightArrowView","right","myStars","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","iconHeader","navigationLeft","navigationRight","contextTypes","childContextTypes","propTypes","shape","string","isRequired","number","arrayOf"],"sources":["../../../src/template/activity/stars-summary.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty} 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\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\n // transform component\n const engineTabs = engines.map((engine, index) => {\n const state = index < firstItem ? 'hidden' : 'active';\n return (\n <div className={style[state]} key={engine.type} data-name={`${engine.type}_total_${state}`}>\n <EngineStars {...engine} className={index < firstItem ? style.hidden : style.active} />\n </div>\n );\n });\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 <div className={style.allStars} data-name=\"engineList\">\n {engineTabs}\n </div>\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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"}
package/es/template/activity/style.css CHANGED
@@ -123,7 +123,7 @@
123
123
  }
124
124
 
125
125
  .recommendationWrapper {
126
- display: none;
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/lib/template/activity/engine-stars.css CHANGED
@@ -211,9 +211,9 @@
211
211
  @media tablet, mobile {
212
212
  .engineStars {
213
213
  width: auto;
214
- height: 75px;
214
+ height: 145px;
215
215
  flex: 1 2;
216
- justify-content: flex-end;
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: 30px;
227
- height: 25px;
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
 
package/lib/template/activity/stars-summary.css CHANGED
@@ -34,9 +34,7 @@
34
34
  }
35
35
 
36
36
  .myStarsWrapper {
37
- display: inline-block;
38
37
  max-width: 690px;
39
- float: right;
40
38
  }
41
39
 
42
40
  .footerSummaryStars{
@@ -145,7 +143,8 @@
145
143
  @media tablet, mobile {
146
144
  .myStars,
147
145
  .allStars,
148
- .totalStars {
146
+ .totalStars,
147
+ .myStarsWrapper {
149
148
  width: 100%;
150
149
  }
151
150
 
@@ -163,6 +162,10 @@
163
162
  max-width: 100%;
164
163
  }
165
164
 
165
+ .myStarsWrapper {
166
+ max-width: 100%;
167
+ }
168
+
166
169
  .allStars {
167
170
  height: auto;
168
171
  min-width: 100%;
@@ -170,15 +173,7 @@
170
173
  overflow: hidden;
171
174
  overflow-x: auto;
172
175
  }
173
-
174
- .navigationLeft {
175
- display: none;
176
- }
177
-
178
- .navigationRight {
179
- display: none;
180
- }
181
-
176
+
182
177
  .iconHeader {
183
178
  width: 13px;
184
179
  height: 13px;
package/lib/template/activity/stars-summary.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stars-summary.d.ts","sourceRoot":"","sources":["../../../src/template/activity/stars-summary.js"],"names":[],"mappings":";AAYA;IACE;;;;;;;;;;;;;;;;;;;MAME;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAYC;IARC;;;MAGC;IAOH,qBAGC;IAED,sBAGC;IAED,0BAIC;IAED,6BA2DC;CACF"}
1
+ {"version":3,"file":"stars-summary.d.ts","sourceRoot":"","sources":["../../../src/template/activity/stars-summary.js"],"names":[],"mappings":";AAYA;IACE;;;;;;;;;;;;;;;;;;;MAME;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAYC;IARC;;;MAGC;IAOH,qBAGC;IAED,sBAGC;IAED,0BAIC;IAED,6BA4DC;CACF"}
package/lib/template/activity/stars-summary.js CHANGED
@@ -77,7 +77,8 @@ class StarsSummary extends _react.default.Component {
77
77
 
78
78
  if ((0, _isEmpty2.default)(engines)) {
79
79
  return null;
80
- }
80
+ } // transform component
81
+
81
82
 
82
83
  const engineTabs = engines.map((engine, index) => {
83
84
  const state = index < firstItem ? 'hidden' : 'active';
package/lib/template/activity/stars-summary.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stars-summary.js","names":["StarsSummary","React","Component","constructor","props","engines","state","firstItem","totalItems","length","handleOnLeft","bind","handleOnRight","scrollTo","page","setState","render","total","skin","context","dark","primary","engineTabs","map","engine","index","style","type","hidden","active","leftArrowView","circle","left","rightArrowView","right","myStars","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","iconHeader","navigationLeft","navigationRight","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","string","isRequired","number","arrayOf","EngineStars"],"sources":["../../../src/template/activity/stars-summary.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty} 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\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\n const engineTabs = engines.map((engine, index) => {\n const state = index < firstItem ? 'hidden' : 'active';\n return (\n <div className={style[state]} key={engine.type} data-name={`${engine.type}_total_${state}`}>\n <EngineStars {...engine} className={index < firstItem ? style.hidden : style.active} />\n </div>\n );\n });\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 <div className={style.allStars} data-name=\"engineList\">\n {engineTabs}\n </div>\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":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AAKA;;AACA;;AACA;;;;;;AAEA,MAAMA,YAAN,SAA2BC,cAAA,CAAMC,SAAjC,CAA2C;EAazCC,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;IAEA,MAAM;MAACC,OAAO,GAAG;IAAX,IAAiBD,KAAvB;IACA,KAAKE,KAAL,GAAa;MACXC,SAAS,EAAE,CADA;MAEXC,UAAU,EAAEH,OAAO,CAACI;IAFT,CAAb;IAKA,KAAKC,YAAL,GAAoB,KAAKA,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAApB;IACA,KAAKC,aAAL,GAAqB,KAAKA,aAAL,CAAmBD,IAAnB,CAAwB,IAAxB,CAArB;IACA,KAAKE,QAAL,GAAgB,KAAKA,QAAL,CAAcF,IAAd,CAAmB,IAAnB,CAAhB;EACD;;EAEDD,YAAY,GAAG;IACb,MAAM;MAACH;IAAD,IAAc,KAAKD,KAAzB;IACA,KAAKO,QAAL,CAAcN,SAAS,GAAG,CAA1B;EACD;;EAEDK,aAAa,GAAG;IACd,MAAM;MAACL;IAAD,IAAc,KAAKD,KAAzB;IACA,KAAKO,QAAL,CAAcN,SAAS,GAAG,CAA1B;EACD;;EAEDM,QAAQ,CAACC,IAAD,EAAO;IACb,KAAKC,QAAL,CAAc;MACZR,SAAS,EAAEO;IADC,CAAd;EAGD;;EAEDE,MAAM,GAAG;IACP,MAAM;MAACC,KAAD;MAAQZ,OAAO,GAAG;IAAlB,IAAwB,KAAKD,KAAnC;IACA,MAAM;MAACc;IAAD,IAAS,KAAKC,OAApB;IACA,MAAM;MAACZ,SAAD;MAAYC;IAAZ,IAA0B,KAAKF,KAArC;IACA,MAAMc,IAAI,GAAG,qBAAM,SAAN,EAAiB,aAAjB,EAAgCF,IAAhC,CAAb;IACA,MAAMG,OAAO,GAAG,mBAAI,gBAAJ,EAAsBH,IAAtB,CAAhB;;IAEA,IAAI,uBAAQb,OAAR,CAAJ,EAAsB;MACpB,OAAO,IAAP;IACD;;IAED,MAAMiB,UAAU,GAAGjB,OAAO,CAACkB,GAAR,CAAY,CAACC,MAAD,EAASC,KAAT,KAAmB;MAChD,MAAMnB,KAAK,GAAGmB,KAAK,GAAGlB,SAAR,GAAoB,QAApB,GAA+B,QAA7C;MACA,oBACE;QAAK,SAAS,EAAEmB,qBAAA,CAAMpB,KAAN,CAAhB;QAA8B,GAAG,EAAEkB,MAAM,CAACG,IAA1C;QAAgD,aAAY,GAAEH,MAAM,CAACG,IAAK,UAASrB,KAAM;MAAzF,gBACE,6BAAC,oBAAD,eAAiBkB,MAAjB;QAAyB,SAAS,EAAEC,KAAK,GAAGlB,SAAR,GAAoBmB,qBAAA,CAAME,MAA1B,GAAmCF,qBAAA,CAAMG;MAA7E,GADF,CADF;IAKD,CAPkB,CAAnB;IASA,MAAMC,aAAa,GACjBtB,UAAU,GAAG,CAAb,IAAkBD,SAAS,GAAG,CAA9B,gBACE;MAAK,SAAS,EAAEmB,qBAAA,CAAMK,MAAtB;MAA8B,OAAO,EAAE,KAAKrB,YAA5C;MAA0D,aAAU;IAApE,gBACE,6BAAC,6CAAD;MAAW,KAAK,EAAEU,IAAlB;MAAwB,SAAS,EAAEM,qBAAA,CAAMM,IAAzC;MAA+C,KAAK,EAAE,EAAtD;MAA0D,MAAM,EAAE;IAAlE,EADF,CADF,GAII,IALN;IAOA,MAAMC,cAAc,GAClBzB,UAAU,GAAG,CAAb,IAAkBD,SAAS,GAAGC,UAAU,GAAG,CAA3C,gBACE;MAAK,SAAS,EAAEkB,qBAAA,CAAMK,MAAtB;MAA8B,OAAO,EAAE,KAAKnB,aAA5C;MAA2D,aAAU;IAArE,gBACE,6BAAC,8CAAD;MAAY,KAAK,EAAEQ,IAAnB;MAAyB,SAAS,EAAEM,qBAAA,CAAMQ,KAA1C;MAAiD,KAAK,EAAE,EAAxD;MAA4D,MAAM,EAAE;IAApE,EADF,CADF,GAII,IALN;IAOA,oBACE;MAAK,aAAU,SAAf;MAAyB,SAAS,EAAER,qBAAA,CAAMS;IAA1C,gBACE;MAAK,aAAU,iBAAf;MAAiC,SAAS,EAAET,qBAAA,CAAMU;IAAlD,gBACE;MAAK,SAAS,EAAEV,qBAAA,CAAMW,QAAtB;MAAgC,aAAU;IAA1C,GACGf,UADH,CADF,eAIE;MACE,SAAS,EAAEI,qBAAA,CAAMY,kBADnB;MAEE,KAAK,EAAE;QACLC,eAAe,EAAElB;MADZ;IAFT,gBAME;MAAK,SAAS,EAAEK,qBAAA,CAAMc;IAAtB,gBACE,2CAAOvB,KAAK,CAACwB,KAAb,CADF,eAEE;MAAG,aAAU;IAAb,GAA6BxB,KAAK,CAACyB,KAAnC,CAFF,eAGE;MAAK,SAAS,EAAEhB,qBAAA,CAAMiB;IAAtB,gBACE,6BAAC,0CAAD;MAAU,SAAS,EAAEjB,qBAAA,CAAMkB,UAA3B;MAAuC,KAAK,EAAEvB;IAA9C,EADF,CAHF,CANF,eAaE;MAAK,SAAS,EAAEK,qBAAA,CAAMmB;IAAtB,GAAuCf,aAAvC,CAbF,eAcE;MAAK,SAAS,EAAEJ,qBAAA,CAAMoB;IAAtB,GAAwCb,cAAxC,CAdF,CAJF,CADF,CADF;EAyBD;;AAtGwC;;AAArCjC,Y,CASG+C,Y,GAAe;EACpB7B,IAAI,EAAE8B,iBAAA,CAASC,iBAAT,CAA2B/B;AADb,C;AATlBlB,Y,CACGkD,S,2CAAY;EACjBjC,KAAK,EAAEkC,kBAAA,CAAUC,KAAV,CAAgB;IACrBX,KAAK,EAAEU,kBAAA,CAAUE,MAAV,CAAiBC,UADH;IAErBZ,KAAK,EAAES,kBAAA,CAAUI,MAAV,CAAiBD;EAFH,CAAhB,EAGJA,UAJc;EAKjBjD,OAAO,EAAE8C,kBAAA,CAAUK,OAAV,CAAkBL,kBAAA,CAAUC,KAAV,CAAgBK,oBAAA,CAAYP,SAA5B,CAAlB;AALQ,C;eAwGNlD,Y"}
1
+ {"version":3,"file":"stars-summary.js","names":["StarsSummary","React","Component","constructor","props","engines","state","firstItem","totalItems","length","handleOnLeft","bind","handleOnRight","scrollTo","page","setState","render","total","skin","context","dark","primary","engineTabs","map","engine","index","style","type","hidden","active","leftArrowView","circle","left","rightArrowView","right","myStars","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","iconHeader","navigationLeft","navigationRight","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","string","isRequired","number","arrayOf","EngineStars"],"sources":["../../../src/template/activity/stars-summary.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty} 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\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\n // transform component\n const engineTabs = engines.map((engine, index) => {\n const state = index < firstItem ? 'hidden' : 'active';\n return (\n <div className={style[state]} key={engine.type} data-name={`${engine.type}_total_${state}`}>\n <EngineStars {...engine} className={index < firstItem ? style.hidden : style.active} />\n </div>\n );\n });\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 <div className={style.allStars} data-name=\"engineList\">\n {engineTabs}\n </div>\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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"}
package/lib/template/activity/style.css CHANGED
@@ -123,7 +123,7 @@
123
123
  }
124
124
 
125
125
  .recommendationWrapper {
126
- display: none;
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": "10.30.11",
3
+ "version": "10.30.12-alpha.5+466d5aee7",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -158,5 +158,5 @@
158
158
  "last 2 versions",
159
159
  "IE 11"
160
160
  ],
161
- "gitHead": "b1990607720b13fa7790691cc396ec9b296ece7e"
161
+ "gitHead": "466d5aee7df679afa120b0a0fb58c38429fca794"
162
162
  }