@coorpacademy/components 11.32.43 → 11.32.44-alpha.56

package/lib/molecule/banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ICONS","success","ValidateIcon","error","QuestionIcon","warning","STYLES","style","Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","temporary","bannerKey","onEnd","Icon","classnames","banner","temporaryBanner","icon","temporaryIcon","button","buttonsBar","propTypes","PropTypes","string","oneOf","isRequired","func","bool"],"sources":["../../../src/molecule/banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/button-link';\nimport style from './style.css';\n\nconst ICONS = {\n  success: ValidateIcon,\n  error: QuestionIcon,\n  warning: QuestionIcon\n};\n\nconst STYLES = {\n  success: style.success,\n  error: style.error,\n  warning: style.warning\n};\n\nconst Banner = props => {\n  const {\n    type,\n    message,\n    firstCTA,\n    firstCTALabel,\n    secondCTALabel,\n    secondCTA,\n    temporary,\n    bannerKey,\n    onEnd\n  } = props;\n  const Icon = ICONS[type];\n  return (\n    <div\n      key={bannerKey}\n      className={classnames(style.banner, STYLES[type], temporary && style.temporaryBanner)}\n      onAnimationEnd={onEnd}\n      title={message}\n    >\n      <div data-name={`${type}-banner-message`} className={style.message}>\n        <Icon className={classnames(style.icon, temporary && style.temporaryIcon)} />\n        {message}\n      </div>\n      {firstCTALabel ? (\n        <div className={classnames(style.button, STYLES[type])}>\n          <Link\n            data-name=\"first-banner-cta\"\n            aria-label={firstCTALabel}\n            label={firstCTALabel}\n            onClick={firstCTA}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n      {firstCTALabel && secondCTALabel ? (\n        <div className={classnames(style.buttonsBar, STYLES[type])} />\n      ) : null}\n      {secondCTALabel ? (\n        <div className={classnames(style.button, STYLES[type])}>\n          <Link\n            data-name=\"second-banner-cta\"\n            onClick={secondCTA}\n            aria-label={secondCTALabel}\n            label={secondCTALabel}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nBanner.propTypes = {\n  bannerKey: PropTypes.string,\n  type: PropTypes.oneOf(keys(ICONS)),\n  message: PropTypes.string.isRequired,\n  firstCTA: PropTypes.func,\n  firstCTALabel: PropTypes.string,\n  secondCTALabel: PropTypes.string,\n  secondCTA: PropTypes.func,\n  temporary: PropTypes.bool,\n  onEnd: PropTypes.func\n};\n\nexport default Banner;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAIA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,OAAO,EAAEC,8CADG;EAEZC,KAAK,EAAEC,0DAFK;EAGZC,OAAO,EAAED;AAHG,CAAd;AAMA,MAAME,MAAM,GAAG;EACbL,OAAO,EAAEM,cAAA,CAAMN,OADF;EAEbE,KAAK,EAAEI,cAAA,CAAMJ,KAFA;EAGbE,OAAO,EAAEE,cAAA,CAAMF;AAHF,CAAf;;AAMA,MAAMG,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IACJC,IADI;IAEJC,OAFI;IAGJC,QAHI;IAIJC,aAJI;IAKJC,cALI;IAMJC,SANI;IAOJC,SAPI;IAQJC,SARI;IASJC;EATI,IAUFT,KAVJ;EAWA,MAAMU,IAAI,GAAGnB,KAAK,CAACU,IAAD,CAAlB;EACA,oBACE;IACE,GAAG,EAAEO,SADP;IAEE,SAAS,EAAE,IAAAG,mBAAA,EAAWb,cAAA,CAAMc,MAAjB,EAAyBf,MAAM,CAACI,IAAD,CAA/B,EAAuCM,SAAS,IAAIT,cAAA,CAAMe,eAA1D,CAFb;IAGE,cAAc,EAAEJ,KAHlB;IAIE,KAAK,EAAEP;EAJT,gBAME;IAAK,aAAY,GAAED,IAAK,iBAAxB;IAA0C,SAAS,EAAEH,cAAA,CAAMI;EAA3D,gBACE,6BAAC,IAAD;IAAM,SAAS,EAAE,IAAAS,mBAAA,EAAWb,cAAA,CAAMgB,IAAjB,EAAuBP,SAAS,IAAIT,cAAA,CAAMiB,aAA1C;EAAjB,EADF,EAEGb,OAFH,CANF,EAUGE,aAAa,gBACZ;IAAK,SAAS,EAAE,IAAAO,mBAAA,EAAWb,cAAA,CAAMkB,MAAjB,EAAyBnB,MAAM,CAACI,IAAD,CAA/B;EAAhB,gBACE,6BAAC,mBAAD;IACE,aAAU,kBADZ;IAEE,cAAYG,aAFd;IAGE,KAAK,EAAEA,aAHT;IAIE,OAAO,EAAED,QAJX;IAKE,IAAI,EAAC;EALP,EADF,CADY,GAUV,IApBN,EAqBGC,aAAa,IAAIC,cAAjB,gBACC;IAAK,SAAS,EAAE,IAAAM,mBAAA,EAAWb,cAAA,CAAMmB,UAAjB,EAA6BpB,MAAM,CAACI,IAAD,CAAnC;EAAhB,EADD,GAEG,IAvBN,EAwBGI,cAAc,gBACb;IAAK,SAAS,EAAE,IAAAM,mBAAA,EAAWb,cAAA,CAAMkB,MAAjB,EAAyBnB,MAAM,CAACI,IAAD,CAA/B;EAAhB,gBACE,6BAAC,mBAAD;IACE,aAAU,mBADZ;IAEE,OAAO,EAAEK,SAFX;IAGE,cAAYD,cAHd;IAIE,KAAK,EAAEA,cAJT;IAKE,IAAI,EAAC;EALP,EADF,CADa,GAUX,IAlCN,CADF;AAsCD,CAnDD;;AAqDAN,MAAM,CAACmB,SAAP,2CAAmB;EACjBV,SAAS,EAAEW,kBAAA,CAAUC,MADJ;EAEjBnB,IAAI,EAAEkB,kBAAA,CAAUE,KAAV,CAAgB,oBAAK9B,KAAL,CAAhB,CAFW;EAGjBW,OAAO,EAAEiB,kBAAA,CAAUC,MAAV,CAAiBE,UAHT;EAIjBnB,QAAQ,EAAEgB,kBAAA,CAAUI,IAJH;EAKjBnB,aAAa,EAAEe,kBAAA,CAAUC,MALR;EAMjBf,cAAc,EAAEc,kBAAA,CAAUC,MANT;EAOjBd,SAAS,EAAEa,kBAAA,CAAUI,IAPJ;EAQjBhB,SAAS,EAAEY,kBAAA,CAAUK,IARJ;EASjBf,KAAK,EAAEU,kBAAA,CAAUI;AATA,CAAnB;eAYexB,M"}
+{"version":3,"file":"index.js","names":["ICONS","success","ValidateIcon","error","QuestionIcon","warning","STYLES","style","Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","temporary","bannerKey","onEnd","Icon","classnames","banner","temporaryBanner","icon","temporaryIcon","button","buttonsBar","propTypes","PropTypes","string","oneOf","isRequired","func","bool"],"sources":["../../../src/molecule/banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst ICONS = {\n  success: ValidateIcon,\n  error: QuestionIcon,\n  warning: QuestionIcon\n};\n\nconst STYLES = {\n  success: style.success,\n  error: style.error,\n  warning: style.warning\n};\n\nconst Banner = props => {\n  const {\n    type,\n    message,\n    firstCTA,\n    firstCTALabel,\n    secondCTALabel,\n    secondCTA,\n    temporary,\n    bannerKey,\n    onEnd\n  } = props;\n  const Icon = ICONS[type];\n  return (\n    <div\n      key={bannerKey}\n      className={classnames(style.banner, STYLES[type], temporary && style.temporaryBanner)}\n      onAnimationEnd={onEnd}\n      title={message}\n    >\n      <div data-name={`${type}-banner-message`} className={style.message}>\n        <Icon className={classnames(style.icon, temporary && style.temporaryIcon)} />\n        {message}\n      </div>\n      {firstCTALabel ? (\n        <div className={classnames(style.button, STYLES[type])}>\n          <ButtonLink\n            data-name=\"first-banner-cta\"\n            aria-label={firstCTALabel}\n            label={firstCTALabel}\n            onClick={firstCTA}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n      {firstCTALabel && secondCTALabel ? (\n        <div className={classnames(style.buttonsBar, STYLES[type])} />\n      ) : null}\n      {secondCTALabel ? (\n        <div className={classnames(style.button, STYLES[type])}>\n          <ButtonLink\n            data-name=\"second-banner-cta\"\n            onClick={secondCTA}\n            aria-label={secondCTALabel}\n            label={secondCTALabel}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nBanner.propTypes = {\n  bannerKey: PropTypes.string,\n  type: PropTypes.oneOf(keys(ICONS)),\n  message: PropTypes.string.isRequired,\n  firstCTA: PropTypes.func,\n  firstCTALabel: PropTypes.string,\n  secondCTALabel: PropTypes.string,\n  secondCTA: PropTypes.func,\n  temporary: PropTypes.bool,\n  onEnd: PropTypes.func\n};\n\nexport default Banner;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAIA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,OAAO,EAAEC,8CADG;EAEZC,KAAK,EAAEC,0DAFK;EAGZC,OAAO,EAAED;AAHG,CAAd;AAMA,MAAME,MAAM,GAAG;EACbL,OAAO,EAAEM,cAAA,CAAMN,OADF;EAEbE,KAAK,EAAEI,cAAA,CAAMJ,KAFA;EAGbE,OAAO,EAAEE,cAAA,CAAMF;AAHF,CAAf;;AAMA,MAAMG,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IACJC,IADI;IAEJC,OAFI;IAGJC,QAHI;IAIJC,aAJI;IAKJC,cALI;IAMJC,SANI;IAOJC,SAPI;IAQJC,SARI;IASJC;EATI,IAUFT,KAVJ;EAWA,MAAMU,IAAI,GAAGnB,KAAK,CAACU,IAAD,CAAlB;EACA,oBACE;IACE,GAAG,EAAEO,SADP;IAEE,SAAS,EAAE,IAAAG,mBAAA,EAAWb,cAAA,CAAMc,MAAjB,EAAyBf,MAAM,CAACI,IAAD,CAA/B,EAAuCM,SAAS,IAAIT,cAAA,CAAMe,eAA1D,CAFb;IAGE,cAAc,EAAEJ,KAHlB;IAIE,KAAK,EAAEP;EAJT,gBAME;IAAK,aAAY,GAAED,IAAK,iBAAxB;IAA0C,SAAS,EAAEH,cAAA,CAAMI;EAA3D,gBACE,6BAAC,IAAD;IAAM,SAAS,EAAE,IAAAS,mBAAA,EAAWb,cAAA,CAAMgB,IAAjB,EAAuBP,SAAS,IAAIT,cAAA,CAAMiB,aAA1C;EAAjB,EADF,EAEGb,OAFH,CANF,EAUGE,aAAa,gBACZ;IAAK,SAAS,EAAE,IAAAO,mBAAA,EAAWb,cAAA,CAAMkB,MAAjB,EAAyBnB,MAAM,CAACI,IAAD,CAA/B;EAAhB,gBACE,6BAAC,mBAAD;IACE,aAAU,kBADZ;IAEE,cAAYG,aAFd;IAGE,KAAK,EAAEA,aAHT;IAIE,OAAO,EAAED,QAJX;IAKE,IAAI,EAAC;EALP,EADF,CADY,GAUV,IApBN,EAqBGC,aAAa,IAAIC,cAAjB,gBACC;IAAK,SAAS,EAAE,IAAAM,mBAAA,EAAWb,cAAA,CAAMmB,UAAjB,EAA6BpB,MAAM,CAACI,IAAD,CAAnC;EAAhB,EADD,GAEG,IAvBN,EAwBGI,cAAc,gBACb;IAAK,SAAS,EAAE,IAAAM,mBAAA,EAAWb,cAAA,CAAMkB,MAAjB,EAAyBnB,MAAM,CAACI,IAAD,CAA/B;EAAhB,gBACE,6BAAC,mBAAD;IACE,aAAU,mBADZ;IAEE,OAAO,EAAEK,SAFX;IAGE,cAAYD,cAHd;IAIE,KAAK,EAAEA,cAJT;IAKE,IAAI,EAAC;EALP,EADF,CADa,GAUX,IAlCN,CADF;AAsCD,CAnDD;;AAqDAN,MAAM,CAACmB,SAAP,2CAAmB;EACjBV,SAAS,EAAEW,kBAAA,CAAUC,MADJ;EAEjBnB,IAAI,EAAEkB,kBAAA,CAAUE,KAAV,CAAgB,oBAAK9B,KAAL,CAAhB,CAFW;EAGjBW,OAAO,EAAEiB,kBAAA,CAAUC,MAAV,CAAiBE,UAHT;EAIjBnB,QAAQ,EAAEgB,kBAAA,CAAUI,IAJH;EAKjBnB,aAAa,EAAEe,kBAAA,CAAUC,MALR;EAMjBf,cAAc,EAAEc,kBAAA,CAAUC,MANT;EAOjBd,SAAS,EAAEa,kBAAA,CAAUI,IAPJ;EAQjBhB,SAAS,EAAEY,kBAAA,CAAUK,IARJ;EASjBf,KAAK,EAAEU,kBAAA,CAAUI;AATA,CAAnB;eAYexB,M"}

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

@@ -15,6 +15,10 @@ declare namespace CertificationCard {
         const progress: PropTypes.Requireable<number>;
         const imgUrl: PropTypes.Requireable<string>;
         const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const tag: PropTypes.Requireable<string>;
+        const locales: PropTypes.Requireable<PropTypes.InferProps<{
+            conditionDescriptionProgress: PropTypes.Requireable<string>;
+        }>>;
     }
 }
 import PropTypes from "prop-types";

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

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

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

