@coorpacademy/components 11.40.2-alpha.11.12 → 11.40.2-alpha.13.14

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

@@ -1,10 +1,11 @@
 export default CertificationCard;
-declare function CertificationCard(props: any, context: any): JSX.Element;
+declare function CertificationCard(props: any, context: any): JSX.Element | null;
 declare namespace CertificationCard {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
     }
     namespace propTypes {
+        const type: PropTypes.Validator<string>;
         const label: PropTypes.Requireable<string>;
         const goal: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;

package/es/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,0EA+DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/certification-card/index.js"],"names":[],"mappings":";AAQA,iFAiEC"}

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

@@ -7,6 +7,7 @@ import ProgressBar from '../progress-bar';
 import style from './style.css';
 const CertificationCard = (props, context) => {
   const {
+    type,
     label,
     locales: {
       conditionDescriptionProgress,
@@ -19,6 +20,7 @@ const CertificationCard = (props, context) => {
     imgUrl,
     onClick
   } = props;
+  if (type !== 'certification') return null;
   const {
     translate
   } = context;
@@ -92,6 +94,7 @@ CertificationCard.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
 CertificationCard.propTypes = process.env.NODE_ENV !== "production" ? {
+  type: PropTypes.oneOf(['certification']).isRequired,
   label: PropTypes.string,
   goal: PropTypes.shape({
     title: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","COLORS","Provider","Tag","ProgressBar","style","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","certificationIcon","createElement","className","container","type","top","right","icon","imageSection","imageContainer","src","detailWrapper","titleWrapper","moduleCount","dangerouslySetInnerHTML","__html","customProgressBar","cm_positive_500","displayInfo","value","max","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","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, 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  const certificationIcon = {iconName: 'wreath-laurel'};\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\" icon={certificationIcon} />\n          <div className={style.title} data-name=\"certification-title\">\n            {title}\n          </div>\n          <div\n            className={style.moduleCount}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: conditionDescriptionProgress}}\n          />\n        </div>\n        <ProgressBar\n          className={style.customProgressBar}\n          style={{backgroundColor: COLORS.cm_positive_500}}\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  locales: PropTypes.shape({\n    conditionDescriptionProgress: PropTypes.string,\n    tag: PropTypes.string\n  })\n};\n\nexport default CertificationCard;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","COLORS","Provider","Tag","ProgressBar","style","CertificationCard","props","context","type","label","locales","conditionDescriptionProgress","tag","goal","title","progress","imgUrl","onClick","translate","isInprogress","progressLabel","progressTagType","progressIconProps","position","iconName","iconColor","backgroundColor","size","faSize","wrapperSize","customStyle","padding","certificationIcon","createElement","className","container","top","right","icon","imageSection","imageContainer","src","detailWrapper","titleWrapper","moduleCount","dangerouslySetInnerHTML","__html","customProgressBar","cm_positive_500","displayInfo","value","max","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","oneOf","isRequired","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    type,\n    label,\n    locales: {conditionDescriptionProgress, tag},\n    goal: {title},\n    progress,\n    imgUrl,\n    onClick\n  } = props;\n  if (type !== 'certification') return null;\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  const certificationIcon = {iconName: 'wreath-laurel'};\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\" icon={certificationIcon} />\n          <div className={style.title} data-name=\"certification-title\">\n            {title}\n          </div>\n          <div\n            className={style.moduleCount}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: conditionDescriptionProgress}}\n          />\n        </div>\n        <ProgressBar\n          className={style.customProgressBar}\n          style={{backgroundColor: COLORS.cm_positive_500}}\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  type: PropTypes.oneOf(['certification']).isRequired,\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  locales: PropTypes.shape({\n    conditionDescriptionProgress: PropTypes.string,\n    tag: PropTypes.string\n  })\n};\n\nexport default CertificationCard;\n"],"mappings":"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","ignoreList":[]}

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

@@ -156,7 +156,7 @@ declare const propTypes: {
     items: PropTypes.Requireable<PropTypes.InferProps<{
         type: PropTypes.Requireable<string>;
         list: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-            list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+            list: PropTypes.Requireable<((PropTypes.InferPropsInner<Pick<any, any>> & Partial<PropTypes.InferPropsInner<Pick<any, never>>>) | null | undefined)[]>;
             customStyle: PropTypes.Requireable<{
                 [x: string]: string | null | undefined;
             }>;

package/es/molecule/learner-skill-card/index.d.ts

@@ -1,29 +1,28 @@
-import React from 'react';
-import { WebContextValues } from '../../atom/provider/web-context';
-import { LearnerSkillCardProps } from './prop-types';
-export declare const updateBackgroundImage: (ref: React.RefObject<HTMLDivElement>, background: string) => void;
-declare const LearnerSkillCard: {
-    (props: LearnerSkillCardProps, context: WebContextValues): JSX.Element;
-    contextTypes: {
-        translate: import("prop-types").Requireable<(...args: any[]) => any>;
-    };
-    propTypes: {
-        'aria-label': import("prop-types").Requireable<string>;
-        cardIndex: import("prop-types").Requireable<number>;
-        skillTitle: import("prop-types").Requireable<string>;
-        skillAriaLabel: import("prop-types").Requireable<string>;
-        focus: import("prop-types").Requireable<boolean>;
-        metrics: import("prop-types").Requireable<import("prop-types").InferProps<{
-            content: import("prop-types").Requireable<number>;
-            score: import("prop-types").Requireable<number>;
-            questionsToReview: import("prop-types").Requireable<number>;
+export function updateBackgroundImage(ref: any, background: any): void;
+export default LearnerSkillCard;
+declare function LearnerSkillCard(props: any, context: any): JSX.Element;
+declare namespace LearnerSkillCard {
+    namespace contextTypes {
+        const translate: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+    const propTypes: {
+        type: PropTypes.Validator<string>;
+        title: PropTypes.Validator<string>;
+        label: PropTypes.Requireable<string>;
+        'aria-label': PropTypes.Requireable<string>;
+        cardIndex: PropTypes.Requireable<number>;
+        focus: PropTypes.Requireable<boolean>;
+        progress: PropTypes.Requireable<number>;
+        metrics: PropTypes.Requireable<PropTypes.InferProps<{
+            content: PropTypes.Requireable<number>;
+            questionsToReview: PropTypes.Requireable<number>;
         }>>;
-        icon: import("prop-types").Requireable<import("prop-types").InferProps<{
-            color: import("prop-types").Requireable<string>;
-            name: import("prop-types").Requireable<string>;
+        icon: PropTypes.Requireable<PropTypes.InferProps<{
+            color: PropTypes.Requireable<string>;
+            name: PropTypes.Requireable<string>;
         }>>;
-        onExploreClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
     };
-};
-export default LearnerSkillCard;
+}
+import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/learner-skill-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learner-skill-card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAKjE,OAAkB,EAAC,qBAAqB,EAAC,MAAM,cAAc,CAAC;AAK9D,eAAO,MAAM,qBAAqB,QAAS,MAAM,SAAS,CAAC,cAAc,CAAC,cAAc,MAAM,SAI7F,CAAC;AAEF,QAAA,MAAM,gBAAgB;YAAW,qBAAqB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;CAoIhF,CAAC;AAQF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learner-skill-card/index.js"],"names":[],"mappings":"AAWO,uEAIN;;AACD,yEAsIC"}

package/es/molecule/learner-skill-card/index.js

@@ -1,10 +1,10 @@
 import React, { useCallback, useMemo, useRef } from 'react';
+import PropTypes from 'prop-types';
 import Provider, { GetTranslateFromContext } from '../../atom/provider';
 import ProgressBar from '../progress-bar';
 import { COLORS } from '../../variables/colors';
 import { createGradientBackground } from '../../util/get-background-gradient-color';
 import FaIcon from '../../atom/icon';
-import propTypes from './prop-types';
 import style from './style.css';
 const MAX_SCORE = 100;
 export const updateBackgroundImage = (ref, background) => {
@@ -16,15 +16,15 @@ const LearnerSkillCard = (props, context) => {
   const {
     'aria-label': ariaLabel,
     cardIndex,
-    skillTitle,
-    skillAriaLabel,
+    title,
+    label,
     focus,
     metrics,
+    progress,
     icon,
-    onExploreClick
+    onClick
   } = props;
   const {
-    score,
     content,
     questionsToReview = 0
   } = metrics;
@@ -45,7 +45,8 @@ const LearnerSkillCard = (props, context) => {
   }, [defaultBackground]);
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": `learner-skill-card-wrapper-${cardIndex}`,
-    onClick: onExploreClick,
+    "data-name": `skill-card-${label}`,
+    onClick: onClick,
     className: style.learnerSkillCardContainer,
     "aria-label": ariaLabel,
     onMouseEnter: handleMouseEnter,
@@ -99,8 +100,8 @@ const LearnerSkillCard = (props, context) => {
   }, /*#__PURE__*/React.createElement("div", {
     "data-name": "skill-card-title",
     className: style.skillTitle,
-    "aria-label": skillAriaLabel || skillTitle
-  }, skillTitle), /*#__PURE__*/React.createElement("div", {
+    "aria-label": ariaLabel || title
+  }, title), /*#__PURE__*/React.createElement("div", {
     className: style.contentAndQuestionsWrapper
   }, /*#__PURE__*/React.createElement("div", {
     "data-name": "learner-skill-card-skill-content-number"
@@ -134,7 +135,7 @@ const LearnerSkillCard = (props, context) => {
   })) : null)))), /*#__PURE__*/React.createElement("div", {
     className: style.progressInformations
   }, /*#__PURE__*/React.createElement(ProgressBar, {
-    value: score,
+    value: progress,
     displayInfo: false,
     max: MAX_SCORE,
     className: style.progressWrapper,
@@ -146,6 +147,23 @@ const LearnerSkillCard = (props, context) => {
 LearnerSkillCard.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
-LearnerSkillCard.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+LearnerSkillCard.propTypes = process.env.NODE_ENV !== "production" ? {
+  type: PropTypes.oneOf(['skill']).isRequired,
+  title: PropTypes.string.isRequired,
+  label: PropTypes.string,
+  'aria-label': PropTypes.string,
+  cardIndex: PropTypes.number,
+  focus: PropTypes.bool,
+  progress: PropTypes.number,
+  metrics: PropTypes.shape({
+    content: PropTypes.number,
+    questionsToReview: PropTypes.number
+  }),
+  icon: PropTypes.shape({
+    color: PropTypes.string,
+    name: PropTypes.string
+  }),
+  onClick: PropTypes.func
+} : {};
 export default LearnerSkillCard;
 //# sourceMappingURL=index.js.map

package/es/molecule/learner-skill-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useRef","Provider","GetTranslateFromContext","ProgressBar","COLORS","createGradientBackground","FaIcon","propTypes","style","MAX_SCORE","updateBackgroundImage","ref","background","current","backgroundImage","LearnerSkillCard","props","context","ariaLabel","cardIndex","skillTitle","skillAriaLabel","focus","metrics","icon","onExploreClick","score","content","questionsToReview","translate","color","name","badgeIconName","badgeLocale","tagTextColor","tagBackgroundColor","purple_700","purple_100","neutral_500","cm_grey_100","headerBackgroundRef","defaultBackground","focusBackground","handleMouseEnter","handleMouseLeave","createElement","onClick","className","learnerSkillCardContainer","onMouseEnter","onMouseLeave","iconHeaderWrapper","iconWrapper","iconName","iconColor","size","faSize","wrapperSize","borderRadius","gradientBackground","customStyle","border","learnerSkillCardContent","skillTitleWrapper","skillFocusBadge","backgroundColor","questionWrapper","contentAndQuestionsWrapper","dangerouslySetInnerHTML","__html","count","skillInformation","cm_grey_400","progressInformations","value","displayInfo","max","progressWrapper","cm_positive_500","contextTypes","childContextTypes","process","env","NODE_ENV"],"sources":["../../../src/molecule/learner-skill-card/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useRef} from 'react';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport FaIcon from '../../atom/icon';\nimport propTypes, {LearnerSkillCardProps} from './prop-types';\nimport style from './style.css';\n\nconst MAX_SCORE = 100;\n\nexport const updateBackgroundImage = (ref: React.RefObject<HTMLDivElement>, background: string) => {\n  if (ref.current) {\n    ref.current.style.backgroundImage = background;\n  }\n};\n\nconst LearnerSkillCard = (props: LearnerSkillCardProps, context: WebContextValues) => {\n  const {\n    'aria-label': ariaLabel,\n    cardIndex,\n    skillTitle,\n    skillAriaLabel,\n    focus,\n    metrics,\n    icon,\n    onExploreClick\n  } = props;\n  const {score, content, questionsToReview = 0} = metrics;\n  const translate = GetTranslateFromContext(context);\n  const {color, name} = icon;\n  const [badgeIconName, badgeLocale, tagTextColor, tagBackgroundColor] = focus\n    ? ['bullseye-arrow', translate('skill_focus') as string, COLORS.purple_700, COLORS.purple_100]\n    : ['shapes', translate('skill') as string, COLORS.neutral_500, COLORS.cm_grey_100];\n  const headerBackgroundRef = useRef<HTMLDivElement | null>(null);\n  const defaultBackground = useMemo(() => createGradientBackground(color, '93%', '100%'), [color]);\n  const focusBackground = useMemo(() => createGradientBackground(color, '83%', '100%'), [color]);\n  const handleMouseEnter = useCallback(() => {\n    updateBackgroundImage(headerBackgroundRef, focusBackground);\n  }, [focusBackground]);\n  const handleMouseLeave = useCallback(() => {\n    updateBackgroundImage(headerBackgroundRef, defaultBackground);\n  }, [defaultBackground]);\n  return (\n    <div\n      data-testid={`learner-skill-card-wrapper-${cardIndex}`}\n      onClick={onExploreClick}\n      className={style.learnerSkillCardContainer}\n      aria-label={ariaLabel}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <div\n        data-testid=\"learner-skill-card-icon-header-wrapper\"\n        ref={headerBackgroundRef}\n        className={style.iconHeaderWrapper}\n        style={{backgroundImage: defaultBackground, color: tagTextColor}}\n      >\n        <div className={style.iconWrapper} data-testid=\"learner-skill-card-icon-wrapper\">\n          <FaIcon\n            {...{\n              iconName: name,\n              iconColor: color,\n              size: {\n                faSize: 20,\n                wrapperSize: 44\n              },\n              borderRadius: '12px',\n              gradientBackground: true,\n              customStyle: {border: '4px solid white'}\n            }}\n          />\n        </div>\n      </div>\n      <div className={style.learnerSkillCardContent}>\n        <div className={style.skillTitleWrapper}>\n          <div\n            className={style.skillFocusBadge}\n            style={{\n              backgroundColor: tagBackgroundColor,\n              color: tagTextColor\n            }}\n          >\n            <FaIcon\n              {...{\n                iconName: badgeIconName,\n                backgroundColor: tagBackgroundColor,\n                size: {\n                  faSize: 10,\n                  wrapperSize: 16\n                }\n              }}\n            />\n            <span style={{color: tagTextColor}}>{badgeLocale}</span>\n          </div>\n\n          <div className={style.questionWrapper}>\n            <div\n              data-name=\"skill-card-title\"\n              className={style.skillTitle}\n              aria-label={skillAriaLabel || skillTitle}\n            >\n              {skillTitle}\n            </div>\n            <div className={style.contentAndQuestionsWrapper}>\n              <div\n                data-name=\"learner-skill-card-skill-content-number\"\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: translate('content', {count: content})}}\n              />\n              {questionsToReview ? (\n                <div\n                  className={style.skillInformation}\n                  data-name=\"learner-skill-card-skill-questions-wrapper\"\n                >\n                  <FaIcon\n                    {...{\n                      iconName: 'circle',\n                      iconColor: COLORS.cm_grey_400,\n                      backgroundColor: 'transparent',\n                      size: {faSize: 4, wrapperSize: 0}\n                    }}\n                  />\n                  <span\n                    data-name=\"learner-skill-card-questions-to-review\"\n                    // eslint-disable-next-line react/no-danger\n                    dangerouslySetInnerHTML={{\n                      __html: translate('skill_chart_side_panel_questions_to_review', {\n                        count: questionsToReview\n                      })\n                    }}\n                  />\n                </div>\n              ) : null}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className={style.progressInformations}>\n        <ProgressBar\n          value={score}\n          displayInfo={false}\n          max={MAX_SCORE}\n          className={style.progressWrapper}\n          style={{backgroundColor: COLORS.cm_positive_500}}\n        />\n      </div>\n    </div>\n  );\n};\n\nLearnerSkillCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nLearnerSkillCard.propTypes = propTypes;\n\nexport default LearnerSkillCard;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useRef","PropTypes","Provider","GetTranslateFromContext","ProgressBar","COLORS","createGradientBackground","FaIcon","style","MAX_SCORE","updateBackgroundImage","ref","background","current","backgroundImage","LearnerSkillCard","props","context","ariaLabel","cardIndex","title","label","focus","metrics","progress","icon","onClick","content","questionsToReview","translate","color","name","badgeIconName","badgeLocale","tagTextColor","tagBackgroundColor","purple_700","purple_100","neutral_500","cm_grey_100","headerBackgroundRef","defaultBackground","focusBackground","handleMouseEnter","handleMouseLeave","createElement","className","learnerSkillCardContainer","onMouseEnter","onMouseLeave","iconHeaderWrapper","iconWrapper","iconName","iconColor","size","faSize","wrapperSize","borderRadius","gradientBackground","customStyle","border","learnerSkillCardContent","skillTitleWrapper","skillFocusBadge","backgroundColor","questionWrapper","skillTitle","contentAndQuestionsWrapper","dangerouslySetInnerHTML","__html","count","skillInformation","cm_grey_400","progressInformations","value","displayInfo","max","progressWrapper","cm_positive_500","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","type","oneOf","isRequired","string","number","bool","shape","func"],"sources":["../../../src/molecule/learner-skill-card/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport FaIcon from '../../atom/icon';\nimport style from './style.css';\n\nconst MAX_SCORE = 100;\n\nexport const updateBackgroundImage = (ref, background) => {\n  if (ref.current) {\n    ref.current.style.backgroundImage = background;\n  }\n};\nconst LearnerSkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    cardIndex,\n    title,\n    label,\n    focus,\n    metrics,\n    progress,\n    icon,\n    onClick\n  } = props;\n  const {content, questionsToReview = 0} = metrics;\n  const translate = GetTranslateFromContext(context);\n  const {color, name} = icon;\n  const [badgeIconName, badgeLocale, tagTextColor, tagBackgroundColor] = focus\n    ? ['bullseye-arrow', translate('skill_focus'), COLORS.purple_700, COLORS.purple_100]\n    : ['shapes', translate('skill'), COLORS.neutral_500, COLORS.cm_grey_100];\n  const headerBackgroundRef = useRef(null);\n  const defaultBackground = useMemo(() => createGradientBackground(color, '93%', '100%'), [color]);\n  const focusBackground = useMemo(() => createGradientBackground(color, '83%', '100%'), [color]);\n  const handleMouseEnter = useCallback(() => {\n    updateBackgroundImage(headerBackgroundRef, focusBackground);\n  }, [focusBackground]);\n  const handleMouseLeave = useCallback(() => {\n    updateBackgroundImage(headerBackgroundRef, defaultBackground);\n  }, [defaultBackground]);\n  return (\n    <div\n      data-testid={`learner-skill-card-wrapper-${cardIndex}`}\n      data-name={`skill-card-${label}`}\n      onClick={onClick}\n      className={style.learnerSkillCardContainer}\n      aria-label={ariaLabel}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <div\n        data-testid=\"learner-skill-card-icon-header-wrapper\"\n        ref={headerBackgroundRef}\n        className={style.iconHeaderWrapper}\n        style={{backgroundImage: defaultBackground, color: tagTextColor}}\n      >\n        <div className={style.iconWrapper} data-testid=\"learner-skill-card-icon-wrapper\">\n          <FaIcon\n            {...{\n              iconName: name,\n              iconColor: color,\n              size: {\n                faSize: 20,\n                wrapperSize: 44\n              },\n              borderRadius: '12px',\n              gradientBackground: true,\n              customStyle: {border: '4px solid white'}\n            }}\n          />\n        </div>\n      </div>\n      <div className={style.learnerSkillCardContent}>\n        <div className={style.skillTitleWrapper}>\n          <div\n            className={style.skillFocusBadge}\n            style={{\n              backgroundColor: tagBackgroundColor,\n              color: tagTextColor\n            }}\n          >\n            <FaIcon\n              {...{\n                iconName: badgeIconName,\n                backgroundColor: tagBackgroundColor,\n                size: {\n                  faSize: 10,\n                  wrapperSize: 16\n                }\n              }}\n            />\n            <span style={{color: tagTextColor}}>{badgeLocale}</span>\n          </div>\n\n          <div className={style.questionWrapper}>\n            <div\n              data-name=\"skill-card-title\"\n              className={style.skillTitle}\n              aria-label={ariaLabel || title}\n            >\n              {title}\n            </div>\n            <div className={style.contentAndQuestionsWrapper}>\n              <div\n                data-name=\"learner-skill-card-skill-content-number\"\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: translate('content', {count: content})}}\n              />\n              {questionsToReview ? (\n                <div\n                  className={style.skillInformation}\n                  data-name=\"learner-skill-card-skill-questions-wrapper\"\n                >\n                  <FaIcon\n                    {...{\n                      iconName: 'circle',\n                      iconColor: COLORS.cm_grey_400,\n                      backgroundColor: 'transparent',\n                      size: {faSize: 4, wrapperSize: 0}\n                    }}\n                  />\n                  <span\n                    data-name=\"learner-skill-card-questions-to-review\"\n                    // eslint-disable-next-line react/no-danger\n                    dangerouslySetInnerHTML={{\n                      __html: translate('skill_chart_side_panel_questions_to_review', {\n                        count: questionsToReview\n                      })\n                    }}\n                  />\n                </div>\n              ) : null}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className={style.progressInformations}>\n        <ProgressBar\n          value={progress}\n          displayInfo={false}\n          max={MAX_SCORE}\n          className={style.progressWrapper}\n          style={{backgroundColor: COLORS.cm_positive_500}}\n        />\n      </div>\n    </div>\n  );\n};\n\nLearnerSkillCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nLearnerSkillCard.propTypes = {\n  type: PropTypes.oneOf(['skill']).isRequired,\n  title: PropTypes.string.isRequired,\n  label: PropTypes.string,\n  'aria-label': PropTypes.string,\n  cardIndex: PropTypes.number,\n  focus: PropTypes.bool,\n  progress: PropTypes.number,\n  metrics: PropTypes.shape({\n    content: PropTypes.number,\n    questionsToReview: PropTypes.number\n  }),\n  icon: PropTypes.shape({\n    color: PropTypes.string,\n    name: PropTypes.string\n  }),\n  onClick: PropTypes.func\n};\nexport default LearnerSkillCard;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,10 +1,11 @@
 export default PlaylistCard;
-declare function PlaylistCard(props: any, context: any): JSX.Element;
+declare function PlaylistCard(props: any, context: any): JSX.Element | null;
 declare namespace PlaylistCard {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
     }
     namespace propTypes {
+        const type: PropTypes.Validator<string>;
         const label: PropTypes.Requireable<string>;
         const title: PropTypes.Validator<string>;
         const progress: PropTypes.Requireable<number>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/playlist-card/index.js"],"names":[],"mappings":";AASA,qEAuCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/playlist-card/index.js"],"names":[],"mappings":";AASA,4EAwCC"}

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

@@ -8,6 +8,7 @@ import PlaylistDetailCover from '../playlist-detail-cover';
 import style from './style.css';
 const PlaylistCard = (props, context) => {
   const {
+    type,
     label,
     title,
     progress = 0,
@@ -18,6 +19,7 @@ const PlaylistCard = (props, context) => {
       coursesLabel
     }
   } = props;
+  if (type !== 'playlist') return null;
   const cover = coverImages ? /*#__PURE__*/React.createElement(PlaylistDetailCover, {
     className: style.cover,
     images: coverImages
@@ -63,6 +65,7 @@ PlaylistCard.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
 PlaylistCard.propTypes = process.env.NODE_ENV !== "production" ? {
+  type: PropTypes.oneOf(['playlist']).isRequired,
   label: PropTypes.string,
   title: PropTypes.string.isRequired,
   progress: PropTypes.number,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","COLORS","Provider","Tag","ProgressBar","PlaylistDetailCover","style","PlaylistCard","props","context","label","title","progress","coverImages","onClick","locales","playlistTag","coursesLabel","cover","createElement","className","images","icon","iconName","container","imageContainer","detailWrapper","titleWrapper","size","courseCount","dangerouslySetInnerHTML","__html","customProgressBar","backgroundColor","cm_positive_500","displayInfo","value","max","contextTypes","translate","childContextTypes","propTypes","process","env","NODE_ENV","string","isRequired","number","func","shape","defaultProps"],"sources":["../../../src/molecule/playlist-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 PlaylistDetailCover from '../playlist-detail-cover';\nimport style from './style.css';\n\nconst PlaylistCard = (props, context) => {\n  const {\n    label,\n    title,\n    progress = 0,\n    coverImages,\n    onClick,\n    locales: {playlistTag, coursesLabel}\n  } = props;\n\n  const cover = coverImages ? (\n    <PlaylistDetailCover className={style.cover} images={coverImages} />\n  ) : null;\n  const icon = {iconName: 'lines-leaning'};\n  return (\n    <div className={style.container} data-name={`playlist-card-${label}`} onClick={onClick}>\n      <div className={style.imageContainer}>{cover}</div>\n      <div className={style.detailWrapper}>\n        <div className={style.titleWrapper}>\n          <Tag label={playlistTag} size=\"S\" icon={icon} />\n          <div className={style.title} data-name=\"playlist-title\">\n            {title}\n          </div>\n          <div\n            className={style.courseCount}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: coursesLabel}}\n          />\n        </div>\n        <ProgressBar\n          className={style.customProgressBar}\n          style={{backgroundColor: COLORS.cm_positive_500}}\n          displayInfo={false}\n          value={progress}\n          max={100}\n        />\n      </div>\n    </div>\n  );\n};\n\nPlaylistCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nPlaylistCard.propTypes = {\n  label: PropTypes.string,\n  title: PropTypes.string.isRequired,\n  progress: PropTypes.number,\n  coverImages: PlaylistDetailCover.propTypes.images,\n  onClick: PropTypes.func,\n  locales: PropTypes.shape({\n    playlistTag: PropTypes.string,\n    coursesLabel: PropTypes.string\n  })\n};\n\nPlaylistCard.defaultProps = {\n  locales: {\n    playlistTag: 'Playlist',\n    coursesLabel: 'courses'\n  }\n};\n\nexport default PlaylistCard;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","COLORS","Provider","Tag","ProgressBar","PlaylistDetailCover","style","PlaylistCard","props","context","type","label","title","progress","coverImages","onClick","locales","playlistTag","coursesLabel","cover","createElement","className","images","icon","iconName","container","imageContainer","detailWrapper","titleWrapper","size","courseCount","dangerouslySetInnerHTML","__html","customProgressBar","backgroundColor","cm_positive_500","displayInfo","value","max","contextTypes","translate","childContextTypes","propTypes","process","env","NODE_ENV","oneOf","isRequired","string","number","func","shape","defaultProps"],"sources":["../../../src/molecule/playlist-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 PlaylistDetailCover from '../playlist-detail-cover';\nimport style from './style.css';\n\nconst PlaylistCard = (props, context) => {\n  const {\n    type,\n    label,\n    title,\n    progress = 0,\n    coverImages,\n    onClick,\n    locales: {playlistTag, coursesLabel}\n  } = props;\n  if (type !== 'playlist') return null;\n  const cover = coverImages ? (\n    <PlaylistDetailCover className={style.cover} images={coverImages} />\n  ) : null;\n  const icon = {iconName: 'lines-leaning'};\n  return (\n    <div className={style.container} data-name={`playlist-card-${label}`} onClick={onClick}>\n      <div className={style.imageContainer}>{cover}</div>\n      <div className={style.detailWrapper}>\n        <div className={style.titleWrapper}>\n          <Tag label={playlistTag} size=\"S\" icon={icon} />\n          <div className={style.title} data-name=\"playlist-title\">\n            {title}\n          </div>\n          <div\n            className={style.courseCount}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: coursesLabel}}\n          />\n        </div>\n        <ProgressBar\n          className={style.customProgressBar}\n          style={{backgroundColor: COLORS.cm_positive_500}}\n          displayInfo={false}\n          value={progress}\n          max={100}\n        />\n      </div>\n    </div>\n  );\n};\n\nPlaylistCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nPlaylistCard.propTypes = {\n  type: PropTypes.oneOf(['playlist']).isRequired,\n  label: PropTypes.string,\n  title: PropTypes.string.isRequired,\n  progress: PropTypes.number,\n  coverImages: PlaylistDetailCover.propTypes.images,\n  onClick: PropTypes.func,\n  locales: PropTypes.shape({\n    playlistTag: PropTypes.string,\n    coursesLabel: PropTypes.string\n  })\n};\n\nPlaylistCard.defaultProps = {\n  locales: {\n    playlistTag: 'Playlist',\n    coursesLabel: 'courses'\n  }\n};\n\nexport default PlaylistCard;\n"],"mappings":"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","ignoreList":[]}

package/es/organism/cards-grid/index.d.ts

@@ -31,6 +31,34 @@ export interface CardProps {
     'badge-aria-label'?: string;
     'disabled-aria-label'?: string;
     'card-content-aria-label'?: string;
+    cardIndex?: number;
+    focus?: boolean;
+    metrics?: {
+        content?: number;
+        questionsToReview?: number;
+    };
+    icon?: {
+        color: string;
+        name: string;
+    };
+    label?: string;
+    goal?: {
+        title?: string;
+        condition?: {
+            nbDone?: number;
+        };
+    };
+    imgUrl?: string;
+    locales?: {
+        conditionDescriptionProgress?: string;
+        tag?: string;
+        playlistTag?: string;
+        coursesLabel?: string;
+    };
+    coverImages?: {
+        url: string;
+        title: string;
+    }[];
 }
 export interface CardsGridProps {
     list: CardProps[];
@@ -40,7 +68,7 @@ export interface CardsGridProps {
 declare const CardsGrid: {
     (props: CardsGridProps): JSX.Element;
     propTypes: {
-        list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+        list: PropTypes.Requireable<((PropTypes.InferPropsInner<Pick<any, any>> & Partial<PropTypes.InferPropsInner<Pick<any, never>>>) | null | undefined)[]>;
         customStyle: PropTypes.Requireable<{
             [x: string]: string | null | undefined;
         }>;

package/es/organism/cards-grid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/cards-grid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC,MAAM,WAAW,SAAS;IACxB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,SAAS;YAAW,cAAc;;;;;;;;CAuBvC,CAAC;AASF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/cards-grid/index.tsx"],"names":[],"mappings":"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"}

package/es/organism/cards-grid/index.js

@@ -1,8 +1,12 @@
+import _uniqueId from "lodash/fp/uniqueId";
 import _map from "lodash/fp/map";
 import React from 'react';
 import PropTypes from 'prop-types';
 import Card from '../../molecule/card';
 import Loader from '../../atom/loader';
+import CertificationCard from '../../molecule/certification-card';
+import PlaylistCard from '../../molecule/playlist-card';
+import LearnerSkillCard from '../../molecule/learner-skill-card';
 import style from './style.css';
 const CardsGrid = props => {
   const {
@@ -13,21 +17,32 @@ const CardsGrid = props => {
   const loader = loading ? /*#__PURE__*/React.createElement("div", {
     className: style.loader
   }, /*#__PURE__*/React.createElement(Loader, null)) : null;
-  const cards = _map(cardProps => {
-    return /*#__PURE__*/React.createElement("div", {
-      "data-name": "cardGrid",
-      className: style.card,
-      key: cardProps.key
-    }, /*#__PURE__*/React.createElement(Card, cardProps));
-  }, list);
+  const renderCardByType = cardProps => {
+    switch (cardProps.type) {
+      case 'skill':
+        return /*#__PURE__*/React.createElement(LearnerSkillCard, cardProps);
+      case 'certification':
+        return /*#__PURE__*/React.createElement(CertificationCard, cardProps);
+      case 'playlist':
+        return /*#__PURE__*/React.createElement(PlaylistCard, cardProps);
+      default:
+        return /*#__PURE__*/React.createElement(Card, cardProps);
+    }
+  };
+  const cards = _map(cardProps => /*#__PURE__*/React.createElement("div", {
+    "data-name": "cardGrid",
+    className: style.card,
+    key: _uniqueId('card')
+  }, renderCardByType(cardProps)), list);
   return /*#__PURE__*/React.createElement("div", {
     className: style.defaultStyle,
     style: customStyle
   }, cards, loader);
 };
 CardsGrid.propTypes = process.env.NODE_ENV !== "production" ? {
+  list: PropTypes.arrayOf(PropTypes.oneOfType([
   // @ts-expect-error component is not typed & wrapped into memo
-  list: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),
+  PropTypes.shape(Card.propTypes), PropTypes.shape(LearnerSkillCard.propTypes), PropTypes.shape(CertificationCard.propTypes), PropTypes.shape(PlaylistCard.propTypes)])),
   customStyle: PropTypes.objectOf(PropTypes.string),
   loading: PropTypes.bool
 } : {};

package/es/organism/cards-grid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Card","Loader","style","CardsGrid","props","list","customStyle","loading","loader","createElement","className","cards","_map","cardProps","card","key","defaultStyle","propTypes","process","env","NODE_ENV","arrayOf","shape","objectOf","string","bool"],"sources":["../../../src/organism/cards-grid/index.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Card from '../../molecule/card';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nexport interface CardProps {\n  key?: React.Key;\n  badge?: string;\n  image?: string;\n  disabled?: boolean;\n  adaptiv?: boolean;\n  type?: string;\n  title?: string;\n  author?: string;\n  certifiedAuthor?: boolean;\n  customer?: Record<string, unknown>;\n  progress: number;\n  favorite?: boolean;\n  addFavoriteToolTip?: string;\n  removeFavoriteToolTip?: string;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n  onFavoriteClick?: () => void;\n  isSelected?: boolean;\n  notification?: Record<string, unknown>;\n  badgeCategory?: string;\n  badgeLabel?: string;\n  theme?: 'default' | 'coorpmanager';\n  disabledContent?: string;\n  'aria-label'?: string;\n  'background-aria-label'?: string;\n  'favorite-aria-label'?: string;\n  'selectable-aria-label'?: string;\n  'customer-aria-label'?: string;\n  'badge-aria-label'?: string;\n  'disabled-aria-label'?: string;\n  'card-content-aria-label'?: string;\n}\n\nexport interface CardsGridProps {\n  list: CardProps[];\n  customStyle?: Record<string, string>;\n  loading?: boolean;\n}\n\nconst CardsGrid = (props: CardsGridProps) => {\n  const {list = [], customStyle = {}, loading = false} = props;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  const cards = map(cardProps => {\n    return (\n      <div data-name=\"cardGrid\" className={style.card} key={cardProps.key}>\n        <Card {...cardProps} />\n      </div>\n    );\n  }, list);\n\n  return (\n    <div className={style.defaultStyle} style={customStyle}>\n      {cards}\n      {loader}\n    </div>\n  );\n};\n\nCardsGrid.propTypes = {\n  // @ts-expect-error component is not typed & wrapped into memo\n  list: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  customStyle: PropTypes.objectOf(PropTypes.string),\n  loading: PropTypes.bool\n};\n\nexport default CardsGrid;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,IAAI,MAAM,qBAAqB;AACtC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAyC/B,MAAMC,SAAS,GAAIC,KAAqB,IAAK;EAC3C,MAAM;IAACC,IAAI,GAAG,EAAE;IAAEC,WAAW,GAAG,CAAC,CAAC;IAAEC,OAAO,GAAG;EAAK,CAAC,GAAGH,KAAK;EAE5D,MAAMI,MAAM,GAAGD,OAAO,gBACpBT,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAER,KAAK,CAACM;EAAO,gBAC3BV,KAAA,CAAAW,aAAA,CAACR,MAAM,MAAE,CACN,CAAC,GACJ,IAAI;EAER,MAAMU,KAAK,GAAGC,IAAA,CAAIC,SAAS,IAAI;IAC7B,oBACEf,KAAA,CAAAW,aAAA;MAAK,aAAU,UAAU;MAACC,SAAS,EAAER,KAAK,CAACY,IAAK;MAACC,GAAG,EAAEF,SAAS,CAACE;IAAI,gBAClEjB,KAAA,CAAAW,aAAA,CAACT,IAAI,EAAKa,SAAY,CACnB,CAAC;EAEV,CAAC,EAAER,IAAI,CAAC;EAER,oBACEP,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAER,KAAK,CAACc,YAAa;IAACd,KAAK,EAAEI;EAAY,GACpDK,KAAK,EACLH,MACE,CAAC;AAEV,CAAC;AAEDL,SAAS,CAACc,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpB;EACAf,IAAI,EAAEN,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACuB,KAAK,CAACtB,IAAI,CAACiB,SAAS,CAAC,CAAC;EACxDX,WAAW,EAAEP,SAAS,CAACwB,QAAQ,CAACxB,SAAS,CAACyB,MAAM,CAAC;EACjDjB,OAAO,EAAER,SAAS,CAAC0B;AACrB,CAAC;AAED,eAAetB,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Card","Loader","CertificationCard","PlaylistCard","LearnerSkillCard","style","CardsGrid","props","list","customStyle","loading","loader","createElement","className","renderCardByType","cardProps","type","cards","_map","card","key","_uniqueId","defaultStyle","propTypes","process","env","NODE_ENV","arrayOf","oneOfType","shape","objectOf","string","bool"],"sources":["../../../src/organism/cards-grid/index.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, uniqueId} from 'lodash/fp';\nimport Card from '../../molecule/card';\nimport Loader from '../../atom/loader';\nimport CertificationCard from '../../molecule/certification-card';\nimport PlaylistCard from '../../molecule/playlist-card';\nimport LearnerSkillCard from '../../molecule/learner-skill-card';\nimport style from './style.css';\n\nexport interface CardProps {\n  key?: React.Key;\n  badge?: string;\n  image?: string;\n  disabled?: boolean;\n  adaptiv?: boolean;\n  type?: string;\n  title?: string;\n  author?: string;\n  certifiedAuthor?: boolean;\n  customer?: Record<string, unknown>;\n  progress: number;\n  favorite?: boolean;\n  addFavoriteToolTip?: string;\n  removeFavoriteToolTip?: string;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n  onFavoriteClick?: () => void;\n  isSelected?: boolean;\n  notification?: Record<string, unknown>;\n  badgeCategory?: string;\n  badgeLabel?: string;\n  theme?: 'default' | 'coorpmanager';\n  disabledContent?: string;\n  'aria-label'?: string;\n  'background-aria-label'?: string;\n  'favorite-aria-label'?: string;\n  'selectable-aria-label'?: string;\n  'customer-aria-label'?: string;\n  'badge-aria-label'?: string;\n  'disabled-aria-label'?: string;\n  'card-content-aria-label'?: string;\n  cardIndex?: number;\n  focus?: boolean;\n  metrics?: {\n    content?: number;\n    questionsToReview?: number;\n  };\n  icon?: {\n    color: string;\n    name: string;\n  };\n  label?: string;\n  goal?: {\n    title?: string;\n    condition?: {\n      nbDone?: number;\n    };\n  };\n  imgUrl?: string;\n  locales?: {\n    conditionDescriptionProgress?: string;\n    tag?: string;\n    playlistTag?: string;\n    coursesLabel?: string;\n  };\n  coverImages?: {\n    url: string;\n    title: string;\n  }[];\n}\n\nexport interface CardsGridProps {\n  list: CardProps[];\n  customStyle?: Record<string, string>;\n  loading?: boolean;\n}\n\nconst CardsGrid = (props: CardsGridProps) => {\n  const {list = [], customStyle = {}, loading = false} = props;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  const renderCardByType = (cardProps: any) => {\n    switch (cardProps.type) {\n      case 'skill':\n        return <LearnerSkillCard {...cardProps} />;\n      case 'certification':\n        return <CertificationCard {...cardProps} />;\n      case 'playlist':\n        return <PlaylistCard {...cardProps} />;\n      default:\n        return <Card {...cardProps} />;\n    }\n  };\n\n  const cards = map(\n    cardProps => (\n      <div data-name=\"cardGrid\" className={style.card} key={uniqueId('card')}>\n        {renderCardByType(cardProps)}\n      </div>\n    ),\n    list\n  );\n\n  return (\n    <div className={style.defaultStyle} style={customStyle}>\n      {cards}\n      {loader}\n    </div>\n  );\n};\n\nCardsGrid.propTypes = {\n  list: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      // @ts-expect-error component is not typed & wrapped into memo\n      PropTypes.shape(Card.propTypes),\n      PropTypes.shape(LearnerSkillCard.propTypes),\n      PropTypes.shape(CertificationCard.propTypes),\n      PropTypes.shape(PlaylistCard.propTypes)\n    ])\n  ),\n  customStyle: PropTypes.objectOf(PropTypes.string),\n  loading: PropTypes.bool\n};\n\nexport default CardsGrid;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,IAAI,MAAM,qBAAqB;AACtC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,iBAAiB,MAAM,mCAAmC;AACjE,OAAOC,YAAY,MAAM,8BAA8B;AACvD,OAAOC,gBAAgB,MAAM,mCAAmC;AAChE,OAAOC,KAAK,MAAM,aAAa;AAqE/B,MAAMC,SAAS,GAAIC,KAAqB,IAAK;EAC3C,MAAM;IAACC,IAAI,GAAG,EAAE;IAAEC,WAAW,GAAG,CAAC,CAAC;IAAEC,OAAO,GAAG;EAAK,CAAC,GAAGH,KAAK;EAE5D,MAAMI,MAAM,GAAGD,OAAO,gBACpBZ,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAER,KAAK,CAACM;EAAO,gBAC3Bb,KAAA,CAAAc,aAAA,CAACX,MAAM,MAAE,CACN,CAAC,GACJ,IAAI;EAER,MAAMa,gBAAgB,GAAIC,SAAc,IAAK;IAC3C,QAAQA,SAAS,CAACC,IAAI;MACpB,KAAK,OAAO;QACV,oBAAOlB,KAAA,CAAAc,aAAA,CAACR,gBAAgB,EAAKW,SAAY,CAAC;MAC5C,KAAK,eAAe;QAClB,oBAAOjB,KAAA,CAAAc,aAAA,CAACV,iBAAiB,EAAKa,SAAY,CAAC;MAC7C,KAAK,UAAU;QACb,oBAAOjB,KAAA,CAAAc,aAAA,CAACT,YAAY,EAAKY,SAAY,CAAC;MACxC;QACE,oBAAOjB,KAAA,CAAAc,aAAA,CAACZ,IAAI,EAAKe,SAAY,CAAC;IAClC;EACF,CAAC;EAED,MAAME,KAAK,GAAGC,IAAA,CACZH,SAAS,iBACPjB,KAAA,CAAAc,aAAA;IAAK,aAAU,UAAU;IAACC,SAAS,EAAER,KAAK,CAACc,IAAK;IAACC,GAAG,EAAEC,SAAA,CAAS,MAAM;EAAE,GACpEP,gBAAgB,CAACC,SAAS,CACxB,CACN,EACDP,IACF,CAAC;EAED,oBACEV,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAER,KAAK,CAACiB,YAAa;IAACjB,KAAK,EAAEI;EAAY,GACpDQ,KAAK,EACLN,MACE,CAAC;AAEV,CAAC;AAEDL,SAAS,CAACiB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBlB,IAAI,EAAET,SAAS,CAAC4B,OAAO,CACrB5B,SAAS,CAAC6B,SAAS,CAAC;EAClB;EACA7B,SAAS,CAAC8B,KAAK,CAAC7B,IAAI,CAACuB,SAAS,CAAC,EAC/BxB,SAAS,CAAC8B,KAAK,CAACzB,gBAAgB,CAACmB,SAAS,CAAC,EAC3CxB,SAAS,CAAC8B,KAAK,CAAC3B,iBAAiB,CAACqB,SAAS,CAAC,EAC5CxB,SAAS,CAAC8B,KAAK,CAAC1B,YAAY,CAACoB,SAAS,CAAC,CACxC,CACH,CAAC;EACDd,WAAW,EAAEV,SAAS,CAAC+B,QAAQ,CAAC/B,SAAS,CAACgC,MAAM,CAAC;EACjDrB,OAAO,EAAEX,SAAS,CAACiC;AACrB,CAAC;AAED,eAAe1B,SAAS","ignoreList":[]}

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

@@ -155,7 +155,7 @@ declare namespace PlayerLoading {
             items: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
                 list: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-                    list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                    list: PropTypes.Requireable<((PropTypes.InferPropsInner<Pick<any, any>> & Partial<PropTypes.InferPropsInner<Pick<any, never>>>) | null | undefined)[]>;
                     customStyle: PropTypes.Requireable<{
                         [x: string]: string | null | undefined;
                     }>;

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

@@ -206,7 +206,7 @@ declare namespace SlidePlayer {
                 items: PropTypes.Requireable<PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
                     list: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-                        list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                        list: PropTypes.Requireable<((PropTypes.InferPropsInner<Pick<any, any>> & Partial<PropTypes.InferPropsInner<Pick<any, never>>>) | null | undefined)[]>;
                         customStyle: PropTypes.Requireable<{
                             [x: string]: string | null | undefined;
                         }>;
@@ -1014,7 +1014,7 @@ declare namespace SlidePlayer {
             items: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
                 list: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-                    list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                    list: PropTypes.Requireable<((PropTypes.InferPropsInner<Pick<any, any>> & Partial<PropTypes.InferPropsInner<Pick<any, never>>>) | null | undefined)[]>;
                     customStyle: PropTypes.Requireable<{
                         [x: string]: string | null | undefined;
                     }>;

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

@@ -212,7 +212,7 @@ declare namespace SlidesPlayer {
             items: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
                 list: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-                    list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                    list: PropTypes.Requireable<((PropTypes.InferPropsInner<Pick<any, any>> & Partial<PropTypes.InferPropsInner<Pick<any, never>>>) | null | undefined)[]>;
                     customStyle: PropTypes.Requireable<{
                         [x: string]: string | null | undefined;
                     }>;

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

@@ -242,7 +242,7 @@ declare class PopinCorrection extends React.Component<any, any, any> {
             items: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
                 list: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-                    list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                    list: PropTypes.Requireable<((PropTypes.InferPropsInner<Pick<any, any>> & Partial<PropTypes.InferPropsInner<Pick<any, never>>>) | null | undefined)[]>;
                     customStyle: PropTypes.Requireable<{
                         [x: string]: string | null | undefined;
                     }>;

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

@@ -342,7 +342,7 @@ declare namespace PopinEnd {
             items: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
                 list: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-                    list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                    list: PropTypes.Requireable<((PropTypes.InferPropsInner<Pick<any, any>> & Partial<PropTypes.InferPropsInner<Pick<any, never>>>) | null | undefined)[]>;
                     customStyle: PropTypes.Requireable<{
                         [x: string]: string | null | undefined;
                     }>;

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

@@ -663,7 +663,7 @@ declare const AppReview: {
                 items: import("prop-types").Requireable<import("prop-types").InferProps<{
                     type: import("prop-types").Requireable<string>;
                     list: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
-                        list: import("prop-types").Requireable<(import("prop-types").InferProps<any> | null | undefined)[]>;
+                        list: import("prop-types").Requireable<((import("prop-types").InferPropsInner<Pick<any, any>> & Partial<import("prop-types").InferPropsInner<Pick<any, never>>>) | null | undefined)[]>;
                         customStyle: import("prop-types").Requireable<{
                             [x: string]: string | null | undefined;
                         }>;

package/es/template/app-review/player/prop-types.d.ts

@@ -664,7 +664,7 @@ declare const propTypes: {
         items: PropTypes.Requireable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             list: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-                list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                list: PropTypes.Requireable<((PropTypes.InferPropsInner<Pick<any, any>> & Partial<PropTypes.InferPropsInner<Pick<any, never>>>) | null | undefined)[]>;
                 customStyle: PropTypes.Requireable<{
                     [x: string]: string | null | undefined;
                 }>;