@coorpacademy/components 10.21.0-alpha.0 → 10.21.2

package/es/molecule/scope-content/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/scope-content/index.js"],"names":["React","PropTypes","Button","Provider","Discussion","ResourceBrowser","innerHTML","style","ScopeContent","props","context","translate","skin","content","lstitle","_chaptersTitle","time","title","_skills","_chapters","_resources","skillsTitle","chaptersTitle","onClick","buttonLabel","discussion","skills","map","skill","index","__html","chapters","chapter","name","ctaView","cta","backgroundColor","desc","infos","coltitle","dottedlist","column","roundedlist","bordered","contextTypes","childContextTypes","propTypes","shape","string","func","arrayOf","object","course_scope","resources"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Discussion from '../../organism/discussion';\nimport ResourceBrowser from '../../organism/resource-browser';\nimport {innerHTML} from '../../atom/label/style.css';\nimport style from './style.css';\n\nconst ScopeContent = (props, context) => {\n  const {translate, skin} = context;\n  const {content} = props;\n\n  const lstitle = translate('At the end of this level, you will be able to_');\n  const _chaptersTitle = translate('chapters');\n\n  const time = getOr('', 'time', content);\n  const title = getOr('', 'title', content);\n  const _skills = getOr([], 'skills', content);\n  const _chapters = getOr([], 'chapters', content);\n  const _resources = getOr([], 'resources', content);\n\n  const skillsTitle = getOr(lstitle, 'skillsTitle', content);\n  const chaptersTitle = getOr(_chaptersTitle, 'chaptersTitle', content);\n\n  const onClick = get('onClick', content);\n  const buttonLabel = get('buttonLabel', content);\n  const discussion = get('discussion', content);\n  const skills = _skills.map((skill, index) => (\n    <li\n      key={index}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: skill}}\n    />\n  ));\n\n  const chapters = _chapters.map((chapter, index) => (\n    <li\n      key={index}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: chapter.name}}\n    />\n  ));\n\n  const ctaView = onClick ? (\n    <Button\n      data-name=\"cta\"\n      type=\"link\"\n      className={style.cta}\n      onClick={onClick}\n      submitValue={buttonLabel}\n      style={{\n        backgroundColor: get('common.primary', skin)\n      }}\n    />\n  ) : null;\n\n  return content && title ? (\n    <div data-name=\"scopeContent\">\n      <div data-name=\"description\" className={style.desc}>\n        <div className={style.infos}>\n          <div className={style.title}>\n            <div\n              className={innerHTML}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: title}}\n            />\n            <div>\n              <span data-name=\"duration\" className={style.time}>\n                {time}\n              </span>\n            </div>\n          </div>\n          {ctaView}\n        </div>\n        <div className={style.skills}>\n          <div className={style.coltitle}>{skillsTitle}</div>\n          <ul className={style.dottedlist}>{skills}</ul>\n        </div>\n        <div className={style.column}>\n          <div className={style.coltitle}>{chaptersTitle}</div>\n          <div>\n            <ul className={style.roundedlist}>{chapters}</ul>\n          </div>\n        </div>\n      </div>\n\n      {_resources ? (\n        <div data-name=\"description\" className={style.bordered}>\n          <ResourceBrowser resources={_resources} />\n        </div>\n      ) : null}\n      {discussion ? <Discussion {...discussion} className={style.discussion} /> : null}\n    </div>\n  ) : (\n    <div data-name=\"discussion\">\n      {discussion ? <Discussion {...discussion} className={style.discussion} /> : null}\n    </div>\n  );\n};\n\nScopeContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nScopeContent.propTypes = {\n  content: PropTypes.shape({\n    title: PropTypes.string,\n    skillsTitle: PropTypes.string,\n    chaptersTitle: PropTypes.string,\n    time: PropTypes.string,\n    onClick: PropTypes.func,\n    buttonLabel: PropTypes.string,\n    skills: PropTypes.arrayOf(PropTypes.string),\n    chapters: PropTypes.arrayOf(PropTypes.object),\n    course_scope: PropTypes.arrayOf(PropTypes.string),\n    resources: ResourceBrowser.propTypes.resources,\n    discussion: PropTypes.shape(Discussion.propTypes)\n  })\n};\n\nexport default ScopeContent;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/scope-content/index.js"],"names":["React","PropTypes","Button","Provider","Discussion","ResourceBrowser","style","ScopeContent","props","context","translate","skin","content","lstitle","_chaptersTitle","time","title","_skills","_chapters","_resources","skillsTitle","chaptersTitle","onClick","buttonLabel","discussion","skills","map","skill","index","__html","chapters","chapter","name","ctaView","cta","backgroundColor","desc","infos","innerHTML","coltitle","dottedlist","column","roundedlist","bordered","contextTypes","childContextTypes","propTypes","shape","string","func","arrayOf","object","course_scope","resources"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Discussion from '../../organism/discussion';\nimport ResourceBrowser from '../../organism/resource-browser';\nimport style from './style.css';\n\nconst ScopeContent = (props, context) => {\n  const {translate, skin} = context;\n  const {content} = props;\n\n  const lstitle = translate('At the end of this level, you will be able to_');\n  const _chaptersTitle = translate('chapters');\n\n  const time = getOr('', 'time', content);\n  const title = getOr('', 'title', content);\n  const _skills = getOr([], 'skills', content);\n  const _chapters = getOr([], 'chapters', content);\n  const _resources = getOr([], 'resources', content);\n\n  const skillsTitle = getOr(lstitle, 'skillsTitle', content);\n  const chaptersTitle = getOr(_chaptersTitle, 'chaptersTitle', content);\n\n  const onClick = get('onClick', content);\n  const buttonLabel = get('buttonLabel', content);\n  const discussion = get('discussion', content);\n  const skills = _skills.map((skill, index) => (\n    <li\n      key={index}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: skill}}\n    />\n  ));\n\n  const chapters = _chapters.map((chapter, index) => (\n    <li\n      key={index}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: chapter.name}}\n    />\n  ));\n\n  const ctaView = onClick ? (\n    <Button\n      data-name=\"cta\"\n      type=\"link\"\n      className={style.cta}\n      onClick={onClick}\n      submitValue={buttonLabel}\n      style={{\n        backgroundColor: get('common.primary', skin)\n      }}\n    />\n  ) : null;\n\n  return content && title ? (\n    <div data-name=\"scopeContent\">\n      <div data-name=\"description\" className={style.desc}>\n        <div className={style.infos}>\n          <div className={style.title}>\n            <div\n              className={style.innerHTML}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: title}}\n            />\n            <div>\n              <span data-name=\"duration\" className={style.time}>\n                {time}\n              </span>\n            </div>\n          </div>\n          {ctaView}\n        </div>\n        <div className={style.skills}>\n          <div className={style.coltitle}>{skillsTitle}</div>\n          <ul className={style.dottedlist}>{skills}</ul>\n        </div>\n        <div className={style.column}>\n          <div className={style.coltitle}>{chaptersTitle}</div>\n          <div>\n            <ul className={style.roundedlist}>{chapters}</ul>\n          </div>\n        </div>\n      </div>\n\n      {_resources ? (\n        <div data-name=\"description\" className={style.bordered}>\n          <ResourceBrowser resources={_resources} />\n        </div>\n      ) : null}\n      {discussion ? <Discussion {...discussion} className={style.discussion} /> : null}\n    </div>\n  ) : (\n    <div data-name=\"discussion\">\n      {discussion ? <Discussion {...discussion} className={style.discussion} /> : null}\n    </div>\n  );\n};\n\nScopeContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nScopeContent.propTypes = {\n  content: PropTypes.shape({\n    title: PropTypes.string,\n    skillsTitle: PropTypes.string,\n    chaptersTitle: PropTypes.string,\n    time: PropTypes.string,\n    onClick: PropTypes.func,\n    buttonLabel: PropTypes.string,\n    skills: PropTypes.arrayOf(PropTypes.string),\n    chapters: PropTypes.arrayOf(PropTypes.object),\n    course_scope: PropTypes.arrayOf(PropTypes.string),\n    resources: ResourceBrowser.propTypes.resources,\n    discussion: PropTypes.shape(Discussion.propTypes)\n  })\n};\n\nexport default ScopeContent;\n"],"file":"index.js"}

package/es/molecule/scope-content/style.css

@@ -174,3 +174,7 @@
   border-right: solid 1px light;
   border-bottom: 1px solid light;
 }
+
+.innerHTML {
+  composes: innerHTML from '../../atom/label/style.css'
+}

package/es/molecule/share/index.js

