@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

package/lib/atom/clue/index.js

@@ -2,17 +2,29 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _provider = _interopRequireDefault(require("../provider"));
+
 var _loader = _interopRequireDefault(require("../loader"));
+
 var _cta = _interopRequireDefault(require("../cta"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const LoadedClue = ({
   text
 }) => {
@@ -26,14 +38,17 @@ const LoadedClue = ({
     }
   }));
 };
+
 LoadedClue.propTypes = process.env.NODE_ENV !== "production" ? {
   text: _propTypes.default.string
 } : {};
+
 class Clue extends _react.default.Component {
   static contextTypes = {
     skin: _provider.default.childContextTypes.skin,
     translate: _provider.default.childContextTypes.translate
   };
+
   static getDerivedStateFromProps(props) {
     const {
       text
@@ -44,6 +59,7 @@ class Clue extends _react.default.Component {
       isLoading
     };
   }
+
   constructor(props, context) {
     super(props, context);
     this.state = {
@@ -51,6 +67,7 @@ class Clue extends _react.default.Component {
     };
     this.handleClick = this.handleClick.bind(this);
   }
+
   handleClick(e) {
     e.stopPropagation();
     e.preventDefault();
@@ -64,6 +81,7 @@ class Clue extends _react.default.Component {
       isLoading
     });
   }
+
   render() {
     const {
       text,
@@ -109,11 +127,14 @@ class Clue extends _react.default.Component {
       text: text
     }))));
   }
+
 }
+
 Clue.propTypes = process.env.NODE_ENV !== "production" ? {
   text: LoadedClue.propTypes.text,
   onClick: _cta.default.propTypes.onClick,
   starsDiff: _propTypes.default.number
 } : {};
