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

package/lib/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/lib/organism/cards-grid/index.js

@@ -2,11 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+var _uniqueId2 = _interopRequireDefault(require("lodash/fp/uniqueId"));
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _card = _interopRequireDefault(require("../../molecule/card"));
 var _loader = _interopRequireDefault(require("../../atom/loader"));
+var _certificationCard = _interopRequireDefault(require("../../molecule/certification-card"));
+var _playlistCard = _interopRequireDefault(require("../../molecule/playlist-card"));
+var _learnerSkillCard = _interopRequireDefault(require("../../molecule/learner-skill-card"));
 var _style = _interopRequireDefault(require("./style.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CardsGrid = props => {
@@ -18,21 +22,32 @@ const CardsGrid = props => {
   const loader = loading ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.loader
   }, /*#__PURE__*/_react.default.createElement(_loader.default, null)) : null;
-  const cards = (0, _map2.default)(cardProps => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      "data-name": "cardGrid",
-      className: _style.default.card,
-      key: cardProps.key
-    }, /*#__PURE__*/_react.default.createElement(_card.default, cardProps));
-  }, list);
+  const renderCardByType = cardProps => {
+    switch (cardProps.type) {
+      case 'skill':
+        return /*#__PURE__*/_react.default.createElement(_learnerSkillCard.default, cardProps);
+      case 'certification':
+        return /*#__PURE__*/_react.default.createElement(_certificationCard.default, cardProps);
+      case 'playlist':
+        return /*#__PURE__*/_react.default.createElement(_playlistCard.default, cardProps);
+      default:
+        return /*#__PURE__*/_react.default.createElement(_card.default, cardProps);
+    }
+  };
+  const cards = (0, _map2.default)(cardProps => /*#__PURE__*/_react.default.createElement("div", {
+    "data-name": "cardGrid",
+    className: _style.default.card,
+    key: (0, _uniqueId2.default)('card')
+  }, renderCardByType(cardProps)), list);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.defaultStyle,
     style: customStyle
   }, cards, loader);
 };
 CardsGrid.propTypes = process.env.NODE_ENV !== "production" ? {
+  list: _propTypes.default.arrayOf(_propTypes.default.oneOfType([
   // @ts-expect-error component is not typed & wrapped into memo
-  list: _propTypes.default.arrayOf(_propTypes.default.shape(_card.default.propTypes)),
+  _propTypes.default.shape(_card.default.propTypes), _propTypes.default.shape(_learnerSkillCard.default.propTypes), _propTypes.default.shape(_certificationCard.default.propTypes), _propTypes.default.shape(_playlistCard.default.propTypes)])),
   customStyle: _propTypes.default.objectOf(_propTypes.default.string),
   loading: _propTypes.default.bool
 } : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_card","_loader","_style","e","__esModule","default","CardsGrid","props","list","customStyle","loading","loader","createElement","className","style","cards","_map2","cardProps","card","key","defaultStyle","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","Card","objectOf","string","bool","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAyChC,MAAMG,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,gBACpBd,MAAA,CAAAS,OAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACH;EAAO,gBAC3Bf,MAAA,CAAAS,OAAA,CAAAO,aAAA,CAACX,OAAA,CAAAI,OAAM,MAAE,CACN,CAAC,GACJ,IAAI;EAER,MAAMU,KAAK,GAAG,IAAAC,KAAA,CAAAX,OAAA,EAAIY,SAAS,IAAI;IAC7B,oBACErB,MAAA,CAAAS,OAAA,CAAAO,aAAA;MAAK,aAAU,UAAU;MAACC,SAAS,EAAEC,cAAK,CAACI,IAAK;MAACC,GAAG,EAAEF,SAAS,CAACE;IAAI,gBAClEvB,MAAA,CAAAS,OAAA,CAAAO,aAAA,CAACZ,KAAA,CAAAK,OAAI,EAAKY,SAAY,CACnB,CAAC;EAEV,CAAC,EAAET,IAAI,CAAC;EAER,oBACEZ,MAAA,CAAAS,OAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACM,YAAa;IAACN,KAAK,EAAEL;EAAY,GACpDM,KAAK,EACLJ,MACE,CAAC;AAEV,CAAC;AAEDL,SAAS,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpB;EACAhB,IAAI,EAAEiB,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACC,aAAI,CAACP,SAAS,CAAC,CAAC;EACxDZ,WAAW,EAAEgB,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACK,MAAM,CAAC;EACjDpB,OAAO,EAAEe,kBAAS,CAACM;AACrB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEaC,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_card","_loader","_certificationCard","_playlistCard","_learnerSkillCard","_style","e","__esModule","default","CardsGrid","props","list","customStyle","loading","loader","createElement","className","style","renderCardByType","cardProps","type","cards","_map2","card","key","_uniqueId2","defaultStyle","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","oneOfType","shape","Card","LearnerSkillCard","CertificationCard","PlaylistCard","objectOf","string","bool","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,kBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,aAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,iBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,MAAA,GAAAR,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAqEhC,MAAMG,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,gBACpBjB,MAAA,CAAAY,OAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACH;EAAO,gBAC3BlB,MAAA,CAAAY,OAAA,CAAAO,aAAA,CAACd,OAAA,CAAAO,OAAM,MAAE,CACN,CAAC,GACJ,IAAI;EAER,MAAMU,gBAAgB,GAAIC,SAAc,IAAK;IAC3C,QAAQA,SAAS,CAACC,IAAI;MACpB,KAAK,OAAO;QACV,oBAAOxB,MAAA,CAAAY,OAAA,CAAAO,aAAA,CAACX,iBAAA,CAAAI,OAAgB,EAAKW,SAAY,CAAC;MAC5C,KAAK,eAAe;QAClB,oBAAOvB,MAAA,CAAAY,OAAA,CAAAO,aAAA,CAACb,kBAAA,CAAAM,OAAiB,EAAKW,SAAY,CAAC;MAC7C,KAAK,UAAU;QACb,oBAAOvB,MAAA,CAAAY,OAAA,CAAAO,aAAA,CAACZ,aAAA,CAAAK,OAAY,EAAKW,SAAY,CAAC;MACxC;QACE,oBAAOvB,MAAA,CAAAY,OAAA,CAAAO,aAAA,CAACf,KAAA,CAAAQ,OAAI,EAAKW,SAAY,CAAC;IAClC;EACF,CAAC;EAED,MAAME,KAAK,GAAG,IAAAC,KAAA,CAAAd,OAAA,EACZW,SAAS,iBACPvB,MAAA,CAAAY,OAAA,CAAAO,aAAA;IAAK,aAAU,UAAU;IAACC,SAAS,EAAEC,cAAK,CAACM,IAAK;IAACC,GAAG,EAAE,IAAAC,UAAA,CAAAjB,OAAA,EAAS,MAAM;EAAE,GACpEU,gBAAgB,CAACC,SAAS,CACxB,CACN,EACDR,IACF,CAAC;EAED,oBACEf,MAAA,CAAAY,OAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACS,YAAa;IAACT,KAAK,EAAEL;EAAY,GACpDS,KAAK,EACLP,MACE,CAAC;AAEV,CAAC;AAEDL,SAAS,CAACkB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBnB,IAAI,EAAEoB,kBAAS,CAACC,OAAO,CACrBD,kBAAS,CAACE,SAAS,CAAC;EAClB;EACAF,kBAAS,CAACG,KAAK,CAACC,aAAI,CAACR,SAAS,CAAC,EAC/BI,kBAAS,CAACG,KAAK,CAACE,yBAAgB,CAACT,SAAS,CAAC,EAC3CI,kBAAS,CAACG,KAAK,CAACG,0BAAiB,CAACV,SAAS,CAAC,EAC5CI,kBAAS,CAACG,KAAK,CAACI,qBAAY,CAACX,SAAS,CAAC,CACxC,CACH,CAAC;EACDf,WAAW,EAAEmB,kBAAS,CAACQ,QAAQ,CAACR,kBAAS,CAACS,MAAM,CAAC;EACjD3B,OAAO,EAAEkB,kBAAS,CAACU;AACrB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnC,OAAA,GAEaC,SAAS","ignoreList":[]}

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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;
                 }>;