@@ -101,7 +101,7 @@ const Share = ({
     }
 
     return;
-  }, [setStatus]);
+  }, [setStatus, text]);
   return /*#__PURE__*/React.createElement("div", {
     className: (styles.container, style)
   }, /*#__PURE__*/React.createElement(Link, {

package/es/molecule/share/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/share/index.js"],"names":["React","useState","useMemo","useCallback","useContext","useEffect","PropTypes","classnames","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionCoorpacademyShare","ShareIcon","NovaCompositionCoorpacademyAttention","AttentionIcon","Link","styles","SHARE_STATUS","IDLE","ERROR","SUCCESS","copyTextViaExecCommand","text","textarea","document","createElement","style","border","padding","visibility","position","setAttribute","value","body","appendChild","status","select","setSelectionRange","length","execCommand","error","removeChild","StatusContext","createContext","ShareStatusProvider","children","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","ShareFeedback","successWording","errorWording","feedback","errorFeedback","checkIcon","Share","wording","onClick","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","node","string"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,OAAzB,EAAkCC,WAAlC,EAA+CC,UAA/C,EAA2DC,SAA3D,QAA2E,OAA3E;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,gCAAgC,IAAIC,SADtC,EAEEC,gCAAgC,IAAIC,SAFtC,EAGEC,oCAAoC,IAAIC,aAH1C,QAIO,0BAJP;AAKA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,MAAP,MAAmB,aAAnB;AAEA,MAAMC,YAAY,GAAG;AACnBC,EAAAA,IAAI,EAAE,MADa;AAEnBC,EAAAA,KAAK,EAAE,OAFY;AAGnBC,EAAAA,OAAO,EAAE;AAHU,CAArB;;AAMA,MAAMC,sBAAsB,GAAGC,IAAI,IAAI;AACrC,QAAMC,QAAQ,GAAGC,QAAQ,CAACC,aAAT,CAAuB,UAAvB,CAAjB;AAEAF,EAAAA,QAAQ,CAACG,KAAT,CAAeC,MAAf,GAAwB,GAAxB;AACAJ,EAAAA,QAAQ,CAACG,KAAT,CAAeE,OAAf,GAAyB,GAAzB;AACAL,EAAAA,QAAQ,CAACG,KAAT,CAAeG,UAAf,GAA4B,QAA5B;AACAN,EAAAA,QAAQ,CAACG,KAAT,CAAeI,QAAf,GAA0B,UAA1B;AACAP,EAAAA,QAAQ,CAACQ,YAAT,CAAsB,UAAtB,EAAkC,EAAlC;AACAR,EAAAA,QAAQ,CAACS,KAAT,GAAiBV,IAAjB,CARqC,CAUrC;AACA;;AACAE,EAAAA,QAAQ,CAACS,IAAT,CAAcC,WAAd,CAA0BX,QAA1B;AACA,MAAIY,MAAM,GAAGlB,YAAY,CAACC,IAA1B;;AAEA,MAAI;AACFK,IAAAA,QAAQ,CAACa,MAAT;AACAb,IAAAA,QAAQ,CAACc,iBAAT,CAA2B,CAA3B,EAA8Bd,QAAQ,CAACS,KAAT,CAAeM,MAA7C;AACAd,IAAAA,QAAQ,CAACe,WAAT,CAAqB,MAArB;AACAJ,IAAAA,MAAM,GAAGlB,YAAY,CAACG,OAAtB;AACD,GALD,CAKE,OAAOoB,KAAP,EAAc;AACdL,IAAAA,MAAM,GAAGlB,YAAY,CAACE,KAAtB;AACD,GAtBoC,CAwBrC;AACA;;;AACAK,EAAAA,QAAQ,CAACS,IAAT,CAAcQ,WAAd,CAA0BlB,QAA1B;AAEA,SAAOY,MAAP;AACD,CA7BD;;AA+BA,MAAMO,aAAa,GAAGzC,KAAK,CAAC0C,aAAN,CAAoB1B,YAAY,CAACC,IAAjC,CAAtB;AAEA,OAAO,MAAM0B,mBAAmB,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAgB;AACjD,QAAM,CAACV,MAAD,EAASW,SAAT,IAAsB5C,QAAQ,CAACe,YAAY,CAACC,IAAd,CAApC;AACAZ,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIyC,SAAJ;AACA,UAAMC,QAAQ,GAAG,IAAjB;;AACA,QAAIb,MAAM,KAAKlB,YAAY,CAACC,IAA5B,EAAkC;AAChC6B,MAAAA,SAAS,GAAGE,UAAU,CAAC,MAAMH,SAAS,CAAC7B,YAAY,CAACC,IAAd,CAAhB,EAAqC8B,QAArC,CAAtB;AACD;;AACD,WAAO,MAAME,YAAY,CAACH,SAAD,CAAzB;AACD,GAPQ,EAON,CAACZ,MAAD,CAPM,CAAT;AASA,QAAMH,KAAK,GAAG7B,OAAO,CAAC,MAAM,CAACgC,MAAD,EAASW,SAAT,CAAP,EAA4B,CAACX,MAAD,CAA5B,CAArB;AAEA,sBAAO,oBAAC,aAAD,CAAe,QAAf;AAAwB,IAAA,KAAK,EAAEH;AAA/B,KAAuCa,QAAvC,CAAP;AACD,CAdM;AAgBP,OAAO,MAAMM,aAAa,GAAG,CAAC;AAACC,EAAAA,cAAD;AAAiBC,EAAAA;AAAjB,CAAD,KAAoC;AAC/D,QAAM,CAAClB,MAAD,IAAW9B,UAAU,CAACqC,aAAD,CAA3B;AACA,MAAIP,MAAM,KAAKlB,YAAY,CAACC,IAA5B,EAAkC,OAAO,IAAP;AAElC,sBACE;AACE,IAAA,SAAS,EAAEV,UAAU,CAACQ,MAAM,CAACsC,QAAR,EAAkBnB,MAAM,KAAKlB,YAAY,CAACE,KAAxB,IAAiCH,MAAM,CAACuC,aAA1D;AADvB,KAGGpB,MAAM,KAAKlB,YAAY,CAACG,OAAxB,gBACC,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEJ,MAAM,CAACwC,SAA7B;AAAwC,IAAA,KAAK,EAAE,EAA/C;AAAmD,IAAA,MAAM,EAAE;AAA3D,IADD,gBAGC,oBAAC,aAAD;AAAe,IAAA,SAAS,EAAExC,MAAM,CAACwC,SAAjC;AAA4C,IAAA,KAAK,EAAE,EAAnD;AAAuD,IAAA,MAAM,EAAE;AAA/D,IANJ,eAQE,+BAAIrB,MAAM,KAAKlB,YAAY,CAACG,OAAxB,GAAkCgC,cAAlC,GAAmDC,YAAvD,CARF,CADF;AAYD,CAhBM;;AAkBP,MAAMI,KAAK,GAAG,CAAC;AAAC/B,EAAAA,KAAD;AAAQJ,EAAAA,IAAR;AAAcoC,EAAAA;AAAd,CAAD,KAA4B;AACxC,QAAM,GAAGZ,SAAH,IAAgBzC,UAAU,CAACqC,aAAD,CAAhC;AACA,QAAMiB,OAAO,GAAGvD,WAAW,CAAC,YAAY;AACtC,UAAMwD,iCAAiC,GACrC,eAAeC,SAAf,IAA4B,eAAeA,SAAS,CAACC,SADvD;;AAEA,QAAIF,iCAAJ,EAAuC;AACrC,UAAI;AACF,cAAMC,SAAS,CAACC,SAAV,CAAoBC,SAApB,CAA8BzC,IAA9B,CAAN;AACAwB,QAAAA,SAAS,CAAC7B,YAAY,CAACG,OAAd,CAAT;AACD,OAHD,CAGE,OAAOoB,KAAP,EAAc;AACdM,QAAAA,SAAS,CAAC7B,YAAY,CAACE,KAAd,CAAT;AACD;;AACD;AACD,KARD,MAQO;AACL,YAAM6C,UAAU,GAAG3C,sBAAsB,CAACC,IAAD,CAAzC;AACAwB,MAAAA,SAAS,CAACkB,UAAD,CAAT;AACD;;AACD;AACD,GAhB0B,EAgBxB,CAAClB,SAAD,CAhBwB,CAA3B;AAkBA,sBACE;AAAK,IAAA,SAAS,GAAG9B,MAAM,CAACiD,SAAP,EAAkBvC,KAArB;AAAd,kBACE,oBAAC,IAAD;AAAM,IAAA,OAAO,EAAEiC,OAAf;AAAwB,IAAA,SAAS,EAAE3C,MAAM,CAACkD,GAA1C;AAA+C,iBAAW;AAA1D,kBACE;AAAK,IAAA,SAAS,EAAElD,MAAM,CAACmD;AAAvB,kBACE,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEnD,MAAM,CAACoD,SAA7B;AAAwC,IAAA,KAAK,EAAE,EAA/C;AAAmD,IAAA,MAAM,EAAE;AAA3D,IADF,eAEE,+BAAIV,OAAJ,CAFF,CADF,CADF,CADF;AAUD,CA9BD;;AAgCAd,mBAAmB,CAACyB,SAApB,2CAAgC;AAC9BxB,EAAAA,QAAQ,EAAEtC,SAAS,CAAC+D;AADU,CAAhC;AAIAnB,aAAa,CAACkB,SAAd,2CAA0B;AACxBjB,EAAAA,cAAc,EAAE7C,SAAS,CAACgE,MADF;AAExBlB,EAAAA,YAAY,EAAE9C,SAAS,CAACgE;AAFA,CAA1B;AAKAd,KAAK,CAACY,SAAN,2CAAkB;AAChB3C,EAAAA,KAAK,EAAEnB,SAAS,CAACgE,MADD;AAEhBjD,EAAAA,IAAI,EAAEf,SAAS,CAACgE,MAFA;AAGhBb,EAAAA,OAAO,EAAEnD,SAAS,CAACgE;AAHH,CAAlB;AAMA,eAAed,KAAf","sourcesContent":["import React, {useState, useMemo, useCallback, useContext, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyShare as ShareIcon,\n  NovaCompositionCoorpacademyAttention as AttentionIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst SHARE_STATUS = {\n  IDLE: 'IDLE',\n  ERROR: 'ERROR',\n  SUCCESS: 'SUCCESS'\n};\n\nconst copyTextViaExecCommand = text => {\n  const textarea = document.createElement('textarea');\n\n  textarea.style.border = '0';\n  textarea.style.padding = '0';\n  textarea.style.visibility = 'hidden';\n  textarea.style.position = 'absolute';\n  textarea.setAttribute('readonly', '');\n  textarea.value = text;\n\n  // Element.append is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-append\n  document.body.appendChild(textarea);\n  let status = SHARE_STATUS.IDLE;\n\n  try {\n    textarea.select();\n    textarea.setSelectionRange(0, textarea.value.length);\n    document.execCommand('copy');\n    status = SHARE_STATUS.SUCCESS;\n  } catch (error) {\n    status = SHARE_STATUS.ERROR;\n  }\n\n  // Element.remove is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-remove\n  document.body.removeChild(textarea);\n\n  return status;\n};\n\nconst StatusContext = React.createContext(SHARE_STATUS.IDLE);\n\nexport const ShareStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(SHARE_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== SHARE_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n\n  const value = useMemo(() => [status, setStatus], [status]);\n\n  return <StatusContext.Provider value={value}>{children}</StatusContext.Provider>;\n};\n\nexport const ShareFeedback = ({successWording, errorWording}) => {\n  const [status] = useContext(StatusContext);\n  if (status === SHARE_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback, status === SHARE_STATUS.ERROR && styles.errorFeedback)}\n    >\n      {status === SHARE_STATUS.SUCCESS ? (\n        <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      ) : (\n        <AttentionIcon className={styles.checkIcon} width={13} height={13} />\n      )}\n      <p>{status === SHARE_STATUS.SUCCESS ? successWording : errorWording}</p>\n    </div>\n  );\n};\n\nconst Share = ({style, text, wording}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const onClick = useCallback(async () => {\n    const browserSupportsClipboardWriteText =\n      'clipboard' in navigator && 'writeText' in navigator.clipboard;\n    if (browserSupportsClipboardWriteText) {\n      try {\n        await navigator.clipboard.writeText(text);\n        setStatus(SHARE_STATUS.SUCCESS);\n      } catch (error) {\n        setStatus(SHARE_STATUS.ERROR);\n      }\n      return;\n    } else {\n      const copyStatus = copyTextViaExecCommand(text);\n      setStatus(copyStatus);\n    }\n    return;\n  }, [setStatus]);\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link onClick={onClick} className={styles.cta} data-name={'share-button'}>\n        <div className={styles.wrapper}>\n          <ShareIcon className={styles.shareIcon} width={18} height={18} />\n          <p>{wording}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nShareStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nShareFeedback.propTypes = {\n  successWording: PropTypes.string,\n  errorWording: PropTypes.string\n};\n\nShare.propTypes = {\n  style: PropTypes.string,\n  text: PropTypes.string,\n  wording: PropTypes.string\n};\n\nexport default Share;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/share/index.js"],"names":["React","useState","useMemo","useCallback","useContext","useEffect","PropTypes","classnames","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionCoorpacademyShare","ShareIcon","NovaCompositionCoorpacademyAttention","AttentionIcon","Link","styles","SHARE_STATUS","IDLE","ERROR","SUCCESS","copyTextViaExecCommand","text","textarea","document","createElement","style","border","padding","visibility","position","setAttribute","value","body","appendChild","status","select","setSelectionRange","length","execCommand","error","removeChild","StatusContext","createContext","ShareStatusProvider","children","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","ShareFeedback","successWording","errorWording","feedback","errorFeedback","checkIcon","Share","wording","onClick","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","node","string"],"mappings":"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","sourcesContent":["import React, {useState, useMemo, useCallback, useContext, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyShare as ShareIcon,\n  NovaCompositionCoorpacademyAttention as AttentionIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst SHARE_STATUS = {\n  IDLE: 'IDLE',\n  ERROR: 'ERROR',\n  SUCCESS: 'SUCCESS'\n};\n\nconst copyTextViaExecCommand = text => {\n  const textarea = document.createElement('textarea');\n\n  textarea.style.border = '0';\n  textarea.style.padding = '0';\n  textarea.style.visibility = 'hidden';\n  textarea.style.position = 'absolute';\n  textarea.setAttribute('readonly', '');\n  textarea.value = text;\n\n  // Element.append is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-append\n  document.body.appendChild(textarea);\n  let status = SHARE_STATUS.IDLE;\n\n  try {\n    textarea.select();\n    textarea.setSelectionRange(0, textarea.value.length);\n    document.execCommand('copy');\n    status = SHARE_STATUS.SUCCESS;\n  } catch (error) {\n    status = SHARE_STATUS.ERROR;\n  }\n\n  // Element.remove is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-remove\n  document.body.removeChild(textarea);\n\n  return status;\n};\n\nconst StatusContext = React.createContext(SHARE_STATUS.IDLE);\n\nexport const ShareStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(SHARE_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== SHARE_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n\n  const value = useMemo(() => [status, setStatus], [status]);\n\n  return <StatusContext.Provider value={value}>{children}</StatusContext.Provider>;\n};\n\nexport const ShareFeedback = ({successWording, errorWording}) => {\n  const [status] = useContext(StatusContext);\n  if (status === SHARE_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback, status === SHARE_STATUS.ERROR && styles.errorFeedback)}\n    >\n      {status === SHARE_STATUS.SUCCESS ? (\n        <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      ) : (\n        <AttentionIcon className={styles.checkIcon} width={13} height={13} />\n      )}\n      <p>{status === SHARE_STATUS.SUCCESS ? successWording : errorWording}</p>\n    </div>\n  );\n};\n\nconst Share = ({style, text, wording}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const onClick = useCallback(async () => {\n    const browserSupportsClipboardWriteText =\n      'clipboard' in navigator && 'writeText' in navigator.clipboard;\n    if (browserSupportsClipboardWriteText) {\n      try {\n        await navigator.clipboard.writeText(text);\n        setStatus(SHARE_STATUS.SUCCESS);\n      } catch (error) {\n        setStatus(SHARE_STATUS.ERROR);\n      }\n      return;\n    } else {\n      const copyStatus = copyTextViaExecCommand(text);\n      setStatus(copyStatus);\n    }\n    return;\n  }, [setStatus, text]);\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link onClick={onClick} className={styles.cta} data-name={'share-button'}>\n        <div className={styles.wrapper}>\n          <ShareIcon className={styles.shareIcon} width={18} height={18} />\n          <p>{wording}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nShareStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nShareFeedback.propTypes = {\n  successWording: PropTypes.string,\n  errorWording: PropTypes.string\n};\n\nShare.propTypes = {\n  style: PropTypes.string,\n  text: PropTypes.string,\n  wording: PropTypes.string\n};\n\nexport default Share;\n"],"file":"index.js"}

package/es/molecule/skill-card/style.css

@@ -1,3 +1,5 @@
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
 @value colors: "../../variables/colors.css";
 @value cm_grey_400 from colors;
 @value white from colors;
@@ -21,7 +23,7 @@
 }
 
 .skillCardWrapper:hover {
-  box-shadow: 0 4px 48px box_shadow_medium_dark;
+  box-shadow: 0 4px 40px box_shadow_medium_dark;
 }
 
 .skillTitle {
@@ -57,3 +59,9 @@
 .buttonWrapper {
   padding: 0 24px 24px;
 }
+
+@media mobile {
+  .skillCardWrapper:hover {
+    box-shadow: 0 4px 20px box_shadow_medium_dark;
+  }
+}

package/es/organism/mooc-header/style.css

@@ -578,14 +578,14 @@
     height: auto;
     background-color: white;
     left: 0;
-    top: -100%;
+    top: -100vh;
     width: 100%;
     transition: top 0.8s ease-out;
     max-height: 100vh;
   }
 
   .menuWrapper:last-child  {
-    padding-bottom: 40px;  
+    padding-bottom: 60px;  
   }
 
   .hiddenSearchBar {

package/es/organism/review-skills/index.js

@@ -90,5 +90,7 @@ ReviewSkills.propTypes = process.env.NODE_ENV !== "production" ? _extends(_exten
   isLoading: PropTypes.bool,
   isLoadingAriaLabel: PropTypes.string
 }, ReviewListSkills.propTypes), ReviewNoSkills.propTypes) : {};
