@coorpacademy/components 11.34.1 → 11.34.2-alpha.74

package/es/molecule/progress-wrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-wrapper/index.js"],"names":[],"mappings":";AA+GA;;;;;;;8BA8DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-wrapper/index.js"],"names":[],"mappings":";AA+GA;;;;;;;8BA6DC"}

package/es/molecule/progress-wrapper/index.js

@@ -117,7 +117,10 @@ const ProgressWrapper = ({
   const {
     translate
   } = context;
-  const mandatoryCompletedModulesLocale = translate('modules_completed_mandatory');
+  const mandatoryCompletedModulesLocale = translate('modules_completed_mandatory', {
+    total: mandatoryModules,
+    count: completedModules > mandatoryModules ? mandatoryModules : completedModules
+  });
   const isLocked = progression !== 100;
   return /*#__PURE__*/React.createElement("div", {
     className: style.container,
@@ -134,10 +137,12 @@ const ProgressWrapper = ({
     className: style.statscontainer
   }, /*#__PURE__*/React.createElement("div", {
     className: style.stats
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-    className: style.statsNumber,
-    "data-name": "progress-stats"
-  }, `${completedModules > mandatoryModules ? mandatoryModules : completedModules} / ${mandatoryModules}`), mandatoryCompletedModulesLocale)), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
+    // eslint-disable-next-line react/no-danger
+    dangerouslySetInnerHTML: {
+      __html: mandatoryCompletedModulesLocale
+    }
+  })), /*#__PURE__*/React.createElement("div", {
     className: style.progression
   }, /*#__PURE__*/React.createElement("span", {
     className: style.statsNumber,

package/es/molecule/progress-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","convert","Title","ProgressBar","COLORS","Tag","ButtonLink","Icon","Provider","GetSkinFromContext","style","uncappedMap","_map","cap","DetailSection","index","type","isLocked","downloadUrl","stars","context","translate","skin","primarySkinColor","_get","isTypeStars","downloadButtonProps","label","link","target","href","customStyle","backgroundColor","color","width","transition","hoverBackgroundColor","hoverColor","white","icon","position","faIcon","name","size","padding","disabled","LockedTag","createElement","iconName","iconColor","cm_grey_500","preset","className","detailsInfo","detailsInfoText","detailsTitle","img","src","buttonContainer","ProgressWrapper","completedModules","mandatoryModules","title","subtitle","progression","sections","mandatoryCompletedModulesLocale","container","titleContainer","titleSize","statscontainer","stats","statsNumber","customProgressBar","positive","displayInfo","value","max","statsProgressionMobile","_isEmpty","details","section","_extends","key","commonDetailSectionPropTypes","process","env","NODE_ENV","oneOf","string","number","contextTypes","childContextTypes","propTypes","bool","arrayOf","shape"],"sources":["../../../src/molecule/progress-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {isEmpty, map, get} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst DetailSection = ({index, type, isLocked, downloadUrl, stars}, context) => {\n  const {translate} = context;\n  const skin = GetSkinFromContext(context);\n  const primarySkinColor = get('common.primary', skin);\n  const isTypeStars = type === 'stars';\n\n  const downloadButtonProps = {\n    label: translate('download'),\n    link: {\n      target: '_blank',\n      href: downloadUrl\n    },\n    'data-name': `download-${type}-button`,\n    'aria-label': `download ${type} button`,\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      width: 'auto',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverBackgroundColor: primarySkinColor,\n    hoverColor: COLORS.white,\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'download',\n        color: primarySkinColor,\n        size: 14,\n        customStyle: {padding: 0}\n      }\n    },\n    disabled: isLocked\n  };\n\n  const LockedTag = (\n    <Tag\n      label={translate('locked')}\n      size=\"S\"\n      icon={{\n        position: 'left',\n        iconName: 'lock',\n        iconColor: COLORS.cm_grey_500,\n        preset: 's',\n        customStyle: {padding: 0}\n      }}\n    />\n  );\n\n  return isTypeStars ? (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>{translate('bonus_stars')}</span>\n          {isLocked ? LockedTag : null}\n        </div>\n        <div className={style.stars}>\n          <Icon iconName=\"star\" iconColor=\"#FFCE0A\" backgroundColor=\"#FFF9D1\" preset=\"xl\" />\n          <span>{stars}</span>\n        </div>\n      </div>\n    </div>\n  ) : (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <img\n        className={style.img}\n        src={\n          type === 'badge'\n            ? downloadUrl\n            : 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'\n        }\n      />\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>\n            {type === 'diploma' ? translate('diploma') : translate('badge')}\n          </span>\n          {isLocked ? LockedTag : null}\n        </div>\n\n        <div className={style.buttonContainer}>\n          <ButtonLink {...downloadButtonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ProgressWrapper = (\n  {completedModules, mandatoryModules, title, subtitle, progression, sections},\n  context\n) => {\n  const {translate} = context;\n  const mandatoryCompletedModulesLocale = translate('modules_completed_mandatory');\n  const isLocked = progression !== 100;\n\n  return (\n    <div\n      className={style.container}\n      data-name=\"prgress-wrapper\"\n      aria-label=\"progress wrapper section\"\n    >\n      <div className={style.titleContainer}>\n        <Title type=\"form-group\" titleSize=\"medium\" title={title} subtitle={subtitle} />\n      </div>\n      <div className={style.statscontainer}>\n        <div className={style.stats}>\n          <div>\n            <span className={style.statsNumber} data-name=\"progress-stats\">\n              {`${\n                completedModules > mandatoryModules ? mandatoryModules : completedModules\n              } / ${mandatoryModules}`}\n            </span>\n            {mandatoryCompletedModulesLocale}\n          </div>\n        </div>\n        <div className={style.progression}>\n          <span className={style.statsNumber} data-name=\"progress-value\">\n            {progression}%\n          </span>\n        </div>\n      </div>\n      <ProgressBar\n        className={style.customProgressBar}\n        style={{backgroundColor: COLORS.positive}}\n        displayInfo={false}\n        value={progression}\n        max={100}\n      />\n      <div className={style.statsProgressionMobile}>\n        <span className={style.statsNumber}>{progression}%</span>\n      </div>\n\n      {isEmpty(sections) ? null : (\n        <div className={style.details}>\n          {uncappedMap(\n            (section, index) => (\n              <DetailSection\n                {...section}\n                isLocked={isLocked}\n                key={`${section.type}-${index}`}\n                index={index}\n              />\n            ),\n            sections\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst commonDetailSectionPropTypes = {\n  type: PropTypes.oneOf(['diploma', 'badge', 'stars']),\n  downloadUrl: PropTypes.string,\n  stars: PropTypes.number\n};\n\nDetailSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nDetailSection.propTypes = {\n  index: PropTypes.number,\n  isLocked: PropTypes.bool,\n  ...commonDetailSectionPropTypes\n};\n\nProgressWrapper.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nProgressWrapper.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  completedModules: PropTypes.number,\n  mandatoryModules: PropTypes.number,\n  progression: PropTypes.number,\n  sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))\n};\n\nexport default ProgressWrapper;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","convert","Title","ProgressBar","COLORS","Tag","ButtonLink","Icon","Provider","GetSkinFromContext","style","uncappedMap","_map","cap","DetailSection","index","type","isLocked","downloadUrl","stars","context","translate","skin","primarySkinColor","_get","isTypeStars","downloadButtonProps","label","link","target","href","customStyle","backgroundColor","color","width","transition","hoverBackgroundColor","hoverColor","white","icon","position","faIcon","name","size","padding","disabled","LockedTag","createElement","iconName","iconColor","cm_grey_500","preset","className","detailsInfo","detailsInfoText","detailsTitle","img","src","buttonContainer","ProgressWrapper","completedModules","mandatoryModules","title","subtitle","progression","sections","mandatoryCompletedModulesLocale","total","count","container","titleContainer","titleSize","statscontainer","stats","dangerouslySetInnerHTML","__html","statsNumber","customProgressBar","positive","displayInfo","value","max","statsProgressionMobile","_isEmpty","details","section","_extends","key","commonDetailSectionPropTypes","process","env","NODE_ENV","oneOf","string","number","contextTypes","childContextTypes","propTypes","bool","arrayOf","shape"],"sources":["../../../src/molecule/progress-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {isEmpty, map, get} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst DetailSection = ({index, type, isLocked, downloadUrl, stars}, context) => {\n  const {translate} = context;\n  const skin = GetSkinFromContext(context);\n  const primarySkinColor = get('common.primary', skin);\n  const isTypeStars = type === 'stars';\n\n  const downloadButtonProps = {\n    label: translate('download'),\n    link: {\n      target: '_blank',\n      href: downloadUrl\n    },\n    'data-name': `download-${type}-button`,\n    'aria-label': `download ${type} button`,\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      width: 'auto',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverBackgroundColor: primarySkinColor,\n    hoverColor: COLORS.white,\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'download',\n        color: primarySkinColor,\n        size: 14,\n        customStyle: {padding: 0}\n      }\n    },\n    disabled: isLocked\n  };\n\n  const LockedTag = (\n    <Tag\n      label={translate('locked')}\n      size=\"S\"\n      icon={{\n        position: 'left',\n        iconName: 'lock',\n        iconColor: COLORS.cm_grey_500,\n        preset: 's',\n        customStyle: {padding: 0}\n      }}\n    />\n  );\n\n  return isTypeStars ? (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>{translate('bonus_stars')}</span>\n          {isLocked ? LockedTag : null}\n        </div>\n        <div className={style.stars}>\n          <Icon iconName=\"star\" iconColor=\"#FFCE0A\" backgroundColor=\"#FFF9D1\" preset=\"xl\" />\n          <span>{stars}</span>\n        </div>\n      </div>\n    </div>\n  ) : (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <img\n        className={style.img}\n        src={\n          type === 'badge'\n            ? downloadUrl\n            : 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'\n        }\n      />\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>\n            {type === 'diploma' ? translate('diploma') : translate('badge')}\n          </span>\n          {isLocked ? LockedTag : null}\n        </div>\n\n        <div className={style.buttonContainer}>\n          <ButtonLink {...downloadButtonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ProgressWrapper = (\n  {completedModules, mandatoryModules, title, subtitle, progression, sections},\n  context\n) => {\n  const {translate} = context;\n  const mandatoryCompletedModulesLocale = translate('modules_completed_mandatory', {\n    total: mandatoryModules,\n    count: completedModules > mandatoryModules ? mandatoryModules : completedModules\n  });\n  const isLocked = progression !== 100;\n\n  return (\n    <div\n      className={style.container}\n      data-name=\"prgress-wrapper\"\n      aria-label=\"progress wrapper section\"\n    >\n      <div className={style.titleContainer}>\n        <Title type=\"form-group\" titleSize=\"medium\" title={title} subtitle={subtitle} />\n      </div>\n      <div className={style.statscontainer}>\n        <div className={style.stats}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: mandatoryCompletedModulesLocale}}\n          />\n        </div>\n        <div className={style.progression}>\n          <span className={style.statsNumber} data-name=\"progress-value\">\n            {progression}%\n          </span>\n        </div>\n      </div>\n      <ProgressBar\n        className={style.customProgressBar}\n        style={{backgroundColor: COLORS.positive}}\n        displayInfo={false}\n        value={progression}\n        max={100}\n      />\n      <div className={style.statsProgressionMobile}>\n        <span className={style.statsNumber}>{progression}%</span>\n      </div>\n\n      {isEmpty(sections) ? null : (\n        <div className={style.details}>\n          {uncappedMap(\n            (section, index) => (\n              <DetailSection\n                {...section}\n                isLocked={isLocked}\n                key={`${section.type}-${index}`}\n                index={index}\n              />\n            ),\n            sections\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst commonDetailSectionPropTypes = {\n  type: PropTypes.oneOf(['diploma', 'badge', 'stars']),\n  downloadUrl: PropTypes.string,\n  stars: PropTypes.number\n};\n\nDetailSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nDetailSection.propTypes = {\n  index: PropTypes.number,\n  isLocked: PropTypes.bool,\n  ...commonDetailSectionPropTypes\n};\n\nProgressWrapper.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nProgressWrapper.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  completedModules: PropTypes.number,\n  mandatoryModules: PropTypes.number,\n  progression: PropTypes.number,\n  sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))\n};\n\nexport default ProgressWrapper;\n"],"mappings":"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","ignoreList":[]}