@coorpacademy/components 11.40.22 → 11.40.23

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionNavigationBurger","BurgerIcon","NovaCompositionNavigationClose","CloseIcon","NovaCompositionCoorpacademyPlacesHome24","HomeIcon","FontAwesomeIcon","Provider","Cta","InputSelect","Picture","InputSwitch","Link","Search","SearchForm","ButtonMenuAction","COLORS","isMobile","getIsMobile","style","MoocHeader","Component","contextTypes","translate","childContextTypes","skin","constructor","props","navigator","userAgent","state","isSettingsOpen","isMenuOpen","isFocus","isToolTipOpen","isClosing","isClosingStep2","handleSettingsToggle","bind","handleMenuToggle","_checkOnClose","handleLinkClick","setMenuSettings","handleSubmitSearch","handleResetSearch","handleOnFocus","handleOnBlur","handleOnMenuOpen","handleOnMenuClose","handleOnMouseOver","handleOnMouseLeave","handleKeyPress","handleSearchKeyDown","searchBarRef","searchInputRef","setSearchBarRef","setSearchInputRef","handleClickOutside","handleTransitionEnd","componentDidMount","document","addEventListener","componentDidUpdate","prevProps","prevState","prevContext","removeEventListener","componentWillUnmount","ref","event","target","getAttribute","resetButton","closest","contains","el","menuSettings","clickEvent","menu","setState","onSubmitSearch","searchInput","querySelector","blur","onResetSearch","requestAnimationFrame","propertyName","onMenuOpen","onMenuClose","key","preventDefault","createMenuButtons","items","primaryColor","map","item","label","title","disabled","type","link","href","name","customStyle","padding","selected","color","customLabelClassName","buttonContentLabel","render","_isEmpty","logo","pages","settings","user","links","search","searchResetAriaLabel","settingsAriaLabel","activePageAriaLabel","groupAriaLbale","searchIconAriaLabel","context","logoAriaLabel","closeMenuAriaLabel","openMenuAriaLabel","toolTipText","closeToolTipInformationTextAriaLabel","logoUrl","_get","logoMobileUrl","_getOr","pagesView","linksView","userView","settingsView","notificationsView","searchFormView","moreAriaLabel","mediumColor","displayedPages","displayed","index","activeColor","pageCountAriaLabel","itemLabel","pageBadge","counter","createElement","className","itemBadge","activePage","itemName","hoverColor","brand","onClick","bar","backgroundColor","optionsView","more","option","line","tabletOnlyMoreMenu","optionsGroup","desktopOnlyMoreMenu","button","containerCustom","alignItems","closeOnClick","enableScroll","menuWrapper","top","maxWidth","buttons","showFade","ctas","cta","_extends","length","ctaLink","nbNotifications","notificationsAriaLabel","notifications","notificationPageView","notification","active","icon","negative_700","neutral_500","stats","stat","stars","yellow_500","ranking","badge","neutral_400","myList","purple_500","avatarWrapper","settingsElements","setting","settingView","options","settingName","ariaLabel","iconView","linkIcon","settingLink","selectProps","values","opt","value","find","onChange","placeholder","selectBoxes","switchProps","id","titlePosition","theme","userAvatarWrapper","userAvatarBoxShadow","open","boxShadow","transition","userLinkAvatar","role","avatar","src","picture","alt","profileAvatarAlt","settingsWrapper","settingsWrapperHidden","settingsGroup","hiddenSearchBar","searchBar","onSubmit","onReset","onSearchFocus","onSearchBlur","onSearchKeyDown","inputRef","wrapper","header","logoWrapper","logoWrapperMobileHidden","onMouseOver","onMouseLeave","navMobile","burgerHidden","burger","close","closeHidden","onKeyDown","tabIndex","tooltipIconContainer","homeIcon","dangerouslySetInnerHTML","__html","Fragment","mobileSearchContainerFocus","mobileSearchContainer","mobileSearchOverlay","hiddenMenuWrapper","rightZone","rightZoneFocus","searchBarActive","floatingSearchBar","onTransitionEnd","searchOverlay","propTypes","process","env","NODE_ENV","shape","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  NovaCompositionNavigationBurger as BurgerIcon,\n  NovaCompositionNavigationClose as CloseIcon,\n  NovaCompositionCoorpacademyPlacesHome24 as HomeIcon\n} from '@coorpacademy/nova-icons';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport Provider from '../../atom/provider';\nimport Cta from '../../atom/cta';\nimport InputSelect from '../../atom/input-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 ButtonMenuAction from '../../molecule/button-menu-action';\nimport {COLORS} from '../../variables/colors';\nimport {isMobile as getIsMobile} from '../../util/check-is-mobile';\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          'aria-label': PropTypes.string,\n          name: PropTypes.string,\n          href: PropTypes.string,\n          selected: PropTypes.bool,\n          disabled: 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          'aria-label': PropTypes.string,\n          name: PropTypes.string,\n          href: PropTypes.string,\n          selected: PropTypes.bool,\n          disabled: 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        myList: 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    'active-page-aria-label': PropTypes.string,\n    'group-settings-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', 'danger-link']),\n        color: PropTypes.string,\n        'aria-label': PropTypes.string,\n        icon: 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    enableScroll: PropTypes.bool,\n    searchIconAriaLabel: PropTypes.string\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.isMobile = getIsMobile(navigator?.userAgent, true); // true = inclure les tablettes\n    this.state = {\n      isSettingsOpen: false,\n      isMenuOpen: false,\n      isFocus: false,\n      isToolTipOpen: false,\n      isClosing: false,\n      isClosingStep2: 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    this.handleSearchKeyDown = this.handleSearchKeyDown.bind(this);\n    this.searchBarRef = null;\n    this.searchInputRef = null;\n    this.setSearchBarRef = this.setSearchBarRef.bind(this);\n    this.setSearchInputRef = this.setSearchInputRef.bind(this);\n    this.handleClickOutside = this.handleClickOutside.bind(this);\n    this.handleTransitionEnd = this.handleTransitionEnd.bind(this);\n  }\n\n  componentDidMount() {\n    document.addEventListener('mousedown', this.handleClickOutside);\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  componentWillUnmount() {\n    document.removeEventListener('mousedown', this.handleClickOutside);\n  }\n\n  setSearchBarRef(ref) {\n    this.searchBarRef = ref;\n  }\n\n  setSearchInputRef(ref) {\n    this.searchInputRef = ref;\n  }\n\n  handleClickOutside(event) {\n    const {isFocus} = this.state;\n    if (isFocus) {\n      if (event.target.getAttribute('data-name') === 'mobile-overlay') {\n        return;\n      }\n\n      const resetButton =\n        event.target.getAttribute('data-name') === 'search-form-reset' ||\n        event.target.closest('[data-name=\"search-form-reset\"]');\n\n      if (resetButton) {\n        return;\n      }\n\n      if (this.searchBarRef && this.searchBarRef.contains(event.target)) {\n        return;\n      }\n\n      this.handleOnBlur();\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\n    const searchInput = this.searchInputRef || document.querySelector('input[name=\"search\"]');\n    if (searchInput) {\n      searchInput.blur();\n    }\n\n    this.setState({\n      isFocus: false,\n      isClosing: false,\n      isClosingStep2: false\n    });\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    if (this.isMobile) {\n      this.setState({\n        isFocus: false\n      });\n    } else {\n      this.setState(\n        {\n          isClosing: true\n        },\n        () => {\n          requestAnimationFrame(() => {\n            this.setState({\n              isClosing: false,\n              isClosingStep2: true\n            });\n          });\n        }\n      );\n    }\n  }\n\n  handleTransitionEnd(event) {\n    const {isClosingStep2} = this.state;\n    if ((event.propertyName === 'max-width' || event.propertyName === 'width') && isClosingStep2) {\n      this.setState({\n        isFocus: false,\n        isClosing: false,\n        isClosingStep2: false\n      });\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  handleSearchKeyDown(event) {\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      this.handleSubmitSearch();\n    }\n  }\n\n  createMenuButtons = (items, primaryColor) => {\n    return items.map(item => ({\n      label: item.title,\n      'aria-label': item['aria-label'],\n      disabled: item.disabled,\n      type: 'defaultLeft',\n      link: {href: item.href},\n      'data-name': `item-more-${item.name}`,\n      customStyle: {\n        padding: '0 16px',\n        ...(item.selected && {color: primaryColor})\n      },\n      customLabelClassName: style.buttonContentLabel\n    }));\n  };\n\n  render() {\n    if (isEmpty(this.props)) return null;\n\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      'active-page-aria-label': activePageAriaLabel,\n      'group-settings-aria-label': groupAriaLbale,\n      searchIconAriaLabel\n    } = this.props;\n    const {isFocus, isSettingsOpen, isMenuOpen, isToolTipOpen, isClosing, isClosingStep2} =\n      this.state;\n    const {translate, skin} = this.context;\n    const isMobile = this.isMobile;\n\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 primaryColor = get('common.primary', skin);\n    const mediumColor = get('common.medium', skin);\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        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              disabled={item.disabled}\n              className={classnames(\n                style.itemBadge,\n                item.selected && style.activePage,\n                item.disabled && style.disabled\n              )}\n              aria-label={pageCountAriaLabel}\n            >\n              <span className={style.counter}>{item.counter > 99 ? '99+' : item.counter}</span>\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            disabled={item.disabled}\n            className={classnames(\n              style.item,\n              item.disabled && item.selected && style.activePage,\n              item.disabled && style.disabled\n            )}\n            hoverColor={item.disabled ? '' : getOr(COLORS.brand, 'common.primary', skin)}\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            disabled={item.disabled}\n            className={classnames(style.option, item.disabled && style.disabled)}\n            data-name={`item-more-${itemName}`}\n            target={item.target || null}\n            aria-label={itemLabel}\n            onClick={this.handleLinkClick}\n            hoverColor={item.disabled ? '' : getOr(COLORS.brand, 'common.primary', skin)}\n            style={{\n              ...activeColor\n            }}\n          >\n            {item.title}\n            <span\n              className={style.line}\n              style={{\n                backgroundColor: primaryColor\n              }}\n            />\n          </Link>\n        );\n      });\n      pagesView = (\n        <div className={style.items}>\n          {displayedPages}\n          {items.more &&\n            (isMobile ? (\n              <div className={style.tabletOnlyMoreMenu}>\n                <div className={style.optionsGroup}>{optionsView}</div>\n              </div>\n            ) : (\n              <div className={style.desktopOnlyMoreMenu}>\n                <ButtonMenuAction\n                  button={{\n                    label: moreAriaLabel,\n                    'aria-label': moreAriaLabel,\n                    'data-name': 'item-more'\n                  }}\n                  type=\"link\"\n                  primaryColor={primaryColor}\n                  containerCustom={{alignItems: 'flex-start'}}\n                  closeOnClick\n                  enableScroll\n                  menuWrapper={{\n                    customStyle: {\n                      top: '30px',\n                      maxWidth: 360\n                    }\n                  }}\n                  menu={{\n                    buttons: this.createMenuButtons(items.more, primaryColor)\n                  }}\n                  showFade\n                />\n              </div>\n            ))}\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 > 99 ? '99+' : 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          <FontAwesomeIcon\n            icon=\"bell\"\n            style={{color: nbNotifications > 0 ? COLORS.negative_700 : COLORS.neutral_500}}\n          />\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>\n                <FontAwesomeIcon\n                  icon=\"star\"\n                  style={{color: COLORS.yellow_500}}\n                  className={style.stars}\n                />\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>\n                <FontAwesomeIcon\n                  icon=\"ranking-star\"\n                  className={style.ranking}\n                  style={{color: primaryColor}}\n                />\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>\n                <FontAwesomeIcon\n                  icon=\"trophy\"\n                  className={style.badge}\n                  style={{color: COLORS.neutral_400}}\n                />\n              </div>\n              <div className={style.label}>{user.stats.badge.label}</div>\n            </Link>\n            <Link\n              className={style.stat}\n              data-name=\"stat-my-list\"\n              href={user.stats.myList.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.myList['aria-label']}\n            >\n              <div>\n                <FontAwesomeIcon\n                  icon=\"list-check\"\n                  className={style.icon}\n                  style={{color: COLORS.purple_500}}\n                />\n              </div>\n              <div className={style.label}>{user.stats.myList.label}</div>\n            </Link>\n          </div>\n          <div className={style.avatarWrapper}>{notificationPageView}</div>\n        </div>\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          'aria-label': ariaLabel,\n          icon,\n          disabled = false\n        } = setting;\n\n        switch (type) {\n          case 'link':\n          case 'danger-link': {\n            const iconView =\n              icon && !isMobile ? <FontAwesomeIcon icon={icon} className={style.linkIcon} /> : null;\n            settingView = (\n              <div\n                data-name={`setting-${settingName}`}\n                className={classnames(style.setting, disabled && style.disabled)}\n                key={settingName}\n              >\n                <Link\n                  className={style.settingLink}\n                  href={options.href}\n                  onClick={this.handleLinkClick}\n                  target={options.target || null}\n                  aria-label={ariaLabel || title}\n                >\n                  {iconView}\n                  {title}\n                </Link>\n              </div>\n            );\n            break;\n          }\n          case 'select': {\n            const selectProps = {\n              options: options.values.map(opt => ({\n                value: opt.value,\n                label: opt.name,\n                'data-name': `setting-${settingName}-option-${opt.value}`\n              })),\n              value: options.values.find(opt => opt.selected)?.value,\n              onChange: options.onChange,\n              placeholder: title,\n              'aria-label': ariaLabel || title,\n              'button-data-testid': `setting-${settingName}-button`\n            };\n            settingView = (\n              <div\n                data-name={`setting-${settingName}`}\n                className={classnames(style.setting, style.selectBoxes)}\n                key={settingName}\n              >\n                <InputSelect {...selectProps} />\n              </div>\n            );\n            break;\n          }\n          case 'switch': {\n            const switchProps = {\n              value: options.value,\n              id: `input-switch-${index}`,\n              onChange: options.onChange,\n              titlePosition: 'left',\n              theme: 'newMooc',\n              type: 'switch',\n              title,\n              icon\n            };\n            settingView = (\n              <div\n                data-name={`setting-${settingName}`}\n                className={classnames(style.setting, disabled && style.disabled)}\n                key={settingName}\n                aria-label={ariaLabel || title}\n              >\n                <InputSwitch {...switchProps} aria-labelledby={`title-id-${settingName}`} />\n              </div>\n            );\n            break;\n          }\n        }\n\n        return settingView;\n      });\n\n      settingsView = (\n        <div className={style.settings} ref={this.setMenuSettings}>\n          <div data-name=\"user-avatar-wrapper\" className={style.userAvatarWrapper}>\n            <div\n              className={classnames(style.userAvatarBoxShadow, isSettingsOpen && style.open)}\n              style={{\n                boxShadow: isSettingsOpen\n                  ? `0 0 0 1px white, 0 0 0 3px ${primaryColor}`\n                  : `0 0 0 2px ${primaryColor}`,\n                transition: 'box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1)'\n              }}\n            />\n            <Link\n              className={classnames(style.userLinkAvatar)}\n              onClick={this.handleSettingsToggle}\n              aria-expanded={isSettingsOpen}\n              aria-label={settingsAriaLabel}\n              aria-haspopup=\"true\"\n              role=\"button\"\n            >\n              <Picture\n                className={style.avatar}\n                src={user && user.picture}\n                alt={user && user.profileAvatarAlt}\n              />\n            </Link>\n          </div>\n          <div className={isSettingsOpen ? style.settingsWrapper : style.settingsWrapperHidden}>\n            <div\n              data-name=\"settings\"\n              className={style.settingsGroup}\n              role=\"group\"\n              aria-label={groupAriaLbale}\n            >\n              {settingsElements}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    if (search) {\n      searchFormView = (\n        <div\n          data-name=\"Search-Bar\"\n          className={isMenuOpen && !this.isMobile ? 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            onSearchKeyDown={this.handleSearchKeyDown}\n            inputRef={this.setSearchInputRef}\n            search-reset-aria-label={searchResetAriaLabel}\n            theme=\"mooc\"\n            searchIconAriaLabel={searchIconAriaLabel}\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={classnames(\n              style.logoWrapper,\n              this.isMobile && isFocus && style.logoWrapperMobileHidden\n            )}\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              id=\"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          {this.isMobile ? (\n            <>\n              <div\n                className={isFocus ? style.mobileSearchContainerFocus : style.mobileSearchContainer}\n                ref={this.setSearchBarRef}\n              >\n                {searchFormView}\n              </div>\n              {isFocus ? (\n                <div\n                  className={style.mobileSearchOverlay}\n                  onClick={this.handleOnBlur}\n                  data-name=\"mobile-overlay\"\n                />\n              ) : null}\n              <nav\n                className={isMenuOpen ? style.menuWrapper : style.hiddenMenuWrapper}\n                data-name=\"menu-wrapper\"\n              >\n                {pagesView}\n                {userView || linksView}\n                {settingsView}\n              </nav>\n            </>\n          ) : (\n            <div\n              className={classnames(\n                {[style.rightZone]: !isFocus && !isClosing && !isClosingStep2},\n                {[style.rightZoneFocus]: isFocus || isClosing || isClosingStep2},\n                {[style.searchBarActive]: isFocus || isClosing || isClosingStep2}\n              )}\n            >\n              <div\n                className={classnames(style.floatingSearchBar, {\n                  [style['floatingSearchBar--expanded']]: isFocus && !isClosing && !isClosingStep2,\n                  [style['floatingSearchBar--closing']]: isClosing\n                })}\n                ref={this.setSearchBarRef}\n                onTransitionEnd={this.handleTransitionEnd}\n              >\n                {searchFormView}\n              </div>\n              {isFocus || isClosing || isClosingStep2 ? (\n                <div className={style.searchOverlay} onClick={this.handleOnBlur} />\n              ) : null}\n              <nav\n                className={isMenuOpen ? style.menuWrapper : style.hiddenMenuWrapper}\n                data-name=\"menu-wrapper\"\n              >\n                {pagesView}\n                {userView || linksView}\n                {settingsView}\n              </nav>\n            </div>\n          )}\n        </div>\n      </header>\n    );\n  }\n}\n\nexport default MoocHeader;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionNavigationBurger","BurgerIcon","NovaCompositionNavigationClose","CloseIcon","NovaCompositionCoorpacademyPlacesHome24","HomeIcon","FontAwesomeIcon","Provider","Cta","InputSelect","Picture","InputSwitch","Link","Search","SearchForm","ButtonMenuAction","COLORS","isMobile","getIsMobile","style","MoocHeader","Component","contextTypes","translate","childContextTypes","skin","constructor","props","navigator","userAgent","state","isSettingsOpen","isMenuOpen","isFocus","isToolTipOpen","isClosing","isClosingStep2","handleSettingsToggle","bind","handleMenuToggle","_checkOnClose","handleLinkClick","setMenuSettings","handleSubmitSearch","handleResetSearch","handleOnFocus","handleOnBlur","handleOnMenuOpen","handleOnMenuClose","handleOnMouseOver","handleOnMouseLeave","handleKeyPress","handleSearchKeyDown","searchBarRef","searchInputRef","setSearchBarRef","setSearchInputRef","handleClickOutside","handleTransitionEnd","componentDidMount","document","addEventListener","componentDidUpdate","prevProps","prevState","prevContext","removeEventListener","componentWillUnmount","ref","event","target","getAttribute","resetButton","closest","contains","el","menuSettings","clickEvent","menu","setState","onSubmitSearch","searchInput","querySelector","blur","onResetSearch","requestAnimationFrame","propertyName","onMenuOpen","onMenuClose","key","preventDefault","createMenuButtons","items","primaryColor","map","item","label","title","disabled","type","link","href","name","customStyle","padding","selected","color","customLabelClassName","buttonContentLabel","render","_isEmpty","logo","pages","settings","user","links","search","searchResetAriaLabel","settingsAriaLabel","activePageAriaLabel","groupAriaLbale","searchIconAriaLabel","context","logoAriaLabel","closeMenuAriaLabel","openMenuAriaLabel","toolTipText","closeToolTipInformationTextAriaLabel","logoUrl","_get","logoMobileUrl","_getOr","pagesView","linksView","userView","settingsView","notificationsView","searchFormView","moreAriaLabel","mediumColor","displayedPages","displayed","index","activeColor","pageCountAriaLabel","itemLabel","pageBadge","counter","createElement","className","itemBadge","activePage","itemName","hoverColor","brand","onClick","bar","backgroundColor","optionsView","more","option","line","tabletOnlyMoreMenu","optionsGroup","desktopOnlyMoreMenu","button","containerCustom","alignItems","closeOnClick","enableScroll","menuWrapper","top","maxWidth","buttons","showFade","ctas","cta","_extends","length","ctaLink","nbNotifications","notificationsAriaLabel","notifications","notificationPageView","notification","active","icon","negative_700","neutral_500","stats","stat","stars","yellow_500","ranking","badge","neutral_400","myList","purple_500","avatarWrapper","settingsElements","setting","settingView","options","settingName","ariaLabel","iconView","linkIcon","settingLink","selectProps","values","opt","value","find","onChange","placeholder","selectBoxes","switchProps","id","titlePosition","theme","role","userAvatarWrapper","userAvatarBoxShadow","open","boxShadow","transition","userLinkAvatar","avatar","src","picture","alt","profileAvatarAlt","settingsWrapper","settingsWrapperHidden","settingsGroup","hiddenSearchBar","searchBar","onSubmit","onReset","onSearchFocus","onSearchBlur","onSearchKeyDown","inputRef","wrapper","header","logoWrapper","logoWrapperMobileHidden","onMouseOver","onMouseLeave","navMobile","burgerHidden","burger","close","closeHidden","onKeyDown","tabIndex","tooltipIconContainer","homeIcon","dangerouslySetInnerHTML","__html","Fragment","mobileSearchContainerFocus","mobileSearchContainer","mobileSearchOverlay","hiddenMenuWrapper","rightZone","rightZoneFocus","searchBarActive","floatingSearchBar","onTransitionEnd","searchOverlay","propTypes","process","env","NODE_ENV","shape","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  NovaCompositionNavigationBurger as BurgerIcon,\n  NovaCompositionNavigationClose as CloseIcon,\n  NovaCompositionCoorpacademyPlacesHome24 as HomeIcon\n} from '@coorpacademy/nova-icons';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport Provider from '../../atom/provider';\nimport Cta from '../../atom/cta';\nimport InputSelect from '../../atom/input-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 ButtonMenuAction from '../../molecule/button-menu-action';\nimport {COLORS} from '../../variables/colors';\nimport {isMobile as getIsMobile} from '../../util/check-is-mobile';\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          'aria-label': PropTypes.string,\n          name: PropTypes.string,\n          href: PropTypes.string,\n          selected: PropTypes.bool,\n          disabled: 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          'aria-label': PropTypes.string,\n          name: PropTypes.string,\n          href: PropTypes.string,\n          selected: PropTypes.bool,\n          disabled: 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        myList: 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    'active-page-aria-label': PropTypes.string,\n    'group-settings-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', 'danger-link']),\n        color: PropTypes.string,\n        'aria-label': PropTypes.string,\n        icon: 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    enableScroll: PropTypes.bool,\n    searchIconAriaLabel: PropTypes.string\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.isMobile = getIsMobile(navigator?.userAgent, true); // true = inclure les tablettes\n    this.state = {\n      isSettingsOpen: false,\n      isMenuOpen: false,\n      isFocus: false,\n      isToolTipOpen: false,\n      isClosing: false,\n      isClosingStep2: 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    this.handleSearchKeyDown = this.handleSearchKeyDown.bind(this);\n    this.searchBarRef = null;\n    this.searchInputRef = null;\n    this.setSearchBarRef = this.setSearchBarRef.bind(this);\n    this.setSearchInputRef = this.setSearchInputRef.bind(this);\n    this.handleClickOutside = this.handleClickOutside.bind(this);\n    this.handleTransitionEnd = this.handleTransitionEnd.bind(this);\n  }\n\n  componentDidMount() {\n    document.addEventListener('mousedown', this.handleClickOutside);\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  componentWillUnmount() {\n    document.removeEventListener('mousedown', this.handleClickOutside);\n  }\n\n  setSearchBarRef(ref) {\n    this.searchBarRef = ref;\n  }\n\n  setSearchInputRef(ref) {\n    this.searchInputRef = ref;\n  }\n\n  handleClickOutside(event) {\n    const {isFocus} = this.state;\n    if (isFocus) {\n      if (event.target.getAttribute('data-name') === 'mobile-overlay') {\n        return;\n      }\n\n      const resetButton =\n        event.target.getAttribute('data-name') === 'search-form-reset' ||\n        event.target.closest('[data-name=\"search-form-reset\"]');\n\n      if (resetButton) {\n        return;\n      }\n\n      if (this.searchBarRef && this.searchBarRef.contains(event.target)) {\n        return;\n      }\n\n      this.handleOnBlur();\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\n    const searchInput = this.searchInputRef || document.querySelector('input[name=\"search\"]');\n    if (searchInput) {\n      searchInput.blur();\n    }\n\n    this.setState({\n      isFocus: false,\n      isClosing: false,\n      isClosingStep2: false\n    });\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    if (this.isMobile) {\n      this.setState({\n        isFocus: false\n      });\n    } else {\n      this.setState(\n        {\n          isClosing: true\n        },\n        () => {\n          requestAnimationFrame(() => {\n            this.setState({\n              isClosing: false,\n              isClosingStep2: true\n            });\n          });\n        }\n      );\n    }\n  }\n\n  handleTransitionEnd(event) {\n    const {isClosingStep2} = this.state;\n    if ((event.propertyName === 'max-width' || event.propertyName === 'width') && isClosingStep2) {\n      this.setState({\n        isFocus: false,\n        isClosing: false,\n        isClosingStep2: false\n      });\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  handleSearchKeyDown(event) {\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      this.handleSubmitSearch();\n    }\n  }\n\n  createMenuButtons = (items, primaryColor) => {\n    return items.map(item => ({\n      label: item.title,\n      'aria-label': item['aria-label'],\n      disabled: item.disabled,\n      type: 'defaultLeft',\n      link: {href: item.href},\n      'data-name': `item-more-${item.name}`,\n      customStyle: {\n        padding: '0 16px',\n        ...(item.selected && {color: primaryColor})\n      },\n      customLabelClassName: style.buttonContentLabel\n    }));\n  };\n\n  render() {\n    if (isEmpty(this.props)) return null;\n\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      'active-page-aria-label': activePageAriaLabel,\n      'group-settings-aria-label': groupAriaLbale,\n      searchIconAriaLabel\n    } = this.props;\n    const {isFocus, isSettingsOpen, isMenuOpen, isToolTipOpen, isClosing, isClosingStep2} =\n      this.state;\n    const {translate, skin} = this.context;\n    const isMobile = this.isMobile;\n\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 primaryColor = get('common.primary', skin);\n    const mediumColor = get('common.medium', skin);\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        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              disabled={item.disabled}\n              className={classnames(\n                style.itemBadge,\n                item.selected && style.activePage,\n                item.disabled && style.disabled\n              )}\n              aria-label={pageCountAriaLabel}\n            >\n              <span className={style.counter}>{item.counter > 99 ? '99+' : item.counter}</span>\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            disabled={item.disabled}\n            className={classnames(\n              style.item,\n              item.disabled && item.selected && style.activePage,\n              item.disabled && style.disabled\n            )}\n            hoverColor={item.disabled ? '' : getOr(COLORS.brand, 'common.primary', skin)}\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            disabled={item.disabled}\n            className={classnames(style.option, item.disabled && style.disabled)}\n            data-name={`item-more-${itemName}`}\n            target={item.target || null}\n            aria-label={itemLabel}\n            onClick={this.handleLinkClick}\n            hoverColor={item.disabled ? '' : getOr(COLORS.brand, 'common.primary', skin)}\n            style={{\n              ...activeColor\n            }}\n          >\n            {item.title}\n            <span\n              className={style.line}\n              style={{\n                backgroundColor: primaryColor\n              }}\n            />\n          </Link>\n        );\n      });\n      pagesView = (\n        <div className={style.items}>\n          {displayedPages}\n          {items.more &&\n            (isMobile ? (\n              <div className={style.tabletOnlyMoreMenu}>\n                <div className={style.optionsGroup}>{optionsView}</div>\n              </div>\n            ) : (\n              <div className={style.desktopOnlyMoreMenu}>\n                <ButtonMenuAction\n                  button={{\n                    label: moreAriaLabel,\n                    'aria-label': moreAriaLabel,\n                    'data-name': 'item-more'\n                  }}\n                  type=\"link\"\n                  primaryColor={primaryColor}\n                  containerCustom={{alignItems: 'flex-start'}}\n                  closeOnClick\n                  enableScroll\n                  menuWrapper={{\n                    customStyle: {\n                      top: '30px',\n                      maxWidth: 360\n                    }\n                  }}\n                  menu={{\n                    buttons: this.createMenuButtons(items.more, primaryColor)\n                  }}\n                  showFade\n                />\n              </div>\n            ))}\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 > 99 ? '99+' : 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          <FontAwesomeIcon\n            icon=\"bell\"\n            style={{color: nbNotifications > 0 ? COLORS.negative_700 : COLORS.neutral_500}}\n          />\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>\n                <FontAwesomeIcon\n                  icon=\"star\"\n                  style={{color: COLORS.yellow_500}}\n                  className={style.stars}\n                />\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>\n                <FontAwesomeIcon\n                  icon=\"ranking-star\"\n                  className={style.ranking}\n                  style={{color: primaryColor}}\n                />\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>\n                <FontAwesomeIcon\n                  icon=\"trophy\"\n                  className={style.badge}\n                  style={{color: COLORS.neutral_400}}\n                />\n              </div>\n              <div className={style.label}>{user.stats.badge.label}</div>\n            </Link>\n            <Link\n              className={style.stat}\n              data-name=\"stat-my-list\"\n              href={user.stats.myList.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.myList['aria-label']}\n            >\n              <div>\n                <FontAwesomeIcon\n                  icon=\"list-check\"\n                  className={style.icon}\n                  style={{color: COLORS.purple_500}}\n                />\n              </div>\n              <div className={style.label}>{user.stats.myList.label}</div>\n            </Link>\n          </div>\n          <div className={style.avatarWrapper}>{notificationPageView}</div>\n        </div>\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          'aria-label': ariaLabel,\n          icon,\n          disabled = false\n        } = setting;\n\n        switch (type) {\n          case 'link':\n          case 'danger-link': {\n            const iconView =\n              icon && !isMobile ? <FontAwesomeIcon icon={icon} className={style.linkIcon} /> : null;\n            settingView = (\n              <div\n                data-name={`setting-${settingName}`}\n                className={classnames(style.setting, disabled && style.disabled)}\n                key={settingName}\n              >\n                <Link\n                  className={style.settingLink}\n                  href={options.href}\n                  onClick={this.handleLinkClick}\n                  target={options.target || null}\n                  aria-label={ariaLabel || title}\n                >\n                  {iconView}\n                  {title}\n                </Link>\n              </div>\n            );\n            break;\n          }\n          case 'select': {\n            const selectProps = {\n              options: options.values.map(opt => ({\n                value: opt.value,\n                label: opt.name,\n                'data-name': `setting-${settingName}-option-${opt.value}`\n              })),\n              value: options.values.find(opt => opt.selected)?.value,\n              onChange: options.onChange,\n              placeholder: title,\n              'aria-label': ariaLabel || title,\n              'button-data-testid': `setting-${settingName}-button`\n            };\n            settingView = (\n              <div\n                data-name={`setting-${settingName}`}\n                className={classnames(style.setting, style.selectBoxes)}\n                key={settingName}\n              >\n                <InputSelect {...selectProps} />\n              </div>\n            );\n            break;\n          }\n          case 'switch': {\n            const switchProps = {\n              value: options.value,\n              id: `input-switch-${index}`,\n              onChange: options.onChange,\n              titlePosition: 'left',\n              theme: 'newMooc',\n              type: 'switch',\n              title,\n              icon\n            };\n            settingView = (\n              <div\n                data-name={`setting-${settingName}`}\n                className={classnames(style.setting, disabled && style.disabled)}\n                key={settingName}\n                role=\"group\"\n                aria-label={ariaLabel || title}\n              >\n                <InputSwitch {...switchProps} aria-labelledby={`title-id-${settingName}`} />\n              </div>\n            );\n            break;\n          }\n        }\n\n        return settingView;\n      });\n\n      settingsView = (\n        <div className={style.settings} ref={this.setMenuSettings}>\n          <div data-name=\"user-avatar-wrapper\" className={style.userAvatarWrapper}>\n            <div\n              className={classnames(style.userAvatarBoxShadow, isSettingsOpen && style.open)}\n              style={{\n                boxShadow: isSettingsOpen\n                  ? `0 0 0 1px white, 0 0 0 3px ${primaryColor}`\n                  : `0 0 0 2px ${primaryColor}`,\n                transition: 'box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1)'\n              }}\n            />\n            <Link\n              className={classnames(style.userLinkAvatar)}\n              onClick={this.handleSettingsToggle}\n              aria-expanded={isSettingsOpen}\n              aria-label={settingsAriaLabel}\n              aria-haspopup=\"true\"\n              role=\"button\"\n            >\n              <Picture\n                className={style.avatar}\n                src={user && user.picture}\n                alt={user && user.profileAvatarAlt}\n              />\n            </Link>\n          </div>\n          <div className={isSettingsOpen ? style.settingsWrapper : style.settingsWrapperHidden}>\n            <div\n              data-name=\"settings\"\n              className={style.settingsGroup}\n              role=\"group\"\n              aria-label={groupAriaLbale}\n            >\n              {settingsElements}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    if (search) {\n      searchFormView = (\n        <div\n          data-name=\"Search-Bar\"\n          className={isMenuOpen && !this.isMobile ? 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            onSearchKeyDown={this.handleSearchKeyDown}\n            inputRef={this.setSearchInputRef}\n            search-reset-aria-label={searchResetAriaLabel}\n            theme=\"mooc\"\n            searchIconAriaLabel={searchIconAriaLabel}\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={classnames(\n              style.logoWrapper,\n              this.isMobile && isFocus && style.logoWrapperMobileHidden\n            )}\n            role=\"group\"\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              id=\"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 role=\"group\" 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          {this.isMobile ? (\n            <>\n              <div\n                className={isFocus ? style.mobileSearchContainerFocus : style.mobileSearchContainer}\n                ref={this.setSearchBarRef}\n              >\n                {searchFormView}\n              </div>\n              {isFocus ? (\n                <div\n                  className={style.mobileSearchOverlay}\n                  onClick={this.handleOnBlur}\n                  data-name=\"mobile-overlay\"\n                />\n              ) : null}\n              <nav\n                className={isMenuOpen ? style.menuWrapper : style.hiddenMenuWrapper}\n                data-name=\"menu-wrapper\"\n              >\n                {pagesView}\n                {userView || linksView}\n                {settingsView}\n              </nav>\n            </>\n          ) : (\n            <div\n              className={classnames(\n                {[style.rightZone]: !isFocus && !isClosing && !isClosingStep2},\n                {[style.rightZoneFocus]: isFocus || isClosing || isClosingStep2},\n                {[style.searchBarActive]: isFocus || isClosing || isClosingStep2}\n              )}\n            >\n              <div\n                className={classnames(style.floatingSearchBar, {\n                  [style['floatingSearchBar--expanded']]: isFocus && !isClosing && !isClosingStep2,\n                  [style['floatingSearchBar--closing']]: isClosing\n                })}\n                ref={this.setSearchBarRef}\n                onTransitionEnd={this.handleTransitionEnd}\n              >\n                {searchFormView}\n              </div>\n              {isFocus || isClosing || isClosingStep2 ? (\n                <div className={style.searchOverlay} onClick={this.handleOnBlur} />\n              ) : null}\n              <nav\n                className={isMenuOpen ? style.menuWrapper : style.hiddenMenuWrapper}\n                data-name=\"menu-wrapper\"\n              >\n                {pagesView}\n                {userView || linksView}\n                {settingsView}\n              </nav>\n            </div>\n          )}\n        </div>\n      </header>\n    );\n  }\n}\n\nexport default MoocHeader;\n"],"mappings":"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","ignoreList":[]}