+export const ListSkillsPropTypes = ReviewListSkills.propTypes;
+export const NoSkillsPropTypes = ReviewNoSkills.propTypes;
 export default ReviewSkills;
 //# sourceMappingURL=index.js.map

package/es/organism/review-skills/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/review-skills/index.js"],"names":["React","PropTypes","isEmpty","map","NovaCompositionCoorpacademyEmptyStateHomeRevision","EmptyStateHomeRevision","NovaCompositionCoorpacademyInformationIcon","InformationIcon","Loader","SkillCard","style","ReviewListSkills","listSkills","listSkillsContainer","convert","cap","skillCard","key","skillCardContainer","ReviewNoSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","noSkillsContainer","imgNoSkills","ReviewSkills","props","ariaLabel","title","isLoading","isLoadingAriaLabel","containerReviewSkill","informationIcon","loaderContainer","loader","propTypes","arrayOf","shape","string","isRequired","bool"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,mBAApB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,SACEC,iDAAiD,IAAIC,sBADvD,EAEEC,0CAA0C,IAAIC,eAFhD,QAGO,0BAHP;AAIA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,SAAP,MAAsB,2BAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAkB;AACzC,sBACE;AAAK,IAAA,SAAS,EAAEF,KAAK,CAACG;AAAtB,KACGD,UAAU,IACTT,GAAG,CAACW,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0B,CAACC,SAAD,EAAYC,GAAZ,KAAoB;AAC5C,wBACE;AAAK,MAAA,SAAS,EAAEP,KAAK,CAACQ,kBAAtB;AAA0C,MAAA,GAAG,EAAG,QAAOD,GAAI;AAA3D,oBACE,oBAAC,SAAD,EAAeD,SAAf,CADF,CADF;AAKD,GAND,EAMGJ,UANH,CAFJ,CADF;AAYD,CAbD;;AAeA,MAAMO,cAAc,GAAG,CAAC;AAACC,EAAAA,aAAD;AAAgBC,EAAAA,YAAhB;AAA8BC,EAAAA;AAA9B,CAAD,KAAuD;AAC5E,sBACE;AAAK,IAAA,SAAS,EAAEZ,KAAK,CAACa;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEb,KAAK,CAACU;AAAtB,KAAsCA,aAAtC,CADF,eAEE;AAAK,IAAA,SAAS,EAAEV,KAAK,CAACW;AAAtB,UAAsCA,YAAtC,CAFF,eAGE,oBAAC,sBAAD;AAAwB,IAAA,SAAS,EAAEX,KAAK,CAACc,WAAzC;AAAsD,kBAAYF;AAAlE,IAHF,CADF;AAOD,CARD;;AAUA,MAAMG,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AACJ,kBAAcC,SADV;AAEJC,IAAAA,KAFI;AAGJhB,IAAAA,UAHI;AAIJQ,IAAAA,aAJI;AAKJC,IAAAA,YALI;AAMJC,IAAAA,kBANI;AAOJO,IAAAA,SAAS,GAAG,KAPR;AAQJC,IAAAA;AARI,MASFJ,KATJ;AAWA,sBACE;AAAK,IAAA,SAAS,EAAEhB,KAAK,CAACqB,oBAAtB;AAA4C,kBAAYJ;AAAxD,kBACE;AAAK,IAAA,SAAS,EAAEjB,KAAK,CAACkB;AAAtB,KACGA,KADH,eAEE,oBAAC,eAAD;AAAiB,IAAA,SAAS,EAAElB,KAAK,CAACsB,eAAlC;AAAmD,IAAA,KAAK,EAAE,EAA1D;AAA8D,IAAA,MAAM,EAAE;AAAtE,IAFF,CADF,EAKGH,SAAS,gBACR;AAAK,IAAA,SAAS,EAAEnB,KAAK,CAACuB;AAAtB,kBACE,oBAAC,MAAD;AAAQ,IAAA,SAAS,EAAEvB,KAAK,CAACwB,MAAzB;AAAiC,IAAA,KAAK,EAAC,SAAvC;AAAiD,kBAAYJ;AAA7D,IADF,CADQ,gBAKR,iCACG,CAAC5B,OAAO,CAACU,UAAD,CAAR,gBACC,oBAAC,gBAAD;AAAkB,IAAA,UAAU,EAAEA;AAA9B,IADD,gBAGC,oBAAC,cAAD;AACE,IAAA,aAAa,EAAEQ,aADjB;AAEE,IAAA,YAAY,EAAEC,YAFhB;AAGE,IAAA,kBAAkB,EAAEC;AAHtB,IAJJ,CAVJ,CADF;AAyBD,CArCD;;AAuCAX,gBAAgB,CAACwB,SAAjB,2CAA6B;AAC3BvB,EAAAA,UAAU,EAAEX,SAAS,CAACmC,OAAV,CAAkBnC,SAAS,CAACoC,KAAV,CAAgB5B,SAAS,CAAC0B,SAA1B,CAAlB;AADe,CAA7B;AAIAhB,cAAc,CAACgB,SAAf,2CAA2B;AACzBf,EAAAA,aAAa,EAAEnB,SAAS,CAACqC,MADA;AAEzBjB,EAAAA,YAAY,EAAEpB,SAAS,CAACqC,MAFC;AAGzBhB,EAAAA,kBAAkB,EAAErB,SAAS,CAACqC;AAHL,CAA3B;AAMAb,YAAY,CAACU,SAAb;AACE,gBAAclC,SAAS,CAACqC,MAD1B;AAEEV,EAAAA,KAAK,EAAE3B,SAAS,CAACqC,MAAV,CAAiBC,UAF1B;AAGEV,EAAAA,SAAS,EAAE5B,SAAS,CAACuC,IAHvB;AAIEV,EAAAA,kBAAkB,EAAE7B,SAAS,CAACqC;AAJhC,GAKK3B,gBAAgB,CAACwB,SALtB,GAMKhB,cAAc,CAACgB,SANpB;AASA,eAAeV,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport {\n  NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon\n} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport SkillCard from '../../molecule/skill-card';\nimport style from './style.css';\n\nconst ReviewListSkills = ({listSkills}) => {\n  return (\n    <div className={style.listSkillsContainer}>\n      {listSkills &&\n        map.convert({cap: false})((skillCard, key) => {\n          return (\n            <div className={style.skillCardContainer} key={`step-${key}`}>\n              <SkillCard {...skillCard} />\n            </div>\n          );\n        }, listSkills)}\n    </div>\n  );\n};\n\nconst ReviewNoSkills = ({titleNoSkills, textNoSkills, iconSkillAriaLabel}) => {\n  return (\n    <div className={style.noSkillsContainer}>\n      <div className={style.titleNoSkills}>{titleNoSkills}</div>\n      <div className={style.textNoSkills}> {textNoSkills}</div>\n      <EmptyStateHomeRevision className={style.imgNoSkills} aria-label={iconSkillAriaLabel} />\n    </div>\n  );\n};\n\nconst ReviewSkills = props => {\n  const {\n    'aria-label': ariaLabel,\n    title,\n    listSkills,\n    titleNoSkills,\n    textNoSkills,\n    iconSkillAriaLabel,\n    isLoading = false,\n    isLoadingAriaLabel\n  } = props;\n\n  return (\n    <div className={style.containerReviewSkill} aria-label={ariaLabel}>\n      <div className={style.title}>\n        {title}\n        <InformationIcon className={style.informationIcon} width={12} height={12} />\n      </div>\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"default\" aria-label={isLoadingAriaLabel} />\n        </div>\n      ) : (\n        <div>\n          {!isEmpty(listSkills) ? (\n            <ReviewListSkills listSkills={listSkills} />\n          ) : (\n            <ReviewNoSkills\n              titleNoSkills={titleNoSkills}\n              textNoSkills={textNoSkills}\n              iconSkillAriaLabel={iconSkillAriaLabel}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nReviewListSkills.propTypes = {\n  listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCard.propTypes))\n};\n\nReviewNoSkills.propTypes = {\n  titleNoSkills: PropTypes.string,\n  textNoSkills: PropTypes.string,\n  iconSkillAriaLabel: PropTypes.string\n};\n\nReviewSkills.propTypes = {\n  'aria-label': PropTypes.string,\n  title: PropTypes.string.isRequired,\n  isLoading: PropTypes.bool,\n  isLoadingAriaLabel: PropTypes.string,\n  ...ReviewListSkills.propTypes,\n  ...ReviewNoSkills.propTypes\n};\n\nexport default ReviewSkills;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/review-skills/index.js"],"names":["React","PropTypes","isEmpty","map","NovaCompositionCoorpacademyEmptyStateHomeRevision","EmptyStateHomeRevision","NovaCompositionCoorpacademyInformationIcon","InformationIcon","Loader","SkillCard","style","ReviewListSkills","listSkills","listSkillsContainer","convert","cap","skillCard","key","skillCardContainer","ReviewNoSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","noSkillsContainer","imgNoSkills","ReviewSkills","props","ariaLabel","title","isLoading","isLoadingAriaLabel","containerReviewSkill","informationIcon","loaderContainer","loader","propTypes","arrayOf","shape","string","isRequired","bool","ListSkillsPropTypes","NoSkillsPropTypes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport {\n  NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon\n} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport SkillCard from '../../molecule/skill-card';\nimport style from './style.css';\n\nconst ReviewListSkills = ({listSkills}) => {\n  return (\n    <div className={style.listSkillsContainer}>\n      {listSkills &&\n        map.convert({cap: false})((skillCard, key) => {\n          return (\n            <div className={style.skillCardContainer} key={`step-${key}`}>\n              <SkillCard {...skillCard} />\n            </div>\n          );\n        }, listSkills)}\n    </div>\n  );\n};\n\nconst ReviewNoSkills = ({titleNoSkills, textNoSkills, iconSkillAriaLabel}) => {\n  return (\n    <div className={style.noSkillsContainer}>\n      <div className={style.titleNoSkills}>{titleNoSkills}</div>\n      <div className={style.textNoSkills}> {textNoSkills}</div>\n      <EmptyStateHomeRevision className={style.imgNoSkills} aria-label={iconSkillAriaLabel} />\n    </div>\n  );\n};\n\nconst ReviewSkills = props => {\n  const {\n    'aria-label': ariaLabel,\n    title,\n    listSkills,\n    titleNoSkills,\n    textNoSkills,\n    iconSkillAriaLabel,\n    isLoading = false,\n    isLoadingAriaLabel\n  } = props;\n\n  return (\n    <div className={style.containerReviewSkill} aria-label={ariaLabel}>\n      <div className={style.title}>\n        {title}\n        <InformationIcon className={style.informationIcon} width={12} height={12} />\n      </div>\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"default\" aria-label={isLoadingAriaLabel} />\n        </div>\n      ) : (\n        <div>\n          {!isEmpty(listSkills) ? (\n            <ReviewListSkills listSkills={listSkills} />\n          ) : (\n            <ReviewNoSkills\n              titleNoSkills={titleNoSkills}\n              textNoSkills={textNoSkills}\n              iconSkillAriaLabel={iconSkillAriaLabel}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nReviewListSkills.propTypes = {\n  listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCard.propTypes))\n};\n\nReviewNoSkills.propTypes = {\n  titleNoSkills: PropTypes.string,\n  textNoSkills: PropTypes.string,\n  iconSkillAriaLabel: PropTypes.string\n};\n\nReviewSkills.propTypes = {\n  'aria-label': PropTypes.string,\n  title: PropTypes.string.isRequired,\n  isLoading: PropTypes.bool,\n  isLoadingAriaLabel: PropTypes.string,\n  ...ReviewListSkills.propTypes,\n  ...ReviewNoSkills.propTypes\n};\n\nexport const ListSkillsPropTypes = ReviewListSkills.propTypes;\nexport const NoSkillsPropTypes = ReviewNoSkills.propTypes;\n\nexport default ReviewSkills;\n"],"file":"index.js"}