-var _default = exports.default = Clue;
+var _default = Clue;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_provider","_loader","_cta","_style","e","__esModule","default","LoadedClue","text","createElement","className","style","clueText","dangerouslySetInnerHTML","__html","propTypes","process","env","NODE_ENV","PropTypes","string","Clue","React","Component","contextTypes","skin","Provider","childContextTypes","translate","getDerivedStateFromProps","props","isLoading","_isEmpty2","constructor","context","state","handleClick","bind","stopPropagation","preventDefault","onClick","_noop2","setState","render","starsDiff","primaryColor","_get2","inlineStyle","backgroundColor","starsToLoose","count","Math","abs","seeClueCta","wrapperClue","classnames","clueCard","flip","back","backContent","loading","stars","submitValue","secondary","light","front","Cta","number","_default","exports"],"sources":["../../../src/atom/clue/index.js"],"sourcesContent":["import React from 'react';\nimport {get, isEmpty, noop} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport Loader from '../loader';\nimport Cta from '../cta';\nimport style from './style.css';\n\nconst LoadedClue = ({text}) => {\n  return (\n    <div data-name=\"text\" className={style.clueText}>\n      <div\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: text}}\n      />\n    </div>\n  );\n};\n\nLoadedClue.propTypes = {\n  text: PropTypes.string\n};\n\nclass Clue extends React.Component {\n  static propTypes = {\n    text: LoadedClue.propTypes.text,\n    onClick: Cta.propTypes.onClick,\n    starsDiff: PropTypes.number\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    translate: Provider.childContextTypes.translate\n  };\n\n  static getDerivedStateFromProps(props) {\n    const {text} = props;\n    const isLoading = isEmpty(text);\n\n    if (isLoading) return null;\n    return {isLoading};\n  }\n\n  constructor(props, context) {\n    super(props, context);\n    this.state = {\n      isLoading: false\n    };\n    this.handleClick = this.handleClick.bind(this);\n  }\n\n  handleClick(e) {\n    e.stopPropagation();\n    e.preventDefault();\n    const {text, onClick = noop} = this.props;\n    onClick(e);\n    const isLoading = isEmpty(text);\n    return this.setState({\n      isLoading\n    });\n  }\n\n  render() {\n    const {text, starsDiff} = this.props;\n    const {skin, translate} = this.context;\n    const {isLoading} = this.state;\n    const primaryColor = get('common.primary', skin);\n    const inlineStyle = {backgroundColor: primaryColor};\n    const starsToLoose = translate('clue_stars_to_loose', {count: Math.abs(starsDiff)});\n    const seeClueCta = translate('See clue');\n\n    return (\n      <div data-name=\"clue\" className={style.wrapperClue}>\n        <div className={classnames(style.clueCard, !isEmpty(text) && style.flip)}>\n          <div className={style.back} style={inlineStyle} data-name=\"clue-back-side\">\n            {isLoading ? <Loader /> : null}\n            <div className={classnames(style.backContent, isLoading && style.loading)}>\n              <div className={style.stars}>{starsToLoose}</div>\n              <Cta submitValue={seeClueCta} secondary light onClick={this.handleClick} />\n            </div>\n          </div>\n          <div className={style.front} style={inlineStyle}>\n            <LoadedClue text={text} />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Clue;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["LoadedClue","text","style","clueText","__html","propTypes","PropTypes","string","Clue","React","Component","contextTypes","skin","Provider","childContextTypes","translate","getDerivedStateFromProps","props","isLoading","constructor","context","state","handleClick","bind","e","stopPropagation","preventDefault","onClick","setState","render","starsDiff","primaryColor","inlineStyle","backgroundColor","starsToLoose","count","Math","abs","seeClueCta","wrapperClue","classnames","clueCard","flip","back","backContent","loading","stars","front","Cta","number"],"sources":["../../../src/atom/clue/index.js"],"sourcesContent":["import React from 'react';\nimport {get, isEmpty, noop} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport Loader from '../loader';\nimport Cta from '../cta';\nimport style from './style.css';\n\nconst LoadedClue = ({text}) => {\n  return (\n    <div data-name=\"text\" className={style.clueText}>\n      <div\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: text}}\n      />\n    </div>\n  );\n};\n\nLoadedClue.propTypes = {\n  text: PropTypes.string\n};\n\nclass Clue extends React.Component {\n  static propTypes = {\n    text: LoadedClue.propTypes.text,\n    onClick: Cta.propTypes.onClick,\n    starsDiff: PropTypes.number\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    translate: Provider.childContextTypes.translate\n  };\n\n  static getDerivedStateFromProps(props) {\n    const {text} = props;\n    const isLoading = isEmpty(text);\n\n    if (isLoading) return null;\n    return {isLoading};\n  }\n\n  constructor(props, context) {\n    super(props, context);\n    this.state = {\n      isLoading: false\n    };\n    this.handleClick = this.handleClick.bind(this);\n  }\n\n  handleClick(e) {\n    e.stopPropagation();\n    e.preventDefault();\n    const {text, onClick = noop} = this.props;\n    onClick(e);\n    const isLoading = isEmpty(text);\n    return this.setState({\n      isLoading\n    });\n  }\n\n  render() {\n    const {text, starsDiff} = this.props;\n    const {skin, translate} = this.context;\n    const {isLoading} = this.state;\n    const primaryColor = get('common.primary', skin);\n    const inlineStyle = {backgroundColor: primaryColor};\n    const starsToLoose = translate('clue_stars_to_loose', {count: Math.abs(starsDiff)});\n    const seeClueCta = translate('See clue');\n\n    return (\n      <div data-name=\"clue\" className={style.wrapperClue}>\n        <div className={classnames(style.clueCard, !isEmpty(text) && style.flip)}>\n          <div className={style.back} style={inlineStyle} data-name=\"clue-back-side\">\n            {isLoading ? <Loader /> : null}\n            <div className={classnames(style.backContent, isLoading && style.loading)}>\n              <div className={style.stars}>{starsToLoose}</div>\n              <Cta submitValue={seeClueCta} secondary light onClick={this.handleClick} />\n            </div>\n          </div>\n          <div className={style.front} style={inlineStyle}>\n            <LoadedClue text={text} />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Clue;\n"],"mappings":"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"}

package/lib/atom/content-badge/index.js

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const CATEGORIES = {
   base: _style.default.base,
   advanced: _style.default.advanced,
@@ -19,6 +25,7 @@ const CATEGORIES = {
   course: _style.default.course,
   hidden: _style.default.hidden
 };
+
 const ContentBadge = props => {
   const {
     category,
@@ -28,9 +35,11 @@ const ContentBadge = props => {
     className: CATEGORIES[category]
   }, label);
 };
+
 ContentBadge.propTypes = process.env.NODE_ENV !== "production" ? {
   category: _propTypes.default.oneOf((0, _keys2.default)(CATEGORIES)),
   label: _propTypes.default.string
 } : {};
-var _default = exports.default = ContentBadge;
+var _default = ContentBadge;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/atom/content-badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_style","e","__esModule","default","CATEGORIES","base","style","advanced","coach","chapter","scorm","video","article","podcast","course","hidden","ContentBadge","props","category","label","createElement","className","propTypes","process","env","NODE_ENV","PropTypes","oneOf","_keys2","string","_default","exports"],"sources":["../../../src/atom/content-badge/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport style from './style.css';\n\nconst CATEGORIES = {\n  base: style.base,\n  advanced: style.advanced,\n  coach: style.coach,\n  chapter: style.chapter,\n  scorm: style.scorm,\n  video: style.video,\n  article: style.article,\n  podcast: style.podcast,\n  course: style.course,\n  hidden: style.hidden\n};\n\nconst ContentBadge = props => {\n  const {category, label} = props;\n  return <span className={CATEGORIES[category]}>{label}</span>;\n};\n\nContentBadge.propTypes = {\n  category: PropTypes.oneOf(keys(CATEGORIES)),\n  label: PropTypes.string\n};\n\nexport default ContentBadge;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,UAAU,GAAG;EACjBC,IAAI,EAAEC,cAAK,CAACD,IAAI;EAChBE,QAAQ,EAAED,cAAK,CAACC,QAAQ;EACxBC,KAAK,EAAEF,cAAK,CAACE,KAAK;EAClBC,OAAO,EAAEH,cAAK,CAACG,OAAO;EACtBC,KAAK,EAAEJ,cAAK,CAACI,KAAK;EAClBC,KAAK,EAAEL,cAAK,CAACK,KAAK;EAClBC,OAAO,EAAEN,cAAK,CAACM,OAAO;EACtBC,OAAO,EAAEP,cAAK,CAACO,OAAO;EACtBC,MAAM,EAAER,cAAK,CAACQ,MAAM;EACpBC,MAAM,EAAET,cAAK,CAACS;AAChB,CAAC;AAED,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,QAAQ;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAC/B,oBAAOrB,MAAA,CAAAO,OAAA,CAAAiB,aAAA;IAAMC,SAAS,EAAEjB,UAAU,CAACc,QAAQ;EAAE,GAAEC,KAAY,CAAC;AAC9D,CAAC;AAEDH,YAAY,CAACM,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvBP,QAAQ,EAAEQ,kBAAS,CAACC,KAAK,CAAC,IAAAC,MAAA,CAAAzB,OAAA,EAAKC,UAAU,CAAC,CAAC;EAC3Ce,KAAK,EAAEO,kBAAS,CAACG;AACnB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEaa,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["CATEGORIES","base","style","advanced","coach","chapter","scorm","video","article","podcast","course","hidden","ContentBadge","props","category","label","propTypes","PropTypes","oneOf","string"],"sources":["../../../src/atom/content-badge/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport style from './style.css';\n\nconst CATEGORIES = {\n  base: style.base,\n  advanced: style.advanced,\n  coach: style.coach,\n  chapter: style.chapter,\n  scorm: style.scorm,\n  video: style.video,\n  article: style.article,\n  podcast: style.podcast,\n  course: style.course,\n  hidden: style.hidden\n};\n\nconst ContentBadge = props => {\n  const {category, label} = props;\n  return <span className={CATEGORIES[category]}>{label}</span>;\n};\n\nContentBadge.propTypes = {\n  category: PropTypes.oneOf(keys(CATEGORIES)),\n  label: PropTypes.string\n};\n\nexport default ContentBadge;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEA,MAAMA,UAAU,GAAG;EACjBC,IAAI,EAAEC,cAAA,CAAMD,IADK;EAEjBE,QAAQ,EAAED,cAAA,CAAMC,QAFC;EAGjBC,KAAK,EAAEF,cAAA,CAAME,KAHI;EAIjBC,OAAO,EAAEH,cAAA,CAAMG,OAJE;EAKjBC,KAAK,EAAEJ,cAAA,CAAMI,KALI;EAMjBC,KAAK,EAAEL,cAAA,CAAMK,KANI;EAOjBC,OAAO,EAAEN,cAAA,CAAMM,OAPE;EAQjBC,OAAO,EAAEP,cAAA,CAAMO,OARE;EASjBC,MAAM,EAAER,cAAA,CAAMQ,MATG;EAUjBC,MAAM,EAAET,cAAA,CAAMS;AAVG,CAAnB;;AAaA,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,QAAD;IAAWC;EAAX,IAAoBF,KAA1B;EACA,oBAAO;IAAM,SAAS,EAAEb,UAAU,CAACc,QAAD;EAA3B,GAAwCC,KAAxC,CAAP;AACD,CAHD;;AAKAH,YAAY,CAACI,SAAb,2CAAyB;EACvBF,QAAQ,EAAEG,kBAAA,CAAUC,KAAV,CAAgB,oBAAKlB,UAAL,CAAhB,CADa;EAEvBe,KAAK,EAAEE,kBAAA,CAAUE;AAFM,CAAzB;eAKeP,Y"}

package/lib/atom/cta/index.js

@@ -2,19 +2,33 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _cssColorFunction = require("css-color-function");
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _link = _interopRequireDefault(require("../link"));
+
 var _provider = _interopRequireDefault(require("../provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _propTypes = _interopRequireDefault(require("./prop-types"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const CTA = (props, legacyContext) => {
   const {
     skin
@@ -48,6 +62,7 @@ const CTA = (props, legacyContext) => {
     const color = (0, _get2.default)('common.primary', skin);
     const grey = (0, _get2.default)('common.grey', skin);
     if (logout) return;
+
     if (disabled) {
       return {
         backgroundColor: grey,
@@ -55,6 +70,7 @@ const CTA = (props, legacyContext) => {
         opacity: '0.3'
       };
     }
+
     if (hovered) {
       const darkenColor = (0, _cssColorFunction.convert)(`color(${color} blackness(+10%))`);
       return {
@@ -62,6 +78,7 @@ const CTA = (props, legacyContext) => {
         borderColor: darkenColor
       };
     }
+
     if (secondary) return {
       color,
       borderColor: color
@@ -94,9 +111,11 @@ const CTA = (props, legacyContext) => {
     className: _style.default.logoutIcon
   }), submitValue) : submitValue);
 };
+
 CTA.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
 CTA.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
-var _default = exports.default = CTA;
+var _default = CTA;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_cssColorFunction","_classnames","_interopRequireDefault","_novaIcons","_link","_provider","_style","_propTypes","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CTA","props","legacyContext","skin","ariaLabel","submitValue","name","ctaName","href","target","disabled","light","small","secondary","onClick","className","logout","rectangular","fullWidth","certificationButton","useButtonTag","hovered","setHovered","useState","handleMouseEnter","useCallback","handleMouseLeave","getStyle","color","_get2","grey","backgroundColor","borderColor","opacity","darkenColor","convert","createElement","_noop2","onMouseEnter","onMouseLeave","classnames","style","button","smallButton","lightButton","secondaryButton","logoutButton","rectangularButton","logoutWrapper","NovaCompositionCoorpacademyLogout","height","width","logoutIcon","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/cta/index.tsx"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport {convert} from 'css-color-function';\nimport {get, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyLogout as LogoutIcon} from '@coorpacademy/nova-icons';\nimport Link from '../link';\nimport type {WebContextValues} from '../provider/web-context';\nimport Provider from '../provider';\nimport style from './style.css';\nimport propTypes from './prop-types';\nimport type {CTAProps} from './prop-types';\n\nconst CTA = (props: CTAProps, legacyContext: WebContextValues) => {\n  const {skin} = legacyContext;\n  const {\n    'aria-label': ariaLabel,\n    submitValue = 'submit',\n    name: ctaName,\n    href,\n    target,\n    disabled = false,\n    light = false,\n    small = false,\n    secondary = false,\n    onClick,\n    className,\n    logout = false,\n    rectangular = false,\n    fullWidth = false,\n    certificationButton = false,\n    useButtonTag = false\n  } = props;\n  const [hovered, setHovered] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n  }, []);\n\n  const getStyle = useCallback(() => {\n    const color = get('common.primary', skin);\n    const grey = get('common.grey', skin);\n\n    if (logout) return;\n\n    if (disabled) {\n      return {\n        backgroundColor: grey,\n        borderColor: grey,\n        opacity: '0.3'\n      };\n    }\n\n    if (hovered) {\n      const darkenColor = convert(`color(${color} blackness(+10%))`);\n      return {\n        backgroundColor: darkenColor,\n        borderColor: darkenColor\n      };\n    }\n\n    if (secondary)\n      return {\n        color,\n        borderColor: color\n      };\n\n    if (light)\n      return {\n        color\n      };\n\n    return {\n      borderColor: color,\n      backgroundColor: color\n    };\n  }, [disabled, hovered, light, logout, secondary, skin]);\n\n  return (\n    <Link\n      href={href}\n      onClick={disabled ? noop : onClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      target={target}\n      className={classnames(\n        style.button,\n        disabled ? style.disabled : null,\n        small ? style.smallButton : null,\n        light ? style.lightButton : null,\n        secondary ? style.secondaryButton : null,\n        logout ? style.logoutButton : null,\n        rectangular ? style.rectangularButton : null,\n        fullWidth ? style.fullWidth : null,\n        certificationButton ? style.certificationButton : null,\n        className\n      )}\n      data-name={ctaName || 'cta'}\n      style={getStyle()}\n      aria-label={ariaLabel}\n      useButtonTag={useButtonTag}\n    >\n      {logout ? (\n        <div className={style.logoutWrapper} data-name=\"cta-logout-label\">\n          <LogoutIcon height={15} width={15} className={style.logoutIcon} />\n          {submitValue}\n        </div>\n      ) : (\n        submitValue\n      )}\n    </Link>\n  );\n};\n\nCTA.propTypes = propTypes;\n\nCTA.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default CTA;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["CTA","props","legacyContext","skin","ariaLabel","submitValue","name","ctaName","href","target","disabled","light","small","secondary","onClick","className","logout","rectangular","fullWidth","certificationButton","useButtonTag","hovered","setHovered","useState","handleMouseEnter","useCallback","handleMouseLeave","getStyle","color","grey","backgroundColor","borderColor","opacity","darkenColor","convert","classnames","style","button","smallButton","lightButton","secondaryButton","logoutButton","rectangularButton","logoutWrapper","logoutIcon","propTypes","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/cta/index.tsx"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport {convert} from 'css-color-function';\nimport {get, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyLogout as LogoutIcon} from '@coorpacademy/nova-icons';\nimport Link from '../link';\nimport type {WebContextValues} from '../provider/web-context';\nimport Provider from '../provider';\nimport style from './style.css';\nimport propTypes from './prop-types';\nimport type {CTAProps} from './prop-types';\n\nconst CTA = (props: CTAProps, legacyContext: WebContextValues) => {\n  const {skin} = legacyContext;\n  const {\n    'aria-label': ariaLabel,\n    submitValue = 'submit',\n    name: ctaName,\n    href,\n    target,\n    disabled = false,\n    light = false,\n    small = false,\n    secondary = false,\n    onClick,\n    className,\n    logout = false,\n    rectangular = false,\n    fullWidth = false,\n    certificationButton = false,\n    useButtonTag = false\n  } = props;\n  const [hovered, setHovered] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n  }, []);\n\n  const getStyle = useCallback(() => {\n    const color = get('common.primary', skin);\n    const grey = get('common.grey', skin);\n\n    if (logout) return;\n\n    if (disabled) {\n      return {\n        backgroundColor: grey,\n        borderColor: grey,\n        opacity: '0.3'\n      };\n    }\n\n    if (hovered) {\n      const darkenColor = convert(`color(${color} blackness(+10%))`);\n      return {\n        backgroundColor: darkenColor,\n        borderColor: darkenColor\n      };\n    }\n\n    if (secondary)\n      return {\n        color,\n        borderColor: color\n      };\n\n    if (light)\n      return {\n        color\n      };\n\n    return {\n      borderColor: color,\n      backgroundColor: color\n    };\n  }, [disabled, hovered, light, logout, secondary, skin]);\n\n  return (\n    <Link\n      href={href}\n      onClick={disabled ? noop : onClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      target={target}\n      className={classnames(\n        style.button,\n        disabled ? style.disabled : null,\n        small ? style.smallButton : null,\n        light ? style.lightButton : null,\n        secondary ? style.secondaryButton : null,\n        logout ? style.logoutButton : null,\n        rectangular ? style.rectangularButton : null,\n        fullWidth ? style.fullWidth : null,\n        certificationButton ? style.certificationButton : null,\n        className\n      )}\n      data-name={ctaName || 'cta'}\n      style={getStyle()}\n      aria-label={ariaLabel}\n      useButtonTag={useButtonTag}\n    >\n      {logout ? (\n        <div className={style.logoutWrapper} data-name=\"cta-logout-label\">\n          <LogoutIcon height={15} width={15} className={style.logoutIcon} />\n          {submitValue}\n        </div>\n      ) : (\n        submitValue\n      )}\n    </Link>\n  );\n};\n\nCTA.propTypes = propTypes;\n\nCTA.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default CTA;\n"],"mappings":"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"}

package/lib/atom/cta/prop-types.js

@@ -2,9 +2,13 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _link = _interopRequireDefault(require("../link"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const propTypes = {
   'aria-label': _link.default.propTypes['aria-label'],
   submitValue: _link.default.propTypes.children,
@@ -23,5 +27,6 @@ const propTypes = {
   certificationButton: _propTypes.default.bool,
   useButtonTag: _link.default.propTypes.useButtonTag
 };
-var _default = exports.default = propTypes;
+var _default = propTypes;
+exports.default = _default;
 //# sourceMappingURL=prop-types.js.map

package/lib/atom/cta/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["_propTypes","_interopRequireDefault","require","_link","e","__esModule","default","propTypes","Link","submitValue","children","href","onClick","target","name","PropTypes","string","disabled","bool","light","secondary","small","className","logout","rectangular","fullWidth","certificationButton","useButtonTag","_default","exports"],"sources":["../../../src/atom/cta/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Link from '../link';\n\nconst propTypes = {\n  'aria-label': Link.propTypes['aria-label'],\n  submitValue: Link.propTypes.children,\n  href: Link.propTypes.href,\n  onClick: Link.propTypes.onClick,\n  target: Link.propTypes.target,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  light: PropTypes.bool,\n  secondary: PropTypes.bool,\n  small: PropTypes.bool,\n  className: PropTypes.string,\n  logout: PropTypes.bool,\n  rectangular: PropTypes.bool,\n  fullWidth: PropTypes.bool,\n  certificationButton: PropTypes.bool,\n  useButtonTag: Link.propTypes.useButtonTag\n};\n\nexport type CTAProps = {\n  'aria-label'?: string;\n  submitValue: React.ReactElement;\n  href: string;\n  onClick?: () => void;\n  target: '_self' | '_blank' | '_parent' | '_top';\n  name: string;\n  disabled: boolean;\n  light: boolean;\n  secondary: boolean;\n  small: boolean;\n  className: string;\n  logout: boolean;\n  rectangular: boolean;\n  fullWidth: boolean;\n  certificationButton: boolean;\n  useButtonTag: boolean;\n};\n\nexport default propTypes;\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA2B,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE3B,MAAMG,SAAS,GAAG;EAChB,YAAY,EAAEC,aAAI,CAACD,SAAS,CAAC,YAAY,CAAC;EAC1CE,WAAW,EAAED,aAAI,CAACD,SAAS,CAACG,QAAQ;EACpCC,IAAI,EAAEH,aAAI,CAACD,SAAS,CAACI,IAAI;EACzBC,OAAO,EAAEJ,aAAI,CAACD,SAAS,CAACK,OAAO;EAC/BC,MAAM,EAAEL,aAAI,CAACD,SAAS,CAACM,MAAM;EAC7BC,IAAI,EAAEC,kBAAS,CAACC,MAAM;EACtBC,QAAQ,EAAEF,kBAAS,CAACG,IAAI;EACxBC,KAAK,EAAEJ,kBAAS,CAACG,IAAI;EACrBE,SAAS,EAAEL,kBAAS,CAACG,IAAI;EACzBG,KAAK,EAAEN,kBAAS,CAACG,IAAI;EACrBI,SAAS,EAAEP,kBAAS,CAACC,MAAM;EAC3BO,MAAM,EAAER,kBAAS,CAACG,IAAI;EACtBM,WAAW,EAAET,kBAAS,CAACG,IAAI;EAC3BO,SAAS,EAAEV,kBAAS,CAACG,IAAI;EACzBQ,mBAAmB,EAAEX,kBAAS,CAACG,IAAI;EACnCS,YAAY,EAAEnB,aAAI,CAACD,SAAS,CAACoB;AAC/B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAvB,OAAA,GAqBaC,SAAS","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["propTypes","Link","submitValue","children","href","onClick","target","name","PropTypes","string","disabled","bool","light","secondary","small","className","logout","rectangular","fullWidth","certificationButton","useButtonTag"],"sources":["../../../src/atom/cta/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Link from '../link';\n\nconst propTypes = {\n  'aria-label': Link.propTypes['aria-label'],\n  submitValue: Link.propTypes.children,\n  href: Link.propTypes.href,\n  onClick: Link.propTypes.onClick,\n  target: Link.propTypes.target,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  light: PropTypes.bool,\n  secondary: PropTypes.bool,\n  small: PropTypes.bool,\n  className: PropTypes.string,\n  logout: PropTypes.bool,\n  rectangular: PropTypes.bool,\n  fullWidth: PropTypes.bool,\n  certificationButton: PropTypes.bool,\n  useButtonTag: Link.propTypes.useButtonTag\n};\n\nexport type CTAProps = {\n  'aria-label'?: string;\n  submitValue: React.ReactElement;\n  href: string;\n  onClick?: () => void;\n  target: '_self' | '_blank' | '_parent' | '_top';\n  name: string;\n  disabled: boolean;\n  light: boolean;\n  secondary: boolean;\n  small: boolean;\n  className: string;\n  logout: boolean;\n  rectangular: boolean;\n  fullWidth: boolean;\n  certificationButton: boolean;\n  useButtonTag: boolean;\n};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG;EAChB,cAAcC,aAAA,CAAKD,SAAL,CAAe,YAAf,CADE;EAEhBE,WAAW,EAAED,aAAA,CAAKD,SAAL,CAAeG,QAFZ;EAGhBC,IAAI,EAAEH,aAAA,CAAKD,SAAL,CAAeI,IAHL;EAIhBC,OAAO,EAAEJ,aAAA,CAAKD,SAAL,CAAeK,OAJR;EAKhBC,MAAM,EAAEL,aAAA,CAAKD,SAAL,CAAeM,MALP;EAMhBC,IAAI,EAAEC,kBAAA,CAAUC,MANA;EAOhBC,QAAQ,EAAEF,kBAAA,CAAUG,IAPJ;EAQhBC,KAAK,EAAEJ,kBAAA,CAAUG,IARD;EAShBE,SAAS,EAAEL,kBAAA,CAAUG,IATL;EAUhBG,KAAK,EAAEN,kBAAA,CAAUG,IAVD;EAWhBI,SAAS,EAAEP,kBAAA,CAAUC,MAXL;EAYhBO,MAAM,EAAER,kBAAA,CAAUG,IAZF;EAahBM,WAAW,EAAET,kBAAA,CAAUG,IAbP;EAchBO,SAAS,EAAEV,kBAAA,CAAUG,IAdL;EAehBQ,mBAAmB,EAAEX,kBAAA,CAAUG,IAff;EAgBhBS,YAAY,EAAEnB,aAAA,CAAKD,SAAL,CAAeoB;AAhBb,CAAlB;eAsCepB,S"}

package/lib/atom/difficulty-level/index.js

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _includes = _interopRequireDefault(require("lodash/fp/includes"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Icon = ({
   level = 0
 }) => {
@@ -17,23 +25,28 @@ const Icon = ({
       return /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLevel1, {
         className: _style.default.icon
       });
+
     case 2:
       return /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLevel2, {
         className: _style.default.icon
       });
+
     case 3:
       return /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLevel3, {
         className: _style.default.icon
       });
+
     default:
       return /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLevel0, {
         className: _style.default.icon
       });
   }
 };
+
 Icon.propTypes = process.env.NODE_ENV !== "production" ? {
   level: _propTypes.default.oneOf([1, 2, 3])
 } : {};
+
 const DifficultyLevel = ({
   level,
   children
@@ -51,9 +64,11 @@ const DifficultyLevel = ({
 }), /*#__PURE__*/_react.default.createElement("span", {
   className: _style.default.text
 }, children)));
+
 DifficultyLevel.propTypes = process.env.NODE_ENV !== "production" ? {
   level: Icon.propTypes.level,
   children: _propTypes.default.string
 } : {};
-var _default = exports.default = DifficultyLevel;
+var _default = DifficultyLevel;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/atom/difficulty-level/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_includes","_novaIcons","_style","e","__esModule","default","Icon","level","createElement","NovaCompositionCoorpacademyLevel1","className","style","icon","NovaCompositionCoorpacademyLevel2","NovaCompositionCoorpacademyLevel3","NovaCompositionCoorpacademyLevel0","propTypes","process","env","NODE_ENV","PropTypes","oneOf","DifficultyLevel","children","inlineContainer","classnames","unknownContainer","includes","easyContainer","normalContainer","hardContainer","text","string","_default","exports"],"sources":["../../../src/atom/difficulty-level/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport includes from 'lodash/fp/includes';\nimport {\n  NovaCompositionCoorpacademyLevel0,\n  NovaCompositionCoorpacademyLevel1,\n  NovaCompositionCoorpacademyLevel2,\n  NovaCompositionCoorpacademyLevel3\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Icon = ({level = 0}) => {\n  switch (level) {\n    case 1:\n      return <NovaCompositionCoorpacademyLevel1 className={style.icon} />;\n    case 2:\n      return <NovaCompositionCoorpacademyLevel2 className={style.icon} />;\n    case 3:\n      return <NovaCompositionCoorpacademyLevel3 className={style.icon} />;\n    default:\n      return <NovaCompositionCoorpacademyLevel0 className={style.icon} />;\n  }\n};\n\nIcon.propTypes = {\n  level: PropTypes.oneOf([1, 2, 3])\n};\n\nconst DifficultyLevel = ({level, children}) => (\n  <div className={style.inlineContainer}>\n    <div\n      className={classnames({\n        [style.unknownContainer]: !includes(level, [1, 2, 3]),\n        [style.easyContainer]: level === 1,\n        [style.normalContainer]: level === 2,\n        [style.hardContainer]: level === 3\n      })}\n    >\n      <Icon level={level} />\n      <span className={style.text}>{children}</span>\n    </div>\n  </div>\n);\n\nDifficultyLevel.propTypes = {\n  level: Icon.propTypes.level,\n  children: PropTypes.string\n};\n\nexport default DifficultyLevel;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAMA,IAAAK,MAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,IAAI,GAAGA,CAAC;EAACC,KAAK,GAAG;AAAC,CAAC,KAAK;EAC5B,QAAQA,KAAK;IACX,KAAK,CAAC;MACJ,oBAAOZ,MAAA,CAAAU,OAAA,CAAAG,aAAA,CAACP,UAAA,CAAAQ,iCAAiC;QAACC,SAAS,EAAEC,cAAK,CAACC;MAAK,CAAE,CAAC;IACrE,KAAK,CAAC;MACJ,oBAAOjB,MAAA,CAAAU,OAAA,CAAAG,aAAA,CAACP,UAAA,CAAAY,iCAAiC;QAACH,SAAS,EAAEC,cAAK,CAACC;MAAK,CAAE,CAAC;IACrE,KAAK,CAAC;MACJ,oBAAOjB,MAAA,CAAAU,OAAA,CAAAG,aAAA,CAACP,UAAA,CAAAa,iCAAiC;QAACJ,SAAS,EAAEC,cAAK,CAACC;MAAK,CAAE,CAAC;IACrE;MACE,oBAAOjB,MAAA,CAAAU,OAAA,CAAAG,aAAA,CAACP,UAAA,CAAAc,iCAAiC;QAACL,SAAS,EAAEC,cAAK,CAACC;MAAK,CAAE,CAAC;EACvE;AACF,CAAC;AAEDN,IAAI,CAACU,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACfZ,KAAK,EAAEa,kBAAS,CAACC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAClC,CAAC;AAED,MAAMC,eAAe,GAAGA,CAAC;EAACf,KAAK;EAAEgB;AAAQ,CAAC,kBACxC5B,MAAA,CAAAU,OAAA,CAAAG,aAAA;EAAKE,SAAS,EAAEC,cAAK,CAACa;AAAgB,gBACpC7B,MAAA,CAAAU,OAAA,CAAAG,aAAA;EACEE,SAAS,EAAE,IAAAe,mBAAU,EAAC;IACpB,CAACd,cAAK,CAACe,gBAAgB,GAAG,CAAC,IAAAC,iBAAQ,EAACpB,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACrD,CAACI,cAAK,CAACiB,aAAa,GAAGrB,KAAK,KAAK,CAAC;IAClC,CAACI,cAAK,CAACkB,eAAe,GAAGtB,KAAK,KAAK,CAAC;IACpC,CAACI,cAAK,CAACmB,aAAa,GAAGvB,KAAK,KAAK;EACnC,CAAC;AAAE,gBAEHZ,MAAA,CAAAU,OAAA,CAAAG,aAAA,CAACF,IAAI;EAACC,KAAK,EAAEA;AAAM,CAAE,CAAC,eACtBZ,MAAA,CAAAU,OAAA,CAAAG,aAAA;EAAME,SAAS,EAAEC,cAAK,CAACoB;AAAK,GAAER,QAAe,CAC1C,CACF,CACN;AAEDD,eAAe,CAACN,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC1BZ,KAAK,EAAED,IAAI,CAACU,SAAS,CAACT,KAAK;EAC3BgB,QAAQ,EAAEH,kBAAS,CAACY;AACtB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAEaiB,eAAe","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Icon","level","style","icon","propTypes","PropTypes","oneOf","DifficultyLevel","children","inlineContainer","classnames","unknownContainer","includes","easyContainer","normalContainer","hardContainer","text","string"],"sources":["../../../src/atom/difficulty-level/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport includes from 'lodash/fp/includes';\nimport {\n  NovaCompositionCoorpacademyLevel0,\n  NovaCompositionCoorpacademyLevel1,\n  NovaCompositionCoorpacademyLevel2,\n  NovaCompositionCoorpacademyLevel3\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Icon = ({level = 0}) => {\n  switch (level) {\n    case 1:\n      return <NovaCompositionCoorpacademyLevel1 className={style.icon} />;\n    case 2:\n      return <NovaCompositionCoorpacademyLevel2 className={style.icon} />;\n    case 3:\n      return <NovaCompositionCoorpacademyLevel3 className={style.icon} />;\n    default:\n      return <NovaCompositionCoorpacademyLevel0 className={style.icon} />;\n  }\n};\n\nIcon.propTypes = {\n  level: PropTypes.oneOf([1, 2, 3])\n};\n\nconst DifficultyLevel = ({level, children}) => (\n  <div className={style.inlineContainer}>\n    <div\n      className={classnames({\n        [style.unknownContainer]: !includes(level, [1, 2, 3]),\n        [style.easyContainer]: level === 1,\n        [style.normalContainer]: level === 2,\n        [style.hardContainer]: level === 3\n      })}\n    >\n      <Icon level={level} />\n      <span className={style.text}>{children}</span>\n    </div>\n  </div>\n);\n\nDifficultyLevel.propTypes = {\n  level: Icon.propTypes.level,\n  children: PropTypes.string\n};\n\nexport default DifficultyLevel;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAMA;;;;AAEA,MAAMA,IAAI,GAAG,CAAC;EAACC,KAAK,GAAG;AAAT,CAAD,KAAiB;EAC5B,QAAQA,KAAR;IACE,KAAK,CAAL;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAEC,cAAA,CAAMC;MAApD,EAAP;;IACF,KAAK,CAAL;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAED,cAAA,CAAMC;MAApD,EAAP;;IACF,KAAK,CAAL;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAED,cAAA,CAAMC;MAApD,EAAP;;IACF;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAED,cAAA,CAAMC;MAApD,EAAP;EARJ;AAUD,CAXD;;AAaAH,IAAI,CAACI,SAAL,2CAAiB;EACfH,KAAK,EAAEI,kBAAA,CAAUC,KAAV,CAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB;AADQ,CAAjB;;AAIA,MAAMC,eAAe,GAAG,CAAC;EAACN,KAAD;EAAQO;AAAR,CAAD,kBACtB;EAAK,SAAS,EAAEN,cAAA,CAAMO;AAAtB,gBACE;EACE,SAAS,EAAE,IAAAC,mBAAA,EAAW;IACpB,CAACR,cAAA,CAAMS,gBAAP,GAA0B,CAAC,IAAAC,iBAAA,EAASX,KAAT,EAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB,CADP;IAEpB,CAACC,cAAA,CAAMW,aAAP,GAAuBZ,KAAK,KAAK,CAFb;IAGpB,CAACC,cAAA,CAAMY,eAAP,GAAyBb,KAAK,KAAK,CAHf;IAIpB,CAACC,cAAA,CAAMa,aAAP,GAAuBd,KAAK,KAAK;EAJb,CAAX;AADb,gBAQE,6BAAC,IAAD;EAAM,KAAK,EAAEA;AAAb,EARF,eASE;EAAM,SAAS,EAAEC,cAAA,CAAMc;AAAvB,GAA8BR,QAA9B,CATF,CADF,CADF;;AAgBAD,eAAe,CAACH,SAAhB,2CAA4B;EAC1BH,KAAK,EAAED,IAAI,CAACI,SAAL,CAAeH,KADI;EAE1BO,QAAQ,EAAEH,kBAAA,CAAUY;AAFM,CAA5B;eAKeV,e"}

package/lib/atom/drag-and-drop/index.js

@@ -2,20 +2,35 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _constant2 = _interopRequireDefault(require("lodash/fp/constant"));
+
 var _uniqueId2 = _interopRequireDefault(require("lodash/fp/uniqueId"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _loader = _interopRequireDefault(require("../loader"));
+
 var _buttonLink = _interopRequireDefault(require("../button-link"));
+
 var _getClassState = _interopRequireDefault(require("../../util/get-class-state"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const constantNull = (0, _constant2.default)(null);
+
 class DragAndDrop extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -25,16 +40,19 @@ class DragAndDrop extends _react.default.Component {
     this.handleDragStart = this.handleDragStart.bind(this);
     this.handleDragStop = this.handleDragStop.bind(this);
   }
+
   handleDragStart() {
     this.setState({
       dragging: true
     });
   }
+
   handleDragStop() {
     this.setState({
       dragging: false
     });
   }
+
   render() {
     const idBox = (0, _uniqueId2.default)('drop-box-');
     const {
@@ -65,6 +83,7 @@ class DragAndDrop extends _react.default.Component {
       padding: '12px 24px',
       boxSizing: 'border-box'
     };
+
     if (previewContent && previewContent.type === 'image') {
       previewView = /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.preview
@@ -137,6 +156,7 @@ class DragAndDrop extends _react.default.Component {
     } else {
       previewView = /*#__PURE__*/_react.default.createElement("span", null, previewLabel);
     }
+
     const resetContent = previewContent && previewContent.src && !multiple ? /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(_style.default.resetUploadWrapper, disabled && _style.default.disabled)
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -148,6 +168,7 @@ class DragAndDrop extends _react.default.Component {
       className: _style.default.closeIcon,
       onClick: onReset
     }) : null) : null;
+
     const buildButton = () => {
       const defaultButtonProps = {
         label: uploadLabel,
@@ -159,6 +180,7 @@ class DragAndDrop extends _react.default.Component {
         },
         customStyle: customButtonStyle
       };
+
       if (dragging) {
         return null;
       } else if (error) {
@@ -170,9 +192,11 @@ class DragAndDrop extends _react.default.Component {
         return /*#__PURE__*/_react.default.createElement(_buttonLink.default, defaultButtonProps);
       }
     };
+
     const button = buildButton(dragging, error);
     const previewContainer = (0, _getClassState.default)(multiple ? _style.default.previewContainerMultiple : _style.default.previewContainer, _style.default.modifiedPreviewContainer, null, modified, error);
     const inputWrapper = (0, _getClassState.default)(_style.default.inputWrapper, _style.default.modifiedInputWrapper, _style.default.errorInputWrapper, modified, error);
+
     const buildContent = () => {
       if (loading) {
         return previewView;
@@ -198,6 +222,7 @@ class DragAndDrop extends _react.default.Component {
         }, 'Drag & Drop here')), button, /*#__PURE__*/_react.default.createElement("div", null, children(this.handleDragStart, this.handleDragStop)));
       }
     };
+
     const content = buildContent();
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.wrapper,
@@ -208,7 +233,9 @@ class DragAndDrop extends _react.default.Component {
       className: (0, _classnames.default)(_style.default.errorMessage, disabled && _style.default.disabled)
     }, error) : resetContent);
   }
+
 }
+
 DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   description: _propTypes.default.string,
@@ -231,5 +258,6 @@ DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
   pdfButtonAriaLabel: _propTypes.default.string,
   multiple: _propTypes.default.bool
 } : {};
-var _default = exports.default = DragAndDrop;
+var _default = DragAndDrop;
+exports.default = _default;
 //# sourceMappingURL=index.js.map