package/es/organism/review-congrats/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/review-congrats/index.js"],"names":[],"mappings":"AAOO,sDAMN;;AAED,yDAuEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/review-congrats/index.js"],"names":[],"mappings":"AAOO,sDAMN;;AAED,yDAwEC"}

package/es/organism/review-congrats/index.js

@@ -29,6 +29,7 @@ const ReviewCongrats = props => {
   }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: style.mainContainer,
+    role: "group",
     "aria-label": ariaLabel,
     "data-name": dataName,
     "data-testid": "congrats"

package/es/organism/review-congrats/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useEffect","useRef","LottieWrapper","ButtonLink","ReviewCardCongrats","style","propTypes","setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","animationLottie","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","timer","setTimeout","clearTimeout","createElement","className","mainContainer","_extends","loop","animationControl","autoplay","lottie","backupImageClassName","ie11Backup","containerCongrats","ref","containerCards","Fragment","cardStar","timerAnimation","cardRank","cardStarNoRank","buttonContainer","buttonRevise","process","env","NODE_ENV"],"sources":["../../../src/organism/review-congrats/index.js"],"sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport LottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport ReviewCardCongrats from '../../molecule/review-card-congrats';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setScroll = container => () => {\n  container.current?.scrollTo &&\n    container.current.scrollTo({\n      left: 1000,\n      behavior: 'smooth'\n    });\n};\n\nconst ReviewCongrats = props => {\n  const {\n    'aria-label': ariaLabel,\n    'data-name': dataName,\n    animationLottie,\n    title,\n    cardCongratsStar,\n    cardCongratsRank,\n    buttonRevising,\n    buttonRevisingSkill\n  } = props;\n\n  const container = useRef(null);\n\n  useEffect(() => {\n    const timer = setTimeout(setScroll(container), 2000);\n    return () => timer && clearTimeout(timer);\n  }, []);\n\n  return (\n    <div\n      className={style.mainContainer}\n      aria-label={ariaLabel}\n      data-name={dataName}\n      data-testid=\"congrats\"\n    >\n      <LottieWrapper\n        /** confetti animation */\n        {...animationLottie}\n        loop={false}\n        animationControl={'play'}\n        autoplay\n        data-name=\"lottie-wrapper\"\n        className={style.lottie}\n        backupImageClassName={style.ie11Backup}\n      />\n      <div className={style.containerCongrats}>\n        <div className={style.title}>{title}</div>\n        <div ref={container} className={style.containerCards}>\n          {cardCongratsRank ? (\n            <>\n              <ReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n              <ReviewCardCongrats\n                {...cardCongratsRank}\n                timerAnimation={1800}\n                className={style.cardRank}\n              />\n            </>\n          ) : (\n            <ReviewCardCongrats {...cardCongratsStar} className={style.cardStarNoRank} />\n          )}\n        </div>\n        <div className={style.buttonContainer}>\n          {buttonRevising ? (\n            <ButtonLink\n              {...buttonRevising}\n              className={style.buttonRevise}\n              data-testid=\"revise-skill-link\"\n            />\n          ) : null}\n          {buttonRevisingSkill ? (\n            <ButtonLink\n              {...buttonRevisingSkill}\n              className={style.buttonRevise}\n              data-testid=\"revise-another-skill-link\"\n            />\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCongrats.propTypes = propTypes;\n\nexport default ReviewCongrats;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,SAAS,EAAEC,MAAM,QAAO,OAAO;AAC9C,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,kBAAkB,MAAM,qCAAqC;AACpE,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAM,cAAc;AAEpC,OAAO,MAAMC,SAAS,GAAGC,SAAS,IAAI,MAAM;EAC1CA,SAAS,CAACC,OAAO,EAAEC,QAAQ,IACzBF,SAAS,CAACC,OAAO,CAACC,QAAQ,CAAC;IACzBC,IAAI,EAAE,IAAI;IACVC,QAAQ,EAAE;EACZ,CAAC,CAAC;AACN,CAAC;AAED,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IACJ,YAAY,EAAEC,SAAS;IACvB,WAAW,EAAEC,QAAQ;IACrBC,eAAe;IACfC,KAAK;IACLC,gBAAgB;IAChBC,gBAAgB;IAChBC,cAAc;IACdC;EACF,CAAC,GAAGR,KAAK;EAET,MAAMN,SAAS,GAAGP,MAAM,CAAC,IAAI,CAAC;EAE9BD,SAAS,CAAC,MAAM;IACd,MAAMuB,KAAK,GAAGC,UAAU,CAACjB,SAAS,CAACC,SAAS,CAAC,EAAE,IAAI,CAAC;IACpD,OAAO,MAAMe,KAAK,IAAIE,YAAY,CAACF,KAAK,CAAC;EAC3C,CAAC,EAAE,EAAE,CAAC;EAEN,oBACExB,KAAA,CAAA2B,aAAA;IACEC,SAAS,EAAEtB,KAAK,CAACuB,aAAc;IAC/B,cAAYb,SAAU;IACtB,aAAWC,QAAS;IACpB,eAAY;EAAU,gBAEtBjB,KAAA,CAAA2B,aAAA,CAACxB;EACC,2BAAA2B,QAAA,KACIZ,eAAe;IACnBa,IAAI,EAAE,KAAM;IACZC,gBAAgB,EAAE,MAAO;IACzBC,QAAQ;IACR,aAAU,gBAAgB;IAC1BL,SAAS,EAAEtB,KAAK,CAAC4B,MAAO;IACxBC,oBAAoB,EAAE7B,KAAK,CAAC8B;EAAW,EACxC,CAAC,eACFpC,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAEtB,KAAK,CAAC+B;EAAkB,gBACtCrC,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAEtB,KAAK,CAACa;EAAM,GAAEA,KAAW,CAAC,eAC1CnB,KAAA,CAAA2B,aAAA;IAAKW,GAAG,EAAE7B,SAAU;IAACmB,SAAS,EAAEtB,KAAK,CAACiC;EAAe,GAClDlB,gBAAgB,gBACfrB,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAAwC,QAAA,qBACExC,KAAA,CAAA2B,aAAA,CAACtB,kBAAkB,EAAAyB,QAAA,KAAKV,gBAAgB;IAAEQ,SAAS,EAAEtB,KAAK,CAACmC;EAAS,EAAE,CAAC,eACvEzC,KAAA,CAAA2B,aAAA,CAACtB,kBAAkB,EAAAyB,QAAA,KACbT,gBAAgB;IACpBqB,cAAc,EAAE,IAAK;IACrBd,SAAS,EAAEtB,KAAK,CAACqC;EAAS,EAC3B,CACD,CAAC,gBAEH3C,KAAA,CAAA2B,aAAA,CAACtB,kBAAkB,EAAAyB,QAAA,KAAKV,gBAAgB;IAAEQ,SAAS,EAAEtB,KAAK,CAACsC;EAAe,EAAE,CAE3E,CAAC,eACN5C,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAEtB,KAAK,CAACuC;EAAgB,GACnCvB,cAAc,gBACbtB,KAAA,CAAA2B,aAAA,CAACvB,UAAU,EAAA0B,QAAA,KACLR,cAAc;IAClBM,SAAS,EAAEtB,KAAK,CAACwC,YAAa;IAC9B,eAAY;EAAmB,EAChC,CAAC,GACA,IAAI,EACPvB,mBAAmB,gBAClBvB,KAAA,CAAA2B,aAAA,CAACvB,UAAU,EAAA0B,QAAA,KACLP,mBAAmB;IACvBK,SAAS,EAAEtB,KAAK,CAACwC,YAAa;IAC9B,eAAY;EAA2B,EACxC,CAAC,GACA,IACD,CACF,CACF,CAAC;AAEV,CAAC;AAEDhC,cAAc,CAACP,SAAS,GAAAwC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG1C,SAAS;AAEpC,eAAeO,cAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useEffect","useRef","LottieWrapper","ButtonLink","ReviewCardCongrats","style","propTypes","setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","animationLottie","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","timer","setTimeout","clearTimeout","createElement","className","mainContainer","role","_extends","loop","animationControl","autoplay","lottie","backupImageClassName","ie11Backup","containerCongrats","ref","containerCards","Fragment","cardStar","timerAnimation","cardRank","cardStarNoRank","buttonContainer","buttonRevise","process","env","NODE_ENV"],"sources":["../../../src/organism/review-congrats/index.js"],"sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport LottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport ReviewCardCongrats from '../../molecule/review-card-congrats';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setScroll = container => () => {\n  container.current?.scrollTo &&\n    container.current.scrollTo({\n      left: 1000,\n      behavior: 'smooth'\n    });\n};\n\nconst ReviewCongrats = props => {\n  const {\n    'aria-label': ariaLabel,\n    'data-name': dataName,\n    animationLottie,\n    title,\n    cardCongratsStar,\n    cardCongratsRank,\n    buttonRevising,\n    buttonRevisingSkill\n  } = props;\n\n  const container = useRef(null);\n\n  useEffect(() => {\n    const timer = setTimeout(setScroll(container), 2000);\n    return () => timer && clearTimeout(timer);\n  }, []);\n\n  return (\n    <div\n      className={style.mainContainer}\n      role=\"group\"\n      aria-label={ariaLabel}\n      data-name={dataName}\n      data-testid=\"congrats\"\n    >\n      <LottieWrapper\n        /** confetti animation */\n        {...animationLottie}\n        loop={false}\n        animationControl={'play'}\n        autoplay\n        data-name=\"lottie-wrapper\"\n        className={style.lottie}\n        backupImageClassName={style.ie11Backup}\n      />\n      <div className={style.containerCongrats}>\n        <div className={style.title}>{title}</div>\n        <div ref={container} className={style.containerCards}>\n          {cardCongratsRank ? (\n            <>\n              <ReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n              <ReviewCardCongrats\n                {...cardCongratsRank}\n                timerAnimation={1800}\n                className={style.cardRank}\n              />\n            </>\n          ) : (\n            <ReviewCardCongrats {...cardCongratsStar} className={style.cardStarNoRank} />\n          )}\n        </div>\n        <div className={style.buttonContainer}>\n          {buttonRevising ? (\n            <ButtonLink\n              {...buttonRevising}\n              className={style.buttonRevise}\n              data-testid=\"revise-skill-link\"\n            />\n          ) : null}\n          {buttonRevisingSkill ? (\n            <ButtonLink\n              {...buttonRevisingSkill}\n              className={style.buttonRevise}\n              data-testid=\"revise-another-skill-link\"\n            />\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCongrats.propTypes = propTypes;\n\nexport default ReviewCongrats;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,SAAS,EAAEC,MAAM,QAAO,OAAO;AAC9C,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,kBAAkB,MAAM,qCAAqC;AACpE,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAM,cAAc;AAEpC,OAAO,MAAMC,SAAS,GAAGC,SAAS,IAAI,MAAM;EAC1CA,SAAS,CAACC,OAAO,EAAEC,QAAQ,IACzBF,SAAS,CAACC,OAAO,CAACC,QAAQ,CAAC;IACzBC,IAAI,EAAE,IAAI;IACVC,QAAQ,EAAE;EACZ,CAAC,CAAC;AACN,CAAC;AAED,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IACJ,YAAY,EAAEC,SAAS;IACvB,WAAW,EAAEC,QAAQ;IACrBC,eAAe;IACfC,KAAK;IACLC,gBAAgB;IAChBC,gBAAgB;IAChBC,cAAc;IACdC;EACF,CAAC,GAAGR,KAAK;EAET,MAAMN,SAAS,GAAGP,MAAM,CAAC,IAAI,CAAC;EAE9BD,SAAS,CAAC,MAAM;IACd,MAAMuB,KAAK,GAAGC,UAAU,CAACjB,SAAS,CAACC,SAAS,CAAC,EAAE,IAAI,CAAC;IACpD,OAAO,MAAMe,KAAK,IAAIE,YAAY,CAACF,KAAK,CAAC;EAC3C,CAAC,EAAE,EAAE,CAAC;EAEN,oBACExB,KAAA,CAAA2B,aAAA;IACEC,SAAS,EAAEtB,KAAK,CAACuB,aAAc;IAC/BC,IAAI,EAAC,OAAO;IACZ,cAAYd,SAAU;IACtB,aAAWC,QAAS;IACpB,eAAY;EAAU,gBAEtBjB,KAAA,CAAA2B,aAAA,CAACxB;EACC,2BAAA4B,QAAA,KACIb,eAAe;IACnBc,IAAI,EAAE,KAAM;IACZC,gBAAgB,EAAE,MAAO;IACzBC,QAAQ;IACR,aAAU,gBAAgB;IAC1BN,SAAS,EAAEtB,KAAK,CAAC6B,MAAO;IACxBC,oBAAoB,EAAE9B,KAAK,CAAC+B;EAAW,EACxC,CAAC,eACFrC,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAEtB,KAAK,CAACgC;EAAkB,gBACtCtC,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAEtB,KAAK,CAACa;EAAM,GAAEA,KAAW,CAAC,eAC1CnB,KAAA,CAAA2B,aAAA;IAAKY,GAAG,EAAE9B,SAAU;IAACmB,SAAS,EAAEtB,KAAK,CAACkC;EAAe,GAClDnB,gBAAgB,gBACfrB,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAAyC,QAAA,qBACEzC,KAAA,CAAA2B,aAAA,CAACtB,kBAAkB,EAAA0B,QAAA,KAAKX,gBAAgB;IAAEQ,SAAS,EAAEtB,KAAK,CAACoC;EAAS,EAAE,CAAC,eACvE1C,KAAA,CAAA2B,aAAA,CAACtB,kBAAkB,EAAA0B,QAAA,KACbV,gBAAgB;IACpBsB,cAAc,EAAE,IAAK;IACrBf,SAAS,EAAEtB,KAAK,CAACsC;EAAS,EAC3B,CACD,CAAC,gBAEH5C,KAAA,CAAA2B,aAAA,CAACtB,kBAAkB,EAAA0B,QAAA,KAAKX,gBAAgB;IAAEQ,SAAS,EAAEtB,KAAK,CAACuC;EAAe,EAAE,CAE3E,CAAC,eACN7C,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAEtB,KAAK,CAACwC;EAAgB,GACnCxB,cAAc,gBACbtB,KAAA,CAAA2B,aAAA,CAACvB,UAAU,EAAA2B,QAAA,KACLT,cAAc;IAClBM,SAAS,EAAEtB,KAAK,CAACyC,YAAa;IAC9B,eAAY;EAAmB,EAChC,CAAC,GACA,IAAI,EACPxB,mBAAmB,gBAClBvB,KAAA,CAAA2B,aAAA,CAACvB,UAAU,EAAA2B,QAAA,KACLR,mBAAmB;IACvBK,SAAS,EAAEtB,KAAK,CAACyC,YAAa;IAC9B,eAAY;EAA2B,EACxC,CAAC,GACA,IACD,CACF,CACF,CAAC;AAEV,CAAC;AAEDjC,cAAc,CAACP,SAAS,GAAAyC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG3C,SAAS;AAEpC,eAAeO,cAAc","ignoreList":[]}