package/es/organism/review-skills/style.css

@@ -23,6 +23,7 @@
   font-size: 20px;
   font-weight: 600;
   line-height: 28px;
+  margin-left: 40px;
 }
 
 .informationIcon {
@@ -33,7 +34,7 @@
 .listSkillsContainer {
   display: flex;
   flex-wrap: wrap;
-  margin-top: 24px;
+  margin: 24px 24px 0 40px;
 }
 
 .skillCardContainer {
@@ -113,6 +114,14 @@
     max-width: 100%;
   }
 
+  .listSkillsContainer {
+    margin: 24px 20px;
+  }
+
+  .title {
+  margin-left: 0;
+  }
+
   .titleNoSkills,
   .textNoSkills {
     width: 85%;

package/es/organism/sidebar/index.js

@@ -16,7 +16,6 @@ import Provider from '../../atom/provider';
 import Select from '../../atom/select';
 import Cta from '../../atom/cta';
 import SelectMultiple from '../../molecule/select-multiple';
-import { innerHTML } from '../../atom/label/style.css';
 import style from './style.css';
 const NEUTRAL_COLOR = '#607D8B';
 export const InputTextItem = props => {
@@ -131,7 +130,7 @@ export const LinkItem = ({
   const handleOnClick = useMemo(() => e => {
     onClick && onClick(e);
   }, [onClick]);
-  const classNames = classnames(style.linkItem, innerHTML, {
+  const classNames = classnames(style.linkItem, style.innerHTML, {
     [style.uppercase]: uppercase
   }, styles);
   const borderStyle = {

package/es/organism/sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/sidebar/index.js"],"names":["React","useMemo","classnames","PropTypes","NovaCompositionCoorpacademyOpenInNewTab","Link","Button","Provider","Select","Cta","SelectMultiple","innerHTML","style","NEUTRAL_COLOR","InputTextItem","props","title","placeholder","value","onChange","disabled","name","index","uppercase","handleOnChange","e","target","selectItem","selectTitle","input","propTypes","number","string","isRequired","bool","func","SelectItem","options","arrayOf","shape","selected","MultiSelectItem","LinkItem","href","color","onClick","styles","children","setChildrenAsHtml","handleOnClick","classNames","linkItem","borderStyle","borderLeftColor","textDecoration","__html","IconLinkItem","icon","TitleItem","titleItem","titleItemTitle","ButtonItem","neutralColor","cta","backgroundColor","button","rectangular","fullWidth","secondary","submitValue","buttonItem","oneOfType","InfoItem","color_","infoItem","infoItemTitle","infoItemContent","SidebarItem","item","type","oneOf","SidebarItems","items","sectionItems","map","Sidebar","context","sections","Array","isArray","skin","defaultColor","sidebar","sidebarSection","idx","sidebarPart","contextTypes","childContextTypes"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, defaults} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyOpenInNewTab} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Select from '../../atom/select';\nimport Cta from '../../atom/cta';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport {innerHTML} from '../../atom/label/style.css';\nimport style from './style.css';\n\nconst NEUTRAL_COLOR = '#607D8B';\n\nexport const InputTextItem = props => {\n  const {\n    title,\n    placeholder = '',\n    value,\n    onChange = noop,\n    disabled,\n    name,\n    index,\n    uppercase = true\n  } = props;\n  const handleOnChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  return (\n    <li data-name={name || `inputtext-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <input\n        type=\"text\"\n        name={title}\n        className={style.input}\n        placeholder={placeholder}\n        value={value}\n        disabled={disabled}\n        onChange={handleOnChange}\n      />\n    </li>\n  );\n};\n\nInputTextItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  placeholder: PropTypes.string,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const SelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <Select title={title} onChange={onChange} theme=\"header\" options={options} />\n    </li>\n  );\n};\n\nSelectItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired\n    })\n  ).isRequired,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const MultiSelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <SelectMultiple theme=\"sidebar\" onChange={onChange} options={options} />\n    </li>\n  );\n};\n\nMultiSelectItem.propTypes = SelectItem.propTypes;\n\nexport const LinkItem = ({\n  href,\n  index,\n  name,\n  selected,\n  color,\n  title,\n  onClick,\n  uppercase = true,\n  styles,\n  children,\n  setChildrenAsHtml = true,\n  target = '_self'\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const classNames = classnames(style.linkItem, innerHTML, {[style.uppercase]: uppercase}, styles);\n  const borderStyle = {borderLeftColor: selected ? color : null};\n\n  return (\n    <Link\n      target={target}\n      onClick={handleOnClick}\n      skinHover\n      href={href}\n      data-name={name || `link-item-${index}`}\n      style={{\n        textDecoration: 'none',\n        color: selected ? color : NEUTRAL_COLOR\n      }}\n    >\n      {setChildrenAsHtml ? (\n        <li\n          className={classNames}\n          style={borderStyle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : (\n        <li className={classNames} style={borderStyle}>\n          {title}\n          {children}\n        </li>\n      )}\n    </Link>\n  );\n};\n\nLinkItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  selected: PropTypes.bool,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool,\n  setChildrenAsHtml: PropTypes.bool,\n  target: PropTypes.string\n};\n\nexport const IconLinkItem = ({\n  index,\n  name = `button-link-item-${index}`,\n  onClick,\n  uppercase = true,\n  ...props\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  return (\n    <LinkItem\n      {...props}\n      setChildrenAsHtml={false}\n      onClick={handleOnClick}\n      name={name}\n      uppercase={uppercase}\n      index={index}\n    >\n      <NovaCompositionCoorpacademyOpenInNewTab className={style.icon} />\n    </LinkItem>\n  );\n};\n\nIconLinkItem.propTypes = LinkItem.propTypes;\n\nexport const TitleItem = ({name, index, title, uppercase}) => {\n  return (\n    <ul data-name={name || `item-title-${index}`} className={style.titleItem}>\n      <li className={classnames(style.titleItemTitle, {[style.uppercase]: uppercase})}>{title}</li>\n    </ul>\n  );\n};\n\nTitleItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nexport const ButtonItem = ({\n  index,\n  onClick,\n  color,\n  neutralColor,\n  name,\n  href,\n  title,\n  cta,\n  uppercase\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const backgroundColor = neutralColor === true ? NEUTRAL_COLOR : color;\n  const button = cta ? (\n    <Cta\n      {...defaults(\n        {\n          onClick: handleOnClick,\n          href,\n          rectangular: true,\n          fullWidth: true,\n          secondary: true,\n          submitValue: title\n        },\n        cta\n      )}\n    />\n  ) : (\n    <Button type=\"link\" href={href} onClick={handleOnClick} style={{backgroundColor}}>\n      {title}\n    </Button>\n  );\n  return (\n    <li\n      data-name={name || `button-item-${index}`}\n      className={classnames(style.buttonItem, {[style.uppercase]: uppercase})}\n    >\n      {button}\n    </li>\n  );\n};\n\nButtonItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  onClick: PropTypes.func,\n  cta: PropTypes.oneOfType([PropTypes.shape(Cta.propTypes), PropTypes.bool]),\n  uppercase: PropTypes.bool\n};\n\nexport const InfoItem = ({onClick, index, name, color, neutralColor, title, value, uppercase}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const color_ = neutralColor === true ? NEUTRAL_COLOR : color;\n  return (\n    <ul data-name={name || `item-info-${index}`} className={style.infoItem}>\n      <li className={style.infoItemTitle}>{title}</li>\n      <li\n        className={classnames(style.infoItemContent, {[style.uppercase]: uppercase})}\n        onClick={handleOnClick}\n        style={{\n          borderLeftColor: color_,\n          color: color_\n        }}\n      >\n        {value}\n      </li>\n    </ul>\n  );\n};\n\nInfoItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItem = ({item, color, index}) => {\n  switch (item.type) {\n    case 'select': {\n      return <SelectItem {...item} color={color} index={index} />;\n    }\n    case 'multi-select':\n      return <MultiSelectItem {...item} color={color} index={index} />;\n    case 'link':\n      return <LinkItem {...item} color={color} index={index} />;\n    case 'iconLink':\n      return <IconLinkItem {...item} color={color} index={index} />;\n    case 'title':\n      return <TitleItem {...item} color={color} index={index} />;\n    case 'button':\n      return <ButtonItem {...item} color={color} index={index} />;\n    case 'info':\n      return <InfoItem {...item} color={color} index={index} />;\n    case 'inputtext':\n      return <InputTextItem {...item} color={color} index={index} />;\n  }\n};\n\nSidebarItem.propTypes = {\n  item: PropTypes.oneOfType([\n    PropTypes.shape({...TitleItem.propTypes, type: PropTypes.oneOf(['title']).isRequired}),\n    PropTypes.shape({...IconLinkItem.propTypes, type: PropTypes.oneOf(['iconLink']).isRequired}),\n    PropTypes.shape({...ButtonItem.propTypes, type: PropTypes.oneOf(['button']).isRequired}),\n    PropTypes.shape({...InfoItem.propTypes, type: PropTypes.oneOf(['info']).isRequired}),\n    PropTypes.shape({...LinkItem.propTypes, type: PropTypes.oneOf(['link']).isRequired}),\n    PropTypes.shape({...InputTextItem.propTypes, type: PropTypes.oneOf(['inputtext']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['select']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['multi-select']).isRequired})\n  ]),\n  index: PropTypes.number,\n  color: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItems = ({items, color}) => {\n  return (\n    <ul className={style.sectionItems}>\n      {items.map((item, index) => (\n        <SidebarItem item={item} key={index} index={index} color={color} />\n      ))}\n    </ul>\n  );\n};\n\nSidebarItems.propTypes = {\n  color: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape(SidebarItem.propTypes))\n};\n\nconst Sidebar = ({items}, context) => {\n  const sections = Array.isArray(items[0]) ? items : [items];\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  return (\n    <div data-name=\"sidebar\" className={style.sidebar}>\n      {sections.map((sidebarSection, idx) => (\n        <div data-name={`sidebarpart-${idx + 1}`} className={style.sidebarPart} key={idx}>\n          <SidebarItems items={sidebarSection} color={defaultColor} />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nSidebar.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      SidebarItem.propTypes.item,\n      PropTypes.arrayOf(SidebarItem.propTypes.item).isRequired\n    ])\n  ).isRequired\n};\n\nSidebar.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Sidebar;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/sidebar/index.js"],"names":["React","useMemo","classnames","PropTypes","NovaCompositionCoorpacademyOpenInNewTab","Link","Button","Provider","Select","Cta","SelectMultiple","style","NEUTRAL_COLOR","InputTextItem","props","title","placeholder","value","onChange","disabled","name","index","uppercase","handleOnChange","e","target","selectItem","selectTitle","input","propTypes","number","string","isRequired","bool","func","SelectItem","options","arrayOf","shape","selected","MultiSelectItem","LinkItem","href","color","onClick","styles","children","setChildrenAsHtml","handleOnClick","classNames","linkItem","innerHTML","borderStyle","borderLeftColor","textDecoration","__html","IconLinkItem","icon","TitleItem","titleItem","titleItemTitle","ButtonItem","neutralColor","cta","backgroundColor","button","rectangular","fullWidth","secondary","submitValue","buttonItem","oneOfType","InfoItem","color_","infoItem","infoItemTitle","infoItemContent","SidebarItem","item","type","oneOf","SidebarItems","items","sectionItems","map","Sidebar","context","sections","Array","isArray","skin","defaultColor","sidebar","sidebarSection","idx","sidebarPart","contextTypes","childContextTypes"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, defaults} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyOpenInNewTab} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Select from '../../atom/select';\nimport Cta from '../../atom/cta';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport style from './style.css';\n\nconst NEUTRAL_COLOR = '#607D8B';\n\nexport const InputTextItem = props => {\n  const {\n    title,\n    placeholder = '',\n    value,\n    onChange = noop,\n    disabled,\n    name,\n    index,\n    uppercase = true\n  } = props;\n  const handleOnChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  return (\n    <li data-name={name || `inputtext-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <input\n        type=\"text\"\n        name={title}\n        className={style.input}\n        placeholder={placeholder}\n        value={value}\n        disabled={disabled}\n        onChange={handleOnChange}\n      />\n    </li>\n  );\n};\n\nInputTextItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  placeholder: PropTypes.string,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const SelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <Select title={title} onChange={onChange} theme=\"header\" options={options} />\n    </li>\n  );\n};\n\nSelectItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired\n    })\n  ).isRequired,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const MultiSelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <SelectMultiple theme=\"sidebar\" onChange={onChange} options={options} />\n    </li>\n  );\n};\n\nMultiSelectItem.propTypes = SelectItem.propTypes;\n\nexport const LinkItem = ({\n  href,\n  index,\n  name,\n  selected,\n  color,\n  title,\n  onClick,\n  uppercase = true,\n  styles,\n  children,\n  setChildrenAsHtml = true,\n  target = '_self'\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const classNames = classnames(\n    style.linkItem,\n    style.innerHTML,\n    {[style.uppercase]: uppercase},\n    styles\n  );\n  const borderStyle = {borderLeftColor: selected ? color : null};\n\n  return (\n    <Link\n      target={target}\n      onClick={handleOnClick}\n      skinHover\n      href={href}\n      data-name={name || `link-item-${index}`}\n      style={{\n        textDecoration: 'none',\n        color: selected ? color : NEUTRAL_COLOR\n      }}\n    >\n      {setChildrenAsHtml ? (\n        <li\n          className={classNames}\n          style={borderStyle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : (\n        <li className={classNames} style={borderStyle}>\n          {title}\n          {children}\n        </li>\n      )}\n    </Link>\n  );\n};\n\nLinkItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  selected: PropTypes.bool,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool,\n  setChildrenAsHtml: PropTypes.bool,\n  target: PropTypes.string\n};\n\nexport const IconLinkItem = ({\n  index,\n  name = `button-link-item-${index}`,\n  onClick,\n  uppercase = true,\n  ...props\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  return (\n    <LinkItem\n      {...props}\n      setChildrenAsHtml={false}\n      onClick={handleOnClick}\n      name={name}\n      uppercase={uppercase}\n      index={index}\n    >\n      <NovaCompositionCoorpacademyOpenInNewTab className={style.icon} />\n    </LinkItem>\n  );\n};\n\nIconLinkItem.propTypes = LinkItem.propTypes;\n\nexport const TitleItem = ({name, index, title, uppercase}) => {\n  return (\n    <ul data-name={name || `item-title-${index}`} className={style.titleItem}>\n      <li className={classnames(style.titleItemTitle, {[style.uppercase]: uppercase})}>{title}</li>\n    </ul>\n  );\n};\n\nTitleItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nexport const ButtonItem = ({\n  index,\n  onClick,\n  color,\n  neutralColor,\n  name,\n  href,\n  title,\n  cta,\n  uppercase\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const backgroundColor = neutralColor === true ? NEUTRAL_COLOR : color;\n  const button = cta ? (\n    <Cta\n      {...defaults(\n        {\n          onClick: handleOnClick,\n          href,\n          rectangular: true,\n          fullWidth: true,\n          secondary: true,\n          submitValue: title\n        },\n        cta\n      )}\n    />\n  ) : (\n    <Button type=\"link\" href={href} onClick={handleOnClick} style={{backgroundColor}}>\n      {title}\n    </Button>\n  );\n  return (\n    <li\n      data-name={name || `button-item-${index}`}\n      className={classnames(style.buttonItem, {[style.uppercase]: uppercase})}\n    >\n      {button}\n    </li>\n  );\n};\n\nButtonItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  onClick: PropTypes.func,\n  cta: PropTypes.oneOfType([PropTypes.shape(Cta.propTypes), PropTypes.bool]),\n  uppercase: PropTypes.bool\n};\n\nexport const InfoItem = ({onClick, index, name, color, neutralColor, title, value, uppercase}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const color_ = neutralColor === true ? NEUTRAL_COLOR : color;\n  return (\n    <ul data-name={name || `item-info-${index}`} className={style.infoItem}>\n      <li className={style.infoItemTitle}>{title}</li>\n      <li\n        className={classnames(style.infoItemContent, {[style.uppercase]: uppercase})}\n        onClick={handleOnClick}\n        style={{\n          borderLeftColor: color_,\n          color: color_\n        }}\n      >\n        {value}\n      </li>\n    </ul>\n  );\n};\n\nInfoItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItem = ({item, color, index}) => {\n  switch (item.type) {\n    case 'select': {\n      return <SelectItem {...item} color={color} index={index} />;\n    }\n    case 'multi-select':\n      return <MultiSelectItem {...item} color={color} index={index} />;\n    case 'link':\n      return <LinkItem {...item} color={color} index={index} />;\n    case 'iconLink':\n      return <IconLinkItem {...item} color={color} index={index} />;\n    case 'title':\n      return <TitleItem {...item} color={color} index={index} />;\n    case 'button':\n      return <ButtonItem {...item} color={color} index={index} />;\n    case 'info':\n      return <InfoItem {...item} color={color} index={index} />;\n    case 'inputtext':\n      return <InputTextItem {...item} color={color} index={index} />;\n  }\n};\n\nSidebarItem.propTypes = {\n  item: PropTypes.oneOfType([\n    PropTypes.shape({...TitleItem.propTypes, type: PropTypes.oneOf(['title']).isRequired}),\n    PropTypes.shape({...IconLinkItem.propTypes, type: PropTypes.oneOf(['iconLink']).isRequired}),\n    PropTypes.shape({...ButtonItem.propTypes, type: PropTypes.oneOf(['button']).isRequired}),\n    PropTypes.shape({...InfoItem.propTypes, type: PropTypes.oneOf(['info']).isRequired}),\n    PropTypes.shape({...LinkItem.propTypes, type: PropTypes.oneOf(['link']).isRequired}),\n    PropTypes.shape({...InputTextItem.propTypes, type: PropTypes.oneOf(['inputtext']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['select']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['multi-select']).isRequired})\n  ]),\n  index: PropTypes.number,\n  color: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItems = ({items, color}) => {\n  return (\n    <ul className={style.sectionItems}>\n      {items.map((item, index) => (\n        <SidebarItem item={item} key={index} index={index} color={color} />\n      ))}\n    </ul>\n  );\n};\n\nSidebarItems.propTypes = {\n  color: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape(SidebarItem.propTypes))\n};\n\nconst Sidebar = ({items}, context) => {\n  const sections = Array.isArray(items[0]) ? items : [items];\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  return (\n    <div data-name=\"sidebar\" className={style.sidebar}>\n      {sections.map((sidebarSection, idx) => (\n        <div data-name={`sidebarpart-${idx + 1}`} className={style.sidebarPart} key={idx}>\n          <SidebarItems items={sidebarSection} color={defaultColor} />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nSidebar.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      SidebarItem.propTypes.item,\n      PropTypes.arrayOf(SidebarItem.propTypes.item).isRequired\n    ])\n  ).isRequired\n};\n\nSidebar.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Sidebar;\n"],"file":"index.js"}

package/es/organism/sidebar/style.css

@@ -110,4 +110,8 @@
 
 .linkItem:hover .icon {
   color: cm_grey_700;
-}
+}
+
+.innerHTML {
+  composes: innerHTML from '../../atom/label/style.css'
+}

package/es/template/activity/index.js

@@ -13,7 +13,6 @@ import Provider from '../../atom/provider';
 import Button from '../../atom/button';
 import Select from '../../atom/select';
 import Loader from '../../atom/loader';
-import { innerHTML } from '../../atom/label/style.css';
 import ProgressionItem from './progression-item';
 import EngineStars from './engine-stars';
 import StarsSummary from './stars-summary';
@@ -89,7 +88,7 @@ class Progression extends React.Component {
     }, recommendation.title, " "), /*#__PURE__*/React.createElement("p", {
       className: style.recommendationSection
     }, /*#__PURE__*/React.createElement("span", null, recommendation.subtitle, " "), /*#__PURE__*/React.createElement("span", {
-      className: classnames(style.course, innerHTML) // eslint-disable-next-line react/no-danger
+      className: classnames(style.course, style.innerHTML) // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: recommendation.courseTitle

package/es/template/activity/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/activity/index.js"],"names":["React","PropTypes","classnames","Provider","Button","Select","Loader","innerHTML","ProgressionItem","EngineStars","StarsSummary","style","Progression","Component","constructor","props","context","e","recommendation","stopPropagation","preventDefault","onClick","themeFilter","onChange","handleClick","bind","handleSelectTheme","render","mainTitle","mainSubtitle","progressions","total","engines","loading","skin","primary","loader","allProgressions","map","progression","ref","coreProgression","core","themeSelect","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","course","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","childContextTypes","propTypes","string","isRequired","shape","label","stars","number","arrayOf","bool","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {get, omit, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Select from '../../atom/select';\nimport Loader from '../../atom/loader';\nimport {innerHTML} from '../../atom/label/style.css';\nimport ProgressionItem from './progression-item';\nimport EngineStars from './engine-stars';\nimport StarsSummary from './stars-summary';\nimport style from './style.css';\n\nclass Progression extends React.Component {\n  static propTypes = {\n    mainTitle: PropTypes.string.isRequired,\n    mainSubtitle: PropTypes.string.isRequired,\n    total: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      stars: PropTypes.number.isRequired\n    }).isRequired,\n    engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n    loading: PropTypes.bool.isRequired,\n    progressions: PropTypes.arrayOf(\n      PropTypes.shape({...ProgressionItem.propTypes, ref: PropTypes.string.isRequired})\n    ),\n    themeFilter: PropTypes.shape({\n      options: Select.propTypes.options.isRequired,\n      onChange: Select.propTypes.onChange\n    }),\n    recommendation: PropTypes.shape({\n      cta: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      subtitle: PropTypes.string.isRequired,\n      courseTitle: PropTypes.string.isRequired,\n      onClick: PropTypes.func\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handleClick = this.handleClick.bind(this);\n    this.handleSelectTheme = this.handleSelectTheme.bind(this);\n  }\n\n  handleClick = e => {\n    const {recommendation} = this.props;\n    e.stopPropagation();\n    e.preventDefault();\n    const {onClick} = recommendation;\n    onClick && onClick(e);\n  };\n\n  handleSelectTheme = e => {\n    const {\n      themeFilter: {onChange}\n    } = this.props;\n    onChange && onChange(e);\n  };\n\n  render() {\n    const {\n      mainTitle,\n      mainSubtitle,\n      recommendation = {},\n      progressions = [],\n      total,\n      engines = [],\n      themeFilter = {},\n      loading\n    } = this.props;\n    const {skin} = this.context;\n\n    const primary = get('common.primary', skin);\n    const loader = loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : null;\n    const allProgressions = progressions.map(progression => (\n      <ProgressionItem {...omit(['ref'], progression)} key={progression.ref} />\n    ));\n\n    const coreProgression = (\n      <div data-name=\"activityCore\" className={style.core}>\n        {allProgressions}\n      </div>\n    );\n    const themeSelect = !isEmpty(themeFilter.options) ? (\n      <Select\n        borderClassName={style.selectBorder}\n        className={style.select}\n        theme=\"thematiques\"\n        options={themeFilter.options}\n        onChange={this.handleSelectTheme}\n      />\n    ) : null;\n    const recommendationSection = !isEmpty(recommendation) ? (\n      <div className={style.recommendationWrapper}>\n        <p className={style.recommendationSection}>{recommendation.title} </p>\n        <p className={style.recommendationSection}>\n          <span>{recommendation.subtitle} </span>\n          <span\n            className={classnames(style.course, innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: recommendation.courseTitle}}\n          />\n        </p>\n        <Button\n          type=\"link\"\n          onClick={this.handleClick}\n          submitValue={recommendation.cta}\n          style={{\n            backgroundColor: primary\n          }}\n          className={style.cta}\n        />\n      </div>\n    ) : null;\n    return (\n      <div className={style.default}>\n        <div data-name=\"activity-header\">\n          <div className={style.mainTitle}>\n            <span>{mainTitle}</span> {mainSubtitle}\n          </div>\n          <div className={style.headerProgression}>\n            <div className={style.wrapperCta}>\n              {themeSelect}\n              {recommendationSection}\n            </div>\n            <StarsSummary engines={engines} total={total} />\n          </div>\n        </div>\n        <div className={style.wrapperProgression} data-name=\"activityList\">\n          {coreProgression}\n          {loader}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Progression;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/template/activity/index.js"],"names":["React","PropTypes","classnames","Provider","Button","Select","Loader","ProgressionItem","EngineStars","StarsSummary","style","Progression","Component","constructor","props","context","e","recommendation","stopPropagation","preventDefault","onClick","themeFilter","onChange","handleClick","bind","handleSelectTheme","render","mainTitle","mainSubtitle","progressions","total","engines","loading","skin","primary","loader","allProgressions","map","progression","ref","coreProgression","core","themeSelect","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","childContextTypes","propTypes","string","isRequired","shape","label","stars","number","arrayOf","bool","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {get, omit, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Select from '../../atom/select';\nimport Loader from '../../atom/loader';\nimport ProgressionItem from './progression-item';\nimport EngineStars from './engine-stars';\nimport StarsSummary from './stars-summary';\nimport style from './style.css';\n\nclass Progression extends React.Component {\n  static propTypes = {\n    mainTitle: PropTypes.string.isRequired,\n    mainSubtitle: PropTypes.string.isRequired,\n    total: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      stars: PropTypes.number.isRequired\n    }).isRequired,\n    engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n    loading: PropTypes.bool.isRequired,\n    progressions: PropTypes.arrayOf(\n      PropTypes.shape({...ProgressionItem.propTypes, ref: PropTypes.string.isRequired})\n    ),\n    themeFilter: PropTypes.shape({\n      options: Select.propTypes.options.isRequired,\n      onChange: Select.propTypes.onChange\n    }),\n    recommendation: PropTypes.shape({\n      cta: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      subtitle: PropTypes.string.isRequired,\n      courseTitle: PropTypes.string.isRequired,\n      onClick: PropTypes.func\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handleClick = this.handleClick.bind(this);\n    this.handleSelectTheme = this.handleSelectTheme.bind(this);\n  }\n\n  handleClick = e => {\n    const {recommendation} = this.props;\n    e.stopPropagation();\n    e.preventDefault();\n    const {onClick} = recommendation;\n    onClick && onClick(e);\n  };\n\n  handleSelectTheme = e => {\n    const {\n      themeFilter: {onChange}\n    } = this.props;\n    onChange && onChange(e);\n  };\n\n  render() {\n    const {\n      mainTitle,\n      mainSubtitle,\n      recommendation = {},\n      progressions = [],\n      total,\n      engines = [],\n      themeFilter = {},\n      loading\n    } = this.props;\n    const {skin} = this.context;\n\n    const primary = get('common.primary', skin);\n    const loader = loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : null;\n    const allProgressions = progressions.map(progression => (\n      <ProgressionItem {...omit(['ref'], progression)} key={progression.ref} />\n    ));\n\n    const coreProgression = (\n      <div data-name=\"activityCore\" className={style.core}>\n        {allProgressions}\n      </div>\n    );\n    const themeSelect = !isEmpty(themeFilter.options) ? (\n      <Select\n        borderClassName={style.selectBorder}\n        className={style.select}\n        theme=\"thematiques\"\n        options={themeFilter.options}\n        onChange={this.handleSelectTheme}\n      />\n    ) : null;\n    const recommendationSection = !isEmpty(recommendation) ? (\n      <div className={style.recommendationWrapper}>\n        <p className={style.recommendationSection}>{recommendation.title} </p>\n        <p className={style.recommendationSection}>\n          <span>{recommendation.subtitle} </span>\n          <span\n            className={classnames(style.course, style.innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: recommendation.courseTitle}}\n          />\n        </p>\n        <Button\n          type=\"link\"\n          onClick={this.handleClick}\n          submitValue={recommendation.cta}\n          style={{\n            backgroundColor: primary\n          }}\n          className={style.cta}\n        />\n      </div>\n    ) : null;\n    return (\n      <div className={style.default}>\n        <div data-name=\"activity-header\">\n          <div className={style.mainTitle}>\n            <span>{mainTitle}</span> {mainSubtitle}\n          </div>\n          <div className={style.headerProgression}>\n            <div className={style.wrapperCta}>\n              {themeSelect}\n              {recommendationSection}\n            </div>\n            <StarsSummary engines={engines} total={total} />\n          </div>\n        </div>\n        <div className={style.wrapperProgression} data-name=\"activityList\">\n          {coreProgression}\n          {loader}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Progression;\n"],"file":"index.js"}

package/es/template/activity/progression-item.css

@@ -167,3 +167,7 @@
     font-size: 13px;
   }
 }
+
+.innerHTML {
+  composes: innerHTML from '../../atom/label/style.css'
+}

package/es/template/activity/progression-item.js

@@ -7,7 +7,6 @@ import { NovaCompositionNavigationArrowRight as ArrowRightIcon, NovaCompositionC
 import Provider from '../../atom/provider';
 import ProgressBar from '../../molecule/progress-bar';
 import Link from '../../atom/link';
-import { innerHTML } from '../../atom/label/style.css';
 import style from './progression-item.css';
 const ICONS = {
   chapter: TimerIcon,
@@ -84,7 +83,7 @@ const ProgressionItem = (props, context) => {
     className: style.label,
     title: label
   }, /*#__PURE__*/React.createElement("div", {
-    className: innerHTML // eslint-disable-next-line react/no-danger
+    className: style.innerHTML // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: label

package/es/template/activity/progression-item.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/activity/progression-item.js"],"names":["React","useMemo","PropTypes","classnames","NovaCompositionNavigationArrowRight","ArrowRightIcon","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyTimer","TimerIcon","NovaCompositionCoorpacademyBolt","BoltIcon","NovaSolidSchoolScienceGraduationHat","CertificationIcon","NovaCompositionCoorpacademyAdaptive","AdaptiveIcon","NovaSolidContentContentBook1","LearnerIcon","NovaCompositionCoorpacademyScorm","ScormIcon","NovaCompositionCoorpacademyArticle","ArticleIcon","NovaCompositionCoorpacademyVideo","VideoIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","Provider","ProgressBar","Link","innerHTML","style","ICONS","chapter","course","battle","certification","article","scorm","video","podcast","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","dark","primary","white","IconType","adaptiveIcon","backgroundColor","handleCTAClick","e","stopPropagation","preventDefault","link","color","cta","progressionItem","wrapperTitle","iconType","__html","smallStars","iconStar","borderRadius","propTypes","number","isRequired","bool","string","func","contextTypes","childContextTypes"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRightIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaCompositionCoorpacademyAdaptive as AdaptiveIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../../molecule/progress-bar';\nimport Link from '../../atom/link';\nimport {innerHTML} from '../../atom/label/style.css';\nimport style from './progression-item.css';\n\nconst ICONS = {\n  chapter: TimerIcon,\n  course: LearnerIcon,\n  battle: BoltIcon,\n  certification: CertificationIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon\n};\n\nconst ProgressionItem = (props, context) => {\n  const {skin} = context;\n  const {\n    disabled = false,\n    adaptive,\n    completion,\n    label,\n    level,\n    onClick = noop,\n    stars,\n    maxStars,\n    state,\n    type,\n    steps = 0\n  } = props;\n\n  const dark = get('common.dark', skin);\n  const primary = get('common.primary', skin);\n  const white = get('common.white', skin);\n  const IconType = ICONS[type];\n\n  const adaptiveIcon = adaptive ? (\n    <div\n      className={style.adaptiveIcon}\n      style={{\n        backgroundColor: primary\n      }}\n    >\n      <AdaptiveIcon color={white} height={14} />\n    </div>\n  ) : null;\n\n  const handleCTAClick = useMemo(\n    () => e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const link = disabled ? null : (\n    <Link style={{color: primary}} onClick={handleCTAClick} data-progression-state={state}>\n      <span className={style.cta}>\n        {state} <ArrowRightIcon color={primary} height={12} width={20} />\n      </span>\n    </Link>\n  );\n\n  return (\n    <div className={classnames(style.progressionItem, disabled ? style.disabled : '')}>\n      <div className={style.wrapperTitle}>\n        <IconType className={style.iconType} color={dark} />\n        <div data-name=\"activityLabel\" className={style.label} title={label}>\n          <div\n            className={innerHTML}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: label}}\n          />\n          {adaptiveIcon}\n        </div>\n\n        <div\n          data-name=\"activityStars\"\n          className={style.stars}\n          style={{\n            color: primary\n          }}\n        >\n          {stars}\n          {maxStars ? ' /' : null}\n          {maxStars ? <span className={style.smallStars}>{maxStars}</span> : null}{' '}\n          <StarIcon className={style.iconStar} color={primary} />\n        </div>\n      </div>\n      <ProgressBar\n        className={style.completion}\n        value={completion * 100}\n        max={100}\n        steps={steps}\n        style={{backgroundColor: primary, borderRadius: 0}}\n      />\n      <div className={style.state}>\n        {link}\n        <span className={style.level}>{level}</span>\n      </div>\n    </div>\n  );\n};\n\nProgressionItem.propTypes = {\n  completion: PropTypes.number.isRequired,\n  stars: PropTypes.number.isRequired,\n  maxStars: PropTypes.number,\n  steps: PropTypes.number,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  state: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  adaptive: PropTypes.bool.isRequired,\n  onClick: PropTypes.func\n};\n\nProgressionItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ProgressionItem;\n"],"file":"progression-item.js"}
+{"version":3,"sources":["../../../src/template/activity/progression-item.js"],"names":["React","useMemo","PropTypes","classnames","NovaCompositionNavigationArrowRight","ArrowRightIcon","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyTimer","TimerIcon","NovaCompositionCoorpacademyBolt","BoltIcon","NovaSolidSchoolScienceGraduationHat","CertificationIcon","NovaCompositionCoorpacademyAdaptive","AdaptiveIcon","NovaSolidContentContentBook1","LearnerIcon","NovaCompositionCoorpacademyScorm","ScormIcon","NovaCompositionCoorpacademyArticle","ArticleIcon","NovaCompositionCoorpacademyVideo","VideoIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","Provider","ProgressBar","Link","style","ICONS","chapter","course","battle","certification","article","scorm","video","podcast","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","dark","primary","white","IconType","adaptiveIcon","backgroundColor","handleCTAClick","e","stopPropagation","preventDefault","link","color","cta","progressionItem","wrapperTitle","iconType","innerHTML","__html","smallStars","iconStar","borderRadius","propTypes","number","isRequired","bool","string","func","contextTypes","childContextTypes"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRightIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaCompositionCoorpacademyAdaptive as AdaptiveIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../../molecule/progress-bar';\nimport Link from '../../atom/link';\nimport style from './progression-item.css';\n\nconst ICONS = {\n  chapter: TimerIcon,\n  course: LearnerIcon,\n  battle: BoltIcon,\n  certification: CertificationIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon\n};\n\nconst ProgressionItem = (props, context) => {\n  const {skin} = context;\n  const {\n    disabled = false,\n    adaptive,\n    completion,\n    label,\n    level,\n    onClick = noop,\n    stars,\n    maxStars,\n    state,\n    type,\n    steps = 0\n  } = props;\n\n  const dark = get('common.dark', skin);\n  const primary = get('common.primary', skin);\n  const white = get('common.white', skin);\n  const IconType = ICONS[type];\n\n  const adaptiveIcon = adaptive ? (\n    <div\n      className={style.adaptiveIcon}\n      style={{\n        backgroundColor: primary\n      }}\n    >\n      <AdaptiveIcon color={white} height={14} />\n    </div>\n  ) : null;\n\n  const handleCTAClick = useMemo(\n    () => e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const link = disabled ? null : (\n    <Link style={{color: primary}} onClick={handleCTAClick} data-progression-state={state}>\n      <span className={style.cta}>\n        {state} <ArrowRightIcon color={primary} height={12} width={20} />\n      </span>\n    </Link>\n  );\n\n  return (\n    <div className={classnames(style.progressionItem, disabled ? style.disabled : '')}>\n      <div className={style.wrapperTitle}>\n        <IconType className={style.iconType} color={dark} />\n        <div data-name=\"activityLabel\" className={style.label} title={label}>\n          <div\n            className={style.innerHTML}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: label}}\n          />\n          {adaptiveIcon}\n        </div>\n\n        <div\n          data-name=\"activityStars\"\n          className={style.stars}\n          style={{\n            color: primary\n          }}\n        >\n          {stars}\n          {maxStars ? ' /' : null}\n          {maxStars ? <span className={style.smallStars}>{maxStars}</span> : null}{' '}\n          <StarIcon className={style.iconStar} color={primary} />\n        </div>\n      </div>\n      <ProgressBar\n        className={style.completion}\n        value={completion * 100}\n        max={100}\n        steps={steps}\n        style={{backgroundColor: primary, borderRadius: 0}}\n      />\n      <div className={style.state}>\n        {link}\n        <span className={style.level}>{level}</span>\n      </div>\n    </div>\n  );\n};\n\nProgressionItem.propTypes = {\n  completion: PropTypes.number.isRequired,\n  stars: PropTypes.number.isRequired,\n  maxStars: PropTypes.number,\n  steps: PropTypes.number,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  state: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  adaptive: PropTypes.bool.isRequired,\n  onClick: PropTypes.func\n};\n\nProgressionItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ProgressionItem;\n"],"file":"progression-item.js"}

package/es/template/activity/style.css

@@ -153,3 +153,8 @@
     margin: 10px 10px 0;
   }
 }
+
+.innerHTML {
+  composes: innerHTML from '../../atom/label/style.css'
+}
+

package/es/template/app-review/demo-ts/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+
+const DemoTs = ({
+  plop
+}) => /*#__PURE__*/React.createElement("p", null, plop);
+
+export default DemoTs;
+//# sourceMappingURL=index.js.map

package/es/template/app-review/demo-ts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/app-review/demo-ts/index.tsx"],"names":["React","DemoTs","plop"],"mappings":"AAAA,OAAOA,KAAP,MAAuC,OAAvC;;AAIA,MAAMC,MAAyB,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBAAmB,+BAAIA,IAAJ,CAArD;;AAEA,eAAeD,MAAf","sourcesContent":["import React, {FunctionComponent} from 'react';\n\nexport type Props = {plop: string};\n\nconst DemoTs: FunctionComponent = ({plop}: Props) => <p>{plop}</p>;\n\nexport default DemoTs;\n"],"file":"index.js"}