package/lib/template/app-review/prop-types.d.ts

@@ -668,7 +668,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/lib/template/back-office/brand-update/index.d.ts

@@ -1885,7 +1885,7 @@ declare namespace BrandUpdate {
             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/lib/template/certification-detail/index.d.ts

@@ -42,7 +42,7 @@ declare namespace CertificationDetail {
         const badgeUrl: PropTypes.Requireable<string>;
         const ongoingCoursesAvailable: PropTypes.Requireable<boolean>;
         const certificationCourses: PropTypes.Requireable<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/lib/template/common/authors/index.d.ts

@@ -2,7 +2,7 @@ export default Authors;
 declare class Authors extends React.Component<any, any, any> {
     static propTypes: {
         cards: PropTypes.Requireable<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/lib/template/common/dashboard/index.d.ts

@@ -159,7 +159,7 @@ declare namespace Dashboard {
             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;
                     }>;
@@ -970,7 +970,7 @@ declare namespace Dashboard {
             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/lib/template/common/search-page/index.d.ts

@@ -79,7 +79,7 @@ declare namespace SearchPage {
             sortAriaLabel: PropTypes.Requireable<string>;
         }>>;
         const cards: PropTypes.Requireable<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;
             }>;
@@ -342,7 +342,7 @@ declare namespace SearchPage {
             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;
                     }>;
@@ -1002,6 +1002,53 @@ declare namespace SearchPage {
             [x: string]: PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;
                 cards: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
+                    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: PropTypes.Requireable<PropTypes.InferProps<{
+                        color: PropTypes.Requireable<string>;
+                        name: PropTypes.Requireable<string>;
+                    }>>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                }> | PropTypes.InferProps<{
+                    type: PropTypes.Validator<string>;
+                    label: PropTypes.Requireable<string>;
+                    goal: PropTypes.Requireable<PropTypes.InferProps<{
+                        title: PropTypes.Requireable<string>;
+                        condition: PropTypes.Requireable<PropTypes.InferProps<{
+                            nbDone: PropTypes.Requireable<number>;
+                        }>>;
+                    }>>;
+                    progress: PropTypes.Requireable<number>;
+                    imgUrl: PropTypes.Requireable<string>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    locales: PropTypes.Requireable<PropTypes.InferProps<{
+                        conditionDescriptionProgress: PropTypes.Requireable<string>;
+                        tag: PropTypes.Requireable<string>;
+                    }>>;
+                }> | PropTypes.InferProps<{
+                    type: PropTypes.Validator<string>;
+                    label: PropTypes.Requireable<string>;
+                    title: PropTypes.Validator<string>;
+                    progress: PropTypes.Requireable<number>;
+                    coverImages: PropTypes.Validator<(PropTypes.InferProps<{
+                        type: PropTypes.Requireable<string>;
+                        image: PropTypes.Requireable<string>;
+                    }> | null | undefined)[]>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    locales: PropTypes.Requireable<PropTypes.InferProps<{
+                        playlistTag: PropTypes.Requireable<string>;
+                        coursesLabel: PropTypes.Requireable<string>;
+                    }>>;
+                }> | PropTypes.InferProps<{
                     badge: PropTypes.Requireable<string>;
                     image: PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
@@ -1057,50 +1104,6 @@ declare namespace SearchPage {
                     tagLabel: PropTypes.Requireable<string>;
                     progression: PropTypes.Requireable<number>;
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                }> | PropTypes.InferProps<{
-                    label: PropTypes.Requireable<string>;
-                    goal: PropTypes.Requireable<PropTypes.InferProps<{
-                        title: PropTypes.Requireable<string>;
-                        condition: PropTypes.Requireable<PropTypes.InferProps<{
-                            nbDone: PropTypes.Requireable<number>;
-                        }>>;
-                    }>>;
-                    progress: PropTypes.Requireable<number>;
-                    imgUrl: PropTypes.Requireable<string>;
-                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                    locales: PropTypes.Requireable<PropTypes.InferProps<{
-                        conditionDescriptionProgress: PropTypes.Requireable<string>;
-                        tag: PropTypes.Requireable<string>;
-                    }>>;
-                }> | PropTypes.InferProps<{
-                    'aria-label': PropTypes.Requireable<string>;
-                    cardIndex: PropTypes.Requireable<number>;
-                    skillTitle: PropTypes.Requireable<string>;
-                    skillAriaLabel: PropTypes.Requireable<string>;
-                    focus: PropTypes.Requireable<boolean>;
-                    metrics: PropTypes.Requireable<PropTypes.InferProps<{
-                        content: PropTypes.Requireable<number>;
-                        score: PropTypes.Requireable<number>;
-                        questionsToReview: PropTypes.Requireable<number>;
-                    }>>;
-                    icon: PropTypes.Requireable<PropTypes.InferProps<{
-                        color: PropTypes.Requireable<string>;
-                        name: PropTypes.Requireable<string>;
-                    }>>;
-                    onExploreClick: PropTypes.Requireable<(...args: any[]) => any>;
-                }> | PropTypes.InferProps<{
-                    label: PropTypes.Requireable<string>;
-                    title: PropTypes.Validator<string>;
-                    progress: PropTypes.Requireable<number>;
-                    coverImages: PropTypes.Validator<(PropTypes.InferProps<{
-                        type: PropTypes.Requireable<string>;
-                        image: PropTypes.Requireable<string>;
-                    }> | null | undefined)[]>;
-                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                    locales: PropTypes.Requireable<PropTypes.InferProps<{
-                        playlistTag: PropTypes.Requireable<string>;
-                        coursesLabel: PropTypes.Requireable<string>;
-                    }>>;
                 }> | null | undefined> | null | undefined)[]>;
                 showMore: PropTypes.Requireable<string>;
                 onShowMore: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/template/common/search-page/style.css

@@ -80,7 +80,7 @@
 }
 
 .sectionHeader {
-  max-width: 1080px;
+  max-width: 1100px;
   margin: auto;
   padding: 16px 30px 8px;
   box-sizing: border-box;
@@ -105,14 +105,14 @@
 .contentSection .sectionHeader {
   padding: 0;
   margin: 16px auto 8px auto;
-  max-width: 1080px;
+  max-width: 1100px;
   display: flex;
   line-height: 20px;
   align-items: start;
 }
 
 .contentGrid {
-  max-width: 1090px;
+  max-width: 1100px;
   width: 100%;
   margin: auto 0 auto -8px;
   box-sizing: border-box;

package/lib/template/external-course/index.d.ts

@@ -177,7 +177,7 @@ declare namespace ExternalCourse {
             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/lib/template/my-learning/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/my-learning/index.js"],"names":[],"mappings":";AAqHA,mEAwZC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/my-learning/index.js"],"names":[],"mappings":";AAqHA,mEA0ZC"}

package/lib/template/my-learning/index.js

@@ -179,7 +179,9 @@ const MyLearning = (props, context) => {
       backgroundColor: _colors.COLORS.pink_100
     }
   }, {
-    title: translate('skill_chart_side_panel_questions_to_review'),
+    title: translate('skill_chart_side_panel_questions_to_review', {
+      count: ''
+    }),
     value: `${questionsToReviewData}`,
     legend: skillChartPaneLegends,
     icon: {
@@ -403,11 +405,11 @@ const MyLearning = (props, context) => {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: index
     }, /*#__PURE__*/_react.default.createElement(_learnerSkillCard.default, {
-      skillTitle: skillsLocales[skill],
+      title: skillsLocales[skill],
       cardIndex: index,
       focus: selectedSkills.includes(skill),
+      progress: score,
       metrics: {
-        score,
         content,
         questionsToReview
       },
@@ -415,7 +417,7 @@ const MyLearning = (props, context) => {
         color,
         name
       },
-      onExploreClick: handleExploreSkill
+      onClick: handleExploreSkill
     }));
   }))));
 };