@coorpacademy/components 11.10.1 → 11.10.2

package/es/organism/mooc-header/index.js

@@ -7,7 +7,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { NovaCompositionNavigationArrowDown as ArrowDown, NovaCompositionNavigationBurger as BurgerIcon, NovaCompositionNavigationClose as CloseIcon, NovaCompositionCoorpacademyStar as StarIcon, NovaCompositionCoorpacademyCharts as ChartsIcon, NovaSolidVoteRewardsRewardsTrophy5 as TrophyIcon, NovaCompositionCoorpacademyCog as CogIcon, NovaSolidTimeAlarm as AlarmIcon } from '@coorpacademy/nova-icons';
+import { NovaCompositionNavigationArrowDown as ArrowDown, NovaCompositionNavigationBurger as BurgerIcon, NovaCompositionNavigationClose as CloseIcon, NovaCompositionCoorpacademyStar as StarIcon, NovaCompositionCoorpacademyCharts as ChartsIcon, NovaSolidVoteRewardsRewardsTrophy5 as TrophyIcon, NovaCompositionCoorpacademyCog as CogIcon, NovaCompositionCoorpacademyPlacesHome24 as HomeIcon, NovaSolidTimeAlarm as AlarmIcon } from '@coorpacademy/nova-icons';
 import Provider from '../../atom/provider';
 import Cta from '../../atom/cta';
 import Select from '../../atom/select';
@@ -24,7 +24,8 @@ class MoocHeader extends React.Component {
     this.state = {
       isSettingsOpen: false,
       isMenuOpen: false,
-      isFocus: false
+      isFocus: false,
+      isToolTipOpen: false
     };
     this.handleSettingsToggle = this.handleSettingsToggle.bind(this);
     this.handleMenuToggle = this.handleMenuToggle.bind(this);
@@ -37,6 +38,9 @@ class MoocHeader extends React.Component {
     this.handleOnBlur = this.handleOnBlur.bind(this);
     this.handleOnMenuOpen = this.handleOnMenuOpen.bind(this);
     this.handleOnMenuClose = this.handleOnMenuClose.bind(this);
+    this.handleOnMouseOver = this.handleOnMouseOver.bind(this);
+    this.handleOnMouseLeave = this.handleOnMouseLeave.bind(this);
+    this.handleKeyPress = this.handleKeyPress.bind(this);
   }
 
   componentDidUpdate(prevProps, prevState, prevContext) {
@@ -151,6 +155,30 @@ class MoocHeader extends React.Component {
     }));
   }
 
