@coorpacademy/components 11.14.12 → 11.14.13-alpha.2

package/es/molecule/questions/qcm-graphic/index.js

@@ -49,6 +49,7 @@ const QCMImage = (props, legacyContext) => {
       className: style.imageWrapper,
       "data-name": "answerImage",
       "aria-label": ariaLabel || title,
+      title: ariaLabel || title,
       style: {
         backgroundImage: `url(${image})`
       }
@@ -64,6 +65,8 @@ const QCMImage = (props, legacyContext) => {
       id: checkboxId,
       type: "checkbox",
       value: title,
+      title: title,
+      "aria-label": title,
       checked: selected,
       onChange: onClick,
       className: style.hiddenCheckbox
@@ -73,7 +76,8 @@ const QCMImage = (props, legacyContext) => {
     "data-name": "qcm-graphic-wrapper",
     className: style.wrapper,
     role: "group",
-    "aria-label": groupAriaLabel
+    "aria-label": groupAriaLabel,
+    title: groupAriaLabel
   }, answersViews);
 };
 

package/es/molecule/questions/qcm-graphic/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","GetSkinFromContext","getShadowBoxColorFromPrimary","style","QCMImage","props","legacyContext","answers","groupAriaLabel","skin","primarySkinColor","answersViews","map","answer","key","onClick","title","selected","image","ariaLabel","checkboxId","boxShadow","backgroundColor","background","content","imageWrapper","backgroundImage","titleWrapper","innerHTML","hiddenCheckbox","wrapper","contextTypes","childContextTypes","propTypes","arrayOf","shape","string","bool","func"],"sources":["../../../../src/molecule/questions/qcm-graphic/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport {getShadowBoxColorFromPrimary} from '../../../util/get-shadow-box-color-from-primary';\nimport style from './style.css';\n\nconst QCMImage = (props, legacyContext) => {\n  const {answers, groupAriaLabel} = props;\n  const skin = GetSkinFromContext(legacyContext);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const answersViews = answers.map((answer, key) => {\n    const {onClick, title, selected, image, ariaLabel} = answer;\n    const checkboxId = `checkbox-graphic-${key}`;\n\n    return (\n      <div\n        onClick={onClick}\n        data-selected={selected}\n        data-name=\"answerGraphic\"\n        style={{\n          ...(selected && {\n            boxShadow: `0 4px 16px ${getShadowBoxColorFromPrimary(primarySkinColor)}`\n          })\n        }}\n        className={selected ? style.selected : style.answer}\n        key={key}\n      >\n        <div\n          data-name=\"answerBackground\"\n          style={{\n            backgroundColor: selected ? primarySkinColor : '#F4F4F5'\n          }}\n          className={style.background}\n        />\n        <div data-name=\"answerContent\" className={style.content}>\n          <div\n            className={style.imageWrapper}\n            data-name=\"answerImage\"\n            aria-label={ariaLabel || title}\n            style={{\n              backgroundImage: `url(${image})`\n            }}\n          />\n          <div data-name=\"answerText\" className={style.titleWrapper}>\n            <div title={title} className={classnames(style.title, style.innerHTML)}>\n              <label htmlFor={checkboxId}>\n                <input\n                  id={checkboxId}\n                  type=\"checkbox\"\n                  value={title}\n                  checked={selected}\n                  onChange={onClick}\n                  className={style.hiddenCheckbox}\n                />\n                {title}\n              </label>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  });\n\n  return (\n    <div\n      data-name=\"qcm-graphic-wrapper\"\n      className={style.wrapper}\n      role=\"group\"\n      aria-label={groupAriaLabel}\n    >\n      {answersViews}\n    </div>\n  );\n};\n\nQCMImage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nQCMImage.propTypes = {\n  answers: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      selected: PropTypes.bool,\n      onClick: PropTypes.func,\n      image: PropTypes.string,\n      ariaLabel: PropTypes.string\n    })\n  ),\n  groupAriaLabel: PropTypes.string\n};\n\nexport default QCMImage;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","GetSkinFromContext","getShadowBoxColorFromPrimary","style","QCMImage","props","legacyContext","answers","groupAriaLabel","skin","primarySkinColor","answersViews","map","answer","key","onClick","title","selected","image","ariaLabel","checkboxId","boxShadow","backgroundColor","background","content","imageWrapper","backgroundImage","titleWrapper","innerHTML","hiddenCheckbox","wrapper","contextTypes","childContextTypes","propTypes","arrayOf","shape","string","bool","func"],"sources":["../../../../src/molecule/questions/qcm-graphic/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport {getShadowBoxColorFromPrimary} from '../../../util/get-shadow-box-color-from-primary';\nimport style from './style.css';\n\nconst QCMImage = (props, legacyContext) => {\n  const {answers, groupAriaLabel} = props;\n  const skin = GetSkinFromContext(legacyContext);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const answersViews = answers.map((answer, key) => {\n    const {onClick, title, selected, image, ariaLabel} = answer;\n    const checkboxId = `checkbox-graphic-${key}`;\n\n    return (\n      <div\n        onClick={onClick}\n        data-selected={selected}\n        data-name=\"answerGraphic\"\n        style={{\n          ...(selected && {\n            boxShadow: `0 4px 16px ${getShadowBoxColorFromPrimary(primarySkinColor)}`\n          })\n        }}\n        className={selected ? style.selected : style.answer}\n        key={key}\n      >\n        <div\n          data-name=\"answerBackground\"\n          style={{\n            backgroundColor: selected ? primarySkinColor : '#F4F4F5'\n          }}\n          className={style.background}\n        />\n        <div data-name=\"answerContent\" className={style.content}>\n          <div\n            className={style.imageWrapper}\n            data-name=\"answerImage\"\n            aria-label={ariaLabel || title}\n            title={ariaLabel || title}\n            style={{\n              backgroundImage: `url(${image})`\n            }}\n          />\n          <div data-name=\"answerText\" className={style.titleWrapper}>\n            <div title={title} className={classnames(style.title, style.innerHTML)}>\n              <label htmlFor={checkboxId}>\n                <input\n                  id={checkboxId}\n                  type=\"checkbox\"\n                  value={title}\n                  title={title}\n                  aria-label={title}\n                  checked={selected}\n                  onChange={onClick}\n                  className={style.hiddenCheckbox}\n                />\n                {title}\n              </label>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  });\n\n  return (\n    <div\n      data-name=\"qcm-graphic-wrapper\"\n      className={style.wrapper}\n      role=\"group\"\n      aria-label={groupAriaLabel}\n      title={groupAriaLabel}\n    >\n      {answersViews}\n    </div>\n  );\n};\n\nQCMImage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nQCMImage.propTypes = {\n  answers: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      selected: PropTypes.bool,\n      onClick: PropTypes.func,\n      image: PropTypes.string,\n      ariaLabel: PropTypes.string\n    })\n  ),\n  groupAriaLabel: PropTypes.string\n};\n\nexport default QCMImage;\n"],"mappings":"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"}

package/es/molecule/questions/question-range/index.js

@@ -31,7 +31,8 @@ const QuestionRange = (props, legacyContext) => {
   return /*#__PURE__*/React.createElement("div", {
     className: style.wrapper,
     role: "group",
-    "aria-label": groupAriaLabel
+    "aria-label": groupAriaLabel,
+    title: groupAriaLabel
   }, /*#__PURE__*/React.createElement("span", {
     style: titleStyle,
     className: classnames(style.title, style.innerHTML) // eslint-disable-next-line react/no-danger

package/es/molecule/questions/question-range/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","GetSkinFromContext","Range","style","QuestionRange","props","legacyContext","title","minLabel","maxLabel","groupAriaLabel","rangeProps","skin","defaultColor","titleStyle","color","wrapper","innerHTML","__html","labelWrapper","label","contextTypes","childContextTypes","propTypes","string"],"sources":["../../../../src/molecule/questions/question-range/index.js"],"sourcesContent":["import React from 'react';\nimport {getOr} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport Range from '../../../atom/range';\nimport style from './style.css';\n\nconst QuestionRange = (props, legacyContext) => {\n  const {title, minLabel, maxLabel, groupAriaLabel, ...rangeProps} = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const titleStyle = {\n    color: defaultColor\n  };\n\n  return (\n    <div className={style.wrapper} role=\"group\" aria-label={groupAriaLabel}>\n      <span\n        style={titleStyle}\n        className={classnames(style.title, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n      <Range {...rangeProps} />\n      <div className={style.labelWrapper}>\n        <span\n          className={classnames(style.label, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: minLabel}}\n        />\n        <span\n          className={classnames(style.label, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: maxLabel}}\n        />\n      </div>\n    </div>\n  );\n};\n\nQuestionRange.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nQuestionRange.propTypes = {\n  ...Range.propTypes,\n  title: PropTypes.string,\n  minLabel: PropTypes.string,\n  maxLabel: PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default QuestionRange;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,IAAkBC,kBAAlB,QAA2C,wBAA3C;AACA,OAAOC,KAAP,MAAkB,qBAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EAC9C,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBC,QAAlB;IAA4BC;EAA5B,IAA6DL,KAAnE;EAAA,MAAqDM,UAArD,iCAAmEN,KAAnE;;EAEA,MAAMO,IAAI,GAAGX,kBAAkB,CAACK,aAAD,CAA/B;;EACA,MAAMO,YAAY,GAAG,OAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;;EAEA,MAAME,UAAU,GAAG;IACjBC,KAAK,EAAEF;EADU,CAAnB;EAIA,oBACE;IAAK,SAAS,EAAEV,KAAK,CAACa,OAAtB;IAA+B,IAAI,EAAC,OAApC;IAA4C,cAAYN;EAAxD,gBACE;IACE,KAAK,EAAEI,UADT;IAEE,SAAS,EAAEf,UAAU,CAACI,KAAK,CAACI,KAAP,EAAcJ,KAAK,CAACc,SAApB,CAFvB,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEX;IAAT;EAJ3B,EADF,eAOE,oBAAC,KAAD,EAAWI,UAAX,CAPF,eAQE;IAAK,SAAS,EAAER,KAAK,CAACgB;EAAtB,gBACE;IACE,SAAS,EAAEpB,UAAU,CAACI,KAAK,CAACiB,KAAP,EAAcjB,KAAK,CAACc,SAApB,CADvB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEV;IAAT;EAH3B,EADF,eAME;IACE,SAAS,EAAET,UAAU,CAACI,KAAK,CAACiB,KAAP,EAAcjB,KAAK,CAACc,SAApB,CADvB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAET;IAAT;EAH3B,EANF,CARF,CADF;AAuBD,CAjCD;;AAmCAL,aAAa,CAACiB,YAAd,GAA6B;EAC3BT,IAAI,EAAEZ,QAAQ,CAACsB,iBAAT,CAA2BV;AADN,CAA7B;AAIAR,aAAa,CAACmB,SAAd,wDACKrB,KAAK,CAACqB,SADX;EAEEhB,KAAK,EAAET,SAAS,CAAC0B,MAFnB;EAGEhB,QAAQ,EAAEV,SAAS,CAAC0B,MAHtB;EAIEf,QAAQ,EAAEX,SAAS,CAAC0B,MAJtB;EAKEd,cAAc,EAAEZ,SAAS,CAAC0B;AAL5B;AAQA,eAAepB,aAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","GetSkinFromContext","Range","style","QuestionRange","props","legacyContext","title","minLabel","maxLabel","groupAriaLabel","rangeProps","skin","defaultColor","titleStyle","color","wrapper","innerHTML","__html","labelWrapper","label","contextTypes","childContextTypes","propTypes","string"],"sources":["../../../../src/molecule/questions/question-range/index.js"],"sourcesContent":["import React from 'react';\nimport {getOr} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport Range from '../../../atom/range';\nimport style from './style.css';\n\nconst QuestionRange = (props, legacyContext) => {\n  const {title, minLabel, maxLabel, groupAriaLabel, ...rangeProps} = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const titleStyle = {\n    color: defaultColor\n  };\n\n  return (\n    <div className={style.wrapper} role=\"group\" aria-label={groupAriaLabel} title={groupAriaLabel}>\n      <span\n        style={titleStyle}\n        className={classnames(style.title, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n      <Range {...rangeProps} />\n      <div className={style.labelWrapper}>\n        <span\n          className={classnames(style.label, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: minLabel}}\n        />\n        <span\n          className={classnames(style.label, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: maxLabel}}\n        />\n      </div>\n    </div>\n  );\n};\n\nQuestionRange.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nQuestionRange.propTypes = {\n  ...Range.propTypes,\n  title: PropTypes.string,\n  minLabel: PropTypes.string,\n  maxLabel: PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default QuestionRange;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,IAAkBC,kBAAlB,QAA2C,wBAA3C;AACA,OAAOC,KAAP,MAAkB,qBAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EAC9C,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBC,QAAlB;IAA4BC;EAA5B,IAA6DL,KAAnE;EAAA,MAAqDM,UAArD,iCAAmEN,KAAnE;;EAEA,MAAMO,IAAI,GAAGX,kBAAkB,CAACK,aAAD,CAA/B;;EACA,MAAMO,YAAY,GAAG,OAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;;EAEA,MAAME,UAAU,GAAG;IACjBC,KAAK,EAAEF;EADU,CAAnB;EAIA,oBACE;IAAK,SAAS,EAAEV,KAAK,CAACa,OAAtB;IAA+B,IAAI,EAAC,OAApC;IAA4C,cAAYN,cAAxD;IAAwE,KAAK,EAAEA;EAA/E,gBACE;IACE,KAAK,EAAEI,UADT;IAEE,SAAS,EAAEf,UAAU,CAACI,KAAK,CAACI,KAAP,EAAcJ,KAAK,CAACc,SAApB,CAFvB,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEX;IAAT;EAJ3B,EADF,eAOE,oBAAC,KAAD,EAAWI,UAAX,CAPF,eAQE;IAAK,SAAS,EAAER,KAAK,CAACgB;EAAtB,gBACE;IACE,SAAS,EAAEpB,UAAU,CAACI,KAAK,CAACiB,KAAP,EAAcjB,KAAK,CAACc,SAApB,CADvB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEV;IAAT;EAH3B,EADF,eAME;IACE,SAAS,EAAET,UAAU,CAACI,KAAK,CAACiB,KAAP,EAAcjB,KAAK,CAACc,SAApB,CADvB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAET;IAAT;EAH3B,EANF,CARF,CADF;AAuBD,CAjCD;;AAmCAL,aAAa,CAACiB,YAAd,GAA6B;EAC3BT,IAAI,EAAEZ,QAAQ,CAACsB,iBAAT,CAA2BV;AADN,CAA7B;AAIAR,aAAa,CAACmB,SAAd,wDACKrB,KAAK,CAACqB,SADX;EAEEhB,KAAK,EAAET,SAAS,CAAC0B,MAFnB;EAGEhB,QAAQ,EAAEV,SAAS,CAAC0B,MAHtB;EAIEf,QAAQ,EAAEX,SAAS,CAAC0B,MAJtB;EAKEd,cAAc,EAAEZ,SAAS,CAAC0B;AAL5B;AAQA,eAAepB,aAAf"}

package/es/molecule/questions/template/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/template/index.js"],"names":[],"mappings":";AAQA;;;;gBA2CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/template/index.js"],"names":[],"mappings":";AAQA;;;;gBA4CC"}

package/es/molecule/questions/template/index.js

@@ -64,7 +64,8 @@ const Template = ({
     "data-name": "template-wrapper",
     className: style.wrapper,
     role: "group",
-    "aria-label": groupAriaLabel
+    "aria-label": groupAriaLabel,
+    title: groupAriaLabel
   }, templateCompose);
 };
 

package/es/molecule/questions/template/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","parseTemplateString","DropDown","FreeText","style","Template","template","answers","groupAriaLabel","totalTemplate","templateCompose","convert","cap","part","key","type","textPart","__html","value","field","name","fieldType","fieldProps","fieldView","text","answerType","wrapper","TextPropTypes","propTypes","string","arrayOf","oneOfType","shape"],"sources":["../../../../src/molecule/questions/template/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, find} from 'lodash/fp';\nimport parseTemplateString from '../../../util/parse-template-string';\nimport DropDown from '../drop-down';\nimport FreeText from '../free-text';\nimport style from './style.css';\n\nconst Template = ({template, answers, groupAriaLabel}) => {\n  const totalTemplate = parseTemplateString(template);\n  const templateCompose = map.convert({cap: false})((part, key) => {\n    const type = part.type;\n    if (type === 'string') {\n      return (\n        <span\n          key={key}\n          className={style.textPart}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: part.value}}\n        />\n      );\n    }\n    if (type === 'answerField') {\n      const field = find({name: part.value}, answers);\n      if (!field) return null;\n      const {type: fieldType, ...fieldProps} = field;\n      const fieldView =\n        fieldType === 'text' ? (\n          <FreeText {...fieldProps} className={style.text} />\n        ) : (\n          <DropDown {...fieldProps} theme=\"player\" />\n        );\n\n      return (\n        <div className={style.answerType} key={part.value}>\n          {fieldView}\n        </div>\n      );\n    }\n  }, totalTemplate);\n\n  return (\n    <div\n      data-name=\"template-wrapper\"\n      className={style.wrapper}\n      role=\"group\"\n      aria-label={groupAriaLabel}\n    >\n      {templateCompose}\n    </div>\n  );\n};\n\nconst TextPropTypes = {\n  ...DropDown.propTypes,\n  type: PropTypes.string\n};\n\nTemplate.propTypes = {\n  template: PropTypes.string,\n  answers: PropTypes.arrayOf(\n    PropTypes.oneOfType([PropTypes.shape(DropDown.propTypes), PropTypes.shape(TextPropTypes)])\n  ),\n  groupAriaLabel: PropTypes.string\n};\n\nexport default Template;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,mBAAP,MAAgC,qCAAhC;AACA,OAAOC,QAAP,MAAqB,cAArB;AACA,OAAOC,QAAP,MAAqB,cAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAG,CAAC;EAACC,QAAD;EAAWC,OAAX;EAAoBC;AAApB,CAAD,KAAyC;EACxD,MAAMC,aAAa,GAAGR,mBAAmB,CAACK,QAAD,CAAzC;;EACA,MAAMI,eAAe,GAAG,KAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACC,IAAD,EAAOC,GAAP,KAAe;IAC/D,MAAMC,IAAI,GAAGF,IAAI,CAACE,IAAlB;;IACA,IAAIA,IAAI,KAAK,QAAb,EAAuB;MACrB,oBACE;QACE,GAAG,EAAED,GADP;QAEE,SAAS,EAAEV,KAAK,CAACY,QAFnB,CAGE;QAHF;QAIE,uBAAuB,EAAE;UAACC,MAAM,EAAEJ,IAAI,CAACK;QAAd;MAJ3B,EADF;IAQD;;IACD,IAAIH,IAAI,KAAK,aAAb,EAA4B;MAC1B,MAAMI,KAAK,GAAG,MAAK;QAACC,IAAI,EAAEP,IAAI,CAACK;MAAZ,CAAL,EAAyBX,OAAzB,CAAd;;MACA,IAAI,CAACY,KAAL,EAAY,OAAO,IAAP;;MACZ,MAAM;QAACJ,IAAI,EAAEM;MAAP,IAAmCF,KAAzC;MAAA,MAA2BG,UAA3B,iCAAyCH,KAAzC;;MACA,MAAMI,SAAS,GACbF,SAAS,KAAK,MAAd,gBACE,oBAAC,QAAD,eAAcC,UAAd;QAA0B,SAAS,EAAElB,KAAK,CAACoB;MAA3C,GADF,gBAGE,oBAAC,QAAD,eAAcF,UAAd;QAA0B,KAAK,EAAC;MAAhC,GAJJ;MAOA,oBACE;QAAK,SAAS,EAAElB,KAAK,CAACqB,UAAtB;QAAkC,GAAG,EAAEZ,IAAI,CAACK;MAA5C,GACGK,SADH,CADF;IAKD;EACF,CA7BuB,EA6BrBd,aA7BqB,CAAxB;;EA+BA,oBACE;IACE,aAAU,kBADZ;IAEE,SAAS,EAAEL,KAAK,CAACsB,OAFnB;IAGE,IAAI,EAAC,OAHP;IAIE,cAAYlB;EAJd,GAMGE,eANH,CADF;AAUD,CA3CD;;AA6CA,MAAMiB,aAAN,wDACKzB,QAAQ,CAAC0B,SADd;EAEEb,IAAI,EAAEf,SAAS,CAAC6B;AAFlB;AAKAxB,QAAQ,CAACuB,SAAT,2CAAqB;EACnBtB,QAAQ,EAAEN,SAAS,CAAC6B,MADD;EAEnBtB,OAAO,EAAEP,SAAS,CAAC8B,OAAV,CACP9B,SAAS,CAAC+B,SAAV,CAAoB,CAAC/B,SAAS,CAACgC,KAAV,CAAgB9B,QAAQ,CAAC0B,SAAzB,CAAD,EAAsC5B,SAAS,CAACgC,KAAV,CAAgBL,aAAhB,CAAtC,CAApB,CADO,CAFU;EAKnBnB,cAAc,EAAER,SAAS,CAAC6B;AALP,CAArB;AAQA,eAAexB,QAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","parseTemplateString","DropDown","FreeText","style","Template","template","answers","groupAriaLabel","totalTemplate","templateCompose","convert","cap","part","key","type","textPart","__html","value","field","name","fieldType","fieldProps","fieldView","text","answerType","wrapper","TextPropTypes","propTypes","string","arrayOf","oneOfType","shape"],"sources":["../../../../src/molecule/questions/template/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, find} from 'lodash/fp';\nimport parseTemplateString from '../../../util/parse-template-string';\nimport DropDown from '../drop-down';\nimport FreeText from '../free-text';\nimport style from './style.css';\n\nconst Template = ({template, answers, groupAriaLabel}) => {\n  const totalTemplate = parseTemplateString(template);\n  const templateCompose = map.convert({cap: false})((part, key) => {\n    const type = part.type;\n    if (type === 'string') {\n      return (\n        <span\n          key={key}\n          className={style.textPart}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: part.value}}\n        />\n      );\n    }\n    if (type === 'answerField') {\n      const field = find({name: part.value}, answers);\n      if (!field) return null;\n      const {type: fieldType, ...fieldProps} = field;\n      const fieldView =\n        fieldType === 'text' ? (\n          <FreeText {...fieldProps} className={style.text} />\n        ) : (\n          <DropDown {...fieldProps} theme=\"player\" />\n        );\n\n      return (\n        <div className={style.answerType} key={part.value}>\n          {fieldView}\n        </div>\n      );\n    }\n  }, totalTemplate);\n\n  return (\n    <div\n      data-name=\"template-wrapper\"\n      className={style.wrapper}\n      role=\"group\"\n      aria-label={groupAriaLabel}\n      title={groupAriaLabel}\n    >\n      {templateCompose}\n    </div>\n  );\n};\n\nconst TextPropTypes = {\n  ...DropDown.propTypes,\n  type: PropTypes.string\n};\n\nTemplate.propTypes = {\n  template: PropTypes.string,\n  answers: PropTypes.arrayOf(\n    PropTypes.oneOfType([PropTypes.shape(DropDown.propTypes), PropTypes.shape(TextPropTypes)])\n  ),\n  groupAriaLabel: PropTypes.string\n};\n\nexport default Template;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,mBAAP,MAAgC,qCAAhC;AACA,OAAOC,QAAP,MAAqB,cAArB;AACA,OAAOC,QAAP,MAAqB,cAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAG,CAAC;EAACC,QAAD;EAAWC,OAAX;EAAoBC;AAApB,CAAD,KAAyC;EACxD,MAAMC,aAAa,GAAGR,mBAAmB,CAACK,QAAD,CAAzC;;EACA,MAAMI,eAAe,GAAG,KAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACC,IAAD,EAAOC,GAAP,KAAe;IAC/D,MAAMC,IAAI,GAAGF,IAAI,CAACE,IAAlB;;IACA,IAAIA,IAAI,KAAK,QAAb,EAAuB;MACrB,oBACE;QACE,GAAG,EAAED,GADP;QAEE,SAAS,EAAEV,KAAK,CAACY,QAFnB,CAGE;QAHF;QAIE,uBAAuB,EAAE;UAACC,MAAM,EAAEJ,IAAI,CAACK;QAAd;MAJ3B,EADF;IAQD;;IACD,IAAIH,IAAI,KAAK,aAAb,EAA4B;MAC1B,MAAMI,KAAK,GAAG,MAAK;QAACC,IAAI,EAAEP,IAAI,CAACK;MAAZ,CAAL,EAAyBX,OAAzB,CAAd;;MACA,IAAI,CAACY,KAAL,EAAY,OAAO,IAAP;;MACZ,MAAM;QAACJ,IAAI,EAAEM;MAAP,IAAmCF,KAAzC;MAAA,MAA2BG,UAA3B,iCAAyCH,KAAzC;;MACA,MAAMI,SAAS,GACbF,SAAS,KAAK,MAAd,gBACE,oBAAC,QAAD,eAAcC,UAAd;QAA0B,SAAS,EAAElB,KAAK,CAACoB;MAA3C,GADF,gBAGE,oBAAC,QAAD,eAAcF,UAAd;QAA0B,KAAK,EAAC;MAAhC,GAJJ;MAOA,oBACE;QAAK,SAAS,EAAElB,KAAK,CAACqB,UAAtB;QAAkC,GAAG,EAAEZ,IAAI,CAACK;MAA5C,GACGK,SADH,CADF;IAKD;EACF,CA7BuB,EA6BrBd,aA7BqB,CAAxB;;EA+BA,oBACE;IACE,aAAU,kBADZ;IAEE,SAAS,EAAEL,KAAK,CAACsB,OAFnB;IAGE,IAAI,EAAC,OAHP;IAIE,cAAYlB,cAJd;IAKE,KAAK,EAAEA;EALT,GAOGE,eAPH,CADF;AAWD,CA5CD;;AA8CA,MAAMiB,aAAN,wDACKzB,QAAQ,CAAC0B,SADd;EAEEb,IAAI,EAAEf,SAAS,CAAC6B;AAFlB;AAKAxB,QAAQ,CAACuB,SAAT,2CAAqB;EACnBtB,QAAQ,EAAEN,SAAS,CAAC6B,MADD;EAEnBtB,OAAO,EAAEP,SAAS,CAAC8B,OAAV,CACP9B,SAAS,CAAC+B,SAAV,CAAoB,CAAC/B,SAAS,CAACgC,KAAV,CAAgB9B,QAAQ,CAAC0B,SAAzB,CAAD,EAAsC5B,SAAS,CAACgC,KAAV,CAAgBL,aAAhB,CAAtC,CAApB,CADO,CAFU;EAKnBnB,cAAc,EAAER,SAAS,CAAC6B;AALP,CAArB;AAQA,eAAexB,QAAf"}

package/es/organism/mooc/image-slider/index.d.ts

@@ -10,6 +10,7 @@ declare namespace ImageSlider {
             subtitle: PropTypes.Requireable<string>;
             light: PropTypes.Requireable<boolean>;
             cta: PropTypes.Requireable<PropTypes.InferProps<{
+                'aria-label': PropTypes.Requireable<string>;
                 submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 href: PropTypes.Requireable<string>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -24,6 +25,7 @@ declare namespace ImageSlider {
                 rectangular: PropTypes.Requireable<boolean>;
                 fullWidth: PropTypes.Requireable<boolean>;
                 certificationButton: PropTypes.Requireable<boolean>;
+                useButtonTag: PropTypes.Requireable<boolean>;
             }>>;
             alignment: PropTypes.Requireable<string>;
         }> | null | undefined)[]>;

package/es/organism/mooc-header/index.d.ts

@@ -42,6 +42,7 @@ declare class MoocHeader extends React.Component<any, any, any> {
             }> | null | undefined)[]>;
         }>>;
         links: PropTypes.Requireable<(PropTypes.InferProps<{
+            'aria-label': PropTypes.Requireable<string>;
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             href: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -56,6 +57,7 @@ declare class MoocHeader extends React.Component<any, any, any> {
             rectangular: PropTypes.Requireable<boolean>;
             fullWidth: PropTypes.Requireable<boolean>;
             certificationButton: PropTypes.Requireable<boolean>;
+            useButtonTag: PropTypes.Requireable<boolean>;
         }> | null | undefined)[]>;
         user: PropTypes.Requireable<PropTypes.InferProps<{
             picture: PropTypes.Requireable<string>;

package/es/organism/mooc-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAyBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA6FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAwBC;IAtBC;;;;;;MAMC;IAgDH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IA7GD,2EASC;IAGC,kBAAsB;IAmGxB,6BAIE;IAEF,6BAIE;IAEF,6BAucC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAyBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA6FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAwBC;IAtBC;;;;;;MAMC;IAgDH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IA7GD,2EASC;IAGC,kBAAsB;IAmGxB,6BAIE;IAEF,6BAIE;IAEF,6BAucC;CACF"}

package/es/organism/sidebar/index.d.ts

@@ -141,6 +141,7 @@ export namespace ButtonItem {
         const onClick_1: PropTypes.Requireable<(...args: any[]) => any>;
         export { onClick_1 as onClick };
         export const cta: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
+            'aria-label': PropTypes.Requireable<string>;
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             href: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -155,6 +156,7 @@ export namespace ButtonItem {
             rectangular: PropTypes.Requireable<boolean>;
             fullWidth: PropTypes.Requireable<boolean>;
             certificationButton: PropTypes.Requireable<boolean>;
+            useButtonTag: PropTypes.Requireable<boolean>;
         }> | null | undefined>>;
         const uppercase_4: PropTypes.Requireable<boolean>;
         export { uppercase_4 as uppercase };

package/es/organism/sidebar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/sidebar/index.js"],"names":[],"mappings":"AAeO,uDA0BN;;;;;;;;;;;;;AAaM;;;;;;;gBAON;;;;;;;;;;;;;;;;;;;;;AAiBM;;;;;;;gBAON;;;;;AAIM;;;;;;;;;;;;;gBAwDN;;;;;;;;;;;;;;;;;;;;AAeM;;;;;;gBAyBN;;;;;AAIM;;;;;gBAMN;;;;;;;;;;;;;;AASM;;;;;;;;;;gBA6CN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM;;;;;;;;;gBAuBN;;;;;;;;;;;;;;;;;;;;;;;;AAkED;;8BAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/sidebar/index.js"],"names":[],"mappings":"AAeO,uDA0BN;;;;;;;;;;;;;AAaM;;;;;;;gBAON;;;;;;;;;;;;;;;;;;;;;AAiBM;;;;;;;gBAON;;;;;AAIM;;;;;;;;;;;;;gBAwDN;;;;;;;;;;;;;;;;;;;;AAeM;;;;;;gBAyBN;;;;;AAIM;;;;;gBAMN;;;;;;;;;;;;;;AASM;;;;;;;;;;gBA6CN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM;;;;;;;;;gBAuBN;;;;;;;;;;;;;;;;;;;;;;;;AAkED;;8BAaC"}

package/es/template/app-player/player/index.d.ts

@@ -4,6 +4,7 @@ declare namespace SlidePlayer {
     namespace propTypes {
         const player: PropTypes.Requireable<PropTypes.InferProps<{
             cta: PropTypes.Requireable<PropTypes.InferProps<{
+                'aria-label': PropTypes.Requireable<string>;
                 submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 href: PropTypes.Requireable<string>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -18,6 +19,7 @@ declare namespace SlidePlayer {
                 rectangular: PropTypes.Requireable<boolean>;
                 fullWidth: PropTypes.Requireable<boolean>;
                 certificationButton: PropTypes.Requireable<boolean>;
+                useButtonTag: PropTypes.Requireable<boolean>;
             }>>;
             step: PropTypes.Requireable<PropTypes.InferProps<{
                 current: PropTypes.Validator<number>;

package/es/template/app-player/player/slides/index.d.ts

@@ -128,6 +128,7 @@ declare function ValidateButton({ cta }: {
 declare namespace ValidateButton {
     export namespace propTypes_1 {
         const cta_1: PropTypes.Requireable<PropTypes.InferProps<{
+            'aria-label': PropTypes.Requireable<string>;
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             href: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -142,6 +143,7 @@ declare namespace ValidateButton {
             rectangular: PropTypes.Requireable<boolean>;
             fullWidth: PropTypes.Requireable<boolean>;
             certificationButton: PropTypes.Requireable<boolean>;
+            useButtonTag: PropTypes.Requireable<boolean>;
         }>>;
         export { cta_1 as cta };
     }

package/es/template/app-player/player/slides/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":[],"mappings":";AAgZA,qEAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA1HD;;uBAUC;;;;;;;;;;;;;;;;;;;;;;;AAnOD;;;gBAaC;;;;;;;;;;;;;AAyDD;;;gBAAoF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhHpF,oEAQC;;;;;;;;;AA6MD;;gBAiBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GD,qEAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":[],"mappings":";AAgZA,qEAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA1HD;;uBAUC;;;;;;;;;;;;;;;;;;;;;;;;;AAnOD;;;gBAaC;;;;;;;;;;;;;AAyDD;;;gBAAoF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhHpF,oEAQC;;;;;;;;;AA6MD;;gBAiBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GD,qEAaC"}

package/es/template/app-player/popin-correction/index.d.ts

@@ -36,6 +36,7 @@ declare class PopinCorrection extends React.Component<any, any, any> {
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+                useButtonTag: PropTypes.Requireable<boolean>;
                 style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
             }>>;
             type: PropTypes.Validator<string>;
@@ -83,6 +84,7 @@ declare class PopinCorrection extends React.Component<any, any, any> {
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+                useButtonTag: PropTypes.Requireable<boolean>;
                 style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
             }>>;
         }>>;

package/es/template/app-player/popin-correction/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":[],"mappings":";AAmGA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAIC;IAFC;;MAA0B;IAkB5B,gCAEC;IAhBD,0BAEC;IAED,kBAQC;IALC,gCAIE;IAIF,aAAsB;IAGxB,sBAsEC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":[],"mappings":";AAmGA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAIC;IAFC;;MAA0B;IAkB5B,gCAEC;IAhBD,0BAEC;IAED,kBAQC;IALC,gCAIE;IAIF,aAAsB;IAGxB,sBAsEC;CACF"}

package/es/template/app-player/popin-end/index.d.ts

@@ -36,6 +36,7 @@ declare namespace PopinEnd {
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
                     onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+                    useButtonTag: PropTypes.Requireable<boolean>;
                     style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
                 }>>;
                 type: PropTypes.Validator<string>;

package/es/template/app-player/popin-end/summary.d.ts

@@ -42,6 +42,7 @@ declare namespace Summary {
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+                useButtonTag: PropTypes.Requireable<boolean>;
                 style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
             }>>;
             type: PropTypes.Validator<string>;

package/es/template/app-player/popin-header/index.d.ts

@@ -72,6 +72,7 @@ declare namespace NextQuestionPart {
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
             onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+            useButtonTag: PropTypes.Requireable<boolean>;
             style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
         }>>;
         export { cta_1 as cta };

package/es/template/app-player/popin-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-header/index.js"],"names":[],"mappings":";AAyWA,oEAyDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAtID,gFA4DC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5HD,yDAmDC;;;;;;;;;;;;;;;;;;;;;;;;;AApOD;;gBAkBC;;;;;;;;;;;AA8ED;;;;;uBAYC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-header/index.js"],"names":[],"mappings":";AAyWA,oEAyDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAtID,gFA4DC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5HD,yDAmDC;;;;;;;;;;;;;;;;;;;;;;;;;AApOD;;gBAkBC;;;;;;;;;;;AA8ED;;;;;uBAYC"}

package/es/template/teams-dashboard/index.d.ts

@@ -17,6 +17,7 @@ declare namespace TeamsDashboard {
             closeToolTipInformationTextAriaLabel: PropTypes.Requireable<string>;
         }>>;
         const platformLinks: PropTypes.Requireable<(PropTypes.InferProps<{
+            'aria-label': PropTypes.Requireable<string>;
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             href: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -31,6 +32,7 @@ declare namespace TeamsDashboard {
             rectangular: PropTypes.Requireable<boolean>;
             fullWidth: PropTypes.Requireable<boolean>;
             certificationButton: PropTypes.Requireable<boolean>;
+            useButtonTag: PropTypes.Requireable<boolean>;
         }> | null | undefined)[]>;
         const sections: PropTypes.Requireable<(PropTypes.InferProps<{
             contentType: PropTypes.Requireable<string>;

package/lib/atom/cta/index.d.ts

@@ -1,6 +1,8 @@
 export default CTA;
-declare class CTA extends React.Component<any, any, any> {
-    static propTypes: {
+declare function CTA(props: any, legacyContext: any): JSX.Element;
+declare namespace CTA {
+    const propTypes: {
+        'aria-label': PropTypes.Requireable<string>;
         submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         href: PropTypes.Requireable<string>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -15,9 +17,10 @@ declare class CTA extends React.Component<any, any, any> {
         rectangular: PropTypes.Requireable<boolean>;
         fullWidth: PropTypes.Requireable<boolean>;
         certificationButton: PropTypes.Requireable<boolean>;
+        useButtonTag: PropTypes.Requireable<boolean>;
     };
-    static contextTypes: {
-        skin: PropTypes.Requireable<PropTypes.InferProps<{
+    namespace contextTypes {
+        const skin: PropTypes.Requireable<PropTypes.InferProps<{
             common: PropTypes.Requireable<{
                 [x: string]: any;
             }>;
@@ -38,36 +41,7 @@ declare class CTA extends React.Component<any, any, any> {
                 [x: string]: any;
             }>;
         }>>;
-    };
-    constructor(props: any);
-    state: {
-        hovered: boolean;
-    };
-    handleMouseEnter(): void;
-    handleMouseLeave(): void;
-    getStyle(): {
-        backgroundColor: any;
-        borderColor: any;
-        opacity: string;
-        color?: undefined;
-    } | {
-        backgroundColor: any;
-        borderColor: any;
-        opacity?: undefined;
-        color?: undefined;
-    } | {
-        color: any;
-        borderColor: any;
-        backgroundColor?: undefined;
-        opacity?: undefined;
-    } | {
-        color: any;
-        backgroundColor?: undefined;
-        borderColor?: undefined;
-        opacity?: undefined;
-    } | undefined;
-    render(): JSX.Element;
+    }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/cta/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/cta/index.js"],"names":[],"mappings":";AAUA;IACE;;;;;;;;;;;;;;;MAeE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAOC;IALC;;MAEC;IAKH,yBAIC;IAED,yBAIC;IAED;;;;;;;;;;;;;;;;;;;;kBAwCC;IAED,sBAkDC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/cta/index.js"],"names":[],"mappings":";AAUA,kEAuGC"}

package/lib/atom/cta/index.js

@@ -7,7 +7,7 @@ var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
 
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _cssColorFunction = require("css-color-function");
 
@@ -23,43 +23,42 @@ var _link = _interopRequireDefault(require("../link"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
+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 }; }
 
-class CTA extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      hovered: false
-    };
-    this.handleMouseEnter = this.handleMouseEnter.bind(this);
-    this.handleMouseLeave = this.handleMouseLeave.bind(this);
-  }
-
-  handleMouseEnter() {
-    return this.setState({
-      hovered: true
-    });
-  }
-
-  handleMouseLeave() {
-    return this.setState({
-      hovered: false
-    });
-  }
-
-  getStyle() {
-    const {
-      skin
-    } = this.context;
-    const {
-      hovered
-    } = this.state;
-    const {
-      disabled = false,
-      light = false,
-      secondary = false,
-      logout = false
-    } = this.props;
+const CTA = (props, legacyContext) => {
+  const {
+    skin
+  } = legacyContext;
+  const {
+    'aria-label': ariaLabel,
+    submitValue = 'submit',
+    name: ctaName,
+    href,
+    target,
+    disabled = false,
+    light = false,
+    small = false,
+    secondary = false,
+    onClick,
+    className,
+    logout = false,
+    rectangular = false,
+    fullWidth = false,
+    certificationButton = false,
+    useButtonTag = false
+  } = props;
+  const [hovered, setHovered] = (0, _react.useState)(false);
+  const handleMouseEnter = (0, _react.useCallback)(() => {
+    setHovered(true);
+  }, []);
+  const handleMouseLeave = (0, _react.useCallback)(() => {
+    setHovered(false);
+  }, []);
+  const getStyle = (0, _react.useCallback)(() => {
     const color = (0, _get2.default)('common.primary', skin);
     const grey = (0, _get2.default)('common.grey', skin);
     if (logout) return;
@@ -91,50 +90,30 @@ class CTA extends _react.default.Component {
       borderColor: color,
       backgroundColor: color
     };
-  }
-
-  render() {
-    const {
-      submitValue = 'submit',
-      name: ctaName,
-      href,
-      target,
-      disabled = false,
-      light = false,
-      small = false,
-      secondary = false,
-      onClick,
-      className,
-      logout = false,
-      rectangular = false,
-      fullWidth = false,
-      certificationButton = false
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_link.default, {
-      href: href,
-      onClick: disabled ? _noop2.default : onClick,
-      onMouseEnter: this.handleMouseEnter,
-      onMouseLeave: this.handleMouseLeave,
-      target: target,
-      className: (0, _classnames.default)(_style.default.button, disabled ? _style.default.disabled : null, small ? _style.default.smallButton : null, light ? _style.default.lightButton : null, secondary ? _style.default.secondaryButton : null, logout ? _style.default.logoutButton : null, rectangular ? _style.default.rectangularButton : null, fullWidth ? _style.default.fullWidth : null, certificationButton ? _style.default.certificationButton : null, className),
-      "data-name": ctaName || 'cta',
-      style: this.getStyle()
-    }, logout ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _style.default.logoutWrapper,
-      "data-name": "cta-logout-label"
-    }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLogout, {
-      height: 15,
-      width: 15,
-      className: _style.default.logoutIcon
-    }), submitValue) : submitValue);
-  }
-
-}
-
-CTA.contextTypes = {
-  skin: _provider.default.childContextTypes.skin
+  }, [disabled, hovered, light, logout, secondary, skin]);
+  return /*#__PURE__*/_react.default.createElement(_link.default, {
+    href: href,
+    onClick: disabled ? _noop2.default : onClick,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    target: target,
+    className: (0, _classnames.default)(_style.default.button, disabled ? _style.default.disabled : null, small ? _style.default.smallButton : null, light ? _style.default.lightButton : null, secondary ? _style.default.secondaryButton : null, logout ? _style.default.logoutButton : null, rectangular ? _style.default.rectangularButton : null, fullWidth ? _style.default.fullWidth : null, certificationButton ? _style.default.certificationButton : null, className),
+    "data-name": ctaName || 'cta',
+    style: getStyle(),
+    "aria-label": ariaLabel,
+    useButtonTag: useButtonTag
+  }, logout ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.logoutWrapper,
+    "data-name": "cta-logout-label"
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLogout, {
+    height: 15,
+    width: 15,
+    className: _style.default.logoutIcon
+  }), submitValue) : submitValue);
 };
+
 CTA.propTypes = process.env.NODE_ENV !== "production" ? {
+  'aria-label': _link.default.propTypes['aria-label'],
   submitValue: _link.default.propTypes.children,
   href: _link.default.propTypes.href,
   onClick: _link.default.propTypes.onClick,
@@ -148,8 +127,12 @@ CTA.propTypes = process.env.NODE_ENV !== "production" ? {
   logout: _propTypes.default.bool,
   rectangular: _propTypes.default.bool,
   fullWidth: _propTypes.default.bool,
-  certificationButton: _propTypes.default.bool
+  certificationButton: _propTypes.default.bool,
+  useButtonTag: _link.default.propTypes.useButtonTag
 } : {};
+CTA.contextTypes = {
+  skin: _provider.default.childContextTypes.skin
+};
 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":["CTA","React","Component","constructor","props","state","hovered","handleMouseEnter","bind","handleMouseLeave","setState","getStyle","skin","context","disabled","light","secondary","logout","color","grey","backgroundColor","borderColor","opacity","darkenColor","convert","render","submitValue","name","ctaName","href","target","small","onClick","className","rectangular","fullWidth","certificationButton","classnames","style","button","smallButton","lightButton","secondaryButton","logoutButton","rectangularButton","logoutWrapper","logoutIcon","contextTypes","Provider","childContextTypes","propTypes","Link","children","PropTypes","string","bool"],"sources":["../../../src/atom/cta/index.js"],"sourcesContent":["import React from 'react';\nimport {convert} from 'css-color-function';\nimport PropTypes from 'prop-types';\nimport {get, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyLogout as LogoutIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport Link from '../link';\nimport style from './style.css';\n\nclass CTA extends React.Component {\n  static propTypes = {\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  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      hovered: false\n    };\n    this.handleMouseEnter = this.handleMouseEnter.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n  }\n\n  handleMouseEnter() {\n    return this.setState({\n      hovered: true\n    });\n  }\n\n  handleMouseLeave() {\n    return this.setState({\n      hovered: false\n    });\n  }\n\n  getStyle() {\n    const {skin} = this.context;\n    const {hovered} = this.state;\n    const {disabled = false, light = false, secondary = false, logout = false} = this.props;\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  }\n\n  render() {\n    const {\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    } = this.props;\n\n    return (\n      <Link\n        href={href}\n        onClick={disabled ? noop : onClick}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.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={this.getStyle()}\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}\n\nexport default CTA;\n"],"mappings":"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"}
+{"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","Link","children","PropTypes","string","bool","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/cta/index.js"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport {convert} from 'css-color-function';\nimport PropTypes from 'prop-types';\nimport {get, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyLogout as LogoutIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport Link from '../link';\nimport style from './style.css';\n\nconst CTA = (props, legacyContext) => {\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 = {\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\nCTA.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default CTA;\n"],"mappings":"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"}