package/es/organism/review-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/review-header/index.js"],"names":[],"mappings":";AASA,2EAiDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/review-header/index.js"],"names":[],"mappings":";AASA,2EA6DC"}

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

@@ -31,12 +31,14 @@ const ReviewHeader = (props, legacyContext) => {
   return /*#__PURE__*/React.createElement("div", {
     className: style.headerWrapper,
     "data-name": "review-header",
+    role: "group",
     "aria-label": ariaLabel
   }, /*#__PURE__*/React.createElement("div", {
     className: style.titlesWrapper
   }, /*#__PURE__*/React.createElement("div", {
     className: style.title,
     title: mode,
+    role: "group",
     "aria-label": mode,
     "data-name": "review-header-mode"
   }, mode), /*#__PURE__*/React.createElement("div", {
@@ -45,6 +47,7 @@ const ReviewHeader = (props, legacyContext) => {
       color: primarySkinColor
     },
     title: skillName,
+    role: "group",
     "aria-label": skillName,
     "data-name": "review-header-skill-name"
   }, skillName)), /*#__PURE__*/React.createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","getOr","Provider","GetTranslateFromContext","GetSkinFromContext","ButtonLinkIcon","ReviewHeaderSteps","style","propTypes","ReviewHeader","props","legacyContext","steps","mode","skillName","ariaLabel","onQuitClick","hiddenSteps","translate","skin","closeButtonAriaLabel","primarySkinColor","buttonProps","icon","onClick","size","className","review","stepsWrapper","stepsWrapperAnimation","createElement","headerWrapper","titlesWrapper","title","color","key","iconButtonWrapper","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/organism/review-header/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport Provider, {GetTranslateFromContext, GetSkinFromContext} from '../../atom/provider';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport ReviewHeaderSteps from '../../molecule/review-header-steps';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst ReviewHeader = (props, legacyContext) => {\n  const {steps, mode, skillName, 'aria-label': ariaLabel, onQuitClick, hiddenSteps} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  const skin = GetSkinFromContext(legacyContext);\n  const closeButtonAriaLabel = translate('close_button_ariaLabel');\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    icon: 'close',\n    'data-name': 'review-header-close-button',\n    'aria-label': closeButtonAriaLabel,\n    onClick: onQuitClick,\n    size: 'responsive',\n    className: style.review\n  };\n\n  const stepsWrapper = classnames(\n    style.stepsWrapper,\n    hiddenSteps ? style.stepsWrapperAnimation : null\n  );\n\n  return (\n    <div className={style.headerWrapper} data-name=\"review-header\" aria-label={ariaLabel}>\n      <div className={style.titlesWrapper}>\n        <div className={style.title} title={mode} aria-label={mode} data-name=\"review-header-mode\">\n          {mode}\n        </div>\n        <div\n          className={style.skillName}\n          style={{\n            color: primarySkinColor\n          }}\n          title={skillName}\n          aria-label={skillName}\n          data-name=\"review-header-skill-name\"\n        >\n          {skillName}\n        </div>\n      </div>\n\n      <div className={stepsWrapper}>\n        <ReviewHeaderSteps steps={steps} key={'review-header-steps'} />\n      </div>\n\n      <div className={style.iconButtonWrapper} data-testid=\"review-header-close-button-wrapper\">\n        <ButtonLinkIcon {...buttonProps} />\n      </div>\n    </div>\n  );\n};\n\nReviewHeader.propTypes = propTypes;\n\nReviewHeader.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default ReviewHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,QAAQ,IAAGC,uBAAuB,EAAEC,kBAAkB,QAAO,qBAAqB;AACzF,OAAOC,cAAc,MAAM,6BAA6B;AACxD,OAAOC,iBAAiB,MAAM,oCAAoC;AAClE,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAM,SAAS;AAE/B,MAAMC,YAAY,GAAGA,CAACC,KAAK,EAAEC,aAAa,KAAK;EAC7C,MAAM;IAACC,KAAK;IAAEC,IAAI;IAAEC,SAAS;IAAE,YAAY,EAAEC,SAAS;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAGP,KAAK;EACzF,MAAMQ,SAAS,GAAGf,uBAAuB,CAACQ,aAAa,CAAC;EACxD,MAAMQ,IAAI,GAAGf,kBAAkB,CAACO,aAAa,CAAC;EAC9C,MAAMS,oBAAoB,GAAGF,SAAS,CAAC,wBAAwB,CAAC;EAChE,MAAMG,gBAAgB,GAAGpB,KAAK,CAAC,SAAS,EAAE,gBAAgB,EAAEkB,IAAI,CAAC;EAEjE,MAAMG,WAAW,GAAG;IAClBC,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,4BAA4B;IACzC,YAAY,EAAEH,oBAAoB;IAClCI,OAAO,EAAER,WAAW;IACpBS,IAAI,EAAE,YAAY;IAClBC,SAAS,EAAEnB,KAAK,CAACoB;EACnB,CAAC;EAED,MAAMC,YAAY,GAAG5B,UAAU,CAC7BO,KAAK,CAACqB,YAAY,EAClBX,WAAW,GAAGV,KAAK,CAACsB,qBAAqB,GAAG,IAC9C,CAAC;EAED,oBACE9B,KAAA,CAAA+B,aAAA;IAAKJ,SAAS,EAAEnB,KAAK,CAACwB,aAAc;IAAC,aAAU,eAAe;IAAC,cAAYhB;EAAU,gBACnFhB,KAAA,CAAA+B,aAAA;IAAKJ,SAAS,EAAEnB,KAAK,CAACyB;EAAc,gBAClCjC,KAAA,CAAA+B,aAAA;IAAKJ,SAAS,EAAEnB,KAAK,CAAC0B,KAAM;IAACA,KAAK,EAAEpB,IAAK;IAAC,cAAYA,IAAK;IAAC,aAAU;EAAoB,GACvFA,IACE,CAAC,eACNd,KAAA,CAAA+B,aAAA;IACEJ,SAAS,EAAEnB,KAAK,CAACO,SAAU;IAC3BP,KAAK,EAAE;MACL2B,KAAK,EAAEb;IACT,CAAE;IACFY,KAAK,EAAEnB,SAAU;IACjB,cAAYA,SAAU;IACtB,aAAU;EAA0B,GAEnCA,SACE,CACF,CAAC,eAENf,KAAA,CAAA+B,aAAA;IAAKJ,SAAS,EAAEE;EAAa,gBAC3B7B,KAAA,CAAA+B,aAAA,CAACxB,iBAAiB;IAACM,KAAK,EAAEA,KAAM;IAACuB,GAAG,EAAE;EAAsB,CAAE,CAC3D,CAAC,eAENpC,KAAA,CAAA+B,aAAA;IAAKJ,SAAS,EAAEnB,KAAK,CAAC6B,iBAAkB;IAAC,eAAY;EAAoC,gBACvFrC,KAAA,CAAA+B,aAAA,CAACzB,cAAc,EAAKiB,WAAc,CAC/B,CACF,CAAC;AAEV,CAAC;AAEDb,YAAY,CAACD,SAAS,GAAA6B,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG/B,SAAS;AAElCC,YAAY,CAAC+B,YAAY,GAAG;EAC1BrB,IAAI,EAAEjB,QAAQ,CAACuC,iBAAiB,CAACtB,IAAI;EACrCD,SAAS,EAAEhB,QAAQ,CAACuC,iBAAiB,CAACvB;AACxC,CAAC;AAED,eAAeT,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","classnames","getOr","Provider","GetTranslateFromContext","GetSkinFromContext","ButtonLinkIcon","ReviewHeaderSteps","style","propTypes","ReviewHeader","props","legacyContext","steps","mode","skillName","ariaLabel","onQuitClick","hiddenSteps","translate","skin","closeButtonAriaLabel","primarySkinColor","buttonProps","icon","onClick","size","className","review","stepsWrapper","stepsWrapperAnimation","createElement","headerWrapper","role","titlesWrapper","title","color","key","iconButtonWrapper","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/organism/review-header/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport Provider, {GetTranslateFromContext, GetSkinFromContext} from '../../atom/provider';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport ReviewHeaderSteps from '../../molecule/review-header-steps';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst ReviewHeader = (props, legacyContext) => {\n  const {steps, mode, skillName, 'aria-label': ariaLabel, onQuitClick, hiddenSteps} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  const skin = GetSkinFromContext(legacyContext);\n  const closeButtonAriaLabel = translate('close_button_ariaLabel');\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    icon: 'close',\n    'data-name': 'review-header-close-button',\n    'aria-label': closeButtonAriaLabel,\n    onClick: onQuitClick,\n    size: 'responsive',\n    className: style.review\n  };\n\n  const stepsWrapper = classnames(\n    style.stepsWrapper,\n    hiddenSteps ? style.stepsWrapperAnimation : null\n  );\n\n  return (\n    <div\n      className={style.headerWrapper}\n      data-name=\"review-header\"\n      role=\"group\"\n      aria-label={ariaLabel}\n    >\n      <div className={style.titlesWrapper}>\n        <div\n          className={style.title}\n          title={mode}\n          role=\"group\"\n          aria-label={mode}\n          data-name=\"review-header-mode\"\n        >\n          {mode}\n        </div>\n        <div\n          className={style.skillName}\n          style={{\n            color: primarySkinColor\n          }}\n          title={skillName}\n          role=\"group\"\n          aria-label={skillName}\n          data-name=\"review-header-skill-name\"\n        >\n          {skillName}\n        </div>\n      </div>\n\n      <div className={stepsWrapper}>\n        <ReviewHeaderSteps steps={steps} key={'review-header-steps'} />\n      </div>\n\n      <div className={style.iconButtonWrapper} data-testid=\"review-header-close-button-wrapper\">\n        <ButtonLinkIcon {...buttonProps} />\n      </div>\n    </div>\n  );\n};\n\nReviewHeader.propTypes = propTypes;\n\nReviewHeader.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default ReviewHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,QAAQ,IAAGC,uBAAuB,EAAEC,kBAAkB,QAAO,qBAAqB;AACzF,OAAOC,cAAc,MAAM,6BAA6B;AACxD,OAAOC,iBAAiB,MAAM,oCAAoC;AAClE,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAM,SAAS;AAE/B,MAAMC,YAAY,GAAGA,CAACC,KAAK,EAAEC,aAAa,KAAK;EAC7C,MAAM;IAACC,KAAK;IAAEC,IAAI;IAAEC,SAAS;IAAE,YAAY,EAAEC,SAAS;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAGP,KAAK;EACzF,MAAMQ,SAAS,GAAGf,uBAAuB,CAACQ,aAAa,CAAC;EACxD,MAAMQ,IAAI,GAAGf,kBAAkB,CAACO,aAAa,CAAC;EAC9C,MAAMS,oBAAoB,GAAGF,SAAS,CAAC,wBAAwB,CAAC;EAChE,MAAMG,gBAAgB,GAAGpB,KAAK,CAAC,SAAS,EAAE,gBAAgB,EAAEkB,IAAI,CAAC;EAEjE,MAAMG,WAAW,GAAG;IAClBC,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,4BAA4B;IACzC,YAAY,EAAEH,oBAAoB;IAClCI,OAAO,EAAER,WAAW;IACpBS,IAAI,EAAE,YAAY;IAClBC,SAAS,EAAEnB,KAAK,CAACoB;EACnB,CAAC;EAED,MAAMC,YAAY,GAAG5B,UAAU,CAC7BO,KAAK,CAACqB,YAAY,EAClBX,WAAW,GAAGV,KAAK,CAACsB,qBAAqB,GAAG,IAC9C,CAAC;EAED,oBACE9B,KAAA,CAAA+B,aAAA;IACEJ,SAAS,EAAEnB,KAAK,CAACwB,aAAc;IAC/B,aAAU,eAAe;IACzBC,IAAI,EAAC,OAAO;IACZ,cAAYjB;EAAU,gBAEtBhB,KAAA,CAAA+B,aAAA;IAAKJ,SAAS,EAAEnB,KAAK,CAAC0B;EAAc,gBAClClC,KAAA,CAAA+B,aAAA;IACEJ,SAAS,EAAEnB,KAAK,CAAC2B,KAAM;IACvBA,KAAK,EAAErB,IAAK;IACZmB,IAAI,EAAC,OAAO;IACZ,cAAYnB,IAAK;IACjB,aAAU;EAAoB,GAE7BA,IACE,CAAC,eACNd,KAAA,CAAA+B,aAAA;IACEJ,SAAS,EAAEnB,KAAK,CAACO,SAAU;IAC3BP,KAAK,EAAE;MACL4B,KAAK,EAAEd;IACT,CAAE;IACFa,KAAK,EAAEpB,SAAU;IACjBkB,IAAI,EAAC,OAAO;IACZ,cAAYlB,SAAU;IACtB,aAAU;EAA0B,GAEnCA,SACE,CACF,CAAC,eAENf,KAAA,CAAA+B,aAAA;IAAKJ,SAAS,EAAEE;EAAa,gBAC3B7B,KAAA,CAAA+B,aAAA,CAACxB,iBAAiB;IAACM,KAAK,EAAEA,KAAM;IAACwB,GAAG,EAAE;EAAsB,CAAE,CAC3D,CAAC,eAENrC,KAAA,CAAA+B,aAAA;IAAKJ,SAAS,EAAEnB,KAAK,CAAC8B,iBAAkB;IAAC,eAAY;EAAoC,gBACvFtC,KAAA,CAAA+B,aAAA,CAACzB,cAAc,EAAKiB,WAAc,CAC/B,CACF,CAAC;AAEV,CAAC;AAEDb,YAAY,CAACD,SAAS,GAAA8B,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGhC,SAAS;AAElCC,YAAY,CAACgC,YAAY,GAAG;EAC1BtB,IAAI,EAAEjB,QAAQ,CAACwC,iBAAiB,CAACvB,IAAI;EACrCD,SAAS,EAAEhB,QAAQ,CAACwC,iBAAiB,CAACxB;AACxC,CAAC;AAED,eAAeT,YAAY","ignoreList":[]}

package/es/template/app-review/skills/index.js

@@ -18,6 +18,7 @@ const ReviewSkills = props => {
   } = props;
   return /*#__PURE__*/React.createElement("div", {
     className: style.containerReviewSkill,
+    role: "group",
     "aria-label": ariaLabel
   }, /*#__PURE__*/React.createElement("div", {
     className: style.title

package/es/template/app-review/skills/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","isEmpty","Loader","ReviewListSkills","ReviewNoSkills","style","propTypes","ReviewSkills","props","ariaLabel","title","listSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","isLoading","isLoadingAriaLabel","createElement","className","containerReviewSkill","loaderContainer","loader","theme","process","env","NODE_ENV"],"sources":["../../../../src/template/app-review/skills/index.js"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport Loader from '../../../atom/loader';\nimport ReviewListSkills from '../../../organism/review-skills';\nimport ReviewNoSkills from '../../../organism/review-no-skills';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewSkills = props => {\n  const {\n    'aria-label': ariaLabel,\n    title,\n    listSkills,\n    titleNoSkills,\n    textNoSkills,\n    iconSkillAriaLabel,\n    isLoading = false,\n    isLoadingAriaLabel\n  } = props;\n\n  return (\n    <div className={style.containerReviewSkill} aria-label={ariaLabel}>\n      <div className={style.title}>{title}</div>\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"default\" aria-label={isLoadingAriaLabel} />\n        </div>\n      ) : (\n        <div>\n          {!isEmpty(listSkills) ? (\n            <ReviewListSkills listSkills={listSkills} />\n          ) : (\n            <ReviewNoSkills\n              titleNoSkills={titleNoSkills}\n              textNoSkills={textNoSkills}\n              iconSkillAriaLabel={iconSkillAriaLabel}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nReviewSkills.propTypes = propTypes;\n\nexport default ReviewSkills;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,mBAAmB;AACvC,OAAOC,MAAM,MAAM,sBAAsB;AACzC,OAAOC,gBAAgB,MAAM,iCAAiC;AAC9D,OAAOC,cAAc,MAAM,oCAAoC;AAC/D,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IACJ,YAAY,EAAEC,SAAS;IACvBC,KAAK;IACLC,UAAU;IACVC,aAAa;IACbC,YAAY;IACZC,kBAAkB;IAClBC,SAAS,GAAG,KAAK;IACjBC;EACF,CAAC,GAAGR,KAAK;EAET,oBACER,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEb,KAAK,CAACc,oBAAqB;IAAC,cAAYV;EAAU,gBAChET,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEb,KAAK,CAACK;EAAM,GAAEA,KAAW,CAAC,EACzCK,SAAS,gBACRf,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEb,KAAK,CAACe;EAAgB,gBACpCpB,KAAA,CAAAiB,aAAA,CAACf,MAAM;IAACgB,SAAS,EAAEb,KAAK,CAACgB,MAAO;IAACC,KAAK,EAAC,SAAS;IAAC,cAAYN;EAAmB,CAAE,CAC/E,CAAC,gBAENhB,KAAA,CAAAiB,aAAA,cACG,CAAChB,OAAO,CAACU,UAAU,CAAC,gBACnBX,KAAA,CAAAiB,aAAA,CAACd,gBAAgB;IAACQ,UAAU,EAAEA;EAAW,CAAE,CAAC,gBAE5CX,KAAA,CAAAiB,aAAA,CAACb,cAAc;IACbQ,aAAa,EAAEA,aAAc;IAC7BC,YAAY,EAAEA,YAAa;IAC3BC,kBAAkB,EAAEA;EAAmB,CACxC,CAEA,CAEJ,CAAC;AAEV,CAAC;AAEDP,YAAY,CAACD,SAAS,GAAAiB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGnB,SAAS;AAElC,eAAeC,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","isEmpty","Loader","ReviewListSkills","ReviewNoSkills","style","propTypes","ReviewSkills","props","ariaLabel","title","listSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","isLoading","isLoadingAriaLabel","createElement","className","containerReviewSkill","role","loaderContainer","loader","theme","process","env","NODE_ENV"],"sources":["../../../../src/template/app-review/skills/index.js"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport Loader from '../../../atom/loader';\nimport ReviewListSkills from '../../../organism/review-skills';\nimport ReviewNoSkills from '../../../organism/review-no-skills';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewSkills = props => {\n  const {\n    'aria-label': ariaLabel,\n    title,\n    listSkills,\n    titleNoSkills,\n    textNoSkills,\n    iconSkillAriaLabel,\n    isLoading = false,\n    isLoadingAriaLabel\n  } = props;\n\n  return (\n    <div className={style.containerReviewSkill} role=\"group\" aria-label={ariaLabel}>\n      <div className={style.title}>{title}</div>\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"default\" aria-label={isLoadingAriaLabel} />\n        </div>\n      ) : (\n        <div>\n          {!isEmpty(listSkills) ? (\n            <ReviewListSkills listSkills={listSkills} />\n          ) : (\n            <ReviewNoSkills\n              titleNoSkills={titleNoSkills}\n              textNoSkills={textNoSkills}\n              iconSkillAriaLabel={iconSkillAriaLabel}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nReviewSkills.propTypes = propTypes;\n\nexport default ReviewSkills;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,mBAAmB;AACvC,OAAOC,MAAM,MAAM,sBAAsB;AACzC,OAAOC,gBAAgB,MAAM,iCAAiC;AAC9D,OAAOC,cAAc,MAAM,oCAAoC;AAC/D,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IACJ,YAAY,EAAEC,SAAS;IACvBC,KAAK;IACLC,UAAU;IACVC,aAAa;IACbC,YAAY;IACZC,kBAAkB;IAClBC,SAAS,GAAG,KAAK;IACjBC;EACF,CAAC,GAAGR,KAAK;EAET,oBACER,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEb,KAAK,CAACc,oBAAqB;IAACC,IAAI,EAAC,OAAO;IAAC,cAAYX;EAAU,gBAC7ET,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEb,KAAK,CAACK;EAAM,GAAEA,KAAW,CAAC,EACzCK,SAAS,gBACRf,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEb,KAAK,CAACgB;EAAgB,gBACpCrB,KAAA,CAAAiB,aAAA,CAACf,MAAM;IAACgB,SAAS,EAAEb,KAAK,CAACiB,MAAO;IAACC,KAAK,EAAC,SAAS;IAAC,cAAYP;EAAmB,CAAE,CAC/E,CAAC,gBAENhB,KAAA,CAAAiB,aAAA,cACG,CAAChB,OAAO,CAACU,UAAU,CAAC,gBACnBX,KAAA,CAAAiB,aAAA,CAACd,gBAAgB;IAACQ,UAAU,EAAEA;EAAW,CAAE,CAAC,gBAE5CX,KAAA,CAAAiB,aAAA,CAACb,cAAc;IACbQ,aAAa,EAAEA,aAAc;IAC7BC,YAAY,EAAEA,YAAa;IAC3BC,kBAAkB,EAAEA;EAAmB,CACxC,CAEA,CAEJ,CAAC;AAEV,CAAC;AAEDP,YAAY,CAACD,SAAS,GAAAkB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGpB,SAAS;AAElC,eAAeC,YAAY","ignoreList":[]}

package/es/template/review-dashboard-skills/index.js

@@ -11,6 +11,7 @@ const ReviewDashboardSkills = props => {
   } = props;
   return /*#__PURE__*/React.createElement("div", {
     className: style.reviewDashboardContainer,
+    role: "group",
     "aria-label": ariaLabel
   }, /*#__PURE__*/React.createElement("div", {
     className: style.reviewPresentationContainer

package/es/template/review-dashboard-skills/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","ReviewPresentation","ReviewSkills","style","ReviewDashboardSkills","props","ariaLabel","reviewPresentation","reviewSkills","createElement","className","reviewDashboardContainer","reviewPresentationContainer","reviewSkillsContainer","propTypes","process","env","NODE_ENV","string","shape"],"sources":["../../../src/template/review-dashboard-skills/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReviewPresentation from '../../atom/review-presentation';\nimport ReviewSkills from '../app-review/skills';\nimport style from './style.css';\n\nconst ReviewDashboardSkills = props => {\n  const {'aria-label': ariaLabel, reviewPresentation, reviewSkills} = props;\n\n  return (\n    <div className={style.reviewDashboardContainer} aria-label={ariaLabel}>\n      <div className={style.reviewPresentationContainer}>\n        <ReviewPresentation {...reviewPresentation} />\n      </div>\n      <div className={style.reviewSkillsContainer}>\n        <ReviewSkills {...reviewSkills} />\n      </div>\n    </div>\n  );\n};\n\nReviewDashboardSkills.propTypes = {\n  'aria-label': PropTypes.string,\n  reviewPresentation: PropTypes.shape(ReviewPresentation.propTypes),\n  reviewSkills: PropTypes.shape(ReviewSkills.propTypes)\n};\nexport default ReviewDashboardSkills;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,kBAAkB,MAAM,gCAAgC;AAC/D,OAAOC,YAAY,MAAM,sBAAsB;AAC/C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAAC,YAAY,EAAEC,SAAS;IAAEC,kBAAkB;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAEzE,oBACEN,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACQ,wBAAyB;IAAC,cAAYL;EAAU,gBACpEP,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACS;EAA4B,gBAChDb,KAAA,CAAAU,aAAA,CAACR,kBAAkB,EAAKM,kBAAqB,CAC1C,CAAC,eACNR,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACU;EAAsB,gBAC1Cd,KAAA,CAAAU,aAAA,CAACP,YAAY,EAAKM,YAAe,CAC9B,CACF,CAAC;AAEV,CAAC;AAEDJ,qBAAqB,CAACU,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChC,YAAY,EAAEjB,SAAS,CAACkB,MAAM;EAC9BX,kBAAkB,EAAEP,SAAS,CAACmB,KAAK,CAAClB,kBAAkB,CAACa,SAAS,CAAC;EACjEN,YAAY,EAAER,SAAS,CAACmB,KAAK,CAACjB,YAAY,CAACY,SAAS;AACtD,CAAC;AACD,eAAeV,qBAAqB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","ReviewPresentation","ReviewSkills","style","ReviewDashboardSkills","props","ariaLabel","reviewPresentation","reviewSkills","createElement","className","reviewDashboardContainer","role","reviewPresentationContainer","reviewSkillsContainer","propTypes","process","env","NODE_ENV","string","shape"],"sources":["../../../src/template/review-dashboard-skills/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReviewPresentation from '../../atom/review-presentation';\nimport ReviewSkills from '../app-review/skills';\nimport style from './style.css';\n\nconst ReviewDashboardSkills = props => {\n  const {'aria-label': ariaLabel, reviewPresentation, reviewSkills} = props;\n\n  return (\n    <div className={style.reviewDashboardContainer} role=\"group\" aria-label={ariaLabel}>\n      <div className={style.reviewPresentationContainer}>\n        <ReviewPresentation {...reviewPresentation} />\n      </div>\n      <div className={style.reviewSkillsContainer}>\n        <ReviewSkills {...reviewSkills} />\n      </div>\n    </div>\n  );\n};\n\nReviewDashboardSkills.propTypes = {\n  'aria-label': PropTypes.string,\n  reviewPresentation: PropTypes.shape(ReviewPresentation.propTypes),\n  reviewSkills: PropTypes.shape(ReviewSkills.propTypes)\n};\nexport default ReviewDashboardSkills;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,kBAAkB,MAAM,gCAAgC;AAC/D,OAAOC,YAAY,MAAM,sBAAsB;AAC/C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAAC,YAAY,EAAEC,SAAS;IAAEC,kBAAkB;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAEzE,oBACEN,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACQ,wBAAyB;IAACC,IAAI,EAAC,OAAO;IAAC,cAAYN;EAAU,gBACjFP,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACU;EAA4B,gBAChDd,KAAA,CAAAU,aAAA,CAACR,kBAAkB,EAAKM,kBAAqB,CAC1C,CAAC,eACNR,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACW;EAAsB,gBAC1Cf,KAAA,CAAAU,aAAA,CAACP,YAAY,EAAKM,YAAe,CAC9B,CACF,CAAC;AAEV,CAAC;AAEDJ,qBAAqB,CAACW,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChC,YAAY,EAAElB,SAAS,CAACmB,MAAM;EAC9BZ,kBAAkB,EAAEP,SAAS,CAACoB,KAAK,CAACnB,kBAAkB,CAACc,SAAS,CAAC;EACjEP,YAAY,EAAER,SAAS,CAACoB,KAAK,CAAClB,YAAY,CAACa,SAAS;AACtD,CAAC;AACD,eAAeX,qBAAqB","ignoreList":[]}

package/lib/atom/chip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AAmBO,qGAG0E;;AAGjF,6DA0EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AA2BO,qGAG0E;;AAGjF,6DA6EC"}

package/lib/atom/chip/index.js

@@ -22,6 +22,13 @@ const {
   cm_primary_blue: DEFAULT_BACKGROUND_COLOR
 } = _colors.COLORS;
 const ICON_SIZE = '12px';
+const handleChipKeyDown = onClick => event => {
+  if (!onClick) return;
+  if (event.key === 'Enter' || event.key === ' ') {
+    event.preventDefault();
+    onClick(event);
+  }
+};
 const calculateHoveredSelectedBgColor = (selectedBgColor, luminosityDelta = LUMINOSITY_DELTA) => (0, _cssColorFunction.convert)(`hsl(from ${selectedBgColor} h s calc(l*(1 - ${luminosityDelta})))`);
 // note: luminosity decrease is relative to the selected color
 exports.calculateHoveredSelectedBgColor = calculateHoveredSelectedBgColor;
@@ -69,6 +76,9 @@ const Chip = (props, context) => {
     onClick: handleClick,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
+    role: onClick ? 'button' : 'group',
+    tabIndex: onClick ? 0 : undefined,
+    onKeyDown: handleChipKeyDown(onClick),
     "aria-label": text,
     "data-name": `chip-${text}`
   }, /*#__PURE__*/_react.default.createElement("div", {

package/lib/atom/chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_getOr","_cssColorFunction","_reactFontawesome","_proSolidSvgIcons","_fontawesomeSvgCore","_provider","_colors","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","library","add","fas","LUMINOSITY_DELTA","cm_primary_blue","DEFAULT_BACKGROUND_COLOR","COLORS","ICON_SIZE","calculateHoveredSelectedBgColor","selectedBgColor","luminosityDelta","convert","exports","Chip","props","context","text","subText","textColor","cm_grey_700","selected","customIcon","onClick","leftIcon","backgroundColor","customStyle","skin","skinColor","getOr","hoveredSelectedBgColor","isHovered","setIsHovered","useState","handleClick","useMemo","handleMouseEnter","useCallback","handleMouseLeave","hoverStyle","defaultIcon","showIcon","color","white","createElement","className","classnames","style","container","unselected","onMouseEnter","onMouseLeave","left","FontAwesomeIcon","icon","fontSize","title","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","objectOf","oneOfType","number","_default"],"sources":["../../../src/atom/chip/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport Provider from '../provider';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst LUMINOSITY_DELTA = 0.08;\nconst {cm_primary_blue: DEFAULT_BACKGROUND_COLOR} = COLORS;\nconst ICON_SIZE = '12px';\n\nexport const calculateHoveredSelectedBgColor = (\n  selectedBgColor,\n  luminosityDelta = LUMINOSITY_DELTA\n) => convert(`hsl(from ${selectedBgColor} h s calc(l*(1 - ${luminosityDelta})))`);\n// note: luminosity decrease is relative to the selected color\n\nconst Chip = (props, context) => {\n  const {\n    text,\n    subText,\n    textColor = COLORS.cm_grey_700,\n    selected = false,\n    customIcon,\n    onClick,\n    leftIcon,\n    backgroundColor,\n    customStyle\n  } = props;\n  const {skin} = context;\n  const skinColor = getOr(DEFAULT_BACKGROUND_COLOR, 'common.primary', skin);\n  const selectedBgColor =\n    backgroundColor === 'skin' && skinColor\n      ? skinColor\n      : backgroundColor || DEFAULT_BACKGROUND_COLOR;\n  const hoveredSelectedBgColor = calculateHoveredSelectedBgColor(selectedBgColor);\n\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleClick = useMemo(() => onClick, [onClick]);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const hoverStyle = isHovered ? {backgroundColor: hoveredSelectedBgColor} : {};\n\n  const defaultIcon = selected ? 'fa-check' : 'fa-plus';\n  const showIcon = customIcon !== 'none';\n  const color = selected ? COLORS.white : textColor;\n\n  return (\n    <div\n      className={classnames(style.container, !selected && style.unselected)}\n      style={{\n        ...(selected && selectedBgColor ? {backgroundColor: selectedBgColor} : {}),\n        ...(selected && hoverStyle),\n        ...customStyle\n      }}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      aria-label={text}\n      data-name={`chip-${text}`}\n    >\n      <div className={style.left}>\n        {leftIcon ? <FontAwesomeIcon style={{color}} icon={leftIcon} fontSize={ICON_SIZE} /> : null}\n        <div title={text}>\n          <span className={style.text} style={{color}}>\n            {text}\n          </span>\n          {subText ? (\n            <span className={style.subText} style={{color}}>\n              {subText}\n            </span>\n          ) : null}\n        </div>\n      </div>\n      {showIcon ? (\n        <FontAwesomeIcon\n          style={{color}}\n          icon={customIcon ? `fa-${customIcon}` : defaultIcon}\n          fontSize={ICON_SIZE}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nChip.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nChip.propTypes = {\n  text: PropTypes.string,\n  subText: PropTypes.string,\n  textColor: PropTypes.string,\n  selected: PropTypes.bool,\n  customIcon: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  onClick: PropTypes.func,\n  leftIcon: PropTypes.string,\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default Chip;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_getOr","_cssColorFunction","_reactFontawesome","_proSolidSvgIcons","_fontawesomeSvgCore","_provider","_colors","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","library","add","fas","LUMINOSITY_DELTA","cm_primary_blue","DEFAULT_BACKGROUND_COLOR","COLORS","ICON_SIZE","handleChipKeyDown","onClick","event","key","preventDefault","calculateHoveredSelectedBgColor","selectedBgColor","luminosityDelta","convert","exports","Chip","props","context","text","subText","textColor","cm_grey_700","selected","customIcon","leftIcon","backgroundColor","customStyle","skin","skinColor","getOr","hoveredSelectedBgColor","isHovered","setIsHovered","useState","handleClick","useMemo","handleMouseEnter","useCallback","handleMouseLeave","hoverStyle","defaultIcon","showIcon","color","white","createElement","className","classnames","style","container","unselected","onMouseEnter","onMouseLeave","role","tabIndex","undefined","onKeyDown","left","FontAwesomeIcon","icon","fontSize","title","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","objectOf","oneOfType","number","_default"],"sources":["../../../src/atom/chip/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport Provider from '../provider';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst LUMINOSITY_DELTA = 0.08;\nconst {cm_primary_blue: DEFAULT_BACKGROUND_COLOR} = COLORS;\nconst ICON_SIZE = '12px';\n\nconst handleChipKeyDown = onClick => event => {\n  if (!onClick) return;\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n    onClick(event);\n  }\n};\n\nexport const calculateHoveredSelectedBgColor = (\n  selectedBgColor,\n  luminosityDelta = LUMINOSITY_DELTA\n) => convert(`hsl(from ${selectedBgColor} h s calc(l*(1 - ${luminosityDelta})))`);\n// note: luminosity decrease is relative to the selected color\n\nconst Chip = (props, context) => {\n  const {\n    text,\n    subText,\n    textColor = COLORS.cm_grey_700,\n    selected = false,\n    customIcon,\n    onClick,\n    leftIcon,\n    backgroundColor,\n    customStyle\n  } = props;\n  const {skin} = context;\n  const skinColor = getOr(DEFAULT_BACKGROUND_COLOR, 'common.primary', skin);\n  const selectedBgColor =\n    backgroundColor === 'skin' && skinColor\n      ? skinColor\n      : backgroundColor || DEFAULT_BACKGROUND_COLOR;\n  const hoveredSelectedBgColor = calculateHoveredSelectedBgColor(selectedBgColor);\n\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleClick = useMemo(() => onClick, [onClick]);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const hoverStyle = isHovered ? {backgroundColor: hoveredSelectedBgColor} : {};\n\n  const defaultIcon = selected ? 'fa-check' : 'fa-plus';\n  const showIcon = customIcon !== 'none';\n  const color = selected ? COLORS.white : textColor;\n\n  return (\n    <div\n      className={classnames(style.container, !selected && style.unselected)}\n      style={{\n        ...(selected && selectedBgColor ? {backgroundColor: selectedBgColor} : {}),\n        ...(selected && hoverStyle),\n        ...customStyle\n      }}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      role={onClick ? 'button' : 'group'}\n      tabIndex={onClick ? 0 : undefined}\n      onKeyDown={handleChipKeyDown(onClick)}\n      aria-label={text}\n      data-name={`chip-${text}`}\n    >\n      <div className={style.left}>\n        {leftIcon ? <FontAwesomeIcon style={{color}} icon={leftIcon} fontSize={ICON_SIZE} /> : null}\n        <div title={text}>\n          <span className={style.text} style={{color}}>\n            {text}\n          </span>\n          {subText ? (\n            <span className={style.subText} style={{color}}>\n              {subText}\n            </span>\n          ) : null}\n        </div>\n      </div>\n      {showIcon ? (\n        <FontAwesomeIcon\n          style={{color}}\n          icon={customIcon ? `fa-${customIcon}` : defaultIcon}\n          fontSize={ICON_SIZE}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nChip.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nChip.propTypes = {\n  text: PropTypes.string,\n  subText: PropTypes.string,\n  textColor: PropTypes.string,\n  selected: PropTypes.bool,\n  customIcon: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  onClick: PropTypes.func,\n  leftIcon: PropTypes.string,\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default Chip;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/chips/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chips/index.js"],"names":[],"mappings":";AAWA,gDAuBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chips/index.js"],"names":[],"mappings":";AAkBA,gDA0BC"}

package/lib/atom/chips/index.js

@@ -12,6 +12,12 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // This component is a simpler version of the generic Chip component, in use in CoorpManager.
 
+const handleChipKeyDown = onClick => event => {
+  if (event.key === 'Enter' || event.key === ' ') {
+    event.preventDefault();
+    onClick();
+  }
+};
 const Chips = props => {
   const {
     text,
@@ -23,6 +29,9 @@ const Chips = props => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.container, selected ? _style.default.selected : _style.default.unselected),
     onClick: handleClick,
+    role: "button",
+    tabIndex: 0,
+    onKeyDown: handleChipKeyDown(onClick),
     "aria-label": `${text} ${information}`,
     "data-name": text
   }, /*#__PURE__*/_react.default.createElement("div", {