@coorpacademy/components 10.30.12-alpha.3 → 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.
- package/es/template/activity/stars-summary.css +4 -0
- package/es/template/activity/stars-summary.d.ts.map +1 -1
- package/es/template/activity/stars-summary.js +2 -1
- package/es/template/activity/stars-summary.js.map +1 -1
- package/es/template/activity/style.css +1 -0
- package/lib/template/activity/stars-summary.css +4 -0
- package/lib/template/activity/stars-summary.d.ts.map +1 -1
- package/lib/template/activity/stars-summary.js +2 -1
- package/lib/template/activity/stars-summary.js.map +1 -1
- package/lib/template/activity/style.css +1 -0
- package/package.json +2 -2
|
@@ -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,
|
|
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"}
|
|
@@ -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":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SACEC,kCAAkC,IAAIC,SADxC,EAEEC,mCAAmC,IAAIC,UAFzC,EAGEC,+BAA+B,IAAIC,QAHrC,QAIO,0BAJP;AAKA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,WAAP,MAAwB,gBAAxB;AACA,OAAOC,KAAP,MAAkB,qBAAlB;;AAEA,MAAMC,YAAN,SAA2BX,KAAK,CAACY,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,OAAM,SAAN,EAAiB,aAAjB,EAAgCF,IAAhC,CAAb;;IACA,MAAMG,OAAO,GAAG,KAAI,gBAAJ,EAAsBH,IAAtB,CAAhB;;IAEA,IAAI,SAAQb,OAAR,CAAJ,EAAsB;MACpB,OAAO,IAAP;IACD
|
|
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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"}
|
|
@@ -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,
|
|
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"}
|
|
@@ -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';
|
|
@@ -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
|
|
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "10.30.12-alpha.
|
|
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": "
|
|
161
|
+
"gitHead": "466d5aee7df679afa120b0a0fb58c38429fca794"
|
|
162
162
|
}
|