@coorpacademy/components 11.32.45 → 11.32.46

package/lib/organism/sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["NEUTRAL_COLOR","InputTextItem","props","title","placeholder","value","onChange","disabled","name","index","uppercase","handleOnChange","useMemo","e","target","style","selectItem","classnames","selectTitle","input","propTypes","PropTypes","number","string","isRequired","bool","func","SelectItem","options","arrayOf","shape","selected","MultiSelectItem","LinkItem","href","color","onClick","styles","children","setChildrenAsHtml","activeIcon","handleOnClick","classNames","linkItem","innerHTML","itemWithoutIcon","borderStyle","borderLeftColor","textDecoration","__html","IconLinkItem","icon","TitleItem","titleItem","titleItemTitle","ButtonItem","neutralColor","cta","backgroundColor","button","rectangular","fullWidth","secondary","submitValue","buttonItem","oneOfType","Cta","InfoItem","color_","infoItem","infoItemTitle","infoItemContent","SidebarItem","item","type","oneOf","SidebarItems","items","sectionItems","map","Sidebar","context","sections","Array","isArray","skin","defaultColor","sidebar","sidebarSection","idx","sidebarPart","contextTypes","Provider","childContextTypes"],"sources":["../../../src/organism/sidebar/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, defaults} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyOpenInNewTab,\n  NovaSolidStatusCheckCircle2 as ActiveIcon\n} from '@coorpacademy/nova-icons';\n\nimport Link from '../../atom/link';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Select from '../../atom/select';\nimport Cta from '../../atom/cta';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport style from './style.css';\n\nconst NEUTRAL_COLOR = '#607D8B';\n\nexport const InputTextItem = props => {\n  const {\n    title,\n    placeholder = '',\n    value,\n    onChange = noop,\n    disabled,\n    name,\n    index,\n    uppercase = true\n  } = props;\n  const handleOnChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  return (\n    <li data-name={name || `inputtext-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <input\n        type=\"text\"\n        name={title}\n        className={style.input}\n        placeholder={placeholder}\n        value={value}\n        disabled={disabled}\n        onChange={handleOnChange}\n      />\n    </li>\n  );\n};\n\nInputTextItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  placeholder: PropTypes.string,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const SelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <Select title={title} onChange={onChange} theme=\"header\" options={options} />\n    </li>\n  );\n};\n\nSelectItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired\n    })\n  ).isRequired,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const MultiSelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <SelectMultiple theme=\"sidebar\" onChange={onChange} options={options} />\n    </li>\n  );\n};\n\nMultiSelectItem.propTypes = SelectItem.propTypes;\n\nexport const LinkItem = ({\n  href,\n  index,\n  name,\n  selected,\n  color,\n  title,\n  onClick,\n  uppercase = true,\n  styles,\n  children,\n  setChildrenAsHtml = true,\n  target = '_self',\n  activeIcon = false\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const classNames = classnames(\n    style.linkItem,\n    style.innerHTML,\n    {[style.uppercase]: uppercase},\n    styles,\n    !activeIcon && setChildrenAsHtml ? style.itemWithoutIcon : null\n  );\n  const borderStyle = {borderLeftColor: selected ? color : null};\n\n  return (\n    <Link\n      target={target}\n      onClick={handleOnClick}\n      skinHover\n      href={href}\n      data-name={name || `link-item-${index}`}\n      style={{\n        textDecoration: 'none',\n        color: selected ? color : NEUTRAL_COLOR\n      }}\n    >\n      {setChildrenAsHtml ? (\n        <li\n          className={classNames}\n          style={borderStyle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : (\n        <li className={classNames} style={borderStyle}>\n          {activeIcon ? <ActiveIcon className={style.activeIcon} /> : null}\n          {title}\n          {children}\n        </li>\n      )}\n    </Link>\n  );\n};\n\nLinkItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  selected: PropTypes.bool,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool,\n  setChildrenAsHtml: PropTypes.bool,\n  target: PropTypes.string,\n  activeIcon: PropTypes.bool\n};\n\nexport const IconLinkItem = ({\n  index,\n  name = `button-link-item-${index}`,\n  onClick,\n  uppercase = true,\n  ...props\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  return (\n    <LinkItem\n      {...props}\n      setChildrenAsHtml={false}\n      onClick={handleOnClick}\n      name={name}\n      uppercase={uppercase}\n      index={index}\n    >\n      <NovaCompositionCoorpacademyOpenInNewTab className={style.icon} />\n    </LinkItem>\n  );\n};\n\nIconLinkItem.propTypes = LinkItem.propTypes;\n\nexport const TitleItem = ({name, index, title, uppercase}) => {\n  return (\n    <ul data-name={name || `item-title-${index}`} className={style.titleItem}>\n      <li className={classnames(style.titleItemTitle, {[style.uppercase]: uppercase})}>{title}</li>\n    </ul>\n  );\n};\n\nTitleItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nexport const ButtonItem = ({\n  index,\n  onClick,\n  color,\n  neutralColor,\n  name,\n  href,\n  title,\n  cta,\n  uppercase\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const backgroundColor = neutralColor === true ? NEUTRAL_COLOR : color;\n  const button = cta ? (\n    <Cta\n      {...defaults(\n        {\n          onClick: handleOnClick,\n          href,\n          rectangular: true,\n          fullWidth: true,\n          secondary: true,\n          submitValue: title\n        },\n        cta\n      )}\n    />\n  ) : (\n    <Button type=\"link\" href={href} onClick={handleOnClick} style={{backgroundColor}}>\n      {title}\n    </Button>\n  );\n  return (\n    <li\n      data-name={name || `button-item-${index}`}\n      className={classnames(style.buttonItem, {[style.uppercase]: uppercase})}\n    >\n      {button}\n    </li>\n  );\n};\n\nButtonItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  onClick: PropTypes.func,\n  cta: PropTypes.oneOfType([PropTypes.shape(Cta.propTypes), PropTypes.bool]),\n  uppercase: PropTypes.bool\n};\n\nexport const InfoItem = ({onClick, index, name, color, neutralColor, title, value, uppercase}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const color_ = neutralColor === true ? NEUTRAL_COLOR : color;\n  return (\n    <ul data-name={name || `item-info-${index}`} className={style.infoItem}>\n      <li className={style.infoItemTitle}>{title}</li>\n      <li\n        className={classnames(style.infoItemContent, {[style.uppercase]: uppercase})}\n        onClick={handleOnClick}\n        style={{\n          borderLeftColor: color_,\n          color: color_\n        }}\n      >\n        {value}\n      </li>\n    </ul>\n  );\n};\n\nInfoItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItem = ({item, color, index}) => {\n  switch (item.type) {\n    case 'select': {\n      return <SelectItem {...item} color={color} index={index} />;\n    }\n    case 'multi-select':\n      return <MultiSelectItem {...item} color={color} index={index} />;\n    case 'link':\n      return <LinkItem {...item} color={color} index={index} />;\n    case 'iconLink':\n      return <IconLinkItem {...item} color={color} index={index} />;\n    case 'title':\n      return <TitleItem {...item} color={color} index={index} />;\n    case 'button':\n      return <ButtonItem {...item} color={color} index={index} />;\n    case 'info':\n      return <InfoItem {...item} color={color} index={index} />;\n    case 'inputtext':\n      return <InputTextItem {...item} color={color} index={index} />;\n  }\n};\n\nSidebarItem.propTypes = {\n  item: PropTypes.oneOfType([\n    PropTypes.shape({...TitleItem.propTypes, type: PropTypes.oneOf(['title']).isRequired}),\n    PropTypes.shape({...IconLinkItem.propTypes, type: PropTypes.oneOf(['iconLink']).isRequired}),\n    PropTypes.shape({...ButtonItem.propTypes, type: PropTypes.oneOf(['button']).isRequired}),\n    PropTypes.shape({...InfoItem.propTypes, type: PropTypes.oneOf(['info']).isRequired}),\n    PropTypes.shape({...LinkItem.propTypes, type: PropTypes.oneOf(['link']).isRequired}),\n    PropTypes.shape({...InputTextItem.propTypes, type: PropTypes.oneOf(['inputtext']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['select']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['multi-select']).isRequired})\n  ]),\n  index: PropTypes.number,\n  color: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItems = ({items, color}) => {\n  return (\n    <ul className={style.sectionItems}>\n      {items.map((item, index) => (\n        <SidebarItem item={item} key={index} index={index} color={color} />\n      ))}\n    </ul>\n  );\n};\n\nSidebarItems.propTypes = {\n  color: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape(SidebarItem.propTypes))\n};\n\nconst Sidebar = ({items}, context) => {\n  const sections = Array.isArray(items[0]) ? items : [items];\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  return (\n    <div data-name=\"sidebar\" className={style.sidebar}>\n      {sections.map((sidebarSection, idx) => (\n        <div data-name={`sidebarpart-${idx + 1}`} className={style.sidebarPart} key={idx}>\n          <SidebarItems items={sidebarSection} color={defaultColor} />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nSidebar.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      SidebarItem.propTypes.item,\n      PropTypes.arrayOf(SidebarItem.propTypes.item).isRequired\n    ])\n  ).isRequired\n};\n\nSidebar.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Sidebar;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["NEUTRAL_COLOR","InputTextItem","props","title","placeholder","value","onChange","disabled","name","index","uppercase","handleOnChange","useMemo","e","target","style","selectItem","classnames","selectTitle","input","propTypes","PropTypes","number","string","isRequired","bool","func","SelectItem","options","arrayOf","shape","selected","MultiSelectItem","LinkItem","href","color","onClick","styles","children","setChildrenAsHtml","activeIcon","context","skin","GetSkinFromContext","handleOnClick","classNames","linkItem","innerHTML","itemWithoutIcon","borderStyle","borderLeftColor","textDecoration","__html","contextTypes","Provider","childContextTypes","IconLinkItem","icon","TitleItem","titleItem","titleItemTitle","ButtonItem","neutralColor","cta","backgroundColor","button","rectangular","fullWidth","secondary","submitValue","buttonItem","oneOfType","Cta","InfoItem","color_","infoItem","infoItemTitle","infoItemContent","SidebarItem","item","type","oneOf","SidebarItems","items","sectionItems","map","Sidebar","sections","Array","isArray","defaultColor","sidebar","sidebarSection","idx","sidebarPart"],"sources":["../../../src/organism/sidebar/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, defaults} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyOpenInNewTab,\n  NovaSolidStatusCheckCircle2 as ActiveIcon\n} from '@coorpacademy/nova-icons';\n\nimport Link from '../../atom/link';\nimport Button from '../../atom/button';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\nimport Select from '../../atom/select';\nimport Cta from '../../atom/cta';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport style from './style.css';\n\nconst NEUTRAL_COLOR = '#607D8B';\n\nexport const InputTextItem = props => {\n  const {\n    title,\n    placeholder = '',\n    value,\n    onChange = noop,\n    disabled,\n    name,\n    index,\n    uppercase = true\n  } = props;\n  const handleOnChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  return (\n    <li data-name={name || `inputtext-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <input\n        type=\"text\"\n        name={title}\n        className={style.input}\n        placeholder={placeholder}\n        value={value}\n        disabled={disabled}\n        onChange={handleOnChange}\n      />\n    </li>\n  );\n};\n\nInputTextItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  placeholder: PropTypes.string,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const SelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <Select title={title} onChange={onChange} theme=\"header\" options={options} />\n    </li>\n  );\n};\n\nSelectItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired\n    })\n  ).isRequired,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const MultiSelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <SelectMultiple theme=\"sidebar\" onChange={onChange} options={options} />\n    </li>\n  );\n};\n\nMultiSelectItem.propTypes = SelectItem.propTypes;\n\nexport const LinkItem = (\n  {\n    href,\n    index,\n    name,\n    selected,\n    color,\n    title,\n    onClick,\n    uppercase = true,\n    styles,\n    children,\n    setChildrenAsHtml = true,\n    target = '_self',\n    activeIcon = false\n  },\n  context\n) => {\n  const skin = GetSkinFromContext(context);\n\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const classNames = classnames(\n    style.linkItem,\n    style.innerHTML,\n    {[style.uppercase]: uppercase},\n    styles,\n    !activeIcon && setChildrenAsHtml ? style.itemWithoutIcon : null\n  );\n  const borderStyle = {borderLeftColor: selected ? color : null};\n\n  return (\n    <Link\n      target={target}\n      onClick={handleOnClick}\n      hoverColor={getOr('#00B0FF', 'common.primary', skin)}\n      href={href}\n      data-name={name || `link-item-${index}`}\n      style={{\n        textDecoration: 'none',\n        color: selected ? color : NEUTRAL_COLOR\n      }}\n    >\n      {setChildrenAsHtml ? (\n        <li\n          className={classNames}\n          style={borderStyle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : (\n        <li className={classNames} style={borderStyle}>\n          {activeIcon ? <ActiveIcon className={style.activeIcon} /> : null}\n          {title}\n          {children}\n        </li>\n      )}\n    </Link>\n  );\n};\n\nLinkItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  selected: PropTypes.bool,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool,\n  setChildrenAsHtml: PropTypes.bool,\n  target: PropTypes.string,\n  activeIcon: PropTypes.bool\n};\n\nLinkItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport const IconLinkItem = ({\n  index,\n  name = `button-link-item-${index}`,\n  onClick,\n  uppercase = true,\n  ...props\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  return (\n    <LinkItem\n      {...props}\n      setChildrenAsHtml={false}\n      onClick={handleOnClick}\n      name={name}\n      uppercase={uppercase}\n      index={index}\n    >\n      <NovaCompositionCoorpacademyOpenInNewTab className={style.icon} />\n    </LinkItem>\n  );\n};\n\nIconLinkItem.propTypes = LinkItem.propTypes;\n\nexport const TitleItem = ({name, index, title, uppercase}) => {\n  return (\n    <ul data-name={name || `item-title-${index}`} className={style.titleItem}>\n      <li className={classnames(style.titleItemTitle, {[style.uppercase]: uppercase})}>{title}</li>\n    </ul>\n  );\n};\n\nTitleItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nexport const ButtonItem = ({\n  index,\n  onClick,\n  color,\n  neutralColor,\n  name,\n  href,\n  title,\n  cta,\n  uppercase\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const backgroundColor = neutralColor === true ? NEUTRAL_COLOR : color;\n  const button = cta ? (\n    <Cta\n      {...defaults(\n        {\n          onClick: handleOnClick,\n          href,\n          rectangular: true,\n          fullWidth: true,\n          secondary: true,\n          submitValue: title\n        },\n        cta\n      )}\n    />\n  ) : (\n    <Button type=\"link\" href={href} onClick={handleOnClick} style={{backgroundColor}}>\n      {title}\n    </Button>\n  );\n  return (\n    <li\n      data-name={name || `button-item-${index}`}\n      className={classnames(style.buttonItem, {[style.uppercase]: uppercase})}\n    >\n      {button}\n    </li>\n  );\n};\n\nButtonItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  onClick: PropTypes.func,\n  cta: PropTypes.oneOfType([PropTypes.shape(Cta.propTypes), PropTypes.bool]),\n  uppercase: PropTypes.bool\n};\n\nexport const InfoItem = ({onClick, index, name, color, neutralColor, title, value, uppercase}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const color_ = neutralColor === true ? NEUTRAL_COLOR : color;\n  return (\n    <ul data-name={name || `item-info-${index}`} className={style.infoItem}>\n      <li className={style.infoItemTitle}>{title}</li>\n      <li\n        className={classnames(style.infoItemContent, {[style.uppercase]: uppercase})}\n        onClick={handleOnClick}\n        style={{\n          borderLeftColor: color_,\n          color: color_\n        }}\n      >\n        {value}\n      </li>\n    </ul>\n  );\n};\n\nInfoItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItem = ({item, color, index}) => {\n  switch (item.type) {\n    case 'select': {\n      return <SelectItem {...item} color={color} index={index} />;\n    }\n    case 'multi-select':\n      return <MultiSelectItem {...item} color={color} index={index} />;\n    case 'link':\n      return <LinkItem {...item} color={color} index={index} />;\n    case 'iconLink':\n      return <IconLinkItem {...item} color={color} index={index} />;\n    case 'title':\n      return <TitleItem {...item} color={color} index={index} />;\n    case 'button':\n      return <ButtonItem {...item} color={color} index={index} />;\n    case 'info':\n      return <InfoItem {...item} color={color} index={index} />;\n    case 'inputtext':\n      return <InputTextItem {...item} color={color} index={index} />;\n  }\n};\n\nSidebarItem.propTypes = {\n  item: PropTypes.oneOfType([\n    PropTypes.shape({...TitleItem.propTypes, type: PropTypes.oneOf(['title']).isRequired}),\n    PropTypes.shape({...IconLinkItem.propTypes, type: PropTypes.oneOf(['iconLink']).isRequired}),\n    PropTypes.shape({...ButtonItem.propTypes, type: PropTypes.oneOf(['button']).isRequired}),\n    PropTypes.shape({...InfoItem.propTypes, type: PropTypes.oneOf(['info']).isRequired}),\n    PropTypes.shape({...LinkItem.propTypes, type: PropTypes.oneOf(['link']).isRequired}),\n    PropTypes.shape({...InputTextItem.propTypes, type: PropTypes.oneOf(['inputtext']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['select']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['multi-select']).isRequired})\n  ]),\n  index: PropTypes.number,\n  color: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItems = ({items, color}) => {\n  return (\n    <ul className={style.sectionItems}>\n      {items.map((item, index) => (\n        <SidebarItem item={item} key={index} index={index} color={color} />\n      ))}\n    </ul>\n  );\n};\n\nSidebarItems.propTypes = {\n  color: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape(SidebarItem.propTypes))\n};\n\nconst Sidebar = ({items}, context) => {\n  const sections = Array.isArray(items[0]) ? items : [items];\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  return (\n    <div data-name=\"sidebar\" className={style.sidebar}>\n      {sections.map((sidebarSection, idx) => (\n        <div data-name={`sidebarpart-${idx + 1}`} className={style.sidebarPart} key={idx}>\n          <SidebarItems items={sidebarSection} color={defaultColor} />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nSidebar.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      SidebarItem.propTypes.item,\n      PropTypes.arrayOf(SidebarItem.propTypes.item).isRequired\n    ])\n  ).isRequired\n};\n\nSidebar.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Sidebar;\n"],"mappings":"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"}

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

@@ -298,8 +298,8 @@ declare namespace PlayerLoading {
                 'aria-label': PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 target: PropTypes.Requireable<string>;
-                skinHover: PropTypes.Requireable<boolean>;
                 hoverColor: PropTypes.Requireable<string>;
+                hoverBackgroundColor: PropTypes.Requireable<string>;
                 download: PropTypes.Requireable<boolean>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -349,8 +349,8 @@ declare namespace SlidePlayer {
                     'aria-label': PropTypes.Requireable<string>;
                     title: PropTypes.Requireable<string>;
                     target: PropTypes.Requireable<string>;
-                    skinHover: PropTypes.Requireable<boolean>;
                     hoverColor: PropTypes.Requireable<string>;
+                    hoverBackgroundColor: PropTypes.Requireable<string>;
                     download: PropTypes.Requireable<boolean>;
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
@@ -655,8 +655,8 @@ declare namespace SlidePlayer {
                 'aria-label': PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 target: PropTypes.Requireable<string>;
-                skinHover: PropTypes.Requireable<boolean>;
                 hoverColor: PropTypes.Requireable<string>;
+                hoverBackgroundColor: PropTypes.Requireable<string>;
                 download: PropTypes.Requireable<boolean>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -355,8 +355,8 @@ declare namespace SlidesPlayer {
                 'aria-label': PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 target: PropTypes.Requireable<string>;
-                skinHover: PropTypes.Requireable<boolean>;
                 hoverColor: PropTypes.Requireable<string>;
+                hoverBackgroundColor: PropTypes.Requireable<string>;
                 download: PropTypes.Requireable<boolean>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -30,8 +30,8 @@ declare class PopinCorrection extends React.Component<any, any, any> {
                 'data-name': PropTypes.Requireable<string>;
                 'aria-label': PropTypes.Requireable<string>;
                 target: PropTypes.Requireable<string>;
-                skinHover: PropTypes.Requireable<boolean>;
                 hoverColor: PropTypes.Requireable<string>;
+                hoverBackgroundColor: PropTypes.Requireable<string>;
                 download: PropTypes.Requireable<boolean>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
@@ -79,8 +79,8 @@ declare class PopinCorrection extends React.Component<any, any, any> {
                 'data-name': PropTypes.Requireable<string>;
                 'aria-label': PropTypes.Requireable<string>;
                 target: PropTypes.Requireable<string>;
-                skinHover: PropTypes.Requireable<boolean>;
                 hoverColor: PropTypes.Requireable<string>;
+                hoverBackgroundColor: PropTypes.Requireable<string>;
                 download: PropTypes.Requireable<boolean>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
@@ -385,8 +385,8 @@ declare class PopinCorrection extends React.Component<any, any, any> {
                 'aria-label': PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 target: PropTypes.Requireable<string>;
-                skinHover: PropTypes.Requireable<boolean>;
                 hoverColor: PropTypes.Requireable<string>;
+                hoverBackgroundColor: PropTypes.Requireable<string>;
                 download: PropTypes.Requireable<boolean>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -30,8 +30,8 @@ declare namespace PopinEnd {
                     'data-name': PropTypes.Requireable<string>;
                     'aria-label': PropTypes.Requireable<string>;
                     target: PropTypes.Requireable<string>;
-                    skinHover: PropTypes.Requireable<boolean>;
                     hoverColor: PropTypes.Requireable<string>;
+                    hoverBackgroundColor: PropTypes.Requireable<string>;
                     download: PropTypes.Requireable<boolean>;
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
@@ -485,8 +485,8 @@ declare namespace PopinEnd {
                 'aria-label': PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 target: PropTypes.Requireable<string>;
-                skinHover: PropTypes.Requireable<boolean>;
                 hoverColor: PropTypes.Requireable<string>;
+                hoverBackgroundColor: PropTypes.Requireable<string>;
                 download: PropTypes.Requireable<boolean>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/template/app-player/popin-end/summary.d.ts

@@ -36,8 +36,8 @@ declare namespace Summary {
                 'data-name': PropTypes.Requireable<string>;
                 'aria-label': PropTypes.Requireable<string>;
                 target: PropTypes.Requireable<string>;
-                skinHover: PropTypes.Requireable<boolean>;
                 hoverColor: PropTypes.Requireable<string>;
+                hoverBackgroundColor: PropTypes.Requireable<string>;
                 download: PropTypes.Requireable<boolean>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/template/app-player/popin-header/index.d.ts

@@ -66,8 +66,8 @@ declare namespace NextQuestionPart {
             'data-name': PropTypes.Requireable<string>;
             'aria-label': PropTypes.Requireable<string>;
             target: PropTypes.Requireable<string>;
-            skinHover: PropTypes.Requireable<boolean>;
             hoverColor: PropTypes.Requireable<string>;
+            hoverBackgroundColor: PropTypes.Requireable<string>;
             download: PropTypes.Requireable<boolean>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -806,8 +806,8 @@ declare const AppReview: {
                     'aria-label': import("prop-types").Requireable<string>;
                     title: import("prop-types").Requireable<string>;
                     target: import("prop-types").Requireable<string>;
-                    skinHover: import("prop-types").Requireable<boolean>;
                     hoverColor: import("prop-types").Requireable<string>;
+                    hoverBackgroundColor: import("prop-types").Requireable<string>;
                     download: import("prop-types").Requireable<boolean>;
                     onClick: import("prop-types").Requireable<(...args: any[]) => any>;
                     onMouseEnter: import("prop-types").Requireable<(...args: any[]) => any>;

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

@@ -806,8 +806,8 @@ declare const propTypes: {
             'aria-label': PropTypes.Requireable<string>;
             title: PropTypes.Requireable<string>;
             target: PropTypes.Requireable<string>;
-            skinHover: PropTypes.Requireable<boolean>;
             hoverColor: PropTypes.Requireable<string>;
+            hoverBackgroundColor: PropTypes.Requireable<string>;
             download: PropTypes.Requireable<boolean>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -810,8 +810,8 @@ declare const propTypes: {
                 'aria-label': PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 target: PropTypes.Requireable<string>;
-                skinHover: PropTypes.Requireable<boolean>;
                 hoverColor: PropTypes.Requireable<string>;
+                hoverBackgroundColor: PropTypes.Requireable<string>;
                 download: PropTypes.Requireable<boolean>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/template/back-office/brand-update/index.d.ts

@@ -1207,8 +1207,8 @@ declare namespace BrandUpdate {
                 'aria-label': PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 target: PropTypes.Requireable<string>;
-                skinHover: PropTypes.Requireable<boolean>;
                 hoverColor: PropTypes.Requireable<string>;
+                hoverBackgroundColor: PropTypes.Requireable<string>;
                 download: PropTypes.Requireable<boolean>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -27,6 +27,7 @@ declare namespace CertificationDetail {
     }
     namespace propTypes {
         const title: PropTypes.Validator<string>;
+        const tag: PropTypes.Requireable<string>;
         const certificationRef: PropTypes.Validator<string>;
         const description: PropTypes.Validator<string>;
         const logoUrl: PropTypes.Requireable<string>;

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

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

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

@@ -49,6 +49,7 @@ const CertificationDetail = (props, context) => {
   const {
     certificationRef,
     title,
+    tag,
     description,
     certificationCourses,
     ongoingCoursesAvailable,
@@ -109,7 +110,7 @@ const CertificationDetail = (props, context) => {
     className: _style.default.logo,
     src: logoUrl
   })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_tag.default, {
-    label: translate('certification')
+    label: tag
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.title
   }, title), description ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Description, null), isDescriptionTruncated ? /*#__PURE__*/_react.default.createElement("div", {
@@ -155,6 +156,7 @@ CertificationDetail.contextTypes = {
 };
 CertificationDetail.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string.isRequired,
+  tag: _propTypes.default.string,
   certificationRef: _propTypes.default.string.isRequired,
   description: _propTypes.default.string.isRequired,
   logoUrl: _propTypes.default.string,

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

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

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

@@ -16,7 +16,16 @@ declare namespace Certifications {
             progress: PropTypes.Requireable<number>;
             imgUrl: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            locales: PropTypes.Requireable<PropTypes.InferProps<{
+                conditionDescriptionProgress: PropTypes.Requireable<string>;
+            }>>;
         }> | null | undefined)[]>;
+        const locales: PropTypes.Requireable<PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+            subtitle: PropTypes.Requireable<string>;
+            tag: PropTypes.Requireable<string>;
+            count: PropTypes.Requireable<string>;
+        }>>;
         const sorting: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             name: PropTypes.Requireable<string>;

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

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

package/lib/template/certifications/index.js

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -19,16 +21,22 @@ var _certificationCard = _interopRequireDefault(require("../../molecule/certific
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Certifications = (props, context) => {
   const {
+    locales: {
+      title,
+      subtitle,
+      tag,
+      count
+    },
     certifications,
     sorting
   } = props;
@@ -50,8 +58,8 @@ const Certifications = (props, context) => {
     className: _style.default.container,
     "data-name": "Certifications"
   }, /*#__PURE__*/_react.default.createElement(_title.default, {
-    title: translate('certificates'),
-    subtitle: translate('certificates_subtitle'),
+    title: title,
+    subtitle: subtitle,
     type: "form-group",
     titleSize: "standard-light-weight",
     subtitleSize: "standard-without-margin",
@@ -65,7 +73,7 @@ const Certifications = (props, context) => {
     className: _style.default.sortSectionWrapper
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.certificatesCount
-  }, `${certifications.length} ${translate('certificate(s)')}`), /*#__PURE__*/_react.default.createElement("div", {
+  }, count), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.sortSection
   }, /*#__PURE__*/_react.default.createElement(_inputSwitch.default, {
     id: 'show-completed-courses-switch',
@@ -79,15 +87,20 @@ const Certifications = (props, context) => {
     className: _style.default.sortWrapper
   }, translate('sort_by'), sortView) : null)), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.certificateList
-  }, certifications.map(certification => {
-    if (!showCompleted && certification.progress === 100) {
-      return null;
-    }
-
+  }, (0, _map2.default)(certification => {
+    const {
+      label,
+      progress
+    } = certification;
+    if (!showCompleted && progress === 100) return null;
     return /*#__PURE__*/_react.default.createElement("div", {
-      key: certification.label
-    }, /*#__PURE__*/_react.default.createElement(_certificationCard.default, certification));
-  }))));
+      key: label
+    }, /*#__PURE__*/_react.default.createElement(_certificationCard.default, _extends({}, certification, {
+      locales: _extends({}, certification.locales, {
+        tag
+      })
+    })));
+  }, certifications))));
 };
 
 Certifications.contextTypes = {
@@ -104,8 +117,17 @@ Certifications.propTypes = process.env.NODE_ENV !== "production" ? {
     }),
     progress: _propTypes.default.number,
     imgUrl: _propTypes.default.string,
-    onClick: _propTypes.default.func
+    onClick: _propTypes.default.func,
+    locales: _propTypes.default.shape({
+      conditionDescriptionProgress: _propTypes.default.string
+    })
   })),
+  locales: _propTypes.default.shape({
+    title: _propTypes.default.string,
+    subtitle: _propTypes.default.string,
+    tag: _propTypes.default.string,
+    count: _propTypes.default.string
+  }),
   sorting: _propTypes.default.shape(_select.default.propTypes)
 } : {};
 var _default = Certifications;

package/lib/template/certifications/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Certifications","props","context","certifications","sorting","translate","showCompleted","setShowCompleted","useState","sortView","undefined","handleShowCompletedToggle","useCallback","style","backgroudnContainer","container","iconName","iconColor","borderRadius","backgroundColor","sortSectionWrapper","certificatesCount","length","sortSection","sortWrapper","certificateList","map","certification","progress","label","contextTypes","Provider","childContextTypes","propTypes","PropTypes","arrayOf","shape","string","goal","title","condition","nbDone","number","imgUrl","onClick","func","Select"],"sources":["../../../src/template/certifications/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Title from '../../atom/title';\nimport Select from '../../atom/select';\nimport InputSwitch from '../../atom/input-switch';\nimport CertificationCard from '../../molecule/certification-card';\nimport style from './style.css';\n\nconst Certifications = (props, context) => {\n  const {certifications, sorting} = props;\n  const {translate} = context;\n\n  const [showCompleted, setShowCompleted] = useState(true);\n\n  const sortView =\n    sorting !== undefined ? (\n      <div data-name=\"choice\">\n        <Select {...sorting} aria-label=\"All courses sort\" />\n      </div>\n    ) : null;\n\n  const handleShowCompletedToggle = useCallback(() => {\n    setShowCompleted(!showCompleted);\n  }, [showCompleted, setShowCompleted]);\n\n  return (\n    <div className={style.backgroudnContainer}>\n      <div className={style.container} data-name=\"Certifications\">\n        <Title\n          title={translate('certificates')}\n          subtitle={translate('certificates_subtitle')}\n          type=\"form-group\"\n          titleSize=\"standard-light-weight\"\n          subtitleSize=\"standard-without-margin\"\n          icon={{\n            iconName: 'wreath-laurel',\n            iconColor: '#B87A00',\n            borderRadius: '12px',\n            backgroundColor: '#FFEECC'\n          }}\n        />\n        <div className={style.sortSectionWrapper}>\n          <div className={style.certificatesCount}>\n            {`${certifications.length} ${translate('certificate(s)')}`}\n          </div>\n          <div className={style.sortSection}>\n            <InputSwitch\n              id={'show-completed-courses-switch'}\n              type=\"switch\"\n              name={translate('show_completed')}\n              title={translate('show_completed')}\n              aria-label={'Show completed courses aria label'}\n              value={showCompleted}\n              onChange={handleShowCompletedToggle}\n            />\n            {sorting ? (\n              <div className={style.sortWrapper}>\n                {translate('sort_by')}\n                {sortView}\n              </div>\n            ) : null}\n          </div>\n        </div>\n        <div className={style.certificateList}>\n          {certifications.map(certification => {\n            if (!showCompleted && certification.progress === 100) {\n              return null;\n            }\n            return (\n              <div key={certification.label}>\n                <CertificationCard {...certification} />\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCertifications.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nCertifications.propTypes = {\n  certifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      goal: PropTypes.shape({\n        title: PropTypes.string,\n        condition: PropTypes.shape({\n          nbDone: PropTypes.number\n        })\n      }),\n      progress: PropTypes.number,\n      imgUrl: PropTypes.string,\n      onClick: PropTypes.func\n    })\n  ),\n  sorting: PropTypes.shape(Select.propTypes)\n};\n\nexport default Certifications;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Certifications","props","context","locales","title","subtitle","tag","count","certifications","sorting","translate","showCompleted","setShowCompleted","useState","sortView","undefined","handleShowCompletedToggle","useCallback","style","backgroudnContainer","container","iconName","iconColor","borderRadius","backgroundColor","sortSectionWrapper","certificatesCount","sortSection","sortWrapper","certificateList","certification","label","progress","contextTypes","Provider","childContextTypes","propTypes","PropTypes","arrayOf","shape","string","goal","condition","nbDone","number","imgUrl","onClick","func","conditionDescriptionProgress","Select"],"sources":["../../../src/template/certifications/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Title from '../../atom/title';\nimport Select from '../../atom/select';\nimport InputSwitch from '../../atom/input-switch';\nimport CertificationCard from '../../molecule/certification-card';\nimport style from './style.css';\n\nconst Certifications = (props, context) => {\n  const {\n    locales: {title, subtitle, tag, count},\n    certifications,\n    sorting\n  } = props;\n  const {translate} = context;\n\n  const [showCompleted, setShowCompleted] = useState(true);\n\n  const sortView =\n    sorting !== undefined ? (\n      <div data-name=\"choice\">\n        <Select {...sorting} aria-label=\"All courses sort\" />\n      </div>\n    ) : null;\n\n  const handleShowCompletedToggle = useCallback(() => {\n    setShowCompleted(!showCompleted);\n  }, [showCompleted, setShowCompleted]);\n\n  return (\n    <div className={style.backgroudnContainer}>\n      <div className={style.container} data-name=\"Certifications\">\n        <Title\n          title={title}\n          subtitle={subtitle}\n          type=\"form-group\"\n          titleSize=\"standard-light-weight\"\n          subtitleSize=\"standard-without-margin\"\n          icon={{\n            iconName: 'wreath-laurel',\n            iconColor: '#B87A00',\n            borderRadius: '12px',\n            backgroundColor: '#FFEECC'\n          }}\n        />\n        <div className={style.sortSectionWrapper}>\n          <div className={style.certificatesCount}>{count}</div>\n          <div className={style.sortSection}>\n            <InputSwitch\n              id={'show-completed-courses-switch'}\n              type=\"switch\"\n              name={translate('show_completed')}\n              title={translate('show_completed')}\n              aria-label={'Show completed courses aria label'}\n              value={showCompleted}\n              onChange={handleShowCompletedToggle}\n            />\n            {sorting ? (\n              <div className={style.sortWrapper}>\n                {translate('sort_by')}\n                {sortView}\n              </div>\n            ) : null}\n          </div>\n        </div>\n        <div className={style.certificateList}>\n          {map(certification => {\n            const {label, progress} = certification;\n            if (!showCompleted && progress === 100) return null;\n\n            return (\n              <div key={label}>\n                <CertificationCard {...certification} locales={{...certification.locales, tag}} />\n              </div>\n            );\n          }, certifications)}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCertifications.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nCertifications.propTypes = {\n  certifications: PropTypes.arrayOf(\n    PropTypes.shape({\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      })\n    })\n  ),\n  locales: PropTypes.shape({\n    title: PropTypes.string,\n    subtitle: PropTypes.string,\n    tag: PropTypes.string,\n    count: PropTypes.string\n  }),\n  sorting: PropTypes.shape(Select.propTypes)\n};\n\nexport default Certifications;\n"],"mappings":"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"}

package/lib/template/common/dashboard/index.d.ts

@@ -302,8 +302,8 @@ declare namespace Dashboard {
                 'aria-label': PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 target: PropTypes.Requireable<string>;
-                skinHover: PropTypes.Requireable<boolean>;
                 hoverColor: PropTypes.Requireable<string>;
+                hoverBackgroundColor: PropTypes.Requireable<string>;
                 download: PropTypes.Requireable<boolean>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
@@ -611,8 +611,8 @@ declare namespace Dashboard {
                 'aria-label': PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 target: PropTypes.Requireable<string>;
-                skinHover: PropTypes.Requireable<boolean>;
                 hoverColor: PropTypes.Requireable<string>;
+                hoverBackgroundColor: PropTypes.Requireable<string>;
                 download: PropTypes.Requireable<boolean>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/template/common/search-page/index.d.ts

@@ -483,8 +483,8 @@ declare namespace SearchPage {
                 'aria-label': PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 target: PropTypes.Requireable<string>;
-                skinHover: PropTypes.Requireable<boolean>;
                 hoverColor: PropTypes.Requireable<string>;
+                hoverBackgroundColor: PropTypes.Requireable<string>;
                 download: PropTypes.Requireable<boolean>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -320,8 +320,8 @@ declare namespace ExternalCourse {
                 'aria-label': PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 target: PropTypes.Requireable<string>;
-                skinHover: PropTypes.Requireable<boolean>;
                 hoverColor: PropTypes.Requireable<string>;
+                hoverBackgroundColor: PropTypes.Requireable<string>;
                 download: PropTypes.Requireable<boolean>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/template/skill-detail/index.d.ts

@@ -67,12 +67,12 @@ declare namespace SkillDetail {
         export const metrics: PropTypes.Requireable<PropTypes.InferProps<{
             score: PropTypes.Requireable<number>;
             questionsToReview: PropTypes.Requireable<number>;
+            totalContents: PropTypes.Requireable<number>;
         }>>;
         export const focused: PropTypes.Requireable<boolean>;
         export const availableForReview: PropTypes.Requireable<boolean>;
         const ongoingCoursesAvailable_1: PropTypes.Requireable<boolean>;
         export { ongoingCoursesAvailable_1 as ongoingCoursesAvailable };
-        export const totalCourses: PropTypes.Requireable<number>;
         export const skillIncludedCourses: PropTypes.Requireable<PropTypes.InferProps<{
             list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
             customStyle: PropTypes.Requireable<{