@@ -22,17 +22,17 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const CertificationCard = (props, context) => {
   const {
     label,
-    goal,
+    locales: {
+      conditionDescriptionProgress
+    },
+    tag,
+    goal: {
+      title
+    },
     progress,
     imgUrl,
     onClick
   } = props;
-  const {
-    title,
-    condition: {
-      nbDone
-    }
-  } = goal;
   const {
     translate
   } = context;
@@ -76,14 +76,14 @@ const CertificationCard = (props, context) => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.titleWrapper
   }, /*#__PURE__*/_react.default.createElement(_tag.default, {
-    label: translate('certification'),
+    label: tag,
     size: "S"
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.title,
     "data-name": "certification-title"
   }, title), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.moduleCount
-  }, /*#__PURE__*/_react.default.createElement("span", null, nbDone), ` ${translate('certification_module')}`)), /*#__PURE__*/_react.default.createElement(_progressBar.default, {
+  }, conditionDescriptionProgress)), /*#__PURE__*/_react.default.createElement(_progressBar.default, {
     className: _style.default.customProgressBar,
     style: {
       backgroundColor: _colors.COLORS.positive
@@ -107,7 +107,11 @@ CertificationCard.propTypes = process.env.NODE_ENV !== "production" ? {
   }),
   progress: _propTypes.default.number,
   imgUrl: _propTypes.default.string,
-  onClick: _propTypes.default.func
+  onClick: _propTypes.default.func,
+  tag: _propTypes.default.string,
+  locales: _propTypes.default.shape({
+    conditionDescriptionProgress: _propTypes.default.string
+  })
 } : {};
 var _default = CertificationCard;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["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","style","container","top","right","imageSection","imageContainer","detailWrapper","titleWrapper","moduleCount","customProgressBar","COLORS","positive","contextTypes","Provider","childContextTypes","propTypes","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.imageSection}>\n        <div className={style.imageContainer}>\n          <img src={imgUrl} />\n        </div>\n      </div>\n      <div className={style.detailWrapper}>\n        <div className={style.titleWrapper}>\n          <Tag label={translate('certification')} size=\"S\" />\n          <div className={style.title} data-name=\"certification-title\">\n            {title}\n          </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":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,iBAAiB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC5C,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,QAAd;IAAwBC,MAAxB;IAAgCC;EAAhC,IAA2CN,KAAjD;EACA,MAAM;IACJO,KADI;IAEJC,SAAS,EAAE;MAACC;IAAD;EAFP,IAGFN,IAHJ;EAIA,MAAM;IAACO;EAAD,IAAcT,OAApB;EAEA,MAAMU,YAAY,GAAGP,QAAQ,GAAG,GAAhC;EACA,MAAMQ,aAAa,GAAGD,YAAY,GAAGD,SAAS,CAAC,aAAD,CAAZ,GAA8BA,SAAS,CAAC,WAAD,CAAzE;EACA,MAAMG,eAAe,GAAGF,YAAY,GAAG,UAAH,GAAgB,SAApD;EACA,MAAMG,iBAAiB,GAAG;IACxBC,QAAQ,EAAE,MADc;IAExBC,QAAQ,EAAEL,YAAY,GAAG,OAAH,GAAa,cAFX;IAGxBM,SAAS,EAAEN,YAAY,GAAG,SAAH,GAAe,SAHd;IAIxBO,eAAe,EAAEP,YAAY,GAAG,SAAH,GAAe,SAJpB;IAKxBQ,IAAI,EAAE;MACJC,MAAM,EAAE,EADJ;MAEJC,WAAW,EAAE;IAFT,CALkB;IASxBC,WAAW,EAAE;MAACC,OAAO,EAAE;IAAV;EATW,CAA1B;EAWA,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC,SAAtB;IAAiC,aAAY,sBAAqBvB,KAAM,EAAxE;IAA2E,OAAO,EAAEI;EAApF,GACGF,QAAQ,GAAG,CAAX,gBACC,6BAAC,YAAD;IACE,KAAK,EAAEQ,aADT;IAEE,IAAI,EAAEC,eAFR;IAGE,WAAW,EAAE;MAACE,QAAQ,EAAE,UAAX;MAAuBW,GAAG,EAAE,MAA5B;MAAoCC,KAAK,EAAE;IAA3C,CAHf;IAIE,IAAI,EAAEb;EAJR,EADD,GAOG,IARN,eASE;IAAK,SAAS,EAAEU,cAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMK;EAAtB,gBACE;IAAK,GAAG,EAAExB;EAAV,EADF,CADF,CATF,eAcE;IAAK,SAAS,EAAEmB,cAAA,CAAMM;EAAtB,gBACE;IAAK,SAAS,EAAEN,cAAA,CAAMO;EAAtB,gBACE,6BAAC,YAAD;IAAK,KAAK,EAAErB,SAAS,CAAC,eAAD,CAArB;IAAwC,IAAI,EAAC;EAA7C,EADF,eAEE;IAAK,SAAS,EAAEc,cAAA,CAAMjB,KAAtB;IAA6B,aAAU;EAAvC,GACGA,KADH,CAFF,eAKE;IAAK,SAAS,EAAEiB,cAAA,CAAMQ;EAAtB,gBACE,2CAAOvB,MAAP,CADF,EAEI,IAAGC,SAAS,CAAC,sBAAD,CAAyB,EAFzC,CALF,CADF,eAWE,6BAAC,oBAAD;IACE,SAAS,EAAEc,cAAA,CAAMS,iBADnB;IAEE,KAAK,EAAE;MAACf,eAAe,EAAEgB,cAAA,CAAOC;IAAzB,CAFT;IAGE,WAAW,EAAE,KAHf;IAIE,KAAK,EAAE/B,QAJT;IAKE,GAAG,EAAE;EALP,EAXF,CAdF,CADF;AAoCD,CA1DD;;AA4DAL,iBAAiB,CAACqC,YAAlB,GAAiC;EAC/B1B,SAAS,EAAE2B,iBAAA,CAASC,iBAAT,CAA2B5B;AADP,CAAjC;AAIAX,iBAAiB,CAACwC,SAAlB,2CAA8B;EAC5BrC,KAAK,EAAEsC,kBAAA,CAAUC,MADW;EAE5BtC,IAAI,EAAEqC,kBAAA,CAAUE,KAAV,CAAgB;IACpBnC,KAAK,EAAEiC,kBAAA,CAAUC,MADG;IAEpBjC,SAAS,EAAEgC,kBAAA,CAAUE,KAAV,CAAgB;MACzBjC,MAAM,EAAE+B,kBAAA,CAAUG;IADO,CAAhB;EAFS,CAAhB,CAFsB;EAQ5BvC,QAAQ,EAAEoC,kBAAA,CAAUG,MARQ;EAS5BtC,MAAM,EAAEmC,kBAAA,CAAUC,MATU;EAU5BnC,OAAO,EAAEkC,kBAAA,CAAUI;AAVS,CAA9B;eAae7C,iB"}
+{"version":3,"file":"index.js","names":["CertificationCard","props","context","label","locales","conditionDescriptionProgress","tag","goal","title","progress","imgUrl","onClick","translate","isInprogress","progressLabel","progressTagType","progressIconProps","position","iconName","iconColor","backgroundColor","size","faSize","wrapperSize","customStyle","padding","style","container","top","right","imageSection","imageContainer","detailWrapper","titleWrapper","moduleCount","customProgressBar","COLORS","positive","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","shape","condition","nbDone","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 {\n    label,\n    locales: {conditionDescriptionProgress},\n    tag,\n    goal: {title},\n    progress,\n    imgUrl,\n    onClick\n  } = props;\n  const {translate} = context;\n  const isInprogress = progress < 100;\n  const progressLabel = isInprogress ? translate('in_progress') : translate('completed');\n  const progressTagType = isInprogress ? 'progress' : 'success';\n\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\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.imageSection}>\n        <div className={style.imageContainer}>\n          <img src={imgUrl} />\n        </div>\n      </div>\n      <div className={style.detailWrapper}>\n        <div className={style.titleWrapper}>\n          <Tag label={tag} size=\"S\" />\n          <div className={style.title} data-name=\"certification-title\">\n            {title}\n          </div>\n          <div className={style.moduleCount}>{conditionDescriptionProgress}</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  tag: PropTypes.string,\n  locales: PropTypes.shape({\n    conditionDescriptionProgress: PropTypes.string\n  })\n};\n\nexport default CertificationCard;\n"],"mappings":"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"}

package/lib/molecule/cm-popin/types.d.ts

@@ -136,6 +136,7 @@ declare const propTypes: {
                 items: PropTypes.Requireable<(PropTypes.InferProps<{
                     title: PropTypes.Validator<string>;
                     subtitle: PropTypes.Requireable<string>;
+                    provider: PropTypes.Requireable<string>;
                     selected: PropTypes.Requireable<boolean>;
                     selectedColor: PropTypes.Requireable<string>;
                     dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -188,6 +189,17 @@ declare const propTypes: {
                     'aria-label': PropTypes.Requireable<string>;
                     contentType: PropTypes.Requireable<string>;
                     id: PropTypes.Requireable<string>;
+                    leftIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                        iconName: PropTypes.Requireable<string>;
+                        iconColor: PropTypes.Requireable<string>;
+                        backgroundColor: PropTypes.Requireable<string>;
+                        borderRadius: PropTypes.Requireable<string>;
+                        preset: PropTypes.Requireable<string>;
+                        gradientBackground: PropTypes.Requireable<boolean>;
+                        size: PropTypes.Requireable<number>;
+                        wrapperSize: PropTypes.Requireable<number>;
+                    }>>;
+                    editAsIcon: PropTypes.Requireable<boolean>;
                 }> | null | undefined)[]>;
                 type: PropTypes.Requireable<string>;
                 itemType: PropTypes.Requireable<string>;
@@ -285,11 +297,11 @@ declare const propTypes: {
         'aria-label': PropTypes.Requireable<string>;
         title: PropTypes.Requireable<string>;
         target: PropTypes.Requireable<string>;
-        skinHover: PropTypes.Requireable<boolean>;
         hoverColor: PropTypes.Requireable<string>;
+        hoverBackgroundColor: PropTypes.Requireable<string>;
         download: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
         useButtonTag: PropTypes.Requireable<boolean>;
         style: PropTypes.Requireable<PropTypes.InferProps<{}>>;

package/lib/molecule/cm-popin/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAGlD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;CACpD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAGlD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;CACpD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/molecule/draggable-list/index.d.ts

@@ -62,6 +62,7 @@ declare namespace DraggableList {
         }> | PropTypes.InferProps<{
             title: PropTypes.Validator<string>;
             subtitle: PropTypes.Requireable<string>;
+            provider: PropTypes.Requireable<string>;
             selected: PropTypes.Requireable<boolean>;
             selectedColor: PropTypes.Requireable<string>;
             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -114,6 +115,17 @@ declare namespace DraggableList {
             'aria-label': PropTypes.Requireable<string>;
             contentType: PropTypes.Requireable<string>;
             id: PropTypes.Requireable<string>;
+            leftIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                iconName: PropTypes.Requireable<string>;
+                iconColor: PropTypes.Requireable<string>;
+                backgroundColor: PropTypes.Requireable<string>;
+                borderRadius: PropTypes.Requireable<string>;
+                preset: PropTypes.Requireable<string>;
+                gradientBackground: PropTypes.Requireable<boolean>;
+                size: PropTypes.Requireable<number>;
+                wrapperSize: PropTypes.Requireable<number>;
+            }>>;
+            editAsIcon: PropTypes.Requireable<boolean>;
         }> | PropTypes.InferProps<{
             'aria-label': PropTypes.Requireable<string>;
             id: PropTypes.Requireable<string>;

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

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

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
 
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
@@ -11,6 +13,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _cssColorFunction = require("css-color-function");
+
 var _title = _interopRequireDefault(require("../../atom/title"));
 
 var _progressBar = _interopRequireDefault(require("../progress-bar"));
@@ -23,10 +27,14 @@ var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
 
 var _icon = _interopRequireDefault(require("../../atom/icon"));
 
-var _provider = _interopRequireDefault(require("../../atom/provider"));
+var _provider = _interopRequireWildcard(require("../../atom/provider"));
 
 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 }; }
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -45,26 +53,30 @@ const DetailSection = ({
   const {
     translate
   } = context;
+  const skin = (0, _provider.GetSkinFromContext)(context);
+  const primarySkinColor = (0, _get2.default)('common.primary', skin);
   const isTypeStars = type === 'stars';
-
-  const DownloadButton = /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+  const downloadButtonProps = {
     label: translate('download'),
     link: {
       target: '_blank',
       href: downloadUrl
     },
-    "data-name": `download-${type}-button`,
-    "aria-label": `download ${type} button`,
+    'data-name': `download-${type}-button`,
+    'aria-label': `download ${type} button`,
     customStyle: {
-      backgroundColor: '#F1F6FE',
-      color: '#0061FF',
-      width: 'auto'
+      backgroundColor: (0, _cssColorFunction.convert)(`color(${primarySkinColor} a(0.07))`),
+      color: primarySkinColor,
+      width: 'auto',
+      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'
     },
+    hoverBackgroundColor: primarySkinColor,
+    hoverColor: '#FFFFFF',
     icon: {
       position: 'left',
       faIcon: {
         name: 'download',
-        color: '#0061FF',
+        color: primarySkinColor,
         size: 14,
         customStyle: {
           padding: 0
@@ -72,7 +84,7 @@ const DetailSection = ({
       }
     },
     disabled: isLocked
-  });
+  };
 
   const LockedTag = /*#__PURE__*/_react.default.createElement(_tag.default, {
     label: translate('locked'),
@@ -120,7 +132,7 @@ const DetailSection = ({
     className: _style.default.detailsTitle
   }, type === 'diploma' ? translate('diploma') : translate('badge')), isLocked ? LockedTag : null), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.buttonContainer
-  }, DownloadButton)));
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, downloadButtonProps))));
 };
 
 const ProgressWrapper = ({
@@ -186,7 +198,8 @@ const commonDetailSectionPropTypes = process.env.NODE_ENV !== "production" ? {
   stars: _propTypes.default.number
 } : {};
 DetailSection.contextTypes = {
-  translate: _provider.default.childContextTypes.translate
+  translate: _provider.default.childContextTypes.translate,
+  skin: _provider.default.childContextTypes.skin
 };
 DetailSection.propTypes = process.env.NODE_ENV !== "production" ? _extends({
   index: _propTypes.default.number,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["uncappedMap","convert","cap","DetailSection","index","type","isLocked","downloadUrl","stars","context","translate","isTypeStars","DownloadButton","target","href","backgroundColor","color","width","position","faIcon","name","size","customStyle","padding","LockedTag","iconName","iconColor","preset","style","detailsInfo","detailsInfoText","detailsTitle","img","buttonContainer","ProgressWrapper","completedModules","mandatoryModules","title","subtitle","progression","sections","mandatoryCompletedModulesLocale","container","titleContainer","statscontainer","stats","statsNumber","customProgressBar","COLORS","positive","statsProgressionMobile","details","section","commonDetailSectionPropTypes","PropTypes","oneOf","string","number","contextTypes","Provider","childContextTypes","propTypes","bool","arrayOf","shape"],"sources":["../../../src/molecule/progress-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, 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-${type}-button`}\n      aria-label={`download ${type} button`}\n      customStyle={{backgroundColor: '#F1F6FE', color: '#0061FF', width: 'auto'}}\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={translate('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\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}>{DownloadButton}</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};\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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"}
+{"version":3,"file":"index.js","names":["uncappedMap","convert","cap","DetailSection","index","type","isLocked","downloadUrl","stars","context","translate","skin","GetSkinFromContext","primarySkinColor","isTypeStars","downloadButtonProps","label","link","target","href","customStyle","backgroundColor","color","width","transition","hoverBackgroundColor","hoverColor","icon","position","faIcon","name","size","padding","disabled","LockedTag","iconName","iconColor","preset","style","detailsInfo","detailsInfoText","detailsTitle","img","buttonContainer","ProgressWrapper","completedModules","mandatoryModules","title","subtitle","progression","sections","mandatoryCompletedModulesLocale","container","titleContainer","statscontainer","stats","statsNumber","customProgressBar","COLORS","positive","statsProgressionMobile","details","section","commonDetailSectionPropTypes","PropTypes","oneOf","string","number","contextTypes","Provider","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: '#FFFFFF',\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: '#515161',\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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"}

package/lib/organism/accordion/coorp-manager/part/index.js

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
 
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
@@ -171,7 +173,7 @@ const AccordionPart = (props, context) => {
     className: themeStyle[theme]
   }, !isCollapsibleTab ? /*#__PURE__*/_react.default.createElement(_link.default, {
     onClick: handleParentClick,
-    skinHover: true,
+    hoverColor: (0, _getOr2.default)('#00B0FF', 'common.primary', skin),
     href: href,
     "data-name": `link-item`,
     target: '_blank',

package/lib/organism/accordion/coorp-manager/part/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ICON_TYPES","arrow","LightBulbIcon","dashboard","DashboardIcon","analytics","AnalyticsIcon","administration","AdministrationIcon","animation","AnimationIcon","contentCreation","ContentCreationIcon","editorialization","EditorializationIcon","defaultStyle","titleIcon","style","label","titleLabel","selectedLabel","title","setupTitle","container","openHeader","closedHeader","default","setupThemeStyle","titleActivatedIcon","setupTitleActivatedIcon","setupTitleLabel","setupSelectedTitleLabel","setupSelectedTitle","selectedTitle","setupContainer","coorpManagerOpenHeader","coorpManagerClosedHeader","MoreLessIcons","type","moreClassName","lessClassName","darkColor","mediumColor","color","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","openIconActivated","openIcon","closeIconActivated","closeIcon","iconColor","iconBlue","iconGrey","hoverIconColor","blueTitleIcon","selectedBlackLabel","labelBlack","Icon","isLink","isCollapsible","wrapper","classnames","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","node","func","bool"],"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidLightsLightbulb4 as LightBulbIcon,\n  NovaCompositionNavigationArrowDown as ArrowIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon,\n  NovaCompositionCoorpacademyDashboard as DashboardIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaCompositionCoorpacademyAnimation as AnimationIcon,\n  NovaCompositionCoorpacademyAdministration as AdministrationIcon,\n  NovaCompositionCoorpacademyContentCreation as ContentCreationIcon,\n  NovaCompositionCoorpacademyEditorialization as EditorializationIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../../../atom/link';\nimport Provider from '../../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n  arrow: LightBulbIcon,\n  dashboard: DashboardIcon,\n  analytics: AnalyticsIcon,\n  administration: AdministrationIcon,\n  animation: AnimationIcon,\n  contentCreation: ContentCreationIcon,\n  editorialization: EditorializationIcon\n};\n\nconst defaultStyle = {\n  titleIcon: style.titleIcon,\n  label: style.titleLabel,\n  selectedLabel: style.titleLabel,\n  title: style.setupTitle,\n  container: style.container,\n  openHeader: style.openHeader,\n  closedHeader: style.closedHeader,\n  default: null\n};\n\nconst setupThemeStyle = {\n  titleIcon: style.titleIcon,\n  titleActivatedIcon: style.setupTitleActivatedIcon,\n  label: style.setupTitleLabel,\n  selectedLabel: style.setupSelectedTitleLabel,\n  setupSelectedTitle: style.setupSelectedTitle,\n  selectedTitle: style.selectedTitle,\n  title: style.setupTitle,\n  container: style.setupContainer,\n  openHeader: style.coorpManagerOpenHeader,\n  closedHeader: style.coorpManagerClosedHeader\n};\n\nconst MoreLessIcons = ({type, moreClassName, lessClassName, darkColor, mediumColor}) => {\n  return type !== 'iconLink' ? (\n    <div>\n      <ArrowIcon className={moreClassName} style={{color: darkColor}} />\n      <ArrowIcon className={lessClassName} style={{color: mediumColor}} />\n    </div>\n  ) : (\n    <OpenInNewTabIcon className={style.newTabIcon} />\n  );\n};\n\nconst Part = ({\n  skin,\n  selected,\n  iconType,\n  onParentClick,\n  onClick,\n  isOpen,\n  title,\n  type,\n  children,\n  theme\n}) => {\n  const darkColor = get('common.dark', skin);\n  const mediumColor = get('common.medium', skin);\n  const lessClassName = isOpen ? style.openIconActivated : style.openIcon;\n  const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n  const iconColor = selected ? style.iconBlue : style.iconGrey;\n  const hoverIconColor = selected && style.blueTitleIcon;\n  const selectedBlackLabel = selected && style.labelBlack;\n  const Icon = ICON_TYPES[iconType];\n  const isLink = type === 'iconLink';\n  const isCollapsible = type === 'collapsibleTab';\n\n  return (\n    <div className={style.wrapper}>\n      {theme === 'setup' ? (\n        <div\n          className={classnames(style.border, selected ? style.borderBgBlue : style.borderBgNone)}\n        />\n      ) : null}\n      <div data-type={iconType} onClick={onParentClick} style={{flex: 1}}>\n        <div data-name=\"accordionPart\" className={style.setupPart}>\n          <div className={style.header} data-type={iconType} onClick={onClick}>\n            <div data-name=\"title\" className={style.title}>\n              {Icon ? (\n                <Icon className={classnames(style.titleIcon, iconColor, hoverIconColor)} />\n              ) : null}\n              <h3 className={classnames(style.titleLabel, selectedBlackLabel)}>\n                {title}\n                {isLink ? <OpenInNewTabIcon className={style.newTabIcon} /> : null}\n              </h3>\n            </div>\n            {isCollapsible ? (\n              <div>\n                <ArrowIcon className={moreClassName} style={{color: darkColor}} />\n                <ArrowIcon className={lessClassName} style={{color: mediumColor}} />\n              </div>\n            ) : null}\n          </div>\n          {isCollapsible ? children : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst AccordionPart = (props, context) => {\n  const {skin} = context;\n  const {\n    title,\n    content,\n    iconType,\n    theme,\n    onClick = noop,\n    selected = false,\n    type,\n    href,\n    isOpen,\n    onUpdateOpenedTab\n  } = props;\n\n  const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;\n\n  function handleParentClick() {\n    onUpdateOpenedTab();\n    onClick();\n  }\n\n  const isCollapsibleTab = type === 'collapsibleTab';\n  return (\n    <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n      {!isCollapsibleTab ? (\n        <Link\n          onClick={handleParentClick}\n          skinHover\n          href={href}\n          data-name={`link-item`}\n          target={'_blank'}\n          style={{\n            textDecoration: 'none'\n          }}\n        >\n          <Part\n            skin={skin}\n            title={title}\n            content={content}\n            iconType={iconType}\n            theme={theme}\n            onParentClick={handleParentClick}\n            onClick={onClick}\n            isOpen={isOpen}\n            selected={selected}\n            type={type}\n          />\n        </Link>\n      ) : (\n        <Part\n          skin={skin}\n          title={title}\n          content={content}\n          iconType={iconType}\n          theme={theme}\n          onParentClick={handleParentClick}\n          onClick={onClick}\n          selected={selected}\n          isOpen={isOpen}\n          type={type}\n        />\n      )}\n      {isCollapsibleTab && isOpen ? <div className={themeStyle.container}>{content}</div> : null}\n    </div>\n  );\n};\n\nAccordionPart.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n  iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n  type: PropTypes.oneOf(['simpleTab', 'collapsibleTab', 'iconLink']),\n  title: PropTypes.string,\n  content: PropTypes.node,\n  onClick: PropTypes.func,\n  selected: PropTypes.bool,\n  theme: PropTypes.string,\n  href: PropTypes.string,\n  isOpen: PropTypes.bool,\n  onUpdateOpenedTab: PropTypes.func\n};\n\nMoreLessIcons.propTypes = {\n  type: PropTypes.string,\n  moreClassName: PropTypes.string,\n  lessClassName: PropTypes.string,\n  darkColor: PropTypes.string,\n  mediumColor: PropTypes.string\n};\n\nPart.propTypes = {\n  ...AccordionPart.propTypes\n};\n\nexport default AccordionPart;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAWA;;AACA;;AACA;;;;;;AAEA,MAAMA,UAAU,GAAG;EACjBC,KAAK,EAAEC,oCADU;EAEjBC,SAAS,EAAEC,+CAFM;EAGjBC,SAAS,EAAEC,+CAHM;EAIjBC,cAAc,EAAEC,oDAJC;EAKjBC,SAAS,EAAEC,+CALM;EAMjBC,eAAe,EAAEC,qDANA;EAOjBC,gBAAgB,EAAEC;AAPD,CAAnB;AAUA,MAAMC,YAAY,GAAG;EACnBC,SAAS,EAAEC,cAAA,CAAMD,SADE;EAEnBE,KAAK,EAAED,cAAA,CAAME,UAFM;EAGnBC,aAAa,EAAEH,cAAA,CAAME,UAHF;EAInBE,KAAK,EAAEJ,cAAA,CAAMK,UAJM;EAKnBC,SAAS,EAAEN,cAAA,CAAMM,SALE;EAMnBC,UAAU,EAAEP,cAAA,CAAMO,UANC;EAOnBC,YAAY,EAAER,cAAA,CAAMQ,YAPD;EAQnBC,OAAO,EAAE;AARU,CAArB;AAWA,MAAMC,eAAe,GAAG;EACtBX,SAAS,EAAEC,cAAA,CAAMD,SADK;EAEtBY,kBAAkB,EAAEX,cAAA,CAAMY,uBAFJ;EAGtBX,KAAK,EAAED,cAAA,CAAMa,eAHS;EAItBV,aAAa,EAAEH,cAAA,CAAMc,uBAJC;EAKtBC,kBAAkB,EAAEf,cAAA,CAAMe,kBALJ;EAMtBC,aAAa,EAAEhB,cAAA,CAAMgB,aANC;EAOtBZ,KAAK,EAAEJ,cAAA,CAAMK,UAPS;EAQtBC,SAAS,EAAEN,cAAA,CAAMiB,cARK;EAStBV,UAAU,EAAEP,cAAA,CAAMkB,sBATI;EAUtBV,YAAY,EAAER,cAAA,CAAMmB;AAVE,CAAxB;;AAaA,MAAMC,aAAa,GAAG,CAAC;EAACC,IAAD;EAAOC,aAAP;EAAsBC,aAAtB;EAAqCC,SAArC;EAAgDC;AAAhD,CAAD,KAAkE;EACtF,OAAOJ,IAAI,KAAK,UAAT,gBACL,uDACE,6BAAC,6CAAD;IAAW,SAAS,EAAEC,aAAtB;IAAqC,KAAK,EAAE;MAACI,KAAK,EAAEF;IAAR;EAA5C,EADF,eAEE,6BAAC,6CAAD;IAAW,SAAS,EAAED,aAAtB;IAAqC,KAAK,EAAE;MAACG,KAAK,EAAED;IAAR;EAA5C,EAFF,CADK,gBAML,6BAAC,kDAAD;IAAkB,SAAS,EAAEzB,cAAA,CAAM2B;EAAnC,EANF;AAQD,CATD;;AAWA,MAAMC,IAAI,GAAG,CAAC;EACZC,IADY;EAEZC,QAFY;EAGZC,QAHY;EAIZC,aAJY;EAKZC,OALY;EAMZC,MANY;EAOZ9B,KAPY;EAQZiB,IARY;EASZc,QATY;EAUZC;AAVY,CAAD,KAWP;EACJ,MAAMZ,SAAS,GAAG,mBAAI,aAAJ,EAAmBK,IAAnB,CAAlB;EACA,MAAMJ,WAAW,GAAG,mBAAI,eAAJ,EAAqBI,IAArB,CAApB;EACA,MAAMN,aAAa,GAAGW,MAAM,GAAGlC,cAAA,CAAMqC,iBAAT,GAA6BrC,cAAA,CAAMsC,QAA/D;EACA,MAAMhB,aAAa,GAAG,CAACY,MAAD,GAAUlC,cAAA,CAAMuC,kBAAhB,GAAqCvC,cAAA,CAAMwC,SAAjE;EACA,MAAMC,SAAS,GAAGX,QAAQ,GAAG9B,cAAA,CAAM0C,QAAT,GAAoB1C,cAAA,CAAM2C,QAApD;EACA,MAAMC,cAAc,GAAGd,QAAQ,IAAI9B,cAAA,CAAM6C,aAAzC;EACA,MAAMC,kBAAkB,GAAGhB,QAAQ,IAAI9B,cAAA,CAAM+C,UAA7C;EACA,MAAMC,IAAI,GAAGjE,UAAU,CAACgD,QAAD,CAAvB;EACA,MAAMkB,MAAM,GAAG5B,IAAI,KAAK,UAAxB;EACA,MAAM6B,aAAa,GAAG7B,IAAI,KAAK,gBAA/B;EAEA,oBACE;IAAK,SAAS,EAAErB,cAAA,CAAMmD;EAAtB,GACGf,KAAK,KAAK,OAAV,gBACC;IACE,SAAS,EAAE,IAAAgB,mBAAA,EAAWpD,cAAA,CAAMqD,MAAjB,EAAyBvB,QAAQ,GAAG9B,cAAA,CAAMsD,YAAT,GAAwBtD,cAAA,CAAMuD,YAA/D;EADb,EADD,GAIG,IALN,eAME;IAAK,aAAWxB,QAAhB;IAA0B,OAAO,EAAEC,aAAnC;IAAkD,KAAK,EAAE;MAACwB,IAAI,EAAE;IAAP;EAAzD,gBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAExD,cAAA,CAAMyD;EAAhD,gBACE;IAAK,SAAS,EAAEzD,cAAA,CAAM0D,MAAtB;IAA8B,aAAW3B,QAAzC;IAAmD,OAAO,EAAEE;EAA5D,gBACE;IAAK,aAAU,OAAf;IAAuB,SAAS,EAAEjC,cAAA,CAAMI;EAAxC,GACG4C,IAAI,gBACH,6BAAC,IAAD;IAAM,SAAS,EAAE,IAAAI,mBAAA,EAAWpD,cAAA,CAAMD,SAAjB,EAA4B0C,SAA5B,EAAuCG,cAAvC;EAAjB,EADG,GAED,IAHN,eAIE;IAAI,SAAS,EAAE,IAAAQ,mBAAA,EAAWpD,cAAA,CAAME,UAAjB,EAA6B4C,kBAA7B;EAAf,GACG1C,KADH,EAEG6C,MAAM,gBAAG,6BAAC,kDAAD;IAAkB,SAAS,EAAEjD,cAAA,CAAM2B;EAAnC,EAAH,GAAuD,IAFhE,CAJF,CADF,EAUGuB,aAAa,gBACZ,uDACE,6BAAC,6CAAD;IAAW,SAAS,EAAE5B,aAAtB;IAAqC,KAAK,EAAE;MAACI,KAAK,EAAEF;IAAR;EAA5C,EADF,eAEE,6BAAC,6CAAD;IAAW,SAAS,EAAED,aAAtB;IAAqC,KAAK,EAAE;MAACG,KAAK,EAAED;IAAR;EAA5C,EAFF,CADY,GAKV,IAfN,CADF,EAkBGyB,aAAa,GAAGf,QAAH,GAAc,IAlB9B,CADF,CANF,CADF;AA+BD,CAtDD;;AAwDA,MAAMwB,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAAChC;EAAD,IAASgC,OAAf;EACA,MAAM;IACJzD,KADI;IAEJ0D,OAFI;IAGJ/B,QAHI;IAIJK,KAJI;IAKJH,OAAO,iBALH;IAMJH,QAAQ,GAAG,KANP;IAOJT,IAPI;IAQJ0C,IARI;IASJ7B,MATI;IAUJ8B;EAVI,IAWFJ,KAXJ;EAaA,MAAMK,UAAU,GAAG7B,KAAK,KAAK,OAAV,GAAoB1B,eAApB,GAAsCZ,YAAzD;;EAEA,SAASoE,iBAAT,GAA6B;IAC3BF,iBAAiB;IACjB/B,OAAO;EACR;;EAED,MAAMkC,gBAAgB,GAAG9C,IAAI,KAAK,gBAAlC;EACA,oBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAE4C,UAAU,CAAC7B,KAAD;EAApD,GACG,CAAC+B,gBAAD,gBACC,6BAAC,aAAD;IACE,OAAO,EAAED,iBADX;IAEE,SAAS,MAFX;IAGE,IAAI,EAAEH,IAHR;IAIE,aAAY,WAJd;IAKE,MAAM,EAAE,QALV;IAME,KAAK,EAAE;MACLK,cAAc,EAAE;IADX;EANT,gBAUE,6BAAC,IAAD;IACE,IAAI,EAAEvC,IADR;IAEE,KAAK,EAAEzB,KAFT;IAGE,OAAO,EAAE0D,OAHX;IAIE,QAAQ,EAAE/B,QAJZ;IAKE,KAAK,EAAEK,KALT;IAME,aAAa,EAAE8B,iBANjB;IAOE,OAAO,EAAEjC,OAPX;IAQE,MAAM,EAAEC,MARV;IASE,QAAQ,EAAEJ,QATZ;IAUE,IAAI,EAAET;EAVR,EAVF,CADD,gBAyBC,6BAAC,IAAD;IACE,IAAI,EAAEQ,IADR;IAEE,KAAK,EAAEzB,KAFT;IAGE,OAAO,EAAE0D,OAHX;IAIE,QAAQ,EAAE/B,QAJZ;IAKE,KAAK,EAAEK,KALT;IAME,aAAa,EAAE8B,iBANjB;IAOE,OAAO,EAAEjC,OAPX;IAQE,QAAQ,EAAEH,QARZ;IASE,MAAM,EAAEI,MATV;IAUE,IAAI,EAAEb;EAVR,EA1BJ,EAuCG8C,gBAAgB,IAAIjC,MAApB,gBAA6B;IAAK,SAAS,EAAE+B,UAAU,CAAC3D;EAA3B,GAAuCwD,OAAvC,CAA7B,GAAqF,IAvCxF,CADF;AA2CD,CAlED;;AAoEAH,aAAa,CAACU,YAAd,GAA6B;EAC3BxC,IAAI,EAAEyC,iBAAA,CAASC,iBAAT,CAA2B1C;AADN,CAA7B;AAIA8B,aAAa,CAACa,SAAd,2CAA0B;EACxBzC,QAAQ,EAAE0C,kBAAA,CAAUC,KAAV,CAAgB,oBAAK3F,UAAL,CAAhB,CADc;EAExBsC,IAAI,EAAEoD,kBAAA,CAAUC,KAAV,CAAgB,CAAC,WAAD,EAAc,gBAAd,EAAgC,UAAhC,CAAhB,CAFkB;EAGxBtE,KAAK,EAAEqE,kBAAA,CAAUE,MAHO;EAIxBb,OAAO,EAAEW,kBAAA,CAAUG,IAJK;EAKxB3C,OAAO,EAAEwC,kBAAA,CAAUI,IALK;EAMxB/C,QAAQ,EAAE2C,kBAAA,CAAUK,IANI;EAOxB1C,KAAK,EAAEqC,kBAAA,CAAUE,MAPO;EAQxBZ,IAAI,EAAEU,kBAAA,CAAUE,MARQ;EASxBzC,MAAM,EAAEuC,kBAAA,CAAUK,IATM;EAUxBd,iBAAiB,EAAES,kBAAA,CAAUI;AAVL,CAA1B;AAaAzD,aAAa,CAACoD,SAAd,2CAA0B;EACxBnD,IAAI,EAAEoD,kBAAA,CAAUE,MADQ;EAExBrD,aAAa,EAAEmD,kBAAA,CAAUE,MAFD;EAGxBpD,aAAa,EAAEkD,kBAAA,CAAUE,MAHD;EAIxBnD,SAAS,EAAEiD,kBAAA,CAAUE,MAJG;EAKxBlD,WAAW,EAAEgD,kBAAA,CAAUE;AALC,CAA1B;AAQA/C,IAAI,CAAC4C,SAAL,wDACKb,aAAa,CAACa,SADnB;eAIeb,a"}
+{"version":3,"file":"index.js","names":["ICON_TYPES","arrow","LightBulbIcon","dashboard","DashboardIcon","analytics","AnalyticsIcon","administration","AdministrationIcon","animation","AnimationIcon","contentCreation","ContentCreationIcon","editorialization","EditorializationIcon","defaultStyle","titleIcon","style","label","titleLabel","selectedLabel","title","setupTitle","container","openHeader","closedHeader","default","setupThemeStyle","titleActivatedIcon","setupTitleActivatedIcon","setupTitleLabel","setupSelectedTitleLabel","setupSelectedTitle","selectedTitle","setupContainer","coorpManagerOpenHeader","coorpManagerClosedHeader","MoreLessIcons","type","moreClassName","lessClassName","darkColor","mediumColor","color","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","openIconActivated","openIcon","closeIconActivated","closeIcon","iconColor","iconBlue","iconGrey","hoverIconColor","blueTitleIcon","selectedBlackLabel","labelBlack","Icon","isLink","isCollapsible","wrapper","classnames","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","node","func","bool"],"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get, getOr} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidLightsLightbulb4 as LightBulbIcon,\n  NovaCompositionNavigationArrowDown as ArrowIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon,\n  NovaCompositionCoorpacademyDashboard as DashboardIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaCompositionCoorpacademyAnimation as AnimationIcon,\n  NovaCompositionCoorpacademyAdministration as AdministrationIcon,\n  NovaCompositionCoorpacademyContentCreation as ContentCreationIcon,\n  NovaCompositionCoorpacademyEditorialization as EditorializationIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../../../atom/link';\nimport Provider from '../../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n  arrow: LightBulbIcon,\n  dashboard: DashboardIcon,\n  analytics: AnalyticsIcon,\n  administration: AdministrationIcon,\n  animation: AnimationIcon,\n  contentCreation: ContentCreationIcon,\n  editorialization: EditorializationIcon\n};\n\nconst defaultStyle = {\n  titleIcon: style.titleIcon,\n  label: style.titleLabel,\n  selectedLabel: style.titleLabel,\n  title: style.setupTitle,\n  container: style.container,\n  openHeader: style.openHeader,\n  closedHeader: style.closedHeader,\n  default: null\n};\n\nconst setupThemeStyle = {\n  titleIcon: style.titleIcon,\n  titleActivatedIcon: style.setupTitleActivatedIcon,\n  label: style.setupTitleLabel,\n  selectedLabel: style.setupSelectedTitleLabel,\n  setupSelectedTitle: style.setupSelectedTitle,\n  selectedTitle: style.selectedTitle,\n  title: style.setupTitle,\n  container: style.setupContainer,\n  openHeader: style.coorpManagerOpenHeader,\n  closedHeader: style.coorpManagerClosedHeader\n};\n\nconst MoreLessIcons = ({type, moreClassName, lessClassName, darkColor, mediumColor}) => {\n  return type !== 'iconLink' ? (\n    <div>\n      <ArrowIcon className={moreClassName} style={{color: darkColor}} />\n      <ArrowIcon className={lessClassName} style={{color: mediumColor}} />\n    </div>\n  ) : (\n    <OpenInNewTabIcon className={style.newTabIcon} />\n  );\n};\n\nconst Part = ({\n  skin,\n  selected,\n  iconType,\n  onParentClick,\n  onClick,\n  isOpen,\n  title,\n  type,\n  children,\n  theme\n}) => {\n  const darkColor = get('common.dark', skin);\n  const mediumColor = get('common.medium', skin);\n  const lessClassName = isOpen ? style.openIconActivated : style.openIcon;\n  const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n  const iconColor = selected ? style.iconBlue : style.iconGrey;\n  const hoverIconColor = selected && style.blueTitleIcon;\n  const selectedBlackLabel = selected && style.labelBlack;\n  const Icon = ICON_TYPES[iconType];\n  const isLink = type === 'iconLink';\n  const isCollapsible = type === 'collapsibleTab';\n\n  return (\n    <div className={style.wrapper}>\n      {theme === 'setup' ? (\n        <div\n          className={classnames(style.border, selected ? style.borderBgBlue : style.borderBgNone)}\n        />\n      ) : null}\n      <div data-type={iconType} onClick={onParentClick} style={{flex: 1}}>\n        <div data-name=\"accordionPart\" className={style.setupPart}>\n          <div className={style.header} data-type={iconType} onClick={onClick}>\n            <div data-name=\"title\" className={style.title}>\n              {Icon ? (\n                <Icon className={classnames(style.titleIcon, iconColor, hoverIconColor)} />\n              ) : null}\n              <h3 className={classnames(style.titleLabel, selectedBlackLabel)}>\n                {title}\n                {isLink ? <OpenInNewTabIcon className={style.newTabIcon} /> : null}\n              </h3>\n            </div>\n            {isCollapsible ? (\n              <div>\n                <ArrowIcon className={moreClassName} style={{color: darkColor}} />\n                <ArrowIcon className={lessClassName} style={{color: mediumColor}} />\n              </div>\n            ) : null}\n          </div>\n          {isCollapsible ? children : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst AccordionPart = (props, context) => {\n  const {skin} = context;\n  const {\n    title,\n    content,\n    iconType,\n    theme,\n    onClick = noop,\n    selected = false,\n    type,\n    href,\n    isOpen,\n    onUpdateOpenedTab\n  } = props;\n\n  const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;\n\n  function handleParentClick() {\n    onUpdateOpenedTab();\n    onClick();\n  }\n\n  const isCollapsibleTab = type === 'collapsibleTab';\n  return (\n    <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n      {!isCollapsibleTab ? (\n        <Link\n          onClick={handleParentClick}\n          hoverColor={getOr('#00B0FF', 'common.primary', skin)}\n          href={href}\n          data-name={`link-item`}\n          target={'_blank'}\n          style={{\n            textDecoration: 'none'\n          }}\n        >\n          <Part\n            skin={skin}\n            title={title}\n            content={content}\n            iconType={iconType}\n            theme={theme}\n            onParentClick={handleParentClick}\n            onClick={onClick}\n            isOpen={isOpen}\n            selected={selected}\n            type={type}\n          />\n        </Link>\n      ) : (\n        <Part\n          skin={skin}\n          title={title}\n          content={content}\n          iconType={iconType}\n          theme={theme}\n          onParentClick={handleParentClick}\n          onClick={onClick}\n          selected={selected}\n          isOpen={isOpen}\n          type={type}\n        />\n      )}\n      {isCollapsibleTab && isOpen ? <div className={themeStyle.container}>{content}</div> : null}\n    </div>\n  );\n};\n\nAccordionPart.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n  iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n  type: PropTypes.oneOf(['simpleTab', 'collapsibleTab', 'iconLink']),\n  title: PropTypes.string,\n  content: PropTypes.node,\n  onClick: PropTypes.func,\n  selected: PropTypes.bool,\n  theme: PropTypes.string,\n  href: PropTypes.string,\n  isOpen: PropTypes.bool,\n  onUpdateOpenedTab: PropTypes.func\n};\n\nMoreLessIcons.propTypes = {\n  type: PropTypes.string,\n  moreClassName: PropTypes.string,\n  lessClassName: PropTypes.string,\n  darkColor: PropTypes.string,\n  mediumColor: PropTypes.string\n};\n\nPart.propTypes = {\n  ...AccordionPart.propTypes\n};\n\nexport default AccordionPart;\n"],"mappings":"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"}

package/lib/organism/brand-learning-priorities/index.d.ts

@@ -62,6 +62,7 @@ declare namespace BrandLearningPriorities {
             }> | PropTypes.InferProps<{
                 title: PropTypes.Validator<string>;
                 subtitle: PropTypes.Requireable<string>;
+                provider: PropTypes.Requireable<string>;
                 selected: PropTypes.Requireable<boolean>;
                 selectedColor: PropTypes.Requireable<string>;
                 dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -114,6 +115,17 @@ declare namespace BrandLearningPriorities {
                 'aria-label': PropTypes.Requireable<string>;
                 contentType: PropTypes.Requireable<string>;
                 id: PropTypes.Requireable<string>;
+                leftIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                    iconName: PropTypes.Requireable<string>;
+                    iconColor: PropTypes.Requireable<string>;
+                    backgroundColor: PropTypes.Requireable<string>;
+                    borderRadius: PropTypes.Requireable<string>;
+                    preset: PropTypes.Requireable<string>;
+                    gradientBackground: PropTypes.Requireable<boolean>;
+                    size: PropTypes.Requireable<number>;
+                    wrapperSize: PropTypes.Requireable<number>;
+                }>>;
+                editAsIcon: PropTypes.Requireable<boolean>;
             }> | PropTypes.InferProps<{
                 'aria-label': PropTypes.Requireable<string>;
                 id: PropTypes.Requireable<string>;

package/lib/organism/list-item/index.d.ts

@@ -1,10 +1,11 @@
 export default ListItem;
-declare function ListItem({ buttonLink, secondButtonLink, bulletPointMenuButton, tags, title, selected, selectedColor, subtitle, dataColumns, order, "aria-label": ariaLabel, disabled, contentType, isBulkStyle, isOverflowHidden, onClick }: {
+declare function ListItem({ buttonLink, secondButtonLink, bulletPointMenuButton, tags, title, provider, selected, selectedColor, subtitle, dataColumns, order, "aria-label": ariaLabel, disabled, contentType, isBulkStyle, isOverflowHidden, onClick, leftIcon, editAsIcon }: {
     buttonLink: any;
     secondButtonLink: any;
     bulletPointMenuButton: any;
     tags: any;
     title: any;
+    provider: any;
     selected: any;
     selectedColor: any;
     subtitle: any;
@@ -16,6 +17,8 @@ declare function ListItem({ buttonLink, secondButtonLink, bulletPointMenuButton,
     isBulkStyle?: boolean | undefined;
     isOverflowHidden?: boolean | undefined;
     onClick?: import("lodash/fp").LodashNoop | undefined;
+    leftIcon: any;
+    editAsIcon?: boolean | undefined;
 }, context: any): JSX.Element;
 declare namespace ListItem {
     namespace contextTypes {
@@ -45,6 +48,7 @@ declare namespace ListItem {
     const propTypes: {
         title: PropTypes.Validator<string>;
         subtitle: PropTypes.Requireable<string>;
+        provider: PropTypes.Requireable<string>;
         selected: PropTypes.Requireable<boolean>;
         selectedColor: PropTypes.Requireable<string>;
         dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -97,6 +101,17 @@ declare namespace ListItem {
         'aria-label': PropTypes.Requireable<string>;
         contentType: PropTypes.Requireable<string>;
         id: PropTypes.Requireable<string>;
+        leftIcon: PropTypes.Requireable<PropTypes.InferProps<{
+            iconName: PropTypes.Requireable<string>;
+            iconColor: PropTypes.Requireable<string>;
+            backgroundColor: PropTypes.Requireable<string>;
+            borderRadius: PropTypes.Requireable<string>;
+            preset: PropTypes.Requireable<string>;
+            gradientBackground: PropTypes.Requireable<boolean>;
+            size: PropTypes.Requireable<number>;
+            wrapperSize: PropTypes.Requireable<number>;
+        }>>;
+        editAsIcon: PropTypes.Requireable<boolean>;
     };
 }
 import PropTypes from "prop-types";

package/lib/organism/list-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-item/index.js"],"names":[],"mappings":";AAaA;;;;;;;;;;;;;;;;;8BAwGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-item/index.js"],"names":[],"mappings":";AAaA;;;;;;;;;;;;;;;;;;;;8BAiJC"}