@coorpacademy/components 11.32.33-alpha.30 → 11.32.33-alpha.31.30

package/es/atom/title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AAwCA,gDA4BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AA4CA,gDA4BC"}

package/es/atom/title/index.js

@@ -13,6 +13,9 @@ const getTitleStyle = (type, size) => {
 
     case 'form-group':
       switch (size) {
+        case 'standard-light-weight':
+          return style.titleFormGroupLightWeight;
+
         case 'standard':
           return style.titleFormGroup;
 
@@ -36,6 +39,9 @@ const getSubtitleStyle = (type, size) => {
         case 'standard':
           return style.subtitleFormGroup;
 
+        case 'standard-without-margin':
+          return style.subtitleFormGroupWithoutMargin;
+
         case 'small':
           return style.smallSubtitleFormGroup;
 

package/es/atom/title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Icon","Tag","style","getTitleStyle","type","size","titlePage","titleFormGroup","mediumTitleFormGroup","smallTitleFormGroup","getSubtitleStyle","subtitlePage","subtitleFormGroup","smallSubtitleFormGroup","smallSubtitleFormGroupWithoutMargin","extraSmallSubtitleFormGroup","Title","props","title","subtitle","dataName","titleSize","subtitleSize","icon","tag","titleStyle","subtitleStyle","subtitleSection","container","propTypes","string","oneOf","shape"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Icon from '../icon';\nimport Tag from '../tag';\nimport style from './style.css';\n\nconst getTitleStyle = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.titlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.titleFormGroup;\n        case 'medium':\n          return style.mediumTitleFormGroup;\n        case 'small':\n          return style.smallTitleFormGroup;\n      }\n  }\n};\n\nconst getSubtitleStyle = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.subtitlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.subtitleFormGroup;\n        case 'small':\n          return style.smallSubtitleFormGroup;\n        case 'small-without-margin':\n          return style.smallSubtitleFormGroupWithoutMargin;\n        case 'extra-small':\n          return style.extraSmallSubtitleFormGroup;\n      }\n  }\n};\n\nconst Title = props => {\n  const {\n    title,\n    subtitle,\n    type,\n    'data-name': dataName,\n    titleSize = 'standard',\n    subtitleSize = 'standard',\n    icon,\n    tag\n  } = props;\n  const titleStyle = getTitleStyle(type, titleSize);\n  const subtitleStyle = getSubtitleStyle(type, subtitleSize);\n\n  const subtitleSection = subtitle ? <div className={subtitleStyle}>{subtitle}</div> : null;\n\n  return (\n    <div className={style.container}>\n      {icon ? <Icon {...icon} className={style.icon} /> : null}\n      <div>\n        <div className={titleStyle} data-name={dataName}>\n          {title}\n          {tag ? <Tag {...tag} /> : null}\n        </div>\n        {subtitleSection}\n      </div>\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  type: PropTypes.oneOf(['page', 'form-group']),\n  'data-name': PropTypes.string,\n  titleSize: PropTypes.oneOf(['standard', 'medium', 'small']),\n  subtitleSize: PropTypes.oneOf(['standard', 'small', 'small-without-margin', 'extra-small']),\n  icon: PropTypes.shape(Icon.propTypes),\n  tag: PropTypes.shape(Tag.propTypes)\n};\nexport default Title;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,OAAOC,GAAP,MAAgB,QAAhB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAG,CAACC,IAAD,EAAOC,IAAP,KAAgB;EACpC,QAAQD,IAAR;IACE,KAAK,MAAL;MACE,OAAOF,KAAK,CAACI,SAAb;;IACF,KAAK,YAAL;MACE,QAAQD,IAAR;QACE,KAAK,UAAL;UACE,OAAOH,KAAK,CAACK,cAAb;;QACF,KAAK,QAAL;UACE,OAAOL,KAAK,CAACM,oBAAb;;QACF,KAAK,OAAL;UACE,OAAON,KAAK,CAACO,mBAAb;MANJ;;EAJJ;AAaD,CAdD;;AAgBA,MAAMC,gBAAgB,GAAG,CAACN,IAAD,EAAOC,IAAP,KAAgB;EACvC,QAAQD,IAAR;IACE,KAAK,MAAL;MACE,OAAOF,KAAK,CAACS,YAAb;;IACF,KAAK,YAAL;MACE,QAAQN,IAAR;QACE,KAAK,UAAL;UACE,OAAOH,KAAK,CAACU,iBAAb;;QACF,KAAK,OAAL;UACE,OAAOV,KAAK,CAACW,sBAAb;;QACF,KAAK,sBAAL;UACE,OAAOX,KAAK,CAACY,mCAAb;;QACF,KAAK,aAAL;UACE,OAAOZ,KAAK,CAACa,2BAAb;MARJ;;EAJJ;AAeD,CAhBD;;AAkBA,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IACJC,KADI;IAEJC,QAFI;IAGJf,IAHI;IAIJ,aAAagB,QAJT;IAKJC,SAAS,GAAG,UALR;IAMJC,YAAY,GAAG,UANX;IAOJC,IAPI;IAQJC;EARI,IASFP,KATJ;EAUA,MAAMQ,UAAU,GAAGtB,aAAa,CAACC,IAAD,EAAOiB,SAAP,CAAhC;EACA,MAAMK,aAAa,GAAGhB,gBAAgB,CAACN,IAAD,EAAOkB,YAAP,CAAtC;EAEA,MAAMK,eAAe,GAAGR,QAAQ,gBAAG;IAAK,SAAS,EAAEO;EAAhB,GAAgCP,QAAhC,CAAH,GAAqD,IAArF;EAEA,oBACE;IAAK,SAAS,EAAEjB,KAAK,CAAC0B;EAAtB,GACGL,IAAI,gBAAG,oBAAC,IAAD,eAAUA,IAAV;IAAgB,SAAS,EAAErB,KAAK,CAACqB;EAAjC,GAAH,GAA+C,IADtD,eAEE,8CACE;IAAK,SAAS,EAAEE,UAAhB;IAA4B,aAAWL;EAAvC,GACGF,KADH,EAEGM,GAAG,gBAAG,oBAAC,GAAD,EAASA,GAAT,CAAH,GAAsB,IAF5B,CADF,EAKGG,eALH,CAFF,CADF;AAYD,CA5BD;;AA8BAX,KAAK,CAACa,SAAN,2CAAkB;EAChBX,KAAK,EAAEnB,SAAS,CAAC+B,MADD;EAEhBX,QAAQ,EAAEpB,SAAS,CAAC+B,MAFJ;EAGhB1B,IAAI,EAAEL,SAAS,CAACgC,KAAV,CAAgB,CAAC,MAAD,EAAS,YAAT,CAAhB,CAHU;EAIhB,aAAahC,SAAS,CAAC+B,MAJP;EAKhBT,SAAS,EAAEtB,SAAS,CAACgC,KAAV,CAAgB,CAAC,UAAD,EAAa,QAAb,EAAuB,OAAvB,CAAhB,CALK;EAMhBT,YAAY,EAAEvB,SAAS,CAACgC,KAAV,CAAgB,CAAC,UAAD,EAAa,OAAb,EAAsB,sBAAtB,EAA8C,aAA9C,CAAhB,CANE;EAOhBR,IAAI,EAAExB,SAAS,CAACiC,KAAV,CAAgBhC,IAAI,CAAC6B,SAArB,CAPU;EAQhBL,GAAG,EAAEzB,SAAS,CAACiC,KAAV,CAAgB/B,GAAG,CAAC4B,SAApB;AARW,CAAlB;AAUA,eAAeb,KAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Icon","Tag","style","getTitleStyle","type","size","titlePage","titleFormGroupLightWeight","titleFormGroup","mediumTitleFormGroup","smallTitleFormGroup","getSubtitleStyle","subtitlePage","subtitleFormGroup","subtitleFormGroupWithoutMargin","smallSubtitleFormGroup","smallSubtitleFormGroupWithoutMargin","extraSmallSubtitleFormGroup","Title","props","title","subtitle","dataName","titleSize","subtitleSize","icon","tag","titleStyle","subtitleStyle","subtitleSection","container","propTypes","string","oneOf","shape"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Icon from '../icon';\nimport Tag from '../tag';\nimport style from './style.css';\n\nconst getTitleStyle = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.titlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard-light-weight':\n          return style.titleFormGroupLightWeight;\n        case 'standard':\n          return style.titleFormGroup;\n        case 'medium':\n          return style.mediumTitleFormGroup;\n        case 'small':\n          return style.smallTitleFormGroup;\n      }\n  }\n};\n\nconst getSubtitleStyle = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.subtitlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.subtitleFormGroup;\n        case 'standard-without-margin':\n          return style.subtitleFormGroupWithoutMargin;\n        case 'small':\n          return style.smallSubtitleFormGroup;\n        case 'small-without-margin':\n          return style.smallSubtitleFormGroupWithoutMargin;\n        case 'extra-small':\n          return style.extraSmallSubtitleFormGroup;\n      }\n  }\n};\n\nconst Title = props => {\n  const {\n    title,\n    subtitle,\n    type,\n    'data-name': dataName,\n    titleSize = 'standard',\n    subtitleSize = 'standard',\n    icon,\n    tag\n  } = props;\n  const titleStyle = getTitleStyle(type, titleSize);\n  const subtitleStyle = getSubtitleStyle(type, subtitleSize);\n\n  const subtitleSection = subtitle ? <div className={subtitleStyle}>{subtitle}</div> : null;\n\n  return (\n    <div className={style.container}>\n      {icon ? <Icon {...icon} className={style.icon} /> : null}\n      <div>\n        <div className={titleStyle} data-name={dataName}>\n          {title}\n          {tag ? <Tag {...tag} /> : null}\n        </div>\n        {subtitleSection}\n      </div>\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  type: PropTypes.oneOf(['page', 'form-group']),\n  'data-name': PropTypes.string,\n  titleSize: PropTypes.oneOf(['standard', 'medium', 'small']),\n  subtitleSize: PropTypes.oneOf(['standard', 'small', 'small-without-margin', 'extra-small']),\n  icon: PropTypes.shape(Icon.propTypes),\n  tag: PropTypes.shape(Tag.propTypes)\n};\nexport default Title;\n"],"mappings":"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"}

package/es/atom/title/style.css

@@ -28,6 +28,11 @@
     gap: 4px;
 }
 
+.titleFormGroupLightWeight {
+    composes: titleFormGroup;
+    font-weight: 600;
+}
+
 .mediumTitleFormGroup {
     composes: title;
     font-size: 16px;
@@ -64,6 +69,12 @@
     color: cm_grey_400;
 }
 
+.subtitleFormGroupWithoutMargin {
+    composes: subtitleFormGroup;
+    font-weight: 500;
+    margin: 0;
+}
+
 .smallSubtitleFormGroup{
     composes: subtitleFormGroup;
     max-width: 455px;

package/es/molecule/certification-card/index.d.ts

@@ -0,0 +1,21 @@
+export default CertificationCard;
+declare function CertificationCard(props: any, context: any): JSX.Element;
+declare namespace CertificationCard {
+    namespace contextTypes {
+        const translate: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+    namespace propTypes {
+        const label: PropTypes.Requireable<string>;
+        const goal: PropTypes.Requireable<PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+            condition: PropTypes.Requireable<PropTypes.InferProps<{
+                nbDone: PropTypes.Requireable<number>;
+            }>>;
+        }>>;
+        const progress: PropTypes.Requireable<number>;
+        const imgUrl: PropTypes.Requireable<string>;
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/es/molecule/certification-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/certification-card/index.js"],"names":[],"mappings":";AAQA,0EAsDC"}

package/es/molecule/certification-card/index.js

@@ -0,0 +1,99 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { COLORS } from '../../variables/colors';
+import Provider from '../../atom/provider';
+import Tag from '../../atom/tag';
+import ProgressBar from '../progress-bar';
+import style from './style.css';
+
+const CertificationCard = (props, context) => {
+  const {
+    label,
+    goal,
+    progress,
+    imgUrl,
+    onClick
+  } = props;
+  const {
+    title,
+    condition: {
+      nbDone
+    }
+  } = goal;
+  const {
+    translate
+  } = context;
+  const isInprogress = progress < 100;
+  const progressLabel = isInprogress ? translate('in_progress') : translate('completed');
+  const progressTagType = isInprogress ? 'progress' : 'success';
+  const progressIconProps = {
+    position: 'left',
+    iconName: isInprogress ? 'clock' : 'circle-check',
+    iconColor: isInprogress ? '#B87A00' : '#05944F',
+    backgroundColor: isInprogress ? '#FFEECC' : '#D6F5E5',
+    size: {
+      faSize: 10,
+      wrapperSize: 10
+    },
+    customStyle: {
+      padding: 0
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.container,
+    "data-name": `certification-card-${label}`,
+    onClick: onClick
+  }, progress > 0 ? /*#__PURE__*/React.createElement(Tag, {
+    label: progressLabel,
+    type: progressTagType,
+    customStyle: {
+      position: 'absolute',
+      top: '12px',
+      right: '12px'
+    },
+    icon: progressIconProps
+  }) : null, /*#__PURE__*/React.createElement("div", {
+    className: style.imageWrapper
+  }, /*#__PURE__*/React.createElement("img", {
+    src: imgUrl,
+    width: "104",
+    height: "104"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: style.detailWrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.titleWrapper
+  }, /*#__PURE__*/React.createElement(Tag, {
+    label: translate('certification'),
+    size: "S"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: style.title
+  }, title), /*#__PURE__*/React.createElement("div", {
+    className: style.moduleCount
+  }, /*#__PURE__*/React.createElement("span", null, nbDone), ` ${translate('certification_module')}`)), /*#__PURE__*/React.createElement(ProgressBar, {
+    className: style.customProgressBar,
+    style: {
+      backgroundColor: COLORS.positive
+    },
+    displayInfo: false,
+    value: progress,
+    max: 100
+  })));
+};
+
+CertificationCard.contextTypes = {
+  translate: Provider.childContextTypes.translate
+};
+CertificationCard.propTypes = process.env.NODE_ENV !== "production" ? {
+  label: PropTypes.string,
+  goal: PropTypes.shape({
+    title: PropTypes.string,
+    condition: PropTypes.shape({
+      nbDone: PropTypes.number
+    })
+  }),
+  progress: PropTypes.number,
+  imgUrl: PropTypes.string,
+  onClick: PropTypes.func
+} : {};
+export default CertificationCard;
+//# sourceMappingURL=index.js.map

package/es/molecule/certification-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","PropTypes","COLORS","Provider","Tag","ProgressBar","style","CertificationCard","props","context","label","goal","progress","imgUrl","onClick","title","condition","nbDone","translate","isInprogress","progressLabel","progressTagType","progressIconProps","position","iconName","iconColor","backgroundColor","size","faSize","wrapperSize","customStyle","padding","container","top","right","imageWrapper","detailWrapper","titleWrapper","moduleCount","customProgressBar","positive","contextTypes","childContextTypes","propTypes","string","shape","number","func"],"sources":["../../../src/molecule/certification-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {COLORS} from '../../variables/colors';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport ProgressBar from '../progress-bar';\nimport style from './style.css';\n\nconst CertificationCard = (props, context) => {\n  const {label, goal, progress, imgUrl, onClick} = props;\n  const {\n    title,\n    condition: {nbDone}\n  } = goal;\n  const {translate} = context;\n\n  const isInprogress = progress < 100;\n  const progressLabel = isInprogress ? translate('in_progress') : translate('completed');\n  const progressTagType = isInprogress ? 'progress' : 'success';\n  const progressIconProps = {\n    position: 'left',\n    iconName: isInprogress ? 'clock' : 'circle-check',\n    iconColor: isInprogress ? '#B87A00' : '#05944F',\n    backgroundColor: isInprogress ? '#FFEECC' : '#D6F5E5',\n    size: {\n      faSize: 10,\n      wrapperSize: 10\n    },\n    customStyle: {padding: 0}\n  };\n  return (\n    <div className={style.container} data-name={`certification-card-${label}`} onClick={onClick}>\n      {progress > 0 ? (\n        <Tag\n          label={progressLabel}\n          type={progressTagType}\n          customStyle={{position: 'absolute', top: '12px', right: '12px'}}\n          icon={progressIconProps}\n        />\n      ) : null}\n      <div className={style.imageWrapper}>\n        <img src={imgUrl} width=\"104\" height=\"104\" />\n      </div>\n      <div className={style.detailWrapper}>\n        <div className={style.titleWrapper}>\n          <Tag label={translate('certification')} size=\"S\" />\n          <div className={style.title}>{title}</div>\n          <div className={style.moduleCount}>\n            <span>{nbDone}</span>\n            {` ${translate('certification_module')}`}\n          </div>\n        </div>\n        <ProgressBar\n          className={style.customProgressBar}\n          style={{backgroundColor: COLORS.positive}}\n          displayInfo={false}\n          value={progress}\n          max={100}\n        />\n      </div>\n    </div>\n  );\n};\n\nCertificationCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nCertificationCard.propTypes = {\n  label: PropTypes.string,\n  goal: PropTypes.shape({\n    title: PropTypes.string,\n    condition: PropTypes.shape({\n      nbDone: PropTypes.number\n    })\n  }),\n  progress: PropTypes.number,\n  imgUrl: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport default CertificationCard;\n"],"mappings":"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"}

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

@@ -0,0 +1,72 @@
+@value colors: "../../variables/colors.css";
+@value xtraLightGrey from colors;
+@value cm_grey_100 from colors;
+@value cm_grey_400 from colors;
+@value cm_grey_500 from colors;
+
+.container {
+  font-family: "Gilroy";
+  font-style: normal;
+  border-radius: 12px;
+  width: 345px;
+  height: 309px;
+  min-width: 288px;
+  background-color: #FFF;
+  border: 2px solid #FFF;
+  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10);
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  cursor: pointer;
+}
+
+.imageWrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: xtraLightGrey;
+  height: 160px;
+  width: auto;
+
+  img {
+    min-width: 100px;
+  }
+}
+
+.detailWrapper {
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  flex-grow: 1;
+}
+
+.titleWrapper {
+  width: 100%;
+}
+
+.title {
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 22px;
+  margin-top: 4px;
+}
+
+.moduleCount {
+  margin-top: 4px;
+  color: cm_grey_400;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 16px;
+
+  span {
+    color: cm_grey_500;
+  }
+}
+
+.customProgressBar {
+  width: 269px;
+  height: 4px;
+  background-color: cm_grey_100;
+}

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

@@ -19,7 +19,8 @@ declare namespace ProgressWrapper {
         const progression: PropTypes.Requireable<number>;
         const sections: PropTypes.Requireable<(PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
-            downloadUrl: PropTypes.Requireable<string>;
+            badgeUrl: PropTypes.Requireable<string>;
+            onDownload: PropTypes.Requireable<(...args: any[]) => any>;
             stars: PropTypes.Requireable<number>;
         }> | null | undefined)[]>;
     }

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":";AA6FA;;;;;;;8BA8DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-wrapper/index.js"],"names":[],"mappings":";AAyFA;;;;;;;8BA8DC"}

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

@@ -24,7 +24,8 @@ const DetailSection = ({
   index,
   type,
   isLocked,
-  downloadUrl,
+  badgeUrl,
+  onDownload,
   stars
 }, context) => {
   const {
@@ -33,10 +34,7 @@ const DetailSection = ({
   const isTypeStars = type === 'stars';
   const DownloadButton = /*#__PURE__*/React.createElement(ButtonLink, {
     label: translate('download'),
-    link: {
-      target: '_blank',
-      href: downloadUrl
-    },
+    onClick: onDownload,
     "data-name": "download-button",
     "aria-label": "download button",
     customStyle: {
@@ -88,7 +86,7 @@ const DetailSection = ({
     className: style[`detailsSection${index}`]
   }, /*#__PURE__*/React.createElement("img", {
     className: style.img,
-    src: type === 'badge' ? downloadUrl : 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'
+    src: badgeUrl || 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'
   }), /*#__PURE__*/React.createElement("div", {
     className: style.detailsInfo
   }, /*#__PURE__*/React.createElement("div", {
@@ -161,11 +159,13 @@ const ProgressWrapper = ({
   }, uncappedMap(({
     type,
     stars,
-    downloadUrl
+    badgeUrl,
+    onDownload
   }, index) => /*#__PURE__*/React.createElement(DetailSection, {
     type,
     isLocked,
-    downloadUrl,
+    badgeUrl,
+    onDownload,
     stars,
     key: `${type}-${index}`,
     index: index
@@ -174,7 +174,8 @@ const ProgressWrapper = ({
 
 const commonDetailSectionPropTypes = process.env.NODE_ENV !== "production" ? {
   type: PropTypes.oneOf(['diploma', 'badge', 'stars']),
-  downloadUrl: PropTypes.string,
+  badgeUrl: PropTypes.string,
+  onDownload: PropTypes.func,
   stars: PropTypes.number
 } : {};
 DetailSection.contextTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Title","ProgressBar","COLORS","Tag","ButtonLink","Icon","Provider","style","uncappedMap","convert","cap","DetailSection","index","type","isLocked","downloadUrl","stars","context","translate","isTypeStars","DownloadButton","target","href","backgroundColor","color","position","faIcon","name","size","customStyle","padding","LockedTag","iconName","iconColor","preset","detailsInfo","detailsInfoText","detailsTitle","img","buttonContainer","ProgressWrapper","completedCourses","completedModules","title","subtitle","progression","sections","modulesCompletedLocal","container","titleContainer","statscontainer","stats","statsNumber","divider","statsModule","customProgressBar","positive","statsMobile","statsModuleMobile","statsProgressionMobile","details","commonDetailSectionPropTypes","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 {isEmpty, lowerCase, map} 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 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 isTypeStars = type === 'stars';\n\n  const DownloadButton = (\n    <ButtonLink\n      label={translate('download')}\n      link={{\n        target: '_blank',\n        href: downloadUrl\n      }}\n      data-name=\"download-button\"\n      aria-label=\"download button\"\n      customStyle={{backgroundColor: '#F1F6FE', color: '#0061FF'}}\n      icon={{\n        position: 'left',\n        faIcon: {\n          name: 'download',\n          color: '#0061FF',\n          size: 14,\n          customStyle: {padding: 0}\n        }\n      }}\n      disabled={isLocked}\n    />\n  );\n\n  const LockedTag = (\n    <Tag\n      label=\"Locked\"\n      size=\"S\"\n      icon={{\n        position: 'left',\n        iconName: 'lock',\n        iconColor: '#515161',\n        preset: 's',\n        customStyle: {padding: 0}\n      }}\n    />\n  );\n\n  return isTypeStars ? (\n    <div className={style[`detailsSection${index}`]}>\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 className={style[`detailsSection${index}`]}>\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}>{DownloadButton}</div>\n      </div>\n    </div>\n  );\n};\n\nconst ProgressWrapper = (\n  {completedCourses, completedModules, title, subtitle, progression, sections},\n  context\n) => {\n  const {translate} = context;\n  const modulesCompletedLocal = translate('modules_completed');\n  const isLocked = progression !== 100;\n\n  return (\n    <div className={style.container}>\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}>{completedCourses}</span>\n            {lowerCase(translate('courses_completed'))}\n          </div>\n          <div className={style.divider} />\n          <div className={style.statsModule}>\n            <span className={style.statsNumber}>{completedModules}</span>\n            {modulesCompletedLocal}\n          </div>\n        </div>\n        <div className={style.progression}>\n          <span className={style.statsNumber}>{progression}%</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.statsMobile}>\n        <div className={style.statsModuleMobile}>\n          <span className={style.statsNumber}>{completedModules}</span>\n          {modulesCompletedLocal}\n        </div>\n        <div className={style.statsProgressionMobile}>\n          <span className={style.statsNumber}>{progression}%</span>\n        </div>\n      </div>\n\n      {isEmpty(sections) ? null : (\n        <div className={style.details}>\n          {uncappedMap(\n            ({type, stars, downloadUrl}, index) => (\n              <DetailSection\n                {...{type, isLocked, downloadUrl, stars}}\n                key={`${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};\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  completedCourses: PropTypes.number,\n  completedModules: PropTypes.number,\n  progression: PropTypes.number,\n  sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))\n};\n\nexport default ProgressWrapper;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,SAAQC,MAAR,QAAqB,wBAArB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,QAAP,MAAqB,qBAArB,C,CACA;;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAG,KAAIC,OAAJ,CAAY;EAACC,GAAG,EAAE;AAAN,CAAZ,CAApB;;AAEA,MAAMC,aAAa,GAAG,CAAC;EAACC,KAAD;EAAQC,IAAR;EAAcC,QAAd;EAAwBC,WAAxB;EAAqCC;AAArC,CAAD,EAA8CC,OAA9C,KAA0D;EAC9E,MAAM;IAACC;EAAD,IAAcD,OAApB;EACA,MAAME,WAAW,GAAGN,IAAI,KAAK,OAA7B;EAEA,MAAMO,cAAc,gBAClB,oBAAC,UAAD;IACE,KAAK,EAAEF,SAAS,CAAC,UAAD,CADlB;IAEE,IAAI,EAAE;MACJG,MAAM,EAAE,QADJ;MAEJC,IAAI,EAAEP;IAFF,CAFR;IAME,aAAU,iBANZ;IAOE,cAAW,iBAPb;IAQE,WAAW,EAAE;MAACQ,eAAe,EAAE,SAAlB;MAA6BC,KAAK,EAAE;IAApC,CARf;IASE,IAAI,EAAE;MACJC,QAAQ,EAAE,MADN;MAEJC,MAAM,EAAE;QACNC,IAAI,EAAE,UADA;QAENH,KAAK,EAAE,SAFD;QAGNI,IAAI,EAAE,EAHA;QAINC,WAAW,EAAE;UAACC,OAAO,EAAE;QAAV;MAJP;IAFJ,CATR;IAkBE,QAAQ,EAAEhB;EAlBZ,EADF;EAuBA,MAAMiB,SAAS,gBACb,oBAAC,GAAD;IACE,KAAK,EAAC,QADR;IAEE,IAAI,EAAC,GAFP;IAGE,IAAI,EAAE;MACJN,QAAQ,EAAE,MADN;MAEJO,QAAQ,EAAE,MAFN;MAGJC,SAAS,EAAE,SAHP;MAIJC,MAAM,EAAE,GAJJ;MAKJL,WAAW,EAAE;QAACC,OAAO,EAAE;MAAV;IALT;EAHR,EADF;EAcA,OAAOX,WAAW,gBAChB;IAAK,SAAS,EAAEZ,KAAK,CAAE,iBAAgBK,KAAM,EAAxB;EAArB,gBACE;IAAK,SAAS,EAAEL,KAAK,CAAC4B;EAAtB,gBACE;IAAK,SAAS,EAAE5B,KAAK,CAAC6B;EAAtB,gBACE;IAAM,SAAS,EAAE7B,KAAK,CAAC8B;EAAvB,GAAsCnB,SAAS,CAAC,aAAD,CAA/C,CADF,EAEGJ,QAAQ,GAAGiB,SAAH,GAAe,IAF1B,CADF,eAKE;IAAK,SAAS,EAAExB,KAAK,CAACS;EAAtB,gBACE,oBAAC,IAAD;IAAM,QAAQ,EAAC,MAAf;IAAsB,SAAS,EAAC,SAAhC;IAA0C,eAAe,EAAC,SAA1D;IAAoE,MAAM,EAAC;EAA3E,EADF,eAEE,kCAAOA,KAAP,CAFF,CALF,CADF,CADgB,gBAchB;IAAK,SAAS,EAAET,KAAK,CAAE,iBAAgBK,KAAM,EAAxB;EAArB,gBACE;IACE,SAAS,EAAEL,KAAK,CAAC+B,GADnB;IAEE,GAAG,EACDzB,IAAI,KAAK,OAAT,GACIE,WADJ,GAEI;EALR,EADF,eASE;IAAK,SAAS,EAAER,KAAK,CAAC4B;EAAtB,gBACE;IAAK,SAAS,EAAE5B,KAAK,CAAC6B;EAAtB,gBACE;IAAM,SAAS,EAAE7B,KAAK,CAAC8B;EAAvB,GACGxB,IAAI,KAAK,SAAT,GAAqBK,SAAS,CAAC,SAAD,CAA9B,GAA4CA,SAAS,CAAC,OAAD,CADxD,CADF,EAIGJ,QAAQ,GAAGiB,SAAH,GAAe,IAJ1B,CADF,eAQE;IAAK,SAAS,EAAExB,KAAK,CAACgC;EAAtB,GAAwCnB,cAAxC,CARF,CATF,CAdF;AAmCD,CA5ED;;AA8EA,MAAMoB,eAAe,GAAG,CACtB;EAACC,gBAAD;EAAmBC,gBAAnB;EAAqCC,KAArC;EAA4CC,QAA5C;EAAsDC,WAAtD;EAAmEC;AAAnE,CADsB,EAEtB7B,OAFsB,KAGnB;EACH,MAAM;IAACC;EAAD,IAAcD,OAApB;EACA,MAAM8B,qBAAqB,GAAG7B,SAAS,CAAC,mBAAD,CAAvC;EACA,MAAMJ,QAAQ,GAAG+B,WAAW,KAAK,GAAjC;EAEA,oBACE;IAAK,SAAS,EAAEtC,KAAK,CAACyC;EAAtB,gBACE;IAAK,SAAS,EAAEzC,KAAK,CAAC0C;EAAtB,gBACE,oBAAC,KAAD;IAAO,IAAI,EAAC,YAAZ;IAAyB,SAAS,EAAC,QAAnC;IAA4C,KAAK,EAAEN,KAAnD;IAA0D,QAAQ,EAAEC;EAApE,EADF,CADF,eAIE;IAAK,SAAS,EAAErC,KAAK,CAAC2C;EAAtB,gBACE;IAAK,SAAS,EAAE3C,KAAK,CAAC4C;EAAtB,gBACE,8CACE;IAAM,SAAS,EAAE5C,KAAK,CAAC6C;EAAvB,GAAqCX,gBAArC,CADF,EAEG,WAAUvB,SAAS,CAAC,mBAAD,CAAnB,CAFH,CADF,eAKE;IAAK,SAAS,EAAEX,KAAK,CAAC8C;EAAtB,EALF,eAME;IAAK,SAAS,EAAE9C,KAAK,CAAC+C;EAAtB,gBACE;IAAM,SAAS,EAAE/C,KAAK,CAAC6C;EAAvB,GAAqCV,gBAArC,CADF,EAEGK,qBAFH,CANF,CADF,eAYE;IAAK,SAAS,EAAExC,KAAK,CAACsC;EAAtB,gBACE;IAAM,SAAS,EAAEtC,KAAK,CAAC6C;EAAvB,GAAqCP,WAArC,MADF,CAZF,CAJF,eAoBE,oBAAC,WAAD;IACE,SAAS,EAAEtC,KAAK,CAACgD,iBADnB;IAEE,KAAK,EAAE;MAAChC,eAAe,EAAErB,MAAM,CAACsD;IAAzB,CAFT;IAGE,WAAW,EAAE,KAHf;IAIE,KAAK,EAAEX,WAJT;IAKE,GAAG,EAAE;EALP,EApBF,eA2BE;IAAK,SAAS,EAAEtC,KAAK,CAACkD;EAAtB,gBACE;IAAK,SAAS,EAAElD,KAAK,CAACmD;EAAtB,gBACE;IAAM,SAAS,EAAEnD,KAAK,CAAC6C;EAAvB,GAAqCV,gBAArC,CADF,EAEGK,qBAFH,CADF,eAKE;IAAK,SAAS,EAAExC,KAAK,CAACoD;EAAtB,gBACE;IAAM,SAAS,EAAEpD,KAAK,CAAC6C;EAAvB,GAAqCP,WAArC,MADF,CALF,CA3BF,EAqCG,SAAQC,QAAR,IAAoB,IAApB,gBACC;IAAK,SAAS,EAAEvC,KAAK,CAACqD;EAAtB,GACGpD,WAAW,CACV,CAAC;IAACK,IAAD;IAAOG,KAAP;IAAcD;EAAd,CAAD,EAA6BH,KAA7B,kBACE,oBAAC,aAAD;IACOC,IADP;IACaC,QADb;IACuBC,WADvB;IACoCC,KADpC;IAEE,GAAG,EAAG,GAAEH,IAAK,IAAGD,KAAM,EAFxB;IAGE,KAAK,EAAEA;EAHT,EAFQ,EAQVkC,QARU,CADd,CAtCJ,CADF;AAsDD,CA9DD;;AAgEA,MAAMe,4BAAN,2CAAqC;EACnChD,IAAI,EAAEd,SAAS,CAAC+D,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,OAArB,CAAhB,CAD6B;EAEnC/C,WAAW,EAAEhB,SAAS,CAACgE,MAFY;EAGnC/C,KAAK,EAAEjB,SAAS,CAACiE;AAHkB,CAArC;AAMArD,aAAa,CAACsD,YAAd,GAA6B;EAC3B/C,SAAS,EAAEZ,QAAQ,CAAC4D,iBAAT,CAA2BhD;AADX,CAA7B;AAIAP,aAAa,CAACwD,SAAd;EACEvD,KAAK,EAAEb,SAAS,CAACiE,MADnB;EAEElD,QAAQ,EAAEf,SAAS,CAACqE;AAFtB,GAGKP,4BAHL;AAMArB,eAAe,CAACyB,YAAhB,GAA+B;EAC7B/C,SAAS,EAAEZ,QAAQ,CAAC4D,iBAAT,CAA2BhD;AADT,CAA/B;AAIAsB,eAAe,CAAC2B,SAAhB,2CAA4B;EAC1BxB,KAAK,EAAE5C,SAAS,CAACgE,MADS;EAE1BnB,QAAQ,EAAE7C,SAAS,CAACgE,MAFM;EAG1BtB,gBAAgB,EAAE1C,SAAS,CAACiE,MAHF;EAI1BtB,gBAAgB,EAAE3C,SAAS,CAACiE,MAJF;EAK1BnB,WAAW,EAAE9C,SAAS,CAACiE,MALG;EAM1BlB,QAAQ,EAAE/C,SAAS,CAACsE,OAAV,CAAkBtE,SAAS,CAACuE,KAAV,CAAgBT,4BAAhB,CAAlB;AANgB,CAA5B;AASA,eAAerB,eAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Title","ProgressBar","COLORS","Tag","ButtonLink","Icon","Provider","style","uncappedMap","convert","cap","DetailSection","index","type","isLocked","badgeUrl","onDownload","stars","context","translate","isTypeStars","DownloadButton","backgroundColor","color","position","faIcon","name","size","customStyle","padding","LockedTag","iconName","iconColor","preset","detailsInfo","detailsInfoText","detailsTitle","img","buttonContainer","ProgressWrapper","completedCourses","completedModules","title","subtitle","progression","sections","modulesCompletedLocal","container","titleContainer","statscontainer","stats","statsNumber","divider","statsModule","customProgressBar","positive","statsMobile","statsModuleMobile","statsProgressionMobile","details","commonDetailSectionPropTypes","oneOf","string","func","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 {isEmpty, lowerCase, map} 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 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, badgeUrl, onDownload, stars}, context) => {\n  const {translate} = context;\n  const isTypeStars = type === 'stars';\n\n  const DownloadButton = (\n    <ButtonLink\n      label={translate('download')}\n      onClick={onDownload}\n      data-name=\"download-button\"\n      aria-label=\"download button\"\n      customStyle={{backgroundColor: '#F1F6FE', color: '#0061FF'}}\n      icon={{\n        position: 'left',\n        faIcon: {\n          name: 'download',\n          color: '#0061FF',\n          size: 14,\n          customStyle: {padding: 0}\n        }\n      }}\n      disabled={isLocked}\n    />\n  );\n\n  const LockedTag = (\n    <Tag\n      label=\"Locked\"\n      size=\"S\"\n      icon={{\n        position: 'left',\n        iconName: 'lock',\n        iconColor: '#515161',\n        preset: 's',\n        customStyle: {padding: 0}\n      }}\n    />\n  );\n\n  return isTypeStars ? (\n    <div className={style[`detailsSection${index}`]}>\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 className={style[`detailsSection${index}`]}>\n      <img\n        className={style.img}\n        src={\n          badgeUrl ||\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}>{DownloadButton}</div>\n      </div>\n    </div>\n  );\n};\n\nconst ProgressWrapper = (\n  {completedCourses, completedModules, title, subtitle, progression, sections},\n  context\n) => {\n  const {translate} = context;\n  const modulesCompletedLocal = translate('modules_completed');\n  const isLocked = progression !== 100;\n\n  return (\n    <div className={style.container}>\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}>{completedCourses}</span>\n            {lowerCase(translate('courses_completed'))}\n          </div>\n          <div className={style.divider} />\n          <div className={style.statsModule}>\n            <span className={style.statsNumber}>{completedModules}</span>\n            {modulesCompletedLocal}\n          </div>\n        </div>\n        <div className={style.progression}>\n          <span className={style.statsNumber}>{progression}%</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.statsMobile}>\n        <div className={style.statsModuleMobile}>\n          <span className={style.statsNumber}>{completedModules}</span>\n          {modulesCompletedLocal}\n        </div>\n        <div className={style.statsProgressionMobile}>\n          <span className={style.statsNumber}>{progression}%</span>\n        </div>\n      </div>\n\n      {isEmpty(sections) ? null : (\n        <div className={style.details}>\n          {uncappedMap(\n            ({type, stars, badgeUrl, onDownload}, index) => (\n              <DetailSection\n                {...{type, isLocked, badgeUrl, onDownload, stars}}\n                key={`${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  badgeUrl: PropTypes.string,\n  onDownload: PropTypes.func,\n  stars: PropTypes.number\n};\n\nDetailSection.contextTypes = {\n  translate: Provider.childContextTypes.translate\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  completedCourses: PropTypes.number,\n  completedModules: PropTypes.number,\n  progression: PropTypes.number,\n  sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))\n};\n\nexport default ProgressWrapper;\n"],"mappings":"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"}

package/es/template/certification-detail/index.d.ts

@@ -36,8 +36,11 @@ declare namespace CertificationDetail {
             completedCourses: PropTypes.Requireable<number>;
             completedModules: PropTypes.Requireable<number>;
         }>>;
-        const diplomaUrl: PropTypes.Requireable<string>;
-        const badgeUrl: PropTypes.Requireable<string>;
+        const onDownloadDiploma: PropTypes.Requireable<(...args: any[]) => any>;
+        const badge: PropTypes.Requireable<PropTypes.InferProps<{
+            badgeUrl: PropTypes.Requireable<string>;
+            onDownloadBadge: PropTypes.Requireable<(...args: any[]) => any>;
+        }>>;
         const ongoingCourses: PropTypes.Requireable<PropTypes.InferProps<{
             list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
             customStyle: PropTypes.Requireable<{

package/es/template/certification-detail/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/certification-detail/index.js"],"names":[],"mappings":";AAkBA,4EA4GC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/certification-detail/index.js"],"names":[],"mappings":";AAkBA,4EA8GC"}

package/es/template/certification-detail/index.js

@@ -31,8 +31,8 @@ const CertificationDetail = (props, context) => {
     onContinueLearningClick,
     metrics,
     logoUrl,
-    diplomaUrl,
-    badgeUrl
+    onDownloadDiploma,
+    badge = {}
   } = props;
   const {
     translate
@@ -43,6 +43,10 @@ const CertificationDetail = (props, context) => {
     completedModules,
     stars
   } = metrics;
+  const {
+    badgeUrl = false,
+    onDownloadBadge
+  } = badge;
   const [showMore, setShowMore] = useState(false);
   const handleShowMore = useCallback(() => setShowMore(!showMore), [setShowMore, showMore]);
   const Description = useCallback(() => {
@@ -101,10 +105,11 @@ const CertificationDetail = (props, context) => {
     completedModules: completedModules,
     sections: _compact([{
       type: 'diploma',
-      downloadUrl: diplomaUrl
+      onDownload: () => onDownloadDiploma
     }, badgeUrl && {
       type: 'badge',
-      downloadUrl: badgeUrl
+      badgeUrl,
+      onDownload: () => onDownloadBadge
     }, {
       type: 'stars',
       stars
@@ -132,8 +137,11 @@ CertificationDetail.propTypes = process.env.NODE_ENV !== "production" ? {
     completedCourses: PropTypes.number,
     completedModules: PropTypes.number
   }),
-  diplomaUrl: PropTypes.string,
-  badgeUrl: PropTypes.string,
+  onDownloadDiploma: PropTypes.func,
+  badge: PropTypes.shape({
+    badgeUrl: PropTypes.string,
+    onDownloadBadge: PropTypes.func
+  }),
   ongoingCourses: PropTypes.shape(CardsGrid.propTypes),
   certificationCourses: PropTypes.shape(CardsGrid.propTypes),
   totalCourses: PropTypes.number,

package/es/template/certification-detail/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useState","PropTypes","classnames","Provider","Tag","Select","SelectOptionPropTypes","ButtonLinkIcon","Icon","CardsGrid","AllCourses","ContinueLearning","ContinueLearningButton","ProgressWrapper","style","DESCRIPTION_BREAKPOINT","CertificationDetail","props","context","certificationRef","title","description","certificationCourses","ongoingCourses","totalCourses","totalModules","filters","sorting","onBackClick","onContinueLearningClick","metrics","logoUrl","diplomaUrl","badgeUrl","translate","progression","completedCourses","completedModules","stars","showMore","setShowMore","handleShowMore","Description","truncate","backgroundContainer","container","backButton","ctaContainer","logoContainer","logo","length","showMoreWrapper","faSize","wrapperSize","contentStats","divider","list","continueLearningSection","type","downloadUrl","contextTypes","skin","childContextTypes","propTypes","string","isRequired","shape","number","onChange","func","options","arrayOf"],"sources":["../../../src/template/certification-detail/index.js"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {compact, lowerCase} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport Select, {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Icon from '../../atom/icon';\nimport CardsGrid from '../../organism/cards-grid';\nimport AllCourses from '../skill-detail/all-courses';\nimport ContinueLearning from '../skill-detail/continue-learning';\nimport {ContinueLearningButton} from '../skill-detail';\nimport ProgressWrapper from '../../molecule/progress-wrapper';\nimport style from './style.css';\n\nconst DESCRIPTION_BREAKPOINT = 382;\n\nconst CertificationDetail = (props, context) => {\n  const {\n    certificationRef,\n    title,\n    description,\n    certificationCourses,\n    ongoingCourses,\n    totalCourses,\n    totalModules,\n    filters,\n    sorting,\n    onBackClick,\n    onContinueLearningClick,\n    metrics,\n    logoUrl,\n    diplomaUrl,\n    badgeUrl\n  } = props;\n  const {translate} = context;\n  const {progression, completedCourses, completedModules, stars} = metrics;\n\n  const [showMore, setShowMore] = useState(false);\n  const handleShowMore = useCallback(() => setShowMore(!showMore), [setShowMore, showMore]);\n\n  const Description = useCallback(() => {\n    return (\n      <div className={classnames(style.description, !showMore && style.truncate)}>\n        {description}\n      </div>\n    );\n  }, [showMore, description]);\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container} data-name={certificationRef}>\n        <ButtonLinkIcon\n          faIcon=\"arrow-left\"\n          data-name=\"back-button\"\n          aria-label=\"Back\"\n          onClick={onBackClick}\n          className={style.backButton}\n          tooltipPlacement=\"right\"\n        />\n        <div className={style.ctaContainer}>\n          <div className={style.logoContainer}>\n            <img className={style.logo} src={logoUrl} />\n          </div>\n          <div>\n            <Tag label={translate('certification')} />\n            <div className={style.title}>{title}</div>\n            {description ? (\n              <>\n                <Description />\n                {description.length >= DESCRIPTION_BREAKPOINT ? (\n                  <div className={style.showMoreWrapper} onClick={handleShowMore}>\n                    {translate(showMore ? 'Show less' : 'Show more')}\n                    <Icon\n                      iconName={showMore ? 'chevron-up' : 'chevron-down'}\n                      size={{faSize: 14, wrapperSize: 16}}\n                    />\n                  </div>\n                ) : null}\n              </>\n            ) : null}\n            <div className={style.contentStats}>\n              <span>{`${totalCourses} ${lowerCase(translate('courses'))}`}</span>\n              <div className={style.divider} />\n              <span>{`${totalModules} ${lowerCase(translate('modules'))}`}</span>\n            </div>\n            <ContinueLearningButton\n              ongoingCoursesAvailable={!!ongoingCourses.list.length}\n              onClick={onContinueLearningClick}\n            />\n          </div>\n        </div>\n        <div className={style.continueLearningSection}>\n          <ContinueLearning ongoingCourses={ongoingCourses} />\n        </div>\n        <ProgressWrapper\n          title={translate('your_progress')}\n          subtitle={translate('certification_progress_wrapper_subtitle')}\n          progression={progression}\n          completedCourses={completedCourses}\n          completedModules={completedModules}\n          sections={compact([\n            {\n              type: 'diploma',\n              downloadUrl: diplomaUrl\n            },\n            badgeUrl && {\n              type: 'badge',\n              downloadUrl: badgeUrl\n            },\n            {\n              type: 'stars',\n              stars\n            }\n          ])}\n        />\n        <AllCourses\n          courses={certificationCourses}\n          totalCourses={totalCourses}\n          filters={filters}\n          sorting={sorting}\n        />\n      </div>\n    </div>\n  );\n};\n\nCertificationDetail.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nCertificationDetail.propTypes = {\n  title: PropTypes.string.isRequired,\n  certificationRef: PropTypes.string.isRequired,\n  description: PropTypes.string,\n  logoUrl: PropTypes.string,\n  metrics: PropTypes.shape({\n    progression: PropTypes.number,\n    stars: PropTypes.number,\n    completedCourses: PropTypes.number,\n    completedModules: PropTypes.number\n  }),\n  diplomaUrl: PropTypes.string,\n  badgeUrl: PropTypes.string,\n  ongoingCourses: PropTypes.shape(CardsGrid.propTypes),\n  certificationCourses: PropTypes.shape(CardsGrid.propTypes),\n  totalCourses: PropTypes.number,\n  totalModules: PropTypes.number,\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  sorting: PropTypes.shape(Select.propTypes),\n  onBackClick: PropTypes.func,\n  onContinueLearningClick: PropTypes.func\n};\n\nexport default CertificationDetail;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useState","PropTypes","classnames","Provider","Tag","Select","SelectOptionPropTypes","ButtonLinkIcon","Icon","CardsGrid","AllCourses","ContinueLearning","ContinueLearningButton","ProgressWrapper","style","DESCRIPTION_BREAKPOINT","CertificationDetail","props","context","certificationRef","title","description","certificationCourses","ongoingCourses","totalCourses","totalModules","filters","sorting","onBackClick","onContinueLearningClick","metrics","logoUrl","onDownloadDiploma","badge","translate","progression","completedCourses","completedModules","stars","badgeUrl","onDownloadBadge","showMore","setShowMore","handleShowMore","Description","truncate","backgroundContainer","container","backButton","ctaContainer","logoContainer","logo","length","showMoreWrapper","faSize","wrapperSize","contentStats","divider","list","continueLearningSection","type","onDownload","contextTypes","skin","childContextTypes","propTypes","string","isRequired","shape","number","func","onChange","options","arrayOf"],"sources":["../../../src/template/certification-detail/index.js"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {compact, lowerCase} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport Select, {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Icon from '../../atom/icon';\nimport CardsGrid from '../../organism/cards-grid';\nimport AllCourses from '../skill-detail/all-courses';\nimport ContinueLearning from '../skill-detail/continue-learning';\nimport {ContinueLearningButton} from '../skill-detail';\nimport ProgressWrapper from '../../molecule/progress-wrapper';\nimport style from './style.css';\n\nconst DESCRIPTION_BREAKPOINT = 382;\n\nconst CertificationDetail = (props, context) => {\n  const {\n    certificationRef,\n    title,\n    description,\n    certificationCourses,\n    ongoingCourses,\n    totalCourses,\n    totalModules,\n    filters,\n    sorting,\n    onBackClick,\n    onContinueLearningClick,\n    metrics,\n    logoUrl,\n    onDownloadDiploma,\n    badge = {}\n  } = props;\n  const {translate} = context;\n  const {progression, completedCourses, completedModules, stars} = metrics;\n  const {badgeUrl = false, onDownloadBadge} = badge;\n\n  const [showMore, setShowMore] = useState(false);\n  const handleShowMore = useCallback(() => setShowMore(!showMore), [setShowMore, showMore]);\n\n  const Description = useCallback(() => {\n    return (\n      <div className={classnames(style.description, !showMore && style.truncate)}>\n        {description}\n      </div>\n    );\n  }, [showMore, description]);\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container} data-name={certificationRef}>\n        <ButtonLinkIcon\n          faIcon=\"arrow-left\"\n          data-name=\"back-button\"\n          aria-label=\"Back\"\n          onClick={onBackClick}\n          className={style.backButton}\n          tooltipPlacement=\"right\"\n        />\n        <div className={style.ctaContainer}>\n          <div className={style.logoContainer}>\n            <img className={style.logo} src={logoUrl} />\n          </div>\n          <div>\n            <Tag label={translate('certification')} />\n            <div className={style.title}>{title}</div>\n            {description ? (\n              <>\n                <Description />\n                {description.length >= DESCRIPTION_BREAKPOINT ? (\n                  <div className={style.showMoreWrapper} onClick={handleShowMore}>\n                    {translate(showMore ? 'Show less' : 'Show more')}\n                    <Icon\n                      iconName={showMore ? 'chevron-up' : 'chevron-down'}\n                      size={{faSize: 14, wrapperSize: 16}}\n                    />\n                  </div>\n                ) : null}\n              </>\n            ) : null}\n            <div className={style.contentStats}>\n              <span>{`${totalCourses} ${lowerCase(translate('courses'))}`}</span>\n              <div className={style.divider} />\n              <span>{`${totalModules} ${lowerCase(translate('modules'))}`}</span>\n            </div>\n            <ContinueLearningButton\n              ongoingCoursesAvailable={!!ongoingCourses.list.length}\n              onClick={onContinueLearningClick}\n            />\n          </div>\n        </div>\n        <div className={style.continueLearningSection}>\n          <ContinueLearning ongoingCourses={ongoingCourses} />\n        </div>\n        <ProgressWrapper\n          title={translate('your_progress')}\n          subtitle={translate('certification_progress_wrapper_subtitle')}\n          progression={progression}\n          completedCourses={completedCourses}\n          completedModules={completedModules}\n          sections={compact([\n            {\n              type: 'diploma',\n              onDownload: () => onDownloadDiploma\n            },\n            badgeUrl && {\n              type: 'badge',\n              badgeUrl,\n              onDownload: () => onDownloadBadge\n            },\n            {\n              type: 'stars',\n              stars\n            }\n          ])}\n        />\n        <AllCourses\n          courses={certificationCourses}\n          totalCourses={totalCourses}\n          filters={filters}\n          sorting={sorting}\n        />\n      </div>\n    </div>\n  );\n};\n\nCertificationDetail.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nCertificationDetail.propTypes = {\n  title: PropTypes.string.isRequired,\n  certificationRef: PropTypes.string.isRequired,\n  description: PropTypes.string,\n  logoUrl: PropTypes.string,\n  metrics: PropTypes.shape({\n    progression: PropTypes.number,\n    stars: PropTypes.number,\n    completedCourses: PropTypes.number,\n    completedModules: PropTypes.number\n  }),\n  onDownloadDiploma: PropTypes.func,\n  badge: PropTypes.shape({\n    badgeUrl: PropTypes.string,\n    onDownloadBadge: PropTypes.func\n  }),\n  ongoingCourses: PropTypes.shape(CardsGrid.propTypes),\n  certificationCourses: PropTypes.shape(CardsGrid.propTypes),\n  totalCourses: PropTypes.number,\n  totalModules: PropTypes.number,\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  sorting: PropTypes.shape(Select.propTypes),\n  onBackClick: PropTypes.func,\n  onContinueLearningClick: PropTypes.func\n};\n\nexport default CertificationDetail;\n"],"mappings":"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"}

package/es/template/certifications/index.d.ts

@@ -0,0 +1,54 @@
+export default Certifications;
+declare function Certifications(props: any, context: any): JSX.Element;
+declare namespace Certifications {
+    namespace contextTypes {
+        const translate: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+    namespace propTypes {
+        const certifications: PropTypes.Requireable<(PropTypes.InferProps<{
+            label: PropTypes.Requireable<string>;
+            goal: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                condition: PropTypes.Requireable<PropTypes.InferProps<{
+                    nbDone: PropTypes.Requireable<number>;
+                }>>;
+            }>>;
+            progress: PropTypes.Requireable<number>;
+            imgUrl: PropTypes.Requireable<string>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        }> | null | undefined)[]>;
+        const sorting: PropTypes.Requireable<PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+            name: PropTypes.Requireable<string>;
+            className: PropTypes.Requireable<string>;
+            borderClassName: PropTypes.Requireable<string>;
+            disabled: PropTypes.Requireable<boolean>;
+            multiple: PropTypes.Requireable<boolean>;
+            description: PropTypes.Requireable<string>;
+            required: PropTypes.Requireable<boolean>;
+            onChange: PropTypes.Requireable<(...args: any[]) => any>;
+            theme: PropTypes.Requireable<string>;
+            options: PropTypes.Requireable<(PropTypes.InferProps<{
+                name: PropTypes.Validator<string>;
+                value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+                selected: PropTypes.Requireable<boolean>;
+                validOption: PropTypes.Requireable<boolean>;
+            }> | null | undefined)[]>;
+            optgroups: PropTypes.Requireable<(PropTypes.InferProps<{
+                label: PropTypes.Validator<string>;
+                options: PropTypes.Requireable<(PropTypes.InferProps<{
+                    name: PropTypes.Validator<string>;
+                    value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+                    selected: PropTypes.Requireable<boolean>;
+                    validOption: PropTypes.Requireable<boolean>;
+                }> | null | undefined)[]>;
+            }> | null | undefined)[]>;
+            modified: PropTypes.Requireable<boolean>;
+            error: PropTypes.Requireable<boolean>;
+            'aria-label': PropTypes.Requireable<string>;
+            'aria-labelledby': PropTypes.Requireable<string>;
+        }>>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/es/template/certifications/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/certifications/index.js"],"names":[],"mappings":";AASA,uEAkEC"}