+  handleOnMouseOver() {
+    this.setState(() => ({
+      isToolTipOpen: true
+    }));
+  }
+
+  handleOnMouseLeave() {
+    this.setState(() => ({
+      isToolTipOpen: false
+    }));
+  }
+
+  handleKeyPress(event) {
+    if (event.key === 'Enter') {
+      this.setState(() => ({
+        isToolTipOpen: true
+      }));
+    } else if (event.key === 'Tab' || event.key === 'Escape') {
+      this.setState(() => ({
+        isToolTipOpen: false
+      }));
+    }
+  }
+
   render() {
     if (_isEmpty(this.props)) return null;
     const {
@@ -168,7 +196,8 @@ class MoocHeader extends React.Component {
     const {
       isFocus,
       isSettingsOpen,
-      isMenuOpen
+      isMenuOpen,
+      isToolTipOpen
     } = this.state;
     const {
       translate,
@@ -177,7 +206,9 @@ class MoocHeader extends React.Component {
     const {
       'aria-label': logoAriaLabel,
       closeMenuAriaLabel,
-      openMenuAriaLabel
+      openMenuAriaLabel,
+      toolTipText,
+      closeToolTipInformationTextAriaLabel
     } = logo;
 
     const logoUrl = _get('src', logo) || _get('images.logo', skin);
@@ -269,7 +300,9 @@ class MoocHeader extends React.Component {
         "aria-haspopup": "true",
         "data-name": "item-more"
       }, moreAriaLabel, /*#__PURE__*/React.createElement(ArrowDown, {
-        color: mediumColor,
+        style: {
+          color: mediumColor
+        },
         className: style.caret,
         "aria-label": moreAriaLabel
       })), /*#__PURE__*/React.createElement("div", {
@@ -323,7 +356,9 @@ class MoocHeader extends React.Component {
         style: iconWrapperStyle
       }, /*#__PURE__*/React.createElement(StarIcon, {
         className: style.stars,
-        color: white
+        style: {
+          color: white
+        }
       })), /*#__PURE__*/React.createElement("div", {
         "data-name": "value",
         className: style.label
@@ -338,7 +373,9 @@ class MoocHeader extends React.Component {
         style: iconWrapperStyle
       }, /*#__PURE__*/React.createElement(ChartsIcon, {
         className: style.ranking,
-        color: white
+        style: {
+          color: white
+        }
       })), /*#__PURE__*/React.createElement("div", {
         "data-name": "value",
         className: style.label
@@ -353,7 +390,9 @@ class MoocHeader extends React.Component {
         style: iconWrapperStyle
       }, /*#__PURE__*/React.createElement(TrophyIcon, {
         className: style.badge,
-        color: white
+        style: {
+          color: white
+        }
       })), /*#__PURE__*/React.createElement("div", {
         className: style.label
       }, user.stats.badge.label))), /*#__PURE__*/React.createElement("div", {
@@ -451,7 +490,9 @@ class MoocHeader extends React.Component {
         ref: this.setMenuSettings
       }, /*#__PURE__*/React.createElement(CogIcon, {
         "data-name": "settings-toggle",
-        color: darkColor,
+        style: {
+          color: darkColor
+        },
         className: style.settingsToggle,
         onClick: this.handleSettingsToggle,
         "aria-expanded": isSettingsOpen,
@@ -489,20 +530,27 @@ class MoocHeader extends React.Component {
       "data-open": isMenuOpen,
       className: isMenuOpen ? style.open : style.header
     }, /*#__PURE__*/React.createElement("div", {
-      className: style.logoWrapper
+      className: style.logoWrapper,
+      "aria-label": toolTipText,
+      onMouseOver: this.handleOnMouseOver,
+      onMouseLeave: this.handleOnMouseLeave
     }, /*#__PURE__*/React.createElement("div", {
       className: style.navMobile,
       "data-name": "nav-mobile"
     }, /*#__PURE__*/React.createElement(BurgerIcon, {
       role: "button",
       "data-name": "nav-mobile-open",
-      color: mediumColor,
+      style: {
+        color: mediumColor
+      },
       className: isMenuOpen ? style.burgerHidden : style.burger,
       onClick: this.handleOnMenuOpen,
       "aria-label": openMenuAriaLabel
     }), /*#__PURE__*/React.createElement(CloseIcon, {
       "data-name": "nav-mobile-close",
-      color: mediumColor,
+      style: {
+        color: mediumColor
+      },
       className: isMenuOpen ? style.close : style.closeHidden,
       onClick: this.handleOnMenuClose,
       "aria-label": closeMenuAriaLabel
@@ -515,11 +563,37 @@ class MoocHeader extends React.Component {
     }))), /*#__PURE__*/React.createElement(Link, {
       className: style.logo,
       "data-name": "logo",
-      href: logo.href
+      href: logo.href,
+      onKeyDown: this.handleKeyPress,
+      tabIndex: 0,
+      "data-testid": "brand-logo"
     }, /*#__PURE__*/React.createElement(Picture, {
       src: logoUrl,
       alt: logoAriaLabel
-    }))), searchFormView, /*#__PURE__*/React.createElement("div", {
+    }), isToolTipOpen ? /*#__PURE__*/React.createElement("div", {
+      "aria-label": toolTipText,
+      tabIndex: 0,
+      "data-testid": "home-tooltip"
+    }, /*#__PURE__*/React.createElement("div", {
+      "aria-label": `${toolTipText} ${closeToolTipInformationTextAriaLabel}`,
+      role: "tooltip",
+      className: style.tooltipIconContainer,
+      tabIndex: 0
+    }, /*#__PURE__*/React.createElement(HomeIcon, {
+      className: style.homeIcon,
+      style: {
+        color: primaryColor
+      }
+    }), /*#__PURE__*/React.createElement("p", {
+      className: style.toolTipText // eslint-disable-next-line react/no-danger
+      ,
+      dangerouslySetInnerHTML: {
+        __html: toolTipText
+      },
+      style: {
+        color: primaryColor
+      }
+    }))) : null)), searchFormView, /*#__PURE__*/React.createElement("div", {
       className: isMenuOpen ? style.menuWrapper : style.hiddenMenuWrapper,
       "data-name": "menu-wrapper"
     }, pagesView, userView || linksView, settingsView)));
@@ -537,7 +611,9 @@ MoocHeader.propTypes = process.env.NODE_ENV !== "production" ? {
     srcMobile: PropTypes.string,
     href: PropTypes.string,
     'aria-label': PropTypes.string,
-    'button-aria-label': PropTypes.string
+    'button-aria-label': PropTypes.string,
+    toolTipText: PropTypes.string,
+    closeToolTipInformationTextAriaLabel: PropTypes.string
   }),
   search: PropTypes.shape(Search.propTypes),
   'search-reset-aria-label': PropTypes.string,

package/es/organism/mooc-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionNavigationBurger","BurgerIcon","NovaCompositionNavigationClose","CloseIcon","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyCharts","ChartsIcon","NovaSolidVoteRewardsRewardsTrophy5","TrophyIcon","NovaCompositionCoorpacademyCog","CogIcon","NovaSolidTimeAlarm","AlarmIcon","Provider","Cta","Select","Picture","InputSwitch","Link","Search","SearchForm","style","MoocHeader","Component","constructor","props","state","isSettingsOpen","isMenuOpen","isFocus","handleSettingsToggle","bind","handleMenuToggle","_checkOnClose","handleLinkClick","setMenuSettings","handleSubmitSearch","handleResetSearch","handleOnFocus","handleOnBlur","handleOnMenuOpen","handleOnMenuClose","componentDidUpdate","prevProps","prevState","prevContext","document","addEventListener","removeEventListener","el","menuSettings","clickEvent","menu","contains","target","setState","onSubmitSearch","onResetSearch","onMenuOpen","onMenuClose","render","logo","pages","items","settings","user","links","search","searchResetAriaLabel","settingsAriaLabel","closeSettingsAriaLabel","activePageAriaLabel","translate","skin","context","logoAriaLabel","closeMenuAriaLabel","openMenuAriaLabel","logoUrl","logoMobileUrl","pagesView","linksView","userView","settingsView","notificationsView","searchFormView","moreAriaLabel","closeLabel","primaryColor","mediumColor","darkColor","white","iconWrapperStyle","backgroundColor","displayedPages","displayed","map","item","index","activeColor","selected","color","pageCountAriaLabel","itemLabel","title","pageBadge","counter","href","itemBadge","name","itemName","activePage","bar","optionsView","more","option","value","noItems","currentOption","caret","optionsGroup","ctas","cta","length","ctaLink","nbNotifications","notificationsAriaLabel","notifications","notificationPageView","notification","active","stats","stat","stars","iconWrapper","label","ranking","badge","avatarWrapper","avatar","userLink","picture","profileAvatarAlt","settingsElements","setting","settingView","options","type","settingName","hoverColor","ariaLabel","link","selectProps","values","theme","onChange","switchProps","id","settingsToggle","settingsWrapper","settingsWrapperHidden","settingsGroup","closeSettings","hiddenSearchBar","searchBar","wrapper","open","header","logoWrapper","navMobile","burgerHidden","burger","close","closeHidden","menuWrapper","hiddenMenuWrapper","contextTypes","childContextTypes","propTypes","shape","src","string","srcMobile","func","arrayOf","oneOf","bool","number"],"sources":["../../../src/organism/mooc-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, get, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationBurger as BurgerIcon,\n  NovaCompositionNavigationClose as CloseIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyCharts as ChartsIcon,\n  NovaSolidVoteRewardsRewardsTrophy5 as TrophyIcon,\n  NovaCompositionCoorpacademyCog as CogIcon,\n  NovaSolidTimeAlarm as AlarmIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Cta from '../../atom/cta';\nimport Select from '../../atom/select';\nimport Picture from '../../atom/picture';\nimport InputSwitch from '../../atom/input-switch';\nimport Link from '../../atom/link';\nimport Search from '../../atom/input-search';\nimport SearchForm from '../../molecule/search-form';\nimport style from './style.css';\n\nclass MoocHeader extends React.Component {\n  static propTypes = {\n    logo: PropTypes.shape({\n      src: PropTypes.string,\n      srcMobile: PropTypes.string,\n      href: PropTypes.string,\n      'aria-label': PropTypes.string,\n      'button-aria-label': PropTypes.string\n    }),\n    search: PropTypes.shape(Search.propTypes),\n    'search-reset-aria-label': PropTypes.string,\n    onSubmitSearch: PropTypes.func,\n    onResetSearch: PropTypes.func,\n    pages: PropTypes.shape({\n      displayed: PropTypes.arrayOf(\n        PropTypes.shape({\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          title: PropTypes.string,\n          name: PropTypes.string,\n          href: PropTypes.string,\n          selected: PropTypes.bool,\n          counter: PropTypes.number,\n          'page-count-aria-label': PropTypes.string\n        })\n      ),\n      more: PropTypes.arrayOf(\n        PropTypes.shape({\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          title: PropTypes.string,\n          name: PropTypes.string,\n          href: PropTypes.string,\n          selected: PropTypes.bool,\n          counter: PropTypes.number\n        })\n      )\n    }),\n    links: PropTypes.arrayOf(PropTypes.shape(Cta.propTypes)),\n    user: PropTypes.shape({\n      picture: PropTypes.string,\n      'picture-aria-label': PropTypes.string,\n      profileAvatarAlt: PropTypes.string,\n      href: PropTypes.string,\n      notifications: PropTypes.shape({\n        href: PropTypes.string,\n        value: PropTypes.number,\n        'aria-label': PropTypes.string\n      }),\n      stats: PropTypes.shape({\n        stars: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        }),\n        ranking: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        }),\n        badge: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        })\n      })\n    }),\n    'settings-aria-label': PropTypes.string,\n    'close-settings-aria-label': PropTypes.string,\n    'active-page-aria-label': PropTypes.string,\n    settings: PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.string,\n        name: PropTypes.string,\n        type: PropTypes.oneOf(['select', 'switch', 'link']),\n        color: PropTypes.string,\n        'aria-label': PropTypes.string,\n        options: PropTypes.shape({\n          href: PropTypes.string,\n          onChange: PropTypes.func,\n          value: PropTypes.bool,\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          values: PropTypes.arrayOf(\n            PropTypes.shape({\n              value: PropTypes.string,\n              name: PropTypes.string,\n              selected: PropTypes.bool\n            })\n          )\n        })\n      })\n    ),\n    onMenuOpen: PropTypes.func,\n    onMenuClose: PropTypes.func\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate,\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      isSettingsOpen: false,\n      isMenuOpen: false,\n      isFocus: false\n    };\n\n    this.handleSettingsToggle = this.handleSettingsToggle.bind(this);\n    this.handleMenuToggle = this.handleMenuToggle.bind(this);\n    this._checkOnClose = this._checkOnClose.bind(this);\n    this.handleLinkClick = this.handleLinkClick.bind(this);\n    this.setMenuSettings = this.setMenuSettings.bind(this);\n    this.handleSubmitSearch = this.handleSubmitSearch.bind(this);\n    this.handleResetSearch = this.handleResetSearch.bind(this);\n    this.handleOnFocus = this.handleOnFocus.bind(this);\n    this.handleOnBlur = this.handleOnBlur.bind(this);\n    this.handleOnMenuOpen = this.handleOnMenuOpen.bind(this);\n    this.handleOnMenuClose = this.handleOnMenuClose.bind(this);\n  }\n\n  componentDidUpdate(prevProps, prevState, prevContext) {\n    const {isSettingsOpen} = this.state;\n    if (isSettingsOpen) {\n      document.addEventListener('click', this._checkOnClose);\n      document.addEventListener('touchstart', this._checkOnClose);\n    } else {\n      document.removeEventListener('click', this._checkOnClose);\n      document.removeEventListener('touchstart', this._checkOnClose);\n    }\n  }\n\n  setMenuSettings(el) {\n    this.menuSettings = el;\n  }\n\n  _checkOnClose(clickEvent) {\n    const {isSettingsOpen} = this.state;\n    if (isSettingsOpen) {\n      const menu = this.menuSettings;\n      if (menu && !menu.contains(clickEvent.target)) {\n        this.handleSettingsToggle();\n      }\n    }\n  }\n\n  handleLinkClick() {\n    const {isMenuOpen} = this.state;\n    isMenuOpen && this.handleMenuToggle();\n  }\n\n  handleSettingsToggle() {\n    this.setState(prevState => ({\n      isSettingsOpen: !prevState.isSettingsOpen\n    }));\n  }\n\n  handleMenuToggle() {\n    const {isMenuOpen} = this.state;\n    isMenuOpen ? this.handleOnMenuClose() : this.handleOnMenuOpen();\n  }\n\n  handleSubmitSearch() {\n    const {onSubmitSearch} = this.props;\n    if (onSubmitSearch) {\n      onSubmitSearch();\n    }\n  }\n\n  handleResetSearch() {\n    const {onResetSearch} = this.props;\n    if (onResetSearch) {\n      onResetSearch();\n    }\n  }\n\n  handleOnFocus() {\n    this.setState(prevState => ({\n      isFocus: true\n    }));\n  }\n\n  handleOnBlur() {\n    this.setState(prevState => ({\n      isFocus: false\n    }));\n  }\n\n  handleOnMenuOpen() {\n    const {onMenuOpen} = this.props;\n    if (onMenuOpen) {\n      onMenuOpen();\n    }\n    this.setState(() => ({\n      isMenuOpen: true\n    }));\n  }\n\n  handleOnMenuClose() {\n    const {onMenuClose} = this.props;\n    if (onMenuClose) {\n      onMenuClose();\n    }\n    this.setState(() => ({\n      isMenuOpen: false\n    }));\n  }\n\n  render() {\n    if (isEmpty(this.props)) return null;\n    const {\n      logo = {},\n      pages: items,\n      settings,\n      user,\n      links,\n      search,\n      'search-reset-aria-label': searchResetAriaLabel,\n      'settings-aria-label': settingsAriaLabel,\n      'close-settings-aria-label': closeSettingsAriaLabel,\n      'active-page-aria-label': activePageAriaLabel\n    } = this.props;\n    const {isFocus, isSettingsOpen, isMenuOpen} = this.state;\n    const {translate, skin} = this.context;\n    const {'aria-label': logoAriaLabel, closeMenuAriaLabel, openMenuAriaLabel} = logo;\n    const logoUrl = get('src', logo) || get('images.logo', skin);\n    const logoMobileUrl = get('srcMobile', logo) || getOr(logoUrl, 'images.logo-mobile', skin);\n\n    let pagesView = null;\n    let linksView = null;\n    let userView = null;\n    let settingsView = null;\n    let notificationsView = null;\n    let searchFormView = null;\n\n    const moreAriaLabel = translate('More');\n    const closeLabel = translate('Close');\n    const primaryColor = get('common.primary', skin);\n    const mediumColor = get('common.medium', skin);\n    const darkColor = get('common.dark', skin);\n    const white = get('common.white', skin);\n    const iconWrapperStyle = {backgroundColor: primaryColor};\n\n    if (items) {\n      const displayedPages = items.displayed.map((item, index) => {\n        const activeColor = item.selected\n          ? {\n              color: primaryColor\n            }\n          : null;\n\n        const {'page-count-aria-label': pageCountAriaLabel} = item;\n        const itemLabel = item.selected ? `${item.title}. ${activePageAriaLabel}` : item.title;\n        const pageBadge =\n          item.counter > 0 ? (\n            <Link\n              href={item.href}\n              data-name=\"item-badge\"\n              className={style.itemBadge}\n              aria-label={pageCountAriaLabel}\n            >\n              {item.counter}\n            </Link>\n          ) : null;\n\n        const {name: itemName = index} = item;\n\n        return (\n          <Link\n            key={itemName}\n            data-name={`item-${itemName}`}\n            href={item.href}\n            className={item.selected ? style.activePage : style.item}\n            skinHover\n            onClick={this.handleLinkClick}\n            target={item.target || null}\n            aria-label={itemLabel}\n            style={{\n              ...activeColor\n            }}\n          >\n            {item.title}\n            {pageBadge}\n            <span\n              className={style.bar}\n              style={{\n                backgroundColor: primaryColor\n              }}\n            />\n          </Link>\n        );\n      });\n\n      const optionsView = items.more.map((item, index) => {\n        const activeColor = item.selected\n          ? {\n              color: primaryColor\n            }\n          : null;\n        const itemLabel = item.selected ? `${item.title}. ${activePageAriaLabel}` : item.title;\n        const {name: itemName = index} = item;\n        return (\n          <Link\n            href={item.href}\n            key={itemName}\n            className={style.option}\n            data-name={`item-more-${itemName}`}\n            target={item.target || null}\n            aria-label={itemLabel}\n            onClick={this.handleLinkClick}\n            skinHover\n            style={{\n              ...activeColor\n            }}\n          >\n            {item.title}\n          </Link>\n        );\n      });\n\n      pagesView = (\n        <div className={search.value || isFocus ? style.noItems : style.items}>\n          {displayedPages}\n          <div className={style.more}>\n            <div className={style.currentOption} aria-haspopup=\"true\" data-name=\"item-more\">\n              {moreAriaLabel}\n              <ArrowDown color={mediumColor} className={style.caret} aria-label={moreAriaLabel} />\n            </div>\n            <div className={style.optionsGroup}>{optionsView}</div>\n          </div>\n        </div>\n      );\n    }\n\n    if (links) {\n      const ctas = links.map((cta, index) => {\n        return (\n          <Cta {...cta} key={index} className={index + 1 === links.length ? null : style.ctaLink} />\n        );\n      });\n\n      linksView = <div className={style.links}>{ctas}</div>;\n    }\n\n    if (user) {\n      const nbNotifications = getOr(0, 'notifications.value', user);\n      const notificationsAriaLabel = getOr('', 'notifications.aria-label', user);\n\n      notificationsView =\n        nbNotifications > 0 ? (\n          <Link\n            href={user.notifications.href}\n            data-name=\"user-notifications\"\n            className={style.notifications}\n          >\n            {nbNotifications}\n          </Link>\n        ) : null;\n      const notificationPageView = (\n        <Link\n          className={classnames(style.notification, nbNotifications > 0 ? style.active : null)}\n          data-name=\"stat-notifications\"\n          href={user.notifications.href}\n          aria-label={notificationsAriaLabel}\n        >\n          <div>\n            <AlarmIcon width={16} height={16} />\n          </div>\n          {notificationsView}\n        </Link>\n      );\n      userView = (\n        <div className={style.user}>\n          <div className={style.stats}>\n            <Link\n              className={style.stat}\n              data-name=\"stat-stars\"\n              href={user.stats.stars.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.stars['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <StarIcon className={style.stars} color={white} />\n              </div>\n              <div data-name=\"value\" className={style.label}>\n                {user.stats.stars.label}\n              </div>\n            </Link>\n            <Link\n              className={style.stat}\n              data-name=\"stat-ranking\"\n              href={user.stats.ranking.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.ranking['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <ChartsIcon className={style.ranking} color={white} />\n              </div>\n\n              <div data-name=\"value\" className={style.label}>\n                {user.stats.ranking.label}\n              </div>\n            </Link>\n            <Link\n              className={style.stat}\n              data-name=\"stat-badge\"\n              href={user.stats.badge.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.badge['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <TrophyIcon className={style.badge} color={white} />\n              </div>\n              <div className={style.label}>{user.stats.badge.label}</div>\n            </Link>\n          </div>\n          <div className={style.avatarWrapper}>\n            {notificationPageView}\n            <div className={style.avatar} data-name=\"user-avatar\">\n              <Link\n                href={user.href}\n                className={style.userLink}\n                onClick={this.handleLinkClick}\n                aria-label={user['picture-aria-label']}\n              >\n                <Picture src={user.picture} alt={user.profileAvatarAlt} />\n              </Link>\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    if (settings) {\n      const settingsElements = settings.map((setting, index) => {\n        let settingView = null;\n        const {\n          options,\n          type,\n          title,\n          name: settingName = index,\n          color,\n          hoverColor,\n          'aria-label': ariaLabel\n        } = setting;\n\n        switch (type) {\n          case 'link': {\n            settingView = (\n              <div data-name={`setting-${settingName}`} className={style.setting} key={settingName}>\n                <Link\n                  className={style.link}\n                  href={options.href}\n                  skinHover\n                  hoverColor={hoverColor}\n                  onClick={this.handleLinkClick}\n                  target={options.target || null}\n                  aria-label={ariaLabel || title}\n                  style={{\n                    color\n                  }}\n                >\n                  {title}\n                </Link>\n              </div>\n            );\n            break;\n          }\n          case 'select': {\n            const selectProps = {};\n            selectProps.options = options.values;\n            selectProps.title = '';\n            selectProps.theme = 'header';\n            selectProps.onChange = options.onChange;\n\n            settingView = (\n              <div data-name={`setting-${settingName}`} className={style.setting} key={settingName}>\n                <span className={style.label}>{title}</span>\n                <Select {...selectProps} aria-label={ariaLabel || title} />\n              </div>\n            );\n            break;\n          }\n          case 'switch': {\n            const switchProps = {};\n            switchProps.value = options.value;\n            switchProps.id = `input-switch-${index}`;\n            switchProps.onChange = options.onChange;\n\n            settingView = (\n              <div\n                data-name={`setting-${settingName}`}\n                className={style.setting}\n                key={settingName}\n                aria-label={ariaLabel || title}\n              >\n                <span className={style.label}>{title}</span>\n                <InputSwitch {...switchProps} />\n              </div>\n            );\n            break;\n          }\n        }\n\n        return settingView;\n      });\n\n      settingsView = (\n        <div className={style.settings} ref={this.setMenuSettings}>\n          <CogIcon\n            data-name=\"settings-toggle\"\n            color={darkColor}\n            className={style.settingsToggle}\n            onClick={this.handleSettingsToggle}\n            aria-expanded={isSettingsOpen}\n            aria-label={settingsAriaLabel}\n          />\n          <div className={isSettingsOpen ? style.settingsWrapper : style.settingsWrapperHidden}>\n            <div data-name=\"settings\" className={style.settingsGroup}>\n              {settingsElements}\n            </div>\n            <div\n              className={style.closeSettings}\n              onClick={this.handleSettingsToggle}\n              aria-label={closeSettingsAriaLabel}\n            >\n              {closeLabel}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    if (search) {\n      searchFormView = (\n        <div\n          data-name=\"Search-Bar\"\n          className={isMenuOpen ? style.hiddenSearchBar : style.searchBar}\n        >\n          <SearchForm\n            search={search}\n            onSubmit={this.handleSubmitSearch}\n            onReset={this.handleResetSearch}\n            onSearchFocus={this.handleOnFocus}\n            onSearchBlur={this.handleOnBlur}\n            search-reset-aria-label={searchResetAriaLabel}\n          />\n        </div>\n      );\n    }\n\n    return (\n      <header className={style.wrapper}>\n        <div\n          data-name=\"moocHeader\"\n          data-open={isMenuOpen}\n          className={isMenuOpen ? style.open : style.header}\n        >\n          <div className={style.logoWrapper}>\n            <div className={style.navMobile} data-name=\"nav-mobile\">\n              <BurgerIcon\n                role=\"button\"\n                data-name=\"nav-mobile-open\"\n                color={mediumColor}\n                className={isMenuOpen ? style.burgerHidden : style.burger}\n                onClick={this.handleOnMenuOpen}\n                aria-label={openMenuAriaLabel}\n              />\n              <CloseIcon\n                data-name=\"nav-mobile-close\"\n                color={mediumColor}\n                className={isMenuOpen ? style.close : style.closeHidden}\n                onClick={this.handleOnMenuClose}\n                aria-label={closeMenuAriaLabel}\n              />\n              <Link data-name=\"logo-mobile\" href={logo.href}>\n                <Picture src={logoMobileUrl} alt={logoAriaLabel} />\n              </Link>\n            </div>\n            <Link className={style.logo} data-name=\"logo\" href={logo.href}>\n              <Picture src={logoUrl} alt={logoAriaLabel} />\n            </Link>\n          </div>\n          {searchFormView}\n          <div\n            className={isMenuOpen ? style.menuWrapper : style.hiddenMenuWrapper}\n            data-name=\"menu-wrapper\"\n          >\n            {pagesView}\n            {userView || linksView}\n            {settingsView}\n          </div>\n        </div>\n      </header>\n    );\n  }\n}\n\nexport default MoocHeader;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionNavigationBurger","BurgerIcon","NovaCompositionNavigationClose","CloseIcon","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyCharts","ChartsIcon","NovaSolidVoteRewardsRewardsTrophy5","TrophyIcon","NovaCompositionCoorpacademyCog","CogIcon","NovaCompositionCoorpacademyPlacesHome24","HomeIcon","NovaSolidTimeAlarm","AlarmIcon","Provider","Cta","Select","Picture","InputSwitch","Link","Search","SearchForm","style","MoocHeader","Component","constructor","props","state","isSettingsOpen","isMenuOpen","isFocus","isToolTipOpen","handleSettingsToggle","bind","handleMenuToggle","_checkOnClose","handleLinkClick","setMenuSettings","handleSubmitSearch","handleResetSearch","handleOnFocus","handleOnBlur","handleOnMenuOpen","handleOnMenuClose","handleOnMouseOver","handleOnMouseLeave","handleKeyPress","componentDidUpdate","prevProps","prevState","prevContext","document","addEventListener","removeEventListener","el","menuSettings","clickEvent","menu","contains","target","setState","onSubmitSearch","onResetSearch","onMenuOpen","onMenuClose","event","key","render","logo","pages","items","settings","user","links","search","searchResetAriaLabel","settingsAriaLabel","closeSettingsAriaLabel","activePageAriaLabel","translate","skin","context","logoAriaLabel","closeMenuAriaLabel","openMenuAriaLabel","toolTipText","closeToolTipInformationTextAriaLabel","logoUrl","logoMobileUrl","pagesView","linksView","userView","settingsView","notificationsView","searchFormView","moreAriaLabel","closeLabel","primaryColor","mediumColor","darkColor","white","iconWrapperStyle","backgroundColor","displayedPages","displayed","map","item","index","activeColor","selected","color","pageCountAriaLabel","itemLabel","title","pageBadge","counter","href","itemBadge","name","itemName","activePage","bar","optionsView","more","option","value","noItems","currentOption","caret","optionsGroup","ctas","cta","length","ctaLink","nbNotifications","notificationsAriaLabel","notifications","notificationPageView","notification","active","stats","stat","stars","iconWrapper","label","ranking","badge","avatarWrapper","avatar","userLink","picture","profileAvatarAlt","settingsElements","setting","settingView","options","type","settingName","hoverColor","ariaLabel","link","selectProps","values","theme","onChange","switchProps","id","settingsToggle","settingsWrapper","settingsWrapperHidden","settingsGroup","closeSettings","hiddenSearchBar","searchBar","wrapper","open","header","logoWrapper","navMobile","burgerHidden","burger","close","closeHidden","tooltipIconContainer","homeIcon","__html","menuWrapper","hiddenMenuWrapper","contextTypes","childContextTypes","propTypes","shape","src","string","srcMobile","func","arrayOf","oneOf","bool","number"],"sources":["../../../src/organism/mooc-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, get, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationBurger as BurgerIcon,\n  NovaCompositionNavigationClose as CloseIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyCharts as ChartsIcon,\n  NovaSolidVoteRewardsRewardsTrophy5 as TrophyIcon,\n  NovaCompositionCoorpacademyCog as CogIcon,\n  NovaCompositionCoorpacademyPlacesHome24 as HomeIcon,\n  NovaSolidTimeAlarm as AlarmIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Cta from '../../atom/cta';\nimport Select from '../../atom/select';\nimport Picture from '../../atom/picture';\nimport InputSwitch from '../../atom/input-switch';\nimport Link from '../../atom/link';\nimport Search from '../../atom/input-search';\nimport SearchForm from '../../molecule/search-form';\nimport style from './style.css';\n\nclass MoocHeader extends React.Component {\n  static propTypes = {\n    logo: PropTypes.shape({\n      src: PropTypes.string,\n      srcMobile: PropTypes.string,\n      href: PropTypes.string,\n      'aria-label': PropTypes.string,\n      'button-aria-label': PropTypes.string,\n      toolTipText: PropTypes.string,\n      closeToolTipInformationTextAriaLabel: PropTypes.string\n    }),\n    search: PropTypes.shape(Search.propTypes),\n    'search-reset-aria-label': PropTypes.string,\n    onSubmitSearch: PropTypes.func,\n    onResetSearch: PropTypes.func,\n    pages: PropTypes.shape({\n      displayed: PropTypes.arrayOf(\n        PropTypes.shape({\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          title: PropTypes.string,\n          name: PropTypes.string,\n          href: PropTypes.string,\n          selected: PropTypes.bool,\n          counter: PropTypes.number,\n          'page-count-aria-label': PropTypes.string\n        })\n      ),\n      more: PropTypes.arrayOf(\n        PropTypes.shape({\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          title: PropTypes.string,\n          name: PropTypes.string,\n          href: PropTypes.string,\n          selected: PropTypes.bool,\n          counter: PropTypes.number\n        })\n      )\n    }),\n    links: PropTypes.arrayOf(PropTypes.shape(Cta.propTypes)),\n    user: PropTypes.shape({\n      picture: PropTypes.string,\n      'picture-aria-label': PropTypes.string,\n      profileAvatarAlt: PropTypes.string,\n      href: PropTypes.string,\n      notifications: PropTypes.shape({\n        href: PropTypes.string,\n        value: PropTypes.number,\n        'aria-label': PropTypes.string\n      }),\n      stats: PropTypes.shape({\n        stars: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        }),\n        ranking: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        }),\n        badge: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        })\n      })\n    }),\n    'settings-aria-label': PropTypes.string,\n    'close-settings-aria-label': PropTypes.string,\n    'active-page-aria-label': PropTypes.string,\n    settings: PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.string,\n        name: PropTypes.string,\n        type: PropTypes.oneOf(['select', 'switch', 'link']),\n        color: PropTypes.string,\n        'aria-label': PropTypes.string,\n        options: PropTypes.shape({\n          href: PropTypes.string,\n          onChange: PropTypes.func,\n          value: PropTypes.bool,\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          values: PropTypes.arrayOf(\n            PropTypes.shape({\n              value: PropTypes.string,\n              name: PropTypes.string,\n              selected: PropTypes.bool\n            })\n          )\n        })\n      })\n    ),\n    onMenuOpen: PropTypes.func,\n    onMenuClose: PropTypes.func\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate,\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      isSettingsOpen: false,\n      isMenuOpen: false,\n      isFocus: false,\n      isToolTipOpen: false\n    };\n\n    this.handleSettingsToggle = this.handleSettingsToggle.bind(this);\n    this.handleMenuToggle = this.handleMenuToggle.bind(this);\n    this._checkOnClose = this._checkOnClose.bind(this);\n    this.handleLinkClick = this.handleLinkClick.bind(this);\n    this.setMenuSettings = this.setMenuSettings.bind(this);\n    this.handleSubmitSearch = this.handleSubmitSearch.bind(this);\n    this.handleResetSearch = this.handleResetSearch.bind(this);\n    this.handleOnFocus = this.handleOnFocus.bind(this);\n    this.handleOnBlur = this.handleOnBlur.bind(this);\n    this.handleOnMenuOpen = this.handleOnMenuOpen.bind(this);\n    this.handleOnMenuClose = this.handleOnMenuClose.bind(this);\n    this.handleOnMouseOver = this.handleOnMouseOver.bind(this);\n    this.handleOnMouseLeave = this.handleOnMouseLeave.bind(this);\n    this.handleKeyPress = this.handleKeyPress.bind(this);\n  }\n\n  componentDidUpdate(prevProps, prevState, prevContext) {\n    const {isSettingsOpen} = this.state;\n    if (isSettingsOpen) {\n      document.addEventListener('click', this._checkOnClose);\n      document.addEventListener('touchstart', this._checkOnClose);\n    } else {\n      document.removeEventListener('click', this._checkOnClose);\n      document.removeEventListener('touchstart', this._checkOnClose);\n    }\n  }\n\n  setMenuSettings(el) {\n    this.menuSettings = el;\n  }\n\n  _checkOnClose(clickEvent) {\n    const {isSettingsOpen} = this.state;\n    if (isSettingsOpen) {\n      const menu = this.menuSettings;\n      if (menu && !menu.contains(clickEvent.target)) {\n        this.handleSettingsToggle();\n      }\n    }\n  }\n\n  handleLinkClick() {\n    const {isMenuOpen} = this.state;\n    isMenuOpen && this.handleMenuToggle();\n  }\n\n  handleSettingsToggle() {\n    this.setState(prevState => ({\n      isSettingsOpen: !prevState.isSettingsOpen\n    }));\n  }\n\n  handleMenuToggle() {\n    const {isMenuOpen} = this.state;\n    isMenuOpen ? this.handleOnMenuClose() : this.handleOnMenuOpen();\n  }\n\n  handleSubmitSearch() {\n    const {onSubmitSearch} = this.props;\n    if (onSubmitSearch) {\n      onSubmitSearch();\n    }\n  }\n\n  handleResetSearch() {\n    const {onResetSearch} = this.props;\n    if (onResetSearch) {\n      onResetSearch();\n    }\n  }\n\n  handleOnFocus() {\n    this.setState(prevState => ({\n      isFocus: true\n    }));\n  }\n\n  handleOnBlur() {\n    this.setState(prevState => ({\n      isFocus: false\n    }));\n  }\n\n  handleOnMenuOpen() {\n    const {onMenuOpen} = this.props;\n    if (onMenuOpen) {\n      onMenuOpen();\n    }\n    this.setState(() => ({\n      isMenuOpen: true\n    }));\n  }\n\n  handleOnMenuClose() {\n    const {onMenuClose} = this.props;\n    if (onMenuClose) {\n      onMenuClose();\n    }\n    this.setState(() => ({\n      isMenuOpen: false\n    }));\n  }\n\n  handleOnMouseOver() {\n    this.setState(() => ({\n      isToolTipOpen: true\n    }));\n  }\n\n  handleOnMouseLeave() {\n    this.setState(() => ({\n      isToolTipOpen: false\n    }));\n  }\n\n  handleKeyPress(event) {\n    if (event.key === 'Enter') {\n      this.setState(() => ({\n        isToolTipOpen: true\n      }));\n    } else if (event.key === 'Tab' || event.key === 'Escape') {\n      this.setState(() => ({\n        isToolTipOpen: false\n      }));\n    }\n  }\n\n  render() {\n    if (isEmpty(this.props)) return null;\n    const {\n      logo = {},\n      pages: items,\n      settings,\n      user,\n      links,\n      search,\n      'search-reset-aria-label': searchResetAriaLabel,\n      'settings-aria-label': settingsAriaLabel,\n      'close-settings-aria-label': closeSettingsAriaLabel,\n      'active-page-aria-label': activePageAriaLabel\n    } = this.props;\n    const {isFocus, isSettingsOpen, isMenuOpen, isToolTipOpen} = this.state;\n    const {translate, skin} = this.context;\n    const {\n      'aria-label': logoAriaLabel,\n      closeMenuAriaLabel,\n      openMenuAriaLabel,\n      toolTipText,\n      closeToolTipInformationTextAriaLabel\n    } = logo;\n    const logoUrl = get('src', logo) || get('images.logo', skin);\n    const logoMobileUrl = get('srcMobile', logo) || getOr(logoUrl, 'images.logo-mobile', skin);\n    let pagesView = null;\n    let linksView = null;\n    let userView = null;\n    let settingsView = null;\n    let notificationsView = null;\n    let searchFormView = null;\n\n    const moreAriaLabel = translate('More');\n    const closeLabel = translate('Close');\n    const primaryColor = get('common.primary', skin);\n    const mediumColor = get('common.medium', skin);\n    const darkColor = get('common.dark', skin);\n    const white = get('common.white', skin);\n    const iconWrapperStyle = {backgroundColor: primaryColor};\n\n    if (items) {\n      const displayedPages = items.displayed.map((item, index) => {\n        const activeColor = item.selected\n          ? {\n              color: primaryColor\n            }\n          : null;\n\n        const {'page-count-aria-label': pageCountAriaLabel} = item;\n        const itemLabel = item.selected ? `${item.title}. ${activePageAriaLabel}` : item.title;\n        const pageBadge =\n          item.counter > 0 ? (\n            <Link\n              href={item.href}\n              data-name=\"item-badge\"\n              className={style.itemBadge}\n              aria-label={pageCountAriaLabel}\n            >\n              {item.counter}\n            </Link>\n          ) : null;\n\n        const {name: itemName = index} = item;\n\n        return (\n          <Link\n            key={itemName}\n            data-name={`item-${itemName}`}\n            href={item.href}\n            className={item.selected ? style.activePage : style.item}\n            skinHover\n            onClick={this.handleLinkClick}\n            target={item.target || null}\n            aria-label={itemLabel}\n            style={{\n              ...activeColor\n            }}\n          >\n            {item.title}\n            {pageBadge}\n            <span\n              className={style.bar}\n              style={{\n                backgroundColor: primaryColor\n              }}\n            />\n          </Link>\n        );\n      });\n\n      const optionsView = items.more.map((item, index) => {\n        const activeColor = item.selected\n          ? {\n              color: primaryColor\n            }\n          : null;\n        const itemLabel = item.selected ? `${item.title}. ${activePageAriaLabel}` : item.title;\n        const {name: itemName = index} = item;\n        return (\n          <Link\n            href={item.href}\n            key={itemName}\n            className={style.option}\n            data-name={`item-more-${itemName}`}\n            target={item.target || null}\n            aria-label={itemLabel}\n            onClick={this.handleLinkClick}\n            skinHover\n            style={{\n              ...activeColor\n            }}\n          >\n            {item.title}\n          </Link>\n        );\n      });\n\n      pagesView = (\n        <div className={search.value || isFocus ? style.noItems : style.items}>\n          {displayedPages}\n          <div className={style.more}>\n            <div className={style.currentOption} aria-haspopup=\"true\" data-name=\"item-more\">\n              {moreAriaLabel}\n              <ArrowDown\n                style={{color: mediumColor}}\n                className={style.caret}\n                aria-label={moreAriaLabel}\n              />\n            </div>\n            <div className={style.optionsGroup}>{optionsView}</div>\n          </div>\n        </div>\n      );\n    }\n\n    if (links) {\n      const ctas = links.map((cta, index) => {\n        return (\n          <Cta {...cta} key={index} className={index + 1 === links.length ? null : style.ctaLink} />\n        );\n      });\n\n      linksView = <div className={style.links}>{ctas}</div>;\n    }\n\n    if (user) {\n      const nbNotifications = getOr(0, 'notifications.value', user);\n      const notificationsAriaLabel = getOr('', 'notifications.aria-label', user);\n\n      notificationsView =\n        nbNotifications > 0 ? (\n          <Link\n            href={user.notifications.href}\n            data-name=\"user-notifications\"\n            className={style.notifications}\n          >\n            {nbNotifications}\n          </Link>\n        ) : null;\n      const notificationPageView = (\n        <Link\n          className={classnames(style.notification, nbNotifications > 0 ? style.active : null)}\n          data-name=\"stat-notifications\"\n          href={user.notifications.href}\n          aria-label={notificationsAriaLabel}\n        >\n          <div>\n            <AlarmIcon width={16} height={16} />\n          </div>\n          {notificationsView}\n        </Link>\n      );\n      userView = (\n        <div className={style.user}>\n          <div className={style.stats}>\n            <Link\n              className={style.stat}\n              data-name=\"stat-stars\"\n              href={user.stats.stars.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.stars['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <StarIcon className={style.stars} style={{color: white}} />\n              </div>\n              <div data-name=\"value\" className={style.label}>\n                {user.stats.stars.label}\n              </div>\n            </Link>\n            <Link\n              className={style.stat}\n              data-name=\"stat-ranking\"\n              href={user.stats.ranking.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.ranking['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <ChartsIcon className={style.ranking} style={{color: white}} />\n              </div>\n\n              <div data-name=\"value\" className={style.label}>\n                {user.stats.ranking.label}\n              </div>\n            </Link>\n            <Link\n              className={style.stat}\n              data-name=\"stat-badge\"\n              href={user.stats.badge.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.badge['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <TrophyIcon className={style.badge} style={{color: white}} />\n              </div>\n              <div className={style.label}>{user.stats.badge.label}</div>\n            </Link>\n          </div>\n          <div className={style.avatarWrapper}>\n            {notificationPageView}\n            <div className={style.avatar} data-name=\"user-avatar\">\n              <Link\n                href={user.href}\n                className={style.userLink}\n                onClick={this.handleLinkClick}\n                aria-label={user['picture-aria-label']}\n              >\n                <Picture src={user.picture} alt={user.profileAvatarAlt} />\n              </Link>\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    if (settings) {\n      const settingsElements = settings.map((setting, index) => {\n        let settingView = null;\n        const {\n          options,\n          type,\n          title,\n          name: settingName = index,\n          color,\n          hoverColor,\n          'aria-label': ariaLabel\n        } = setting;\n\n        switch (type) {\n          case 'link': {\n            settingView = (\n              <div data-name={`setting-${settingName}`} className={style.setting} key={settingName}>\n                <Link\n                  className={style.link}\n                  href={options.href}\n                  skinHover\n                  hoverColor={hoverColor}\n                  onClick={this.handleLinkClick}\n                  target={options.target || null}\n                  aria-label={ariaLabel || title}\n                  style={{\n                    color\n                  }}\n                >\n                  {title}\n                </Link>\n              </div>\n            );\n            break;\n          }\n          case 'select': {\n            const selectProps = {};\n            selectProps.options = options.values;\n            selectProps.title = '';\n            selectProps.theme = 'header';\n            selectProps.onChange = options.onChange;\n\n            settingView = (\n              <div data-name={`setting-${settingName}`} className={style.setting} key={settingName}>\n                <span className={style.label}>{title}</span>\n                <Select {...selectProps} aria-label={ariaLabel || title} />\n              </div>\n            );\n            break;\n          }\n          case 'switch': {\n            const switchProps = {};\n            switchProps.value = options.value;\n            switchProps.id = `input-switch-${index}`;\n            switchProps.onChange = options.onChange;\n\n            settingView = (\n              <div\n                data-name={`setting-${settingName}`}\n                className={style.setting}\n                key={settingName}\n                aria-label={ariaLabel || title}\n              >\n                <span className={style.label}>{title}</span>\n                <InputSwitch {...switchProps} />\n              </div>\n            );\n            break;\n          }\n        }\n\n        return settingView;\n      });\n\n      settingsView = (\n        <div className={style.settings} ref={this.setMenuSettings}>\n          <CogIcon\n            data-name=\"settings-toggle\"\n            style={{color: darkColor}}\n            className={style.settingsToggle}\n            onClick={this.handleSettingsToggle}\n            aria-expanded={isSettingsOpen}\n            aria-label={settingsAriaLabel}\n          />\n          <div className={isSettingsOpen ? style.settingsWrapper : style.settingsWrapperHidden}>\n            <div data-name=\"settings\" className={style.settingsGroup}>\n              {settingsElements}\n            </div>\n            <div\n              className={style.closeSettings}\n              onClick={this.handleSettingsToggle}\n              aria-label={closeSettingsAriaLabel}\n            >\n              {closeLabel}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    if (search) {\n      searchFormView = (\n        <div\n          data-name=\"Search-Bar\"\n          className={isMenuOpen ? style.hiddenSearchBar : style.searchBar}\n        >\n          <SearchForm\n            search={search}\n            onSubmit={this.handleSubmitSearch}\n            onReset={this.handleResetSearch}\n            onSearchFocus={this.handleOnFocus}\n            onSearchBlur={this.handleOnBlur}\n            search-reset-aria-label={searchResetAriaLabel}\n          />\n        </div>\n      );\n    }\n\n    return (\n      <header className={style.wrapper}>\n        <div\n          data-name=\"moocHeader\"\n          data-open={isMenuOpen}\n          className={isMenuOpen ? style.open : style.header}\n        >\n          <div\n            className={style.logoWrapper}\n            aria-label={toolTipText}\n            onMouseOver={this.handleOnMouseOver}\n            onMouseLeave={this.handleOnMouseLeave}\n          >\n            <div className={style.navMobile} data-name=\"nav-mobile\">\n              <BurgerIcon\n                role=\"button\"\n                data-name=\"nav-mobile-open\"\n                style={{color: mediumColor}}\n                className={isMenuOpen ? style.burgerHidden : style.burger}\n                onClick={this.handleOnMenuOpen}\n                aria-label={openMenuAriaLabel}\n              />\n              <CloseIcon\n                data-name=\"nav-mobile-close\"\n                style={{color: mediumColor}}\n                className={isMenuOpen ? style.close : style.closeHidden}\n                onClick={this.handleOnMenuClose}\n                aria-label={closeMenuAriaLabel}\n              />\n              <Link data-name=\"logo-mobile\" href={logo.href}>\n                <Picture src={logoMobileUrl} alt={logoAriaLabel} />\n              </Link>\n            </div>\n            <Link\n              className={style.logo}\n              data-name=\"logo\"\n              href={logo.href}\n              onKeyDown={this.handleKeyPress}\n              tabIndex={0}\n              data-testid=\"brand-logo\"\n            >\n              <Picture src={logoUrl} alt={logoAriaLabel} />\n              {isToolTipOpen ? (\n                <div aria-label={toolTipText} tabIndex={0} data-testid=\"home-tooltip\">\n                  <div\n                    aria-label={`${toolTipText} ${closeToolTipInformationTextAriaLabel}`}\n                    role=\"tooltip\"\n                    className={style.tooltipIconContainer}\n                    tabIndex={0}\n                  >\n                    <HomeIcon className={style.homeIcon} style={{color: primaryColor}} />\n                    <p\n                      className={style.toolTipText}\n                      // eslint-disable-next-line react/no-danger\n                      dangerouslySetInnerHTML={{__html: toolTipText}}\n                      style={{color: primaryColor}}\n                    />\n                  </div>\n                </div>\n              ) : null}\n            </Link>\n          </div>\n          {searchFormView}\n          <div\n            className={isMenuOpen ? style.menuWrapper : style.hiddenMenuWrapper}\n            data-name=\"menu-wrapper\"\n          >\n            {pagesView}\n            {userView || linksView}\n            {settingsView}\n          </div>\n        </div>\n      </header>\n    );\n  }\n}\n\nexport default MoocHeader;\n"],"mappings":"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"}

package/es/organism/mooc-header/style.css

@@ -501,6 +501,52 @@
   color: dark;
 }
 
+.homeIcon {
+  width: 16px;
+  height: 14px;
+  margin-left: 16px;
+}
+
+.toolTipText {
+  font-family: 'Gilroy';
+  font-size: 14px;
+  width: 121px;
+  height: 24px;
+  line-height: 27px;
+  order: 0;
+}
+
+[role="tooltip"],
+.logo .tooltipIconContainer + [role="tooltip"] {
+  border: none;
+  border-radius: 8px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
+  position: absolute;
+  background-color: white;
+  bottom: -2.5em;
+  height: 32px;
+  width: 160px;
+  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);
+}
+
+.tooltipIconContainer::after {
+  content: ' ';
+  display: inline-block;
+  visibility: inherit;
+  opacity: inherit;
+  width: 15px;
+  height: 15px;
+  transform: rotate(-45deg);
+  background-color: white;
+  position: inherit;
+  top: -6px;
+  right: 40%;
+  border-radius: 2px;
+}
+
 @media desktop {
   .item {
     padding: 0 11px;

package/es/organism/slider/index.js

@@ -107,12 +107,16 @@ class Slider extends React.Component {
     const controlColor = _getOr(false, 'light', currentSlide_) ? '#FFF' : '#000';
     const leftControl = totalSlide > 1 ? /*#__PURE__*/React.createElement(ArrowLeft, {
       className: style.leftControl,
-      color: controlColor,
+      style: {
+        color: controlColor
+      },
       onClick: this.handlePreviousSlide
     }) : null;
     const rightControl = totalSlide > 1 ? /*#__PURE__*/React.createElement(ArrowRight, {
       className: style.rightControl,
-      color: controlColor,
+      style: {
+        color: controlColor
+      },
       onClick: this.handleNextSlide
     }) : null;
     return /*#__PURE__*/React.createElement("div", {

package/es/organism/slider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionNavigationArrowLeft","ArrowLeft","style","mapWithIndex","convert","cap","Hammer","window","require","undefined","Slider","Component","constructor","props","state","currentSlide","interval","handleNextSlide","bind","handlePreviousSlide","autoPlay","setSlider","componentDidMount","hammer","slider","on","componentWillUnmount","stop","destroy","clearTimeout","timer","el","setState","prevState","children","totalSlide","length","nextSlide","setTimeout","render","myslides","child","index","isActive","activeSlide","slide","currentSlide_","controlColor","leftControl","rightControl","slidesWrapper","propTypes","arrayOf","node"],"sources":["../../../src/organism/slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, map} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionNavigationArrowLeft as ArrowLeft\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst mapWithIndex = map.convert({cap: false});\n// eslint-disable-next-line no-undef\nconst Hammer = typeof window !== 'undefined' ? require('hammerjs') : undefined;\n\nclass Slider extends React.Component {\n  static propTypes = {\n    children: PropTypes.arrayOf(PropTypes.node)\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      currentSlide: 0\n    };\n    this.interval = 8000;\n    this.handleNextSlide = this.handleNextSlide.bind(this);\n    this.handlePreviousSlide = this.handlePreviousSlide.bind(this);\n    this.autoPlay = this.autoPlay.bind(this);\n    this.setSlider = this.setSlider.bind(this);\n  }\n\n  componentDidMount() {\n    if (Hammer) {\n      this.hammer = new Hammer(this.slider);\n      this.hammer.on('swipeleft', this.handlePreviousSlide);\n      this.hammer.on('swiperight', this.handleNextSlide);\n    }\n\n    this.autoPlay();\n  }\n\n  componentWillUnmount() {\n    if (this.hammer) {\n      this.hammer.stop();\n      this.hammer.destroy();\n    }\n    this.hammer = null;\n    clearTimeout(this.timer);\n  }\n\n  setSlider(el) {\n    this.slider = el;\n  }\n\n  handleNextSlide() {\n    this.setState(prevState => {\n      const {children} = this.props;\n      const totalSlide = children.length;\n      const nextSlide = prevState.currentSlide + 1;\n\n      return {\n        currentSlide: nextSlide >= totalSlide ? 0 : nextSlide\n      };\n    });\n\n    this.autoPlay();\n  }\n\n  handlePreviousSlide() {\n    this.setState(prevState => {\n      const {children} = this.props;\n      const totalSlide = children.length;\n      const nextSlide = prevState.currentSlide - 1;\n\n      return {\n        currentSlide: nextSlide < 0 ? totalSlide - 1 : nextSlide\n      };\n    });\n\n    this.autoPlay();\n  }\n\n  autoPlay() {\n    clearTimeout(this.timer);\n    this.timer = setTimeout(() => {\n      this.handleNextSlide();\n      this.autoPlay();\n    }, this.interval);\n  }\n\n  render() {\n    const {currentSlide} = this.state;\n    const {children} = this.props;\n    const totalSlide = children.length;\n\n    const myslides = mapWithIndex((child, index) => {\n      const isActive = currentSlide === index;\n\n      return (\n        <div key={index} className={isActive ? style.activeSlide : style.slide}>\n          {child}\n        </div>\n      );\n    }, children);\n\n    const currentSlide_ = get(currentSlide, children);\n    const controlColor = getOr(false, 'light', currentSlide_) ? '#FFF' : '#000';\n    const leftControl =\n      totalSlide > 1 ? (\n        <ArrowLeft\n          className={style.leftControl}\n          color={controlColor}\n          onClick={this.handlePreviousSlide}\n        />\n      ) : null;\n\n    const rightControl =\n      totalSlide > 1 ? (\n        <ArrowRight\n          className={style.rightControl}\n          color={controlColor}\n          onClick={this.handleNextSlide}\n        />\n      ) : null;\n\n    return (\n      <div className={style.slidesWrapper} ref={this.setSlider}>\n        {myslides}\n        {leftControl}\n        {rightControl}\n      </div>\n    );\n  }\n}\n\nexport default Slider;\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SACEC,mCAAmC,IAAIC,UADzC,EAEEC,kCAAkC,IAAIC,SAFxC,QAGO,0BAHP;AAIA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAG,KAAIC,OAAJ,CAAY;EAACC,GAAG,EAAE;AAAN,CAAZ,CAArB,C,CACA;;;AACA,MAAMC,MAAM,GAAG,OAAOC,MAAP,KAAkB,WAAlB,GAAgCC,OAAO,CAAC,UAAD,CAAvC,GAAsDC,SAArE;;AAEA,MAAMC,MAAN,SAAqBd,KAAK,CAACe,SAA3B,CAAqC;EAKnCC,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;IACA,KAAKC,KAAL,GAAa;MACXC,YAAY,EAAE;IADH,CAAb;IAGA,KAAKC,QAAL,GAAgB,IAAhB;IACA,KAAKC,eAAL,GAAuB,KAAKA,eAAL,CAAqBC,IAArB,CAA0B,IAA1B,CAAvB;IACA,KAAKC,mBAAL,GAA2B,KAAKA,mBAAL,CAAyBD,IAAzB,CAA8B,IAA9B,CAA3B;IACA,KAAKE,QAAL,GAAgB,KAAKA,QAAL,CAAcF,IAAd,CAAmB,IAAnB,CAAhB;IACA,KAAKG,SAAL,GAAiB,KAAKA,SAAL,CAAeH,IAAf,CAAoB,IAApB,CAAjB;EACD;;EAEDI,iBAAiB,GAAG;IAClB,IAAIhB,MAAJ,EAAY;MACV,KAAKiB,MAAL,GAAc,IAAIjB,MAAJ,CAAW,KAAKkB,MAAhB,CAAd;MACA,KAAKD,MAAL,CAAYE,EAAZ,CAAe,WAAf,EAA4B,KAAKN,mBAAjC;MACA,KAAKI,MAAL,CAAYE,EAAZ,CAAe,YAAf,EAA6B,KAAKR,eAAlC;IACD;;IAED,KAAKG,QAAL;EACD;;EAEDM,oBAAoB,GAAG;IACrB,IAAI,KAAKH,MAAT,EAAiB;MACf,KAAKA,MAAL,CAAYI,IAAZ;MACA,KAAKJ,MAAL,CAAYK,OAAZ;IACD;;IACD,KAAKL,MAAL,GAAc,IAAd;IACAM,YAAY,CAAC,KAAKC,KAAN,CAAZ;EACD;;EAEDT,SAAS,CAACU,EAAD,EAAK;IACZ,KAAKP,MAAL,GAAcO,EAAd;EACD;;EAEDd,eAAe,GAAG;IAChB,KAAKe,QAAL,CAAcC,SAAS,IAAI;MACzB,MAAM;QAACC;MAAD,IAAa,KAAKrB,KAAxB;MACA,MAAMsB,UAAU,GAAGD,QAAQ,CAACE,MAA5B;MACA,MAAMC,SAAS,GAAGJ,SAAS,CAAClB,YAAV,GAAyB,CAA3C;MAEA,OAAO;QACLA,YAAY,EAAEsB,SAAS,IAAIF,UAAb,GAA0B,CAA1B,GAA8BE;MADvC,CAAP;IAGD,CARD;IAUA,KAAKjB,QAAL;EACD;;EAEDD,mBAAmB,GAAG;IACpB,KAAKa,QAAL,CAAcC,SAAS,IAAI;MACzB,MAAM;QAACC;MAAD,IAAa,KAAKrB,KAAxB;MACA,MAAMsB,UAAU,GAAGD,QAAQ,CAACE,MAA5B;MACA,MAAMC,SAAS,GAAGJ,SAAS,CAAClB,YAAV,GAAyB,CAA3C;MAEA,OAAO;QACLA,YAAY,EAAEsB,SAAS,GAAG,CAAZ,GAAgBF,UAAU,GAAG,CAA7B,GAAiCE;MAD1C,CAAP;IAGD,CARD;IAUA,KAAKjB,QAAL;EACD;;EAEDA,QAAQ,GAAG;IACTS,YAAY,CAAC,KAAKC,KAAN,CAAZ;IACA,KAAKA,KAAL,GAAaQ,UAAU,CAAC,MAAM;MAC5B,KAAKrB,eAAL;MACA,KAAKG,QAAL;IACD,CAHsB,EAGpB,KAAKJ,QAHe,CAAvB;EAID;;EAEDuB,MAAM,GAAG;IACP,MAAM;MAACxB;IAAD,IAAiB,KAAKD,KAA5B;IACA,MAAM;MAACoB;IAAD,IAAa,KAAKrB,KAAxB;IACA,MAAMsB,UAAU,GAAGD,QAAQ,CAACE,MAA5B;IAEA,MAAMI,QAAQ,GAAGrC,YAAY,CAAC,CAACsC,KAAD,EAAQC,KAAR,KAAkB;MAC9C,MAAMC,QAAQ,GAAG5B,YAAY,KAAK2B,KAAlC;MAEA,oBACE;QAAK,GAAG,EAAEA,KAAV;QAAiB,SAAS,EAAEC,QAAQ,GAAGzC,KAAK,CAAC0C,WAAT,GAAuB1C,KAAK,CAAC2C;MAAjE,GACGJ,KADH,CADF;IAKD,CAR4B,EAQ1BP,QAR0B,CAA7B;;IAUA,MAAMY,aAAa,GAAG,KAAI/B,YAAJ,EAAkBmB,QAAlB,CAAtB;;IACA,MAAMa,YAAY,GAAG,OAAM,KAAN,EAAa,OAAb,EAAsBD,aAAtB,IAAuC,MAAvC,GAAgD,MAArE;IACA,MAAME,WAAW,GACfb,UAAU,GAAG,CAAb,gBACE,oBAAC,SAAD;MACE,SAAS,EAAEjC,KAAK,CAAC8C,WADnB;MAEE,KAAK,EAAED,YAFT;MAGE,OAAO,EAAE,KAAK5B;IAHhB,EADF,GAMI,IAPN;IASA,MAAM8B,YAAY,GAChBd,UAAU,GAAG,CAAb,gBACE,oBAAC,UAAD;MACE,SAAS,EAAEjC,KAAK,CAAC+C,YADnB;MAEE,KAAK,EAAEF,YAFT;MAGE,OAAO,EAAE,KAAK9B;IAHhB,EADF,GAMI,IAPN;IASA,oBACE;MAAK,SAAS,EAAEf,KAAK,CAACgD,aAAtB;MAAqC,GAAG,EAAE,KAAK7B;IAA/C,GACGmB,QADH,EAEGQ,WAFH,EAGGC,YAHH,CADF;EAOD;;AAtHkC;;AAA/BvC,M,CACGyC,S,2CAAY;EACjBjB,QAAQ,EAAErC,SAAS,CAACuD,OAAV,CAAkBvD,SAAS,CAACwD,IAA5B;AADO,C;AAwHrB,eAAe3C,MAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionNavigationArrowLeft","ArrowLeft","style","mapWithIndex","convert","cap","Hammer","window","require","undefined","Slider","Component","constructor","props","state","currentSlide","interval","handleNextSlide","bind","handlePreviousSlide","autoPlay","setSlider","componentDidMount","hammer","slider","on","componentWillUnmount","stop","destroy","clearTimeout","timer","el","setState","prevState","children","totalSlide","length","nextSlide","setTimeout","render","myslides","child","index","isActive","activeSlide","slide","currentSlide_","controlColor","leftControl","color","rightControl","slidesWrapper","propTypes","arrayOf","node"],"sources":["../../../src/organism/slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, map} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionNavigationArrowLeft as ArrowLeft\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst mapWithIndex = map.convert({cap: false});\n// eslint-disable-next-line no-undef\nconst Hammer = typeof window !== 'undefined' ? require('hammerjs') : undefined;\n\nclass Slider extends React.Component {\n  static propTypes = {\n    children: PropTypes.arrayOf(PropTypes.node)\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      currentSlide: 0\n    };\n    this.interval = 8000;\n    this.handleNextSlide = this.handleNextSlide.bind(this);\n    this.handlePreviousSlide = this.handlePreviousSlide.bind(this);\n    this.autoPlay = this.autoPlay.bind(this);\n    this.setSlider = this.setSlider.bind(this);\n  }\n\n  componentDidMount() {\n    if (Hammer) {\n      this.hammer = new Hammer(this.slider);\n      this.hammer.on('swipeleft', this.handlePreviousSlide);\n      this.hammer.on('swiperight', this.handleNextSlide);\n    }\n\n    this.autoPlay();\n  }\n\n  componentWillUnmount() {\n    if (this.hammer) {\n      this.hammer.stop();\n      this.hammer.destroy();\n    }\n    this.hammer = null;\n    clearTimeout(this.timer);\n  }\n\n  setSlider(el) {\n    this.slider = el;\n  }\n\n  handleNextSlide() {\n    this.setState(prevState => {\n      const {children} = this.props;\n      const totalSlide = children.length;\n      const nextSlide = prevState.currentSlide + 1;\n\n      return {\n        currentSlide: nextSlide >= totalSlide ? 0 : nextSlide\n      };\n    });\n\n    this.autoPlay();\n  }\n\n  handlePreviousSlide() {\n    this.setState(prevState => {\n      const {children} = this.props;\n      const totalSlide = children.length;\n      const nextSlide = prevState.currentSlide - 1;\n\n      return {\n        currentSlide: nextSlide < 0 ? totalSlide - 1 : nextSlide\n      };\n    });\n\n    this.autoPlay();\n  }\n\n  autoPlay() {\n    clearTimeout(this.timer);\n    this.timer = setTimeout(() => {\n      this.handleNextSlide();\n      this.autoPlay();\n    }, this.interval);\n  }\n\n  render() {\n    const {currentSlide} = this.state;\n    const {children} = this.props;\n    const totalSlide = children.length;\n\n    const myslides = mapWithIndex((child, index) => {\n      const isActive = currentSlide === index;\n\n      return (\n        <div key={index} className={isActive ? style.activeSlide : style.slide}>\n          {child}\n        </div>\n      );\n    }, children);\n\n    const currentSlide_ = get(currentSlide, children);\n    const controlColor = getOr(false, 'light', currentSlide_) ? '#FFF' : '#000';\n    const leftControl =\n      totalSlide > 1 ? (\n        <ArrowLeft\n          className={style.leftControl}\n          style={{color: controlColor}}\n          onClick={this.handlePreviousSlide}\n        />\n      ) : null;\n\n    const rightControl =\n      totalSlide > 1 ? (\n        <ArrowRight\n          className={style.rightControl}\n          style={{color: controlColor}}\n          onClick={this.handleNextSlide}\n        />\n      ) : null;\n\n    return (\n      <div className={style.slidesWrapper} ref={this.setSlider}>\n        {myslides}\n        {leftControl}\n        {rightControl}\n      </div>\n    );\n  }\n}\n\nexport default Slider;\n"],"mappings":"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"}

package/es/template/activity/progression-item.js

@@ -52,7 +52,9 @@ const ProgressionItem = (props, context) => {
       backgroundColor: primary
     }
   }, /*#__PURE__*/React.createElement(AdaptiveIcon, {
-    color: white,
+    style: {
+      color: white
+    },
     height: 14,
     "aria-label": adaptiveAriaLabel
   })) : null;
@@ -70,7 +72,9 @@ const ProgressionItem = (props, context) => {
   }, /*#__PURE__*/React.createElement("span", {
     className: style.cta
   }, state, " ", /*#__PURE__*/React.createElement(ArrowRightIcon, {
-    color: primary,
+    style: {
+      color: primary
+    },
     height: 12,
     width: 20
   })));
@@ -80,7 +84,9 @@ const ProgressionItem = (props, context) => {
     className: style.wrapperTitle
   }, /*#__PURE__*/React.createElement(IconType, {
     className: style.iconType,
-    color: dark
+    style: {
+      color: dark
+    }
   }), /*#__PURE__*/React.createElement("div", {
     "data-name": "activityLabel",
     className: style.label,
@@ -101,7 +107,9 @@ const ProgressionItem = (props, context) => {
     className: style.smallStars
   }, maxStars) : null, ' ', /*#__PURE__*/React.createElement(StarIcon, {
     className: style.iconStar,
-    color: primary
+    style: {
+      color: primary
+    }
   }))), /*#__PURE__*/React.createElement(ProgressBar, {
     className: style.completion,
     value: completion * 100,

package/es/template/activity/progression-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"progression-item.js","names":["React","useMemo","PropTypes","classnames","NovaCompositionNavigationArrowRight","ArrowRightIcon","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyTimer","TimerIcon","NovaCompositionCoorpacademyBolt","BoltIcon","NovaSolidSchoolScienceGraduationHat","CertificationIcon","NovaCompositionCoorpacademyAdaptive","AdaptiveIcon","NovaSolidContentContentBook1","LearnerIcon","NovaCompositionCoorpacademyScorm","ScormIcon","NovaCompositionCoorpacademyArticle","ArticleIcon","NovaCompositionCoorpacademyVideo","VideoIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","NovaCompositionCoorpacademyRevision","RevisionIcon","Provider","ProgressBar","Link","style","ICONS","chapter","course","battle","certification","article","scorm","video","podcast","review","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","adaptiveAriaLabel","dark","primary","white","IconType","adaptiveIcon","backgroundColor","handleCTAClick","e","stopPropagation","preventDefault","link","color","cta","progressionItem","wrapperTitle","iconType","innerHTML","__html","smallStars","iconStar","borderRadius","propTypes","number","isRequired","bool","string","func","contextTypes","childContextTypes"],"sources":["../../../src/template/activity/progression-item.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRightIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaCompositionCoorpacademyAdaptive as AdaptiveIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon,\n  NovaCompositionCoorpacademyRevision as RevisionIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../../molecule/progress-bar';\nimport Link from '../../atom/link';\nimport style from './progression-item.css';\n\nconst ICONS = {\n  chapter: TimerIcon,\n  course: LearnerIcon,\n  battle: BoltIcon,\n  certification: CertificationIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon,\n  review: RevisionIcon\n};\n\nconst ProgressionItem = (props, context) => {\n  const {skin} = context;\n  const {\n    disabled = false,\n    adaptive,\n    completion,\n    label,\n    level,\n    onClick = noop,\n    stars,\n    maxStars,\n    state,\n    type,\n    steps = 0,\n    adaptiveAriaLabel\n  } = props;\n\n  const dark = get('common.dark', skin);\n  const primary = get('common.primary', skin);\n  const white = get('common.white', skin);\n  const IconType = ICONS[type];\n\n  const adaptiveIcon = adaptive ? (\n    <div\n      className={style.adaptiveIcon}\n      style={{\n        backgroundColor: primary\n      }}\n    >\n      <AdaptiveIcon color={white} height={14} aria-label={adaptiveAriaLabel} />\n    </div>\n  ) : null;\n\n  const handleCTAClick = useMemo(\n    () => e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick(e);\n    },\n    [onClick]\n  );\n\n  const link = disabled ? null : (\n    <Link style={{color: primary}} onClick={handleCTAClick} data-progression-state={state}>\n      <span className={style.cta}>\n        {state} <ArrowRightIcon color={primary} height={12} width={20} />\n      </span>\n    </Link>\n  );\n\n  return (\n    <div className={classnames(style.progressionItem, disabled ? style.disabled : '')}>\n      <div className={style.wrapperTitle}>\n        <IconType className={style.iconType} color={dark} />\n        <div data-name=\"activityLabel\" className={style.label} title={label}>\n          <div\n            className={style.innerHTML}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: label}}\n          />\n          {adaptiveIcon}\n        </div>\n\n        <div\n          data-name=\"activityStars\"\n          className={style.stars}\n          style={{\n            color: primary\n          }}\n        >\n          {stars}\n          {maxStars ? ' /' : null}\n          {maxStars ? <span className={style.smallStars}>{maxStars}</span> : null}{' '}\n          <StarIcon className={style.iconStar} color={primary} />\n        </div>\n      </div>\n      <ProgressBar\n        className={style.completion}\n        value={completion * 100}\n        max={100}\n        steps={steps}\n        style={{backgroundColor: primary, borderRadius: 0}}\n      />\n      <div className={style.state}>\n        {link}\n        <span className={style.level}>{level}</span>\n      </div>\n    </div>\n  );\n};\n\nProgressionItem.propTypes = {\n  completion: PropTypes.number.isRequired,\n  stars: PropTypes.number.isRequired,\n  maxStars: PropTypes.number,\n  steps: PropTypes.number,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  state: PropTypes.string.isRequired,\n  adaptiveAriaLabel: PropTypes.string,\n  type: PropTypes.string.isRequired,\n  adaptive: PropTypes.bool.isRequired,\n  onClick: PropTypes.func\n};\n\nProgressionItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ProgressionItem;\n"],"mappings":"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"}
+{"version":3,"file":"progression-item.js","names":["React","useMemo","PropTypes","classnames","NovaCompositionNavigationArrowRight","ArrowRightIcon","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyTimer","TimerIcon","NovaCompositionCoorpacademyBolt","BoltIcon","NovaSolidSchoolScienceGraduationHat","CertificationIcon","NovaCompositionCoorpacademyAdaptive","AdaptiveIcon","NovaSolidContentContentBook1","LearnerIcon","NovaCompositionCoorpacademyScorm","ScormIcon","NovaCompositionCoorpacademyArticle","ArticleIcon","NovaCompositionCoorpacademyVideo","VideoIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","NovaCompositionCoorpacademyRevision","RevisionIcon","Provider","ProgressBar","Link","style","ICONS","chapter","course","battle","certification","article","scorm","video","podcast","review","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","adaptiveAriaLabel","dark","primary","white","IconType","adaptiveIcon","backgroundColor","color","handleCTAClick","e","stopPropagation","preventDefault","link","cta","progressionItem","wrapperTitle","iconType","innerHTML","__html","smallStars","iconStar","borderRadius","propTypes","number","isRequired","bool","string","func","contextTypes","childContextTypes"],"sources":["../../../src/template/activity/progression-item.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRightIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaCompositionCoorpacademyAdaptive as AdaptiveIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon,\n  NovaCompositionCoorpacademyRevision as RevisionIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../../molecule/progress-bar';\nimport Link from '../../atom/link';\nimport style from './progression-item.css';\n\nconst ICONS = {\n  chapter: TimerIcon,\n  course: LearnerIcon,\n  battle: BoltIcon,\n  certification: CertificationIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon,\n  review: RevisionIcon\n};\n\nconst ProgressionItem = (props, context) => {\n  const {skin} = context;\n  const {\n    disabled = false,\n    adaptive,\n    completion,\n    label,\n    level,\n    onClick = noop,\n    stars,\n    maxStars,\n    state,\n    type,\n    steps = 0,\n    adaptiveAriaLabel\n  } = props;\n\n  const dark = get('common.dark', skin);\n  const primary = get('common.primary', skin);\n  const white = get('common.white', skin);\n  const IconType = ICONS[type];\n\n  const adaptiveIcon = adaptive ? (\n    <div\n      className={style.adaptiveIcon}\n      style={{\n        backgroundColor: primary\n      }}\n    >\n      <AdaptiveIcon style={{color: white}} height={14} aria-label={adaptiveAriaLabel} />\n    </div>\n  ) : null;\n\n  const handleCTAClick = useMemo(\n    () => e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick(e);\n    },\n    [onClick]\n  );\n\n  const link = disabled ? null : (\n    <Link style={{color: primary}} onClick={handleCTAClick} data-progression-state={state}>\n      <span className={style.cta}>\n        {state} <ArrowRightIcon style={{color: primary}} height={12} width={20} />\n      </span>\n    </Link>\n  );\n\n  return (\n    <div className={classnames(style.progressionItem, disabled ? style.disabled : '')}>\n      <div className={style.wrapperTitle}>\n        <IconType className={style.iconType} style={{color: dark}} />\n        <div data-name=\"activityLabel\" className={style.label} title={label}>\n          <div\n            className={style.innerHTML}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: label}}\n          />\n          {adaptiveIcon}\n        </div>\n\n        <div\n          data-name=\"activityStars\"\n          className={style.stars}\n          style={{\n            color: primary\n          }}\n        >\n          {stars}\n          {maxStars ? ' /' : null}\n          {maxStars ? <span className={style.smallStars}>{maxStars}</span> : null}{' '}\n          <StarIcon className={style.iconStar} style={{color: primary}} />\n        </div>\n      </div>\n      <ProgressBar\n        className={style.completion}\n        value={completion * 100}\n        max={100}\n        steps={steps}\n        style={{backgroundColor: primary, borderRadius: 0}}\n      />\n      <div className={style.state}>\n        {link}\n        <span className={style.level}>{level}</span>\n      </div>\n    </div>\n  );\n};\n\nProgressionItem.propTypes = {\n  completion: PropTypes.number.isRequired,\n  stars: PropTypes.number.isRequired,\n  maxStars: PropTypes.number,\n  steps: PropTypes.number,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  state: PropTypes.string.isRequired,\n  adaptiveAriaLabel: PropTypes.string,\n  type: PropTypes.string.isRequired,\n  adaptive: PropTypes.bool.isRequired,\n  onClick: PropTypes.func\n};\n\nProgressionItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ProgressionItem;\n"],"mappings":"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"}