@coorpacademy/components 11.33.5-alpha.2 → 11.33.5

package/lib/atom/input-textarea/style.css

@@ -13,19 +13,19 @@
 @value cm_grey_500 from colors;
 @value cm_grey_700 from colors;
 
-.defaultStyle {
+.default {
   display: flex;
 }
 
 .error {
-  composes: defaultStyle;
+  composes: default;
 }
 
 .modified {
-  composes: defaultStyle;
+  composes: default;
 }
 
-.defaultStyle label {
+.default label {
   display: flex;
   align-items: center;
   height: 130px;
@@ -42,7 +42,7 @@
   width: 180px;
 }
 
-.defaultStyle textarea {
+.default textarea {
   font-family: "Gilroy";
   text-transform: none;
   padding: 10px 15px;

package/lib/atom/label/index.js

@@ -12,7 +12,7 @@ const Label = ({
   innerHtml = false
 }) => {
   return /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(_style.default.defaultStyle, innerHtml ? _style.default.innerHTML : null)
+    className: (0, _classnames.default)(_style.default.default, innerHtml ? _style.default.innerHTML : null)
   }, children);
 };
 Label.propTypes = process.env.NODE_ENV !== "production" ? {

package/lib/atom/label/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_style","e","__esModule","default","Label","children","innerHtml","createElement","className","classnames","style","defaultStyle","innerHTML","propTypes","process","env","NODE_ENV","PropTypes","node","bool","_default","exports"],"sources":["../../../src/atom/label/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Label = ({children, innerHtml = false}) => {\n  return (\n    <span className={classnames(style.defaultStyle, innerHtml ? style.innerHTML : null)}>\n      {children}\n    </span>\n  );\n};\n\nLabel.propTypes = {\n  children: PropTypes.node,\n  innerHtml: PropTypes.bool\n};\n\nexport default Label;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,KAAK,GAAGA,CAAC;EAACC,QAAQ;EAAEC,SAAS,GAAG;AAAK,CAAC,KAAK;EAC/C,oBACEX,MAAA,CAAAQ,OAAA,CAAAI,aAAA;IAAMC,SAAS,EAAE,IAAAC,mBAAU,EAACC,cAAK,CAACC,YAAY,EAAEL,SAAS,GAAGI,cAAK,CAACE,SAAS,GAAG,IAAI;EAAE,GACjFP,QACG,CAAC;AAEX,CAAC;AAEDD,KAAK,CAACS,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChBX,QAAQ,EAAEY,kBAAS,CAACC,IAAI;EACxBZ,SAAS,EAAEW,kBAAS,CAACE;AACvB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEaC,KAAK","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_style","e","__esModule","default","Label","children","innerHtml","createElement","className","classnames","style","innerHTML","propTypes","process","env","NODE_ENV","PropTypes","node","bool","_default","exports"],"sources":["../../../src/atom/label/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Label = ({children, innerHtml = false}) => {\n  return (\n    <span className={classnames(style.default, innerHtml ? style.innerHTML : null)}>\n      {children}\n    </span>\n  );\n};\n\nLabel.propTypes = {\n  children: PropTypes.node,\n  innerHtml: PropTypes.bool\n};\n\nexport default Label;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,KAAK,GAAGA,CAAC;EAACC,QAAQ;EAAEC,SAAS,GAAG;AAAK,CAAC,KAAK;EAC/C,oBACEX,MAAA,CAAAQ,OAAA,CAAAI,aAAA;IAAMC,SAAS,EAAE,IAAAC,mBAAU,EAACC,cAAK,CAACP,OAAO,EAAEG,SAAS,GAAGI,cAAK,CAACC,SAAS,GAAG,IAAI;EAAE,GAC5EN,QACG,CAAC;AAEX,CAAC;AAEDD,KAAK,CAACQ,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChBV,QAAQ,EAAEW,kBAAS,CAACC,IAAI;EACxBX,SAAS,EAAEU,kBAAS,CAACE;AACvB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAjB,OAAA,GAEaC,KAAK","ignoreList":[]}

package/lib/atom/label/style.css

@@ -1,7 +1,7 @@
 @value colors: "../../variables/colors.css";
 @value black from colors;
 
-.defaultStyle {
+.default {
   color: black;
 }
 

package/lib/atom/life/index.js

@@ -12,7 +12,7 @@ var _provider = _interopRequireDefault(require("../provider"));
 var _style = _interopRequireDefault(require("./style.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MODES = {
-  default: _style.default.defaultStyle,
+  default: _style.default.default,
   small: _style.default.small
 };
 const BOUNCES = {

package/lib/atom/life/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_provider","_style","e","__esModule","default","MODES","cssStyle","defaultStyle","small","BOUNCES","bounce","bounceTwice","bounceAndPause","Life","props","context","skin","heartOnRight","animated","count","failed","mode","operator","revival","className","style","customStyle","negativeColor","_get2","white","pickStyle","successStyle","failedStyle","animatedFailedStyle","revivalStyle","heartWrapper","heartWrapperFailed","heartWrapperDefault","bounceClass","type","heartCustomStyle","animationDelay","delay","animationDuration","duration","left","countStyle","livesCounterFailed","livesCounterDefault","createElement","classnames","livesCounterWrapper","previousLivesCounterDefault","previousLivesCounterFailed","previousLivesRevival","operatorWrapper","NovaCompositionCoorpacademyVoteHeartOutline","heartOutline","color","NovaSolidVoteRewardsVoteHeart","heartNormalDefault","heartNormalFailed","heartNormalAnimatedFailed","heartNormalRevival","NovaCompositionCoorpacademyBrokenHeart","heartBrokenDefault","heartBrokenFailed","heartBrokenAnimatedFailed","heartBrokenRevival","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","shape","oneOf","string","_keys2","number","_default","exports"],"sources":["../../../src/atom/life/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaCompositionCoorpacademyBrokenHeart as HeartBrokenIcon,\n  NovaCompositionCoorpacademyVoteHeartOutline as HeartIconOutline\n} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport cssStyle from './style.css';\n\nconst MODES = {\n  default: cssStyle.defaultStyle,\n  small: cssStyle.small\n};\n\nconst BOUNCES = {\n  bounce: cssStyle.bounce,\n  bounceTwice: cssStyle.bounceTwice,\n  bounceAndPause: cssStyle.bounceAndPause\n};\n\nconst Life = (props, context) => {\n  const {skin} = context;\n  const {\n    bounce = null,\n    heartOnRight = false,\n    animated = false,\n    count = 3,\n    failed = false,\n    mode = 'default',\n    operator = 'x',\n    revival,\n    className,\n    style: customStyle\n  } = props;\n  const negativeColor = get('common.negative', skin);\n  const white = get('common.white', skin);\n\n  if (count === null) {\n    return null;\n  }\n\n  const pickStyle = (successStyle, failedStyle, animatedFailedStyle, revivalStyle) => {\n    if (revival) return revivalStyle;\n    if (failed && animated) return animatedFailedStyle;\n    if (failed) return failedStyle;\n    return successStyle;\n  };\n\n  const heartWrapper =\n    failed && animated ? cssStyle.heartWrapperFailed : cssStyle.heartWrapperDefault;\n  const bounceClass = bounce ? BOUNCES[bounce.type] : null;\n  const heartCustomStyle = {\n    animationDelay: bounce && bounce.delay,\n    animationDuration: bounce && bounce.duration,\n    left: heartOnRight && '70px'\n  };\n\n  const countStyle = failed ? cssStyle.livesCounterFailed : cssStyle.livesCounterDefault;\n\n  return (\n    <div data-name=\"life\" className={classnames(MODES[mode], className)} style={customStyle}>\n      <div className={cssStyle.livesCounterWrapper}>\n        <div\n          className={pickStyle(\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterFailed,\n            cssStyle.previousLivesRevival\n          )}\n        >\n          {count + 1}\n        </div>\n        <div data-name=\"counter\" className={countStyle}>\n          {count}\n        </div>\n      </div>\n      <div className={cssStyle.operatorWrapper}>\n        <span className={cssStyle.operator}>{operator}</span>\n      </div>\n      <div className={classnames(heartWrapper, bounceClass)} style={heartCustomStyle}>\n        <HeartIconOutline className={cssStyle.heartOutline} style={{color: white}} />\n        <HeartIcon\n          className={pickStyle(\n            cssStyle.heartNormalDefault,\n            cssStyle.heartNormalFailed,\n            cssStyle.heartNormalAnimatedFailed,\n            cssStyle.heartNormalRevival\n          )}\n          style={{color: negativeColor}}\n        />\n        <HeartBrokenIcon\n          className={pickStyle(\n            cssStyle.heartBrokenDefault,\n            cssStyle.heartBrokenFailed,\n            cssStyle.heartBrokenAnimatedFailed,\n            cssStyle.heartBrokenRevival\n          )}\n          style={{color: negativeColor}}\n        />\n      </div>\n    </div>\n  );\n};\n\nLife.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nLife.propTypes = {\n  revival: PropTypes.bool,\n  animated: PropTypes.bool,\n  bounce: PropTypes.shape({\n    type: PropTypes.oneOf(['bounce', 'bounceTwice', 'bounceAndPause']),\n    delay: PropTypes.string\n  }),\n  heartOnRight: PropTypes.bool,\n  mode: PropTypes.oneOf(keys(MODES)),\n  count: PropTypes.number,\n  failed: PropTypes.bool,\n  className: PropTypes.string,\n  operator: PropTypes.string,\n  style: PropTypes.shape({})\n};\n\nexport default Life;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_provider","_style","e","__esModule","default","MODES","cssStyle","small","BOUNCES","bounce","bounceTwice","bounceAndPause","Life","props","context","skin","heartOnRight","animated","count","failed","mode","operator","revival","className","style","customStyle","negativeColor","_get2","white","pickStyle","successStyle","failedStyle","animatedFailedStyle","revivalStyle","heartWrapper","heartWrapperFailed","heartWrapperDefault","bounceClass","type","heartCustomStyle","animationDelay","delay","animationDuration","duration","left","countStyle","livesCounterFailed","livesCounterDefault","createElement","classnames","livesCounterWrapper","previousLivesCounterDefault","previousLivesCounterFailed","previousLivesRevival","operatorWrapper","NovaCompositionCoorpacademyVoteHeartOutline","heartOutline","color","NovaSolidVoteRewardsVoteHeart","heartNormalDefault","heartNormalFailed","heartNormalAnimatedFailed","heartNormalRevival","NovaCompositionCoorpacademyBrokenHeart","heartBrokenDefault","heartBrokenFailed","heartBrokenAnimatedFailed","heartBrokenRevival","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","shape","oneOf","string","_keys2","number","_default","exports"],"sources":["../../../src/atom/life/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaCompositionCoorpacademyBrokenHeart as HeartBrokenIcon,\n  NovaCompositionCoorpacademyVoteHeartOutline as HeartIconOutline\n} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport cssStyle from './style.css';\n\nconst MODES = {\n  default: cssStyle.default,\n  small: cssStyle.small\n};\n\nconst BOUNCES = {\n  bounce: cssStyle.bounce,\n  bounceTwice: cssStyle.bounceTwice,\n  bounceAndPause: cssStyle.bounceAndPause\n};\n\nconst Life = (props, context) => {\n  const {skin} = context;\n  const {\n    bounce = null,\n    heartOnRight = false,\n    animated = false,\n    count = 3,\n    failed = false,\n    mode = 'default',\n    operator = 'x',\n    revival,\n    className,\n    style: customStyle\n  } = props;\n  const negativeColor = get('common.negative', skin);\n  const white = get('common.white', skin);\n\n  if (count === null) {\n    return null;\n  }\n\n  const pickStyle = (successStyle, failedStyle, animatedFailedStyle, revivalStyle) => {\n    if (revival) return revivalStyle;\n    if (failed && animated) return animatedFailedStyle;\n    if (failed) return failedStyle;\n    return successStyle;\n  };\n\n  const heartWrapper =\n    failed && animated ? cssStyle.heartWrapperFailed : cssStyle.heartWrapperDefault;\n  const bounceClass = bounce ? BOUNCES[bounce.type] : null;\n  const heartCustomStyle = {\n    animationDelay: bounce && bounce.delay,\n    animationDuration: bounce && bounce.duration,\n    left: heartOnRight && '70px'\n  };\n\n  const countStyle = failed ? cssStyle.livesCounterFailed : cssStyle.livesCounterDefault;\n\n  return (\n    <div data-name=\"life\" className={classnames(MODES[mode], className)} style={customStyle}>\n      <div className={cssStyle.livesCounterWrapper}>\n        <div\n          className={pickStyle(\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterFailed,\n            cssStyle.previousLivesRevival\n          )}\n        >\n          {count + 1}\n        </div>\n        <div data-name=\"counter\" className={countStyle}>\n          {count}\n        </div>\n      </div>\n      <div className={cssStyle.operatorWrapper}>\n        <span className={cssStyle.operator}>{operator}</span>\n      </div>\n      <div className={classnames(heartWrapper, bounceClass)} style={heartCustomStyle}>\n        <HeartIconOutline className={cssStyle.heartOutline} style={{color: white}} />\n        <HeartIcon\n          className={pickStyle(\n            cssStyle.heartNormalDefault,\n            cssStyle.heartNormalFailed,\n            cssStyle.heartNormalAnimatedFailed,\n            cssStyle.heartNormalRevival\n          )}\n          style={{color: negativeColor}}\n        />\n        <HeartBrokenIcon\n          className={pickStyle(\n            cssStyle.heartBrokenDefault,\n            cssStyle.heartBrokenFailed,\n            cssStyle.heartBrokenAnimatedFailed,\n            cssStyle.heartBrokenRevival\n          )}\n          style={{color: negativeColor}}\n        />\n      </div>\n    </div>\n  );\n};\n\nLife.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nLife.propTypes = {\n  revival: PropTypes.bool,\n  animated: PropTypes.bool,\n  bounce: PropTypes.shape({\n    type: PropTypes.oneOf(['bounce', 'bounceTwice', 'bounceAndPause']),\n    delay: PropTypes.string\n  }),\n  heartOnRight: PropTypes.bool,\n  mode: PropTypes.oneOf(keys(MODES)),\n  count: PropTypes.number,\n  failed: PropTypes.bool,\n  className: PropTypes.string,\n  operator: PropTypes.string,\n  style: PropTypes.shape({})\n};\n\nexport default Life;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/life/style.css

@@ -7,7 +7,7 @@
  * Default
  */
 
-.defaultStyle {
+.default {
   position: relative;
   width: 90px;
   height: 67px;

package/lib/atom/picture-background/index.js

@@ -38,7 +38,7 @@ const PictureBackground = props => {
     src: desktop,
     alt: alt
   }))) : /*#__PURE__*/_react.default.createElement("img", {
-    className: (0, _classnames.default)(_style.default.defaultStyle, bgStyle),
+    className: (0, _classnames.default)(_style.default.default, bgStyle),
     src: src,
     alt: alt
   });

package/lib/atom/picture-background/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_style","e","__esModule","default","viewStyle","cover","cssStyle","contain","PictureBackground","props","src","view","style","alt","mobile","desktop","bgStyle","pictureView","_isObject2","createElement","className","deviceView","mobileContainer","classnames","picture","desktopContainer","defaultStyle","wrapper","propTypes","process","env","NODE_ENV","PropTypes","oneOf","_keys2","oneOfType","objectOf","string","isRequired","number","_default","exports"],"sources":["../../../src/atom/picture-background/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isObject, keys} from 'lodash/fp';\nimport cssStyle from './style.css';\n\nconst viewStyle = {\n  cover: cssStyle.cover,\n  contain: cssStyle.contain\n};\n\nconst PictureBackground = props => {\n  const {src, view, style, alt = ''} = props;\n  const mobile = src.mobile;\n  const desktop = src.desktop;\n  const bgStyle = viewStyle[view];\n\n  const pictureView = isObject(src) ? (\n    <div className={cssStyle.deviceView}>\n      <div className={cssStyle.mobileContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={mobile} alt={alt} />\n      </div>\n      <div className={cssStyle.desktopContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={desktop} alt={alt} />\n      </div>\n    </div>\n  ) : (\n    <img className={classnames(cssStyle.defaultStyle, bgStyle)} src={src} alt={alt} />\n  );\n\n  return (\n    <div className={cssStyle.wrapper} style={style}>\n      {pictureView}\n    </div>\n  );\n};\n\nPictureBackground.propTypes = {\n  view: PropTypes.oneOf(keys(viewStyle)),\n  src: PropTypes.oneOfType([PropTypes.objectOf(PropTypes.string), PropTypes.string.isRequired]),\n  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  alt: PropTypes.string\n};\n\nexport default PictureBackground;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnC,MAAMG,SAAS,GAAG;EAChBC,KAAK,EAAEC,cAAQ,CAACD,KAAK;EACrBE,OAAO,EAAED,cAAQ,CAACC;AACpB,CAAC;AAED,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,GAAG;IAAEC,IAAI;IAAEC,KAAK;IAAEC,GAAG,GAAG;EAAE,CAAC,GAAGJ,KAAK;EAC1C,MAAMK,MAAM,GAAGJ,GAAG,CAACI,MAAM;EACzB,MAAMC,OAAO,GAAGL,GAAG,CAACK,OAAO;EAC3B,MAAMC,OAAO,GAAGZ,SAAS,CAACO,IAAI,CAAC;EAE/B,MAAMM,WAAW,GAAG,IAAAC,UAAA,CAAAf,OAAA,EAASO,GAAG,CAAC,gBAC/Bf,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEd,cAAQ,CAACe;EAAW,gBAClC1B,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEd,cAAQ,CAACgB;EAAgB,gBACvC3B,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAE,IAAAG,mBAAU,EAACjB,cAAQ,CAACkB,OAAO,EAAER,OAAO,CAAE;IAACN,GAAG,EAAEI,MAAO;IAACD,GAAG,EAAEA;EAAI,CAAE,CAC5E,CAAC,eACNlB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEd,cAAQ,CAACmB;EAAiB,gBACxC9B,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAE,IAAAG,mBAAU,EAACjB,cAAQ,CAACkB,OAAO,EAAER,OAAO,CAAE;IAACN,GAAG,EAAEK,OAAQ;IAACF,GAAG,EAAEA;EAAI,CAAE,CAC7E,CACF,CAAC,gBAENlB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAE,IAAAG,mBAAU,EAACjB,cAAQ,CAACoB,YAAY,EAAEV,OAAO,CAAE;IAACN,GAAG,EAAEA,GAAI;IAACG,GAAG,EAAEA;EAAI,CAAE,CAClF;EAED,oBACElB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEd,cAAQ,CAACqB,OAAQ;IAACf,KAAK,EAAEA;EAAM,GAC5CK,WACE,CAAC;AAEV,CAAC;AAEDT,iBAAiB,CAACoB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC5BpB,IAAI,EAAEqB,kBAAS,CAACC,KAAK,CAAC,IAAAC,MAAA,CAAA/B,OAAA,EAAKC,SAAS,CAAC,CAAC;EACtCM,GAAG,EAAEsB,kBAAS,CAACG,SAAS,CAAC,CAACH,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACK,MAAM,CAAC,EAAEL,kBAAS,CAACK,MAAM,CAACC,UAAU,CAAC,CAAC;EAC7F1B,KAAK,EAAEoB,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACG,SAAS,CAAC,CAACH,kBAAS,CAACK,MAAM,EAAEL,kBAAS,CAACO,MAAM,CAAC,CAAC,CAAC;EACpF1B,GAAG,EAAEmB,kBAAS,CAACK;AACjB,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAtC,OAAA,GAEaK,iBAAiB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_style","e","__esModule","default","viewStyle","cover","cssStyle","contain","PictureBackground","props","src","view","style","alt","mobile","desktop","bgStyle","pictureView","_isObject2","createElement","className","deviceView","mobileContainer","classnames","picture","desktopContainer","wrapper","propTypes","process","env","NODE_ENV","PropTypes","oneOf","_keys2","oneOfType","objectOf","string","isRequired","number","_default","exports"],"sources":["../../../src/atom/picture-background/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isObject, keys} from 'lodash/fp';\nimport cssStyle from './style.css';\n\nconst viewStyle = {\n  cover: cssStyle.cover,\n  contain: cssStyle.contain\n};\n\nconst PictureBackground = props => {\n  const {src, view, style, alt = ''} = props;\n  const mobile = src.mobile;\n  const desktop = src.desktop;\n  const bgStyle = viewStyle[view];\n\n  const pictureView = isObject(src) ? (\n    <div className={cssStyle.deviceView}>\n      <div className={cssStyle.mobileContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={mobile} alt={alt} />\n      </div>\n      <div className={cssStyle.desktopContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={desktop} alt={alt} />\n      </div>\n    </div>\n  ) : (\n    <img className={classnames(cssStyle.default, bgStyle)} src={src} alt={alt} />\n  );\n\n  return (\n    <div className={cssStyle.wrapper} style={style}>\n      {pictureView}\n    </div>\n  );\n};\n\nPictureBackground.propTypes = {\n  view: PropTypes.oneOf(keys(viewStyle)),\n  src: PropTypes.oneOfType([PropTypes.objectOf(PropTypes.string), PropTypes.string.isRequired]),\n  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  alt: PropTypes.string\n};\n\nexport default PictureBackground;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnC,MAAMG,SAAS,GAAG;EAChBC,KAAK,EAAEC,cAAQ,CAACD,KAAK;EACrBE,OAAO,EAAED,cAAQ,CAACC;AACpB,CAAC;AAED,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,GAAG;IAAEC,IAAI;IAAEC,KAAK;IAAEC,GAAG,GAAG;EAAE,CAAC,GAAGJ,KAAK;EAC1C,MAAMK,MAAM,GAAGJ,GAAG,CAACI,MAAM;EACzB,MAAMC,OAAO,GAAGL,GAAG,CAACK,OAAO;EAC3B,MAAMC,OAAO,GAAGZ,SAAS,CAACO,IAAI,CAAC;EAE/B,MAAMM,WAAW,GAAG,IAAAC,UAAA,CAAAf,OAAA,EAASO,GAAG,CAAC,gBAC/Bf,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEd,cAAQ,CAACe;EAAW,gBAClC1B,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEd,cAAQ,CAACgB;EAAgB,gBACvC3B,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAE,IAAAG,mBAAU,EAACjB,cAAQ,CAACkB,OAAO,EAAER,OAAO,CAAE;IAACN,GAAG,EAAEI,MAAO;IAACD,GAAG,EAAEA;EAAI,CAAE,CAC5E,CAAC,eACNlB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEd,cAAQ,CAACmB;EAAiB,gBACxC9B,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAE,IAAAG,mBAAU,EAACjB,cAAQ,CAACkB,OAAO,EAAER,OAAO,CAAE;IAACN,GAAG,EAAEK,OAAQ;IAACF,GAAG,EAAEA;EAAI,CAAE,CAC7E,CACF,CAAC,gBAENlB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAE,IAAAG,mBAAU,EAACjB,cAAQ,CAACH,OAAO,EAAEa,OAAO,CAAE;IAACN,GAAG,EAAEA,GAAI;IAACG,GAAG,EAAEA;EAAI,CAAE,CAC7E;EAED,oBACElB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEd,cAAQ,CAACoB,OAAQ;IAACd,KAAK,EAAEA;EAAM,GAC5CK,WACE,CAAC;AAEV,CAAC;AAEDT,iBAAiB,CAACmB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC5BnB,IAAI,EAAEoB,kBAAS,CAACC,KAAK,CAAC,IAAAC,MAAA,CAAA9B,OAAA,EAAKC,SAAS,CAAC,CAAC;EACtCM,GAAG,EAAEqB,kBAAS,CAACG,SAAS,CAAC,CAACH,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACK,MAAM,CAAC,EAAEL,kBAAS,CAACK,MAAM,CAACC,UAAU,CAAC,CAAC;EAC7FzB,KAAK,EAAEmB,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACG,SAAS,CAAC,CAACH,kBAAS,CAACK,MAAM,EAAEL,kBAAS,CAACO,MAAM,CAAC,CAAC,CAAC;EACpFzB,GAAG,EAAEkB,kBAAS,CAACK;AACjB,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAArC,OAAA,GAEaK,iBAAiB","ignoreList":[]}

package/lib/atom/picture-background/style.css

@@ -11,7 +11,7 @@
 }
 
 .picture,
-.defaultStyle {
+.default {
   display: block;
   background-repeat: no-repeat;
   background-position: 50% 50%;

package/lib/atom/range/handle.css

@@ -16,7 +16,7 @@
   overflow: visible;
 }
 
-.defaultStyle {
+.default {
   border-radius: 100%;
   border: 4px solid white;
   box-sizing: border-box;

package/lib/atom/range/handle.js

@@ -67,7 +67,7 @@ const Handle = (props, legacyContext) => {
       backgroundColor,
       boxShadow: `0px 0px 20px ${(0, _getShadowBoxColorFromPrimary.getShadowBoxColorFromPrimary)(primaryColor)}`
     },
-    className: _handle.default.defaultStyle,
+    className: _handle.default.default,
     ref: handle,
     "data-name": 'handle'
   }));

package/lib/atom/range/handle.js.map

@@ -1 +1 @@
-{"version":3,"file":"handle.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_getShadowBoxColorFromPrimary","_handle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NoopHammer","constructor","on","stop","destroy","Hammer","window","Handle","props","legacyContext","skin","GetSkinFromContext","primaryColor","_getOr2","backgroundColor","onPanStart","_noop2","onPanEnd","onPan","HammerForTesting","handle","useRef","hammer","useMemo","current","useEffect","createElement","className","style","wrapper","boxShadow","getShadowBoxColorFromPrimary","defaultStyle","ref","propTypes","process","env","NODE_ENV","PropTypes","func","shape","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/range/handle.js"],"sourcesContent":["import {noop, getOr} from 'lodash/fp';\nimport React, {useEffect, useMemo, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport {getShadowBoxColorFromPrimary} from '../../util/get-shadow-box-color-from-primary';\nimport style from './handle.css';\n\nclass NoopHammer {\n  constructor() {}\n\n  // eslint-disable-next-line class-methods-use-this\n  on() {\n    return;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  stop() {\n    return;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  destroy() {\n    return;\n  }\n}\n\nconst Hammer = // eslint-disable-next-line no-undef\n  typeof window !== 'undefined' ? /* istanbul ignore next */ require('hammerjs') : NoopHammer;\n\nconst Handle = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const backgroundColor = primaryColor;\n  const {onPanStart = noop, onPanEnd = noop, onPan = noop, HammerForTesting} = props;\n\n  const handle = useRef();\n\n  const hammer = useMemo(() => {\n    return HammerForTesting || (handle.current && new Hammer(handle.current));\n    // (we need to mount Hammer when handle.current is rendered and ready)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [handle.current, HammerForTesting]);\n\n  useEffect(() => {\n    if (!hammer) return;\n    hammer.on('panstart', onPanStart);\n    hammer.on('panend', onPanEnd);\n\n    hammer.on('panleft panright', onPan);\n\n    return () => {\n      hammer.stop();\n      hammer.destroy();\n    };\n  }, [hammer, onPanStart, onPanEnd, onPan]);\n\n  return (\n    <div className={style.wrapper} data-testid=\"handle-wrapper\">\n      <div\n        style={{\n          backgroundColor,\n          boxShadow: `0px 0px 20px ${getShadowBoxColorFromPrimary(primaryColor)}`\n        }}\n        className={style.defaultStyle}\n        ref={handle}\n        data-name={'handle'}\n      />\n    </div>\n  );\n};\n\nHandle.propTypes = {\n  onPan: PropTypes.func,\n  onPanStart: PropTypes.func,\n  onPanEnd: PropTypes.func,\n  HammerForTesting: PropTypes.shape({\n    on: PropTypes.func,\n    destroy: PropTypes.func,\n    stop: PropTypes.func\n  })\n};\n\nHandle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Handle;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"handle.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_getShadowBoxColorFromPrimary","_handle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NoopHammer","constructor","on","stop","destroy","Hammer","window","Handle","props","legacyContext","skin","GetSkinFromContext","primaryColor","_getOr2","backgroundColor","onPanStart","_noop2","onPanEnd","onPan","HammerForTesting","handle","useRef","hammer","useMemo","current","useEffect","createElement","className","style","wrapper","boxShadow","getShadowBoxColorFromPrimary","ref","propTypes","process","env","NODE_ENV","PropTypes","func","shape","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/range/handle.js"],"sourcesContent":["import {noop, getOr} from 'lodash/fp';\nimport React, {useEffect, useMemo, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport {getShadowBoxColorFromPrimary} from '../../util/get-shadow-box-color-from-primary';\nimport style from './handle.css';\n\nclass NoopHammer {\n  constructor() {}\n\n  // eslint-disable-next-line class-methods-use-this\n  on() {\n    return;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  stop() {\n    return;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  destroy() {\n    return;\n  }\n}\n\nconst Hammer = // eslint-disable-next-line no-undef\n  typeof window !== 'undefined' ? /* istanbul ignore next */ require('hammerjs') : NoopHammer;\n\nconst Handle = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const backgroundColor = primaryColor;\n  const {onPanStart = noop, onPanEnd = noop, onPan = noop, HammerForTesting} = props;\n\n  const handle = useRef();\n\n  const hammer = useMemo(() => {\n    return HammerForTesting || (handle.current && new Hammer(handle.current));\n    // (we need to mount Hammer when handle.current is rendered and ready)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [handle.current, HammerForTesting]);\n\n  useEffect(() => {\n    if (!hammer) return;\n    hammer.on('panstart', onPanStart);\n    hammer.on('panend', onPanEnd);\n\n    hammer.on('panleft panright', onPan);\n\n    return () => {\n      hammer.stop();\n      hammer.destroy();\n    };\n  }, [hammer, onPanStart, onPanEnd, onPan]);\n\n  return (\n    <div className={style.wrapper} data-testid=\"handle-wrapper\">\n      <div\n        style={{\n          backgroundColor,\n          boxShadow: `0px 0px 20px ${getShadowBoxColorFromPrimary(primaryColor)}`\n        }}\n        className={style.default}\n        ref={handle}\n        data-name={'handle'}\n      />\n    </div>\n  );\n};\n\nHandle.propTypes = {\n  onPan: PropTypes.func,\n  onPanStart: PropTypes.func,\n  onPanEnd: PropTypes.func,\n  HammerForTesting: PropTypes.shape({\n    on: PropTypes.func,\n    destroy: PropTypes.func,\n    stop: PropTypes.func\n  })\n};\n\nHandle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Handle;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/select/index.js

@@ -124,7 +124,7 @@ const Select = (props, legacyContext) => {
   const isThemeOneOfQuestionTemplateOrPlayer = (0, _react.useMemo)(() => (0, _includes.default)(theme, ['question', 'template', 'player']), [theme]);
   const shouldUseSkinFontColor = (0, _react.useMemo)(() => !isSelectedInValidOption && selected && isThemeOneOfQuestionTemplateOrPlayer, [isSelectedInValidOption, selected, isThemeOneOfQuestionTemplateOrPlayer]);
   const arrowColor = selected ? color : undefined;
-  const behaviorClassName = (0, _react.useMemo)(() => (0, _getClassState.default)(_style.default.defaultStyle, _style.default.modified, _style.default.error, modified, error), [error, modified]);
+  const behaviorClassName = (0, _react.useMemo)(() => (0, _getClassState.default)(_style.default.default, _style.default.modified, _style.default.error, modified, error), [error, modified]);
   const composedClassName = (0, _react.useMemo)(() => (0, _classnames.default)(theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName, selected ? _style.default.selected : _style.default.unselected, className), [behaviorClassName, className, selected, theme]);
   const labelSize = (0, _react.useMemo)(() => (0, _size.default)(selectedLabel), [selectedLabel]);
   const isLongLabel = (0, _react.useMemo)(() => labelSize >= 65, [labelSize]);

package/lib/atom/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_concat","_filter","_find","_flatMapDeep","_get","_getOr","_includes","_isEmpty","_keys","_map","_size","_novaIcons","_provider","_getClassState","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","themeStyle","filter","style","invalid","header","mooc","question","sort","thematiques","player","template","skillDetail","coorpmanager","ArrowView","shouldRender","isArrowUp","ariaLabel","arrowClass","arrowColor","props","useMemo","color","className","createElement","NovaCompositionNavigationArrowTop","NovaCompositionNavigationArrowDown","Select","legacyContext","name","options","optgroups","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","ariaLabelledBy","skin","GetSkinFromContext","setIsArrowUp","useState","handleSelectOnFocus","useCallback","handleSelectOnBlur","selectOption","option","index","key","value","optionList","isEmpty","map","optgroup","label","titleView","selected","find","concat","flatMapDeep","selectedLabel","isSelectedInValidOption","getOr","validOption","handleChange","target","selectedOptions","black","isThemeOneOfQuestionTemplateOrPlayer","includes","shouldUseSkinFontColor","undefined","behaviorClassName","getClassState","defaultStyle","composedClassName","classnames","unselected","labelSize","size","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectedArrow","arrow","selectBox","onClick","onBlur","onMouseLeave","SelectOptionPropTypes","exports","PropTypes","string","isRequired","oneOfType","number","bool","SelectOptionGroupPropTypes","arrayOf","shape","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","func","oneOf","keys","_default"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport concat from 'lodash/fp/concat';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport flatMapDeep from 'lodash/fp/flatMapDeep';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationArrowTop as ArrowUp\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  skillDetail: style.skillDetail,\n  coorpmanager: null\n};\n\nconst ArrowView = ({shouldRender, isArrowUp, ariaLabel, arrowClass, arrowColor}) => {\n  const props = useMemo(\n    () => ({\n      ...(arrowColor &\n        {\n          color: arrowColor\n        }),\n      className: arrowClass\n    }),\n    [arrowClass, arrowColor]\n  );\n  if (shouldRender) {\n    return isArrowUp ? (\n      <ArrowUp {...props} data-testid=\"select-arrow-up-icon\" />\n    ) : (\n      <ArrowDown {...props} data-testid=\"select-arrow-down-icon\" />\n    );\n  } else return null;\n};\n\nconst Select = (props, legacyContext) => {\n  const {\n    name,\n    options = [],\n    optgroups = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy\n  } = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const title = useMemo(\n    () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n    [propTitle, required]\n  );\n\n  const [isArrowUp, setIsArrowUp] = useState(false);\n\n  const handleSelectOnFocus = useCallback(() => setIsArrowUp(true), []);\n  const handleSelectOnBlur = useCallback(() => setIsArrowUp(false), []);\n\n  const selectOption = (option, index) => {\n    return (\n      <option key={index} value={option.value} className={style.selectOption}>\n        {option.name}\n      </option>\n    );\n  };\n\n  const optionList = !isEmpty(options)\n    ? options.map((option, index) => selectOption(option, index))\n    : optgroups.map((optgroup, index) => {\n        return (\n          <optgroup key={index} label={optgroup.label}>\n            {optgroup.options && optgroup.options.map((option, i) => selectOption(option, i))}\n          </optgroup>\n        );\n      });\n\n  const titleView = title ? <span className={style.title}>{title}</span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            setIsArrowUp(false);\n            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\n            setIsArrowUp(false);\n            onChange(e.target.value);\n          },\n    [onChange, multiple]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const isThemeOneOfQuestionTemplateOrPlayer = useMemo(\n    () => includes(theme, ['question', 'template', 'player']),\n    [theme]\n  );\n  const shouldUseSkinFontColor = useMemo(\n    () => !isSelectedInValidOption && selected && isThemeOneOfQuestionTemplateOrPlayer,\n    [isSelectedInValidOption, selected, isThemeOneOfQuestionTemplateOrPlayer]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const behaviorClassName = useMemo(\n    () => getClassState(style.defaultStyle, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName,\n        selected ? style.selected : style.unselected,\n        className\n      ),\n    [behaviorClassName, className, selected, theme]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-testid=\"select-wrapper\"\n        data-name=\"select-wrapper\"\n        title={title}\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-testid=\"select-span\"\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, [\n              'player',\n              'invalid',\n              'question',\n              'thematiques',\n              'template',\n              'skillDetail'\n            ])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n          style={{\n            ...(shouldUseSkinFontColor && {\n              color\n            })\n          }}\n        >\n          {selectedLabel}\n        </span>\n        <ArrowView\n          shouldRender={!multiple}\n          isArrowUp={isArrowUp}\n          ariaLabel={ariaLabel}\n          arrowClass={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n          arrowColor={isThemeOneOfQuestionTemplateOrPlayer ? arrowColor : black}\n        />\n        <select\n          {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n          {...(ariaLabel && !ariaLabelledBy ? {'aria-label': ariaLabel} : {})}\n          {...(ariaLabel ? {title: ariaLabel} : {})}\n          data-name=\"native-select\"\n          className={style.selectBox}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n          onClick={handleSelectOnFocus}\n          onBlur={handleSelectOnBlur}\n          // onBlur does not handle completely an out of bounds click\n          // ex: select is Opened and a click is done outside, cancelling the select\n          // that doesn't count as a Blur, so an onMouseLeave is needed\n          onMouseLeave={handleSelectOnBlur}\n          data-testid=\"native-select\"\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nexport const SelectOptionGroupPropTypes = {\n  label: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  optgroups: PropTypes.arrayOf(PropTypes.shape(SelectOptionGroupPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'aria-labelledby': PropTypes.string\n};\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_concat","_filter","_find","_flatMapDeep","_get","_getOr","_includes","_isEmpty","_keys","_map","_size","_novaIcons","_provider","_getClassState","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","themeStyle","filter","style","invalid","header","mooc","question","sort","thematiques","player","template","skillDetail","coorpmanager","ArrowView","shouldRender","isArrowUp","ariaLabel","arrowClass","arrowColor","props","useMemo","color","className","createElement","NovaCompositionNavigationArrowTop","NovaCompositionNavigationArrowDown","Select","legacyContext","name","options","optgroups","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","ariaLabelledBy","skin","GetSkinFromContext","setIsArrowUp","useState","handleSelectOnFocus","useCallback","handleSelectOnBlur","selectOption","option","index","key","value","optionList","isEmpty","map","optgroup","label","titleView","selected","find","concat","flatMapDeep","selectedLabel","isSelectedInValidOption","getOr","validOption","handleChange","target","selectedOptions","black","isThemeOneOfQuestionTemplateOrPlayer","includes","shouldUseSkinFontColor","undefined","behaviorClassName","getClassState","composedClassName","classnames","unselected","labelSize","size","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectedArrow","arrow","selectBox","onClick","onBlur","onMouseLeave","SelectOptionPropTypes","exports","PropTypes","string","isRequired","oneOfType","number","bool","SelectOptionGroupPropTypes","arrayOf","shape","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","func","oneOf","keys","_default"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport concat from 'lodash/fp/concat';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport flatMapDeep from 'lodash/fp/flatMapDeep';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationArrowTop as ArrowUp\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  skillDetail: style.skillDetail,\n  coorpmanager: null\n};\n\nconst ArrowView = ({shouldRender, isArrowUp, ariaLabel, arrowClass, arrowColor}) => {\n  const props = useMemo(\n    () => ({\n      ...(arrowColor &\n        {\n          color: arrowColor\n        }),\n      className: arrowClass\n    }),\n    [arrowClass, arrowColor]\n  );\n  if (shouldRender) {\n    return isArrowUp ? (\n      <ArrowUp {...props} data-testid=\"select-arrow-up-icon\" />\n    ) : (\n      <ArrowDown {...props} data-testid=\"select-arrow-down-icon\" />\n    );\n  } else return null;\n};\n\nconst Select = (props, legacyContext) => {\n  const {\n    name,\n    options = [],\n    optgroups = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy\n  } = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const title = useMemo(\n    () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n    [propTitle, required]\n  );\n\n  const [isArrowUp, setIsArrowUp] = useState(false);\n\n  const handleSelectOnFocus = useCallback(() => setIsArrowUp(true), []);\n  const handleSelectOnBlur = useCallback(() => setIsArrowUp(false), []);\n\n  const selectOption = (option, index) => {\n    return (\n      <option key={index} value={option.value} className={style.selectOption}>\n        {option.name}\n      </option>\n    );\n  };\n\n  const optionList = !isEmpty(options)\n    ? options.map((option, index) => selectOption(option, index))\n    : optgroups.map((optgroup, index) => {\n        return (\n          <optgroup key={index} label={optgroup.label}>\n            {optgroup.options && optgroup.options.map((option, i) => selectOption(option, i))}\n          </optgroup>\n        );\n      });\n\n  const titleView = title ? <span className={style.title}>{title}</span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            setIsArrowUp(false);\n            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\n            setIsArrowUp(false);\n            onChange(e.target.value);\n          },\n    [onChange, multiple]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const isThemeOneOfQuestionTemplateOrPlayer = useMemo(\n    () => includes(theme, ['question', 'template', 'player']),\n    [theme]\n  );\n  const shouldUseSkinFontColor = useMemo(\n    () => !isSelectedInValidOption && selected && isThemeOneOfQuestionTemplateOrPlayer,\n    [isSelectedInValidOption, selected, isThemeOneOfQuestionTemplateOrPlayer]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const behaviorClassName = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName,\n        selected ? style.selected : style.unselected,\n        className\n      ),\n    [behaviorClassName, className, selected, theme]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-testid=\"select-wrapper\"\n        data-name=\"select-wrapper\"\n        title={title}\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-testid=\"select-span\"\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, [\n              'player',\n              'invalid',\n              'question',\n              'thematiques',\n              'template',\n              'skillDetail'\n            ])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n          style={{\n            ...(shouldUseSkinFontColor && {\n              color\n            })\n          }}\n        >\n          {selectedLabel}\n        </span>\n        <ArrowView\n          shouldRender={!multiple}\n          isArrowUp={isArrowUp}\n          ariaLabel={ariaLabel}\n          arrowClass={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n          arrowColor={isThemeOneOfQuestionTemplateOrPlayer ? arrowColor : black}\n        />\n        <select\n          {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n          {...(ariaLabel && !ariaLabelledBy ? {'aria-label': ariaLabel} : {})}\n          {...(ariaLabel ? {title: ariaLabel} : {})}\n          data-name=\"native-select\"\n          className={style.selectBox}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n          onClick={handleSelectOnFocus}\n          onBlur={handleSelectOnBlur}\n          // onBlur does not handle completely an out of bounds click\n          // ex: select is Opened and a click is done outside, cancelling the select\n          // that doesn't count as a Blur, so an onMouseLeave is needed\n          onMouseLeave={handleSelectOnBlur}\n          data-testid=\"native-select\"\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nexport const SelectOptionGroupPropTypes = {\n  label: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  optgroups: PropTypes.arrayOf(PropTypes.shape(SelectOptionGroupPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'aria-labelledby': PropTypes.string\n};\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/select/style.css

@@ -17,12 +17,12 @@
 @value cm_blue_900 from colors;
 @value cm_grey_450 from colors;
 
-.defaultStyle {
+.default {
   display: flex;
 }
 
 .coorpmanager {
-  composes: defaultStyle;
+  composes: default;
 }
 
 div.coorpmanager label.selectWrapper {
@@ -51,18 +51,18 @@ div.coorpmanager label.selectWrapper {
   }
 }
 .error {
-  composes: defaultStyle;
+  composes: default;
 }
 
 .modified {
-  composes: defaultStyle;
+  composes: default;
 }
 
 .selectWrapper {
   position: relative;
 }
 
-.defaultStyle .selectWrapper {
+.default .selectWrapper {
   display: flex;
   align-items: center;
   height: 50px;
@@ -94,7 +94,7 @@ div.coorpmanager label.selectWrapper {
   text-overflow: ellipsis;
 }
 
-.defaultStyle .selectBox {
+.default .selectBox {
   font-family: "Gilroy";
   text-transform: none;
   padding: 0 15px;
@@ -155,7 +155,7 @@ div.coorpmanager label.selectWrapper {
   margin: auto 0;
 }
 
-.defaultStyle select:focus::-ms-value {
+.default select:focus::-ms-value {
   background-color: transparent;  /* make the select background transparent in ie */
   color: dark;
 }
@@ -194,7 +194,7 @@ div.coorpmanager label.selectWrapper {
   }
 }
 
-.defaultStyle .selectBox[multiple] {
+.default .selectBox[multiple] {
   padding: 0;
   height: 80px;
 }
@@ -257,7 +257,7 @@ div.coorpmanager label.selectWrapper {
 */
 
 .no-label {
-  composes: defaultStyle;
+  composes: default;
   position: relative;
 }
 
@@ -278,7 +278,7 @@ div.coorpmanager label.selectWrapper {
   box-sizing: border-box;
 }
 
-div.defaultStyle label.selectWrapper span.longLabel {
+div.default label.selectWrapper span.longLabel {
     min-width: 230px;
     max-width: 280px;
     white-space: pre-wrap;
@@ -367,7 +367,7 @@ div.player:hover span.selectSpan {
     height: 100%;
   }
 
-  .player.defaultStyle .selectBox {
+  .player.default .selectBox {
     position: absolute;
     top: 0px;
     left: 0px;
@@ -407,7 +407,7 @@ div.player:hover span.selectSpan {
 */
 
 .mooc {
-  composes: defaultStyle;
+  composes: default;
   width: 150px;
 }
 
@@ -552,7 +552,7 @@ div.player:hover span.selectSpan {
   margin-left: 0;
 }
 
-.defaultStyle .selectWrapper select.selectBox {
+.default .selectWrapper select.selectBox {
   width: inherit;
   border-radius: 8px;
   padding: 0;

package/lib/atom/select-icon/index.js

@@ -68,7 +68,7 @@ const SelectIcon = props => {
     isSelected = false
   } = options;
   const contentView = getButtonContent(faIcon, options);
-  const styleButton = (0, _classnames.default)(_style.default.defaultStyle, isSelected && _style.default.selected);
+  const styleButton = (0, _classnames.default)(_style.default.default, isSelected && _style.default.selected);
   const handleOnClick = (0, _react.useCallback)(() => onClick(), [onClick]);
   const IconButton = (0, _react.useCallback)(() => /*#__PURE__*/_react.default.createElement("button", {
     type: "button",

package/lib/atom/select-icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_icon","_colors","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICON_COLOR","COLORS","cm_primary_blue","BACKGROUND_COLOR","white","CHECK_ICON_NAME_MAP","single","multi","getButtonContent","faIcon","options","selectionMode","isSelected","iconColor","createElement","className","style","contentWrapper","checkIcon","iconName","backgroundColor","size","faSize","wrapperSize","iconWrapper","icon","iconText","SelectIcon","props","dataName","ariaLabel","onClick","contentView","styleButton","classnames","defaultStyle","selected","handleOnClick","useCallback","IconButton","type","propTypes","process","env","NODE_ENV","PropTypes","string","func","shape","oneOf","bool","_default","exports"],"sources":["../../../src/atom/select-icon/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport FaIcon from '../icon';\n\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ICON_COLOR = COLORS.cm_primary_blue;\nconst BACKGROUND_COLOR = COLORS.white;\nconst CHECK_ICON_NAME_MAP = {\n  single: 'circle-check',\n  multi: 'square-check'\n};\n\nconst getButtonContent = (faIcon, options = {}) => {\n  const {selectionMode = 'single', isSelected = false, iconColor = ICON_COLOR} = options;\n\n  return (\n    <div className={style.contentWrapper}>\n      {isSelected ? (\n        /* checkbox icon */\n        <div className={style.checkIcon}>\n          <FaIcon\n            iconName={CHECK_ICON_NAME_MAP[selectionMode]}\n            iconColor={iconColor}\n            backgroundColor={BACKGROUND_COLOR}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        </div>\n      ) : null}\n      {\n        /* selection tick (L18) / icon */\n        <div className={style.iconWrapper}>\n          <div className={style.icon}>\n            <FaIcon\n              iconName={faIcon}\n              iconColor={isSelected ? iconColor : ''}\n              size={{faSize: 32, wrapperSize: 32}}\n            />\n          </div>\n          <div className={style.iconText}>{faIcon}</div>\n        </div>\n      }\n    </div>\n  );\n};\n\nconst SelectIcon = props => {\n  const {faIcon, 'data-name': dataName, 'aria-label': ariaLabel, onClick, options = {}} = props;\n\n  const {isSelected = false} = options;\n\n  const contentView = getButtonContent(faIcon, options);\n  const styleButton = classnames(style.defaultStyle, isSelected && style.selected);\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const IconButton = useCallback(\n    () => (\n      <button\n        type=\"button\"\n        aria-label={ariaLabel}\n        data-name={dataName}\n        data-testid={`button-${dataName}`}\n        className={styleButton}\n        onClick={handleOnClick}\n      >\n        {contentView}\n      </button>\n    ),\n    [ariaLabel, contentView, dataName, handleOnClick, styleButton]\n  );\n\n  return <IconButton />;\n};\n\nSelectIcon.propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  faIcon: PropTypes.string,\n  onClick: PropTypes.func,\n  options: PropTypes.shape({\n    selectionMode: PropTypes.oneOf(['single', 'multi']),\n    isSelected: PropTypes.bool,\n    iconColor: PropTypes.string\n  })\n};\n\nexport default SelectIcon;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_icon","_colors","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICON_COLOR","COLORS","cm_primary_blue","BACKGROUND_COLOR","white","CHECK_ICON_NAME_MAP","single","multi","getButtonContent","faIcon","options","selectionMode","isSelected","iconColor","createElement","className","style","contentWrapper","checkIcon","iconName","backgroundColor","size","faSize","wrapperSize","iconWrapper","icon","iconText","SelectIcon","props","dataName","ariaLabel","onClick","contentView","styleButton","classnames","selected","handleOnClick","useCallback","IconButton","type","propTypes","process","env","NODE_ENV","PropTypes","string","func","shape","oneOf","bool","_default","exports"],"sources":["../../../src/atom/select-icon/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport FaIcon from '../icon';\n\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ICON_COLOR = COLORS.cm_primary_blue;\nconst BACKGROUND_COLOR = COLORS.white;\nconst CHECK_ICON_NAME_MAP = {\n  single: 'circle-check',\n  multi: 'square-check'\n};\n\nconst getButtonContent = (faIcon, options = {}) => {\n  const {selectionMode = 'single', isSelected = false, iconColor = ICON_COLOR} = options;\n\n  return (\n    <div className={style.contentWrapper}>\n      {isSelected ? (\n        /* checkbox icon */\n        <div className={style.checkIcon}>\n          <FaIcon\n            iconName={CHECK_ICON_NAME_MAP[selectionMode]}\n            iconColor={iconColor}\n            backgroundColor={BACKGROUND_COLOR}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        </div>\n      ) : null}\n      {\n        /* selection tick (L18) / icon */\n        <div className={style.iconWrapper}>\n          <div className={style.icon}>\n            <FaIcon\n              iconName={faIcon}\n              iconColor={isSelected ? iconColor : ''}\n              size={{faSize: 32, wrapperSize: 32}}\n            />\n          </div>\n          <div className={style.iconText}>{faIcon}</div>\n        </div>\n      }\n    </div>\n  );\n};\n\nconst SelectIcon = props => {\n  const {faIcon, 'data-name': dataName, 'aria-label': ariaLabel, onClick, options = {}} = props;\n\n  const {isSelected = false} = options;\n\n  const contentView = getButtonContent(faIcon, options);\n  const styleButton = classnames(style.default, isSelected && style.selected);\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const IconButton = useCallback(\n    () => (\n      <button\n        type=\"button\"\n        aria-label={ariaLabel}\n        data-name={dataName}\n        data-testid={`button-${dataName}`}\n        className={styleButton}\n        onClick={handleOnClick}\n      >\n        {contentView}\n      </button>\n    ),\n    [ariaLabel, contentView, dataName, handleOnClick, styleButton]\n  );\n\n  return <IconButton />;\n};\n\nSelectIcon.propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  faIcon: PropTypes.string,\n  onClick: PropTypes.func,\n  options: PropTypes.shape({\n    selectionMode: PropTypes.oneOf(['single', 'multi']),\n    isSelected: PropTypes.bool,\n    iconColor: PropTypes.string\n  })\n};\n\nexport default SelectIcon;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,KAAA,GAAAF,sBAAA,CAAAF,OAAA;AAEA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAAgC,SAAAE,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAEhC,MAAMW,UAAU,GAAGC,cAAM,CAACC,eAAe;AACzC,MAAMC,gBAAgB,GAAGF,cAAM,CAACG,KAAK;AACrC,MAAMC,mBAAmB,GAAG;EAC1BC,MAAM,EAAE,cAAc;EACtBC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,gBAAgB,GAAGA,CAACC,MAAM,EAAEC,OAAO,GAAG,CAAC,CAAC,KAAK;EACjD,MAAM;IAACC,aAAa,GAAG,QAAQ;IAAEC,UAAU,GAAG,KAAK;IAAEC,SAAS,GAAGb;EAAU,CAAC,GAAGU,OAAO;EAEtF,oBACEvC,MAAA,CAAAW,OAAA,CAAAgC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC;EAAe,GAClCL,UAAU;EAAA;EACT;EACAzC,MAAA,CAAAW,OAAA,CAAAgC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACE;EAAU,gBAC9B/C,MAAA,CAAAW,OAAA,CAAAgC,aAAA,CAACrC,KAAA,CAAAK,OAAM;IACLqC,QAAQ,EAAEd,mBAAmB,CAACM,aAAa,CAAE;IAC7CE,SAAS,EAAEA,SAAU;IACrBO,eAAe,EAAEjB,gBAAiB;IAClCkB,IAAI,EAAE;MAACC,MAAM,EAAE,EAAE;MAAEC,WAAW,EAAE;IAAE;EAAE,CACrC,CACE,CAAC,GACJ,IAAI;EAAA;EAEN;EACApD,MAAA,CAAAW,OAAA,CAAAgC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACQ;EAAY,gBAChCrD,MAAA,CAAAW,OAAA,CAAAgC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACS;EAAK,gBACzBtD,MAAA,CAAAW,OAAA,CAAAgC,aAAA,CAACrC,KAAA,CAAAK,OAAM;IACLqC,QAAQ,EAAEV,MAAO;IACjBI,SAAS,EAAED,UAAU,GAAGC,SAAS,GAAG,EAAG;IACvCQ,IAAI,EAAE;MAACC,MAAM,EAAE,EAAE;MAAEC,WAAW,EAAE;IAAE;EAAE,CACrC,CACE,CAAC,eACNpD,MAAA,CAAAW,OAAA,CAAAgC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACU;EAAS,GAAEjB,MAAY,CAC1C,CAEJ,CAAC;AAEV,CAAC;AAED,MAAMkB,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACnB,MAAM;IAAE,WAAW,EAAEoB,QAAQ;IAAE,YAAY,EAAEC,SAAS;IAAEC,OAAO;IAAErB,OAAO,GAAG,CAAC;EAAC,CAAC,GAAGkB,KAAK;EAE7F,MAAM;IAAChB,UAAU,GAAG;EAAK,CAAC,GAAGF,OAAO;EAEpC,MAAMsB,WAAW,GAAGxB,gBAAgB,CAACC,MAAM,EAAEC,OAAO,CAAC;EACrD,MAAMuB,WAAW,GAAG,IAAAC,mBAAU,EAAClB,cAAK,CAAClC,OAAO,EAAE8B,UAAU,IAAII,cAAK,CAACmB,QAAQ,CAAC;EAC3E,MAAMC,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAMN,OAAO,CAAC,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAE7D,MAAMO,UAAU,GAAG,IAAAD,kBAAW,EAC5B,mBACElE,MAAA,CAAAW,OAAA,CAAAgC,aAAA;IACEyB,IAAI,EAAC,QAAQ;IACb,cAAYT,SAAU;IACtB,aAAWD,QAAS;IACpB,eAAa,UAAUA,QAAQ,EAAG;IAClCd,SAAS,EAAEkB,WAAY;IACvBF,OAAO,EAAEK;EAAc,GAEtBJ,WACK,CACT,EACD,CAACF,SAAS,EAAEE,WAAW,EAAEH,QAAQ,EAAEO,aAAa,EAAEH,WAAW,CAC/D,CAAC;EAED,oBAAO9D,MAAA,CAAAW,OAAA,CAAAgC,aAAA,CAACwB,UAAU,MAAE,CAAC;AACvB,CAAC;AAEDX,UAAU,CAACa,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrB,YAAY,EAAEC,kBAAS,CAACC,MAAM;EAC9B,WAAW,EAAED,kBAAS,CAACC,MAAM;EAC7BpC,MAAM,EAAEmC,kBAAS,CAACC,MAAM;EACxBd,OAAO,EAAEa,kBAAS,CAACE,IAAI;EACvBpC,OAAO,EAAEkC,kBAAS,CAACG,KAAK,CAAC;IACvBpC,aAAa,EAAEiC,kBAAS,CAACI,KAAK,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACnDpC,UAAU,EAAEgC,kBAAS,CAACK,IAAI;IAC1BpC,SAAS,EAAE+B,kBAAS,CAACC;EACvB,CAAC;AACH,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAArE,OAAA,GAEa6C,UAAU","ignoreList":[]}

package/lib/atom/select-icon/style.css

@@ -36,7 +36,7 @@
   color: cm_grey_500;
 }
 
-.defaultStyle {
+.default {
   composes: button;
   width: 144px;
   height: 120px;

package/lib/atom/status-item/index.js

@@ -86,7 +86,7 @@ const StatusItem = props => {
     selected
   } = props;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style.default.defaultStyle, icon === 'right' && _style.default.right, icon === 'wrong' && _style.default.wrong, current && _style.default.current, icon === 'valid' && _style.default.valid, icon === 'invalid' && _style.default.invalid, icon === 'errors-number' && _style.default.errorsNumber, selected && _style.default.selected),
+    className: (0, _classnames.default)(_style.default.default, icon === 'right' && _style.default.right, icon === 'wrong' && _style.default.wrong, current && _style.default.current, icon === 'valid' && _style.default.valid, icon === 'invalid' && _style.default.invalid, icon === 'errors-number' && _style.default.errorsNumber, selected && _style.default.selected),
     "data-name": "status-item"
   }, /*#__PURE__*/_react.default.createElement(Content, props));
 };

package/lib/atom/status-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_classnames","_novaIcons","_provider","_interopRequireWildcard","_style","_types","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Content","props","legacyContext","icon","current","value","translate","GetTranslateFromContext","child","contentAriaLabel","headerStepValue","createElement","NovaCompositionCoorpacademyCheck","className","classnames","style","rightIcon","currentRightIcon","role","NovaSolidStatusClose","wrongIcon","currentWrongIcon","bulkImportErrorsNumber","validIcon","invalidIcon","StatusItem","selected","defaultStyle","right","wrong","valid","invalid","errorsNumber","propTypes","process","env","NODE_ENV","contextTypes","skin","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/status-item/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport style from './style.css';\nimport propTypes, {StatusItemProps} from './types';\n\nconst Content = (props: StatusItemProps, legacyContext: WebContextValues) => {\n  const {icon, current, value} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  let child;\n  let contentAriaLabel;\n  switch (icon) {\n    case 'no-answer':\n      child = value;\n      contentAriaLabel = translate('review_header_step_item.not_answered_question', {\n        current: current ? 'current ' : '',\n        headerStepValue: value\n      });\n      break;\n\n    case 'right':\n      child = (\n        <RightIcon\n          className={classnames(style.rightIcon, current && style.currentRightIcon)}\n          role=\"status\"\n          aria-label={translate('review_header_step_item.correct_question', {\n            current: current ? 'current ' : '',\n            headerStepValue: value\n          })}\n        />\n      );\n      break;\n\n    case 'wrong':\n      child = (\n        <WrongIcon\n          className={classnames(style.wrongIcon, current && style.currentWrongIcon)}\n          role=\"alert\"\n          aria-label={translate('review_header_step_item.incorrect_question', {\n            current: current ? 'current ' : '',\n            headerStepValue: value\n          })}\n        />\n      );\n      break;\n\n    case 'errors-number':\n      child = value;\n      contentAriaLabel = translate('bulk_import.errors_number', {\n        bulkImportErrorsNumber: value\n      });\n      break;\n\n    case 'valid':\n      child = (\n        <RightIcon\n          className={classnames(style.validIcon)}\n          role=\"status\"\n          aria-label={translate('bulk_import.valid_scorm')}\n        />\n      );\n      break;\n\n    case 'invalid':\n      child = (\n        <WrongIcon\n          className={classnames(style.invalidIcon)}\n          role=\"alert\"\n          aria-label={translate('bulk_import.invalid_scorm')}\n        />\n      );\n      break;\n\n    default:\n      return null;\n  }\n\n  return (\n    <span\n      {...(icon === 'no-answer' || icon === 'errors-number'\n        ? {'aria-label': contentAriaLabel, role: 'status'}\n        : {})}\n      className={style.value}\n    >\n      {child}\n    </span>\n  );\n};\n\nconst StatusItem = (props: StatusItemProps) => {\n  const {icon, current, selected} = props;\n  return (\n    <div\n      className={classnames(\n        style.defaultStyle,\n        icon === 'right' && style.right,\n        icon === 'wrong' && style.wrong,\n        current && style.current,\n        icon === 'valid' && style.valid,\n        icon === 'invalid' && style.invalid,\n        icon === 'errors-number' && style.errorsNumber,\n        selected && style.selected\n      )}\n      data-name=\"status-item\"\n    >\n      <Content {...props} />\n    </div>\n  );\n};\n\nContent.propTypes = propTypes;\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nStatusItem.propTypes = propTypes;\n\nexport default StatusItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_classnames","_novaIcons","_provider","_interopRequireWildcard","_style","_types","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Content","props","legacyContext","icon","current","value","translate","GetTranslateFromContext","child","contentAriaLabel","headerStepValue","createElement","NovaCompositionCoorpacademyCheck","className","classnames","style","rightIcon","currentRightIcon","role","NovaSolidStatusClose","wrongIcon","currentWrongIcon","bulkImportErrorsNumber","validIcon","invalidIcon","StatusItem","selected","right","wrong","valid","invalid","errorsNumber","propTypes","process","env","NODE_ENV","contextTypes","skin","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/status-item/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport style from './style.css';\nimport propTypes, {StatusItemProps} from './types';\n\nconst Content = (props: StatusItemProps, legacyContext: WebContextValues) => {\n  const {icon, current, value} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  let child;\n  let contentAriaLabel;\n  switch (icon) {\n    case 'no-answer':\n      child = value;\n      contentAriaLabel = translate('review_header_step_item.not_answered_question', {\n        current: current ? 'current ' : '',\n        headerStepValue: value\n      });\n      break;\n\n    case 'right':\n      child = (\n        <RightIcon\n          className={classnames(style.rightIcon, current && style.currentRightIcon)}\n          role=\"status\"\n          aria-label={translate('review_header_step_item.correct_question', {\n            current: current ? 'current ' : '',\n            headerStepValue: value\n          })}\n        />\n      );\n      break;\n\n    case 'wrong':\n      child = (\n        <WrongIcon\n          className={classnames(style.wrongIcon, current && style.currentWrongIcon)}\n          role=\"alert\"\n          aria-label={translate('review_header_step_item.incorrect_question', {\n            current: current ? 'current ' : '',\n            headerStepValue: value\n          })}\n        />\n      );\n      break;\n\n    case 'errors-number':\n      child = value;\n      contentAriaLabel = translate('bulk_import.errors_number', {\n        bulkImportErrorsNumber: value\n      });\n      break;\n\n    case 'valid':\n      child = (\n        <RightIcon\n          className={classnames(style.validIcon)}\n          role=\"status\"\n          aria-label={translate('bulk_import.valid_scorm')}\n        />\n      );\n      break;\n\n    case 'invalid':\n      child = (\n        <WrongIcon\n          className={classnames(style.invalidIcon)}\n          role=\"alert\"\n          aria-label={translate('bulk_import.invalid_scorm')}\n        />\n      );\n      break;\n\n    default:\n      return null;\n  }\n\n  return (\n    <span\n      {...(icon === 'no-answer' || icon === 'errors-number'\n        ? {'aria-label': contentAriaLabel, role: 'status'}\n        : {})}\n      className={style.value}\n    >\n      {child}\n    </span>\n  );\n};\n\nconst StatusItem = (props: StatusItemProps) => {\n  const {icon, current, selected} = props;\n  return (\n    <div\n      className={classnames(\n        style.default,\n        icon === 'right' && style.right,\n        icon === 'wrong' && style.wrong,\n        current && style.current,\n        icon === 'valid' && style.valid,\n        icon === 'invalid' && style.invalid,\n        icon === 'errors-number' && style.errorsNumber,\n        selected && style.selected\n      )}\n      data-name=\"status-item\"\n    >\n      <Content {...props} />\n    </div>\n  );\n};\n\nContent.propTypes = propTypes;\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nStatusItem.propTypes = propTypes;\n\nexport default StatusItem;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/status-item/style.css

@@ -11,7 +11,7 @@
 @value cm_pink_50 from colors;
 @value cm_primary_blue from colors;
 
-.defaultStyle {
+.default {
   width: 100%;
   height: 100%;
   opacity: 0.5;