@coorpacademy/components 11.38.3-alpha.19 → 11.38.3-alpha.21

package/es/variables/colors.d.ts

@@ -20,15 +20,11 @@ export declare const COLORS: {
     readonly yellow_100: "#FFF9D1";
     readonly red_700: "#A30000";
     readonly red_100: "#FFD1D1";
-    readonly cm_violet_podcast: "#432ba7";
     readonly cm_turquoise_strong: "#1B7B88";
     readonly yellow_500: "#FFCE0A";
     readonly neutral_75: " #F4F4F5";
     readonly neutral_400: " #9999A8";
     readonly neutral_500: "#515161";
-    readonly cm_red_video: "#E8335E";
-    readonly cm_bleu_article: "#365FCD";
-    readonly cm_yellow_scorm: "#FFB800";
     readonly negative_700: "#B81400";
     readonly cm_orange_800: "#A32700";
     readonly purple_700: "#2B00A3";
@@ -38,7 +34,6 @@ export declare const COLORS: {
     readonly orange_100: "#FFDCD1";
     readonly cm_positive_500: "#35CC7F";
     readonly purple_500: "#4B0AFF";
-    readonly cm_grey_200: "#D7D7DA";
 };
 export declare type Colors = typeof COLORS;
 //# sourceMappingURL=colors.d.ts.map

package/es/variables/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/variables/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCT,CAAC;AAEX,oBAAY,MAAM,GAAG,OAAO,MAAM,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/variables/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCT,CAAC;AAEX,oBAAY,MAAM,GAAG,OAAO,MAAM,CAAC"}

package/es/variables/colors.js

@@ -20,15 +20,11 @@ export const COLORS = {
   yellow_100: '#FFF9D1',
   red_700: '#A30000',
   red_100: '#FFD1D1',
-  cm_violet_podcast: '#432ba7',
   cm_turquoise_strong: '#1B7B88',
   yellow_500: '#FFCE0A',
   neutral_75: ' #F4F4F5',
   neutral_400: ' #9999A8',
   neutral_500: '#515161',
-  cm_red_video: '#E8335E',
-  cm_bleu_article: '#365FCD',
-  cm_yellow_scorm: '#FFB800',
   negative_700: '#B81400',
   cm_orange_800: '#A32700',
   purple_700: '#2B00A3',
@@ -37,7 +33,6 @@ export const COLORS = {
   pink_100: '#FAD6DE',
   orange_100: '#FFDCD1',
   cm_positive_500: '#35CC7F',
-  purple_500: '#4B0AFF',
-  cm_grey_200: '#D7D7DA'
+  purple_500: '#4B0AFF'
 };
 //# sourceMappingURL=colors.js.map

package/es/variables/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["COLORS","cm_grey_100","negative","cm_negative_200","cm_positive_200","white","cm_blue_50","cm_grey_400","cm_grey_800","cm_grey_150","cm_primary_blue","cm_blue_700","primary_100","primary_600","cm_grey_500","cm_grey_700","cm_yellow_400","brand","yellow_700","yellow_100","red_700","red_100","cm_violet_podcast","cm_turquoise_strong","yellow_500","neutral_75","neutral_400","neutral_500","cm_red_video","cm_bleu_article","cm_yellow_scorm","negative_700","cm_orange_800","purple_700","purple_100","turquoise_100","pink_100","orange_100","cm_positive_500","purple_500","cm_grey_200"],"sources":["../../src/variables/colors.ts"],"sourcesContent":["export const COLORS = {\n  cm_grey_100: '#EAEAEB',\n  negative: '#ed3436',\n  cm_negative_200: '#B81400',\n  cm_positive_200: '#05944F',\n  white: '#FFFFFF',\n  cm_blue_50: '#f1f6fe',\n  cm_grey_400: '#9999A8',\n  cm_grey_800: '#171721',\n  cm_grey_150: '#E1E1E3',\n  cm_primary_blue: '#0061FF',\n  cm_blue_700: '#0042AD',\n  primary_100: '#D6E6FF',\n  primary_600: '#0051D6',\n  cm_grey_500: '#9999A8',\n  cm_grey_700: '#1D1D2B',\n  cm_yellow_400: '#bd7e00',\n  brand: '#00B0FF',\n  yellow_700: '#A38300',\n  yellow_100: '#FFF9D1',\n  red_700: '#A30000',\n  red_100: '#FFD1D1',\n  cm_violet_podcast: '#432ba7',\n  cm_turquoise_strong: '#1B7B88',\n  yellow_500: '#FFCE0A',\n  neutral_75: ' #F4F4F5',\n  neutral_400: ' #9999A8',\n  neutral_500: '#515161',\n  cm_red_video: '#E8335E',\n  cm_bleu_article: '#365FCD',\n  cm_yellow_scorm: '#FFB800',\n  negative_700: '#B81400',\n  cm_orange_800: '#A32700',\n  purple_700: '#2B00A3',\n  purple_100: '#DDD1FF',\n  turquoise_100: '#D9F4F7',\n  pink_100: '#FAD6DE',\n  orange_100: '#FFDCD1',\n  cm_positive_500: '#35CC7F',\n  purple_500: '#4B0AFF',\n  cm_grey_200: '#D7D7DA'\n} as const;\n\nexport type Colors = typeof COLORS;\n"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,WAAW,EAAE,SAAS;EACtBC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,SAAS;EAC1BC,eAAe,EAAE,SAAS;EAC1BC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,eAAe,EAAE,SAAS;EAC1BC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,aAAa,EAAE,SAAS;EACxBC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,iBAAiB,EAAE,SAAS;EAC5BC,mBAAmB,EAAE,SAAS;EAC9BC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,UAAU;EACtBC,WAAW,EAAE,UAAU;EACvBC,WAAW,EAAE,SAAS;EACtBC,YAAY,EAAE,SAAS;EACvBC,eAAe,EAAE,SAAS;EAC1BC,eAAe,EAAE,SAAS;EAC1BC,YAAY,EAAE,SAAS;EACvBC,aAAa,EAAE,SAAS;EACxBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,aAAa,EAAE,SAAS;EACxBC,QAAQ,EAAE,SAAS;EACnBC,UAAU,EAAE,SAAS;EACrBC,eAAe,EAAE,SAAS;EAC1BC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE;AACf,CAAU","ignoreList":[]}
+{"version":3,"file":"colors.js","names":["COLORS","cm_grey_100","negative","cm_negative_200","cm_positive_200","white","cm_blue_50","cm_grey_400","cm_grey_800","cm_grey_150","cm_primary_blue","cm_blue_700","primary_100","primary_600","cm_grey_500","cm_grey_700","cm_yellow_400","brand","yellow_700","yellow_100","red_700","red_100","cm_turquoise_strong","yellow_500","neutral_75","neutral_400","neutral_500","negative_700","cm_orange_800","purple_700","purple_100","turquoise_100","pink_100","orange_100","cm_positive_500","purple_500"],"sources":["../../src/variables/colors.ts"],"sourcesContent":["export const COLORS = {\n  cm_grey_100: '#EAEAEB',\n  negative: '#ed3436',\n  cm_negative_200: '#B81400',\n  cm_positive_200: '#05944F',\n  white: '#FFFFFF',\n  cm_blue_50: '#f1f6fe',\n  cm_grey_400: '#9999A8',\n  cm_grey_800: '#171721',\n  cm_grey_150: '#E1E1E3',\n  cm_primary_blue: '#0061FF',\n  cm_blue_700: '#0042AD',\n  primary_100: '#D6E6FF',\n  primary_600: '#0051D6',\n  cm_grey_500: '#9999A8',\n  cm_grey_700: '#1D1D2B',\n  cm_yellow_400: '#bd7e00',\n  brand: '#00B0FF',\n  yellow_700: '#A38300',\n  yellow_100: '#FFF9D1',\n  red_700: '#A30000',\n  red_100: '#FFD1D1',\n  cm_turquoise_strong: '#1B7B88',\n  yellow_500: '#FFCE0A',\n  neutral_75: ' #F4F4F5',\n  neutral_400: ' #9999A8',\n  neutral_500: '#515161',\n  negative_700: '#B81400',\n  cm_orange_800: '#A32700',\n  purple_700: '#2B00A3',\n  purple_100: '#DDD1FF',\n  turquoise_100: '#D9F4F7',\n  pink_100: '#FAD6DE',\n  orange_100: '#FFDCD1',\n  cm_positive_500: '#35CC7F',\n  purple_500: '#4B0AFF'\n} as const;\n\nexport type Colors = typeof COLORS;\n"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,WAAW,EAAE,SAAS;EACtBC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,SAAS;EAC1BC,eAAe,EAAE,SAAS;EAC1BC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,eAAe,EAAE,SAAS;EAC1BC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,aAAa,EAAE,SAAS;EACxBC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,mBAAmB,EAAE,SAAS;EAC9BC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,UAAU;EACtBC,WAAW,EAAE,UAAU;EACvBC,WAAW,EAAE,SAAS;EACtBC,YAAY,EAAE,SAAS;EACvBC,aAAa,EAAE,SAAS;EACxBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,aAAa,EAAE,SAAS;EACxBC,QAAQ,EAAE,SAAS;EACnBC,UAAU,EAAE,SAAS;EACrBC,eAAe,EAAE,SAAS;EAC1BC,UAAU,EAAE;AACd,CAAU","ignoreList":[]}

package/lib/atom/input-search/index.d.ts

@@ -31,6 +31,8 @@ declare namespace Search {
         const onClear: PropTypes.Requireable<(...args: any[]) => any>;
         const onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         const onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        const onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        const inputRef: PropTypes.Requireable<(...args: any[]) => any>;
         const theme: PropTypes.Requireable<string>;
         const dataTestId: PropTypes.Requireable<string>;
     }

package/lib/atom/input-search/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-search/index.js"],"names":[],"mappings":";AAYA,iDAkDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-search/index.js"],"names":[],"mappings":";AAiBA,iDAoFC"}

package/lib/atom/input-search/index.js

@@ -13,6 +13,10 @@ var _style = _interopRequireDefault(require("./style.css"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const handleMouseDown = e => {
+  e.preventDefault();
+  e.stopPropagation();
+};
 const Search = props => {
   const {
     value,
@@ -21,27 +25,53 @@ const Search = props => {
     onClear = _noop2.default,
     onFocus,
     onBlur,
+    onKeyDown,
+    inputRef,
     theme = 'default',
     dataTestId
   } = props;
   const handleChange = (0, _react.useMemo)(() => e => onChange(e.target.value), [onChange]);
-  const cmStyle = (0, _classnames.default)(_style.default.coorpmanager);
-  const isDefaultTheme = theme === 'default';
+  const handleKeyDown = (0, _react.useMemo)(() => e => {
+    if (onKeyDown) {
+      onKeyDown(e);
+    }
+  }, [onKeyDown]);
+  const isCoorpManager = theme === 'coorpmanager';
+  const isMooc = theme === 'mooc';
+  const isDefault = theme === 'default';
+  const wrapperClass = (0, _classnames.default)({
+    [_style.default.wrapperSearch]: isDefault,
+    [_style.default.coorpmanager]: isCoorpManager,
+    [_style.default.wrapperMooc]: isMooc
+  });
+  const wrapperParentClass = (0, _classnames.default)({
+    [_style.default.wrapperMoocParent]: isMooc
+  });
+  const searchClass = (0, _classnames.default)({
+    [_style.default.search]: true,
+    [_style.default.moocSearch]: isMooc
+  });
+  const SearchIconComponent = isCoorpManager ? _novaIcons.NovaCompositionCoorpacademySearchThin : _novaIcons.NovaCompositionCoorpacademySearch;
+  const showTitle = isCoorpManager;
+  const showClearIcon = value && isCoorpManager;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: isDefaultTheme ? _style.default.wrapperSearch : cmStyle
+    className: wrapperParentClass
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: wrapperClass
   }, /*#__PURE__*/_react.default.createElement("label", {
     htmlFor: "search",
     title: placeholder
-  }, !isDefaultTheme ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademySearchThin, {
-    className: _style.default.searchIcon
-  }) : /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademySearch, {
-    className: _style.default.searchIcon
-  }), !isDefaultTheme ? /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement(SearchIconComponent, {
+    className: _style.default.searchIcon,
+    "data-name": "search-icon",
+    onMouseDown: handleMouseDown
+  }), showTitle ? /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(_style.default.title, (0, _isEmpty2.default)(value) && _style.default.noValue)
   }, placeholder) : null), /*#__PURE__*/_react.default.createElement("input", {
+    ref: inputRef,
     "data-name": "search-input",
     "data-testid": dataTestId,
-    className: _style.default.search,
+    className: searchClass,
     "aria-label": placeholder,
     type: "text",
     name: "search",
@@ -52,11 +82,12 @@ const Search = props => {
     onInput: handleChange,
     onFocus: onFocus,
     onChange: _noop2.default,
-    onBlur: onBlur
-  }), value && !isDefaultTheme ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
+    onBlur: onBlur,
+    onKeyDown: handleKeyDown
+  }), showClearIcon ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
     onClick: onClear,
     className: _style.default.clearIcon
-  }) : null);
+  }) : null));
 };
 Search.contextTypes = {
   skin: _provider.default.childContextTypes.skin
@@ -68,7 +99,9 @@ Search.propTypes = process.env.NODE_ENV !== "production" ? {
   onClear: _propTypes.default.func,
   onFocus: _propTypes.default.func,
   onBlur: _propTypes.default.func,
-  theme: _propTypes.default.oneOf(['default', 'coorpmanager']),
+  onKeyDown: _propTypes.default.func,
+  inputRef: _propTypes.default.func,
+  theme: _propTypes.default.oneOf(['default', 'coorpmanager', 'mooc']),
   dataTestId: _propTypes.default.string
 } : {};
 var _default = exports.default = Search;

package/lib/atom/input-search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_novaIcons","_provider","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Search","props","value","placeholder","onChange","_noop2","onClear","onFocus","onBlur","theme","dataTestId","handleChange","useMemo","target","cmStyle","classnames","style","coorpmanager","isDefaultTheme","createElement","className","wrapperSearch","htmlFor","title","NovaCompositionCoorpacademySearchThin","searchIcon","NovaCompositionCoorpacademySearch","_isEmpty2","noValue","search","type","name","id","onInput","NovaSolidStatusClose","onClick","clearIcon","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","func","oneOf","_default","exports"],"sources":["../../../src/atom/input-search/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademySearchThin as CMSearchIcon,\n  NovaCompositionCoorpacademySearch as SearchIcon,\n  NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {noop, isEmpty} from 'lodash/fp';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst Search = props => {\n  const {\n    value,\n    placeholder,\n    onChange = noop,\n    onClear = noop,\n    onFocus,\n    onBlur,\n    theme = 'default',\n    dataTestId\n  } = props;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const cmStyle = classnames(style.coorpmanager);\n  const isDefaultTheme = theme === 'default';\n\n  return (\n    <div className={isDefaultTheme ? style.wrapperSearch : cmStyle}>\n      <label htmlFor=\"search\" title={placeholder}>\n        {!isDefaultTheme ? (\n          <CMSearchIcon className={style.searchIcon} />\n        ) : (\n          <SearchIcon className={style.searchIcon} />\n        )}\n        {!isDefaultTheme ? (\n          <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n            {placeholder}\n          </span>\n        ) : null}\n      </label>\n      <input\n        data-name=\"search-input\"\n        data-testid={dataTestId}\n        className={style.search}\n        aria-label={placeholder}\n        type=\"text\"\n        name=\"search\"\n        id=\"search\"\n        placeholder={placeholder}\n        title={placeholder}\n        value={value}\n        onInput={handleChange}\n        onFocus={onFocus}\n        onChange={noop}\n        onBlur={onBlur}\n      />\n      {value && !isDefaultTheme ? (\n        <CloseIcon onClick={onClear} className={style.clearIcon} />\n      ) : null}\n    </div>\n  );\n};\n\nSearch.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearch.propTypes = {\n  value: PropTypes.string,\n  placeholder: PropTypes.string.isRequired,\n  onChange: PropTypes.func,\n  onClear: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  theme: PropTypes.oneOf(['default', 'coorpmanager']),\n  dataTestId: PropTypes.string\n};\n\nexport default Search;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_novaIcons","_provider","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","handleMouseDown","preventDefault","stopPropagation","Search","props","value","placeholder","onChange","_noop2","onClear","onFocus","onBlur","onKeyDown","inputRef","theme","dataTestId","handleChange","useMemo","target","handleKeyDown","isCoorpManager","isMooc","isDefault","wrapperClass","classnames","style","wrapperSearch","coorpmanager","wrapperMooc","wrapperParentClass","wrapperMoocParent","searchClass","search","moocSearch","SearchIconComponent","CMSearchIcon","SearchIcon","showTitle","showClearIcon","createElement","className","htmlFor","title","searchIcon","onMouseDown","_isEmpty2","noValue","ref","type","name","id","onInput","NovaSolidStatusClose","onClick","clearIcon","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","func","oneOf","_default","exports"],"sources":["../../../src/atom/input-search/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademySearchThin as CMSearchIcon,\n  NovaCompositionCoorpacademySearch as SearchIcon,\n  NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {noop, isEmpty} from 'lodash/fp';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst handleMouseDown = e => {\n  e.preventDefault();\n  e.stopPropagation();\n};\n\nconst Search = props => {\n  const {\n    value,\n    placeholder,\n    onChange = noop,\n    onClear = noop,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    inputRef,\n    theme = 'default',\n    dataTestId\n  } = props;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  const handleKeyDown = useMemo(\n    () => e => {\n      if (onKeyDown) {\n        onKeyDown(e);\n      }\n    },\n    [onKeyDown]\n  );\n\n  const isCoorpManager = theme === 'coorpmanager';\n  const isMooc = theme === 'mooc';\n  const isDefault = theme === 'default';\n\n  const wrapperClass = classnames({\n    [style.wrapperSearch]: isDefault,\n    [style.coorpmanager]: isCoorpManager,\n    [style.wrapperMooc]: isMooc\n  });\n\n  const wrapperParentClass = classnames({\n    [style.wrapperMoocParent]: isMooc\n  });\n\n  const searchClass = classnames({\n    [style.search]: true,\n    [style.moocSearch]: isMooc\n  });\n\n  const SearchIconComponent = isCoorpManager ? CMSearchIcon : SearchIcon;\n  const showTitle = isCoorpManager;\n  const showClearIcon = value && isCoorpManager;\n\n  return (\n    <div className={wrapperParentClass}>\n      <div className={wrapperClass}>\n        <label htmlFor=\"search\" title={placeholder}>\n          <SearchIconComponent\n            className={style.searchIcon}\n            data-name=\"search-icon\"\n            onMouseDown={handleMouseDown}\n          />\n          {showTitle ? (\n            <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n              {placeholder}\n            </span>\n          ) : null}\n        </label>\n        <input\n          ref={inputRef}\n          data-name=\"search-input\"\n          data-testid={dataTestId}\n          className={searchClass}\n          aria-label={placeholder}\n          type=\"text\"\n          name=\"search\"\n          id=\"search\"\n          placeholder={placeholder}\n          title={placeholder}\n          value={value}\n          onInput={handleChange}\n          onFocus={onFocus}\n          onChange={noop}\n          onBlur={onBlur}\n          onKeyDown={handleKeyDown}\n        />\n        {showClearIcon ? <CloseIcon onClick={onClear} className={style.clearIcon} /> : null}\n      </div>\n    </div>\n  );\n};\n\nSearch.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearch.propTypes = {\n  value: PropTypes.string,\n  placeholder: PropTypes.string.isRequired,\n  onChange: PropTypes.func,\n  onClear: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  inputRef: PropTypes.func,\n  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),\n  dataTestId: PropTypes.string\n};\n\nexport default Search;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/input-search/style.css

@@ -8,11 +8,13 @@
 @value white from colors;
 @value dark from colors;
 @value black from colors;
+@value cm_grey_75 from colors;
 @value cm_grey_100 from colors;
 @value cm_grey_150 from colors;
 @value cm_grey_400 from colors;
 @value cm_grey_500 from colors;
 @value cm_grey_700 from colors;
+@value brand from colors;
 
 .wrapperSearch {
   display: flex;
@@ -66,6 +68,7 @@
   color: medium;
 }
 
+/* Theme: coorpmanager */
 .coorpmanager {
   position: relative;
 }
@@ -177,6 +180,65 @@
   line-height: 16px;
 }
 
+/* Theme: mooc */
+.wrapperMooc {
+  display: flex;
+  flex-flow: nowrap;
+  flex-direction: row;
+  align-items: center;
+  overflow: hidden;
+  border-radius: 12px;
+  transition: box-shadow 0.3s ease-in-out;
+  background: cm_grey_100;
+  padding: 2px;
+  width: 100%;
+  flex: 1;
+}
+
+.wrapperMoocParent {
+  width: 100%;
+  flex: 1;
+  border-radius: 12px;
+  transition: box-shadow 0.3s ease-in-out;
+  background: transparent;
+}
+
+.moocSearch {
+  background-color: cm_grey_100;
+  border-radius: 12px;
+  height: 44px;
+  margin: 0;
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: 500;
+  color: cm_grey_700;
+  padding: 0 0 0 45px;
+  padding-right: 48px;
+  outline: none;
+}
+
+.moocSearch:focus-within {
+  background-color: cm_grey_75;
+}
+
+.wrapperMoocParent:focus-within .wrapperMooc {
+  background: transparent;
+  box-shadow: 0 0 0 2px rgba(255,255,255,0), 0 0 0 2px brand;
+}
+
+.wrapperMooc:hover {
+  box-shadow: 0 0 0 2px brand;
+}
+
+.wrapperMooc .clearIcon {
+  position: relative;
+  right: 26px;
+  color: cm_grey_400;
+  width: 14px;
+  height: 14px;
+  cursor: pointer;
+}
+
 input:-webkit-autofill,
 input:-webkit-autofill:hover, 
 input:-webkit-autofill:focus, 
@@ -184,6 +246,21 @@ input:-webkit-autofill:active{
   -webkit-background-clip: text;
 }
 
+/* Correction spécifique pour le thème mooc */
+.moocSearch:-webkit-autofill,
+.moocSearch:-webkit-autofill:hover,
+.moocSearch:-webkit-autofill:focus,
+.moocSearch:-webkit-autofill:active {
+  -webkit-box-shadow: 0 0 0 1000px cm_grey_100 inset !important;
+  -webkit-text-fill-color: cm_grey_700 !important;
+  background-color: cm_grey_100 !important;
+}
+
+.wrapperMoocParent:focus-within .moocSearch:-webkit-autofill {
+  -webkit-box-shadow: 0 0 0 1000px cm_grey_75 inset !important;
+  background-color: cm_grey_75 !important;
+}
+
 @media tablet {
   .search,
   input {
@@ -194,6 +271,16 @@ input:-webkit-autofill:active{
     font-size: 12px;
     color: medium;
   }
+
+  .wrapperMoocParent {
+    max-width: 100%;
+    box-sizing: border-box;
+  }
+
+  .wrapperMooc {
+    max-width: 100%;
+    box-sizing: border-box;
+  }
 }
 
 @media mobile {
@@ -204,4 +291,14 @@ input:-webkit-autofill:active{
   .search::placeholder {
     font-size: 12px;
   }
+
+  .wrapperMoocParent {
+    max-width: 100%;
+    box-sizing: border-box;
+  }
+
+  .wrapperMooc {
+    max-width: 100%;
+    box-sizing: border-box;
+  }
 }

package/lib/molecule/card/customer.css

@@ -47,6 +47,9 @@
     rgba(0, 0, 0, 0) 20%
   );
 }
+.chapterCustomer {
+  padding-top: 10px;
+}
 
 .coorpmanager.customer.chapterCustomer {
   padding-top: 0px;

package/lib/molecule/card/favorite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"favorite.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/favorite.js"],"names":[],"mappings":";AAcA;;;;;;;;oCA6IC"}
+{"version":3,"file":"favorite.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/favorite.js"],"names":[],"mappings":";AAcA;;;;;;;;oCAwIC"}

package/lib/molecule/card/favorite.js

@@ -40,16 +40,11 @@ const Favorite = ({
   const buttonRef = (0, _react.useRef)(null);
   const allowToolTip = (0, _react.useMemo)(() => !(0, _isEmpty2.default)(removeFavoriteToolTip) && !(0, _isEmpty2.default)(addFavoriteToolTip), [addFavoriteToolTip, removeFavoriteToolTip]);
 
-  // eslint-disable-next-line no-console
-  console.log('🚀 ~ favorite.js:49 ~ allowToolTip:', allowToolTip);
-
   // to be replaced by useId when React17 is bumped to React18
   const [favoriteButtonAnchorId] = (0, _react.useState)(allowToolTip ? (0, _uuid.v5)('engaged-battle-', _uuid.v5.URL) : undefined);
   const toolTipContent = (0, _react.useMemo)(
   // eslint-disable-next-line no-nested-ternary
   () => allowToolTip ? favorite ? removeFavoriteToolTip : addFavoriteToolTip : null, [addFavoriteToolTip, favorite, removeFavoriteToolTip, allowToolTip]);
-  // eslint-disable-next-line no-console
-  console.log('🚀 ~ favorite.js:63 ~ toolTipContent:', toolTipContent);
   const [mouseLeaveTimer, setMouseLeaveTimer] = (0, _react.useState)(undefined);
   const [toolTipIsVisible, setToolTipIsVisible] = (0, _react.useState)(false);
   const handleMouseOver = (0, _react.useCallback)(() => {

package/lib/molecule/card/favorite.js.map

@@ -1 +1 @@
-{"version":3,"file":"favorite.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_uuid","_novaIcons","_provider","_tooltip","_button","_favorite","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Favorite","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","onFavoriteClick","_noop2","disabled","legacyContext","skin","GetSkinFromContext","translate","GetTranslateFromContext","handleFavoriteClick","useCallback","stopPropagation","preventDefault","primaryColor","_get2","darkColor","brandColor","buttonRef","useRef","allowToolTip","useMemo","_isEmpty2","console","log","favoriteButtonAnchorId","useState","uuidV5","URL","undefined","toolTipContent","mouseLeaveTimer","setMouseLeaveTimer","toolTipIsVisible","setToolTipIsVisible","handleMouseOver","clearTimeout","_has2","current","focus","handleMouseLeave","setTimeout","blur","handleKeyPress","event","toggleStateOnKeyPress","iconWrapperClassName","classnames","style","selected","icon","createElement","NovaCompositionCoorpacademyCheck","checkIcon","color","width","height","removeFromFavorite","NovaCompositionNavigationMore","moreIcon","addToFavorite","favoriteWrapper","type","buttonContentClassName","onClick","onKeyDown","onMouseLeave","onMouseOver","tabIndex","useButtonTag","useWrapper","fontSize","anchorId","TooltipContent","closeToolTipInformationTextAriaLabel","stickyOnKeyboardNavigation","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","shape","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/molecule/card/favorite.js"],"sourcesContent":["import React, {useCallback, useMemo, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {v5 as uuidV5} from 'uuid';\nimport {get, has, isEmpty, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext, GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip, {toggleStateOnKeyPress} from '../../atom/tooltip';\nimport Button from '../../atom/button';\nimport style from './favorite.css';\n\nconst Favorite = (\n  {\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    className,\n    'aria-label': ariaLabel = {},\n    onFavoriteClick = noop,\n    disabled\n  },\n  legacyContext\n) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n  const handleFavoriteClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (!disabled) onFavoriteClick(e);\n    },\n    [disabled, onFavoriteClick]\n  );\n\n  const primaryColor = get('common.primary', skin);\n  const darkColor = get('common.dark', skin);\n  const brandColor = get('common.brand', skin);\n\n  const buttonRef = useRef(null);\n\n  const allowToolTip = useMemo(\n    () => !isEmpty(removeFavoriteToolTip) && !isEmpty(addFavoriteToolTip),\n    [addFavoriteToolTip, removeFavoriteToolTip]\n  );\n\n  // eslint-disable-next-line no-console\n  console.log('🚀 ~ favorite.js:49 ~ allowToolTip:', allowToolTip);\n\n  // to be replaced by useId when React17 is bumped to React18\n  const [favoriteButtonAnchorId] = useState(\n    allowToolTip ? uuidV5('engaged-battle-', uuidV5.URL) : undefined\n  );\n\n  const toolTipContent = useMemo(\n    // eslint-disable-next-line no-nested-ternary\n    () => (allowToolTip ? (favorite ? removeFavoriteToolTip : addFavoriteToolTip) : null),\n    [addFavoriteToolTip, favorite, removeFavoriteToolTip, allowToolTip]\n  );\n  // eslint-disable-next-line no-console\n  console.log('🚀 ~ favorite.js:63 ~ toolTipContent:', toolTipContent);\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    /* istanbul ignore next */ has(['current', 'focus'], buttonRef) && buttonRef.current.focus();\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(\n      setTimeout(() => {\n        setToolTipIsVisible(false);\n        // @ts-expect-error (error: blur does not exists on type never)\n        /* istanbul ignore next */ has(['current', 'blur'], buttonRef) && buttonRef.current.blur();\n      }, 500)\n    );\n  }, []);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const iconWrapperClassName = useMemo(\n    () => classnames(style.favorite, className, favorite && style.selected),\n    [className, favorite]\n  );\n  const icon = useMemo(\n    () =>\n      favorite ? (\n        <CheckIcon\n          // eslint-disable-next-line css-modules/no-undef-class\n          className={style.checkIcon}\n          style={{color: brandColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-check-icon\"\n          aria-label={ariaLabel.removeFromFavorite}\n        />\n      ) : (\n        <MoreIcon\n          className={style.moreIcon}\n          style={{color: darkColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-add-icon\"\n          aria-label={ariaLabel.addToFavorite}\n        />\n      ),\n    [ariaLabel.addToFavorite, ariaLabel.removeFromFavorite, brandColor, darkColor, favorite]\n  );\n\n  return (\n    <div className={style.favoriteWrapper} data-testid=\"favorite-wrapper\">\n      <Button\n        buttonRef={buttonRef}\n        type=\"button\"\n        data-for={favoriteButtonAnchorId}\n        data-tooltip-place=\"left\"\n        data-tip={allowToolTip}\n        data-name=\"favorite\"\n        data-testid=\"favorite-button\"\n        aria-label={ariaLabel.favorite}\n        buttonContentClassName={iconWrapperClassName}\n        onClick={handleFavoriteClick}\n        style={{\n          color: primaryColor\n        }}\n        onKeyDown={handleKeyPress}\n        onMouseLeave={handleMouseLeave}\n        onMouseOver={handleMouseOver}\n        tabIndex={0}\n        useButtonTag\n        useWrapper={false}\n      >\n        {icon}\n      </Button>\n      <ToolTip\n        fontSize={12}\n        anchorId={favoriteButtonAnchorId}\n        toolTipIsVisible={toolTipIsVisible}\n        TooltipContent={toolTipContent}\n        closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n        stickyOnKeyboardNavigation\n      />\n    </div>\n  );\n};\n\nFavorite.propTypes = {\n  className: PropTypes.string,\n  favorite: PropTypes.bool,\n  disabled: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onFavoriteClick: PropTypes.func,\n  'aria-label': PropTypes.shape({\n    favorite: PropTypes.string,\n    addToFavorite: PropTypes.string,\n    removeFromFavorite: PropTypes.string\n  })\n};\n\nFavorite.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default Favorite;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAAK,UAAA,GAAAL,OAAA;AAIA,IAAAM,SAAA,GAAAP,uBAAA,CAAAC,OAAA;AACA,IAAAO,QAAA,GAAAR,uBAAA,CAAAC,OAAA;AACA,IAAAQ,OAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,SAAA,GAAAP,sBAAA,CAAAF,OAAA;AAAmC,SAAAU,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAZ,wBAAAY,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAjB,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAEnC,MAAMmB,QAAQ,GAAGA,CACf;EACEC,QAAQ;EACRC,kBAAkB;EAClBC,qBAAqB;EACrBC,SAAS;EACT,YAAY,EAAEC,SAAS,GAAG,CAAC,CAAC;EAC5BC,eAAe,GAAAC,MAAA,CAAArB,OAAO;EACtBsB;AACF,CAAC,EACDC,aAAa,KACV;EACH,MAAMC,IAAI,GAAG,IAAAC,4BAAkB,EAACF,aAAa,CAAC;EAC9C,MAAMG,SAAS,GAAG,IAAAC,iCAAuB,EAACJ,aAAa,CAAC;EACxD,MAAMK,mBAAmB,GAAG,IAAAC,kBAAW,EACrClC,CAAC,IAAI;IACHA,CAAC,CAACmC,eAAe,CAAC,CAAC;IACnBnC,CAAC,CAACoC,cAAc,CAAC,CAAC;IAClB,IAAI,CAACT,QAAQ,EAAEF,eAAe,CAACzB,CAAC,CAAC;EACnC,CAAC,EACD,CAAC2B,QAAQ,EAAEF,eAAe,CAC5B,CAAC;EAED,MAAMY,YAAY,GAAG,IAAAC,KAAA,CAAAjC,OAAA,EAAI,gBAAgB,EAAEwB,IAAI,CAAC;EAChD,MAAMU,SAAS,GAAG,IAAAD,KAAA,CAAAjC,OAAA,EAAI,aAAa,EAAEwB,IAAI,CAAC;EAC1C,MAAMW,UAAU,GAAG,IAAAF,KAAA,CAAAjC,OAAA,EAAI,cAAc,EAAEwB,IAAI,CAAC;EAE5C,MAAMY,SAAS,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAE9B,MAAMC,YAAY,GAAG,IAAAC,cAAO,EAC1B,MAAM,CAAC,IAAAC,SAAA,CAAAxC,OAAA,EAAQiB,qBAAqB,CAAC,IAAI,CAAC,IAAAuB,SAAA,CAAAxC,OAAA,EAAQgB,kBAAkB,CAAC,EACrE,CAACA,kBAAkB,EAAEC,qBAAqB,CAC5C,CAAC;;EAED;EACAwB,OAAO,CAACC,GAAG,CAAC,qCAAqC,EAAEJ,YAAY,CAAC;;EAEhE;EACA,MAAM,CAACK,sBAAsB,CAAC,GAAG,IAAAC,eAAQ,EACvCN,YAAY,GAAG,IAAAO,QAAM,EAAC,iBAAiB,EAAEA,QAAM,CAACC,GAAG,CAAC,GAAGC,SACzD,CAAC;EAED,MAAMC,cAAc,GAAG,IAAAT,cAAO;EAC5B;EACA,MAAOD,YAAY,GAAIvB,QAAQ,GAAGE,qBAAqB,GAAGD,kBAAkB,GAAI,IAAK,EACrF,CAACA,kBAAkB,EAAED,QAAQ,EAAEE,qBAAqB,EAAEqB,YAAY,CACpE,CAAC;EACD;EACAG,OAAO,CAACC,GAAG,CAAC,uCAAuC,EAAEM,cAAc,CAAC;EAEpE,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAN,eAAQ,EAACG,SAAS,CAAC;EAEjE,MAAM,CAACI,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG,IAAAR,eAAQ,EAAC,KAAK,CAAC;EAE/D,MAAMS,eAAe,GAAG,IAAAxB,kBAAW,EAAC,MAAM;IACxCoB,eAAe,IAAIK,YAAY,CAACL,eAAe,CAAC;IAChD;IAA2B,IAAAM,KAAA,CAAAvD,OAAA,EAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAAEoC,SAAS,CAAC,IAAIA,SAAS,CAACoB,OAAO,CAACC,KAAK,CAAC,CAAC;IAC5FL,mBAAmB,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,CAACH,eAAe,CAAC,CAAC;EAErB,MAAMS,gBAAgB,GAAG,IAAA7B,kBAAW,EAAC,MAAM;IACzCqB,kBAAkB,CAChBS,UAAU,CAAC,MAAM;MACfP,mBAAmB,CAAC,KAAK,CAAC;MAC1B;MACA;MAA2B,IAAAG,KAAA,CAAAvD,OAAA,EAAI,CAAC,SAAS,EAAE,MAAM,CAAC,EAAEoC,SAAS,CAAC,IAAIA,SAAS,CAACoB,OAAO,CAACI,IAAI,CAAC,CAAC;IAC5F,CAAC,EAAE,GAAG,CACR,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,cAAc,GAAG,IAAAhC,kBAAW,EAChCiC,KAAK,IAAI;IACP,IAAAC,8BAAqB,EAACZ,gBAAgB,EAAEC,mBAAmB,EAAEhB,SAAS,CAAC,CAAC0B,KAAK,CAAC;EAChF,CAAC,EACD,CAACX,gBAAgB,CACnB,CAAC;EAED,MAAMa,oBAAoB,GAAG,IAAAzB,cAAO,EAClC,MAAM,IAAA0B,mBAAU,EAACC,iBAAK,CAACnD,QAAQ,EAAEG,SAAS,EAAEH,QAAQ,IAAImD,iBAAK,CAACC,QAAQ,CAAC,EACvE,CAACjD,SAAS,EAAEH,QAAQ,CACtB,CAAC;EACD,MAAMqD,IAAI,GAAG,IAAA7B,cAAO,EAClB,MACExB,QAAQ,gBACNjC,MAAA,CAAAkB,OAAA,CAAAqE,aAAA,CAAChF,UAAA,CAAAiF;EACC;EAAA;IACApD,SAAS,EAAEgD,iBAAK,CAACK,SAAU;IAC3BL,KAAK,EAAE;MAACM,KAAK,EAAErC;IAAU,CAAE;IAC3BsC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACX,eAAY,qBAAqB;IACjC,cAAYvD,SAAS,CAACwD;EAAmB,CAC1C,CAAC,gBAEF7F,MAAA,CAAAkB,OAAA,CAAAqE,aAAA,CAAChF,UAAA,CAAAuF,6BAAQ;IACP1D,SAAS,EAAEgD,iBAAK,CAACW,QAAS;IAC1BX,KAAK,EAAE;MAACM,KAAK,EAAEtC;IAAS,CAAE;IAC1BuC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACX,eAAY,mBAAmB;IAC/B,cAAYvD,SAAS,CAAC2D;EAAc,CACrC,CACF,EACH,CAAC3D,SAAS,CAAC2D,aAAa,EAAE3D,SAAS,CAACwD,kBAAkB,EAAExC,UAAU,EAAED,SAAS,EAAEnB,QAAQ,CACzF,CAAC;EAED,oBACEjC,MAAA,CAAAkB,OAAA,CAAAqE,aAAA;IAAKnD,SAAS,EAAEgD,iBAAK,CAACa,eAAgB;IAAC,eAAY;EAAkB,gBACnEjG,MAAA,CAAAkB,OAAA,CAAAqE,aAAA,CAAC7E,OAAA,CAAAQ,OAAM;IACLoC,SAAS,EAAEA,SAAU;IACrB4C,IAAI,EAAC,QAAQ;IACb,YAAUrC,sBAAuB;IACjC,sBAAmB,MAAM;IACzB,YAAUL,YAAa;IACvB,aAAU,UAAU;IACpB,eAAY,iBAAiB;IAC7B,cAAYnB,SAAS,CAACJ,QAAS;IAC/BkE,sBAAsB,EAAEjB,oBAAqB;IAC7CkB,OAAO,EAAEtD,mBAAoB;IAC7BsC,KAAK,EAAE;MACLM,KAAK,EAAExC;IACT,CAAE;IACFmD,SAAS,EAAEtB,cAAe;IAC1BuB,YAAY,EAAE1B,gBAAiB;IAC/B2B,WAAW,EAAEhC,eAAgB;IAC7BiC,QAAQ,EAAE,CAAE;IACZC,YAAY;IACZC,UAAU,EAAE;EAAM,GAEjBpB,IACK,CAAC,eACTtF,MAAA,CAAAkB,OAAA,CAAAqE,aAAA,CAAC9E,QAAA,CAAAS,OAAO;IACNyF,QAAQ,EAAE,EAAG;IACbC,QAAQ,EAAE/C,sBAAuB;IACjCQ,gBAAgB,EAAEA,gBAAiB;IACnCwC,cAAc,EAAE3C,cAAe;IAC/B4C,oCAAoC,EAAElE,SAAS,CAAC,2BAA2B,CAAE;IAC7EmE,0BAA0B;EAAA,CAC3B,CACE,CAAC;AAEV,CAAC;AAED/E,QAAQ,CAACgF,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnB/E,SAAS,EAAEgF,kBAAS,CAACC,MAAM;EAC3BpF,QAAQ,EAAEmF,kBAAS,CAACE,IAAI;EACxB9E,QAAQ,EAAE4E,kBAAS,CAACE,IAAI;EACxBpF,kBAAkB,EAAEkF,kBAAS,CAACC,MAAM;EACpClF,qBAAqB,EAAEiF,kBAAS,CAACC,MAAM;EACvC/E,eAAe,EAAE8E,kBAAS,CAACG,IAAI;EAC/B,YAAY,EAAEH,kBAAS,CAACI,KAAK,CAAC;IAC5BvF,QAAQ,EAAEmF,kBAAS,CAACC,MAAM;IAC1BrB,aAAa,EAAEoB,kBAAS,CAACC,MAAM;IAC/BxB,kBAAkB,EAAEuB,kBAAS,CAACC;EAChC,CAAC;AACH,CAAC;AAEDrF,QAAQ,CAACyF,YAAY,GAAG;EACtB/E,IAAI,EAAEgF,iBAAQ,CAACC,iBAAiB,CAACjF,IAAI;EACrCE,SAAS,EAAE8E,iBAAQ,CAACC,iBAAiB,CAAC/E;AACxC,CAAC;AAAC,IAAAgF,QAAA,GAAAC,OAAA,CAAA3G,OAAA,GAEac,QAAQ","ignoreList":[]}
+{"version":3,"file":"favorite.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_uuid","_novaIcons","_provider","_tooltip","_button","_favorite","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Favorite","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","onFavoriteClick","_noop2","disabled","legacyContext","skin","GetSkinFromContext","translate","GetTranslateFromContext","handleFavoriteClick","useCallback","stopPropagation","preventDefault","primaryColor","_get2","darkColor","brandColor","buttonRef","useRef","allowToolTip","useMemo","_isEmpty2","favoriteButtonAnchorId","useState","uuidV5","URL","undefined","toolTipContent","mouseLeaveTimer","setMouseLeaveTimer","toolTipIsVisible","setToolTipIsVisible","handleMouseOver","clearTimeout","_has2","current","focus","handleMouseLeave","setTimeout","blur","handleKeyPress","event","toggleStateOnKeyPress","iconWrapperClassName","classnames","style","selected","icon","createElement","NovaCompositionCoorpacademyCheck","checkIcon","color","width","height","removeFromFavorite","NovaCompositionNavigationMore","moreIcon","addToFavorite","favoriteWrapper","type","buttonContentClassName","onClick","onKeyDown","onMouseLeave","onMouseOver","tabIndex","useButtonTag","useWrapper","fontSize","anchorId","TooltipContent","closeToolTipInformationTextAriaLabel","stickyOnKeyboardNavigation","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","shape","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/molecule/card/favorite.js"],"sourcesContent":["import React, {useCallback, useMemo, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {v5 as uuidV5} from 'uuid';\nimport {get, has, isEmpty, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext, GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip, {toggleStateOnKeyPress} from '../../atom/tooltip';\nimport Button from '../../atom/button';\nimport style from './favorite.css';\n\nconst Favorite = (\n  {\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    className,\n    'aria-label': ariaLabel = {},\n    onFavoriteClick = noop,\n    disabled\n  },\n  legacyContext\n) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n  const handleFavoriteClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (!disabled) onFavoriteClick(e);\n    },\n    [disabled, onFavoriteClick]\n  );\n\n  const primaryColor = get('common.primary', skin);\n  const darkColor = get('common.dark', skin);\n  const brandColor = get('common.brand', skin);\n\n  const buttonRef = useRef(null);\n\n  const allowToolTip = useMemo(\n    () => !isEmpty(removeFavoriteToolTip) && !isEmpty(addFavoriteToolTip),\n    [addFavoriteToolTip, removeFavoriteToolTip]\n  );\n\n  // to be replaced by useId when React17 is bumped to React18\n  const [favoriteButtonAnchorId] = useState(\n    allowToolTip ? uuidV5('engaged-battle-', uuidV5.URL) : undefined\n  );\n\n  const toolTipContent = useMemo(\n    // eslint-disable-next-line no-nested-ternary\n    () => (allowToolTip ? (favorite ? removeFavoriteToolTip : addFavoriteToolTip) : null),\n    [addFavoriteToolTip, favorite, removeFavoriteToolTip, allowToolTip]\n  );\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    /* istanbul ignore next */ has(['current', 'focus'], buttonRef) && buttonRef.current.focus();\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(\n      setTimeout(() => {\n        setToolTipIsVisible(false);\n        // @ts-expect-error (error: blur does not exists on type never)\n        /* istanbul ignore next */ has(['current', 'blur'], buttonRef) && buttonRef.current.blur();\n      }, 500)\n    );\n  }, []);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const iconWrapperClassName = useMemo(\n    () => classnames(style.favorite, className, favorite && style.selected),\n    [className, favorite]\n  );\n  const icon = useMemo(\n    () =>\n      favorite ? (\n        <CheckIcon\n          // eslint-disable-next-line css-modules/no-undef-class\n          className={style.checkIcon}\n          style={{color: brandColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-check-icon\"\n          aria-label={ariaLabel.removeFromFavorite}\n        />\n      ) : (\n        <MoreIcon\n          className={style.moreIcon}\n          style={{color: darkColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-add-icon\"\n          aria-label={ariaLabel.addToFavorite}\n        />\n      ),\n    [ariaLabel.addToFavorite, ariaLabel.removeFromFavorite, brandColor, darkColor, favorite]\n  );\n\n  return (\n    <div className={style.favoriteWrapper} data-testid=\"favorite-wrapper\">\n      <Button\n        buttonRef={buttonRef}\n        type=\"button\"\n        data-for={favoriteButtonAnchorId}\n        data-tooltip-place=\"left\"\n        data-tip={allowToolTip}\n        data-name=\"favorite\"\n        data-testid=\"favorite-button\"\n        aria-label={ariaLabel.favorite}\n        buttonContentClassName={iconWrapperClassName}\n        onClick={handleFavoriteClick}\n        style={{\n          color: primaryColor\n        }}\n        onKeyDown={handleKeyPress}\n        onMouseLeave={handleMouseLeave}\n        onMouseOver={handleMouseOver}\n        tabIndex={0}\n        useButtonTag\n        useWrapper={false}\n      >\n        {icon}\n      </Button>\n      <ToolTip\n        fontSize={12}\n        anchorId={favoriteButtonAnchorId}\n        toolTipIsVisible={toolTipIsVisible}\n        TooltipContent={toolTipContent}\n        closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n        stickyOnKeyboardNavigation\n      />\n    </div>\n  );\n};\n\nFavorite.propTypes = {\n  className: PropTypes.string,\n  favorite: PropTypes.bool,\n  disabled: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onFavoriteClick: PropTypes.func,\n  'aria-label': PropTypes.shape({\n    favorite: PropTypes.string,\n    addToFavorite: PropTypes.string,\n    removeFromFavorite: PropTypes.string\n  })\n};\n\nFavorite.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default Favorite;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/index.js"],"names":[],"mappings":";;;;;AA8QA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BE;;;AAnKF,uDA+HG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/index.js"],"names":[],"mappings":";;;;;AA2PA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BE;;;AAlKF,uDA8HG"}

package/lib/molecule/card/index.js

@@ -14,8 +14,6 @@ var _novaIcons = require("@coorpacademy/nova-icons");
 var _externalContent = require("../../util/external-content");
 var _provider = _interopRequireDefault(require("../../atom/provider"));
 var _cardContent = _interopRequireWildcard(require("../card-content"));
-var _icon = _interopRequireDefault(require("../../atom/icon"));
-var _colors = require("../../variables/colors");
 var _customer = _interopRequireDefault(require("./customer"));
 var _favorite = _interopRequireDefault(require("./favorite"));
 var _selectable = _interopRequireDefault(require("./selectable"));
@@ -29,7 +27,6 @@ const THEMES = exports.THEMES = {
   default: null,
   coorpmanager: _style.default.coorpmanager
 };
-const ICON_SIZE = '28px';
 const CardBackground = ({
   type,
   image,
@@ -41,35 +38,22 @@ const CardBackground = ({
   const externalContent = (0, _externalContent.isExternalContent)(type);
   const primaryColor = (0, _get2.default)('common.primary', skin);
   const whiteColor = (0, _get2.default)('common.white', skin);
-  if (externalContent && _externalContent.EXTERNAL_CONTENT_ICONS[type] || type === 'chapter') {
-    const {
-      iconName,
-      iconColor
-    } = _externalContent.ICONS_TYPES[type];
+  if (externalContent && _externalContent.EXTERNAL_CONTENT_ICONS[type]) {
+    const IconType = _externalContent.EXTERNAL_CONTENT_ICONS[type].icon;
+    const iconColor = _externalContent.EXTERNAL_CONTENT_ICONS[type].color;
     const backgroundIcon = /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)(_style.default.externalIconCircleWrapper, _style.default.externalIconCircleWithImageWrapper)
-    }, /*#__PURE__*/_react.default.createElement(_icon.default, {
-      iconName: iconName,
-      customStyle: {
-        color: _colors.COLORS.white,
-        height: ICON_SIZE,
-        width: ICON_SIZE
-      }
+      className: _style.default.externalIconCircleWrapper
+    }, /*#__PURE__*/_react.default.createElement(IconType, {
+      className: _style.default.externalIcon
     }));
     if (image) {
       const _backgroundIcon = /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(_style.default.externalIconCircleWrapper, _style.default.externalIconCircleWithImageWrapper),
         style: {
           backgroundColor: iconColor
-        },
-        "data-testid": "card-background-image"
-      }, /*#__PURE__*/_react.default.createElement(_icon.default, {
-        iconName: iconName,
-        customStyle: {
-          color: _colors.COLORS.white,
-          height: ICON_SIZE,
-          width: ICON_SIZE
         }
+      }, /*#__PURE__*/_react.default.createElement(IconType, {
+        className: _style.default.externalIconWithImage
       }));
       return /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.imageWrapper
@@ -101,7 +85,7 @@ const CardBackground = ({
     }
   }) : null;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.imageWrapper
+    className: (0, _classnames.default)(_style.default.imageWrapper, type === 'chapter' ? _style.default.chapterImageWrapper : null)
   }, /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "cover",
     "aria-label": ariaLabel,
@@ -158,7 +142,7 @@ const Card = /*#__PURE__*/(0, _react.memo)(function Card(props, context) {
   } = props;
   const empty = (0, _isEmpty2.default)((0, _pick2.default)(['title', 'type', 'author', 'image'], props));
   const primaryColor = (0, _get2.default)('common.primary', skin);
-  const cardStyle = (0, _classnames.default)(THEMES[theme], _style.default.course, title ? null : _style.default.lazy, _style.default.grid, empty ? _style.default.empty : null);
+  const cardStyle = (0, _classnames.default)(THEMES[theme], type === 'chapter' ? _style.default.chapter : _style.default.course, title ? null : _style.default.lazy, _style.default.grid, empty ? _style.default.empty : null);
   const disabled = hidden && (!isSelected || (0, _isUndefined2.default)(isSelected));
   const handleClick = (0, _react.useMemo)(() => e => onClick(e), [onClick]);
   const lock = disabled ? /*#__PURE__*/_react.default.createElement("div", {
@@ -187,8 +171,6 @@ const Card = /*#__PURE__*/(0, _react.memo)(function Card(props, context) {
         return contentType;
     }
   };
-  // eslint-disable-next-line no-console
-  console.log('type of card', type, 'favorite', favorite);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: cardStyle,
     "data-name": "card",